@charset "utf-8";
/* CSS Document */

body
{
	font-size:10px;
	line-height:12px;	
	width: 100%;
    height: auto;
    float: left;	
	overflow-x: hidden;
}


#header
{
	width:98%;
	width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
	
	width:calc(100% - 40px);
	position: relative;
	float:left;
	background-image:url('../images/bg_gradient.jpg'); 
	background-repeat: repeat-y;
	padding-top:30px;
	padding-bottom:90px;
	padding-left:20px;
	padding-right:20px;
}



#intro-container
{
	position: relative;
	width:100%; 
	height:auto;
	float:left;
	min-height: 450px;
	background-image:url('../images/intro.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
}

#special-container
{
	
	min-height: 550px;
	background-image:url('../images/special.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
	
}


.intro-img {
    visibility: hidden;
}


#navi {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #23282d;
    width: 210px;
    height: 100%;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}


#content-backend
{
	position: relative;
	margin-left:210px; 
	width:calc(100% - 270px); 
	padding: 30px; 
	float:left;
}



.navi-item
{
	width:calc(95% - 40px);
	position: relative;
	padding: 5%;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:40px;
	float:left;
	font-family: 'Open Sans';
    font-weight: 400;
	font-size: 1.1em;
	color: white;
}

.navi-item:hover, .navi-item.active {
	 background-color:rgba(0,115,252,1);
}


.logo {
    width: 150px;
	position: relative;
	float: left;
}


.navi-normal
{
	font-family: 'Open Sans';
    font-weight: bold;
    color: white;
    text-decoration: none;
	float:right;
	position: relative;
	margin-right:35px;
	margin-top:10px;
}


.navi-button
{
	font-family: 'Open Sans';
    font-weight: 400;
    color: white;
    text-decoration: none;
	float:right;
	position: relative;
	margin-right:10px;
	border:2px solid white;
	border-radius:48px;
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:7px;
}




.icon-dashboard {
    background-image: url(../images/dashboard.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    top: 14px;
}



.icon-address {
    background-image: url("../images/address.svg");
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    top: 14px;
}





.icon-user {
    background-image: url(../images/users.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    top: 14px;
}


.icon-company {
    background-image: url(../images/company.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    top: 14px;
}




.icon-department {
    background-image: url(../images/department.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 35px;
    position: absolute;
    width: 35px;
    left: 12px;
    top: 14px;
}




.icon-cargroups {
    background-image: url(../images/cargroups.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 35px;
    position: absolute;
    width: 35px;
    left: 12px;
    top: 14px;
}





.icon-cars {
    background-image: url(../images/cars.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 35px;
    position: absolute;
    width: 35px;
    left: 12px;
    top: 14px;
}



.icon-zones {
    background-image: url(../images/zones.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    top: 14px;
}




.icon-orders {
    background-image: url(../images/order.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 35px;
    position: absolute;
    width: 35px;
    left: 12px;
    left: 12px;
    top: 14px;
}




.icon-bookings {
    background-image: url(../images/bookings.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    left: 12px;
    top: 14px;
}



.icon-print {
    background-image: url("../images/print.svg");
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    left: 12px;
    top: 14px;
}




.icon-logout {
    background-image: url(../images/logout.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 12px;
    top: 14px;
}




.navi-button:hover, .navi-button.active 
{
	background-color:white; 
	color:rgb(70,70,70); 
	cursor:pointer;
}


.introtext {
    position: absolute;
    width: 100%;
    top: 60%;
    transform: translateY(-60%);
}


.introtext h1 
{
	font-family: 'Open Sans';
    font-weight: 400;
    color: white;
	font-size:2.5em;
	line-height: 120%;	
}


.introtext p
{
	font-family: 'Open Sans';
    font-weight: 100;
    color: white;
	font-size:1.2em;
	margin-top:15px;
}


.button-centered
{
	left: 50%;
	font-family: 'Open Sans';
    font-weight: 400;
	padding-left:15px;
	padding-right:15px; 
	padding-top:7px;
	padding-bottom:7px; 
	border:2px solid white;
	border-radius:48px;	
	text-decoration: none;
	color:white;
	position:absolute; 
	transform:translateX(-50%); 
	top:120px;
}

.button-centered:hover, .button-centered.active 
{
	background-color:white; 
	color:rgb(70,70,70); 
	cursor:pointer;	
}


#content 
{
	margin-top:30px;
}



#login
{
	margin-top:150px;
}


h2 
{
	font-family: 'Open Sans';
    font-weight: 800;
    color: rgb(70,70,70);
	font-size:2.5em;
	line-height: 120%;	
	width:100%;
	text-align: center;
}


h3 
{
	font-family: 'Open Sans';
    font-weight: 600;
    color: rgb(70,70,70);
	font-size:2em;
	line-height: 120%;
	width:100%;
	text-align: center;
}



p
{
	font-family: 'Open Sans';
    font-weight: 100;
    color: rgb(70,70,70);
	font-size:1.2em;
	margin-top:15px;
}





a
{
	font-family: 'Open Sans';
    font-weight: 600;
    color: rgb(255,188,48);
	font-size:1em;
	text-decoration: none;
	cursor: pointer;
}


.platform-image {
    width: 50%;
    margin-left: 25%;
}


#special-container
{
	width:100%;
	margin-top:80px;
	float:left;
	position: relative;
}

#special-container h2
{
	font-family: 'Open Sans';
    font-weight: 800;
    color: white;
	font-size:2.5em;
	line-height: 120%;	
	width:100%;
	text-align: center;
}



.specialtext {
    position: absolute;
    width: 100%;
    top: 5%;
    transform: translateY(-5%);
}



.special_01
{
	position:absolute;
	width:50%;
	top:25%;
    transform: translateY(-25%);
	left:5%;
	background-image:url('../images/circle.svg'); 
	background-repeat:no-repeat;
	padding:15px;	
}


.special_number
{
	font-family: 'Open Sans';
    font-weight: 800;
    color: white;
	font-size:8em;
	margin-top: 40px;
    margin-left: 30px;
}


#special-container .special_01 h2 
{
	text-align:left;
	margin-left:85px;
	margin-top:0px;
	font-family: 'Open Sans';
    font-weight: 600;
	width: auto;
}


#special-container .special_01 p
{
	text-align:left;
	margin-left:50px;
	margin-top:0px;
	font-family: 'Open Sans';
    font-weight: 100;
	font-size:1.2em;
	line-height: 120%;
	color:white;
	width: auto;	
}


#special-container .special_01 a
{
	color:white;
}




.special_02
{
	position:absolute;
	width:40%;
	top:45%;
    transform: translateY(-25%);
	right:0px;
	background-image:url('../images/circle.svg'); 
	background-repeat:no-repeat;
	padding:15px;	
}


#special-container .special_02 h2 
{
	text-align:left;
	margin-left:90px;
	margin-top:0px;
	font-family: 'Open Sans';
    font-weight: 600;
	width: auto;
}


#special-container .special_02 p
{
	text-align:left;
	margin-left:35px;
	margin-top:0px;
	font-family: 'Open Sans';
    font-weight: 100;
	font-size:1.2em;
	line-height: 120%;
	color:white;
	width: auto;	
}


#special-container .special_02 a
{
	color:white;
}





.special_03
{
	position:absolute;
	width:40%;
	top:65%;
    transform: translateY(-25%);
	left:20%;
	background-image:url('../images/circle.svg'); 
	background-repeat:no-repeat;
	padding:15px;	
}


#special-container .special_03 h2 
{
	text-align:left;
	margin-left:90px;
	margin-top:0px;
	font-family: 'Open Sans';
    font-weight: 600;
	width: auto;	
}


#special-container .special_03 p
{
	text-align:left;
	margin-left:35px;
	margin-top:0px;
	font-family: 'Open Sans';
    font-weight: 100;
	font-size:1.2em;
	line-height: 120%;
	color:white;
	width: auto;	
}


#special-container .special_03 a
{
	color:white;
}


#footer
{
	width:98%;
	width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
	width:calc(100% - 40px);
	position: fixed;
	bottom:0px;
	background-color:rgb(136,10,39); 
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}


#navi-footer
{
	float:right;
	color:white;
}

#navi-footer p 
{
	margin-top:0px;
	color:white; 
	font-family: 'Open Sans';
    font-weight: 600;
	font-size:1.2em;	
}


#navi-footer a
{
	margin-top:0px;
	color:white; 
	font-family: 'Open Sans';
    font-weight: 400;
	font-size:1em;	
	text-decoration: none;
	margin-top:2px;
}


#overlay
{
	background-color: rgba(0,0,0,0.35);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
	display:none;
}


#register-overlay {
    position: absolute;
    z-index: 9999;
    width: 70%;
    background-color: white;
    left: 15%;
    border-radius: 35px;
    top: 20%;
	padding-bottom:50px;
	padding-top:20px;
	display:none;
}



.tinput
{
	width:98%;
	width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
	
	width:calc(100% - 100px); 
	float:left;
	background:rgb(240,240,240);
	border:none;
	border-radius:5px;
	padding-left:50px;
	padding-right:50px; 
	padding-top:15px;
	padding-bottom:15px;
	font-family: 'Open Sans';
    font-weight: 400;
	font-size:1.2em;
	color:rgb(70,70,70);
}

textarea
{
	font-size:12px!important;
}

.checkbox_container
{
    width: calc(100% - 55px);
    float: left;
    background: rgb(240,240,240);
    border: none;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1.2em;
    color: rgb(70,70,70);;
}


input[type="checkbox"]
{
	height: 15px;
    width: 15px;
    float: left;
	border: none;
    background: white;
    -webkit-appearance: none;
}

input[type="checkbox"]:checked{
	background:rgb(255,188,48);
	border:3px solid white; 
}


.labeltext
{
	font-family: 'Open Sans';
    font-weight: 400;
	font-size:1em;
	color:rgb(70,70,70);
	float: left;
	width: auto;
	margin-left:10px;
	margin-top:3px;
}



select
{
	width:100%; 
	float:left;
	background:rgb(240,240,240);
	border:none;
	border-radius:4px;
	padding-left:50px;
	padding-right:50px; 
	padding-top:15px;
	padding-bottom:15px;
	font-family: 'Open Sans';
    font-weight: 400;
	font-size:1.2em;
	color:rgb(70,70,70);
}

.user
{
    background-image: url(../images/user.svg);
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
}


.user:-webkit-autofill,
.user:-webkit-autofill:hover, 
.user:-webkit-autofill:focus, 
.user:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px rgb(240,240,240) inset !important;
		background-image: url(../images/user.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}



.gender
{
	background-image: url(../images/gender.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}



.country
{
	background-image: url(../images/country.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}


.language
{
	background-image: url(../images/language.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}



.picture
{
	background-image: url(../images/picture.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}



.search_input
{
	background-image: url(../images/search.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}




.instagram
{
	background-image: url(../images/instagram.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}


.date
{
	background-image: url(../images/date.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}


.email
{
	background-image: url(../images/email.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}


.website
{
	background-image: url(../images/website.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}



.password
{
    background-image: url(../images/password.svg);
    background-size: auto 55%;
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
}


#paymentmethod 
{
	background-image: url(../images/money.svg);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 10px top 7px;
}





.gradient-button
{
	background-color:#23282d;
	width:100%;
	float:left;
	text-align: center;
	color:white;
	font-family:'Open Sans';
    font-weight:600;
	font-size:1.2em;	
	margin-top:10px;
	margin-bottom:10px;
	border-radius:5px;
	padding-top:15px;
	padding-bottom:15px;
	opacity:0.8;
}


.gradient-button:hover
{
	background-color:rgba(0,115,252,1);
	cursor:pointer;
	opacity:1;
}

.g-recaptcha
{
	float:left;
	margin-top:10px;
}


.search, .dashboard, .messages, .profile {
    height: 35px;
    position: relative;
    width: 35px;
	margin-right:30px;
	cursor: pointer;
	opacity: 0.8; 
}

.search:hover, .dashboard:hover, .messages:hover, .profile:hover
{
	opacity: 1;
}


.messages
{
	margin-top:5px;
}


#filters
{
	width:18%;
	width: -webkit-calc(20% - 40px);
    width: -moz-calc(20% - 40px);
	width:calc(20% - 40px); 
	float:left;
	height: auto; 
	position: relative;
	padding-left:20px;
	padding-right:20px; 
}


#results
{
	width:78%;
	width: -webkit-calc(80% - 40px);
    width: -moz-calc(80% - 40px);	
	
	width:calc(80% - 40px); 
	float:left;
	height: auto; 
	position: relative;
	padding-left:20px;
	padding-right:20px; 
}


#results-detail
{
	
	width:98%;
	width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);	
		
	width:calc(100% - 40px); 
	float:left;
	height: auto; 
	position: relative;
	padding-left:20px;
	padding-right:20px; 
}

.user-entry {
    width: 30%;
    float: left;
	padding:1%; 
}


.user-detail {
    margin-left: 34%;
}


.image-container {
    width: 100%;
    float: left;
    height: 250px;
    background-size: cover;
}

.user-entry h2 
{
	font-weight: 600; 
	font-size:1.4em; 
	margin-top:20px;
	text-transform: uppercase;
}


.bold
{
	font-family: 'Open Sans'; 
	font-weight: 800; 
}

.dropdown {
    position: absolute;
    width: 23px;
    height: 23px;
    right: 0px;
    top: 8px;
	cursor: pointer;
	opacity: 0.8; 
}

.dropdown:hover
{
	opacity: 1;
}


input#picture-trigger {
    position: fixed;
    left: -1000px;
    top: -1000px;
	cursor:pointer;
}

#instagram-feed
{
	overflow-y: hidden;
}

b
{
	font-weight: bold;
}


div#error-wrap {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    font-family: 'Open Sans';
    font-weight: 600;
    color: rgb(255,0,0);
}

#toggle-mobile {
    position: absolute;
    height: 20px;
    right: 0px;
    top: 5px;
	display: none;
	cursor: pointer;
}


#mobile-navi
{
	width:100%;
	float:left;
	height: auto;
	display: none;
}

.mobile-nav
{
	width:100%;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Open Sans';
	font-weight: 600;
	text-align: center;
	float:left;
	cursor: pointer;
}



.icon-dashboard
{
	background-image:url('../images/dashboard.svg'); 
	background-repeat:no-repeat;
	background-size: 50% 50%;
}




.box-grey
{
	background-color: #23282d;
	padding:2%;
	padding-top:30px;
	padding-bottom: 30px;
	border-radius:4px;
}

.box-grey:hover
{
	cursor: pointer;
	background-color:rgba(0,115,252,1);
}


.box-img
{
	width:50px;
	height:50px;
	margin-left:50%;
	transform:translateX(-50%);
}



.button
{
	padding:12px;
	float:left;
	background-color:#23282d;
	color:white;
	border-radius:4px;
	margin-right:10px;
	font-size: 1.1em;
	font-family: 'Open Sans';
}

.button:hover
{
	cursor: pointer;
	background-color:rgba(0,115,252,1);
}



.jconfirm-holder
{
	font-family: 'Open Sans';

}



.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: visible!important;
}



.list-item 
{
	width:calc(100% - 20px); 
	padding:10px; 
	background-color: rgb(220,220,220);
	float:left;	
	margin-bottom:7px;
	border-radius:4px;
}




.list-item p 
{
	margin:0;
	padding:0;
	margin-top:3px;
	line-height: 140%;
}


.fright
{
	float:right;
}

.tright
{
	text-align:right;
}

/* Mobile Adjustments */ 



.list-edit-icon
{
	width:20px;
	height:20px;
	float:right;
	margin-right:20px;
	margin-left:50px;
	opacity:0.6;
}



.list-lock-icon
{
	width:20px;
	height:20px;
	float:right;
	margin-right:-30px;
	margin-left:10px;
	opacity:0.6;
	cursor:pointer;
}

.list-lock-icon:hover 
{
	opacity:1; 
}


.list-unlock-icon
{
	width:20px;
	height:20px;
	float:right;
	margin-right:-30px;
	margin-left:10px;
	opacity:1;
	cursor:pointer;	
}

.list-unlock-icon:hover 
{
	opacity:0.6; 
}


.list-delete-icon
{
	width:20px;
	height:20px;
	float:right;
	margin-right:0px;
	opacity:0.6;
}


.list-edit-icon:hover, .list-delete-icon:hover
{
	cursor:pointer;
	opacity:1;
}



.jc-bs3-container.container 
{
	max-width: 500px;
    margin-left: 50%;
    transform: translateX(-50%);
}




#options-zustellung, #options-abholung, #options-beides  
{
	display:none;
}



.show
{
	display:block!important;
}




#calendar *
{
	font-family: 'Open Sans'!important;
}


#calendar h2
{
	font-family: 'Open Sans';
    font-weight: 600;
    color: rgb(70,70,70);
	font-size:2em;
	line-height: 120%;
	width:100%;
	text-align: center;
}



.fc-event, .fc-event-dot 
{
    background-color:rgba(140,10,40,1);
	text-align: center;
	border:none!important;
	border-radius:4px;
}



.fc-day-grid-event > .fc-content {
   white-space: nowrap;
   overflow: hidden;
}





#loader
{
	display:block;
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px; 
	background-color:#f0f0f0;
	z-index:99;
}


#loader img 
{
	position: absolute;
	width:75px;
	height:75px;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
}


.fc-sun
{
	opacity:0;
	visibility: hidden;
}





#search-bookings 
{
	padding-top:5px;
	padding-bottom: 5px;
	font-family: 'Open Sans';
}



.label
{
	font-weight: bold;
}


.fc-title 
{
	font-family:'Open Sans'; 
	font-size: 10px;
	line-height: 11px;
}




input[type="checkbox"].check
{
	width:20px;
	height:20px;
	background:rgb(240,240,240);
	font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1.2em;
	float:left;
}


input[type="checkbox"].check:checked
{
	border:5px solid rgb(240,240,240);
	background-color:rgba(0,115,252,1);
}



label
{
	 font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1.2em;
	float:left;
	line-height:200%;
}



.ui-timepicker-disabled { 
                     display: none; 
                         }

.ui-timepicker-wrapper
{
	width:78%; 
	font-family: 'Open Sans';
}

.ui-timepicker-wrapper * 
{
	
}

.show
{
	display:block!important;
}

.hide 
{
	display:none!important;
}




@media all and (max-width:990px)
{

	
	
	#filters
	{
		width:48%;
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px);	

		width:calc(50% - 40px);
	}
	
	
	#results
	{
		width:48%;
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px);	
	
		width:calc(50% - 40px);
	}
	
	
	.user-entry
	{
		width:98%;
		margin-left: 1%;	
	}
	
	
	
	
}











@media all and (max-width:800px)
{

	
	
	.specialtext, .special_01, .special_02, .special_03
	{
		width: 100%;
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
		transform: none;
		margin-top:20px;
		margin-bottom:20px;
	}
}






/* HIde Logo */ 






@media all and (max-width:750px)
{
	#header .logo, #intro-container .logo
	{
    	width: 150px;
	}
	
	
	#navi .navi-normal, #navi .navi-button {
		display:none;
	}

	
	.navi-normal
	{
		float:right;
	}
	
	
	
	#toggle-mobile
	{
		display: block;
	}
	
	

	

}





@media all and (max-width:650px)
{
	.w32 
	{
		width:100%;
	}
	
	.w2 
	{
		display: none;
	}
	
	
	#register-overlay {
		position: absolute;
		z-index: 9999;
		width: 90%;
		background-color: white;
		left: 5%;
		border-radius: 35px;
		top: 20%;
		padding-bottom: 50px;
		padding-top: 20px;
	}
	
	
	
}






@media all and (max-width:500px)
{
	.w15 
	{
		width:5%;
	}
	
	.w30 
	{
		width:100%;
	}
	
	
	.w70
	{
		width:90%;
	}	
	
	
	.navi-normal
	{
		float:left;
	}
	
	
	
	#filters
	{
			
		width:98%;
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);	
		
		
		width:calc(100% - 40px);
	}
	
	
	#results
	{
		width:98%;
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);			
		
		width:calc(100% - 40px);
	}
	

	
	
}


@media all and (max-width:470px)
{


	.navi-button
	{
		margin-top:10px;
	}



}