@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Neuzeit';
    src: url('/fonts/NeuzeitGro-Reg.eot');
    src: url('/fonts/NeuzeitGro-Reg.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NeuzeitGro-Reg.woff2') format('woff2'),
        url('/fonts/NeuzeitGro-Reg.woff') format('woff'),
        url('/fonts/NeuzeitGro-Reg.ttf') format('truetype'),
        url('/fonts/NeuzeitGro-Reg.svg#NeuzeitGro-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,html{
	margin:0px;
	padding:0px;
	font-family: 'Neuzeit', sans-serif;
	font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size:16px;
	position:relative;
	box-sizing:border-box;
}

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

img{
	border:none;
}

strong{
	font-weight: bold;
}

.clear{
	clear:both;
	height:0px;
	font-size:0px;
}

*{
	box-sizing:border-box;
}

table td{
	position:relative;
}

.responsive-show{
	display: none;
}

.mobile-show{
	display: none;
}

/***HEADER***/
.header_custom{
	width:100%;
	overflow:hidden;
	position:relative;
}

.header_custom .header_left{
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
	width:56%;
	display:inline-block;
	position:relative;
	left:0;
}

.header_custom .header_right{
	display:inline-block;
	width:56%;
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
	position:absolute;
	right:0;
}

.header_custom .header_left > img,
.header_custom .header_right > img{
	display: block;
	width:100%;
}

