@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,400i,500,500i,700");
.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px !important;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1330px !important;
  }
}
.patterns {
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.patterns:before {
  -webkit-animation: circle-1 10s ease infinite;
  animation: circle-1 10s ease infinite;
  border: 1px solid rgba(159, 159, 159, 0.9);
  border-radius: 50%;
  content: "";
  display: block;
  height: 160%;
  left: auto;
  position: absolute;
  right: -69%;
  top: -30%;
  width: 100%;
  z-index: 0;
}
.patterns:after {
  -webkit-animation: circle-2 10s ease infinite;
  animation: circle-2 10s ease infinite;
  border: 1px solid rgba(159, 159, 159, 0.4);
  border-radius: 50%;
  content: "";
  height: 180%;
  position: absolute;
  right: -69%;
  top: -48%;
  width: 100%;
  z-index: 1;
}

div[itemprop=articleBody] ul {
  padding: 0;
}
div[itemprop=articleBody] ul li {
  position: relative;
  list-style: none;
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  padding-left: 30px;
  padding-left: 1.875rem;
}
div[itemprop=articleBody] ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  width: 1.875rem;
  text-align: center;
  line-height: 30px;
  color: #293e6b;
  font-size: 9px;
  content: "";
  font-family: IcoMoon;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes circle-1 {
  0% {
    -webkit-transform: translate(0) scaleY(1.2);
    transform: translate(0) scaleY(1.2);
  }
  40% {
    -webkit-transform: translate(-40px) scaleY(1.3);
    transform: translate(-40px) scaleY(1.3);
  }
  80% {
    -webkit-transform: translateX(20px) scaleY(1.3);
    transform: translateX(20px) scaleY(1.3);
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1.2);
    transform: translateX(0) scaleY(1.2);
  }
}
@keyframes circle-1 {
  0% {
    -webkit-transform: translate(0) scaleY(1.2);
    transform: translate(0) scaleY(1.2);
  }
  40% {
    -webkit-transform: translate(-40px) scaleY(1.3);
    transform: translate(-40px) scaleY(1.3);
  }
  80% {
    -webkit-transform: translateX(20px) scaleY(1.3);
    transform: translateX(20px) scaleY(1.3);
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1.2);
    transform: translateX(0) scaleY(1.2);
  }
}
@-webkit-keyframes circle-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  33% {
    -webkit-transform: translate(20px);
    transform: translate(20px);
  }
  66% {
    -webkit-transform: translate(-20px);
    transform: translate(-20px);
  }
  100% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
@keyframes circle-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  33% {
    -webkit-transform: translate(20px);
    transform: translate(20px);
  }
  66% {
    -webkit-transform: translate(-20px);
    transform: translate(-20px);
  }
  100% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
.snow {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.snow .svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

#snow-top-layer {
  will-change: transform;
  transform: translateY(-768px);
  animation: fall 22.5s infinite linear;
}

#snow-bottom-layer {
  will-change: transform;
  transform: translateY(-768px);
  animation: fall 45s infinite linear;
}

@keyframes fall {
  100% {
    transform: translateY(0);
  }
}
body {
  color: #585e68 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 1.08rem !important;
  line-height: 1.8rem !important;
  background-color: #fff !important;
  font-weight: 400;
}
body a {
  text-decoration: none;
  color: #91a2bf;
}
body a:hover {
  text-decoration: none;
  color: #6179a3;
}
body a.download.inst {
  display: inline-block;
  border: 1px solid #91a2bf;
  padding: 0 10px 0 0;
  line-height: 50px;
}
body a.download.inst i {
  display: block;
  float: left;
  width: 60px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #585e68;
  color: #fff;
  margin-right: 10px;
  padding: 0;
  font-size: 35px;
}
body a.download.inst:hover {
  background-color: #91a2bf;
  color: #fff;
}
body#contentpage .body {
  margin-top: 137px;
}
body.erp .body #erp-content {
  background-color: #ededed;
  background-image: url("../images/erp-big-back.png");
  background-position: right top;
  background-repeat: no-repeat;
}
body.erp .body #erp-content .body-text {
  margin-top: 0;
}
body.erp .latestnews_nizb li {
  list-style: none;
}
body.erp .latestnews_nizb a img {
  display: none;
}
body.erp .reference {
  background-color: #fff;
}
body.erp-content .body #erp-content .body-text {
  margin-top: 15px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
}

img {
  max-width: 100%;
}

