*{margin: 0;
border: 0;
padding: 0;
text-decoration:none;}

html{max-width:100%;}

body { background-image: url(images/furmil-hero-bg.jpg);
		background-repeat: no repeat;
		background-position: center right;
		background-attachment: fixed;
		height:20%;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size:cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: right;
		justify-content: right;
		align-items: right;
			background-color: #000;}

.navbar-mobile {
	 overflow: none;
  background-color: none;
	padding: 0 0px;
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  margin: 0 auto 0px auto;
	display:none;}

.navbar {
  overflow: none;
  background-color: none;
	padding: 0;
  top: 0; /* Position the navbar at the top of the page */
  width: 1600px; /* Full width */
  height:164px;
  margin: 0 auto 60px auto;
}

.navbar ul li a {
  font-family:'Rajdhani', sans-serif;
font-weight:400;
font-size: 16px;
line-height: 100%;
color:#fff;
}

.language {margin-right: 20px;}

.language a {
float: right;
text-align: right;
font-family:'Rajdhani', sans-serif;
font-weight:400;
font-size: 16px;
line-height: 100%;
color:#fff;
padding: 0 10px;
margin-top: 30px;

}

.logo {float: left;}
.logo-mobile {float: left;
margin-left: 20px;}


.language a:hover{ opacity: 0.7;
text-decoration: none;
	
}
.container-main {width: 1600px;
  margin: auto;
  padding-bottom: 100px;
  color: #fff;}
  
.title-box {padding:0px 0 0 15px;
	
}


.text-box {
padding: 0px 56px 0px 3vw;}


.subtitle-box { height: 100%;
padding: 0px 0px 0px 0vw;
margin: 10px 0 10px 0;
background-color: #fff;
box-shadow:  
  0 6.7px 5.3px rgba(0, 0, 0, 0),
  0 6.5px 10px rgba(0, 0, 0, 0),
  0 6.3px 17.9px rgba(0, 0, 0, 0),
  0 6.8px 20px rgba(0, 0, 0, 0.055),
  0 100px 40px rgba(0, 0, 0, 0.0);}


a:hover {text-decoration:none;}	


.image-displayed {
	background-image: url(images/polepitev-vozil-img.jpg);
		background-repeat: no repeat;
		background-position: center right;
		background-attachment: none;
		height:250px;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size:cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: right;
		justify-content: right;
		align-items: right;
			background-color: #323232;
			margin-top: 30px;}


.image-displayed-oznacevalne-table {
	background-image: url(images/oznacevalne-table-img.png);
		background-repeat: no repeat;
		background-position: center right;
		background-attachment: none;
		height:250px;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size:cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: right;
		justify-content: right;
		align-items: right;
			background-color: #323232;margin-top: 30px;}




.image-displayed-nalepke {
	background-image: url(images/nalepke-img.png);
		background-repeat: no repeat;
		background-position: center right;
		background-attachment: none;
		height:250px;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size:cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: right;
		justify-content: right;
		align-items: right;
			background-color: #323232;margin-top: 30px;}





#hover-box:hover {
box-shadow:  
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.0);
  margin: 0 0 70px 0;	
}
/*IMAGE hover effect*-START*/

#hover-box {
        position: relative;
        width: auto;
        height: auto;
		display: block; }





/*IMAGE hover effect*-END*/

/*Btn hover effect*-START*/

    #hover-box {
        position: relative;
        width: auto;
		display: block;
    }

   .btn {font-family:'Rajdhani', sans-serif;
		font-weight:700;
		font-size: 14px;
		letter-spacing: 2px;
       
		color: #0E4B99;
        bottom: 56px;
        left: 56px;
        padding: 12px 16px 10px 16px;
		border: solid 1px #0E4B99;
        background: none;
        text-decoration: none;
        text-align: center;

    }



/*Btn hover effect*-END*/












.icons {}


.icons-mobile {display:none;
padding: 60px 56px 32px 56px;
}


h1{text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:400;
font-size: 56px;
line-height: 100%;
color:#242424;
padding:0 0 15px 0;
margin-top: 0px;
margin-bottom: 0px;}

h2{text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:700;
font-size: 19px;
line-height: 24px;
color:#0E4B99;
letter-spacing: 1px;
padding:0;
margin-top: 0px;
margin-bottom: 0px;}

.black {color:#242424;
	
}

