@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext');

html {

}


html, body, .box-digital-form  {
    font-family: 'Roboto', sans-serif; letter-spacing: 0.03rem; 
	color:#263238;
}

body {
	font-size: calc(14px + 2 * ((100vw - 320px) / 1600)); 
	line-height: calc(24px + 6 * ((100vw - 320px) / 1600));
}

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

h5 {}


#agenda p {
  margin-bottom: 0;
}

header h1{font-size: calc(20px + 26 * ((100vw - 320px) / 1600)); line-height: calc(30px + 26 * ((100vw - 320px) / 1600)); margin-bottom:20px; font-weight:500;}

header h2, .box-pakiet-all span {font-size: calc(20px + 8 * ((100vw - 320px) / 1600)); line-height: calc(33px + 6 * ((100vw - 320px) / 1600)); font-weight:400; padding:15px 0 30px 0;}
h2, .loading, .ng-zm {font-size: calc(20px + 8 * ((100vw - 320px) / 1600)); line-height: calc(14px + 5 * ((100vw - 320px) / 1600)); font-weight:500;}
section h2 {font-size: calc(20px + 8 * ((100vw - 320px) / 1600)); line-height: calc(24px + 8 * ((100vw - 320px) / 1600)); font-weight:500;}

h3 {font-size: calc(18px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); line-height: calc(24px + (24 - 22) * ((100vw - 300px) / (1600 - 300))); }
@media only screen and (max-width: 992px) {
h3 {padding:0 0px;}

}

