/*footer*/
footer { width: 100%;display: block;	background: url(../images/main-menu.png) repeat-y center top;}
/*--- footer event ---*/
.footerWrap {	width: 1160px;	margin: 15px auto; 	overflow: hidden;}
.footer-link { margin: 30px auto auto auto; 	width: 100%; }
.footer-row { padding: 5px 0px;  width: 100%;display: block;	color: #333 !important; border-bottom: 1px solid rgba(60%,60%,60%,.2);	border-top: 1px solid rgba(60%,60%,60%,.2);	clear: both;}
footer p.small {	padding: 2px!important;   display: inline-block; 	font-size: 12px;	color: rgba(201,214,223,.6) !important;}
.right {	float: right; }
/* common and top level styles */
#nav span {	display: none;}
#nav, #nav ul {	margin: 0;	padding: 0;	width: 100%; list-style: none outside none;}
#nav { 	float: left;	position: relative; margin-left:3%;	width: 96%; }
#nav ul.subs {	display: inline-block; 	padding: 2% 1%; 	width: 96%; 	margin-top: 2%;	color: #333333;}
#nav li { float: left; padding: 10px 2%;	width: 18%;	font-size: 13px;	font-weight: 400; letter-spacing: 0.01em; line-height: 1.5em; text-align: left;	-moz-transition: all 300ms ease-in-out 0s;	-ms-transition: all 300ms ease-in-out 0s;	-o-transition: all 300ms ease-in-out 0s;	-webkit-transition: all 300ms ease-in-out 0s;	transition: all 300ms ease-in-out 0s;}
#nav li:last-of-type { 	width: 40%;	padding-left: 4%;	padding-right: 0px !important;}
#nav li a { display: block;	text-decoration: none;  color: rgba(82,97,107,1); white-space: normal;	-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;	-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;	-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;	-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; }
#nav > li > a { color: rgba(201,214,223,.9);	font-weight:bold; display: block;	letter-spacing: 0.1px;	line-height: 1.5em; text-transform: uppercase;}
#nav > li:hover > a, #nav > a:hover { color: #f7a6b7;}
#nav li.active > a {	color: rgba(201,214,223,.9);font-weight:bold;}
/* submenu */
#nav li:hover ul.subs { display: block;}
#nav ul.subs > li { display: inline-block;	float: none;	padding: 5px 0px;	vertical-align: top;	width: 96%;	border: none; 	color: rgba(201,214,223,.6);}
#nav ul.subs > li a {	color: rgba(201,214,223,.6);	line-height: 1em;}
#nav ul li a:hover {color: #F55856;}
#nav ul.subs > li > a {	font-size: 12px;	margin-bottom: 5px;}
/*add*/
#nav li.active {	width: 40%;	margin-left: 10%;	padding-right: 0px !important;	border-left: solid 1px rgba(201,214,223,.4); }
#nav .subs .tel {	background: url(../images/icon-tel.png) no-repeat left top; 	padding-left: 30px;}
#nav .subs .fax { background: url(../images/icon-fax.png) no-repeat left top; 	padding-left: 30px;}
#nav .subs .mail {	background: url(../images/icon-mail-2.png) no-repeat left top;	padding-left: 30px;}
#nav .subs .add {	background: url(../images/icon-add.png) no-repeat left top;	padding-left: 30px;	font-size: 12px;}
.social-icons {	float: right; 	padding-left: 100px; }
.social-icons li { display: inline-block; margin: 0px 20px 0px 0px!important;	padding: 0 !important;	width: auto !important; 	-webkit-border-radius: 50em; 	-moz-border-radius: 50em;	border-radius: 50em;}
.social-icons li a {display: inline-block;	width:25px !important;	height:25px !important;	margin: 0 !important;	padding: 0 !important;	text-indent: -9999px !important;	transition: all 0.3s ease 0s;	-webkit-border-radius: 50em;	-moz-border-radius: 50em;	border-radius: 50em; }
.social-icons li a:hover { background-position: -8px -45px !important;}
.social-icons li a {	background-color: transparent;	border: solid 1px rgba(255,255,255,.5);}
.social-icons li a:hover {	background-color: transparent;	-webkit-border-radius: 50em; 	-moz-border-radius: 50em;	border-radius: 50em;}
.social-icons li.facebook a { 	background: rgba(255, 255, 0, 0) url("../images/facebook.png") no-repeat scroll -8px -8px; }
.social-icons li.facebook a:hover { background-color: #3b5998;}
.social-icons li.youtube a { 	background: rgba(255, 255, 255, 0) url("../images/youtube.png") no-repeat scroll -8px -8px;}
.social-icons li.youtube a:hover {	background-color: #f45750;}
.social-icons li.email a {	background: rgba(255, 255, 255, 0) url("../images/icon-mail.png") no-repeat scroll -8px -8px; }
.social-icons li.email a:hover {	background-color: #f45750;}
.social-icons li.google a {	background: rgba(255, 255, 255, 0) url("../images/icon-google.png") no-repeat scroll -8px -8px;}
.social-icons li.google a:hover {	background-color: #f45750;}


@media only screen and (max-width: 1024px) {
footer { 	width: 100%; }
.eventWrap {	width: 100%;	padding: 5px 0px 15px 0px;}
.event {	width: 100%;}
.event-link {	width: 100%;}
.footer-logo img { display: none; }
.footerWrap { width: 100%;}
.footer-link {	width: 100%;	margin: 0px auto; }
#nav {	margin-left: 0%;	width: 100%;}
#nav ul.subs {  display: inline-block;	padding: 2%;	width: 96%; margin-top: 2%; color: #333333;}
#nav li {	float: left;	width: 25%;}
/*add*/
#nav li.active { width: 35%;	margin-left:2%;	padding-right: 0px !important;	border-left: solid 1px rgba(201,214,223,.4);}
/* submenu */
#nav li:hover ul.subs {	display: block;}
#nav ul.subs > li { display: inline-block;	float: none; 	padding: 5px 0px;	vertical-align: top;	width: 96%; border: none; }
#nav ul.subs > li a {	color: rgba(201,214,223,.6);	line-height: 1em;}
#nav ul li a:hover {	color: #fff;}
#nav ul.subs > li > a { font-size: .7em; 	margin-bottom: 5px;}
.small {	font-size: .9em !important; 	padding: 0.5em 1em; }
.lang {	padding-right: 1em;}
}
 @media all and (max-width : 980px) {
/*footer*/
#nav > li { float: none; 	border-bottom: 0;	margin-bottom: 0; 	width: 100%;	border-bottom: solid 1px rgba(255,255,255,.3);}
#nav li:first-of-type {	width: 100%;	padding-left: 2%; 	border-bottom: solid 1px rgba(255,255,255,.3);}
#nav ul.subs {	position: relative;	top: 0; 	display: none;}
#nav li:hover ul.subs {	display: block;	width: 100%;	height: auto; }
#nav li #s1:target + ul.subs, #nav li #s2:target + ul.subs, #nav li #s3:target + ul.subs, #nav li #s4:target + ul.subs { 	display: table;	width: 100%;}
#nav ul.subs > li { display: block; width: auto;}
#nav li:nth-child(2) {	width: 100%!important;}
#nav li.active {	margin-left:0;	border-left:none;}
}
 @media only screen and (max-width: 768px) {
.event li { padding: 10px 15px;}
/*footer*/
#nav > li { float: none;	border-bottom: 0; 	margin-bottom: 0; 	width: 100%; 	border-bottom: solid 1px rgba(255,255,255,.3);}
#nav li:first-of-type { width: 100% !important;	padding-left: 2%; border-bottom: solid 1px rgba(255,255,255,.3);}
#nav li:nth-last-of-type(2) { width: 100% !important; 	padding-left: 2%; 	border-bottom: solid 1px rgba(255,255,255,.3);}
#nav li:last-of-type {	width: 100%;	padding-left: 2%;}
#nav ul.subs {	position: relative; 	top: 0;	display: none;}
#nav li:hover ul.subs { display: block;	width: 100%; 	height: auto;}
#nav li #s1:target + ul.subs, #nav li #s2:target + ul.subs, #nav li #s3:target + ul.subs, #nav li #s4:target + ul.subs {	display: table;	width: 100%;}
#nav ul.subs > li { display: block;	width: auto;}
#nav li.active {	width: 100%; 	margin-left: 0px !important;}
}