/*
Theme Name: Albrecht Keaty Real estate
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.0
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/
/*

TABLE OF CONTENTS

1. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/
/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/
:root {
  /** Font default */
  --font-family-default: 'Lato', sans-serif;
  --font-family-title: 'Playfair Display', serif;
  --font-family-accent: 'Poppins', sans-serif;
  --font-family-secondary: 'Manrope', sans-serif;
  --font-size-default: 14px;
  --font-size-title: 18px;
  --font-color-default: #000000;
  --font-color-title: #6c757d;
  /** Use for input, button, and any other element */
  --primary: #25408f;
  --secondary: #162e72;
  --accent: #000000;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --site-transition: all .4s ease;
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/
/* Sub Menu */
#nav li {
  position: relative;
  display: block;
}

#nav>li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
}

#nav>li:last-child {
  margin-right: 0;
}

#nav li a {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .150em;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

#nav>li>a::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 37px;
  height: 3px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

#nav>li:hover>a::after {
  opacity: .80;
  bottom: -19px;
}

#nav .sub-menu {
  list-style: none outside none;
  margin: 0;
  display: block;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  padding: 0;
  position: absolute;
  width: 100%;
  min-width: 207px;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

#nav>li>.sub-menu {
  left: 50%;
  -webkit-transform: translate(-50%, 15px);
  transform: translate(-50%, 15px);
  padding-top: 40px;
}

#nav .sub-menu a {
  color: #fff;
  display: block;
  padding: 11.5px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

#nav .sub-menu a:hover {
  background-color: rgba(37, 64, 143, 0.8);
  text-decoration: none;
}

#nav .sub-menu .sub-menu {
  margin-left: 100%;
  top: 0;
}

#nav li:hover>.sub-menu {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

#nav>li:hover>.sub-menu {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#nav .sub-menu li {
  position: relative;
}

/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/
/* Global */
body {
  font-family: var(--font-family-default);
  font-size: var(--font-size-default);
  background: #FFFFFF;
  color: var(--font-color-default);
  margin: 0;
  /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
  /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.bm-active {
  overflow: hidden;
}

#main-wrapper {
  overflow: hidden;
}

.section {
    font-size: 0;
    position: relative;
    background: #fff;
}

