/*
  This css file is used to mainly create responsive menu, and make the menu more
  readable on smaller screen.
*/

/*responsive menu override*/
.mean-bar .sub-menu{
    display:none;
}
.mean-nav{
    display:none;
    margin-top: 42px;
}
.mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #75bd43;
  padding:0;
  min-height: 42px;
  z-index: 999999;
}
a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 10px 13px 10px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 700;
  background: #75bd43;
}
.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
a.meanclose{
  color: #fff;
  font-size: 22px;
  font-family: Arial,Helvetica,sans-serif;
  text-indent: 0;
}
a.meanclose:hover{
  color: #fff;
  text-decoration: none;
}

.mean-nav ul {
  padding: 0;
  overflow: hidden;
  margin: 0;
}
.mean-nav ul ul{
  overflow: visible;
}
.mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255,255,255,0.5);
  text-decoration: none;
  text-transform: uppercase;
}
.mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255,255,255,0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

 .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

 .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

 .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

 .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255,255,255,0.1);
}

.mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 14px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255,255,255,0.1);
  border: none !important;
  border-left: 1px solid rgba(255,255,255,0.4) !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  font-size: 24px;
}

.mean-nav ul li a.mean-expand:hover {
  background: #629E38;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

#edit-market-verticals, #edit-product-groups {margin-left:20px;}


/* HC landing page */
.node-type-landing-scrolling-page hr,
.node-type-hc-landing hr {
  margin: 0;
  border-width: 1px;
  border-color: #fff;
  height: 0px;
  margin-bottom: 10px;
}
.node-type-landing-scrolling-page #navigation,
.node-type-hc-landing #navigation{
  margin-bottom: 0;
}
.node-type-landing-scrolling-page .webdeveloper,
.node-type-hc-landing .webdeveloper{
  display: none;
}

.node-type-landing-scrolling-page article,
.node-type-hc-landing article{
  margin-bottom: 0;
}

.background{
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.background-text-content{
  background-repeat: repeat;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  overflow: hidden;
}

.node-type-landing-scrolling-page.sidebar-second #content,
.node-type-hc-landing.sidebar-second #content{
  width: 100%;
}
.node-type-landing-scrolling-page #content,
.node-type-hc-landing #content{
  padding-left: 0px;
  padding-right: 0px;
}
.background-help {
  background: #ddd;
  background-color: transparent;
  background-color: rgba(211, 211, 211, 0.85);
}

.background-text-content .region{
  width: 1000px;
  padding-left: 0;
  padding-right: 0;
}

body.node-type-landing-scrolling-page,
body.node-type-hc-landing{background-image:none;background-color:#fff;}
body.node-type-landing-scrolling-page #page,
body.node-type-hc-landing #page{-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
body.node-type-landing-scrolling-page .background-text-content .block-content-wrap h2,
body.node-type-hc-landing .background-text-content .block-content-wrap h2{margin-top:0 !important;text-align:center;line-height:1em;padding-bottom:10px;}
body.node-type-landing-scrolling-page .background-text-content .block-content-wrap h2:hover,
body.node-type-hc-landing .background-text-content .block-content-wrap h2:hover{text-decoration:none;color:#fff;}

body.node-type-landing-scrolling-page .background-text-content .block-content-wrap h2 a,
body.node-type-hc-landing .background-text-content .block-content-wrap h2 a
{display:block;width:100%;}

body.node-type-landing-scrolling-page .background-text-content .block-content-wrap p,
body.node-type-hc-landing .background-text-content .block-content-wrap p
{font-size:1em;  padding:0; margin: 0 !important;}

body.node-type-landing-scrolling-page .background-text-content .block,
body.node-type-hc-landing .background-text-content .block
{text-align: center;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;vertical-align: top;}

body.node-type-landing-scrolling-page .background-text-content .block.size25,
body.node-type-hc-landing .background-text-content .block.size25
{vertical-align: top;min-height: 310px;}

body.node-type-landing-scrolling-page .background-text-content .block.size20,
body.node-type-hc-landing .background-text-content .block.size20
{vertical-align: top;min-height: 249px;}

body.node-type-landing-scrolling-page .background-text-content .block.size15,
body.node-type-hc-landing .background-text-content .block.size15
{vertical-align: top;min-height: 200px;}

body.node-type-landing-scrolling-page .background-text-content .block:hover,
body.node-type-hc-landing .background-text-content .block:hover
{opacity: 1;}

body.node-type-landing-scrolling-page .background-text-content table,
body.node-type-hc-landing .background-text-content table{margin-top: 0;}

body.node-type-landing-scrolling-page .background-footer .block,
body.node-type-hc-landing .background-footer .block,
body.node-type-landing-scrolling-page .background-help .block,
body.node-type-hc-landing .background-help .block
{text-align: left;}

.node-type-landing-scrolling-page .background-footer #footer,
.node-type-hc-landing .background-footer #footer{
  font-size: 1em;
  padding: 0;
  line-height: 1.2em;
  box-shadow:none;
  -moz-box-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  background:none;
}
.node-type-landing-scrolling-page .region-highlighted .block-title,
.node-type-hc-landing .region-highlighted .block-title,
.node-type-hc-landing #content .block-title{
  border-bottom: 1px solid;
}
.greenbtn {
  /*Green button*/
  background: #76bd43;
  padding: 3px 10px;
  border-radius: 5px;
  background-clip: padding-box;
  color: #fff;
  -webkit-box-shadow: 1px 1px 3px 0px #888;
  box-shadow: 1px 1px 3px 0px #888;
  margin: 0 10px 0 0;
  font-size: 18px;
}