.img-updown {
  transition: all 0.3s ease;
}
.img-updown:hover img {
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

blockquote {
  padding: 15px;
  margin: 15px 0;
  border-left: 3px solid #91a2bf;
  font-style: italic;
  box-shadow: #ddddde 3px 0px 8px;
}

.updown {
  transition: all 0.3s ease;
}
.updown:hover {
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.button {
  border: 2px solid #91a2bf;
  color: #585e68;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.button:hover {
  transition: all 0.3s ease-in;
  color: #fff;
  background: #91a2bf;
  text-decoration: none;
}

table.events-list tr {
  border-width: 1px 1px 1px 3px;
  border-color: #ddd;
  border-style: solid;
  margin: 5px 0;
}
table.events-list tr:hover {
  border-left-color: #91a2bf;
}
table.events-list tr td a {
  color: #585e68;
}
table.events-list tr td a:hover {
  color: #91a2bf;
}

.post-title {
  border-left: 3px solid #91a2bf;
  padding-left: 10px;
}

.homeheader {
  z-index: 15;
  top: 0;
  left: 0;
}
.homeheader.header-after {
  background-color: #ededed;
  box-shadow: #ddddde 3px 0px 8px;
}

a.product {
  bottom: 105px;
  background-color: rgba(255, 255, 255, 0.75);
  transition: all 0.15s ease;
  box-shadow: 0px 3px 20px 0 rgba(0, 0, 0, 0.075);
  border-top: 3px solid #91a2bf;
}
a.product:hover {
  background-color: #fff;
}

#szkolenia {
  background: #fff;
  box-shadow: 0px 3px 20px 0 rgba(0, 0, 0, 0.075);
}

header {
  box-shadow: #ddddde 3px 0px 8px;
}
header .top-header {
  background-color: #293e6b;
}
header .top-header .nav .nav-item a {
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
  padding: 0.3rem 1rem;
  color: #91a2bf;
}
header .top-header .nav .nav-item a:before {
  font-family: "icomoon" !important;
  padding-right: 5px;
}
header .top-header .nav .nav-item a:hover {
  color: #fff;
}
header.erp-main {
  background-image: url("../images/erp-menu-back.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}

.header-erp .toggle-nav {
  color: #585e68;
}
.header-erp .toggle-nav:hover {
  color: #91a2bf;
}

.breadcrumbs {
  border-width: 0;
  background-color: #ededed;
  border-style: solid;
  border-color: #ccc;
  overflow: hidden;
}
.breadcrumbs li a .icon-home {
  color: #91a2bf;
}
.breadcrumbs .divider {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  font-size: 13px;
  text-transform: capitalize;
}
.breadcrumbs .divider:after {
  content: "";
  width: 24px;
  height: 1px;
  background-color: currentColor;
  display: block;
}

.pagination .page-item.active .page-link {
  background-color: #91a2bf;
  border-color: #91a2bf;
  color: #fff;
}
.pagination .page-item .page-link {
  color: #91a2bf;
}

/*---------------------- main menu ------------------------------ */
/*---------------------- main menu ------------------------------ */
.mainmenu ul > li > a, .mainmenu ul > li > span.separator, #sidebar1 ul li a {
  color: #585e68;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12.2px;
  letter-spacing: 0.5px;
  padding: 14px;
}

.mainmenu a:hover i {
  color: #293e6b !important;
}

@media (max-width: 1280px) {
  .mainmenu ul > li > a, .mainmenu ul > li > span.separator, #sidebar1 ul li a {
    font-size: 12.5px;
    padding: 0.8rem;
  }
}
.mainmenu ul > li.parent {
  /* &:after
   {
     position: absolute;
     bottom: 0;
     left: 50%;
     font-family: 'icomoon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     content: "\e90d";
     transform: translateX(-50%);
   }*/
}

.mainmenu span.ezgloszenia {
  color: #50b2a2 !important;
}

.mainmenu a.wsparcie {
  color: #293e6b !important;
}

.mainmenu ul > li > a:hover, #sidebar1 ul li a:hover, #sidebar1 ul.children li a:hover {
  color: #293e6b;
}

.mainmenu .nav-child {
  position: absolute;
  top: 95%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  box-shadow: 0px 3px 20px 0 rgba(0, 0, 0, 0.075);
}

.mainmenu .nav-child.pull-right {
  right: 0;
  left: auto;
}

.mainmenu .nav-child .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}

.mainmenu .nav-child a, #sidebar1 ul.children li a {
  display: block;
  clear: both;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #585e68;
  white-space: nowrap;
  border-radius: 0 !important;
  text-align: left;
}

