@charset "UTF-8";

html{
	box-sizing:border-box}*
,*:before,*:after
{box-sizing:inherit
}

html{
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body{
	margin:0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section{
	display:block
}
summary{
	display:list-item
}

audio,
canvas,
progress,
video{
	display:inline-block
}
progress{
	vertical-align:baseline
}

audio:not([controls]){
	display:none;
	height:0
}
[hidden],
template{
	display:none
}

a{
	background-color:transparent
}
a:active,
a:hover{
	outline-width:0
}

abbr[title]{
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}

b,
strong{
	font-weight:bolder
}
dfn{
	font-style:italic
}
mark{
	background:#ff0;
	color:#000
}

small{
	font-size:80%
}
sub,
sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sub{
	bottom:-0.25em
}
sup{
	top:-0.5em
}
figure{
	margin:1em 40px
}
img{
	border-style:none
}

code,
kbd,
pre,
samp{
	font-family:monospace,monospace;
	font-size:1em
}
hr{
	box-sizing:content-box;
	height:0;
	overflow:visible
}

button,
input,
select,
textarea,
optgroup{
	font:inherit;
	margin:0
}
optgroup{
	font-weight:bold
}

button,
input{
	overflow:visible
}
button,
select{
	text-transform:none
}

button,
[type=button],
[type=reset],
[type=submit]{
	-webkit-appearance:button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
	border-style:none;padding:0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
	outline:1px dotted ButtonText
}

fieldset{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em
}

legend{
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
textarea{
	overflow:auto
}

[type=checkbox],
[type=radio]{
	padding:0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
	height:auto
}

[type=search]{
	-webkit-appearance:textfield;
	outline-offset:-2px
}

[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
}

:-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
}



html,
body{
	font-family:Verdana,
		sans-serif;
	font-size:15px;
	line-height:1.5
}
html{
	overflow-x:hidden
}

h1{
	font-size:36px
}
h2{
	font-size:30px
}
h3{
	font-size:24px
}
h4{
	font-size:20px
}
h5{
	font-size:18px
}
h6{
	font-size:16px
}
.serif{
	font-family:serif
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family:"Segoe UI",
		Arial,
		sans-serif;
	font-weight:400;
	margin:10px 0
}
.wide{
	letter-spacing:4px
}

hr{
	border:0;
	border-top:1px solid #eee;
	margin:20px 0
}

.image{
	max-width:100%;
	height:auto
}
img{
	vertical-align:middle
}
a{
	color:inherit
}

.table,
.table-all{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	display:table
}
.table-all{
	border:1px solid #ccc
}

.bordered tr,
.table-all tr{
	border-bottom:1px solid #ddd
}
.striped tbody tr:nth-child(even){
	background-color:#f1f1f1
}

.table-all tr:nth-child(odd){
	background-color:#fff
}
.table-all tr:nth-child(even){
	background-color:#f1f1f1
}

.hoverable tbody tr:hover,
.ul.hoverable li:hover{
	background-color:#ccc
}
.centered tr th,
.centered tr td{
	text-align:center
}

.table td,
.table th,
.table-all td,
.table-all th{
	padding:8px 8px;
	display:table-cell;
	text-align:left;
	vertical-align:top
}

.table th:first-child,
.table td:first-child,
.table-all th:first-child,
.table-all td:first-child{
	padding-left:16px
}

.btn,
.button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
}

.btn:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),
		0 6px 20px 0 rgba(0,0,0,0.19)
}

.btn,
.button{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	user-select:none;
	
}   

.disabled,
.btn:disabled,
.button:disabled{
	cursor:not-allowed;
	opacity:0.3
}
.disabled *,
:disabled *{
	pointer-events:none
}

.btn
.disabled:hover,
.btn:disabled:hover{
	box-shadow:none
}

.badge,
.tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center
}
.badge{
	border-radius:50%
}

.ul{
	list-style-type:none;
	padding:0;
	margin:0
}
.ul li{
	padding:8px 16px;
	border-bottom:1px solid #ddd
}
.ul li:last-child{
	border-bottom:none
}

