/*

Theme Name: Ikanobank
Theme URI: http://www.wytworniaprojektu.eu
Description: Copyright 2015
Author: Beata Dutkiewicz
Author URI: http://www.wytworniaprojektu.eu
Version: 1
License: Private Use by Ikanobank
	
*/
@body {
  touch-action: pan-right;
  touch-action: pan-y;
  touch-action: pinch-zoom;
  touch-action: none !important;
}
@font-face {
  font-family: 'IkanoBold';
  src: url('fonts/IkanoSansTTBold.eot');
  src:
    url('fonts/IkanoSansTTBold.eot') format('embedded-opentype'),
    url('fonts/IkanoSansTTBold.woff2') format('woff2'),
    url('fonts/IkanoSansTTBold.woff') format('woff'),
    url('fonts/IkanoSansTTBold.ttf') format('truetype'),
    url('fonts/IkanoSansTTBold.svg#IkanoSansTTBold') format('svg');
}

@font-face {
  font-family: 'IkanoLight';
  src: url('fonts/IkanoSansTTLight.eot');
  src:
    url('fonts/IkanoSansTTLight.eot') format('embedded-opentype'),
    url('fonts/IkanoSansTTLight.woff2') format('woff2'),
    url('fonts/IkanoSansTTLight.woff') format('woff'),
    url('fonts/IkanoSansTTLight.ttf') format('truetype'),
    url('fonts/IkanoSansTTLight.svg#IkanoSansTTLight') format('svg');
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nav > li > a {
  font-family: 'IkanoBold';
  color: #878787;
}

strong {
  font-weight: normal !important;
  font-family: 'IkanoBold';
}
.panel-heading {
  font-family: 'IkanoBold';
}
h2 {
  font-weight: normal;
  margin-bottom: 25px;
}
.ikF {
  font-family: 'IkanoLight';
}
.ikF .strong,
.strong-ikF,
h2,
h3 {
  font-family: 'IkanoBold';
}
.strong {
  font-weight: bold;
}
.center-align {
  text-align: center;
}
.justify {
  text-align: justify;
}
.circle {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  margin: auto;
  border: 10px solid #fff;
}
/*Ikano kolor*/
.orange-text {
  color: #f58221;
}
.orange-dark-text {
}
.red-text {
  color: #ff0000;
}
.yellow-text {
  color: #febe0d;
}
.grey-light-text {
  color: #828080;
}
.white-text {
  color: #fff;
}

.orange-bg {
  background-color: #5f5f5f;
}
.orange-dark-bg {
}
.red-bg {
  background-color: #5f5f5f;
}
.yellow-bg {
  background-color: #bababa;
}
.grey-light-bg {
  background-color: #ebebeb;
}
.grey-dark-bg {
  background-color: #5f5f5f;
}
.grey-white-bg {
  background-color: #f4f4f4;
}

/* Box radius */
.default-radius {
  border-radius: 5px;
}
.left-top-radius {
  border-top-left-radius: 5px;
}
.right-top-radius {
  border-top-right-radius: 5px;
}
.left-bottom-radius {
  border-bottom-left-radius: 5px;
}
.right-bottom-radius {
  border-bottom-right-radius: 5px;
}

/* Box border color */
.light-border {
  border: 1px solid #ececec;
}
.dark-border {
  border: 1px solid #000000;
}

/**single border **/

.border-light-l {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 0px 1px 1px;
}
.border-light-r {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
}

.border-top-light {
  border-top: 1px solid #dbdbdb;
}
.clear {
  clear: both;
}

/*** separation margin ***/
.offsetBottomXS {
  margin-bottom: 5px;
}
.offsetTopXS {
  margin-top: 5px;
}
.offsetTopM {
  margin-top: 20px;
}
.offsetBottomM {
  margin-bottom: 20px;
}

/** bullets **/
.list ul {
  list-style: inside none none;
  margin: 0;
  padding: 0;
}
.list ul li {
  font-size: 16px;
  list-style: inside none none;
  margin-bottom: 10px;
  display: block;
  padding-left: 1.5em;
  text-indent: -20px;
  font-family: 'IkanoLight';
}
.list ul li:before {
  content: url(img/circle-bullet.png);
  margin-right: 10px;
}

.list ul.red-ul-class li:before {
  content: url(img/circle-bullet.png);
}
.list ul.red2-ul-class li:before {
  content: url(img/circle-r2-bullet.png);
}

.list ul.orange-ul-class li:before {
  content: url(img/circle-or-bullet.png);
}
.list ul.orange2-ul-class li:before {
  content: url(img/circle-or2-bullet.png);
}

.list ul.yellow-ul-class li:before {
  content: url(img/circle-y-bullet.png);
}
.list ul.grey-ul-class li:before {
  content: url(img/circle-g-bullet.png);
}
.list ul.black-ul-class li:before {
  content: url(img/circle-bl-bullet.png);
}

.strong-l {
  font-weight: 600;
}
.arial {
  font-family: Arial;
}

/** font-sizes ***/
.font10 {
  font-size: 10px;
}
.font11 {
  font-size: 11px;
}
.font12 {
  font-size: 12px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font22 {
  font-size: 22px;
}
.font28 {
  font-size: 28px;
}

@media screen and (min-width: 951px) and (max-width: 985px) {
  .font10 {
    font-size: 9px;
  }
  .font16 {
    font-size: 14px;
  }
}
/*** padding texts ***/
.box-padding-default {
  padding: 30px;
}
img {
  width: 100%;
}
.mobile-only {
  display: none;
  float: left;
}
.m-h-col {
  padding: 0px !important;
  margin: auto;
}
.m-p-o {
  opacity: 1 !important;
}
.half-squere {
  height: 400px;
  position: relative;
}
.bubble-text {
  font-size: 1.8em;
  left: 0;
  line-height: 1.2;
  margin: auto;
  padding: 0 30px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 85px;
  width: 72%;
}
#karta-upominkowa .bubble-text {
  top: 115px;
  width: 76%;
}

#header .bubble-text {
  font-size: 2.1em;
  left: 0;
  line-height: 1.2;
  margin: auto;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 37px;
  width: 83%;
}
.dashed-red-oval {
}