.site-btn-secondary {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 265px;
  border: 1px solid #fff;
  font-weight: 700;
  font-size: 14.1px;
  text-transform: uppercase;
  padding: 19.5px 0;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-btn-secondary span {
  display: inline-block;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  color: #fff;
}

.site-btn-secondary:hover {
  border-color: #344c8d;
  background-color: rgba(30, 57, 129, 0.9);
}

.burger-menu-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.burger-menu-icon {
  width: 30px;
  display: inline-block;
}

.burger-menu-icon em {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  margin-bottom: 6px;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

button:hover .burger-menu-icon em {
  opacity: 1;
}

.burger-menu-icon em:first-child,
.burger-menu-icon em:last-child {
  opacity: .50;
  height: 1px;
}

.burger-menu-icon em:last-child {
  margin-bottom: 0;
}

.site-title {
  overflow: hidden;
}

.site-title small {
  font: normal 400 20px/1 var(--font-family-accent);
  letter-spacing: .7em;
  text-transform: uppercase;
  color: #898989;
  display: block;
  margin-bottom: 9px;
}

.site-title.is-white small,
.site-title.is-white span {
  color: #fff;
}

.site-title span {
  font: normal 400 65px/1 var(--font-family-title);
  color: var(--primary);
}

.site-title-line {
  display: inline-block;
  padding: 0 60px;
  position: relative;
}

.site-title-line::before,
.site-title-line::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  width: 100vw;
  height: 1px;
}

.site-title-line::before {
  left: 100%;
}

.site-title-line::after {
  right: 100%;
}

.site-play-btn {
  width: 123px;
  height: 123px;
  border: 10px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  color: #fff;
  font-size: 25px;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-play-btn:hover {
  background-color: var(--primary);
}

.site-play-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.site-btn {
  display: inline-block;
  border: 1px solid #fff;
  width: 100%;
  max-width: 264px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: .250em;
  padding: 22px 0;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-btn::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 68px;
  height: 4px;
  background: var(--primary);
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-btn.is-white::before {
  background: #fff;
}

.site-btn span {
  color: #fff;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-btn:hover span {
  color: #fff;
}

.site-btn:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}

.site-btn:hover::before {
  background-color: #fff;
}

.site-link {
  display: inline-block;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: .3em;
  color: #fff;
}

.site-link .ai-font-play-button-a {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.site-link:hover {
  color: var(--primary);
}

.canvas-img {
  position: relative;
  display: block;
}

.canvas-img canvas {
  display: block;
  width: 100%;
}

.canvas-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.site-slide-control {
  text-align: center;
}

.site-slide-control .site-btn {
  margin: 0 15px;
}

.site-arrow-prev,
.site-arrow-next {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 24px;
  color: var(--primary);
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-arrow-prev:hover,
.site-arrow-next:hover {
  color: var(--accent);
}

.site-cta-btn {
  display: inline-block;
  width: 100%;
  max-width: 505px;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: .250em;
  text-transform: uppercase;
  text-align: center;
  padding: 33px 0;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-cta-btn-alt {
  background-color: #162e72;
}

.site-cta-btn.active,
.site-cta-btn:hover {
  background-color: #fff;
  color: var(--primary);
}

.site-form form {
  display: block;
  position: relative;
  padding-bottom: 35px;
}

.site-field-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-field {
  display: inline-block;
  width: 100%;
  margin-bottom: 33px;
}

.site-field-sm {
  width: calc((100% - 74px) / 3);
}

.site-field .wpcf7-form-control-wrap {
  display: block;
  font-size: 13px;
}

.site-field input,
.site-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background: transparent;
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font: normal 300 13px/1 var(--font-family-secondary);
  text-transform: uppercase;
  letter-spacing: .150em;
  color: #fff;
  padding-bottom: 11px;
}

.site-field textarea {
  resize: none;
  height: 80px;
}

.site-form-btn {
  max-width: 241px;
  display: block;
  margin: 29px auto 0;
}

.site-form-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  opacity: 0;
}

.site-form-btn span.wpcf7-spinner {
  margin: 0;
  position: absolute;
}

.site-form .wpcf7-response-output {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 13px;
  color: #fff;
  margin: 0 !important;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  width: auto;
}

.wpcf7-response-output {
  text-align: center;
}

.site-contact-list li {
  font: normal 500 18px/35px var(--font-family-accent);
  letter-spacing: .020em;
  margin-bottom: 12px;
}

.site-contact-list .contact-address {
  font-size: 16px;
}

.site-contact-list li span {
  width: 32px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.site-contact-list li .ai-font-envelope {
  font-size: 13px;
}

.site-contact-list li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-contact-list li a:hover {
  color: #cdcdcd;
}

.site-contact-list li .ai-font-location-c {
  font-size: 20px;
}

.site-smi a {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.site-smi a:not(:last-child) {
  margin-right: 40px;
}

.site-smi a:hover {
  color: #cdcdcd;
}

/* main header */
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  padding: 38px 0;
  font-size: 0;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.scrolled.main-header {
  background: var(--primary);
  padding: 21.5px 0;
}

.mh-wrapper {
  padding: 0 100px;
}

.mh-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mh-logo img {
  max-width: 100%;
  height: auto;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.scrolled .mh-logo img {
  max-width: 128px;
}

.mh-right {
  text-align: right;
}

.mh-nav {
  display: inline-block;
  vertical-align: middle;
  margin-right: 65px;
}

/* end main header */
/* burger menu */
.burger-menu-bd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 399;
  display: none;
}

.bm-active .burger-menu-bd {
  display: block;
}

.burger-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 564px;
  overflow: auto;
  z-index: 400;
  color: #fff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  pointer-events: none;
  opacity: 0;
  background-color: rgba(37, 64, 143, 0.95);
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.bm-active .burger-menu {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  pointer-events: auto;
}

.burger-menu-close {
  position: absolute;
  top: 30px;
  right: 46px;
  z-index: 5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  padding: 5px;
  background: transparent;
  font-size: 25px;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.burger-menu-close:hover {
  opacity: .60;
}

.burger-menu-inner {
  position: relative;
  z-index: 3;
  padding: 87px 50px 60px 82px;
}

.burger-menu-nav {
  margin-bottom: 60px;
}

#bm-nav li {
  display: block;
  position: relative;
}

#bm-nav>li {
  margin-bottom: 38px;
}

#bm-nav li a {
  font-weight: 400;
  font-size: 25px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

#bm-nav li a:hover {
  color: #cdcdcd;
}

#bm-nav .sub-menu {
  padding-top: 15px;
  display: none;
}

#bm-nav .sub-menu li {
  padding: 5px 0;
}

#bm-nav .sub-menu li a {
  font-size: 20px;
  text-transform: initial;
}