.tooltip,
.display-container{
	position:relative
}
.tooltip
.text{
	display:none
}
.tooltip:hover 
.text{
	display:inline-block
}

.ripple:active{
	opacity:0.5
}
.ripple{
	transition:opacity 0s
}

.input{
	padding:8px;
	display:block;
	border:none;
	border-bottom:1px solid #ccc;
	width:100%
}

.select{
	padding:9px 0;
	width:100%;
	border:none;
	border-bottom:1px solid #ccc
}

.dropdown-click,
.dropdown-hover{
	position:relative;
	display:inline-block;
	cursor:pointer
}

.dropdown-hover:hover
.dropdown-content{
	display:block
}

.dropdown-hover:first-child,
.dropdown-click:hover{
	background-color:#ccc;
	color:#000
}

.dropdown-hover:hover >
.button:first-child,
.dropdown-click:hover > 
.button:first-child{
	background-color:#ccc;
	color:#000
}

.dropdown-content{
	cursor:auto;
	color:#000;
	background-color:#fff;
	display:none;
	position:absolute;
	min-width:160px;
	margin:0;
	padding:0;
	z-index:1
}

.check,
.radio{
	width:24px;
	height:24px;
	position:relative;
	top:6px
}

.sidebar{
	height:100%;
	width:200px;
	background-color:#454442;
	position:fixed;
	z-index:1;
	overflow:auto
}

.bar-block
.dropdown-hover,
.bar-block 
.dropdown-click{
	width:100%
}

.bar-block 
.dropdown-hover
.dropdown-content,
.bar-block 
.dropdown-click
.dropdown-content{
	min-width:100%
}

.bar-block 
.dropdown-hover
.button,
.bar-block 
.dropdown-click
.button{
	width:100%;
	text-align:left;
	padding:8px 16px
}

.main,
#main{
	transition:margin-left .4s
}

.modal{
	z-index:3;
	display:none;
	padding-top:100px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4);
}
.modal-content{
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:600px
}

.bar{
	width:100%;
	overflow:hidden
}
.center 
.bar{
	display:inline-block;
	width:auto
}

.bar
.bar-item{
	padding:8px 16px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0
}

.bar
.dropdown-hover,
.bar 
.dropdown-click{
	position:static;
	float:left
}

.bar 
.button{
	white-space:normal
}

.bar-block
.bar-item{
	width:100%;
	display:block;
	padding:8px 16px;
	text-align:left;
	border:none;
	white-space:normal;
	float:none;
	outline:0
}

.bar-block
.center 
.bar-item{
	text-align:center
}
.block{
	display:block;
	width:100%
}

.responsive{
	display:block;
	overflow-x:auto
}

.container:after,
.container:before,
.panel:after,
.panel:before,
.row:after,
.row:before,
.row-padding:after,
.row-padding:before,

.cell-row:before,
.cell-row:after,
.clear:after,
.clear:before,
.bar:before,
.bar:after{
	content:"";
	display:table;
	clear:both
}

.col,
.half,
.third,
.twothird,
.threequarter,
.quarter{
	float:left;
	width:100%
}

.col
.s1{
	width:8.33333%
}
.col
.s2{
	width:16.66666%
}
.col
.s3{
	width:24.99999%
}
.col
.s4{
	width:33.33333%
}

.col
.s5{
	width:41.66666%
}
.col
.s6{
	width:49.99999%
}
.col
.s7{
	width:58.33333%
}
.col
.s8{
	width:66.66666%
}

.col
.s9{
	width:74.99999%
}
.col
.s10{
	width:83.33333%
}
.col
.s11{
	width:91.66666%
}
.col
.s12{
	width:99.99999%
}

@media (min-width:601px){
	.col
	.m1{
		width:8.33333%
	}
	.col
	.m2{
		width:16.66666%
	}
	.col
	.m3,
	.quarter{
		width:24.99999%
	}
	.col
	.m4,
	.third{
		width:33.33333%
	}

.col
	.m5{
		width:41.66666%
	}
	.col
	.m6,
	.half{
		width:49.99999%
	}
	.col
	.m7{
		width:58.33333%
	}
	.col
	.m8,
	.twothird{
		width:66.66666%
	}
.col
	.m9,
	.threequarter{
		width:74.99999%
	}
	.col
	.m10{
		width:83.33333%
	}
	.col
	.m11{
		width:91.66666%
	}
	.col
	.m12{
		width:99.99999%}
}