@media screen and (min-width: 601px) and (max-width: 750px) {
  #header .bubble-text {
    font-size: 1.5em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 25px;
    width: 90%;
  }
  #karta-upominkowa .bubble-text,
  .bubble-text {
    font-size: 1.3em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 75px;
    width: 90%;
  }
}
@media screen and (min-width: 751px) and (max-width: 767px) {
  #header .bubble-text {
    font-size: 1.4em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 25px;
    width: 90%;
  }
  #karta-upominkowa .bubble-text {
    font-size: 1.4em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 75px;
    width: 81%;
    left: 20px;
  }
  .bubble-text {
    font-size: 1.3em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 75px;
    width: 81%;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  #header .bubble-text {
    font-size: 1.7em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 25px;
    width: 90%;
  }
  #karta-upominkowa .bubble-text {
    font-size: 1.5em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 75px;
    width: 81%;
    left: 20px;
  }
  .bubble-text {
    font-size: 1.5em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 75px;
    width: 81%;
  }
}
@media screen and (min-width: 951px) and (max-width: 985px) {
  #header .bubble-text {
    font-size: 1.7em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 25px;
    width: 90%;
  }
  .bubble-text {
    font-size: 1.5em;
    left: 0;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 90px;
    width: 72%;
  }
  #karta-upominkowa .bubble-text {
    font-size: 1.5em;
    left: 20px;
    line-height: 1.2;
    margin: auto;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 105px;
    width: 81%;
  }
}
@media screen and (max-width: 330px) {
  .half-squere {
    height: 360px;
  }
}
@media (min-width: 360px) and (max-width: 800px) {
  .half-squere {
    height: 320px;
  }
}

@media screen and (max-width: 800px) {
  .list ul li {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .box-padding-default {
    padding: 15px;
  }
  .dashed-red-oval .font22 {
    font-size: 14px;
  }
  .panel-link .font18 {
    font-size: 16px;
  }
}
@media screen and (max-width: 570px) {
  .font18,
  .font16 {
    font-size: 14px;
  }
  .offsetBottomXS {
    margin-bottom: 5px;
  }
  .offsetTopXS {
    margin-top: 5px;
  }
  .offsetTopM {
    margin-top: 5px;
  }
  .offsetBottomM {
    margin-bottom: 5px;
  }

  .mobile-only {
    display: block;
  }
  .mobile-radius {
    border: 0 solid #a1a1a1 !important;
    border-radius: 5px !important;
  }
  .m-h-col .bubble {
    opacity: 0.8;
  }
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 5px;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

#btn-slider {
  left: 0;
  margin-top: -40px;
  position: relative;
  right: 0;
}
.btn-s {
  width: auto;
}
@media screen and (max-width: 479px) {
  #btn-slider {
    margin-top: -15px;
  }
  .btn-s {
    width: 50%;
  }
}

@media (min-width: 480px) and (max-width: 600px) {
  #btn-slider {
    margin-top: -30px;
  }
  .btn-s {
    width: 70%;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  #btn-slider {
    margin-top: -35px;
  }
  .btn-s {
    width: 60%;
  }
}
.slider input {
  background: #bababa;
  border: 1px solid #bababa;
}

/*aktualizacja 08.01.2021 ---> przyciski w pop-upie oparte na FLEX BOX*/

.flex-h {
  display: flex;
  flex-direction: row;
}

.flex-btn {
  width: 45%;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.md-btns {
  margin-top: 0 !important;
}