@charset "UTF-8";
/***!  /templates/shaper_helixultimate/css/custom.css  !***/

/*tło*/
#sp-main-body .container {background-color: rgba(255, 255, 255, 1);}

/*logo*/
#sp-header .logo a {font-size: 24px; line-height: 26px;font-weight: 800;}
#sp-header .logo a:hover {color: #146a8d;}

/*logo*/
@media (max-width:575px) {
#sp-header .logo a {
  font-size: 16px; line-height: 18px;
  }
}

/*Tabelka*/
.tabelka td,
.tabelka th {
    padding: 5px;
}

/* Poprawka breadcrumb */
.breadcrumb .icon-location {display: none;}

.sp-page-title .breadcrumb {
  padding: 0;
  margin:  0;
}
.sp-page-title {
  padding: 20px 0 10px;
}

/* Poprawki stopka */
#sp-user1 {
 text-align: center;
}

/* Obrazki w poziomie */
 img {display: inline;}

/* Poprawki menu */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {text-transform: uppercase;}
.sp-megamenu-parent > li > span {letter-spacing: 1px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-weight: 300 !important;
  line-height: 24px;
}

.sp-megamenu-parent > li.active > .sp-menu-heading,
.sp-megamenu-parent > li:hover > .sp-menu-heading {color: #1a8bba;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a{
  background: #1a8bba;
  color:#fafafa;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  display: block;  
  padding: 10px;
}

/*Loga w materiałach */

.mat-loga img
 {
  -webkit-transition:all .3s linear;
  transition:all .3s linear;
  transform: scale(1);
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0);
 
 }
.mat-loga:hover img
 {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);

  opacity: 0.6 ;
  filter: alpha(opacity=40);
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.mat-ref:hover p
 {
  opacity: 0.6 ;
  filter: alpha(opacity=40);
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.mat-ref a
 {
  color: #333;
}

/* Kontakt Mapa Polski */
#mapa-polska .polska {
  list-style: none;

  /*position: relative;*/
  margin: 0;
  padding: 0;
  top: -250px;
  left: 50%;
}

#mapa-polska .polska li {
  position: absolute;
}

#mapa-polska .polska li a {
  display: block;
  height: 100%;
  text-decoration: none; 
}

#mapa-polska .polska li a span {
  display: none;
}
 
#mapa-polska .polska li a:hover span {
  display: block;
  padding: 5px;
  background: #000;
  position: relative;
  font: 14px Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: .75;
  filter:alpha(opacity=75);
  color: #FFF;
  -moz-border-radius:.4em;
  -ms-border-radius:.4em;
  -webkit-border-radius:.4em;
  border-radius:.4em;
  text-align: center;
}
@media (min-width:576px) {
  #mapa-polska .polska {
    background: url(https://konferencjaautomatykow.pl/img/mapa.png) no-repeat 0 0;
    background-size: 430px 410px;
    width: 430px;
    height: 410px;
  }
  #mapa-polska .polska li.rytro a:hover span {
    top: 52px;
    width: 80px;
    left: -10px;
  }  
 
  #mapa-polska .polska .rytro a {
    position: relative;
    width: 40px;
    height: 80px;
    left: 255px;
    top: 320px;
  }
}  
@media (max-width:575px) {
  #mapa-polska .polska {
    background: url(https://konferencjaautomatykow.pl/img/mapa.png) no-repeat 0 0;
    background-size: 320px 305px;
    width: 320px;
    height: 305px;
  }
  #mapa-polska .polska li.rytro a:hover span {
    top: 37px;
    width: 80px;
    left: -10px;
  }  
  #mapa-polska .polska .rytro a {
    position: relative;
    width: 35px;
    height: 60px;
    left: 185px;
    top: 240px;
  }  
}  

/* OffCanvas menu */

