/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
}

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body.dj-offcanvas-open, .dj-offcanvas-wrapper, .dj-offcanvas-pusher {
    height: auto !important;
  }

  :root {
    --green:#589a4f;
	--blue:#619fd7;
	--green-light:#97c34d;
	--green-dark:#31542c;
  }

.content {
	position:relative;            
	max-width: 1400px;
	width:100%;
	margin:0 auto;
	padding: 0px 30px;
}

h1, h2, h3, h4 {
	font-family: "Roboto Condensed", sans-serif;
}

h1 {
	color: var(--green);
	font-size: 50px;
	font-style: italic;
}

h2 {
	font-size: 30px;
}

/* top */

.top {
	position: relative;
	float: left;
	width: 100%;
	background-image: url(/templates/joomstarter/images/bg_top.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;
	background-size: 70%;
	text-align: right;
	box-shadow: 0 0 30px rgba(0,0,0,0.20);
	transition: all 0.5s ease;
}

/* scroll */

.top.scroll {
	position: fixed;
	transition: all 0.5s ease;
	padding: 5px 0px 0px 0px;
}

.logo {
	width: 280px;
	float: left;
}

.logo img {
	max-width: 255px;
	height: auto;
	margin-top: -10px;
}

.top-top {
	width: calc(100% - 280px);
	float: left;
}

.top table {
	border: none;
	width: auto !important;
	float: right;
}

.top table tr td {
	padding-left: 15px;
}

.info-top {
	width:calc(100% - 103px);
	float: left;
	padding-right: 10px;
}

.info-top img {
	width: 22px;
	vertical-align: middle;
}

.info-top a {
	color: var(--green);
	text-decoration: none;
}

.info-top a:hover {
	color: var(--green-dark);
}

.jeziki {
	float: left;
	width: 103px;
	border-left: 1px solid var(--green);
	line-height: 18px;
	margin-top: 5px;
	padding-right: 13px;
}

div.mod-languages li {
	margin: 0;
}

div.mod-languages a {
	color: #000;
	padding: 0px 3px;
}

div.mod-languages a:hover {
	color: var(--green);
}

div.mod-languages ul li.lang-active {
	background: none !important;
  }

  div.mod-languages ul li.lang-active a {
	color: var(--green) !important;
  }

/* meni */

.meni {
	width: 100%;
	float: left;
	text-align: right;
	padding-top: 8px;
}

.dj-megamenu-wrapper {
    display: inline-block;
  }

.meni .dj-megamenu-clean li a.dj-up_a {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	height: auto;
	padding: 15px 12px;
	margin: 0px 3px;
}

.meni .dj-megamenu-clean li a.dj-up_a:hover, .meni .dj-megamenu-clean li.active a.dj-up_a  {
	color: var(--green);
}

.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
	border-radius: 0px 0px 20px 20px;
	background: var(--green);
	text-align: left;
}

