@import "bootstrap.css";

/* maven-pro-regular - latin-ext_latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../font/maven-pro-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Regular'), local('MavenPro-Regular'),
       url('../font/maven-pro-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/maven-pro-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/maven-pro-v11-latin-ext_latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-500 - latin-ext_latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../font/maven-pro-v11-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Medium'), local('MavenPro-Medium'),
       url('../font/maven-pro-v11-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/maven-pro-v11-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/maven-pro-v11-latin-ext_latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-700 - latin-ext_latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../font/maven-pro-v11-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Bold'), local('MavenPro-Bold'),
       url('../font/maven-pro-v11-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/maven-pro-v11-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/maven-pro-v11-latin-ext_latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-900 - latin-ext_latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../font/maven-pro-v11-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Black'), local('MavenPro-Black'),
       url('../font/maven-pro-v11-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/maven-pro-v11-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../font/maven-pro-v11-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/maven-pro-v11-latin-ext_latin-900.svg#MavenPro') format('svg'); /* Legacy iOS */
}

.back-primary {
	background-color: #e99528;
}

.back-secondary {
	background-color: var(--secondary);
}

.back-white {
	background-color: var(--white);
}


body {
  font-family: "Maven Pro";
	line-height: 2rem;
	height:100%;
	background-color: var(--bgcolor);
}
	
.bg-gradient {
	background-image: linear-gradient(110deg, #ffd265 , #ea8429);
}
.bg-gradient * {
	color: #f9fafc;
	}

.navbar {
	padding: 0rem 0rem;
	background-color: var(--white);
	border-top: 1px solid #eee;
}

.nav-item {
	padding: 0rem 1rem;
}

.navbar .btn {
	margin: 0rem 1rem;
}

.navbar-brand {
	text-indent: -9999rem;
	background-image: url('../img/logo_ikony_raczek.png');
	display: block;
	width: 191px;
	height: 83px;	
}

.navbar-brand-xmas {
	text-indent: -9999rem;
	background-image: url('../img/arpnet-logo-christmas-txt-black.png');
	display: block;
	width: 230px;
	height: 84px;	
}

.infoline  {
	font-family: "Maven Pro";
	font-size: 1.1rem;
	line-height: 1rem;
	
	font-weight: 500;
	color: var(--secondary);
}

/* test */
/*
.nav-item::after{content:'';display:block;width:0px;height:2px;background-color:var(--primary);transition: 0.2s;}
.nav-item:hover::after{width:100%;}
*/
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#fec400;}
.nav-link{transition:0.2s;}
.dropdown-item.active, .dropdown-item:active{color:var(--primary);}
.dropdown-item:focus, .dropdown-item:hover{background-color:var(--primary);}
/* koniec testu */

.navbar-light .navbar-nav .nav-link {
    color: var(--secondary);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary);
}

.main {
	width: 100%;
	padding: 5rem 0rem 5rem 0rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
	}
	
.subtitle,
.subtitle-2 {
text-transform: uppercase;
  line-height: 0.5;
  font-weight: 500;
  color: #9fa4af;
}
.subtitle span {
	left: 45px;
	display: inline-block;
	position: relative;  
}

.subtitle-2 span {
  display: inline-block;
  position: relative;  
}
.subtitle span:before,
.subtitle-2 span:before {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 1px solid #7751e4;
	top: 0;
	width: 30px;
	right: 100%;
	margin-right: 15px;
}

.subtitle-2 span:before {
	margin-right: 35px;
}

.subtitle-2 span:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 1px solid #7751e4;
	top: 0;
	width: 30px;
	left: 100%;
	margin-left: 35px;
}
.subtitle-white span:before,
.subtitle-white span:after
 {	border-bottom: 1px solid #ffffff !important; }



.home .subtitle,
.home .subtitle-2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--secondary);
}

