@charset "utf-8";

/* © 2017 Forest United Company WLL */















input[type=search] {

	width:130px;

	box-sizing: border-box;

	border:none;

	border-radius:2px;

	font-size:13px;

	background-color: white;

	background:url(../images/search.png) no-repeat right 4px #fff;

	padding:1px 30px 1px 10px;

	-webkit-transition: width 0.4s ease-in-out;

	transition: width 0.4s ease-in-out;

	color:#000;

}

input[type=search]:focus {

	width:30%;

}

#cssmenu ul {

	float: none;

	margin: 0;

	padding: 0;

	padding-top:0px;

}

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

	border: 0;

	list-style: none;

	line-height: 1;

	display: block;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	z-index:100

}

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

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}

#cssmenu #head-mobile {

	display: none

}

.cssmenu-in {

	position: relative !important;

	margin-top: 0 !important;

	border-top: none !important;

	background: transparent !important

}

.pls {

	margin-right:0px;

	margin-left:2px;

	font-size:17px;

	font-weight:400;

	line-height:10px;

}

#cssmenu {

	width: 100%;

	padding: 0;

}

/*#cssmenu > ul{







	margin:0 auto;







	display:table;







}*/















#cssmenu > ul > li {

	float: left;

	padding-right:0px;

	margin-right:28px;

	transition: all 0.8s ease 0s;

	border:none !important;

}

#cssmenu > ul > li > a {

	padding:10px 0px 3px 0px;

	font-size:15px;

	text-decoration: none;

	line-height:20px;

	color: #000000;

	letter-spacing:.25px;

	font-weight:500;

	position: relative;

	/*text-transform:uppercase;*/







	transition: all 0.8s ease 0s;

	border-bottom:2px solid rgba(255, 255, 255, 0.0);

	font-family: 'Open Sans', sans-serif !important;

}

#cssmenu ul li:last-child {

	padding-right:0;

	margin-right:0px !important;

}

#cssmenu > ul > li:last-child a{
	border: 2px solid #f9b018 !important;
	padding: 9px 43px;
} 

#cssmenu > ul > li:last-child a:hover, #cssmenu > ul > li:last-child a:focus{
	background: #f9b018;
	color: #000;
	border-color: #f9b018;

}



#cssmenu ul ul li a{
	border:none !important;
}

/*#cssmenu > ul > li:last-child a {







	border-radius:5px;







	padding:11px 5px;







	color:#fff;







	font-weight:600;







	background:#e53258;







}*/







#cssmenu > ul > li:last-child a:hover, #cssmenu > ul > li:last-child a:focus, #cssmenu > ul > li.active:last-child a {

/*background-color:#fff;







	color:#ff0001;







	border-color:#fff;







	border:1px solid #fff;*/







}

 #cssmenu > ul::after {

 content:"" !important;

}

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

	color:#000;

	/*background:#1f306f;*/

	





	transition: all 0.8s ease 0s;

}

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

	border-bottom:1px solid #159b88;

}



#cssmenu ul li.active li a{

	border:none !important;

}



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

	/*background: #048ac1 !important;

	

	-webkit-transition: background .3s ease;







	-ms-transition: background .3s ease;







	transition: background .3s ease;*/



	color:#074f8f;

	transition: all 0.8s ease 0s;/*border-bottom:1px solid #fff;*/







}

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







	padding-right:0px







}







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







	font-family: FontAwesome;







	content: '';







	font-size:12px;







	position: absolute;







	top:8px;







	right: 0px;







	display: block;







}*/







































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







	position: absolute;







	top: 36px;







	right: 11px;







	width: 8px;







	height: 2px;







	display: block;







	background: #ed1e24;







	content: ''







}







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







	position: absolute;







	top: 33px;







	right: 14px;







	display: block;







	width: 2px;







	height: 8px;







	background: #ed1e24;







	content: '';







	-webkit-transition: all .25s ease;







	-ms-transition: all .25s ease;







	transition: all .25s ease







}*/







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

	top: 36px;

	height: 0

}

#cssmenu ul ul {

	position: absolute;

	left: -9999px;

	padding:0px 0 0 0;

	margin-top:0px;/*-webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.32);







	-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.32);







	box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.32);*//*-webkit-box-shadow: 0px 8px 16px 4px rgba(0,0,0,0.22);







-moz-box-shadow: 0px 8px 16px 4px rgba(0,0,0,0.22);







box-shadow: 0px 8px 16px 4px rgba(0,0,0,0.22);*/







}

#cssmenu ul ul li {

	height: 0;

	text-align: left;

 -webkit-transition: all .25s ease;

 -ms-transition: all .25s ease;

	background: #fff;

 transition: all .25s ease;

	border:none !important;

}

#cssmenu ul ul li:hover {

/*background:#faa316;*/







}

#cssmenu ul ul li:hover a {

	color:#fff !important;

	background:#faa316;

}

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

	color:#fff !important;

}

#cssmenu li:hover > ul {

	left: auto

}

#cssmenu li:hover > ul > li {

	height: auto

}

#cssmenu ul ul ul {

	margin-left: 100%;

	top: 0

}

#cssmenu ul ul li a {

	border-bottom: none;

	padding: 8px 10px 12px 10px !important;

	width:270px !important;

	font-size:15px;

	text-decoration: none;

	color: #000 !important;

	font-weight: 500;

	background:#fff !important;

}

#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:focus {

	color: #fff !important;

	background:#159b88 !important;

	border:none !important;

}

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

	position: absolute;

	right: 11px;

	width: 8px;

	height: 2px;

	display: block;

	background: #ddd;

	content: '';

	margin:-8px 0 0 0;

}

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

	position: absolute;

	margin:3px 0 0 0;

	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 {

	height: 0

}

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

	background: #009c66;

}

