/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1;
	min-width: 320px; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }
a {
	text-decoration: none;
	color: inherit;
}
b {
	font-weight: bold;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px white inset !important; }


input:invalid, textarea:invalid { border: 1px solid #fff; }
.button {
	align-items: center;
	background-color: #f45027;
	border: 0;
	border-radius: 29.5px;
	color: #fff;
	cursor: pointer;
	font-stretch: normal;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;}
	.button:hover { background-color: #fc613a; }
	.button.medium {
		letter-spacing: 2.6px;
		padding: 19px 28px 17px; }
	 #form .button { transition: background-color .2s linear; }
.arrow-down {
  	display: inline-block;
  	fill: #919191;
  	height: 5px;
  	margin-left: 6px;
  	vertical-align: middle;
  	width: 9px; }
.link {
	color: #f45027;
	text-decoration: none; }
.link:hover { color: #fc613a; }
.link:visited { color: #f45027; }
.link:active { color: #f45027; }
.inline-block { display: inline-block; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.bg-white { background-color: #fff; }
.table { 
	display: table;
	width: 100%; }
	.table .cell {
		border: 1px solid transparent;
		display: table-cell;
		position: relative; /* Hovermenu over breadcrumbs effect in nav menu */
		vertical-align: middle; }
	.table .cell.top { vertical-align: top; }
	.table .cell.header {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0;
		line-height: 25px; }
	.table .row { display: table-row; }
.wrapper {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 auto;
	padding: 60px 0;
	width: 1100px; }
.cookies-consent {
	border-top: 1px solid #e6e6e6;
	background-color: #fff;
	bottom: 0;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06);
	left: 0;
	padding-bottom: env(safe-area-inset-bottom);
	position: fixed;
	right: 0;
	z-index: 1200;
	width: 100%; }
.cookies-consent[hidden] { display: none !important; }
	.cookies-consent .table {
		margin: 0 auto;
		padding: 30px 0;
		width: 1100px; }
	.cookies-consent .text {
		color: #777;
		font-size: 13px;
		font-weight: normal;
		line-height: 1.49;
		padding-right: 100px; }
	.cookies-consent .button {
		padding: 19px 38px 17px;
		text-transform: uppercase; }
	.form-row .row { height: 70px; }
	.form-row .cell { border-top: 1px #f0f0f0 solid; }
/* Acordeon styles */
/*.tab {
  color: #3d3f43;
  position: relative;
  width: 100%; }
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1; }
.tab label {
  position: relative;
  display: block;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  padding: 25px;
  border-radius: 7px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03); }
  .tab label strong { padding-left: 20px; }
  .tab label span {
  	color: #777777;
  	display: inline-block;
  	font-size: 25px;
  	line-height: 16px;
  	transition-duration: .35s; }
.tab-content {
  background: #fff;
  color: #777777;
  font-size: 16px;
  line-height: 29px;
  max-height: 0;
  transition: max-height 0.25s ease-out;
  overflow: hidden;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0 9px 14px 0 rgba(0, 0, 0, 0.07);
  padding: 0 25px;}
.tab input:checked ~ .tab-content {
	max-height: 500px;
	transition: max-height 0.4s ease-in;}
.tab input[type=checkbox]:checked + label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none; }
.tab input[type=checkbox]:checked + label span {
  transform: rotate(90deg); }*/
/* Acordeon styles */
.error {
	color: #f45027;
	font-size: 16px;
	padding: 5px;
	text-align: center; }

* { font-family: Oscine, sans-serif; }

body {
	background-color: rgba(233,233,233,0.28);
	font-family: Oscine, sans-serif;
	font-size: 12px;
	margin: auto;
	width: 100%;
}

#header {
	background-color: #282a2e;
	background-image: url("../img/pozadie1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #3D3F43;
	font-size: 15px;
	font-weight: bold;
	line-height: 2; }
.white #header {
	background-color: #fff;
	background-image: none; }
	#header #top-bar {
		min-width: 320px;
	    z-index: 1000;
	    width: 100%; }
	#header #nav.toggled { background-color: #282a2e; }
	.white #header #nav.toggled { background-color: #fff; }
		#header #nav .table {
			border-bottom: 1px solid rgba(255,255,255,0.1);
			height: 88px; }
		.white #header #nav .table { border-bottom: 1px solid rgba(0,0,0,0.1); }
		#header.fixed #nav .table { height: 75px; }
	    #header #top-bar > .wrapper { padding: 0; }
		#header.fixed #top-bar { background-color: #282a2e; }
		.white #header #top-bar { background-color: #fff; }
		#header.fixed #top-bar {
			box-shadow: 0 2px 2px rgba(0,0,0,0.1);
			height: auto;
			left: 0;
			position: fixed;
			padding: 0;
			top: 0; }
		#header.fixed #top-bar.hover { background-color: #282a2e;}
		.white #header.fixed #top-bar.hover { background-color: #fff; }
		#header .logo-lang { width: 270px; }
		#header .logo-lang a { color: #919191; }
		#header.fixed #top-bar .table { height: 75px; }
		#header #top-bar .logo {
			padding-right: 33px;
			vertical-align: middle; }
			#header #top-bar .logo2 { display: none; }
			#header.fixed #top-bar .logo1 { display: inline; }
			#header.fixed #top-bar .logo2 { display: none; }
			.white #header #top-bar .logo2 { display: inline; }
			.white #header #top-bar .logo1 { display: none; }
		#header #top-bar .menu { z-index: 1500; }
			#header #top-bar .menu li {
				padding-right: 30px;
				vertical-align: middle; }
				#header #top-bar .menu li a { color: #919191; }
				.white #header #top-bar .menu li a, .white #header.fixed #top-bar .menu li a {
					color: #3D3F43; }
					.white #header #top-bar .menu li a  .arrow-down, .white #header.fixed #top-bar .menu li a .arrow-down {
						fill: #3D3F43; }
				#header #top-bar .menu li>a:hover, .white #header #top-bar .menu li.selected>a, #header #top-bar .menu li.selected>a {
					color: #fff; }
					.white #header #top-bar .menu li.selected a .arrow-down, #header #top-bar .menu li.selected a  .arrow-down {
						fill: #fff; }
				.white #header #top-bar .menu li a:hover, .white #header #top-bar .menu li.selected>a, .white #header.fixed #top-bar .menu li.selected>a, .white #header.fixed #top-bar .menu li a:hover {
					color: #f45027; }
					#header #top-bar.hover .menu li a:hover .arrow-down {
						fill: #fff; }
					.white #header #top-bar .menu li a:hover .arrow-down, .white #header #top-bar .menu li.selected a .arrow-down, #header.fixed #top-bar .menu li.selected a .arrow-down, #header.fixed #top-bar .menu li a:hover .arrow-down {
						fill: #f45027; }
		#header #top-bar .breadcrumbs { margin-top: -1px; }
		#header.fixed #top-bar .breadcrumbs { margin-top: 0; }
				#header #top-bar .breadcrumbs li {
					border-top: 1px solid transparent;
					padding: 20px 15px; }
				#header #top-bar .breadcrumbs li:hover, #header #top-bar .breadcrumbs li.selected {
					border-top: 1px solid #fff; }
				.white #header #top-bar .breadcrumbs li:hover, .white #header #top-bar .breadcrumbs li.selected {
					border-top: 1px solid #F45027; }
				#header #top-bar .breadcrumbs a {
					color: #fff;
					font-size: 13px;
					line-height: 2.31;
					opacity: 0.6; }
				.white #header #top-bar .breadcrumbs a { color: #3D3F43; }
				#header #top-bar .breadcrumbs a:hover, #header #top-bar .breadcrumbs li.selected a {
					color: #fff;
					opacity: 1; }
				.white #header #top-bar .breadcrumbs a:hover, .white #header #top-bar .breadcrumbs .selected a {
					color: #f45027;
					opacity: 1; }
		#header #top-bar .hovermenu {
			background-color: #282a2e;
			border: 1px solid rgba(255,255,255,0.1);
			display: none;
			padding: 15px;
			position: absolute;
			top: 51px;
			width: 140px; }
		.white #header #top-bar .hovermenu {
			background-color: #fff;
			border: 1px solid rgba(0,0,0,0.1); }
		#header.fixed #top-bar .hovermenu { top: 51px; }
			#header #top-bar .hovermenu li { padding-right: 0; }
				#header #top-bar .hovermenu li a { display: block; }
			#header #top-bar .hovermenu.services { left: -55px; }
			#header .hovermenu a img  {
				padding-right: 10px;
				display: none;
				width: 35px; }
			#header #top-bar.hover.services .hovermenu.services { display: block; }
			#header #top-bar.hover.services .dropdown.services .arrow-down { transform: rotate(180deg) translateY(50%); }
			#header #top-bar .hovermenu { display: none; }
			#header #top-bar .hovermenu .cell {
				border: 1px solid transparent;
				color: #292929;
				font-size: 15px;
				height: 60px;
				padding: 5px 5px 5px 20px;
				width: 295px; }
			#header #top-bar .hovermenu .cell:hover {
				border: 1px solid rgba(244,80,39,0.3);
				border-radius: 7px;
  				color: #f45027;
				cursor: pointer; }
				#header #top-bar .hovermenu .cell a { color: #292929; }
				#header #top-bar .hovermenu .cell:hover a { color: #f45027; }
				#header #top-bar .hovermenu .cell img {
					margin-right: 30px;
					vertical-align: middle;
					width: 40px; }
				#header #top-bar .hovermenu span { vertical-align: middle; }
	#header.fixed #promo { padding-top: 151px; }
		#header #promo h2 {
			background: -webkit-linear-gradient(left, #F54E31, #f5a732);
			background: -o-linear-gradient(right, #F54E31, #f5a732);
			background: -moz-linear-gradient(right, #F54E31, #f5a732);
			background: linear-gradient(to right, #F54E31, #f5a732);
			background-image: -ms-linear-gradient(left, rgba(245, 78, 49, 1) 0%, rgba(245, 167, 50,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F54E31', endColorstr='#f5a732', GradientType=1 );
  			-webkit-background-clip: text;
  			-webkit-text-fill-color: transparent;
  			font-size: 72px;
  			line-height: 1.1em;
  			margin-top: 25px;}
  		#header #promo h3 {
			background: -webkit-linear-gradient(left, #F54E31, #f5a732);
			background: -o-linear-gradient(right, #F54E31, #f5a732);
			background: -moz-linear-gradient(right, #F54E31, #f5a732);
			background: linear-gradient(to right, #F54E31, #f5a732);
			background-image: -ms-linear-gradient(left, rgba(245, 78, 49, 1) 0%, rgba(245, 167, 50,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F54E31', endColorstr='#f5a732', GradientType=1 );
  			-webkit-background-clip: text;
  			-webkit-text-fill-color: transparent;
  			font-size: 56px;
  			line-height: 60px; }
  		#header #promo .row3 {
  			font-weight: normal;
  			margin-top: 50px; }
  			#header #promo .row3>div{ 
  				display: inline-block;
  				vertical-align: middle; }
  			#header #promo .row3 .button:hover { border: 1px solid rgba(255,255,255,0.3); }
	  			#header #promo .row3 .button svg {
	  				position: relative;
	  				left: 0;
	  				transition: .5s; }
	  			#header #promo .row3 .button:hover svg { left: 8px; }

	#footer>div {
		margin: 0 auto;
		padding: 60px 20px 0 20px;
		width: 1100px; }
	#footer .row2 { padding: 40px 0; }
		#footer .row2 .address {
			padding-left: 50px;
			width: 50%; }
		#footer .row2 .heading {
			color: #838383;
			font-size: 12px;
			font-weight: normal;
			line-height: 2.67;
			text-transform: uppercase; }
		#footer .row2 .text {
			color: #838383;
			font-size: 22px;
			font-weight: normal;
			line-height: 1.45; }
		#footer .row2 .uppercase { text-transform: uppercase; }
	#footer .row3 {
		color: #838383;
		font-size: 12px;
		font-weight: normal;
		line-height: 2.67;
		padding: 25px 0;
		text-align: center; }
		#footer .row3>div {
			display: inline-block;
			margin-right: 7px; }
		#footer .row3 .link { color: #838383; }

#mobile-button {
	cursor: pointer;
	display: none;
	padding-right: 20px;
	text-align: left;}