.mainmenu .nav li {
  position: relative;
}

.mainmenu .nav > li:hover > .nav-child,
.mainmenu .nav > li > a:focus + .nav-child,
.mainmenu .nav li li:hover > .nav-child,
.mainmenu .nav li li > a:focus + .nav-child {
  display: block;
}

.mainmenu .nav li li .nav-child {
  top: -8px;
  left: 100%;
}

.mainmenu .nav li li .nav-child:before {
  position: absolute;
  top: 9px;
  left: -7px;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 7px solid transparent;
  content: "";
}

.mainmenu .nav li li .nav-child:after {
  position: absolute;
  top: 10px;
  left: -6px;
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
  content: "";
}

.mainmenu .nav-child li > a:hover,
.mainmenu .nav-child li > a:focus,
.mainmenu .nav-child:hover > a {
  text-decoration: none;
  color: #41454c;
  background-color: #ededed;
}

.erp-slider .my-video {
  max-height: 650px;
}
.erp-slider .my-video video {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.home_info a {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.home_info a:hover {
  color: #fff;
  background-color: #33353C;
}

footer ul {
  padding: 0;
}
footer ul li {
  list-style: none;
  text-transform: uppercase;
}
footer#links {
  background-color: #33353C;
  color: #fff;
}
footer#links a {
  color: #fff;
  font-size: 13px;
}
footer#links a:hover {
  color: #91a2bf;
}
footer.footer-erp {
  font-size: 13px;
}
footer.footer-erp ul {
  padding: 0;
}
footer.footer-erp ul li {
  list-style: none;
  padding: 0;
}
footer.footer-erp ul li a {
  padding: 5px 12px 5px 0 !important;
  line-height: 15px;
  text-transform: none;
}
footer.footer-erp p {
  font-size: 13px;
}

#sidebar {
  border: 0;
}
#sidebar .latestnews li {
  border-width: 0 0 0 3px;
  border-color: #ededed;
  margin-bottom: 10px;
}
#sidebar .latestnews li:hover {
  border-left: 3px solid #91a2bf;
  transition: all 0.15s ease;
}
#sidebar .latestnews li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #585e68;
}
#sidebar .latestnews li a:hover {
  color: #91a2bf;
}
#sidebar .moduletable h3 {
  font-size: 1rem;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-weight: 500;
}

.container .nav-tabs .nav-link {
  font-weight: 500;
  color: #585e68;
}
.container .nav-tabs .nav-link.active {
  border-bottom: 3px solid #91a2bf;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background-color: transparent;
  color: #91a2bf;
}

#accordionRekord .card .card-header {
  border-left: 3px solid #ddd;
}
#accordionRekord .card .card-header h2 button {
  color: #585e68;
  text-transform: uppercase;
}
#accordionRekord .card .card-header h2 button:hover {
  text-decoration: none;
  color: #91a2bf;
}
#accordionRekord .card .card-header.active-acc {
  border-left-color: #91a2bf;
  color: #91a2bf;
}
#accordionRekord .card .card-header.active-acc h2 button {
  color: #91a2bf;
}
#accordionRekord .card .card-header:hover {
  border-left: 3px solid #91a2bf;
}
#accordionRekord .card .collapse {
  border-left: 3px solid #91a2bf;
}

.nizb-navs {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #293e6b;
}
.nizb-navs li {
  width: 33%;
  text-align: center;
}
.nizb-navs li a {
  text-transform: uppercase;
}
.nizb-navs li a.active, .nizb-navs li a:hover {
  background-color: #1b2946 !important;
}

.nizb-news-list {
  background-color: #0a6e84;
  color: #fff;
  display: block;
  padding: 15px;
}
.nizb-news-list h3 {
  font-size: 1.09rem;
  font-weight: 500;
}
.nizb-news-list:first-child {
  margin-bottom: 25px;
  background-color: #293e6b;
}
.nizb-news-list:first-child:hover {
  background-color: #1b2946;
  color: #fff;
}
.nizb-news-list:hover {
  background-color: #064655;
  color: #fff;
}

