/********************************************/
/* GENERAL
/********************************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
   /* General */
   --font-family-primary: 'Poppins', sans-serif;
   --font-family-secondary: 'Inter', sans-serif;
   --header-height: 9rem; /* 90px */
   --button-padding: 1.5rem 4rem; /* 15px 40px */

   /* Color */
   --color-primary: #343a3a;
   --color-secondary: #36a218;
   --color-header-bg: #ffffff;
   --color-header-text: #081420;
   --color-header-hover: #343a3a;
   --color-header-top-bar-bg: #36a218;
   --color-header-top-bar-text: #ffffff;
   --color-footer-bg: #36a218;
   --color-footer-text: #ffffff;
   --color-footer-hover: #343a3a;
   --color-body-bg: #ffffff;
   --color-body-text: #475467;
   --color-section-1: #ffffff;
   --color-section-2: #36a218;
   --color-section-3: #f6fbff;
   --color-card-item-1: #ffffff;
   --color-card-item-2: #36a218;
   --color-card-item-3: #f6fbff;
   --color-gray-1: #081420;
   --color-gray-2: #192431;
   --color-gray-3: #212c3a;
   --color-gray-4: #70798b;
   --color-gray-5: #abafc7;
   --color-gray-6: #f3f4f6;
   --color-white: #ffffff;
   --color-black: #000000;
   /* Border Radius */
   --border-radius-0: 0;
   --border-radius-1: 100%;
   --border-radius-2: 8px;
   --border-radius-3: 16px;
   --border-radius-4: 24px;
   /* Font Weight */
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semiBold: 600;
   --font-weight-bold: 700;
   --font-weight-extraBold: 800;
   --font-weight-black: 900;
   /* Line Height */
   --line-height-regular: 1;
   --line-height-small: 1.05;
   --line-height-medium-1: 1.2;
   --line-height-medium-2: 1.3;
   --line-height-medium-3: 1.4;
   --line-height-large: 1.6;
   --line-height-extra-large: 1.8;
   /* Letter Spacing */
   --letter-spacing-low: -0.5px;
   --letter-spacing-high: 0.75px;
   /* Transition */
   --transition-1: all 0.2s ease-in-out;
}

html {
   /* 10px / 16px = 0.625 = 62.5% */
   font-size: 62.5%;
}

@media (min-width: 992px) and (max-width: 1199px) {
   html {
      font-size: 55%;
   }
}

body {
   font-size: 1.8rem;
   font-family: var(--font-family-secondary) !important;
   color: var(--color-body-text);
   background-color: var(--color-body-bg);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-large);
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--font-family-primary) !important;
   line-height: var(--line-height-medium-2);
   letter-spacing: var(--letter-spacing-low);
}

h1 {
   font-size: 4.8rem !important;
   font-weight: var(--font-weight-extraBold);
}

h2 {
   font-size: 3.4rem !important;
   margin-bottom: 1.2rem;
   font-weight: var(--font-weight-bold);
}

h3 {
   font-size: 2.4rem !important;
   font-weight: var(--font-weight-medium);
}

h4 {
   font-size: 2rem !important;
   font-weight: var(--font-weight-medium);
}

h5 {
   font-size: 1.8rem !important;
   font-weight: var(--font-weight-medium);
}

h6 {
   font-size: 1.6rem !important;
   font-weight: var(--font-weight-medium);
}
#sp-menu > .sp-column {
  flex-direction: row-reverse;
}
.sp-megamenu-parent .sp-dropdown {
  margin: -10px;
}
.sp-megamenu-parent {
  margin: 0 20px;
}
.img_ipsbfg {
  margin: 0 20px;
}
.sppb-panel-title {
  font-size: 2rem;
  color: #01ac25;
}
p,
span,
div {
   font-size: 1.8rem;
   font-family: var(--font-family-primary) !important;
}

.djacc * {
  box-sizing: inherit;
  font-size: 1.2rem !important;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  font-size: 2rem;
}
.article-list .article .readmore {
  font-size: 1.8rem;
}
.com-finder>*+*,.com-finder__results>*+*{margin-top:0em}

.sp-slider-custom-dot-indecators {
  background: rgba(0,0,0,.3);
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
  padding: 20px;
  z-index: 1;
  width: auto;
  border-radius:5px;
  display: flex;
}
.akp_l{
padding: 20px;
}

@media only screen and (max-width : 990px) {
.dot-controller-position-vertical_right.sp-slider .sp-dots {
  display: inline;
}
.sp-slider-custom-dot-indecators {
  display: none;
}
}

.sp-slider-dot-indecator-text.sp-dot-text-key-1 {
  font-size: 12px;
  line-height: 1.3;
  color: rgba(255,255,255,.75); 
 }
 .sp-slider-text-thumb-number {
	 display: none;
  font-size: 12px;
}
.sp-dot-indicator-wrap {
  background: rgb(255, 255, 255);
}
.sp-dot-indicator-wrap .dot-indicator {
  background: rgb(23, 183, 0);
}
.sp-slider-custom-dot-indecators ul li {
  width: 120px;
}
  
.btn {
 display:inline-block;
 font-weight:400;
 line-height:1.5;
 text-align:center;
 text-decoration:none;
 vertical-align:middle;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 border:1px solid transparent;
 padding:.375rem .75rem;
 font-size:1.8rem;
 border-radius:.25rem;
 transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.search-pages-counter{
 margin-top:1.5rem;
}
a {
   
   color: var(--color-gray-1);
   font-family: var(--font-family-primary) !important;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}
a:hover,
a:active {
 
   color: var(--color-gray-1);
   font-family: var(--font-family-primary) !important;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

a.a_pbs_b{
	color: #666;
}

a.a_pbs_of{
	color: #01ac25;
	padding: 0.9rem;
		-webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}
a.a_pbs_of:hover,
a.a_pbs_of:active
{
	color: #FFFFFF;
	border: 0 !important;
	border-radius: var(--border-radius-2) !important;
	line-height: var(--line-height-large) !important;
	background-color: var(--color-secondary);
}

.item-content-text {
   font-size: 1.6rem;
}

.row,
.sppb-row {
   grid-row-gap: 3.2rem;
}

#sp-main-body,
.sppb-section {
   padding: 5rem 0; /* 96px 0 */
}
.linkpdf,.linkpdfgead{
    list-style:none;
    margin-left:5px;
    margin-top:1px
}
.linkpdf,ul.ul_bullet4 li{
    background-repeat:no-repeat;
    padding:3px 18px 3px 25px
}
.linkpdf{
    background-image:url(../../../images/pbs/szablon/pdf.svg);
    background-size:24px 24px;
    background-position:left 3px;
    color:#c00
}
.linkpdfgead{
    padding:0 18px 5px 1px;
    color:#333;
    font-weight:700;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#cecece;
    margin-bottom:10px;
    width:100%;
    text-align:right
}

.article-list .article .readmore a {
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent ;
padding: 8px 12px;
line-height: 1.25;
border-radius: 4px;
transition: all .15s ease-in-out;
padding: var(--button-padding) !important;
float:right;
margin-top: 3rem;
background-color: var(--color-primary);
color: #FFFFFF;
}
.article-list .article .readmore:hover,
article-list .article .readmore:active{
color: var(--color-white);
}
.article-list .article {
  border: 1px solid transparent;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
	background-color: var(--color-secondary);
	color: #FFFFFF;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
  border-radius: var(--border-radius-3);
}
.article-info > span {
  font-size: 1.6rem;
  color:#093;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
float: left;
display: flex;
padding-top: 1rem;
padding-right: 3rem;
padding-bottom: 2rem;
padding-left: 3rem;
  border: 1px solid transparent;
  margin: 0px;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
border-radius: var(--border-radius-3);
max-width: 45rem;
clear: left;
position: relative;
width: 100%;
}
.article-list .article {
  border: 1px solid transparent;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--border-radius-0);
}
.articleBody{
padding: 1rem;	
}
@media (max-width: 1399px) {
   :root {
      --header-height: 8.5rem; /* 85px */
   }

   body,
   p,
   span,
   div {
      font-size: 1.6rem;
   }
.oferta_zdjecie_opis{
	font-size: 1.0rem;
	}
   .item-content-text {
      font-size: 1.4rem;
   }

   #sp-main-body,
   .sppb-section {
      padding: 8rem 0; /* 80px 0 */
   }
}

@media (max-width: 991px) {
   :root {
      --header-height: 8rem; /* 80px */
      --button-padding: 1.2rem 3rem; /* 12px 30px */
   }

   h1 {
      font-size: 3.4rem !important;
   }

   h2 {
      font-size: 2.4rem !important;
   }

   h3 {
      font-size: 2rem !important;
   }

   h4 {
      font-size: 1.8rem !important;
   }

   h5 {
      font-size: 1.6rem !important;
   }

   h6 {
      font-size: 1.4rem !important;
   }

   #sp-main-body,
   .sppb-section {
      padding: 6.4rem 0; /* 64px 0 */
   }
}

@media (max-width: 767px) {
   :root {
      --header-height: 6.4rem; /* 64px */
   }

   h1 {
      font-size: 2.4rem !important;
   }

   .row,
   .sppb-row {
      grid-row-gap: 2.4rem;
   }

   #sp-main-body,
   .sppb-section {
      padding: 4.8rem 0; /* 48px 0 */
   }
}

/********************************************/
/* HEADER
/********************************************/
/* FR Header - Top Bar */
.fr-header-top-bar {
   background: var(--color-header-top-bar-bg) !important;
   color: var(--color-header-top-bar-text) !important;
   padding: 1rem 0 !important;
}

.fr-header-top-bar a {
   color: var(--color-header-top-bar-text);
}

.fr-header-top-bar .sp-module {
   display: inherit !important;
   margin: 0 !important;
}

.fr-header-top-bar #fr-top2,
.fr-header-top-bar #fr-top3 {
   display: flex;
   justify-content: end;
   align-items: center;
}

.fr-header-top-bar .row,
.fr-header-top-bar .sppb-row {
   grid-row-gap: 0;
}

.fr-header-top-bar .fr-contact-phone-icon:before {
   content: url(../images/icons/icon-phone.svg);
}

.fr-header-top-bar .fr-contact-email-icon:before {
   content: url(../images/icons/icon-mail.svg);
}

.fr-header-top-bar .fr-contact-address-icon:before {
   content: url(../images/icons/icon-location.svg);
}

.fr-header-top-bar .fr-contact-info {
   display: flex;
}

.fr-header-top-bar .fr-contact-phone-content,
.fr-header-top-bar .fr-contact-email-content,
.fr-header-top-bar .fr-contact-address-content {
   display: flex;
   margin-right: 2.4rem;
}

.fr-header-top-bar .fr-contact-phone-content:last-child,
.fr-header-top-bar .fr-contact-email-content:last-child,
.fr-header-top-bar .fr-contact-address-content:last-child {
   margin: 0;
}

.fr-header-top-bar .fr-contact-phone-icon,
.fr-header-top-bar .fr-contact-email-icon,
.fr-header-top-bar .fr-contact-address-icon {
   margin: 0.4rem 1.2rem 0 0;
}

.fr-header-top-bar .fr-contact-content span {
   display: block;
   line-height: var(--line-height-medium-3);
}

.fr-header-top-bar .fr-contact-content .fr-content-title {
   font-size: 1.6rem;
}

.fr-header-top-bar .fr-contact-content .fr-content-description {
   font-size: 1.1rem;
}

.fr-header-top-bar .social-icons li {
   display: inline-block;
   line-height: 0;
}

.fr-header-top-bar .social-icons li:not(:last-child) {
   margin-right: 1.6rem;
}

.fr-header-top-bar .social-icons li > a > span {
   color: var(--color-white);
   font-size: 1.6rem;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

.fr-header-top-bar .social-icons li > a > span:hover {
   color: var(--color-primary);
}

.fr-header-top-bar .fr-custom-link a {
   font-weight: var(--font-weight-regular) !important;
}

.fr-header-top-bar .fr-custom-link a:after {
   color: var(--color-gray-5);
   content: '|';
   margin: 0.8rem;
}

.fr-header-top-bar .fr-custom-link a:last-child:after {
   content: '';
   margin: 0;
}

.fr-header-top-bar .fr-custom-link a:hover {
   color: var(--color-primary) !important;
}

@media (max-width: 991px) {
   .fr-header-top-bar .fr-contact-info {
      margin-bottom: 2.4rem;
   }
}

@media (max-width: 767px) {
   .fr-header-top-bar .fr-contact-info {
      display: block;
   }

   .fr-header-top-bar .fr-contact-phone-content,
   .fr-header-top-bar .fr-contact-email-content,
   .fr-header-top-bar .fr-contact-address-content {
      margin: 0 0 2.4rem 0;
   }

   .fr-header-top-bar .fr-contact-phone-content:last-child,
   .fr-header-top-bar .fr-contact-email-content:last-child,
   .fr-header-top-bar .fr-contact-address-content:last-child {
      margin: 0;
   }
}

.fr-header-info-icon {
   margin-left: 2.4rem;
}

.fr-header-info-icon span {
   position: absolute;
   content: url(../images/icons/icon-information.svg);
   cursor: pointer;
   margin-top: -1.2rem;
}

.fr-header-info-icon span.active {
   content: url(../images/icons/icon-close.svg);
   cursor: pointer;
}

.fr-header-top-bar-info #fr-top1,
.fr-header-top-bar-info #fr-top2,
.fr-header-top-bar-info #fr-top3 {
   display: flex;
   justify-content: center;
   align-items: center;
}

.fr-header-top-bar-info #fr-top2,
.fr-header-top-bar-info #fr-top3 {
   margin-bottom: 2.4rem;
}

.fr-header-top-bar-info {
   position: fixed;
   z-index: 9999;
   background-color: var(--color-header-top-bar-bg);
   width: 100%;
   padding: 4.8rem 1.2rem;
   display: none;
}

.fr-header-top-bar-info.active {
   display: block;
}

.fr-header-top-bar-info .fr-icons-group-1 ul.sppb-icons-group-list > li a {
   font-size: 1.8rem;
   margin: 0;
}

.fr-header-top-bar-info .fr-icons-group-1 .sppb-icons-group-list {
   margin-bottom: 1.2rem;
}

.fr-header-top-bar-info .fr-header-top-bar .menu li a {
   font-size: 1.6rem;
   margin-right: 1.2rem;
}

.fr-header-top-bar-info .fr-header-top-bar .menu li:last-child a {
   margin-right: 0;
}

.fr-header-top-bar-info #menu-right-button-sm {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
}

@media (max-width: 767px) {
   .fr-header-info-icon {
      margin: 0 0 0 4.8rem;
   }

   .fr-header-info-icon span {
      margin: -1.2rem 0 0 -2.4rem;
   }
}