.home .col*{
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--secondary) !important;
}

	.service-desc {
		margin-top: 0rem;
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
	
	.home a {
		text-decoration: none;
	}


	.service-title {
		color: var(--secondary);
		font-size: 1.5rem;
		font-weight: 500;
	}
	.bg-gradient .service-title {
		color: white;
	}

.bg-gradient .home .col {
	color: white !important;
}

.progress {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0;
  margin-bottom: 1rem;
  }
 
.progress-bar  {
  background-color: #fff;
  }
  
.progress-bar {
  width: 0;
  animation: progress 1.5s ease-in-out forwards;
  
  .title {
    opacity: 0;
    animation: show 0.35s forwards ease-in-out 0.5s;
  }
} 
  
.footer {
    padding: 5rem;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
}

h2 {
	
	color: #d37209;
	margin-bottom: 2.5rem;
}

@media (min-width: 576px) {
	
h2 {
	font-size: 3.5rem;
	color: #d37209;
	margin-bottom: 2.5rem;
}
}


.rounded-4 {
	border-radius: 1rem !important;
}

.circle-icon {
	opacity: 0;
	margin: 1.2rem auto;
	display: block;
	width: 150px;
	height: 150px;
	line-height: 40px; /* adjust line height to align vertically*/
	padding:0;
	border-radius: 50%;
}

	.ico-checklist,
	.ico-checklist-secondary {
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-transition: background-color 00ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;
		background-size: 50%;
	}
	/*
	.ico-checklist {background-image: url('../img/icon-checklist.png');}
	.ico-checklist-secondary { background-image: url('../img/icon-checklist-second.png'); }
*/
	.ico-checklist:hover,
	.ico-checklist-secondary:hover {
		background-color: var(--secondary) !important;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
	}
	/*
	.ico-checklist-secondary:hover {
		background-image: url('../img/icon-checklist.png');
	}
	*/
	
	.ico-laptop { background-image: url('../img/ico-laptop.png'); }
	.ico-tv { background-image: url('../img/ico-tv.png'); background-position: center 20px}
	.ico-phone { background-image: url('../img/ico-phone.png'); }
	.ico-azure { background-image: url('../img/ico-azure.png'); }
	.ico-azure:hover { background-image: url('../img/ico-azure-hover.png'); }
	.ico-monit { background-image: url('../img/ico-monit.png'); }
	.ico-monit:hover { background-image: url('../img/ico-monit-hover.png'); }
	.ico-data { background-image: url('../img/ico-data.png'); }
	.ico-data:hover { background-image: url('../img/ico-data-hover.png'); }
	



	
.btn-social {
	color: #888;
}

@media (max-width: 768px) {

  [class*="col-"] {
      margin-bottom: 15px;
  }

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

@media (max-width: 768px) {

 .phone_number {
      font-size: 0.7rem;
  }

}


.tv-packs img {
	padding: 0.5rem;
}

.channel-out * img,
.channel-out
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	-webkit-opacity: 0.5; /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	opacity: 0.2;
}

.channel-out td {
	-webkit-opacity: 0.5; /* Safari 6.0 - 9.0 */
	opacity: 0.5;
}


/* ------- pricing -------- */


.pricing .card {
  border: 1px solid #ddd;
  border-radius: 2rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.0);
  cursor: pointer;
  margin-bottom: 1rem;
}

.card-body {
	padding: 1.2rem;
}
/*
.card-body fa-li {
	color: var(--primary);
}
*/
.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0.5rem 4rem 0.5rem;
  font-size: 1.5rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 2rem;
  margin: 0;
  color: var(--secondary);
}


.pricing .card-channels {
  font-size: 4rem;
  margin: 0;
  color: var(--secondary);
}

.pricing .card-channels .period {
  font-size: 0.8rem;
}

.pricing ul {
	margin: 1rem;
}