.burger-menu-contact {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 71px 0 0;
}

.burger-menu-contact-list li {
  font-size: 19px;
  letter-spacing: .050em;
  font-weight: 400;
}

/* end burger menu */
/* hero */
.hero-section {
  position: relative;
}

.slideshow {
  position: relative;
}

.slideshow .cycloneslider-slide:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.10);
    pointer-events: none;
    z-index: 2;
}


.slideshow .cycloneslider-template-video video {
    z-index: 1;
    width: 100%;
    height: 100%;
}

.slideshow .cycloneslider-template-video .cycloneslider-slides {
    height: 100%!important;
}

.slideshow .cycloneslider-template-video .canvas-holder {
    display: none;
}

.slideshow .cycloneslider-template-video {
    padding-top: 56.25%;
    overflow: hidden;
}

.slideshow-canvas {
  display: block;
  width: 100%;
}

.slideshow::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(38%, transparent));
  background: linear-gradient(to bottom, #000, transparent 38%);
  opacity: .30;
}

.slideshow .cycloneslider-slide::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .40;
}

.slideshow .cycloneslider-template-video.cycloneslider-width-full .cycloneslider-slide canvas {
  background-attachment: fixed;
}

.name-Safari .slideshow .cycloneslider-template-video.cycloneslider-width-full .cycloneslider-slide canvas {
  background-attachment: scroll;
}

.slideshow-tagline-init .cycloneslider-caption {
  display: none !important;
}

.banner-agent {
  position: absolute;
  bottom: 0;
  right: -29px;
  width: 31.25%;
  z-index: 5;
}

.banner-agent img {
  width: 100%;
}

.banner-content-holder {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slideshow-tagline {
  color: #fff;
}

.slideshow-tagline h3 {
  font: normal 400 65px/1 var(--font-family-title);
  margin-bottom: 27px;
}

.slideshow-tagline span {
  font: normal 400 25px/1 var(--font-family-accent);
  letter-spacing: .060em;
  text-transform: uppercase;
}

.banner-cta {
  text-align: center;
  margin-top: 70px;
}

.banner-cta .site-btn-secondary {
  display: block;
  margin: 0 auto 7px;
}

.banner-cta .site-btn-secondary:last-child {
  margin-bottom: 0;
}

/* end hero */
/* featured video */
.fv-section {
  position: relative;
  background-image: url("./images/video-placeholder-new.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 60px 0 63px;
}

.safari-true .fv-section {
  background-attachment: scroll;
}

.fv-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .30;
}

.fv-title {
  margin-bottom: 64px;
}

.fv-title small {
  letter-spacing: .5em;
}

.fv-play {
  display: inline-block;
  margin-bottom: 94px;
}

/* end featured video*/
/* welcome */
.welcome-section {
  position: relative;
  background-image: url("./images/about-agent.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 75px;
  background-attachment: fixed;
  padding: 41px 0 0;
}

.welcome-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.welcome-canvas {
  display: block;
  width: 100%;
}

.safari-true .welcome-section {
  background-attachment: scroll;
}

.welcome-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .10;
}

.wc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.wc-right {
  width: 35.71%;
}

.wc-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wc-img {
  opacity: 0;
}

.wc-content {
  padding-left: 40px;
  padding: 0 0 129px 49px;
  margin-right: -21px;
}

.wc-title {
  margin-bottom: 28px;
}

.wc-title span {
  line-height: 79px;
}

.wc-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 44px;
}

.wc-text p:first-of-type {
  font-size: 20px;
}

.wc-text p:last-child {
  margin-bottom: 0;
}

.wc-btn {
  margin-top: 45px;
}

/* end welcome */
/* stats */
.stats-section {
  position: relative;
  background-image: url("./images/bg-on.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 57px 0 94px;
}

.stats-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .65;
}

.stat-title {
  margin-bottom: 37px;
}

