html {

}


html, body, .slider-opis, .slider-h2, .slider-h3 , a.tip:hover span  {
    font-family: Roboto, HelveticaNeue, Helvetica, Arial, sans-serif !important;
    line-height: 1.15;
}

body {font-size: 16px;
color:#1b1b1b; font-weight:normal ;}

h1, .profit i{font-size: calc(30px + 36 * ((100vw - 320px) / 1600));}
h2, .loading, .cta-arrow i {font-size: calc(20px + 26 * ((100vw - 320px) / 1600)); margin-bottom:20px; font-weight:500;}

h3,  .icon::before  {font-size: calc(22px + 10 * ((100vw - 320px) / 1600));
line-height: calc(24px + 10 * ((100vw - 320px) / 1600));}

h3 span {color:#1b1b1b}


h2, h3, h4, h5{font-weight:normal;}

h5 {}

p {
  margin-bottom: 1.8rem;
  line-height: calc(24px + 6 * ((100vw - 320px) / 1600)); 
}


q:lang(pl) { quotes: "\201E" "\201D" "\201A" "\2019" }
q:before { content: open-quote }
q:after { content: close-quote }

a {color:#3985ff; transition-property: color; transition-duration: 1s;}
a:hover, a:before {color: #f6d013;}	

.ibi img{transition-property: opacity;	transition-duration: 1s;}
.ibi img:hover{opacity:0.5} 


.cta-arrow i  {padding:20px; font-weight:600; margin-bottom: 0;}


.position-top {padding-top:8%; }
@media only screen and (max-width: 992px) {
.position-top {padding-top: 100px;}

}
@media only screen and (max-width: 992px) {
.position-top {padding-top: auto;}

}

.head-bg {
background:#3985ff url('../images/top.jpg') no-repeat bottom center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#fff;
height:850px;
}

@media screen and (max-width: 768px) {
.head-bg {
background:#3985ff;
height:auto;
}
}

.box-rocket{
background: url('../images/rakieta.png') no-repeat right center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height:300px;

}
.box-btn{
background: url('../images/btn.png') no-repeat right center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:500px;
border:1px solid red;

}

.profit i{color:#3985ff; padding-top:20px; padding-bottom:15px;}
footer{ border-top: 5px solid #f3f3f3; padding-top:15px; padding-bottom:40px;}
.footer { font-size:90%; line-height:20px; }
.footer  i{ font-size:20px;  padding:0 15px 60px 15px; }
.footer a{color:#999999 !important;}
.footer a:hover{color:#c9c9c9 !important;}



.dtp{display:block !important;}
.mobile{display:none !important;}
.dtp-xs{display:block !important;}
.mobile-xs{display:none !important;}
@media screen and (max-width: 992px) {
.dtp{display:none !important;}
.mobile{display:block !important;}
}

@media screen and (max-width: 768px) {
.dtp-xs{display:none !important;}
.mobile-xs{display:block !important;}
}



.btn-activ-head {
  color: #FECB2E !important;
  background-color: transparent;
  border:2px solid #FECB2E; }
  .btn-activ-head:hover {
    color: #000 !important;
    background-color: #f9d930;
    border:2px solid #FECB2E;
	text-decoration: none;}

.btn-activ {
  color: #3985ff !important;
  background-color: #f6d013;
  border:2px solid #f6d013; }
  .btn-activ:hover {
    color: #f6d013  !important;
    background-color: #3985ff;
    border:2px solid #f6d013;
	text-decoration: none;}
	
.btn-activ-gray {
  color: #f8f8f8 !important;
  background-color: #3985ff;
  border:2px solid #3985ff; }
  .btn-activ-gray:hover {
    color: #3985ff  !important;
    background-color: #f8f8f8;
    border:2px solid #3985ff;
	text-decoration: none;}
	  
.btn-sub-head{
	font-size: 14px !important;
	padding: 8px 20px 8px 20px !important;
}

.btn-sub {
        letter-spacing: 0.3px;
        height: 35px !important;
        border-radius: 40px;
        font-weight: 600;
        text-transform: uppercase;
         padding: 2px 25px 2px 25px;
        margin: 0 13px;
        min-width: auto;
    		/*display: inline-block;*/
    	}
	  
 
.btn {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1600));
    letter-spacing: 0.3px;
    height: 55px !important;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 25px 12px 25px;
   /* margin: 0 13px;*/
    min-width: 150px;
    position: relative;
    transition: all 0.3s ease;
   /* line-height: 38px;*/
    cursor: pointer;
	text-align: center;
    vertical-align: middle;
    user-select: none;
	transition-property: background;
	transition-duration: 1s;

		/*display: inline-block;*/
	}

  @media only screen and (max-width: 992px) {
    .btn {

        height: 50px !important;
   
    		/*display: inline-block;*/
    	}

  }

.gray-bg{ background: #f8f8f8; padding:40px 0 40px 0; }


ul {
    list-style-type: none;
    padding-left: 10px;

}
li{padding:10px;}



/* defining the right font-family/font-face for each style */
.icon-solid::before,
.icon-regular::before,
.icon-light::before {
  font-family: "Font Awesome 5 Pro";
}

.icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}

/* defining the right weight for each style */
.icon-solid::before {
  font-weight: 900;
}

/* defining the right unicode values for each icon */
.icon-award::before {
  content: "\f00c";
  color:#3985ff;
}

.icon::before {
  margin-right: 0.5rem;  margin-left:10px;
}


.bg-blue {background:#3985ff; color:#fff;}
















#agenda p {
  margin-bottom: 0;
}




.hr { border:1px solid #e7c032; width:65px; margin:auto; margin-bottom:40px;  border-radius: 1px; }

#box1-agenda, #box2-agenda , #box3-agenda, #box1-agenda-live, #box2-agenda-live, #box3-agenda-live{padding: 0px 20px;}

.box1 {background: url('../images/dot-bg.png') repeat; border-radius: 0; z-index:0; position:absolute;  height:770px; width:540px }
.box2{padding:20px 30px; height:780px; width:540px; z-index:1; background: #000;  color:#fff; position:relative; 
    margin-left:-18px; margin-top:18px; }

.box3 {
    border:none; 
    padding:30px 20px 30px 20px; 
    margin:25px;
    border-radius: 10px;
	background:#FECB2E;
    
} 
	
/*
.box1 {background: url('../images/dot-bg.png') repeat; border:2px dashed #FECB2E;  border-radius: 0; z-index:0; position:absolute; height:590px; width:480px }
.box2{padding:20px 30px; width:480px; height:590px; z-index:1; background: #FECB2E;  color:#fff;  margin-left:25px; margin-top:25px; position:relative;}

.box2  img{width:80px; position:absolute; right:-25px; margin-top:-65px}
.box2 strong{}*/

@media only screen and (max-width: 992px) {
.box1 {border:0;  border-radius: 0; z-index:0; position:relative; width:auto; height:auto; }
.box2 {width:auto; height:auto; margin-left:0; padding:0;  color:#fff; position:relative; 
    margin-left:0; margin-top:0;}
}



.box1-img {border:2px dashed #FECB2E;  border-radius: 0; z-index:0; position:absolute; height:160px; width:160px }
.box2-img {border:5px solid #fff;  border-radius: 2px; width:160px; height:160px; z-index:1;  margin-left:25px; margin-top:25px; position:relative;}

@media only screen and (max-width: 768px) {
.box1-img {border:0; border-top:2px dashed #FECB2E;  border-radius: 0; z-index:0; position:relative; width:auto; height:auto; }
.box2-img {width:110px; height:110px; margin:0 auto; margin-top:25px}
}

.btn-action-sub {border:2px solid #000; color:#000!important; padding:15px 35px 15px 35px; text-decoration:none;}
.btn-action-sub:hover{border:2px solid #1984fc; color:#1984fc; text-decoration:none;}

.card__bd-content.vlist-card__bd-content {
    overflow: hidden;
    background: green !important
}

[data-appearance="body"].layout-desktop {
    background-color: transparent !important;
}

.ekspert small {font-size: 15px; font-weight: 400; line-height:10px !important;}

.small, small {
    font-size: 87%;
    font-weight: 400;
	line-height: 22px;
    
}
@media only screen and (max-width: 992px) {
.small, small {
    font-size: 77%;
   
}
}

.zg_g{display:block;}

.clear{clear:both;}


.orange, .modal{color:#1b1b1b;}
.purple{ color:#7b41bc}




.nav-agenda{
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-left: 0;
			margin-bottom: 0;
			list-style: none;
			width:100%;
			}
			
			
.nav-agenda li{
			width:50%;
			}
			
.nav-agenda a{	
			padding: 20px 40px;
			color:#000;
			width: 100%;
			display: block;
			text-align: center;
}

.nav-agenda a:hover{	
			text-decoration:none !important;
}		
.active-btn {
			background: #322366;
			color: #fff !important;
			}
.nactive-btn {
			background: #fafafa;
			}
.orange-top {border-top:2px solid #322366; }

.blok1 {background:#3d170c; color:#fff; border-left:5px solid #322366;}
.blok2 {background:#1c0c27; color:#fff;  border-left:5px solid #6f2f9f;}



#pakiety .table th a {text-decoration:underline !important;}	

.nav a {color:#fff; padding:17px 10px; line-height: 47px; transition-property: color;
	transition-duration: 1s;}
.nav a:hover, .nav a:before {color: #FECB2E; text-decoration:none; }

			


.original  .menu  {padding-top:13px;}
.original  .btn-m  {padding-top:20px !important;}





.vignette {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.vignette-m
{
 /* background: rgba(0, 0, 0, 0.7);
  color:rgb(255, 255, 255);
  padding:40px 20px;
/*  margin-top:18%;*/
  /*z-index:999;*/

}

.vignette-b
{
  /*background: #322366;
  color:rgb(255, 255, 255);
  padding:20px 10px;
  margin-top:18%;
  z-index:999;*/

}

#pakiety strong { font-weight:600;}
#pakiety span {font-weight:600;}

#pakiety li {padding:3px 0 3px 0px ; font-size: calc(12px + 4 * ((100vw - 320px) / 1600));}
.cena {font-size: calc(24px + 10 * ((100vw - 320px) / 1600)); }
.activ-br{border:8px solid #2a003b; padding:20px;}
.activ-bg-11{background: rgb(248,112,14); background: linear-gradient(180deg, rgba(248,112,14,1) 0%, rgba(229,69,56,1) 100%);}
.activ-br-1 {border:1px solid #f6763c;}

.height-block{height:660px;}
@media only screen and (max-width: 1350px) {
.height-block{height:700px;}
}

@media only screen and (max-width: 992px) {
.height-block{height:auto;}
}

.pakiet-box {border:1px solid #d6d6d6; border-radius:10px; margin-bottom:40px; padding:40px 20px;}





.korzysci-bg {

background: url('../images/info.jpg') no-repeat right center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height:680px;
margin-bottom:110px;
}

@media only screen and (max-width: 992px) {
.korzysci-bg {
background-image:none;
background:#000;
height:auto;
margin-bottom:0;
}
}

.contest-bg {
background: url('../images/bg-imr.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:480px;
color:#fff;
}

@media only screen and (max-width: 992px) {
.contest-bg {
background: url('../images/bg-imr.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:560px;
color:#fff;
}
}

.experts strong{color:#A12143;  text-transform:uppercase; }
.experts small {line-height: 10px}



  
.position-calendar  i{  
	font-size:30px;
	padding-right: 10px;
	background: #FECB2E;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
  
  #pakiety i{  
	font-size:40px;
	padding-bottom: 10px;
	background: #FECB2E;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
 
.three-benefits  i{  
	font-size:40px;
	padding-bottom: 10px;
	background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
 
 #pakiety i{  
	font-size:30px;
	}






.full-screen {
  min-height: 100vh;
}

@media only screen and (max-width: 1024px) {
.full-screen {
  min-height: auto;
   padding-bottom: 60px;
}
}

.modal-backdrop {
    background-color: #A12143;
}

.modal-backdrop.show {
    opacity: .7;
}

.act-b{}

.white-f {color:#fff;}
.activ-bg{ background: #FECB2E;  color:#2a003b; }
.activ-bg a{ color:#ffd800; text-decoration:underline;}



.prelegent, .ekspert span, .modal strong {color:#A12143; text-transform:uppercase }

.black-bg{background: #494949; color:#ddd; }

.purple{background: #A12143; color:#fff; }
.yellow{background: #FECB2E; padding:10px 20px; }
.br-yellow {border-left:2px solid #FECB2E; padding: 10px 20px 5px 20px;  }
@media only screen and (max-width: 576px) {
.br-yellow-xs {border-left:2px solid #FECB2E; padding: 10px 20px 5px 20px;  }
}

.clock-l{font-size:68px; line-height:68px; color: #322366;}
.clock-d{}
.clock-b{border-bottom:10px solid #FAFAFA; margin:0 20px !important; }

@media only screen and (max-width: 992px) {
  .clock-l{font-size:58px; line-height:58px; color: #322366;}
  .clock-d{}
  .clock-b{border-bottom:10px solid #FAFAFA; margin:0 5px !important; }
}


section {padding:60px 0 60px 0; }

@media only screen and (max-width: 992px) {
section {padding:50px 0px 30px 0; }
}

.resize {width:70px !important; margin:10px;}



/* Preloader */

.center
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);

}

.down{color:#252c65; font-size:90px; margin-bottom:-20px; padding: 0px;}

.down a {color:#fff;}
.down a:hover, .down a:before {color: #fff;}

.up{color:#252c65; font-size:100px; }
@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
}
 50% {
 -webkit-transform: scale(1.1, 1.1);
}
 100% {
 -webkit-transform: scale(1, 1);
};
}

@keyframes pulse {
 0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.1, 1.1);
}
 100% {
transform: scale(1, 1);
};
}
@media only screen and (min-width: 992px) {
.down {
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
}
}

.down:hover {
	-webkit-animation: none;
	animation:none;
}


#preloader {
	background: #ffffff;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
  left: 0;
  right: 0;
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity .35s ease;
  padding:0;
  margin:0;
}


.loading {
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
  padding: 40px 0;
}

.loading::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #322366;
  overflow: hidden;
  width: 0;
  height:100%;
  padding: 40px 0;
  animation: loading-action 12s linear infinite;

}

@keyframes loading-action {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}





.form-style{
	font-size: 18px;
    line-height: 1.42857143;
	margin:5px;
	padding: 10px 15px;
    display: block;
    width: 100%;
    height: auto;
    color: #141414 !important;
	border-radius: 4px;
	border: 1px solid #cccccc !important;
}


/*super flex */

.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;

}

@media only screen and (max-width: 767.98px) {
.flex-container {
    display: block;
    width:94%;

}
}

.flex-item {
    padding:20px; margin:10px; width:35%;
}

@media only screen and (max-width: 767.98px) {
.flex-item{
  width:100% !important;
}
}

/*super flex end*/

.flex-item-o{
  padding:20px; margin:10px; width:50%;
}


@media only screen and (max-width: 767.98px) {
.flex-item-o{
  width:100% !important;
}
}

/* Content */
.content {
	max-width: 800px;
	width: 100%;
	border: 2px solid firebrick;
	padding: 30px;
	box-shadow: 0 0 40px rgba(0,0,0,0.15);
}



/* Helpers */
#preloader.preloader-hiding {
	opacity: 0;
}

#preloader.preloader-hidden {
	display: none;
}

.modal-header {
    border-bottom: 1px solid transparent;
}

.close {
    font-size: 2.5rem;
    color:#2a003b;
    opacity:1;
}

.modal-body {
    padding-top:0;
    padding-bottom:3rem;
}

.modal-content {
    border-radius: 0rem;
}

.pointer {cursor: pointer;}

.border-i{border:1px solid #f3f3f3; padding: 5px; background: #fff;}

input[type=text], input[type=email], input[type=nip], select  {background:#f5f5f5; padding:10px 15px; width:100%; border:none;} 





.promo  i{ font-size:26px;  padding:0 15px 60px 15px; }
.promo a{color:#A12143 !important;}
.promo a:hover{color:#FECB2E!important;}

@media only screen and (max-width: 992px) {
.promo {margin-bottom:40px}
}


.position-calendar  i {  
	font-size:30px;
	padding-right: 10px;
	background: #A12143;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

.position-calendar .box  {
	font-size:1.3rem;
	margin-top:-100px;
	-webkit-box-shadow: 4px 6px 10px -4px ;
	-webkit-box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.2);
	box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.2);
    border-radius: 20px;
    border:1px solid #e1e1e1;
}

.position-calendar .r {
border-left:green;
    text-align:left;
    background:#fff; padding:31px 0 30px 25px;  border-radius: 0px 20px 20px 0px;
}
.position-calendar .l {
    text-align:right;
    background:#fff; 
    padding:31px 0 30px 25px;  
    border-radius: 20px 0px 0px 20px;
}

.position-calendar .c {
    background:#fff; 
    padding: 13px 25px 21px 25px;
	color:#efefef;
    font-size:50px;
    font-weight:100;
}

@media only screen and (max-width: 992px) {

.position-calendar  {padding:10px 10px !important; }

.position-calendar .box  {
	font-size:14px;
	margin-top:-200px;
	-webkit-box-shadow: 4px 6px 10px -4px ;
	-webkit-box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.2);
	box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.2);
    border-radius: 20px 0px 20px 0px;
    border:1px solid #e1e1e1;
}

.position-calendar .r {
    text-align:center;
    background:#fff; padding:25px 0;  border-radius: 0px 0px 20px 0px;
}
.position-calendar .l {
    text-align:center;
    background:#fff; 
    padding:25px 0 25px 25px;  
    border-radius: 20px 0px 0px 0px;
}

}


.table{
	    width: 100%;
	    border-collapse: collapse;
	    border-spacing: 0;
	    margin-bottom: 1%;

	}

	 

	.table td,th {
		font-weight:normal;
	    border-top: 1px solid #fff !important;
	    padding: 5px 12px;
	    text-align: left;
	    vertical-align: top;

	}
	
	.table td {text-align:center; padding:20px; font-size:20px;}

	.table tbody tr:nth-child(even) td {

	    background-color: #f3f3f3;

	}
	
	.btn-h {font-size:80%; font-weight:bold; text-decoration:none !important; text-transform: uppercase; }
	
	#sesje ul  {list-style-type: initial; padding-left: 20px;}
	
	#sesje ul li{color:#A12143; }
	
	.br-r {border-right:1px solid #d6d6d6}
	.br-l{padding-left:30px;}

@media only screen and (max-width: 992px) {

	.br-r {border-right:none; border-bottom:1px solid #d6d6d6; margin-bottom:20px}
	.br-l{padding-left:15px;}
}

.zysk {
    color: #FECB2E !important;
}

#pakiety a, .btn-or{color:#A12143;}
#pakiety a:hover, .btn-or:hover{color:#FECB2E;}



.nav-wydarzenia{list-style-type: none; margin:0;  padding:0; text-align:center; }
.nav-wydarzenia li {/*font-size:24px;*/ text-transform: uppercase; font-weight:500;  display:inline;   }

.nav-wydarzenia li  a{ display:inline-block; padding:10px 40px; background-color:#fff; margin:0;  margin-bottom:20px; font-size:20px;}

.nav-wydarzenia li  a:hover{ text-decoration:none;}
.n-w-active {border-bottom: 2px solid #A12143;}


@media only screen and (max-width: 960px)
{
.nav-wydarzenia li  a{  padding:10px 20px;  margin:30px 10px;}
}

@media only screen and (max-width: 768px)
{
.nav-wydarzenia{margin-top:0px;}
.nav-wydarzenia li  a{  padding:0;  margin:30px; }
}


.my-wideo-height-popup{height:340px;}


@media only screen and (max-width: 1199.98px) {
.my-wideo-height-popup{height:340px;}

}

@media only screen and (max-width: 991.98px) {
.my-wideo-height-popup{height:440px;}
}


@media only screen and (max-width: 768px) {
.my-wideo-height-popup{height:340px;}

}

@media only screen and (max-width: 640px) {
.my-wideo-height-popup{height:340px;}

}

@media only screen and (max-width: 480px) {
.my-wideo-height-popup{height:290px;}

}

@media only screen and (max-width: 400px) {
.my-wideo-height-popup{height:200px;}
}


@media only screen and (max-width: 360px) {
.my-wideo-height-popup{height:260px;}

}
@media only screen and (max-width: 320px) {
.my-wideo-height-popup{height:200px;}

}


a.tip {}
a.tip:hover {
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #c0c0c0 1px dotted;
    padding: 10px 20px;
    display: block;
    z-index: 100;
    background: #f3f3f3;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none;
	font-size:14px; 
	font-weight:500;
}