#listing-header {
	margin-top: 12px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height:100%;
}

#banner-container {
	background-position:center;
}

.normal #banner-title {
	padding-top:186px
}
@media (max-width: 990px){
	.normal #banner-title {
	font-size: 20px;
}
}
#banner-title {

    color: #ffffff;

}

.footer-listings li .image {height: 45px; top:6px;}

/* Property Carousel Hover */
.owl-controls .owl-buttons div.owl-prev:hover,
.owl-controls .owl-buttons div.owl-next:hover {
  background: #555555;
  color: #ffffff;
}

.multibranch-selector ul {
;
  top: 25px;

  background-color: #999ea2;

}

.nav-tabs {
 display: block;
}
/* #Resize Logo Option 
.nav-logo img{
	height:100px;
}
.nav-logo {
	height:100px;
	margin:0;
}
#nav-section.shrink {
  min-height: 70px;
}
#nav-section.shrink .nav-logo img {
  height: 65px;
}
#nav-section.shrink .navbar-nav > li > a {
  line-height: 70px;
}
.shrink #nav-mobile-btn {
  margin-top: 20px;
    margin-bottom: 20px;
}
*/
/* #Logo and Menu Background */
.nav-logo img{
	height:100px;
}
.nav-logo {
	height:100px;
	margin: 0 0 10px 0;
}

.navbar {
	margin: 0;
}
@media (max-width: 640px){
.nav-logo img{
	height:60px;
	margin: 18px 0 10px 0;	
}
	#top-info li, #top-buttons li {
		margin-left:12px;
	}
}
#nav-section {
	background: #5e3084;
}

/* # Navigation */
.navbar-nav > li > a {
  padding: 0px 10px;
  display: block;
  color: #ffffff;
  line-height: 110px;
font-size: 15px;
  text-transform: uppercase;

}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav > li > a:hover,
.nav > li > a:focus,
.navbar-nav > li > a.active {
  background-color: transparent;
  color: #008150;
}
.shrink #nav-mobile-btn {
	margin-top:18px;
	margin-bottom: 18px;
}
/* Drop Down Box Font Size */

.chzn-container-single .chzn-single  {
	font-size: 14px;
}
#pageid1 .chzn-container-single .chzn-single  {
    background-color: rgba(255, 255, 255, 0.9);
}
#pageid1 #home-advanced-search .btn {
	background: #008150;
	border-color: #008150;
	color: #ffffff;
}

/* Featured Properites Anemity Font Size */
.carousel-style1 .item .amenities li {
	font-size: 14px;
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a.active {
  background-color: #fff;
  color: #5e3084;
  border-left: 4px solid #5e3084;
}
/* # Headings and Paragraphs */

.section-title,
.section-highlight {
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  clear: both;
  display: inline-block;
  width: 100%;
	color: #5e3084;
}
.section-title {
	font-size:32px;
}
.section-highlight {
	font-size:26px;
}
.section-title:before, .section-highlight:before, .section-title:after, .section-highlight:after {
		background: none;
		  content: " ";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 0px;

}


.main {
	padding-top: 0;
}

/* # Body text */
body {
  	font-size: 16px;
	
 
}
h3,h4 {
	padding: 0.7em 0;
	color: #5e3084;
}

.hometext {
	text-align: justify;
}


/* # Text Link Text Colour*/

	a {
		color:#999ea2;
	}
	a:hover {
		color:#555555;
	}
	
/* # Footer Text */

.footer-contacts li {
  font-size: 15px;
    color: #999ea2;
}
#footer-top a {
  color: #999ea2;
}
#footer-top a:hover {
  color: #5b5b5b;
  text-decoration: none;
}


/* # Property Details Page */
#property-detail-large .item img {
	border: 1px solid #ffffff;
}
#property-detail-wrapper {
	border: 1px solid #ededed;
	background: #f5f5f5;
}
.lettingfees a, .lettingfees a:active, .lettingfees a:visited{
	color: #ffffff;
	text-decoration:underline;

}
.lettingfees a:hover{
	color: #ededed;
	text-decoration:underline;
}

/* # Property Status */
.status-available{
	background: url("Statusgreen.png");
}
.status-underoffer {
	background: url("Statusorange.png");
}
.status-exclusive {
	background: url("Statuspurple.png");
}
.status-sold {
	background: url("Statusred.png");
}
.status-newinstruction {
	background: url("Statuspurple.png");
}
.status-let {
	background: url("Statusred.png");
}
.status-notavailable {
	background: url("Statusred.png");
}


