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;
}

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

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

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

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

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

@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-LightIt.eot');
    src: url('font/MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'),
        url('font/MyriadPro-LightIt.woff2') format('woff2'),
        url('font/MyriadPro-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

h1, h2, h3, 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: 'Oswald', 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: 300; font-size:14px; line-height:1.428571429; color:#000; background-color:#ffffff; height: 100%; margin: 0;}
input, select, button, textarea{ font-family: 'Myriad Pro'; font-weight: 300; font-size: 14px; }

.wrapper{ max-width: 1369px; width: 100%; margin: 0 auto; position: relative;} 
body.fixed .contentWrapper{ margin-top: 45px;}
body.fixed .fpContentWrapper{ margin-top: 90px;}
.innerWrapper{ max-width: 1076px; width: 100%; margin: 0 auto; position: relative;}
.servicesWrapper, .qualityWrapper{ text-align: center;}
.par_mums .innerWrapper{ width: 100%;}
.innerWrapperWider{ max-width: 1366px; width: 100%;}
.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: #213e4f; padding: 35px 0 30px 0; z-index: 500;}
.cookiesMsg .table-cell:first-child{ color: #FFF; font-size: 16px; line-height: 21px; width: 60%;}
.cookiesMsg .table-cell:first-child a{ color: #d73924; font-style: italic; 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: 35px; padding: 0 28px; background: rgb(239,80,35); background: linear-gradient(251deg, rgba(203,45,37,1) 0%, rgba(239,80,35,1) 100%); border-radius: 25px; font-weight: 500; display: inline-block; letter-spacing: 1px; border: none; cursor: pointer;}

.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: #FFF; border-radius: 15px; width: 380px; margin-left: -190px; padding-top: 105px; text-align: center; margin-top: -142px; color: #000;}
.popupModal .popupMsg:before{ content: ""; width: 100%; height: 105px; background: #d73924; position: absolute; top: 0; left: 0;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.popupModal .popupMsg:after{ content: ""; position: absolute; z-index: 1; top: 20px; left: 50%; margin-left: -39px; background: url(images/imageSprite.png) no-repeat left top -117px; width: 79px; height: 66px;}
.popupModal .popupMsg.success:after{ content: ""; position: absolute; z-index: 1; top: 25px; left: 50%; margin-left: -59px; background: url(images/imageSprite.png) no-repeat left -81px top -117px; width: 119px; height: 47px;}
.popupModal .popupMsg h1{ font-weight: 500; font-size: 30px; margin: 18px 0 20px 0;}
.popupModal .popupMsg div{ width: 100%; display: inline-block;}
.popupModal .popupMsg div p{ font-size: 16px; line-height: 20px; margin-bottom: 17px;}
.popupModal .popupMsg div input[type=button]{ min-width: 140px; margin-bottom: 7px;}

header{ height: 96px; display: inline-block; width: 100%; position: fixed; top: 60px; left: 0; z-index: 300; background: #FFF;}
header.fixed{ top: 0px;}
header .wrapper{ height: 96px; }
header .logo{ text-indent: -9999px; background: url(images/ISP_logo_web.svg) no-repeat; display: inline-block; width: 99px; height: 53px; margin-top: 22px; margin-left: 145px; background-size: 99px 53px;}

.headerBg{ width: 100%; height: 660px; background: #213e4f;}
.headerBg .table-cell{ text-align: center; vertical-align: bottom; background-position: center bottom !important; background-size: auto 100% !important; background-repeat: no-repeat !important;}
.headerBg .table-cell img{ display: inline-block; height: auto; max-width: 100%;}

nav.mainMenu{ height: 96px; position: relative; float: right; background: #FFF; z-index: 250; margin-right: 90px;}
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;}
nav.mainMenu ul li a{ margin-top: 29px; padding: 12px; line-height: 16px; display: inline-block; font-size: 16px; text-transform: uppercase; color: #000; text-decoration: none; font-weight: 500; min-height: 43px;}
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: #d73924; background: rgba(255, 255, 255, 0.75);}
nav.mainMenu ul li li{   width: 100%; float: none; height: 33px; display: table-row;}
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;}
nav.mainMenu ul li li:last-child a{ border:none;}
nav.mainMenu ul li li a:hover, nav.mainMenu ul li li.active a{ background: none; color: #d73924;}
.mobileMenuSelector{ display: none;}

nav.mainMenu ul li { position: relative; }
nav.mainMenu ul ul { visibility: hidden; opacity: 0;position: absolute;top: 107px; 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,0.87); }
nav.mainMenu ul ul:before { content: ""; width: 21px; height: 12px; position: absolute; top: -12px; left: 25px; background: url(images/imageSprite.png) no-repeat left -584px top -71px;}

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 ul ul li, nav.mainMenu ul ul li a { font-weight: 100; font-family: 'Oswald', sans-serif; font-size: 14px;}
nav.mainMenu ul ul ul{ position: relative; top: unset;background: none; padding: 0 0 10px 20px;}
nav.mainMenu ul ul ul:before{ content: none;}
nav.mainMenu ul ul ul li{ background: none;display: flex;flex-direction: row;align-items: center;}
nav.mainMenu ul ul ul li:before{ content: ""; border-radius: 50%; border: 1px solid #000; width: 1px; height: 1px; margin-right: 10px; display: flex; align-items: center;}
nav.mainMenu ul ul ul li a, nav.mainMenu ul ul ul li a:hover, nav.mainMenu ul ul ul li.active a{ background: none;min-height: unset; display: flex; margin: 0;}

.rotationBlock{height: 660px; margin-top: 0; width: 100%; float: left; position: relative; z-index: 1; overflow: hidden; margin-bottom: -6px;background: #213e4f;}
.rotationBlock.rotationBlock2{height: 570px; text-align: center;}
.rotationBlock.rotationBlock2 .headerBg{height: 420px; margin-top: 150px;}
.rotationBlock .rotatingImage{ width: 100%; display: inline-block; height: 100%; background-position: center bottom !important; background-color: #213e4f !important;}
.rotationBlock .rotatingImage div.aReplace{ text-decoration:none; color: #FFF; text-align: left; width: calc(100% - 160px); height: 100%; line-height: 86px; display: inline-block; font-size: 80px;  margin-left: 0; font-weight: 500;}
.rotationBlock .rotatingImage div p{ margin-top: 275px;}
.rotationBlock .rotatingImage div strong{ font-size: 30px; line-height: 38px;font-weight: 500; text-shadow: 2px 2px #000;}
.cycle-pager { text-align: left; width: 1076px;	z-index: 500; position: absolute; bottom: 135px; overflow: hidden; left: 50%;margin: 0 auto 0 -538px;}
.rotationBlock.rotationBlock2 .cycle-pager { width: auto; left: auto; display: inline-block; bottom: 27px; margin-left: -50px;}
.cycle-pager span { width: 16px; height: 16px; display: inline-block; cursor: pointer; text-indent:-9999px; margin-right: 20px; background: url(images/imageSprite.svg) no-repeat left -53px top -5px; background-size: 700px 184px;}
.cycle-pager span:last-child{ margin-right: 0;}
.cycle-pager span.cycle-pager-active { background: url(images/imageSprite.svg) no-repeat left -20px top -5px;background-size: 700px 184px;}
.cycle-pager > * { cursor: pointer;}

.firstPageColumns{ float: left; background: #213e4f; width: 100%; min-height: 530px; color: #FFF; text-align: center;}
.firstPageColumns .table{ max-width: 1060px; width: 100%; margin: 65px auto; table-layout: fixed; text-align: center;}
.firstPageColumns .table h2{ font-weight: 500; font-size: 41px;}
.firstPageColumns .table h2 span{ width: 100%; display: block;}
.firstPageColumns .table h2:after{ content: "";  width: 200px; height: 190px; display: inline-block;}
.firstPageColumns .table .company h2:after{ background: url(images/firstPageSprite.png) no-repeat left -225px top; margin-top: 19px; width: 145px;}
.firstPageColumns .table .values h2:after{  background: url(images/firstPageSprite.png) no-repeat right top; margin-top: 19px; width: 176px;}
.firstPageColumns .table .efficiency h2:after{ background: url(images/firstPageSprite.png) no-repeat left top;margin-top: 19px; width: 194px;}
.firstPageColumns .table .descr{ margin: 20px 0 28px 0; display: inline-block; width: 100%; }

.fpBlock{ float: left; background: #FFF; width: 100%;}
.fpBlock .sliderFW{ float: left; width: 100%;background: #213e4f;}
.fpBlock h2{ font-weight: 500; font-size: 41px; text-align: center; line-height: 92px; }

.contactsPage .contactsBlock{ padding-top: 220px; text-align: center;}
.contactsBlock{ background: #213e4f;  padding: 48px 0; display: inline-block; width: 100%; color: #FFF; font-size: 16px; }
.contactsBlock .innerWrapper{ text-align: center; }
.contactsBlock .block{ display: inline-block; width: 100%;}
.contactsBlock .block.block1{ width: 250px;}
.contactsBlock .block.block2{ width: 500px;}
.contactsBlock .block.block3{ width: 750px;}
.contactsBlock .table{ width: 100%; table-layout: fixed;}
.contactsBlock .table-cell{ text-align: center;}
.contactsBlock .contactName{ font-weight: bold; width: 100%; display: inline-block; margin-top: 5px;}
.contactsBlock .contactPosition{ width: 100%; margin-bottom: 8px; display: inline-block;}
.contactsBlock .contactPhone{ width: 100%; display: inline-block; position: relative; }
.contactsBlock .contactPhone:before{ content: ""; background: url(images/imageSprite.png) no-repeat left -57px top; width: 16px; height: 16px; top: 4px; display: inline-block; position: relative; margin-right: 9px;}
.contactsBlock .contactEmail{ width: 100%; display: inline-block;}
.contactsBlock .contactEmail:before{ content: ""; background: url(images/imageSprite.svg) no-repeat left -94px top -5px; width: 18px; height: 13px; top: 3px; display: inline-block; position: relative; margin-right: 9px; background-size: 700px 184px;}
.contactsBlock .contactEmail a{ text-decoration: none; color: #FFF; display: inline-block;}

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

.karjeraText{ width: 481px; margin: 0 auto; text-align: justify;}
.karjeraText h1{ font-weight: 500; font-size: 30px; padding: 0 0 42px 0; text-align: center;}
.karjeraText strong{ font-weight: bold;}
.karjeraText p{ margin-bottom: 28px;}
.karjeraText a{ color: #d73924;}
.karjeraText em{ font-style: italic;}

.simple2columns{ width: 100%;  display: inline-block; padding: 50px 0 0 0; font-size: 16px; line-height: 22px;}
.simple2columns.second{ border-top: 3px solid #213e4f; margin-bottom: 30px;}
.simple2columns.diagnostics{ margin-top: 30px;}
.simple2columns.diagnostics .wrapper{ max-width: 896px;}
.simple2columns.diagnostics h2{ bottom: 20px; text-align: center;}
.simple2columns.diagnostics table{ margin-top: 30px;}
.simple2columns.diagnostics table td{ padding-top: 15px;}
.simple2columns.diagnostics table td strong{ color: #D73924; }
.simple2columns:last-child{ margin-bottom: 30px;}
.simple2columns h1, .simple2columns h2{ text-align: left; font-size: 30px; font-weight: 500; line-height: 30px; margin-bottom: 22px;}
.simple2columns h3{ text-align: left; font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: 15px; margin-top: -10px;}
.simple2columns.quality2Columns h2{  font-size: 16px; font-family: 'Myriad Pro'; font-weight: bold;}
.simple2columns h4{  font-weight: bold; color: #d73924; font-size: 16px; margin-bottom: 14px;}
.simple2columns table{ width: 100%; table-layout: fixed;}
.simple2columns td{ text-align: justify; vertical-align: top;}
.simple2columns td:first-child{padding-right: 20px;}
.simple2columns td:last-child{padding-left: 20px;}
.simple2columns strong{ font-weight: bold;}
.simple2columns em{ font-style: italic;}
.simple2columns a, .simple2columns u{ color: #d73924;}
.simple2columns td p{ margin-bottom: 20px;}
.simple2columns td p + ol, .simple2columns td p + ul{ margin-top: -15px;}
.simple2columns td ol li{ padding-left: 26px; position: relative; margin-bottom: 10px;}
.simple2columns td ol li:before{ content:"";width: 16px; height: 15px; background: url(images/imageSprite.svg) no-repeat left -117px top -5px; position: absolute; left: 0; top: 3px; background-size: 700px 184px;}
.simple2columns td ul{ list-style: disc; margin-left: 8px;}
.simple2columns td ul li{ margin-bottom: 10px;}
.simple2columns td h3 + ol{ list-style: none; margin-left: 0px; margin-top: 10px;}
.simple2columns td h3 + ol li{ padding-left: 55px; padding-top: 10px;}
.simple2columns td h3 + ol li:before{ content:"1"; width: 37px; height: 37px; background: #d73924; border-radius: 50%; position: absolute; left: 0; top: 0; line-height: 35px; text-align: center; color: #FFF; font-size: 25px; font-weight: 500;}
.simple2columns td h3 + ol li:nth-child(2):before{ content:"2";}
.simple2columns td h3 + ol li:nth-child(3):before{ content:"3";}
.simple2columns td h3 + ol li:nth-child(4):before{ content:"4";}
.simple2columns td h3 + ol li:nth-child(5):before{ content:"5";}
.simple2columns td h3 + ol li:nth-child(6):before{ content:"6";}
.simple2columns td h3 + ol li:nth-child(7):before{ content:"7";}
.simple2columns td h3 + ol li:nth-child(8):before{ content:"8";}
.simple2columns td h3 + ol li:nth-child(9):before{ content:"9";}
.simple2columns td h3 + ol li:nth-child(10):before{ content:"10";}


.simple3columns{ width: 100%;  display: inline-block; padding: 50px 0; font-size: 16px; line-height: 22px;}
.simple3columns h1{ text-align: center; font-size: 30px; font-weight: 500; margin-bottom: 35px; line-height: 30px;}
.simple3columns table{ width: 100%; table-layout: fixed;}
.simple3columns td{padding: 0 18px;text-align: justify;}
.simple3columns td:first-child{padding-left: 0;}
.simple3columns td:last-child{padding-right: 0;}
.simple3columns em strong, .simple3columns strong em{ font-size: 25px; font-weight: 500; color: #d73924;}


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: #d73924;}
.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; }


.flexiChart{ text-align: center; font-weight: 500; padding: 50px 0; border-top: 3px solid #213e4f; }
.flexiChart h3{  font-size: 20px; margin-bottom: 40px;}


.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: #213e4f; width: 100%; }
.grayImg .table-cell{ vetical-align: middle; padding: 37px 0; text-align: center;}

.kpiCalc{ background: #213e4f; width: 100%; padding: 50px 0; display: inline-block;}
.kpiCalc .wrapper{ width: 786px;}
.kpiCalc .wrapper .kpiCalcIntro{ width: 100%; margin: 170px auto 17px auto;color: #FFF; text-align: center;font-size: 16px; display: inline-block;}
.kpiCalc .wrapper .kpiCalcIntro h1{ font-weight: 500; font-size: 30px; padding: 0 0 25px 0; text-align: center;}
.kpiCalc .wrapper .kpiCalcIntro strong{ font-weight: bold;}
.kpiCalc .wrapper .kpiCalcIntro p{ margin-bottom: 28px;}
.kpiCalc .wrapper .kpiCalcIntro a{ color: #d73924;}
.kpiCalc .wrapper .kpiCalcIntro em{ font-style: italic;}
.kpiCalc .calc{ background: #FFF; border-radius: 35px;  display: inline-block; width:100%; padding: 33px 0 20px 0; margin-bottom: 33px;}
.kpiCalc .calc h2{ text-align: center; font-weight: 500; font-size: 27px; margin: 0px 0 16px 0;}
.kpiCalc .calc .slider{ margin: 48px 53px 18px 53px; width: calc(100% - 106px); table-layout: fixed;}
.kpiCalc .calc .slider .min{ font-weight: 500; font-size: 39px; color: #d53625; line-height: 48px; letter-spacing: -1px; width: 85px;}
.kpiCalc .calc .slider .max{ font-weight: 500; font-size: 39px; color: #068c94; position: relative; padding-bottom: 35px; line-height: 39px; letter-spacing: -1px; padding-left: 5px;}
.kpiCalc .calc .slider .max span{ font-size: 10px; position: absolute; bottom: 0; left: 0px; letter-spacing: 0px; width: 100%; display: inline-block; text-align: right}
.kpiCalc .calc.calc2 .slider .max span{ text-align: left}
.kpiCalc .calc .slider .sliderBg{ width: 470px; height: 36px; position: relative; padding: 0 10px;}
.kpiCalc .calc .slider .jsSlider{ width: calc(100% - 26px); position: absolute; top: 24px; left: 12px; background: none; border: none;}
.kpiCalc .calc .slider .jsSlider.topSlider{ top: -36px;}
.kpiCalc .calc .slider .sliderBg:before{ content: ""; width: 490px; height: 36px; background: url(images/Kalkulators-1_200919.svg) no-repeat; position: absolute; top: 10px;left: 0; background-size: 485px 36px;}
.kpiCalc .calc2 .slider .sliderBg:before{ background: url(images/Kalkulators-2_200919.svg) no-repeat;background-size: 485px 36px;}
.kpiCalc .calc .subtitle{ color: #4d4d4d; font-size: 17px; margin-bottom: 18px; text-align: center; font-weight: 500;}
.kpiCalc .calc .subtitle.subtitle2{ margin-top: 15px;}
.kpiCalc .calc .inputs{ width: 490px; margin: 0 auto; margin-bottom: 20px;table-layout: fixed; }
.kpiCalc .calc .inputs .table-cell{  padding: 0 10px; }
.kpiCalc .calc .inputs.cols4 .table-cell{  padding: 0 4px; }
.kpiCalc .calc .inputs .table-cell:last-child{  padding-right: 0; }
.kpiCalc .calc .inputs .table-cell:last-child .inputOverlay{  width: calc(100% - 10px);}
.kpiCalc .calc .inputs .table-cell:last-child .inputOverlay{  width: calc(100% - 4px);}
.kpiCalc .calc .inputs .table-cell:first-child{  padding-left: 0; }
.kpiCalc .calc .inputs.cols4 .table-cell:first-child .inputOverlay{ width: calc(100% - 10px);}
.kpiCalc .calc .inputs.cols4 .table-cell:first-child .inputOverlay{ width: calc(100% - 4px);}
.kpiCalc .calc .inputs .inputOverlay{  border-radius: 25px; color: #FFF; background: #4d4d4d; height: 38px; text-align: center; border: 1px solid #4d4d4d;}
.kpiCalc .calc .inputs .inputOverlay.red{  background: #d53625; border: 1px solid #d53625;}
.kpiCalc .calc .inputs .inputOverlay.white{  background: #FFF; color: #4d4d4d; border: 1px solid #4d4d4d;}
.kpiCalc .calc .inputs .inputOverlay.gray{  background: #068c94; border: 1px solid #068c94;}
.kpiCalc .calc .inputs .inputOverlay.white input{ color: #4d4d4d; background: none;}
.kpiCalc .calc .inputs .inputOverlay input{ border: none; text-align: center; font-size: 17px; font-weight: 500; width: 100%; color: #FFF; background: none; outline: none; height: 38px;}
.kpiCalc .calc .inputs .inputOverlay input.percent{ width: 26px;text-align: right;}
.kpiCalc .calc .inputs .inputOverlay span{ font-size: 17px; font-weight: 500; line-height: 36px;}
.kpiCalc .calc .inputs label{ font-size: 14px; color: #4d4d4d; text-align: center; width: 100%; display: inline-block; line-height:17px; margin-top: 5px;}
.kpiCalc .calc .inputs label.red{ color: #d53625;}
.kpiCalc .calc .inputs label.gray{ color: #068c94;}
.kpiCalc .calc .inputs.cols4 label{  width: calc(100% - 6px); display: inline-block;}
.kpiCalc .calc .inputs label strong{ font-weight: 500;}
.kpiCalc .calc hr{ width: 490px; margin: 0 auto; margin-top: 20px; border-color: #4d4d4d;}
.kpiCalc .chart{ color: #FFF; margin-top: 10px;}
.kpiCalc .chart h3{ text-align: center; font-weight: 500; font-size: 30px; margin: 0px 0 30px 0;}

.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{ width: 60px; height: 57px; background: url(images/imageSprite.svg) no-repeat left -558px top -5px;; border: none; display: inline-block; border-radius: 0; margin-left: -32px; position:absolute; outline: none; line-height: 84px; text-align: center; color: #FFF; font-weight: 500; font-size: 15px; cursor: pointer; background-size: 700px 184px;}
.kpiCalc .ui-state-default sub, .kpiCalc .ui-widget-content .ui-state-default sub, .kpiCalc .ui-widget-header .ui-state-default sub, .kpiCalc .ui-button sub, html .kpiCalc .ui-button.ui-state-disabled:hover sub, html .kpiCalc .ui-button.ui-state-disabled:active sub{ font-size: 10px; top: -4px; position: relative;}
.kpiCalc .topSlider .ui-state-default, .kpiCalc .topSlider .ui-widget-content .ui-state-default, .kpiCalc .topSlider .ui-widget-header .ui-state-default, .kpiCalc .topSlider .ui-button, html .kpiCalc .topSlider .ui-button.ui-state-disabled:hover, html .kpiCalc .topSlider .ui-button.ui-state-disabled:active{ background: url(images/imageSprite.svg) no-repeat right -22px top -5px;  line-height: 22px;background-size: 700px 184px;}

.carouselBlock .slider{ float: left; width: 100%; position: relative; height: 381px; overflow: hidden;}
.carouselBlock .slider .owl-item{ width: 455px; height: 380px; float: left; }
.carouselBlock .slider .item{ width: 455px; height: 380px; float: left; background-repeat: no-repeat; overflow: hidden; background-position: center top; position: relative; text-align: center;}
.carouselBlock .slider a{ display: none; width: 100%; height: 380px; background: rgba(0, 0, 0, 0.7); text-decoration: none; white-space: normal; position: absolute; top:0; left: -1px;}
.carouselBlock .slider .slick-slide{ width: 455px; height: 380px;}
.carouselBlock .slider .slick-slide:hover a{display: table; background-size: cover !important;}
.carouselBlock .slider.fpServices .slick-current a{display: table;}
.carouselBlock .slider.fpIndustries .slick-current + div + div a{display: table; background-size: cover !important;}
.carouselBlock .slider a span{ vertical-align: middle; text-align: center; color: #FFF; text-decoration: none; font-weight: 500; font-size: 41px; padding: 0 88px; line-height: 46px;}
.carouselBlock .slider .slick-next, .carouselBlock .slider .slick-prev, .firstPageColumns .slick-next, .firstPageColumns .slick-prev{border: none; width: 34px; height: 87px; position: absolute; top: 50%; z-index: 110; display: block; cursor: pointer;}
.carouselBlock .slider .slick-next:before, .carouselBlock .slider .slick-prev:before, .firstPageColumns .slick-next:before, .firstPageColumns .slick-prev:before{content: none;}
.carouselBlock .slider .slick-next, .firstPageColumns .slick-next{ right: 40px; background: url(images/imageSprite.png) no-repeat right top -65px !important;}
.carouselBlock .slider .slick-prev, .firstPageColumns .slick-prev{ left: 40px;  background: url(images/imageSprite.png) no-repeat left -628px top -65px !important;}

.diagnosticsForm{ width: 100%; display: flex; margin: 0; background: #213E4E; padding: 100px 0;}
.diagnosticsForm .wrapper{ background: #FFF;  max-width: 699px; border-radius: 40px; padding: 50px 100px;}
.diagnosticsForm h3{ font-size: 29px; line-height: 42px; font-weight: 600; text-align: center; margin-bottom: 30px;}
.diagnosticsForm .inputField{ display: flex; width: 100%; margin: 0 0 10px 0; justify-content: center;}
.diagnosticsForm .inputField input, .diagnosticsForm textarea, .diagnosticsForm button{ width: 100%; height: 39px; border-radius: 20px; border: 1px solid #4d4d4d; display: flex; padding: 0 15px; font-size: 18px; font-family: Oswald, sans-serif; font-weight: 600; color: #4d4d4d;}
.diagnosticsForm textarea{ height: 182px; padding: 7px 15px;}
.diagnosticsForm button{ color: #FFF; background: url(images/ButtonBg.svg) no-repeat; border: none; width: 140px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 18px; padding: 0; height: 35px;}

footer{ width: 100%; display: inline-block; position: relative;}
footer .bgColor{ width: 50%; left: 0; bottom: 0; position: absolute; z-index: 1; height: 100%; background: #eaeaea;}
footer .wrapper{ position: relative; z-index: 2;}
footer .karte{ width: 821px;height: 421px;}
footer .table-cell{ vertical-align: middle;}
footer.contactsFooter{ background: #213e4f;}
footer.diagFooter{ background: #FFF;}
footer.contactsFooter .table-cell.contacts{ background: #213e4f; color: #FFF; padding-top: 10px;}
footer.contactsFooter .table-cell.contacts a{ color: #FFF;}
footer.contactsFooter .table-cell.contacts input[type=email]{ border-bottom: 1px solid #FFF; background: none; color: #FFF;}

footer.diagFooter .table-cell.contacts{ background: #FFF; color: #000; padding-top: 10px;}
footer.diagFooter .table-cell.contacts a{ color: #000;}
footer.diagFooter .table-cell.contacts input[type=email]{ border-bottom: 1px solid #000; background: none; color: #000;}

footer .table-cell .inner{ width: 220px; margin-left: 50px; display: inline-block;}
footer .table-cell h3{ font-size: 30px; font-weight: 500; margin-bottom: 16px; line-height: 30px;}
footer .table-cell h3:first-child{ margin-top: 10px;}
footer .table-cell p{ font-size: 16px; line-height: 24px;}
footer .table-cell p strong{ font-weight: bold; }
footer .table-cell .copyright{ margin-top: 16px; display: inline-block; }
footer .table-cell .emSpan{ display: none;}
footer .table-cell .footerPhone a:before{ content: ""; background: url(images/imageSprite.svg) no-repeat left -74px top -5px; width: 16px; height: 16px; position: absolute; left:0; top: 1px;background-size: 700px 184px;}
footer .table-cell a.em:before{ content: ""; background: url(images/imageSprite.svg) no-repeat left -95px top -5px; width: 18px; height: 13px; position: absolute; left:0; top: 3px;background-size: 700px 184px;}
footer .table-cell a{ text-decoration: none; color: #000; font-size: 16px; padding-left: 32px; position: relative;}
footer .table-cell div.form{ display: inline-block; margin-top: 36px; width: 100%; margin-bottom: 23px;}
footer .table-cell input[type=email]{ width: 100%; height: 24px; border: none; border-bottom: 1px solid #000; margin-bottom: 15px; outline: none;}
footer .table-cell input[type=button]{ min-width: 86px; cursor: pointer;}
footer .karte img{ display: block;}

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

.contactsFooter ::placeholder { color: #FFF; opacity: 1; }
.contactsFooter:-ms-input-placeholder { color: #FFF;}
.contactsFooter ::-ms-input-placeholder { color: #FFF; }

footer.diagFooter.contactsFooter ::placeholder { color: #000; opacity: 1; }
footer.diagFooter.contactsFooter:-ms-input-placeholder { color: #000;}
footer.diagFooter.contactsFooter ::-ms-input-placeholder { color: #000; }

.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: 1100px){
	.innerWrapper{ width: calc( 100% - 40px);}
	header .logo{ margin-left: 45px;}
	nav.mainMenu{ margin-right: 45px;}
	.carouselBlock .slider.fpIndustries .slick-current + div a{display: table;}
	footer .karte{ width: 70%;}
	footer .karte img{ max-width: 100%; height: auto;}
}
@media screen and (max-width: 1024px){
	.carouselBlock .slider .item{ width: 100% !important;}
	header{ height: 45px; top: 20px;}
	header .wrapper{ height: 45px;}
	header .logo{ background: url(images/ISP_logo_web.svg) no-repeat; width: 53px; height: 28px; margin-left: 20px; margin-top: 10px; position: relative; z-index: 251;}
	.mobileMenuSelector{ display: block; float: right; width: 32px; height: 24px; background: url(images/imageSprite.svg) no-repeat left -525px top -5px; margin-top: 10px; margin-right: 20px; background-size: 700px 184px;}
	
	.mainMenu{ display: none;}
	nav.mainMenu{ width: 100%; margin: 0; background-color: rgba(255, 255, 255, 0.93); top: -38px; height: unset; padding-bottom: 20px;}
	nav.mainMenu ul{ margin-top: 30px; width: 100%;}
	nav.mainMenu ul li{ width: calc(100% - 80px); margin-left: 40px; text-align: left;}
	nav.mainMenu ul li a{ margin-top: 0;}
	nav.mainMenu .closeMenu{  float: right; width: 24px; height: 24px; background: url(images/imageSprite.svg) no-repeat left -500px top -5px; margin-top: 10px; margin-right: 24px; background-size: 700px 184px;}
	nav.mainMenu ul li a{ font-size: 14px; padding: 8px 0; min-height: unset;}
	nav.mainMenu ul li a:hover{ background: none;}
	nav.mainMenu ul li.active a{ color: #d73924;}
	nav.mainMenu ul li.active ul{ display: block; font-size: 14px; 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; font-weight: 400;}
	nav.mainMenu ul li li.active a{ color: #d73924;}
	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: 8px; margin-right: 20px;}
	nav.mainMenu ul li.langMenu{ margin-left: 12px;width: 25px; height: 25px;}
	nav.mainMenu ul li.langMenu a{ font-size: 10.5px; margin: 0; width: 25px; height: 25px; line-height: 25px; 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; }
	nav.mainMenu ul ul ul li{ margin-left: 25px;}
	
	.cycle-pager{ width: auto; left: 10%; margin-left: 0;}

}

@media screen and (max-width: 745px){
	.rotationBlock{ z-index: 1;}
	img{ max-width: 100%; height: auto;}
	.firstPageColumns .table, .firstPageColumns .table-cell, .contactsBlock .table, .contactsBlock .table-cell, footer .table, footer .table-cell, .cookiesMsg .table, .cookiesMsg .table-cell{ display: inline-block; width: 100%; margin-left: 0; margin-right: 0;}
	header{ z-index: 500;}
	
	.cookiesMsg{ padding: 20px 0;}
	.cookiesMsg .table-cell:last-child{ text-align: center; margin-top: 20px;}
	.cookiesMsg .table-cell:first-child{ width: calc(100% - 40px); font-size: 14px; line-height: 17px; margin: 0 20px; text-align: left;}
	.cookiesMsg .table-cell:first-child br{ content:""}
	
	.headerBg, .rotationBlock.rotationBlock2{ height: 250px;}
	.rotationBlock .rotatingImage div p{ margin-top: 0;}
	.headerBg .table-cell{ padding-bottom: 85px; vertical-align: bottom;}
	.rotationBlock.rotationBlock2 .headerBg{height: 185px; margin-top: 65px;}
	
	
	.fpBlock h2{ font-size: 26px; line-height: 58px;}
	
	.contactsBlock .block.block1, .contactsBlock .block.block2, .contactsBlock .block.block3{ width: 100%; }
	.contactsBlock .table-cell{ margin-bottom: 40px;}
	.contactsBlock .table-cell:last-child{ margin-bottom: 0;}

	.diagnosticsForm h3{ font-size: 20px; line-height: 28px;}
	.diagnosticsForm .inputField input, .diagnosticsForm textarea, .diagnosticsForm button{ font-size: 14px; }

	footer{ text-align: center;}
	footer .table-cell .inner{ margin-left: 0;}
	footer .karte{ height: auto;}
	footer .table-cell.contacts{ padding-top: 30px; padding-bottom: 38px;}
	footer .table-cell input[type=email]{ text-align: center;}
	footer .table-cell h3{ margin-bottom: 15px; font-size: 26px;}
	
	.simple2columns:last-child{ margin-bottom: 0;}
	.simple2columns h1, .simple2columns h2{ margin-bottom: 12px; font-size: 26px;}
	.simple3columns h1, .simple3columns h2{ margin-bottom: 12px; font-size: 26px;}
	.simple2columns, .flexiChart, .karjeraText, .simple3columns, .chart, .servicesText{ padding: 15px 0; width: 100%; font-size: 14px; line-height: 17px;}
	.simple2columns table, .simple2columns tr, .simple2columns td, .simple2columns tbody{ display: inline-block; width: 100%;}
	.simple3columns table, .simple3columns tr, .simple3columns td, .simple3columns tbody{ display: inline-block; width: 100%;}
	.simple2columns td:first-child, .simple2columns td:last-child{ padding: 0;}
	.simple3columns td:first-child, .simple3columns td:last-child{ padding: 0;}
	.simple3columns td{ padding: 0;}
	.simple2columns td{ margin-bottom: 20px;}
	.simple3columns td{ margin-bottom: 20px;}
	.simple3columns em strong, .simple3columns strong em{ font-size: 22px;}
	
	
	.flexiChart { text-align: center;}
	.flexiChart h3{ display: inline-block; font-size: 14px; width: 60%;}
	.flexiSecond h2{ text-align: center;}
	

	.specHeading{padding: 0px 20px; width: calc(100% - 40px); font-size: 14px; line-height: 17px; margin: 0;}
	.specHeading h2{ font-size: 26px; line-height: 30px;}	
	
	video{ height: 185px !important; width: auto !important;}
	
	.contactsPage .contactsBlock{ padding-top: 110px;}
	.karjeraText{ padding-top: 0; padding-bottom: 0; padding: 0 20px; width: calc(100% - 40px);}
	.karjeraText h1, .servicesText h1{ font-size: 26px; padding-top: 0;}
	.contactsDetails{ font-size: 14px;}
	.contactsDetails h1{ font-size: 26px; padding: 20px 0;}
	.contactsDetails p{ margin-bottom: 18px;}
	
	.popupModal .popupMsg{ max-width: 300px; margin-left: -150px;}
	
	
	.servicesText{ padding: 30px 20px; width: calc(100% - 40px);}
	.servicesText table{ margin-top: 25px; }
	.servicesText table td{ height: 50px; width: 140px; font-size: 11px; line-height: 14px;}
	.servicesText table tr:first-child td:first-child, .servicesText table tr:first-child td, .servicesText table tr td:first-child{ font-size: 12px; line-height: 17px;}
	.servicesText table tr:first-child td:first-child{ width: 85px;}
	.servicesText br{ content: "";}
	
	.myCS .mCSB_scrollTools.mCSB_scrollTools_horizontal, .myCS .mCSB_scrollTools.mCSB_scrollTools_horizontal{width: calc(100% - 40px); margin-left: 20px; bottom: -34px !important;}
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #e34523 !important; height: 4px; border-radius: 5px; bottom: 12px;}
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #FFF !important; border-radius: 50%; border: 4px solid #e34523; position: absolute; top: -5px; cursor: pointer;width: 13px; height: 13px;}
	.myCS .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .myCS .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .myCS .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .myCS .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 32px; height: 32px;}
	.myCS .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .myCS .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #FFF;}
	
	.carouselBlock .slider.fpIndustries .slick-current a{display: table;}
	.sliderFW .slick-slide img{ height: 100%; max-width: unset;display: inline-block;}
	
	.carouselBlock .slider a span{ font-size: 26px; line-height: 35px;}
	
	.carouselBlock .slider .slick-next, .carouselBlock .slider .slick-prev, .firstPageColumns .slick-next, .firstPageColumns .slick-prev{width: 24px; height: 63px;}
	.carouselBlock .slider .slick-next, .firstPageColumns .slick-next{ right: 40px; background: url(images/imageSprite.svg) no-repeat left -443px top -110px !important; background-size: 700px 184px !important;}
	.carouselBlock .slider .slick-prev, .firstPageColumns .slick-prev{ left: 40px;  background: url(images/imageSprite.svg) no-repeat left -414px top -110px !important; background-size: 700px 184px !important;}
	.firstPageColumns .slick-next, .firstPageColumns .slick-prev{top: 35%;}
	.firstPageColumns{min-height: unset; padding: 30px 0;}
	.firstPageColumns .table{margin: 0;}
	.firstPageColumns .table h2{ font-size: 26px;}
	
	.firstPageColumns .table h2:after{ width: 107px; height: 102px;}
	.firstPageColumns .table .company h2:after{ background: url(images/Uznemums-01.svg) no-repeat; margin-top: 16px; width: 82px; background-size: 82px 101px;}
	.firstPageColumns .table .values h2:after{  background: url(images/Vertibas-02.svg) no-repeat; margin-top: 9px; width: 77px; background-size: 77px 100px;}
	.firstPageColumns .table .efficiency h2:after{ background: url(images/Efektivitate-03.svg) no-repeat;margin-top: 13px; width: 107px; background-size: 107px 98px;}
	.firstPageColumns .table .descr{ margin: 12px 0 20px 0;}
	
	.btn{ line-height: 32px;}

	.kpiCalc .wrapper{ width: calc(100% - 15px);}
	.kpiCalc .calc .slider .min{ font-size: 26px; text-align: right; padding-right: 10px; width: 75px;}
	.kpiCalc .calc .slider .max{ font-size: 26px;}
	.kpiCalc .calc .slider .max span{ line-height: 13px; top: 33px;}
	.kpiCalc .calc .slider{ margin: 60px 10px 20px 10px; width: calc(100% - 20px);}
	
	.rotationBlock{ height: 250px;}
	.rotationBlock .rotatingImage div.aReplace{ font-size: 26px; line-height: 35px; height: unset; width: calc(100% - 54px);}

	
	.cycle-pager{ bottom: 15px; height: 8px; left: 50%;}
	.fpContentWrapper .cycle-pager{ bottom: 60px; height: 8px; left: 0; margin-left: 27px !important;}
	.cycle-pager span { width: 8px; height: 8px; background: url(images/imageSprite.svg) no-repeat left -164px top -5px;margin-right: 9px; background-size: 700px 184px; }
	.cycle-pager span.cycle-pager-active { background: url(images/imageSprite.svg) no-repeat left -152px top -5px; background-size: 700px 184px;}
	.rotationBlock.rotationBlock2 .cycle-pager{ margin-left: -23px;}


	footer .bgColor{ display: none;}

	.kpiCalc .wrapper .kpiCalcIntro{ margin-top: 50px; margin-bottom: 20px;}
	.kpiCalc .wrapper .kpiCalcIntro h1{ padding-bottom: 20px;}
	
	.kpiCalc .calc .slider .sliderBg {max-width: 470px; width: 67%;}
	.kpiCalc .calc .slider .sliderBg:before { max-width: 490px; background: url(images/Kalkulators-1_200919.svg) no-repeat; width: 99%; background-size: 100% 36px;}
	.kpiCalc .calc2 .slider .sliderBg:before { background: url(images/Kalkulators-2_200919.svg) no-repeat; background-size: 100% 36px;}
	.kpiCalc .calc .slider .max span{ text-align: left;}
	.kpiCalc .calc .inputs .inputOverlay input{ font-size: 18px;position: relative; z-index: 1;}
	.kpiCalc .calc .inputs .inputOverlay span{  padding: 0; margin: 0; position: relative; z-index: 0; display: inline-block;}
	.kpiCalc .calc .inputs .inputOverlay input.percent{ width: 25px; text-align: center; padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 570px){
	
	/* .kpiCalc .calc .slider .sliderBg:before { max-width: 490px; background: url(images/imageSprite.svg) no-repeat left top -25px; width: 100%; background-size: 141% 155px;} */
	/* .kpiCalc .calc2 .slider .sliderBg:before { background: url(images/imageSprite.svg) no-repeat left top -70px; background-size: 141% 185px;} */
	
}
	
	
@media screen and (max-width: 560px){
	
	
	.servicesText{ margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%;}
	.servicesText.serviceViewText{ margin: 0; padding-bottom: 50px; padding-top:0; width: 100%;}
	.serviceViewText table{ margin-top: 0;}
	.simple2columns td:last-child{ margin-bottom: 0;}
	
	.kpiCalc .wrapper{ width: calc(100% - 15px);}
	.kpiCalc .calc{ width: calc(100%); padding: 30px 0 10px 0; margin-bottom: 25px; text-align: center;}
	.kpiCalc .calc h2{ font-size: 20px; width: 75%; display: inline-block;}
	.kpiCalc .calc .table, .kpiCalc .calc .table-cell{display: inline-block;}
	.kpiCalc .calc .slider{ margin: 15px 3% 13px 3%;  width: 94%; table-layout: fixed;}
	.kpiCalc .calc .inputs{  width: 90%; margin-bottom: 0;}
	.kpiCalc .calc .slider .min{ font-size: 13px; line-height: 32px; width: 10%; padding-right: 2%;}
	.kpiCalc .calc .slider .max{ font-size: 13px; line-height: 34x; width: 10%; padding-left: 0; padding-bottom: 18px;}
	.kpiCalc .calc .slider .max span{ font-size: 7px; line-height: 9px;}
	
	.kpiCalc .calc .slider .sliderBg{ width: 75%; padding: 0;}
	.kpiCalc .calc .slider .sliderBg:before{ content: ""; width: calc(100% - 12px); height: 23px; background: url(images/Kalkulators-mob-2-01.svg) no-repeat left top; position: absolute; top: 10px;left: 2px;}
	.kpiCalc .calc2 .slider .sliderBg:before{ background: url(images/Kalkulators-2-01.svg) no-repeat left top;}

	.kpiCalc .calc .inputs .table-cell{ padding: 0; width: 100%;}
	.kpiCalc .calc hr{ width: calc(100% - 44px); margin-top: 0px;}
	.kpiCalc .calc .subtitle.subtitle2{ margin-top: 15px; margin-bottom: 15px;}
	.kpiCalc .calc .subtitle{ font-size: 16px; width: 73%; display: inline-block;margin-bottom: 15px;}
	
	.kpiCalc .calc .slider .jsSlider{ left: 24px; top: 16px;}
	.kpiCalc .calc .slider .jsSlider.topSlider{ top: -17px;}
	.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{ background: url(images/imageSprite.svg) no-repeat left -525px top -71px; width: 34px; height: 34px; font-size: 9px;  line-height: 45px; background-size: 700px 184px;}
	
	.kpiCalc .topSlider .ui-state-default, .kpiCalc .topSlider .ui-widget-content .ui-state-default, .kpiCalc .topSlider .ui-widget-header .ui-state-default, .kpiCalc .topSlider .ui-button, html .kpiCalc .topSlider .ui-button.ui-state-disabled:hover, html .kpiCalc .topSlider .ui-button.ui-state-disabled:active{ background: url(images/imageSprite.svg) no-repeat left -490px top -71px; line-height: 18px; background-size: 700px 184px;}
	.kpiCalc .chart h3{ font-size: 20px; margin-bottom: 20px;}
	.kpiCalc .calc .inputs .table-cell{ margin-bottom: 15px;}
	
	.kpiCalc .calc .inputs .inputOverlay, .kpiCalc .calc .inputs .table-cell:last-child .inputOverlay, .kpiCalc .calc .inputs.cols4 .table-cell:first-child .inputOverlay{ width: 140px; display: inline-block;}
	
	.kpiCalc .calc .inputs.mSplit .table-cell{ width: 50%; padding: 0; float: left;}
	.kpiCalc .calc .inputs.mSplit .inputOverlay, .kpiCalc .calc .inputs.mSplit .table-cell:last-child .inputOverlay, .kpiCalc .calc .inputs.mSplit .table-cell:first-child .inputOverlay{ width: 104px;}
	.kpiCalc .calc .inputs.largeInputs .inputOverlay{ width: 188px !important;}

}