#mobile-button img { vertical-align: middle; }
.index #mobile-button .light,
.services #mobile-button .light,
.index #mobile-button.selected .light,
.services #mobile-button.selected .light{
	display: none; }
.index #mobile-button .dark .on,
.services #mobile-button .dark .on{
	display: inline; }
.white #mobile-button .dark, .white #mobile-button.selected .dark.on { display: none; }
#mobile-button .on, #mobile-button.selected .off { display: none; }
#mobile-button .off, #mobile-button.selected .on { display: inline; }
#mobile-overlay {
	background-color: rgba(0,0,0,0.4);
	display: none;
	height: 100vh;
	position: absolute;
	z-index: 999;
	width: 100%;}
.mobile-menu {
	background-color: #fff;
	border-top: 1px solid rgba(0,0,0,0.1);
	height: 375px;
	overflow-y: auto;
	width: 100%; }
.mobile-menu a {
	color: #282a2e;
	cursor: pointer;
	display: block;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.71;
	padding: 5px 0;
	text-align: center;
	text-decoration: none; }
.mobile-menu .first { padding-top: 25px; }
.mobile-menu .last { padding-bottom: 25px; }
.mobile-menu a.selected { color: #f45027; }
.mobile-submenu { display: none; }
.mobile-submenu a { font-size: 17px; }
.index #header #top-bar .mobile-menu,
.services #header #top-bar .mobile-menu{
	background-color: #282a2e; }
#header.fixed .mobile-menu { margin-top: 0; }
.index .mobile-menu a,
.services .mobile-menu a{
	color: #919191; }
.services .mobile-menu a.selected, .mobile-menu a:hover, .white .mobile-menu a.expand { color: #f45027; }
.index .mobile-menu a:hover,
.services .mobile-menu a:hover,
.mobile-menu a.expand {
	color: #fff; }
.mobile-menu a:hover svg {
	fill: #fff; }
.mobile-menu a.expand svg {
	fill: #fff;
	transform: rotate(180deg) translateY(50%); }
.white .mobile-menu a:hover svg { fill: #f45027; }
.white .mobile-menu a.expand svg {
	fill: #f45027;
	transform: rotate(180deg) translateY(50%); }
/*#mobile-menu-services {
	text-align: center; }
	#mobile-menu-services a {
		display: inline-block;
		font-size: 15px;
		line-height: normal;
		padding: 20px 0;
		vertical-align: top;
		width: 40%; }
	#mobile-menu-services a.return {
		display: block;
		padding: 0 0 15px 0;
		width: 100%; }
		#mobile-menu-services a img {
			display: block;
			margin: 0 auto 5px auto;
			height: 60px; }
*/
/* Index */
.index #header>.wrapper { padding-bottom: 30px; }
/* Index */

/* Riesenia */
/* Riesenia */

/* Sluzby */
.services #header .wrapper { padding-bottom: 40px; }
/* Sluzby */

/* VDC */
/* VDC */

/* SSD Storage */
/* SSD Storage */

/* O spolocnosti */
/* O spolocnosti */

/* Server housing */
/* Server housing */

/* Kontakt */
.contact #header .row2 .heading {
	color: #838383;
	font-size: 12px;
	font-weight: normal;
	line-height: 2.67;
	text-transform: uppercase; }
.contact #header .row2 .text {
    color: #838383;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.45; }
    .contact #header .row2 .text a { color: #838383; }
.contact #header .row2 .uppercase { text-transform: uppercase; }
.contact #header .row2 a { color: #f45027; }
.contact #header .row2 a:hover { color: #fc613a; }
.contact #header { border-bottom: 1px solid rgba(0,0,0,0.1); }
#map {
	border-top: 1px solid rgba(233,233,233,1);
	border-bottom: 1px solid rgba(233,233,233,1);
	height: 356px;
	width: 100%; }
.contact .foot.hr { display: none; }
/* Kontakt */

/* Objednavka */
#header #promo .heading1 {
	font-size: 28px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 20px;
  	text-transform: uppercase;
  	color: #3b3b3b; }
#header #promo .heading2 {
	font-size: 14px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.64;
	letter-spacing: normal;
  	color: #676767; }
/* Objednavka */

/* Kosik */
/* Kosik */

/* Dedikovany server */
/* Dedikovany server */
.mobile, .table .row.mobile, .table .cell.mobile { display: none; }

/* Rack housing */
/* Rack housing */

/* Disable gradient background on IE10,IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #header #promo h2, #header #promo h3{
		background: transparent;
		color: #F54E31; }
}

@media screen and (max-width: 1100px) {
	.wrapper {
		padding-left: 40px;
		padding-right: 40px;
		width: 100%; }
		.wrapper .wrapper {
			padding-left: 0;
			padding-right: 0; }
	.mobile, .table .row.mobile, .table .cell.mobile { display: block; }
	.inline-block.mobile { display: inline-block; }
	.table.mobile { display: table; }
	/*#header.fixed #promo { padding-top: 151px; }*/
	#header #top-bar .logo-lang {
		padding-left: 40px;
		width: 260px; }
	#header #top-bar .breadcrumbs { padding-left: 40px; }
	.list-box > li { margin-right: 5%; }
	 #footer .row2, #footer .row3 { width: 90%; }
	#header.fixed #top-bar > .wrapper { border-bottom: 1px solid rgba(0,0,0,0.1); }
	.form-row .mobile .cell{ border-top: transparent; }
	 #header .row2 { text-align: center;}
	 .services #header .row2, .index #header .row2 { text-align: left; }
	.cookies-consent .table {
		padding-left: 40px;
		padding-right: 40px;
		width: auto; }
}

@media screen and (max-width: 920px) {
	#header #top-bar .menu { display: none; }
	.wrapper { 
		padding-left: 20px;
		padding-right: 20px; }
	#header #promo h2 { font-size: 54px; }
	#header #promo h3 { font-size: 34px; }
	#header #promo h3.row2 { 
		font-size: 52px;
		text-align: center; }
	#header #top-bar .logo-lang { width: auto; }

	.list-box > li{ 
		margin: 0 0 20px 3%;
		width: 80%;  }
	#footer .row2 .cell, .contact #header .row2 .cell {
		display: block;
		margin-bottom: 20px; }
	#footer .row2 .address {
		padding-left: 0;
		width: auto; }
	#header #top-bar #mobile-button {
		display: inline-block;
		vertical-align: middle;
		width: 50px; }
	.services #header.fixed #promo{ padding-top: 221px; }
	#header #top-bar .breadcrumbs li { padding: 20px 10px; }
}

