.phone { position: relative;  overflow: hidden; float:left; margin: 0px;  padding: 70px 0 0 0;  width:100%;   border: none;  cursor: pointer; text-align: right ; font-weight:700}
.email {  position: relative;  overflow: hidden; float:left; margin: 0px 0 6px;  padding: 0 0 6px;  width: 100%;   cursor: pointer; text-align: right; font-weight:700; border-bottom:4px solid #CBBAA5;  }
.phone i, .email i {margin-right:10px;}
.phone a, .email a {color:#444444;}


.c-hamburger {float:right;  display: none;  position: relative;  overflow: hidden;  margin: 0;  padding: 0;  width: 56px;  height: 56px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer;  transition: background 0.3s;}
.c-hamburger:focus {  outline: none;}
.c-hamburger span {  display: block;  position: absolute;  top: 25px;  left: 10px;  right: 10px;  height: 6px;  background: #444444;}
.c-hamburger span::before,
.c-hamburger span::after {  position: absolute;  display: block;  left: 0;  width: 100%;  height: 6px;  background-color:#444444; content: ""}
.c-hamburger span::before {  top: -12px;}
.c-hamburger span::after {  bottom: -12px;}

.c-hamburger--htx {  background-color: transparent;}
.c-hamburger--htx span {  transition: background 0s 0.3s;}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {  transition-duration: 0.3s, 0.3s;  transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {  transition-property: top, transform;}
.c-hamburger--htx span::after {  transition-property: bottom, transform;}
.c-hamburger--htx.is-active {}
.c-hamburger--htx.is-active span {  background: none;}
.c-hamburger--htx.is-active span::before {  top: 0;  transform: rotate(45deg); background-color:#ffffff;}
.c-hamburger--htx.is-active span::after {  bottom: 0;  transform: rotate(-45deg); background-color:#ffffff;}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {  transition-delay: 0s, 0.3s;}



*,*:after,*:before {	margin:0;	padding:0;	/*box-sizing:border-box;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	*/-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility; }
.nav a, .nav a:hover {	text-decoration:none;}
.nav ul, .nav ol {	list-style:none;}
.nav { float:right; clear:both;position:absolute;right:0; width:20%;	 padding:0px 0; font-size:1.4em;  font-weight:500;   margin-top: 0px; }
.nav-list {	text-align:right; margin-left:0%;transition:0.5s; width:100%}
.nav-item {	float:left;	*display:inline;	zoom:1;	position:relative; width:100%;}
.nav-item a {	display:block;	color:#525252;	margin:0 0px 0px 0px;	 transition:0.5s	; padding:0px 0px;box-sizing: border-box }
.nav-item:last-child  a{margin:0 0px 0px 0px;		 }
.nav-item > a:hover {	/*background:#1C1A96;*/   	color: #000; }

.nav-click {	position:absolute;	top:0;	right:0;	display:none;	border-left:1px solid rgba(255, 255, 255, 0.2);	height:39px;	width:50px;	cursor:pointer;}
.nav-click i {	display:block;	height:39px;	width:48px;	background:url(images/drop.png) no-repeat center 12px;	background-size:20px;}
.nav-click:hover {	background-color:#402E6B;}
.nav-rotate {	-webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg);	-ms-transform:rotate(180deg);	-o-transform:rotate(180deg);	transform:rotate(180deg);}

.nav-item a.selected {background-color:#ffffff; color:#333; }
.nav button:hover {}


@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	.phone { position: absolute; top:3px; right:54px; font-size:1.4em; overflow: hidden; float:left; margin: 0px;  padding: 0px 0 0 0;  width:100%;   border: none;  cursor: pointer; text-align: right ; font-weight:700}
	.email {  position: absolute; top:0px; right:100px; font-size:1.4em; overflow: hidden; float:left; margin: 0px 0 6px;  padding: 0 0 6px;  width: 100%;   cursor: pointer; text-align: right; font-weight:700; border-bottom:0px  }

	.phone span {display:none; }
	.email span {display:none; } 

	.nav {		width:100%;	z-index:9999999;	 margin:0px;padding:0px 0 0;letter-spacing:-1px; font-size:1.8em;	}
	.nav-list {		display:none;margin-left:0;	 position: fixed;  width: 100%;  height: 100%; margin:0% 0 0 ;  background: #444444;  opacity: 1; box-sizing:border-box}
	.nav-item {		width:100% !important;		padding:0%; height:9%; float:none;	position:relative;text-align: center !important; margin-right: 0!important; }
	.nav-item li{	 margin-right: 0 !important;}
	
	.nav-item > a:hover {	background:#CBBAA5; ;color: #444444; }
	.nav-item a{			color: #ffffff; margin:0 0 0 0px;text-align:center}
	.nav-item > a {		padding: 2% 0px;	}
	.nav-click {		display:block;	}
	.nav-item:hover .nav-submenu {		display:none;	}

	.c-hamburger {display: block;z-index:99999;}
	.phone {display: block;}

}

@media only screen 
and (min-width : 0px) 
and (max-width : 678px){
.nav {		width:100%;	z-index:99998;	 margin:0px;padding:0px 0 0;letter-spacing:-1px; font-size:1.6em;	}
.nav-item {		width:100%;		padding:0px;height:9.09%; float:none;	position:relative;}
	
}