.dj-megamenu-clean li a.dj-up_a > span {
	height: auto !important;
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
	color: #eaeaea;
	border-bottom: 1px solid #78ac71;
  }

  .dj-megamenu-clean li ul.dj-submenu > li:last-child a {
	border-bottom: none !important;
  }

  .dj-megamenu-offcanvas-light .dj-mobile-open-btn {
	height: 34px;
  }

  .dj-megamenu-clean li ul.dj-submenu > li > a:hover {
	color: #fff;
	background: none;
  }

  .dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
    color: var(--green) !important;
  }
  
  .dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
    background: none !important; 
  }

  .dj-megamenu-clean li ul.dj-submenu > li:last-child.active > a {
	border-radius: 0px 0px 20px 20px;
  }

  .dj-mobile-open-btn.active .dj-mobile-open-icon {
	background: none !important;
  }

  /* banner */

  .banner {
	position: relative;
	float: left;
	width: 100%;
  }

  .banner img {
	height: 100%;
	object-fit: cover;
  }

  .djslider-default .navigation-container .prev-button, .djslider-default .navigation-container .next-button {
	padding-top: 20%;
	width: 40px;
  }

  .slogan {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 100px 50px 10px 50px;
	bottom: 0;
	background: linear-gradient(0deg, rgba(14,57,63,1) 5%, rgba(255,255,255,0) 88%);
	z-index: 3;
  }

  .slogan h1 {
	color: #fff;
	font-size: 70px;
	font-style: italic;
	font-weight: 600;
	max-width: 1040px;
	margin: 0 auto;
  }

  .djslider-default .navigation-container {
	z-index: 4;
  }


  /* Uvod */

	.uvod h1 {
		width: 60%;
	}

	.uvod strong {
		font-weight: 600;
	}	

  .uvod {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px;
	background-image: url(/templates/joomstarter/images/silhueta.png);
	background-position: bottom right 10%;
	background-size: 400px;
	background-repeat: no-repeat;
  }

  .uvod table tr td:nth-child(1) {
	padding-right: 75px;
  }

  .uvod ul {
	margin: 0;
	padding: 0;
  }

  .uvod ul li, .vsebina ul li {
	background-image: url(/templates/joomstarter/images/bulett.png);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 8px 0px 8px 35px ;
	background-position-y: 8px;
	background-size: 25px;
  }

  .val_siva {
	background: url(/templates/joomstarter/images/bg_val_siva.png);
	background-repeat: repeat-x;
	float: left;
	position: relative;
	width: 100%;
	height: 80px;
	margin-top: -85px;
  }

  /* rubrike */

  .rubrike {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px;
	background: #f7f7f7;
	margin-top: -5px;
  }

ul.newsflash-horiz_dej {
	padding: 0;
	margin: 0;
}

ul.newsflash-horiz_dej li {
	padding: 0px 20px;
	margin: 0;
	list-style-type: none;
	width: 33.33%;
	float: left;
}


.rubrike_1 {
	border-radius: 20px;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
	height: 400px;
}

.rubrike_1 h2 {
	color: #fff;
	font-size: 34px;
	text-transform: uppercase;
}

ul.newsflash-horiz_dej li:hover .inner {
	transition: all 0.3s ease;
	bottom: 20px;
}

.inner {
	position: absolute;
	bottom: 10px;
	padding: 0px 20px;
	color: #fff;
	transition: all 0.3s ease;
}

.inner a {
	text-decoration: none;
	color: #fff;
}

.inner h3 {
	font-size: 24px;
}

.rubrike a.readmore, .vsebina a.readmore {
	background: #fff;
	border-radius: 100px;
	padding: 5px 25px;
	margin-top: 15px;
	display: inline-block;
	color: var(--blue);
	text-transform: uppercase;
	text-decoration: none;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	display: none;
}

ul.newsflash-horiz_dej li:hover a.readmore {
	display:inline-block;
}

.rubrike a.readmore:hover, .vsebina a.readmore:hover {
	background: var(--green);
	color: #fff;
} 

/* animacije */

ul.newsflash-horiz_dej li:nth-child(1), ul.newsflash-horiz_utrinki li:nth-child(1) {
	transition: all 0.3s ease-in-out;
	transform: translateY(100px);
}

ul.newsflash-horiz_dej li:nth-child(2), ul.newsflash-horiz_utrinki li:nth-child(2) {
	transition: all 0.6s ease-in-out;
	transform: translateY(100px);
}

ul.newsflash-horiz_dej li:nth-child(3), ul.newsflash-horiz_utrinki li:nth-child(3){
	transition: all 1s ease-in-out;
	transform: translateY(100px);
}

ul.newsflash-horiz_utrinki li.ani, ul.newsflash-horiz_dej li.ani {
	opacity: 1;
	transform: translateY(0);
}

/* ustanovitelji */

ul.newsflash-horiz_dej {
	padding: 0;
	margin: 0;
}