@media (min-width:993px)
{.col
	.l1{
		width:8.33333%
	}
	.col
	.l2{
		width:16.66666%
	}
	.col
	.l3{
		width:24.99999%
	}
	.col
	.l4{
		width:33.33333%
	}

.col
	.l5{
		width:41.66666%
	}
	.col
	.l6{
		width:49.99999%
	}
	.col
	.l7{
		width:58.33333%
	}
	.col
	.l8{
		width:66.66666%
	}

.col
	.l9{
		width:74.99999%
	}
	.col
	.l10{
		width:83.33333%
	}
	.col
	.l11{
		width:91.66666%
	}
	.col
	.l12{
		width:99.99999%}
}

.rest{
	overflow:hidden
}
.stretch{
	margin-left:-16px;
	margin-right:-16px
}


.content,
.auto{
	margin-left:auto;
	margin-right:auto
}
.content{
	max-width:980px
}
.auto{
	max-width:1140px
}

.cell-row{
	display:table;
	width:100%
}
.cell{
	display:table-cell
}

.cell-top{
	vertical-align:top
}
.cell-middle{
	vertical-align:middle
}
.cell-bottom{
	vertical-align:bottom
}

.hide{
	display:none;
}
.show-block,
.show{
	display:block;
}
.show-inline-block{
	display:inline-block;
}

@media (max-width:1205px){.auto{
	max-width:95%}
}

@media (max-width:600px){
	.modal-content{
		margin:0 10px;
		width:auto;
	}
	.modal{
		padding-top:30px
	}

.dropdown-hover
	.mobile
	.dropdown-content,
	.dropdown-click
	.mobile
	.dropdown-content{
		position:relative
	}	

	.hide-small{
		display:none;
	}
	.mobile{
		display:block;
		width:100%;
	}
	.bar-item
	.mobile,
	.dropdown-hover
	.mobile,
	.dropdown-click
	.mobile{
		text-align:center
	}
	.dropdown-hover
	.mobile,
	.dropdown-hover
	.mobile
	.btn,
	.dropdown-hover
	.mobile
	.button,
	.dropdown-click
	.mobile,
	.dropdown-click
	.mobile 
	.btn,
	.dropdown-click
	.mobile
	.button{
		width:100%}
}
@media (max-width:768px){
	.modal-content{
		width:500px
	}
	.modal{
		padding-top:50px}
}
@media (min-width:993px){
	.modal-content{
		width:900px
	}
	.hide-large{
		display:none;
	}
	.sidebar
	.collapse{
		display:block;}
}
@media (max-width:992px) and (min-width:601px){
	.hide-medium{
		display:none;}
}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0;
	margin-right:0;
	}
	.auto{
		max-width:100%}
}
.top,
.bottom{
	position:fixed;
	width:100%;
	z-index:1
}
.top{
	top:0
}
.bottom{
	bottom:0
}

.overlay{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:2
}

.display-topleft{
	position:absolute;
	left:0;
	top:0
}
.display-topright{
	position:absolute;
	right:0;
	top:0
}

.display-bottomleft{
	position:absolute;
	left:0;
	bottom:0
}
.display-bottomright{
	position:absolute;
	right:0;
	bottom:0
}

.display-middle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	
}

.display-left{
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(0%,-50%);
	transform:translate(-0%,-50%);
}

.display-right{
	position:absolute;
	top:50%;
	right:0%;
	transform:translate(0%,-50%);
	
}

.display-topmiddle{
	position:absolute;
	left:50%;
	top:0;
	transform:translate(-50%,0%);
	
}

.display-bottommiddle{
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%,0%);
	
}

.display-container:hover
.display-hover{
	display:block;
}
.display-container:hover span
.display-hover{
	display:inline-block;
}
.display-
hover{
	display:none;
}

.display-position{
	position:absolute;
}
.circle{
	border-radius:50%;
}