/* Logo */
.fr-header .logo-image {
   height: 7.5rem !important;
}

.fr-header .logo-image-phone {
   height: 3.4rem !important;
}

/* FR Header */
.fr-header .sp-module {
   margin: 0 !important;
}

.fr-header {
   background-color: var(--color-header-bg) !important;
   height: var(--header-height) !important;
   box-shadow: none !important;
}

.fr-header.transparent-header {
   position: absolute !important;
   background-color: transparent !important;
   height: var(--header-height) !important;
   box-shadow: none !important;
}

.fr-header.transparent-header.header-sticky {
   position: fixed !important;
   background-color: var(--color-header-bg) !important;
   border-bottom: 2px var(--color-gray-6) solid;
}

.fr-header.header-sticky {
   border-bottom: 2px var(--color-gray-6) solid;
}

.fr-header .logo {
   height: var(--header-height) !important;
}

.fr-header .sp-megamenu-parent > li > span {
      font-size: 1.6rem;
   color: var(--color-gray-1);
   font-family: var(--font-family-primary) !important;
   font-weight: var(--font-weight-medium) !important;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
   cursor: pointer;
   
}
.fr-header .sp-megamenu-parent > li > span:hover,
.fr-header .sp-megamenu-parent > li > span:active {
   font-size: 1.6rem;
   color: var(--color-gray-1);
   font-family: var(--font-family-primary) !important;
   font-weight: var(--font-weight-medium) !important;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
   cursor: pointer;
}

.fr-header .sp-megamenu-parent > li > a,
.fr-header .sp-megamenu-parent > li > span {
   font-size: 1.6rem;
   padding: 0 1.5rem;
}

.fr-header .sp-megamenu-parent > li > a {
   color: var(--color-header-text);
}

.fr-header .sp-megamenu-parent > li > a:hover,
.fr-header .sp-megamenu-parent > li.active > a,
.fr-header .sp-megamenu-parent > li.active:hover > a,
.fr-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
   color: var(--color-header-top-bar-bg);
}

.fr-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.fr-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
   font-size: 1.6rem;
   width: 100%;
   line-height: 1;
   border-radius: var(--border-radius-2);
   padding: 1.6rem 1.2rem;
}

.fr-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
   color: var(--color-header-text);
   background-color: var(--color-gray-6);
}

.fr-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
   color: var(--color-header-hover);
}

.fr-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
   background: var(--color-header-bg) !important;
   padding: 1.6rem 1.2rem;
   margin-top: 1.2rem;
   box-shadow: 0 0 0 0 rgb(0 0 0 / 20%);
   border-radius: var(--border-radius-2);
   border: 2px var(--color-gray-6) solid;
}

.fr-header #menu-right-button {
   display: flex;
   justify-content: end;
   align-items: center;
}

.fr-header-login {
   margin-right: 2.4rem;
}

.fr-header-login a span {
   font-size: 2.4rem;
   line-height: var(--line-height-large);
}

.fr-header .search-btn::before {
   content: url(../images/icons/icon-search.svg);
   cursor: pointer;
   font-size: 0;
   float: right;
   font-weight: 900;
}

.fr-header .search-btn.active::before {
   content: url(../images/icons/icon-close.svg);
}

.fr-header-search-bar .js-finder-search-query {
   display: none !important;
}

.fr-header-search-bar .js-finder-search-query.active {
   display: block !important;
}

.fr-header-search-bar .awesomplete {
   width: 100%;
}

.fr-header-search-bar .form-control {
   position: fixed;
   z-index: 9999;
   width: 100%;
   background-color: var(--color-gray-6);
   text-align: center;
   padding: 0 4.8rem;
   border: 0;
   height: var(--header-height);
   border-radius: 0;
   font-size: 1.8rem;
}

.fr-header-search-bar .js-finder-searchform {
   font-size: 0;
}

.fr-header #fr-menu-right {
   height: var(--header-height);
}

.fr-header .sppb-btn {
   margin-left: 2.4rem;
}

.fr-header .fr-line-one {
   background: #fff;
   height: 3.2rem;
   margin-left: 0.4rem;
   margin-right: 2.4rem;
   width: 1px;
}
.btn-primary, .sppb-btn-primary {
  border-color: #475467;
  background-color: #475467;
  font-size: 1.9rem;
}

.btn-primary:hover {
  color:#fff;
  background-color:#36A218;
  border-color:#36A218;
  font-size: 1.9rem;
}

@media (max-width: 991px) {
   .fr-header .fr-line-one {
      height: 2.4rem;
      margin-left: 4.8rem;
   }
}

/* Offcanvas Menu */
.offcanvas-menu {
   background-color: var(--color-secondary);
   left: -30rem !important;
   top: 0 !important;
   right: 0 !important;
   transition: none;
}

@media (max-width: 767px) {
   .offcanvas-menu {
      width: 100%;
      left: -100% !important;
   }
}

.offcanvas-menu .offcanvas-inner ul.menu,
.offcanvas-menu .offcanvas-inner ul.menu ul {

}

.offcanvas-active .offcanvas-menu {
   left: 0 !important;
   top: 0 !important;
   margin-top: var(--header-height);
}

.offcanvas-menu .offcanvas-inner {
   padding: 0 1.6rem;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span,
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
   color: var(--color-white);
   font-size: 1.8rem;
   line-height: var(--line-height-medium-1);
   letter-spacing: var(--letter-spacing-low);
   opacity: 1;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
   margin: 1.2rem 1.6rem;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child > li:not(:last-child) {
   margin-bottom: 1.2rem;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
   color: var(--color-primary);
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
   color: var(--color-primary);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
   color: var(--color-primary);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul li.active > a {
   color: var(--color-primary);
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
	font-size: 1.8rem;
	right: 0;
	color: #063;
}
.offcanvas-overlay {
   display: none;
}

.offcanvas-menu .logo {
   display: none;
}

#offcanvas-toggler .burger-icon.active {
   display: none;
}

.close-offcanvas {
   position: absolute;
   z-index: 1;
   width: 0;
   margin-top: 2px;
   right: 0 !important;
   left: 0 !important;
   padding-left: 15px;
}

.offcanvas-toggler-secondary {
   margin-left: 2.4rem !important;
}

@media (min-width: 992px) {
   .offcanvas-menu {
      width: 40rem;
      left: -40rem !important;
   }

   .offcanvas-active .offcanvas-menu {
      right: 0 !important;
      top: 0 !important;
      margin-top: 0;
      left: auto !important;
   }

   .offcanvas-menu .offcanvas-inner {
      padding: 4.8rem 1.6rem;
   }

   .offcanvas-active .burger-icon > span,
   #modal-menu-toggler.active .burger-icon > span {
      background-color: var(--color-white);
   }
}

@media (max-width: 991px) {
   .offcanvas-toggler-secondary {
      margin-left: 0rem !important;
   }
}

@media (max-width: 767px) {
   .close-offcanvas {
      margin-top: -6px;
   }
}

.close-offcanvas.active {
   position: fixed;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
   float: right;
   margin-left: 0;
}

.burger-icon > span {
   transition: none;
}

@media (max-width: 991px) {
   #sp-menu {
      order: 1;
   }

   #sp-logo {
      order: 2;
      padding-left: 0 !important;
   }

   #fr-menu-right {
      order: 3;
   }
}

/********************************************/
/* BREADCRUMBS
/********************************************/
.fr-breadcrumbs {
   border-top: 2px var(--color-gray-6) solid;
   border-bottom: 2px var(--color-gray-6) solid;
}

.fr-breadcrumbs .breadcrumb {
   background-color: transparent;
   padding: 2.4rem 0;
   margin: 0;
   border-radius: var(--border-radius-0);
}

.fr-breadcrumbs .breadcrumb li,
.fr-breadcrumbs .breadcrumb li a span {
   color: var(--color-gray-1);
   font-size: 1.8rem;
}

.fr-breadcrumbs .breadcrumb li span {
   color: var(--color-gray-4);
   font-size: 1.8rem;
}

.fr-breadcrumbs .breadcrumb-item + .breadcrumb-item {
   padding-left: 0;
}

.fr-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
   font-family: 'Font Awesome 5 Free';
   content: '\f105';
   font-size: 1.8rem;
   color: var(--color-gray-1);
   float: left;
   font-weight: var(--font-weight-bold);
   padding: 0 1.2rem;
}

.fr-breadcrumbs .fa-map-marker-alt:before {
   font-family: 'Font Awesome 5 Free';
   content: '\f6f1';
   font-size: 1.6rem;
   color: var(--color-gray-1);
   float: left;
   font-weight: var(--font-weight-bold);
   padding-right: 1.2rem;
}

@media (max-width: 1399px) {
   .fr-breadcrumbs .breadcrumb {
      padding: 1.8rem 0;
   }

   .fr-breadcrumbs .breadcrumb li,
   .fr-breadcrumbs .breadcrumb li a span,
   .fr-breadcrumbs .breadcrumb li span,
   .fr-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
      font-size: 1.6rem;
   }
}

@media (max-width: 767px) {
   .fr-breadcrumbs .breadcrumb {
      padding: 1.6rem 0;
   }

   .fr-breadcrumbs .breadcrumb li,
   .fr-breadcrumbs .breadcrumb li a span,
   .fr-breadcrumbs .breadcrumb li span,
   .fr-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
      font-size: 1.4rem;
      line-height: var(--line-height-medium-1);
   }

   .fr-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
      padding: 0 0.8rem;
      line-height: var(--line-height-medium-3);
   }
}

/********************************************/
/* PAGE TITLE
/********************************************/
.sp-page-title {
   background-color: var(--color-card-item-1);
   padding: 9.6rem 0 0 0;
}

.sp-page-title .sp-page-title-heading {
   color: var(--color-gray-3);
   text-align: center;
}

@media (max-width: 1399px) {
   .sp-page-title {
      padding: 8rem 0 0 0;
   }
}

@media (max-width: 991px) {
   .sp-page-title {
      padding: 6.4rem 0 0 0;
   }
}

@media (max-width: 767px) {
   .sp-page-title {
      padding: 4.8rem 0 0 0;
   }
}

/********************************************/
/* ADDON STYLE
/********************************************/
/* BUTTON */

.navig_prom img{
width: 7rem;
}

.sppb-article-btn{
	float: right;
	border: 0 !important;
	border-radius: var(--border-radius-2) !important;
	line-height: var(--line-height-large) !important;
	padding: 0.8rem;
	color: var(--color-white)!important;
	-webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}
.sppb-article-btn:hover,
.sppb-article-btn:active
{
	float: right;
	border: 0 !important;
	border-radius: var(--border-radius-2) !important;
	line-height: var(--line-height-large) !important;
	color: var(--color-white)!important;
}

.sppb-btn,
.sppb-btn:focus {
   border: 0 !important;
   border-radius: var(--border-radius-2) !important;
   line-height: var(--line-height-large) !important;
}

/* Style 1 */
.fr-button-1,
.fr-button-1:focus {
   color: var(--color-white);
   background-color: var(--color-primary);
   padding: var(--button-padding) !important;
}

.fr-button-1:hover,
.fr-button-1:active {
   color: var(--color-white);
   background-color: var(--color-secondary);
}

/* Style 2 */
.fr-button-2,
.fr-button-2:focus {
   color: var(--color-white);
   background-color: var(--color-secondary);
   padding: var(--button-padding) !important;
}

.fr-button-2:hover,
.fr-button-2:active {
   color: var(--color-white);
   background-color: var(--color-primary);
   border-color: var(--color-primary);
}

/* Style 3 */
.fr-button-3,
.fr-button-3:focus {
   color: var(--color-gray-1);
   background-color: transparent;
}

.fr-button-3:hover,
.fr-button-3:active {
   color: var(--color-primary);
   background-color: transparent;
}

.sppb-btn.focus,
.sppb-btn:focus {
   outline: 0 !important;
   box-shadow: none !important;
}

.sppb-btn i {
   font-size: 1.4rem;
   margin-left: 0.4rem;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

@media (max-width: 991px) {
   .fr-button-1,
   .fr-button-1:focus {
      font-size: 1.4rem !important;
   }

   .fr-button-2,
   .fr-button-2:focus {
      font-size: 1.4rem !important;
   }
}

/* TEXT BLOCK */
.fr-section-slogan {
   font-size: 1.4rem;
   color: #01ac25;
   font-weight: var(--font-weight-semiBold);
}

/* Style 1 */
.fr-text-block-1 {
   text-align: left;
   max-width: 720px;
    display:block;
}

/* Style 2 */
.fr-text-block-2 {
   text-align: center;
   max-width: 720px;
   margin: 0 auto;
}

/* Style 3 */
.fr-text-block-3 {
   text-align: left;
   max-width: 720px;
   margin: 0 0 0 auto;
}

/* Style 4 */
.fr-text-block-4 {
   text-align: right;
   max-width: 720px;
   margin: 0 0 0 auto;
}

.fr-text-block-4 .sppb-addon-content {
   margin: 0 0 1.2rem 0;
}

/* Style 5 */
.fr-text-block-5 {
   text-align: left;
}

.fr-text-block-5 .sppb-addon-title {
   max-width: 720px;
   display:block;
}

/* Style 6 */
.fr-text-block-6 {
   text-align: left;
}

.fr-text-block-6 .sppb-addon-content {
   max-width: 720px;
}

/* HEADING */
/* Style 1 */
.fr-heading-1 {
   margin-bottom: 0.8rem;
}

.fr-heading-2 img {
   width: 4rem;
   margin: -0.4rem 1.2rem 0 0;
}

.fr-heading-1 .sppb-addon-title-icon {
   color: var(--color-primary);
   font-size: 1.8rem;
   margin-right: 0.8rem;
}

/* Style 2 */
.fr-heading-2 {
   margin: 0;
}

.fr-heading-2 img {
   width: 4rem;
   margin: -0.4rem 1.2rem 0 0;
}

.fr-heading-2 .sppb-addon-title-icon {
   color: var(--color-primary);
   font-size: 1.8rem;
   margin-right: 0.8rem;
}

@media (max-width: 1399px) {
   .fr-heading-1 .sppb-addon-title-icon,
   .fr-heading-2 .sppb-addon-title-icon {
      font-size: 1.6rem;
   }
}

/* SLIDESHOW */

/* Style 2 */

.fr-slideshow-2 .sp-slider-outer-stage {
height: calc(75vh - var(--header-height)) !important;
}

.fr-slideshow-2 h1 {
   font-size: 6rem !important;
}


@media (max-width: 1399px) {
   .fr-slideshow-2 h1 {
      font-size: 4.8rem !important;
   }
}

@media (max-width: 991px) {
   .fr-slideshow-2 h1 {
      font-size: 3.4rem !important;
   }
}

@media (max-width: 767px) {
   .fr-slideshow-2 h1 {
      font-size: 2.4rem !important;
   }
}

.fr-slideshow-2 .sppb-sp-slider-image img {
   width: 100% !important;
   height: auto !important;
   border-radius: var(--border-radius-3);
}

.fr-slideshow-2 .sp-slider-content-left {
   padding-left: 0;
}

.fr-slideshow-2 .sp-slider-content-right {
   padding-right: 0;
}

.fr-slideshow-2 .image-align-left {
   padding-left: 0;
}

.fr-slideshow-2 .image-align-right {
   padding-left: 0;
   padding-right: 0;
}

.fr-slideshow-2 .sppb-sp-slider-text {
   max-width: 620px;
   margin: 1.2rem 0 4.8rem 0;
}

.fr-slideshow-2 .fr-button-1 span,
.fr-slideshow-2 .fr-button-2 span {
   color: var(--color-white);
}

.fr-slideshow-2 .sppb-sp-slider-button {
   margin-right: 2.4rem;
}

.fr-slideshow-2 .sppb-sp-slider-button:last-child {
   margin-right: 0rem;
}

.fr-slideshow-2 .sp-nav-control {
   position: relative !important;
}

.fr-slideshow-2 .sp-nav-control .nav-control {
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--color-white) !important;
   background-color: var(--color-primary) !important;
   border-radius: var(--border-radius-1) !important;
   height: 5rem !important;
   width: 5rem !important;
   border: 0 !important;
   margin: 0 5%;
}

