@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
:root {
  --grey1: #f0ece4;
  --grey2: #e6e1d6;
  --black: #000000;
  --red: #ea1917;
}
@font-face {
    font-family: 'Regular';
    src: url('/lgmid.nsf/Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bold';
    src: url('/lgmid.nsf/Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{
    font-family: 'Regular', sans-serif;
    font-weight: 500 ;
    color: #000;
}
.dijitButtonNode .dijitArrowButtonInner {
  width: 12px !important;
}
body{
    min-height: 100vh;
    margin: 0;
    background-color: var(--grey1) !important;
}
/* 100vh - wysykość navabara */
.center-column-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height:calc(100vh - 150px);
}
@media (max-width: 768px){
	.center-column-between{
		min-height:calc(100vh - 220px);
	}
	.index-stopka-h{
		height: 140px !important;
	}
}
.index-stopka-h{
		height: 100px !important;
	}
.content{
  width: 100%;
  padding: 25px !important;
}
.text-center{
	text-align: center !important;
}
.shadow{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.width-100pro{
    width: 100% !important; 
}
.bg-white{
    background-color: white;
}
.h-100pro{
    height: 100%;
}
.h-50{
    height: 50px !important;
}
.w-400{
    width: 400px;
}
.pad-10{
    padding: 10px;
}
.pad-015{
    padding: 0 15px 0px 15px;
}
.pad-15{
    padding: 15px;
}
.mar-30{
    margin: 30px 0 !important;
}
.mar-15{
    margin: 15px 0 !important;
}
.pad-030{
    padding: 0 30px 30px 30px;
}
.pad-5{
    padding: 0 5px !important;
}
.pad-0{
    padding: 0px !important;
}
.mar-0{
    margin: 0px !important;
}

.mar-5{
    margin: 0px 5px !important;
}
.mar-vert-5{
    margin: 5px 0px !important;
}
.mar-left-5pro{
    margin-left: 5% !important;
}
.mar-left-5pro{
    margin-left: 5% !important;
}
.mar-right-10pro{
    margin-right: 10% !important;
}
.pad-15-horiz{
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.mar-bot-30{
    margin-bottom: 30px !important;
}
.h-20{
	height: 20px !important;
}
.h-40{
	height: 40px !important;
}
.w-100{
	width: 100% !important;
}
a, a:hover{
  text-decoration: none !important;
}
.pointer:hover{
  cursor: pointer;
}
.owu{
  padding: 25px !important;
  margin: 10px 0;
  height: 60px;
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
}
.button-showmore-container{
	padding: 0 5%;
}
.btn-white{
	background-color: white;
	border: solid #00B0E3 1px;
	border-radius: 3px;
	color: #00B0E3;
	padding: 10px 20px !important;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
}
.btn-white:hover{
	border: solid #00B0E3 2px;
	font-weight: bold;
}
.font-corossed{
	text-decoration: line-through;
}
.font-black{
	color: #000 !important;
}
.font-lightblue{
  color:#0095ff;
}
.font-blue{
  color: #396CB1;
}
.font-white, .font-white span{
  color:#ffffff !important;
}
.font-crossed{
  color: #C8C8C8;
  text-decoration: line-through;
}
.fit{
  height: fit-content;
  width: fit-content;
}
.font-grey{
  color: #838383;
}
.font-lightgrey{
  color: #DEDEDE;
}
.bold{
   font-family: 'Bold', sans-serif;
   font-weight: 500 ;
}
.font-24{
  font-size: 24px;
}
.font-22{
  font-size: 22px;
}
.font-20{
  font-size: 20px;
}
.font-18{
  font-size: 18px;
}
.font-16{
  font-size: 16px;
}
.font-14{
  font-size: 14px;
}
.font-12{
  font-size: 12px;
}
.font-10{
  font-size: 10px;
}
.center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-left-top{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.center-vertical{
  display: flex;
  align-items: center;
}
.center-right{
  display: flex;
  justify-content: flex-end;
}
.center-left{
  display: flex;
  justify-content: flex-start;
}
.center-ai{
  align-items: center;
}
.center-ac{
  align-content: center;
}
.center-horizontal{
  display: flex;
  justify-content: center;
}
.center-column{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.beetwen{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.back-tomain{
  padding-left: 5%;
}
.input-basic{
  padding: 10px;
  height: 40px;
  outline: none;
  border: solid 1px #000;
  border-radius: 10px;
  color: #000;
}
.input-rad{
  padding: 10px;
  height: 40px;
  outline: none;
  border: solid 1px #DEDEDE;
  border-radius: 10px;
}
.input-radio{
  padding: 10px;
  height: 40px;
  outline: none;
  border: solid 1px #DEDEDE;
  border-radius: 10px;
  cursor: pointer;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-radio-active{
  padding: 10px;
  height: 40px;
  outline: none;
  border: solid 2px var(--red);
  border-radius: 10px;
  cursor: pointer;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-basic-nohov{
  padding: 10px;
  height: 40px;
  outline: none;
  border: solid 1px #DEDEDE;
  border-radius: 3px;
}
.serch{
  margin: 10px 0;
}
.serch .input-basic, .serch .input-rad{
  
}
.owu .input-basic{
  width: 400px;
}
.input-basic:focus, div.input-basic:hover{
  border: solid 2px #000;
}
.footer-space{
  height: 70px !important;
}
.footer-price-space{
  height: 50px !important;
}
.footer-price-space-click{
  height: 130px !important;
}
.footer-final-space{
  height: 50px !important;
}
.footer-container {
  z-index: 20;
  margin-right: 0px !important;
  margin-left: 0px !important;
  background-color: var(--grey2);
  height: 100px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid #d9d9d9;
  padding: 0px 5px  !important;
}
.footer-continue{
  width: 33.333333333% !important;
  padding-right: 5% !important;
  cursor: pointer;
}
.footer-back{
  padding-left: 5% !important;
  cursor: pointer;
}
.back-tomain:hover{
  padding-left: 5%;
  color:#0095ff;
}
.footer-step > div, .footer-continue > div{
  display: inline;
}
.footer-price {
  padding: 0 20px;
  z-index: 20;
  background-color: var(--red);
  border-radius: 20px 20px 0px 0px;
  height: 50px;
  position: fixed;
  right: 15px;
  width: calc(28% - 30px);
  bottom: 100px !important;
  color: black !important;
}
.footer-price-click{
  padding: 0 20px;
  z-index: 20;
  background-color: var(--red);
  border-radius: 20px 20px 0px 0px;
  height: 130px;
  position: fixed;
  right: 15px;
  width: calc(28% - 30px);
  bottom: 100px !important;
  color: #fff !important;
}
@media (max-width: 300px) {
  .main-element > img{
      bottom: 120px !important;
  }
}
.footer-price div, .footer-price-click div{
 	color: #fff !important;
}
.footer-price-final {
  padding: 0 20px;
  z-index: 20;
  background-color: var(--red);
  border-radius: 20px 20px 0px 0px;
  height: 50px;
  position: fixed;
  right: 15px;
  width: calc(28% - 30px);
  bottom: 0 !important;
}
.footer-price-click-final{
  padding: 0 20px;
  z-index: 20;
  background-color: #396CB1;
  border-radius: 20px 20px 0px 0px;
  height: 130px;
  position: fixed;
  right: 15px;
  width: calc(28% - 30px);
  bottom: 0 !important;
}
.final {
  bottom: 0px !important;
}
.footer-price-elements > div:nth-child(1){
  padding: 0px 5px;
}
.footer-price-elements > div:nth-child(3){
  padding: 0px 20px;
}
.footer-price-elements > div:nth-child(4), .footer-price-elements > div:nth-child(2){
  padding: 0px;
}
.footer-main-container{
	margin-top: -10px;
	border-radius: 10px 10px 0 0;
	background-color: #2C2E35;
	height: 300px !important;
	width: 100%;
}
.footer-main{
	height: 100%;
}
.footer-main > div:nth-child(1){
	margin: 20px 0;
}
.svg-questionmark{
  height: 20px !important;
  width: 20px !important;
}
.svg-checked{
  height: 14px !important;
  width: 14px !important;
}
.info-header{
	padding: 0 5% !important;
}
.info-header img{
	float: right !important;
}
.info .info-block-fir{
  padding-left: 0px !important;
  padding-right: 5px !important;
}
.info .info-block-sec{
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.info .info-block-th{
  padding-right: 0px !important;
  padding-left: 5px !important;
}
.info path{
  stroke: #0095ff !important;
}
.info .block:hover path{
  stroke: #ffffff !important;
}
.infocover-container{
	background-color: #F4F4F4;
	padding: 25px 25px 35px 25px !important;
	margin: 0px !important;
}
.infocover-block{
	padding: 50px;
}
.infocover-br{
	height: 12px !important;
	width: 100%;
}
.infocover-container .col-lg-4{
	height: 500px;
}
.infocover-container .col-sm-6{
	height: 500px;
}
.header-element{
  width: calc(100% / 3) ;
}
.header-container{
  height: 100px;
  background-color: var(--grey2);
}
.header-logo .mid-logo{
  width: 200px !important;
}
.header-logo .lg-logo{

  width: unset !important;
			    height: 55px !important;
			    margin-top: 2px !important;
}
.header-logoB img{
  width: 400px !important;
}
.header-summary{
  width: calc(90% - 15px) !important;
  padding-left: calc(15px + 5%) !important;
  padding-right:5% !important;
  font-size: 20px;
  font-family: 'Bold', sans-serif;
  font-weight: 500;
  padding: 20px 0;
}
.header-summary-sec{
  width: 100% !important;
  padding-left: 0 !important;
  padding-right:0 !important;
  font-size: 20px;
  font-family: 'Bold', sans-serif;
  font-weight: 500;
  padding: 20px 0;
}
.header-final{
  width: 100% !important;
  padding-left: 0 !important;
  padding-right:0 !important;
  font-size: 20px;
  font-family: 'Bold', sans-serif;
  font-weight: 500;
  padding: 20px 0;
}
.radio-options-header{
  text-align: center;
  font-size: 20px;
  font-family: 'Bold', sans-serif;
  font-weight: 500;
  padding: 20px 0;
}
.code-container{
  padding-bottom: 100px;
  height: calc(100vh - 170px);
  width: 100%;
}
.index-container{
	  padding-bottom: 100px;
	  height: calc(100vh - 170px);
	  width: 100%;
	}
	.index-container > div{

	  width: 100%;
	}
.code-container > div{
  width: 100%;
}
.code{
  margin: 20px 0;
}
.code .input-basic{
  width: 300px;
}
.yyy{
  width: 100%;
}
.option-container{
  margin: 20px 0;
}
.block{
  height: 100px;
  background-color: #F5F5F5;
  border-radius: 10px;
  padding: 0px !important;
}
.block-nh{
  height: 100px;
  border-radius: 10px;
  padding: 0px !important;
  background-color: #F5F5F5;
}
.block-inactive{
 height: 120px;
  background-color: #FFF;
  border-radius: 10px;
  padding: 10px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor:pointer;
  color: #000;
}
.block-active{
 height: 120px;
  background-color: var(--red);
  border-radius: 10px;
  padding: 10px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor:pointer;
  color: #fff;
}
.block-inactive img, .block-active img{
	margin-bottom: 5px;
}
.block-active .block-title{
  font-family: 'Bold', sans-serif;
  font-weight: 500;
  color: #fff;
}
.block-inactive .block-title{
  color: #000;
}
.block:hover{
  background-color: #0095ff;
  cursor: pointer;
}
.block:hover .block-title{
  color: #fff;
}
.block-price-container{
  display: flex;
  justify-content: left;
}
.block-price-container > div:nth-child(1){
  display: flex;
  justify-content: left;
}
.block-price-container > div:nth-child(2){
  display: flex;
  justify-content: left;
}
.block-price{
  width: 250px;
  height: 150px;
}
.block-price-container .block-container:nth-child(1){
  margin-right: 5px;
}
.block-price-container .block-container:nth-child(2){
  margin-left: 5px;
}
.block-price > div{
  height: fit-content;
}
.width-row{
  width: 100%;
}
.block-title{
	font-size: 14px;
	line-height: 14px;
}
.user .block-container{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.first-block{
  padding-right: 5px !important;
  padding-left: 0px !important;
}
.sec-block{
  padding-right: 0px !important;
  padding-left: 5px !important;
}
.price-container{
  padding-left:3% !important;
}
.offer-list{
  display:block;
}
.offer-list{
  height: fit-content;
  padding: 10px 5px;
  width: 100%;
}
.offer-list-element{
  padding: 5px 0;
}
.active .offer-installment{
  background-color: #fff;
  padding: 10px !important;
  height: fit-content;
  border-radius: 0 0 10px 10px;
  border: 0px;
  border-top: 1px solid #000;
}
.inactive .offer-installment{
  background-color: #fff;
  padding: 10px !important;
  height: fit-content;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid black;
  border-top: 1px solid #000;
}
.offer > .input-rad{
  margin: 5px 0 !important;
}
.offer-no .offer-text{
  color: #C8C8C8;
  text-decoration: line-through;
}
.offer-installment{
  padding: 5px;
}
.installment-element-low{
  font-size: 11px;
  color: #838383;
}
.installment-element > div{
	width: 100% !important;
}
.installment-element-mid{
  font-size: 13px;
  width: 100% !important;
  height: fit-content !important;
}
.installment-element-mid{
  font-size: 13px;
  width: 100% !important;
  height: fit-content !important;
}
@media (max-width: 410px){
	.installment-element .installment-element-mid{
  font-size: 8px;
  width: 100% !important;
  height: fit-content !important;
}
.installment-element .installment-element-high{
  font-size: 10px;
  width: fit-content !important;
  height: fit-content !important;
}
.installment-element .installment-element-low{
  font-size: 8px;
  width: 100% !important;
  height: fit-content !important;
  width: fit-content !important;
}
.choose-button {
    padding: 10px 0;
    font-size: 14px;
    width: 100px;
    border-radius: 90px;
    cursor: pointer;
}
}
.installment-element-high{
  font-size: 14px;
  font-family: 'Bold', sans-serif;
  font-weight: 500;
}
.installment-element{
  width: 30%;
}
.active .offer-yes .offer-text{
font-family: 'Bold', sans-serif;
  font-weight: 500;
  color: #000;
}
.inactive .offer-yes .offer-text{
font-family: 'Bold', sans-serif;
  font-weight: 500;
  color: #000;
}
.active .h-offer, .active .offer-list{
	background-color: #FFF;	
}
 .active .h-offer{
	border: solid 5px var(--red) !important;
}
.inactive .h-offer, .inactive .offer-list{
	background-color: #fff;
}
.active .font-color-offer{
    color: #ffffff;
}
.wybrany .h-offer, .wybrany .offer-list{
    color: var(--red) !important;
    background-color: var(--red) !important;
}
.wybrany .offer-list{
	background-color: var(--red) !important;	
}
.footer-price-click .img-ina, .footer-price-click-final .img-ina, .input-radio-active .img-ina, .block-active .img-ina{
	display: none !important;
}
.footer-price .img-act, .footer-price-final .img-act, .input-radio .img-act, .block-inactive .img-act{
	display: none !important;
}
.wybrany .img-ina{
	display: none !important;	
}
.nieWybrany .img-act{
	display: none !important;	
}
.img-home, .img-home > img{
	height: 50px !important;
}
.active .check-big img, .active .check-space{
	height: 20px !important;
	display: block !important;
}
.inactive .check-big img, .inactive .check-space{
	height: 20px !important;
	display: none !important;
}
.active .check-big{
	display: flex !important;
}
.check-space{
	width: 4px;
	height: 20px;
}
.active .summary-price-number, .active .summary-price-zl, .active .summary-installment{
	color: white;
}
.active .block-nh{
	background-color: var(--red) !important;
}
.inactive .block-nh{
	background-color: #fff !important;
}
.self-cover .choose-button{
  padding: 20px 0;
  font-size: 18px;
  width: 80% !important;
}
.self-cover button.choose-button:hover, .self-cover button.choose-button:focus, .self-cover button.choose-button:active{
	cursor: pointer;
	border: none !important;
	outline: none !important;
}
.self-cover .block{
  height: 80px !important;
}
.self-cover .block:hover{
  color: white !important;
}
.war{
  display: inline !important;
}
.self-first-section{
  padding: 0 5% !important;
}
.self-second-section{
  padding-right: 5% !important;
}
.self-second-section input{
  width: 100% !important;
}
.self-cover .checkbox{
	height: 100% !important;
	width: 14px !important;
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.self-cover .checkbox input[type=checkbox]{
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}
.self-second-section > .header-final{
  padding-bottom: 40px;
  width: 80% !important;
}
/*
.final-self-cover-fir{
  padding-left: 0px !important;
  padding-right: 5px !important;
}
.final-self-cover-sec{
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.final-self-cover-th{
  padding-left: 5px !important;
  padding-right: 0px !important;
}
*/
.h-offer{
  z-index: 10;
  height: fit-content !important;
  border: none;
}
.space{
  width: 15px;
}
div > .date-otion:nth-child(1), .date-otion:nth-child(2){
  padding: 0 5%;
}
div > .date-otion:nth-child(3){
  padding: 0 0 0 5%;
}
.summary-list-element{
  border-bottom: #E3E3E3 1px solid;
  width: 90% !important;
  margin: 0 5% !important;
  padding-bottom: 10px;
  padding-top: 10px;
}
.summary-list-number{
  width: 120px !important;
}
.summary-list-number > div:nth-child(2){
  margin-left: 10px;
  margin-right: 5px;
}
.summary-list-element > div:nth-child(2){
  width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.summary-price{
  height: 80%;
}
.summary-installment{
  height: 20%;
  text-align: center;
  font-size: 16px;
}
.summary-price-number{
  font-size: 50px;
}
.summary-price-zl{
  font-size: 12px;
  padding: 0 5px 25% 5px;
}
.checklist-final-element > div{
  margin: 20px 0;
}
.checklist-final-element input{
  width: 13px !important;
  margin-right: 10px !important;
  margin-top: 0 !important;
}
.main-option{
  margin: 0 20px;
}
.main-option-button{
  margin: 0 0 0 20px;
  padding: 5px 30px;
  background-color: #0095ff;
  border-radius: 3px;
  color: #ffffff !important;
}
.main-option-button:hover{
  color: #ffffff !important;
}
.main-background-left{
  width: 50%;
}
.main-background-right{
  width: 50%;
}
.main-background-right > img:nth-child(2){
  height: 100%;
}
.main-element{
  width: 100%;
  height: 100px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5%;
}
.main-background{
  width: 100%;
  min-height: 500px;
  background-color: var(--red);
  padding: 0 10% !important;
}
.main-header-text{
  font-size: 72px;
  line-height: 72px;
}
.main-option a:hover {
  color:#0095ff;
}
.main-background-block{
  background: #4076BE;
  padding: 20px 40px;
  border-radius: 90px;
  width: 80%;
  margin: 50px 0 10px 0;
}
.main-background-block > div:nth-child(1){
  padding-right: 40px;
}
.slides-block{
  width: 100%;
  min-height: 400px;
}
.slides-top{
  background-color: #FFFFFF;
  padding: 0 10%;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-end;
}
.slides-top > div{
  padding: 5px 0;
}
.blue-line{
  height: 3px;
  width: 75px;
  border-radius: 5px;
  margin-left: 10% !important;
  background-color: #00B0E3;
}
.slides-bottom{
  background-color: #EFEFEF;
  width: 100%;
  min-height: 300px;
  padding: 0 10%;
}
.carousel-control {
  text-shadow: inherit !important;
  background-color: inherit !important;
}
.carousel-control.right, .carousel-control.left{
  background-image: inherit !important;
  color: #0095ff !important;
}
.carousel-indicators li {
  background-color: #396CB1 !important;
}
.carousel-indicators li.active {
  background-color: #00B0E3 !important;
}
.slides-bottom-text{
  width: 500px;
}
.slides-graphic{
  margin-bottom: 20px;
}
.slidy{
  margin-bottom: 50px;
}
.shop-header-name{
  border-bottom: 1px solid #F0F0F0;
}
.shops{
  padding: 50px 50px !important;
  display: inline-block;
  margin-right: 10px;
}
.shops .shop-container {
  border: #DEDEDE 1px solid;
  height: 200px;
  background-color: #ffffff;
  transition: transform 0.3s;
}

.shops .shop-container:hover  {
  transform: scale(1.1);
  z-index: 10;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.shop > a{
  display: none;
}
.shops .shop-container:hover a{
  display: block;
  margin-top: 10px !important;
  color: #396CB1;
  text-align: center;
}
.shop a:hover{
  font-family: 'Bold', sans-serif;
  font-weight: 500;
  color: #396CB1;
  cursor: pointer;
}
.shop-logo{
  height: 100px !important;
}
.shop-logo img{
  max-width: 100% !important;
}
.partners-text-container{
	margin: 80px 0px 30px 0px;
	padding: 0 20px;
}
.partners-text{
	text-transform: uppercase;
	letter-spacing: 8px;
}
.partner img{
	width: 120px !important;
}
.partners-container{
	padding: 0px 10% 0px 10% !important;
	margin: 30px 0px !important;
}
.partner{
   margin: 10px 0;
   height: 70px !important;
}
.date-picker-container > div{
	width: 100% !important;
	height: 40px !important;
    outline: none !important;
    border: solid 1px #DEDEDE !important;
    border-radius: 3px !important;
}
.dbootstrap .dijitComboBox .dijitButtonNode, .date-picker-container > input{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.date-picker-container > div > div{
	height: 40px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.date-picker-container .xspInputFieldEditBox[role="combobox"] {
    height: 40px !important;
}
.date-picker-container .xspInputFieldDatePickerIcon{
    margin-left: 0px !important;
}
.dbootstrap .info .dijitButtonNode {
    background-image: none !important;
    background-color: #F5F5F5 !important;
}
.dijitComboBox > div.dijitButtonNode, .dijitDateTextBox > div.dijitButtonNode{
    width: 40px !important;
}
.modal{
	display:none !important;
}
.in{
	display: flex !important;
	padding-left: 15px !important;
}
.modal-dialog{
	width: 500px !important;
}
.offer-year img{
	height: 18px;
	width: 18px;
}

.offer-year > div > div:nth-child(1), .offer-year > div > div:nth-child(2){
	margin-right: 5px;
}
.offer-year > div > div:nth-child(3){
	text-align: left;
	width: 38px;
}

.offer-yearl img{
	height: 18px;
	width: 18px;
}

.offer-yearl > div > div:nth-child(1), .offer-yearl > div > div:nth-child(2){
	margin-right: 5px;
}
.offer-yearl > div > div:nth-child(3){
	text-align: left;
	width: 90px;
}


@media (max-width: 300px) {
  .main-element > img{
      width: 50%;
  }
  .main-option-button{
      padding: 2px;
  }
}
@media (max-width: 275px) {
  .footer-price-elements > div, .price{
      font-size: 12px !important;
   }
   .footer-price-elements > div:nth-child(3){
      padding: 0px 10px;
  }
}
@media only screen and (max-width: 350px) {
  .code .input-basic{
      width: 90%;
  }
  .col-12-xss{
    width: 100% !important;
    font-size: 12px !important;
  }
  .col-12-xss img{
      width: 100% !important;
  }
  .shops{
      padding: 0px 25px 50px 25px !important;
      display: inline-block;
      margin-right: 10px;
  }
  .price-block .offer-option-text{
    font-size: 12px !important;
  }
  .choose-button{
      padding: 10px 0;
      font-size: 14px;
      width: 100px;
      border-radius: 90px;
      cursor: pointer;
  }

  .installment-element-low{
      font-size: 7px;
  }
  .installment-element-mid{
      font-size: 11px;
  }
  .installment-element-high{
      font-size: 13px;
      width: fit-content !important;
  }
  .installment-element-zl{
 	 width: fit-content !important;
  }
  .check-space{
  width: 0px;
  height: 0px;
  }
}
@media (max-width: 450px) {
  .owu .input-basic{
    width: 100% !important;
  }
  .shops .shop-container {
    height: 150px;
  }
  .shop-choose, .shop-text{
    font-size: 12px !important
  }
  .shops .shop-container:hover a {
    margin-top: 5px !important;
  }
}
@media (max-width: 650px) {
  .main-background-left{
      width: 100% !important;
  }
  .main-background-right{
      display: none !important;
  }
  .main-header-text{
      font-size: 46px;
      line-height: 46px;
  }
  .main-background-block > div:nth-child(1){
      padding-right: 5px;
  }
  .main-option:nth-child(1), .main-option:nth-child(2){
      display: none;
  }
  .main-option-button{
      padding: 5px 10px;
      margin-left: 0px;
  }
}
@media only screen and (max-width: 750px) {
  .serch input{
      width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .block-container img{
  	width: 250px
  }
  .info-icon{
  	margin-top: 38px;
  }
  .block-title {
    font-size: 10px;
    line-height: 10px;
}
  .equ .block-container{
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      padding-right: 0px !important;
      padding-left: 0px !important;
  }
  .user .block-container{
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .equ .width-row{
      width: 400px !important;
  }
	.self-cover .choose-button{
    width: 100% !important;
  }
  .radio-options-year .col-xs-30-child .col-xs-4{
      /* (100% / 3) - (20px / 3) */
      width: calc(33.33333333% - 6.66666666667px) !important;
      margin: 0px 5px;
  }
  .col-xs-30-child .offer-radio-element:nth-child(1) .col-xs-4{
      margin-left: 0px !important;
  }
  .col-xs-30-child .offer-radio-element:nth-child(2) .col-xs-4{
      margin-left: 5px !important;
      margin-right: 5px !important;
  }
  .col-xs-30-child .offer-radio-element:nth-child(3) .col-xs-4{
      margin-right: 0px !important;
  }
  .col-xs-30-child .offer-radio-element:nth-child(4) .col-xs-4{
      margin-right: 5px !important;
      margin-left: 0px !important;
      margin-top: 10px !important;
  }
  .col-xs-30-child .offer-radio-element:nth-child(5) .col-xs-4{
      margin-right: 5px !important;
      margin-left: 5px !important;
      margin-top: 10px !important;
  }
  .col-xs-30-child .offer-radio-element:nth-child(6) .col-xs-4{
      margin-right: 0px !important;
      margin-left: 5px !important;
      margin-top: 10px !important;
  }
  .offer-year{
  	width: calc(33.33333333% - 10px/3);
  }
  
    .offer-yearl{
  	width: calc(33.33333333% - 10px/3);
  }
  
  .header-element:nth-child(1){
    visibility: hidden;
  }
  .prod-option-container{
    margin-top: 20px;
  }
  .footer-price {
    position: fixed;
    right: 0px;
    bottom: 100px;
    width: 100%;
    padding: 0 20px;
 }
 .footer-price-click {
    position: fixed;
    right: 0px;
    bottom: 120px !important;
    width: 100%;
    padding: 0 20px;
 }
 .footer-price-click-final, .footer-price-final{
   position: fixed;
    right: 0px;
    bottom: 0px;
    width: 100%;
    padding: 0 20px;
 }
 .price-container{
  padding-left:0% !important;
}
  .summary-list-element{
      width: 100% !important;
      margin: 0 !important;
      padding-bottom: 10px;
      padding-top: 10px;
  }
  .block-price-container{
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .header-summary{
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 30px 30px 30px !important;
      width: 100% !important;
      font-size: 16px;
      text-align: center;
  }
  .header-summary-sec{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100% !important;
      padding: 30px !important;
      font-size: 16px;
      text-align: center;
  }
  .self-first-section, .final-self-cover-fir, .final-self-cover-sec, .final-self-cover-th{
    padding: 0 !important;
  }
  .self-second-section{
      padding-right: 0% !important;
  }
  .slides-bottom-text{
    width: 100%;
  }
  .slides-bottom{
      height: fit-content !important;
      padding: 20px 10% 50px 10% !important;
  }
  .infocover-container .col-xs-12{
    height: fit-content;
  }
}
@media only screen and (min-width: 768px) {
	.header-logo .mid-logo{
  		margin-left: 70px
}
.header-logo .lg-logo{
margin-right: 70px
}

  .option{
      padding: 0px 5px !important;
  }
  .equ .block-container{
    padding-right: 5px !important;
    padding-left: 5px !important;
	paddin-top: 5px !important;
	padding-bottom: 5px !important;
  }
  .offer-installment{
    width: 100%;
  }
  .offer-year{
      width: 100px !important;
      margin: 5px 0px !important;
  }
  
  .offer-yearl{
      width: 140px !important;
      margin: 5px 0px !important;
  }
  
  .offer-radio-element{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .prod > div:nth-child(3), .prod > div:nth-child(4){
    display: none !important;
  }
  .final-input-container{
    width: 100% !important;
    height: 90px;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .footer-price {
      position: fixed;
      right: 15px;
  bottom: 100px;
      width: calc(50% - 20px) !important;
   }
   .footer-price-click {
      position: fixed;
      right: 15px;
      bottom: 100px;
      width: calc(50% - 20px) !important;
   }
   .footer-price-click-final, .footer-price-final{
     position: fixed;
      right: 15px;
      bottom: 0px;
      width: calc(50% - 20px) !important;
   }
}
@media (min-width: 768px) and (max-width: 1000px){
  .infocover-container .col-lg-4{
  height: 550px;
  }
}
@media (min-width: 1000px) and (max-width: 1200px){
  .infocover-container .col-lg-4{
  height: 425px;
  }
}
@media (min-width: 1600px){
  .infocover-container .col-lg-4{
  height: 350px;
  }
}
@media (max-width: 992px){
  .radio-options-header{
      display: none !important;
  }
  .summary-installment{
    font-size: 14px;
  }
  .block-price{
      width: 175px;
      height: 100px;
  }
  .summary-price-number{
      font-size: 32px;
  }
  .summary-price-zl{
      font-size: 10px;
      padding: 0 5px 20% 5px;
  }
	.rozwinF .h-offer{
		height: 70px;
	}
	.rozwinF .offer-list, .rozwinF .offer-installment{
		display: none !important;
	}
	.active .img-ina-mob{
		display: none;
	}
	.inactive .img-act-mob{
		display: none;
	}
}
@media (min-width: 992px){
	.img-act-mob, .img-ina-mob{
		display: none;
	}
	.offer .col-md-4{
		width: 32% !important;
	}
	.offer .offer-first{
		 margin: 5px 1% 5px 0px !important;
	}
	.offer .offer-mid{
		 margin: 5px 1% !important;
	}
	.offer .offer-last{
		 margin: 5px 0px 5px 1% !important;
	}
    .cover-header{
        display: none !important;
    }
    .bootsrap-30pro > .col-md-4 {
        width: 32%;
    }
    .bootsrap-30pro:nth-child(2) > .col-md-4 {
        margin-right: 2% !important;
        margin-left: 2% !important;
    }
}
@media (max-width: 300px), (min-width: 992px) and (max-width: 1250px) {
  .offer-option .offer-option-text{
      font-size: 11px !important;
  }
  .choose-button{
      padding: 10px 0;
      font-size: 14px;
      width: 100px;
      border-radius: 90px;
  
      cursor: pointer;
  }
  .installment-element-low{
      font-size: 7px;
  }
  .installment-element-mid{
      font-size: 8px;
  }
  .installment-element-high{
      font-size: 9px;
  }
  .active .offer-installment{
	  padding: 5px !important;
	}
}
@media (max-width: 375px){
  .offer-option .offer-option-text{
      font-size: 10px !important;
  }
  
}
@media (min-width: 992px) and (max-width: 1250px) {
  .offer-option .offer-option-text{
      font-size: 20px !important;
  }
}
@media (min-width: 410px) and (max-width: 450px), (min-width: 1250px) and (max-width: 1550px) {
  .price-block .offer-option-text{
    font-size: 14px !important;
  }
  .choose-button{
      padding: 10px 0;
      font-size: 14px;
      width: 100px;
      border-radius: 90px;
      cursor: pointer;
  }
  .installment-element-low{
      font-size: 8px;
  }
 .installment-element-mid{
      font-size: 9px;
  }
  .installment-element-high{
      font-size: 11px !important;
  }
  .active .offer-installment{
	  padding: 5px !important;
	}
}

@media (min-width: 1200px){
  .shops .col-lg-2{
      width: 20%;
  }
}
@media (max-width: 1235px) {
  .main-background-block{
      width: 100%;
      padding: 20px 20px;
  }
  .main-background-block > div:nth-child(1){
      padding-right: 20px;
  }
  .main-background-right img{
      width: 75%;
  }
  .main-header-text{
      font-size: 54px;
      line-height: 54px;
  }
}
@media (max-width: 400px){
	.blockPolecane{
		width: 100px !important;	
	}
  .partner{
      width: 100% !important;
  }
  .partners-container{
  padding: 0 5%;
  }
  .summary-installment{
    font-size: 12px;
  }
  .block-price{
      width: 100px;
      height: 75px;
  }
  .summary-price-number{
      font-size: 24px;
  }
  .summary-price-zl{
      font-size: 8px;
      padding: 0 5px 15% 5px;
  }
}
.confirmation-image{
	padding: 50px 0 25px 0;
}
.light-blue-line{
	min-width: 40px;
	width: 15%;
	margin: 25px auto;
	height: 3px;
	border-radius: 1.5px;
	background-color: #0095ff;
}
.red-line{
	min-width: 40px;
	width: 15%;
	margin: 25px auto;
	height: 3px;
	border-radius: 1.5px;
	background-color: var(--red);
}
.confirmation-contact{
    padding: 20px 0px !important;
    border-bottom: #E3E3E3 solid 1px;
    border-top: #E3E3E3 solid 1px;
}
.confirmation-contact .contact-top img{
    height: 16px !important;
    width: 16px !important;
    margin-right: 5px !important;
}
  .confirmation-contact .contact-element:nth-child(1){
	  display: flex;
	  justify-content: flex-end;
	  align-items: center;
  }
  .confirmation-contact .contact-element:nth-child(2){
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .confirmation-contact .contact-element:nth-child(3){
	  display: flex;
	  justify-content: start;
	  align-items: center;
  }
.confirmation-btn{
	margin: 30px 0;	
}
  .btn-lightblue{
      padding: 20px 60px;
      font-size: 14px;
      font-family: 'Bold', sans-serif;
  font-weight: 500;
      background-color: #0095ff;
      border-radius: 90px;
      color: #fff;
      cursor: pointer;
  }
   .btn-lightblue2{
      font-size: 14px;
      font-family: 'Bold', sans-serif;
  font-weight: 500;
      background-color: #0095ff;
      border-radius: 90px;
      color: #fff;
      cursor: pointer;
      height: 50px;
  }
  
.blockPolecane{
	background-color: var(--red);
    height: 30px;
    padding: 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
 @media (max-width: 768px) {
 	.confirmation-contact .contact-element:nth-child(1), .confirmation-contact .contact-element:nth-child(2), .confirmation-contact .contact-element:nth-child(3){
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 5px 0;
  }
    .confirmation-btn .btn-lightblue{
      padding: 20px 20px;
	width: 90% !important;
  }
  .confirmation-contact{
    padding: 5px 0px !important;
	}
}
.recomended-container {
    width: 100px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.recomended {
    background-color: var(--red);
    height: 30px;
    padding: 0 30px;
    font-size: 18px;
    font-family: 'Bold', sans-serif;
  font-weight: 500;
    color: white;
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recomended-containerOC {
    width: 100px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 20%;
    transform: translateX(-50%);
}

.recomendedOC {
    background-color: var(--red);
    height: 30px;
    padding: 0 30px;
    font-size: 18px;
    font-family: 'Bold', sans-serif;
  font-weight: 500;
    color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.price-block-container{
	height: fit-content;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	width: fit-content ;
}
.price-block{
	padding: 10px;
	width: 130px ;
}
.price-block-info{
	padding: 10px;
	width: 130px ;
}
.installment-price-block{
	margin-right: 0px !important;	
}
.price-block .installment-element-mid{
	display: flex;
  	justify-content: flex-end;
  	align-items: center;
  	font-size: 12px !important;
}
.price-block .installment-element-high{
  	font-size: 15px !important;
}
@media (min-width: 992px) {
	.price-block-container{
    display: none !important
	}
		.recomended-container ~ .offer-price-container{
		margin-top: 30px !important;
	}
}
@media (max-width: 992px) {
		.recomended-container ~ .offer-price-container{
		margin-top: 20px !important;
	}
}
@media (max-width: 525px) {
	.recomended-container {
	left: 12px !important;
    transform: translateX(0%) !important;
}
.recomended {
    padding: 0 15px !important;
    border-radius: 10px 0px 10px 0px;
}
}
@media (max-width: 445px) {
	.offer-option-text{
	font-size: 13px !important;
	}
		.recomended-container {
		left: -11px !important;
	    transform: translateX(0%) !important;
	}
	.recomended {
	    padding: 0 8px !important;
	    font-size: 13px !important;
	}
}
@media (max-width: 350px) {
	.price-block > div, .installment-price-block, .installment-price-block ~ .installment-element-mid{
		display: block !important;
	}
	.price-block > .h-20{
		height: 40px !important;
	}
	.installment-price-block, .installment-element-mid{
		text-align: left !important;
	}
	.price-block{
	padding: 10px;
	width: 70px !important;
	}
	.price-block-info{
		padding: 10px;
		width: 70px !important;
	}
	.installment-element-mid {
	    font-size: 13px;
	    width: 100% !important;
	    height: fit-content !important;
	}
	.price-block-info{
		padding: 5px !important;
	}
	.price-block-info > div{
		padding: 0px !important;
	}
	.price-block .installment-element-high {
	    font-size: 13px !important;
	}
}
@media (min-width: 1250px) {
	.footer-yellow .installment-element-low {
	    font-size: 11px;
	    color: #838383 !important;
	}
	.footer-yellow .installment-element-mid {
	    font-size: 13px;
	}
	.installment-element-high {
	    font-size: 14px;
	    font-family: 'Bold', sans-serif;
  font-weight: 500;
	}
}
.btn-gold, .btn-gold:hover, .btn-gold:focus, .btn-gold:active{
	color: black !important;
	background-color: #f7d723 !important;
	outline: none !important;
	border-radius: 5px;
	border: none !important;
}
.installment-element-zl{
	margin-top: -3px !important;
	font-size: 9px !important;
	height: fit-content;	
}
.modal-content span, .offer-text span{
	white-space: nowrap !important;
}
.checklist-final-element .checkbox{
	height: 20px !important;
	width: 20px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.checklist-final-element .checkbox input{
	margin: 0px !important;
}
.checklist-final-element-text{
	width: calc(100% - 20px) !important;
}
.wybrany .h-offer, .wybrany .offer-list {
	background-color: var(--red) !important;
	border-radius: 10px !important;
}
.wybrany .h-offer{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border: solid 5px var(--red) !important;
	background-color: var(--red) !important;
}
.wybrany .offer-installment{
	border-top: solid #000 1px !important;
	border-radius: 0 0 0px 0px;
	overflow: hidden;
}
.wybrany .h-offer{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media (max-width: 525px){
.recomended {
    border-radius: 0px 0px 10px 0px !important;
    overflow: hidden;
    paddin: 0px 64px important;
	}
}
.headerC{
	font-size: 24px;
	color: #0095ff;
	text-align: center;
	margin: 20px 0 10px 0;
	font-family: 'Bold', sans-serif;
  font-weight: 500;
}
.labelC{
	margin-right: 0px !important;
	margin-left: 0px !important;
	font-size: 18px;
	text-align: right;
	height: 40px !important;
	padding-right: 0px !important;
}
.inputC{
	margin: 10px 0;
}
.inputC .dijit{
	height: 40px !important;
	width: 100% !important;
}
.inputC .dijitRight{
	height: 40px !important;
	width: 40px !important;
}
.inputC .dijitInputContainer{
    padding: 12px !important;
}
.btnC-container{
	margin-top: 10px;
}
.btnC{
	background-color: #F5F5F5 !important;
	border: #ccc 1px solid !important;
}
.btnC:hover, .btnC:focus{
	background-color: #0095ff !important;
	border: #0095ff 1px solid !important;
	color: #fff !important;
}
.tabelaC > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1), .tabelaC > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(3){
	display: none !important;
}
.wynikC{
	height: 40px;
}
@media (max-width: 768px){
	.labelC{
		text-align: left;
		height: fit-content !important;
		justify-content: start;
	}
	.wynikC{
		justify-content: left !important;
	}
	.wyczyscC{
		margin: 10px 0;
	}
	.wynikC{
		height: fit-contetnt !important;
	}
}

.logoN{
	max-width: 600px;
}
.mobile{
	display: none !important;
}
.computer{
	display: block !important;	
}
@media (max-width: 768px){
	.mobile{
		display: block !important;
	}
	.computer{
		display: none !important;
	}
	.logoN{
		width: 300px;
	}
	.footer-space, .footer-container {
    	height: 160px !important;
    	padding: 0px 5px  !important;
	}
	.index-container{
	  padding-bottom: 100px;
	  height: calc(100vh - 170px);
	  width: 100%;
	}
	.code-container{
	  padding-bottom: 100px;
	  height: calc(100vh - 220px);
	  width: 100%;
	}
	.footer-price {
	  bottom: 160px !important;
	}
	.header-logo{
		flex-direction: column !important;
		justify-content: flex-start;
	}
	.header-logo img:nth-child(1){
		width: unset !important;
		height: 60px !important;
	}
	.header-logo img:nth-child(2){
		width: unset !important;
		height: 30px !important;
	}
	.header-container{
		align-items: flex-start !important;
	}
	.stopka-info{
		margin-top: 5px !important;
	}
}
@media (max-width: 500px){
	.logoN{
		width: 200px;
	}
}







/* Nowe dla LG */
.font-black{
	color: var(--black);
}
.btn-red, .choose-button {
    color: #fff !important;
    background-color: var(--red) !important;
    outline: none !important;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px !important;
    border: 1px solid var(--red);
    transition: all 0.2s ease-in-out;
    font-family: 'Bold', sans-serif;
  	font-weight: 500;
  	cursor: pointer;
}

.btn-red:hover, 
.btn-red:active, 
.btn-red:focus
.choose-button:hover, 
.choose-button:active, 
.choose-button:focus{
    color: #000 !important;
    background-color: #fff !important;
    outline: none !important;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px !important;
    border: 1px solid black;
    font-family: 'Bold', sans-serif;
  	font-weight: 500;
  	cursor: pointer;
}
.btn-whiteLG, .wybrany .choose-button{
   color: #000 !important;
    background-color: #fff !important;
    outline: none !important;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px !important;
    border: 1px solid black;
    transition: all 0.2s ease-in-out;
    font-family: 'Bold', sans-serif;
  	font-weight: 500;
  	cursor: pointer;
}

.btn-whiteLG:active, 
.btn-whiteLG:focus,
 .wybrany .choose-button:hover, 
 .wybrany .choose-button:active, 
 .wybrany .choose-button:focus{
    color: #fff !important;
    background-color: var(--red) !important;
    outline: none !important;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px !important;
    border: 1px solid var(--red);
    font-family: 'Bold', sans-serif;
  	font-weight: 500;
  	cursor: pointer;
}
.dijit{
	border: 1px solid black !important;
}
.font-red{
  color: var(--red);
}
input[type="checkbox"] {
    accent-color: var(--red) !important;
}
.active span{
	color: #000;
}
.active .summary-price-number span{
	color: #fff !important;
}
.active .block-title{
	color: #fff !important; 
}
.footer-price-space span{
	color: #fff !important; 
}
.self-cover{
	padding: 10px !important;
}
.link-red, .link-red:hover{
	color: var(--red);
	text-decoration: underline !important;
}
.confirmation-contact a, .confirmation-contact a:hover{
	color: var(--red) !important;
}
.active .offer-yes .offer-text {
    font-family: 'Bold', sans-serif;
    font-weight: 500;
    color: #000;
}
.active .font-color-offer {
    color: var(--red);
}
.wybrany .offer-yes .offer-text {
    font-family: 'Bold', sans-serif;
    font-weight: 500;
    color: #fff;
}
.wybrany .font-color-offer {
    color: #fff !important;
}
.wybrany .offer-list, .wybrany .pad15{
	background-color: var(--red) !important;
}
.dbootstrap .alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    background-color: #ffd2d2 !important;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: var(--red) !important;
    border: 1px solid var(--red) !important;
    text-shadow: none !important;
}
.stopka-info{
	font-size: 10px;
	font-style: italic;	
	line-height: 11px;
}
.product-img img{
	width: 100%;
	max-width: 350px;
}