.header_custom .overlay{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.header_custom .overlay h1{
	font-size:48px;
	line-height:52px;
	font-family:'Exo', sans-serif;
}

.content_container{
	line-height:22px;
}

.call_content h1,
.content_container h1{
	font-size:48px;
	line-height:52px;
	color:#1C1C59;
	margin:0px;
	font-weight:bold;
	font-family:'Exo', sans-serif;
	letter-spacing:2px;
}

.content_container h3{
	font-size:24px;
	line-height:24px;
	margin:0px;
	font-weight:300;
	color:#BDBDBD;
	font-family:'Exo', sans-serif;
	letter-spacing:2px;
}

.content_container h4{
	font-size:20px;
	margin:0px;
	font-weight:600;
	color:#1C1C59;
	letter-spacing:1px;
	margin-bottom:10px;
}

.call_content hr,
.content_container hr{
	border:none;
	display:inline-block;
	border-top:3px solid #40C1AC;
	width:110px;
}

a.turkizen-gumb,
.header_custom .overlay a{
	display:inline-block;
	padding:15px 30px 15px 40px;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	font-weight:400;
	transition: all ease-in-out 0.2s;
	background-color:#40C1AC;
	border:2px solid #40C1AC;
	position: relative;
	text-transform: uppercase;
	font-family:'Exo', sans-serif;
}

a.turkizen-gumb::after,
.header_custom .overlay a::after{
	content:'';
	display:inline-block;
	width:20px;
	height:12px;
	margin-left:10px;
	background:url(/images/arrow_more_w.png) no-repeat;
	background-position:left center;
	transition: background-position 0.5s ease;
}

a.turkizen-gumb:hover,
.header_custom .overlay a:hover{
	background-color:#1C1C59;
	border-color:#1C1C59;
}

a.turkizen-gumb:hover::after,
.header_custom .overlay a:hover::after{
	background-position:right center;
}

.floater-buttons{
	position:fixed;
	right:20px;
	top:50vh;
	margin-top:-67px;
	z-index:11;
	text-align: right;
}

.floater-buttons a{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:38px;
	overflow: hidden;
	transition: all ease-in-out 0.3s;
	background-color:#fff;
	box-shadow:0px 0px 4px rgba(0,0,0,0.25);
	position: relative;
	border-radius:20px;
	text-align: left;
	color:#3D4B52;
	text-transform:uppercase;
}

.floater-buttons a span{
	width:240px;
	display:inline-block;
	text-align: center !important;
	vertical-align:middle;
}

.floater-buttons a::after{
	content:'';
	display:inline-block;
	width:40px;
	height:40px;
	vertical-align: middle;
	position:absolute;
	right: 0px;
	top:0px;
}

.floater-buttons a.download::after{
	background: url(/images/download_icon_g.png) center center no-repeat #fff;
}

.floater-buttons a.contact::after{
	background: url(/images/email_icon_g.png) center center no-repeat #fff;
}

.floater-buttons a.location::after{
	background: url(/images/location_icon_g.png) center center no-repeat #fff;
}

.floater-buttons a:hover{
	width:240px;
}

.top_container{
	padding:10px 0px;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	background-color:#EBCB84;
}

.top_container .top_content{
	width:100%;
	max-width:1400px;
	margin:auto;
}

.resp_menu_button{
	position:relative;
	text-align:center;
	z-index:3;
	padding-left:0px !important;
	height:25px;
	width:30px;
	margin-left:10px;
	display:none;
	margin-top:11px !important;
	float:right;
}

.resp_menu_button span{
	display:inline-block;
	width:30px;
	height:4px;
	background-color:#1C1C59;
	position:absolute;
	left:50%;
	margin-left:-15px;
	transition:all ease-in-out 0.3s;
	border-radius:10px;
}

.resp_menu_button span:nth-child(1){
	top:0px;
}

.resp_menu_button span:nth-child(2){
	top:9px;
}

.resp_menu_button span:nth-child(3){
	top:18px;
}

.resp_menu_button.open span:nth-child(1){
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 8px;
}

.resp_menu_button.open span:nth-child(2){
	width: 0%;
	opacity: 0;
}

.resp_menu_button.open span:nth-child(3){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 8px;
}

.sub_menu_container{
	background-color:#1C1C59;
	padding:20px;
	text-align:center;
	position: relative;
	z-index:99999999;
}

.sub_menu_container .sub_menu_content{
	position: relative;
	max-width:1440px;
	margin: auto;
	color:#fff;
	line-height:24px;
	font-family:'Exo', sans-serif;
}

.sub_menu_container .sub_menu_content a{
	color:#fff;
	display:inline-block;
	font-size:14px;
	line-height:18px;
}

.sub_menu_container .sub_menu_content a img{
	margin-right:10px;
	margin-top:1px;
}

.sub_menu_container .sub_menu_content span{
	line-height:20px;
	font-size:20px;
	color:#ffffff;
	vertical-align: middle;
	margin:0px 20px;
}

.sub_menu_container .sub_menu_content .language span{
	border-left:1px solid #ffffff;
	margin:0px 15px !important;
}

.toolbar_content{
	float:right;
	margin-top:0px;
	border-left:1px solid #D6D6D6;
	padding-left:20px;
	padding-top:10px;
}

.toolbar_content a svg{
	transition: all ease-in-out 0.15s;
	transform-origin: top left;
}

.toolbar_content a svg path{
	transition: all ease-in-out 0.15s;
}

.toolbar_content a:hover{
	text-decoration: underline;
}

.kontakt a:hover svg,
.toolbar_content a:hover svg{
	transform: scale(1.2);
}

.kontakt a:hover svg path,
.toolbar_content a:hover svg path{
	fill:#EBCB84;
}

.sub_menu_container .sub_menu_content .language{
	display: inline-block;
	vertical-align: top;
	position:absolute;
	right:0px;
	top:0px;
}

.sub_menu_container .sub_menu_content .language .curr_lang::after{
	content:'';
	display:inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #FFFFFF transparent transparent transparent;
  transform: rotate(0deg);
	margin-left:4px;
	vertical-align: middle;
}

.sub_menu_container .sub_menu_content .language ul{
	list-style: none;
	margin:0px;
	padding:0px;
	display:inline-block;
}

.sub_menu_container .sub_menu_content .language ul li a{
	display:block;
}

.sub_menu_container .sub_menu_content .language ul li ul li img{
	display: inline-block !important;
}

.scroll_menu{
	position: relative;
	width:100%;
	z-index:9999;
	transition:all ease-in-out 0.3s;
	background-color:#ffffff;
	box-shadow:0px 0px 7px rgba(0,0,0,0.15);
}

.scroll_menu.scroll{
	position:fixed;
	top:0px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.25);
}

.scroll_menu.scroll .menu_container{
	margin-bottom:0px !important;
	border:none !important;
}

