/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

* {
  box-sizing: border-box;
}

/* Solves outline issues */
* {
  box-sizing: border-box;
  caret-color: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none !important;
  outline-width: 0 !important;
}

*:active {
  outline: none !important;
  outline-width: 0 !important;
}

 /* Browser Animation fixes and Rendering Optimization */

 @font-face {
  font-family: 'source_sans_pro_light';
  src: url('../fonts/SourceSansPro-Light.woff') format('woff');
  text-rendering: optimizeLegibility;
}

--------------------- BROWSER ANIMATION FIXES AND RENDERING OPTIMAZATION -------------------------
--------------------------------------------------------------------------------------------------


/* solves scaling issue on text */
.smooth-text{
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}

/* Add to body*/
.no-pixel-shift{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0) scale(1.0, 1.0);
}

/* Solves scaling image issues */
.crisp-image{
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.will-change {
  will-change: transform;
}
  
/* 




 /* 
-------------------------------- GENERAL BANNER CLASSES ------------------------------------
--------------------------------------------------------------------------------------------
*/


#ad_id.my-ad{position: relative;overflow: hidden;z-index: 0; cursor: pointer; background: #ffffff;}
.black-border{position: absolute;width: 300px;height: 600px;z-index: 101;border: 1px solid #000000;box-sizing: border-box; pointer-events:none;}
#ad_id.my-ad.halfpage{width: 300px;height: 600px;}
#fader {width: 300px; height: 600px; z-index: 100; background: #ffffff; pointer-events: none;}

/* 
-------------------------------- BRAND STYLES ----------------------------------------------
--------------------------------------------------------------------------------------------
*/

* {
  outline:none;
}

*:focus {
  outline:none;
}

*:hover {
  outline:none;
}

#main-swiper-container {
  width: 300px;
  height: 545px;
  z-index: 100;
}

.slide_inner {
  width: 300px;
  height: 545px;
}

.carousel-cell {
  width: 300px;
  height: 545px;
  background: none !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
  overflow: hidden;
}

.carousel-cell .is-selected {
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}

.flickity-slider {
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}

.flickity-button {
  background: #ffffff !important;
}

.flickity-button:hover {
  border: 1px solid #141414 !important;
  transition: 0.4s ease;
  background: #141414!important;
}

.flickity-prev-next-button {
  width: 26px !important;
  height: 29px !important;
  border: 1px solid #ffffff !important;
  border-radius: 4px;
  cursor: pointer !important;
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff!important;
}

/* icon color */
.flickity-button-icon {
  fill: #141414 !important;
  width: 16px !important;
}

.flickity-button:hover .flickity-button-icon {
  fill: #ffffff !important;
  transition: 0.4s ease;
}

/* position outside */
.flickity-prev-next-button.previous {
  position: absolute;
  left: 20px !important;
  top: 553px !important;
  border: #d6d6d6 1px solid;
  box-sizing:border-box;
  box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
  -moz-box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
}

.flickity-prev-next-button.next {
  position: absolute;
  right: 20px !important;
  top: 553px !important;
  border: #ffffff 1px solid;
  box-sizing:border-box;
  box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
  -moz-box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
}

.flickity-page-dots {
  position: absolute;
  width: 208px;
  height: auto;
  bottom: -24px;
  left: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* white circles */
.flickity-page-dots .dot {
  height: 1px;
  width: 15px;
  margin: 0;
  border-radius: 0;
  background: #d6d6d6;
}


.flickity-page-dots .dot:not(:last-child) {
margin-right: 6px;
}

/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: #141414;
}
#bg {
  width: 300px;
  height: auto;
  display: none;
  pointer-events: none;
}

#logo {
  left: 71px;
  top: 231px;
  width: 156px;
  height: auto;
}

#accelerating {
  left: 174px;
  top: 578px;
  width: 99px;
  height: auto;
}

.property_container {
  width: 260px;
  height: 240px;
  overflow: hidden;
  position: absolute;
  border: #d6d6d6 1px solid;
  box-sizing:border-box;
  box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
  -moz-box-shadow: 0px 0px 8px 0px rgba(80,80,80,0.45);
}

.property_container:hover .blue_hover{
  opacity: 1;
}

.property_container:hover .white_border{
  opacity: 1;
}

.property_container:hover .title_container{
  color: #66c2e7;
}

.property_container:hover .address_container{
  color: #fff;
  background-color: #7f7f7f;
}

.blue_hover {
  background-color: rgba(0, 0, 0, 0.7);
  width: 260px;
  height: 156px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 400ms;
}

.white_border {
  width: 260px;
  height: 240px;
  position: absolute;
  border: 0.5px #ffffff solid;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 400ms;
  top: 0;
  left: 0;
}

#property_container_one {
  top: 57px;
  left: 20px;
}

#property_container_two {
  top: 305px;
  left: 20px;
}

#property_container_three {
  top: 57px;
  left: 20px;
}

#property_container_four {
  top: 305px;
  left: 20px;
}

#property_container_five {
  top: 57px;
  left: 20px;
}