.fr-slideshow-2 .sp-nav-control .nav-control i {
   font-size: 1.8rem;
}

.fr-slideshow-2 .sp-nav-control .nav-control:hover {
   background-color: var(--color-secondary) !important;
}

.fr-slideshow-2 .sp-nav-control .nav-control.prev-control {
   right: 8rem !important;
   left: auto;
}

.fr-slideshow-2 .sp-dots {
   display: flex;
   justify-content: start;
   bottom: 11.2vh !important;
   width: 50%;
   left: 25%;
}

.fr-slideshow-2 .sp-dots ul li {
   height: 3rem;
   width: 3rem;
   background-color: transparent;
   border: 5px var(--color-secondary) solid !important;
   border-radius: var(--border-radius-1) !important;
}

.fr-slideshow-2 .sp-dots ul li.active {
   height: 3rem;
   width: 3rem;
   border-color: var(--color-primary) !important;
}

.fr-slideshow-2 .sp-dots ul li::after {
   display: none;
}

@media (max-width: 1399px) {
   .fr-slideshow-2 .sp-slider-outer-stage {
      height: 100vh !important;
   }

   .fr-slideshow-2 .sppb-sp-slider-text {
      max-width: 450px;
      margin: 1.2rem 0 2.4rem 0;
   }

   .fr-slideshow-2 .sp-dots {
      left: 25.8%;
      bottom: 10% !important;
   }

   .fr-slideshow-2 .image-align-right {
      padding-left: 15px;
   }

   .fr-slideshow-2 .sppb-sp-slider-image img {
      border-radius: var(--border-radius-0);
   }
}

@media (max-width: 991px) {
   .fr-slideshow-2 .sp-slider-outer-stage {
      height: 60vh !important;
   }

   .fr-slideshow-2 .sppb-sp-slider-title {
      max-width: 450px;
   }

   .fr-slideshow-2 .sppb-sp-slider-text {
      max-width: 450px;
      margin: 1.2rem 0 2.4rem 0;
   }

   .fr-slideshow-2 .sppb-sp-slider-button {
      margin-right: 1.6rem;
   }

   .fr-slideshow-2 .sp-dots ul li {
      left: 0rem;
      border-width: 3px !important;
   }

   .fr-slideshow-2 .sp-nav-control .nav-control i {
      font-size: 1.6rem;
   }

   .fr-slideshow-2 .sp-nav-control .nav-control {
      width: 4rem !important;
      height: 4rem !important;
      margin: 0 1.4rem;
   }

   .fr-slideshow-2 .sp-nav-control {
      top: -15vh !important;
   }

   .fr-slideshow-2 .sp-nav-control .nav-control.prev-control {
      right: 6rem !important;
   }
}

@media (max-width: 767px) {
   .fr-slideshow-2 .sp-slider-outer-stage {
      height: calc(100vh - var(--header-height)) !important;
   }

   .fr-slideshow-2 .sppb-sp-slider-title {
      text-align: center;
      max-width: 100%;
      margin: 0 auto;
   }

   .fr-slideshow-2 .sppb-sp-slider-text {
      text-align: center;
      font-size: 1.4rem;
      max-width: 100%;
   }

   .fr-slideshow-2 .sppb-sp-slider-button {
      margin-right: 1.2rem;
   }

   .fr-slideshow-2 .sppb-sp-slider-button {
      width: 100%;
      margin-right: 0;
      margin-bottom: 1.2rem;
   }

   .fr-slideshow-2 .sppb-sp-slider-button:last-child {
      margin-bottom: 0;
   }

   .fr-slideshow-2 .sp-slider-full-content {
      text-align: center;
   }

   .fr-slideshow-2 .sppb-sp-slider-image {
      margin-top: 0.8rem;
   }

   .fr-slideshow-2 .sp-slider-content-left {
      padding: 0;
   }

   .fr-slideshow-2 .image-align-left {
      padding: 0;
   }

   .fr-slideshow-2 .image-align-right {
      padding-left: 0;
      padding-right: 0;
   }
}

/* HERO SECTION */
.hero-section h1 {
   font-size: 6rem !important;
}

.hero-section .sppb-addon-text-block .sppb-addon-content {
   margin-top: 1.6rem;
}

@media (max-width: 1399px) {
   .hero-section h1 {
      font-size: 4.8rem !important;
   }
}

@media (max-width: 991px) {
   .hero-section h1 {
      font-size: 3.4rem !important;
   }
}

@media (max-width: 767px) {
   .hero-section {
      padding-top: 6.4rem;
   }

   .hero-section h1 {
      font-size: 2.4rem !important;
   }

   .hero-section .sppb-addon-title,
   .hero-section .sppb-addon-content,
   .hero-section .fr-section-slogan {
      display: block;
      text-align: center;
   }

   .hero-section .sppb-btn {
      width: 100%;
   }
}
.kkbs-box {
   background-color: var(--color-card-item-3);
   background-size: 100px 100px; 
}
/* FEATURE BOX */
/* Style 1 */
.fr-feature-box-1 {
   background-color: var(--color-card-item-3);
   padding: 2.4rem;
   margin: 0;
   border-radius: var(--border-radius-3);
}

.fr-feature-box-1-1 .fr-feature-box-1 {
   background-color: var(--color-card-item-1);
}

.fr-feature-box-1 .sppb-feature-box-number {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 2rem;
   color: var(--color-primary);
   background-color: var(--color-card-item-1);
   height: 5rem;
   width: 5rem;
   border-radius: var(--border-radius-1);
   font-weight: var(--font-weight-medium);
}

.fr-feature-box-1 img {
   width: 7rem;
}
.box_oddz {
   background-color: var(--color-card-item-3);
   padding: 2.4rem;
   margin: 0;
   border-radius: var(--border-radius-3);
}
.box_oddz img {
   border-radius: 0.5rem;
   margin-bottom: 0.8rem;
}
.box_oddz_cent {

   padding: 2.4rem;
   margin: 0;
   border-radius: var(--border-radius-3);
}
.box_oddz_cent img {
   border-radius: 0.5rem;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 35rem;
}
.fr-feature-box-1 .sppb-feature-box-title {
   margin: 2.4rem 0 0 0;
   max-width: 22.5rem;
}

.fr-feature-box-1 .sppb-addon-text {
   margin: 1.6rem 0 0 0;
}

.fr-feature-box-1 .sppb-media-content .sppb-btn {
   display: inline-flex;
   align-items: center;
   background-color: transparent;
   padding: 0;
   margin-top: 2.4rem;
}

.fr-feature-box-1 .sppb-media-content .sppb-btn span {
   margin-right: 1.2rem;
}

.fr-feature-box-1 .sppb-btn i {
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--color-white);
   background: var(--color-secondary);
   height: 4rem;
   width: 4rem;
   left: 0;
   bottom: 0;
   margin-left: 0;
   border-radius: var(--border-radius-1);
}

.fr-feature-box-1:hover .sppb-btn i {
   color: var(--color-white);
   background-color: var(--color-primary);
}

@media (max-width: 991px) {
   .fr-feature-box-1 .sppb-addon-text {
      margin: 0.8rem 0 0 0;
   }

   .fr-feature-box-1 img {
      width: 3rem;
   }

   .fr-feature-box-1 .sppb-btn i {
      font-size: 1rem;
      height: 3rem;
      width: 3rem;
      margin-top: 1.6rem;
   }
}

/* ANIMATION NUMBER */

/* Style 2 */
.fr-animated-number-2 {
   display: flex;
   align-items: center;
   border-radius: var(--border-radius-3);
   padding: 2.4rem;
}
.fr-animated-number-2 img {
   float: left;
   width: 5rem;
   margin: 0 1.6rem 0 0;
}

.fr-animated-number-2 .sppb-animated-number {
   font-size: 3rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-regular);
}

.fr-animated-number-2 .sppb-addon-content .sppb-animated-number-title {
   margin: 0.4rem 0 0 0;
   line-height: var(--line-height-medium-1);
}

@media (max-width: 991px) {
   .fr-animated-number-2 img {
      width: 4rem;
   }

   .fr-animated-number-2 .sppb-animated-number {
      font-size: 2.4rem;
   }

   .fr-animated-number-2 .sppb-addon-content .sppb-animated-number-title {
      font-size: 1.8rem;
   }
}

@media (max-width: 767px) {
   .fr-animated-number-2 .sppb-animated-number {
      font-size: 2rem;
   }

   .fr-animated-number-2 .sppb-addon-content .sppb-animated-number-title {
      font-size: 1.6rem;
   }
}