/* # Price Tags  */
.carousel-style1 .item .price {
  position: absolute;
  top: 10px;
  font-size: 14px;
  left: 10px;
  background-color: #455560;
  color: #fff;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.carousel-style1 .item .price span{
	font-size: 15px;
}
.carousel-style1 .item .price:before {
  border-width: 0;
}

.grid-style1 .item .price,
.grid-style2 .item .price,
.list-style .item .price,
.grid-style1 .item .tag,
.grid-style2 .item .tag,
.list-style .item .tag {
  position: absolute;
  top: 10px;
  left: 20px;
  background-color: #455560;
  color: #fff;
  font-size: 15px;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
  
}
.grid-style1 .item .price,
.grid-style2 .item .price {
	font-size: 13px;
}
.grid-style1 .item .price span,
.grid-style2 .item .price span {
	font-size:14px;
}
.grid-style1 .item .price span,
.grid-style2 .item .price span,
.list-style .item .price span,
.grid-style1 .item .tag span,
.grid-style2 .item .tag span,
.list-style .item .tag span{
	font-size:16px;
}
.grid-style1 .item .price:before,
.grid-style2 .item .price:before,
.list-style .item .price:before,
.grid-style1 .item .tag:before,
.grid-style2 .item .tag:before,
.list-style .item .tag:before {
  border-width: 0;

}
#property-detail-wrapper.style1 .price {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #455560;
  color: #fff;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
#property-detail-wrapper.style1 .price:before {

  border-width: 0;
}
/* # Property List Page */
.grid-style1 .item,
.grid-style2 .item,
.list-style .item {
  margin: 0 auto 43px;
  text-align: left;
  position: relative;
    -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border: solid 1px #ededed;
  

}
/* # Team Page */
.agents-list .item .info {
  width: 100%;
  margin-left: 3%;
}

/* # Contact Page */
.sidebar {
	
  padding-top: 0px;
  padding-bottom: 80px;
}

/*Custom Button Class */

.button-but,
.button-but:focus {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
.button-but:hover,
.button-but:active,
.button-but.active,
.open .dropdown-toggle.button-but{
  background-color: transparent;
  border-color: #999ea2;
  color: #999ea2;
}


.parallax {
	padding:85px 0 0 0;
}

	


/* # Action Box */
.action-box {
  background-color: #999ea2;
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}

/*  Big Button Panel */
.colored-bg:before
{
  background-color: #999ea2;
}
.property-large-buttons2 li {
  width: 75%;

  color: #999ea2;
}
.aw-adjust{
	padding-bottom: 5px
}

/* # Slider Text */

.slider-title {

  	font-size: 48px;
 	 font-weight: 300;
  	color: rgba(255,255,255,1.0);
  	line-height: 52px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	text-align: center;
	text-transform: uppercase;
}
.slider-subtitle
{
	
  	color: #ffffff;
  	font-size: 30px;
  	font-weight: 300;
  	line-height:34px;
  	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	text-align: center;
}



/* # Form - field size */

.form-control-tiny {
  width: 140px;
  display: inline-block;
  margin: 0 10px;
}

.form-control-tiny .chzn-container,
.form-control-tiny .form-control {
  margin-bottom: 15px;
  width: 100%;
}
/* # Partners Logos */

#partners {
  padding-top: 15px;
  background: #ededed;
}
#partners .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.0);
  margin: 4px;
  padding: 10px 15px;
  vertical-align: middle;
}


.home-bg {
	background: #999ea2 url("tile.png");
}
/* Feature Formatting */
.feature-bg {
		padding:48px 0 0 0;
		background: url('repeat.jpg');
}
.feature-bg .section-title{
		color: #ffffff;
}
.feature h3{
		color: #ffffff;
}
.feature:hover h3{
		color: #000000;
}
.feature-bg p{
		color: #ffffff;
}
.feature-bg .btn-default-color {
	color: rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.5);
}
.feature-bg .btn-default-color:hover{
	color: #ffffff;
	border-color: #ffffff;
}
.feature i{
		color: #000000;
		border: 4px solid #000000;
}
.feature:hover i{
		color: #000000;
}
.feature i:after {
	  background: #000000;
}


/* Social Sharing Button Colours */
.share-wraper .social-networks li a {
  font-size: 13pt;
  height: 30px;
  line-height: 30px;
  width: 30px;
   opacity:1.0;
}
.social-networks li a:hover {
    color: #ffffff !important;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#ctl00_ContentPlaceHolderMain_hypFacebook{
	background: #3b5998;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypTwitter{
	background: #55acee;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypGooglePlus{
	background: #dd4b39;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypPinterest{
	background: #cb2027;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypEmail{
	background: #747777;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypPrint{
	background: #747777;
	color: #ffffff;
	border: none;
}
#wrapper {
	box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.0);
}

