/* Generic styles */
@import url('http://fonts.googleapis.com/css?family=Roboto');

body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	background: #FFF;
}
/* Opera Fix */
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
	width:0;
}
#container {
	width:100%;
	min-height:100%;
	background:#FFF;
	position:relative;
	overflow:hidden;
	height:auto !important;
}

#container:after {
 clear:both;
 display:block;
}
#header {
	height: 50px;
	background: #ffc467;
	position:relative;
}
#main {
	margin-left: 12em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	z-index:0;
}
#content {
	padding: 10px;
}

/* Logo styles */
#logohold {
	height: 100px;
	position: relative;
}
#small_nav_logo, #large_nav_logo {
	height: 42px;
	width:auto;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#large_nav_logo {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	width:12em;
	height:80px;
}
#small_nav_logo {
	opacity: 0;
}
#logohold img {
	width: auto;
	height: 32px;
}
/* Mobile navigation styles */
.show-menu {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:50px;
	width:50px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	z-index:3;
}
.show-menu .svg {
	width: 32px;
	height: 32px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.show-menu-open {
	display:block;
}
.show-menu-close {
	display:none;
}
.show-menu-open, .show-menu-close {
	width:50px;
	height:50px;
	position:relative;
}
/*Hide checkbox*/
input[type=checkbox]#show-menu, input[type=checkbox]#hide-menu {
    display:none;
}
@media screen and (max-device-width:420px), screen and (max-width:420px) {
	.show-menu {
		display:block;
	}
	.menu-switch {
		display:none;
	}
	.main_nav {
		height:100%;
		overflow:auto;
	}
	input[type=checkbox]#show-menu ~ .main_nav {
	  width:12em;
	  margin-left:-12em;
	}
	input[type=checkbox]#show-menu:checked ~ .main_nav {
		max-height:100%;
	}
	input[type=checkbox]#show-menu ~ .main_nav ul li .menu_label {
		display:none;
	}
	input[type=checkbox]#show-menu ~ .show-menu .show-menu-open {
		display:block;
	}
	input[type=checkbox]#show-menu ~ .show-menu .show-menu-close {
		display:none;
	}
	input[type=checkbox]#show-menu:checked ~ .show-menu .show-menu-open {
		display:none;
	}
	input[type=checkbox]#show-menu:checked ~ .show-menu .show-menu-close {
		display:block;
	}
	input[type=checkbox]#show-menu:checked ~ .show-menu {
		left:12em;
	}
	input[type=checkbox]#show-menu ~ #main {
	  margin-left:0;
	}
	input[type=checkbox]#show-menu:checked ~ #main {
	  left:12em;
	  position:relative;
	  overflow:hidden;
	}
	
	input[type=checkbox]#show-menu:checked ~ .main_nav {
	  margin-left:0;
	}
	input[type=checkbox]#show-menu:checked ~ .main_nav ul li .menu_label {
	  display:block;
	}
	/*input[type=checkbox]#show-menu:checked ~ .main_nav ul li:hover ul {
	  display:block;
	}*/
	/*input[type=checkbox]#show-menu:checked ~ .main_nav ul li ul {
	  left:60px;
	}*/
	/*input[type=checkbox]#menu-collapsed:checked ~ .main_nav ul li ul{
	  left:100%;
	}*/
	input[type=checkbox]#menu-collapsed:checked ~ .main_nav ul li .menu_label {
	  margin-left:60px;
	  display:block;
	}
	input[type=checkbox]#show-menu:checked ~ .menu-switch label.rise {
		display:none;
	}
	input[type=checkbox]#show-menu:checked ~ .menu-switch label.collapse {
		display:none;
	}
	
	input[type=checkbox]#menu-collapsed ~ .menu-switch label.rise {
		display:none;
	}
	input[type=checkbox]#menu-collapsed ~ .menu-switch label.collapse {
		display:none;
	}
	input[type=checkbox]#menu-collapsed:checked ~ .menu-switch label.rise {
		display:none;
	}
	input[type=checkbox]#menu-collapsed:checked ~ .menu-switch label.collapse {
		display:block;
	}
	input[type=checkbox]#show-menu:checked ~ #container {
		overflow-y:hidden;
	}
	input[type=checkbox]#menu-collapsed:checked ~
	.main_nav #logohold #small_nav_logo {
		opacity:0;
	}
	input[type=checkbox]#menu-collapsed:checked ~
	.main_nav #logohold #large_nav_logo {
		opacity: 1;
		width: auto;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		display:block;
	}
	
	input[type=checkbox]#menu-collapsed:checked ~ .main_nav ul.subnav {
	display:block;
	position:relative;
	left:0;
	top:0;
	z-index:0;
	width:auto;
	max-height:0
	}
	input[type=checkbox]#menu-collapsed:checked ~ .main_nav input.checkbox:checked ~ ul.subnav {
	display:block;
	position:relative;
	left:0;
	top:0;
	z-index:3;
	width:auto;
	max-height:500px
	}

	input[type=checkbox]#menu-collapsed:checked ~ .main_nav li label.menu_label {
		display:block;
	}
	
	.main_nav {
		height:100%;
		position:fixed;
		overflow:auto;
	}
	/*#large_nav_logo {
		opacity:0;
	}
	#logohold #small_nav_logo {
		opacity:1;
		height:32px;
		width:32px;
	}*/
	/*.main_nav ul li ul {
		display:none;
		position:absolute;
		left:100%;
		top:0;
		z-index:3;
		width:12em;
		height:auto;
		max-height:500px
	}
	.main_nav ul li:hover ul {
		height:auto;
		display:block;
		z-index:3;
	}*/
}
/* Navigation styles */
.main_nav {
	float:left;
	min-height:100%;
	background: #675d56;
	width: 12em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	z-index:4;
	padding-bottom:999999px;
	margin-bottom:-999999px;
}
.main_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	/*height: calc(100% - 100px - 50px);*/
}
.main_nav li {
	font-size: 14px;
	min-height:50px;
}
.main_nav li, .main_nav label {
	color: rgba(252, 251, 250, 0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.main_nav ul li:hover {
	background: #90857F;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.main_nav ul li.active .menu_label, .main_nav ul li.active section {
	background: #423B37;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjNDIzYjM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDIzYjM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjNDIzYjM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #000000 0%, #423b37 8%, #423b37 50%, #423b37 92%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(8%,#423b37), color-stop(50%,#423b37), color-stop(92%,#423b37), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #000000 0%,#423b37 8%,#423b37 50%,#423b37 92%,#000000 100%);
	background: -o-linear-gradient(top,  #000000 0%,#423b37 8%,#423b37 50%,#423b37 92%,#000000 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#423b37 8%,#423b37 50%,#423b37 92%,#000000 100%);
	background: linear-gradient(to bottom,  #000000 0%,#423b37 8%,#423b37 50%,#423b37 92%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}
.main_nav ul li .path1 {
	fill: #C7C1BE;
}
.main_nav ul li:hover .path1, .main_nav ul li.active .path1 {
	fill: #FFF;
}
.main_nav ul li {
	display: block;
	text-decoration: none;
	color: #FFF;
    white-space: nowrap;
    position:relative
}
.main_nav ul li .menu_label {
	height: 50px;
	line-height: 50px;
	display:block;
	color:#FFF;
	position:relative;
}
.main_nav ul li .menu_label span {
	display:block;
	height:50px;
	width:30px;
	right:0;
	top:0;
	position:absolute;
}
.main_nav ul li .menu_label span svg, .main_nav ul li .menu_label span img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
}
.main_nav ul li .menu_label span svg .path1 {
	fill:#FFF;
}
.main_nav input.checkbox ~ label.menu_label span.arrowdown, .main_nav input.checkbox:checked ~ label.menu_label span.arrowup {
    display:none;
}
.main_nav input.checkbox:checked ~ label.menu_label span.arrowdown, .main_nav input.checkbox ~ label.menu_label span.arrowup {
    display:block;
}
.main_nav input.checkbox {
	display:none;
}
.main_nav input.checkbox ~ ul.subnav {
	max-height: 0;
	-webkit-transition:
		max-height 0.3s ease-in-out, 
        box-shadow 0.6s linear;
	-moz-transition:
		max-height 0.3s ease-in-out, 
        box-shadow 0.6s linear;
	transition: 
        max-height 0.3s ease-in-out, 
        box-shadow 0.6s linear;
}
.main_nav input.checkbox:checked ~ ul.subnav{
    max-height:500px;
    -webkit-transition: 
        max-height 0.5s ease-in-out, 
        box-shadow 0.1s linear;
	transition: 
        max-height 0.5s ease-in-out, 
        box-shadow 0.1s linear;
    -moz-transition: 
        max-height 0.5s ease-in-out, 
        box-shadow 0.1s linear;
    box-shadow: none;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
.main_nav input.checkbox:checked ~ ul.subnav li a {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
/*"\e671"*/
.main_nav ul li section {
	position: relative;
	height: 50px;
	width:60px;
	float:left;
}
.main_nav ul li .svg {
	display: block;
	margin: auto;
	height: 32px;
	width: 32px;
	position: absolute;
	left: 14px;
	right: auto;
	top: 0;
	bottom: 0;
}
.main_nav ul li .menu_label {
	margin-left: 60px;
}
/* Navigation submenu styles */
.main_nav ul li ul.subnav {
	overflow:hidden;
	background: #d5ceca;
	padding: 0;
	margin: 0;
	max-height:0;
	/*box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4), 3px 0px 5px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4), 3px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4), 3px 0px 5px 0px rgba(0,0,0,0.4);
	-o-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4), 3px 0px 5px 0px rgba(0,0,0,0.4);*/
}
.main_nav ul li ul li {
	padding-left: 0;
	position: relative;
}
.main_nav ul li ul li a {
	color: #685F47;
	padding-left: 17px;
	text-decoration: none;
	display: block;
	height: 50px;
	line-height:50px;
}
.main_nav ul li ul li a:hover {
	background: #eeebea;
	/*box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-o-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);*/
}
.main_nav ul li ul li.title, .main_nav ul li ul li.title:hover {
	background: #918277;
	color: #FFF;
	line-height: 50px;
	padding-left: 17px;
	box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-o-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
}
.main_nav ul li ul li a.active, .main_nav ul li ul li a.active:hover {
	color: #FFF;
	background: #afa59e;
	/*box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);
	-o-box-shadow: inset 12px 1px 13px -10px rgba(0,0,0,0.4);*/
}
.main_nav ul li ul li.title {
	position:relative;
}
.main_nav ul li ul li.title span {
	display: block;
	width: 20px;
	height: 20px;
	position:absolute;
	right: 20px;
	top:0;
	bottom:0;
	margin:auto 0;
}
.main_nav ul li ul li.title span .svg {
	width: 20px;
	height: 20px;
}
.main_nav ul li ul li.title span.close_hover {
	display: none;
}
.main_nav ul li ul li.title:hover span.close {
	display: none;
}
.main_nav ul li ul li.title:hover span.close_hover {
	display: block;
}
span.close_hover .path1 {
	fill: #dbd2cb;
}


/* Main menu switch (collapse/expand) */
.main_nav li:hover {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	color: rgba(252, 251, 250, 0.9);
	cursor: pointer;
}
.menu-switch label.collapse .svg {
	display: block;
	height: 32px;
	width: 32px;
	position: absolute;
	right: 10px;
	left: auto;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.menu-switch label.rise .svg {
	display: block;
	height: 32px;
	width: 32px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.menu-switch .path1 {
	fill: #754C0C;
}
.menu-switch:hover .path1 {
	fill: #754C0C;
}
.menu-switch {
	position: absolute;
	left: 12em;
	top:0;
	height: 50px;
	width:50px;
	z-index:300;
}
.menu-switch label {
	font-family: 'Roboto', sans-serif;
	position: relative;
	height: 50px;
	display: block;
}
#menu-collapsed, #menu-collapsed2 {
	display: none;
}
#menu-collapsed:checked ~
.main_nav {
	width: 60px;
	overflow:visible;
}
#menu-collapsed:checked ~
#main {
	margin-left: 60px;
}
#menu-collapsed:checked ~
.main_nav li {
	width: auto;
}
#menu-collapsed:checked ~
.main_nav li ul li {
	margin-left: 0;
}
#menu-collapsed ~
.main_nav {
	/*overflow:hidden;*/
}
#menu-collapsed:checked ~
.main_nav li ul {
	left: 60px;
}
#menu-collapsed:checked ~
.main_nav #logohold #small_nav_logo {
	width: 32px;
	height: auto;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	opacity: 1;
}
#menu-collapsed:checked ~
.main_nav #logohold #large_nav_logo {
	opacity: 0;
	width: auto;
}

#menu-collapsed:checked ~
.main_nav .menu_content .menu_label {
	display:none;
}
/*#menu-collapsed:checked ~
.main_nav .menu_content .menu_label:after {
	display:none;
}*/
#menu-collapsed:checked ~ .menu-switch {
	left:60px;
}
#menu-collapsed:checked ~
.menu-switch label.rise {
	display: block;
}
#menu-collapsed:checked ~
.menu-switch label.collapse {
	display: none;
}
#menu-collapsed:checked ~ label.menu_label {
	display:none;
}
#menu-collapsed:checked ~
.menu-switch .path1 {
	fill: #754C0C;
}
#menu-collapsed:checked ~
.menu-switch:hover .path1 {
	fill: #754C0C;
}
#menu-collapsed ~
.menu-switch label.rise {
	display: none;
}
#menu-collapsed:checked ~
.main_nav ul li ul {
	display:none;
	position:absolute;
	left:100%;
	top:0;
	z-index:3;
	width:12em;
	height:auto;
	max-height:500px
}
#menu-collapsed:checked ~
.main_nav ul li:hover ul {
	height:auto;
	display:block;
	z-index:3;
}

/* Header navigation styles */
#header_nav {
	float: right;
}
#header_nav ul li {
	float: left;
	width: 50px;
	height: 50px;
	position: relative;
}
#header_nav ul li.header_icon a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	font-family: 'Roboto', sans-serif;
}
#header_nav ul li.header_icon .path1 {
	fill: #754C0C;
}
#header_nav ul li.header_icon:hover {
	background: #FFE0AE;
}
#header_nav ul li.header_icon:hover .path1 {
	fill: #545454;
}
#header_nav ul li .svg {
	width: 25px;
	height: 25px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.tooltip_parent {
	color:#000;
}
/* Tooltip styles */
.tooltip_parent:hover .tooltip {
	display: block;
}
.tooltip {
	position: absolute;
	right: 10px;
	top: 100%;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255,224,174,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(255,224,174,1);
	box-shadow: 0px 0px 10px 0px rgba(255,224,174,1);
	display: none;
	margin-top: -1px;
}
.tooltip_content {
	display: block;
	padding: 10px;
	background: #FFF;
	position: relative;
	z-index: 1;
	font-size: 0.8em;
}
.tooltip:after, .tooltip:before {
	bottom: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 8px;
	margin-left: -8px;
}
.tooltip:before {
	border-color: rgba(255, 196, 103, 0);
	border-bottom-color: #ffc467;
	border-width: 9px;
	margin-left: -9px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255,224,174,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(255,224,174,1);
	box-shadow: 0px 0px 10px 0px rgba(255,224,174,1);
}