h3{text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:400;
font-size: 19px;
line-height: 24px;
color:#fff;
letter-spacing: 1px;
padding:0;
margin-top: 0px;
margin-bottom: 0px;}

p{text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:400;
font-size: 18px;
line-height: 22px;
color:#242424;
letter-spacing: 2px;
padding:0 0 5px 0;
margin-top: 0px;
margin-bottom: 0px;}





.footer-mobile {display: none;}

.footer-mobile {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background-color: #0e4b99;
  padding:15px 0 15px 40px;
}

.footer-mobile ul li{display: inline;
  text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:700;
font-size: 18px;
line-height: 22px;
  padding:0 50px 0 0;
}



.footer-mobile a{
 text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:700;
font-size: 18px;
line-height: 22px;
color:#efefef;
letter-spacing: 2px;

}





						 
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background-color: #0e4b99;
  padding:15px 24px;
 }

.footer ul li{display: inline;
  text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:700;
font-size: 18px;
line-height: 22px;
color:#efefef;
  padding:0 50px 0 0;
}

.footerright {float: right;}

.footer a{
 text-align: left;
font-family:'Rajdhani', sans-serif;
font-weight:700;
font-size: 18px;
line-height: 22px;
color:#efefef;
letter-spacing: 2px;

}

.footer a:hover{
opacity: 0.7;
text-decoration: none;

}


/**********************MENU*********************************/
.menu-collapsed {
	transition:all .25s;
	position:fixed;
	top:90vh;
	left:0vw;
	height:64px;
	width:420px;
	z-index:1;
	cursor:pointer;
	display:none;}



.menu-collapsed ul {
      transition:all .05s;
      position:fixed;
      left:-9000px;
    }


.menu-collapsed .bar {
    position:fixed;
     left:85vw;
    top:90vh;
    height:0px;
    width:32px;
    border-radius:50px;
  background-color:none;}

.has-top-banner .menu-collapsed .bar {
	top: 84px;
	}
	


.menu-collapsed .bar:before {
      transition:all .25s;
      content:"";
      position:fixed;
     left:86vw;
      bottom:24px;
      height:14px;
      width:3px;
      border-radius:80px;
      background-color:#fff;
	  transform: rotate(45deg);
    }


.menu-collapsed .bar:after {
      transition:all .25s;
      content:"";
      position:fixed;
     left:86vw;
      bottom:24px;
      height:14px;
      width:3px;
	  margin-left:8px;
      border-radius:80px;
      background-color:#fff;
	  transform: rotate(-45deg)
    }



.menu-expanded {
  transition:all .25s;
  text-align:left;
  line-height:350%;
  margin-bottom:0;
  height:100%;
  width:100%;
  border-radius:0px;
  top:40vh;
  left:0;
background-color:#0e4b99;
opacity:1;
}





.menu-expanded .bar {
    background-color:transparent;
  transition:all .25s;

}

.menu-expanded .bar:before {
      transition:all .25s;
      content:"";
      transform:rotate(-45deg);
      bottom:28px;
	     background-color:#fff;
    }
.menu-expanded .bar:after {
      transition:all .25s;
      content:"";
      transform:rotate(45deg);
      bottom:28px;
	     background-color:#fff;
    }




.menu-expanded ul {

    transition:all .05s;
    position:relative;
    left:0px;
    z-index:2;
	padding-top: 30px;
	margin:0;
  }


.menu-expanded ul li  {
    transition:all .15s;
    text-decoration:none;
	text-align:left;
    color:#fff;
    font-size:18px;
	font-weight: 700;
	line-height: 250%;
    font-family: 'Rajdhani', sans-serif;
	letter-spacing: 0px;
	padding: 10px 40px;
	display: block;}


.menu-expanded ul li a {
    transition:all .15s;
    text-decoration:none;
	font-weight: 400;
    color:#fff;
	display: block;}

.menu-expanded li a:hover {
      transition:all .15s;

    }





/***********************NAV-mobile-END*********************************/
.arrow {
    position:relative;
	margin-top:0px;
	margin-left: 8px;
content:"";
    height:3px;
    width:16px;
    border-radius:50px;
  background-color:#fff;
}

 


.arrow:after{
    position:relative;
	margin-top:0px;
	margin-right: 8px;
content:"";
    height:3px;
    width:16px;
    border-radius:50px;
  background-color:#fff;
  transform:rotate(-45deg);
}

img {margin-right:12px;}







/*****************POP-UP**************************/