@media (max-width: 1199px){
	.navbar-nav > li > a {
	padding: 0px 0px 0px 8px;	
	font-size: 13px;
	font-weight: 400;
}
}
.navbar-nav > li.dropdown > a .caret {
	border-right: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid;
	margin-left: 2px;	
	border-left: 3px solid transparent;

}

#wrapper {
	box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.0);
}

.tp-bannertimer {
	background: none;
	height:0px;
}
#header::after, #nav-section.stuck::after {
height: 0px;	
}
#pageid1 #home-advanced-search {
	background: #5e3084;
}

/* # Top Contact Bar */
#topbar{
	color: #ffffff;
	background: #5e3084;
		text-decoration:none;
	padding: 2px 0 2px 0;

}
#topbar a, #topbar a:active, #topbar a:visited  {
	color: #ffffff;
		text-decoration:none;
}
#topbar a:hover {
	color: #008150;
	text-decoration:none;
}
.multibranch-selector {
  display: inline-block;
  position: relative;
}
.multibranch-selector span {
  padding-right: 12px;
    padding-left: 2px;
  position: relative;
  color: #ffffff;
}

.multibranch-selector ul {
 display: block;
	padding: 0;
	border-left: 0px solid #ffffff;
  z-index: 999;
  text-align: left;
  background-color: #eeeeee;
  color: #008150;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.multibranch-selector ul li {
  margin: 0px !important;
  display: block !important;
}
.multibranch-selector ul li a {
  line-height: 33px;
  display: inline-block;

		padding: 0 15px 0 10px;
	color:#999ea2!important;
	font-size: 13px;
}.multibranch-selector ul li a:hover {
	background-color:#ffffff;
	color:#5e3084 !important;
	border-left: 4px solid #5e3084;
		padding: 0 8px 0 8px;
}

.multibranch-selector:hover ul {
  max-height: 250px;
}

.homeitem {
	background: url('homebg.jpg') no-repeat;
	background-position: top center;
}
.homediv {
	padding: 160px 34px 64px 34px;
	text-align: center;
	color: #ffffff;
}
.homediv h2 {
	color: #ffffff;
}
.grey {
	background: #008150;
}
.homediv .btn-fullcolor {
	background: #008150;
	border-color: #008150;
}

#footer-top {
	padding-top: 12px;
}
#footer-top .block {
	padding-bottom: 0;
}
#footer {
	background-color: #5e3084;
	
}

#footer h3 {
	color: #ffffff;
}
#footer ul a, #footer li, .footer-contacts li  i, #footer #copyright a {
	color: #ffffff;
	border-color: #ffffff;
	font-size: 14px;
	
}
.footer-contacts li {
margin-bottom: 10px;
}

#footer ul a:hover, #footer #copyright a:hover {
	color: #008150;
}
#footer #copyright {
	background-color: #5e3084;
	color: #ffffff;
	font-size:14px;
	padding: 0 0 12px 0;
}
.social-networks li a, .footer-listings li a span {
	border-color: #ffffff !important;
	  opacity:0.8;
}
#footertext{
	background: #5e3084;
	color: #ffffff;
}
.homebuttons {
	background: #008150;
}
.properties-bg {

	padding: 24px 0 24px 0;
  position: relative;
  background:  #008150;
  width: 100%;
  height: 200%;
  background-repeat: repeat;
}