.offcanvas-menu .offcanvas-inner ul.menu .mp1 > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp1 > span {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu .mp2 > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp2b > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp3 > a {
display: block;
text-transform: uppercase;
font-size: 18px;
padding: 15px 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu .mp2 > ul > li > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp3 > ul > li > a {
display: block;
font-size: 16px;
padding: 10px 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover span {
  color: #1a8bba !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active span,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > ul li.active > a {
  color: #1a8bba !important;  
}


@media screen and (max-width: 767px) {
.sp-page-title {padding: 10px 0;}
.sp-page-title h2 {font-size: 18px !important; }
.sp-page-title .breadcrumb >li,
.sp-page-title .breadcrumb >li>a {font-size: 12px;}
#sp-footer {font-size: 12px;}
}




/*3D flip*/
.threeD-content-wrap {
  -webkit-perspective: 2000;
  -moz-perspective: 2000;
  -ms-perspective: 2000;
  perspective: 2000;
  -ms-transform: perspective(2000px);
  -moz-transform: perspective(2000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  display: inline-block;
  width: 100%;
}
.threeD-item {
  height: 100%;
  width: 100%;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: cubic-bezier(.5,.3,.3,1);
  transition-timing-function: cubic-bezier(.5,.3,.3,1);
}
.threeD-content-wrap.flip .threeD-item {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip_top .threeD-content-wrap.flip .threeD-item {
  -webkit-transform: rotateX(-180deg) rotateY(0deg);
  transform: rotateX(-180deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip_top .threeD-content-wrap .threeD-item .threeD-flip-back{
  -webkit-transform: rotateX(180deg) rotateY(0deg);
  transform: rotateX(180deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 1400ms ease-in-out;
  transition: 1400ms ease-in-out;
}

.threeD-flip-front {
  z-index: 2;
}

.threeD-flip-back {
  -webkit-transform: rotate3d(0,45,0,180deg);
  transform: rotate3d(0,45,0,180deg);
}
.threeD-flip-front, .threeD-flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.threeD-flip-front .threeD-content-inner,
.threeD-flip-back .threeD-content-inner {
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateZ(60px);
  -webkit-transform: translateY(-50%) translateZ(60px);
  -ms-transform: translateY(-50%) translateZ(60px);
}

.threeD-flip-front:before,
.threeD-flip-back:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.threeD-item{
  height: 240px;
}
.threeD-flip-back .threeD-content-inner ul{
 line-height: 1.8;
}
.threeD-flip-front:before {border-width: 1px; border-style: solid;border-radius: 5px;}
.threeD-flip-front {color: #fff;}
.threeD-flip-back:before {background-color: rgb(90, 90, 90); border-color: rgb(90, 90, 90); border-width: 1px; border-style: solid;border-radius: 5px;}
.threeD-flip-back {color: #fff;}

#sppb-addon-7a439d90-c4ea-4bd9-83d3-e08bd4566dfa .threeD-flip-front:before,
#sppb-addon-cb76aaf8-78d6-4e36-9e3d-fcd1cdccd8d6 .threeD-flip-front:before,
#sppb-addon-fa389ddb-9831-4f00-84e4-76def4de2b7e .threeD-flip-front:before,
#sppb-addon-0ff6606b-fc76-4728-a7cd-26ac1be566bb .threeD-flip-front:before {background-color: rgb(237, 27, 36); border-color: rgb(237, 27, 36);}

#sppb-addon-686792f1-ab59-437e-ab61-2603c720aa88 .threeD-flip-front:before,
#sppb-addon-15d7f507-7957-43fc-9d6b-9c0a84223575 .threeD-flip-front:before,
#sppb-addon-38fa610b-e93c-472e-8aaf-84a49ba0b325 .threeD-flip-front:before {background-color: rgb(13, 90, 170); border-color: rgb(13, 90, 170);}

#sppb-addon-3bf8745d-5a7f-4181-8a75-e28e046fd35d .threeD-flip-front:before,
#sppb-addon-433e6af8-1797-4fd0-b735-073b5830d6d0 .threeD-flip-front:before,
#sppb-addon-72612fa9-c1fd-48a2-8bf9-06ca0bb0a1db .threeD-flip-front:before,
#sppb-addon-ee3e5e0d-1bc1-442a-aabe-cc834b5a78b0 .threeD-flip-front:before {background-color: rgb(248, 147, 31); border-color: rgb(248, 147, 31);}

#sppb-addon-9f315646-06e6-4985-aa24-025fc4a35722 .threeD-flip-front:before,
#sppb-addon-f4c21db8-5c6f-4587-abe8-08f40cccf143 .threeD-flip-front:before,
#sppb-addon-929b6ed4-a95c-4212-8a90-2d5b382d5521 .threeD-flip-front:before,
#sppb-addon-14c10301-3a18-48aa-b15d-c98dd66d07c4 .threeD-flip-front:before {background-color: rgb(142, 198, 63); border-color: rgb(142, 198, 63);}

#sppb-addon-7a439d90-c4ea-4bd9-83d3-e08bd4566dfa a,
#sppb-addon-686792f1-ab59-437e-ab61-2603c720aa88 a,
#sppb-addon-3bf8745d-5a7f-4181-8a75-e28e046fd35d a,
#sppb-addon-9f315646-06e6-4985-aa24-025fc4a35722 a,
#sppb-addon-433e6af8-1797-4fd0-b735-073b5830d6d0 a,
#sppb-addon-f4c21db8-5c6f-4587-abe8-08f40cccf143 a,
#sppb-addon-cb76aaf8-78d6-4e36-9e3d-fcd1cdccd8d6 a,
#sppb-addon-15d7f507-7957-43fc-9d6b-9c0a84223575 a,
#sppb-addon-fa389ddb-9831-4f00-84e4-76def4de2b7e a,
#sppb-addon-38fa610b-e93c-472e-8aaf-84a49ba0b325 a,
#sppb-addon-72612fa9-c1fd-48a2-8bf9-06ca0bb0a1db a,
#sppb-addon-929b6ed4-a95c-4212-8a90-2d5b382d5521 a,
#sppb-addon-ee3e5e0d-1bc1-442a-aabe-cc834b5a78b0 a,
#sppb-addon-14c10301-3a18-48aa-b15d-c98dd66d07c4 a,
#sppb-addon-0ff6606b-fc76-4728-a7cd-26ac1be566bb a {
  color:#fff;
}
#sppb-addon-7a439d90-c4ea-4bd9-83d3-e08bd4566dfa a:hover,
#sppb-addon-686792f1-ab59-437e-ab61-2603c720aa88 a:hover,
#sppb-addon-3bf8745d-5a7f-4181-8a75-e28e046fd35d a:hover,
#sppb-addon-9f315646-06e6-4985-aa24-025fc4a35722 a:hover,
#sppb-addon-433e6af8-1797-4fd0-b735-073b5830d6d0 a:hover,
#sppb-addon-f4c21db8-5c6f-4587-abe8-08f40cccf143 a:hover,
#sppb-addon-cb76aaf8-78d6-4e36-9e3d-fcd1cdccd8d6 a:hover,
#sppb-addon-15d7f507-7957-43fc-9d6b-9c0a84223575 a:hover,
#sppb-addon-fa389ddb-9831-4f00-84e4-76def4de2b7e a:hover,
#sppb-addon-38fa610b-e93c-472e-8aaf-84a49ba0b325 a:hover,
#sppb-addon-72612fa9-c1fd-48a2-8bf9-06ca0bb0a1db a:hover,
#sppb-addon-929b6ed4-a95c-4212-8a90-2d5b382d5521 a:hover,
#sppb-addon-ee3e5e0d-1bc1-442a-aabe-cc834b5a78b0 a:hover,
#sppb-addon-14c10301-3a18-48aa-b15d-c98dd66d07c4 a:hover,
#sppb-addon-0ff6606b-fc76-4728-a7cd-26ac1be566bb a:hover,
#sppb-addon-7a439d90-c4ea-4bd9-83d3-e08bd4566dfa a:focus,
#sppb-addon-686792f1-ab59-437e-ab61-2603c720aa88 a:focus,
#sppb-addon-3bf8745d-5a7f-4181-8a75-e28e046fd35d a:focus,
#sppb-addon-9f315646-06e6-4985-aa24-025fc4a35722 a:focus,
#sppb-addon-433e6af8-1797-4fd0-b735-073b5830d6d0 a:focus,
#sppb-addon-f4c21db8-5c6f-4587-abe8-08f40cccf143 a:focus,
#sppb-addon-cb76aaf8-78d6-4e36-9e3d-fcd1cdccd8d6 a:focus,
#sppb-addon-15d7f507-7957-43fc-9d6b-9c0a84223575 a:focus,
#sppb-addon-fa389ddb-9831-4f00-84e4-76def4de2b7e a:focus,
#sppb-addon-38fa610b-e93c-472e-8aaf-84a49ba0b325 a:focus,
#sppb-addon-72612fa9-c1fd-48a2-8bf9-06ca0bb0a1db a:focus,
#sppb-addon-929b6ed4-a95c-4212-8a90-2d5b382d5521 a:focus,
#sppb-addon-ee3e5e0d-1bc1-442a-aabe-cc834b5a78b0 a:focus, 
#sppb-addon-14c10301-3a18-48aa-b15d-c98dd66d07c4 a:focus,
#sppb-addon-0ff6606b-fc76-4728-a7cd-26ac1be566bb a:focus,
#sppb-addon-7a439d90-c4ea-4bd9-83d3-e08bd4566dfa a:active,
#sppb-addon-686792f1-ab59-437e-ab61-2603c720aa88 a:active,
#sppb-addon-3bf8745d-5a7f-4181-8a75-e28e046fd35d a:active,
#sppb-addon-9f315646-06e6-4985-aa24-025fc4a35722 a:active,
#sppb-addon-433e6af8-1797-4fd0-b735-073b5830d6d0 a:active,
#sppb-addon-f4c21db8-5c6f-4587-abe8-08f40cccf143 a:active,
#sppb-addon-cb76aaf8-78d6-4e36-9e3d-fcd1cdccd8d6 a:active,
#sppb-addon-15d7f507-7957-43fc-9d6b-9c0a84223575 a:active,
#sppb-addon-fa389ddb-9831-4f00-84e4-76def4de2b7e a:active,
#sppb-addon-38fa610b-e93c-472e-8aaf-84a49ba0b325 a:active,
#sppb-addon-72612fa9-c1fd-48a2-8bf9-06ca0bb0a1db a:active,
#sppb-addon-929b6ed4-a95c-4212-8a90-2d5b382d5521 a:active,
#sppb-addon-ee3e5e0d-1bc1-442a-aabe-cc834b5a78b0 a:active,
#sppb-addon-14c10301-3a18-48aa-b15d-c98dd66d07c4 a:active,
#sppb-addon-0ff6606b-fc76-4728-a7cd-26ac1be566bb a:active{
  color:#26aae1;
}

/*Flip box*/
.sppb-flipbox-panel {
  height: 120px;
}
.sppb-flipbox-panel .sppb-flipbox-front {
  padding:0;
  font-size:12px;
  color: #333;
}
.sppb-flipbox-panel .flip-box .flip-box-inner {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.sppb-flipbox-panel .sppb-flipbox-back {
  color: #fff;
}
.sppb-flipbox-back.flip-box::before {
  background-color: #2E3B3ECC;
}
.sppb-flipbox-panel .flip-box .flip-box-inner a {
  color: #ffffff;
}

/* RytroAktualne przyciski */
.przycisk {
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 10px;
  border: 1px solid transparent;
}
.przycisk:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-color:  #E31E24;
}