.bg-popup {width: 100%; height: 100%;
background-color: rgba(0,0,0, 0.7);
position: absolute;
top:0;
z-index: 1;
display:flex;
justify-content: center;
align-items: center;
display:none;
}

.popup {width: 740px;
height: 550px;
background-color: #fff;
border-radius: 4px;
text-align: center;
position:relative;
padding: 20px;}

input { width: 280px;
background-color: #f2f2f2;
height: 56px;
padding: 16px 12px 0 12px;
font-family: 'Rajdhani', sans-serif;
margin: 20px 20px;
border-radius:0;
	
}

.btnpop {
border: solid 2px #0e4b99;
font-family: 'Rajdhani', sans-serif;
font-size:16px;
font-weight: 700;
color: #0e4b99;
padding: 8px 20px 6px 20px;
width:100px;
text-align:center;
margin-top:50px;}


.btnpop:hover {opacity:0.7; text-decoration:none;}

.popup-image {margin:20px 0 40px 0; }

.close {position:absolute;
	font-family: 'Rajdhani', sans-serif;
font-weight: 400;
font-size: 36px;
color: #282828;
transform: rotate(45deg);
margin: 20px;
line-height:50%;
top:12px;
right:12px;
cursor: pointer;}




textarea {width:600px;
vertical-align: top;
background-color: #f2f2f2;
padding: 16px 12px 0 12px;
font-family: 'Rajdhani', sans-serif;
margin: 20px 0px 50px 0px;}



.blue {color:#787878;
text-align: center;
font-weight: 400;
margin-bottom:20px;}













/*mobile addaptive homepage**********************************************************************************
******************************************************************************
*********************************************************************
*****************************************************************************************************
********************************************************************************************/

/***************************************************/
/************** SCREEN MAX 765 ********************/
/***************************************************/


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


.text-box {
padding: 0px 56px 0px 10vw;}
}


#hover-box-mobile: {
box-shadow:  
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.0);
  padding: 0px 0;	
}
/*IMAGE hover effect*-START*/

#hover-box-mobile {display: none;
        position: relative;
        width: auto;
        height: auto;
		display: block; }


   




/*IMAGE hover effect*-END*/

/*Btn hover effect*-START*/

    #hover-box {
        position: relative;
        width: auto;
        height: auto;
		display: block;
    }

 .btn{
		font-family:'Rajdhani', sans-serif;
		font-weight:700;
		font-size: 14px;
		letter-spacing: 2px;
        opacity: 1;
        bottom: 10px;
        left: 10px;
        padding: 0;
		border: none;
		border-radius:0;
        color: #0E4B99;
        background: none;
        text-decoration: none;
        text-align: center;
        
        
    }



/*Btn hover effect*-END*/









































/***************************************************/
/************** SCREEN MAX 1400 ****START***********/
/***************************************************/

@media screen and (max-width: 1400px) {
	
	.container-main {width: 1140px;
  margin: auto;}
  
  .navbar {
  width: 1140px; /* Full width */
}
  
}



/***************************************************/
/************** SCREEN MAX 1024 ****START***********/
/***************************************************/

@media screen and (max-width: 1024px) {
	
.container-main {width: 980px;
  margin: auto;}
  
 .navbar {
  width: 980px; /* Full width */
}

h1{
font-size: 44px;
}



 
 .navbar {
  margin: 0 auto 40px auto;
}

.navbar {display:none;}
.navbar-mobile{display:inline;}



/***************************************************/
/************** SCREEN MAX 1024 ****END*************/
/***************************************************/






/***************************************************/
/************** SCREEN MAX 800 ****START************/
/***************************************************/

@media screen and (max-width: 800px) {
	
.container-main {width: auto;
  margin: auto;}
  
 .navbar {display:none;}
 .navbar-mobile {display: inline;}
 .footer {display:none;}
 .footer-mobile {display: inline;}
 
 h1{font-size: 40px;
 padding: 0 0 5px 0;}

 

}

/***************************************************/
/************** SCREEN MAX 768 ***END**************/
/***************************************************/



/***************************************************/
/************** SCREEN MAX 420 ****START************/
/***************************************************/

@media screen and (max-width: 420px) {
	
.container-main {width: auto;
  margin: auto;}
  
 .navbar {display:none;}
 .navbar-mobile {display: inline;}
 .footer {display:none;}
 .footer-mobile {display: inline;}
 


  


}

/***************************************************/
/************** SCREEN MAX 400 ***END**************/
/***************************************************/