.scroll_menu .st0{fill:#2c4a66; transition:all ease-in-out 0.3s;}
.scroll_menu svg{fill:#ffffff;}
.scroll_menu.scroll .st0{fill:#ffffff; transition:all ease-in-out 0.3s;}
.scroll_menu.scroll svg{fill:#000000;}

.menu_container{
	width:98%;
	margin:auto;
	padding:0px 0px 0px 0px;
	max-width: 1440px;
}

.logo{
	float:left;
	width:20%;
	max-width: 165px;
	margin-top:35px;
}

.logo-responsive img{
	width:100px;
	height: auto;
}

/***CONTENT***/
.content_container h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 0px;
  font-weight: 400;
  letter-spacing: 5px;
}

.table_counter h1 {
  font-size: 36px;
  line-height: 40px;
  color: #383838;
  margin: 0px;
  font-weight: 400;
  letter-spacing: 2px;
}

.table_counter h4 {
  font-size: 64px !important;
  line-height: 64px;
  color: #383838;
  margin: 0px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
}

.piktogrami td:nth-child(2n-1){
	width:100px;
	height:100px;
	box-shadow:0px 0px 14px 0px rgba(0,0,0,0.2);
	border-radius:7px;
	transition: all ease-in-out 0.3s;
}

.piktogrami td:nth-child(2n-1):hover{
	box-shadow:0px 0px 24px 0px rgba(0,0,0,0.3);
}

#service-form button, #service-form input, #service-form optgroup, #service-form select, #service-form textarea {
	margin: 0;
}

#service-form .left,
#service-form .middle,
#service-form .right{
	float:left;
	width:32.33%;
	margin-right:1.5%;
	margin-top:20px;
}

#service-form .right{
	margin-right:0px;
}

#service-form textarea{
	overflow: auto;
	padding: 10px 8px;
	border: 0;
	width: 100%;
	height: 95px;
	background-color:transparent;
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	color:#fff;
	border-bottom:1px solid #fff;
	margin-top:20px;
}

#service-form input[type="text"]{
	padding-right: 8px;
	padding-left: 8px;
	border: 0;
	width: 100%;
	height: 45px;
	background-color:transparent;
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	border-bottom:1px solid #fff;
	color:#fff;
}

#service-form input[type="text"]::placeholder,
#service-form select::placeholder,
#service-form textarea::placeholder{
	opacity:1;
}

#service-form select{
	margin: 0px;
	padding-right: 50px;
	width: 100%;
	height: 45px;
	border: 0;
	background-color:transparent;
	background-image: url('/images/icon_select.png');
	background-position: right 20px center;
	background-repeat: no-repeat;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#service-form button{
	padding: 0;
	border: 0;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	cursor: pointer;
}

#service-form button[type="submit"]{
	padding-left: 36px;
	padding-right: 36px;
	height: 44px;
	background-color: #8dc63f;
	color: white;
	line-height: 44px;
	text-transform: uppercase;
}

#service-form .checkbox{
	color:#5d5d5d !important;
}

#service-form .checkmark{
	border:1px solid #fff;
  position: absolute;
  top: 4px;
  left: 0;
  height: 12px;
  width: 12px;
}

.checkbox:hover input ~ .checkmark {
	border: 1px solid white;
}
.checkbox input:checked ~ .checkmark {
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox input:checked ~ .checkmark:after {
	display: block;
}

.checkbox .checkmark:after {
	left: 3px;
	top: 0px;
	width: 3px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#service-form .checkbox{
	padding-left: 20px;
	position: relative;
}

#service-form .checkbox .checkmark::after{
	border-color:#fff;
}

#service-form button[type="submit"]:hover{
	border:1px solid #8dc63f;
}

#service-form .checkbox input {
  display:none;
}

#service-form .checkbox a{
	color:#fff;
}

.column.column-checkbox{
	margin-top:20px;
	margin-bottom:20px;
}

.zastopstvo_content{
	
}

.zastopstvo_content a{
	display: inline-block;
	vertical-align: top;
	height:230px;
	width:23%;
	background-color:#ffffff;
	margin:0px 1%;
}

/***ARTS***/
.articles{
	text-align:left;
}

.articles .art_item{
	position:relative;
	display: inline-block;
	vertical-align: top;
	width:18%;
	margin:1%;
	overflow: hidden;
}

.articles .art_item .images{
	padding-top:110%;
	background-color:#EDEDED;
	position:relative;
}

.articles .art_item .title{
	font-size:20px;
	line-height:24px;
	font-family:'Exo',sans-serif;
	color:#000000;
	font-weight:700;
}

.articles .art_item_big{
	position:relative;
	display: inline-block;
	vertical-align: top;
	width:31.33%;
	margin:1%;
	background-color:#F6F6F6;
	overflow: hidden;
	text-align: center;
	transition:all ease-in-out 0.3s;
	padding-bottom:40px;
}

.articles .art_item_big .images{
	padding-top:65%;
	width:100%;
	position:relative;
}

.articles .art_item_big .images .image,
.articles .art_item .images .image{
	position: absolute;
	width:100%;
	height:100%;
	z-index:2;
	top:0px;
	left:0px;
}

.articles .art_item_big .images .image:nth-child(2){
	z-index:1;
	opacity:0;
	transition:all ease-in-out 0.3s;
}