.round-small{
	border-radius:2px;
}
.round,
.round-medium{
	border-radius:4px;
}
.round-large{
	border-radius:8px;
}
.round-xlarge{
	border-radius:16px;
}
.round-
xxlarge{
	border-radius:32px;
}

.row-padding,
.row-padding>
.half,
.row-padding>
.third,
.row-padding>
.twothird,
.row-padding>
.threequarter,
.row-padding>
.quarter,
.row-padding>
.col{
	padding:0 8px;
}

.container,
.panel{
	padding:0.01em 16px;
}
.panel{
	margin-top:16px;
	margin-bottom:16px;
}

.code,
.codespan{
	font-family:Consolas,"courier new";
	font-size:16px;
}

.code{
	width:auto;
	background-color:#fff;
	padding:8px 12px;
	border-left:4px solid #4CAF50;
	word-wrap:break-word;
}

.codespan{
	color:crimson;
	background-color:#f1f1f1;
	padding-left:4px;
	padding-right:4px;
	font-size:110%;
}

.card,
.card-2{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.card-4,
.hover-shadow:hover{
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.spin{
	animation:spin 2s infinite linear
}
@keyframes spin{
	0%{transform:rotate(0deg)
	}
	100%{transform:rotate(359deg)}
}

.animate-fading{
	animation:fading 10s infinite
}
@keyframes fading{
	0%{
		opacity:0
	}
	50%{
		opacity:1
	}
	100%{
		opacity:0}
}
.animate-opacity{
	animation:opac 0.8s
}
@keyframes opac{
	from{
		opacity:0
	}
	to{
		opacity:1}
}


.animate-top{
	position:relative;
	animation:animatetop 0.4s
}
@keyframes animatetop{
	from{
		top:-300px;
		opacity:0
	}
	to{
		top:0;
		opacity:1}
}

.animate-left{
	position:relative;
	animation:animateleft 0.4s
}
@keyframes animateleft{
	from{
		left:-300px;
		opacity:0
	}
	to{
		left:0;
		opacity:1}
}
.animate-right{
	position:relative;
	animation:animateright 0.4s
}
@keyframes animateright{
	from{
		right:-300px;
		opacity:0
	}
	to{
		right:0;
		opacity:1}
}

.animate-bottom{
	position:relative;
	animation:animatebottom 0.4s
}
@keyframes animatebottom{
	from{
		bottom:-300px;
		opacity:0
	}
	to{
		bottom:0;
		opacity:1}
}

.animate-zoom {
	animation:animatezoom 0.6s
}
@keyframes animatezoom{
	from{
		transform:scale(0)
	}
	to{
		transform:scale(1)}
}
/* Bottom-Logo */
.chef-sev-logo{
	margin:0 auto;
	display: block;
	margin-bottom: 72px;
}

.animate-input{
	transition:width 0.4s ease-in-out
}
.animate-input:focus{
	width:100%;
}

.opacity,
.hover-opacity:hover{
	opacity:0.60
}
.opacity-off,
.hover-opacity-off:hover{
	opacity:1
}
.opacity-max{
	opacity:0.25
}
.opacity-min{
	opacity:0.75
}

.greyscale-max,
.grayscale-max,
.hover-greyscale:hover,
.hover-grayscale:hover{
	filter:grayscale(100%)
}

.greyscale,
.grayscale{
	filter:grayscale(75%)
}
.greyscale-min,
.grayscale-min{
	filter:grayscale(50%)
}

.sepia{
	filter:sepia(75%)
}
.sepia-max,
.hover-sepia:hover{
	filter:sepia(100%)
}
.sepia-min{
	filter:sepia(50%)

}
.small{
	font-size:12px;
}
.medium{
	font-size:15px;
}
.large{
	font-size:18px;
}

.xlarge{
	font-size:24px;
}
.xxlarge{
	font-size:36px;
	color: #FFD300;
}
.xxxlarge{
	font-size:48px;
}

.left-align{
	text-align:left;
}
.right-align{
	text-align:right;
}
.justify{
	text-align:justify;
}
.center{
	text-align:center;
}
.border-0{
	border:0;
}
.border{
	border:1px solid #ccc;
}
 
.border-top{
	border-top:1px solid #ccc;
}
.border-bottom{
	border-bottom:1px solid #ccc;
}


.border-left{
	border-left:1px solid #ccc;
}
.border-right{
	border-right:1px solid #ccc;
}

.topbar{
	border-top:6px solid #ccc;
}
.bottombar{
	border-bottom:6px solid #ccc;
}

.leftbar{
	border-left:6px solid #ccc;
}
.rightbar{
	border-right:6px solid #ccc;
}

.section,
.code{
	margin-top:16px;
	margin-bottom:16px;
}

.margin{
	margin:16px;
}
.margin-top{
	margin-top:16px;
}
.margin-bottom{
	margin-bottom:16px;
}

.margin-left{
	margin-left:16px;
}
.margin-right{
	margin-right:16px;
}

.padding-small{
	padding:4px 8px;
}
.padding{
	padding:8px 16px;
}
.padding-large{
	padding:12px 150px;
}

.padding-16{
	padding-top:16px;
	padding-bottom:16px;
}
.padding-24{
	padding-top:24px;
	padding-bottom:24px;
}

.padding-32{
	padding-top:32px;
	padding-bottom:32px;
}
.padding-48{
	padding-top:48px;
	padding-bottom:48px;
}
.padding-64{
	padding-top:64px;
	padding-bottom:64px;
}

.left{
	float:left;
}
.right{
	float:right;
}

.button:hover{
	color:#000;
	background-color:#ccc;
}

.transparent,
.hover-none:hover{
	background-color:transparent;
}

.hover-none:hover{
	box-shadow:none;
}

/* Colors */

.sand,
.hover-sand:hover{
	color:#000;
	background-color:#fdf5e6;

}
.white,
.hover-white:hover{
	color:#fff;
	background-color:#454442;
}
.black,
.hover-black:hover{
	color:#fff;
	background-color:#000;
}
.grey,
.hover-grey:hover,
.gray,
.hover-gray:hover{
	color:#000;
	background-color:#9e9e9e;
}
.light-grey,
.hover-light-grey:hover,
.light-gray,
.hover-light-gray:hover{
	color:#fff;
	background-color:#454442;
}
.dark-grey,
.hover-dark-grey:hover,
.dark-gray,
.hover-dark-gray:hover{
	color:#fff;
	background-color:#616161;

}
.text-blue-grey,
.hover-text-blue-grey:hover,
.text-blue-gray,
.hover-text-blue-gray:hover{
	color:#607d8b;
}
.text-green,
.hover-text-green:hover{
	color:#4CAF50;
}
.text-red,
.hover-text-red:hover{
	color:#f44336;
}
.text-white,
.hover-text-white:hover{
	color:#fff;
}
.text-black,
.hover-text-black:hover{
	color:#000;
}
.text-grey,
.hover-text-grey:hover,
.text-gray,.hover-text-gray:hover{
	color:#757575;
}
.text-light-grey,
.hover-text-light-grey:hover,
.text-light-gray,
.hover-text-light-gray:hover{
	color:#f1f1f1;
}
.text-dark-grey,
.hover-text-dark-grey:hover,
.text-dark-gray,
.hover-text-dark-gray:hover{
	color:#3a3a3a;
}
.border-blue-grey,
.hover-border-blue-grey:hover,
.border-blue-gray,
.hover-border-blue-gray:hover{
	border-color:#607d8b;
}
.border-sand,
.hover-border-sand:hover{
	border-color:#fdf5e6;
}

.border-white,
.hover-border-white:hover{
	border-color:#fff;
}
.border-black,
.hover-border-black:hover{
	border-color:#000;
}
.border-grey,
.hover-border-grey:hover,
.border-gray,
.hover-border-gray:hover{
	border-color:#9e9e9e;
}
.border-light-grey,
.hover-border-light-grey:hover,
.border-light-gray,
.hover-border-light-gray:hover{
	border-color:#f1f1f1;
}
.border-dark-grey,
.hover-border-dark-grey:hover,
.border-dark-gray,
.hover-border-dark-gray:hover{
	border-color:#616161;
}