ul.newsflash-horiz_dej li {
	padding: 0px 30px;
	margin: 0;
	float: left;
	width: 33.33%;
	background: none;

}

/* napovednik */

.napoved {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px;
}

.napovednik {
	float: left;
	width: 40%;
	padding-right: 50px;
}

.napovednik img {
	border-radius: 10px;
}

.napovednik a {
	color: var(--blue);
	text-decoration: none;
}

.napovednik a:hover {
	color: #555;
	text-decoration: underline;
}

.slika-dog {
	float: left;
	width: 60%;
}

.slika-dog img {
	border-radius: 30px;
}


.napovednik h3 {
	color: var(--blue);
	font-weight: 400;
	font-style: italic;
}

.com-dpcalendar-event__information {
	border-radius: 20px;
	background-color: #f0f6e6;
}

/* calendar */

.mod-dpcalendar-upcoming-default .dp-flatcalendar {
	width: 65px;
	height: 70px;
}

.mod-dpcalendar-upcoming-default .dp-flatcalendar__day {
	font-size: 18px;
	font-weight: 500;
	padding-top: 42px;
}

.mod-dpcalendar-upcoming-default .dp-flatcalendar__month {
	font-size: 18px;
	font-weight: 400;
}

.mod-dpcalendar-upcoming-default .dp-flatcalendar {
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0,0,0,0.18);
	margin-bottom: 20px;
	margin-top: 5px;
}


.mod-dpcalendar-upcoming-default__event {
	overflow: inherit;
}

.mod-dpcalendar-upcoming-default__event + div {
	margin-top: 12px;
	width: 100%;
  	float: left;
}

.mod-dpcalendar-upcoming-default .dp-link {
	margin-bottom: 1px;
}

a.dp-event-url.dp-link {
	font-size: 18px;
}

a.dp-location__url.dp-link .dp-location__title {
	color: #000;
	text-decoration: none !important;
}

.mod-dpcalendar-upcoming-default .dp-figure .dp-image {
	height: 180px;
}

.com-dpcalendar-event__information, .com-dpcalendar-event:not(.has-bookingform) .com-dpcalendar-event__actions, .com-dpcalendar-event:not(.has-bookingform) .com-dpcalendar-event__cta {
	border-bottom: none;
}

/* utrinki */

.utrinki {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px;
	background: #f0f6e6;
	margin-top: -14px;
	text-align: center;
}

.val_bes {
	background: url(/templates/joomstarter/images/bg_val_bes.png);
	background-repeat: repeat-x;
	float: left;
	position: relative;
	width: 100%;
	height: 80px;
  }

  .utrinki h2 {
	font-size: 50px;
	color: var(--green);
	padding-bottom: 50px;
  }

  ul.newsflash-horiz_utrinki {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	display: flex;
  flex-wrap: wrap;
  }

  ul.newsflash-horiz_utrinki li {
	padding: 35px 35px;
	margin: 0;
	width: 33.33%;
	float: left;
	list-style-type: none;
  }
  ul.newsflash-horiz_utrinki li a {
	color: #000;
	text-decoration: none;
  }

  ul.newsflash-horiz_utrinki li:hover {
	background: #fff;
	border-radius: 20px;
  }

  .utrinek_1 {
	position: relative;
	height: 250px;
	background-position: top center !important;
	background-size: cover !important;
	border-radius: 20px;
  }

  ul.newsflash-horiz_utrinki li a h3 {
	padding: 20px 20px 0px 20px;
  }

  .datum {
	color: var(--green-light);
	font-style: italic;
	padding-bottom: 5px;
  }

  a.readmore {
	background: var(--green-light);
	border-radius: 100px;
	padding: 8px 25px;
	margin-top: 15px;
	display: inline-block;
  }

  a.readmore:hover {
	background: var(--green);
  } 

  .moduletable._gumb {
	float: left;
	width: 100%;
	padding-top: 50px;
  }

  .moduletable._gumb a {
	border: 2px solid var(--green);
	padding: 8px 35px;
	border-radius: 100px;
	font-size: 24px;
	font-family: "Roboto Condensed", sans-serif;
	color: var(--green);
	font-weight: 400;
	text-decoration: none;
  }

  .moduletable._gumb a:hover {
	background: var(--green);
	color: #fff;
  }

  a.gumb {
	background: var(--green-light);
	padding: 8px 35px;
	border-radius: 100px;
	font-size: 24px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
  }

  a.gumb:hover {
	background: var(--green);
  }

