@import "compass/css3";
.fixed section.creative .menu-item .sub-menu {
 
      margin-top:14px;
    
}
section.creative {
  float:left;
	#menu-menu {
		margin-top: 0;
		.fixed & {
		  margin-bottom: 14px;
		  margin-top: 10px;
		}
	}
	.menu-item {
		@media #{$small-up} {
			float: none;
		}
		@media #{$medium-up} {
			float: left;
		}
		.sub-menu {
			border: 1px solid #eeeeee;
			@media #{$small-up} {
				padding-left: 14px;
			}
			@media #{$medium-up} {
				padding-left: 0;
				position: absolute;
				margin-top: 24px;
				a {
					padding: 0 20px;
					font-size: 13px
				}
			}
			background: #FFF;
			li {
				float: none;
			}
		}
		.sub-menu .sub-menu {
				@media #{$medium-up} {
					left: 100%;
					margin-top: 0;
					top: 0;
				}
		}
		a {
			padding: 10px;
		}
		.sub-menu {
			display: none;
		}
	}
}
.creative-layout {
  .top-bar-section li {
    border-bottom:none;
  }
	.top-bar .name h1 a {
		padding-top: 7px;
	}
	.fixed {
		.top-bar .name h1 a {
			padding-top: 9px;
		}
	}
	.contain-to-grid, .top-bar {
	  background: none repeat scroll 0 0 transparent;
	  box-shadow: none;
	  position: absolute;
	  display: block;
	  margin: 0 auto;
	  width: 100%;
	  z-index: 1001;
	}
	.header-top {
		color: #7D8793;
		.contact-info {
		  font-size: 16px;
			.fa {
			  margin-right: 4px;
			}
			.fa-phone {
				margin-left: 10px;
			}
		}
		i {
			font-size: 16px;
		}
		.social-icons li i {
			border-radius: 0;
			color: #D6D6D6;
			font-size: 1.2em;
			margin: 0 2px;
		}
		.social-icons.accent li i {
			border: none;
			color: #ffc4b7;
		}
	}
	.contain-to-grid.sticky {
		background-color: transparent;
		position: absolute;
	}
	.contain-to-grid.sticky.fixed {
	  position: fixed;
	  top:0;
	  background-color: #fff;
	}
  @media screen and (max-width: 360px) {
   .contain-to-grid.sticky.fixed,.contain-to-grid.sticky{
  top:0;
}
   
}
	.top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section ul li:hover:not(.has-form) > a {
		background-color: transparent;
	}
	// .top-bar-section ul li:hover:not(.has-form) > a	 {
	// 	color: #fff;
	// }
	.top-bar .toggle-topbar.menu-icon a span {
		box-shadow: none;
	}
	.top-bar .toggle-topbar.menu-icon {
    margin-top : -20px;
  }
  @media #{$small-only} {
  .top-bar-section .right li .dropdown {
    left: 100%;
  }
  }
	.top-bar {
		position: relative;
		//background-color: #FFF;
		transition: all 0.4s ease 0s;
		//float:left;
	}
	.top-bar-section ul li ul li > a{
			 font-size: 13px;
			 font-weight: 400;
		 }
	 .top-bar-section ul li > a {
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		transition: all 0.4s ease 0s;
    //border-bottom: 1px solid #fff;
    font-weight: 600;
		&:hover {
      border-bottom: 1px solid;
      color: #282828;
      transition: all .2s ease;
		}
	}
	 & .fixed .top-bar-section ul li > a {
      color:#333;
      border-bottom: 1px solid #fff;
      &:hover {
        color:#444;
        border-bottom: 1px solid #444;
      }
    }
	.top-bar-section ul li {
		background-color: transparent;
	}
	.top-bar .title-area .name {
		@media #{$small-only} {
			margin-top: 0;
		}
		@media #{$medium-up} {
			//margin-top: 20px;
		}
	}
	.creative-layout .top-bar .title-area .name {
		margin-top: 0;
	}
	.adress-section, .social-section {
	  background-color: #F95B36;
	  padding-bottom: 0px;
	  @media #{$topbar-media-query} {
	  	padding-bottom: 24px;
	  }
	  padding-top: 2px;
	  font-size: 16px;
	  color: #FFC4B7;

	}
	.social-section {
	  padding-bottom: 27px;
	  padding-left: 130px;
	}
	.adress-section {
	  padding-left: 0;
	  text-align: center;
	  @media #{$topbar-media-query} {
	  	text-align: left;
	  	padding-left: 110px;
	  }
	  color: #ffc4b7;
	}
	.phone-section {
	  padding-bottom: 22px;
	  padding-top: 5px;
	  color: #7D8793;
	  font-size: 16px;
	  text-align: center;
	  @media #{$topbar-media-query} {
	  	text-align: right;
	  }
	  i {
	  	color: #f95a36;
	  	font-size: 20px;
	  }
	}
	.phone-section:after {
	  content: " ";
	  width: 83px;
	  height: 51px;
	  top: 0;
	  background-image: url("../images/bg-phone.jpg");
	  background-repeat: no-repeat;
	  position: absolute;
	  right: -81px;
	  z-index: 1;
	}
}


.top-bar .toggle-topbar.menu-icon a span {
	box-shadow: none !important;
}
.modern-layout .top-bar-section ul li {
  float: none !important;

}
.orange_bar {
	@include background-image(linear-gradient(left, #f95b5d 0%, #fbad5b 100%));
	height: 10px;
}
.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
}
.top-bar-section li:not(.has-form) a:not(.button) {
  background: transparent;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  border:none;
}


.creative-social {
  float: right;
  padding-top: 22px;
  a {
    color: #fff;
    font-size: 18px;
  }
}
.fixed .creative-social {
  padding-top: 25px;
  a {
    color:#000;
  }
}
.creative-layout .top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 11px;
}
.creative-layout .top-bar-section {
  margin-right:0;
}
@media only screen and (max-width: 980px) {
//_________________mobile__________________
.creative-layout .top-bar-section ul li > a {
  color:#000;
  border-bottom:1px solid  #fff;
}
.creative-layout .top-bar.expanded .title-area {
  background:#555;
}
.creative-layout .top-bar .title-area {
  background:#555;
}
section.creative,section.creative .dropdown{
  background:#CBCBCB;
}
section.creative {
  width:100%;
}
.top-bar,.top-bar .name {
  height: 5.214rem;
}
.creative .top-bar-section {
  width:100%;
  background:#fff;
}
.wd_mega-menu > .sub-menu.dropdown > li {
  display:block;
}
.wd_mega-menu > .sub-menu.dropdown > li > .sub-menu.dropdown {
  position:absolute !important;
}
.wd_mega-menu .sub-menu.dropdown {
  background:#fff;
  padding-right:0;
}
.creative-layout .wd_mega-menu > .sub-menu.dropdown, .creative-layout .wd_mega-menu .sub-menu.dropdown{
  background:#CBCBCB;
  padding-right:0;
}

}