.articles .art_item_big:hover{
	box-shadow:0px 0px 8px rgba(0,0,0,0.1);
	background-color:#ffffff;
}

.articles .art_item_big:hover .images .image:nth-child(2){
	z-index:3;
	opacity:1;
}

.articles .art_item_big .title{
	font-family:'Exo', sans-serif;
	color:#1C1C59;
	font-size:24px;
	line-height:normal;
	font-weight: bold;
	margin-bottom:10px;
	height: 64px;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.articles .art_item_big .desc{
	padding:0px 15px;
	min-height: 66px;
	height: 72px;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.articles .art_item .overlay{
	position:absolute;
	left:0px;
	top:0px;
	opacity:0;
	width:100%;
	height:100%;
	text-align: center;
	transition:all ease-in-out 0.3s;
	background-color:rgba(0,0,0,0.35);
}

.articles .art_item:hover .overlay{
	opacity:1;
}

.articles .art_item .overlay .title{
	font-size:24px;
	line-height:28px;
	font-weight:800;
	color:#fff;
	padding:0px 30px;
	margin-top:50px;
	transition: all ease-in-out 0.3s;
}

.articles .art_item:hover .overlay .title{
	margin-top:0px;
}

.articles .art_item .overlay .title::after{
	content:'';
	display:inline-block;
	width:50px;
	border:1px solid #D7001A;
	margin:15px 0px;
}

.articles .art_item .overlay .red-button{
	transition:all ease-in-out 0.3s;
	margin-top:50px;
}

.articles .art_item:hover .overlay .red-button{
	margin-top:0px;
}


/***FOOTER***/
.insta_container{
	margin: auto;
	margin-top:60px;
	max-width:1850px;
	text-align: center;
}

.insta_container .insta_content{
	margin-bottom:80px;
}

.insta_container .insta_item{
	display:inline-block;
	width:19.50%;
	padding-top:21%;
	position:relative;
	line-height:24px;
	font-size:16px;
	color:#616161;
	vertical-align:top;
	margin-left:0.5%;
	margin-bottom:0.5%;
}

.insta_container .insta_item:nth-child(5n-4){
	margin-left:0px;
}

.insta_container .insta_item hr{
	border:none;
	border-top:1px solid #af8b65;
	margin-top:20px;
	width:20%;
	margin:10px auto;
}

.insta_container .insta_item .overlay{
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.6);
	color:#616161;
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	opacity:0;
	transition:all ease-in-out 0.3s;
	display:table;
}

.insta_container .insta_item .overlay div{
	display:table-cell;
	height:100%;
	vertical-align:middle;
}

.insta_container .insta_item .overlay:hover{
	opacity:1;
}

.content_container.footer{
	font-size:18px !important;
	box-shadow:0px 0px 14px rgba(0,0,0,0.15);
}

.footer_container .gdpr{
	color: white!important;
}
.footer_container{
	width:100%;
	padding:0px;
	color:#000000;
	font-size:14px;
	line-height:18px;
}

.footer_container .footer_content{
	font-weight:500;
	font-family: 'Exo',sans-serif;
}

.footer_container .footer_content > table > tbody > tr > td{
	padding:85px 0px;
}

.footer_container .footer_content table tr td:nth-child(1){
	padding-left:0px;
}

.footer_container .footer_content h2{
	font-size:16px;
	margin:0px;
	font-family:'Exo',sans-serif;
	line-height:20px
}

.footer_container .footer_content a:not(.turkizen-gumb){
	color:#000000;
	line-height:40px;
	font-weight:500;
}

.newsletter_container a.turkizen-gumb{
	padding:15px 30px 15px 30px !important;
}

.newsletter_container a.turkizen-gumb:hover{
	background-color:#ffffff;
	color:#40C1AC;
	text-decoration: none !important;
}

.newsletter_container a.turkizen-gumb::after{
	display: none !important;
}

.footer_container .footer_content a svg{
	transition: all ease-in-out 0.15s;
	transform-origin: top left;
}

.footer_container .footer_content a svg path{
	fill:#fff;
	transition: all ease-in-out 0.15s;
}

.footer_container .footer_content a:hover{
	text-decoration: underline;
}

.footer_container .footer_content a:hover svg{
	transform: scale(1.2);
}

.footer_container .footer_content a:hover svg path{
	fill:#EBCB84;
}

.footer_container .footer_content h1{
	font-size:16px;
	color: #3c3c3c;
	font-weight: 600;
	height: 31px;
	border-bottom: 1px solid #d9d9d9;
}

.footer_container .footer_content h1 span{
	border-bottom: 3px solid #e21717;
	padding-bottom: 6px;
}

.footer_container .footer_content hr{
	border:none;
	border-top:3px solid #40C1AC;
	margin:0px;
	margin-top:15px;
	margin-bottom:15px;
	width:60px;
}

.footer_container .footer_content .right a{
	color:#585858;
	text-decoration:none;
	font-size:14px;
}

.production_container{
	color:#000;
	font-size:14px;
}

.production_container a{
	color:#000;
}

.production_container a:hover{
	text-decoration: underline;
}

.production_container .production_content{
	max-width:1400px;
	margin:auto;
	padding:10px 0px;
}

.production_container .production_content .left{
	float: left;
}

.production_container .production{
	float:left;
}

.production_container .right{
	float:right;
}

.production_container .right a{
	font-size:16px;
	color:#fff;
	text-transform: uppercase;
	padding-left:55px;
	text-align: right;
	font-weight:500;
}

.vehicle_color_container{
	
}

.vehicle_color_container .vehicle_color_content{
	max-width:1440px;
	width:100%;
	margin:auto;
}

.vehicle_color_container .vehicle_color_content .vehicle_color_image{
	float:left;
	width:62%;
	padding-top:31%;
	background-size:cover !important;
}

.vehicle_color_container .vehicle_color_content .vehicle_color_groups{
	float:right;
	width:35%;
}

.vehicle_color_container .vehicle_color_content .vehicle_color_groups .vehicle_color_group{
	margin-top:40px;
}

.vehicle_color_container .vehicle_color_content .vehicle_color_groups .vehicle_color_group .title{
	font-size: 20px;
  line-height: 24px;
  margin: 0px;
  font-weight: 700;
  letter-spacing: 0px;
	margin-bottom:10px;
}

.vehicle_color_container .vehicle_color_content .vehicle_color_groups .vehicle_color_group .color_item{
	width:40px;
	height:40px;
	display: inline-block;
	margin-right:12px;
	border-radius:20px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.25);
}

