@font-face {
	src:url('../fonts/Poppins-Light.eot');
	src:local('Poppins Light'), local('Poppins-Light'),
		url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-Light.woff2') format('woff2'),
		url('../fonts/Poppins-Light.woff') format('woff'),
		url('../fonts/Poppins-Light.ttf') format('truetype'),
		url('../fonts/Poppins-Light.svg?#Poppins-Light') format('svg');
	font-family:'Poppins';
	font-style:normal;
	font-weight:300;
	font-display:swap;
}

@font-face {
	src:url('../fonts/Poppins-Regular.eot');
	src:local('Poppins Regular'),local('Poppins-Regular'),
		url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-Regular.woff2') format('woff2'),
		url('../fonts/Poppins-Regular.woff') format('woff'),
		url('../fonts/Poppins-Regular.ttf') format('truetype'),
		url('../fonts/Poppins-Regular.svg?#Poppins-Regular') format('svg');
	font-family:'Poppins';
	font-style:normal;
	font-weight:400;
	font-display:swap;
}

@font-face {
	src:url('../fonts/Poppins-Medium.eot');
	src:local('Poppins Medium'), local('Poppins-Medium'),
		url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-Medium.woff2') format('woff2'),
		url('../fonts/Poppins-Medium.woff') format('woff'),
		url('../fonts/Poppins-Medium.ttf') format('truetype'),
		url('../fonts/Poppins-Medium.svg?#Poppins-Medium') format('svg');
	font-family:'Poppins';
	font-style:normal;
	font-weight:500;
	font-display:swap;
}

@font-face {
	src:url('../fonts/Poppins-SemiBold.eot');
	src:url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
		url('../fonts/Poppins-SemiBold.woff') format('woff'),
		url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
		url('../fonts/Poppins-SemiBold.svg?#Poppins-SemiBold') format('svg');
	font-family:'Poppins';
	font-style:normal;
	font-weight:600;
	font-display:swap;
}

@font-face {
	src:url('../fonts/Poppins-Bold.eot');
	src:url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), 
		url('../fonts/Poppins-Bold.woff2') format('woff2'), 
		url('../fonts/Poppins-Bold.woff') format('woff'), 
		url('../fonts/Poppins-Bold.ttf') format('truetype'),
		url('../fonts/Poppins-Bold.svg?#Poppins-Bold') format('svg');
	font-family:'Poppins';
	font-style:normal;
	font-weight:700;
	font-display:swap;
}

@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/icomoon.eot?#iefixqvp9zc") format("embedded-opentype"),
  url("../../fonts/icomoon.woff?qvp9zc") format("woff"),
  url("../../fonts/icomoon.ttf?qvp9zc") format("truetype"),
  url("../../fonts/icomoon.svg?qvp9zc#icomoon") format("svg");
  font-display: block;
}

:root {
  --color: #292929;
  --color-active: #000;
  --disabled-color: #c2c2c2;
  --disabled-background: #e3e3e3;
  --main-button-background: #248467;
	--border-radius: .25rem;
	--main-button-color: #FFF;
	--main-light-background: #f2fffc;
	--main-button-background: #248467;
	--main-button-background-hover: #01654c;
	--system-button-color: #FFF;
	--system-button-background: #adadad;
	--system-button-background-hover: #818181;
	--base-color: #494949;
	--href-color: #248467;
	--check-color: #248467;
	--disabled-color: #c2c2c2;
	--check-border-color: #e1dfdc;	
}

* {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;		  
}

html {
	font-size: 16px;
	line-height: 1.2;
	background: #FFF;
}

body {
  background-color: #FFF;
  color: #17191e;
  font-family: "Poppins", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited {
	text-decoration:underline;
	color: #02876c;
}

h1,
h2,
h3,
.blogpage h1 {
	float: left;
	width: 100%;
	background: transparent;
	border-bottom: transparent;
	font-family: "Poppins", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
}

h1,
.blogpage h1 {
  text-align: center;
  padding: 0;
  margin: 0 0 1.75rem;
  font-size: 3.25rem;
  line-height: 1.25;
  color: #252525;
}

h3 {
	font-size:1.125rem;
}

p {
	float: left;
	width: 100%;
	background: none;
	text-align: left;
	line-height: 1.5;
}

ul {
	float: left;
	width: 100%;
	text-align: left;
	line-height: 1.5;
}

a, a:link, a:visited {
	color: #151515;
	text-decoration: none;
}

	a:hover {
			color: #22c59e
	}

img {
	max-width: 100%;
	height:auto;
}

button {
	font-family: "Poppins", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	display: inline-block;
  margin: 1rem 0 1.5rem;
  background: #992b72;
  color: #FFF;
  border-radius: 9999px;
  font-size: 1.2rem;
  font-weight: 500;
  height: 56px;
  line-height: 56px;
  width: auto;
  padding: 0 35px;
  text-align: left;
  cursor: pointer;
  border: 0;
}

	button:hover {
		background: #7f1f5d;
	}
	
textarea {
	font-size: 14px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

[disabled] {
	cursor: not-allowed !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

select::-ms-expand {
	display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #151515;
	-webkit-box-shadow: 0 0 0px 1000px #FFF inset;
	box-shadow: none;
	transition: background-color 5000s ease-in-out 0s;
}

#count {
	display: none !important;
}

.wrap {
  width: 1770px;
  max-width: 90%;
  background: transparent;
  clear: left;
  margin: 0 auto;
}

.tpage, .blogpage {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.homepage {
	margin-top: 80px !important;
	text-align: center;
}

.top {
	margin-top: 110px;
}

.wrapin {
	padding: 0 0 85px;
	box-shadow: none;
	overflow: visible;
}

footer .all,
.wrap,
header #top {
	min-width: auto;
	width: 1300px;
	max-width: 100%;
}

.homepage.wrap {
	float: left;
  clear: left;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

header {
	top: 0;
  position: absolute;
  width: 100%;
  height: 5rem;
  background: #FFF;
}

  header #top {
	position: relative;
	width: 100%;
	padding: 0 1rem;
  }

	header #top #logo {
	  position: absolute;
	  top: 22px;
	  left: 1rem;
	  width: 150px;
	  height: 36px;
	  background: url('../images/ineshop-logo.svg');
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 100%;
	  z-index: 3;
	}
  	
  	header #top #sublogo {
  		display: none;
  	}
  	
  	header #top #search,
  	header #top #search-results {
  		display: none !important;
  	}
  	
  header #topmenu_position {
  	display: none;
  }
  
  header #top #menu_position {
  	position: absolute;
	max-width: 100%;
	min-width: 960px;
	top: 16px;
	  left: auto;
	  right: 1rem;
	  width: calc(100% - 170px);
	  text-align: right;
  }
		
		#nav {
			float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: transparent;
		position: relative;
		z-index: 2;
			display: flex;
		  justify-content: flex-end;
		  align-items: center;
		  list-style: none;
		}
			
			#nav span {
				display: none;
			}
			
			#nav > li {
				float: left;
			  border-bottom: none;
			text-align: left;
			-moz-transition: all 300ms ease-in-out 0s;
			-ms-transition: all 300ms ease-in-out 0s;
			-o-transition: all 300ms ease-in-out 0s;
			-webkit-transition: all 300ms ease-in-out 0s;
			transition: all 300ms ease-in-out 0s;
			}

				#nav > li > a {
					display: block;
					height: 32px;
					line-height: 32px;
					font-size: 1rem;
					font-weight: 400;
					color: #252525;
					padding: 0 17px;
					text-decoration: none;
					white-space: normal;
				}

				#nav > li:last-of-type {
					margin-left: 17px;
				}

					#nav > li:last-of-type > a {
					  padding: 25px;
					  background: #248467;
					  color: #FFF;
					  border-radius: 9999px;
					  display: flex;
					  align-items: center;
					}

						#nav > li:last-of-type:hover > a {
							background: #01654c !important;
							color: #FFF !important;
						}

	header #basket-i {
		display: none;
	}
	
	header #breadcrumbs {
		top: 120px;
		left: 0;
		width: 100%;
		text-align: center;
		display:none;
	}
	
footer {
	float: left;
	clear: left;
	width: 100%;
	background: #F6F8FD;
	border-top: 1px solid #ebebeb;
	padding: 0;
}

footer a, footer a:link, footer a:visited { 
	color: #000;
}

footer .all {
	margin: auto;
	background: none;
	padding: 0 1rem;
}
	
	footer section {
		overflow: auto;
	}
	
	footer section h4,
	footer section .title {
		font-size: 1rem;
		font-weight: 500;
		line-height: 1rem;
		margin-bottom: 1rem;
		color: #303030;
	}
	
	footer section .footer_nav {
		gap: 5rem;
	  display: flex;
	  flex-wrap: wrap;
	}
		
		footer section .footer_nav .footer_nav_section  {
			width: auto;
 			margin-right: 0;
		}
		
			footer section .footer_nav .footer_nav_section li {
				font-size: 1rem;
				font-weight: 300;
				line-height: 1rem;
				margin-bottom: 0.85rem;
				color: #303030;
			}
				
				footer section .footer_nav .footer_nav_section li a {
					color: #303030;
				}
				
	footer section .info-line {
		background: transparent;
	  margin: auto;
	  padding: 0 0 2rem 0;
	  width: 100%;
	  margin-top: 2rem;
	  color: #717171;
	}
	
		footer section .info-line .copyright li {
			color: #717171;
		}

footer section .info-line .telefon {
  float: left;
  clear: left;
  width: 37%;
  background: url('../../images/icons/telefon.svg') no-repeat left center;
  background-size: 35px 40px;
  text-indent: 48px;
  position: relative;
  overflow: hidden
}

footer section .footer_nav h3 {
	display: none;
}

footer section .info-line .telefon strong {
	font-size: 1.4em;
	line-height: 2.4em
}

footer section .info-line .telefon strong a {
	color: #727272
}

footer section .info-line .telefon span {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: .5em;
  font-weight: 400
}

footer section .info-line .socialni-site {
  width: 25%;
  height: 48px;
  overflow: hidden;
  float: left;
  text-align: center
}

	footer section .info-line .socialni-site .icon {
	  display: inline-block;
	  width: 48px;
	  height: 48px;
	  margin: 0 3px 0 3px !important;
	  opacity: .85;
	background-size: cover;
	background-repeat: no-repeat
	}

		footer section .info-line .socialni-site .icon:hover {
			opacity: 1
		}

	footer section .info-line .socialni-site .facebook {
	background: url('../../images/footer/social-sites/facebook-logo.svg');
	}

	footer section .info-line .socialni-site .twitter {
	background: url('../../images/footer/social-sites/twitter-logo.svg');
	}

	footer section .info-line .socialni-site .instagram {
	background: url('../../images/footer/social-sites/instagram-logo.svg');
	}

	footer section .info-line .socialni-site .youtube {
	background: url('../../images/footer/social-sites/youtube-logo.svg');
	}

	footer section .info-line .socialni-site .linkedin {
	background: url('../images/linkedin-logo.svg');
	}