/* Floating menu styles */
#header_nav_toggle {
	display:none;
}
#header_nav ul li.float_menu_parent {
	position: relative;
}
#header_nav ul li.float_menu_parent .float_menu {
	background: #FFF;
	max-width: 200px;
	position: absolute;
	top: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	right: 0;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(255,196,103,0.75);
	-moz-box-shadow: 0px 0px 5px 1px rgba(255,196,103,0.75);
	box-shadow: 0px 0px 5px 1px rgba(255,196,103,0.75);
}
#header_nav ul li.float_menu_parent .float_menu {
	display:none;
}
#header_nav ul li.float_menu_parent:hover .float_menu {
	display:block;
}
#header_nav ul li.float_menu_parent .float_menu li {
	display: block;
	width: auto;
	height: auto;
	float: none;
}
#header_nav ul li.float_menu_parent .float_menu li a {
	color: #000;
	display: block;
	margin: 1px;
	padding: 10px;
	text-decoration: none;
	font-size: 0.8em;
	width: auto;
	height: auto;
}
.float_menu_parent .float_menu li a:hover {
	background: #F1F1F1;
}
/* Icon styles */
.icon {
	display: inline-block;
	color: #000000;
	fill: currentColor;
}
.icon-social {
	width: 20px;
	height: 20px;
}
.icon-profile {
	width: 20px;
	height: 20px;
}
.icon-web-tools {
	width: 20px;
	height: 20px;
}
.icon-newspaper {
	width: 20px;
	height: 20px;
}
.icon-support {
	width: 20px;
	height: 20px;
}
.icon-dashboard {
	width: 20px;
	height: 20px;
}
.icon-cross {
	width: 20px;
	height: 20px;
}
.icon-close-hover {
	width: 20px;
	height: 20px;
}
.icon-help {
	width: 20px;
	height: 20px;
}
.icon-menu {
	width: 20px;
	height: 20px;
}
.icon-arrow-left {
	width: 20px;
	height: 20px;
}
.icon-arrow-right {
	width: 20px;
	height: 20px;
}
.icon-close {
	width: 20px;
	height: 20px;
}
.icon-open {
	width: 20px;
	height: 20px;
}