.black-overlay {
  position: absolute;
  bottom: 40px;
  left: 15px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.nizb-big-title {
  color: #fff;
  font-size: 20px;
  position: absolute;
  bottom: 45px;
  left: 30px;
  max-width: 60%;
}

.nizb .latestnews_nizb .list_1 {
  padding-right: 0;
}
.nizb .latestnews_nizb .list_1 a {
  background-color: #0a6e84;
  color: #fff;
  display: block;
  padding: 15px;
}
.nizb .latestnews_nizb .list_1 a:hover {
  background-color: #064655;
  color: #fff;
}
.nizb .latestnews_nizb .list_2 {
  padding-right: 0;
}
.nizb .latestnews_nizb .list_2 a {
  position: relative;
  background-color: #293e6b;
  color: #fff;
  display: block;
  padding: 15px;
}
.nizb .latestnews_nizb .list_2 a:hover {
  background-color: #1b2946;
  color: #fff;
}
.nizb .latestnews_nizb .list_2 a:hover .overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
.nizb .latestnews_nizb .list_2 a .overlay {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.nizb .latestnews_nizb .list_2 a h3, .nizb .latestnews_nizb .list_2 a p {
  position: relative;
  z-index: 1;
}
.nizb .latestnews_nizb .list_2 .space {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.nizb .latestnews_nizb a .art_in-title {
  font-size: 1.09rem;
  font-weight: 500;
}

.tab-pane {
  height: 100%;
}

.product-box a {
  color: #585e68;
}
.product-box a.p-crm i {
  color: #d99058;
}
.product-box a.p-logistyka i {
  color: #708090;
}
.product-box a.p-produkcja i {
  color: #417dc1;
}
.product-box a.p-bi i {
  color: #bf4f51;
}
.product-box a.p-finanse i {
  color: #915c83;
}
.product-box a.p-hr i {
  color: #e49b0f;
}
.product-box a.p-oplaty i {
  color: #50b28a;
}
.product-box a.p-sys_ewi i {
  color: #c85141;
}
.product-box a.p-ks_bud i {
  color: #d8457a;
}
.product-box a.p-podatki i {
  color: #50b2a2;
}
.product-box a.p-eurzad i {
  color: #417dc1;
}
.product-box a.m-crm {
  border-top: 5px solid #d99058 !important;
}
.product-box a.m-crm:hover {
  color: #d99058;
}
.product-box a.m-crm:hover i {
  color: #d99058;
}
.product-box a.m-logistyka {
  border-top: 5px solid #708090 !important;
}
.product-box a.m-logistyka:hover {
  color: #708090;
}
.product-box a.m-logistyka:hover i {
  color: #708090;
}
.product-box a.m-produkcja {
  border-top: 5px solid #417dc1 !important;
}
.product-box a.m-produkcja:hover {
  color: #417dc1;
}
.product-box a.m-produkcja:hover i {
  color: #417dc1;
}
.product-box a.m-bi {
  border-top: 5px solid #bf4f51 !important;
}
.product-box a.m-bi:hover {
  color: #bf4f51;
}
.product-box a.m-bi:hover i {
  color: #bf4f51;
}
.product-box a.m-finanse {
  border-top: 5px solid #915c83 !important;
}
.product-box a.m-finanse:hover {
  color: #915c83;
}
.product-box a.m-finanse:hover i {
  color: #915c83;
}
.product-box a.m-hr {
  border-top: 5px solid #e49b0f !important;
}
.product-box a.m-hr:hover {
  color: #e49b0f;
}
.product-box a.m-hr:hover i {
  color: #e49b0f;
}
.product-box a.m-podatki {
  border-top: 5px solid #50b2a2 !important;
}
.product-box a.m-podatki:hover {
  color: #50b2a2;
}
.product-box a.m-podatki:hover i {
  color: #50b2a2;
}
.product-box a.m-oplaty {
  border-top: 5px solid #50b28a !important;
}
.product-box a.m-oplaty:hover {
  color: #50b28a;
}
.product-box a.m-oplaty:hover i {
  color: #50b28a;
}
.product-box a.m-sys_ewi {
  border-top: 5px solid #c85141 !important;
}
.product-box a.m-sys_ewi:hover {
  color: #c85141;
}
.product-box a.m-sys_ewi:hover i {
  color: #c85141;
}
.product-box a.m-eratusz {
  border-top: 5px solid #417dc1 !important;
}
.product-box a.m-eratusz:hover {
  color: #417dc1;
}
.product-box a.m-eratusz:hover i {
  color: #417dc1;
}
.product-box a.m-ks_bud {
  border-top: 5px solid #d8457a !important;
}
.product-box a.m-ks_bud:hover {
  color: #d8457a;
}
.product-box a.m-ks_bud:hover i {
  color: #d8457a;
}

.home_erp .header {
  background-image: url("../images/erp_kafle_head.jpg");
  background-size: cover;
  min-height: 350px;
}
.home_erp .header h2, .home_erp .header p {
  background-color: #fff;
  position: absolute;
  max-width: 80%;
  padding: 7px;
}
.home_erp .header h2 {
  top: 35px;
  left: 30px;
}
.home_erp .header p {
  bottom: 35px;
  left: 20px;
}
.home_erp .header:hover h2, .home_erp .header:hover p {
  background-color: #ededed;
}
.home_erp a {
  background-color: #fff;
  color: #585e68;
}
.home_erp a:hover {
  background-color: #ededed;
  color: #585e68;
}
.home_erp a:hover i {
  color: #293e6b;
}
.home_erp a:hover .trangle-right {
  border-color: transparent transparent transparent #ededed;
}
.home_erp .text {
  height: 100%;
  padding: 25px;
}
.home_erp .text h4 {
  color: #41454c;
  margin-bottom: 25px;
  margin-top: 7px;
  font-size: 1.2rem;
}
.home_erp .text i {
  position: absolute;
  right: 20px;
  top: 20px;
}
.home_erp .erp_1 {
  background-image: url("../images/szyty_erp.jpg");
}
.home_erp .erp_2 {
  background-image: url("../images/dofinansowanie.jpg");
}
.home_erp .erp_3 {
  background-image: url("../images/koronawirus.jpg");
}
.home_erp .erp_4 {
  background-image: url("../images/lancuch-dostaw.jpg");
}
.home_erp .erp_5 {
  background-image: url("https://www.rekord.com.pl/images/artykuly/planowanie-produkcji-w-rekord-erp/planowanie-produkcji-rekord-erp.jpg");
}
.home_erp .erp_6 {
  background-image: url("../images/zmiana_erp.jpg");
}
.home_erp .csr_img {
  min-height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.home_erp .trangle-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  top: -moz-calc(50% - 7px);
  top: -webkit-calc(50% - 7px);
}
.home_erp .trangle-left {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0;
  top: calc(50% - 7px);
  top: -moz-calc(50% - 7px);
  top: -webkit-calc(50% - 7px);
}

.modulyerp {
  background-image: url("../../../images/layout/backerp.jpg");
  background-size: contain;
}
.modulyerp p, .modulyerp h2 {
  transition: all 0.3s ease;
}
.modulyerp a.modul:hover .inside p, .modulyerp a.modul:hover .inside h2 {
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.product-features ul li span.ico {
  background-color: #91a2bf;
  color: #fff;
  padding: 7px;
}

.baza-wiedzy .head {
  transition: all 0.3s ease;
}
.baza-wiedzy .head .text a {
  color: #585e68;
}
.baza-wiedzy .head .text a:hover {
  color: #91a2bf;
}
.baza-wiedzy .head:hover {
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
.baza-wiedzy .listArticles .leading-item {
  display: none;
}

.bazawiedzy-lista li a {
  color: #585e68;
  padding-left: 5px;
}
.bazawiedzy-lista li a:hover {
  color: #91a2bf;
  border-left: 3px solid #91a2bf;
}

.aktualnosci {
  background-color: #ededed;
}
.aktualnosci ul li a {
  color: #585e68;
}
.aktualnosci ul li a:hover {
  color: #91a2bf;
}

.moduly .opis {
  top: 20%;
  color: #fff;
}
.moduly .opis a {
  color: #fff !important;
}
.moduly .inside {
  transform: translateY(-50%);
  top: 50%;
  position: relative;
  padding: 10px 0;
}

.moduly-erp .my-factory .mypoint {
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  margin: 0;
  width: 49px;
  height: 49px;
}
.moduly-erp .my-factory .mypoint i {
  color: #fff;
  font-size: 30px;
}
.moduly-erp .my-factory .mypoint.m-finanse {
  right: 6%;
  top: 28%;
  background-color: #915c83;
}
.moduly-erp .my-factory .mypoint.m-finanse:hover .coupontooltip {
  display: block;
  border-top: 5px solid #915c83;
  right: 10px;
  margin-top: 5px;
}
.moduly-erp .my-factory .mypoint.m-crm {
  right: 25%;
  bottom: 27%;
  background-color: #d99058;
}
.moduly-erp .my-factory .mypoint.m-crm:hover .coupontooltip {
  display: block;
  border-top: 5px solid #d99058;
}
.moduly-erp .my-factory .mypoint.m-logistyka {
  left: 23%;
  bottom: 24%;
  background-color: #708090;
}
.moduly-erp .my-factory .mypoint.m-logistyka i {
  font-size: 23px;
  position: relative;
  top: 3px;
  right: 2px;
}
.moduly-erp .my-factory .mypoint.m-logistyka:hover .coupontooltip {
  display: block;
  border-top: 5px solid #708090;
}
.moduly-erp .my-factory .mypoint.m-produkcja {
  left: 47%;
  bottom: 25%;
  background-color: #417dc1;
}
.moduly-erp .my-factory .mypoint.m-produkcja:hover .coupontooltip {
  display: block;
  border-top: 5px solid #417dc1;
}
.moduly-erp .my-factory .mypoint.m-bi {
  left: 59%;
  bottom: 69%;
  background-color: #bf4f51;
}
.moduly-erp .my-factory .mypoint.m-bi i {
  font-size: 27px;
  position: relative;
  top: 5px;
}
.moduly-erp .my-factory .mypoint.m-bi:hover .coupontooltip {
  display: block;
  border-top: 5px solid #bf4f51;
}
.moduly-erp .my-factory .mypoint.m-hr {
  left: 24%;
  bottom: 70%;
  background-color: #e49b0f;
}
.moduly-erp .my-factory .mypoint.m-hr i {
  position: relative;
  left: 4px;
}
.moduly-erp .my-factory .mypoint.m-hr:hover .coupontooltip {
  display: block;
  border-top: 5px solid #e49b0f;
}
.moduly-erp .my-factory .mypoint .coupontooltip {
  display: none;
  background-color: #fff;
  margin-left: 35px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  width: 300px;
  color: #585e68;
  font-size: 14.5px;
  line-height: 18px;
}
.moduly-erp .my-factory .mypoint-rwd {
  margin: 0;
}
.moduly-erp .my-factory .mypoint-rwd.m-finanse {
  color: #915c83;
}
.moduly-erp .my-factory .mypoint-rwd.m-finanse i {
  color: #915c83;
}
.moduly-erp .my-factory .mypoint-rwd.m-crm {
  color: #d99058;
}
.moduly-erp .my-factory .mypoint-rwd.m-crm i {
  color: #d99058;
}
.moduly-erp .my-factory .mypoint-rwd.m-logistyka {
  color: #708090;
}
.moduly-erp .my-factory .mypoint-rwd.m-logistyka i {
  color: #708090;
}
.moduly-erp .my-factory .mypoint-rwd.m-produkcja {
  color: #417dc1;
}
.moduly-erp .my-factory .mypoint-rwd.m-produkcja i {
  color: #417dc1;
}
.moduly-erp .my-factory .mypoint-rwd.m-bi {
  color: #bf4f51;
}
.moduly-erp .my-factory .mypoint-rwd.m-bi i {
  color: #bf4f51;
}
.moduly-erp .my-factory .mypoint-rwd.m-hr {
  color: #e49b0f;
}
.moduly-erp .my-factory .mypoint-rwd.m-hr i {
  color: #e49b0f;
}
.moduly-erp .my-factory .mypoint-rwd p {
  color: #585e68;
}
.moduly-erp .my-factory .mypoint-rwd .title {
  color: #585e68;
  font-size: 22px;
}
.moduly-erp .my-factory .mypoint-rwd .title i {
  font-size: 22px;
}

@media (max-width: 767.98px) {
  .moduly-erp .row a {
    border-bottom: 1px solid #ccc;
  }
  .moduly-erp .row a .inside {
    margin-top: 15px;
  }
  .moduly-erp .row a .inside h2 {
    min-height: auto;
  }
}
@media (max-width: 1023px) {
  .my-factory .mypoint p span {
    display: none;
  }
}
.module-more-link a {
  color: #0a6e84;
  padding: 8px 35px 8px 15px;
  border: 1px solid #0a6e84;
  position: relative;
}
.module-more-link a:hover {
  background-color: #0a6e84;
  color: #fff;
}
.module-more-link a:before {
  font-family: "icomoon" !important;
  content: "";
  position: absolute;
  right: 8px;
  color: #fff;
}

.menu-folder-erp {
  color: #0a6e84;
  border: 1px solid #0a6e84;
  padding: 7px 35px 7px 15px;
  position: relative;
}
.menu-folder-erp:before {
  font-family: "icomoon" !important;
  content: "";
  position: absolute;
  right: 8px;
  color: #fff;
}
.menu-folder-erp:hover {
  background-color: #0a6e84;
  color: #fff;
}

.facts {
  background-color: #293e6b;
  color: #fff;
  text-align: center;
  padding: 15px 0;
}
.facts .fact {
  padding-top: 35px;
}
.facts .fact span {
  font-size: 55px;
  color: #fff;
}
.facts .fact h5 {
  color: #91a2bf;
  font-size: 18px;
  line-height: 22px;
  margin-top: 7px;
}

.client .carousel-indicators {
  bottom: -15px;
}
.client .carousel-indicators li {
  background-color: #91a2bf;
}
.client .carousel-indicators li.active {
  background-color: #293e6b;
}
.client p {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  text-align: justify;
}
.client p.info {
  border-top: 1px solid #ededed;
  text-align: right;
  font-weight: 500 !important;
}
.client i {
  color: #293e6b;
  font-size: 22px;
}
.client .carousel-control-prev i {
  -webkit-transform: rotate(180Deg);
  -moz-transform: rotate(180Deg);
  -ms-transform: rotate(180Deg);
  -o-transform: rotate(180Deg);
  transform: rotate(180Deg);
}

.erp-clients p {
  background-color: #ededed;
}

.folder {
  background-color: #ededed;
}
.folder input.newsletter {
  background-color: transparent;
  border-color: #91a2bf;
  border-width: 2px;
  color: #585e68;
  width: 100%;
}
.folder input.newsletter:focus {
  color: #fff;
  border-bottom: none;
  border-color: #fff;
}
.folder input.send {
  background-color: #91a2bf;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: #91a2bf;
  color: #293e6b;
  position: relative;
  transform: translateY(-50%);
  top: 50%;
}
.folder input.send i {
  font-size: 40px;
}
.folder input.send:hover {
  color: #fff;
}
.folder label.mdl-textfield__label {
  color: #91a2bf;
}
.folder label.mdl-textfield__label:after {
  background-color: #fff;
}
.folder .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .folder .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .folder .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #fff;
}
.folder h2 {
  margin: 3px 0 10px 0;
  padding: 0 0 5px 0;
  color: #585e68;
  text-transform: uppercase;
  font-weight: 500 !important;
  line-height: 25px;
}

.newsletter-erp {
  background-color: #ededed;
}
.newsletter-erp input {
  border-radius: 0;
  line-height: 35px;
  height: auto;
}
.newsletter-erp input.form-control {
  background-color: transparent;
  border-color: #585e68;
  border-width: 0 0 1px 0;
  color: #585e68;
  width: 100%;
}
.newsletter-erp input.form-control:focus {
  color: #293e6b;
  border-bottom: none;
  border-color: #fff;
}
.newsletter-erp input.send {
  background-color: transparent;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: #293e6b;
  color: #293e6b;
}
.newsletter-erp input.send i {
  font-size: 40px;
}
.newsletter-erp input.send:hover {
  color: #fff;
  background-color: #293e6b;
}
.newsletter-erp .input-group {
  padding-top: 3px;
}
.newsletter-erp label.mdl-textfield__label {
  color: #91a2bf;
}
.newsletter-erp label.mdl-textfield__label:after {
  background-color: #fff;
}
.newsletter-erp .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .newsletter-erp .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .newsletter-erp .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #fff;
}
.newsletter-erp h2 {
  color: #585e68;
  font-weight: 500 !important;
}

footer {
  background-color: #33353C;
  color: #fff;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #91a2bf;
}
footer ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
footer ul li {
  list-style: none;
  float: left;
  padding: 15px;
}
footer ul li a {
  color: #ededed;
  font-size: 22px;
}
footer ul li a:hover {
  color: #91a2bf;
}
footer #back-top {
  border-color: #91a2bf;
  display: inline-flex;
}
footer #back-top i {
  color: #91a2bf;
}
footer .foot-navi {
  border-color: #585e68;
}
footer#links {
  background-color: #ededed;
  color: #585e68;
}
footer#links a {
  color: #585e68;
}
footer#links a:hover {
  color: #293e6b;
}
footer#links h5 {
  text-transform: uppercase;
  font-size: 15px;
}

