/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	color: #212529;
	text-align:left;
	background-color: #fff
}
[tabindex="-1"]:focus {
	outline: 0!important
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
/*font-family: 'Open Sans', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto', sans-serif;
*/
header {
	padding: 154px 0 100px;
}
p {
	font-size: 16px
}
section {
	background-color: #eeeeee;
}
section, .container, .container-fluid {
	position: relative;
	word-wrap: break-word;
}
a.mbr-iconfont:hover {
	text-decoration: none;
}
.article .lead p, .article .lead ul, .article .lead ol, .article .lead pre, .article .lead blockquote {
	margin-bottom: 0;
}
.slide {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;
}
.text-slide {
	padding-top: 300px;
	padding-bottom: 0px;
}
.text-cerna {color: #000000;padding-top: 10px
}
.text-slide1 {
	margin-top: 300px;
	padding-bottom: 0px;
}
.text-obrys-dark h1 {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	color: #000;
}
.text-obrys-dark p {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	color: #000;
}
.text-obrys-light h1 {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #fff;
}
.text-obrys-light p {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #fff;
}
.aktu-width {
	width: 100px;
}
figure {
	margin-bottom: 0;
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 transition-delay: 9999s;
 transition-property: background-color, color;
}
textarea[type="hidden"] {
	display: none;
}
section {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
section .mbr-background-video,  section .mbr-background-video-preview {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}
.hidden {
	visibility: hidden;
}
.hot-contact-z-index20 {
	z-index: 20;
}
/*! Base colors */
.mbr-white {
	color: #ffffff;
}
.mbr-black {
	color: #000000;
}
.mbr-bg-white {
	background-color: #ffffff;
}
.mbr-bg-black {
	background-color: #000000;
}
/*! Text-aligns */
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.bg-footer {
	background-color: #1E3E4F;
}
@media (max-width: 767px) {
.align-left, .align-center, .align-right, .mbr-section-btn, .mbr-section-title {
	text-align: center;
}
}
/*! Font-weight  */
.mbr-light {
	font-weight: 300;
}
.mbr-regular {
	font-weight: 400;
}
.mbr-semibold {
	font-weight: 500;
}
.mbr-bold {
	font-weight: 700;
}
/*! Media  */
.media-size-item {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
}
.media-content {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}
.media-container-row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
}
.media-container-row .media-size-item {
	width: 400px;
}
.media-container-column {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.media-container-column > * {
	width: 100%;
}


figure {
	overflow: hidden;
}
figure[mbr-media-size] {
	transition: width 0.1s;
}
.mbr-figure img, .mbr-figure iframe {
	display: block;
	width: 100%;
}
.media {
	max-width: 100%;
	margin: 0 auto;
}
.mbr-figure {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	-webkit-align-self: center;
	align-self: center;
}
.media-container > div {
	max-width: 100%;
}
.mbr-figure img, .card-img img {
	width: 100%;
}


/*! Buttons */
.mbr-section-btn {
	margin-left: -.25rem;
	margin-right: -.25rem;
	font-size: 0;
}
nav .mbr-section-btn {
	margin-left: 0rem;
	margin-right: 0rem;
}
/*! Map */
.map {
	height: 25rem;
	position: relative;
}
.map iframe {
	width: 100%;
	height: 100%;
}
/* Form */
.form-asterisk {
	font-family: initial;
	position: absolute;
	top: -2px;
	font-weight: normal;
}

/*! Scroll to top arrow */

/*! Arrow Down */


@keyframes arrowdown {
 0% {
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
}
 50% {
 transform: translateY(-5px);
 -webkit-transform: translateY(-5px);
}
 100% {
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
}
}
@-webkit-keyframes arrowdown {
 0% {
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
}
 50% {
 transform: translateY(-5px);
 -webkit-transform: translateY(-5px);
}
 100% {
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
}
}

@media (max-width: 500px) {
.mbr-arrow-up {
	left: 50%;
	right: auto;
	transform: translateX(-50%) rotate(180deg);
	-webkit-transform: translateX(-50%) rotate(180deg);
}
}
/*Gradients animation*/
@keyframes gradient-animation {
 from {
 background-position: 0% 100%;
 animation-timing-function: ease-in-out;
}
 to {
 background-position: 100% 0%;
 animation-timing-function: ease-in-out;
}
}
@-webkit-keyframes gradient-animation {
 from {
 background-position: 0% 100%;
 animation-timing-function: ease-in-out;
}
 to {
 background-position: 100% 0%;
 animation-timing-function: ease-in-out;
}
}
.bg-gradient {
	background-size: 200% 200%;
	animation: gradient-animation 5s infinite alternate;
	-webkit-animation: gradient-animation 5s infinite alternate;
}
/*# sourceMappingURL=style.css.map */
.engine {
	position: absolute;
	text-indent: -2400px;
	text-align: center;
	padding: 0;
	top: 0;
	left: -2400px;
}
.note-air-layout .dropup .dropdown-menu, .note-air-layout .navbar-fixed-bottom .dropdown .dropdown-menu {
	bottom: initial !important;
}
.dropup .dropdown-toggle::after {
	display: none;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-top: 30px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	top: 50px;
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 340px;
	background-color: #FFFFFF;
}
.carousel-item > img {
	position: absolute;
	top: 20px;
	left: 240px;
}
/* Výška obrázku slider na pozadí 340px */
/*.zero-slide {
	background: url(../img/iphone6.jpg) center no-repeat rgba(255,255,255,1.00)
}*/
.zero-slide {
	background: url(../img/iphone6.jpg) center no-repeat rgba(255,255,255,1.00)
}
.first-slide {
	background: url(../img/iphone6.jpg) center no-repeat rgba(255,255,255,1.00)
}
.second-slide {
	background: url(../img/iphone12.jpg) center no-repeat rgba(0,0,0,1.00)
}
.third-slide {
	background: url("../img/iphone6.jpg") center no-repeat rgba(255,255,255,1.00)
}
.fourth-slide {
	background: url("../img/airpodspro.png") center no-repeat rgba(0,0,0,1.00)
}
.fifth-slide {
	background: url("../img/00.png") fixed no-repeat rgba(255,255,255,1.00)
}
.sexth-slide {
	background: url(../img/mapa_340.jpg) center no-repeat rgba(255,255,255,1.00)
}
.seventh-slide {
	background: url(../img/mapa_340.jpg) center no-repeat rgba(255,255,255,1.00)
}
/* CUSTOMIZE THE CAROUSEL-ACTUAL
-------------------------------------------------- */

/* Carousel-actual(caroual) base class */
.caroual {
	margin-top: 0px;
}
/* Since positioning the image, we need to help out the caption */
.caroual-caption {
	top: 50px;
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.caroual-item {
	height: 20px;
	background-color: #FFFFFF;
}
.caroual-item > img {
	position: absolute;
	top: 20px;
	left: 240px;
}

.first-actual {
	background: none
}
.second-actual {
	background: none
}
.third-actual {
	background: none
}
.fourth-actual {
	background: none
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}
.marketing h2 {
	font-weight: 400;
}
.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}
/* Featurettes
------------------------- */

.featurette-divider {
	margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.4;
}
.featurette-heading {
	font-size: 50px;
}
}

@media (min-width: 62em) {
.featurette-heading {
	margin-top: 7rem;
}
}
.blue {
	background-color: #006dd9;
}
.text-blue {
	color: #006dd9;
}
.text-green {
	color: #08A014;
}
.text-orange {
	color: #F74C10;
}
.text-yellow {
	color: #E1FA00;
}
.text-red {
	color: #D9000F;
}
.text-black {
	color: #000000;
}
.icon-blue {
	color: #0071cb
}
.bg-blue {
	background-color: #0767E9 !important;
}
.btn-primary {
	background-color: #0767E9; border-color:#0767E9;
}
.btn-primary:hover {
	color: #bbb;background-color: #0767E9; border-color:#0767E9;
}
.bg-header {
	background-image: url(../img/intros-bg1.jpg)
}
.navbar-blue .navbar-brand {
	color: #fff;
}
.navbar-blue .navbar-brand:hover, .navbar-blue {
	color: #bbb;
}
.navbar-blue .navbar-nav .nav-link {
	color: #fff;
}
.navbar-blue .navbar-nav .nav-link:hover, .navbar-blue .navbar-nav .nav-link:focus {
	color: #bbb;
}
.navbar-blue .navbar-nav .nav-link.disabled {
	color: #fff;
}
.navbar-blue .navbar-nav .show > .nav-link, .navbar-blue .navbar-nav .active > .nav-link, .navbar-blue .navbar-nav .nav-link.show, .navbar-blue .navbar-nav .nav-link.active {
	color: #bbb;
}
.navbar-blue .navbar-toggler {
	color: #fff;
	/* [disabled]border-color: #fff;
*/
}
.navbar-blue .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-blue, .navbar-text {
	color: green;
}
.navbar-blue, .navbar-text a {
	color: yellow;
}
.navbar-blue, .navbar-text a:hover, .navbar-blue, .navbar-text a:focus {
	color: red;
}
.card {
	padding: 0px;
}
.card-body {
	padding: 0px;
}
table {
	font-size: 0.9rem;
}
.contact-section {
	justify-content: center !important;
	padding-top: 50px;
	padding-bottom: 50px;
	color: white;
	background-color:#000000;
}
.obchod-section {
	justify-content: flex-end;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(32,32,32,1.00);
}
.footer {
	justify-content: center !important;
	padding-top: 100px;
	padding-bottom: 100px;
	color: white;
	background-color:rgba(36,36,36,1.00);
}
#map {
	width: 100%;
	height: 300px;
}
.najdete {
	padding-top: 12px;
	padding-bottom: 0px;
}
.new {
	height: 420px;
	margin-bottom: -40px;
	background: url(../img/mapa_01.jpg) center no-repeat rgba(255,255,255,1.00)
}
.actual-section {
	
	padding-top: 30px;
	padding-bottom: 18px;
	background-color:#FFFFFF
}
.sponzor-section {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color:#EBEAEA;
}
.platby-section {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color:#fff;
}
.iphone {
	padding-top: 0px;
	padding-bottom: 30px;
	background: url(../img/bg-apple2.png) top no-repeat
}
.phone {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	background: url(../img/bg-phone.jpg) top no-repeat
}

