@charset "utf-8";

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (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:10}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-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}.no-js .owl-carousel{display:block}.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 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(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%}

/* Arrows */

.owl-nav {position:absolute; top:50%; margin: -25px 0 0 0; width:100%; left:0; z-index:100;}
.owl-prev,
.owl-next{
	cursor: pointer;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px !important;
    border-radius: 30px; 
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-indent: -9999px;
	margin: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid white;
}
.owl-prev:hover,
.owl-prev:focus,
.owl-next:hover,
.owl-next:focus{
  transform:scale(1.1); 
	outline:none;
}

.owl-prev:before,
.owl-next:before{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.owl-prev:after,
.owl-next:after{
	position:absolute;
	z-index:155;
	top:0;
	left:0;
	width:40px;
	height:40px !important;
	opacity: 1;
	display:block;
	text-indent: 0;
    content:"";
	background-repeat:no-repeat;
	background-position: center center;
}

.owl-prev:after{background-image:url(../img/arr_l.svg); }
.owl-next:after{background-image:url(../img/arr_r.svg); }

.owl-prev{left: 20px;}
.owl-next{right: 20px;}

.owl-dots {height:9px !important; text-align:center; padding:0; width:100%; text-align: center; position: absolute; left: 0; bottom: 55px; }

.owl-carousel .owl-dot {width:7px; height:7px !important; border: 1px solid transparent; display:inline-block; margin: 0 5px; background: rgba(255, 255, 255, 0.40); border-radius: 10px; }

.owl-carousel .owl-dot.active {background: white; border: 1px solid white;}

.owl-carousel .owl-item img {height:auto;}

.owl-carousel a.item {position:relative; width: 100%; height: 100%; display:block;}

.owl-carousel .video:after {content: ""; display:inline-block; position:absolute; width: 80px; height: 80px; background-image: none; top:50%; left: 50%; transform: translate(-50%, -50%);}


.owl-carousel > a {
    display: none !important;
}
.owl-carousel > a:first-child {
    display: block !important; margin: 0 auto; text-align: center;
}

@media (max-width: 999px) {.owl-carousel > a img {width: 90%; height: auto; }}
@media (min-width: 1000px) {.owl-carousel > a img {width: calc(100% - 400px); height: auto; }}
@media (min-width: 1450px) {.owl-carousel > a img {width: calc(100% - 600px); height: auto; }}
@media (min-width: 1800px) {.owl-carousel > a img {width: calc(100% - 800px); height: auto; }}

/***************************************************** magnific popup */

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #fff;
	opacity: 1; }
  
  .mfp-bg:after {
	top: 20px;
	left: 20px;
	  position: absolute;
	  width: 115px; height: 55px;
	/*content: url(../img/logo_color.svg);*/ }
  
  .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 80px;
	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-color: 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; }
	.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: #000;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }
  
  .mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #3f3f3f;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap; }
  
  button.mfp-arrow {
	position: absolute;
	opacity: 1;
	margin: 0;
	top: 50%;
	margin-top: -25px;
	padding: 0;
	width: 50px;
	height: 50px;
	  background-color: #fff;
	-webkit-tap-highlight-color: transparent;
	  /*background-image: url(../img/arr_l.svg);
	  background-repeat: no-repeat;
	  background-position: center center;*/
  border: 1px solid #8e8e8e;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
  
	.mfp-arrow:active {
	  margin-top: -25px; }
  
	.mfp-arrow:hover,
	.mfp-arrow:focus {
	  opacity: 1; }
  
  .mfp-arrow-left {
	left: 20px;
  }
  
  .mfp-arrow-right {
	right: 20px;
	  transform: rotate(180deg);
  }
  
  .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 80px;
	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: -66px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; }
  
  .mfp-title {
	text-align: left;
	line-height: 18px;
	color: #3f3f3f;
	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);*/
		background: white;
	  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%;*/
	  transform: scale(0.75) rotate(180deg); }
	.mfp-container {
	  padding-left: 6px;
	  padding-right: 6px; } }
  
  