.properties-bg h2 {
	color:#ffffff;
}
.testimonials-bg {
		padding: 36px 0 0px 0;
  position: relative;
  background:  #939598 url('testimonials.jpg');
  width: 100%;
  height: 200%;

}
.testimonials-bg h2{

color:  #ffffff;
	
	margin-bottom: 0;
}
#agents, #testimonials {
    margin-bottom: 24px;
}
.testimonials-bg .item{
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.testimonials-bg .item a{
text-decoration: none;
font-size:18px;
color: #000000;
font-weight: normal;	
}

.testimonials-bg .item a:hover{
text-decoration: none;
color: #5e3084;
}
.testimonials .item .text p:before, .testimonials .item .text p:after {
	font-size: 72pt;
	color: #d90e8;
	font-family: 'Passion One', serif;
}
.testimonials .item .text {

    background-color: #ffffff;
	opacity: 0.8;

}


#ctl00_ContentPlaceHolderMain_repTestimonials_ctl00_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl01_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl02_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl03_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl04_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl05_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl06_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl07_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl08_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl09_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl10_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl11_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl12_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl13_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl14_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl15_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl16_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl17_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl18_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl19_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl20_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl21_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl22_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl23_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl24_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl25_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl26_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl27_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl28_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl29_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl30_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl31_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl32_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl33_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl34_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl35_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl36_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl37_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl38_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl39_imgTestimonialImage,
#ctl00_ContentPlaceHolderMain_repTestimonials_ctl40_imgTestimonialImage
{
	height: auto;
	width: 100%;
	padding: 24px 0;
}
:root{
	--brand-c1: #5e3084;
}

/* TPOSComplaints Address Card */

.complaints-card{
	text-align: center;
}
.complaints-card p{
	display: block;
	margin: 20px auto;
	margin-bottom: 30px;
	width: 66%;
	color: #000;
	border: 2px solid var(--brand-c1);
	padding: 15px;

}
.complaints-card p  a{
	color: var(--brand-c1) !important;
	text-decoration: underline;
	font-weight: 700;
}
/* list control */

.list-control ul{
	list-style: none;
	padding: 0 0 0 0em;
	margin-bottom: 20px;
}
.list-control li{
	border-bottom: 1px solid var(--brand-c1);
	padding: 1.0em 0;
}


/* with tick mark */
.list-control.with-tick ul{
	list-style: none;
	padding: 0 0 0 1.3em;
	list-style-image: url('the-ticksvg.svg');
	
}
.list-control.with-tick li{
	border-bottom: 1px solid var(--brand-c1);
	padding: 0.9em 0;
}


.feestable td{
	text-align: center;
	background: #dddddd;
	border: 1px solid #ffffff;
	color:#000000;
	padding: 6px 12px;
}

.titleitem{
	text-align: left !important;
	font-weight: bold;
}

.titleservice {
	font-weight: bold;
}

.feeitem {
	text-align: left !important;
}

.costtext {
	color: #5E3084;
	
}

.costtick {
		color: #5E3084 !important;
	font-size: 2em;
}

.costcross {
		color: #D22430 !important;
	font-size: 2em;
}

/* ======================awd as partners homestrip*/
.awd-shwreel-wallpaper{
	width: 100%;
	height: auto;
	margin: 0;
	_padding: 0; 
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	_background: #F1F3F6;
	_background: #fd6ea1 url("awd-background-imag2.jpg");
	_background-image: linear-gradient(#F1F3F6 45%, #fff);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
    _border: 1px dotted cyan;
	

}


@media (max-width:600px){
	
	.awd-shwreel-wallpaper{
		_background: #fd6ea1 url("");
			_background-image: linear-gradient(#F1F3F6 45%, #fff);
	}
	
	.wallpaper-photo-awd h2{
		color: #fff;
		background: rgba(255,255,255,0);
	}
	.wallpaper-photo-awd h2 span{
		display: inline-block;
		padding: 3px 6px;
		background: var(--brand-c1);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		
	}
	.wallpaper-photo-awd h2 small{
		color: #333;
    }
}





.awd-shwreel-wallpaper h2{
	color: var(--brand-c1) ; /*#fff;*/
	font-size: 2em;
}
.awd-shwreel-wallpaper h2 small{
	color: #999;
	font-size: 0.7em;
	_text-transform: capitalize;
	text-transform: inherit;
}

.awd-shwreel-wallpaper h3{
	_text-align: center;
	_font-size: 1.2em;
	color:#666;
}

.awd-shwreel-wallpaper .btn-default-color{
	display: inline-block;
	border-color: #000;
	color: #000;
	margin: 0 auto;
	margin-bottom: 20px;
	height: auto;
}
.awd-shwreel-wallpaper .btn-default-color:hover{
	border-color: #000;
	color: #000;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 20px;
	
}



/* for btns, really*/
@media (max-width:600px){
	
		.awd-shwreel-wallpaper .btn-default-color{
		display: inline-block;
		border-color: #000;
		color: #000;
		_margin: 0 auto;
		height: auto;
			font-size: 11px;
	}
		.awd-shwreel-wallpaper .btn-default-color:hover{

		margin: 0 auto;
		margin-bottom: 20px;
		height: auto;
	}

	
	
}

.awd-shwreel-wallpaper .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	_width: inherit;
	width: auto;
	
	_border: 1px dotted red;
}

div.row.awd-shwreel-container {
   text-align: center;
   width: auto;
	_border: 1px dotted magenta;
	
}


div.row.awd-shwreel-container h3{
	text-align: center;
	font-size: 1.2em;
	
}
/* 4only one btn link item*/
.awd-shwreel-container .btn.btn-default-color{
	display: inline-flex;
	border-color: #000;
	color: #000;
	_margin: 0 auto;
	margin-bottom: 30px; /* adjust here*/
	height: auto;
}
.awd-shwreel-container .btn.btn-default-color:hover{
	border-color: #000;
	background: #fff;
	color: #000;
	font-size: 0.8em;
}




/* list group */

ul.awd-shwreel-list{
	list-style: none;
	padding: 0;
	text-align: center;
}
ul.awd-shwreel-list  {
    display: flex;
	width: 95vmin; /* adjust here*/
    flex-direction: row; /* adjust here*/
	_flex-direction: row-reverse;
	justify-content: space-around; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	
	_border: 1px solid magenta;

	margin-bottom: 30px;
	_background: yellow;

	
}


/* item controls */

ul.awd-shwreel-list li.awd-shwreel-item{
	display: flex;
    flex: 1 0 20%; /*adjust here*/
	border-radius: 5px;
	margin:  0 5px;
	background:  rgba(255,255,255, 0);
	_box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	
	_border: 1px dotted cyan;
}


li.awd-shwreel-item img{
	width: 90%;
	opacity: 1;
	transform-origin: center;
	transform: scale(1.0);
	transition:  transform .6s ease-in;

	cursor: zoom-in;
   _border: 2px dotted black;
}
	li.awd-shwreel-item:hover img{
	transform: scale(1.3);
	transition: transform .3s ease-in;
}
	

li.awd-shwreel-item.rotateFXa > *{
	transform-origin: center;
	_transform: scale(1.1);
	_transition: transform 1s ease-in;
	_animation: itemFX0 2.5s ease-in-out 1 forwards;
}


@keyframes itemFX0{
	0%{transform: scale(1.1); opacity: 0; }
	100%{transform: scale(1.1); opacity: 1;}
}



li.awd-shwreel-item.new-one-star::after{
	display: inline-flex;
	content:'\2605'; /* Unicode star character */
	position: relative;
	justify-content: center;
	vertical-align: middle;
	left: -48%; /*adjust here*/
	bottom: 14px;
	margin: 0;
	padding: 0;
    z-index: 7777;
	color: transparent;
	background: transparent;
	width:21px;
	height: 21px;
	border-radius: 50%;
	animation: newarrivalstr 1s ease-in-out 0s 60 backwards;
}

li.awd-shwreel-item img#zoomy{
	transform-origin: center;
	transform: scale(1.0);
	transition: transform .6s ease-in;
	cursor: zoom-in;
}

li.awd-shwreel-item img#zoomy:hover{
	
	transform: scale(1.3);
	transition: transform .3s ease-in;
}