@media screen and (max-width: 630px) {
	.cookies-consent .row, .cookies-consent .cell, .cookies-consent .table { display: block; }
	.cookies-consent .text {
		margin-bottom: 40px;
		padding-right: 0; }
}

@media screen and (max-width: 570px) {
	#header #top-bar .logo { padding-right: 0; }
	 .services #header.fixed #promo{
		padding-top: 150px; }
	#header #top-bar .breadcrumbs li { display: none; }
	#header #promo h2 { font-size: 44px; }
	#header #promo h3.row2 { font-size: 45px; }
	.list-box > li{
		margin: 0 0 20px 0;
		height: auto;
		width: 80%;  }
	#header #top-bar .logo-lang { padding-left: 20px; }
}

@media screen and (max-width: 440px) {
    .list-box .text { display: none; }
	#header.fixed #promo { padding-top: 163px; }
}

/* Homepage */
.home-hero {
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 1100px; }
.home-hero h1 {
	background: linear-gradient(to right, #F54E31, #f5a732);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #F54E31;
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -0.8px;
	line-height: 1.08;
	margin-top: 10px;
	max-width: 14em; }
.home-hero p {
	color: rgba(255,255,255,0.88);
	line-height: 1.55;
	max-width: 760px; }
.home-hero strong{ font-weight: 700; }
@media screen and (max-width: 1100px) {
	.home-hero h1 { font-size: 44px; } }
@media screen and (max-width: 770px) {
	.home-hero h1 { font-size: 34px; } }
@media screen and (max-width: 440px) {
	.home-hero h1 { font-size: 30px; } }

main.home,
main.page,
.page-hero { color: #3d3f43; font-size: 16px; line-height: 1.7; }
main.home strong,
main.page strong,
.page-hero strong { font-weight: 700; }


main.home .card { flex: 1 1 420px; max-width: 100%; }
main.home .button.medium,
main.page .button.medium,
.page-hero .button.medium,
.home-hero .button.medium {
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0;
	padding: 16px 26px;
	text-transform: none; }

.crumbs { color: #919191; font-size: 14px; margin: 0 0 8px; }
.crumbs a { color: #f45027; }
.crumbs span { margin: 0 6px; }
.contact { display: grid; gap: 28px; grid-template-columns: 1.15fr 0.85fr; }
.form label, .form fieldset { display: block; font-size: 15px; font-weight: 700; margin: 0 0 14px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.form-row label { margin-bottom: 14px; }
.form input, .form textarea, .form select { border: 1px solid #ededed; border-radius: 4px; box-sizing: border-box; display: block; font-size: 16px; font-weight: 400; margin-top: 6px; padding: 12px 14px; width: 100%; background: #fff; }
.form textarea { min-height: 140px; }
.form fieldset { border: 0; padding: 0; }
.form legend { font-weight: 700; margin-bottom: 6px; }

main .error { color: #f45027; font-size: 14px; margin: -8px 0 12px; padding: 0; text-align: left; }

.hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.contact-status { border-radius: 4px; font-size: 15px; margin: 0 0 16px; padding: 14px 16px; }
.contact-status[hidden], main .error[hidden] { display: none; }
.contact-status strong { display: block; font-size: 17px; margin-bottom: 4px; }
.contact-status.is-success { background: #eef8f0; color: #1d6b33; }
.contact-status.is-error { background: #fff5f2; color: #c2381a; }
.contact-status:focus { outline: none; }
.form .button.is-loading { cursor: progress; opacity: 0.7; }
.form [aria-invalid="true"] { border-color: #f45027; }
#header #top-bar .menu li { padding-right: 16px; }
#header #top-bar .menu li.last { padding-right: 0; }
#header #top-bar .menu li.dropdown { position: relative; }
#header #top-bar .hovermenu.services { left: auto; right: 0; top: 100%; margin-top: 8px; width: max-content; max-width: 380px; text-align: right; }
#header.fixed #top-bar .hovermenu.services { top: 100%; }
#header.fixed #promo { padding-top: 0; }
#header.fixed #top-bar { animation: iops-menu-drop 0.42s cubic-bezier(0.22, 1, 0.36, 1); }
@keyframes iops-menu-drop {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	#header.fixed #top-bar { animation: none; }
}
#header #top-bar .hovermenu.services li a { color: #fff; display: block; font-size: 15px; font-weight: 700; line-height: 1.35; padding: 10px 4px; text-align: right; }
body.white { background: #f4f4f4; }
.page-hero { background: #fff; margin-top: 2rem; }
.error-page { padding-top: 12px; padding-bottom: 72px; }
.error-code { font-size: 128px; font-weight: 700; line-height: 0.9; margin: 0 0 12px; }
.error-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.error-actions .button.medium { letter-spacing: 0; text-transform: none; }
.error-button-light { background: #fff; color: #f45027; box-shadow: inset 0 0 0 2px #f45027; }
.error-button-light:hover { background: #fff5f2; color: #f45027; }
@media screen and (max-width: 770px) {
	.error-code { font-size: 88px; }
}
.page-hero .wrapper {
	padding-top: 18px;
	padding-bottom: 50px;
}
.white #header #top-bar .hovermenu.services li a { color: #292929; }
#header #top-bar .hovermenu.services li a:hover,
#header #top-bar .hovermenu.services li.selected a,
.white #header #top-bar .hovermenu.services li.selected a { color: #f45027; }
.cookies-consent .cookies-inner { align-items: center; display: flex; gap: 20px; margin: 0 auto; max-width: 1100px; padding: 18px 0; }
.cookies-consent .cookies { flex: 1; min-width: 0; }
.cookies-consent .cookies b { color: #3d3f43; display: block; font-size: 15px; margin-bottom: 6px; }
.cookies-consent .cookies p { color: #777; font-size: 14px; font-weight: 400; line-height: 1.5; margin: 0; }
.cookies-consent .cookies p + p { margin-top: 6px; }
.cookies-actions { align-items: center; display: flex; flex: none; gap: 8px; }
.cookies-actions .button.medium { letter-spacing: 0; text-transform: none; }
.cookies-close {
	appearance: none;
	background: transparent;
	border: 0;
	color: #3d3f43;
	cursor: pointer;
	flex: none;
	font-family: Arial, sans-serif;
	font-size: 30px;
	height: 44px;
	line-height: 44px;
	padding: 0;
	width: 44px; }
.cookies-close:hover { color: #f45027; }
@media screen and (max-width: 1100px) {
	main.home h1, main.page h1:not(.h1), .page-hero h1:not(.h1), .home-hero h1 { font-size: 40px; }
	main.home .card { max-width: 100%; }
	.cookies-consent .cookies-inner { padding-left: 40px; padding-right: 40px; }
}
@media screen and (max-width: 770px) {
	main.home h1, main.page h1:not(.h1), .page-hero h1:not(.h1), .home-hero h1 { font-size: 32px !important; }
	main.home h2, main.page h2, .page-hero h2 { font-size: 24px; }
	.contact { grid-template-columns: 1fr; }
	main.home .card, figure.logo { flex-basis: 100%; max-width: 100%; }
	.cookies-consent .cookies-inner { align-items: stretch; flex-direction: column; gap: 14px; padding-left: 20px; padding-right: 20px; position: relative; }
	.cookies-consent .cookies b { padding-right: 36px; }
	.cookies-close { position: absolute; right: 8px; top: 8px; }
}

/* ------------------------------ custom ------------------------------ */

body.index h1{
	font-size: 68px;
}

.h1{
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 20px;
	max-width: 700px;
}

.h2{
	font-size: 35px;
	line-height: 32px;
	color: #3d3f43;
	font-weight: 700;
}

.h3{
	font-size: 28px;
	line-height: 32px;
	color: #3d3f43;
}

p{
	max-width: 600px;
}

.text-14{
	font-size: 14px;
}

.text-18{
	font-size: 18px;
	line-height: 25px;
}

.text-20{
	font-size: 20px;
	line-height: 32px;
}

.text-gradient{
	background: linear-gradient(to right, #F54E31, #f5a732);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #F54E31;
}

.small-uppercase-heading{
	color: #838383;
	font-size: 14px;
	font-weight: normal;
	line-height: 2.67;
	text-transform: uppercase;
}


.cta-wrapper{
	display: inline-block;
	font-size: 14px;
	text-align: center;
}
.object-contain{
	object-fit: contain;
}

.list-box{
	box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.07);
}

.list-box .header{
	font-size: 18px;
}

.list-box .text{
	color: #777777;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.7;
	min-height: 55px;
}

.list-box .text p{
	margin-bottom: 1rem;
}


.arrow-list{
	list-style: none;
	padding-left: 0;

}
.arrow-list li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 5px;
}
.arrow-list li:before{
	content: '';
	background: url(../img/odrazka.svg) no-repeat left 3px;
	width: 30px;
	height: 30px;
	display: block;
	top: 6px;
	left: 0;
	position: absolute;
}

.hp-logos{
	background-color: #fff;
}

.hp-logo{
	max-height: 56px;
	max-width: 155px;
	width: auto;
	object-fit: contain;
}

.card {
	background: #fff;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.07) 0 12px 34px 0;
	flex: 1 1 100%;
	position: relative;
	height: 100%;
}

.card .text{
	color: rgb(28 28 28 / 60%);
	font-size: 15px;
	font-weight: normal;
	line-height: 1.79;
	text-align: center;
}

.card .text p{
	margin-bottom: 7px;
}
.card .text .arrow-list {
	text-align: left;
}

.card:before{
	content: '';
	position: absolute;
	left: 30%;
	top: 0;
	width: 40%;
	border-top: 2px solid rgb(244, 80, 39);
}

.arrow-block {
	background: url("../img/odrazka.svg") no-repeat left 3px;
	display: inline-block;
	vertical-align: text-top;
}

.arrow-block .heading {
	color: #292929;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	margin-bottom: 20px;
	padding-left: 35px;
	text-align: left;
}

.arrow-block .text {
	color: #777777;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.75;
	padding-left: 35px;
	text-align: left;
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #ffffff;
	padding: 0 20px;
}
table {
	border-collapse: collapse;
	min-width: 640px;
	width: 100%;
	border-radius: 7px;
	background: #fff;
}
table thead th{
	padding: 20px 14px 10px 14px;
}
td {
	border-bottom: 1px solid #f0f0f0;
	font-size: 15px;
	line-height: 1.45;
	padding: 12px 14px;
	text-align: left;
	vertical-align: top;
}
th {
	font-weight: 700;
}

hr {
	border-top: 1px solid rgba(233,233,233,0.28);
	color: #e9e9e9;
}

.faq-wrapper{
	background: #fff;
}

.faq {
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 1rem;

}
.faq:last-child{
	border-bottom: none;
}
.faq .question {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	gap: 16px;
	justify-content: space-between;
	line-height: 1.4;
	margin-bottom: 1rem;
}
.faq .question::after {
	background: center / 12px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.2 L6 6.2 L11 1.2' fill='none' stroke='%233d3f43' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	content: "";
	flex: 0 0 16px;
	height: 16px;
	transition: transform .2s ease;
	width: 16px;
}
.faq.open .question::after {
	transform: rotate(180deg);
}
.faq .answer{
	display: none;
	padding-bottom: 1rem;
}
.faq .answer p{
	max-width: unset;
}
.faq .answer p + p {
	margin-top: 0.75rem;
}
.faq .answer ul {
	list-style: disc;
	margin: 0.25rem 0 0;
	padding-left: 1.25rem;
}
.faq .answer li + li {
	margin-top: 0.5rem;
}

.beside-form {
	border-radius: 7px;
	box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.07);
	background: #fff;
}

.beside-form .bottom{
	background-color: #f8f8f8;
	color: #777777;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.06);
	border-top: 1px solid #f0f0f0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.text-bold{
	font-weight: bold;
}

.alert{
	background-color: #f4502763;
	border-radius: 7px;
	color: #373737;
	padding: 4px 10px;
	line-height: 1.45;
}


/* spacings */
.p-2{
	padding: 1rem !important;
}
.pt-2{
	padding-top: 1rem !important;
}
.pt-3{
	padding-top: 2rem !important;
}
.pt-4{
	padding-top: 3rem !important;
}
.pt-5{
	padding-top: 4rem !important;
}
.pb-2{
	padding-bottom: 1rem !important;
}
.pb-3{
	padding-bottom: 2rem !important;
}
.pb-4{
	padding-bottom: 3rem !important;
}
.pb-5{
	padding-bottom: 4rem !important;
}

.mb-1{
	margin-bottom: 0.5rem !important;
}

.mb-2{
	margin-bottom: 1rem !important;
}

.mb-3{
	margin-bottom: 2rem !important;
}

.mb-4{
	margin-bottom: 3rem !important;
}

.mb-5{
	margin-bottom: 4rem !important;
}

.mt-1{
	margin-top: 0.5rem !important;
}
.mt-2{
	margin-top: 1rem !important;
}
.mt-3{
	margin-top: 2rem !important;
}

.pl-3{
	padding-left: 2rem !important;
}
.pl-4{
	padding-left: 3rem !important;
}
.pr-3{
	padding-right: 2rem !important;
}
.pr-4{
	padding-right: 3rem !important;
}
.mr-3{
	margin-right: 2rem !important;
}
.ml-auto{
	margin-left: auto;
}
.mr-auto{
	margin-right: auto;
}

.last-cta-section{
	background-color: #eeeeee;
}
.last-cta-section p{
	margin-left: auto;
	margin-right: auto;
}
.last-cta-section{
	text-align: center;
}


/* ------------------------------ page hero s ilustráciou (podstránky Služby) ------------------------------ */
.page-hero-grid { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.page-hero-text { flex: 1 1 auto; min-width: 0; }
.page-hero-media { flex: 0 0 auto; width: 360px; margin: 0; }
.page-hero-media img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 1100px) {
	.page-hero-media { width: 280px; }
}
@media screen and (max-width: 920px) {
	.page-hero-grid { gap: 24px; }
	.page-hero-media { width: 220px; }
}
@media screen and (max-width: 770px) {
	.page-hero-grid { flex-direction: column; align-items: stretch; gap: 16px; }
	.page-hero-media { width: 240px; max-width: 70%; margin: 8px auto 0; }
}

/* ------------------------------ dlaždice (.tiles / .tile) – homepage aj podstránky ------------------------------ */
.tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 8px; }
.tile {
	position: relative; display: flex; flex-direction: column;
	background: #fff; border: 1px solid #ededed; border-radius: 18px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tile::before {
	content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; z-index: 2;
	background: linear-gradient(to right, #F54E31, #f5a732);
	transform: scaleX(0); transform-origin: left; transition: transform .3s ease;
}
.tile:hover, .tile.is-hover { transform: translateY(-6px); box-shadow: 0 22px 46px rgba(0, 0, 0, 0.10); border-color: #f3d9cf; }
.tile:hover::before, .tile.is-hover::before { transform: scaleX(1); }

.tile-media {
	display: flex; align-items: center; justify-content: center; height: 210px; padding: 22px;
	background: radial-gradient(ellipse at 50% 85%, #fff2ec 0%, rgba(255,242,236,0) 60%), linear-gradient(180deg, #f7f7f8 0%, #fff 100%);
	border-bottom: 1px solid #f1f1f1;
}
.tile-media img { display: block; max-height: 100%; width: auto; max-width: 78%; transition: transform .35s ease; }
.tile:hover .tile-media img, .tile.is-hover .tile-media img { transform: scale(1.04); }

.tile-body {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: start;
	padding: 26px 30px 28px;
	text-align: left;
}
.tile-num { color: #f45027; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px; }
.tile-title { color: #3d3f43; font-size: 23px; font-weight: 700; line-height: 1.25; margin: 0 0 14px; transition: color .2s; }
.tile:hover .tile-title, .tile.is-hover .tile-title { color: #f45027; }
.tile-text { color: #6b6d72; font-size: 15px; line-height: 1.7; }
.tile-text p { margin: 0 0 12px; max-width: none; }
.tile-text strong { color: #3d3f43; }

.tile-more {
	display: inline-flex; align-items: center; gap: 10px; align-self: flex-start;
	margin-top: auto; padding-top: 16px; border-top: 1px solid #f0f0f0; width: 100%;
	color: #f45027; font-size: 15px; font-weight: 700; line-height: 1.4; text-decoration: none;
}
.tile-body > .tile-text { margin-bottom: 18px; }
.tile-more span { flex: 0 1 auto; }
.tile-more i {
	flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; margin-left: auto; border-radius: 50%;
	background: #fff2ec; transition: background-color .2s, transform .2s;
}
.tile-more svg { width: 16px; height: 10px; fill: #f45027; transition: fill .2s; }
.tile-more:hover span { text-decoration: underline; }
.tile:hover .tile-more i, .tile.is-hover .tile-more i { background: #f45027; transform: translateX(3px); }
.tile:hover .tile-more svg, .tile.is-hover .tile-more svg { fill: #fff; }

/* 5. dlaždica – široká, obrázok vľavo */
.tile--wide { grid-column: 1 / -1; flex-direction: row; }
.tile--wide .tile-media { flex: 0 0 38%; height: auto; min-height: 260px; border-bottom: 0; border-right: 1px solid #f1f1f1; }
.tile--wide .tile-body { padding: 34px 40px; }

@media screen and (max-width: 920px) {
	.tiles { gap: 20px; }
	.tile-body { padding: 22px 22px 24px; }
	.tile-title { font-size: 20px; }
}
@media screen and (max-width: 770px) {
	.tiles { grid-template-columns: 1fr; }
	.tile-media { height: 170px; }
	.tile--wide { flex-direction: column; }
	.tile--wide .tile-media { flex-basis: auto; min-height: 0; height: 170px; border-right: 0; border-bottom: 1px solid #f1f1f1; }
	.tile--wide .tile-body { padding: 22px 22px 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.tile, .tile::before, .tile-media img, .tile-more svg { transition: none; }
}
/* dlaždice s logami (o-nas-a-referencie) */
.tile-media--logos { background: #fff; height: 150px; gap: 26px; flex-wrap: wrap; padding: 24px 30px; }
.tile-media--logos img { display: block; width: auto; height: auto; max-height: 70px; max-width: 180px; object-fit: contain; transform: none !important; }
.tile-media--logos img[src*="ms-hokej"] { max-height: 90px; }
.tile-media--logos img[src*="logo-samsung"] { max-width: 170px; }
.tile-media--logos img[src*="logo-zabbix"] { max-width: 160px; }
.tile-media--logos.is-multi { gap: 22px; }
.tile-media--logos.is-multi img { max-height: 40px; max-width: 30%; }
.tile-media--logos.is-multi img[src*="logo-openzfs"] { max-height: 54px; }
.tile-media--logos.is-multi img[src*="logo-dell"],
.tile-media--logos.is-multi img[src*="logo-supermicro"] { max-height: 48px; }
.tile-media--logos.is-multi img[src*="logo-hpe"] { max-height: 30px; }
.tile--logos.tile--wide .tile-media { flex-basis: 32%; min-height: 0; }
/* dlaždica bez obrázka */
.tile--plain .tile-body { padding-top: 30px; }
.tile-text .arrow-list { text-align: left; }
.tile-text ul { margin-bottom: 12px; }
.tile-text .alert { max-width: none; }
@media screen and (max-width: 770px) {
	.tile-media--logos { height: 120px; }
}
.tile--wide .tile-media img { max-height: 240px; }
@media screen and (max-width: 770px) {
	.tile--wide .tile-media img { max-height: 100%; }
}

.mw-100{
	max-width: 100%;
}

@media (min-width: 768px) {
	.col-md-1-5 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.button.small{
	padding: 11px 19px;
	display: inline-block;
	font-size: 15px;
}

/* ------------------------------ tile-media s reálnou fotografiou produktu (enterprise úložiská) ------------------------------ */
.tile-media--photo { position: relative; flex-shrink: 0; padding: 0; background: #111113; overflow: hidden; }
.tile-media--photo img,
.tile--wide .tile-media--photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: center; }
.tile-media--photo img[src*="truenas"] { object-position: left top; }