.stat-title .site-title-line::before,
.stat-title .site-title-line::after {
  background: #d1d1d1;
}

.stat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.stat-item {
  width: calc(100% / 4);
  text-align: center;
  color: #fff;
  padding: 20px 0 7px;
}

.stat-item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-item-inner {
  display: inline-block;
}

.stat-count {
  font-size: 55px;
  margin-bottom: 8px;
}

.stat-label {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
}

/* end stats */
/* featured property */
.fp-section {
  padding: 108px 0 100px;
  position: relative;
}

.fp-section::before,
.fp-section::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38.4%;
}

.fp-section::before {
  background-image: url("./images/bg-fp.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .10;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.fp-section::after {
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(43%, transparent)), -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(56%, transparent));
  background: linear-gradient(to bottom, #fff, transparent 43%), linear-gradient(to bottom, #fff, transparent 56%);
}

.fp-section>.container {
  position: relative;
  z-index: 5;
}

.fp-title {
  overflow: unset;
  margin-bottom: 16px;
}

.property-slider {
  margin: 0 -9px;
}

.property-item {
  padding: 9px;
  /*max-width: 460px;*/
}

.property-item a {
  display: block;
  position: relative;
}

.property-img::after,
.property-img::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.property-img::after {
  z-index: 4;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(55%, transparent));
  background: linear-gradient(to top, #000, transparent 55%);
  opacity: .70;
}

.property-img::before {
  z-index: 3;
  background: var(--primary);
  opacity: 0;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

a:hover .property-img::before {
  opacity: .80;
}

.property-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 5;
  text-transform: uppercase;
  padding: 28px 30px;
}

.property-price {
  margin-bottom: 10px;
}

.property-price,
.property-address {
  font-size: 22px;
  letter-spacing: .1em;
}

.property-address span {
  display: block;
  font-size: 13px;
  margin-top: 18px;
}

.property-info {
  margin-top: 11px;
}

.property-info span {
  font-size: 10px;
  letter-spacing: .1em;
  padding: 0 8px;
}

.property-info span:not(:last-child) {
  border-right: 1px solid #fff;
}

.property-info span:first-child {
  padding-left: 0;
}

.property-info span:last-child {
  padding-right: 0;
}

.fp-slide-control {
  margin-top: 48px;
}

.fp-control-btn {
  /* max-width: 321px; */
  max-width: 375px;
  border: 1px solid #000;
}

.fp-control-btn span {
  color: #333333;
}

/* end featured property */
/* homes for sale */
.hfs-section {
  position: relative;
  padding: 102px 0 60px;
}

.hfs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hfs-left {
  width: 45.21%;
  padding-right: 9%;
}

.hfs-title {
  margin-bottom: 38px;
}

.hfs-text {
  margin-bottom: 65px;
}

.hfs-text p {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.hfs-btn-list .site-cta-btn:not(:last-child) {
  margin-bottom: 10px;
}

.hfs-right {
  width: 54.79%;
}

.hfs-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hfs-btn-group .site-cta-btn {
  width: calc(50% - 10px);
  font-weight: 400;
  font-size: 20px;
}

.hfs-slider {
  padding: 0 20px;
  margin: 34px -30px 0;
}

.hfs-prev,
.hfs-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hfs-prev {
  left: 0;
}

.hfs-next {
  right: 0;
}

.hfs-slider .property-item-content {
  padding: 20px;
}

.hfs-slider .property-item {
  padding: 11px;
}

.hfs-slider .property-address {
  font-size: 16px;
}

.hfs-map {
  -webkit-box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.21);
  margin-top: 33px;
}

.hfs-map-placeholder img {
  width: 100%;
  height: auto;
}

/* end homes for sale */
/* blog */
.blog-section {
  padding: 112px 0 60px;
}

.blog-title {
  overflow: unset;
  margin-bottom: 63px;
}

.blog-feeds {
  margin: 0 -20px;
}

.blog-item {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3);
  padding: 0 20px;
  margin-bottom: 40px;
}

.blog-img-holder {
  position: relative;
}

.blog-date {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: var(--primary);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 26.5px 22px;
}

.blog-date span {
  display: block;
  font-size: 30px;
  letter-spacing: 0;
}

.blog-img::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  z-index: 2;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.blog-img:hover::after {
  opacity: .30;
}