.hide_desktop {display:none;}
.show_desktop {display:block;}
.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-50 {margin-top:50px !important;}
.mt-75 {margin-top:75px !important;}
.mt-100 {margin-top:100px !important;}
.mt-120 {margin-top:120px !important;}
.mt-150 {margin-top:150px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-75 {margin-bottom:75px !important;}
.mb-100 {margin-bottom:100px !important;}
.mb-120 {margin-bottom:120px !important;}
.mb-150 {margin-bottom:150px !important;}
.pt-0 {padding-top:0 !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-50 {padding-top:50px !important;}
.pt-75 {padding-top:75px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}
.pt-150 {padding-top:150px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-75 {padding-bottom:75px !important;}
.pb-100 {padding-bottom:100px !important;}
.pb-150 {padding-bottom:150px !important;}

@media (max-width: 1100px) {
	.hide_mob {display:none;}
	.show_mob {display:block;}
    .mt-0-mob {margin-top:0 !important;}
	.mt-10-mob {margin-top:10px !important;}
	.mt-15-mob {margin-top:15px !important;}
	.mt-20-mob {margin-top:20px !important;}
	.mt-30-mob {margin-top:30px !important;}
	.mt-50-mob {margin-top:50px !important;}
	.mt-75-mob {margin-top:75px !important;}
	.mt-100-mob {margin-top:100px !important;}
	.mt-150-mob {margin-top:150px !important;}
	.mb-0-mob {margin-bottom:0 !important;}
	.mb-10-mob {margin-bottom:10px !important;}
	.mb-15-mob {margin-bottom:15px !important;}
	.mb-20-mob {margin-bottom:20px !important;}
	.mb-30-mob {margin-bottom:30px !important;}
	.mb-50-mob {margin-bottom:50px !important;}
	.mb-75-mob {margin-bottom:75px !important;}
	.mb-100-mob {margin-bottom:100px !important;}
	.mb-150-mob {margin-bottom:150px !important;}
	.pt-0-mob {padding-top:0 !important;}
	.pt-10-mob {padding-top:10px !important;}
	.pt-15-mob {padding-top:15px !important;}
	.pt-20-mob {padding-top:20px !important;}
	.pt-30-mob {padding-top:30px !important;}
	.pt-50-mob {padding-top:50px !important;}
	.pt-75-mob {padding-top:75px !important;}
	.pt-100-mob {padding-top:100px !important;}
	.pt-150-mob {padding-top:150px !important;}
	.pb-0-mob {padding-bottom:0 !important;}
	.pb-10-mob {padding-bottom:10px !important;}
	.pb-15-mob {padding-bottom:15px !important;}
	.pb-20-mob {padding-bottom:20px !important;}
	.pb-30-mob {padding-bottom:30px !important;}
	.pb-50-mob {padding-bottom:50px !important;}
	.pb-75-mob {padding-bottom:75px !important;}
	.pb-100-mob {padding-bottom:100px !important;}
	.pb-150-mob {padding-bottom:150px !important;}
}

:root {
    --wrap: 1170px;
    --margins: calc(100% - var(--wrap));
	  --margin: calc(var(--margins) / 2  );
    --grey-dark: #181818;
    --grey-med: #444;
    --grey-lite: #7B898E;
    --grey-lite2: #E0E0E0;
    --grey-lite3: #F8F8F8;
    --orange: #FF5D01;
}



html {scroll-behavior: smooth;}

.showOnDesktop {display:block;}
.showOnMobile {display:none;}


.wrap {width: var(--wrap); margin: 0 auto; }

/* CLS: alse set atrributes for images in html */
img { aspect-ratio: attr(width) / attr(height); vertical-align: middle;  }

* {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

div, a, span, input, textarea, ul, li, img { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

input:focus, textarea:focus, select:focus {outline:none;}

p {margin: 0 0 30px 0; 
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;}

p:last-child {margin: 0;}

a {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration:none; color:var(--orange);}

a:hover {text-decoration:none; color: var(--orange); }

body {margin: 0; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 16px;
line-height: 180%; color: var(--grey-med); overflow-x: hidden !important; background: #fff; padding-top: 65px;}

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; color: var(--grey-dark); margin-top: 0; font-weight: 700; letter-spacing: 2px;}

h1 {font-size: 75px; font-weight: 700; line-height: normal; }
h2 {font-size: 26px; font-weight: 700; line-height: normal;  }
h3 {font-size: 38px; font-weight: 700; line-height: normal;}
h4 {font-size: 30px; font-weight: 700; line-height: normal; }
h5 {font-size: 24px; font-weight: 700; line-height: normal; }
h6 {font-size: 18px; font-weight: 700; line-height: normal; }

.centered {text-align:center;}

.buttlike {display: inline-block; padding: 12px 18px; border-radius: 4px;  background: #FFF; font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase; color: var(--grey-dark);
}
.buttlike:hover {color: var(--blue);}

.buttlike.border {background: transparent; color: var(--grey-lite); border: 1px solid var(--grey-lite2);}
.buttlike.border:hover {background: transparent; color: var(--grey-lite); border: 1px solid var(--grey-lite);}

.buttlike.solid {background: var(--blue); color: white;}
.buttlike.solid:hover {background: var(--blue); color: var(--grey-lite2);}


.hero {width:100%; z-index:100; height:calc(100vh - 65px);}

.hero_owl {position: relative; height: 100%;}

.hero_owl_item {background-repeat: no-repeat; background-position: center center; background-size: cover; width:100%;}

.hero_owl_item:after {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 1; }

.hero_owl div:not(.owl-nav),
.hero_owl div:not(.hero_desc) {height: 100%; }

.hero_desc {
    position: absolute;
    z-index: 100;
    bottom: 100px;
    left: var(--margin);
    width: calc(var(--wrap) * 1);
    color: #fff;
	  height:auto !important;
	  text-align:left;
}

.owl-carousel .owl-item .hero_desc img {width: 10px; height: auto; display: inline-block; margin: -2px 0 0 5px; }

.hero_desc h3 {display:block; font-size: 60px; margin:0;
    font-style: normal;
    font-weight: 700;
    line-height: normal; color: #FFFFFF; padding-bottom: 30px; }

.hero_desc h4 {display:block; font-size: 26px; margin:0;
      font-style: normal;
      font-weight: 400;
      line-height: normal; color: #FFFFFF; padding-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;}

.hero_owl .owl-nav {
    position: absolute;
    bottom: 100px; top: auto;
    width: 100px;
    right: var(--margin); left: auto;
	  z-index:9999;
	  height:40px !important;
}

.hero_owl .owl-prev {
    left: 0; top:0; 
}
.hero_owl .owl-next {
    right: 0; top:0; 
}





.logo_holder {
    position: absolute;
    left: 0; top: 7px;
    z-index: 9999;
}
.logo_holder img {
    height:50px; width: auto;
}

.menu_trigger {display:none;}

.menu_holder {width:100%; display:block; background: #ffffff; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15); height: 65px; position: fixed; top: 0; left: 0; z-index: 999;  }

.menu {width:100%; text-align: right; padding: 16px 0;} 

.menu ul {list-style:none; padding:0; margin:0; }

.menu li {display:inline-block; padding: 0 26px 0 10px; position: relative; line-height:32px;  }
.menu li:last-child {padding: 0 0 0 8px;  }

.menu li a {color:var(--grey-dark); font-weight:600; font-size:14px; display:block; text-transform: uppercase;}

.menu li a:hover, 
.menu li.active a {color:var(--orange); }



.bg_grey_lite {background: var(--grey-lite3);}

.footer {padding: 0 0 14px;}

.footer-bottom {text-align:center; padding: 12px 0 0 0; color:var(--grey-lite);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%
}




.section {padding: 50px 0;}
.flex {display: flex; justify-content: space-between; align-items: center; align-content: stretch;}
.inner_section {padding: 80px 0; }

.half {width: calc(50% - 50px);}
.half2 {width: 50%;}
.half_wrap {width: calc(var(--wrap) / 2); padding: 50px 0;}

.onama img {max-width: 300px; height: auto; margin: 0 0 30px 0;}

#o-nama {/*background-image: linear-gradient(145deg, #e8e8e8 0%, #f8f8f8 100%);*/}



#od-ideje-do-realizacije {text-align: left;}

.narrow {width: 100%; max-width: 800px; margin: 0 auto;}

#od-ideje-do-realizacije img {width: 100%; height: auto; }

.fullimg, .hero {width: 100%; max-width: 1920px; margin: 0 auto;}

.fullimg img {width: 100%; height: auto;}

.inner_padding {padding: 0 0 0 50px;}

img.responsive {width: 100%; height: auto;}

.flex.border_l:after {content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 50%;}


.slider .owl-carousel .owl-item { max-height: 500px; }

.slider .owl-carousel .owl-item:after { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(255, 255, 255, 0.65); pointer-events: none; z-index: 3; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.slider .owl-carousel .owl-item.center:after { background: rgba(255, 255, 255, 0); }

.slider .owl-carousel .owl-item img { height: 500px; width: auto;}

.slider .owl-prev, .slider .owl-next {
	filter: brightness(0) saturate(100%);
}

.mfp-arrow-right {
    transform: rotate(0deg);
}

.mfp-counter {display: none;}

.mfp-arrow-right:before {
    border-left: none !important; display: none !important;
}

.face_link {display: block;}
.face_link:hover {opacity: 0.8; color: rgb(68, 68, 68);}
.face {display: flex; align-items: center; justify-content: flex-start; height: auto; color: rgb(68, 68, 68); margin: 30px 0 30px 0;}

.face img {margin-right: 30px;}
.f {flex: 1;}
.f span {font-weight: bold; font-size: 25px;}

.sk-instagram-profile-pic_container {display:none;}

.sk_ig_feed_username_follow {
    margin: 0 0 10px 0 !important;
}
.instagram-user-root-container  {    padding: 0 0px 10px 0px !important; }
.sk-ig-profile-info {
    width: 100% !important;
}

.slider2 img {width: 100%; height: auto;}

/**/