/* vsebina */

.vsebina {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px;
}

.vsebina a {
	color: var(--green);
	text-decoration: none;
}

.vsebina a:hover {
	color: #555;
	text-decoration: none;
}

.vsebina h1 {
	padding-bottom: 20px;
}

.vsebina strong {
	font-weight: 600;
}

.itemid-101 .vsebina, .itemid-101 .banner-in, .itemid-147 .vsebina, .itemid-147 .banner-in, .itemid-148 .vsebina, .itemid-148 .banner-in, .itemid-149 .vsebina, .itemid-149 .banner-in {
	display: none;
}

.levo {
	float: left;
	width: calc(100% - 400px);
	padding-right: 50px;
}

.desno {
	float: left;
	width: 400px;
}

.desno h3 {
	color: var(--blue);
	font-weight: 400;
  	font-style: italic;
}

/* obvestila */

.obvestila {
	position: absolute;
	z-index: 5;
	width: 33.33%;
}

.moduletable._obv {
	background-color: var(--green);
	color: #fff;
	padding: 20px;
	border-radius: 0px 0px 20px 20px;
	background-image: url(/templates/joomstarter/images/ico_info.png);
	background-repeat: no-repeat;
	background-position: bottom right 30px;
}

/* projekti */

ul.newsflash-horizprojekt {
	padding: 0;
	margin: 0;
}

ul.newsflash-horizprojekt li {
	padding: 0px 0px 50px 0px;
	margin: 0;
	width: 100%;
	float: left;
	background: none;
}

.projekt_slika_1 {
	width: 50%;
	float: left;
	background-size: cover !important;
	background-position: center center !important;
	height: 470px;
}

.projekt_text {
	width: 50%;
	float: left;
	padding: 20px 50px;
}

ul.newsflash-horizprojekt li:nth-child(even) .projekt_slika_1 {
	float: right;
}

ul.newsflash-horizprojekt li:nth-child(even) .projekt_text {
	padding: 20px 50px 20px 0px;
}

/* gallery */

.tab-click-loadMore.active, .osgalery-cat-tabs {
	display: none !important;
  }
  
  [class^=os-gallery-tabs-main] .os-cat-tab-images {
	margin-left: -10px !important;
  }
  
  [class^="os-gallery-tabs-main"] .img-block.sergio-effect {
	background: none !important;
  }

/* blog */


.blog h2 {
	color: var(--green);
  }
  
  .blog .items-leading > div {
	padding-bottom: 30px;
  }
  

  .blog .items-leading {
	display: flex;
	flex-wrap: wrap;
  }
  
  .blog .items-leading > div {
	padding: 30px 30px 30px 0px;
	width: 33.33%;
	float: left;
	transition: all 0.5s ease;
  }
  
  .blog .items-leading > div:hover {
	transition: all 0.5s ease;
	 ransform: scale(1.03, 1.03);
  }
  
  .blog-item .item-image {
	max-height: 250px;
	border-radius: 20px;
  }
  
  .pull-left img {
	  max-width: 100%;
	  height: auto;
  }
  
  .pull-left {
	  float: left;
	  max-height: 180px;
	  overflow: hidden;
	  margin-bottom: 10px;
  }
  
  .blog-items {
	grid-gap: 0;
  }
  
 
  .pagination a {
	text-decoration: none;
	color: var(--blue);
  }
  
  ul.pagination {
	margin: 0px;
	border-top:1px solid #eee;
	float: left;
	width: 100%;
	padding: 30px 15px 0px 0px;
  }
  
  ul.pagination li {
	padding: 0px 7px;
	margin: 0px;
	float: left;
	list-style-type: none;
	background: none !important;
  }

  ul.pagination li.active a {
	background: var(--blue);
	border: 1px solid var(--blue);
  }
  
  .tooltip {
	display: none !important;
  }

  .readmore a {
	background: var(--green-light);
	border-radius: 100px;
	padding: 5px 25px;
	margin-top: 15px;
	display: inline-block;
	color: var(--blue);
	text-transform: uppercase;
	text-decoration: none;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	border: none;
}

	.readmore a:hover {
		background: var(--green);
		color: #fff;
	}