.blog-post-content {
  border: 1px solid #adadad;
  border-top: none;
  text-align: center;
  padding: 41px 30px 42px;
}

.blog-post-title {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 19px;
}

.blog-post-title a {
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.blog-post-title a:hover {
  color: var(--primary);
}

.blog-post-text p {
  font-size: 15px;
  line-height: 22px;
  color: #333333;
  margin-bottom: 22px;
}

.blog-link {
  font-size: 12px;
  letter-spacing: .250em;
  text-transform: uppercase;
  color: var(--primary);
  display: inline-block;
  margin-top: 14px;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.blog-link:hover {
  color: var(--accent);
}

.blog-cta-list {
  padding: 15px 0 0;
  margin: 0 -20px;
}

.blog-cta {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% / 3);
  padding: 0 20px;
  margin-bottom: 40px;
}

.blog-cta a {
  display: block;
  position: relative;
}

.blog-cta-img::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary);
  opacity: .80;
  z-index: 2;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

a:hover .blog-cta-img::after {
  background: #000;
  opacity: .40;
}

.blog-cta-img img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

a:hover .blog-cta-img img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.blog-cta-label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
}

.blog-cta-label span {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
}

/* end blog */
/* cta */
.cta-section {
  position: relative;
  padding: 24px 0 105px;
}

.cta-section::before,
.cta-section::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-section::before {
  background-image: url("./images/bg-cta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .14;
}

.cta-section::after {
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
  background: linear-gradient(to bottom, #fff, transparent);
}

.cta-section>.container {
  position: relative;
  z-index: 5;
}

.cta-list {
  margin: 0 -26.5px;
}

.cta-item {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 4);
  padding: 0 26.5px;
}

.cta-item a {
  display: block;
  position: relative;
}

.cta-img {
  background: var(--primary);
}

.cta-img::after,
.cta-img::before {
  content: '';
  display: block;
  position: absolute;
  background: var(--primary);
  z-index: 3;
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.cta-img::before {
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 61%;
  height: 9px;
}

a:hover .cta-img::before {
  background: #fff;
}

.cta-img::after {
  bottom: -22px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2px;
  height: 63px;
}

.cta-img img {
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

a:hover .cta-img img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .2;
}

.cta-label {
  text-align: center;
  font-weight: 700;
  font-size: 34px;
  text-transform: uppercase;
  color: var(--primary);
  padding-top: 48px;
  white-space: nowrap;
}

.cta-label span {
  display: block;
  font-size: 20px;
  color: #898989;
  letter-spacing: .2em;
  margin-bottom: 8px;
  font-weight: 400;
}

/* end cta */
/* sponsors */
.sponsors-section {
  position: relative;
  background: var(--primary);
  padding: 109px 0 117px;
}

.sponsors-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/bg-spon.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .05;
}

.sponsors-title {
  overflow: unset;
  margin-bottom: 71px;
}

.sponsors-logo-list {
  text-align: center;
}

.sponsors-logo {
  display: inline-block;
  vertical-align: middle;
}

.sponsors-logo:not(:last-child) {
  margin-right: 76px;
}

.sponsors-logo img {
  max-width: 100%;
}

/* end sponsors */
/* contact form */
.cf-section {
  position: relative;
  background-image: url("./images/bg-contact.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 160px 0 92px;
}

.cf-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .60;
}

.cf-title {
  margin-bottom: 29px;
}

.cf-text {
  text-align: center;
  margin-bottom: 63px;
}

.cf-text p {
  font-size: 14px;
  letter-spacing: .250em;
  text-transform: uppercase;
  color: #fff;
}

/* end contact form */
/* main footer */
.main-footer {
  background: #25408f;
  color: #fff;
  position: relative;
  padding: 110px 0 116px;
}

.main-footer::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/bg-footer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .10;
}

.footer-top {
  padding-bottom: 60px;
}

.footer-logo img {
  max-width: 100%;
}

.footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-footer h3 {
  font: normal 600 18px/1 var(--font-family-accent);
  letter-spacing: .020em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.footer-contact-left {
  width: 67.65%;
  padding-left: 91px;
}

.footer-contact-right {
  width: 32.35%;
}

.footer-contact-right h3 {
  margin-bottom: 33px;
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 47px 0 0;
}

.footer-disclaimer {
  margin-bottom: 18px;
}

.footer-disclaimer p {
  font: normal 400 12px/22px var(--font-family-accent);
  color: #d7d7d7;
  letter-spacing: .020em;
}

.footer-disclaimer a {
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.footer-disclaimer a:hover {
  color: #fff;
}

.footer-copyright p {
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.footer-copyright a {
  -webkit-transition: var(--site-transition);
  transition: var(--site-transition);
}

.footer-copyright a:hover {
  color: #cdcdcd;
}

.footer-copyright .site-name,
.footer-copyright .ftr-agent-image {
  font-weight: 900 !important;
}

.footer-icons {
  margin-top: 31px;
}

.footer-icons span {
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
}

.footer-icons span:not(:last-child) {
  margin-right: 10px;
}

.footer-icons .ai-font-realtor-mls {
  font-size: 39px;
}

/* end main footer */
/*******************************************************
 *
 * 4. IP Styless
 *
 *******************************************************/
.ip-banner {
  position: relative;
  width: 100%;
}

.ip-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}

.ip-banner canvas {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 250px;
  background-color: var(--dark);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ip-banner .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.ip-banner h1 {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.ip-banner h1 span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.01em;
}

/* Adjust minimum height of page area */
#content-sidebar,
#content-full {
  min-height: 500px;
  margin-top: 20px;
}

/** Adjust width of content columns **/
#content-sidebar #content {
  width: 77.08%;
}

#content-full #content {
  width: 100%;
}

/* Adjust width of sidebar */
.sidebar {
  width: 20.83%;
}

/* fullwidth template */
.page-template-template-fullwidth #content {
  padding-left: 15px;
  padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
  margin-left: -15px;
  margin-right: -15px;
}

/* Adjust line height of page elements */
#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
  line-height: 1.7;
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
  font: normal 400 65px/1 var(--font-family-title);
  color: var(--primary);
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
  font: normal 400 24px/1 var(--font-family-title);
  color: var(--primary);
}

#content .entry {
  font-size: 16px;
  line-height: 28px;
}

/* sidebar contact */
.sidebar-contact {
  background: var(--primary);
  color: #fff;
  font-size: 0;
  padding: 30px 15px;
  text-align: center;
  margin-top: 92px;
}

.sidebar-logo {
  margin-bottom: 30px;
}

.sidebar-logo img {
  max-width: 100%;
}

#content-sidebar .sidebar-contact-list {
  margin: 0;
  list-style: none;
}

.sidebar-contact-list li,
.sidebar-contact-list .contact-address {
  font-size: 13px;
  margin: 0 0 15px;
  line-height: 1;
}

