.carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%;}
.carousel-inner > .item.active > img, .carousel-inner > .item.active > a > img {width:100%;}

.item.active.left {max-width:100%; width:100%;}

.BannerPane h1 {color:#404041; /*text-shadow:0 1px 2px rgba(0, 0, 0, .6);*/ font-weight:normal; margin-bottom:0px!important; background-color: rgba(0,0,0, 0.4);display: inline;}

.carousel {
  height: auto;
  margin-bottom: 0px;
  position:relative;
  display:block;
}


.carousel-control.left, .carousel-control.right {
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.0001) 100%);
background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.0001) 100%);
  background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.0001)));
}

.carousel .overlay {
    background-color: #181818;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.Button_default .glyphicon {
  font-size: 11px;
  width: 17px;
}

/*============================
	CUSTOM CUSTOMER LAYOUT 
=============================*/

/*--- hide line ---*/
.line.white {display:none;}

.carousel .subtitle {font-size: 16px;color: #b2b2b2;line-height: 24px;margin-top: 7px; margin-bottom:15px;}

.carousel .line.white {background-color:#7A9D96; margin:20px auto;}

.carousel .carousel-indicators li, .carousel .carousel-control {display:none;}

.text-container {position:absolute;}

.text-container {
    color: #fff;
    /*text-shadow: 0 0px 0px rgba(0, 0, 0, 0);*/
    left: 230px;
    width:70%;
    top: 50%;
  z-index:2;
}

.text-container h1 {
    color: #404041;
}

.text-container h1 .wrap {
    color: #ffffff;
    padding: 10px 20px 15px 20px;
    display: inline;
}

.text-container h2 {
        color: #ffffff;
        font-size: 16px;
        line-height: 10px;
        font-weight: bold;
        text-transform: uppercase;
       margin:0;
}
/*
.carousel .carousel-control.left, .carouselbanner .carousel-control.right {
    background-image: none;
}
*/


.carousel a.Button_default{
	color: #333!important;
	background-color:#fff;
}

.carousel a.Button_default:hover{
	color: #fff!important;
	background-color:#444;
  	transition: 		background-color ease-in 200ms;
	-moz-transition: 	background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition:     background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		background-color ease-in 200ms; /* Opera */
	-ms-transition: 	background-color ease-in 200ms; /* IE9? */
}



.carousel .carousel-control {opacity:1!important;}
 
 .carousel .icon-prev,
  .carousel .icon-next,
  .carousel .glyph-chevron-left,
  .carousel .glyph-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
    font-size: 21px;
  }
  .carousel .icon-prev,
  .carousel .glyph-chevron-left {
    left: 50%;
    margin-left: -10px;
  }
  .carousel .icon-next,
  .carousel .glyph-chevron-right {
    right: 50%;
    margin-right: -10px;
  }
  .carousel .icon-prev,
  .carousel .icon-next {
    width:  20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
  }


@media screen and (min-width: 1470px){

    .text-container {
        left: 21%;
        width:58%;
      	top:35%;
    }
    .text-container .banner-body p {font-size: 18px;line-height: 25px;}
	.text-container h1 {font-size: 36px;line-height: 55px; padding:0 0 5px 0;}

  	/*--- banner Home ---*/
  .pgHome .text-container {top:31%;}
}

@media screen and (max-width: 498px){
  	/*.text-container {display:none;}*/
  .text-container {width:100%;left: 0; top:0;}
  .text-container h1 {font-size: 21px; line-height: 30px;}
  
     /*--- text below img ---*/
  .text-container {position: relative;padding: 40px 30px 60px 30px;background-color: #121212;}
  .carousel .subtitle {font-size: 16px;color: #b2b2b2;line-height: 23px;margin-top: 7px;}

  /*-- navigation position --*/
  .carousel .icon-prev, .carousel .icon-next, .carousel .glyph-chevron-left, .carousel .glyph-chevron-right {top:75%;}
  .carousel-indicators {bottom:0;}
  
}

@media only screen and (min-width: 401px) and (max-width: 768px) {
	
       .text-container {width: 100%;left: 0;top: 18%;}
    .text-container h1 {font-size: 21px; line-height: 30px;}
    .text-container h2 {font-size: 16px;line-height: 8px;}
    .text-container .banner-body {font-size: 11px;line-height: 16px;}
 	.banner-body p {margin-bottom: 4px!important;}
  
  	a.Button_default {padding: 5px 7px 5px 12px;font-size: 13px;margin-top: 0px;}
  
     /*--- text below img ---*/
  .text-container {position: relative;padding: 40px 40px 60px 40px;background-color: #121212;}

  /*-- navigation position --*/
  .carousel .icon-prev, .carousel .icon-next, .carousel .glyph-chevron-left, .carousel .glyph-chevron-right {top:75%;}
  .carousel-indicators {bottom:0;}
  
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.text-container h1 {font-size: 36px;line-height: 42px;}
    .text-container h2 {font-size: 18px;line-height: 10px;}
	.text-container {width: 100%;left: 0;top: 50%;}
 	.text-container .banner-body {font-size: 12px;line-height: 16px;}
    .text-container .banner-body p {margin-bottom:0!important;}
  
  	a.Button_default {padding: .25rem .5rem;}
  
   /*--- text below img ---*/
  .text-container {position: relative;padding: 40px 70px 60px 70px;background-color: #121212;}

  /*-- navigation position --*/
  .carousel .icon-prev, .carousel .icon-next, .carousel .glyph-chevron-left, .carousel .glyph-chevron-right {top:75%;}
  .carousel-indicators {bottom:0;}
  
  /*--- menu height ---*/
  #dnngo_megamenu > div > ul > li > a {heigt:50px;}

}


@media only screen and (min-width: 992px) and (max-width: 1470px) {
  
  	.text-container h1 {font-size: 46px;line-height: 52px;}
    .carousel .subtitle {font-size: 26px;color: #b2b2b2;line-height: 35px;margin-top: 7px;}
	.text-container {width:70%; left: 15%;top: 30%;}
    .text-container .banner-body {font-size: 14px;line-height: 19px;}
    .text-container .banner-body p {margin-bottom:0!important;}

  	.pgHome .text-container {width:70%; left: 15%;top: 35%;}
}