/* IMAGE CAROUSEL */
/* Style 1 */
.fr-image-carousel-1 .sppb-carousel-extended-content-wrap {
   background-color: rgb(1 22 89 / 90%);
   padding: 4.8rem 2.4rem;
   border-radius: var(--border-radius-3);
   opacity: 0;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

.fr-image-carousel-1 .sppb-carousel-extended-outer-stage {
   height: 100% !important;
}

.fr-image-carousel-1 img {
   
}

.fr-image-carousel-1 .sppb-carousel-extended-content-wrap:hover {
   opacity: 1;
}

.fr-image-carousel-1 .sppb-carousel-extended-heading {
   font-size: 1.6rem;
   color: var(--color-white);
   margin-bottom: 0.8rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-medium-3);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-carousel-1 .sppb-carousel-extended-subheading {
   font-size: 1.4rem;
   color: var(--color-primary);
   line-height: var(--line-height-medium-2);
   margin-bottom: 1.6rem;
   font-weight: var(--font-weight-semiBold);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-carousel-1 .sppb-carousel-extended-description {
   font-size: 1.6rem;
   color: var(--color-white);
   /* margin-top: 1.2rem; */
   line-height: var(--line-height-large);
}

.fr-image-carousel-1 .sppb-carousel-extended-nav-control .nav-control.next-control {
   float: right;
   margin-right: -7.5rem;
}

.fr-image-carousel-1 .sppb-carousel-extended-nav-control .nav-control {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--color-primary);
   color: var(--color-white);
   font-size: 1.8rem;
   width: 5rem;
   height: 5rem;
   border: 0;
   border-radius: var(--border-radius-1);
}

.fr-image-carousel-1 .sppb-carousel-extended-nav-control .nav-control:hover {
   background-color: var(--color-secondary);
}

.fr-image-carousel-1 .sppb-carousel-extended-nav-control .nav-control.prev-control {
   float: right;
}

.fr-image-carousel-1 .sppb-carousel-extended-nav-control {
   bottom: 0;
   top: -10.4rem;
   margin: 0;
   right: 7.6rem;
}

.fr-image-carousel-1 .sppb-carousel-extended-dots ul li {
   height: 2rem;
   width: 2rem;
   border-radius: var(--border-radius-1);
   background-color: var(--color-secondary);
}

.fr-image-carousel-1 .sppb-carousel-extended-dots ul li span {
   background-color: var(--color-primary);
}

@media (max-width: 991px) {
   .fr-image-carousel-1 .sppb-carousel-extended-nav-control .nav-control.next-control {
      margin-right: -7.5rem;
   }

   .fr-image-carousel-1 .sppb-carousel-extended-nav-control .nav-control {
      font-size: 1.6rem;
      width: 4rem;
      height: 4rem;
   }

   .fr-image-carousel-1 .sppb-carousel-extended-nav-control {
      top: -8.4rem;
      right: 5.4rem;
   }
}

@media (max-width: 767px) {
   .fr-image-carousel-1 .sppb-carousel-extended-nav-control {
      top: inherit;
      right: 30rem;
      bottom: 0.4rem;
	  margin-bottom:-3.8rem;
   }
}

/* Style 2 */
.fr-image-carousel-2 .sppb-carousel-extended-content-wrap {
   top: inherit;
   bottom: 0;
   padding: 2.4rem;
   background: var(--color-card-item-1);
   border-radius: var(--border-radius-3);
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

.fr-image-carousel-2 .sppb-carousel-extended-outer-stage {
   height: 100% !important;
}

.fr-image-carousel-2 img {
   border-radius: var(--border-radius-3);
   border-bottom-left-radius: var(--border-radius-4);
   border-bottom-right-radius: var(--border-radius-4);
}

.fr-image-carousel-2 .sppb-carousel-extended-heading {
   font-size: 1.6rem;
   color: var(--color-secondary);
   margin-bottom: 0.4rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-medium-3);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-carousel-2 .sppb-carousel-extended-subheading {
   font-size: 1.4rem;
   color: var(--color-primary);
   line-height: var(--line-height-medium-2);
   margin: 0;
   font-weight: var(--font-weight-semiBold);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-carousel-2 .sppb-carousel-extended-description {
   font-size: 1.6rem;
   color: var(--color-white);
   /* margin-top: 1.2rem; */
   line-height: var(--line-height-large);
}

.fr-image-carousel-2 .sppb-carousel-extended-nav-control .nav-control.next-control {
   float: right;
   margin-right: -7.5rem;
}

.fr-image-carousel-2 .sppb-carousel-extended-nav-control .nav-control {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--color-primary);
   color: var(--color-white);
   font-size: 1.8rem;
   width: 5rem;
   height: 5rem;
   border: 0;
   border-radius: var(--border-radius-1);
}

.fr-image-carousel-2 .sppb-carousel-extended-nav-control .nav-control:hover {
   background-color: var(--color-secondary);
}

.fr-image-carousel-2 .sppb-carousel-extended-nav-control .nav-control.prev-control {
   float: right;
}

.fr-image-carousel-2 .sppb-carousel-extended-nav-control {
   bottom: 0;
   top: -10.4rem;
   margin: 0;
   right: 7.6rem;
}

.fr-image-carousel-2 .sppb-carousel-extended-dots ul li {
   height: 2rem;
   width: 2rem;
   border-radius: var(--border-radius-1);
   background-color: var(--color-secondary);
}

.fr-image-carousel-2 .sppb-carousel-extended-dots ul li span {
   background-color: var(--color-primary);
}

@media (max-width: 991px) {
   .fr-image-carousel-2 .sppb-carousel-extended-nav-control .nav-control.next-control {
      margin-right: -5.5rem;
   }

   .fr-image-carousel-2 .sppb-carousel-extended-nav-control .nav-control {
      font-size: 1.6rem;
      width: 4rem;
      height: 4rem;
   }

   .fr-image-carousel-2 .sppb-carousel-extended-nav-control {
      top: -8.4rem;
      right: 5.4rem;
   }
}

@media (max-width: 767px) {
   .fr-image-carousel-2 .sppb-carousel-extended-nav-control {
      top: inherit;
      right: 6.7rem;
      bottom: 15rem;
   }
}

/* Style 3 */
.fr-image-carousel-3 .sppb-carousel-extended-content-wrap {
   background-color: var(--color-card-item-1);
   max-width: calc(100% - 1.2rem);
   padding: 3.2rem 1.2rem;
   margin: 0 0 1.2rem 0;
   top: auto;
   left: auto;
   border-radius: 0 var(--border-radius-3) var(--border-radius-3) 0;
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

.fr-image-carousel-3 .sppb-carousel-extended-outer-stage {
   height: 100% !important;
}

.fr-image-carousel-3 img {
   border-radius: var(--border-radius-3);
}

.fr-image-carousel-3 .sppb-carousel-extended-heading {
   font-size: 1.8rem;
   color: var(--color-gray-1);
   margin-bottom: 0.4rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-medium-2);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-carousel-3 .sppb-carousel-extended-subheading {
   font-size: 1.6rem;
   color: var(--color-primary);
   line-height: var(--line-height-medium-2);
   margin: 0;
   font-weight: var(--font-weight-semiBold);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-carousel-3 .sppb-carousel-extended-description {
   font-size: 1.6rem;
   color: var(--color-gray-1);
   /* margin-top: 1.2rem; */
   line-height: var(--line-height-large);
}

.fr-image-carousel-3 .sppb-carousel-extended-nav-control .nav-control.next-control {
   float: right;
   margin-right: -7.5rem;
}

.fr-image-carousel-3 .sppb-carousel-extended-nav-control .nav-control {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--color-primary);
   color: var(--color-white);
   font-size: 1.8rem;
   width: 5rem;
   height: 5rem;
   border: 0;
   border-radius: var(--border-radius-1);
}

.fr-image-carousel-3 .sppb-carousel-extended-nav-control .nav-control:hover {
   background-color: var(--color-secondary);
}

.fr-image-carousel-3 .sppb-carousel-extended-nav-control .nav-control.prev-control {
   float: right;
}

.fr-image-carousel-3 .sppb-carousel-extended-nav-control {
   bottom: 0;
   top: -10.4rem;
   margin: 0;
   right: 7.6rem;
}

.fr-image-carousel-3 .sppb-carousel-extended-dots ul li {
   height: 2rem;
   width: 2rem;
   border-radius: var(--border-radius-1);
   background-color: var(--color-secondary);
}

.fr-image-carousel-3 .sppb-carousel-extended-dots ul li span {
   background-color: var(--color-primary);
}

@media (max-width: 1399px) {
   .fr-image-carousel-3 .sppb-carousel-extended-content-wrap {
      padding: 2.4rem 1.2rem;
   }

   .fr-image-carousel-3 .sppb-carousel-extended-heading {
      font-size: 1.6rem;
   }

   .fr-image-carousel-3 .sppb-carousel-extended-subheading {
      font-size: 1.4rem;
   }
}

@media (max-width: 991px) {
   .fr-image-carousel-3 .sppb-carousel-extended-nav-control .nav-control.next-control {
      margin-right: -5.5rem;
   }

   .fr-image-carousel-3 .sppb-carousel-extended-nav-control .nav-control {
      font-size: 1.6rem;
      width: 4rem;
      height: 4rem;
   }

   .fr-image-carousel-3 .sppb-carousel-extended-nav-control {
      top: -8.4rem;
      right: 5.4rem;
   }
}

@media (max-width: 767px) {
   .fr-image-carousel-3 .sppb-carousel-extended-nav-control {
      top: inherit;
      right: 6.7rem;
      bottom: 16.5rem;
   }
}

/* IMAGE LAYOUTS */
.fr-image-layouts-1 .sppb-addon-image-layout-image img {
   border-radius: var(--border-radius-3);
}

.fr-image-layouts-1 .sppb-addon-image-layout-content {
   position: absolute;
   background-color: var(--color-card-item-1);
   max-width: calc(100% - 2.4rem);
   padding: 3.2rem 2.4rem;
   margin: 0 0 2.4rem 0;
   left: 0;
   bottom: 0;
   border-radius: 0 var(--border-radius-3) var(--border-radius-3) 0;
   width: calc(100% - 1.2rem);
   /* opacity: 0; */
   -webkit-transition: var(--transition-1) !important;
   -moz-transition: var(--transition-1) !important;
   -o-transition: var(--transition-1) !important;
   transition: var(--transition-1) !important;
}

.fr-image-layouts-1:hover .sppb-addon-image-layout-content {
   opacity: 1;
}

.fr-image-layouts-1 .sppb-image-layout-title {
   font-size: 1.8rem !important;
   color: var(--color-gray-1);
   margin-bottom: 0.4rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-medium-2);
   letter-spacing: var(--letter-spacing-high) !important;
}

.fr-image-layouts-1 .sppb-addon-image-layout-text {
   font-size: 1.6rem;
   color: var(--color-primary);
   line-height: var(--line-height-medium-2);
   margin: 0;
   font-weight: var(--font-weight-semiBold);
   letter-spacing: var(--letter-spacing-high) !important;
}

@media (max-width: 1399px) {
   .fr-image-layouts-1 .sppb-image-layout-title {
      font-size: 1.6rem !important;
   }

   .fr-image-layouts-1 .sppb-addon-image-layout-text {
      font-size: 1.4rem;
   }
}

@media (max-width: 767px) {
   .fr-image-layouts-1 .sppb-addon-image-layout-content {
      padding: 0.8rem 0.5rem;
   }
}


/* TESTIMONIAL */
/* Style 1 */
.fr-testimonial-1 {
   background-color: var(--color-card-item-3);
   padding: 6.4rem 3.2rem 3.2rem 3.2rem;
   margin-top: 2rem;
   border-radius: var(--border-radius-2);
}

.fr-testimonial-1 .sppb-addon-testimonial-content-wrap {
   align-items: center;
}

.fr-testimonial-1 img {
   position: absolute;
   width: 7rem;
   height: 7rem;
   top: 0;
   border-radius: var(--border-radius-1);
}

.fr-testimonial-1 .sppb-addon-testimonial-footer span {
   display: block;
}

.fr-testimonial-1 .sppb-addon-testimonial-client-url {
   font-size: 1.4rem;
}

.fr-testimonial-1 .sppb-addon-testimonial-review {
   margin: 1.6rem 0;
   line-height: var(--line-height-medium-3);
}

.fr-testimonial-1 .fa-quote-left,
.fr-testimonial-1 .fa-quote-right {
   display: block;
   position: absolute;
   font-size: 5.2rem;
   color: var(--color-black);
   right: 0;
   top: 0;
   margin: -2.6rem 4.8rem 0 0;
}

.fr-testimonial-1 .sppb-addon-testimonial-rating {
   position: absolute;
   color: var(--color-secondary);
   right: 0;
   margin: -3rem 3.2rem 0 0;
}

@media (max-width: 991px) {
   .fr-testimonial-1 {
      padding: 3.2rem 2.4rem;
   }

   .fr-testimonial-1 img {
      width: 5rem;
      height: 5rem;
   }

   .fr-testimonial-1 .sppb-addon-testimonial-client {
      font-size: 1.4rem;
   }

   .fr-testimonial-1 .sppb-addon-testimonial-client-url {
      font-size: 1.2rem;
   }

   .fr-testimonial-1 .fa-quote-left,
   .fr-testimonial-1 .fa-quote-right {
      font-size: 3rem;
   }

   .fr-testimonial-1 .sppb-addon-testimonial-review {
      margin: 1.6rem 0;
   }
}

/* Style 2 */
.fr-testimonial-2 {
   background-color: var(--color-white);
   padding: 4.8rem 2.4rem;
   border-radius: var(--border-radius-3);
}

.fr-testimonial-2 .sppb-addon-testimonial-content-wrap {
   align-items: center;
}

.fr-testimonial-2 img {
   width: 7rem;
   height: 7rem;
   margin-right: 1.6rem;
   border-radius: var(--border-radius-1);
}

.fr-testimonial-2 .sppb-addon-testimonial-footer span {
   display: block;
}

.fr-testimonial-2 .sppb-addon-testimonial-client-url {
   font-size: 1.4rem;
}

.fr-testimonial-2 .sppb-addon-testimonial-review {
   margin: 2.4rem 0 0 0;
   line-height: var(--line-height-medium-3);
}

.fr-testimonial-2 .fa-quote-left,
.fr-testimonial-2 .fa-quote-right {
   display: block;
   font-size: 5.2rem;
   color: var(--color-card-item-2);
   margin-top: 0.4rem;
}

.fr-testimonial-2 .sppb-addon-testimonial-rating {
   position: absolute;
   color: var(--color-primary);
   right: 0;
   margin: -5.6rem 11.6rem 0 0;
}

@media (max-width: 991px) {
   .fr-testimonial-2 {
      padding: 3.2rem 2.4rem;
   }

   .fr-testimonial-2 img {
      width: 5rem;
      height: 5rem;
   }

   .fr-testimonial-2 .sppb-addon-testimonial-client {
      font-size: 1.4rem;
   }

   .fr-testimonial-2 .sppb-addon-testimonial-client-url {
      font-size: 1.2rem;
   }

   .fr-testimonial-2 .fa-quote-left,
   .fr-testimonial-2 .fa-quote-right {
      font-size: 3rem;
   }

   .fr-testimonial-2 .sppb-addon-testimonial-review {
      margin: 1.6rem 0 0 0;
   }
}

/* Style 3 */
.fr-testimonial-3 {
   background-color: var(--color-card-item-3);
   padding: 6.4rem 4.8rem 4.8rem 4.8rem;
   border-radius: var(--border-radius-3);
}

.fr-testimonial-3 img {
   position: absolute;
   width: 6rem;
   height: 6rem;
   bottom: 0;
   margin: 0 0 4.2rem 0;
   border-radius: var(--border-radius-1);
}

.fr-testimonial-3 .sppb-addon-testimonial-review {
   margin: 0 0 3.2rem 0;
   line-height: var(--line-height-large);
}

.fr-testimonial-3 .sppb-addon-testimonial-client-url {
   font-size: 1.4rem;
}

.fr-testimonial-3 .sppb-addon-testimonial-content-wrap span {
   display: block;
   margin-left: 3.8rem;
}

.fr-testimonial-3 .fa-quote-left,
.fr-testimonial-3 .fa-quote-right {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 3rem;
   color: var(--color-white);
   background-color: var(--color-primary);
   left: 0;
   top: 0;
   margin: -2.2rem 0 0 3.4rem;
   height: 7rem;
   width: 7rem;
   border-radius: var(--border-radius-1);
   line-height: var(--line-height-extra-large);
}

.fr-testimonial-3 .sppb-addon-testimonial-rating {
   position: absolute;
   color: var(--color-primary);
   right: 0;
   margin: -4rem 4.8rem 0 0;
}

@media (max-width: 991px) {
   .fr-testimonial-3 {
      margin-top: 2.4rem;
      padding: 3.2rem 2.4rem 4.8rem 2.4rem;
   }

   .fr-testimonial-3 .fa-quote-left,
   .fr-testimonial-3 .fa-quote-right {
      margin: 0 0 0 3.2rem;
   }

   .fr-testimonial-3 img {
      width: 5rem;
      height: 5rem;
   }

   .fr-testimonial-3 .sppb-addon-testimonial-content-wrap span {
      margin-left: 3.2rem;
   }

   .fr-testimonial-3 .sppb-addon-testimonial-client {
      font-size: 1.4rem;
   }

   .fr-testimonial-3 .sppb-addon-testimonial-client-url {
      font-size: 1.2rem;
   }

   .fr-testimonial-3 .fa-quote-left,
   .fr-testimonial-3 .fa-quote-right {
      font-size: 1.8rem;
      height: 5rem;
      width: 5rem;
   }

   .fr-testimonial-3 .sppb-addon-testimonial-review {
      margin: 1.6rem 0;
   }
}

/* CLIENTS */
/* Style 1 */
.fr-clients-1 .sppb-row {
   margin: 0 -4.8rem;
}

.fr-clients-1 .fr-column {
   padding: 0 4.8rem;
}

@media (max-width: 1399px) {
   .fr-clients-1 .sppb-row {
      margin: 0 -3.2rem;
   }

   .fr-clients-1 .fr-column {
      padding: 0 3.2rem;
   }
}

/* ARTICLES */
/* Style 1 */
.fr-article-1 .sppb-addon-article {
   margin: 0;
}

.fr-article-1 .sppb-addon-article .sppb-article-img-wrap img {
   border-radius: var(--border-radius-3);
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap {
   margin-top: 2.4rem;
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-header {
   padding: 0 4.8rem 0 0;
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta {
   margin: 0 0 0.8rem 0;
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span,
.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta a {
   color: #01ac25;
   font-size: 1.3rem;
   margin: 0;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-medium-1);
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span::after {
   font-size: 1.4rem;
   margin: 0 0.8rem;
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span:last-child::after {
   content: '';
   margin: 0;
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span:last-child {
   margin: 0;
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta .sppb-meta-author::before {
   content: 'By ';
}

.fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-introtext {
   margin: 1.6rem 0;
}

@media (max-width: 991px) {
   .fr-article-1 .sppb-addon-article .sppb-article-info-wrap {
      margin-top: 1.6rem;
   }

   .fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta span,
   .fr-article-1 .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta a {
      font-size: 1.4rem;
   }
}


/* ICONS GROUP */
/* Style 1 */
.fr-icons-group-1 ul.sppb-icons-group-list > li:not(:last-child) {
   margin-right: 2rem;
}

.fr-icons-group-1 ul.sppb-icons-group-list > li a {
   margin-top: 2px;
}

/* Style 2 */
.fr-icons-group-2 ul.sppb-icons-group-list > li a {
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--color-white);
   background-color: var(--color-primary);
   font-size: 1.6rem;
   margin-right: 1.2rem;
   width: 4rem;
   height: 4rem;
   border-radius: var(--border-radius-3);
}

.fr-icons-group-2 ul.sppb-icons-group-list > li a:hover {
   opacity: 0.8;
}

/* MODAL POPUP */
.fr-modal-popup-1 .sppb-modal-selector span {
   display: flex !important;
   justify-content: center;
   align-items: center;
   font-size: 1.4rem;
   color: var(--color-white);
   background-color: var(--color-primary);
   width: 5rem;
   height: 5rem;
   border-radius: var(--border-radius-1);
}

.fr-modal-popup-1 .sppb-ripple-effect {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   box-shadow: 0 0 0 15px rgb(255 94 21 / 80%), 0 0 0 30px rgb(255 94 21 / 60%), 0 0 0 45px rgb(255 94 21 / 40%);
   z-index: -1;
   animation: sppbModalRipple 2s infinite;
}

/* TABS */
/* Style 1 */
.fr-tabs-1 .sppb-nav-modern > li > a {
   color: var(--color-white);
   background-color: var(--color-primary);
   font-size: 1.6rem;
   text-align: center;
   padding: 1.5rem;
   border: 0;
   border-radius: var(--border-radius-2);
   line-height: var(--line-height-large);
}

.fr-tabs-1 .sppb-nav-modern > li > a:hover {
   color: var(--color-white);
   background-color: var(--color-secondary);
}

.fr-tabs-1 .sppb-nav-modern > li.active > a,
.fr-tabs-1 .sppb-nav-modern > li.active > a:focus,
.fr-tabs-1 .sppb-nav-modern > li.active > a:hover {
   color: var(--color-white);
   background-color: var(--color-secondary);
}

.fr-tabs-1 .sppb-tab-icon {
   margin-right: 0.4rem;
}

.fr-tabs-1 .sppb-nav-modern > li {
   margin: 0 1.2rem 0 0;
}

.fr-tabs-1 .sppb-nav-modern > li:last-child {
   margin: 0;
}

.fr-tabs-1 .sppb-tab-content {
   margin-top: 2.4rem;
}

@media (max-width: 991px) {
   .fr-tabs-1 .sppb-nav-modern > li {
      margin: 0 1.2rem 1.2rem 0;
   }

   .fr-tabs-1 .sppb-nav-modern > li:last-child {
      margin: 0 0 1.2rem 0;
   }

   .fr-tabs-1 .sppb-nav-modern > li > a {
      font-size: 1.4rem;
   }

   .fr-tabs-1 .sppb-tab-content {
      margin-top: 1.2rem;
   }
}

@media (max-width: 767px) {
   .fr-tabs-1 .sppb-nav-modern > li {
      width: 100%;
      margin: 0 0 0.8rem 0;
   }

   .fr-tabs-1 .sppb-nav-modern > li:last-child {
      margin: 0;
   }

   .fr-tabs-1 .sppb-tab-content {
      margin-top: 1.6rem;
   }
}

/* Style 2 */
/* Style 1 */
.fr-tabs-2 .sppb-nav-modern > li > a {
   color: var(--color-gray-4);
   background-color: var(--color-card-item-3);
   font-size: 1.8rem;
   text-align: left;
   padding: var(--button-padding);
   border: 0;
   border-radius: var(--border-radius-2);
   line-height: var(--line-height-large);
}

.fr-tabs-2 .sppb-nav-modern > li > a:hover {
   color: var(--color-gray-4);
   background-color: var(--color-card-item-3);
}

.fr-tabs-2 .sppb-nav-modern > li.active > a,
.fr-tabs-2 .sppb-nav-modern > li.active > a:focus,
.fr-tabs-2 .sppb-nav-modern > li.active > a:hover {
   color: var(--color-white);
   background-color: var(--color-secondary);
}

.fr-tabs-2 .sppb-nav {
   width: 33.333333%;
   float: left;
   margin-right: 6.4rem;
}

.fr-tabs-2 .sppb-nav-modern > li {
   width: 100%;
   margin: 0 0 1.6rem 0;
}

.fr-tabs-2 .sppb-nav-modern > li:last-child {
   margin: 0;
}

.fr-tabs-2 .sppb-tab-icon {
   margin-right: 0.4rem;
}

.fr-tabs-2 .sppb-tab-content {
   margin-top: 0;
}

@media (max-width: 991px) {
   .fr-tabs-2 .sppb-nav-modern > li > a {
      font-size: 1.4rem;
   }

   .fr-tabs-2 .sppb-nav {
      margin-right: 2.4rem;
   }

   .fr-tabs-2 .sppb-nav-modern > li {
      margin: 0 0 1.2rem 0;
   }
}

@media (max-width: 767px) {
   .fr-tabs-2 .sppb-nav {
      width: 100%;
      float: inherit;
      margin: 0;
   }

   .fr-tabs-2 .sppb-tab-content {
      margin-top: 1.6rem;
   }
}

/* NAVIGATION */
/* Style 1 */
.fr-navigation-1 a {
   font-size: 1.6rem;
   margin-bottom: 1.2rem;
   font-weight: var(--font-weight-regular);
}

/* Style 2 */
.fr-navigation-2 ul li {
   font-size: 1.6rem;
   margin-right: 1.6rem;
}

.fr-navigation-2 ul li:last-child {
   margin-right: 0;
}

/* OPT-IN FORM */
/* Style 1 */
.fr-optin-form-1 {
   padding: 0 !important;
   max-width: 90%;
}

.fr-optin-form-1 .sppb-btn {
   height: 5.2rem;
}

.fr-optin-form-1 .sppb-optin-form-box.sppb-row {
   grid-row-gap: 0;
}

.fr-optin-form-1 input[type='email']:not(.form-control) {
   border-radius: var(--border-radius-2);
}

/* Open Street Map */
/* Style 1 */
.fr-open-street-map-1 {
   border-radius: var(--border-radius-4);
}

.fr-open-street-map-1 .leaflet-popup-content-wrapper,
.fr-open-street-map-1 .leaflet-popup-tip {
   background: var(--color-card-item-3);
   color: var(--color-gray-4);
   box-shadow: none;
}

.fr-open-street-map-1 .leaflet-popup-content {
   margin: 1.2rem 2.4rem;
   line-height: var(--line-height-medium-3);
}

/* Form Builder */
/* Style 1 */
.fr-form-builder-1 .sppb-form-control {
   border: 1px var(--color-gray-6) solid !important;
   background-color: var(--color-card-item-3) !important;
}

.fr-form-builder-1 label {
   font-size: 1.6rem;
   margin-bottom: 0.8rem;
}

@media (max-width: 991px) {
   .fr-form-builder-1 label {
      font-size: 1.4rem;
      margin-bottom: 0.6rem;
   }
}

@media (max-width: 767px) {
   .fr-form-builder-1 label {
      margin-bottom: 0.4rem;
   }
}

/********************************************/
/* INPUT
/********************************************/
input[type='text']:not(.form-control),
input[type='email']:not(.form-control),
input[type='url']:not(.form-control),
input[type='date']:not(.form-control),
input[type='password']:not(.form-control),
input[type='search']:not(.form-control),
input[type='tel']:not(.form-control),
input[type='number']:not(.form-control),
select:not(.form-select):not(.form-control),
.sppb-form-control,
.sppb-form-group .sppb-form-control {
   display: block;
   width: 100%;
   padding: 1.2rem 1.6rem;
   font-size: 1.4rem;
   height: 5.2rem;
   line-height: 1.25;
   color: var(--color-gray-3);
   background-color: var(--color-white);
   background-image: none;
   background-clip: padding-box;
   border-radius: var(--border-radius-2);
}

.sppb-addon-form-builder-form textarea.sppb-form-control {
   height: 14.8rem;
}

@media (max-width: 991px) {
   input[type='text']:not(.form-control),
   input[type='email']:not(.form-control),
   input[type='url']:not(.form-control),
   input[type='date']:not(.form-control),
   input[type='password']:not(.form-control),
   input[type='search']:not(.form-control),
   input[type='tel']:not(.form-control),
   input[type='number']:not(.form-control),
   select:not(.form-select):not(.form-control),
   .sppb-form-control,
   .sppb-form-group .sppb-form-control {
      font-size: 1.2rem;
   }
}

/********************************************/
/* CONTENT STYLING WITH INNER PAGES (SOME CLASSES INCLUDE IN THE PAGE SECTIONS)
/********************************************/
/* Contact Page */

/* About Page */
.about-page .fr-feature-box-1 {
   background-color: transparent;
   padding: 0;
}

.about-page .fr-feature-box-1 .sppb-feature-box-title {
   margin: 0;
   max-width: 100%;
}

/* Services Page */
.services-page .fr-pricing-table-1 {
   background-color: var(--color-card-item-1);
}

.services-page .fr-pricing-table-1 .sppb-pricing-header {
   background-color: var(--color-card-item-3);
}

/********************************************/
/* BLOG & BLOG DETAILS
/********************************************/
/* Grid */
.blog .article-list .article {
   margin: 0;
   padding: 0;
   border: 0;
   border-radius: var(--border-radius-0);
}

.blog .article-list .article .article-intro-image,
.blog .article-list .article .article-featured-video,
.blog .article-list .article .article-featured-audio,
.blog .article-list .article .article-feature-gallery {
   margin: 0;
   border-radius: var(--border-radius-0);
   border-bottom: 0;
   overflow: hidden;
}

.blog .article-list .article .article-intro-image img,
.blog .article-list .article .article-featured-video img,
.blog .article-list .article .article-featured-audio img,
.blog .article-list .article .article-feature-gallery img {
   border-radius: var(--border-radius-3);
}

.blog .article-list .article .article-body {
   padding: 1rem;
}

.blog .article-list .article .article-body .article-header {
   margin-bottom: 0.8rem;
}

.blog .article-list .article .article-body .article-info {
   margin-bottom: 1.2rem;
}

.blog .article-list .article .article-body .article-info span {
   font-size: 1.6rem;
}

.blog .article-list .article .article-body .article-info > span + span::before {
   display: inline-block;
   content: '';
   padding-right: 0;
   padding-left: 0;
}

.blog .article-list .article .article-body .article-info span::after {
   content: '.';
   margin: 0 0.8rem;
}

.blog .article-list .article .article-body .article-info span:last-child::after {
   content: '';
   margin: 0;
}

.blog .article-list .article .article-body .article-introtext {
   overflow: hidden;
   display: block;
   -webkit-line-clamp: 2;
   display: box;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   white-space: normal;
}

@media (max-width: 991px) {
   .article-list .row > * {
      width: 50%;
   }

   .blog .article-list .article .article-body {
      padding: 2.4rem 0 0 0;
   }
}

@media (max-width: 767px) {
   .article-list .row > * {
      width: 100%;
   }
}

/* Classic */
.blog .articles-leading .article {
   display: flex;
   align-items: center;
   margin: 0 0 4.8rem 0;
   padding: 0;
   border: 0;
   border-radius: var(--border-radius-0);
}

.blog .articles-leading .article .article-intro-image,
.blog .articles-leading .article .article-featured-video,
.blog .articles-leading .article .article-featured-audio,
.blog .articles-leading .article .article-feature-gallery {
   border-radius: var(--border-radius-0);
   padding-right: 2.4rem;
   margin: 0;
   width: 100%;
   border: 0;
}

.blog .articles-leading .article .article-intro-image img,
.blog .articles-leading .article .article-featured-video img,
.blog .articles-leading .article .article-featured-audio img,
.blog .articles-leading .article .article-feature-gallery img {
   border-radius: var(--border-radius-3);
}

.blog .articles-leading .article .article-body {
   width: 100%;
   padding: 0;
}

.blog .articles-leading .article .article-body .article-header,
.blog .articles-leading .article .article-body .article-introtext,
.blog .articles-leading .article .article-body .article-info {
   max-width: 80%;
   margin: 0 auto;
}

.blog .articles-leading .article .article-body .article-header h3 {
   font-size: 3rem !important;
}

.blog .articles-leading .article .article-body .article-introtext {
   max-height: 10rem;
   overflow: hidden;
   display: block;
   -webkit-line-clamp: 2;
   display: box;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   white-space: normal;
}

.blog .articles-leading .article .article-body .article-info > span + span::before {
   display: inline-block;
   content: '';
   padding-right: 0;
   padding-left: 0;
}

.blog .articles-leading .article .article-body .article-info span::after {
   content: '.';
   margin: 0 0.8rem;
}

.blog .articles-leading .article .article-body .article-info span:last-child::after {
   content: '';
   margin: 0;
}

.blog .articles-leading .article .article-body .article-info {
   margin-bottom: 1.6rem;
}

.blog .articles-leading .article .article-body .article-info span {
   font-size: 1.8rem;
}

@media (max-width: 991px) {
   .blog .articles-leading .article {
      margin: 0 0 3.2rem 0;
   }

   .blog .articles-leading .article .article-body .article-header,
   .blog .articles-leading .article .article-body .article-introtext,
   .blog .articles-leading .article .article-body .article-info {
      max-width: 95%;
   }

   .blog .articles-leading .article .article-body .article-header h3 {
      font-size: 2rem !important;
   }

   .blog .articles-leading .article .article-body .article-info span {
      font-size: 1.6rem;
   }

   .blog .articles-leading .article .article-body .article-info span::after {
      margin: 0 0.4rem;
   }
}

@media (max-width: 767px) {
   .blog .articles-leading .article {
      margin: 0 0 2.4rem 0;
   }

   .blog .articles-leading .article .article-body .article-header,
   .blog .articles-leading .article .article-body .article-introtext,
   .blog .articles-leading .article .article-body .article-info {
      max-width: 100%;
   }

   .blog .articles-leading .article .article-body .article-info span {
      font-size: 1.4rem;
   }
}

@media (max-width: 767px) {
   .blog .articles-leading .article {
      align-items: flex-start;
   }

   .blog .articles-leading .article .article-body .article-header h3 {
      font-size: 1.6rem !important;
      line-height: var(--line-height-small);
   }

   .blog .articles-leading .article .article-body .article-info {
      margin: 0;
   }

   .blog .articles-leading .article .article-body .article-introtext {
      display: none;
   }

   .blog .articles-leading .article .article-body .article-info span::after {
      margin: 0rem;
   }

   .blog .articles-leading .article .article-body .article-info span.createdby {
      display: none;
   }

   .blog .articles-leading .article .article-intro-image,
   .blog .articles-leading .article .article-featured-video,
   .blog .articles-leading .article .article-featured-audio,
   .blog .articles-leading .article .article-feature-gallery {
      padding-right: 1.2rem;
      width: 75%;
   }
}

/* Pagination */
.pagination-wrapper {
   padding-top: 4.8rem;
}

.pagination > li > a,
.pagination > li > span {
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--color-gray-3);
   margin: 0 1.2rem;
   width: 5rem;
   height: 5rem;
   padding: 0;
   border: 2px var(--color-gray-3) solid;
   border-radius: var(--border-radius-1);
}

.page-item:last-child .page-link {
   border-top-right-radius: var(--border-radius-1);
   border-bottom-right-radius: var(--border-radius-1);
}

.page-item.disabled .page-link {
   color: var(--color-gray-5);
   pointer-events: none;
   background-color: transparent;
   border-color: var(--color-gray-5);
}

.page-item.active .page-link,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
   z-index: 3;
   color: var(--color-white) !important;
   background-color: var(--color-primary);
   border-color: var(--color-primary);
}
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
  z-index: 3;
  color: #fff;
  background-color: #36a218;
  border-color: var(--color-primary);
}


.page-link:focus {
   box-shadow: none;
}

.pagination-counter {
   color: var(--color-gray-3) !important;
   font-weight: var(--font-weight-medium);
}

.pagination,
.pagination-counter {
   margin: 0 !important;
}

.article-details .pagenavigation {
   display: none;
}

@media (max-width: 991px) {
   .pagination-counter {
      margin: 2.4rem 0 0 0 !important;
   }
}

@media (max-width: 767px) {
   .pagination > li > a,
   .pagination > li > span {
      font-size: 1.4rem;
      margin: 0 0.8rem;
      width: 3.5rem;
      height: 3.5rem;
      border-width: 1px;
   }
}

/* Details */
.article-details .article-full-image img {
   border-radius: var(--border-radius-3);
   max-width: 60rem;
   clear: right;
   position: relative;
}

.article-details .article-full-image {
	float: right;
	display: flex;
	padding-top: 1rem;
	padding-right: 3rem;
	padding-bottom: 2rem;
	padding-left: 3rem;
}

.article-details .article-can-edit {
   position: relative;
   margin: 0;
}

.article-details .article-info span,
.article-details .article-info span a {
   font-size: 1.8rem;
   font-weight: var(--font-weight-medium);
   color: #01ac25;
}

.article-details .article-info > span + span::before {
   display: inline-block;
   content: '';
   padding-right: 0;
   padding-left: 0;
}

.article-details .article-info span::after {
   content: '.';
   margin: 0 0.8rem;
}

.article-details .article-info span:last-child::after {
   content: '';
   margin: 0;
}

.article-details .article-social-share .social-share-icon ul li {
   display: block;
}

.article-details .article-social-share .social-share-icon ul li:not(:last-child) {
   margin: 0 0 0.8rem 0;
}

.article-details .article-ratings-social-share {
   border: 0;
   margin: 0;
   padding: 0;
   float:right;
}

.article-details .article-social-share .social-share-icon ul li a {
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--color-white);
   background-color: var(--color-primary);
   width: 5rem;
   height: 5rem;
   border: 0;
   border-radius: var(--border-radius-1);
}

.article-details .article-social-share .social-share-icon ul li a:hover {
   color: var(--color-white);
   background-color: var(--color-secondary);
}

.article-details .social-icon-share-text {
   margin-bottom: 1.2rem;
   font-size: 1.1rem;
   float: right;
}

.article-details .article-info {
   margin-bottom: 3.2rem;
}

.article-details .body-content {
   padding-left: 0rem;
}

@media (max-width: 991px) {
   .article-details .article-full-image {
      margin-bottom: 3.2rem;
   }

   .article-details .article-info span,
   .article-details .article-info span a {
      font-size: 1.6rem;
   }

   .article-details .article-social-share .social-share-icon ul li a {
      width: 4rem;
      height: 4rem;
   }

   .article-details .article-info span::after {
      content: '.';
      margin: 0 0.6rem;
   }
}

@media (max-width: 767px) {
   .article-details .article-full-image {
      margin-bottom: 2.4rem;
   }

   .article-details .body-content {
      padding-left: 0;
   }

   .article-details .article-social-share .social-share-icon ul li {
      display: inline-block;
   }

   .article-details .article-social-share .social-share-icon ul li:not(:last-child) {
      margin: 0 0.8rem 0 0;
   }

   .article-details .social-icon-share-text {
      margin: 0.8rem 1.2rem 0 0;
      float: left;
   }

   .article-details .article-info {
      margin-bottom: 2.4rem;
   }

   .article-details .article-info span,
   .article-details .article-info span a {
      font-size: 1.4rem;
   }

   .article-details .article-info span::after {
      content: '.';
      margin: 0 0.4rem;
   }

   .article-details .article-details-content {
      order: 1;
   }

   .article-details .social-share-icon {
      order: 2;
   }
}

/********************************************/
/* SIDEBAR
/********************************************/
#sp-left .sp-module,
#sp-right .sp-module {
   border: 0;
   padding: 0 0 0 2.4rem;
   border-radius: var(--border-radius-0);
}

#sp-left .sp-module ul > li,
#sp-right .sp-module ul > li {
   border-bottom: 0;
}

#sp-left .row,
#sp-left .sppb-row,
#sp-right .row,
#sp-right .sppb-row {
   grid-row-gap: 2.4rem;
}

#sp-left .sp-module .fr-navigation-1 ul > li > a,
#sp-right .sp-module .fr-navigation-1 ul > li > a {
   display: inline-block;
   line-height: var(--line-height-medium-3);
   padding: 0;
}