/*#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







}*/







.button {

	display: none

}

.newslett {

	max-width:260px;

}

.qw1 {

	display: block;

	width: 100%;

	height: auto;

	overflow:hidden;

}

.overlay2 {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 100%;

	width: 100%;

	opacity: 0;

 transition: .5s ease;

	background-color: rgba(0, 0, 0, 0.7);

}

.pr-panel:hover .overlay2 {

	opacity: 1;

}

.text {

	color: white;

	text-align:center;

	font-size:13px;

	line-height:16px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

}

 @media (max-width: 1200px) {

 #cssmenu > ul > li > a {

/*padding: 15px 10px;







	font-size: 15px;*/







}

 #cssmenu ul ul {

 position: absolute;

 left: -9999px;

 padding:0 0 0 0;

}

}

 @media (max-width: 991px) {

 .pad-mobile-0 {

 padding: 0

}


#cssmenu ul li:last-child a{
	padding: 9px 15px;
} 






/*header {







 position: relative;







 width: 100%;







 border-radius: 0;







 margin-right: 0px;







 margin-left: 0px;







 padding-right: 0px;







 padding-left: 0px;







}*/







#cssmenu > ul > li > a {

 position: static

}

 .logo {

 width: 160px;

 position: absolute;

 top: 0;

 left: 0;

 padding: 0;

 float: none

}

 .logo2 {

 display: none

}

 nav {

 width: 100%;

}

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

 background: none;

 border:none;

}

 #cssmenu {

 width: 100%;

 margin-top: 0;

 margin-bottom: 0;

 position: relative;

}

 #cssmenu ul {

 width: 100%;

 float: left;

 padding: 0;

 margin-top: 10px;

 margin-bottom:15px;

 display: none;

}

 #cssmenu ul li {

 width: 100%;

 border-top: 1px solid #acacac;

 position: relative

}

 #cssmenu > ul > li > a {

 padding: 12px 10px;

 border:none !important;

}

 #cssmenu ul li:hover {

 background: #363636;

 border:none !important;

}

 #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;

 padding: 15px 20px

}

 #cssmenu ul ul li {

 background: #fff !important;

 display: inline-block;

}

 #cssmenu ul ul li a {

 color:#000 !important;

}

 #cssmenu ul ul li:hover {

 background: none !important

}

 #cssmenu ul ul li:hover a {

 color: #faa316 !important;

 background: #fff !important;

}

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

 color:#000 !important;

}

 .pls {

 display:none;

}

 #cssmenu ul ul ul li a {

 padding-left: 35px

}

 #cssmenu ul ul li a {

 color: #fff;

 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 ul ul li {

 background:#fff !important

}

 #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-top: 0;

 color: #ddd;

 font-size: 12px;

 font-weight: 700

}

 .logo img {

 margin-top:10px;

}

 #cssmenu > ul > li {

 padding-right:0px;

 margin-right:0px;

 margin-bottom:0px;

}

 #cssmenu > ul > li > a {

 color: #000;

 text-align:left;

}

 #cssmenu > ul > li > a::after {

 background:#333e92;

 margin: 2px 0 0px 0;

 display: inherit;

}

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

 margin: 2px 0 0px 0;

 display: inherit;

}

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

 background:#f9b018;

 color: #fff;

 border:none;

}







/* #cssmenu > ul > li:last-child a {







 padding: 12px 10px;







 border-radius:0px;







}*/







 #cssmenu ul li {

 border:none;

 background:#fff;

}

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

 background:#fff !important;

}

 .button {

 display: block;

 width: 0px;

 height: 0px;

 position: absolute;

 left: auto;

 right:20px;

 top: -53px !important;

 cursor: pointer;

 z-index: 12399994;

 border: none;

 background: none !important;

 padding:0 !important;

 transition: all 0.2s ease-in-out;

}

 .button span {

 padding: 0px 0px;

 color: #149f91;

 font-size: 21px

}

 .button span:hover {

 color:#f9b018;

}

 .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: #fff;

 -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: #fff;

 width: 25px;

 -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: none;

 height: 45px;

 width: 100%;

 cursor: pointer;

 background: none;

}

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







	/*background: #fff;







	border-left: none;*/







	content: '\f107';

 color:#202020;

}

 #cssmenu ul ul li a {

 width:100% !important;

 border:none !important;

}

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

 background:#159b88 !important;

 color:#fff !important;

}

 #cssmenu ul ul .submenu-button {

 height: 34px;

 width: 100%;

 right: 0px;

}

 #cssmenu .submenu-button:after {

 position: absolute;

 top: 16px;

 right: 15px;







	/*width: 8px;







	height: 2px;*/







	display: block;

 font-family: FontAwesome;

 color:#000 !important;

/*background: #e87722;*/







	







}

 #cssmenu ul ul .submenu-button:after {

 top: 20px;

 right: 19px

}

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

/*background: #e87722*/







}

 #cssmenu .submenu-button:before {

 position: absolute;

 top: 15px;

 right: 20px;

 display: block;

 font-family: FontAwesome;







	/*width: 2px;







	height: 8px;*/







	/*background: #e87722;*/







	content: '\f105';

 color:#000;

}

 #cssmenu ul ul .submenu-button:before {

 top: 17px;

 right: 22px

}

 #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

}

}

 @media (max-width: 339px) {

 .logo a img {

 max-width:125px

}

 #cssmenu #head-mobile {

 padding-top: 0px;

}

 input[type=search]:focus {

 width:50%;

}

}