.pricing ul li {
  font-size: 0.7rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .speed {
	margin: 1rem 0 0 0;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.2rem;
	color: var(--secondary);
}
.pricing .speed span {
	font-size: 1rem;
	font-weight: 200;
}
.pricing .card-body span span {
	font-style: normal;
	font-size: 0.7rem;
}

/* predkosci w Pakiety */

.pricing .speed-pack {
	margin: 4rem 0 0 0;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.2rem;
	color: var(--secondary);
}
.pricing .speed-pack span {
	font-size: 1rem;
	font-weight: 200;
}
.pricing .card-body span span {
	font-style: normal;
	font-size: 0.7rem;
}


.ribbon {
    background-repeat: no-repeat !important;
    background-image: url('../img/bestSellerRibbon.png')!important;
    background-position: right top !important;
}
/*
.pricing .btn {
  font-size: 80%;
  border-radius: 0;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}
*/

.card-price sup {
	font-size: 1rem;
	top: -2rem;
}

.card-body > .btn {
	margin-top: auto;
}
.card-body .hd-amount {
	display: block;
	background: var(--primary);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
}

.pricing .card .card-notify-year {
	position: absolute;
	top: -20px;
	right: -20px;
        
}

.card-notify-year  {
 background: orange;
 width: 50px;
 height: 50px;
 position: relative;
 -webkit-transform: rotate(20deg);
 -moz-transform: rotate(20deg);
 -ms-transform: rotate(20deg);
 -o-transform: rotate(20eg);
}
.card-notify-year:before {
 content: "";
 position: absolute;
 top: ;
 left: 0;
 height: 50px;
 width: 50px;
 background: orange;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -o-transform: rotate(135deg);
}

/*
@media (min-width: 992px) {
	.card-body .hd-amount {
		display: block;
		padding: 0.5rem 0rem;
		margin: 0 0rem;
		background: var(--primary);
		color: #fff;
		font-size: 1.2rem;
		font-weight: 500;
	}
}
*/
.on {
	border: 1px solid var(--secondary);
	border-radius: 2rem;
    box-shadow: 0rem 2rem 15rem 0rem rgba(0, 0, 0, 0.1);

}

#what-we-do .card {
	background-color: transparent;
	border: 0px;
}

#what-we-do .card .card-block{
	padding-left: 50px;
}

#what-we-do .card .card-icon{
    position: absolute;
    font-size: 39px;
    color: #007b5e;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}

#what-we-do .card-text {
	line-height: 1.2rem;
}

/* ---------- Configurator ------------ */

.select-dropdown {
	
	margin: 0px auto;
	position: relative;
}

.select-dropdown dd,
.select-dropdown dt {
	
  margin: 0px;
  padding: 0px;
}

.select-dropdown dd span {
	word-wrap: break-word;
}

.multiSel {
	font-size: 1rem;'
}

.select-dropdown ul {
  margin: -1px 0 0 0;
}



.select-dropdown dd {

}

.select-dropdown dt {
	text-align: center;
	font-size: 1.3rem;
	color: var(--primary);
}

.select-dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.select-dropdown dd ul {
	background: #fff;
	box-shadow: 0rem 2rem 15rem 0rem rgba(0, 0, 0, 0.3);
	border: 0;
	color: #888;
	display: none;
	left: 0px;
	padding: 1rem;
	margin: 1rem;
	font-size: 1.5rem;

	list-style: none;
}


.select-dropdown span.value {
	display: none;
}

div[role=checkbox] {
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid var(--primary);
	background-color: transparent;
	margin: 0 5px 0 0;
	}

div[role=checkboxLabel] {
	cursor: default;
	display: block;
	}
	
	.unactive {
		cursor: default;
		display: block;
		color: #888;
	}

.cb-m {
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	margin:0;
	}

	
	.checked {
	background: transparent url('../img/icon-checkbox.png') center center no-repeat;
	}

.more {
	display: none;
	position: absolute;
	z-index: 100;
	padding: 10px;
	
	background: #222;
	border: 1px solid #eee;
	-moz-box-shadow: 0px 0px px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
}

.summary {
	background: #ddd;

	border-radius: 1rem;
	font-size: 2rem;
	color: var(--secondary);
}
	.sum-amount {
		font-weight: 500;
	}
	
/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover,
	.pricing .highlight  {
    margin-top: -.25rem;
    margin-bottom: .25rem;
	border: 2px solid orange;
    box-shadow: 0rem 2rem 15rem 0rem rgba(0, 0, 0, 0.1);
  }
  .pricing .card:hover > .btn {
    border: 2px solid black;
  }
}



/* ------- animate carousel -------- */



main p {
	color: #9fa4af;
	}

.arrow {
	display: block;
	width: 101px;
	height: 101px;
	position: relative;
	left: -50px;
	text-indent: -9999rem;
  background-image: url('../img/arrow-down.png');

}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* Ajax form */

#ajax-contact {
	position: absolute;
	z-index: 1;
	background: #dde7f1;
	border: 1px solid #e99528;
	padding: 45px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	top: 20%;
	left: 20%;
	right: 20%;
}

.btn_form_close {
    margin-right: auto;
    top: 19%;
    right: 19%;

    position: fixed;
    cursor: pointer;
    height: 30px;
    width: 30px;
    }

#form_wrap {
	margin: auto;
	display: none;
	background: rgba(255,255,255,0.7);
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;

	right: 0;
	height:100%;
}