#sp-left .sp-module .fr-navigation-1 ul > li > a:hover,
#sp-right .sp-module .fr-navigation-1 ul > li > a:hover {
   color: var(--color-gray-4);
}

#sp-left .fr-optin-form-1 input[type='email']:not(.form-control),
#sp-right .fr-optin-form-1 input[type='email']:not(.form-control) {
   border: 1px var(--color-gray-5) solid;
}

#sp-left .fr-optin-form-1 .row,
#sp-left .fr-optin-form-1 .sppb-row,
#sp-right .fr-optin-form-1 .row,
#sp-right .fr-optin-form-1 .sppb-row {
   grid-row-gap: 0;
}

@media (max-width: 991px) {
   #sp-left {
      order: 2;
   }

   #sp-left .sp-module,
   #sp-right .sp-module {
      padding: 2.4rem 0;
   }
}

/********************************************/
/* FOOTER
/********************************************/
#sp-footer {
   background: var(--color-footer-bg);
}

#sp-footer h4,
#sp-footer h5,
#sp-footer h6,
#sp-footer a,
#sp-footer p,
#sp-footer span {
   color: var(--color-footer-text);
   font-weight: var(--font-weight-regular) !important;
}

#sp-footer .container-inner {
   padding: 0;
   border-top: 0;
}

