#banner_brands {background: url(../images/brands/brands-landing/banners/Banner_Brands_01.jpg) no-repeat center center; background-size: cover;}
#banner_brands02 {background: url(../images/brands/brands-landing/banners/Banner_Brands_02.jpg) no-repeat center center; background-size: cover;}
#banner_brands03 {background: url(../images/brands/brands-landing/banners/Banner_Brands_03.jpg) no-repeat center center; background-size: cover;}
#banner_brands04 {background: url(../images/brands/brands-landing/banners/Banner_Brands_04.jpg) no-repeat center center; background-size: cover;}
.brand_logo {
    position: relative;
}
.landing_banner {background: url(../images/brands/brands-landing/banners/Banner_Brands_01.jpg) no-repeat center center; background-size: cover;}

#brands_landing {height: 100vh }
#brands_slider .slide_item {
    padding: 240px 0px 0px 0px;
}
.brand_banner_text { margin-top: 80px; }

.brand_desc {
	position: absolute;
	left: 0%;
	top: 25px;
  /*width: 80%;*/
	width: 100%;
	height: 100%;
  /*padding: 14% 0px 0px 11%;*/
	padding: 0;
	transition-duration: 0.5s;
	z-index: 999999;
	opacity: 0;
  text-align: center;
}
.brand_desc h5 { color: #fff; font-weight: 700; font-size: 15px; padding-bottom: 0px;}
.brand_desc p { color: #fff; font-weight: 300; }
.latest_ad .brand_desc {width: 80%; padding: 14% 0px 0px 11%; text-align: left;}
.latest_ad .brand_desc h5 {padding-bottom: 20px;}
.brand_logo:after {
	content: " ";
	background: #000;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-duration: 0.5s;
	z-index: 99999;
}
.brand_logo:hover .brand_desc { top: 0px; opacity: 1; }
.brand_logo:hover:after { opacity: 0.7; }
.brand_logo .pxy { width: 100% !important; }

.watch_video {display: inline-block; margin-top: 30px;}
.watch_video span {font-weight: 700; font-size: 16px; line-height: inherit; margin-top: 14px; display: inline-block; color: #fff;}
.brand_logo .videoplayic {width: 42px !important; height: 42px !important; position: relative; float: left; margin-right: 10px;}
.brand_logo .videoplayic::before {border-width: 7px 0 7px 14px}


/*.brand_logo.latest_ad:after { background: #4ce0e0; }*/
.brand_logo.latest_ad:hover:after { opacity: 0.8; }

#brands_with_purpose { padding: 50px 0px 30px 0px; }
#brands_with_purpose .desc  p {font-weight: 300; font-size: 21px; line-height: 31px; color: #212120;}
#brands_with_purpose .desc {margin-bottom: 00px;}
#brands_with_purpose .results20 {font-size: 18px; line-height: inherit; margin: 70px 0 0; display: inline-block;}

/*slider*/
#landingdots .owl-dot {	margin-bottom: 60px !important; }
.brand_dropdown { margin-bottom: 12px; }

#Latest_Ad_Campaigns { padding: 140px 0px 140px 0px; }
#Latest_Ad_Campaigns_Slider { margin-bottom: 50px; }

#Latest_Ad_Campaigns_Slider .owl-dot {
	background: #e0e0e0 !important;
	opacity: 1;
	margin-top: 35px !important;
}
#Latest_Ad_Campaigns_Slider .owl-dot.active {
	background: #606060 !important;
}

/* Multiselect Dropdown */
.multi-select-container {
  display: inline-block;
  position: relative;
  float: left;
  width: 100%;
}

.multi-select-menu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 40px;
  float: left;
  min-width: 100%;
  background: #fff;
  border: 1px solid #f2f2f2;
  display: none;
  z-index: 99;
  padding: 10px 0px;
}

.multi-select-menu input { margin: 0px 6px 0px 0px; position: relative; top: 2px; }

.multi-select-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  cursor: pointer;
  float: left;
  width: 100%;
  padding: 9px 15px 8px 15px;
  background: #f2f2f2;
  color: #212120;
  font-size: 15px;
  font-weight: 300;
}

.multi-select-button:after {
  content: "";
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-style: solid;
  border-color: #212120;
  border-width: 0px 2px 2px 0px;
  display: block;
  position: absolute;
  right: 20px;
  top: 7px;
  transform: rotate(45deg);
  transition-duration: 0.5s;
}

.multi-select-menu label {
  width: 100%;
  float: left;
  display: block;
  white-space: nowrap;
  padding: 2px 10px;
  margin: 7px 0px;
  cursor: pointer;
  color: #606060;
  font-size: 15px;
  font-weight: 300;
  transition-duration: 0.3s;
}
.multi-select-menu label:hover, .multi-select-menu label.current {
  color: #4ce0e0;
}

.multi-select-container--open .multi-select-menu { display: block; }

.multi-select-container--open .multi-select-button:after {
	transform: rotate(-135deg);
	top: 13px;
}

#Latest_Ads { margin-top: 100px; }


/*#new csss*/
#brands_landing{height: 100vh; margin-top: 0; min-height: auto;}
/*.banner01::before {background-color: #da79c6; height: 60%; width: 100%; float: left; width: 100%; content: ''; position: absolute; left: 0; top: 0;}
.banner01::after {background-color: #72cf5d; height: 40%; width: 100%; float: left; width: 100%; content: ''; position: absolute; left: 0; bottom: 0;}*/
/*.banner01 img {position: absolute; top: 0%; right: 0; width: 100%; float: left; z-index: 99999;}*/
.banner01 {overflow-y: hidden;}
#brands_slider_mobile .bannermobile{background: #df7ac8; height: 100vh;}
#brands_slider_mobile .bannermobile img {position: absolute;left: 0; bottom: 0;}

#brands_slider_mobile .bannermobile{background: #df7ac8; height: 100vh;}
#brands_slider_mobile .bannermobile img {position: absolute;left: 0; bottom: 0;}




@media only screen and (max-width: 768px) {
#banner_brands {background: url(../images/brands/brands-landing/banners/mobile/Banner_Brands_01.jpg) no-repeat center center; background-size: cover;}
#banner_brands02 {background: url(../images/brands/brands-landing/banners/mobile/Banner_Brands_02.jpg) no-repeat center center; background-size: cover;}
#banner_brands03 {background: url(../images/brands/brands-landing/banners/mobile/Banner_Brands_03.jpg) no-repeat center center; background-size: cover;}
#banner_brands04 {background: url(../images/brands/brands-landing/banners/mobile/Banner_Brands_04.jpg) no-repeat center center; background-size: cover;}


  #Latest_Ad_Campaigns {padding: 60px 0px 60px 0px;}
  #brands_with_purpose { padding: 40px 0px 25px 0px;}
  #brands_with_purpose .desc p {font-size: 14px; line-height: 21px; margin-bottom: 40px !important;}
  .multi-select-button {font-size: 13px; line-height: inherit;}
  #brands_with_purpose .results20 {font-size: 14px; margin-top: 30px;}
  #Latest_Ads h3{ margin-bottom: 20px; }
  #Latest_Ads { margin-top: 50px; }
  .multi-select-menu label {font-size: 14px; padding: 3px 10px; margin: 5px 0;}
  .multi-select-menu {padding: 6px 0;}
  .multi-select-button {padding: 11px 15px 10px 15px;}
}