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,.kpiCalc, .calc, .calc .inner{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;
}

::placeholder { color: #023f68; opacity: 1;}
:-ms-input-placeholder { color: #023f68;}
::-webkit-input-placeholder { color: #023f68;}

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-BlackCond.eot');
    src: url('font/MyriadPro-BlackCond.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-BlackCond.woff2') format('woff2'),
        url('font/MyriadPro-BlackCond.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-BlackSemiCnIt.eot');
    src: url('font/MyriadPro-BlackSemiCnIt.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-BlackSemiCnIt.woff2') format('woff2'),
        url('font/MyriadPro-BlackSemiCnIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-Cond.eot');
    src: url('font/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-Cond.woff2') format('woff2'),
        url('font/MyriadPro-Cond.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
    src: url('font/MyriadPro-SemiboldSemiCn.eot');
    src: url('font/MyriadPro-SemiboldSemiCn.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-SemiboldSemiCn.woff2') format('woff2'),
        url('font/MyriadPro-SemiboldSemiCn.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
    src: url('font/MyriadPro-SemiCn.eot');
    src: url('font/MyriadPro-SemiCn.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-SemiCn.woff2') format('woff2'),
        url('font/MyriadPro-SemiCn.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-Regular.eot');
    src: url('font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-Regular.woff2') format('woff2'),
        url('font/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'Myriad Pro';
    src: url('font/MyriadPro-It.eot');
    src: url('font/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-It.woff2') format('woff2'),
        url('font/MyriadPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('font/MyriadPro-BoldSemiCnIt.eot');
    src: url('font/MyriadPro-BoldSemiCnIt.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-BoldSemiCnIt.woff2') format('woff2'),
        url('font/MyriadPro-BoldSemiCnIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

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: 'Myriad Pro', sans-serif;  }

.table{ display: table; border-collapse: collapse;}
.table-cell{ display: table-cell; vertical-align: top;}
.table-row{ display: table-row;}
html{ margin: 0; height: 100%;}
body{font-family: 'Myriad Pro'; font-weight: normal; font-style: normal; font-size:14px; line-height:1.428571429; color:#023f68; background-color:#ffffff; height: 100%; margin: 0;}
input, select, button, textarea{ font-family: 'Myriad Pro'; font-weight: 400; font-size: 14px; }

.wrapper{ max-width: 1092px; width: 100%; margin: 0 auto; position: relative;} 
.wrapper2{ max-width: 976px; width: 100%; margin: 0 auto; position: relative;} 
.wrapper3{ max-width: 900px; width: 100%; margin: 0 auto; position: relative;} 
.wrapper4{ max-width: 670px; width: 100%; margin: 0 auto; position: relative;} 
body.fixed .contentWrapper{ margin-top: 45px;}
body.fixed .fpContentWrapper{ margin-top: 90px;}
.servicesWrapper, .qualityWrapper{ text-align: center;}
.par_mums .innerWrapper{ width: 100%;}
.innerWrapperWider{ max-width: 1366px; width: 100%; margin: 0 auto; position: relative;}
.center{ width: 100%; text-align: center;}

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

.cookiesMsg{ position: fixed; bottom: 0; width: 100%; left: 0; background: #023f68; padding: 35px 0 30px 0; z-index: 500;}
.cookiesMsg .table-cell:first-child{ color: #FFF; font-size: 14px; line-height: 16px; width: 60%;}
.cookiesMsg .table-cell:first-child a{ color: #FFF; font-style: italic; font-weight: 900; text-decoration: underline;}
.cookiesMsg .table-cell:last-child{ text-align: left;}
.cookiesMsg .table-cell:last-child .btn{ min-width: 140px;}

.btn{ text-decoration: none; color: #FFF; font-size: 16px; line-height: 30px; padding: 0 21px; background: #023f68; border-radius: 25px; font-weight: 600; font-style: italic; display: inline-block; border: none; cursor: pointer; min-width: 120px; text-align: center; white-space: nowrap;-webkit-appearance: none;}
.btn:hover, .btn:active{ background: #FF5B00; }
.btn.btnWhite{ background: #FFF;  color: #023f68;}

.popupModal{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 520; overflow: hidden;}
.popupModal .popupMsg{ z-index: 521; position: absolute; top: 50%; left: 50%; background: #023f68; border-radius: 25px; width: 400px; margin-left: -200px; padding-top: 105px; padding-bottom: 30px; text-align: center; margin-top: -142px; color: #FFF;}
.popupModal .popupMsg:before{ content: ""; width: 60px; height: 55px; background: url(images/imageSprite.png) no-repeat left -39px top -35px; position: absolute; top: 43px; left: 50%; margin-left: -30px;}
.popupModal .popupMsg.success:before{ content: ""; width: 58px; height: 59px; background: url(images/imageSprite.png) no-repeat left -99px top; position: absolute; top: 43px; left: 50%; margin-left: -29px;}
.popupModal .popupMsg h1{ font-weight: bold; font-style: italic; font-size: 33px; margin: 0px 0 5px 0;}
.popupModal .popupMsg div{ width: 70%; display: inline-block; }
.popupModal .popupMsg div p{ font-size: 16px; font-weigth: 300; line-height: 20px; margin-bottom: 17px;}
.popupModal .popupMsg div input[type=button]{ min-width: 140px; margin-bottom: 7px;}

header{ height: 185px; display: inline-block; width: 100%; position: fixed; top: 0px; left: 0; z-index: 300; background: #FFF;}
header.scrolled{ height: 72px;}
header.fixed{ top: 0px;}
header .wrapper{ height: 96px; }
header .logo{ text-indent: -9999px; background: url(images/WashPalLogo.png) no-repeat; display: inline-block; width: 188px; height: 120px; margin-top: 38px; margin-left: 0px; background-size: 188px 120px;}
header.scrolled .logo{ width: 93px; height: 59px; margin-top: 7px; margin-left: 0px; background-size: 93px 59px;}

.headerBg{ width: 100%; height: 447px; background: #023f68;}
.headerBg .table-cell{ text-align: center; vertical-align: middle; background-position: center bottom !important; background-size: auto 100% !important; background-repeat: no-repeat !important;}
.headerBg .table-cell h1{ width: 100%; font-size: 67px; font-weight: bold; font-style: italic; color: #FFF; line-height: 50px;}
.headerBg .table-cell h1 span{ width: 100%; font-size: 28px; font-weight: 600; display: inline-block;}
.headerBg .table-cell img{ display: inline-block; height: auto; max-width: 100%;}

nav.mainMenu{ height: 35px; position: relative; float: right; background: #FFF; z-index: 250; margin-right: 0px; margin-top: 107px;}
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; }
header.scrolled nav.mainMenu{ margin-top: 20px;}
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{ float:right;}
nav.mainMenu ul li{ float:left; margin: 0 16px;background: #FFF;}
nav.mainMenu ul li.followFb a{ background: url(images/WP_FB_ikona-01.svg) no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: relative; top: -10px;}
nav.mainMenu ul li.followFb:hover a{  border: none;}
nav.mainMenu ul li.followFb a span{ display: none;}
nav.mainMenu ul li a{ margin-top: 9px;  line-height: 16px; display: inline-block; font-size: 15px; color: #023f68; text-decoration: none; font-weight: 600; min-height: 25px;}
nav.mainMenu ul li.langMenu { margin: 0;}
nav.mainMenu ul li.langMenu a{ border: 1px solid #023f68; border-radius: 50%; margin-left: 20px; min-height: unset; width: 32px; height: 32px; line-height: 32px; text-align: center; margin-top: 0;display: block;}
nav.mainMenu ul li.langMenu a:last-child{ margin-left: 10px;}
nav.mainMenu ul li:hover a, nav.mainMenu ul li.active a{ border-bottom: 1px solid #023f68; }
nav.mainMenu ul li li{   width: 100%; float: none; height: 33px; display: table-row;margin: 0; }
nav.mainMenu ul li li a, nav.mainMenu ul li.active li a{ color: #000; font-size: 14px; padding: 0; line-height: 33px; display: table-cell; white-space: nowrap; text-transform: unset; font-weight: 400; background: none;border-bottom: 2px solid #dae3e9 !important;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   nav.mainMenu ul li li a, nav.mainMenu ul li.active li a {
       padding: 0 16px;
   }
}

nav.mainMenu ul li li:last-child a{ border:none;}
nav.mainMenu ul li li a:hover{ background: none; color: #023f68;}
.mobileMenuSelector{ display: none;}

nav.mainMenu ul li { position: relative; }
nav.mainMenu ul ul { visibility: hidden; opacity: 0;position: absolute;top: 45px; left: 0; min-width: 50px;transform: translateY(-2em);z-index: 150;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; padding: 0 15px; float: left; display: table; background-color: rgba(255,255,255); }

.solutions .rotationBlock{height: 301px;}
.rotationBlock{height: 447px; margin-top: 185px; width: 100%; display: flex; position: relative; z-index: 1; overflow: hidden; margin-bottom: -6px;background: #023f68; margin-left: auto; margin-right: auto;}
.fpContentWrapper header.scrolled .rotationBlock{margin-top: 72px;}
.contentWrapper.scrolled .rotationBlock{margin-top: 0;}
.rotationBlock.rotationBlock2{height: 447px; text-align: center; margin-top: 0;}
.solutions .rotationBlock.rotationBlock2{height: 301px;}
.solutions .rotationBlock.rotationBlock2{height: 301px;}
.rotationBlock.rotationBlock2 .headerBg{height: 420px; margin-top: 150px;}
.solutions .rotationBlock.rotationBlock2 .headerBg{height: 301px; margin-top: 0;}
.rotationBlock .rotatingImage{ width: 100%; display: inline-block; height: 100%; background-position: center bottom !important; background-color: #023f68 !important;}
.rotationBlock .rotatingImage div.aReplace{ text-decoration:none; color: #FFF; text-align: left; width: calc(100% - 160px); max-width: 1092px; line-height: 74px; display: inline-block; font-size: 67px;  margin-left: 0; font-weight: bold; font-style: italic;}
.rotationBlock .rotatingImage div strong{ font-size: 30px; line-height: 38px;font-weight: 500; text-shadow: 2px 2px #000;}
.cycle-pager { text-align: left; margin: 0 auto; z-index: 500; position: absolute; bottom: 32px; overflow: hidden; left: 50%;}
.rotationBlock.rotationBlock2 .cycle-pager { width: auto; margin-left: 0; left: auto; display: inline-block; bottom: 27px; margin-left: -50px;}
.cycle-pager span { width: 33px; height: 32px; display: inline-block; cursor: pointer; text-indent:-9999px; margin-right: 30px; background: url(images/imageSprite.png) no-repeat left -55px top;}
.cycle-pager span:last-child{ margin-right: 0px;}
.cycle-pager span.cycle-pager-active { background: url(images/imageSprite.png) no-repeat left top;}
.cycle-pager > * { cursor: pointer;}

.firstPageColumns{ float: left; width: 100%; min-height: 400px; color: #FFF; text-align: center; margin-bottom: 60px;}
.firstPageColumns .table{ max-width: 1060px; width: 100%; margin: 65px auto 0 auto; table-layout: fixed; text-align: center;}
.firstPageColumns .table .table-cell{ text-align: center;}
.firstPageColumns .table h2{ width: 205px; height: 205px; font-size: 33px; display: table; font-weight: 600; font-style: italic; text-align: center; table-layout: fixed; margin: 0 auto; line-height: 41px;}
.firstPageColumns .table h2 span{ display: table-cell; vertical-align: middle; text-align: center;}
.firstPageColumns .table .descr{ margin: 34px 0 17px 0; display: inline-block; width: 100%; color: #023f68; text-align: center; font-size: 16px; }

.fpBlock{ float: left; background: #FFF; width: 100%;}
.fpBlock h2, .fpBlock h1{ font-weight: 500; font-size: 47px; text-align: center; line-height: 47px; margin-bottom: 30px; font-weight: bold; font-style: italic;}

.breadcrumb{ background: #023f68; width: 100%; padding: 9px 0; float: left;border-bottom: 1px solid #FFF;}
.breadcrumb.noheaderImg{  margin-top: 185px;}
.contentWrapper.scrolled .breadcrumb.noheaderImg{  margin-top: 82px;}
.breadcrumb a{ color: #FFF; font-size: 15px; text-decoration: none; font-weight: 600; float: left;}
.breadcrumb li { float: left;font-weight: bold;}
.breadcrumb li:after { content: ">"; color: #FFF; float: left; margin: 0 5px; font-weight: 600; position: relative; top: -2px;}
.breadcrumb li:last-child:after { content: unset;}

.fpIndustries{ float: left; width: 100%; position: relative; min-height: 400px; overflow: hidden;}
.industriesPage{background: #023f68; padding: 50px 0; }
.industriesPage h1{color: #FFF;}
.fpIndustries .item{ width: 303px; height: 246px; float: left; background-repeat: no-repeat; overflow: hidden; background-position: center top; position: relative; text-align: center; margin-right: 32px; margin-bottom: 32px;}
.fpIndustries .item:nth-child(3n){ margin-right: 0px;}
.fpIndustries .item a{ display:none; width: 100%; height: 246px; text-decoration: none; white-space: normal; position: absolute; top:0px; left: 0px; float: left;}
.fpIndustries .item:hover a{ display: table;}
.fpIndustries .item a span{ vertical-align: middle; text-align: center; color: #FFF; text-decoration: none; font-weight: 600; font-style: italic; font-size: 33px; line-height: 46px;}

.otherIndustriesBlock{ background: #023f68; padding: 55px 0 50px 0px; width: 100%; float: left;}
.otherIndustriesBlock h2{ color: #FFF; font-weight: bold; font-style: italic; font-size: 47px; text-align: left; margin-bottom: 0; float: left;width: 270px;margin-top: 30px;}
.otherIndustriesBlock .table{ table-layout: fixed; float: right; width: calc(100% - 270px);}
.otherIndustriesBlock .table-cell{ vertical-align: middle; width: 15%;}
.otherIndustriesBlock img{ display: block; margin-bottom: 14px;}
.otherIndustriesBlock .btn{ padding: 0 10px; min-width: 132px;}

.otherServicesBlock{ background: #023f68; padding: 55px 0 50px 0px; width: 100%; float: left;}
.otherServicesBlock h2{ color: #FFF; font-weight: bold; font-style: italic; font-size: 47px; text-align: left; margin-bottom: 0;width: 270px; float: left;}
.otherServicesBlock > .table{ table-layout: fixed; width: calc(100% - 270px); float: right;}
.otherServicesBlock .table-cell{ vertical-align: middle; width: 33%;}
.otherServicesBlock img{ display: block; margin-bottom: 0px;}
.otherServicesBlock .table-cell .table-cell{ width: unset;}
.otherServicesBlock .table-cell .table-cell:first-child{ width: 110px;}
.otherServicesBlock .otherServiceTitle{ color: #FFF; font-weight: 600; font-style: italic; font-size: 28px; margin-bottom: 7px; display: inline-block;}
.otherServicesBlock .btn{ padding: 0 10px; min-width: 112px;}


.otherSolutionsBlock{ border-top: 1px solid #023f68; color: #023f68; padding: 55px 0 50px 0px; width: 100%; float: left; margin-top: 30px;}
.otherSolutionsBlock h2{ font-weight: bold; font-style: italic; font-size: 47px; line-height: 51px; text-align: left; margin-bottom: 0; float: left; margin-top: 25px;width: 350px;}
.otherSolutionsBlock .ourSolutions{ float: right; width: calc(100% - 350px); table-layout: fixed; }
.otherSolutionsBlock .table-cell{ vertical-align: middle; }
.otherSolutionsBlock .table img{ display: block; margin-bottom: 0px;}
.otherSolutionsBlock .table-cell .table-cell{ width: unset;}
.otherSolutionsBlock .table-cell .table-cell:first-child{ background-size: 105px 105px !important;height: 105px; width: 105px;text-align: center; padding-right: 10px;}
.otherSolutionsBlock .table .otherSolutionTitle{ color: #FFF; font-weight: 600; font-style: italic; font-size: 17px; line-height: 23px;  display: inline-block; }
.otherSolutionsBlock .table .descr{ font-weight: 600; font-style: italic; font-size: 17px; line-height: 21px; }
.otherSolutionsBlock .table .btn{ padding: 0 10px; min-width: 112px; margin-top: 10px;}

.fpServices{ padding: 60px 0;float: left; width: 100%;background: #023f68;}
.fpServices h2, .fpServices h1{ color: #FFF;}
.fpServices .table{ width: 100%; table-layout: fixed;}
.fpServices .table .table-cell{ text-align: center;}
.fpServices .serviceImage{ width: 100%; height: 124px;}
.fpServices .serviceImage span{ vertical-align: middle; text-align: center;}
.fpServices .serviceTitle{ display: inline-block; width: 100%; margin: 26px 0 27px 0; font-size: 33px; font-weight: 600; font-style: italic; color: #FFF;}

.contactsBlock{ padding: 48px 0 0 0; display: inline-block; width: 100%; font-size: 16px; }
.contactsBlock .innerWrapper{ text-align: center; }
.contactsBlock .block{ display: inline-block; width: 100%;border-bottom: 1px solid #023f68;margin-bottom: 30px;}
.contactsBlock .groupName{ font-size: 33px; font-weight: bold; font-style: italic; width: 300px; float: left; text-align: left;}
.contactsBlock .table{ float: left; }
.contactsBlock .table-cell{ text-align: left;vertical-align: middle; width: 260px; padding: 0 0 35px 0;}
.contactsBlock .contactName{ font-weight: 600; font-style: italic; width: 100%; display: inline-block; margin-top: 5px;}
.contactsBlock .contactEmail{ width: 100%; display: inline-block;}
.contactsBlock .contactEmail a{ text-decoration: none; display: inline-block; color: #023f68; font-weight: 400;}

.contactsDetails{ font-size: 16px; text-align: left; margin-bottom: 23px; display: inline-block; width: 100%;}
.contactsDetails .details{ padding-left: 55px; font-weight: 400;}
.contactsDetails h1{ font-weight: 600; font-style: italic; font-size: 16px; margin: 0 0 5px 0; padding: 0;}
.contactsDetails strong{ font-weight: bold;}
.contactsDetails p{ margin-bottom: 8px;}
.contactsDetails a{ text-decoration: none; color: #023f68;}
.contactsDetails a:hover{ text-decoration: underline;}
.contactsDetails p.followFb{ line-height: 33px; margin-top: 20px;}
.contactsDetails p.followFb a{ float: left;}
.contactsDetails p.followFb a:hover{ text-decoration: underline;}
.contactsDetails p.followFb:before{ content: ""; width: 34px; height: 33px; background: url(images/imageSprite.png) no-repeat left top -35px; float: left; margin-right: 10px;}
.contactsDetails .map{ text-align: left;}
.contactsDetails .map img{ height: 580px; width: auto;}
.contactsDetails .map p{ font-weight: 600; font-style: italic;  font-size: 16px;  margin: 0 0 10px 0;  padding: 0;}

.contactsDetails .contactForm{ width: 100%; display: inline-block; margin-top: 20px; position: relative; text-align: justify;}
.contactsDetails .contactForm form{ text-align: center;}
.contactsDetails .contactForm h3{ font-weight: 600; font-style: italic;}
.contactsDetails .contactForm input[type=text], .contactsDetails .contactForm input[type=email], .contactsDetails .contactForm textarea{ font-weight: 600; font-style: italic; font-size: 14px; width: 100%; padding: 0 20px; height: 32px; border: 1px solid #023f68; border-radius: 25px; margin-top: 9px; color: #023f68;}
.contactsDetails .contactForm input[type=text]:focus, .contactsDetails .contactForm input[type=email]:focus, .contactsDetails .contactForm textarea:focus{ font-weight: normal; font-style: normal;}
.contactsDetails .contactForm textarea{ height: 145px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 15px; resize: none;}
.contactsDetails .contactForm .mandatory{ position: absolute; right: 0; bottom: 27px; font-weight: 400; font-style: italic; font-size: 14px;}


.simpleText{ width: 100%;  display: inline-block; padding: 40px 0 40px 0; font-size: 14px; line-height: 18px; font-weight: normal;}
.fpServices .simpleText{ padding: 0; margin-bottom: 50px;}
.simpleText.blueBg{ color: #FFF;}
.wrapper4 .simpleText{ text-align: justify; padding-bottom: 0;}
.wrapper4 .simpleText p:last-child{ margin-bottom: 0;}
.privacyWrapper .simpleText{ text-align: justify;}
.simpleText h1{ text-align: left; font-size: 47px; font-weight: bold; font-style: italic; line-height: 65px; margin-bottom: 20px;}
.wrapper4 .simpleText h1{ text-align: center;}
.simpleText h2{ text-align: left; font-size: 33px; font-weight: bold; line-height: 39px; margin-bottom: 20px; margin-top: 10px;}
.simpleText p{ margin-bottom: 20px; font-size: 16px; line-height: 21px;}
.simpleText .table{ width: 100%; table-layout: fixed;}
.simpleText .table-cell{ text-align: justify; vertical-align: top;}
.simpleText .table-cell:first-child{padding-right: 25px; width: 540px;}
.simpleText .table-cell:last-child{padding-left: 20px;}
.simpleText strong{ font-weight: 600;}
.simpleText em{ font-style: italic;}
.simpleText a, .simpleText u{ font-weight: normal; color: #023f68;}
.simpleText.blueBg a, .simpleText.blueBg u{ font-weight: normal; color: #FFF;}
.simpleText .table-cell p{ margin-bottom: 20px; font-size: 14px; line-height: 18px;}
.simpleText .table-cell p + ol, .simpleText .table-cell p + ul{ margin-top: -15px;}
.simpleText .table-cell ol li{ padding-left: 26px; position: relative; margin-bottom: 10px;}
.simpleText .table-cell ul{ list-style: disc; margin-left: 16px;margin-bottom: 20px;}
.simpleText .table-cell ul li{ margin-bottom: 0px;}
.simpleText .headerImg{ margin-bottom: 20px; float: right;}
.simpleText .table-cell .imageGallerySlick {float: right; width: 100%; margin-bottom: 0;}
.simpleText .table-cell .imageGallerySlick .slick-slide {width: 150px !important;}
.simpleText .imageGallerySlick .slick-list{margin-left: 32px; width: 450px; height: 91px;}
.simpleText .imageGallerySlick .slick-prev, .simpleText .imageGallerySlick .slick-next{ width: 18px; height: 35px; left: 0; top: 50%; }
.simpleText .imageGallerySlick .slick-prev:before, .simpleText .imageGallerySlick .slick-next:before{ content: unset;}
.simpleText .imageGallerySlick .slick-prev{ background: url(images/imageSprite.png) no-repeat right top; }
.simpleText .imageGallerySlick .slick-next{ background: url(images/imageSprite.png) no-repeat right top -35px; right: 0; left: unset;}

.solutionView{ margin-top: 50px;}
.simple2columns.blueBg{ color: #FFF;}
.industriesPage .simple2columns.blueBg{ margin-bottom: 20px;}
.fpServices .simple2columns.blueBg{ margin-bottom: 20px;}
.simple2columns{ font-size: 14px;}
.simple2columns.blueBg h1{ text-align: center;}
.simple2columns h1{ text-align: left; font-size: 47px; font-weight: bold; font-style: italic; line-height: 65px; margin-bottom: 20px;}
.simple2columns h2{ font-size: 28px; font-weight: 600; font-style: italic; margin-bottom: 27px;}
.simple2columns table{ width: 100%; table-layout: fixed;}
.simple2columns td{ text-align: justify; vertical-align: top;}
.simple2columns td:first-child{padding-right: 25px;}
.simple2columns td:last-child{padding-left: 25px;}
.simple2columns strong{ font-weight: 600;}
.simple2columns em{ font-style: italic;font-weight: normal;}
.simple2columns a, .simple2columns u{ font-weight: normal; color: #023f68;}
.simple2columns.blueBg a, .simple2columns.blueBg u{ font-weight: normal; color: #FFF;}
.simple2columns td p{ margin-bottom: 20px; line-height: 20px;}
.simple2columns td p + ol, .simple2columns td p + ul{ margin-top: -20px;}
.simple2columns td ol li{ padding-left: 26px; position: relative; margin-bottom: 10px;}
.simple2columns td ul{ list-style: disc; margin-left: 16px;margin-bottom: 20px;}
.simple2columns td ul li{ margin-bottom: 0px; position: relative;  }
.simple2columns td ul.topList{ margin-left: 0;}
.simple2columns td ul.topList li{ font-weight: bold; font-style: italic; list-style-type: none; margin-bottom: 5px; min-height: 29px;line-height: 29px;padding-left: 42px;}
.simple2columns td ul.topList li:before{ content:"";width: 29px; height: 29px; position: absolute; left: 0; top: 0; }
.simple2columns td ul.topList li.setup:before{  background: url(images/imageSprite.png) no-repeat top -91px left;}
.simple2columns td ul.topList li.records:before{  background: url(images/imageSprite.png) no-repeat top -91px left -29px;}
.simple2columns td ul.topList li.interaction:before{  background: url(images/imageSprite.png) no-repeat top -91px left -58px;}
.simple2columns td ul.topList li.errors:before{ background: url(images/imageSprite.png) no-repeat top -91px left -87px; }
.simple2columns td ul.topList li.notifications:before{  background: url(images/imageSprite.png) no-repeat top -91px left -116px;}
.simple2columns td ul.topList li.manuals:before{  background: url(images/imageSprite.png) no-repeat top -91px left -145px;}
.simple2columns td ul.topList li.smart:before{  background: url(images/imageSprite.png) no-repeat top -91px left -174px;}

.efficiencyPage{width: 100%;  display: inline-block; padding: 50px 0 55px 0; font-size: 14px; line-height: 18px; font-weight: normal; background: #023f68; color: #FFF; }
.efficiencyPage .table-cell{ display: table-cell; text-align: center; vertical-align: middle;}
.efficiencyPage .table-cell:first-child{ width: 80%; max-width: 725px; text-align: justify;}
.efficiencyPage .simpleText{ padding: 0 20px 0 0;}
.efficiencyPage .simpleText a, .efficiencyPage .simpleText u{ color: #FFF; }
.efficiencyPage .item:first-child{ min-width: 346px; text-align: center;}
.efficiencyPage .serviceImage{ width: 100%; height: 124px;}
.efficiencyPage .serviceImage span:first-child{ vertical-align: middle; text-align: center;}
.efficiencyPage .serviceTitle{ display: inline-block; width: 100%; margin: 26px 0 27px 0; font-size: 33px; font-weight: 600; font-style: italic; color: #FFF;}
.efficiencyPage .specEfficiencyText{ text-align: center; margin-top: 20px;}
.efficiencyPage .specEfficiencyText table{ width: 100%; table-layout: fixed; margin-bottom: 50px;}
.efficiencyPage .specEfficiencyText table td{ border-right: 30px solid #023f68; background: #FFF; color: #023f68;text-align: justify; padding: 30px;}
.efficiencyPage .specEfficiencyText table td:last-child{ border-right: 0;}
.efficiencyPage .specEfficiencyText table td p{ font-size:14px; line-height: 17px; margin-top: 22px;}
.efficiencyPage .specEfficiencyText table td a, .efficiencyPage .specEfficiencyText table td u{ font-weight: normal; color: #023f68;}
.efficiencyPage .specEfficiencyText table td p:last-child{ margin-bottom: 0;}
.efficiencyPage .specEfficiencyText td h2{ font-size: 20px; font-style: italic; font-weight: 900;}
.efficiencyPage .specEfficiencyText p{ margin-bottom: 20px; font-size: 16px; line-height: 21px;}
.efficiencyPage .specEfficiencyText a, .efficiencyPage .specEfficiencyText u{ font-weight: normal; color: #FFF;}


h1 sup{ font-size: 52%;}

.servicesText{ width: 100%; max-width: 920px; margin: 0 auto; display: inline-block; padding: 50px 0; font-size: 16px; line-height: 22px; text-align: center;}
.servicesText h1{ text-align: center; font-size: 30px; font-weight: 500; margin-bottom: 7px; line-height: 30px;}
.servicesText strong{ font-weight: bold;}
.servicesText em{ font-style: italic;}
.servicesText a, .servicesText u{ color: #023f68;}
.servicesText table{  width: 100%; table-layout: fixed;}
.servicesText table td{ border: 1px solid #f37b59; height: 77px; vertical-align: middle; text-align: center; width: 250px; font-size: 15px; line-height: 18px;}
.servicesText table tr:first-child td, .servicesText table tr td:first-child{ color: #FFF; background: #cb2d25; font-weight: 500; font-size: 19px; line-height: 24px; border: none; border-top: 5px solid #FFF;}
.servicesText table tr td:first-child a{ color: #FFF; text-decoration: none;}
.servicesText table tr td:first-child a:hover{ text-decoration: underline;}
.servicesText table tr:first-child td{ border-left: 5px solid #FFF; border-bottom: 5px solid #FFF;}
.servicesText table tr:first-child td:last-child{ width: 156px;}
.servicesText table tr td:last-child{ border-right: 0;}
.servicesText table tr:last-child td{ border-bottom: 0;}
.servicesText table tr td:first-child{ background: #08868d; border: none;  border-top: 5px solid #FFF; border-right: 5px solid #FFF;}
.servicesText table tr:first-child td:first-child{ text-transform: uppercase; font-size: 30px; width: 252px; border-right: 5px solid #FFF;}
.servicesText table tr td li{ display: inline-block; background: url(images/imageSprite.svg) no-repeat left -134px top -5px; width: 12px; height: 11px; text-indent: -9999px; background-size: 700px 184px; }
.servicesText.qualityText p{ margin-top: 36px; }


.specHeading{ width: 100%; display: inline-block; margin-top: 50px; text-align: center; font-weight: 500; font-size: 19px; margin-bottom: 30px;}
.specHeading h2{ font-size: 30px;  text-transform: uppercase; margin-bottom: 10px;}

.grayImg{ background: #023f68; width: 100%; }
.grayImg .table-cell{ vetical-align: middle; padding: 37px 0; text-align: center;}

.kpiCalc{ background: #023f68; width: 100%; padding: 50px 0; display: inline-block;}
.kpiCalc .wrapper{ max-width: 1202px;}
.kpiCalc .calc{ float: left; width:100%; max-width: 368px; margin-right: 20px;}
.kpiCalc .calc .sliderBlock{ float: left; width:100%; margin-bottom: 20px;}
.kpiCalc .calc .sliderBlock:last-child{ margin-bottom: 0;}
.kpiCalc .calc.calc3{ max-width: 162px;}
.kpiCalc .calc.calc4{ max-width: 244px; margin-right: 0;}
.kpiCalc .calc .inner{ background: #FFF; border-radius: 35px;float: left; width:100%; padding: 22px 30px 24px 30px;}
.kpiCalc .calc h2{ color: #FFF; text-align: center; font-weight: bold; font-size: 30px; margin: 0px 0 28px 0;}
.kpiCalc label{ font-size: 18px; font-weight: 400; margin-bottom: 15px; display: inline-block;}
.kpiCalc label strong{ font-weight: 900;}
.kpiCalc .slider{width: 100%; table-layout: fixed;}
.kpiCalc .slider .sliderBg{ position: relative; padding: 0 10px; background: url(images/sliderBg.svg) no-repeat; background-size: 100% auto; height: 23px;}
.kpiCalc .slider .jsSlider{ width: calc(100% - 26px); position: absolute; top: -10px; left: 0; background: none; border: none;}
.kpiCalc .ui-state-default, .kpiCalc .ui-widget-content .ui-state-default, .kpiCalc .ui-widget-header .ui-state-default, .kpiCalc .ui-button, html .kpiCalc .ui-button.ui-state-disabled:hover, html .kpiCalc .ui-button.ui-state-disabled:active, html .kpiCalc .ui-state-active, html .kpiCalc .ui-widget-content .ui-state-active, html .kpiCalc .ui-widget-header .ui-state-active, html .kpiCalc a.ui-button:active, html .kpiCalc .ui-button:active, html .kpiCalc .ui-button.ui-state-active:hover{ width: 50px; height: 52px; background: url(images/SliderPoga.png) no-repeat; border: none; display: inline-block; border-radius: 0; margin-left: -15px; position:absolute; outline: none; line-height: 40px; text-align: center; font-weight: 900; cursor: pointer; padding-left: 4px; font-size: 20px; color: #023f68 !important;}
.kpiCalc .ui-slider-range{ background: #023f68;  height: 10px; margin-left: 7px; border-top-left-radius: 10px;border-bottom-left-radius: 10px;position: absolute; top: 15px;}
.kpiCalc .narrowBlock{ float: left; max-width: 426px; margin-bottom: 65px;}
.kpiCalc .narrowBlock .block{ float: left; width: 100%;}
.kpiCalc .calc3 label{ margin-bottom: 3px; width: 100%; text-align: center;}
.kpiCalc .input{ background: #023f68; color: #FFF; height: 45px; line-height: 45px; width: 100%; float: left; text-align: center; border-radius: 25px; font-weight: 900; font-size: 18px;}
.kpiCalc .efficiencyResult{ background: #ff5b00; color: #FFF; height: 172px; line-height: 172px; width: 100%; float: left; text-align: center; border-radius: 35px; font-weight: 900; font-size: 30px; margin-top: 28px;}
.kpiCalc .efficiencyResult label{ display: inline-block; margin: 0;font-size: 30px;}
.kpiCalc .efficiencyResult .input{ display: inline-block; margin: 0;font-size: 30px; width: auto; float: none; background: none; padding: 0;}

.kpiCalc .calc4 .slider .sliderBg{ position: relative; padding: 0 10px; background: url(images/Mazais-slaideris.svg) no-repeat; background-size: 100% auto; height: 23px;}
.kpiCalc .calc4 .sliderBlock{ margin-bottom: 14px;}
.kpiCalc .calc4 label{ margin-bottom: 3px; font-size: 18px;}
.kpiCalc .calc4 label.cs{ margin-bottom: 15px; font-size: 18px; line-height: 22px;}


.kpiCalc .wrapper .kpiCalcIntro{ width: 100%; margin: 0px auto 17px auto;color: #FFF; text-align: center;font-size: 16px; display: inline-block;}
.kpiCalc .wrapper .kpiCalcIntro h1{ font-weight: 500; font-size: 47px; padding: 0 0 43px 0; text-align: center; font-weight: bold; font-style: italic;}
.kpiCalc .wrapper .kpiCalcIntro strong{ font-weight: 600; color: #ff5b00;}
.kpiCalc .wrapper .kpiCalcIntro p{ margin-bottom: 28px;}
.kpiCalc .wrapper .kpiCalcIntro a{ color: #FFF;}
.kpiCalc .wrapper .kpiCalcIntro em{ font-style: italic;}
.kpiCalc .wrapper .kpiCalcIntro table{ width: 100%; table-layout: fixed; }
.kpiCalc .wrapper .kpiCalcIntro table td{ text-align: justify; vertical-align: top; padding-right: 20px;}
.kpiCalc .wrapper .kpiCalcIntro table td:last-child{ padding-left: 20px;padding-right: 0;}


footer{ width: 100%; display: inline-block; position: relative; padding: 45px 0 40px 0;}
footer.blueFooter{ background: #023f68; color: #FFF;}
footer .copyright{ font-size: 14px; text-align: center; }
footer .copyright .footerLink{ display: inline-block; margin-left: 30px; padding-left: 30px; border-left: 1px solid #023f68; }
footer.blueFooter .copyright .footerLink{ border-left: 1px solid #FFF; }
footer .copyright .footerLink a{ color: #023f68; text-decoration: none;}
footer.blueFooter .copyright .footerLink a{ color: #FFF;}
footer .copyright .footerLink a:hover{ text-decoration: underline; }

.mejs__container, .mejs__container *{ margin: 0 auto;}
.mejs-container .mejs-controls, .mejs__controls, .mejs__layers {display: none !important;}

.mejs__overlay-button {	background-image: url("/js/mediaelement/build/mejs-controls.svg");}
.mejs__overlay-loading-bg-img {	background-image: url("/js/mediaelement/build/mejs-controls.svg");}
.mejs__button > button {background-image: url("/js/mediaelement/build/mejs-controls.svg");}

video{ height: 420px !important; width: auto !important}
.mejs__mediaelement{ text-align: center;}

@media screen and (max-width: 1092px){
	.innerWrapper{ width: calc( 100% - 40px);}
	.wrapper, .wrapper2{ width: calc(100% - 50px);}
	header .wrapper{ width: 100%;}
	header .logo{ margin-left: 25px;}
	.fpIndustries .item{ width: calc(33% - 10px);}
	.fpIndustries .item img{ max-width: 100%; height: auto;}
}
@media screen and (max-width: 1024px){
	
	 body{-webkit-text-size-adjust: none; font-size: 16px;	  }
	
	.btn{ font-size: 18px; line-height: 42px; padding: 0 28px; }

	
	.carouselBlock .slider .item{ width: 100% !important;}
	
	.mobileMenuSelector{ display: block; float: right; width: 64px; height: 46px; margin-top: 66px; margin-right: 30px;}
	.mobileMenuSelector div{ width: 64px;height: 9px;background-color: #023f68;margin: 6px 0; border-radius: 3px;}
	
	
	header.scrolled .mobileMenuSelector{ margin-top: 20px;width: 32px; height: 23px;}
	header.scrolled .mobileMenuSelector div{ width: 32px;height: 5px;background-color: #023f68;margin: 6px 0; border-radius: 3px;}
	header.scrolled nav.mainMenu{ margin-top: -24px;}
	
	.mainMenu{ display: none;}
	nav.mainMenu{ width: 100%; margin: 0; top: -74px; height: unset; padding-bottom: 20px; background: transparent;}
	header.scrolled nav.mainMenu{ top: -38px;}
	nav.mainMenu ul{ margin-top:23px; width: 100%;padding-top: 26px;background: #FFF;}
	nav.mainMenu ul li{ width: 100%; margin-left: 0; text-align: center; background: #023f68; font-size: 15px; border-top: 1px solid #FFF;}
	nav.mainMenu ul li a{ margin-top: 0; color: #FFF; width: 100%; height: 45px;  line-height: 45px; display: block;font-size: 23px; padding: 8px 0; min-height: unset;}
	nav.mainMenu .closeMenu{  float: right; width: 46px; height: 46px; margin-top: 16px; margin-right: 10px; position: relative; background: #FFF; padding-left: 20px;}
	nav.mainMenu .closeMenu:before, nav.mainMenu .closeMenu:after{ position: absolute; left: 15px;content: ' '; height: 46px; width: 7px; background-color: #023f68; border-radius: 5px;}
	nav.mainMenu .closeMenu:before { transform: rotate(45deg); }
	nav.mainMenu .closeMenu:after {  transform: rotate(-45deg);}
	
	nav.mainMenu ul li a:hover{ background: none;}
	nav.mainMenu ul li.active li{ background: #FFF; border-top: none; display: block; text-align: center; font-weight: 900; height: 45px;}
	nav.mainMenu ul li.active a{ color: #FFF; }
	nav.mainMenu ul li.active ul{ display: block; font-size: 14px; width: 100%; visibility: visible; position: relative; opacity: 1;padding: 0; background: none; margin: 0; transform: unset;transform: unset;transition: unset; top: 0;}
	nav.mainMenu ul li li a, nav.mainMenu ul li.active li a{ border: none;  margin-left: 45px; width: calc(100% - 90px); display: block; font-size: 23px; line-height: 45px; height: 45px;}
	
	nav.mainMenu ul li li:last-child a, nav.mainMenu ul li.active li:last-child a{ border: none !important; }
	nav.mainMenu ul li li.active a{ color: #023f68;}
	nav.mainMenu ul li li a:hover, nav.mainMenu ul li.active li a, nav.mainMenu ul li.active a{ background: none;}
	nav.mainMenu ul.langMenuBlock{ margin-top: 14px; padding-right: 30px; background: #FFF; padding-top: 0;}
	nav.mainMenu ul li.langMenu{ margin-left: 20px;width: 46px; height: 46px; background: none;}
	nav.mainMenu ul li.langMenu a{ color: #023f68;font-size: 23px; margin: 0; width: 46px; height: 46px; line-height: 46px; text-align: center; padding: 0;}
	nav.mainMenu ul.langMenuBlock{width: auto;}
	nav.mainMenu ul li:focus ul, nav.mainMenu ul li:hover ul { visibility: visible;opacity: 1;z-index: 1;transform: unset; display: none; }
	nav.mainMenu ul li.active:focus ul, nav.mainMenu ul li.active:hover ul { display: block; }
	
	
	.breadcrumb .wrapper{ width: calc(100% - 50px);}
	
	.cookiesMsg .table-cell:first-child{ padding-left: 25px;}
	
	.fpIndustries .item{ margin-right: 10px; margin-bottom: 10px;}
	
	.responsiveTable{ display: inline-block;}
	.responsiveTable .table-row, .responsiveTable .table-cell{ display: inline-block; width: 100%; padding-left: 0; padding-right: 0;}
	.simpleText .responsiveTable .table-cell:first-child, .simpleText .responsiveTable .table-cell:last-child{ width: 100%; padding-left: 0; padding-right: 0;}
	
	.simpleText .responsiveTable .table-cell.gallery{ max-width: 506px; margin: 0 auto; display: block;}
	
	.simple2columns td ul.topList li{ line-height: 17px;display: flex;flex-direction: column;justify-content: center;}
	
	.otherIndustriesBlock h2{ width: 100%; text-align: center; margin-top: 0;}
	.otherIndustriesBlock .table{ width: 100%; margin-top: 30px;}
	.otherIndustriesBlock .table-cell{ text-align: center;}
	.otherIndustriesBlock img{ margin: 0 auto;}
	.otherIndustriesBlock .btn{ margin-top: 10px;}
	
	.kpiCalc{ text-align: center;}
	.kpiCalc .narrowBlock { margin-top: 30px; float: none; display: inline-block;}
	.kpiCalc .calc{ max-width: calc(50% - 10px);}
	.kpiCalc .calc2{ margin-right: 0;}
	.kpiCalc label, .kpiCalc .calc4 label.cs, .kpiCalc .calc4 label{ font-size: 23px;}
	.kpiCalc .calc.calc3{ max-width: 244px;}
	.kpiCalc .narrowBlock{ max-width: 518px}
	
	.contactsBlock .table-cell.groupName{ font-size: 28px;}
	footer .copyright, .firstPageColumns .table .descr, .cookiesMsg .table-cell:first-child, .simpleText, .simpleText .table-cell p, .efficiencyPage .specEfficiencyText table td p, .simpleText p{ font-size: 16px; line-height: 19px;}
	
	.contactsDetails .table-cell{ width: 50%;}
	.contactsDetails .table-cell img{ max-width: 100%; height: auto;}
	
	.otherSolutionsBlock h2{ width: 250px; margin-top: 0px;}
	.otherSolutionsBlock .ourSolutions{ width: calc(100% - 250px);}
	.otherSolutionsBlock .table .descr { font-size: 15px; line-height: 19px; }
	
}

@media screen and (max-width: 830px){
	
	.otherSolutionsBlock h2{ width: 100%; text-align: center; margin-bottom: 20px;}
	.otherSolutionsBlock > .table{ width: 100%;}
	
	.otherIndustriesBlock .table, .otherIndustriesBlock .table-cell { display: inline-block; margin-right: 10px; width: auto; margin-bottom: 15px;}
	.otherIndustriesBlock .table{ display: inline-block; text-align: center;}
	
	.otherServicesBlock h2{ width: 100%; text-align: center; margin-bottom: 20px;}
	.otherServicesBlock > .table{ width: 100%;}
	.otherServicesBlock .otherServiceTitle{ margin-bottom: 15px;}
	
	.rotationBlock .rotatingImage div.aReplace{ font-size: 48px; line-height: 67px;}
	
	.efficiencyPage .specEfficiencyText table, .efficiencyPage .specEfficiencyText table td{ display: inline-block;}
	.efficiencyPage .specEfficiencyText table td{ border: none; margin-bottom: 30px;}
	.efficiencyPage .specEfficiencyText table td:last-child{ margin-bottom: 0;}
	
	.contactsBlock .table-cell.groupName{ font-size: 24px; line-height: 27px;}
	nav.mainMenu ul li a { height: 38px; line-height: 38px;  display: block; font-size: 18px;}
	nav.mainMenu ul li.active li { height: 38px;}
	nav.mainMenu ul li li a, nav.mainMenu ul li.active li a{ line-height: 38px; height: 38px; font-size: 18px;}
	
	.mobileMenuSelector{width: 54px; height: 36px; margin-top: 38px; position: relative; z-index: 1;}
	.mobileMenuSelector div{width: 54px; height: 6px;}
	
	header { height: 120px; }
	header .logo{ background-size: 130px auto; width: 130px; height: 83px; margin-top: 19px}
	
	nav.mainMenu .closeMenu, nav.mainMenu ul li.langMenu, nav.mainMenu ul li.langMenu a{ height: 36px; width: 36px;}
	nav.mainMenu .closeMenu:before, nav.mainMenu .closeMenu:after{height: 36px; }
	nav.mainMenu ul li.langMenu a{ font-size: 18px;line-height: 36px;}
	
	.contactsBlock .groupName{ width: 100%; margin-bottom: 20px;}
	
	.otherSolutionsBlock .ourSolutions{ width: 100%;}

}

	
	
@media screen and (max-width: 720px){
	
	.fpIndustries .item, .fpIndustries .item a{ height: 200px; }
	.fpIndustries .item a span{ font-size: 24px; line-height: 32px;}
	
	.firstPageColumns{ margin-bottom: 30px;}
	.firstPageColumns .table h2{ background-size: 180px 180px !important; font-size: 27px; line-height: 34px; width: 180px;  height: 180px;}
	.firstPageColumns .table .descr{ margin-top: 25px;}
	
	.fpServices .serviceTitle{ font-size: 27px; line-height: 34px;}
	.otherSolutionsBlock .table .descr{ font-size: 14px;}
	
	.btn{ font-size: 16px; line-height: 34px; padding: 0 22px; }
	
	.solutionView table, .solutionView td{ display: inline-block; width: 100%; padding: 0 !important;}
	.solutionView td{ margin-bottom: 20px;}
	.solutionView td p:last-child{ margin-bottom: 0;}
	
	.headerBg .table-cell h1{ font-size: 48px;}
	.headerBg .table-cell h1 span{ line-height: 34px; font-size: 24px;}
	
	.wrapper4{ width: calc(100% - 50px);} 
	.wrapper .wrapper4{ width: 100%;} 
	.otherServicesBlock .otherServiceTitle{ font-size: 27px; line-height: 34px;}
	
	.efficiencyPage .item:first-child{ min-width: 286px;}
	.efficiencyPage .serviceTitle{ font-size: 27px; line-height: 34px;}
	
	.kpiCalc .wrapper .kpiCalcIntro h1{ font-size: 34px; line-height: 41px;}
	
	.kpiCalc .calc h2{ font-size: 24px; line-height: 31px;}
	.kpiCalc label, .kpiCalc .calc4 label.cs, .kpiCalc .calc4 label{ font-size: 18px;}
	
	.contactsDetails, .contactsDetails .table-cell{ display: inline-block; width: 100%;}
	.contactsDetails .table-cell{ margin-bottom: 30px; padding: 0; text-align: center; line-height: 20px;}
	
	.contactsDetails h1, .contactsDetails .contactForm h3{ margin-bottom: 15px;}
	.contactsDetails p.followFb{ display: inline-block;}
	.contactsDetails .contactForm{ text-align: center;}
	
	.cookiesMsg .table, .cookiesMsg .table-cell, .cookiesMsg .table-cell:last-child{ display: inline-block; width: 100% !important; padding: 0 !important;text-align: center;}
	.cookiesMsg .table-cell{ width: calc(100% - 40px) !important; margin: 15px 0; }
	
}


@media screen and (max-width: 580px){
	
	header { height: 55px; }
	header .logo{ background-size: 63px auto; width: 63px; height: 40px; margin-top: 9px}
	
	.rotationBlock, .headerBg, .solutions .rotationBlock.rotationBlock2, .solutions .rotationBlock.rotationBlock2 .headerBg{ height: 206px;}
	.rotationBlock .rotatingImage div.aReplace{ font-size: 36px; line-height: 55px;}
	
	.ourSolutions, .ourSolutions .table-cell{ width: 100%; display: inline-block;}
	.ourSolutions .table-cell{ margin-bottom: 45px;}
	.ourSolutions .table-cell:last-child{ margin-bottom: 0px;}
	.firstPageColumns .table h2{ background-size: 140px 140px !important; font-size: 23px; line-height: 34px; width: 140px;  height: 140px;}
	
	.mobileMenuSelector{width: 34px; height: 24px; margin-top: 12px; position: relative; z-index: 1;}
	.mobileMenuSelector div{width: 34px; height: 5px;margin: 4px 0;}
	
	.cycle-pager{ bottom: 17px;}
	
	.fpIndustries .item, .fpIndustries .item a{ height: 175px; }
	.fpIndustries .item { width: calc(50% - 10px); margin-right: 10px !important;}
	.fpIndustries .item:nth-child(2n) { margin-right: 0 !important; }
	
	.fpServices .table, .fpServices .table-cell{ width: 100%; display: inline-block;}
	.fpServices .table-cell{ margin-bottom: 45px;}
	.fpServices .table-cell:last-child{ margin-bottom: 0px;}
	
	nav.mainMenu{ top: -50px;}
	nav.mainMenu ul{ margin-top:8px;}
	nav.mainMenu .closeMenu, nav.mainMenu ul li.langMenu, nav.mainMenu ul li.langMenu a{ height: 28px; width: 28px;}
	nav.mainMenu .closeMenu:before, nav.mainMenu .closeMenu:after{height: 28px; }
	nav.mainMenu ul li.langMenu a{ font-size: 15px;line-height: 29px;}
	
	nav.mainMenu ul li a { height: 28px; line-height: 28px;  display: block; font-size: 15px;}
	nav.mainMenu ul li.active li { height: 28px;}
	nav.mainMenu ul li li a, nav.mainMenu ul li.active li a{ line-height: 28px; height: 28px; font-size: 15px;}
	
	.simpleText h1{ font-size: 30px; line-height: 38px; margin-bottom: 30px;}
	.headerBg .table-cell h1{ font-size: 30px; line-height: 33px;}
	.headerBg .table-cell h1 span{ font-size: 18px; line-height: 23px; width: 70%;display: flex; margin: 0 auto;}
	
	.otherSolutionsBlock { text-align: center;}
	.otherSolutionsBlock .table-cell .table-cell:first-child{ background-size: 140px 140px !important; width: 140px;  height: 140px; margin-bottom: 24px;}
	.otherSolutionsBlock .table .otherSolutionTitle{ font-size: 23px; line-height: 34px; width: 140px;  height: 140px; display: table;}
	.otherSolutionsBlock .table .otherSolutionTitle span{ display: table-cell;  vertical-align: middle; text-align: center;}
	.otherSolutionsBlock .table .descr{ font-size: 16px;  line-height: 21px; font-weight: normal; font-style: unset; margin-bottom: 10px;}
	
	.otherSolutionsBlock .table .table, .otherSolutionsBlock .table-cell .table-cell{ display: inline-block; width: 100%;}
	
	.fpServices{ padding-top: 30px;}
	
	.efficiencyPage .table, .efficiencyPage .table-cell{ display: inline-block; width: 100%; padding: 0 !important;}
	.efficiencyPage .table-cell:first-child{ max-width: 100%; width: 100%; margin-bottom: 30px;}
	
	.kpiCalc .wrapper .kpiCalcIntro{ margin-bottom: 30px;}
	.kpiCalc .wrapper .kpiCalcIntro h1{ font-size: 30px; line-height: 36px; padding: 0 0 0px 0}
	.kpiCalc .calc{ width: 100%; margin-right: 0; margin-bottom: 25px; max-width: unset;}
	.kpiCalc .calc h2{ font-size: 20px; line-height: 25px; margin-bottom: 15px;}
	
	.kpiCalc .wrapper .kpiCalcIntro table, .kpiCalc .wrapper .kpiCalcIntro table td{ width: 100%; display: inline-block; padding: 0 !important; }
	
	.kpiCalc label, .kpiCalc .calc4 label.cs, .kpiCalc .calc4 label{ text-align: left; font-size: 14px;}
	
	.kpiCalc .calc.calc3{ max-width: 40%;}
	.kpiCalc .calc.calc4{ max-width: 55%; float: right;}
	
	.contactsBlock{ padding-bottom: 0;}
	.contactsBlock .table, .contactsBlock .table-cell{ display: inline-block;}
	.contactsBlock .table-cell{ float: left; width: 50%;}
	
	.popupModal .popupMsg h1{ margin-bottom: 15px;}
	
}

@media screen and (max-width: 480px){
	
	.wrapper, .wrapper2{ width: calc(100% - 40px);}
	header .wrapper{ height: 55px;}
	.rotationBlock, .breadcrumb.noheaderImg{ margin-top: 55px;}
	.headerBg, .solutions .rotationBlock.rotationBlock2, .solutions .rotationBlock.rotationBlock2 .headerBg{ margin-top: 0;}
	
	.rotationBlock .rotatingImage div.aReplace, .fpBlock h2, .fpBlock h1{ font-size: 30px; line-height: 34px; text-align: center;}
	
	.cycle-pager { bottom: 20px;}
	.cycle-pager span { width: 19px; height: 19px; margin-right: 13px; background: url(images/imageSprite.png) no-repeat left -31px top -120px;}
	.cycle-pager span.cycle-pager-active { background: url(images/imageSprite.png) no-repeat left top -120px}
	
	body, footer .copyright, .firstPageColumns .table .descr, .cookiesMsg .table-cell:first-child, .simpleText, .simpleText .table-cell p, .efficiencyPage .specEfficiencyText table td p, .simpleText p, .efficiencyPage .specEfficiencyText p,.kpiCalc .wrapper .kpiCalcIntro, .contactsDetails{ font-size:14px; line-height: 17px;}
	
	.fpBlock h2, .fpBlock h1{ margin-top: 15px;}
	
	.fpIndustries .item a span{ font-size: 20px; line-height: 24px; padding: 0 15px;}
	
	.fpServices .serviceImage{ height: 96px;}
	.fpServices .serviceImage img{ width: auto; height: 96px;}
	.fpServices .table .item:first-child .serviceImage img{ margin-left: 17px;}
	.fpServices .serviceTitle{ font-size: 23px; line-height: 27px; margin: 23px 0 13px 0;}
	
	footer .copyright{ font-size: 12px;}
	footer .copyright .footerLink, footer.blueFooter .copyright .footerLink{ margin-left: 0; padding-left: 0; border: none; width: 100%; padding-top: 10px; margin-top: 10px; text-decoration: underline;}
	
	.firstPageColumns .table{ margin-top: 35px;}
	
	.simple2columns h2{ text-align: center; margin-top: 15px;}
	
	.otherSolutionsBlock{ padding: 30px 0; margin-top: 0;}
	.otherSolutionsBlock h2{ font-size: 30px;}
	
	.simple2columns table, .simple2columns td{ display: inline-block; width: 100%; padding: 0 !important;}
	
	.industriesPage{ padding-top: 30px;}
	
	.simpleText .table-cell .imageGallerySlick{ margin-left: 0;}
	.simpleText .headerImg img{ width: 100%; height: auto;}
	.simpleText .imageGallerySlick .slick-list{ max-width: 300px; margin-left: 41px;}
	
	.otherIndustriesBlock{ padding: 30px 0;}
	
	.otherServicesBlock .table, .otherServicesBlock .table > .table-cell{ display: inline-block; width: 100%; text-align: center;}
	.otherServicesBlock .otherServiceTitle{ width: 100%; margin: 15px 0;}
	.otherServicesBlock .table > .table-cell{ margin-bottom: 50px;}
	.otherServicesBlock .table > .table-cell:last-child{ margin-bottom: 0;}
	.otherServicesBlock .table .table .table-cell{ margin-bottom: 0;}
	.otherServicesBlock .table-cell .table-cell:first-child{ width: 89px;}
	
	.contactsBlock .table-cell, .contactsBlock .groupName{ width: 100%; text-align: center;}
	.contactsBlock .groupName{ font-size: 30px;}
	
}

@media screen and (max-width: 480px){
	.simpleText .imageGallerySlick .slick-list{ max-width: 250px; margin-left: 45px; height: 68px;}
	.simpleText .table-cell .imageGallerySlick .slick-slide{ width: 125px !important; height: 68px;}
	.simpleText .table-cell .imageGallerySlick .slick-slide img{ width: auto; height: 68px;}
	.slick-slider .slick-track, .slick-slider .slick-list{ height: 68px; overflow: hidden;}
	
	.industryText .wrapper, .serviceText .wrapper{ width: 100%;}
	
	.simpleText .responsiveTable .table-cell:first-child, .simpleText .table-cell .imageGallerySlick{ width: calc(100% - 40px); margin: 0 auto; display: block; float: none; position: relative;}
	
	.otherIndustriesBlock .table{ margin-right: 0; width: 100%;}
	.kpiCalc .calc4 label { line-height: 19px; }
	.kpiCalc .efficiencyResult{ margin-top: 10px;}
	
	.breadcrumb li, .breadcrumb a{ font-size: 12px;}
	.contactsBlock .innerWrapper, .wrapper2 .innerWrapper{ width: 100%;}
}

@media screen and (max-width: 340px){
	
	.rotationBlock .rotatingImage div.aReplace, .fpBlock h2, .fpBlock h1{ font-size: 24px; line-height: 27px;}
	.simple2columns td ul.topList li{ text-align: left;}
	
	.otherIndustriesBlock .table-cell{ width: 48%; margin-right: 2%;}
	.otherIndustriesBlock .table-cell:nth-child(2n){ margin-right: 0%;}
	.otherIndustriesBlock .table-cell img{ width: 100%; height: auto;}
	.otherIndustriesBlock .btn{ min-width: 100px; font-size: 14px;}

	.simpleText .table-cell .imageGallerySlick{ width: calc(100% - 20px)}
	.simpleText .imageGallerySlick .slick-list{ margin-left: 27px;}
	.kpiCalc .calc .inner{ padding: 22px 20px 24px 20px;}
	
	.popupModal .popupMsg{ width: 300px; margin-left: -150px;}
	
}


@media screen and (max-height: 560px){
	header{ position: relative;}
	.rotationBlock, .breadcrumb.noheaderImg{margin-top: 0;}
	body, footer .copyright, .firstPageColumns .table .descr, .cookiesMsg .table-cell:first-child, .simpleText, .simpleText .table-cell p, .efficiencyPage .specEfficiencyText table td p, .simpleText p, .efficiencyPage .specEfficiencyText p,.kpiCalc .wrapper .kpiCalcIntro, .contactsDetails{ font-size: 14px; line-height: 17px;}
	.simple2columns td p{ line-height: 17px;}
}