.vehicle_color_container .vehicle_color_content .vehicle_color_groups .vehicle_color_group .color_item.sel{
	box-shadow:0px 0px 7px rgba(0,0,0,1);
	border:2px solid #fff;
}

.newsletter_container{
	max-width:405px;
	width:100%;
}

.newsletter_container .newsletter_content{
	margin: auto;
	color:#fff;
}

.newsletter_container .newsletter_content input[type="text"]{
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	color:#000000;
	border:none;
	background-image:url(/images/newsletter_icon.png);
	background-position:center right 15px;
	background-repeat: no-repeat;
	background-color:#ffffff;
	font-family:'Neuzeir', sans-serif;
	margin-bottom:20px;
	height: 41px;
}

.newsletter_container .newsletter_content .button{
		height: 41px;
display: inline-block;
	line-height:43px;
	font-size:16px;
	font-weight:500;
	color:#383838;
	border-bottom:1px solid #383838;
	letter-spacing:2px;
	padding-bottom:9px;
}

.newsletter_container .newsletter_content .button::after{
	content: '';
  display: inline-block;
  width: 20px;
  height: 12px;
  margin-left: 10px;
  background: url(/images/arrow_more_w.png) no-repeat;
  background-position: left center;
  transition: background-position 0.3s ease;
}

.newsletter_container .newsletter_content .button:hover::after{
	background-position: right 8px center;
}

.newsletter_container .newsletter_content label{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 45px);
	margin-left:0px;
	color:#5d5d5d;
	font-size:14px;
}

.newsletter_container .newsletter_content label input{
	float:left;
	margin-bottom:30px;
	margin-right:10px;
}

.newsletter_container .newsletter_content .close_button{
	position:absolute;
	right:0px;
	top:0px;
}

.newsletter_container .newsletter_content label{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 45px);
	margin-left:0px;
	color:#ffffff;
	font-size:14px;
	line-height:16px;
}

.newsletter_container .newsletter_content h1{
	font-size: 36px;
  color: #2b2f31;
  margin: 0px;
}

.newsletter_container .newsletter_content label input{
	float:left;
	margin-bottom:30px;
	margin-right:10px;
}

.newsletter_container .newsletter_content .close_button{
	position:absolute;
	right:0px;
	top:0px;
}

#instagram{
	margin: auto;
	max-width:1440px;
	text-align: center;
}

#instagram .insta_content{
	margin-bottom:80px;
}