/* banner in */

.banner-in {
	position: relative;
	float: left;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.banner-in.active {
	height: 60vh;
}

/* video */

.video {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	color: var(--green-light);
	font-size: 30px;
	font-weight: 500;
	font-family: "Roboto Condensed", sans-serif;
}

.video h3 {
	color: #fff;
	font-size: 50px;
}

.video a img {
	opacity: 0.85;
}

.video a img:hover {
	opacity: 1;
	box-shadow: 0 0 12px rgba(0,0,0,0.28);
	border-radius: 100px;
}

#mod-custom121, #mod-custom139, #mod-custom144 {
	height: 520px;
	background-position: center center;
	background-size: cover;
	padding: 100px 30px;
}

/* bott */

.bott {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px 130px 0px;
	text-align: center;
	background-image: url(/templates/joomstarter/images/silhueta.png);
	background-position: bottom right 20%;
	background-size: 250px;
	background-repeat: no-repeat;
}

.bott a {
	color: #000;
	text-decoration: none;
}

.bott a:hover {
	color: var(--green);
}

.bott h3 {
	color: var(--green);
}

/* pravice */

.pravice {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background: #f7f7f7;
	margin-top: -5px;
	padding: 15px 0px 30px 0px;
}

.pravice a {
	color: #000;
}

.pravice a:hover {
	color: var(--green-dark);
}

/* dodatki */

.barva {
	background: #f0f6e6;
	border-radius: 20px;
	padding: 20px;
}

.wf-columns {
	gap: 2.5rem;
}

@media only screen and (max-width: 1200px) {
	ul.newsflash-horiz_dej li {
		padding: 0px 15px;
	}

	ul.newsflash-horiz_utrinki li {
		padding: 35px 25px;
	}
}

@media only screen and (max-width: 1150px) {
	.logo {
		width: 245px;
	}
	.logo img {
		width: 240px;
	}

	.top-top {
		width: calc(100% - 245px);
	}

	.uvod h1 {
		width: 70%;
	}

	h1 {
		font-size: 45px;
	}

	h2 {
		font-size: 26px;
	}
	.utrinki h2 {
		font-size: 45px;
	}

	.slogan h1 {
		font-size: 55px;
	}

	.djslider-default .navigation-container .prev-button, .djslider-default .navigation-container .next-button {
		width: 40px;
	}
}

@media only screen and (max-width: 1115px) {
	.logo, .logo img {
		width: 200px;
	}

	.top-top {
		width: calc(100% - 200px);
	}

	.meni {
		padding-top: 0;
	}

	.meni .dj-megamenu-clean li a.dj-up_a {
		padding: 10px;
	}

	.top .content {
		padding: 0px 0px 0px 15px;
	}
}

@media only screen and (max-width: 1024px) {
	.rubrike_1 {
		height: 320px;
	}

	.rubrike_1 h2 {
		font-size: 25px;
	}

	.utrinek_1 {
		height: 215px;
	}

	ul.newsflash-horiz_utrinki li {
		padding: 35px 18px;
	}

	.uvod table tr td:nth-child(1) {
		padding-right: 40px;
	}
}