.grupa a {
  color: #fff;
  -webkit-box-shadow: inset 0px 17px 18px -2px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: inset 0px 17px 18px -2px rgba(0, 0, 0, 0.23);
  box-shadow: inset 0px 17px 18px -2px rgba(0, 0, 0, 0.23);
}
.grupa a.si {
  background-color: #b2b2b2;
}
.grupa a.si:hover {
  background-color: #999999;
}
.grupa a.bts {
  background-color: #cfa13f;
}
.grupa a.bts:hover {
  background-color: #af852c;
}
.grupa a.css {
  background-color: #44883d;
}
.grupa a.css:hover {
  background-color: #32652d;
}
.grupa a.sms {
  background-color: #3c3c3c;
}
.grupa a.sms:hover {
  background-color: #232323;
}
.grupa a h5 {
  writing-mode: tb-rl;
  transform: rotate(-180deg);
}

.rekord-blog-view .items-leading img {
  width: 100%;
  max-width: 100%;
  height: 320px;
  object-fit: cover;
}
.rekord-blog-view .items-leading .page-header h2 {
  font-size: 1.25rem;
  padding: 0 22px;
}
.rekord-blog-view .introimage img {
  width: 100%;
  max-width: 100%;
  height: 220px;
  object-fit: cover;
}