#sp-footer img {
   width: 40rem;
   margin: 0 0 4.8rem 0;
}

.fr-optin-form-1 .sppb-btn:hover {
   color: var(--color-white);
   background-color: var(--color-primary);
   opacity: 0.8;
}

#sp-footer .fr-heading-1 h4 {
   margin-bottom: 3.2rem;
}

#sp-footer .fr-heading-1 p {
   margin-bottom: 2.4rem;
   max-width: 80%;
}

#sp-footer .fr-heading-2 span {
   font-size: 1.6rem;
}

#sp-footer .fr-navigation-1 a,
#sp-footer .fr-navigation-2 a {
   font-family: var(--font-family-secondary) !important;
}

#sp-footer .fr-navigation-1 a:hover,
#sp-footer .fr-navigation-2 a:hover {
   color: var(--color-footer-hover);
}

#sp-footer .link.sppb-link-list-wrap ul {
   text-align: right;
}

@media (max-width: 991px) {
   #sp-footer .fr-heading-1 h4 {
      margin-bottom: 1.6rem;
   }

   #sp-footer .fr-optin-form-1 {
      max-width: 100%;
      margin-bottom: 3.2rem;
   }

   #sp-footer .fr-navigation-1 {
      margin-bottom: 2.4rem;
   }

   #sp-footer img {
      width: 14rem;
      margin: 0 0 2.4rem 0;
   }

   #sp-footer .link.sppb-link-list-wrap ul,
   #sp-footer .fr-heading-2 {
      text-align: center;
   }
}

@media (max-width: 767px) {
   #sp-footer .fr-icons-group-2 {
      display: flex;
      justify-content: center;
      margin-bottom: 2.4rem;
   }

   #sp-footer .fr-heading-1 h6 {
      display: flex;
      justify-content: center;
   }
}

/********************************************/
/* OTHERS
/********************************************/
.stop-scrolling {
   height: 100%;
   overflow: hidden;
}

img {
   max-width: 100%;
}

.fa,
.far,
.fas,
[class*=' icon-'],
[class^='icon-'] {
   font-family: 'Font Awesome 5 Free' !important;
}

.fab {
   font-family: 'Font Awesome 5 Brands' !important;
}

.navbar > .sppb-row-container {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
}

.row {
   margin-right: -15px !important;
   margin-left: -15px !important;
}

.row > * {
   position: relative;
   padding-right: 15px !important;
   padding-left: 15px !important;
}
ul.ul_bullet li{
	list-style: none;
	background-color: transparent;
	background-image: url(../../../images/pbs/szablon/arrow1.svg);
	background-position: 0px 7px;
	margin-left: 5px;
	background-size: 10px 10px;
	background-repeat: no-repeat;
	padding-left: 15px;
	display: flow-root;
}


@media (min-width: 1200px) {
   .container,
   .sppb-container,
   .sppb-row-container {
      max-width: 1440px;
   }
}

@media (max-width: 1199px) {
   .container,
   .sppb-container,
   .sppb-row-container {
      max-width: 100%;
   }
}

/********************************************/
/* SLIDER WALUTY
/********************************************/

.wal-mod-pbs{
	min-height: 260px;
	position: relative;
	margin-top: 10px;
	transition-duration: .3s;
	border-radius: 5px;
	background-color: #FFF;
	padding: 20px;
	margin: 5px;
}
.wal-hd,.wal-hdp{
    width:100%;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-left:auto;
    color:#000;
    font-size:1.325rem;
    padding-bottom:2px;
    margin-bottom:5px;
    padding-left:30px;
    background-image:url(../../../images/pbs/waluty-icon/money-transfer.svg);
    background-repeat:no-repeat;
    background-position:left 5px;
    background-size:20px 20px;
    padding-top:5px;
    font-weight:700;
}
.wal-hdp{
    background-image:url(../../../images/pbs/waluty-icon/funds.svg)
}
.wal-sp{
    width:22%;
    float:left;
    position:relative;
    font-size:.975rem;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#e6e6e6;
    padding-left:5px;
    color:#666;
    padding-top:4px;
    font-weight:400
}
.wal-spk{
    width:28%;
    font-size:1.285rem;
    color:#fff;
    background-color:#36a218;
	border-radius: 3px;
}
.wal-ku,.wal-kuk,.wal-spk{
    float:left;
    position:relative;
    padding-left:5px
}
.wal-ku{
    width:22%;
    font-size:.975rem;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#e6e6e6;
    color:#666;
    padding-top:4px;
    font-weight:400
}
.wal-kuk{
    width:28%;
    font-size:1.285rem;
    color:#fff;
    background-color:#36a218;
	border-radius: 3px;
}
.wal-nbph,.wal-nbpk{
    float:left;
    position:relative;
    font-size:.925rem;
    padding-bottom:2px;
    padding-top:3px
}
.wal-nbph{
    width:70%;
    color:#585c61;
    padding-left:5px
}
.wal-nbpk{
    width:30%;
    font-size:1.725rem;
    color:#36a218;
    text-align:center;
    background-color:#f6fbff;
	border-radius:5px;
}
.centerflipcards p,.wal-kod{
    margin-top:10px;
    font-weight:700
}
.wal-fl,.wal-kod{
    float:left;
    position:relative;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#e1e1e1
}
.wal-kod{
    width:70%;
    color:#333;
    font-size:2.725rem;
    padding-top:9px;
    padding-left:10px
}
.wal-fl{
    width:30%;
    margin-top:10px;
	margin-bottom: 10px;
    padding-top:10px;
}
.wal-flag{
    border:3px solid #cfd1d6;
    border-radius:50px;
	max-width: 50%;
}
.pln{
    font-size:.885rem;
    padding-left:5px;
    color:#333
}

/********************************************/
/* PBS-MENU-OFERTA
/***************************************/



/********************************************/
/* OFERTA STRONA GŁÓWNA
/********************************************/

