/*------------------------------------------*/
/*	     02 - Header & Navigation
/*------------------------------------------*/

/*************************
*******Header CSS******
**************************/
ul.shopping_grid{	padding:0;	margin:0;	list-style:none;	float:right;}
ul.shopping_grid li{	float: left;	padding: 10px 20px 0;	border-right: 1px solid #f7f7f7;	min-height: 20px;	color:#000;}
ul.shopping_grid li img{	margin-top: -4px;}
ul.shopping_grid a li:hover {	color:#df1f26;}
ul.shopping_grid li:hover span.m_1{	color:#000;}
.header_top{	background:#fff;}
.contactinfo ul li:first-child{    margin-left: -15px;}
.contactinfo ul li a{  color: #696763;}
.contactinfo ul li a:hover{  color: #ff0000;}
.social-icons ul li a {  border: 0 none;  border-radius: 0;  color: #696763;  padding:0px;}
.social-icons ul li{	display:inline-block;}
.social-icons ul li a i {  padding: 11px 15px;   transition: all 0.9s ease 0s;  -moz-transition: all 0.9s ease 0s;  -webkit-transition: all 0.9s ease 0s;  -o-transition: all 0.9s ease 0s;}
.social-icons ul li a i:hover{  color: #fff;   transition: all 0.9s ease 0s;  -moz-transition: all 0.9s ease 0s;  -webkit-transition: all 0.9s ease 0s;  -o-transition: all 0.9s ease 0s;}
.fa-facebook:hover {  background: #0083C9;}
.fa-twitter:hover  {	background:#5BBCEC;}
.fa-linkedin:hover  {	background:#FF4518;}
.fa-dribbble:hover  {	background:#90C9DC;}
.fa-google-plus:hover  {	background:#CE3C2D;}
.header-middle .container .row {  border-bottom: 1px solid #f5f5f5; background-color:#FFFFFF;  margin-left: 0;  margin-right: 0;  padding-bottom: 5px;  padding-top: 5px;}
.header-middle .container .row .col-sm-4{  padding-left: 0;}
.header-middle .container .row .col-sm-8 {	padding-right:0;}
.btn-group.open .dropdown-toggle {  background: rgba(0, 0, 0, 0);  box-shadow: none;}
.dropdown-menu  li  a:hover, .dropdown-menu  li  a:focus {  background-color: #FE980F;  color: #FFFFFF;  text-decoration: none;}
.shop-menu ul li {	display:inline-block;  padding-left: 15px;  padding-right: 15px;}
.shop-menu ul li:last-child {  padding-right: 0;}
.shop-menu ul li a {  background: #FFFFFF;  color: #696763;  font-size: 12px;  font-weight: 300;  padding:0;  padding-right: 0;  margin-top: 10px;}
.shop-menu ul li a i{	margin-right:3px;}
.shop-menu ul li a:hover {	color:#fe980f;	background:#fff;}
.header-bottom {  padding:0 10px;    background-color:#0099cc;}
.navbar-collapse.collapse{}
.mainmenu ul li{  padding-right: 20px;  padding-left: 19px;}
.mainmenu ul li:first-child{  padding-left: 20px;}
.mainmenu ul li a {	color: #fff;	font-family: 'Roboto', sans-serif;	font-size: 14px;	font-weight: 300;	padding: 0;	padding-bottom: 10px;	padding-top:10px;}
.mainmenu ul li a:hover, .mainmenu ul li a.active,  .shop-menu ul li a.active{	background:none;	color:#000;}

/*  Dropdown menu*/

.navbar-header .navbar-toggle .icon-bar {    background-color: #fff;}
.nav.navbar-nav > li:hover > ul.sub-menu{  display: block;  -webkit-animation: fadeInUp 400ms;  -moz-animation: fadeInUp 400ms;  -ms-animation: fadeInUp 400ms;  -o-animation: fadeInUp 400ms;  animation: fadeInUp 400ms;}
ul.sub-menu {	position: absolute;	top: 40px;	left: 0;	background:#0099cc;	list-style: none;	padding: 0;	margin: 0;	width: 180px;	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);	display: none;	z-index:1000;}
.dropdown ul.sub-menu li .active{  color: #FDB45E;  padding-left: 0;}
.navbar-nav li ul.sub-menu li{  padding: 5px 10px 0 ;}
.navbar-nav li ul.sub-menu li:last-child{  padding-bottom: 10px;}
.navbar-nav li ul.sub-menu li a{  color: #fff;}
.navbar-nav li ul.sub-menu li a:hover{    color: #000;}
.fa-angle-down{  padding-left: 5px;   }
@-webkit-keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translateY(20px);    transform: translateY(20px);  }
  100% {    opacity: 1;    -webkit-transform: translateY(0);    transform: translateY(0);  }
}
/*-- header --*/.header_bg{border-bottom: 1px solid rgb(236, 236, 236);}
.header{padding:12px 0 0;}
.logo{float:left;margin:2px 0;}
.header_right{margin: 2% 0;}