.korzysci .nav .nav-item:before {
  display: none;
}

.promo a {
  border-left: 3px solid #91a2bf;
  color: #585e68;
}
.promo a i {
  color: #91a2bf;
}
.promo a i:before {
  transform: translateY(-50%);
  top: 18%;
  position: relative;
}
.promo a:hover {
  background-color: #91a2bf;
  color: #fff;
}
.promo a:hover i {
  color: #fff;
}

.main-erp-video {
  height: 500px;
}
.main-erp-video .small-video-erp-back {
  background-image: url("../images/erp-main-slider.jpg");
  background-size: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .main-erp-video {
    height: 300px;
  }
}
.related img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}
.related a {
  color: #41454c;
}
.related a:hover {
  color: #91a2bf;
}

.reference {
  background-color: #ededed;
}
.reference .rest-client {
  border-top: 3px solid #293e6b;
  display: block;
  width: 100%;
  max-width: 250px;
  color: #585e68;
  transition: all 0.4s ease-in-out;
}

#site-canvas {
  width: 300px;
  height: 100%;
  position: fixed;
  background: #91a2bf;
  top: 0;
  left: -300px;
  z-index: 99;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#site-canvas #site-menu {
  color: #293e6b;
  overflow: auto;
  height: 100%;
}
#site-canvas #site-menu .toggle-nav {
  color: #fff;
}
#site-canvas #site-menu .toggle-nav:hover {
  color: #293e6b;
}
#site-canvas #site-menu ul {
  padding: 0;
  margin: 0;
}
#site-canvas #site-menu ul li {
  list-style: none;
  padding: 0;
  margin-bottom: 13px;
}
#site-canvas #site-menu ul li a {
  color: #fff;
  display: block;
  padding: 7px 5px;
  border-left: 3px solid #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#site-canvas #site-menu ul li a:hover {
  border-color: #293e6b;
  background-color: #7187ac;
}