@media only screen and (max-width: 1015px) {
	.top .content {
		padding: 0px 20px;
	}
	.info-top {
		display: none;
	}

	.jeziki {
		width: calc(100% - 60px);
		border-left: none;
		text-align: right;
		margin-top: 7px;
	}

	.meni {
		float: left;
		width: 60px;
	}

	.logo img, .logo {
		width: 200px;
	}
	.logo {
		margin-bottom: 10px;
	}

	.top-top {
		width: calc(100% - 200px);
		margin-top: 25px;
	}

	ul.dj-mobile-light li.dj-mobileitem > a {
		color: var(--green);
	}

	ul.dj-mobile-light ul li.dj-mobileitem:hover > a, ul.dj-mobile-light ul li.dj-mobileitem.active > a {
		color: var(--green);
	}

	ul.dj-mobile-light ul li.dj-mobileitem > a {
		color: var(--green-light);
	}

	ul.dj-mobile-light li.dj-mobileitem > a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 979px) {
	ul.newsflash-horiz_dej li, .napovednik, .slika-dog, ul.newsflash-horiz_utrinki li, .blog .items-leading > div {
		width: 50%;
	}

	.napovednik {
		padding-bottom: 30px;
	}
	.djslider-default .navigation-container .prev-button, .djslider-default .navigation-container .next-button {
		width: 30px !important;
	}
}

@media only screen and (max-width: 920px) {
	
	.obvestila {
		position: relative;
		z-index: 5;
		width: 100%;
	}

	.moduletable._obv {
		border-radius: 0;
	}
	.banner .content {
		padding: 0;
	}

	.slogan {
		padding: 70px 80px;
	}

	.slogan h1 {
		font-size: 46px;
	}

	
	.djslider.djslider-default {
	    height: 620px !important;
	  }

	img.dj-image {
	    height: 620px !important;
	    width: fit-content;
	}

	.djslider-in li {
	    height: 620px !important;
	}
}

@media only screen and (max-width: 768px) {
	.napovednik, .slika-dog {
		width: 100%;
	}
	.slogan h1 {
		font-size: 36px;
	}
	.slogan {
		padding: 50px 30px 80px 30px;
	}
	.djslider-default .navigation-container .prev-button, .djslider-default .navigation-container .next-button {
		display: none;
	}

	.uvod table tr td {
		width: 100% !important;
		display: block;
	}

	.uvod table tr td {
		padding-right: 0px;
		margin-bottom: 50px;
	}

	.uvod table tr td:nth-child(1) {
		padding-right: 0;
	}

	ul.newsflash-horiz_dej li, .napovednik, .slika-dog, ul.newsflash-horiz_utrinki li, .blog .items-leading > div {
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}

	ul.newsflash-horiz_dej li {
		padding: 0;
	}

	.napoved, .utrinki, .uvod, .vsebina {
		padding: 50px 0px;
	}

	.rubrike {
		padding: 50px 0px 0px 0px;
	}

	.uvod {
		background-size: 330px;
	}

	.uvod h1 {
		width: 100%;
	}

	ul.newsflash-horiz_utrinki li:hover {
		background: none;
	}
}

@media only screen and (max-width: 479px) {
	.djslider.djslider-default {
	    height: 420px !important;
	  }

	img.dj-image {
	    height: 420px !important;
	    width: fit-content;
	}

	.djslider-in li {
	    height: 420px !important;
	}

	.slogan h1 {
		font-size: 28px;
	}

	.slogan {
		padding: 40px 30px 10px 30px;
	}

	.content {
		padding: 0px 20px;
	}

	h1, .utrinki h2, .video h3 {
		font-size: 36px;
	}

	.banner-in.active {
		height: 40vh;
	}

	.logo img, .logo {
		width: 150px;
	}

	.top-top {
		width: calc(100% - 150px);
		margin-top: 10px;
	}

}