/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html {
	height: 100%;
}
body {
  /*padding-top: 3rem;
  padding-bottom: 3rem;*/
  color: #5a5a5a;
  height: 100%;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-top:0;/*-230px;*/
  /*margin-bottom: 4rem;*/
}
.carousel-indicators {
	bottom: 246px;/*226px;46px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel-caption-slide {
	bottom: 246px;/*216px;46px;*/
    z-index: 10;
    background: transparent url(../images/background_carousel.png) no-repeat 0 0;
	left: 0;
	right: auto;
	color: #FFF;
	width: 648px;
    height: 171px;
    padding: 66px 45px 0 210px;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  min-height: 56rem;
  height: 100%;
  background-color: #fff;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
  /*min-width: 100%;
  min-height: 56rem;
  height: 100%;*/
}
.carousel-indicators li {
	background-color:rgba(76,175,80,0.5)!important;
	height:5px;
}
.carousel-indicators .active {
	background-color:rgba(76,175,80,0.9)!important;
}
/* hometop right-menu */
#hometop #right-menu {
    width: 16rem;
    position: absolute;
    top: 225px;
    right: 0px;
    height: auto;
    opacity: 0.8;
}
div#right-menu h2 a {
    font-size: 13px;
    color: white;
    text-transform: none;
    height: auto;
    display: block;
    width: auto;
    padding: 13px 0 13px 35px;
    background: #4CAF50 url(../images/arrow_white_right.png) no-repeat 16px 15px;
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

div#right-menu h2 a.open {
    background: #4CAF50 url(../images/arrow_white_down.png) no-repeat 12px 17px;
}

div#right-menu h2 {
    margin-bottom: 4px;
}

div#right-menu ul {
    list-style-type: none;
	padding: 0;
}

div#right-menu > ul > li {
    margin-bottom: 4px;
    background-color: #4CAF50;
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

div#right-menu > ul > li > span,
div#right-menu > ul > li > a {
    font-size: 13px;
    color: white;
    display: block;
    width: auto;
    padding: 13px 0 13px 35px;
    font-weight: bold;
    background: transparent url(../images/bullet_grey.png) no-repeat 16px 18px;
}

div#right-menu > ul > li > a.sub-menu {
    background: transparent url(../images/bullet_more_grey.png) no-repeat 14px 16px;
}

div#right-menu > ul > li.open > a.sub-menu {
    background: transparent url(../images/bullet_more_open_grey.png) no-repeat 14px 19px;
}

div#right-menu ul li div.content {
    height: 138px;
    overflow: auto;
    margin: -7px 0 0 16px;
    display: none;
}

div#right-menu ul li.open {
    padding-bottom: 6px;
}

div#right-menu ul li ul {
    margin-left: 19px;
}

div#right-menu ul li ul li {
    margin-bottom: 5px;
}

div#right-menu ul li ul li span,
div#right-menu ul li ul li a {
    font-size: 11px;
    color: white;
}
.vidoelist {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/* Slide-box */
#slide-box-brands {
	margin-top:-246px;/*-216px;-46px;*/
	margin-bottom: 2rem;
	opacity:0.9;
	font-size:0.9rem;
	min-height: 246px;/*216px;46px;*/
}
#slide-box-brands a,#slide-box-brands a:hover {
	color:#FFF;
}
#slide-box-brands .box {
	display: table;
}
.sbox-navbar {
	/*padding: 0;*/
}
.sbox-navbar .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.sbox-navbar .navbar-nav .nav-link {
    display: block;
    padding: .8rem 1rem;
}
.sbox-navbar .navbar-nav .active .nav-link {
    background: #FF9800;
    margin: 0;
    padding: 0.8rem 1rem;
    border-radius: 0rem;
    color: #fff !important;
}
.sbox-navbar .navbar-nav .active a,.sbox-navbar .navbar-nav .active a:hover {
	color:#fff !important;
}
.sbox-content {
	margin:0.75rem 0;
}
/*#slide-box-brands .owl-stage-outer {
    overflow:visible !important;
}
#slide-box-brands .owl-stage-outer .owl-stage .owl-item {
    visibility:hidden;
}
#slide-box-brands .owl-stage-outer .owl-stage .active {
    visibility:visible !important;
}*/