li.awd-shwreel-item.newawrd-one{
	transform-origin: center;
	transform: scale(1.00); /*adjust here, optnl*/
}

li.awd-shwreel-item.newawrd-one::after{
	content: "NEW!";
	display: inline-flex;
	position: relative;
	height: 21px;
	left: -57%;
	bottom: 10px;
	padding: 0 5px;
	margin: 0 3px;
	margin-bottom: 5px;
	justify-content: center;
	color: transparent; /*adjust here*/
	font-weight: bold;
	background: transparent;
	border-radius: 3px;
	_border: 1px solid magenta;
	animation: newarrivalstr 1s ease-in-out 0s 60 backwards;
	
}

@keyframes newarrivalstr{
	0%{color: transparent; background: #fff }
	50%{color: var(--brand-c1); background: #fff}
	100%{color: #fff; background: #fff}
}



@media screen and (max-width:600px){
	
	li.awd-shwreel-item.new-one-star::after{
	  display: inline-flex;
	  _left: -60%;
	  _left: -55%;
      left: -48%;
}

	ul.awd-shwreel-list  {
    display: flex;
	width: inherit;
    flex-direction: row; /* adjust here*/
	_flex-direction: row-reverse; 
	justify-content: center; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0; /* adjust here*/

}

	ul.awd-shwreel-list li.awd-shwreel-item{
	box-sizing: border-box;
	display: flex;
    flex: 0 1 45%; /*adjust here*/
    _margin-bottom: 15px; /*adjust here*/
	margin-bottom: 30px; /*adjust here*/
		/*ani-FX*/
	transform-origin: center;
	transform: scale(1.0);
	transition: transform 1s ease-in;
}
	

	
	/* hide middle award btn*/
	.awd-shwreel-wallpaper .btn-default-color.hide-thisbtn{
	display: none;
	 height: 0;
		
}
	
	li.awd-shwreel-item:hover img{
	transform: scale(1.15);
	transition: transform .3s ease-in;
}
	

	
}/*end @media*/
/* ---------------- MA end bpa display.*/