* {
	outline:none;
	box-sizing: border-box;
	list-style-type:none;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	
}
:focus {
outline: 0;
}
img {	vertical-align: middle; }
a  {	text-decoration:none;}
.kapsa {margin:0 auto; width:90%;}
body {
	overflow:hidden;

	}

body,html {
	width:100%;
	height:100%;	
	font-family: 'Roboto', sans-serif;
	font-size:16px;	
	}
.scroll {
	position:fixed;
	right:5px;
	bottom:20px;
	width:30px;
	height:30px;	
	color:#FFF;
	font-size:20px;
	z-index:9;
	text-align:center;
	padding-top:2px;
	display:none;
	cursor:pointer;
	border-radius:100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	color:#FFF;	
	}	
.scroll > img{
	width:25px;
	}	
		
.loading {
	display:flex;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1);	
	z-index:9999999999;
	align-items:center;
	justify-content:center;
	flex-direction:column;	
	}	
.bg {
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	position:relative;
	}
.bg:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:100%;
	background-color:rgba(0,0,0,.74);

	}			
.bg	> .middle {
	position:relative;
	z-index:2;
	}
.top {
	padding-top:1rem;
	padding-bottom:1rem;
	background-color:#FFF;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:3;
	
	}
.top .kapsa {
	display:flex;
	align-items:center;
	}	
.top .logo {
	width:40%;
	}
.top .logo > img {
	width:130px;
	}	
.top .top-right {
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	width:60%;
	color:#3c3c3c;
	line-height:1.4rem;
	}
		
.top .top-right a {
	color:#3c3c3c;
	}	
.top .top-right .adres {
	width:222px;
	}
.top .top-right .eposta {
	margin-right:3rem;
	display:flex;
	flex-direction:column;
	}		
.top .top-right .telefon{
		margin-right:3rem;
		}	
.top .top-right .telefon > a {
	display:flex;
	align-items:flex-end;
	}
.top .top-right .telefon img {
	width:30px;
	margin-left:.5rem;
	}	
.middle {
	margin-bottom:3rem;
	padding-top:180px;
	}	
.middle .kapsa {
	display:flex;
	color:#FFF;	
	}	
.middle .kapsa p:not(:last-child) {
	margin-bottom:1rem;
	}	
.middle .kapsa .col-1, .middle .kapsa .col-2  {
	width:48%;
	line-height:1.5rem;
	font-size:.9rem;
	}	
.middle .kapsa .col-1 {
	margin-right:4%;
	}
.middle .kapsa h2 {
	font-weight:600;
	margin-bottom:1rem;
	}	
.bottom {
	padding-bottom:3rem;
	}	
.slider .owl-nav {
	display:flex;
	width:100%;
	justify-content:center;
	margin-top:1rem;
	}		
.slider .owl-nav button.owl-next, .slider .owl-nav button.owl-prev {
	font-size:2rem;
    color: #fff;
}	
.slider .owl-nav button.owl-prev {
  margin-right:2rem;
}	
.footer-contact {
	position:relative;
	z-index:2;
	background-color:#FFF;
	color:#3c3c3c;
	display:none;
	padding-top: 1rem;
    padding-bottom: 1rem;
	}
.footer-contact .kapsa {
	display:flex;	
	padding-top:1rem;
	padding-bottom:1rem;
	
	}
	
.footer-contact a {
	color:#3c3c3c;
	}	
.footer-contact .adres {
	width:222px;
	}
.footer-contact .eposta {
	margin-right:3rem;
	display:flex;
	flex-direction:column;
	}		
.footer-contact .telefon{
		margin-right:3rem;
		}	
.footer-contact .telefon > a {
	display:flex;
	align-items:flex-end;
	}
.footer-contact .telefon img {
	width:30px;
	margin-left:.5rem;
	}		
@media only screen and (min-width:1400px) and (max-width:1920px) 
{
	
}
@media only screen and (min-width:990px) and (max-width:1308px) 
{
.top {
	position:relative;
	margin-bottom:2rem;
	}	
.middle {
	padding-top:0;
	}	
.top .logo {
    width: 20%;
}
.top .top-right {
    width: 80%;
}
}


@media only screen and (min-width:601px) and (max-width:800px) 
{


}
@media only screen and (min-width:601px) and (max-width:1000px) 
{
	
.top {
	position:relative;
	
	margin-bottom:2rem;
}
.middle {
	padding-top:0;
	}	
.top .kapsa {
    flex-wrap:wrap;
}
.top .logo {
	width:100%;
	margin-bottom:0;
	text-align:center;
	}
.footer-contact .kapsa {
    flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	align-items:center;
}	
.footer-contact .adres {
	width:100%;
	text-align:center;
    margin-right: 0rem;
	margin-top:1rem;
	margin-bottom:1rem;
	
}
.footer-contact .eposta {
    margin-right: 0;
    width:50%;
	text-align:center;
}
.footer-contact .telefon {
	width:50%;
	margin-right:0;
	margin-bottom:1rem;
	text-align:center;
	}
.footer-contact .telefon > a {
    display: flex;
    align-items: center;
	justify-content:center;
	}
.top .top-right{
	display:none;
	}
.footer-contact {
	display:block;
	}	
.footer-contact .kapsa {
	justify-content:center;
	}	
}
@media only screen and (max-width:600px)
{
.top {
    margin-bottom: 2rem;
	position:relative;
}
.middle {
	padding-top:0;
	}		
.top .kapsa {
    flex-wrap:wrap;
}
.top .logo {
	width:100%;
	text-align:center;
	}
.footer-contact .kapsa {
    flex-direction:column;
	width:100%;
}	
.footer-contact .adres {
	width:100%;
	text-align:center;
    margin-right: 0rem;
	margin-bottom:1rem;
}
.footer-contact .eposta {
    margin-right: 0;
    width:100%;
	text-align:center;
	margin-bottom:1rem;
}
.footer-contact .telefon {
	width:100%;
	margin-bottom:1rem;
	text-align:center;
	margin-right:0;
	}
.footer-contact .telefon > a {
    display: flex;
    align-items: center;
	justify-content:center;
	}
.middle .kapsa {
	flex-direction:column;
}	
.middle .kapsa .col-1 {
    margin-right: 0%;
	margin-bottom:2rem;
}
.middle .kapsa .col-1, .middle .kapsa .col-2 {
    width: 100%;
}
.top .top-right{
	display:none;
	
	}
.footer-contact {
	display:block;

	}
}