.show-nav #site-canvas {
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.show-nav #site-canvas-erp {
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

#site-canvas-erp {
  width: 300px;
  height: 100%;
  position: fixed;
  background: #fff;
  top: 0;
  right: -300px;
  z-index: 99;
  -webkit-box-shadow: inset 3px 0px 8px -3px rgba(114, 114, 114, 0.85);
  box-shadow: inset 3px 0px 8px -3px rgba(114, 114, 114, 0.85);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#site-canvas-erp #site-menu {
  color: #293e6b;
  overflow: auto;
  height: 100%;
}
#site-canvas-erp #site-menu .toggle-nav {
  color: #293e6b;
}
#site-canvas-erp #site-menu .toggle-nav:hover {
  color: #293e6b;
}
#site-canvas-erp #site-menu ul {
  padding: 0;
  margin: 0;
}
#site-canvas-erp #site-menu ul li {
  list-style: none;
  padding: 0;
  margin-bottom: 13px;
}
#site-canvas-erp #site-menu ul li a {
  color: #293e6b;
  display: block;
  padding: 7px 5px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
}
#site-canvas-erp #site-menu ul li a:hover {
  color: #fff;
  background-color: #0a6e84;
}
#site-canvas-erp #site-menu ul li a:before {
  font-family: "icomoon" !important;
  content: "";
  position: absolute;
  right: 15px;
  color: #fff;
}
#site-canvas-erp #site-menu ul.social-menu-nav li a:hover {
  background-color: #fff;
  color: #0a6e84;
}
#site-canvas-erp #site-menu ul.social-menu-nav li a:before {
  display: none;
}

@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-80 {
    width: 80% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-60 {
    width: 60% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-40 {
    width: 40% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

  .w-xl-20 {
    width: 20% !important;
  }
}
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-80 {
    width: 80% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-60 {
    width: 60% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-40 {
    width: 40% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-20 {
    width: 20% !important;
  }
}

/*# sourceMappingURL=product.css.map */