#form_wrap label,
#contact-form label {
	text-transform: uppercase;
	line-height: 0.5;
	font-weight: 700;
	color: #9fa4af;
	font-size: 0.8rem;
	margin-left: 0.1rem;
}

#form_wrap input[type=text],
#form_wrap input[type=password],
#contact-form input[type=text],
#contact-form input[type=password],
#contact-form textarea {
    outline: 0;
    background: #ffffff;
	border: 1px solid #d7dbe8;
	border-radius: 0.2rem;
    width: 100%;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.invalid-input {
	border-color: red !important;
	color@
}

#form_wrap .form-check-label,
#contact-form .form-check-label {
	text-transform: none !important;
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-wight: 400;
}

#map {
height: 660px;
            }
			
			
/* grid news*/


.grid-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr 3fr;
  grid-template-areas:
  "grid-img grid-title"
  "grid-img grid-description";
  overflow:hidden;
}



.grid-title { grid-area: grid-title; }

.grid-description { grid-area: grid-description; line-height: 1rem;}

@media (min-width: 676px) {
.img-set { display: block; width: 200px; height: 450px; float: left;
	-webkit-border-top-left-radius: 0.5rem;
-webkit-border-bottom-left-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
-moz-border-radius-bottomleft: 0.5rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}

.grid-title,
.grid-date,
.grid-description
 {
	line-height: 1.2rem;
	margin: 30px 30px 30px 230px;
}
}

.grid-title a {
	font-family: "Maven Pro";
	font-size: 1.4rem;
	color: var(--secondary);
	font-weight: 500;
	margin: 0;
}


@media (max-width: 676px) {

.mob-img {
	display: block; width: 100%; height: 150px;
	margin-bottom: 10px;
}	

.grid-title,
.grid-date,
.grid-description
 {
	line-height: 1.2rem;
	margin: 20px;
}
}


.grid-date,
.grid-description {
	overflow:hidden;
	font-size: 0.9rem;
	line-height: 1.3rem;
}

.grid-description {
	padding-bottom: 10px;
}

.news-item {
	margin: 0px;
	display: block;
	border-radius: 0.5rem;
	width: 700px;
	height: 450px;
	-webkit-box-shadow: -2px 3px 47px -11px rgba(184,184,184,1);
	-moz-box-shadow: -2px 3px 47px -11px rgba(184,184,184,1);
	box-shadow: -2px 3px 47px -11px rgba(184,184,184,1);
}

.swiper-container {
	height: 600px;
	padding: 4rem;
}

.swiper-pagination {
	bottom: -20px;
}

.nextArrowBtn,
.prevArrowBtn {
 position: absolute;
    z-index: 1000;
	height: 350px;
	width: 200px;
	display: block;
    top: 0%;
    color: #BFAFB2;
}
.nextArrowBtn {
	right: 0;
}
.prevArrowBtn{
    left: 0;
}

/* cool list */

.rolldown-list {
  text-align: left;
  padding: 0;
  margin: 0;
}

.rolldown-list li {
  padding: 1em;
  margin-bottom: .125em;
  display: block;
  list-style: none;
  text-transform: uppercase;
  color: var(--white);
}

.rolldown-list li {
  visibility: hidden;
  animation: rolldown .7s 1;
  transform-origin: 50% 0;
  animation-fill-mode: forwards;
}

.rolldown-list li:nth-child(2n) {
  background-color: #9B91D6 ;
}

.rolldown-list li:nth-child(2n+1) {
  background-color: #D691CC;
}

@keyframes rolldown {
  0% {
    visibility: visible;
    transform: rotateX(180deg) perspective(500px);
  }
  70% {
    visibility: visible;
    transform: rotateX(-20deg);
  }
  100% {
    visibility: visible;
    transform: rotateX(0deg);
  }
}

#tablePakiety, #tablePakietyDodatkowe {
	margin: 4rem 0rem;
}


.blog-cols {
	/*column-count: 3;*/
}

.blog-post {
	padding: 1rem;
	margin: 1rem 0rem;
	background-color: white;
}

.blog-post p {
	margin: 0;
	padding: 0;
	line-height: 1.3rem;
}
.blog-media {
	margin: 0rem;
}
.blog-post-meta {
	font-size: 0.7rem;
	margin: 0;
	padding: 0;
}

.fa-li {
	color: var(--primary);
}