#instagram .insta_item{
	display:inline-block;
	width:24%;
	padding-top:25%;
	position:relative;
	line-height:24px;
	font-size:16px;
	color:#616161;
	vertical-align:top;
	margin-left:1%;
	margin-bottom:1%;
	border-radius:15px;
}

#instagram .insta_item:nth-child(4n-3){
	margin-left:0px;
}

#instagram .insta_item hr{
	border:none;
	border-top:1px solid #af8b65;
	margin-top:20px;
	width:20%;
	margin:10px auto;
}

#instagram .insta_item .overlay{
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(255,255,255,0.8);
	color:#000;
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	opacity:0;
	transition:all ease-in-out 0.3s;
	display:table;
}

#instagram .insta_item .overlay div{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:20px;
}

#instagram .insta_item .overlay:hover{
	opacity:1;
}

.contact_holder{
	width: 90%;
  margin:auto;
}
.contact_holder table tr td{
	width: 50%;
}
.contact_holder textarea
{
	height:168px;
}

.contact_holder select,
.contact_holder textarea,
.contact_holder input{
  width: 100%;
  font-size: 16px;
  padding: 17px 0px;
  margin-top: 0px;
  border: none;
  background-color:transparent;
  color: #000000;
  font-family: 'Exo', sans-serif;
  font-weight: 400;
	resize: none;
	border-bottom:1px solid #000000;
}

/***NAVIGATION***/
.page_nav_holder{
	margin:70px 0px;
	text-align:center;
	position: relative;
}

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

.page_nav_holder .nav_right{
	display:block;
	position:absolute;
	right:0px;
	top:5px;
}

.page_nav_holder .nav_middle .nav_first{
	display: inline-block;
	width:60px;
	height:50px;
	background:url(/images/paging_arrow_l.png) center center no-repeat;
	border:2px solid #4E5E66;
	border-radius:7px;
}

.page_nav_holder .nav_middle .nav_next{
	vertical-align: top;
	padding:12px 30px 12px 40px !important;
	margin-left:10px;
}

.page_nav_holder .nav_right .nav_input{
	display: inline-block;
	margin:0px 30px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	border-radius:7px;
	padding:0px 15px;
	color:#D8D8D8;
	font-size:20px;
	line-height:40px;
}

.page_nav_holder .nav_right .nav_input a{
	color:#D8D8D8;
}

.page_nav_holder .nav_right .nav_input input{
	display:inline-block;
	border:none;
	width:50px;
	text-align:center;
	font-family:'Manrope',sans-serif;
	font-size:16px;
}

/***IMAGE HOVER***/
.img-container {
    position: relative;
    display: inline-block;
}

.img-container::after {
	content: attr(data-alt);
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(255, 255, 255, 0.9);
	color: #000000;
	padding: 5px 20px;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
	border-radius:4px;
	font-size:10px;
	line-height:12px;
	width:65px;
	text-align: center;
	z-index:9;
	box-shadow:0px 0px 6px rgba(0,0,0,0.25);
}

.img-container:hover::after {
    opacity: 1;
}

/***EDITOR***/
a.prvi-nivo{
	font-size:16px;
	font-weight:700;
	position: relative;
	color:#000000;
	margin-bottom:5px;
	text-decoration:none;
	display: block;
	transition: all ease-in-out 0.3s;
}

a.prvi-nivo::after{
	content:'';
	display:block;
	width:20px;
	border:1px solid #1C1C59;
	position: absolute;
	bottom:-5px;
}

a.prvi-nivo:hover,
a.drugi-nivo:hover{
	color:#40C1AC;
}

a.drugi-nivo{
	font-size:16px;
	font-weight:400;
	position: relative;
	color:#000000;
	text-decoration:none;
	display: block;
	transition: all ease-in-out 0.3s;
}

a.tretji-nivo{
	font-size:16px;
	font-weight:400;
	position: relative;
	color:#909090;
	text-decoration:none;
	display: block;
	transition: all ease-in-out 0.3s;
	padding-left:10px;
}

div.red-button,
a.red-button{
	display:inline-block;
	padding:15px 40px 15px 40px;
	font-size:16px;
	line-height:16px;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	transition: all ease-in-out 0.2s;
	border-radius:4px;
	position: relative;
	background-color:#D7001A;
}

div.red-button:hover,
a.red-button:hover{
	background-color:#383838;
}

a.white-button{
	color:#fff;
	border:2px solid #fff;
}

