.header__logo {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

[dir="rtl"] .header__logo {
  float: right;
  margin: 0 0 0 10px;
}

.header__logo-image {
  vertical-align: bottom;
}

.header__name-and-slogan {
  float: left;
}

.header__site-name {
  margin: 0;
}

.header__site-link:link, .header__site-link:visited {
  color: #000;
  text-decoration: none;
}

.header__site-link:hover, .header__site-link:focus {
  text-decoration: underline;
}

.header__site-slogan {
  margin: 0;
}

.header__secondary-menu {
  float: right;
}

[dir="rtl"] .header__secondary-menu {
  float: left;
}

.header__region {
  clear: both;
}

.header {
	display: inline-block;
	width: 100%;
}

/**
 * Logo design
 */

.header div.site-name,
.header div.name-and-slogan {
	display: none;
}

.header a.site-logo {
	margin: 0;
	padding: 0;
	display: inline;
	margin-top: 20px;
}

/**
 * Menu design
 */

#block-nditsolutions-main-menu {
	display: inline;
	float: right;
	margin-top: 7px;
}

#block-nditsolutions-main-menu ul.menu {
	display: block;
	list-style: none;
	margin: 0px;
}

#block-nditsolutions-main-menu ul.menu li {
	display: inline;
	list-style: none;
}

#block-nditsolutions-main-menu ul.menu li a{
	padding: 10px 20px 10px 20px;
	background-color: #b0d50f;
	text-decoration: none;
	color: #000000;
	font-weight: solid;
	border-style: solid;
	border-width: 1px;
	border-color: #b0d50f;
	-khtml-border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
}

#block-nditsolutions-main-menu ul.menu li a:hover{
	color: #ffffff;
}

#block-nditsolutions-main-menu ul.menu li a.is-active{
	color: #ffffff;
}

/**
 * Responsive Menu design
 */

#block-horizontalmenu ul.horizontal-menu {
	list-style: none;
	margin: 0px;
}

#block-horizontalmenu ul.horizontal-menu li {
	display: inline-block;
	padding-top: 0px;
	list-style: none;
}

#block-horizontalmenu ul.horizontal-menu li a{
	padding: 7px 20px 7px 20px;
	background-color: #b0d50f;
	text-decoration: none;
	color: #000000;
	font-weight: solid;
	border-style: solid;
	border-width: 1px;
	border-color: #b0d50f;
	-khtml-border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
}

#block-horizontalmenu ul.horizontal-menu li a:hover{
	color: #ffffff;
}

#block-horizontalmenu ul.horizontal-menu li a.is-active{
	color: #ffffff;
}

.block-responsive-menu-toggle {
    position: absolute;
    top: 10px;
    left: 10px;
}

.responsive-menu-toggle-icon::before, 
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon,
.responsive-menu-toggle-icon span.icon::before,
.responsive-menu-toggle-icon span.icon::after {
    background: #b0d50f;
    content: '';
    display: block;
    width: 38px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1px;
}

.responsive-menu-toggle-icon span.icon {
    top: 10px;
}

.responsive-menu-toggle-icon span.icon::before {
    top: 10px;
}

.responsive-menu-toggle-icon span.label {
	color: #b0d50f;
    display: block;
    position: absolute;
    font-size: 13px;
    text-transform: uppercase;
    top: 33px;
    left: 0;
}

/**
 * Banner design
 */
 
.banner {
	/*opacity: 0.7;*/
	/*background-color: #b0d50f;
	border-style: solid;
	border-width: 1px;
	border-color: #b0d50f;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;*/
	background-image: url("../../../images/banner_background.jpg");
	background-position: center;
	background-repeat: no-repeat;
}