.kuryr {
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #fff;
	background: url(../img/bg-pack.jpg) center no-repeat
}
.comp {
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #fff;
	background: url(../img/pc321a.jpg) right no-repeat
}
.mac {
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #fff;
	background: url(../img/bg-apple.jpg) center no-repeat
}
.soft {
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #fff;
	background: url(../img/bg-apple.jpg) center no-repeat
}
.logos {
	padding: 0px;
	background-color: #fff;
	text-align: center;
}
.logos2 {
	padding: 10px;
	background-color: #fff;
	text-align: center;
}
.cenik {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #fff
}
.top0 {
	top: 0px;
}
.top50 {
	top: 30px;
}
.top100 {
	top: 100px;
}
.hot-contact {
	top: 0px;
	height: 50px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #fff
}
.hodiny {
	padding-top: 10px;
}
.hot-contact-padding {
	padding: 0px!important;
	margin: 0px !important;
}
.hot-contact a {
	color: #fff;
	text-decoration: none
}
.hot-contact a:hover, .hot-contact active {
	color: #bbb;
	text-decoration: none
}
.contact-section a {
	color: #fff;
	text-decoration: none; text-align: center
}
.contact-section a:hover, .contact-section active {
	color: #bbb;
	text-decoration: none
}
.servis {
	justify-content: flex-end;
}
@media (min-width:577px) {
.max-width-576 {
	display: none
}
}
@media (max-width:576px) {
.iphone {
	background-color: #fff;
	background-image: none
}
.comp {
	background-color: #fff;
	background-image: none
}
.mac {
	background-color: #fff;
	background-image: none
}
.max-width-991 {
	display: none
}
.carousel-indicators {
	visibility: hidden
}		
}
@media (max-width: 991px) {
.media-size-item {
	width: auto !important;
}
.min-width-992 {
	display: none
}
.media {
	width: auto;
}
.mbr-figure {
	width: 100% !important;
}
}
@media (min-width: 992px) {
header {
	padding: 56px 0 100px;
}
.max-width-991 {
	display: none
}

}
section {
	padding-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 150px;
}

/* Arrow up */
#topup {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: rgba(7,103,233,0.79);
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px
}
#topup:hover {
	background-color: rgba(7,103,233,0.79);
	color: #bbb;
	border: none
}
#topup:active {
	border: none
}
.row-center {
  display: -ms-flexbox;
  display:inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}