a.black-button::after,
a.white-button::after,
div.black-button::after,
a.dark-button::after{
	content:'';
	display:inline-block;
	width:20px;
	height:9px;
	margin-left:10px;
	background:url(/images/arrow_more_b.png) no-repeat;
	background-position:left center;
	transition: background-position 0.5s ease;
}

a.white-button::after{
	background:url(/images/arrow_more_w.png) no-repeat;
	background-position:left center;
}

a.black-button:hover,
div.black-button:hover{
	background-color:#EBCB84;
	border-color:#EBCB84;
	color:#fff;
}

a.white-button:hover{
	background-color:#ffffff;
	border-color:#ffffff;
	color:#383838;
}

a.dark-button:hover{
	background: black;
	color: #fff;
}

a.black-button:hover::after,
div.black-button:hover::after,
a.dark-button:hover::after{
	background-position:right center;
	background-image:url(/images/arrow_more_w.png);
}

a.white-button:hover::after{
	background-position:right center;
	background-image:url(/images/arrow_more_b.png);
}

a.big-button{
	display:inline-block;
	width:100%;
	padding:25px 0px 30px 0px;
	background-color:#383838;
	box-shadow:0px 1px 4px rgba(0,0,0,0.25);
	color:#EBCB84;
	font-size:18px;
	line-height:24px;
	letter-spacing:5px;
	transition: all ease-in-out 0.3s;
}

a.big-button img{
	transform: scale(0.90);
	transition: all ease-in-out 0.2s;
}

a.big-button:hover{
	box-shadow:0px 0px 7px rgba(0,0,0,0.65);
	background-color: #323232;
}

a.big-button:hover img{
	transform: scale(1);
}

.white-text{
	color:#fff !important;
}

.turkizen-text{
	color:#40c1ac !important;
}

.gold-text{
	color:#EBCB84 !important;
}

table.news-table tr td img{
	display: block;
	position:relative;
	transition: all ease-in-out 0.3s;
}

table.news-table tr td a{
	display: block;
	overflow: hidden;
	border-radius:10px;
}

table.news-table tr td a:hover img{
	transform:scale(1.05);
}

table.news-table tr td .banner-text{
	position:absolute;
	bottom:30px;
	left:30px;
	width:calc(100% - 60px);
	font-size:18px;
	line-height:24px;
	color:#fff;
	letter-spacing:2px;
	z-index:3;
}

table.news-table tr td .banner-text h1{
	font-size:36px !important;
	line-height:40px !important;
	letter-spacing:2px !important;
	font-weight: bold !important;
	color:#fff !important;
	margin:0px 0px 20px 0px !important;
}

table.news-table tr td .banner-text hr{
	border-color:#fff !important;
	margin-top:0px !important;
	margin-bottom:20px !important;
}

table.news-table tr td a::before{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	opacity:0;
	background-color:transparent;
	z-index:4;
	width:100%;
	height:100%;
	transition: all ease-in-out 0.3s;
}

table.news-table tr td a::after{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	z-index:2;
	width:100%;
	height:100%;
	transition: all ease-in-out 0.3s;
	border-radius:10px;
	overflow: hidden;
}

table.news-table tr td a:hover::after{
	opacity:1;
}

div.overflow-scroll{
	max-width:96vw;
	margin: auto;
	overflow: auto !important;
	max-height:410px;
}

table.variacije tr td{
	color:#6F6F6F;
	padding:15px 0px;
	table-layout: fixed;
	width:1%;
}

table.variacije tr:nth-child(1) td{
	color:#000000;
}

table.variacije tr td{
	border-bottom:2px solid #40C1AC
}

a.gray-button,
div.gray-button,
a.blue-button,
.page_nav_holder .nav_middle .nav_next,
a.gold-button,
div.gold-button{
	display:inline-block;
	padding:10px 30px 10px 40px;
	font-size:16px;
	text-decoration:none;
	color:#383838;
	font-weight:bold;
	transition: all ease-in-out 0.2s;
	background-color:#EFEFEF;
	border-radius:5px;
	border:2px solid #EFEFEF;
	position: relative;
}

a.blue-button.back{
	padding-left:20px;
	padding-right:40px;
}

a.gold-button,
div.gold-button{
	border-color:#EBCB84;
	color:#EBCB84;
	margin-top:20px;
}

a.blue-button,
.page_nav_holder .nav_middle .nav_next{
	border-color:#4E5E66;
	color:#ffffff;
	background-color:#4E5E66;
}

