body{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#333333;
	margin:0; padding:0;
	line-height:20px;
	background:#8ba9a5 url(../images/bg.jpg) no-repeat center top;;

}



ul{list-style:none;}
ul, li{margin:0; padding:0;}
h1, h2, h3, h4,h5{margin:0; padding:0; font-family: 'Philosopher', sans-serif;}
h1{font-size:24px;font-weight:bold; text-transform:uppercase;  color:#34356e; margin:0 0 10px 0; float:left; width:100%}
h2{font-size:15px;  margin:0 0 5px 0; color:#4e452b;  text-transform:uppercase; }
h3{font-size:14px;  margin-bottom:10px; color:#333333;}
h4{font-size:13px; margin-bottom:10px; color:#c20000;}
h5{font-size:14px; margin-bottom:10px; color:#000000;}

p{margin:0 0 15px 0;}

a img{border:0;}
a:active, a:link, a:visited{
	color:#383895;
	text-decoration:none;
	outline:none;
}
a:hover{color:#b10000; text-decoration:none;}

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

#wrapper{width:980px; margin:0 auto 0 auto;}
#top{width:980px; height:92px; float:left;}
#logo{width:189px; height:92px; background:url(../images/logo_cargo_center.jpg) no-repeat left top; float:left;}
#logo a{width:189px; height:92px; text-indent:-9999px; display:block;}

#main{width:600px; padding:0 20px 0 0; border-right:1px solid #cccccc; float:left;}



#mainnav{width:781px; height:36px; padding:36px 0 0 0; font-family: 'Philosopher', sans-serif; overflow:hidden; float:left;}
#mainnav ul{float:right;}
#mainnav ul li{margin:0 2px 0 0; font-size:16px; text-transform:uppercase; float:left;}
#mainnav ul li a{height:38px; display:inline-block;padding:5px 10px; color:#1d1d1d;}
#mainnav ul li a:hover{display:inline-block;padding:5px 10px; color:#c80303;}
#mainnav ul li a.selected{display:inline-block;padding:5px 10px; background:url(../images/bg_nav.jpg) no-repeat center top; color:#ffffff;}

#header{width:980px; height:315px; float:left;}
#lang{width:32px; height:27px; margin:0 0 130px 0; padding:5px 0 0 10px; background:url(../images/lang.jpg) no-repeat left top; color:#ffffff;font-size:16px; text-transform:uppercase; font-family: 'Philosopher', sans-serif; float:right;}
#lang{width:32px; height:27px; margin:0 0 130px 0; padding:5px 0 0 10px; background:url(../images/lang.jpg) no-repeat; color:#ffffff;font-size:16px; text-transform:uppercase; font-family: 'Philosopher', sans-serif;  float:right;}
#lang a{color:#ffffff;}

#intro{width:370px; padding:20px;  color:#ffffff; font-size:25px; font-family: 'Philosopher', sans-serif; line-height:28px; float:left;}

#content{width:980px; float:left;}
#content-int{width:940px; padding:20px; background:#ffffff;; float:left;} 

.pic img{
	max-width:100%;
	height:auto;
	margin-bottom:20px;
}

#content-int img{float:right;}

#sidebarone{width:280px; margin:0 0 0 32px; float:left;}
#sidebarone img{float:left;}

.item{width:100%; margin:25px 0 0 0; float:left;}


.boxh{width:270px; height:300px; padding:30px 20px 20px 20px; margin:0 23px 0 0; background:#ffffff; float:left;}
.boxh-last{width:270px; height:300px; padding:30px 20px 20px 20px; background:#ffffff; float:right;}

a.more:active, a.more:link, a.more:visited{padding:0 10px 0 0; text-align:right; background:url(../images/arrow.gif) no-repeat right 7px; float:right;}

#bottom-home{width:980px; margin:20px 0 0 0; float:left;}

.cotatie{width:308px; height:54px; float:left;}
#links{width:646px; height:54px; background:#ffffff; float:right;}
.linkzone{width:208px; height:54px; line-height:54px; padding:0 0 0 30px; background:url(../images/bg_links.gif) no-repeat left top; color:#ffffff; font-size:23px; text-transform:uppercase;  font-family: 'Philosopher', sans-serif; float:left;}
.logos{width:406px; float:left;}

#partners{width:100%; float:left;}
#partners a img{border:1px solid #cccccc; margin:0 10px 10px 0; float:left;}

#footer{width:980px; float:left;}
#copyright{width:300px; float:left;}
#bottomnav{width:600px; float:right;}

#formular{width:100%; float:left;}
#contacts{width:100%; margin:0 0 10px 0; float:left;}
#contacts ul li{ margin:0 2px 0 0;float:left;}
#contacts ul li  a{height:25px; line-height:25px; display:inline-block;padding:0 10px; color:#1d1d1d; background:#cccccc;}
#contacts ul li a:hover{display:inline-block;padding:0 10px; color:#c80303;}
#contacts ul li a.selected{display:inline-block;padding:0 10px; background:#ca0405; color:#ffffff;}

.label{width:100px; text-align:right; padding:0 10px 0 0; float:left;}
.item-form{width:100%; margin:0 0 10px 0; float:left;}

.header-mobile{
	display:none
	}
	
.btn-nav{
	display:none;
	}
	
#lang-mobile{
		display:none;
		}

@media (max-width:768px){
	body {
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		margin: 0;
		padding: 0;
		line-height: 20px;
		background: #fff;
		background-size:100%
	}
	
	
	*{
		box-sizing:border-box
		}
	
	#wrapper{
		width:100%
		}
		
	#top{
		width:100%;
		height:auto;
		}
	
	#lang-mobile{
		display:block;
		}
		
	#content{
		width:100%
		}
		
	.btn-nav{
		width:40px;
		height:40px;
		position:absolute;
		right:20px;
		top:20px;
		cursor:pointer;
		display:block
		}
		
	.btn-nav span{
		width:100%;
		height:3px;
		background:#666;
		display:block;
		margin:0 0 4px 0;
		}
		
	#mainnav.collapsed{
		display:none;
		}
		
	#mainnav.expanded{
		display:block
		}
		
		
	#mainnav{
		width:100%;
		height:auto;
		padding:0;
		}
		
	#mainnav ul{
		float:none;
		}
		
	#mainnav ul li{
		display:block;
		float:none;
		}
		
	#mainnav ul li a.selected{
		background:none;
		color:#c80303;
		}
		
	#intro{
		display:none;
		}
	
		
	#header{
		display:none;
		}
		
	.header-mobile{
		display:block;
		}
		
	.header-mobile img{
		width:100%;
		}
		
	#content-int{
		width:100%;
		}
		
	#sidebarone{
		width:100%;
		margin:0;
		padding:20px 0;
		}
		
	#main{
		width:100%;
		border:none;
		fooat:none;
		}
		
	#bottom-home{
		width:100%
		}
		
	#lang {
		width: 32px;
		height: 27px;
		margin: -24px 0 130px 0;
		}
		
	
	.boxh-last {
		width: 270px;
		height: 280px;
		padding: 30px 20px 20px 20px;
		background: #ffffff;
		float: none;
		display: block;
		clear: both;
	}
	
	img{
		max-width:100%;
		height:auto;
		}
		
	#lang-mobile a{
		width:30px;
		height:30px;
		line-height:30px;
		background: url(../images/lang.jpg) no-repeat;
		color: #ffffff;
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Philosopher', sans-serif;
		display:block;
		position:absolute;
		right:21px;
		top:62px;
		text-align:center
	}
		
		
	#links{
		display:none;
		}
		
	}


/*gdpr*/

:root {
    --purple: #3B3646;
    --red: #EE4B5A;
}

button#ihavecookiesBtn {
    margin-left: 0px !important;
}
/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}