.greenbtn:hover{
  text-decoration: none;
  color: #fff;
  background: #5e9736;
}

.node-type-hc-landing article{
  position: relative;
  margin-bottom: 0;
}

.node-type-hc-landing .group-hero-on-bg{
  position: absolute;
  top: 5px;
  left: 30%;
}
.group-hero-on-bg h2,
.group-hero-on-bg .field-name-field-hero-title{
  font-size: 56px;
  line-height: 1.2em;
  display: inline-block;
  width: 98%;
  color: #060f68;
  font-weight: normal;
  margin: 0;
}
.group-hero-on-bg h3,
.group-hero-on-bg .field-name-field-second-hero-title{
  font-size: 25px;
  margin: 20px 0;
  color: #060f68;
  font-weight: normal;
}
.group-hero-on-bg .field-name-field-hero-text-content{
  margin: 20px 0 20px 20px;
  color: #060f68;
  font-size: 18px;
  line-height: 1.3em;
  width:92%;
}

.node-type-hc-landing .field-name-field-links{
  position: absolute;
  bottom: 10px;
  right: 1%;
}

.node-type-hc-landing #content .textblock p{
  font-family: 'proxima-nova-condensed';
}

.node-type-hc-landing .textblock{
  margin-bottom: 20px;
}

/* Home Category Links */
.home-category-links{margin:0 0 12px 0;}
.home-category-links .block-content-wrap{text-align: center;}
.home-category-links .block-content-wrap div{display: inline-block;width: 18%;text-align: center;padding:5px;margin:10px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 1px 3px 1px #ccc;
  box-shadow: 1px 1px 3px 1px #ccc;}
.home-category-links .block-content-wrap div p{margin-bottom: 0;}
.home-category-links .block-content-wrap div h4{margin: 2px 0 0 0;padding-top: 5px;border-top:1px solid #ccc;}
.home-category-links .block-content-wrap div h4 a{color:#666  ;}

/* Home Category Links New Version */
.home-category-links-icons{
  margin:0 0 12px 0;
}

.home-category-links-icons .block-content-wrap{
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
}

.home-category-links-icons .block-content-wrap div{
  display: inline-block;
  width: 100px;
  max-width: 100px;
  text-align: center;
  padding:5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 100px;
}

.home-category-links-icons .block-content-wrap div p{
  margin-bottom: 0;
}

.home-category-links-icons .block-content-wrap div p a{
  display: inline-block;
}

.home-category-links-icons .block-content-wrap div img{
  max-width: 100px;
}

.home-category-links-icons .block-content-wrap div h4{
  margin: 0;
  padding-top: 0;
}

.home-category-links-icons .block-content-wrap div h4 a{
  color:#666;
  font-weight: normal;
  font-size: 0.9em;
}


/*IE fix responsive menu on everypage */
.lt-iee .res-main-menu,
.lt-ie9 .res-main-menu{
  display: none;
}
.lt-iee #page .res-main-menu,
.lt-ie9 #page .res-main-menu {
  display: inline;
}
.lt-iee .res-main-menu,
.lt-ie8 .res-main-menu{
  display: none;
}
.add_new_list a {color:#75bd43 !important;}
.view-brand-logos-taxonomy .views-row {margin-right:11px;margin-bottom: 0;}

.sektor_th #custom_menu .level-1.element-wrapper > a,
.sektor_th #custom_menu .level-1.element-wrapper.last > a{
  padding: 8px 40px 8px 40px;
}

.sektor_my #custom_menu .level-1.element-wrapper > a,
.sektor_my #custom_menu .level-1.element-wrapper.last > a {
  padding: 8px 30px 8px 30px;
}