@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');



nav {

	float:right;

}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {

	border: 0;

	list-style: none;

	line-height: 1;

	display: block;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

#cssmenu:after, #cssmenu > ul:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}

#cssmenu #head-mobile {

	display: none

}

#cssmenu {



}

#cssmenu > ul > li {

	float: left

}

#cssmenu > ul > li > a {

	padding:43px 14px;

	font-size: 14px;

	letter-spacing: 1px;

	text-decoration: none;

	color: #282828;

	font-weight:500;

	text-transform:uppercase;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}

/*#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {

	color: #fff

}*/

/*#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {

	background: #00a6df!important;

	-webkit-transition: background .3s ease;

	-ms-transition: background .3s ease;

	transition: background .3s ease;

}*/

#cssmenu > ul > li:hover{

	background:#df5e00;

	-webkit-transition: background .3s ease;

	-ms-transition: background .3s ease;

	transition: background .3s ease;

}

#cssmenu > ul > li:hover > a{

	color:#fff;

}

#cssmenu > ul > li.has-sub > a {

	padding-right: 30px !important;

}

#cssmenu > ul > li.has-sub > a:after {

	position: absolute;

	top: 35px;

	right: 11px;

	width: 8px;

	height: 2px;

	display: block;

	background: #00d8ff;

	content: ''

}

#cssmenu > ul > li.has-sub > a:before {

	position: absolute;

	top: 32px;

	right: 14px;

	display: block;

	width: 2px;

	height: 8px;

	background: #00d8ff;

	content: '';

	-webkit-transition: all .25s ease;

	-ms-transition: all .25s ease;

	transition: all .25s ease

}

#cssmenu > ul > li.has-sub:hover > a:before {

	top: 32px;

	height: 0

}

#cssmenu ul ul {

	position: absolute;

	left: -9999px

}

#cssmenu ul ul li {

	height: 0;

	-webkit-transition: all .25s ease;

	-ms-transition: all .25s ease;

	background: #df5e00;

	transition: all .25s ease

}

#cssmenu ul ul li:hover {

}

#cssmenu li:hover > ul {

	left: auto

}

#cssmenu li:hover > ul > li {

	height: 35px

}

#cssmenu ul ul ul {

	margin-left: 100%;

	top: 0

}

#cssmenu ul ul li a {

	border-bottom: 1px solid rgba(150,150,150,0.15);

	padding: 11px 15px;

	width: 170px;

	font-size: 12px;

	text-decoration: none;

	color: #fff;

	font-weight: 400;

}

#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {

	border-bottom: 0

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {

	color: #00d8ff

}

#cssmenu ul ul li.has-sub > a:after {

	position: absolute;

	top: 16px;

	right: 11px;

	width: 8px;

	height: 2px;

	display: block;

	background: #ddd;

	content: ''

}

#cssmenu ul ul li.has-sub > a:before {

	position: absolute;

	top: 13px;

	right: 14px;

	display: block;

	width: 2px;

	height: 8px;

	background: #ddd;

	content: '';

	-webkit-transition: all .25s ease;

	-ms-transition: all .25s ease;

	transition: all .25s ease

}

#cssmenu ul ul > li.has-sub:hover > a:before {

	top: 17px;

	height: 0

}

#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {

	background: #df5e00;

}

#cssmenu ul ul ul li.active a {

	border-left: 1px solid #333

}

#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a {

	border-top: 1px solid #333

}

.link-3 {

  transition: 0.4s;

  color: #ffffff;

  font-size: 20px;

  text-decoration: none;

  padding: 0 10px;

  margin: 0 10px;

}

.link-3:hover {

  background-color: #000;

  color: #EEA200;

  padding: 24px 10px;

}

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

	#cssmenu > ul > li > a{

		padding-left:9px;

		padding-right:9px;

		font-size:12px;

	}

}

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

nav {

	width: 100%;

}

#cssmenu {

	width: 100%;

}

#cssmenu ul {

	width: 100%;

	display: none

}

#cssmenu ul li {

	width: 100%;

	border-bottom: 1px solid rgba(150,150,150,0.15);

}

#cssmenu ul li:hover {

	background: #df5e00;

}

#cssmenu ul ul li, #cssmenu li:hover > ul > li {

	height: auto

}

#cssmenu ul li a, #cssmenu ul ul li a {

	width: 100%;

	border-bottom: 0

}

#cssmenu > ul > li {

	float: none

}

#cssmenu ul ul li a {

	padding-left: 25px

}

#cssmenu ul ul li {

	background: #0079bb!important;

}

#cssmenu ul ul li:hover {

	background: #00a6df!important

}

#cssmenu ul ul ul li a {

	padding-left: 35px

}

#cssmenu ul ul li a {

	color: #ddd;

	background: none

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {

	color: #fff

}

#cssmenu ul ul, #cssmenu ul ul ul {

	position: relative;

	left: 0;

	width: 100%;

	margin: 0;

	text-align: left

}

#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {

	display: none

}

#cssmenu #head-mobile {

	display: block;

	/*padding: 23px;*/

	color: #ddd;

	font-size: 12px;

	font-weight: 700

}

.button {

	width: 55px;

	height: 46px;

	position: absolute;

	right: 0;

	top: -70px;

	cursor: pointer;

	z-index: 10;

}

.button:after {

	position: absolute;

	top: 22px;

	right: 0;

	display: block;

	height: 8px;

	width: 20px;

	border-top: 2px solid #000;

	border-bottom: 2px solid #000;

	content: ''

}

.button:before {

	-webkit-transition: all .3s ease;

	-ms-transition: all .3s ease;

	transition: all .3s ease;

	position: absolute;

	top: 16px;

	right: 0;

	display: block;

	height: 2px;

	width: 20px;

	background: #000;

	content: ''

}

.button.menu-opened:after {

	-webkit-transition: all .3s ease;

	-ms-transition: all .3s ease;

	transition: all .3s ease;

	top: 23px;

	border: 0;

	height: 2px;

	width: 19px;

	background: #dcdcdc;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg)

}

.button.menu-opened:before {

	top: 23px;

	background: #dcdcdc;

	width: 19px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg)

}

#cssmenu .submenu-button {

	position: absolute;

	z-index: 99;

	right: 0;

	top: 0;

	display: block;

	border-left: 1px solid rgba(150,150,150,0.15);

	height: 46px;

	width: 46px;

	cursor: pointer

}

#cssmenu .submenu-button.submenu-opened {

	background: #00d8ff

}

#cssmenu ul ul .submenu-button {

	height: 34px;

	width: 34px

}

#cssmenu .submenu-button:after {

	position: absolute;

	top: 22px;

	right: 19px;

	width: 8px;

	height: 2px;

	display: block;

	background: #ddd;

	content: ''

}

#cssmenu ul ul .submenu-button:after {

	top: 15px;

	right: 13px

}

#cssmenu .submenu-button.submenu-opened:after {

	background: #fff

}

#cssmenu .submenu-button:before {

	position: absolute;

	top: 19px;

	right: 22px;

	display: block;

	width: 2px;

	height: 8px;

	background: #ddd;

	content: ''

}

#cssmenu ul ul .submenu-button:before {

	top: 12px;

	right: 16px

}

#cssmenu .submenu-button.submenu-opened:before {

	display: none

}

#cssmenu ul ul ul li.active a {

	border-left: none

}

#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {

	border-top: none

}

#cssmenu > ul > li > a{

	padding:17px !important;

}

}