.red {color:#e21117}
.bg-gray{background:#fafafa}

.box-pakiet-all  h2  {margin:0; padding:0; font-size: calc(16px + 4 * ((100vw - 320px) / 1600)); line-height: calc(26px + 8 * ((100vw - 320px) / 1600)); text-transform:uppercase}
.box-pakiet-all  h3  {margin:0; padding:0; font-size: calc(12px + 4 * ((100vw - 320px) / 1600)); line-height: calc(20px + 8 * ((100vw - 320px) / 1600)); text-transform:uppercase}
.box-pakiet-all .description {font-size: calc(12px + 4 * ((100vw - 320px) / 1600)); line-height: calc(16px + 8 * ((100vw - 320px) / 1600)); padding:20px;}
.box-pakiet-all .description  li {margin-left: -20px;}
.box-pakiet-all .box-pakiet-d50915 {border:1px solid #d50915; border-radius:15px; margin-bottom:20px; z-index: 1;  position: relative;}
.box-pakiet-all .box-pakiet-02275e {border:1px solid #02275e; border-radius:15px; margin-bottom:20px; z-index: 1;  position: relative;}

.box-pakiet-all .arrow-down, .box-pakiet-all .arrow-up {text-transform:uppercase; font-weight:bold; cursor:pointer; z-index: 1;  position: relative;}

.box-pakiet-all  .head {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding:5px 15px; margin-bottom:15px
}

.box-pakiet-all  .short:before     {
 background: linear-gradient(180deg,transparent,#fff 90%);
    content: "";
    height: 220px;
    left: 0;
    position: absolute;
    bottom: 10px;
    right: 0;
	z-index: 0;
	}

h4 {font-size: calc(18px + 8 * ((100vw - 320px) / 1600)); line-height: calc(28px + 8 * ((100vw - 320px) / 1600)); }
h5{font-weight:500; color:#838383; padding:10px 0 0 0;}
.border-box {font-size: calc(12px + 2 * ((100vw - 320px) / 1600)); line-height: calc(18px + 4 * ((100vw - 320px) / 1600)); }


#business-world h3{padding:0 80px;}
@media only screen and (max-width: 992px) {
#business-world h3{padding:0;}
}



.position-img{position: relative; z-index:1;}
.position-clip{position: absolute; top: 38%; left: 50%; transform: translate(-50%,-50%); width:285px; max-width:285px;  z-index:0;}

@media only screen and (max-width: 384px) {
.position-clip{  width: 223px;  z-index:0;}
}

@media only screen and (max-width: 375px) {
.position-clip{  width: 220px;  z-index:0;}
}

@media only screen and (max-width: 320px) {
.position-clip{  width: 190px;  z-index:0;}
}

@media only screen and (max-width: 240px) {
.position-clip{  width: 125px;  z-index:0;}
}

.ng-zm{font-weight:bold; color:#d50915}
.ng-zm, .ng-zm-f{text-transform:uppercase;}

.box-left-g{border-left:2px solid #eaeaea; padding:0 0 0 40px }
.box-left-g-n{padding:0 0 0 40px}

@media only screen and (max-width: 992px) {
.box-left-g{border-left:2px solid transparent; border-top:2px solid #eaeaea; padding:0 40px; padding-top:20px;  margin-top:20px }
}

@media only screen and (max-width: 540px) {
.mb-xs-4 {margin-top:20px}
}

.box-what-you-get p, .btn-sub, .box-digital-form strong , .box-seven  p, .head-bg  h3{font-size: calc(14px + 4 * ((100vw - 320px) / 1600)); line-height: calc(26px + 8 * ((100vw - 320px) / 1600)); }

.box-digital-form{margin-top:30px; }


.box-business {margin-top:30px;}

.box-business  div, .box-seven div{padding:20px 40px;}

.box-business div:first-child{
    border-right:1px solid #eaeaea;
}
.box-business div:last-child{
    border-left:1px solid #eaeaea;
}

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

.box-business  div, .box-seven  div{padding:25px 40px;}

.box-business div:first-child{
	border-right:0;
    border-bottom:1px solid #eaeaea;
}
.box-business div:last-child{
	border-left:0;
    border-top:1px solid #eaeaea;
}
}


.box-seven .col-lg-4{
  /*  border-bottom:1px solid #eaeaea;*/
}

.box-seven .col-lg-4:first-child{
    border-right:1px solid #eaeaea;
}
.box-seven .col-lg-4:last-child {
    border-left:1px solid #eaeaea;
}

@media only screen and (max-width: 992px) {
.box-seven .col-lg-4:first-child{
    border-right:none;
}
.box-seven .col-lg-4:last-child{
    border-left:none;
}

}

.box-seven-only .col-lg-4 {border-bottom:none !important;}




.box-seven .action{}
.box-seven i {font-weight:500;}

#calendar h3 {
font-size: calc(8px + 12 * ((100vw - 320px) / 1600)); 
line-height: calc(18px + 12 * ((100vw - 320px) / 1600));
}

#calendar .col-lg-3{
  border-right:1px solid #eaeaea;
}
#calendar .col-lg-3:last-child {
    border-right:transparent;
}



.mt-4-seven {height:90px}
.mt-8-seven {height:auto}
@media only screen and (max-width: 992px) {
.mt-4-seven {height:auto;}
.mt-8-seven {height:auto;}
}


@media only screen and (max-width: 992px) {
.bg-im-p { display:none; }
}


.small, small {
    font-size: 80%;
    font-weight: 400;
    line-height: 18px;
}

.bg-d50915 {background:#d50915; color:#fff;}
.bg-02275e {background:#02275e; color:#fff;}
.sb-02275e {background:#e21117; color:#fff; padding: 12px 35px 12px 35px; width:55%;  margin-left: auto;
    margin-right: auto; -webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px; margin-top:20px;}
.bg-fafafa {background:#fafafa; }
.bg-ffffff{background:#ffffff; max-width: 31.333333%;  margin: 10px;}
@media only screen and (max-width: 782px) {
.bg-ffffff{max-width:100%; }
}

.bg-000000  {padding: 30px; background: rgba(0,0,0,0.5); color:#fff;}
.border-d50915{border-left:10px solid #d50915}
.color-d50915{color: #d50915; text-transform:uppercase}
.color-263238{color: #263238; text-transform:uppercase}
.color-ffffff{color: #ffffff;}
.box-what-you-get i, .box-digital-form i{color:#8d7961;}
.box-what-you-get p, .box-digital-form p {padding:0 20px;}
.box-what-you-get i, .box-digital-form i, #calendar i{font-size:2.2rem; padding:20px}
.fa-rocket{font-size:2.6rem; }

#procent span, .red, .fa-quote-right, .fab {color:#e21117;}
.blue {color:#02275e}
.fa-testymonial {color:#000;}

#procent span {font-size:36px; font-weight:800;}

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

.sb-02275e{width:auto;}
}

.clear{clear:both;}
.btn {font-size: calc(16px + 2 * ((100vw - 320px) / 1600));}

.col-02275e{color:#02275e;}




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


a, a:visited, a:link, .blue-c{ color: #d50915;}
a:hover, a:before {color: #000000; text-decoration:none;}

.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: #d50915;
			color: #fff !important;
			}
.nactive-btn {
			background: #fafafa;
			}
.orange-top {border-top:2px solid #d50915; }

.blok1 {background:#3d170c; color:#fff; border-left:5px solid #d50915;}
.blok2 {background:#1c0c27; color:#fff;  border-left:5px solid #6f2f9f;}
			
.nav a {color:#fff; padding:17px 10px; line-height: 47px; transition-property: color; text-transform: uppercase;
	transition-duration: 1s;}
.nav a:hover, .nav a:before {color: #d50915; text-decoration:none; }

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


@media only screen and (max-width: 992px) {
.video-bg { background-image: url('../images/top-video-xs.jpg'); background-repeat:no-repeat; background-position:top center; height:auto; width:100%; padding-top:180px; padding-bottom:40px;}

}

.action-option { border:1px solid #02275e; padding:5px 15px}


.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: #d50915;
  color:rgb(255, 255, 255);
  padding:20px 10px;
  margin-top:18%;
  z-index:999;*/

}

.head-bg {
background: url('../images/top.jpg') no-repeat bottom left;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
height:900px;
}
@media screen and (max-width: 1200px) {
.head-bg {
background: none;
height:auto;
}
}

@media screen and (max-width: 992px) {
.head-bg {
background: none;
height:auto;
}
}

.info-bg {
background: url('../images/info.jpg') no-repeat bottom left;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
}
@media screen and (max-width: 1200px) {
.info-bg {
background: none;
height:auto;
}
}

@media screen and (max-width: 992px) {
.info-bg {
background: none;
height:auto;
}
}


.head-bg-one {
background: #142053;
}


.head-bg-cta {
background: url('../images/cta.jpg') no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}

.position-top {padding-top:4%;}

@media only screen and (max-width: 1200px) {
.position-top {padding-top:40px; padding-bottom:40px;}
}

@media only screen and (max-width: 768px) {
.position-top {padding-top:40px; padding-bottom:0; margin-bottom:-20px;}
}

.fa-check-circle, .fab, .fa-check, .fa-arrow-alt-to-bottom  {color: #d50915; font-size:22px;}
.fa-check  {font-size:42px;}

.accordion-button::after {
    /* content: "+";*/
    background-image: url('../images/plus.png');
  /*  font-size: 24px;
    background: red;
    color: #fff;
    border-radius: 50px;
    padding: 5px;
    line-height: 11px;
	font-weight:bold;*/
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../images/minus.png');

}
.accordion-button:not(.collapsed) {
     color: #212529; 
     background-color: #fff; 
}

#profit .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    border: 0px;
	border-top: 1px solid #e2e2e2;
    margin-bottom: -22px;
	color: #212529; 
    background-color: transparent;
}

.bg-white-info {
background:#fff; 
clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0% 100%);
padding:40px 0 40px 0;
}

@media only screen and (max-width: 1024px) {
.bg-white-info {
clip-path: none;
}
}

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

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

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

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

.white-f {color:#fff;}
.orange-bg{ background: #d50915;  color:#fff;}
.gray-bg{ background: #fafafa; margin-top:10px; margin-bottom:10px;}

.br-orange {border-left:5px solid #d50915;  padding:10px 20px;  }
@media only screen and (max-width: 576px) {
.br-orange-xs {border-left:5px solid #d50915;  padding:10px 20px;  }
}
.purple {color: #6d3c96;}
.br-purple {border-left:5px solid #6d3c96;  padding:10px 20px; }

@media only screen and (max-width: 576px) {
.br-purple-xs {border-left:5px solid #6d3c96;  padding:10px 20px;  }
}

.clock-l{font-size:68px; line-height:68px; color: #d50915;}
.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: #d50915;}
  .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: 1200px) {
section {padding:40px 20px; }
}

.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: #d50915;
  overflow: hidden;
  width: 0;
  height:100%;
  padding: 40px 0;
  animation: loading-action 12s linear infinite;

}

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

  100% {
    width: 100%;
  }
}

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

.size-xs {width:150px}

.buttom-red{
  color: #fff !important;
  background-color: #e90b18;
  border:2px solid #e90b18; 
  width:280px; height:100px;
  font-weight:bold;}
  .buttom-red :hover {
   color: #fff !important;
    background-color: #e90b18 !important;
    border:2px solid #fff;
	text-decoration: none;}

.btn-black   {
  color: #fff !important;
  background-color: #000000;
  border:2px solid #000000; }
  .btn-black :hover {
    color: #000;
    background-color: #fff;
    border:2px solid #fff;
	text-decoration: none;}

.btn-red   {
  color: #fff !important;
  background-color: #e21117;
  border:2px solid #e21117; }
  .btn-red :hover {
    color: #d50915;
    background-color: #000;
    border:2px solid #d50915;
	text-decoration: none;}
	  
.btn-sub {
   letter-spacing: 0.3px;
  /*  height: 55px !important;*/
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 35px 15px 35px;
   min-width: 100%;
    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;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

		/*display: inline-block;*/
	}

  @media only screen and (max-width: 767.98px) {
    .btn-sub {
        letter-spacing: 0.3px;
        /* height: 45px !important;*/
        padding: 10px 20px 10px 20px;

    		/*display: inline-block;*/
    	}

  }


.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.0rem;
    color:#fff;
    opacity:1;
}

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

.modal-content {
  border:1px solid transparent !important;
}

.pointer {cursor: pointer;}

.border-i{border:1px solid #f3f3f3; padding:20px }


#footer {
    font-size: 85%;
    font-weight: 400;
    line-height: 150%;
    border-top:5px solid #f3f3f3;
}

 #footer img {width:60%}



.box-wideo-height{height:410px;}


@media only screen and (max-width: 1199.98px) {
.box-wideo-height{height:350px;}

}

@media only screen and (max-width: 991.98px) {
.box-wideo-height{height:300px;}
}

@media only screen and (max-width: 640px) {
.box-wideo-height{height:390px;}

}

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

}

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


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

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

}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.8em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

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

}

.fa-quote-right {font-size:36px;}

.fa-testymonial {font-size:46px; color:#000000}
.border-box{border:1px solid #8b7963; padding:8px 15px; margin-bottom:30px; margin-top:20px}
.border-box-abs{position:absolute; margin-top:-23px; margin-left:-28px}
.border-box-abs i{color:#fff; font-size:12px; background:#8b7963; padding:7px 11px; border-radius:50px}

.sesje p{line-height:24px;}

input[type=text], input[type=email], input[type=nip], select  {border:1px solid #cecece !important;  background:#fafafa; padding:10px 15px; width:100%; border:none; font-size:14px; border-radius: 4px} 


#harmonogramy .grupa-contener {background:#fafafa;}
#harmonogramy .grupa-head{background:#fff; border-left:2px solid #fafafa; border-top:2px solid #e21117; display:inline-block; padding:10px;}
#harmonogramy .activ{color:#e21117;}
#harmonogramy .city{margin-top:-10px;}
#harmonogramy .grupa-one{background:#fff; border-left:2px solid #fafafa; border-right:2px solid #fafafa;}
#harmonogramy .grupa-row{padding:15px; border-bottom:2px solid #fafafa; margin:0 10px 0 10px;}

.modal-header {
    padding: 0 1rem 0 1rem;
}

.modal-body {
    padding: 0;
}

.head-modal-col {background:#02275e; color:#fff;}

.dot li::before {
    content: "\022C5";
    padding-right: 15px;
    color: #e21117;
    font-weight: bold;
    position: absolute;
    margin-left: -16px;
	font-size: 42px;
    line-height: 22px;
}

.dot {
	font-weight:normal;
	list-style-type: none;

}

.dot li  {
	padding:8px 0;
}


.options {
  display: block;
  position: relative;
  margin-bottom:20px;
}
.option_price {
  background: #fff;
  border:1px solid #02275e;
  padding: 10px 15px 0 30px;
  display:block;
}

input:focus 
{border-bottom:2px solid #cecece; }

input[type="radio"] {position:absolute; margin-top: 17px; margin-left: 10px;}

input[type="radio"]:checked + .option_price .mgr {
  background: #fafafa;
  color: white;
}
input[type="radio"]:checked + .option_price span{
  color: #fafafa;
  font-weight:bold;
}

.mgr {
border-top:1px solid #fafafa; 
margin-left: -30px;
margin-right: -15px;
padding: 10px 20px;
}




@media screen and (max-width: 992px) {
.mb-4-xs {margin-top:10px !important;}
}

.box-pakiet-all {}


.numbering {background-color: #005689;
    color: #fff;
    border-radius: 50px;
    padding: 5px 11px;
    font-size: 20px;
    margin-right: 20px;}
	
	.modal-body, .modal-header {padding:20px 30px;}