/* NEWS CONTENT
-------------------------------------------------- */
.newscon{
	margin-bottom:2rem;
}
#news {
}
#news .head,#events .head,#estore .head {
	background: rgba(0,204,0,0.3);
	padding:5px;
	margin-bottom:5px;
}
#news .head .btn-block,#events .head .btn-block,#estore .head .btn-block {
	padding:5px;
	text-align:center;
	font-size:0.9rem;
}
.newslist {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	padding-bottom:5px;
}
.newslist a {
	margin-right: 5px;
}
#estore .product .product-inner {
	padding: 0;
    padding-left: calc( 1.714em - 10px);
	
}
#estore .product .loop-product-categories {
    display: block;
    margin-bottom: .1rem;
    font-size: 0.857rem;
    line-height: 1.05rem;
    height: 1.05rem;
    color: #878787;
    overflow: hidden;
}
#estore .product .loop-product-categories a {
    color: #878787;
}
#estore .product a {
    color: #a3d133;
}
#estore .product h3 {
    font-size: 1.5rem;
    line-height: 1.286em;
    font-weight: bold;
    /*height: 2.572em;*/
    overflow: hidden;
	z-index: 999;
    display: block;
    position: relative;
}
#estore .product .product-thumbnail {
    margin-bottom: 0.714em;
    position: relative;
    width: 100%;
    /*padding-bottom: 93.01%;
    float: left;
    height: 0;
	margin-top: -1.5rem;*/
	text-align: center;
}
#estore .product .product-thumbnail img {
    width: 18rem;
	margin: auto;
}
#estore .product .price-add-to-cart {
    clear: both;
    margin-bottom: 0.929em;
    position: relative;
}
#estore .product .price-add-to-cart > .price {
    display: block;
    float: left;
    width: calc( 100% - 41px);
    white-space: nowrap;
}
#estore .product .price-add-to-cart .electro-price {
    line-height: 1.2rem;
}
#estore .product .price ins {
    color: #ee0000;
	text-decoration:none;
	font-size:1.25rem
}
#estore .product .price del {
    color: #848484;
    font-size: 0.6rem;
    line-height: 1.5rem;
}
#estore .product .button {
    width: 35px;
    text-indent: -9999px;
    height: 35px;
    position: relative;
    padding: 0;
    border-radius: 50%;
}

#video .head,#label .head {
	background: rgba(0,204,0,0.3);
	padding:5px;
	margin-bottom:5px;
}
#video .head .btn-block,#label .head .btn-block {
	padding:5px;
	text-align:center;
	font-size:0.9rem;
}
#label .card-body {
	padding: .25rem 1.25rem;
}
#label .downpic {
	display:block;
	border:1px solid #dee2e6;
}
#label .downpic img {
	width: 100%;
}
#label .active {
	display:block;
	border:1px solid #999;
}
#label .downtxt {
	display:none;
}

/* OWL SOLUTION */
#slide-box-brands .owl-carousel .owl-stage-outer {
	height: 100%;
}
#slide-box-brands .owl-carousel .owl-item {
	text-align: center;
}
#slide-box-brands .owl-carousel .item {
	height:46px;
    display: table;
    vertical-align: middle;
	text-align:center;
    width: 100%;
}
#slide-box-brands .owl-theme .owl-nav {
    margin-top: -45px;
    position: relative;
}
#slide-box-brands .owl-carousel .owl-nav .owl-prev {
	float: left;
    margin-left: -25px;
	background:none;
}
#slide-box-brands .owl-carousel .owl-nav .owl-next {
	float: right;
    margin-right: -25px;
	background:none;
}

#slide-box-solution .owl-theme .owl-nav {
    margin-top: -90px;
    position: relative;
}
#slide-box-solution .owl-carousel .owl-nav .owl-prev {
	float: left;
    margin-left: -30px;
	background-color:#b2f0b2;
}
#slide-box-solution .owl-carousel .owl-nav .owl-next {
	float: right;
    margin-right: -30px;
	background-color:#b2f0b2;
}

/* EVENT CALENDAR */
#fullcalendar h2 {
	font-size: 1.45rem;
}
#fullcalendar .fc-basic-view .fc-body .fc-row {
    min-height: 3.45em;
}

/* VIDEO ROUNDABOUT */
#video-roundabout{margin:0 auto;height:228px;width:80%;list-style: none;}
#video-roundabout li{height:228px;width:360px;text-align:center;cursor:pointer; border:1px solid #DDD;}
#video-roundabout li.roundabout-in-focus{cursor:pointer;}
#video-roundabout li img{height:100%;width:100%; border:3px solid #FFF;}
#video-roundabout li span{display:block;padding-top:6em;}
#video-roundabout p {display:none;}

/* LABEL */
#label h6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/*special*/

.brandcon a{
    transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;
}
.brandcon a:hover{
    /*transform: scale(1.2);*/
    -webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1)
}
#slide-box-solution .owl-item{
    transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;
}
#slide-box-solution .owl-item:hover{
    /*transform: scale(1.2);*/
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1)
}

.brandsgrid {
}
.brandsgrid .brandsgrid-tab {
	margin: 0;
}
.brandsgrid .brandsgrid-tab li {
	margin: 0;
	cursor: pointer;
	border-right: 1px solid #70c55e;
	white-space:nowrap;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}
.brandsgrid .brandsgrid-tab li:last-child {
	border-right: 0;
}
.brandsgrid .brandsgrid-tab li:hover {
	background: #e3f7e4;
}
.brandsgrid .brandsgrid-tab .active,.brandsgrid .brandsgrid-tab .active:hover {
	background: #56b35b;
	color: #fff;
}
.brandsgrid .brandsgrid-tab .active a,.brandsgrid .brandsgrid-tab .active a:hover {
	color: #fff;
}