footer section .info-line .copyright {
	float: right;
  clear: none;
  width: 37%;
  height: 53px;
  text-align: right;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

	footer section .info-line .copyright ul {
	  margin: 0;
	  padding: 0;
	  list-style-type: none
	}

		footer section .info-line .copyright ul li {
		  font-size: .9em;
		  color: #959595;
		  text-align: right;
		}
			
			footer section .info-line .copyright ul li .powered_by {
				font-size: 0;
			}
			
			#ineshop_heart {
				font-size: 1rem;
				position: relative;
				margin-right: 4px;
			}
			
			footer section .info-line .copyright ul li .version small {
				display: none
			}

.static-banners {
	float: left;
	clear: left;
	width: 100%;
}

.static-banners.sbanner1 {
	float: none;
	position: relative;
	padding: 2rem 1rem 3rem;
	margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}

	.static-banners.sbanner1::before {
	  position: absolute;
	  xcontent: "";
	  z-index: 0;
	  top: 0%;
	  bottom: 10%;
	  width: 150%;
	  left: -25%;
	  opacity: .6;
	  background: url('../images/static-noise.webp') repeat,linear-gradient(172deg, #009b7c 0%, #113b4f 100%);
	  background-blend-mode: overlay;
	  -webkit-mask-image: radial-gradient(rgba(0,0,0,.5),transparent 70%);
	  mask-image: radial-gradient(rgba(0,0,0,.5),transparent 70%);
	  pointer-events: none;
	}
	
	.static-banners .cta {
		position: relative;
	}
	
		.static-banners .cta h1 {
			font-size: 3rem;
			font-weight: 700;
		  line-height: 1.25;
		  color: #252525;
		  padding: 0;
		  margin: 0 0 1.5rem;
		  text-align: left;
		}
		
		.static-banners .cta p {
			float: none;
		  font-size: 1rem;
		  font-weight: 200;
		  line-height: 1.5;
		  color: #252525;
		  padding: 0;
		  text-align: left;
		}	
		
		.static-banners .cta a.button {
			display: inline-block;
			margin: 1rem 0 1.5rem;
			background: #992b72;
			color: #FFF;
			border-radius: 9999px;
			font-size: 1.2rem;
			font-weight: 500;
			height: 56px;
			line-height: 56px;
			width: auto;
			padding: 0 35px;
			text-align: left;
			cursor: pointer;
			border: 0;
		}
			
			.static-banners .cta a.button:hover {
				background: #7f1f5d;
			}

	.static-banners .cta_mascot {
		position: absolute;
	  top: 47%;
	  transform: translateY(-50%);
	  right: 0;
	  width: 375px;
	}	

	.static-banners .cta_mascot img {
		width: 100%;
  	height: auto;
	}		
			
.static-banners .wave_1 svg {
  float: left;
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index: 5;
}

	.static-banners .wave_1 svg use {
	  fill: #edf6f5;
	}

.static-banners.sbanner3 {
	position: relative;
	padding: 2rem 0 2rem;
	background: #edf6f5;
}

	.static-banners .speed {
		position: relative;
	}
	
		.static-banners h2 {
			margin-bottom: 1.75rem;
		  text-align: left;
		  padding: 0 1rem;
		  font-size: 2.25rem;
		  line-height: 1.25;
		  color: #252525;
		}
		
		.static-banners .speed p {
			float: none;
		  font-size: 1rem;
		  font-weight: 300;
		  line-height: 1.5;
		  color: #1c1c1c;
		  text-align: left;
		  padding: 0 1rem;
		  margin: 0 0 1rem;
	  	max-width: 85%;
		}	

	.static-banners .speed_compare {
		margin: auto;
		padding: 0 1rem;
	  gap: 1.5rem;
	  display: flex;
	  flex-direction: column;
 		color: #272727;
 		align-items: flex-start;
	}
		
		.static-banners .speed_compare a {
			color: #434343;
  		text-decoration: underline;
		}
		
		.static-banners .speed_compare p {
  		font-weight: 500;
  		text-align: left;
		}

			.static-banners .speed_compare p.more-info {
	  		font-size: 0.75rem;
	  		font-weight: 400;
			}
				
		.static-banners .speed_compare ul {
			display: flex;
			align-items: center;
		  justify-content: center;
		  align-content: center;
		  gap: 2rem;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}	
			
			.static-banners .speed_compare ul li {
			  position: relative;
			  align-items: center;
			  text-decoration: none;
			  padding: 8px;
			  contain: content;
			  will-change: opacity;
				display: flex;
			  flex-direction: column;
			  gap: 1rem;
			}
			
			.static-banners .speed_compare ul li.pct100 { color: #008111; fill: #008111; stroke: #008111; }
			.static-banners .speed_compare ul li.pct99 { color: #008111; fill: #008111; stroke: #008111; }
			.static-banners .speed_compare ul li.pct98 { color: #008111; fill: #008111; stroke: #008111; }
			.static-banners .speed_compare ul li.pct84 { color: #fa3; fill: #fa3; stroke: #fa3; }
			.static-banners .speed_compare ul li.pct83 { color: #fa3; fill: #fa3; stroke: #fa3; }
			.static-banners .speed_compare ul li.pct78 { color: #fa3; fill: #fa3; stroke: #fa3; }
			.static-banners .speed_compare ul li.pct74 { color: #fa3; fill: #fa3; stroke: #fa3; }

			.static-banners .speed_compare ul li div {
  			position: relative;
  			height: 80px;
			}
				
				.static-banners .speed_compare ul li div svg {
				  stroke-linecap: round;
				  width: 80px;
				  height: 80px;	
				}
				
				.static-banners .speed_compare ul li div svg circle:first-of-type {
					opacity: 0.1;
				}
				
				.static-banners .speed_compare ul li div svg circle:last-of-type {
					fill: none;
				  transform-origin: 50% 50%;
				  animation: load-gauge 1s ease both;
				  animation-delay: 250ms;
				  transform: rotate(-87.9537deg);
				  stroke-dasharray: 0 352;
				}	
					
					@keyframes load-gauge {
					  from { stroke-dasharray: 0 352; }
					}
					
					.static-banners .speed_compare ul li.pct100 div svg circle:last-of-type { stroke-dasharray: 351.85, 351.858 }
					.static-banners .speed_compare ul li.pct99 div svg circle:last-of-type { stroke-dasharray: calc((98 / 100) * 351.858), 351.858 }
					.static-banners .speed_compare ul li.pct98 div svg circle:last-of-type { stroke-dasharray: calc((96 / 100) * 351.858), 351.858 }
					.static-banners .speed_compare ul li.pct84 div svg circle:last-of-type { stroke-dasharray: calc((84 / 100) * 351.858), 351.858 }
					.static-banners .speed_compare ul li.pct83 div svg circle:last-of-type { stroke-dasharray: calc((83 / 100) * 351.858), 351.858 }
					.static-banners .speed_compare ul li.pct78 div svg circle:last-of-type { stroke-dasharray: calc((78 / 100) * 351.858), 351.858 }
					.static-banners .speed_compare ul li.pct74 div svg circle:last-of-type { stroke-dasharray: calc((74 / 100) * 351.858), 351.858 }
					
			.static-banners .speed_compare ul li strong {
				position: absolute;
			  width: 80px;
			  height: 80px;
			  line-height: 80px;
				font-family: monospace;
				font-size: 1.5rem;
				text-align: center;
			}

.static-banners.sbanner4 {
	transform: rotate(180deg);
}

.static-banners.sbanner5 {
	position: relative;
	padding: 7rem 0 1.75rem;
}

.static-banners.sbanner6 {
	float: none;
	margin: auto;
	position: relative;
	padding: 0 1rem 7rem 1rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
	max-width: 1280px;
	min-width: 0px;
}
	
	.static-banners.sbanner6::before {
		content: "";
		background: url("/i/?i2=design/mascots/2_3.png");
		background-repeat: no-repeat;
	  background-size: 100%;
	  width: 250px;
	  height: 560px;
	  position: absolute;
	  top: -100px;
	  left: 0;
	  display: none;
	}
	
	.static-banners .solution_1,
	.static-banners .solution_2,
	.static-banners .solution_3 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
		padding: 1.5rem;
		gap: 1.5rem;
		color: #f3f4f6;
		position: relative;
		border-radius: 8px;
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.15));
		
	}
	
		.static-banners .solution_1::before,
		.static-banners .solution_2::before,
		.static-banners .solution_3::before {
		  content: "";
		  position: absolute;
		  inset: 0;
		  z-index: 0;
		  opacity: .4;
		  mix-blend-mode: overlay;
		  /*background-image: url('../images/static-noise.webp');*/
		  pointer-events: none;
		}
			
		.static-banners .solution_1::after,
		.static-banners .solution_2::after,
		.static-banners .solution_3::after {
		  background-position: center center;
		  background-repeat: no-repeat;
		  width: 80px;
		  height: 80px;
		  opacity: 0.2;
		  filter: brightness(0) invert(1);
		  position: absolute;
		  top: 1.5rem;
		  right: 1.5rem;
		}
		
		.static-banners .solution_1 {
			background: linear-gradient(45deg, #4d1639 -9%, #992b72 100%);
		}
			
			/*.static-banners .solution_1::after {		
				content: "";
			  background: url('../images/ikony/connection_1a1a1a_22c59e.svg');
			}*/
		
		.static-banners .solution_2 {
			background: linear-gradient(45deg, #084862 -9%, #0f90c4 100%);
		}
			
			/*.static-banners .solution_2::after {		
				content: "";
			  background: url('../images/ikony/responsive.svg');
			}*/
	
		.static-banners .solution_3 {
			background: linear-gradient(45deg, #154d3f -9%, #29997d 100%);
		}
		
			/*.static-banners .solution_3::after {		
				content: "";
			  background: url('../images/ikony/server.svg');
			}*/
			
		.static-banners .solution_1 aside,
		.static-banners .solution_2 aside,
		.static-banners .solution_3 aside {	
			font-size: 1rem;
			font-weight: 300;
			/*font-family: monospace;*/
		}
		
		.static-banners .solution_1 h3,
		.static-banners .solution_2 h3,
		.static-banners .solution_3 h3 {	
	  	font-size: 2rem;
			line-height: 1.25;
			margin: 0;
		}	
		
		.static-banners .solution_1 p,
		.static-banners .solution_2 p,
		.static-banners .solution_3 p {	
	  	font-size: 1rem;
			font-weight: 300;
			line-height: 1.5rem;
			text-align: left;
			margin: 0;
		}		
		
		.static-banners .solution_1 a.button,
		.static-banners .solution_2 a.button,
		.static-banners .solution_3 a.button {	
			margin: auto 0 0;
			background: #f2f6fa;
			color: #000;
			border-radius: 9999px;
			font-size: 1rem;
			font-weight: 500;
			height: 56px;
			line-height: 56px;
			width: auto;
			padding: 0 35px;
			text-align: left;
		}
		
		.static-banners .solution_1 a.button:hover,
		.static-banners .solution_2 a.button:hover,
		.static-banners .solution_3 a.button:hover {	
			background: #FFF;
			color: #000;
		}

.sbanner7 {
	padding: 0 0 7rem;
}
	
	
	.sbanner7 h2 {
		margin-bottom: 3.5rem;	
	}
	
	.static-banners .cta_clients {
		position: relative;
		max-width: 1280px;
		float: none;
		margin: auto;
	}	
	
		.static-banners .cta_clients ul {
  		display: grid;
		  grid-template-columns: repeat(2, 1fr);
		  gap: 1rem;
		  margin: 0;
		  padding: 0;
		  list-style-type: none;
		  width: 100%;
		  align-items: center;
		  justify-content: center;
		  align-content: center;
		}	
			
			.static-banners .cta_clients ul li {
				padding: 0.25rem;
				height: 100px;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			}
			
		.static-banners .cta_clients ul li a {
			width:100%;
			height:100%;
			padding: 0;
			display: flex;
		  align-items: center;
		  justify-content: center;
		  cursor: default;
		}				
			
		.static-banners .cta_clients ul li img {
			filter: grayscale(1);
			padding: 0;
			width: auto !important;
			height: auto !important;
  		max-width: 65%;
  		max-height: 70%;
  		cursor: pointer;
			-moz-transition: all .1s ease-in-out 0s;
			-ms-transition: all .1s ease-in-out 0s;
			-o-transition: all .1s ease-in-out 0s;
			-webkit-transition: all .1s ease-in-out 0s;
			transition: all .1s ease-in-out 0s;
		}	
			
			.static-banners .cta_clients ul li img:hover {
				filter: none;	
				scale: 1.1;
			}
			
			.static-banners .cta_clients ul li img.asoto {
				max-height: 60%;
			}
			
			.static-banners .cta_clients ul li img.beny {
				max-height: 60%;
			}
			
			.static-banners .cta_clients ul li img.bigmat {
				max-height: 40%;
			}
			
			.static-banners .cta_clients ul li img.candy-store {
				max-height: 60%;
			}
			
			
#homepage-newsletter {
	float: none;
	max-width: calc(1280px - 1rem - 1rem);
  min-width: 0px;
  background: linear-gradient(358deg, #09203F -9%, #537895 100%);
	position: relative;
  border-radius: 8px;
  color: #FFF;
	padding: 1.5rem;
	display: inline-block;
	margin: 0 1rem 0;
}

	#homepage-newsletter::before {
	  content: "";
	  background: url("/i/?i2=design/mascots/3_2.png");
	  background-repeat: no-repeat;
	  background-size: 100%;
	  width: 349px;
	  height: 290px;
	  position: absolute;
	  bottom: 0;
  	right: 0;
  	border-radius: 0 0 8px 0;
  	pointer-events: none;
  	display: none;
	}
		
	#homepage-newsletter > div {
		display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  text-align: left;
	  color: #FFF;
	}
	
	#homepage-newsletter > div p {
		font-size: .75rem;
	}
	
	#homepage-newsletter > div aside {
		font-size: 1rem;
  	font-weight: 300;
  	/*font-family: monospace;*/
  	margin-bottom: 1.5rem;
	}
	
	#homepage-newsletter > div h3 {
		font-size: 2rem;
	  line-height: 1.25;
	  margin: 0;
	}
	
	#homepage-newsletter .checktermsnewsletter {
		float: none;
		text-align: left;
		color: #d1d1d1;
		margin: 0;
		font-size: 12px;
		line-height: 1.5;
		width: 100%;
	}
		
		#homepage-newsletter .checktermsnewsletter a {
			color: #d1d1d1;
			text-decoration: underline;
		}
			
	#homepage-newsletter form {
		display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  gap: 1rem;
	}
	
		#homepage-newsletter form input[type="text"] { 
			width: 275px;
			height: 40px;
  		line-height: 40px;
			background: #f2f6fa;
		  color: #000;
		  border: none;
		  padding: 0 1rem;
		  border-radius: 4px;	
			margin: 0;
		}
		
		#homepage-newsletter form input[type="submit"] {
			margin: 0;
		  background: #f2f6fa;
		  color: #000;
		  border-radius: 4px;
		  font-size: 1rem;
		  font-weight: 500;
		  height: 40px;
		  line-height: 40px;
		  width: auto;
		  padding: 0 35px;
		  text-align: left;
		  border: none;
		  cursor: pointer;
		}
		
			#homepage-newsletter form input[type="submit"]:hover {
				background: #e9ecef;
				filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.35));
			}
			
		#homepage-newsletter form input[type="checkbox"] {
			display: none;
		}
		
		#homepage-newsletter .checktermsnewsletter > span {
			float: left;
		  clear: left;
		  width: 27px;
		  height: 16px;
		  display: inline-block;
		  position: relative;
		  background: transparent;
		  cursor: pointer;
		  margin-right: 6px;
		}
		
			#homepage-newsletter .checktermsnewsletter > span::before {
				content: "\e623";
			  font-family: "icomoon";
			  font-size: 9px;
			  color: transparent;
			  top: 50%;
			  left: 50%;
			  transform: translate(-50%, -50%);
			  position: absolute;
			  width: 20px;
			  height: 20px;
			  text-align: center;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  background: transparent;
			  border-radius: 5px;
			  border: 1px solid #D9D9D9;
			}
				
				#homepage-newsletter .checktermsnewsletter > span:hover::before {
					background: rgb(255 255 255 / 24%);
				}
				
			#checkTermsNewsletterHomepage:checked + span::before {
			  content: "\e623";
			  font-family: "icomoon";
			  background: #62a725;
			  color: #FFF;
			}
				
				#checkTermsNewsletterHomepage:checked + span:hover::before {
					background: rgb(98 167 37 / 69%);
				}
				
.blog.reference1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: none;
	padding: 0;
	margin: 0 0 4rem 0;
}

	.blog.reference1 .text-box {
		display: flex;
	  flex-direction: column;
	  justify-content: center;
		width: 100%;
		padding: 30px 15px 15px 0;
	}
		
		.blog.reference1 .text-box p.perex {
			margin: 0;
		}
		
		.blog.reference1 .text-box p:not(:empty) {
			margin-bottom: 1rem;	
		}
		
		.blog.reference1 .text-box a.more {
			display: inline-block;
		  margin: 0;
		  background: #992b72;
		  color: #FFF;
		  border-radius: 9999px;
		  font-size: 1.2rem;
		  font-weight: 500;
		  height: 56px;
		  line-height: 56px;
		  width: auto;
		  padding: 0 35px;
		  text-align: left;
		  border: none;
		}
		
		.blog.reference1 .text-box button {
			display: none;
		}
	
	.blog.reference1 .image-box {
		width: 100%;
		background: #f1f1f1;
  	padding: 50px 0;
	}
	
#strankovani strong, #strankovani2 strong, #strankovani b, #strankovani2 b {
	background: #992b72;
}

#strankovani .prev,
#strankovani .next,
#strankovani2 .prev,
#strankovani2 .next,
#strankovani span.prev,
#strankovani2 span.prev,
#strankovani span.next,
#strankovani2 span.prev {
	display: none;
}

#strankovani a, 
#strankovani2 a, 
#strankovani span.wo, 
#strankovani2 span.wo {
	background: #e7e7e7;
}

	#strankovani a:hover, 
	#strankovani2 a:hover, 
	#strankovani span.wo:hover, 
	#strankovani2 span.wo:hover {
		background: #dfdede;
	}

/* == BOOTSTRAP == */

.container {
	margin-right: auto;
	margin-left: auto;
	float: left;
	clear: left;
	width:100%;
}
		
	.container > p,
	.blogpage .container > p {
		width: 100%;
		margin: 0 auto 2rem;
		display:block;
	}
	
	.container > div.p {
		width: 100%;
		margin-left:0%;
	}	

		.container > p > a {
			color: #151515;
			text-decoration: underline;
		}

.licence .container h2 {
	font-size: 2rem;
}

.licence .container a[name=standard],
.licence .container a[name=unlimited] {
	display: none;
}

.row {
  -ms-grid-columns: 50% 50%;
  -ms-grid-rows: 100%;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
  width: 100%;
  min-width: 70%;
  float: right;
  margin-bottom: 65px;
  margin-right: -15px;
  margin-left: -15px;
  overflow: hidden;  
}

	.row .col6 {
		width: 80%;
		margin: auto;
	}

		.row .col6 p {
			font-size: 14px;
		}

			.row .col6 img {
				width: 100%;
				margin: auto;
			}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  width: 100%;
  /**/
  position: relative;
  min-height: 1px;
}

.col1 {width: 8.33%;}
.col2 {width: 16.66%;}
.col3 {width: 25%;}
.col4 {width: 33.33%;}
.col5 {width: 41.66%;}
.col6 {width: 50%;}
.col7 {width: 58.33%;}
.col8 {width: 66.66%;}
.col9 {width: 75%;}
.col10 {width: 83.33%;}
.col11 {width: 91.66%;}
.col12 {width: 100%;}

.clearfix::before {
	display: table;
	content: "";
}

.clearfix::after {
	clear: both;
}

/* == / BOOTSTRAP == */
	
/*  == LICENCE ==  */

.licence .container {
	position:relative;
}

.licence p {
	text-align: left !important;
}

@media all and (min-width: 1260px) {
	
	.licence h1 {
		text-align: center;
	}

	.licence p {
		text-align: center !important;
	}

	.licence .container > p {
		text-align: left !important;
	}

	.licence.lic .container:first-of-type::after {
			content: "";
			background: url("/i/?i2=design/mascots/licence.png");
			background-repeat: no-repeat;
		  background-size: 100%;
		  width: 325px;
		  height: 508px;
		  position: absolute;
		  top: -267px;
		  left: 67px;;
		  z-index: 1;
		  pointer-events: none;
	}
}

.licence-title {
	font-size: 24px;
	text-transform: capitalize;
	float:right;
	text-align:center;
	width:100%;
}

	.licence-title h2 {
		font-size:2.2rem;
	}

.group-title {
	float: left;
	margin: 0;
	min-height:72px;
	background:#F6F8FD;
	padding: 22px 0 0 1.5rem;
	margin-top:20px;
}

.start .group-title {
	border-radius: 8px 0 0 0;
}

.unlimited .group-title {
	border-radius: 0 8px 0 0;
}

.start .modul-box:last-child {
	border-radius: 0 0 0 8px;
}

.unlimited .modul-box:last-child {
	border-radius: 0 0 8px 0;
}

	.modul-box:last-child {
		padding-bottom:20px;
	}

.modul-box {
	float:left;
	clear:left;
	width:100%;
	position: relative;
	background:#F6F8FD;
}

	.modul-price {
		float:right;
		clear:right;
		width:100%;
		/*height:40px;*/
		font-family: "icomoon";
		position:relative;
		text-align: center;
		line-height: 40px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.modul-box.price .modul-price {
		font-size:1.6rem;
		color:#22c59e;
	}	
	
		.modul-box.price .modul-price small {
			font-size:0.825rem;	
		}

	.modul-price.unavailable::before {
		width:100%;
	content: "\e6e0";
	color:#eb3e3e;
	text-align:center;
	line-height: 40px;
	}
	
	.modul-price.free::before {
		width:100%;
	content: "\e623";
	color:#22c59e;
	text-align:center;
	line-height: 40px;
	}	
	
	.modul-price.available::before {
		width:100%;
	content: "\e627";
	color:#bbb;
	text-align:center;
	line-height: 40px;
	}		
	
.modul-title {
	float:left;
	clear:left;
	width:60%;
	padding-left:1.5rem;
}

.licence .col6 {
	width: 43%;
}

.licence .col3 {
	width: 19%;
}

.licence .container div .modul-box .modul-title {
	display: none;
}

.licence .container div .group-title {
	width: 100%;
}

.licence .container .start .modul-box .modul-title,
.licence.servisnipodpora .container .basic .modul-box .modul-title {
	display: block;
	line-height: 40px;
	height:40px;
	width: 62.5%;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.licence .container .start .group-title,
.licence.servisnipodpora  .container .basic .group-title {
	opacity: 1;
}

.licence .container .start .modul-price,
.licence.servisnipodpora .container .basic .modul-price {
	width: 37.5%;
}

.licence .container .price .modul-price,
.licence .container .ean .modul-price,
.licence .container .lease .modul-price {
	font-family: "Poppins", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.licence .start .licence-title,
.licence.servisnipodpora .basic .licence-title {
	width: 37.5%;
	float: right;
}

.licence .licence-title {
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	margin-bottom: 8px;
}

.licence h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.25;	
}


#podpora .licence .licence-title {
	text-transform:lowercase;
}

#podpora .licence .licence-title:first-letter {
	text-transform:uppercase;
}


#podpora .licence .container .modul-box.response_modification .modul-price {
	min-height:120px;
}

#podpora .licence .container .modul-box.price .modul-price {
	font-size: 1.6rem;
	color: #22c59e;
	display: block;
}

#podpora .licence .container .modul-price {
	min-height:80px;
	padding-top:10px;
	font-size:1rem;
	line-height: 1.2;
	font-family: "Poppins", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	text-overflow:clip;
	overflow:auto;
	white-space:normal;
	margin-bottom:20px;
	display: grid;
	align-content: center;
}

	#podpora .licence .container .modul-price span {
		
	}

#podpora .licence .container .modul-title {
	font-size: 1.325rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}

/*  == / LICENCE ==  */

#contact-form {
	width: auto;
  display: flex;
  float: left;
  padding: 10px;
  -webkit-box-shadow: 0 6px 9px 0 rgba(0,0,0,0.14), 0 2px 52px 0 rgba(0,0,0,0.17);
  box-shadow: 0 6px 9px 0 rgba(0,0,0,0.14), 0 2px 52px 0 rgba(0,0,0,0.17);
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  margin-left: 250px;
}

	form#contact-form::before {
	  content: "";
	  background: url('/i/?i2=design/mascots/3.png');
	  background-repeat: no-repeat;
	  background-size: 100%;
	  width: 180px;
	  height: 290px;
	  position: absolute;
	  bottom: 0;
	  left: -50%;
	  pointer-events: none;
	}
	
	#contact-form .udaj-input-obal {
		float: left;
		clear: left;
		margin: .75rem 0 0 0;
		text-align: left;
		position: relative;
		min-height: 42px;
	}
	
	#contact-form .udaj-text {
		font-weight: 400;
		color: #595959;
	}
	
	#contact-form .odeslat {
	  float: left;
	  clear: left;
	  width: 100%;
	  width: 342px;
		min-width: 342px;
		padding: 0 10px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #FFF;
		font-family: inherit;
		font-size: 1.5rem;
		cursor: pointer;
		border: 0;
		border-radius: .25rem;
	  margin: 0.75rem 0 2px;
	  background: #248467;
	}
		
		#contact-form .odeslat:hover {
			background: #01654c;
		}

.obal-nadpis-udaje label.udaj-text {
  position: absolute;
  left: 12px;
  top: -6px;
  font-size: .785rem;
  background: #FFF;
  transition: .2s ease;
  cursor: text;
  pointer-events: none;
  z-index: 1;
	padding: 0 5px;
}
	
.obal-nadpis-udaje label.empty-label {
  position: absolute;
  left: 8px;
  top: 14px;
  padding: 1px 5px 1px 5px;
  font-size: .85rem;
}	

.udaj-input,
.udaj-input-full,
#pick-up-date input,
.udaj-textarea {
  float: left;
  display: block;
  width: 342px;
  height: 42px;
  border: solid #e1dfdc 1px;
  text-indent: 15px;
  border-radius: var(--border-radius,.25rem);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-size: 14px;
	font-family: inherit;
	outline: 0;
	color: #000;
	padding-top: 7px;
}

.udaj-textarea {
	height: 93px;
	padding-top: 8px;
}

.povinne, .povinnetextarea, input:required, select:required, textarea:required {
  background-image: url('../../images/asterisk_d80027.svg');
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: top 8px right 8px;
}
		
.flex {
	float: left;
	width: 100%;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kontakt .wrapper {
	padding: 50px 0;
}

.kontakt h3 {
	margin: 0 0 .4rem;
}

.kontakt p {
	  margin: 0 0 0.4rem;
}

.kontakt .wrapper > .box {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

#seznam-modulu {
	float: left;
	width: 100%;
	display: flex;
  align-items: flex-start;
  justify-content: flex-start;
	position: relative;
	gap: 1.2rem;
	padding: 0;
	flex-direction: column;
}
		
	.moduly .container p {
		padding: 0;
	}

	#seznam-modulu::after {
		content: "";
		background: url("/i/?i2=design/mascots/moduly.png");
		background-repeat: no-repeat;
	  background-size: 100%;
	  width: 404px;
	  height: 335px;
	  position: absolute;
	  top: -306px;
	  right: -160px;
	  z-index: 1;
	  pointer-events: none;
	  display: none;
	}
	
	#seznam-modulu .col4 {
		width: 100%;
		padding: 0;
		  z-index: 1;
	}
	
	#seznam-modulu h2 {
		font-weight: 500;
		font-size: 17px;
		font-size: 2rem;
		line-height: 1.25;
	}
	
	#seznam-modulu ul {
		font-size: 1rem;
	font-weight: 300;
	line-height: 1.5rem;
	text-align: left;
	padding: 0;
	}

		#seznam-modulu ul li {
	  	line-height: 1.5rem;
	  	padding:0;
			position: relative;
			margin: 0;
			list-style-type: none;
			padding: 0 0 7px 20px;
		}
		
			#seznam-modulu ul li::before {
					content: "";
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 5.5px;
				border-color:  #29997d;
				border-radius: 50%;
				margin: 0 0 0 8px;
				position: absolute;
				left: -8px;
				top: 6px;
				transform: rotate(15deg);
			}		
		
			#seznam-modulu ul li a {
			}
			
				#seznam-modulu ul li a:hover {
					text-decoration: underline;
				}
			
	#seznam-modulu .group {
		float: left;
		width: 100%;
		border-radius: 8px;
		padding: 1.5rem;
		background:#F6F8FD;
		/*background: linear-gradient(45deg, #154d3f -9%, #29997d 100%);*/
		/*background: linear-gradient(45deg, #084862 -9%, #0f90c4 100%);*/
		margin-bottom: 1.2rem;
	}

#add-to-basket h1 {
	padding: 0;
}				
			
.realizace .box {
	display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 30px;
}

	.realizace .box .box-text {
		order: 2;
	}
	
	.realizace .box .box-image {
		order: 1;
	}
	
		.realizace .box .box-image img {
			width: 55px;
			height: 55px;
			max-width: 55px;
		}
		
.co-u-nas-najdete .box-image {
	text-align: center;
}

	.co-u-nas-najdete .box-image img {
		max-width: 600px;
	}
	
.o-nas .box-image {
	text-align: center;
}

	.o-nas .box-image img {
		max-width: 600px;
	}	
	
		div.reference {
			position:relative;
		}	

		@media all and (min-width: 1650px) {
			div.reference::after {
				content: "";
				position:absolute;
				top:85px;
				right:-168px;
				width:215px;
				height:369px;
			  background: url('/i/?i2=design/mascots/reference.png');
			}			
		}
		
	
		.reference .grid {
			float: left;
			width: 100%;
			display: grid;
			grid-template-columns: 1fr;
   		grid-template-rows: none;
			grid-gap: 20px;
		}
		
		.reference .grid > div.ref-vel {
			grid-row: span 2;
		}
		
		.reference .grid > div.ref-mal {
			grid-row: span 1;
			height:auto;
		}			
		
		.reference .grid div {
			position:relative;
			overflow:hidden;
			border-radius: 8px;
		}
		
			.reference .grid div a {
				display:block;
				width:100%;
				height:100%;
				line-height: 0;
			}
			
				.reference .grid div a img {
					width:100%;
					height: auto;
					max-height: 425px;
					min-height: 425px;
					object-fit: cover;
				}
		
		.reference .grid div:before {
			content: "";
			background: linear-gradient(0deg, #dc911a 15%, rgba(220,145,26,0.05) 50%);
			position:absolute;
			z-index:1;
			width:100%;
			height:100%;
			opacity:0.85;
		}		
		
		/* film-game */
		.reference .grid div:nth-child(2):before {
			background: linear-gradient(0deg, #4d1639 40%, rgba(153,43,114,0.05) 75%);
		}
		
		/* davidsport */
		.reference .grid div:nth-child(3):before {
			background: linear-gradient(0deg, #084862 15%, rgba(15,144,196,0.05) 50%);
		}
		
		/* espaceshop */
		.reference .grid div:nth-child(4):before {
			background: linear-gradient(0deg, #000000 15%, rgba(0,0,0,0.05) 50%);
		}
		
		/* summit sport */
		.reference .grid div:nth-child(5):before {
			background: linear-gradient(0deg, #5a0b0c 40%, rgba(40,148,121,0.05) 75%);
		}
		
		/* aeronautica */
		.reference .grid div:nth-child(6):before {
			background: linear-gradient(0deg, #243454 15%, rgba(36,52,84,0.05) 50%);
		}		
		
		/* linia */
		.reference .grid div:nth-child(7):before {
			background: linear-gradient(0deg, #dc911a 40%, rgba(40,83,148,0.05) 75%);
		}		
		
		/* amaso */
		.reference .grid div:nth-child(8):before {
			background: linear-gradient(0deg, #000000 15%, rgba(0,0,0,0.05) 75%);
		}

		/* bigmat */
		.reference .grid div:nth-child(9):before {
			background: linear-gradient(0deg, #285394 40%, rgba(40,83,148,0.05) 75%);
		}
		
		/* infinite  */
		.reference .grid div:nth-child(10):before {
			background: linear-gradient(0deg, #2a2d35 30%, rgba(39,74,112,0.05) 50%);
		}					
		
		/* bjsolar  */
		.reference .grid div:nth-child(11):before {
			background: linear-gradient(0deg, #103f67 40%, rgba(16,63,103,0.05) 75%);
		}	
		
		/* candy stores  */
		.reference .grid div:nth-child(12):before {
			background: linear-gradient(0deg, #451f6c 40%, rgba(69,31,108,0.05) 50%);
		}
		
		/* svet kalhot  */
		.reference .grid div:nth-child(13):before {
			background: linear-gradient(0deg, #47636e 40%, rgba(71,99,110,0.05) 50%);
		}		
		
		/* prominent  */
		.reference .grid div:nth-child(14):before {
			background: linear-gradient(0deg, #6a032e 40%, rgba(106,3,46,0.05) 75%);
		}	
		
		/* asoto  */
		.reference .grid div:nth-child(15):before {
			background: linear-gradient(0deg, #d6970e 40%, rgba(39,74,112,0.05) 50%);
		}				
		
		/* obuv zdenka  */
		.reference .grid div:nth-child(16):before {
			background: linear-gradient(0deg, #6b341a 40%, rgba(39,74,112,0.05) 50%);
		}	
		
		/* henkel  */
		.reference .grid div:nth-child(17):before {
			background: linear-gradient(0deg, #6085aa 40%, rgba(39,74,112,0.05) 50%);
		}			
		

		
					
		
		
		
		.reference .grid div span.box {
			position:absolute;
			bottom:0%;
			right:0%;
			display:block;
			width:100%;
			color:#fff;
			opacity:1;
			z-index:2;
		}
		
			.reference .grid div span.box .title {
				display:block;
				width:100%;
				text-align:left;
				padding: 0 1.5rem;
				font-size:21px;
				line-height: 1.25;
				font-weight: 700;
				margin: 0;
			}
			
			.reference .grid div span.box .subtitle {
				display:block;
				width:100%;
				text-align:left;
				padding: 0 1.5rem;
				margin-bottom: 1rem;
				font-size:13px;
				line-height: 1.25;
				font-weight: 200;
			}
			
			.reference .grid div span.box .info {
				display:block;
				width:100%;
				text-align:left;
				padding: 1.5rem 1.5rem 0 1.5rem;
				font-size: 1rem;
				font-weight: 200;
				line-height: 1.5;
			}
			
			.reference .grid div span.box .system {
				display:block;
				width:100%;
				text-align:left;
				padding: 0 1.5rem;
				margin-bottom: 1.5rem;
				font-size:13px;
				line-height: 1;
				font-weight: 200;
			}				

.obal-nadpis-udaje {
	float: left;
	clear: left;
	width: 100%;
}

#contact-form .obal-nadpis-udaje {
	margin-bottom: 5px;
}

#cookie-warning {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block!important;
  width: 100%!important;
  height: auto!important;
  z-index: 10000!important;
  visibility: visible!important;
  overflow: visible!important;
  background: rgba(255,255,255,.95);
  text-align: center;
  z-index: 10;
  box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 25%);
  padding: 20px 0
}

	#cookie-warning .button {
		display: inline-block;
    width: 342px;
    background: var(--main-button-background);
    text-align: center;
    color: #FFF;
    cursor: pointer;
    border-radius: var(--border-radius,.25rem);
	}

.cookies-settings-html {
    overflow-y: overlay
}

.cookies-settings-html::-webkit-scrollbar {
    width: 10px
}

.cookies-settings-html::-webkit-scrollbar-track {
    background: #f1f1f1
}

.cookies-settings-html::-webkit-scrollbar-thumb {
    background: #888
}

.cookies-settings-html::-webkit-scrollbar-thumb:hover {
    background: #555
}

.cookies-settings-form {
    font-family: Verdana,Arial,Courier,sans-serif;
    padding: 20px 30px
}

.cookies-settings-form .cookie-group {
    float: left;
    clear: left;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px
}

.cookies-settings-form .cookie-group~.cookie-group {
    border-top: none;
    border-bottom: solid #ccc 1px
}

.cookies-settings-form .cookie-group .label {
    float: left;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 0;
    width: calc(100% - 80px)
}

.cookies-settings-form .cookie-group .text {
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: calc(100% - 80px)
}

.cookies-settings-form .cookie-group .text.limited {
    max-height: 36px;
    overflow-y: hidden
}

.cookies-settings-form .cookie-group .less {
    display: none
}

.cookies-settings-form .cookie-group .more,.cookies-settings-form .cookie-group .less {
    float: left;
    cursor: pointer;
    color: #0d76bd;
    font-size: 12px;
    padding: 5px 0 10px 0
}

.cookies-settings-form .cookie-group .switch {
    float: right;
    width: 60px;
    margin: 10px 0
}

#cookie-warning .title,.cookies-settings-form .title {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px
}

#cookie-warning .cookie-icon,.cookies-settings-form .cookie-icon {
    background-image: url(../../images/icons/cookie-icon.svg);
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 5px;
    background-repeat: no-repeat
}

.cookies-settings-form .info-text {
    margin: 15px 0;
    font-size: 14px;
    line-height: 18px
}

.cookies-settings-form .info-text-bottom {
  float: left;
  width: 100%
  font-size: 14px;
  margin: 1.5rem 0;
  text-align: left;
}

.cookies-settings-form .info-text-bottom p {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.cookies-settings-form .buttons {
    text-align: center
}

.cookies-settings-form .buttons .cookies-selected-f {
    width: 365px;
    font-size: 14px;
    background: transparent;
    color: #000;
    border: 1px solid #aaa
}

.cookies-settings-form .buttons .cookies-confirm,.cookies-settings-form .buttons .cookies-confirm-f,.cookies-settings-form .buttons .cookies-refuse {
    width: 365px;
    font-size: 14px
}

#cookie-warning p {
    color: #000;
    text-align: justify;
    font-size: .9em;
    text-transform: none;
    width: 100%
}

#cookie-warning .cookies-settings {
    display: inline-block;
    max-width: 140px;
    height: 40px;
    font-size: 1.0rem;
    line-height: 40px;
    background: transparent;
    color: #000;
    border: 1px solid #aaa
}

#cookie-warning .cookies-confirm {
    max-width: 140px;
    height: 40px;
    font-size: 1.0rem;
    line-height: 40px;
    border: 1px solid var(--main-button-background);
}

	#cookie-warning .cookies-confirm:hover {
    background: var(--main-button-background-hover);
    border-color: var(--main-button-background-hover);
	}
	
#cookie-warning .buttons .cookies-refuse {
    max-width: 140px;
    height: 40px;
    font-size: 1.0rem;
    line-height: 40px;
    border: 1px solid #c53522;
    background: #c53522;
    color: #FFF
}

#cookie-warning .buttons .cookies-refuse:hover {
    background: #9c2212
}

#cookie-warning .cookies-refuse,#cookie-warning .cookies-info {
    border-bottom: 1px dashed #000;
    cursor: pointer;
    color: #000
}

#cookie-warning .wrap {
  max-width: 700px;
  min-width: 500px;
  font-size: 14px;
  font-weight: 300;
  margin: 1rem auto;
  color: #000;
  line-height: 1.5;
}

#cookie-warning .wrap p {
    text-align: center
}

.cookies-settings-form label.for-checkbox {
    width: auto;
    position: relative;
    display: inline-block;
    width: 60px!important;
    height: 34px
}

.cookies-settings-form input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    display: none
}

.cookies-settings-form input[type=checkbox] + span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e1e1;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px
}

.cookies-settings-form input[type=checkbox] + span:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.cookies-settings-form input[type=checkbox]:checked + span {
    background-color: var(--main-button-background,#22c59e)
}

.cookies-settings-form input[type=checkbox]:checked + span:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.cookies-settings-form input[type=checkbox]:checked:disabled + span {
    opacity: .5
}

.fancybox-container.cookies-settings-container {
    z-index: 100000
}

.fancybox-button:hover svg path {
	fill: #FFF;
}

#cookie-warning.fullscreen {
    z-index: 99999!important;
    width: 100%!important;
    height: 100%!important;
    background: rgba(4,6,8,.85)!important;
    display: none!important
}

#cookie-warning.lazy {
    display: block!important
}

#cookie-warning.fullscreen .middle {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(-50%);
    background: #FFF;
    padding: 20px;
    border-radius: var(--border-radius,.25rem)
}

.grid-row {
  float: left;
  clear: left;
  width: calc(100% + 0.75rem + 0.75rem);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
  margin: 0 -0.75rem 1.5rem -0.75rem;
  text-align: center;
}

	.grid-row div[class^="grid-col-"] {
		padding: 0.75rem;
	}
		
		.grid-row div[class^="grid-col-"] img {
			max-width: 100%;
			height: auto !important;
			text-align: center;
			width: 100%;
		}
		
		.grid-row div[class^="grid-col-"] p {
			text-align: center;
		}
		
		.cke_show_borders .grid-row div[class^="grid-col-"] {
		  background-color: rgb(34 197 158 / 10%);
		  border: 1px solid rgb(34 197 158 / 25%);
		}
	
	.grid-row .grid-col-1 { grid-column: auto/span 1; }
	.grid-row .grid-col-2 { grid-column: auto/span 2; }
	.grid-row .grid-col-3 { grid-column: auto/span 3; }
	.grid-row .grid-col-4 { grid-column: auto/span 4; }
	.grid-row .grid-col-5 { grid-column: auto/span 5; }
	.grid-row .grid-col-6 { grid-column: auto/span 6; }
	.grid-row .grid-col-7 { grid-column: auto/span 7; }
	.grid-row .grid-col-8 { grid-column: auto/span 8; }
	.grid-row .grid-col-9 { grid-column: auto/span 9; }
	.grid-row .grid-col-10 { grid-column: auto/span 10; }
	.grid-row .grid-col-11 { grid-column: auto/span 11; }
	.grid-row .grid-col-12 { grid-column: auto/span 12; }

	.grid-row .grid-start-1 { grid-column-start: 1; }
	.grid-row .grid-start-2 { grid-column-start: 2; }
	.grid-row .grid-start-3 { grid-column-start: 3; }
	.grid-row .grid-start-4 { grid-column-start: 4; }
	.grid-row .grid-start-5 { grid-column-start: 5; }
	.grid-row .grid-start-6 { grid-column-start: 6; }
	.grid-row .grid-start-7 { grid-column-start: 7; }
	.grid-row .grid-start-8 { grid-column-start: 8; }
	.grid-row .grid-start-9 { grid-column-start: 9; }
	.grid-row .grid-start-10 { grid-column-start: 10; }
	.grid-row .grid-start-11 { grid-column-start: 11; }
	.grid-row .grid-start-12 { grid-column-start: 12; }

@media (min-width: 576px) {
	
  .grid-row .grid-col-sm-1 { grid-column:auto/span 1; }
  .grid-row .grid-col-sm-2 { grid-column: auto/span 2; }
  .grid-row .grid-col-sm-3 { grid-column: auto/span 3; }
  .grid-row .grid-col-sm-4 { grid-column: auto/span 4; }
  .grid-row .grid-col-sm-5 { grid-column: auto/span 5; }
  .grid-row .grid-col-sm-6 { grid-column: auto/span 6; }
  .grid-row .grid-col-sm-7 { grid-column: auto/span 7; }
  .grid-row .grid-col-sm-8 { grid-column: auto/span 8; }
  .grid-row .grid-col-sm-9 { grid-column: auto/span 9; }
  .grid-row .grid-col-sm-10 { grid-column: auto/span 10; }
  .grid-row .grid-col-sm-11 { grid-column: auto/span 11; }
  .grid-row .grid-col-sm-12 { grid-column: auto/span 12; }
  
  .grid-row .grid-start-sm-1 { grid-column-start: 1; }
  .grid-row .grid-start-sm-2 { grid-column-start: 2; }
  .grid-row .grid-start-sm-3 { grid-column-start: 3; }
  .grid-row .grid-start-sm-4 { grid-column-start: 4; }
  .grid-row .grid-start-sm-5 { grid-column-start: 5; }
  .grid-row .grid-start-sm-6 { grid-column-start: 6; }
  .grid-row .grid-start-sm-7 { grid-column-start: 7; }
  .grid-row .grid-start-sm-8 { grid-column-start: 8; }
  .grid-row .grid-start-sm-9 { grid-column-start: 9; }
  .grid-row .grid-start-sm-10 { grid-column-start: 10; }
  .grid-row .grid-start-sm-11 { grid-column-start: 11; }
  .grid-row .grid-start-sm-12 { grid-column-start: 11; }
}

@media (min-width: 768px) {
	
  .grid-row .grid-col-md-1 { grid-column:auto/span 1; }
  .grid-row .grid-col-md-2 { grid-column: auto/span 2; }
  .grid-row .grid-col-md-3 { grid-column: auto/span 3; }
  .grid-row .grid-col-md-4 { grid-column: auto/span 4; }
  .grid-row .grid-col-md-5 { grid-column: auto/span 5; }
  .grid-row .grid-col-md-6 { grid-column: auto/span 6; }
  .grid-row .grid-col-md-7 { grid-column: auto/span 7; }
  .grid-row .grid-col-md-8 { grid-column: auto/span 8; }
  .grid-row .grid-col-md-9 { grid-column: auto/span 9; }
  .grid-row .grid-col-md-10 { grid-column: auto/span 10; }
  .grid-row .grid-col-md-11 { grid-column: auto/span 11; }
  .grid-row .grid-col-md-12 { grid-column: auto/span 12; }

  .grid-row .grid-start-md-1 { grid-column-start: 1; }
  .grid-row .grid-start-md-2 { grid-column-start: 2; }
  .grid-row .grid-start-md-3 { grid-column-start: 3; }
  .grid-row .grid-start-md-4 { grid-column-start: 4; }
  .grid-row .grid-start-md-5 { grid-column-start: 5; }
  .grid-row .grid-start-md-6 { grid-column-start: 6; }
  .grid-row .grid-start-md-7 { grid-column-start: 7; }
  .grid-row .grid-start-md-8 { grid-column-start: 8; }
  .grid-row .grid-start-md-9 { grid-column-start: 9; }
  .grid-row .grid-start-md-10 { grid-column-start: 10; }
  .grid-row .grid-start-md-11 { grid-column-start: 11; }
  .grid-row .grid-start-md-12 { grid-column-start: 12; }
  
}

@media (min-width: 992px) {
	
  .grid-row .grid-col-lg-1 { grid-column:auto/span 1; }
  .grid-row .grid-col-lg-2 { grid-column: auto/span 2; }
  .grid-row .grid-col-lg-3 { grid-column: auto/span 3; }
  .grid-row .grid-col-lg-4 { grid-column: auto/span 4; }
  .grid-row .grid-col-lg-5 { grid-column: auto/span 5; }
  .grid-row .grid-col-lg-6 { grid-column: auto/span 6; }
  .grid-row .grid-col-lg-7 { grid-column: auto/span 7; }
  .grid-row .grid-col-lg-8 { grid-column: auto/span 8; }
  .grid-row .grid-col-lg-9 { grid-column: auto/span 9; }
  .grid-row .grid-col-lg-10 { grid-column: auto/span 10; }
  .grid-row .grid-col-lg-11 { grid-column: auto/span 11; }
  .grid-row .grid-col-lg-12 { grid-column: auto/span 12; }

  .grid-row .grid-start-lg-1 { grid-column-start: 1; }
  .grid-row .grid-start-lg-2 { grid-column-start: 2; }
  .grid-row .grid-start-lg-3 { grid-column-start: 3; }
  .grid-row .grid-start-lg-4 { grid-column-start: 4; }
  .grid-row .grid-start-lg-5 { grid-column-start: 5; }
  .grid-row .grid-start-lg-6 { grid-column-start: 6; }
  .grid-row .grid-start-lg-7 { grid-column-start: 7; }
  .grid-row .grid-start-lg-8 { grid-column-start: 8; }
  .grid-row .grid-start-lg-9 { grid-column-start: 9; }
  .grid-row .grid-start-lg-10 { grid-column-start: 10; }
  .grid-row .grid-start-lg-11 { grid-column-start: 11; }
  .grid-row .grid-start-lg-12 { grid-column-start: 12; }
  
}

@media (min-width: 1200px) {
	
  .grid-row .grid-col-xl-1 { grid-column:auto/span 1; }
  .grid-row .grid-col-xl-2 { grid-column: auto/span 2; }
  .grid-row .grid-col-xl-3 { grid-column: auto/span 3; }
  .grid-row .grid-col-xl-4 { grid-column: auto/span 4; }
  .grid-row .grid-col-xl-5 { grid-column: auto/span 5; }
  .grid-row .grid-col-xl-6 { grid-column: auto/span 6; }
  .grid-row .grid-col-xl-7 { grid-column: auto/span 7; }
  .grid-row .grid-col-xl-8 { grid-column: auto/span 8; }
  .grid-row .grid-col-xl-9 { grid-column: auto/span 9; }
  .grid-row .grid-col-xl-10 { grid-column: auto/span 10; }
  .grid-row .grid-col-xl-11 { grid-column: auto/span 11; }
  .grid-row .grid-col-xl-12 { grid-column: auto/span 12; }

  .grid-row .grid-start-xl-1 { grid-column-start: 1; }
  .grid-row .grid-start-xl-2 { grid-column-start: 2; }
  .grid-row .grid-start-xl-3 { grid-column-start: 3; }
  .grid-row .grid-start-xl-4 { grid-column-start: 4; }
  .grid-row .grid-start-xl-5 { grid-column-start: 5; }
  .grid-row .grid-start-xl-6 { grid-column-start: 6; }
  .grid-row .grid-start-xl-7 { grid-column-start: 7; }
  .grid-row .grid-start-xl-8 { grid-column-start: 8; }
  .grid-row .grid-start-xl-9 { grid-column-start: 9; }
  .grid-row .grid-start-xl-10 { grid-column-start: 10; }
  .grid-row .grid-start-xl-11 { grid-column-start: 11; }
  .grid-row .grid-start-xl-12 { grid-column-start: 12; }
  
}

@media (min-width: 1400px) {
	
  .grid-row .grid-col-xxl-1 { grid-column:auto/span 1; }
  .grid-row .grid-col-xxl-2 { grid-column: auto/span 2; }
  .grid-row .grid-col-xxl-3 { grid-column: auto/span 3; }
  .grid-row .grid-col-xxl-4 { grid-column: auto/span 4; }
  .grid-row .grid-col-xxl-5 { grid-column: auto/span 5; }
  .grid-row .grid-col-xxl-6 { grid-column: auto/span 6; }
  .grid-row .grid-col-xxl-7 { grid-column: auto/span 7; }
  .grid-row .grid-col-xxl-8 { grid-column: auto/span 8; }
  .grid-row .grid-col-xxl-9 { grid-column: auto/span 9; }
  .grid-row .grid-col-xxl-10 { grid-column: auto/span 10; }
  .grid-row .grid-col-xxl-11 { grid-column: auto/span 11; }
  .grid-row .grid-col-xxl-12 { grid-column: auto/span 12; }

  .grid-row .grid-start-xxl-1 { grid-column-start: 1; }
  .grid-row .grid-start-xxl-2 { grid-column-start: 2; }
  .grid-row .grid-start-xxl-3 { grid-column-start: 3; }
  .grid-row .grid-start-xxl-4 { grid-column-start: 4; }
  .grid-row .grid-start-xxl-5 { grid-column-start: 5; }
  .grid-row .grid-start-xxl-6 { grid-column-start: 6; }
  .grid-row .grid-start-xxl-7 { grid-column-start: 7; }
  .grid-row .grid-start-xxl-8 { grid-column-start: 8; }
  .grid-row .grid-start-xxl-9 { grid-column-start: 9; }
  .grid-row .grid-start-xxl-10 { grid-column-start: 10; }
  .grid-row .grid-start-xxl-11 { grid-column-start: 11; }
  .grid-row .grid-start-xxl-12 { grid-column-start: 12; }
  
}


.grid-row div[class^="grid-col-"] .grid-row div[class^="grid-col-"] {
	padding-top: 0;
}
			
			@media all and (min-width: 550px) {
				
				.reference .grid {
					grid-template-columns: repeat(2, 1fr);
				}
				
				.reference .grid div a img {
					max-height: 100%;
					min-height:385px;
				}
					
				.static-banners .cta_clients ul {
					grid-template-columns: repeat(3, 1fr);
				}	
				
				.moduly .container p {
					padding: 0 240px 0 0;
				}
				
				#seznam-modulu::after {
				  display: block;
				}

				
			}
			
			@media all and (min-width: 960px) {
				
				.reference .grid {
					
					grid-template-columns: repeat(3, 1fr);
					grid-template-rows: 2fr repeat(2, 2fr);
   				grid-auto-rows: 480px;
				}
				
				.reference .grid div a img {
					max-height: 100%;
					height: 100%;
				}
				
				#seznam-modulu {
					flex-direction: row;
				}
				
				.static-banners.sbanner6 {
					grid-template-columns: 1fr 1fr 1fr;
				}
					
				.static-banners .cta_clients ul {
					grid-template-columns: repeat(6, 1fr);
				}	
				
				#homepage-newsletter {
					padding-right: 500px;
				}			
					
					#homepage-newsletter::before {
						display: block;
					}
					
			}
			
			@media all and (min-width: 1180px) {
				
				.static-banners h2 {
					font-size: 3.25rem;
					text-align: center;
				}
				
				.static-banners.sbanner1 {
					padding: 8rem 1rem 10rem
				}
				
					.static-banners .cta h1 {
						font-size: 4rem;
					  margin: 0 0 2.5rem;
					}
		
					.static-banners .cta p {
						font-size: 1.25rem;
					}

					.static-banners .cta a.button {
						margin: 2rem 0;
					}

					.static-banners .cta_mascot {
					  width: 600px;
					}	
				
				.static-banners.sbanner3 {
					padding: 7rem 0 7rem;
				}
				
				.static-banners.sbanner6 {
					padding: 0 1rem 7rem 270px;
				}
				
				.static-banners.sbanner6::before {
					display: block;
				}
				
					.static-banners .speed p {
					  font-size: 1.2rem;
					  font-weight: 300;
					  line-height: 1.5;
					  color: #1c1c1c;
					  text-align: center;
					  padding: 0 1rem;
					  margin: 0 auto 1rem;
				  	max-width: 48rem;
					}	
				
				.static-banners .speed_compare {
					max-width: 64rem;
					align-items: center;
				}
				
					.static-banners .speed_compare p {
			  		text-align: center;
					}

				
			}
			
			@media all and (min-width: 1340px) {
				.reference .grid div span.box .title {
					font-size: 33.4px;
				}
				
				.reference .grid div span.box .subtitle {
					font-size: 13.4px;
				}
				
				.reference .grid div span.box .info {
					font-size: 21.4px;
				}
			}

#myfooter .all {
	position:relative;
	overflow:visible;
}

@media all and (min-width: 1560px) {
	.form ~ #myfooter .all::before {
		content: "";
		position:absolute;
		bottom:100px;
		left:-145px;
		width:400px;
		height:617px;
	  background: url('../../../../../userfiles/design/mascots/form.png');
	}			
}


#user_defined_form {
	float: none;
	clear: none;
	width: 100%;
	max-width:750px;
	margin:0 auto;
	position:relative;
}

#user_defined_form .obal-nadpis-udaje {
	float: left;
	clear: left;
	width: 100%;
	margin:0 0 20px 0;
}

	#user_defined_form .udaj-input-obal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: center;
		align-content: flex-start;
		height: 100%;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: flex-start;
		flex-direction: column;
	}

	#user_defined_form .udaj-input,
	#user_defined_form .udaj-textarea {
		width: calc(100% - 20px);
	}
	
		#user_defined_form .udaj-input {
			margin-bottom:30px;
		}
	
	#user_defined_form .obal-nadpis-udaje {
		clear: none;
	}

		#user_defined_form .obal-nadpis-udaje.w-100 {
			width: 100% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-75 {
			width: 75% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-50 {
			width: 50% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-33 {
			width: 33.333% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-25 {
			width: 25% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-20 {
			width: 20% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-16 {
			width: 16.666% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-10 {
			width: 10% !important;
		}

		#user_defined_form .obal-nadpis-udaje.w-0 {
			width: 0% !important;
		}

	#user_defined_form .checkbox-multi label {
		float: left;
		clear: left;
		width: 100%;
		margin-bottom: 10px;
	}

	#user_defined_form a {
		text-decoration: underline;
	}

	#user_defined_form label.fileUpload {
		background-color: var(--main-button-background);
		color: white;
		padding: 0.5rem;
		border-radius: 2px;
		cursor: pointer;
		margin-top: 1rem;
	}

	#user_defined_form .fileUploadText {
		margin-left: 0.3rem;
		margin-top: 1rem;
		font-size: 14px;
		font-family: sans-serif;
	}

	#user_defined_form label.for-radio,
	#user_defined_form label.for-checkbox {
		display: block;
		position: relative;
		float: left;
		clear: left;
		width: 100%;
		height: auto;
		line-height: 3.6;
		text-indent: 0;
		text-align: left;
		margin: 0 0 10px 0;
		cursor: pointer;
		padding-left: 45px;
		border:solid #eee 1px;
		border-radius:5px;
	}
	
	#user_defined_form label.for-radio .udaj-input {
		margin-bottom: 30px;
	}
	
	#user_defined_form input[type=checkbox] {
		display: none;
	}

		#user_defined_form input[type=checkbox] + span {
			display: inline-block;
			vertical-align: bottom;
			width: 20px;
			height: 20px;
			background: transparent;
			border: 2px solid #d7d7d7;
			border-radius: 4px;
			margin: 0 10px 0 0;
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
		}

		#user_defined_form input[type=checkbox]:checked + span {
			background: var(--main-button-background,#22c59e);
			border-color: var(--main-button-background,#22c59e);
		}

			#user_defined_form input[type=checkbox]:checked + span::before {
				content: "\e623";
				font-family: "icomoon";
				font-size: .7rem;
				color: #FFF;
				width: 17px;
				height: 17px;
				display: block;
				line-height: 17px;
				text-align: center;
			}

	#user_defined_form label.for-radio input[type=radio] {
		display: none !important;
	}

		#user_defined_form label.for-radio input[type=radio] + span {
			position: absolute;
			cursor: pointer;
			top: 18px;
			left: 10px;
			right: 0;
			background-color: #d7d7d7;
			border-radius: 50%;
			width: 20px;
			height: 20px;
		}

			#user_defined_form label.for-radio input[type=radio] + span::before {
				position: absolute;
				content: "";
				height: 16px;
				width: 16px;
				left: calc(50% - 8px);
				top: calc(50% - 8px);
				background-color: #d7d7d7;
				border-radius: 50%;
			}

			#user_defined_form label.for-radio input[type=radio] + span::after {
				position: absolute;
				content: "";
				height: 8px;
				width: 8px;
				left: calc(50% - 4px);
				top: calc(50% - 4px);
				background-color: #FFF;
				border-radius: 50%;
			}

		#user_defined_form label.for-radio input[type=radio]:checked + span,
		#user_defined_form label.for-radio input[type=radio]:checked + span::after {
			background-color: var(--main-button-background,#22c59e);
		}

			#user_defined_form label.for-radio input[type=radio]:checked + span::before {
				background: #FFF;
			}

	#user_defined_form .obal-nadpis-udaje label.udaj-text {
		float:left;
		clear:left;
		width:100%;
		margin:40px 0 40px 0;
		position: static;
		font-size: 1.2rem;
		font-weight: 700;
		pointer-events: all;
	}
	
	#odeslat_form {
		display: inline-block;
		margin: 1rem 0 1.5rem;
		background: #992b72;
		color: #FFF;
		border-radius: 9999px;
		font-size: 1.2rem;
		font-weight: 500;
		height: 56px;
		line-height: 56px;
		width: auto;
		padding: 0 35px;
		text-align: left;
		cursor: pointer;
		border: 0;
	}
	
	
	
	/* blog */
	
	#default-blog {
		text-align:center;
		border:none;
	}
	
	#default-blog h1 {
		text-align:center;
	}	
	
	.blog {
		width: 100%;
	}
	
	.blog p {
		text-align:justify;
	}

	
	.blog:not(.top),
	.blog2:not(.top) {
		border:none;
	}
	
	
	.blog .text-box,
	.blog2 .text-box {
		width:100%;
	}
	
		#next a {
			display: inline-block;
			margin: 1rem 0 1.5rem;
			background: #248467;
			color: #FFF;
			border-radius: 9999px;
			font-size: 1.2rem;
			font-weight: 400;
			height: 56px;
			line-height: 56px;
			width: auto;
			padding: 0 35px;
			text-align: left;
			cursor: pointer;
			border: 0;
		}
		
			#next a:first-letter {
				text-transform:uppercase;
			}
		
	#strankovani {
		display:none;
	}
	
	.blogpage {

	}
	
	
	
	
	.blogpage .perex {
		text-align:justify;
		margin:0 0 1.25em 0 !important;
		font-size:1.2em;
		line-height: 1.75em;
		font-weight:400;
	}
	
	.blogpage h2,
	.page h2 {
		border: none;
		font-size: 2.4em;
		font-weight:700;
		text-align: center;
	}	
	
	.blogpage h3,
	.page h3 {
		border: none;
		font-size: 1.8em;
		font-weight:500;
		margin:0;
	}		
	
	.blogpage .text-box p {
		text-align:justify;
		margin:1.25em 0;
		font-size:1em;
		line-height: 1.5;
	}
	
		.blogpage .text-box a.more {
			text-decoration: underline;
		}
		
	.blogpage img {
		max-width:100%;
		height:auto;
	}
	
	.page p {
    text-align: justify;
    text-align-last: center;
	}
	
	.page div.center {
		float:left;
		clear:left;
		width:100%;
		text-align:center;
	}
	
	.page ul {
	  display: inline-block;
	  text-align: left;
	  float:none;
	  width:auto;
	}
	
	
	.page img {
		max-width:960px;
	}
	
	.blogpage table {
		margin:1.25em 0;
		font-size:1.2em;
		line-height: 1.75em;
		border-collapse: collapse;
		border:solid #ddd 1px;
	}
	
		.blogpage table td {
			padding:0 0.25em;
			text-align:center;
			border:solid #ddd 1px;
		}
	
	header.header_blogpage #breadcrumbs {
		top:190px;
		width:100%;
		text-align:center;
	}
	
		header.header_blogpage #breadcrumbs .in {
			float:none;
			clear:none;
			margin:0 auto;
			/*width:980px;
			min-width:980px;*/
			text-align:left;
		}
				
	.blog .text-box .date,
	.blog .text-box .autor,
	.blog .text-box .tags {
		margin:0;
		color:#000;
	}
	
	.blog:not(.top) {
		border:0;
		float:none;
		clear:none;
	}
	
	.blog li {
		font-size:1.2em;
		line-height: 1.75em;
	}
	
.blogpage #default-blog .itm {
    float: left;
    clear: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

	.blogpage #default-blog .itm .blog {
		display: flex;
		flex-wrap: wrap;
		width: 49%;
		margin:1%;
		border: 1px solid #e7e7e7;
		flex-wrap: nowrap;
		padding:0;
		border-radius: 8px;
	}
	
		@media all and (max-width: 1000px) {
			
			.blogpage #default-blog .itm .blog {
				flex-direction: column;
			}
			
		}
	
		@media all and (max-width: 720px) {
			
			.blogpage #default-blog .itm .blog {
				width: 100%;
				margin-left: 0 !important;
				margin-right: 0 !important;
			}
			
			.blogpage #default-blog .itm .blog {
				flex-direction: row;
			}			
			
		}

		@media all and (max-width: 600px) {
			
			.blogpage #default-blog .itm .blog {
				width: 100%;
				margin-left: 0 !important;
				margin-right: 0 !important;
			}
			
			.blogpage #default-blog .itm .blog {
				flex-direction: column;
			}			
			
		}
	
		.blogpage #default-blog #itm0.itm .blog:first-child {
			width: 100%;
			margin:0 0 1% 0;
			position:relative;
			border: none;
			align-items: center;
		}
		
			.blogpage #default-blog #itm0.itm .blog:first-child .image-box {
				height:auto;
			}
						
			.blogpage #default-blog #itm0.itm .blog:first-child > a {
				width:326%;
			}
			

		.blogpage #default-blog #itm0.itm .blog:nth-of-type(2n) {
			margin-left:0;
		}
		
		.blogpage #default-blog #itm0.itm .blog:nth-of-type(2n+1) {
			margin-right:0;
		}
		
		.blogpage #default-blog .itm:not(#itm0) .blog:nth-of-type(2n) {
			margin-right:0;
		}
		
		.blogpage #default-blog .itm:not(#itm0) .blog:nth-of-type(2n+1) {
			margin-left:0;
		}		
		
		.blogpage #default-blog .itm .blog .text-box {
			width: 100%;
			padding: 0 0 20px 20px;
			color: #0c0c0c;
		}		
		
			.blogpage #default-blog .itm .blog .text-box h2 {
				line-height: 1.2;
				color: #000;
				font-size: 1.2em;
				margin: 20px 0;
				text-align:left;
			}
				
				.blogpage #default-blog .itm .blog .text-box a:hover h2 {
					text-decoration: underline;
					color: #02876c;
				}
			
			.blogpage #default-blog .itm .blog .text-box .title {
				height: 75px;
    		overflow: hidden;
				font-size: 1.2rem;
				line-height: 1.2;
				margin-top: 10px;
				text-transform: uppercase;
				color: #111111;
				text-align: left;
			  overflow: hidden;
			  display: -webkit-box;
			  -webkit-line-clamp: 3;
			  -webkit-box-orient: vertical;
			  max-height: 70px;
			}		
		
			.blogpage #default-blog .itm .blog .text-box .perex {
				margin: 10px 0 0 0 !important;
				font-size: 1rem;
				height: auto;
				text-align: left;
				overflow: hidden;
				
			}
			
			.blogpage #default-blog .itm .blog .text-box button {
				width: auto;
				color: #000;
				border: none; 
				padding: 7px 15px;
				margin:10px 0 0 0;
			}			
			
				.blogpage #default-blog .itm .blog:hover .text-box button {
					background:#000;
					color:#fff;
				}			
					
		.blogpage #default-blog .itm .blog > a {
			display: block;
			width: 100%;
			height: auto;
			line-height:0;
		}		
		
		.blogpage #default-blog .itm .blog .image-box {
			width: 100%;
			display: block;
	    max-width: 100%;
	    position: relative;
	    margin-bottom: 0px;
	    overflow: hidden;
	    line-height: 0;
	    border:0;
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    -webkit-background-size: cover;
	    background-size: cover;
		}		
				
			.blogpage #default-blog .itm .blog .image-box .blog-info-box {
				font-size: 0.9rem;
				text-align: center;
				color: #000;
		    width: auto;
		    padding: 10px 15px;
		    font-size: 0.75rem;
		    line-height: 1;
				position: absolute;
		    bottom: 0;
		    top: auto;
		    left: 0;
		    z-index: 1;
		    background: rgba(255, 255, 255, .95);
			}
				
				.blogpage #default-blog .itm .blog .image-box .blog-info-box > * {
					display: inline-block;
					vertical-align: middle;
					position: relative;	
					margin: 0 0 0 10px;
    			padding: 0 0 0 27px;
				}
				
					.blogpage #default-blog .itm .blog .image-box .blog-info-box .autor {
						margin-left: 0;
					}
					
						.blogpage #default-blog .itm .blog .image-box .blog-info-box .autor::before {
					    content: "";
					    display: block;
							width: 22px;
					    height: 22px;
					    position: absolute;
					    left: 0;
					    top: -5px;
					    background: url(../images/blog_author.svg) no-repeat scroll center center;
						}

						.blogpage #default-blog .itm .blog .image-box .blog-info-box .date::before {
					    content: "";
					    display: block;
							width: 22px;
					    height: 22px;
					    position: absolute;
					    left: 0;
					    top: -5px;
					    background: url(../images/blog_date.svg) no-repeat scroll center center;
						}		
		
		
		
	
	
#default-blog .blog {
	float:left;
	clear:left;
	width:100%;
}


#default-blog #newest {
	float: right;
	clear: none;
	width: 25%;
}
	
	#default-blog #newest > h2 {
		color: #000;
		font-weight: bold;
		font-weight:400;
		font-size:2.0em;
		margin: 2em 0 0.5em 0;
		padding:0;
	}
	
	#default-blog #newest .newest-item {
		float: left;
		clear: left;
		width: 100%;
		margin-bottom: 30px;
	}
	
		#default-blog #newest .newest-item .image-box {
			float: left;
			clear: left;
			width: 100%;
		}
		
			#default-blog #newest .newest-item .image-box img {
				width: 100%;
			}
			
		#default-blog #newest .newest-item .text-box {
			float: left;
			clear: left;
			width: 100%;
		}
			#default-blog #newest .newest-item .text-box h2 {
				margin: 0;
				color: #000;
				text-align: center;
				text-transform: uppercase;
				font-size: 16px;
				padding: 10px 0;
			}
					
			#default-blog #newest .newest-item .text-box p {
				margin: 0;
				color: #000;
				text-align: center;
				font-size: 12px;
				font-weight: 200;
				line-height: 1rem;
				text-transform: uppercase;
			}
			
			#default-blog #newest .newest-item .text-box a {
				color: #836c5c;
			}
			
	#default-blog #newest #blog-right-banner {
		float: left;
		clear: left;
		width: 100%;
	}
	
		#default-blog #newest #blog-right-banner img {
			width: 100% !important;
		}		

	#clanekfooter {
		float: left;
		clear: left;
		width: 100%;
		height: 150px;
		border-top: 1px solid #979797;
	}	
	
		#clanekfooter .clanekinfo-detail {
			float: left;
			clear: none;
			width: 72%;
			height: 100%;
		}
		
		#clanekfooter .strankovani-detail {
			float: right;
			clear: none;
			width: 25%;
			height: 100%;
			line-height: 150px;
			text-align: center;
			position: relative;
		}
		
				#clanekfooter .strankovani-detail a {
					width: 85px;
			    height: auto;
			    display: block;
			    position: relative;
			    font-size: 0;
				}

				#clanekfooter .strankovani-detail a.prev {
					float: left;
				}

					#clanekfooter .strankovani-detail a.prev:before {
						content: "\e6DD";
				    font-family: "icomoon";
				    font-size: 1rem;
				    display: block;
				    color: #000;
				    width: 100%;
				    line-height: 150px;
				    position: absolute;
				    top: 0;
		    	}
					
				#clanekfooter .strankovani-detail a.next {
					float: right;
				}
					
					#clanekfooter .strankovani-detail a.next::before {
						content: "\e6DC";
				    font-family: "icomoon";
				    font-size: 1rem;
				    display: block;
				    color: #000;
				    width: 100%;
				    line-height: 150px;
				    position: absolute;
				    top: 0;
		    	}	
		    	
#loader-container {
	display: none;
}


/* fancybox.min.css */
body.compensate-for-scrollbar{overflow:hidden;-ms-overflow-style:none}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(0.22,.61,.36,1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px 44px 0 44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{padding:44px 0 0 0}.fancybox-slide--image{overflow:visible}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px 6px 0 6px}.fancybox-content{background:#fff;display:inline-block;margin:0 0 44px 0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(0.5,0,.14,1);animation-timing-function:cubic-bezier(0.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-slide--html .fancybox-content{margin:0 0 6px 0}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:calc(100% - 44px);overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;vertical-align:top;width:100%}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}
.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--html .fancybox-close-small:hover{color:currentColor;opacity:1}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{height:38px;margin:0;opacity:0;padding:7px;position:absolute;top:calc(50% - (38px / 2));width:38px}
.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button::after{content:'';height:100px;left:-26px;position:absolute;top:-31px;width:70px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px 25px 44px;right:0}
.fancybox-caption::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:'';display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}
.fancybox-caption::after{border-bottom:1px solid rgba(255,255,255,.3);content:'';display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:transparent;border:6px solid rgba(100,100,100,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}
@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(0.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0.5,.5,.5);transform:scale3d(0.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(0.1) skew(10deg);transform:translate3d(100%,0,0) scale(0.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0 0 0}.fancybox-slide--image .fancybox-content{margin-bottom:6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a::before{border:4px solid #4ea7f9;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:768px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}