/*-----------------------------------*/
/* Fonts */
/*-----------------------------------*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/


/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/



i {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	font-style: normal;
	background-repeat: no-repeat;
	margin-right: 15px;
}
.logo{width:400px; height: 78}
.logo img{margin-top: 8px;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.boxed-blue {background: #fff;}
.boxed-dark {background: #fff;}
.boxed-light {background: #fff;}

.boxed.red-line {border-top: 4px solid #b65714;}
.boxed.green-line {border-top: 4px solid #9cd70e;}
.boxed.blue-line {border-top: 4px solid #4bb4e8;}


/*-----------------------------------*/
/* Navigation */
/*-----------------------------------*/


/* Main Menu */
/*-----------------------------------*/
/* Level 0 */
.menu { z-index:9999990; width: 1150px; top: 0px; float: left}
.ie8 .menu {filter:none;}  /* IE8 understands dropdown feature only without gradient */
.menu a:hover{color: #fff;!important;}

a.select{color: #fff}

.menu li {position: relative; 	}
.menu > li {
    float: left;
	width: 90px;
	height: 100px;
}

.menu > li > a {
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;

    text-overflow: ellipsis;
	display: block;
	line-height: 100px;
 }
.menu > li:first-child > a {border-left-color: transparent;}
.menu > li:last-child > a {border-right-color: transparent;}

.menu > li:hover > a,
.menu > li.hover > a {
	background-color: rgba(246,147,20,.8);
    border: none;
	height: 100px;
	display: block;
	
}



/* Level 1+ */
.menu ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 9499;
	float: left;
	text-align: left;
	width: 240px;
}
.menu > li:hover > ul, .menu > li.hover > ul {
    top: 100px;
    left: 0;
	color: #fff
}
.menu ul li a {
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
	height: 50px;
	line-height: 50px;
}
.menu ul li:first-child > a {border-top: none;}
.menu ul li:last-child > a {border-bottom: none;}
.menu ul li:hover > a, .menu ul li.hover > a  {}



/* Level 2+ */
.menu ul li:hover > ul, .menu ul li.hover > ul {
    position: absolute;
	color: #fff
}
.menul{	background-color: rgba(246,147,20,.8); color: #fff; width: 300px;}
.menul a,.menul a:visited,.menul a:active{color: #fff}


.header-button {

  position: relative;
  z-index: 1;
  display: block;
  width: 30px;
  height: 100px;
	text-align: center;
	line-height: 100px;
  padding: 0;

  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;

}

#toggle-search {
  float: right;
  background-position: -60px 0;
}
#toggle-search.open:after {
  top: 100px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 100px;
  left: 50%;
  content: "";
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 100px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
	z-index: 9999999;
  max-height: 0;
  overflow: hidden;
background:rgba(255, 255, 255, .5);
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
	padding: 0px 20px;
	width: 1150px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #f69314;
  border: none;
  cursor: pointer;
}
.fd{color: #303030; line-height: 100px; font-size: 20px}