#property_container_six {
  top: 305px;
  left: 20px;
}

#property_container_seven {
  top: 57px;
  left: 20px;
}

#property_container_eight {
  top: 305px;
  left: 20px;
}

.image_container {
  background-size: cover;
  background-position: center;
  height: 156px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 260px;
}

.image {
  min-height: 120px;
  min-width: 260px;
  height: auto;
  width: auto;
}

.info_container {
  background: #FFFFFF;
  width: 260px;
  height: 84px;
  position: absolute;
  top: 156px;
  right: 0;
}

.listing_type {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  width: 100%;
  height: 20px;
  padding: 0 12px;
  background-color: #141414;
  letter-spacing: 1px;
  font-size: 9px;
  color: #FFF;
  line-height: 20px;
  text-transform: uppercase;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.title_container {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  height: 34px;
  padding: 0 12px;
  font-size: 13px;
  color: #272626;
  line-height: 16px;
  text-align: left;
  margin-top: 32px;
  overflow: hidden;
  transition: color 400ms;
  display: flex;
  align-items: center;
  display: none;
}

.title {
  height: auto;
  max-height: 38px;
}

.address_container {
  font-family: 'Open Sans', sans-serif;
  height: 56px;
  padding: 0 12px;
  font-size: 14px;
  color: #272626;
  line-height: 19px;
  text-align: left;
  margin-top: 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.address_container p {
  max-height: 38px;
}

.property_type {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  right: 12px;
  text-align: right;
  font-size: 10px;
  color: #272626;
  line-height: 25px;
  height: 25px;
  width: auto;
  text-transform: uppercase;
}

.icon_area_flex {
  position: absolute;
  display: flex;
  width: auto;
  height: 25px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  left: 8px;
  bottom: 0;
}

.building_size_value, .land_area_value, .bedrooms_value, .bathrooms_value, .car_spaces_value {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 10px;
  color: #272626;
  line-height: 14px;
  text-align: left;
  display: none;
  margin-left: 4px;
}

.building_size_icon {
  width: 15px;
  height: auto;
  display: none;
  margin-left: 4px;
}

.land_area_icon {
  width: 15px;
  height: auto;
  display: none;
  margin-left: 4px;
}

.bedrooms_icon {
  width: 13px;
  height: auto;
  display: none;
  margin-left: 4px;
}
.bathrooms_icon {
  width: 12px;
  height: auto;
  display: none;
  margin-left: 4px;
}

.car_spaces_icon{
  width: 11px;
  height: auto;
  display: none;
  margin-left: 4px;
}

.bar {
  width: 0px;
  height: 12px;
  display: none;
  padding-left: 4px;
  border-right: 1px solid #a0a0a0;
}

.line {
  position: absolute;
  background-color: #9e9e9e;
  width: 260px;
  height: 1px;
  bottom: 25px;
  left: 0;
}

.view_now {
  width: 93px;
  height: auto;
  margin-top: 10px;
}

#tagline {
  width: 100%;
  font-family: 'source_sans_pro_light', sans-serif;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  top: 317px;
}

.rla {
  background-color: #ffffff;
  position: absolute;
  width: auto;
  height: 17px;
  font-family: 'Open Sans', sans-serif;
  font-size: 8px;
  font-weight: 600;
  color: #272626;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  top: 134px;
  right: 5px;
}

/*
-------------------------------- HELPER STYLES ----------------------------------------------
---------------------------------------------------------------------------------------------
*/


/* OPACITY HELPERS */

.invisible{opacity: 0;}
.display-none{display: none;opacity: 0;visibility: hidden;}

/*. TYPOGRAPHY HELPERS */

.text-align-center{text-align: center;}
.text-align-left{text-align: left;}

/*. CENTERING HELPERS */

.absolute-center{position: absolute;margin: 0 auto;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.center-block-element{margin: 0 auto;}

.display-table{/*Add this to parent vertical center element*/
  display:table;
}

.vertical-center{/*Add this to next child element of the .display-table element*/
  display:table-cell;
  vertical-align:middle;
}

/*. POSITIONING HELPERS */

.pos-a{position: absolute;}
.pos-r{position: relative;}
.top-0{top: 0;}
.right-0{right: 0;}
.bottom-0{bottom: 0;}
.left-0{left: 0;}
.zero-scale{transform: scale(0);}

/*. POSITIONING HELPERS STACKING ORDER */

/*. .z-i-1 = Z Index 1 */

.z-i-1{z-index: 1;}
.z-i-2{z-index: 2;}
.z-i-3{z-index: 3;}
.z-i-4{z-index: 4;}
.z-i-5{z-index: 5;}
.z-i-6{z-index: 6;}
.z-i-7{z-index: 7;}
.z-i-8{z-index: 8;}
.z-i-9{z-index: 9;}
.z-i-10{z-index: 10;}
.z-i-11{z-index: 11;}
.z-i-12{z-index: 12;}
.img-responsive{display: block;max-width: 100%;height: auto;}

.mask{
	overflow: hidden;
	width: 100%;
}