a.gold-button::after,
div.gold-button::after,
a.gray-button::after,
div.gray-button::after,
a.blue-button::after,
a.blue-button.back::before,
.page_nav_holder .nav_middle .nav_next::after{
	content:'';
	display:inline-block;
	width:20px;
	height:9px;
	margin-left:10px;
	background:url(/images/arrow_more_b.png) no-repeat;
	background-position:left center;
	transition: background-position 0.5s ease;
}

a.blue-button.back::after,
a.gray-button.no-arrow::after{
	display: none;
}

a.gold-button::after,
div.gold-button::after{
	background:url(/images/arrow_more_g.png) no-repeat;
}

a.blue-button::after,
.page_nav_holder .nav_middle .nav_next::after,
a.blue-button.back::before{
	background:url(/images/arrow_more_w.png) no-repeat;
}

a.blue-button.back::before{
	transform: rotate(180deg);
	margin-right:10px;
}

a.gold-button:hover,
div.gold-button:hover{
	background-color:#EBCB84;
	border-color:#EBCB84;
	color:#fff;
}

div.gray-button:hover,
a.gray-button:hover,
a.gray-button.sel{
	background: #EBCB84;
	color: #fff;
}

a.blue-button:hover,
.page_nav_holder .nav_middle .nav_next:hover{
	border-color:#EBCB84;
	background: #EBCB84;
	color: #fff;
}

a.gold-button:hover::after,
div.gold-button:hover::after,
a.gray-button:hover::after,
div.gray-button:hover::after,
a.blue-button:hover::after,
.page_nav_holder .nav_middle .nav_next:hover::after{
	background-position:right center;
	background-image:url(/images/arrow_more_w.png);
}

a.blue-button.back:hover::before{
	background-position:right center;
	background-image:url(/images/arrow_more_w.png);
}

a.big-button{
	display:inline-block;
	width:100%;
	padding:25px 0px 30px 0px;
	background-color:#383838;
	box-shadow:0px 1px 4px rgba(0,0,0,0.25);
	color:#EBCB84;
	font-size:18px;
	line-height:24px;
	letter-spacing:5px;
	transition: all ease-in-out 0.3s;
}

a.big-button img{
	transform: scale(0.90);
	transition: all ease-in-out 0.2s;
}

a.big-button:hover{
	box-shadow:0px 0px 7px rgba(0,0,0,0.65);
	background-color: #323232;
}

a.big-button:hover img{
	transform: scale(1);
}

h1.red-text,
h2.red-text,
h3.red-text,
span.red-text,
a.red-text,
div.red-text{
	color:#E20917 !important;
}

.line-height-32{
	line-height:32px;
}

img.round{
	border-radius:7px !important;
	display: block;
}

.blog_content .blog_prev{
	display: inline-block;
	vertical-align: top;
	width:calc(30.33% - 5px);
	margin:0px 1.5%;
	text-align:left;
}

.blog_content .blog_prev .blog_pic{
	padding-top:80%;
	width:100%;
}

.blog_content .blog_prev .button{
	margin-top:20px;
}

.blog_content .blog_prev .button,
.blog_content .blog_prev .button svg path{
	transition: all ease-in-out 0.3s;	
}

.blog_content .blog_prev:hover .button{
	margin-left:10px;
}

.blog_content .blog_prev:hover .button svg path{
	fill:#40C1AC;
}

.blog_content .blog_prev .blog_date{
	color:#40C1AC;
	font-size:14px;
	margin-top:15px;
}

.blog_content .blog_prev .blog_title{
	color:#000000;
	font-size:20px;
	letter-spacing:1px;
	font-weight: bold;
	font-family:'Exo',sans-serif;
	margin-top:10px;
}

.blog_content .blog_prev .blog_short{
	font-size:16px;
	color:#000000;
	margin-top:15px;
}

.location_container{
	
}

.location_container .location_content{
	max-width:1440px;
	margin:30px auto 0px auto;
}

/****ANIMATIONS****/
.animate{
	position: relative;
	opacity:1;
	top:0px;
	transition: all ease-in-out 0.6s;
}

.animate.animation-lr{
	opacity: 0 !important;
	margin-left:-15% !important;
}

.animate.animation-rl{
	opacity: 0 !important;
	margin-left:15% !important;
}

.animate.animation-bt{
	opacity: 0 !important;
	top:100px !important;
}

.animate.animation-tb{
	opacity: 0 !important;
	top:-100px !important;
}

.animate.animation-fade{
	opacity: 0;
}

.animate.animation-scale{
	opacity:0;
	transform: scale(0);
}

.animate.animation-circle{
	border:70px solid #fff !important;
	left:-100px !important;
	top:25px !important;
}