body, html {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
a {
	color: #009ee3;
}
a:hover, a:focus, a:active {
	color: #155d74;
}
.btn-primary {
	background-color: #009ee3 !important;
	border-color: #009ee3 !important;
	color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #155d74 !important;
	border-color: #155d74 !important;
}
.btn {
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	font-weight: 700;
}
.bg-primary {
	background-color: #009ee3 !important;
}
.form-control:focus {
	box-shadow: none;
}
.custom-file-label::after {
	content: "Vybrat";
	top: auto;
}
.scroll-to-top {
	position: fixed;
	right: calc(50vw - 25px);
	bottom: 15px;
	display: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	background: rgba(0, 0, 0, 0.9);
	line-height: 50px;
}
.scroll-to-top:focus, .scroll-to-top:hover {
	color: white;
}
.scroll-to-top:hover {
	background: #000000;
}
.scroll-to-top i {
	font-weight: 700;
	line-height: 50px;
}
.header {
	display: block;
	min-height: 30rem;
	position: relative;
	width: 100%;
	height: 100vh;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url(../img/stickers_print_samolepy_stitky_etikety_stickersky_houbas.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.header .scroll-to-bottom {
	position: absolute;
	right: calc(50vw - 25px);
	bottom: 25px;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	background: rgba(0, 0, 0, 0.9);
	line-height: 50px;
}
.header .scroll-to-bottom:focus, .header .scroll-to-bottom:hover {
	color: white;
}
.header .scroll-to-bottom:hover {
	background: #000000;
}
.header .scroll-to-bottom i {
	font-weight: 700;
	line-height: 50px;
}
.header h1 {
	display: block;
	height: 70vh;
	width: 70vw;
	position: relative;
	font-size: 4rem;
	margin: 0 auto;
	margin-top: 15vh;
	padding: 0;
}
.header h1 span.text {
	visibility: hidden;
}
.header h1 span.cover {
	position: absolute;
	height: 70vh;
	width: 70vw;
	top: 0;
	left: 0;
	background: transparent url(../img/logo.png) no-repeat center center;
	background-size: contain;
}
@media (min-width: 992px) {
	.header {
		height: 100vh;
	}
	.header h1 {
		height: 50vh;
		width: 50vw;
		margin-top: 25vh;
		font-size: 5.5rem;
	}
	.header h1 span.cover {
		height: 50vh;
		width: 50vw;
	}
}
#sidebar-container {
	position: fixed;
	z-index: 2;
	right: 0;
	width: 250px;
	height: 100%;
	transition: all 0.4s ease 0s;
	transform: translateX(250px);
	background: #009ee3;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-nav li.sidebar-nav-item a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 15px;
}
.sidebar-nav li a:hover {
	text-decoration: none;
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
	font-size: 1.2rem;
	background: rgba(52, 58, 64, 0.1);
	height: 80px;
	line-height: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.sidebar-nav > .sidebar-brand a {
	color: #fff;
}
.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}
#sidebar-container.active {
	right: 250px;
	width: 250px;
	transition: all 0.4s ease 0s;
}
.menu-toggle {
	position: fixed;
	right: 15px;
	top: 15px;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.9);
	line-height: 50px;
	z-index: 999;
}
.menu-toggle:focus, .menu-toggle:hover {
	color: #fff;
}
.menu-toggle:hover {
	background: #000000;
}
.menu-toogle i {
	line-height: 50px;
}
.content-section {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}
.content-section-heading h2 {
	font-size: 3rem;
}
.content-section-heading h3 {
	font-size: 1rem;
	text-transform: uppercase;
}
.portfolio-item {
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 530px;
	margin: auto auto 1rem;
}
@media (min-width: 992px) {
	.portfolio-item {
		max-width: none;
		margin: 0;
	}
	.portfolio-item img {
		-webkit-transition: -webkit-clip-path 0.25s ease-out;
		-webkit-clip-path: inset(-1px);
		clip-path: inset(-1px);
	}
	.portfolio-item:hover img {
		-webkit-clip-path: inset(2rem);
		clip-path: inset(2rem);
	}
}
footer.footer {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
footer.footer .social-link {
	display: block;
	height: 4rem;
	width: 4rem;
	line-height: 4.3rem;
	font-size: 1.5rem;
	background-color: #009ee3;
	transition: background-color 0.15s ease-in-out;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
footer.footer .social-link:hover {
	background-color: #155d74;
	text-decoration: none;
}
#calcOrder, #calcResult {
	display: none;
}

:root {
	--color-gray: #444444;
	--color-gray-light: #888888;
	--color-white: #ffffff;
	--color-border: #E5E5E5;
	--color-green: #67A341;
	--color-green-hover: #679135;
	--color-red: #BE3226;
	--border-radius: .5rem;
}

.cc-container { display: none; position: fixed; z-index: 99; bottom: 0; left: 50%; transform: translate(calc(-50% - 10px), 0); margin: 10px; width: calc(100% - 20px); max-width: 600px; max-height: 80%; overflow-y: auto; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); background-color: var(--color-white); border-radius: var(--border-radius); color: var(--color-gray); }
.cc-close { position: absolute; right: 20px; top: 20px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--color-gray); font-size: 1.5rem; cursor: pointer; }
.cc-close:hover, .cc-close:focus { color: var(--color-gray); }
.cc-title { line-height: 40px; font-size: 1.5rem; font-weight: 700; }
.cc-text, .cc-option-text { font-size: 0.8rem; }
.cc-buttons { display: flex; }
.cc-buttons button { background-color: var(--color-white); border-radius: var(--border-radius); border: 1px solid var(--color-border); margin-right: .5rem; color: var(--color-gray); padding: 0 10px; line-height: 40px; }
.cc-buttons button:hover { background-color: var(--color-border); }
.cc-buttons button[data-type="allowAll"] { background-color: var(--color-green); border-color: var(--color-green); color: var(--color-white); }
.cc-buttons button[data-type="allowAll"]:hover { background-color: var(--color-green-hover); border-color: var(--color-green-hover); }
.cc-buttons button:last-of-type { margin-right: 0; }
.cc-more { display: none; }
.cc-option-header { display: flex; }
.cc-option-title { flex-grow: 1; line-height: 2rem; font-size: 1.2rem; font-weight: 700; }
.cc-option-choose { position: relative; width: 2.8rem; height: 1.6rem; margin: .2rem; border-radius: .75rem; background-color: var(--color-gray); }
.cc-option-choose:not(.cc-option-choose-disabled) { cursor: pointer; }
.cc-option-choose.cc-option-choose-disabled { background-color: var(--color-gray-light); filter: grayscale(30%); }
.cc-option-choose::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; border-radius: .6rem; background-color: var(--color-red); position: absolute; left: 0.2rem; top: 0.2rem; transition: all 0.3s; }
.cc-option-active .cc-option-choose::after { background-color: var(--color-green); left: calc(1.2rem + 0.2rem); }