.sidebar-contact-list li span {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.sidebar-smi a:not(:last-child) {
  margin-right: 15px;
}

/* end sidebar contact */

/*flip*/
/*scp*/
.scp-container2{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
    -webkit-perspective: 1000px;
            perspective: 1000px;
}

.scp-front, .scp-back {
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.scp-back{
  background: #1a1a1a;
}

.scp-back canvas{
    opacity: .3;
}

.scp-back .scp-flip-inner {
    padding: 51px 15px 0;
}

.scp-container2:hover .scp-front,
.scp-container2:hover .scp-back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.scp-back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.scp-flip-inner {
    -webkit-transform: translateY(0%) translateZ(40px) scale(1);
    transform: translateY(0%) translateZ(40px) scale(1);
    top: 0;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    height: 100%;
}

.scp-front .scp-flip-inner {
    top: auto;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    padding: 22px 32px;
}

.scp-container2 .scp-back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.scp-container2 .scp-front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.scp-container2:hover .scp-back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.scp-container2:hover .scp-front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.property-slider .slick-list {
    padding: 40px 0;
}

.property-specs{
  margin-top: 30px;
}

.property-specs span {
    display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}

.property-specs span em {
    /* margin-right: 20px; */
    width: 40px;
    display: inline-block;
}

.ct-page {
  border: 2px #ccc solid;
  width: 880px;
  max-width: 90%;
  margin: 50px auto;
  padding: 50px 20px;
}
.ct-page h2,
.ct-page p{
  text-align: center;
}
.ct-page h2 {
  font-size: 50px !important;
  line-height: 120%;
  color: var(--primary);
}
.ct-wrap {
  max-width: 85%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.ct-field {
  width: 100%;
  margin-bottom: 10px;
}
.ct-field--fourth {
  width: calc(25% - 5px);
}
.ct-field--third {
  width: calc(33.33% - 5px);
}
.ct-field--half {
  width: calc(50% - 5px);
}
.ct-wrap input,
.ct-wrap textarea {
  width: 100%;
  border: 1px #ccc solid;
  padding: 5px 10px;
}
.ct-field .wpcf7-checkbox{
  display: block;
}
.ct-field .wpcf7-checkbox > span > label {
  display: flex;
  align-items: center;
}
.ct-field .wpcf7-checkbox .wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.ct-field .wpcf7-checkbox > span > label input {
  width: auto;
  margin-right: 5px;
}
.ct-submit {
  text-align: right;
}
.ct-submit .site-btn {
  background: var(--primary);
  margin-right: 0;
}
.ct-submit .wpcf7-spinner {
  display: block;
  margin-left: auto;
}
.ip-ll-blog-list {
  margin: 0 -15px;
}
.ip-ll-blog-list:not(.slick-initialized) {
  display: flex;
}
.ip-ll-blog-list:not(.slick-initialized) .ip-ll-blog-item {
  width: 25%;
}
.ip-ll-blog-list:not(.slick-initialized) .ip-ll-blog-item:nth-child(4) ~ div {
  display: none;
}
.ip-ll-blog-item {
  padding: 0 15px;
}
.ll-prev,
.ll-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.ll-prev {
  left: 0;
}
.ll-next {
  right: 0;
}

.b-cf-field {
width: 100%;
max-width: 700px;
margin: 6px auto;
}

.b-cf-field input{
  font-family: inherit;
  width: 100%;
  font-size: 14px;
  padding: 10px 9px;
  border: 1px solid #999393;
  border-radius: 4px;
  color: gray;
  outline: none;

}

.b-cf-field textarea{
  width: 100%;
  height: 100px;
  max-width: 700px;
  border: 1px solid #999393;
  padding: 10px 9px;
  border-radius: 4px;
  color: gray;
  font-size: 14px;
  outline: none;
}

.below-cf .b-cf-submit {
  width: 100%;
  margin: 0 auto;
  max-width: 300px;

}

.below-cf .b-cf-submit > input{
  background: #f35454;
  color: #fff;
  border: none;
  padding: 7px 15px;
  border-radius: 4px;
  width: 100%;

}


/***ONE DAY LISTING START***/
 
.odl-text-red{
  color:red;
}

 .cta-below-item{
  background-image: url(http://keatyblog-tylercom.rs3n.aios-staging.com/wp-content/uploads/2022/07/image-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    padding:100px 0;
    color:#fff;
 }

 .od-wrap{
  width:80%; 
  margin: 0 auto;
 }
 .cta-below{
   margin-top: 30px;
 }

.cta-below-item em,
.cta-below-item-2 em{
  font-size:25px;
}

.cta-below-item h2,
.cta-below-item-2 h2{
  font-size:35px;
}

.odl-cu-btn{
  padding: 10px 40px; 
  background: red;
  display:block; 
  color: #fff;
  text-transform: uppercase;
}

.odl-sll-btn{
  padding: 10px 40px; 
  background: red;
  display:block; 
  color: #fff;
  text-transform: uppercase;
}

.cta-below-item-2{
  background-image: url(http://keatyblog-tylercom.rs3n.aios-staging.com/wp-content/uploads/2022/07/image-3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  padding:100px 0;
  color:#fff;
}

/*** ONE DAY LISTING END ***/


/*** BUYER RESOURCES START ***/

.img-box,
.img-box-2{
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  padding:100px 20px;
  height:300px
}
.img-box{
  background-image: url(http://keatyblog-tylercom.rs3n.aios-staging.com/wp-content/uploads/2022/07/buyer-resources-img1.jpg);
}
.img-box-2{
  background-image: url(http://keatyblog-tylercom.rs3n.aios-staging.com/wp-content/uploads/2022/07/buyer-resources-img2.jpg);
}

.br-box-text{
  font-size:40px; 
  color:#000; 
  line-height: 1em; 
  font-weight: normal;
}
/*** BUYER RESOURCES END ***/

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */