.youCover,
.youCover.active-iframe iframe {
	display: block
}

.youCover {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	background-color: #000
}

.youCover:before {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-moz-opacity: .5;
	-khtml-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50);
	content: " ";
	position: absolute;
	width: 100px;
	height: 70px;
	background-image: url(../themes/vometsk/assets/dist/youtube-ico.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -35px;
	z-index: 3
}

.youCover.active-iframe img {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0)
}

.youCover.active-iframe:before {
	-moz-opacity: 0 !important;
	-khtml-opacity: 0 !important;
	-webkit-opacity: 0 !important;
	opacity: 0 !important;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
	filter: alpha(opacity=0) !important;
	-webkit-transform: scale(3);
	-ms-transform: scale(3);
	-moz-transform: scale(3);
	transform: scale(3)
}

.youCover iframe,
.youCover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}

.youCover:hover:before {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100)
}

.youCover.fancybox-active img {
	border: 5px solid #663399
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../themes/vometsk/assets/js/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@charset "UTF-8";

@font-face {
  font-family: "Titillium Web";
  src: url(../themes/vometsk/assets/fonts/TitilliumWeb-Regular.ttf);
}

@font-face {
  font-family: "Titillium Web - Light";
  src: url(../themes/vometsk/assets/fonts/TitilliumWeb-Light.ttf);
}

@font-face {
  font-family: "Titillium Web - Semi Bold";
  src: url(../themes/vometsk/assets/fonts/TitilliumWeb-SemiBold.ttf);
}

@font-face {
  font-family: "elusiveicon";
  src: url(../themes/vometsk/assets/fonts/elusiveicons-webfont.ttf);
}

@font-face {
  font-family: "dripicons-v2";
  src: url("../themes/vometsk/assets/fonts/dripicons-v2.eot");
  src: url("../themes/vometsk/assets/fonts/dripicons-v2.eot?#iefix") format("embedded-opentype"),
    url("../themes/vometsk/assets/fonts/dripicons-v2.woff") format("woff"),
    url("../themes/vometsk/assets/fonts/dripicons-v2.ttf") format("truetype"),
    url("../themes/vometsk/assets/fonts/dripicons-v2.svg#dripicons-v2") format("svg");
  font-weight: normal;
  font-style: normal;
}

.wrapper-narrow.mobile-view {
  width: 100%;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.magnetica-slider.mobile-view {
  display: none !important;
  overflow: hidden !important;
}

.magnetica-slider-mobile {
  display: none;
  overflow: hidden !important;
}

h2.magnetica-slider-title {
  color: #172142;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.72px;
  text-align: center;
  /*margin-top: 130px;*/
  margin-bottom: 82px;
}

h2.magnetica-slider-title span.title-addr {
  display: block;
  font-family: "Titillium Web";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
}

.magnetica-slider-mobile.mobile-view {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
}

.magnetica-slider-mobile.mobile-view li {
  display: inline-block;
  list-style: none;
}

.magnetica-slider-mobile.mobile-view .employee-box {
  width: 100%;
}

.magnetica-slider-mobile.mobile-view .employee-box .d-flex {
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.magnetica-slider-mobile.mobile-view .frame-1 img,
.magnetica-slider-mobile.mobile-view .frame-2 img,
.magnetica-slider-mobile.mobile-view .frame-3 img {
  border-radius: 100%;
}

.magnetica-slider-mobile.mobile-view .frame-1,
.magnetica-slider-mobile.mobile-view .frame-3 {
  opacity: 0.5;
}

.magnetica-slider-mobile.mobile-view .frame-1 {
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
}

.magnetica-slider-mobile.mobile-view .frame-3 {
  -webkit-transform: translate(20%);
  transform: translate(20%);
}

.magnetica-slider-mobile.mobile-view .frame-1 .contact-info-panel,
.magnetica-slider-mobile.mobile-view .frame-3 .contact-info-panel {
  display: none;
}

.magnetica-slider-mobile.mobile-view .frame-2 .contact-info-panel {
  display: none;
}

.magnetica-slider-mobile.mobile-view
  .frame-2
  .contact-info-panel
  .employee-area,
.magnetica-slider-mobile.mobile-view
  .frame-2
  .contact-info-panel
  .contact-info {
  display: none;
}

.magnetica-slider-mobile.mobile-view .frame-1 img,
.magnetica-slider-mobile.mobile-view .frame-3 img {
  height: auto;
  max-height: 250px;
  /*width: 250px;*/
  max-width: 250px;
  width: calc(100vw * 0.347222);
}

.magnetica-slider-mobile.mobile-view .frame-2 img {
  height: auto;
  /*max-height: 358px;*/
  /*width: 358px;*/
  max-width: 358px;
  max-height: 358px;
  width: calc(100vw * 0.497222);
  height: calc(100vw * 0.497222);
}

.slider-control {
  display: none;
  overflow: hidden;
}

.slider-control.mobile-view {
  display: block;
  margin: auto;
  text-align: center;
  width: 100%;
  max-width: 100%;
  max-height: 23px;
  margin-top: 46px;
  overflow: hidden;
}

.slider-control.mobile-view .circle {
  background-color: #6b93bd;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  /*margin-top: 50px;*/
  display: inline-block;
  /*margin-right: 12px;
		margin-left: 12px;*/
  margin-right: calc(100vw * 0.016);
  margin-left: calc(100vw * 0.016);
  /*margin-right:25px;*/
  /*margin-bottom: 125px;*/
  cursor: pointer;
}

.slider-control.mobile-view .circle.first-of-type {
  margin-left: 0px;
}

.slider-control.mobile-view .circle.last-of-type {
  margin-right: 0px;
}

@media only screen and (max-width: 720px) {
  .slider-control.mobile-view .circle {
    width: 18px;
    height: 18px;
  }
}

@media only screen and (max-width: 568px) {
  .slider-control.mobile-view .circle {
    width: 12px;
    height: 12px;
  }
}

.slider-control.mobile-view .circle:last-of-type {
  margin-right: 0px;
}

.slider-control.mobile-view .circle.active {
  background-color: #97c146;
}

.mobile-text-output-panel {
  display: none;
}

.poradentstvo-a-konzultacie .mobile-text-output-panel {
  display: none !important;
}

.mobile-text-output-panel.mobile-view {
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 46px;
  width: 100%;
}

.mobile-text-output-panel.mobile-view h3 {
  color: #172142;
  font-family: "Titillium Web - Semi Bold";
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.6px;
  margin-bottom: 0px;
}

.mobile-text-output-panel.mobile-view p.employee-role {
  color: #5e6f7c;
  font-family: "Titillium Web";
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -0.48px;
  line-height: 26px;
}

.mobile-text-output-panel.mobile-view .contact-info {
  margin-top: 14px;
  margin: auto;
  display: table;
  overflow: visible;
  font-size: 24px;
  font-weight: 300;
  line-height: 50px;
  color: #172142;
  letter-spacing: -0.6px;
  overflow-wrap: break-word;
  /* icons before contact information in personal info block */
}

@media only screen and (max-width: 568px) {
  .mobile-text-output-panel.mobile-view .contact-info {
    font-size: 22px;
  }
}

.mobile-text-output-panel.mobile-view .contact-info .contact {
  margin-bottom: 0px;
}

.mobile-text-output-panel.mobile-view .contact-info .contact-details,
.mobile-text-output-panel.mobile-view .contact-info .contact-tel,
.mobile-text-output-panel.mobile-view .contact-info .contact-fax,
.mobile-text-output-panel.mobile-view .contact-info .contact-mobile {
  display: table-cell;
}

.mobile-text-output-panel.mobile-view .contact-info .contact-details {
  color: #97c146;
}

.mobile-text-output-panel.mobile-view .contact-info .contact-tel:before,
.mobile-text-output-panel.mobile-view .contact-info .contact-fax:before,
.mobile-text-output-panel.mobile-view .contact-info .contact-mail:before,
.mobile-text-output-panel.mobile-view .contact-info .contact-mobile:before {
  font-family: "elusiveicon";
  color: #97c146;
  position: relative;
  top: 0px;
  left: 0px;
  margin-right: 8px;
}

.mobile-text-output-panel.mobile-view .contact-info .contact-tel:before,
.mobile-text-output-panel.mobile-view .contact-info .contact-mobile:before {
  content: "\F1BE";
}

.mobile-text-output-panel.mobile-view .contact-info .contact-fax:before {
  content: "\F1CD";
}

.mobile-text-output-panel.mobile-view .contact {
  display: table;
}

.mobile-text-output-panel.mobile-view .contact .contact-mail {
  display: table-cell;
}

.mobile-text-output-panel.mobile-view .contact .contact-mail:before {
  font-family: "elusiveicon";
  color: #97c146;
  position: relative;
  top: 0px;
  left: 0px;
  margin-right: 8px;
  content: "\F14B";
}

.mobile-text-output-panel.mobile-view .contact a {
  display: inline-block;
  font-family: "Titillium Web";
  font-weight: 300;
  color: #97c146;
  letter-spacing: -0.36px;
}

@media only screen and (max-width: 1140px) {
  article.nasi-odbornici {
    width: 100vw;
  }
}

@media only screen and (max-width: 1140px) {
  article.nasi-odbornici .wrapper-980 {
    width: 100vw;
  }
}

@media only screen and (min-width: 1141px) {
  article.nasi-odbornici .magnetica-slider-title {
    display: none;
  }
}

article.nasi-odbornici .magnetica-slider-mobile .frame-1 img,
article.nasi-odbornici .magnetica-slider-mobile .frame-2 img,
article.nasi-odbornici .magnetica-slider-mobile .frame-3 img {
  -webkit-animation: spin 0.2s linear 1;
  animation: spin 0.2s cubic-bezier(0.075, 0.82, 0.165, 1) 1;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotateY(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

article.poradentstvo-a-konzultacie li.frame-1 p.name,
article.poradentstvo-a-konzultacie li.frame-3 p.name {
  display: none;
}

article.poradentstvo-a-konzultacie li.frame-1 p.description,
article.poradentstvo-a-konzultacie li.frame-3 p.description {
  display: none;
}

article.poradentstvo-a-konzultacie li.frame-1 p.role,
article.poradentstvo-a-konzultacie li.frame-3 p.role {
  display: none;
}

article.poradentstvo-a-konzultacie li.frame-1 p.contact-phone,
article.poradentstvo-a-konzultacie li.frame-3 p.contact-phone {
  display: none;
}

article.poradentstvo-a-konzultacie li.frame-1 a.contact-email,
article.poradentstvo-a-konzultacie li.frame-3 a.contact-email {
  display: none;
}

article.poradentstvo-a-konzultacie li.frame-1 {
  -webkit-transform: translate(-20%, -25%) !important;
  transform: translate(-20%, -25%) !important;
}

@media only screen and (max-width: 568px) {
  article.poradentstvo-a-konzultacie li.frame-1 {
    -webkit-transform: translate(-20%, -35%) !important;
    transform: translate(-20%, -35%) !important;
  }
}

@media only screen and (max-width: 460px) {
  article.poradentstvo-a-konzultacie li.frame-1 {
    -webkit-transform: translate(-20%, -55%) !important;
    transform: translate(-20%, -55%) !important;
  }
}

@media only screen and (max-width: 380px) {
  article.poradentstvo-a-konzultacie li.frame-1 {
    -webkit-transform: translate(-20%, -90px) !important;
    transform: translate(-20%, -90px) !important;
  }
}

article.poradentstvo-a-konzultacie li.frame-3 {
  -webkit-transform: translate(20%, -25%) !important;
  transform: translate(20%, -25%) !important;
}

@media only screen and (max-width: 568px) {
  article.poradentstvo-a-konzultacie li.frame-3 {
    -webkit-transform: translate(20%, -35%) !important;
    transform: translate(20%, -35%) !important;
  }
}

@media only screen and (max-width: 460px) {
  article.poradentstvo-a-konzultacie li.frame-3 {
    -webkit-transform: translate(20%, -55%) !important;
    transform: translate(20%, -55%) !important;
  }
}

@media only screen and (max-width: 380px) {
  article.poradentstvo-a-konzultacie li.frame-3 {
    -webkit-transform: translate(20%, -90px) !important;
    transform: translate(20%, -90px) !important;
  }
}

@media only screen and (min-width: 1140px) {
  article.poradentstvo-a-konzultacie .employee-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1140px;
  }
}

article.poradentstvo-a-konzultacie .employee-group .employee-box {
  text-align: center;
  margin-right: 0px;
  margin-bottom: 50px;
  align-self: stretch;
}

article.poradentstvo-a-konzultacie .employee-group .employee-box:last-of-type {
  margin-right: 0px;
}

article.poradentstvo-a-konzultacie .employee-group .employee-box img {
  width: 255px;
  height: 255px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
  border: 2px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article.o-spolocnosti .magnetica-slider-mobile {
  width: 100vw;
}

article.o-spolocnosti ~ h2.magnetica-slider-title.mobile-view {
  display: none;
}

article.o-spolocnosti ~ .mobile-text-output-panel.mobile-view {
  display: none !important;
}

.ospolocnosti-photo.photo-container {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.magnetica-slider-title[data-onpage="ospolocnosti"].mobile-view {
  display: none;
}

footer {
  background-color: #f0f0ec;
  color: #424548;
  width: 100vw;
  max-width: 100%;
  text-align: center;
}

@media only screen and (max-width: 720px) {
  footer {
    padding-top: 49px;
  }
}

@media only screen and (min-width: 721px) {
  footer {
    text-align: left;
  }
}

footer p,
footer a {
  color: #424548;
  font-family: "Titillium Web - Light", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  margin-bottom: 0px;
  /*@media only screen and (max-width: 720px){
			font-family: "Titillium Web", sans-serif;
			font-size: 24px;
			font-weight: 400;
			width: 400px;
			margin: auto;
		}*/
}

footer p:first-of-type {
  font-family: "Titillium Web - Semi Bold", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

@media only screen and (max-width: 720px) {
  footer p:first-of-type {
    font-family: "Titillium Web";
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 1em;
  }
}

footer a:hover {
  text-decoration: none;
  color: #97c146;
}

footer ul li {
  list-style: none;
}

footer ul {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

@media only screen and (max-width: 720px) {
  footer ul {
    text-align: center;
  }
}

@media only screen and (max-width: 720px) {
  footer li {
    color: #424548;
    font-family: "Titillium Web";
    /*font-size: 36px;*/
    font-size: 24px;
    font-weight: 300;
    /*line-height: 60px;*/
    line-height: 44px;
  }
}

@media only screen and (max-width: 720px) {
  footer li a {
    color: #424548;
    font-family: "Titillium Web";
    /*font-size: 36px;*/
    line-height: 44px;
    font-size: 24px;
    font-weight: 300;
    /*line-height: 60px;*/
  }
}

footer li:before {
  color: #424548;
  content: "›";
  font-size: 18px;
  padding-right: 0.5em;
  position: relative;
  top: 0px;
}

@media only screen and (max-width: 720px) {
  footer li:before {
    font-size: 36px;
    font-weight: 300;
    line-height: 32x;
  }
}

footer .btn-footer {
  background-color: #898b8c;
  color: white;
  padding: 8px 27px;
  border: 0px;
  font-family: "Titillium Web";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

footer input[type="text"] {
  width: 255px;
  height: 45px;
  border: 1px solid #d0d1d1;
  background-color: #ffffff;
  margin-top: 15px;
  margin-bottom: 19px;
  padding: 0px 10px;
}

@media only screen and (max-width: 720px) {
  footer input[type="text"] {
    max-width: 410px;
    width: 100%;
    height: 80px;
  }
}

footer .f-box-1,
footer .f-box-2,
footer .f-box-3,
footer .f-box-4 {
  width: calc(100% - 30px);
  display: block;
  margin: 0px;
}

@media only screen and (min-width: 721px) {
  footer .f-box-1,
  footer .f-box-2,
  footer .f-box-3,
  footer .f-box-4 {
    width: 50%;
    display: inline-block;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1180px) {
  footer .f-box-1,
  footer .f-box-2,
  footer .f-box-3,
  footer .f-box-4 {
    max-width: calc((100% - 60px) / 4);
    width: auto;
    margin: 0px;
    /*display: table-cell;*/
    /*margin-right: 60px;*/
  }
}

footer .f-box-4 {
  margin-right: 0px;
}

@media only screen and (max-width: 720px) {
  footer .f-box-1 {
    margin-bottom: 43px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }

  footer .f-box-1 p,
  footer .f-box-1 a {
    font-size: 24px;
  }

  footer .f-box-2 {
    margin-bottom: 116px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    width: 100%;
  }

  footer .f-box-2 p,
  footer .f-box-2 a {
    font-size: 24px;
  }

  footer .f-box-3 {
    margin-bottom: 136px;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    width: 100%;
  }
}

@media only screen and (max-width: 720px) and (max-width: 720px) {
  footer .f-box-3 {
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 720px) {
  footer .f-box-4 {
    margin-bottom: 72px;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  footer .f-box-4 p {
    text-align: center;
    margin: auto;
  }

  footer .f-box-4 p:last-of-type {
    max-width: 410px;
    margin-top: 28px;
  }
}

@media only screen and (max-width: 720px) and (min-width: 721px) {
  footer .f-box-1 {
    margin-bottom: 0px;
    margin-top: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  footer .f-box-2 {
    margin-bottom: 0px;
    margin-top: 0px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  footer .f-box-3 {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }

  footer .f-box-4 {
    margin-bottom: 0px;
    margin-top: 0px;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
}

footer .footer-top {
  width: 100%;
}

@media only screen and (min-width: 721px) {
  footer .footer-top {
    width: calc(100% - 60px);
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 120px;
    padding-bottom: 65px;
  }
}

@media only screen and (min-width: 1180px) {
  footer .footer-top {
    width: 1140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 120px;
    padding-bottom: 65px;
  }
}

footer .footer-bottom {
  background-color: #d6d6ca;
  padding: 15px 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

footer .footer-bottom p {
  position: relative;
  color: #898b8c;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
}

.tiles-hp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 150px;
}

@media only screen and (min-width: 920px) and (max-width: 1179px) {
  .tiles-hp {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 576px) {
  .tiles-hp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.tiles-hp .tiles-wrap {
  position: relative;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 576px) {
  .tiles-hp .tiles-wrap {
    width: 100%;
  }
}

.tiles-hp .tiles-wrap a {
  text-decoration: none;
}

.image-hp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 616px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  margin: auto;
  margin-bottom: 75px;
}

.image-hp h2 {
  color: #ffffff;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.44px;
  text-align: center;
  width: 780px;
}

@media only screen and (max-width: 800px) {
  .image-hp h2 {
    width: calc(100% - 60px);
  }
}

.image-hp p {
  color: #ffffff;
  font-size: 36px;
  font-weight: 300;
  line-height: 38px;
  text-align: center;
  width: 780px;
}

@media only screen and (max-width: 800px) {
  .image-hp p {
    width: calc(100% - 60px);
  }
}

.said-hp {
  background-color: #f8f8f6;
  width: 100%;
  max-width: 100vw;
  height: auto;
  padding-top: 100px;
  /*padding-bottom: 150px;*/
}

.said-hp .wrap-inner {
  display: block;
  margin: auto;
  width: 730px;
}

@media only screen and (max-width: 980px) {
  .said-hp .wrap-inner {
    width: calc(100% - 40px);
  }
}

.said-hp .wrap-inner .title-container {
  width: 100%;
}

.said-hp .wrap-inner .toldaboutus-box .table-row .right-cell p {
  margin-bottom: 22px;
}

.said-hp .wrap-inner .toldaboutus-box .table-row .right-cell .text-bottom p {
  margin-bottom: 0px;
}

/* owl carousel on homepage */
.wrap-carousel {
  width: 830px;
  display: block;
  margin: auto;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .wrap-carousel {
    width: calc(100% - 190px);
  }
}

@media only screen and (max-width: 576px) {
  .wrap-carousel {
    width: calc(100% - 40px);
  }
}

.owl-theme .owl-stage-outer {
  z-index: 2;
}

.owl-theme .owl-stage-outer .owl-stage .toldaboutus-box:before {
  left: 0px;
}

@media only screen and (max-width: 1139px) {
  .owl-theme .owl-stage-outer .owl-stage .toldaboutus-box:before {
    left: 0px;
    top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .owl-theme .owl-stage-outer .owl-stage .toldaboutus-box:before {
    display: none !important;
  }
}

.owl-theme .owl-stage-outer .owl-stage .toldaboutus-box .table-row .left-cell {
  width: 255px;
  padding-right: 30px;
  padding-left: 50px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

@media only screen and (max-width: 767px) {
  .owl-theme
    .owl-stage-outer
    .owl-stage
    .toldaboutus-box
    .table-row
    .left-cell {
    display: table-row !important;
    text-align: center !important;
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .owl-theme
    .owl-stage-outer
    .owl-stage
    .toldaboutus-box
    .table-row
    .left-cell:after {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .owl-theme
    .owl-stage-outer
    .owl-stage
    .toldaboutus-box
    .table-row
    .left-cell
    img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .owl-theme
    .owl-stage-outer
    .owl-stage
    .toldaboutus-box
    .table-row
    .left-cell
    img {
    width: 224px;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .owl-theme
    .owl-stage-outer
    .owl-stage
    .toldaboutus-box
    .table-row
    .right-cell {
    display: table-row !important;
    text-align: center !important;
  }
}

.owl-theme
  .owl-stage-outer
  .owl-stage
  .toldaboutus-box
  .table-row
  .right-cell
  p {
  width: calc(100% - 50px);
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .owl-theme
    .owl-stage-outer
    .owl-stage
    .toldaboutus-box
    .table-row
    .right-cell
    p {
    display: block;
    margin: auto;
  }
}

.owl-theme
  .owl-stage-outer
  .owl-stage
  .toldaboutus-box
  .table-row
  .right-cell
  .text-bottom
  p {
  margin-bottom: 0px;
}

.owl-theme .owl-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% + 150px);
  top: calc(25% - 120px);
  left: -75px;
}

@media only screen and (max-width: 767px) {
  .owl-theme .owl-nav {
    top: 60px;
  }
}

@media only screen and (max-width: 576px) {
  .owl-theme .owl-nav {
    top: 0px;
    width: calc(100% + 40px);
    left: -20px;
  }
}

@media only screen and (max-width: 380px) {
  .owl-theme .owl-nav {
    top: 0px;
  }
}

.owl-theme .owl-nav button span {
  font-size: 120px;
  font-family: sans-serif;
}

.owl-theme .owl-nav [class*="owl-"] {
  color: #172142;
  opacity: 0.3;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  opacity: 1;
  color: #172142;
}

/* animation - tiles on homepage - hover effect */
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

article {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  color: #172142;
}

.poradentstvo-a-konzultacie {
  background-color: #f3f3f3;
  color: #172142;
  padding-top: 47px;
  padding-bottom: 148px;
  margin: 0px;
}

.poradentstvo-a-konzultacie.narrow-style .wrapper-wider {
  width: 825px;
}

@media only screen and (max-width: 460px) {
  .poradentstvo-a-konzultacie.narrow-style .wrapper-wider {
    width: calc(100vw - 40px);
  }
}

@media only screen and (min-width: 461px) and (max-width: 568px) {
  .poradentstvo-a-konzultacie.narrow-style .wrapper-wider {
    width: calc(100vw - 80px);
  }
}

@media only screen and (min-width: 569px) and (max-width: 919px) {
  .poradentstvo-a-konzultacie.narrow-style .wrapper-wider {
    width: calc(100vw - 120px);
  }
}

.poradentstvo-a-konzultacie.narrow-style .wrapper-wider .title-container {
  max-width: 825px;
}

.poradentstvo-a-konzultacie.narrow-style .wrapper-wider .right-cell {
  position: relative;
  left: 15px;
}

.poradentstvo-a-konzultacie.narrow-style .employee-group {
  position: relative;
  width: 825px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie {
    padding-bottom: 62px;
  }
}

.poradentstvo-a-konzultacie .magnetica-slider-title {
  display: none;
}

.poradentstvo-a-konzultacie .d-table-cell {
  width: 50%;
  padding-right: 25px;
}

.poradentstvo-a-konzultacie hr {
  margin-bottom: 50px;
}

.poradentstvo-a-konzultacie .wrapper-wider {
  width: 1140px;
  display: block;
  margin: auto;
}

@media only screen and (max-width: 1200px) {
  .poradentstvo-a-konzultacie .wrapper-wider {
    width: calc(100vw * 0.95);
  }
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie .wrapper-wider {
    width: calc(100vw * 0.8166);
  }
}

.poradentstvo-a-konzultacie .wrapper-wider .d-table-cell.left-cell p {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -0.48px;
  line-height: 30px;
}

.poradentstvo-a-konzultacie
  .wrapper-wider
  .d-table-cell.left-cell
  p:first-of-type {
  margin-bottom: 26px;
}

.poradentstvo-a-konzultacie
  .wrapper-wider
  .d-table-cell.left-cell
  p:last-of-type {
  margin-top: 24px;
}

.poradentstvo-a-konzultacie
  .wrapper-wider
  .d-table-cell.left-cell
  p:first-of-type,
.poradentstvo-a-konzultacie
  .wrapper-wider
  .d-table-cell.left-cell
  p:last-of-type {
  font-family: "Titillium Web - Semi Bold";
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -0.48px;
  line-height: 32px;
  width: 90%;
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie
    .wrapper-wider
    .d-table-cell.left-cell
    p:first-of-type,
  .poradentstvo-a-konzultacie
    .wrapper-wider
    .d-table-cell.left-cell
    p:last-of-type {
    text-align: left;
    margin-top: 43px;
    margin-bottom: 26px;
    width: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie
    .wrapper-wider
    .d-table-cell.left-cell
    p:first-of-type {
    text-align: center;
  }
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie
    .wrapper-wider
    .d-table-cell.left-cell
    p:last-of-type {
    margin-top: 15px;
    margin-bottom: 46px;
  }
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie .wrapper-wider .d-table-cell.right-cell ul {
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
  }
}

@media only screen and (max-width: 380px) {
  .poradentstvo-a-konzultacie .wrapper-wider .d-table-cell.right-cell ul {
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
  }
}

.poradentstvo-a-konzultacie
  .wrapper-wider
  .d-table-cell.right-cell
  ul
  li:before {
  color: #424548;
  content: url(../themes/vometsk/assets/img/icons/icon-ticked-green.png);
  margin-right: 19px;
  position: relative;
  top: 9px;
  width: 36px;
  height: 36px;
}

.poradentstvo-a-konzultacie h3 {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.72px;
  margin-top: 66px;
  margin-bottom: 65px;
}

.poradentstvo-a-konzultacie .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie .d-table-cell {
    display: table-row !important;
    width: 100%;
    padding: 0px;
  }
}

.poradentstvo-a-konzultacie ul li {
  list-style: none;
}

@media only screen and (max-width: 720px) {
  .poradentstvo-a-konzultacie ul li {
    padding-left: 30px;
  }
}

.poradentstvo-a-konzultacie ul {
  list-style: none;
  margin-left: 0;
  padding-left: 36px;
  text-indent: -56px;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -0.44px;
  line-height: 26px;
}

.poradentstvo-a-konzultacie li {
  margin-bottom: 14px;
}

.poradentstvo-a-konzultacie .employee-box {
  color: #172142;
  /*display: inline-block;*/
  width: calc(100% / 3);
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

.poradentstvo-a-konzultacie .employee-box img {
  margin-bottom: 22px;
}

.poradentstvo-a-konzultacie .employee-box p.name {
  font-family: "Titillium Web - Semi Bold", sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0px;
}

.poradentstvo-a-konzultacie .employee-box p.role {
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 36px;
  min-height: 3em;
}

.poradentstvo-a-konzultacie .employee-box p.contact-phone,
.poradentstvo-a-konzultacie .employee-box a.contact-email {
  font-family: "Titillium Web", sans-serif;
  color: #172142;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0px;
}

.poradentstvo-a-konzultacie .employee-box p.employee-area {
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 4px;
  min-height: 24px;
}

article.sluzby {
  padding-bottom: 125px;
}

.services-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: row;
  flex-basis: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.services-box .block-sluzby {
  width: 45%;
  margin: 0px;
  padding: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*justify-content: space-between;*/
}

@media only screen and (max-width: 980px) {
  .services-box .block-sluzby {
    width: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .services-box .block-sluzby {
    margin-bottom: 56px;
  }
}

.services-box .block-sluzby .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 1140px) {
  .services-box .block-sluzby .wrap {
    height: 140px;
  }
}

.services-box .block-sluzby h2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 46px;
  max-width: 320px;
  width: auto;
  margin: auto;
}

@media only screen and (max-width: 720px) {
  .services-box .block-sluzby h2 {
    width: 580px;
    font-size: 36px;
    max-width: 100%;
    line-height: 51.9px;
  }
}

.services-box .block-sluzby img {
  margin-top: 14px;
  margin-bottom: 11px;
  position: relative;
}

@media only screen and (max-width: 720px) {
  .services-box .block-sluzby img {
    margin-top: 20px;
    margin-bottom: 31px;
  }
}

.services-box .block-sluzby p,
.services-box .block-sluzby a {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.18px;
}

@media only screen and (max-width: 720px) {
  .services-box .block-sluzby p,
  .services-box .block-sluzby a {
    font-size: 24px;
    letter-spacing: 0.21px;
  }
}

.services-box .block-sluzby a {
  color: #97c146;
}

.services-box .block-sluzby:nth-of-type(1) {
  height: calc(100% - 72px);
}

@media only screen and (min-width: 721px) {
  .services-box .block-sluzby:nth-of-type(1) img {
    width: 50px;
    height: 36px;
  }
}

.services-box .block-sluzby:nth-of-type(2) {
  margin-bottom: 30px;
}

@media only screen and (min-width: 721px) {
  .services-box .block-sluzby:nth-of-type(2) img {
    width: 32px;
    height: 43px;
  }
}

@media only screen and (min-width: 721px) {
  .services-box .block-sluzby:nth-of-type(3) img {
    width: 42px;
    height: 43px;
  }
}

@media only screen and (min-width: 721px) {
  .services-box .block-sluzby:nth-of-type(4) img {
    width: 42px;
    height: 31px;
  }
}

.povedali-onas {
  font-family: "Titillium Web", sans-serif;
  margin-top: 80px;
}

.o-spolocnosti {
  margin-top: 80px;
}

.o-spolocnosti h2.h2-first {
  margin-top: 53px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 720px) {
  .o-spolocnosti h2.h2-first {
    margin-top: 48px;
    margin-bottom: 48px;
    text-align: center;
  }
}

.o-spolocnosti h2.h2-second {
  margin-top: 76px;
  margin-bottom: 9px;
}

@media only screen and (max-width: 728px) {
  .o-spolocnosti h2.h2-second {
    margin-top: 48px;
    margin-bottom: 30px;
  }
}

.o-spolocnosti .text-block p {
  margin-bottom: 28px;
}

.o-spolocnosti .text-block:first-of-type {
  margin-top: 4px;
}

.o-spolocnosti img.icon-47x47 {
  margin-bottom: 5px;
}

@media only screen and (max-width: 728px) {
  .o-spolocnosti img.icon-47x47 {
    width: 78px;
    height: 78px;
    margin-bottom: 26px;
  }
}

.o-spolocnosti a.btn-green-1 {
  margin-bottom: 112px;
}

@media only screen and (max-width: 1140px) {
  .o-spolocnosti a.btn-green-1 {
    margin-bottom: 86px;
  }
}

.o-spolocnosti .wrapper-wider {
  width: 1174px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1240px) {
  .o-spolocnosti .wrapper-wider {
    width: 100vw;
    max-width: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .o-spolocnosti .wrapper-wider {
    width: 100vw;
    max-width: 100%;
  }
}

.o-spolocnosti #photo-control-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 1241px) {
  .o-spolocnosti #photo-control-panel {
    display: none;
  }
}

.o-spolocnosti #photo-control-panel .circle {
  background-color: #6b93bd;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin-right: 26px;
  margin-top: 50px;
  margin-bottom: 125px;
  cursor: pointer;
}

.o-spolocnosti #photo-control-panel .circle:last-of-type {
  margin-right: 0px;
}

.o-spolocnosti #photo-control-panel .circle.active {
  background-color: #97c146;
}

.o-spolocnosti p.font-ttwebsemibold {
  color: #172142;
  font-family: "Titillium Web - Semi Bold";
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.44px;
}

.photo-container.ospolocnosti-photo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 1240px) {
  .photo-container.ospolocnosti-photo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 1241px) {
  .photo-container.ospolocnosti-photo {
    margin-bottom: 131px;
  }
}

@media only screen and (max-width: 1240px) {
  .photo-container.ospolocnosti-photo img:nth-of-type(1),
  .photo-container.ospolocnosti-photo img:nth-of-type(3) {
    width: 285px;
    height: 214px;
    opacity: 0.5;
  }
}

.photo-container.ospolocnosti-photo img:nth-of-type(2) {
  /*margin: 0px calc(100vw * 0.025);*/
}

@media only screen and (max-width: 568px) {
  .photo-container.ospolocnosti-photo img:nth-of-type(2) {
    width: calc(100vw * 0.667);
    min-height: 214px;
    height: auto;
  }
}

.photo-container.ospolocnosti-photo img.magnetica-slider-item {
  cursor: pointer;
  width: 378px;
  height: 284px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Magnific Popup fade animations */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Lazy gallery */
.lazy-galleries img.lazy {
  display: none;
}

.nasi-odbornici {
  color: #172142;
  padding-bottom: 116px;
  margin-top: 80px;
}

.nasi-odbornici .wrapper-980 {
  margin-bottom: 62px;
}

@media only screen and (max-width: 1180px) {
  .nasi-odbornici {
    padding-bottom: 0px;
  }
}

.nasi-odbornici .employee-group {
  /*display: table;*/
  display: block;
  width: 100%;
  position: relative;
}

.nasi-odbornici .employee-group ul {
  /*display: inline-table;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 34px;
  width: 100%;
  padding: 0px;
  position: relative;
}

.nasi-odbornici .employee-group ul h2:first-of-type {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.72px;
}

.nasi-odbornici .employee-group ul h2:first-of-type span.title-addr {
  display: block;
  font-family: "Titillium Web";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
}

.nasi-odbornici .employee-group ul:first-of-type {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0px;
  margin-bottom: 32px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.nasi-odbornici .employee-group ul:first-of-type li {
  list-style: none;
}

.nasi-odbornici .employee-group .employee-box {
  width: calc(50% - 15px);
  /*height: 190px;*/
  height: auto;
  /*display: table-cell;*/
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 46px;
  position: relative;
  color: #172142;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.36px;
}

.nasi-odbornici .employee-group .employee-box:nth-child(odd) {
  margin-right: 30px;
}

@media only screen and (max-width: 1180px) {
  .nasi-odbornici .employee-group .employee-box {
    display: table-row;
  }
}

.nasi-odbornici .employee-group .employee-box .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
}

.nasi-odbornici .employee-group .employee-box img {
  width: 190px;
  min-width: 190px;
  height: 190px;
  margin-right: 32px;
  border-radius: 100%;
}

@media only screen and (max-width: 1260px) {
  .nasi-odbornici .employee-group .employee-box img {
    margin-right: 20px;
  }
}

.nasi-odbornici .employee-group .employee-box .contact-info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*justify-content: center;*/
  margin-top: 27px;
  width: 100%;
}

.nasi-odbornici .employee-group .employee-box .contact-info-panel h3 {
  font-family: "Titillium Web - Semi Bold";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
  margin-bottom: 0px;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  p.employee-role,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  p.employee-area {
  color: #5e6f7c;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.36px;
  line-height: 24px;
  margin-bottom: 0px;
  min-height: 18px;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info {
  margin-top: 14px;
  display: table;
  overflow: visible;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.36px;
  /* icons before contact information in personal info block */
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact {
  margin-bottom: 0px;
  /*display: table-row;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-details,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-tel,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-fax,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-mobile {
  display: table-cell;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-tel:before,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-fax:before,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-mail:before,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-mobile:before {
  font-family: "elusiveicon";
  color: #97c146;
  position: relative;
  top: 0px;
  left: 0px;
  margin-right: 8px;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-tel:before,
.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-mobile:before {
  content: "\F1BE";
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact-info
  .contact-fax:before {
  content: "\F1CD";
}

.nasi-odbornici .employee-group .employee-box .contact-info-panel .contact {
  display: table;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact
  .contact-mail {
  display: table-cell;
  width: 80px;
}

.nasi-odbornici
  .employee-group
  .employee-box
  .contact-info-panel
  .contact
  .contact-mail:before {
  font-family: "elusiveicon";
  color: #97c146;
  position: relative;
  top: 0px;
  left: 0px;
  margin-right: 8px;
  content: "\F14B";
}

.nasi-odbornici .employee-group .employee-box .contact-info-panel .contact a {
  display: inline-block;
  font-family: "Titillium Web";
  font-weight: 300;
  color: #97c146;
  letter-spacing: -0.36px;
}

.nasi-odbornici .employee-group .employee-box .contact-info-panel .contact p {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1180px) {
  .nasi-odbornici .employee-group .employee-box:first-of-type img {
    margin-bottom: 34px;
  }
}

.na-stiahnutie {
  font-family: "Titillium Web", sans-serif;
  color: #172142;
  margin-top: 80px;
}

.na-stiahnutie #cataloge-holder {
  position: relative;
  width: 100%;
  padding-bottom: 148px;
}

@media only screen and (max-width: 720px) {
  .na-stiahnutie #cataloge-holder {
    padding-bottom: 0px;
  }
}

.na-stiahnutie #cataloge-holder .catalog-item-container:first-of-type {
  margin-top: 0px;
}

.na-stiahnutie #cataloge-holder .catalog-item-container {
  position: relative;
  margin-top: 68px;
  width: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 568px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "area1" "area3" "area2";
  }
}

@media only screen and (max-width: 720px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 569px) and (max-width: 720px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 48px;
    padding-bottom: 68px;
    grid-template-areas: "... h2mobilevisible" "area2 area3";
  }
}

@media only screen and (min-width: 721px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 256px;
    grid-template-columns: auto 256px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "area2 area3";
  }
}

.na-stiahnutie #cataloge-holder .catalog-item-container h2.mobile-visible {
  display: block;
  width: 100%;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.72px;
  text-align: center;
  margin-bottom: 74px;
  grid-area: area1;
}

@media only screen and (min-width: 721px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container h2.mobile-visible {
    display: none;
  }
}

@media only screen and (min-width: 569px) and (max-width: 721px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container h2.mobile-visible {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 1;
  }
}

.na-stiahnutie #cataloge-holder .catalog-item-container .left-side-cat {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  /*-ms-grid-rows: auto auto auto 109px;
  grid-template-rows: auto auto auto 109px;*/
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
  justify-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  grid-area: area2;
}

@media only screen and (max-width: 720px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container .left-side-cat {
    -ms-grid-rows: auto auto 109px;
    grid-template-rows: auto auto 109px;
  }
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  h2.desktop-visible {
  display: none;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.72px;
  /*margin-top: 75px;
					margin-bottom: 18px;*/
}

@media only screen and (min-width: 721px) {
  .na-stiahnutie
    #cataloge-holder
    .catalog-item-container
    .left-side-cat
    h2.desktop-visible {
    display: block;
  }
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  p.description {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.36px;
  margin-bottom: 44px;
  max-width: 97%;
}

@media only screen and (max-width: 568px) {
  .na-stiahnutie
    #cataloge-holder
    .catalog-item-container
    .left-side-cat
    p.description {
    /*grid-area: pdescription;*/
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
  }
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  p.file-info {
  color: #5e6f7c;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.36px;
  margin-bottom: 12px;
  line-height: 21px;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

@media only screen and (max-width: 568px) {
  .na-stiahnutie
    #cataloge-holder
    .catalog-item-container
    .left-side-cat
    p.file-info {
    /*grid-area: pfileinfo;*/
    margin: auto;
    text-align: center;
  }
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  p.file-info
  span {
  display: block;
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  a.btn-green-2 {
  display: inline-block;
  color: white;
  background-color: #97c146;
  margin-bottom: 30px;
  font-family: "Titillium Web - Semi Bold";
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.22px;
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border: 2px solid #97c146;
  border-radius: 4px;
  /*margin-bottom: 30px;*/
  padding: 6px 18px;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

@media only screen and (max-width: 568px) {
  .na-stiahnutie
    #cataloge-holder
    .catalog-item-container
    .left-side-cat
    a.btn-green-2 {
    /*grid-area: abutton;*/
    margin: auto;
  }
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  a.btn-green-2:hover {
  background-color: transparent;
  color: #97c146;
}

.na-stiahnutie
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  a.btn-green-2:before {
  content: "\F145";
  font-family: "elusiveicon";
  position: relative;
  margin-right: 20px;
}

.na-stiahnutie #cataloge-holder .catalog-item-container .right-side-cat {
  grid-area: area3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: 100%;
  grid-template-rows: 100%;
  justify-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

@media only screen and (max-width: 568px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container .right-side-cat {
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.na-stiahnutie #cataloge-holder .catalog-item-container .right-side-cat img {
  width: 100%;
  bottom: 0px;
  /*margin-top: 15px;*/
  margin-bottom: 0px;
  vertical-align: bottom;
}

@media only screen and (max-width: 720px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container .right-side-cat img {
    width: calc(100vw * 0.355557);
    min-width: calc(100vw * 0.355557);
    max-width: 256px;
    height: auto;
  }
}

@media only screen and (max-width: 568px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container .right-side-cat img {
    width: calc(100vw - 40px);
  }
}

@media only screen and (min-width: 720px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container .right-side-cat img {
    width: 154px;
    height: auto;
    position: relative;
    display: block;
    bottom: 0px;
    right: 0px;
  }
}

@media only screen and (max-width: 720px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container:nth-child(odd) {
    background-color: #f0f0ec;
  }
}

@media only screen and (min-width: 721px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container:after {
    content: "";
    background-color: transparent;
    width: 100%;
    height: 8px;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0px;
  }
}

@media only screen and (min-width: 721px) {
  .na-stiahnutie #cataloge-holder .catalog-item-container:hover:after {
    background-color: #f0f0ec;
  }
}

/* Wrapper changes for mobile version */
@media only screen and (max-width: 720px) {
  .na-stiahnutie.wrapper-1140 {
    width: 100vw;
  }
}

.na-stiahnutie.wrapper-1140 .wrapper-980 {
  width: 100%;
}

/* Internet Explorer additional support to GRID LAYOUT */
/* You must run your main.css through processor before implementation, example link -> https://autoprefixer.github.io/ */
/* additionally JavaScript add class internetexplorer to <body> */
/* Now we can enjoy it :-) */
body.internetexplorer #cataloge-holder .catalog-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1140px;
  max-width: 100%;
  min-width: 100%;
}

@media only screen and (max-width: 720px) {
  body.internetexplorer #cataloge-holder .catalog-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
  }
}

body.internetexplorer #cataloge-holder .catalog-item-container .left-side-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 192px);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  justify-items: flex-end;
  -ms-flex-item-align: start;
}

body.internetexplorer
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  p.file-info {
  -ms-flex-item-align: start;
}

body.internetexplorer
  #cataloge-holder
  .catalog-item-container
  .left-side-cat
  a.btn-green-2 {
  -ms-flex-item-align: start;
}

body.internetexplorer #cataloge-holder .catalog-item-container right-side-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 192px;
  height: auto;
  -ms-flex-item-align: end;
}

.products-container {
  position: relative;
  display: block;
  margin: auto;
  font-family: "Titillium Web";
  width: 1140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1139px) {
  .products-container {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.products-container a.product-container {
  width: 284px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.products-container a.product-container.fixfirstanimation:before {
  content: none;
  -webkit-animation: none;
  animation: none;
}

.products-container a.product-container .img-wrap {
  position: relative;
  display: block;
  margin-bottom: 50px;
  width: 100%;
  height: 284px;
  overflow: hidden;
  /* triangle effect on bottom of picture */
}

.products-container a.product-container .img-wrap .overlayer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  -webkit-animation: slideOutLeft 0.3s ease 0s 1 forwards;
  animation: slideOutLeft 0.3s ease 0s 1 forwards;
  background-color: #97c146;
  opacity: 0;
  /*position: absolute;*/
  z-index: 4;
}

.products-container a.product-container .img-wrap .overlayer:before {
  content: "\006d";
  font-size: 80px;
  font-family: "dripicons-v2";
  color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.products-container a.product-container .img-wrap img {
  width: 100%;
  height: 284px;
}

.products-container a.product-container .img-wrap:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-bottom: 25px solid white;
  border-left: 284px solid transparent;
  z-index: 5;
}

.products-container a.product-container h3 {
  display: block;
  color: #172142;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.64px;
  margin-bottom: 10px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: calc(100% - 10px);
}

.products-container a.product-container p {
  color: #172142;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.36px;
  width: calc(100% - 10px);
}

.products-container a.product-container:hover .img-wrap .overlayer {
  -webkit-animation: slideInLeft 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s
    1 forwards;
  animation: slideInLeft 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s 1
    forwards;
}

.products-container a.product-container:hover h3 {
  color: #97c146;
}

.back-to-product {
  width: 1140px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

@media only screen and (max-width: 1139px) {
  .back-to-product {
    width: 100%;
  }
}

.back-to-product .arrow-left {
  display: inline-block;
}

.back-to-product .arrow-left::before {
  content: "\006C";
  font-family: "dripicons-v2";
  color: #97c146;
  font-size: 16px;
  position: relative;
  display: inline-block;
  margin-right: 14px;
  top: 2px;
}

.back-to-product span {
  color: #969696;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.32px;
}

.back-to-product hr {
  margin-top: 15px;
  margin-bottom: 22px;
}

.back-to-product h1 {
  color: #172142;
  font-size: 48px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.96px;
  margin-bottom: 40px;
}

.back-to-product a {
  text-decoration: none;
}

.back-to-product a:hover span {
  font-weight: 600;
}

main.produkty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-family: "Titillium Web";
  padding-top: 0px;
}

@media only screen and (max-width: 1179px) {
  main.produkty {
    padding-top: 0px;
  }
}

@media only screen and (min-width: 1140px) {
  main.produkty {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

main.produkty .category-details {
  width: 825px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 919px) {
  main.produkty .category-details {
    width: 100%;
  }
}

@media only screen and (min-width: 920px) and (max-width: 1139px) {
  main.produkty.wrapper-with-sidemenu .category-details {
    width: calc(72.36842vw - 15px);
  }
}

aside.categories-tree-aside {
  padding-right: 30px;
  padding-left: 15px;
  width: 255px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

@media only screen and (max-width: 919px) {
  aside.categories-tree-aside {
    display: none;
  }
}

@media only screen and (min-width: 920px) and (max-width: 1139px) {
  aside.categories-tree-aside {
    padding-right: 2.631579vw;
    padding-left: 1.315789vw;
    width: 22.36842vw;
  }
}

aside.categories-tree-aside h2 {
  font-family: "Titillium Web - Semi Bold";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.48px;
}

aside.categories-tree-aside hr {
  width: 100%;
  height: 8px;
  border: none;
  color: #172142;
  background-color: #001628;
}

aside.categories-tree-aside ul.subcategories {
  position: relative;
  -webkit-padding-start: 25px;
  padding-inline-start: 25px;
}

aside.categories-tree-aside ul.subcategories li {
  list-style: none;
  position: relative;
  margin-bottom: 14px;
}

@media only screen and (max-width: 1179px) {
  aside.categories-tree-aside ul.subcategories li {
    margin: 2em 0em;
  }
}

aside.categories-tree-aside ul.subcategories li a {
  color: #5e6f7c;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
  text-decoration: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

aside.categories-tree-aside ul.subcategories li a:hover {
  color: #97c146;
}

aside.categories-tree-aside ul.subcategories li.active a {
  font-weight: 700;
}

aside.categories-tree-aside ul.subcategories li.active a:hover {
  color: #97c146;
}

aside.categories-tree-aside ul.subcategories li:last-of-type {
  margin-bottom: 0px;
}

aside.categories-tree-aside ul.subcategories li.active {
  color: #172142;
  font-weight: bold;
}

aside.categories-tree-aside ul.subcategories li.active a {
  color: #172142;
  font-weight: 700;
}

aside.categories-tree-aside ul.subcategories li.active a:hover {
  color: #172142;
}

aside.categories-tree-aside ul.subcategories li.active:before {
  content: "\006D";
  font-family: "dripicons-v2";
  position: absolute;
  top: 0px;
  left: -22px;
  width: 17px;
  height: 15px;
  color: #97c146;
  font-size: 18px;
}

.product-video {
  width: 100%;
  height: calc(100vw * 0.333333);
  background-color: red;
  margin-bottom: 146px;
}

.product-gallery-container {
  position: relative;
  width: 100vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-gallery-container .product-gallery-images {
  margin: auto;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-gallery-container .product-gallery-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-gallery-container .product-gallery-images.no-carousel a {
  /*margin-bottom: 5px;*/
}

@media only screen and (max-width: 479px) {
  .product-gallery-container .product-gallery-images.no-carousel a {
    width: 100vw;
  }
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
  .product-gallery-container .product-gallery-images.no-carousel a {
    width: 50vw;
  }
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
  .product-gallery-container .product-gallery-images.no-carousel a {
    width: calc(100vw / 3);
  }
}

@media only screen and (min-width: 769px) and (max-width: 1179px) {
  .product-gallery-container .product-gallery-images.no-carousel a {
    width: 25vw;
  }
}

@media only screen and (min-width: 1180px) {
  .product-gallery-container .product-gallery-images.no-carousel a {
    width: calc(100vw / 6);
  }
}

.product-gallery-container .product-gallery-images:not(.owl-carousel) a {
  position: relative;
}

.product-gallery-container .product-gallery-images:not(.owl-carousel) a:before {
  content: "\F22F";
  opacity: 0;
  font-family: "elusiveicon";
  font-size: 58px;
  font-weight: 400;
  color: #abc038;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.product-gallery-container .product-gallery-images:not(.owl-carousel) a:after {
  content: "";
  background-color: #08539f;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 4;
}

.product-gallery-container
  .product-gallery-images:not(.owl-carousel)
  a:hover:before {
  opacity: 0.75;
}

.product-gallery-container
  .product-gallery-images:not(.owl-carousel)
  a:hover:after {
  opacity: 0.75;
}

.product-gallery-container .product-gallery-images.no-carousel a {
  position: relative;
}

.product-gallery-container .product-gallery-images.no-carousel a:before {
  content: "\F22F";
  opacity: 0;
  font-family: "elusiveicon";
  font-size: 58px;
  font-weight: 400;
  color: #abc038;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.product-gallery-container .product-gallery-images.no-carousel a:after {
  content: "";
  background-color: #08539f;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 4;
}

.product-gallery-container .product-gallery-images.no-carousel a:hover:before {
  opacity: 0.75;
}

.product-gallery-container .product-gallery-images.no-carousel a:hover:after {
  opacity: 0.75;
}

.product-gallery-container .owl-carousel .owl-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.product-gallery-container .owl-carousel .owl-item img {
  width: 100%;
  /*height: 322px;*/
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: initial;
}

.product-gallery-container .owl-carousel .owl-item {
  position: relative;
  /*max-height: 322px;*/
  padding: 0px;
  margin: 0px;
}

.product-gallery-container .owl-carousel .owl-item:before {
  content: "\F22F";
  opacity: 0;
  font-family: "elusiveicon";
  font-size: 58px;
  font-weight: 400;
  color: #abc038;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.product-gallery-container .owl-carousel .owl-item:after {
  content: "";
  background-color: #08539f;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 4;
}

.product-gallery-container .owl-carousel .owl-item:hover:before {
  opacity: 0.75;
}

.product-gallery-container .owl-carousel .owl-item:hover:after {
  opacity: 0.75;
}

.product-gallery-container .product-gallery-button-more {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 480px) {
  .product-gallery-container .product-gallery-button-more {
    width: calc(100% - 30px);
  }
}

.product-gallery-container .product-gallery-button-more a.btn-gallery-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 390px;
  height: 60px;
  margin: auto;
  color: white;
  background-color: #97c146;
  border: 2px solid #97c146;
  font-family: "Titillium Web - Semi Bold";
  font-size: 22px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.22px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  text-decoration: none;
}

@media only screen and (max-width: 480px) {
  .product-gallery-container .product-gallery-button-more a.btn-gallery-more {
    width: 100%;
    font-size: 18px;
  }
}

.product-gallery-container
  .product-gallery-button-more
  a.btn-gallery-more:hover {
  background-color: white;
  color: #97c146;
}

/* override lighbox styles */
img.mfp-img {
  /*width: 80vw !important;
	height: auto !important;
	max-height: calc(100vh - 40px) !important;
	max-width: calc(100vw - 180px) !important;
	object-fit: contain;*/
  /*height: calc(100vh - 40px) !important;*/
  max-height: calc(100vh - 40px) !important;
  max-width: calc(100vw - 180px) !important;
}

/* Video box */
.youCover.icon2::before {
  content: "\F1C6";
  color: #abc038;
  font-family: "elusiveicon";
  font-size: 120px;
  line-height: 120px;
  font-weight: 400;
}

.youCover.icon2::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #6b93bd;
  opacity: 0.71;
  z-index: 2;
}

.youCover.active-iframe::after {
  content: none;
}

.video-product-container {
  position: relative;
  margin-bottom: 146px !important;
}

@media only screen and (max-width: 1179px) {
  .video-product-container {
    width: 100vw !important;
    margin-top: 56px !important;
    margin-bottom: 0px !important;
  }
}

a.btn-product {
  font-family: "Titillium Web - Semi Bold";
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.22px;
  color: #ffffff;
  background-color: #97c146;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  padding: 10px 20px;
  margin-right: 85px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*width: 390px;
	height: 60px;*/
  display: inline-table;
  text-decoration: none;
  border: 2px solid #97c146;
}

@media only screen and (max-width: 568px) {
  a.btn-product {
    max-width: 98%;
    width: auto;
    margin: 0px;
  }
}

@media only screen and (max-width: 1179px) {
  a.btn-product {
    font-family: "Titillium Web - Semi Bold";
    font-size: 25px;
    font-weight: 400;
    line-height: 41.8px;
    letter-spacing: -0.23px;
    width: auto;
    height: 66px;
    margin-top: 52px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 15px;
    border-radius: 4px;
  }
}

a.btn-product span {
  font-family: "elusiveicon";
  margin-right: 24px;
}

@media only screen and (max-width: 1179px) {
  a.btn-product span {
    font-size: 29px;
    font-weight: 400;
  }
}

a.btn-product:hover {
  color: #97c146;
  background-color: #ffffff;
}

/* fix Magnific popup background color */
.mfp-figure:after {
  background: transparent !important;
  border: 0px;
  -webkit-box-shadow: 0 0 0px transparent !important;
  box-shadow: 0 0 0px transparent !important;
}

.mm-menu ul,
.mm-menu ol,
.mm-menu ul li,
.mm-menu ol li {
  padding-left: 0;
  text-align: left;
}

.mm-menu ul {
  margin: 0;
}

.mm-menu ul li a {
  text-decoration: none;
}

.mm-menu ul li a:hover {
  text-decoration: none;
}

.mm-menu li.meta-nav {
  z-index: 9999;
}

.mm-menu li.meta-nav ul li.dropdown-lang > button {
  position: relative;
}

.mm-menu li.meta-nav ul li.dropdown-lang > button:after {
  position: relative;
  content: "\54";
  font-family: "dripicons-v2";
  width: 12px;
  height: 7px;
  opacity: 0.5;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  color: #73a4cc;
  left: 10px;
  top: 4px;
}

.mm-menu li.meta-nav ul li.dropdown-lang ul li button.active-language {
  opacity: 0.5;
}

/* ==========================================================================
	Base styles: opinionated defaults
	========================================================================== */
body.nav-expanded {
  overflow: hidden;
}

button {
  outline: none;
  border: medium none;
  cursor: pointer;
}

nav li {
  display: inline-block;
}

/* ==========================================================================
	Header
	========================================================================== */
header {
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 919px) {
  header {
    height: 50px;
  }
}

header h1 {
  position: absolute;
  z-index: 2;
  top: 21px;
}

header .mobile-controls {
  height: 50px;
  background: #001628;
  width: 100%;
  display: block;
  padding: 0 21px 0 25px;
  position: fixed;
  top: 0;
  z-index: 9;
}

header h1 a,
header .mobile-controls .mobile-logo {
  color: #fff;
  text-indent: -9999px;
  display: inline-block;
  background: transparent url(../themes/vometsk/assets/images/sprite-logos.png) center top no-repeat;
  width: 149px;
  height: 27px;
  position: absolute;
  right: 0;
  margin: auto;
}

header .mobile-controls .mobile-logo {
  background-position: center bottom;
  width: 114px;
  height: 20px;
  right: auto;
  left: 15px;
  top: 15px;
}

header .mobile-controls button {
  float: right;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 300;
  background: transparent;
  color: #676e75;
  position: relative;
  top: 12px;
  padding: 0;
}

header .mobile-controls button:after {
  content: "";
  background: transparent url(../themes/vometsk/assets/images/sprite-icons.png) -4px -72px no-repeat;
  width: 12px;
  height: 10px;
  display: inline-block;
  margin-left: 11px;
}

.nav-expanded .mobile-controls {
  position: fixed;
  top: 0;
  z-index: 9;
}

.nav-expanded .mobile-controls button:after {
  background-position: -4px -89px;
  width: 12px;
  height: 12px;
}

/* Magnetica Menu */
.mm-menu {
  opacity: 0;
  overflow-x: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: none;
  -webkit-transform: none;
  -webkit-transition: none;
  left: -100%;
  position: relative;
  display: none;
}

.nav-expanded .mm-menu {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.mm-menu > ul {
  left: 0;
  position: relative;
  transform: translateZ(0);
  transition: all 300ms ease;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 300ms ease;
}

.mm-menu ul,
.mm-menu li {
  list-style: none;
  margin: 0;
}

.mm-menu ul {
  width: 100%;
}

.mm-menu ul a {
  display: block;
}

.mm-menu li ul {
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
}

.mm-menu .header {
  position: relative;
}

.mm-menu h2 ~ a.back {
  left: 0;
  position: absolute;
  top: 0;
}

.mm-menu h2 {
  font-size: 1em;
  margin: 0;
  text-align: center;
}

/* Default theme */
.mm-menu ul h2 {
  color: #fff;
  padding: 1em;
}

.mm-menu ul a {
  border: none;
  color: #fff;
  padding: 1em;
  font-size: 18px;
  font-weight: 300;
  font-weight: 300;
}

.mm-menu a.next:after {
  content: "\276f";
  margin-left: 1em;
  float: right;
}

.mm-menu a.back:before {
  content: "";
  background: transparent url(../themes/vometsk/assets/img/sprites/sprite-icons.png) -2px -2px
    no-repeat;
  width: 14px;
  height: 12px;
  display: inline-block;
  left: 23px;
  top: 25px;
  position: absolute;
}

.mm-menu .meta-nav ul {
  display: block;
  position: relative;
  left: 0;
  z-index: 9999;
}

.mm-menu .meta-nav ul li {
  display: inline-block;
  z-index: 9999;
}

.mm-menu .meta-nav ul li a,
.mm-menu .meta-nav ul li.active a {
  color: #73a4cc;
}

.mm-menu .meta-nav ul li a {
  padding: 22px 1em;
}

.mm-menu .meta-nav > ul > li:hover > a,
.mm-menu .meta-nav > ul > li > ul > li:hover a {
  opacity: 0.5;
}

.mm-menu .meta-nav > ul > li:first-child a {
  color: #aac03a;
  padding-left: 20px;
}

.mm-menu .meta-nav > ul > li:first-child > a:before {
  content: "";
  background: transparent url(../themes/vometsk/assets/img/sprites/sprite-icons.png) 0 -341px no-repeat;
  width: 18px;
  height: 14px;
  position: absolute;
  left: -20px;
  top: 28px;
}

@media screen and (max-width: 919px) {
  .mm-menu .meta-nav > ul > li:first-child > a:before {
    left: 0px;
  }
}

@media screen and (max-width: 920px) {
  .mm-menu .meta-nav > ul > li:first-child a {
    padding-left: 0px;
  }
}

@media screen and (max-width: 767px) {
  .default-container {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .hideon-desktop {
    display: none;
  }

  .hideon-mobile {
    display: block;
  }

  /* ==========================================================================
		Services
		========================================================================== */
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @-webkit-keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
}

@media (min-width: 920px) {
  .mm-menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 919px) {
  header h1 {
    display: none;
  }

  .mm-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #001628;
    display: block;
    opacity: 1;
    top: 0;
    z-index: 8;
    padding: 55px 0 30px;
  }

  .mm-menu > ul {
    margin-top: 0px;
  }

  .mm-menu li ul {
    margin-bottom: 30px;
  }

  .mm-menu ul a {
    display: block !important;
    padding: 18px 5px;
    border-bottom: 1px solid #4d5c69;
  }

  .mm-menu li.header > a,
  .mm-menu > ul > li:last-child > a {
    border-bottom: 1px solid #fff;
  }

  .mm-menu li.header > a {
    /*opacity:.5;*/
    color: #787e84;
    position: static;
  }

  .mm-menu > ul > li ul li.header,
  .mm-menu ul li {
    padding: 0 42px;
  }

  .mm-menu > ul > li ul li {
    padding: 0 42px 0 62px;
  }

  .mm-menu ul > li.active > a {
    color: #60686f;
  }

  .nav-expanded .mm-menu {
    margin-left: 0;
    -webkit-transition: left 0.4s ease-in-out 0s;
    transition: left 0.4s ease-in-out 0s;
    left: 0;
  }

  .mm-menu .meta-nav > ul > li:first-child {
    padding-left: 25px;
  }

  .mm-menu .meta-nav ul li a {
    border: medium none;
    position: static;
  }

  .mm-menu .meta-nav ul li,
  .mm-menu .meta-nav ul li ul li {
    display: inline-block;
    width: auto;
    padding: 0;
  }

  .mm-menu .meta-nav ul li ul li.active a {
    opacity: 0.5;
  }
}

@media (max-width: 767px) {
  header {
    height: 50px;
  }

  a.link-arrow:after {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 1.5px;
    margin-left: 4px;
  }
}

@media (min-width: 920px) {
  .container {
    padding: 0 15px;
  }

  header h1 {
    width: 149px;
    height: 27px;
    position: absolute;
    margin: 0;
    /*display:inline-block;*/
  }

  header .mobile-controls {
    display: none;
  }

  .mm-menu {
    position: relative;
    overflow: visible;
    display: block;
    left: 0;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }

  .mm-menu a {
    padding: 0;
    display: inline-block;
  }

  .mm-menu ul {
    text-align: center;
    left: 0 !important;
    -webkit-transition: none;
    transition: none;
  }

  .mm-menu > ul {
    height: 70px;
    background: #001628;
  }

  .mm-menu li {
    /*float:left;*/
    display: inline-block;
    text-align: center;
    margin: 0 -4px;
  }

  .mm-menu ul > li.active > ul,
  .mm-menu ul > li.active > ul > li.active > ul {
    display: block !important;
    background: #f0f0ec;
    left: 0;
    top: 70px;
    position: absolute;
  }

  .mm-menu > ul > li:first-child {
    padding-left: 15px;
  }

  .mm-menu li.active ul > li.header {
    display: none;
  }

  .mm-menu li.active ul > li.active > ul > li.header {
    display: inline-block;
    background: transparent;
  }

  .mm-menu li.active ul > li.active > ul > li.header > a:hover {
    color: #676e75;
  }

  .mm-menu li.active ul > li.active > ul > li.header > a,
  .mm-menu li.active ul > li.active > ul > li.header > a:active {
    font-weight: 600;
    position: relative;
    /*padding-left:23px !important;*/
    color: #000;
  }

  .mm-menu > ul > li:first-of-type {
    padding-left: 0px;
  }

  .mm-menu > ul > li:first-of-type a {
    padding-left: 0px;
  }

  .mm-menu > ul > li:last-of-type {
    padding-right: 0px;
  }

  .mm-menu > ul > li:last-of-type a {
    padding-right: 0px;
  }

  .mm-menu > ul > li > a {
    background: transparent;
    line-height: 70px;
    padding: 0 14px;
    -webkit-transition: none;
    transition: none;
  }

  .mm-menu > ul > li:hover > a,
  .mm-menu > ul > li:focus > a,
  .mm-menu > ul > li.active > a {
    color: #676e75;
    position: relative;
  }

  .mm-menu > ul > li.active > ul > li:focus > a,
  .mm-menu > ul > li.active > ul > li:hover > a,
  .mm-menu > ul > li.active > ul > li.active > a,
  .mm-menu > ul > li.active > ul > li.active:hover > a,
  .mm-menu > ul > li.active > ul > li.active:focus > a {
    border-bottom: 1px solid #001628;
    color: #000000;
  }

  .mm-menu > ul > li.active > ul > li:focus > a,
  .mm-menu > ul > li.active > ul > li:hover > a {
    border: medium none;
  }

  .mm-menu > ul > li.active > ul {
    height: 0px;
    border-bottom: 1px solid #dcdcdc;
    -webkit-transition: height 1s;
    transition: height 1s;
  }

  .mm-menu > ul > li.active > a:before {
    content: "";
    border-color: transparent #f0f0ec;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
    height: 0;
    width: 0;
    left: 0;
    right: 0;
    bottom: -5px;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: auto;
  }

  .mm-menu > ul > li.active > ul.animate-down {
    -webkit-transition: height 1s;
    transition: height 1s;
    height: 60px;
  }

  .mm-menu > ul > li.active > ul.showed,
  .mm-menu > ul > li.has-submenu > ul.showed {
    /*height: 60px;*/
    /* Tomas Contos */
    height: auto;
    -webkit-transition: none;
    transition: none;
  }

  .mm-menu > ul > li.active > ul.showed > li > a,
  .mm-menu > ul > li.has-submenu > ul.showed > li > a {
    display: inline !important;
  }

  .mm-menu > ul > li.active > ul > li > a,
  .mm-menu > ul > li.active > ul > li.active > ul > li > a {
    background: transparent;
    padding: 0 15px;
    line-height: 59px;
  }

  .mm-menu > ul > li.active > ul > li > a {
    display: none;
    padding: 15px;
  }

  .mm-menu > ul > li.active > ul > li.active > ul {
    background: #fff;
    height: 60px;
    border-bottom: 1px solid #dcdcdc;
    top: 0px;
    -webkit-transition: top 1s;
    transition: top 1s;
    z-index: 999;
  }

  .mm-menu > ul > li.active > ul > li.active > ul.animate-down {
    -webkit-transition: top 1s;
    transition: top 1s;
    top: 60px;
  }

  .mm-menu > ul > li.active > ul > li > ul > li > a {
    padding: 0 11px !important;
  }

  .mm-menu > ul > li.active > ul > li.active > ul > li.active > a {
    border-bottom: 1px solid #001628;
    color: #000;
  }

  .mm-menu li.active ul a {
    color: #60605e;
    display: inline-block;
    background: #f0f0ec;
  }

  .mm-menu a.next:after {
    content: "";
    margin: 0;
  }

  .mm-menu a.back {
    display: inline-block;
    border: none;
    padding: 0 !important;
    background: none;
    line-height: 1 !important;
    width: 34px;
    height: 18px;
  }

  .lines-button {
    padding: 2rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .lines-button {
    padding: 2rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .lines-button:hover {
    opacity: 1;
  }

  .lines-button:active {
    -webkit-transition: 0;
    transition: 0;
  }

  .lines {
    display: inline-block;
    width: 12px;
    height: 2px;
    background: #001628;
    position: relative;
    top: -4px;
  }

  .close-ham .lines {
    width: 0px;
    left: -4px;
  }

  .lines:before,
  .lines:after {
    display: inline-block;
    width: 12px;
    height: 2px;
    background: #001628;
    position: absolute;
    left: 0;
    content: "";
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
  }

  .lines:before {
    top: 3px;
  }

  .lines:after {
    top: -3px;
  }

  .lines:before {
    top: 3px;
  }

  .lines:after {
    top: -3px;
  }

  .lines-button:hover .lines:before {
    top: 4px;
  }

  .lines-button:hover .lines:after {
    top: -4px;
  }

  .lines-button.close-ham:hover .lines:before {
    top: 3px;
  }

  .lines-button.close-ham:hover .lines {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }

  .lines-button.close-ham:hover .lines:after {
    top: -3px;
  }

  .lines-button.close-ham {
    transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
  }

  .lines-button.arrow.close-ham .lines:before,
  .lines-button.arrow.close-ham .lines:after {
    width: 11px;
  }

  .lines-button.arrow.close-ham .lines:before {
    transform: rotate3d(0, 0, 1, 40deg);
    -ms-transform: rotate3d(0, 0, 1, 40deg);
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
  }

  .lines-button.arrow.close-ham .lines:after {
    transform: rotate3d(0, 0, 1, -40deg);
    -ms-transform: rotate3d(0, 0, 1, -40deg);
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
  }

  .lines-button.arrow-up.close-ham {
    transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
    -ms-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
  }

  .mm-menu a .label-text {
    display: none;
  }

  .mm-menu a.back:before {
    content: none;
  }

  .mm-menu a.back:after {
    content: none;
  }

  .mm-menu .meta-nav > ul {
    margin-left: 20px;
  }

  .mm-menu .meta-nav > ul > li > ul {
    position: absolute;
    display: none;
    z-index: 9999;
  }

  .mm-menu .meta-nav > ul > li:hover > ul {
    display: block;
    top: 71px;
    background: #001628;
    /*height: 122px;*/
    width: 85px;
    left: 45px !important;
  }

  .mm-menu .meta-nav > ul > li:first-child > a {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
  }

  .mm-menu .meta-nav > ul > li:last-child > a {
    display: inline !important;
  }

  .mm-menu .meta-nav > ul > li > ul > li > a {
    padding: 5px 32px;
  }

  .mm-menu .meta-nav > ul > li > ul > li:first-child > a {
    padding-top: 12px;
  }

  .mm-menu .meta-nav > ul > li > ul > li:last-child > a {
    padding-bottom: 12px;
  }
}

@media (max-width: 1024px) {
  .social-box,
  .pre-footer-left {
    display: none;
  }

  .pre-footer {
    padding: 25px 0 29px;
  }

  .form-box {
    margin: 0 auto;
    float: none;
  }

  .pre-footer-right {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  header > section > h1 {
    display: none;
  }
}

/* Menu language bar styling for vomet */
li.dropdown-lang form {
  margin-left: 15px;
}

li.dropdown-lang form button {
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  display: inline-block;
  color: #73a4cc;
  z-index: 500;
}

li.dropdown-lang form ul.dropdown-content li button {
  color: #73a4cc;
  background-color: transparent !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  left: 10px;
  top: 4px;
  z-index: 500;
}

li.dropdown-lang > a {
  position: relative;
}

li.dropdown-lang > a:after {
  position: relative;
  content: "\54";
  font-family: "dripicons-v2";
  width: 12px;
  height: 7px;
  opacity: 0.5;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  color: #73a4cc;
  left: 10px;
  top: 4px;
}

li.dropdown-lang ul li a.active-language {
  opacity: 0.5;
}

#menu .top-logo {
  position: relative;
  top: 5px;
  width: 147px;
  height: auto;
}

#menu ul li.has-submenu ul.showed {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f0f0ec;
  left: 0px;
  top: 70px;
  position: absolute;
  padding: 16px 0px;
  /*animation: fadeIn 0.3s ease-out 0s 1 forwards;*/
  /*animation: slideInDown 0.5s ease 0s 1 forwards;*/
}

@media only screen and (min-width: 1800px) {
  #menu ul li.has-submenu ul.showed {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

#menu ul li.has-submenu ul.showed li {
  color: #000000;
  position: relative;
}

#menu ul li.has-submenu ul.showed li a {
  color: #000000;
  font-weight: 400;
  -webkit-transition: font-weight 0.3s ease;
  transition: font-weight 0.3s ease;
}

#menu ul li.has-submenu ul.showed li a:hover {
  font-weight: bold;
}

#menu ul li.active ul.showed {
  padding: 0px 0px;
}

@media only screen and (min-width: 921px) {
  #menu ul li.header {
    display: none !important;
  }
}

/* Second level .showed animation */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    z-index: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 25;
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    z-index: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 25;
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Added to fit vomet */
@media only screen and (max-width: 919px) {
  .mm-menu li.logo-desktop-li {
    display: none !important;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.kontakt {
  margin-top: 80px;
  /* ==========================================================================
   Form
   ========================================================================== */
}

.kontakt .container {
  padding-left: 0px;
  padding-right: 0px;
}

.kontakt .column-1,
.kontakt .column-2,
.kontakt .column-3 {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .kontakt .column-1,
  .kontakt .column-2,
  .kontakt .column-3 {
    text-align: center;
  }
}

.kontakt .company-name {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .kontakt .company-name {
    text-align: center;
  }
}

.kontakt .maps-container {
  margin-bottom: 120px;
}

.kontakt .maps-container .map {
  width: 100%;
  height: 352px;
}

.kontakt input:-moz-placeholder,
.kontakt textarea:-moz-placeholder {
  color: #021526;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt input::-moz-placeholder,
.kontakt textarea::-moz-placeholder {
  color: #021526;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt input::-webkit-input-placeholder,
.kontakt textarea::-webkit-input-placeholder {
  color: #021526;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt input:-ms-input-placeholder,
.kontakt textarea:-ms-input-placeholder {
  color: #021526;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt .input-error:-moz-placeholder {
  color: #ff0000;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt .input-error::-moz-placeholder {
  color: #ff0000;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt .input-error::-webkit-input-placeholder {
  color: #ff0000;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt .input-error:-ms-input-placeholder {
  color: #ff0000;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

.kontakt .input-form {
  border-radius: 2px;
  border: 1px solid #9ea6ad;
  /*opacity: 0.38;*/
  height: 45px;
  width: 100%;
  padding: 0 17px;
}

.kontakt .input-form.input-error {
  border-color: #ff0000;
  color: #ff0000;
}

.kontakt .input-group {
  margin-bottom: 20px;
}

.kontakt textarea.input-form {
  height: 135px;
  padding-top: 8px;
  margin-bottom: -10px;
}

.kontakt .modal textarea.input-form {
  height: 191px;
}

.kontakt .captcha {
  font-size: 14px;
}

.kontakt .captcha .img-captcha {
  margin-bottom: 35px;
}

.kontakt .captcha .img-captcha img {
  float: left;
  width: 100px;
  margin-right: 10px;
}

.kontakt .captcha input[type="text"].input-captcha {
  width: 100%;
}

.kontakt .captcha span {
  /*padding-left:53%;*/
  text-align: left;
  display: block;
  line-height: 18px;
  max-width: 300px;
}

.kontakt .modal .captcha input {
  float: left;
}

.kontakt .form-contact input[type="submit"],
.kontakt .form-contact .btn-dark-blue,
.kontakt .form-contact-modal input[type="submit"],
.kontakt .form-contact-modal .btn-dark-blue {
  text-align: center;
  height: 45px;
  padding: 0;
  line-height: 1;
  width: 100%;
}

.kontakt .form-contact-modal {
  max-width: 820px;
  margin: 0 auto;
}

.kontakt .modal p.p-error {
  font-size: 1em;
  color: #ff0000;
  text-align: center;
  margin-bottom: 2.5em;
  /* 40/16 */
}

.kontakt .modal .captcha .img-captcha {
  padding-top: 6px;
}

body,
html {
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  font-family: "Titillium Web", sans-serif;
}

strong {
  font-weight: bold !important;
}

.wrapper-100vw {
  width: 100vw;
  display: block;
  margin: auto;
}

.wrapper-100prc {
  width: 100%;
  display: block;
  margin: auto;
}

.wrapper-1140 {
  width: calc(100% - 30px);
  display: block;
  margin: auto;
}

@media only screen and (min-width: 1140px) {
  .wrapper-1140 {
    width: 1140px;
  }
}

.wrapper-with-sidemenu {
  width: 1140px;
  display: block;
  margin: auto;
}

@media only screen and (max-width: 1179px) {
  .wrapper-with-sidemenu {
    width: 100%;
    padding: 0px;
  }
}

.wrapper-825 {
  width: calc(100% - 60px);
  display: block;
  margin: auto;
}

@media only screen and (min-width: 920px) {
  .wrapper-825 {
    width: 825px;
  }
}

.wrapper-980 {
  width: calc(100% - 30px);
  display: block;
  margin: auto;
}

@media only screen and (min-width: 980px) {
  .wrapper-980 {
    width: 980px;
  }
}

@media only screen and (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

.space-62 {
  line-height: 62px;
}

.btn-more {
  border: 2px solid #97c146;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 14.5px 22.5px;
  color: #97c146;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  line-height: normal;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-top: 30px;
}

.btn-more:hover,
.btn-more:focus {
  background-color: #97c146;
  border: 2px solid #97c146;
  color: #fff;
}

/* hover effect on gallery */
.lupa-hover {
  display: block;
  position: relative;
  text-align: center;
}

.lupa-hover span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  pointer-events: none;
}

.lupa-hover span .inside-wrap {
  position: relative;
  width: 378;
  height: 284px;
  pointer-events: none;
}

.lupa-hover:hover span {
  background-color: rgba(255, 255, 255, 0.692);
}

.lupa-hover:hover span .icon-zoom-in:after {
  opacity: 1;
}

.lupa-hover .icon-zoom-in {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lupa-hover .icon-zoom-in:after {
  content: "\E068";
  font-family: "dripicons-v2";
  font-size: 50px;
  line-height: 50px;
  color: black;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.link-to-catalog{
	position: relative;
	display: block;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.link-to-catalog a.btn-product {
	position: relative;
	font-family: "Titillium Web - Semi Bold";
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: -0.22px;
	color: #ffffff;
	background-color: #97c146;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	padding: 10px 20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*width: 390px;
		height: 60px;*/
	display: table;
	text-decoration: none;
	border: 2px solid #97c146;
}

@media only screen and (max-width: 568px) {
	.link-to-catalog a.btn-product {
		max-width: 98%;
		width: auto;
		margin: 0px;
	}
}

@media only screen and (max-width: 1179px) {
	.link-to-catalog a.btn-product {
		font-family: "Titillium Web - Semi Bold";
		font-size: 25px;
		font-weight: 400;
		line-height: 41.8px;
		letter-spacing: -0.23px;
		width: auto;
		height: 66px;
		padding-top: 8px;
		padding-bottom: 10px;
		padding-right: 15px;
		border-radius: 4px;
	}
}

.link-to-catalog a.btn-product span {
	font-family: "elusiveicon";
	margin-right: 24px;
}

@media only screen and (max-width: 1179px) {
	.link-to-catalog a.btn-product span {
		font-size: 29px;
		font-weight: 400;
	}
}

.link-to-catalog a.btn-product:hover {
	color: #97c146;
	background-color: #ffffff;
}
/* error page 404 */
section.error-message{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: calc(100% - 30px);
	min-height: 80vh;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 30px 15px;
}
section.error-message p{
	width: calc(100% - 120px);
	text-align: center;
}
@media only screen and (max-width: 576px) {
	section.error-message p{
		width: calc(100% - 30px);
	}
}
section.error-message a{
	position: relative;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 2px solid #97c146;
    border-radius: 6px;
    color: #97c146;
    padding: 14px 26px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 85px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Titillium Web - Semi Bold";
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.22px;
    text-decoration: none;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}
section.error-message a:hover{
	color: #ffffff;
    background-color: #97c146;
}
@font-face {
	font-family: "Titillium Web";
	src: url(../themes/vometsk/assets/fonts/TitilliumWeb-Regular.ttf);
}

@font-face {
	font-family: "Titillium Web - Light";
	src: url(../themes/vometsk/assets/fonts/TitilliumWeb-Light.ttf);
}

@font-face {
	font-family: "Titillium Web - Semi Bold";
	src: url(../themes/vometsk/assets/fonts/TitilliumWeb-SemiBold.ttf);
}

@font-face {
	font-family: "elusiveicon";
	src: url(../themes/vometsk/assets/fonts/elusiveicons-webfont.ttf);
}

@font-face {
	font-family: "dripicons-v2";
	src: url("../themes/vometsk/assets/fonts/dripicons-v2.eot");
	src: url("../themes/vometsk/assets/fonts/dripicons-v2.eot?#iefix") format("embedded-opentype"), url("../themes/vometsk/assets/fonts/dripicons-v2.woff") format("woff"), url("../themes/vometsk/assets/fonts/dripicons-v2.ttf") format("truetype"), url("../themes/vometsk/assets/fonts/dripicons-v2.svg#dripicons-v2") format("svg");
	font-weight: normal;
	font-style: normal;
}

.inline-block {
	display: inline-block;
}

h2 {
	font-size: 2.6rem;
}

/* Nadpis */
.title-container h1#title,
.title-container h2.title {
	color: #172142;
	font-family: "Titillium Web";
	font-size: 36px;
	font-weight: 300;
	/*line-height: 38.28px;*/
	margin: 0px;
}

@media only screen and (max-width: 1140px) {

	.title-container h1#title,
	.title-container h2.title {
		text-align: left;
	}
}

@media only screen and (max-width: 720px) {

	.title-container h1#title,
	.title-container h2.title {
		text-align: center;
		margin-top: 52px;
		margin-bottom: 49px;
		font-size: 49px;
	}
}

.title-container hr {
	position: relative;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid black;
	margin-top: 23px;
	margin-bottom: 50px;
	padding: 0;
	max-width: 980px;
	width: 100%;
	margin-left: 0px;
	text-align: left;
}

@media only screen and (max-width: 728px) {
	.title-container hr {
		display: none;
	}
}

.title-container hr:after {
	content: '';
	background-color: #97c146;
	width: 90px;
	height: 7px;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
}

.title-container {
	width: 100%;
}

@media only screen and (max-width: 1179px) {
	.title-container h1 {
		color: #172142;
		font-size: 36px;
		font-weight: 300;
		line-height: 38.28px;
	}
}

.title-container {
	width: 1140px;
}

@media only screen and (max-width: 720px) {
	.title-container h1 {
		margin: auto;
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 1140px) {
	.title-container {
		width: 100vw;
	}
}

@media only screen and (max-width: 720px) {
	.title-container {
		font-size: 36px;
		font-weight: 300;
		line-height: 38.28px;
		width: 100%;
	}
}

@media only screen and (max-width: 1140px) {
	.title-container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

.title-container hr {
	margin-bottom: 44px;
}

.title-container hr {
	margin-bottom: 46px;
}

/* END - Nadpis */
.services-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: row;
	flex-basis: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.block-sluzby {
	width: 45%;
	margin: 0px;
	padding: 0px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/*justify-content: space-between;*/
}

@media only screen and (max-width: 980px) {
	.block-sluzby {
		width: 100%;
	}
}

@media only screen and (max-width: 720px) {
	.block-sluzby {
		margin-bottom: 56px;
	}
}

.block-sluzby .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (min-width: 1140px) {
	.block-sluzby .wrap {
		height: 140px;
	}
}

.block-sluzby h2 {
	font-size: 32px;
	font-weight: 300;
	line-height: 46px;
	max-width: 320px;
	width: auto;
	margin: auto;
}

@media only screen and (max-width: 720px) {
	.block-sluzby h2 {
		width: 580px;
		font-size: 36px;
		max-width: 100%;
		line-height: 51.9px;
	}
}

.block-sluzby img {
	margin-top: 14px;
	margin-bottom: 11px;
	position: relative;
}

@media only screen and (max-width: 720px) {
	.block-sluzby img {
		margin-top: 20px;
		margin-bottom: 31px;
	}
}

.block-sluzby p,
.block-sluzby a {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0.18px;
}

@media only screen and (max-width: 720px) {

	.block-sluzby p,
	.block-sluzby a {
		font-size: 24px;
		letter-spacing: 0.21px;
	}
}

.block-sluzby a {
	color: #97c146;
}

.block-sluzby:nth-of-type(1) {
	height: calc(100% - 72px);
}

@media only screen and (min-width: 721px) {
	.block-sluzby:nth-of-type(1) img {
		width: 50px;
		height: 36px;
	}
}

.block-sluzby:nth-of-type(2) {
	margin-bottom: 30px;
}

@media only screen and (min-width: 721px) {
	.block-sluzby:nth-of-type(2) img {
		width: 32px;
		height: 43px;
	}
}

@media only screen and (min-width: 721px) {
	.block-sluzby:nth-of-type(3) img {
		width: 42px;
		height: 43px;
	}
}

@media only screen and (min-width: 721px) {
	.block-sluzby:nth-of-type(4) img {
		width: 42px;
		height: 31px;
	}
}

img.icon-47x47 {
	width: 47px;
	height: 47px;
}

img.icon-47x47.text-center {
	display: block;
	margin: auto;
}

.contact-box {
	margin-top: 74px;
	text-align: center;
}

@media only screen and (max-width: 720px) {
	.contact-box {
		margin-top: 0px;
	}
}

.contact-box p {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -0.44px;
	margin-bottom: 20px;
	text-align: center;
}

@media only screen and (max-width: 720px) {
	.contact-box p {
		font-size: 24px;
		margin-bottom: 25px;
	}
}

.contact-box a.btn-green-1 {
	text-align: center;
	display: inline-block;
	color: #97c146;
	background-color: transparent;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 30px;
	padding-right: 30px;
	border: 2px solid #97c146;
	text-decoration: none;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	font-family: "Titillium Web - Semi Bold";
	font-size: 22px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: -0.22px;
}

@media only screen and (max-width: 720px) {
	.contact-box a.btn-green-1 {
		font-size: 25px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 32px;
		padding-right: 32px;
	}
}

.contact-box a.btn-green-1:hover {
	color: white;
	background-color: #97c146;
}

img.icon-47x47 {
	width: 47px;
	height: 47px;
}

img.icon-47x47.text-center {
	display: block;
	margin: auto;
}

/* Povedali o nas */
.toldaboutus-box {
	display: table;
	position: relative;
	margin-bottom: 119px;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box {
		margin-bottom: 0px;
	}
}

.toldaboutus-box .table-row .left-cell img {
	margin-right: 28px;
	max-width: 357px;
	border: 2px solid #d9d9d9;
	border-radius: 100%;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box .table-row .left-cell img {
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 36px;
		width: 357px;
		height: auto;
		max-width: 92%;
	}
}

.toldaboutus-box .left-cell:after {
	content: "";
	background-image: url("../themes/vometsk/assets/img/icons/icon-green-quotes.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	display: block;
	margin: auto;
	margin-bottom: 18px;
	left: 0px;
	top: 0px;
	width: 67px;
	height: 71px;
	text-align: center;
}

@media only screen and (min-width: 721px) {
	.toldaboutus-box .left-cell:after {
		display: none;
	}
}

.toldaboutus-box .left-cell,
.toldaboutus-box .right-cell {
	display: table-cell;
	vertical-align: top;
}

@media only screen and (max-width: 720px) {

	.toldaboutus-box .left-cell,
	.toldaboutus-box .right-cell {
		display: table-row;
		text-align: center;
	}
}

.toldaboutus-box .right-cell {
	height: 100%;
	padding-top: 10px;
}

.toldaboutus-box .right-cell p {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 72px;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box .right-cell p {
		font-size: 24px;
		font-weight: 300;
		text-align: center;
		margin-bottom: 38px;
	}
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box .right-cell .text-bottom {
		margin-top: 37px;
		margin-bottom: 85px;
	}
}

.toldaboutus-box .right-cell .text-bottom p:first-of-type {
	font-family: "Titillium Web - Semi Bold";
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box .right-cell .text-bottom p:first-of-type {
		font-size: 24px;
		margin-bottom: 6px;
	}
}

.toldaboutus-box .right-cell .text-bottom p {
	margin-bottom: 0px;
	font-family: "Titillium Web";
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box .right-cell .text-bottom p {
		font-size: 24px;
	}
}

.toldaboutus-box:before {
	content: "";
	background-image: url("../themes/vometsk/assets/img/icons/icon-green-quotes.png");
	background-repeat: none;
	background-size: 100% 100%;
	position: absolute;
	left: -66px;
	top: 9px;
	width: 47px;
	height: 52px;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box:before {
		display: none;
	}
}

@media only screen and (max-width: 1139px) {
	.toldaboutus-box:before {
		left: 0px;
		top: -24px;
	}
}

.toldaboutus-box:last-of-type {
	margin-bottom: 127px;
}

@media only screen and (max-width: 720px) {
	.toldaboutus-box:last-of-type {
		margin-bottom: 0px;
	}
}

/* Produkty */
.produkty-mobile-wrap {
	width: 100%;
}

@media only screen and (max-width: 919px) {
	.produkty-mobile-wrap {
		display: block;
		position: relative;
		margin: auto;
		width: calc(100vw - 120px);
	}
}

@media only screen and (max-width: 568px) {
	.produkty-mobile-wrap {
		display: block;
		position: relative;
		margin: auto;
		width: calc(100vw - 80px);
	}
}

@media only screen and (max-width: 460px) {
	.produkty-mobile-wrap {
		display: block;
		position: relative;
		margin: auto;
		width: calc(100vw - 40px);
	}
}

h1#title {
	color: #172142;
	font-family: "Titillium Web";
	font-size: 49px;
	font-weight: 300;
	/*line-height: 38.28px;*/
	margin-top: 60px;
	margin-bottom: 49px;
}

section.hero-block {
	position: relative;
	display: block;
	margin: auto;
	padding: 0px;
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	/*.rectagle-overlayer{
		background-color: white;
		position: absolute;
		right: -1px;
		bottom: -1px;
		width: calc(100% + 1px);
		height: 41px;
		-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
		clip-path: polygon(100% 0, 0 100%, 100% 100%);
		z-index: 2;
		padding: 0px;
		margin: 0px;
		border: 0px;
	}*/
}

@media only screen and (max-width: 919px) {
	section.hero-block {
		left: -60px;
		width: calc(100% + 120px);
	}
}

section.hero-block h1.hero-text {
	position: absolute;
	left: 0px;
	bottom: 60px;
	background-color: white;
	padding: 22px 32px;
	color: #172142;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: -0.84px;
	z-index: 1;
}

@media only screen and (max-width: 568px) {
	section.hero-block h1.hero-text {
		position: relative;
		bottom: 0px;
	}
}

section.hero-block img {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 0;
}

section.hero-block .rectagle-overlayer {
	position: absolute;
	width: calc(100% + 1px);
	height: 41px;
	right: -1px;
	bottom: -1px;
	z-index: 2;
}

section.hero-block .rectagle-overlayer .relative-wrap {
	position: relative;
	height: 41px;
	width: 100%;
}

section.hero-block .relative-wrap:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-bottom: 41px solid white;
	border-left: 915px solid transparent;
}

h1.hide-desktop {
	margin-top: 60px;
	margin-bottom: 50px;
}

.category-description {
	font-family: "Titillium Web";
	padding-bottom: 1.6em;
}

.category-description strong {
	font-family: "Titillium Web - Semi Bold";
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -0.48px;
}

@media only screen and (max-width: 1179px) {
	.category-description strong {
		letter-spacing: 0.24px;
	}
}

.category-description p {
	font-size: 24px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: -0.48px;
}

@media only screen and (max-width: 1179px) {
	.category-description p {
		font-size: 24px;
		font-weight: 300;
	}
}

.category-description img {
	max-width: 100%;
}

.category-attributes {
	color: #172142;
	margin: auto;
	margin-top: 70px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 1179px) {
	.category-attributes {
		margin-bottom: 92px;
	}
}

@media only screen and (max-width: 1179px) {
	.category-attributes .attributes-block {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		margin-bottom: 35px;
	}
}

@media only screen and (max-width: 1179px) {
	.category-attributes .attributes-block:last-of-type {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 12px;
		margin-bottom: 0px;
	}
}

.category-attributes .image-container {
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1179px) {
	.category-attributes .image-container {
		margin-bottom: 34px;
	}
}

.category-attributes .image-container img {
	width: auto;
	height: auto;
}

@media only screen and (min-width: 1180px) {
	.category-attributes .image-container img {
		width: 66px;
		height: auto;
	}
}

.category-attributes h3 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.48px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1179px) {
	.category-attributes h3 {
		font-size: 26px;
		letter-spacing: -0.39px;
		margin-bottom: 20px;
	}
}

.category-attributes p {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

@media only screen and (max-width: 1179px) {
	.category-attributes p {
		color: #172142;
		font-size: 24px;
		letter-spacing: -0.36px;
		line-height: 30px;
	}
}

.product-container {
	color: #172142;
	display: table;
	margin: 0px;
	padding: 0px;
	margin-bottom: 100px;
	width: 100%;
}

@media only screen and (max-width: 1179px) {
	.product-container {
		margin-bottom: 92px;
	}
}

.product-container h3 {
	display: table-caption;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: -0.72px;
}

@media only screen and (max-width: 1179px) {
	.product-container h3 {
		text-align: left;
		padding: 0px;
		margin-bottom: 20px;
	}
}

.product-container .product-images {
	display: table-cell;
	vertical-align: top;
	min-width: 380px;
}
.product-container .product-images.count-image-one .btn-product{
	margin-top: 50px;
}
@media only screen and (max-width: 1179px) {
	.product-container .product-images {
		display: table-row;
		width: 100%;
		margin: auto;
	}

	.product-container .product-images.count-image-one {
		display: table-footer-group;

	}
	.product-container .product-images.count-image-one img{
		display: block;
	}
}

@media only screen and (max-width: 568px) {
	.product-container .product-images {
		min-width: 0px !important;
		width: 100vw;
	}
}

.product-container .product-images img {
	width: 380px;
	height: 250px;
	-o-object-fit: cover;
	object-fit: cover;
}

@media only screen and (max-width: 1179px) {
	.product-container .product-images img {
		width: 50%;
		height: auto;
	}
}

@media only screen and (max-width: 568px) {
	.product-container .product-images img {
		min-width: 0px !important;
		width: 100% !important;
		-o-object-fit: contain;
		object-fit: contain;
	}
}

.product-container .product-images .product-tags-container {
	display: block;
	margin-top: 3px;
}

.product-container .product-images .product-tags-container .product-tag {
	display: inline-block;
	color: #ffffff;
	padding: 6px 10px;
	margin-right: 2px;
	font-size: 18px;
}

.product-container .product-images .product-tags-container .product-tag:last-of-type {
	margin-right: 0px;
}

.product-container .product-images .product-tags-container .product-tag.tag-facades {
	background-color: #3e9ec6;
}

.product-container .product-images .product-tags-container .product-tag.tag-area {
	background-color: #78b33f;
}

.product-container .product-images .product-tags-container .product-tag.tag-ceiling {
	background-color: #d08b00;
}

.product-container .product-text ol li:before {
	content: none;
}

.product-text {
	display: table-cell;
	vertical-align: top;
	position: relative;
}

@media only screen and (max-width: 940px) {
	.product-text {
		display: table-row;
	}
}

.product-text p {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.36px;
	line-height: 22px;
	vertical-align: top;
	width: calc(100% - 15px);
}

@media only screen and (max-width: 1179px) {
	.product-text p {
		width: 100%;
		color: #172142;
		font-size: 24px;
		letter-spacing: 0.24px;
		line-height: 26px;
		margin-bottom: 36px;
	}
}

.product-text ul {
	margin-top: auto;
	margin-bottom: 38px;
	width: 380px;
	position: relative;
	left: -12px;
}

@media only screen and (max-width: 1179px) {
	.product-text ul {
		width: 100%;
		margin-bottom: 58px;
	}
}

.product-text ul li {
	position: relative;
	list-style: none;
	font-family: "Titillium Web - Semi Bold";
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.44px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1179px) {
	.product-text ul li {
		color: #172142;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: -0.48px;
		line-height: 28px;
		margin-bottom: 10px;
	}
}

.product-text li:before {
	/*content: url(../img/icons/icon-ticked-green2.png);
		position: absolute;
		top: 0px;
		left: -2em;*/
	content: "\0053";
	font-family: "dripicons-v2";
	position: absolute;
	top: -2px;
	left: -30px;
	color: #97c146;
	font-size: 22px;
}

.product-text img {
	max-width: 100%;
}

/* formatovanie pre blok ,,Title,, rovnake ako pre blok ,,Produkt,, */
ul.product-text {
	margin-top: auto;
	margin-bottom: 38px;
	width: 380px;
	position: relative;
	left: -12px;
}

@media only screen and (max-width: 1179px) {
	ul.product-text {
		width: 100%;
		margin-bottom: 58px;
	}
}

ul.product-text li {
	position: relative;
	list-style: none;
	font-family: "Titillium Web - Semi Bold";
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.44px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1179px) {
	ul.product-text li {
		color: #172142;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: -0.48px;
		line-height: 28px;
		margin-bottom: 10px;
	}
}

ul.product-text li:before {
	/*content: url(../img/icons/icon-ticked-green2.png);
		position: absolute;
		top: 0px;
		left: -2em;*/
	content: "\0053";
	font-family: "dripicons-v2";
	position: absolute;
	top: -2px;
	left: -30px;
	color: #97c146;
	font-size: 22px;
}

li.product-text-2 {
	position: relative;
	list-style: none;
	font-family: "Titillium Web - Semi Bold";
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -0.44px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1179px) {
	li.product-text-2 {
		color: #172142;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: -0.48px;
		line-height: 28px;
		margin-bottom: 10px;
	}
}

li.product-text-2:before {
	/*content: url(../img/icons/icon-ticked-green2.png);
		position: absolute;
		top: 0px;
		left: -2em;*/
	content: "\0053";
	font-family: "dripicons-v2";
	position: absolute;
	top: -2px;
	left: -30px;
	color: #97c146;
	font-size: 22px;
}

/* Page Kontaky */
.column-contact-form {
	text-align: left;
}

@media only screen and (max-width: 991px) {
	.column-contact-form {
		text-align: center;
	}
}

.column-contact-form img {
	width: 209px;
	height: 65px;
	margin-bottom: 50px;
}

.column-contact-form input[type="text"] {
	width: 100%;
	height: 45px;
	padding: 17px 17px;
}

.column-contact-form input[type="text"].input-captcha {
	width: 47%;
}

.column-contact-form text-area {
	/*width: 100%;
		height: 135px;*/
	resize: none;
}

.column-contact-form .input-group {
	margin-bottom: 20px;
}

.column-contact-form .btn-dark-blue {
	border: 2px solid #06364f;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 14.5px 22.5px;
	color: #06364f;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	line-height: normal;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.column-contact-form .btn-dark-blue {
	background-color: #06364f;
	border-color: #06364f;
	color: #fff;
	padding: 14.5px 22.5px 15.5px;
}

.column-contact-form .btn-dark-blue:hover,
.column-contact-form .btn-dark-blue:focus {
	background: white;
	color: #06364f;
	border: 2px solid #06364f;
}

.column-contact-form p.form-info {
	margin-top: 10px;
	margin-bottom: 15px;
}

/* Breadcrumb */
@media only screen and (max-width: 919px) {
	.breadcrumb-wrapper {
		display: none;
	}
}

.breadcrumb-own {
	-webkit-padding-start: 0px;
	padding-inline-start: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 18px 0px;
	margin-bottom: 0px;
}

@media only screen and (max-width: 919px) {
	.breadcrumb-own {
		display: none;
	}
}

.breadcrumb-own li {
	list-style: none;
	display: inline-block;
}

.breadcrumb-own li a {
	font-size: 16px;
	font-weight: 300;
	color: #969696;
	letter-spacing: -0.32px;
	font-style: italic;
}

.breadcrumb-own li.active a {
	color: #172142;
}

hr.breadcrumb-hr {
	margin-top: 0px;
	margin-bottom: 60px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

/* Tiles on homepage */
.tile-huge,
.tile-small {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.tile-huge {
	width: 100%;
	height: 30.72917vw;
	padding: 4.791667vw 3.645833vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	text-align: right;
}

@media only screen and (max-width: 576px) {
	.tile-huge {
		height: 61.6vw;
		padding: 8vw 8vw;
	}
}

.tile-huge p {
	font-size: 3.75vw;
	font-weight: 300;
	line-height: 3.75vw;
	text-align: right;
	z-index: 5;
}

@media only screen and (max-width: 576px) {
	.tile-huge p {
		font-size: 8.533333vw;
		line-height: 8.533333vw;
	}
}

.tile-huge p span {
	display: block;
}

.tile-huge a {
	position: relative;
	top: 1.5625vw;
	color: #ffffff;
	font-family: "Titillium Web - Semi Bold";
	font-size: 1.145833vw;
	font-weight: 400;
	line-height: 1.979167vw;
	letter-spacing: -0.22px;
	border: 2px solid #97c146;
	background-color: #97c146;
	padding: 0.833333vw 1.5625vw;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	text-decoration: none;
	z-index: 5;
}

@media only screen and (max-width: 576px) {
	.tile-huge a {
		top: 4.8vw;
		font-size: 4.8vw;
		line-height: 8.477333vw;
		padding: 2.66vw 5.33333vw;
	}
}

.tile-huge a:hover {
	color: #97c146;
	background-color: white;
}

.tile-small {
	width: 50%;
	height: 15.36458vw;
	padding: 1.145vw 1.510417vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 576px) {
	.tile-small {
		height: 30.9333333333333vw;
		padding: 3.2vw 4vw;
	}
}

.tile-small:hover .overlayer {
	-webkit-animation: slideInLeft 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s 1 forwards;
	animation: slideInLeft 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s 1 forwards;
}

.tile-small .overlayer {
	opacity: 0;
	background-color: #97c146;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: slideOutLeft 0.2s ease 0s 1 forwards;
	animation: slideOutLeft 0.2s ease 0s 1 forwards;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 4;
}

.tile-small .overlayer:before {
	content: "\006d";
	font-size: 80px;
	font-family: "dripicons-v2";
	color: white;
}

.tile-small.fixfirstanimation:before {
	content: none;
	-webkit-animation: none;
	animation: none;
}

.tile-small p {
	font-family: "Titillium Web - Semi Bold";
	font-size: 1.875vw;
	font-weight: 400;
	line-height: 1.875vw;
	letter-spacing: -0.72px;
	z-index: 5;
	margin-bottom: 0px;
}

@media only screen and (max-width: 576px) {
	.tile-small p {
		font-size: 4.8vw;
		line-height: 4.8vw;
	}
}

/* Tables on products page */
.produkty table {
	border: none;
}

.produkty table tr:first-of-type {
	border-bottom: 7px solid #172142;
}

.produkty table tr:first-of-type td {
	color: #172142;
	font-family: "Titillium Web - Semi Bold";
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.4px;
}

.produkty table tr:first-of-type td p {
	color: #172142;
	font-family: "Titillium Web - Semi Bold";
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.4px;
}

.produkty table tr td {
	text-align: center;
	border-bottom: 1px solid #172142;
	color: #172142;
	font-family: "Titillium Web";
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.36px;
}

.produkty table tr td p {
	text-align: center;
	/*border-bottom: 1px solid #172142;*/
	color: #172142;
	font-family: "Titillium Web";
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.36px;
	margin-bottom: 0;
}

/* Home page Chevron */
.icon-circle-arrow-down {
	display: block;
	position: relative;
	border: 2px solid #ffffff;
	border-radius: 100%;
	width: 57px !important;
	height: 57px !important;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

.icon-chevron-down {
	content: "\F12D";
	font-family: "elusiveicon";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 20px;
}

.text-hp {
	font-family: "Titillium Web";
}

@media only screen and (max-width: 576px) {
	.text-hp {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.text-hp h3 {
	color: #172142;
	font-size: 36px;
	font-weight: 300;
	line-height: 46px;
	margin-bottom: 40px;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.text-hp p {
	color: #172142;
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0.22px;
	margin-bottom: 60px;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.text-hp a {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border: 2px solid #97c146;
	border-radius: 6px;
	color: #97c146;
	padding: 14px 26px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 85px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Titillium Web - Semi Bold";
	font-size: 22px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: -0.22px;
	text-decoration: none;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.text-hp a:hover {
	color: #ffffff;
	background-color: #97c146;
}

/* Video on About Company page */
.container-ytbvideo {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
	padding: 0 15px;
}

@media only screen and (max-width: 1140px) {
	.container-ytbvideo {
		max-width: calc(100% - 30px);
	}
}

@media only screen and (max-width: 576px) {
	.container-ytbvideo {
		max-width: calc(100% - 15px);
		padding: 0 0;
	}
}

.video-wrapper {
	margin: -75px auto;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	position: relative;
	-webkit-transform: scale(0.55);
	transform: scale(0.55);
	position: relative;
}

@media only screen and (max-width: 1140px) {
	.video-wrapper {
		margin-top: 100px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.green-tick-zz {
	color: transparent;
	font-size: 0px;
}

.green-tick-zz:before {
	content: "\0053";
	font-family: "dripicons-v2";
	position: relative;
	top: 0;
	left: 8px;
	color: #97c146;
	font-size: 22px;
}

ul.fr-dropdown-list .green-tick-zz {
	color: inherit;
	font-size: inherit;
}

ul.fr-dropdown-list .green-tick-zz:before {
	content: "";
}

/* END - Video on About Company page */
/*# sourceMappingURL=rte.css.map */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../themes/vometsk/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

#cookie-box-banner{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 100vw;
	height: 60px;
	background-color: #fbfbfa;
}
#cookie-box-banner .cookie-banner-container{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 100vw;
	height: 60px;
	padding: 12px 25px;
}
@media screen and (max-width: 1060px){
	#cookie-box-banner, #cookie-box-banner .cookie-banner-container{
		height: auto;
	}
	#cookie-box-banner .cookie-banner-container{
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}
	p.cookie-banner-text{
		text-align: center;
		margin-bottom: 10px !important;
	}
}

#cookie-box-banner .cookie-banner-container p.cookie-banner-text{
		color: #555555;
		font-size: 18px;
		line-height: 16px;
		margin-bottom: 0;
		max-width: 100%;
}
#cookie-box-banner .cookie-banner-container p.cookie-banner-text span:first-of-type{
	margin-right: 6px;
	font-weight: 300;
}
#cookie-box-banner .cookie-banner-container p.cookie-banner-text a#cookie-banner-settings{
	text-decoration: none;
	color: #555555;
	transition: color 0.3s ease;
	font-weight: 300;
}
#cookie-box-banner .cookie-banner-container p.cookie-banner-text a#cookie-banner-settings:hover{
	color: #aac03a;
}
#cookie-box-banner .cookie-banner-container a#cookie-banner-agree-btn{
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	color: white;
	padding: 5px 14px;
	border-radius: 4px;
	background-color: #aac03a;
	border: 1px solid #aac03a;
	transition: 0.3s ease;
	text-decoration: none;
}
#cookie-box-banner .cookie-banner-container a#cookie-banner-agree-btn:hover{
	background-color: #ffffff;
	color: #aac03a;
}
/**********************/
/* BACK OFFICE STYLES */
/**********************/
#container-magneticaeucookie form#script-third-party textarea#third-party-script {
	resize: none;
	width: 640px;
	height: 260px;
	border: 2px solid black;
	outline-color: red;
}

#container-magneticaeucookie form#script-third-party textarea#third-party-script:focus {
	border: 2px solid red;
}

#container-magneticaeucookie form#script-third-party #text-cookie-banner {
	resize: none;
	width: 640px;
	height: 80px;
	border: 2px solid black;
	outline-color: red;
}

#container-magneticaeucookie form#script-third-party #text-cookie-banner:focus {
	border: 2px solid red;
}

#container-magneticaeucookie #text_cookie {
	width: 640px;
}

#container-magneticaeucookie input[type="text"] {
	width: 640px;
	border: 2px solid black;
	outline-color: red;
}

#container-magneticaeucookie input[type="text"]:focus {
	border: 2px solid red;
}

#container-magneticaeucookie input[type="submit"] {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 12px 20px;
	background-color: black;
	color: white;
	font-weight: 700;
	transition: 0.2s ease;
	border: 2px solid black;
}

#container-magneticaeucookie input[type="submit"]:hover {
	color: black;
	background-color: white;
}

/*********************/
/* FRONT SHOP STYLES */
/*********************/
@media (max-width: 480px) {
	.lity-container {
		top: 0px;
		left: 0px;
		position: fixed;
	}
}

@media (max-height: 600px) {
	.lity-container {
		top: 0px;
		left: 0px;
		position: fixed;
	}
}

.lity-container .lity-close {
	color: red;
	transition: 0.2s ease;
}

@media (min-width: 1200px) {
	.lity-container .lity-close {
		width: 55px;
		height: 55px;
		font-size: 55px;
	}
}

.lity-container .lity-close:hover {
	color: #ce0000;
}

@media (min-width: 1200px) {
	.lity-container .lity-close:hover {
		width: 55px;
		height: 55px;
		font-size: 55px;
	}
}

#eu-cookie-banner {
	position: fixed;
	display: none;
	/* script will switch to flex if cookie bar need to be displayed */
	left: 0px;
	bottom: 0px;
	width: 100vw;
	height: 70px;
	background-color: black;
	color: white;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif;
}

@media (max-width: 1300px) {
	#eu-cookie-banner {
		justify-content: left;
	}
}

@media (max-width: 860px) {
	#eu-cookie-banner {
		justify-content: center;
		flex-direction: column;
		padding: 12px 24px;
		height: auto;
	}
}

@media (max-width: 380px) {
	#eu-cookie-banner {
		padding: 12px 0px;
	}
}

#eu-cookie-banner p {
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.6px;
	max-width: 52%;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}

@media (max-width: 1300px) {
	#eu-cookie-banner p {
		max-width: 60%;
		padding-left: 15px;
		height: auto;
	}
}

@media (max-width: 860px) {
	#eu-cookie-banner p {
		display: block;
		max-width: calc(100% - 30px);
		margin: auto;
		text-align: center;
		padding-left: 0px;
	}
}

#eu-cookie-banner p a {
	color: yellow;
	text-decoration: none;
}

#eu-cookie-banner p a:hover {
	opacity: 0.75;
	text-decoration: none;
}

#eu-cookie-banner .wrapper-buttons {
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	/* Cookie button in banner */
}

@media (max-width: 860px) {
	#eu-cookie-banner .wrapper-buttons {
		position: relative;
		display: block;
		margin: auto;
		margin-top: 15px;
		transform: translateY(0%);
		right: 0px;
		top: 0px;
	}
}

#eu-cookie-banner .wrapper-buttons a.cookie-fully-agree,
#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn {
	display: inline-block;
	transition: 0.2s ease;
	padding: 7px 21px;
	border-radius: 6px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.92px;
	font-weight: 600;
}

@media (max-width: 380px) {

	#eu-cookie-banner .wrapper-buttons a.cookie-fully-agree,
	#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn {
		display: block;
		width: calc(100vw - 30px);
		padding: 9px 0px;
		margin: auto;
		text-align: center;
	}
}

#eu-cookie-banner .wrapper-buttons a.cookie-fully-agree:hover,
#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn:hover {
	-webkit-box-shadow: 0px 0px 14px -3px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 14px -3px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 14px -3px rgba(255, 255, 255, 0.5);
}

#eu-cookie-banner .wrapper-buttons a.cookie-fully-agree {
	background-color: #9faf1b;
	color: white;
}

#eu-cookie-banner .wrapper-buttons a.cookie-fully-agree:hover {
	color: #9faf1b;
	background-color: white;
}

#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn {
	background-color: #9faf1b;
	color: white;
}

@media (max-width: 860px) {
	#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn {
		margin-right: 40px;
	}
}

@media (max-width: 380px) {
	#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn {
		margin-right: 0px;
		margin-bottom: 15px;
	}
}

#eu-cookie-banner .wrapper-buttons a.cookie-settings-btn:hover {
	color: #9faf1b;
	background-color: white;
}

/* Cookie button in Popup box */
a.cookie-fully-agree-in-popup {
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 10px 18px;
	border-radius: 6px;
	background-color: rgb(113, 167, 255);
	color: white;
	transition: 0.2s ease;
	border: 2px solid rgb(113, 167, 255);
	font-size: 22px;
	text-decoration: none;
}

@media (max-width: 480px) {
	a.cookie-fully-agree-in-popup {
		position: fixed;
	}
}

@media (max-height: 600px) {
	a.cookie-fully-agree-in-popup {
		position: fixed;
	}
}

a.cookie-fully-agree-in-popup:hover {
	color: rgb(113, 167, 255);
	background-color: white;
}

a.cookie-disagree-in-popup {
	position: absolute;
	display: none;
	left: 20px;
	bottom: 20px;
	padding: 10px 18px;
	border-radius: 6px;
	background-color: #d30000;
	color: white;
	transition: 0.2s ease;
	border: 2px solid #d30000;
	font-size: 22px;
}

@media (max-width: 480px) {
	a.cookie-disagree-in-popup {
		position: fixed;
	}
}

@media (max-height: 600px) {
	a.cookie-disagree-in-popup {
		position: fixed;
	}
}

a.cookie-disagree-in-popup:hover {
	color: #d30000;
	background-color: white;
}

/* POPUP WINDOW WITH ADDITIONAL COOKIE INFO AND SETTINGS */

#inline-cookie-box {
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 6px;
	padding: 10px 10px;
	width: 100vw;
	min-width: 320px;
	/*max-height: calc(100vh - 30px);*/
	min-height: 480px;
	height: 100vh;
	z-index: 99999;
	top: 0;
	left: 0;
}

#inline-cookie-box .relative-wrapper-cookie {
	position: relative;
	width: 80vw;
	height: 80vh;
	border: 2px solid rgb(54, 54, 54);
	border-radius: 8px;
}

@media screen and (max-width: 660px) {
	#inline-cookie-box .relative-wrapper-cookie {
		width: calc(100vw - 20px);
		height: calc(100vh - 20px);
	}
}

@media (min-width: 1400px) {
	#inline-cookie-box {
		height: 100vh;
	}
}

#inline-cookie-box .dspl-block {
	display: block !important;
}

#inline-cookie-box .dspl-none {
	display: none !important;
}

@media (min-width: 1600px) {
	#inline-cookie-box {
		height: 100vh;
		max-height: 100vh;
	}
}

@media (max-width: 920px) {
	#inline-cookie-box {
		width: 100vw;
	}
}

@media (max-width: 768px) {
	#inline-cookie-box {
		width: 100vw;
		height: 100vh;
		top: 0px;
		left: 0px;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box {
		height: 100vh;
		width: 100vw;
		top: 0px;
		left: 0px;
		text-align: center;
		border-radius: 0px;
		padding: 0px 0px;
	}
}

@media (max-width: 480px) {
	#inline-cookie-box {
		padding: 0px 0px;
		border-radius: 0px;
		height: 100vh;
		width: 100vw;
		top: 0px;
		left: 0px;
		text-align: center;
	}
}

#inline-cookie-box .wrapper-cookie {
	display: table;
	width: 100%;
	height: 100%;
	max-height: 100%;
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie {
		display: block;
		margin: 0px;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie {
		display: block;
		margin: 0px;
	}
}

#inline-cookie-box .wrapper-cookie .left-side,
#inline-cookie-box .wrapper-cookie .right-side {
	display: table-cell;
	height: 100%;
}

@media (max-height: 600px) {

	#inline-cookie-box .wrapper-cookie .left-side,
	#inline-cookie-box .wrapper-cookie .right-side {
		padding: 10px 10px !important;
		width: 100vw;
		height: 100vh;
		display: block;
		margin: auto;
		top: 0px;
		left: 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: scroll;
	}
}

#inline-cookie-box .wrapper-cookie .left-side {
	display: table-cell;
	width: 40%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: white;
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .left-side {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100vw;
		max-width: 100%;
		max-height: 100%;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .left-side {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: start;
		height: 100%;
		width: 100%;
		padding: 0px 0px !important;
	}
}

#inline-cookie-box .wrapper-cookie .left-side img.logo {
	max-width: 60%;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	#inline-cookie-box .wrapper-cookie .left-side img.logo {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .left-side img.logo {
		max-height: 50%;
		max-width: 80%;
		display: block;
		margin: auto;
		margin-top: 40px;
		margin-bottom: 20px;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .left-side img.logo {
		max-height: 30%;
		max-width: 80%;
		display: block;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 20px;
	}
}

@media (max-height: 520px) {
	#inline-cookie-box .wrapper-cookie .left-side img.logo {
		max-height: 52px;
		max-width: 80%;
		margin-top: 36px;
	}
}

@media (max-height: 300px) {
	#inline-cookie-box .wrapper-cookie .left-side img.logo {
		position: absolute;
		top: 8px;
		left: 8px;
		max-width: 20%;
		max-height: 60px;
		z-index: 99;
	}
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu {
	position: relative;
	font-size: 16px;
	font-weight: 300;
	top: 26px;
	padding-inline-start: 0;
	text-align: center;
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu {
		text-align: center;
		width: calc(100vw - 30px);
		margin: auto;
		margin-top: 25px;
		display: block;
		font-size: 16px;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu {
		text-align: center;
		width: calc(100vw - 30px);
		margin: auto;
		margin-top: 18px;
		display: block;
		font-size: 16px;
		transform: translateY(-55px);
	}
}

@media (max-height: 300px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu {
		max-height: 100vh;
	}
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu .icon-svg {
	width: 48px;
	height: 48px;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu .icon-png {
	width: 48px;
	height: 48px;
}

@media (max-height: 520px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu .icon-png {
		width: 36px;
		height: 36px;
	}
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li {
	cursor: pointer;
	padding: 13px 17px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	max-width: calc(100% - 24px);
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li:hover {
	background-color: #dddddd;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li img {
	margin-right: 15px;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li span {
	color: black;
	width: 100%;
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu li {
		padding: 6px 10px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu li {
		font-size: 16px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin: auto;
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li:first-of-child {
	margin-top: 0px;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li:last-of-child {
	margin-bottom: 80px;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li.active {
	background-color: #a8a8a8;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li.active:hover {
	background-color: #dddddd;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li#cookie-btn-seeview {
	display: none;
	font-size: 20px;
	color: black;
	font-weight: 600;
	text-transform: uppercase;
}

@media (max-height: 300px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu li#cookie-btn-seeview {
		margin-top: 15px;
	}
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li#cookie-btn-seeview img {
	margin-bottom: 10px;
	margin-right: 15px;
	display: inline-block;
}

#inline-cookie-box .wrapper-cookie .left-side ul.menu li#cookie-btn-seeview span {
	display: inline-block;
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu li#cookie-btn-seeview {
		display: block;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .left-side ul.menu li#cookie-btn-seeview {
		display: block;
	}
}

#inline-cookie-box .wrapper-cookie .right-side {
	display: table-cell;
	width: 60%;
	background-color: #d6d6d6;
	padding: 12px 25px;
	vertical-align: top;
}

#inline-cookie-box .wrapper-cookie .right-side img#cookie-btn-backtofirstlevel {
	/*width: 42px;
        height: 42px;
        position: absolute;
        display: none;
        top: 10px;
		left: 10px; */
}

#inline-cookie-box .wrapper-cookie .right-side i.icon-arrow-03 {
	display: none;
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 40px;
	color: red;
	transform: rotate(180deg);
	text-align: right;

}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .right-side {
		z-index: 0;
		height: 100vh;
		width: 100vw;
		max-width: 100%;
		max-height: 100%;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .right-side {
		z-index: 0;
		height: 100%;
		max-height: 100vh;
		width: 100vw;
		max-width: 100%;
	}
}

#inline-cookie-box .wrapper-cookie .right-side #cookie-text-output h2 {
	color: black;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 50px;
}

@media (max-width: 480px) {
	#inline-cookie-box .wrapper-cookie .right-side #cookie-text-output h2 {
		margin-top: 52px;
	}
}

@media (max-height: 600px) {
	#inline-cookie-box .wrapper-cookie .right-side #cookie-text-output h2 {
		margin-top: 52px;
	}
}

#inline-cookie-box .wrapper-cookie .right-side #cookie-text-output p {
	font-size: 14px;
	color: black;
	font-weight: 400;
}

#inline-cookie-box .wrapper-cookie .right-side form .btn-primary.disabled,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary.disabled:hover,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary.disabled:focus,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary.disabled:active,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary.disabled.active,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary[disabled],
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary[disabled]:hover,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary[disabled]:focus,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary[disabled]:active,
#inline-cookie-box .wrapper-cookie .right-side form .btn-primary[disabled].active,
#inline-cookie-box .wrapper-cookie .right-side form fieldset[disabled] .btn-primary,
#inline-cookie-box .wrapper-cookie .right-side form fieldset[disabled] .btn-primary:hover,
#inline-cookie-box .wrapper-cookie .right-side form fieldset[disabled] .btn-primary:focus,
#inline-cookie-box .wrapper-cookie .right-side form fieldset[disabled] .btn-primary:active,
#inline-cookie-box .wrapper-cookie .right-side form fieldset[disabled] .btn-primary.active {
	background-color: #9faf1b;
	border-color: #9faf1b;
}

#inline-cookie-box .wrapper-cookie .right-side form .btn-primary {
	background-color: #9faf1b;
	border-color: #9faf1b;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}

#inline-cookie-box .wrapper-cookie .right-side form .btn-default.active {
	background-color: #df0202;
	border-color: #df0202;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}

#inline-cookie-box .wrapper-cookie .right-side .checker,
#inline-cookie-box .wrapper-cookie .right-side .cookie-checkbox,
#inline-cookie-box .wrapper-cookie .right-side .cookie-checkbox-state {
	display: inline-block;
}

#inline-cookie-box #cookie-source-text-hidden {
	display: none;
}

#inline-cookie-box #thirdparty-cookies-id {
	position: relative;
	display: inline-block;
	width: 72px;
	height: 36px;
	transition: 0.6s ease;
}

#inline-cookie-box #thirdparty-cookies-id .wrap-btn {
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: white;
	top: 2px;
	transition: 0.6s ease;
}

#inline-cookie-box #thirdparty-cookies-id.disallow {
	background-color: red;
	border-radius: 80px;
}

#inline-cookie-box #thirdparty-cookies-id.disallow .wrap-btn {
	left: 2px;
}

#inline-cookie-box #thirdparty-cookies-id.allow {
	background-color: green;
	border-radius: 80px;
}

#inline-cookie-box #thirdparty-cookies-id.allow .wrap-btn {
	left: 38px;
}

#inline-cookie-box i {
	font-size: 26px;
	margin-right: 10px;
}

/*# sourceMappingURL=magneticaeucookie.css.map */