.post-module{
    position:relative;
    z-index:1;
    display:block;
    background:#fff;
    height:470px;
    -webkit-transition:all .3s linear 0s;
    -moz-transition:all .3s linear 0s;
    -ms-transition:all .3s linear 0s;
    -o-transition:all .3s linear 0s;
    transition:all .3s linear 0s;
	border-radius: var(--border-radius-3);
}
.hover,.post-module:hover{

}
.hover .thumbnail_ofe img,.post-module:hover .thumbnail_ofe img{
    opacity:.6;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transform:scale(1.1)
}
.post-module .thumbnail_ofe{
    height:400px;
    overflow:hidden;
    background-color:#000;
	border-top-left-radius: var(--border-radius-3);
	border-top-right-radius: var(--border-radius-3);
	
	
}
.post-module .thumbnail_ofe .date{
    position:absolute;
    background:#36a218;
    -webkti-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.post-module .thumbnail_ofe .date,.post-module .thumbnail_ofe .datef,.post-module .thumbnail_ofe .daterl{
    top:0;
    right:0;
    z-index:1;
    width:55px;
    height:55px;
    padding:12.5px 0;
    color:#fff;
    font-weight:700;
    text-align:center
}
.post-module .thumbnail_ofe .datef{
    position:absolute;
    background:#3f84f8;
    -webkti-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.post-module .thumbnail_ofe .daterl{
    background:#fc0
}
.post-module .post-content,.post-module .post-content:hover,.post-module .thumbnail_ofe .daterl,.post-module .thumbnail_ofe .datew{
    position:absolute;
    -webkti-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.post-module .thumbnail_ofe .datew{
    top:0;
    right:0;
    z-index:1;
    background:#f33;
    width:55px;
    height:55px;
    padding:12.5px 0;
    color:#fff;
    font-weight:700;
    text-align:center
}
.post-module .thumbnail_ofe img{
    display:block;
    width:120%;
    -webkit-transition:all .3s linear 0s;
    -moz-transition:all .3s linear 0s;
    -ms-transition:all .3s linear 0s;
    -o-transition:all .3s linear 0s;
    transition:all .3s linear 0s
}
.post-module .post-content,.post-module .post-content:hover{
    bottom:0;
    background:#fff;
    width:100%;
    padding:30px;
    -webkit-transition:all .3s cubic-bezier(.37,.75,.61,1.05) 0s;
    -moz-transition:all .3s cubic-bezier(.37,.75,.61,1.05) 0s;
    -ms-transition:all .3s cubic-bezier(.37,.75,.61,1.05) 0s;
    -o-transition:all .3s cubic-bezier(.37,.75,.61,1.05) 0s;
    transition:all .3s cubic-bezier(.37,.75,.61,1.05) 0s;
	border-bottom-left-radius: var(--border-radius-3);
	border-bottom-right-radius: var(--border-radius-3);
}
.post-module .post-content .category{
    position:absolute;
    top:-34px;
    left:0;
    background:#36a218;
    padding:10px 15px;
    color:#fff;
    font-size:1.2em;
    font-weight:600;
    text-transform:uppercase
}
.post-module .post-content .categoryf{
    background:#3f84f8
}
.post-module .post-content .categoryf,.post-module .post-content .categoryrl,.post-module .post-content .categoryw{
    position:absolute;
    top:-34px;
    left:0;
    padding:10px 15px;
    color:#fff;
    font-size:1.2em;
    font-weight:600;
    text-transform:uppercase
}
.post-module .post-content .categoryrl{
    background:#fc0
}
.post-module .post-content .categoryw{
    background:#f33
}
.post-module .post-content .title{
    margin:0;
    padding:0 0 10px;
    color:#333;
    font-size:.8em;
    font-weight:700;
    text-align:left;
    text-transform:none;
    font-family:poppins
}
.post-module .post-content .sub_title,.post-module .post-content .sub_titlef,.post-module .post-content .sub_titlerl,.post-module .post-content .sub_titlew{
    background-image:url(../../../../templates/jl_fix_pro/images/ard.svg);
    background-repeat:no-repeat;
    background-position:right 4px;
    background-size:7px 7px;
    padding:0 0 1px;
    color:#090;
    font-size:.57em;
    font-weight:400;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#e9e9e9;
	margin-bottom: 10px;
}
.post-module .post-content .sub_titlef,.post-module .post-content .sub_titlerl,.post-module .post-content .sub_titlew{
    color:#09f
}
.post-module .post-content .sub_titlerl,.post-module .post-content .sub_titlew{
    color:#f90
}
.post-module .post-content .sub_titlew{
    color:#f33
}
.post-module .post-content .description{
    display:none;
    color:#666;
    font-size:14px;
    line-height:1.8em;
    padding-top:0px
}
.post-module .post-content .post-meta{
    color:#999;
    width:100%
}
.post-module .post-content .post-meta .timestamp{
    margin:0 16px 0 0
}
.post-module .post-content .post-meta a{
    color:#999;
    text-decoration:none
}
.hover .post-content .description{
    display:block!important;
    height:auto!important;
    opacity:1!important
}
.s_more_of{
margin-top: 2rem;	
}

/********************************************/
/* PBS slider
/*******************************************/
.slid_img_p{	
border-radius: var(--border-radius-3);
}

/********************************************/
/* PBS 24
/********************************************/

a.ke_btn {
	border: 1px solid #36a218;
	color: #FFFFFF;
	display: inline-block;
	font-size: 1.0em;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	text-decoration: none;
	font-family: poppins;
	background: #36a218;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 70px;
	transition-property: width, background;
	transition-duration: 0.2s;
	overflow: hidden;
	width: 100%;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	cursor: pointer;
	border-radius: var(--border-radius-2);
	
}
a.ke_btn:hover {
	border: 1px solid #333333;
	color: #333333;
	display: inline-block;
	font-size: 1.0em;
	font-weight: 500;
	line-height: 24px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	text-decoration: none;
	font-family: poppins;
	background-color: #ffffff;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 70px;
	transition-property: width, background;
	transition-duration: 0.2s;
	cursor: pointer;
	border-radius: var(--border-radius-2);
}

.label_ke{
	width: auto;
	padding-left: 1px;
}
a.ke_btn .label_ke,
a.ke_btn .icon-arrow {
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000;
}

a.ke_btn .label_ke {
	display: inline-block;
	transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1);
	margin-right: 10px;
}

a.ke_btn .icon-arrow {
	fill: #3F3F3F;
	height: 57px;
	top: -2px;
	transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1), opacity .4s cubic-bezier(0.86, 0, 0.07, 1);
	width: 57px;

}

a.ke_btn .icon-arrow.before {
	left: -5px;
	margin-right: 15px;
	position: absolute;
	transform-origin: left center;
}

a.ke_btn .icon-arrow.after {
    margin-left: 15px;
    opacity: 0;
    position: absolute;
    right: 0px;
    transform: translateX(75%) scaleX(0.1);
    transform-origin: right center;
}

a.ke_btn:hover .label_ke {
    transform: translateX(-52px);
}

a.ke_btn:hover .icon-arrow.before {
    opacity: 0;
    transform: translateX(-75%) scaleX(0.1);
}

a.ke_btn:hover .icon-arrow.after {
    opacity: 1;
    transform: translateX(0) scaleX(1);
}

a.ke_btn:active {
	color: #333333;
	background-color: #F4F4F4;
	border-top-color: #99CC00;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
}

a.ke_btn:active .icon-arrow {
    fill: #333333;
}
.ke_a{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top:2rem;
	
}
.ke_b{
	width: 65%;
	float: left;
	margin-top: -25px;
}
.ke_c{
	width: 35%;
	float: left;
	margin-top: 10px;
	padding-left: 20px;
}
.ke_h1{

	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: -20px;
}
.ke_rm{

	font-size: 0.8em;
	font-weight: bold;
	margin-top: 20px;
	color: #65BF55;
	text-decoration: underline;
}
.op_ke{
	font-family: poppins;
	font-size: 0.7em;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
}
* {
  box-sizing: border-box;
}
.col_ke {
	float: left;
	width: 50%;
	height: 150px; /* Should be removed. Only for demonstration */
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.col_ke_btnpole{
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #CBCACA4A;
	color: #000;
	background-image: url(../../../images/pbs/szablon/prot.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 35% ;
	min-height: 150px;
	border-radius: var(--border-radius-2);
}
.col_ke_btnpoledoc{
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #CBCACA4A;
	color: #000;
	background-image: url(../../../images/pbs/szablon/doc.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 35% ;
	min-height: 150px;
	border-radius: var(--border-radius-2);
}
.col_ke_btnpolefil{
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #CBCACA4A;
	color: #000;
	background-image: url(../../../images/pbs/szablon/files.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:  35% ;
	min-height: 150px;
	border-radius: var(--border-radius-2);
}
.col_ke_btnpole:hover{
	background-color: var(--color-card-item-3);
	padding: 10px;
	border: 1px solid #FFF;
	color: #39b54a;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.col_ke_btnpoledoc:hover{
	background-color: var(--color-card-item-3);
	padding: 10px;
	border: 1px solid #FFF;
	color: #39b54a;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	
}	

.col_ke_btnpolefil:hover{
	background-color: var(--color-card-item-3);
	padding: 10px;
	border: 1px solid #FFF;
	color: #39b54a;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
/* Clear floats after the columns */
.row_ke:after {
	content: "";
	display: table;
	clear: both;
	margin-top: 5px;
}
.row_ke {
	margin-top: 20px;
	height: 150px;
	width: 100%;
}
.toggle_o{
	display: inline-block;
	padding: 10px 24px;
	background: linear-gradient(153.43deg,#64b530,#329d31);
	color: white;
	text-decoration: none;
	font-family: poppins;
	font-size: 0.8em;
}

.toggle_h{
	display: inline-block;
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 24px;
	float: right;
	font-family: poppins;
	border: 1px solid #999;
	font-size: 0.7em;
	cursor: pointer;
	margin-top: 20px;
	border-radius: var(--border-radius-2);
}
.ke_d{}
.ke_d:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.opened:before {
  display: block;
}

.toggle_h:active{
	display: inline-block;
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 24px;
	float: right;
	font-family: poppins;
	border: 1px solid #999;
	font-size: 0.7em;
	cursor: pointer;
	margin-top: 20px;
}
.toggle_h:hover{
	display: inline-block;
	color: #666;
	text-decoration: none;
	background-color: #EFEFEF;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 24px;
	float: right;
	font-family: poppins;
	border: 1px solid #999;
	font-size: 0.7em;
	cursor: pointer;
	margin-top: 20px;
}
.panelke {
	width: 100%;
	height: 420px;
	text-align: left;
    padding: .5rem;
	display: none;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: absolute;
	z-index: 1;
	background-color: #FFF;
}
/********************************************/
/* KALKULTOR KREDYT  PBS
/********************************************/
.srs{
    display:block;
    width:100%;
    margin:20px auto;
    padding:20px;
    font-size:16px
}
.srs-slider{
    position:relative;
    margin:30px auto;
    display:block;
    width:100%;
    height:50px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.srs-slider::before,.srs-slider::after{
    content:'';
    display:table
}
.srs-slider::after{
    clear:both
}
.srs-track{
    position:absolute;
    left:40px;
    right:40px;
    top:25px;
    height:2px;
    background:#e9e9e9
}
.srs-thumb{
     position: absolute;
     top: -9px;
     width: 20px;
     height: 20px;
     color: #fff;
     font-size: 18px;
     background: #333;
     text-align: center;
     border-radius: 50%;
     cursor: ew-resize 
}
.srs-thumb span{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.srs-bubble{
    position:absolute;
    top:-40px;
    left:10px;
}
.srs-bubble span{
    padding:5px 15px;
    display:inline-block;
    font-size:34px;
    color:#bdc3c3;
    background:#343a3a;
    border-radius:var(--border-radius-2)
}
.srs-bubble:before{
    content:'';
    background:#343a3a;
    position:absolute;
    left:50%;
    bottom:-37px;
    margin-left:-5px;
    width:10px;
    height:10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.srs-minus{
    position:relative;
    float:left
}
.srs-plus{
    position:relative;
    float:right
}
.srs-minus,.srs-plus{
    top:10px;
    width:30px;
    height:30px;
    color:#333;
    font-size:18px;
    border:2px solid #e9e9e9;
    border-radius:50%;
    cursor:pointer
}
.srs-minus span{
    position:absolute;
    top:45%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.srs-plus span{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
 .srsf{
    display:block;
    width:100%;
    margin:20px auto;
    padding:20px;
    font-size:16px
}
.srsf-slider{
    position:relative;
    margin:30px auto;
    display:block;
    width:100%;
    height:50px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.srsf-slider::before,.srsf-slider::after{
    content:'';
    display:table
}
.srsf-slider::after{
    clear:both
}
.srsf-track{
    position:absolute;
    left:40px;
    right:40px;
    top:25px;
    height:2px;
    background:#e9e9e9
}
.srsf-thumb{
     position: absolute;
     top: -9px;
     width: 20px;
     height: 20px;
     color: #fff;
     font-size: 18px;
     background: #333;
     text-align: center;
     border-radius: 50%;
     cursor: ew-resize 
}
.srsf-thumb span{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.srsf-bubble{
    position:absolute;
    top:-40px;
    left:10px;
}
.srsf-bubble span{
    padding:5px 15px;
    display:inline-block;
    font-size:34px;
    color:#bdc3c3;
    background:#343a3a;
    border-radius:2px
}
.srsf-bubble:before{
    content:'';
    background:#343a3a;
    position:absolute;
    left:50%;
    bottom:-37px;
    margin-left:-5px;
    width:10px;
    height:10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.srsf-minus{
    position:relative;
    float:left
}
.srsf-plus{
    position:relative;
    float:right
}
.srsf-minus,.srsf-plus{
    top:10px;
    width:30px;
    height:30px;
    color:#333;
    font-size:18px;
    border:2px solid #e9e9e9;
    border-radius:50%;
    cursor:pointer
}
.srsf-minus span{
    position:absolute;
    top:45%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.srsf-plus span{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
 body .appBuilder-carousel{
     margin-bottom:64px;
     margin-top:56px 
}

body .appBuilder-carousel .carousel .carousel-indicators{
    width:76%
}
body .appBuilder-carousel .carousel .carousel-indicators li{
    border:0;
    background-color:#98acb9;
    height:18px;
    margin-right:28px;
    width:18px
}
body .appBuilder-carousel .carousel .carousel-indicators li.active{
    background-color:#50e3c2
}
body .appBuilder-carousel .carousel .carousel-inner .item h3{
    font-weight:700;
    font-size:25px;
    color:#333;
    letter-spacing:.89px;
    line-height:38.41px;
    margin-bottom:50px;
    margin-top:30px;
    position:relative;
    font-family:poppins
}
body .appBuilder-carousel .carousel .carousel-inner .item h3::after{
    background-color:#fff;
    bottom:-18px;
    content:"";
    height:6px;
    left:0;
    position:absolute;
    width:158px
}
body .appBuilder-carousel .carousel .carousel-inner .item h4{
    font-weight:700;
    font-size:25px;
    color:#43eec5;
    letter-spacing:1.02px;
    line-height:33px
}
.hide{
    display:none
}
.ratyrow{
    width:95%;
    margin-top:-5px
}
.cakw{
    margin-top:-15px;
    width:90%;
    padding-bottom:-20px
}
.ratyr{
    font-family:poppins;
    font-size:.9em;
    margin-right:3px;
    color:#333
}
.ratyrz{
    margin-left:3px;
    margin-right:10px
}
.ratym,.ratymz,.ratyrz{
    font-family:poppins;
    font-size:.9em
}
.ratym{
    margin-right:3px;
    color:#333
}
.ratymz{
    margin-left:3px;
    margin-right:10px
}
.banekr,.wfot{
    float:left;
    width:100%;
    position:relative
}
.wfot{
    margin-top:1px
}
.columnkg{
    float:left;
    width:25%;
    padding:2.5px;
    height:auto;
    min-height:250px
}
.rowkg:after{
    content:"";
    display:table;
    clear:both
}
.wn,.wn:hover{
    float:left;
    width:100%;
    border:1px solid #f4f4f4;
    padding:10px;
    margin-bottom:5px
}
.wn{
    background-color:#fff;
    min-height:120px;
	border-radius:var(--border-radius-2);
}
.wn:hover{
    background-color:#fcfcfc
}
.answerkbt{
    left:1px;
    bottom:2px;
    position:absolute
}
.answerk,.kontl{
    width:100%;
    position:relative;
    float:left;
    height:200px;
    background-image:url(../../../../templates/jl_fix_pro/images/kont.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    padding-bottom:10px
}
.answerk{
    height:400px;
    background-image:url(../../../../templates/jl_fix_pro/images/kontakt.svg);
    margin-top:-50px;
    padding-bottom:50px
}
.controls-kont{
    float:left;
    width:50%;
    margin-top:5px
}
.controls-kontinfo,.controls-kontrea{
    float:left;
    margin-top:5px;
    width:100%
}
.controls-kontinfo{
    font-size:.7em;
    text-align:justify;
    padding:5px;
    position:relative
}
.textarea-kont{
    margin-top:10px;
    margin-left:50px;
    width:500px;
    height:100px;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background:0 0 rgba(0,0,0,.07);
    border-color:-moz-use-text-color #fff #fff -moz-use-text-color;
    border-image:none;
    border-style:none solid solid none;
    border-width:medium 1px 1px medium;
    box-shadow:0 1px 2px rgba(0,0,0,.12) inset;
    color:#555;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1em;
    line-height:1.4em;
    padding:5px 8px;
    transition:background-color .2s ease 0s
}
.textareakont:focus{
    background:0 0 #fff;
    outline-width:0
}
.lin{
    color:#cdcdcd;
    margin-top:-45px;
    margin-left:45px;
    padding-bottom:50px
}
.linnp,.linpc,.linpr{
    font-size:.7em;
    width:30%;
    float:left
}
.linpc,.linpr{
    text-align:center
}
.linpr{
    text-align:right
}
.k100{
    position:relative;
    margin-right:auto;
    margin-left:auto
}
.k30,.k50bt,.k70{
    float:left;
    position:relative
}
.k70{
    width:50%;
    margin:3%;
    padding:2%;
}
.k70b{
    width:50%;
	display: flex;
	float:left;
	margin-top:2rem;
	margin-bottom:5rem;

}
.kbint{
	margin: 2px;	
	float:left;
	
}
.k30,.k50bt{
    width:40%
}
.k30{
    background-color:#fff;
    margin:2% 1% 0;
	
}
.k50bt{
	margin-right: 1%;
	margin-bottom: 5rem;
	display: block;
	margin-top: 5rem;
	
}
.spkk{
	font-size:1em;
}
.kro3f{
    background-color:#36a218;
    float:left;
    width:40%;
    height:auto;
    min-height:20rem;
    color:#fff;
    padding-left:10px;
    padding-top:10px
}
.klp,.kro3,.kro3f{
    position:relative;
    margin-bottom:10px;
}
.kro3{
    float:left;
    width:30%;
    height:auto;
    min-height:20rem;
    font-size:.75em;
    background-color:#91cc40;
    font-weight:400;
    padding:1% 1% 1% 10px
}
.klp{
    height:80px;
    padding-top:8px
}
.inputGroup,.inputGroup label{
    display:block;
    position:relative
}
.inputGroup{
    background-color:#fff;
    float:left;
    width:45%;
    margin-right:2px
}
.inputGroup label{
    width:100%;
    text-align:left;
    color:#3c454c;
    cursor:pointer;
    z-index:2;
    -webkit-transition:color 200ms ease-in;
    transition:color 200ms ease-in;
    overflow:hidden;
    padding:12px 10px 12px 15px;
    font-size:.65em;
	border-radius: 0.5rem;
}
.inputGroup label:before{
    width:5px;
    height:5px;
    content:'';
    background-color:#36a218;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) scale3d(1,1,1);
    transform:translate(-50%,-50%) scale3d(1,1,1);
    -webkit-transition:all 300ms cubic-bezier(.4,0,.2,1);
    transition:all 300ms cubic-bezier(.4,0,.2,1);
    opacity:0;
    z-index:-1;
	border-radius: 5px;
}
.inputGroup label:after{
    width:20px;
    height:20px;
    content:'';
    border:1px solid #d1d7dc;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-size:28px 28px;
    background-repeat:no-repeat;
    background-position:-2px -2px;
    z-index:2;
    position:absolute;
    right:10px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    -webkit-transition:all 200ms ease-in;
    transition:all 200ms ease-in
}
.inputGroup input:checked~label{
    color:#fff
}
.inputGroup input:checked~label:before{
    -webkit-transform:translate(-50%,-50%) scale3d(56,56,1);
    transform:translate(-50%,-50%) scale3d(56,56,1);
    opacity:1
}
.inputGroup input:checked~label:after{
    background-color:#666;
    border-color:#666;
    border-width:1px
}
.inputGroup input{
    width:32px;
    height:32px;
    -webkit-box-ordinal-group:2;
    order:1;
    z-index:2;
    position:absolute;
    right:30px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    visibility:hidden
}
.cl-btn,.modal-btn{
    background-color:#36a218;
    color:#fff;
    font-size:.8em;
    width:auto;
    padding:12px 15px;
    border:1px solid #36a218;
    margin-top:-50px
}
.cl-btn:hover,.modal-btn:hover{
    opacity:1;
    color:#36a218
}
.buttonkl,.cl-btn,.kont-btn,.modal-btn{
    text-align:center;
    opacity:.95;
    transition:.3s;
    display:block;
    text-decoration:none;
    cursor:pointer;
    font-family:poppins;
    position:relative;
    float:left
}
.cl-btn:hover,.kont-btn,.modal-btn:hover{
    background-color:#fff;
    border:1px solid #dce2e2
}
.kont-btn{
    color:#333;
    font-size:.95em;
    width:auto;
    padding:12px 15px
}
.kont-btn:hover{
    opacity:1;
    background-color:#464f4f;
    color:#fff;
    border-bottom-style:solid;
    border-bottom-color:#78cc5b
}
.buttonkl{
    background-color:#343a3a;
    color:#fff;
    font-size:1.1em;
    padding-top:13px;
    padding-bottom:13px;
    width:50%;
    font-weight:400
}
.buttonkl:hover{
    opacity:5;
    color:#fff
}
#panel{
    display:none;
    position:relative;
    margin-bottom:50px
}
#panel,.kont,.prok{
    float:left;
    width:100%
}
.kont{
    display:none;
    margin-top:10px;
    margin-bottom:20px;
    background-color:#fff;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
    border:1px solid #dce2e2;
    font-family:poppins
}
.prok{
    margin-top:-30px;
    margin-bottom:30px
}
.hhar{
    padding:20px;
    background-color:#fff
}
.controls-hid,.custom-select-wrapper select,.hhar{
    display:none
}
.opiskr,.opiskrg{
    text-align:justify
}
.opiskr{
    font-size:.7em;
    background-color:#fff;
    padding:10px
}
.opiskrg{
    font-size:.8em;
    padding:20px 10px 10px;
    position:relative;
    display:none
}
.opiskr1{
    font-size:12px;
    text-align:justify;
    padding:10px
}
.custom-select-wrapper{
    user-select:none;
    font-family:poppins;
    margin-bottom:10px
}
.custom-select,.custom-select-wrapper{
    position:relative;
    display:inline-block;
    width:100%;
    z-index:7
}
.custom-select-trigger{
    position:relative;
    display:block;
    width:100%;
    font-size:.9em;
    font-weight:500;
    color:var(--color-header-top-bar-text);
    line-height:60px;
    cursor:pointer;
    background-color:var(--color-header-top-bar-bg); 
    padding:0 84px 0 22px;
    font-family:poppins;
    background-repeat:repeat-y;
    background-position:right center;
	border-radius: var(--border-radius-2);
}
.custom-select-trigger:after{
    position:absolute;
    content:'';
    width:10px;
    height:10px;
    top:50%;
    right:25px;
    margin-top:-3px;
    transform:rotate(45deg) translateY(-50%);
    transform-origin:50% 0;
    border-right-width:1px;
    border-bottom-width:1px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-right-color:#333;
    border-bottom-color:#333
}
.custom-select.opened .custom-select-trigger:after{
    margin-top:3px;
    transform:rotate(-135deg) translateY(-50%)
}
.custom-options{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    min-width:100%;
    margin:15px 0;
    border:1px solid #e1e1e1;
    box-sizing:border-box;
    box-shadow:0 2px 1px rgba(0,0,0,.07);
    background:#fff;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-15px)
}
.custom-select.opened .custom-options{
    opacity:1;
    visibility:visible;
    pointer-events:all;
    transform:translateY(0);
    z-index:10
}
.custom-option,.custom-options,.custom-options:before,.custom-select-trigger:after{
    display:block;
    transition:all .4s ease-in-out
}
.custom-options:before{
    position:absolute;
    content:'';
    bottom:100%;
    right:25px;
    width:7px;
    height:7px;
    margin-bottom:-4px;
    border-top:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    background:#fff;
    transform:rotate(45deg)
}
.option-hover:before{
    background:#f9f9f9
}
.custom-option{
    position:relative;
    padding:0 22px;
    border-bottom:1px solid #e1e1e1;
    font-size:.9em;
    color:#333;
    line-height:47px;
    cursor:pointer
}
.custom-option:first-of-type:hover{
    color:#ccc;
    background-color:#fff;
    cursor:context-menu
}
.custom-option:first-of-type{
    color:#ccc;
    cursor:context-menu
}
.custom-option:last-of-type{
    border-bottom:0
}
.custom-option.selection,.custom-option:hover{
    background:#eee
}
.hkl3n{
    font-size:1em;
    color:#fff;
    margin-bottom:10px;
    margin-top:10px
}
.hkln{
    font-weight:500;
    font-size:1.3em;
    color:#222d2f;
    text-shadow:#fff 1px 1px 0
}
.hkl,.hkl2,.hkl3,.hkl3d,.hkln{
    width:100%
}
.hkl{
    font-weight:700;
    font-size:2em;
    text-align:center;
    color:#d6dcdc;
    text-shadow:#fff 1px 1px 0;
    margin-bottom:-20px
}
.hkl2,.hkl3,.hkl3d{
    margin-bottom:10px
}
.hkl2{
    font-weight:400;
    font-size:14px;
    color:#444d4d;
    text-shadow:#fff 1px 1px 0
}
.hkl3,.hkl3d{
    font-weight:700;
    font-size:1.5em;
    margin-top:10px
}
.hkl3{
    text-align:center;
    color:#222d2f;
    text-shadow:#fff 1px 1px 0
}
.hkl3d{
    color:#fff;
}
.hkl3w{
    font-size:.8em;
    color:#36a218;
    text-shadow:#fff 1px 1px 0;
    margin-bottom:2px;
    margin-top:2px;
    min-height:40px
}
.btnh,.hkl3n,.hkl3w{
    font-weight:700;

    width:100%
}
.hkl3n{
    font-size:1em;
    color:#fff;
    margin-bottom:10px;
    margin-top:10px
}
.btnh{
    font-size:1.1em;
    text-align:center;
    color:#222d2f;
    text-shadow:#fff 1px 1px 0;
    display:block;
    cursor:pointer;
    padding:10px;
    background-color:#fff
}
.opbig,.opbigw,.opsm{
    font-size:2rem;
}
.opsm{
    font-size:1.2em;
    padding-left:5px
}

 @media only screen and (max-width:720px){
    .k100{
        position:relative;
        margin-right:auto;
        margin-left:auto
    }
    .k70{
        width:97%;
        padding:2% 3% 2% 0
    }
    .k30{
        width:100%;
        margin:-25px 0 0;
        padding:10px
    }
    .k50bt{
        width:100%;
        margin-right:0;
        margin-bottom:70px;
        margin-left:0
    }
    .hkl2{
        margin-left:20px
    }
    .inputGroup{
        margin-left:3px
    }
    #customers{
        border-collapse:collapse;
        width:100%;
        font-size:.6em
    }
    .controls-kont,.controls-kontinfo{
        width:100%
    }
    .custom-select-trigger{
        position:relative;
        display:block;
        width:100%;
        font-size:.7em;
        font-weight:600;
        line-height:60px;
        cursor:pointer;
        padding:0 64px 0 10px;
        font-family:poppins
    }
    .custom-option,.option-hover:before{
        font-size:.7em
    }
    .answerk{
        height:190px;
        margin-top:-30px;
        margin-bottom:20px
    }
    .answerkbt{
        bottom:-10px
    }
    .kro3,.kro3f{
        width:100%
    }
    .kontl{
        height:150px
    }
    .columnkg{
        width:50%
    }
    .ratym,.ratyr{
        font-family:poppins;
        font-size:.8em;
        margin-right:3px;
        color:#333
    }
    .wfot{
        float:left;
        width:95%;
        bottom:2px;
        position:relative;
        display:inline-block
    }
    .wn{
        background-color:#fff;
        float:left;
        width:100%;
        border:1px solid #f4f4f4;
        padding:10px;
        margin-bottom:5px;
        min-height:140px;
        height:80px
    }
    .columnkg{
        float:left;
        padding:2.5px;
        height:auto;
        min-height:120px
    }
}
 @media only screen and (max-width:820px) and (orientation:landscape){
    .columnkg{
        width:50%
    }
    .k50bt{
         float: left;
         margin-right: 0;
         margin-bottom: 70px;
         margin-left: 0;
         width: 43%;
    }
     .k30{
         padding: 1%;
         background-color: #fff;
         border: 1px solid #f3f3f3;
         width: 43%;
         margin-top: 0%;
         margin-right: 0%;
         margin-bottom: 0;
         margin-left: 0%;
    }
}

/********************************************/
/* KALKULTOR WESTERN UNION PBS
/********************************************/
  .kalkulator-wu #kwota {
	text-align: right;
  }
  .kalkulator-wu input[type="number"],.kalkulator-wu select {
    border: 1px solid #3ca23b;
  }
  .kalkulator-wu input[type="number"] {
	position: relative;
	top: -1px;
  }
  .kalkulator-wu #oplata {
    border: 0;
    background: #f5f5f5;
    outline: 0;
    cursor: inherit;
	margin-left: 10px;
    padding: 3px 6px;
    text-align: right;
    font-weight: 700;
	}
	.kalkulator-wu #komunikat {
		color: red;
	}
	.kalkulator-wu #komunikat .green {
		color: green;
	}
	.kalkulator-wu .form-inline {
		padding:2rem;
		display: flex !important;
	}
	.kalkulator-wu label {
		min-width: 185px;
		padding-right: 0.5rem;
		display: inline-block;
	}
	@media (max-width: 767px) {
		.kalkulator-wu label {
			width: 100%;
		}
	}