/*
Theme Name: TessaResidential
Theme URI: https://departmentgroup.com
Template: Divi/Divi
Author: Joshua Hall
Author URI: https://departmentgroup.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.7
Updated: 2020-11-13 04:50:38

*/
@font-face {
	font-family: 'Apercu-Bold';
	src: url('https://staging.tessaresidential.com.au/wp-content/themes/DiviDivi-child/fonts/Apercu-Bold.otf') format('opentype'), /* IE6-IE8 */
		url('https://staging.tessaresidential.com.au/wp-content/themes/DiviDivi-child/fonts/Apercu-Bold.woff') format('woff'), /* Pretty Modern Browsers */
		url('https://staging.tessaresidential.com.au/wp-content/themes/DiviDivi-child/fonts/Apercu-Bold.ttf')  format('truetype');
}

@font-face {
	font-family: 'Apercu-Light';
	src: url('https://staging.tessaresidential.com.au/wp-content/themes/DiviDivi-child/fonts/Apercu-Light.otf') format('opentype'), /* IE6-IE8 */
		url('https://staging.tessaresidential.com.au/wp-content/themes/DiviDivi-child/fonts/Apercu-Light.woff') format('woff'), /* Pretty Modern Browsers */
		url('https://staging.tessaresidential.com.au/wp-content/themes/DiviDivi-child/fonts/Apercu-Light.ttf')  format('truetype');
}


body, p {font-family: 'Apercu-Light', sans-serif !important; line-height: 1.6em;}

li {list-style: square;padding-bottom: 5px;}

::selection{background: red; color: #fff}
h1,h2,h3,h4,h5,h6 {font-family: 'Apercu-Bold', sans-serif !important;}
h1 {background: red;  word-break: inherit;text-transform: uppercase; line-height: 1.25em; font-size: 2em; margin: 0 -8px; font-family: 'Apercu Bold'; padding: 5px 13px;font-weight: 800 !important; color: #fff; font-family: 'Apercu-Bold'}
h3 {color: red !important ;font-size: 24px;}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {padding-right: 0px !important;}
ul.sub-menu {top: 51px !important; box-shadow: none !important;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 0px !important;}
.et_header_style_left #et-top-navigation nav>ul>li, .et_header_style_split #et-top-navigation nav>ul>li {padding: 20px 0px; margin: 0px 5px;}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {padding: 0px 15px 0px 10px !important;}
#logo {max-height: 45% !important;}
#et_top_search {margin: 20px 0 0 22px}
li.feature {background: #f00;padding: 10px !important;border-radius: 5px; text-transform:uppercase;}
li.feature a, .et-fixed-header #top-menu li.feature a{color:#fff !important;}
et-fixed-header #top-menu li.current-menu-ancestor.feature>a, .et-fixed-header #top-menu li.current-menu-item.feature>a {color: #fff !important}
#top-menu li a {font-size: 12px !important;text-transform: uppercase;letter-spacing: 1px;}
#top-menu li li {padding: 0px 0px;width: 100%;text-align: center;}
.et_header_style_left .logo_container {width: 80% !important;}
#top-menu li li a {padding: 15px 20px;width: 200px; color: #000 !important;}
li.current-menu-item a { color: #000000 !important;}
#top-menu li.current-menu-item>a {color: #f00 !important;}
.entry-content tr td, body.et-pb-preview #main-content .container tr td {border-top: 0px !important; }
#wpcf7-f282-o1 input[type=text], #wpcf7-f282-o1 input[type=password], #wpcf7-f282-o1 input[type=tel], #wpcf7-f282-o1 input[type=email], #wpcf7-f282-o1 input.text, input.title, #wpcf7-f282-o1 textarea, select { background-color: #efefef;padding: 10px 15px !important;border: 0 none !important;color: #000000 !important;}
.nav li ul {position: absolute;padding: 0 0;display: inline-block;width: auto; border: 0px !important; margin-top: 4px;}
.nav ul li a:hover, .et_mobile_menu li a:hover { opacity: 1; color: #fff !important;}
.sub-menu li a:hover {color: #000 !important;background: #dedede !important;}
.navlink a::after { content: ''; width: 0px; height: 1px;
display: block;background: #000; transition: 300ms;}
.navlink a:hover::after { width: 100%;}
#top-menu .menu-item-has-children > a:first-child:after {display:none;}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 10px 0px !important;}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {padding-right: 0px !important;}
ul.sub-menu {top: 53px;}
.et_header_style_left #et-top-navigation nav>ul>li, .et_header_style_split #et-top-navigation nav>ul>li {padding: 10px 0px; margin: 10px 5px;}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {padding: 0px 15px 0px 10px !important;}
#et_top_search {margin: 20px 0 0 22px}
li.feature {background: #f00;padding: 10px !important;border-radius: 5px; text-transform:uppercase;}
li.feature a, .et-fixed-header #top-menu li.feature a{color:#fff !important;}
et-fixed-header #top-menu li.current-menu-ancestor.feature>a, .et-fixed-header #top-menu li.current-menu-item.feature>a {color: #fff !important}
#top-menu li li {padding: 0px 0px;width: 100%;text-align: center;}
.et_header_style_left .logo_container {width: 80% !important;}
#top-menu li li a {padding: 15px 20px;width: 200px;}
.entry-content tr td, body.et-pb-preview #main-content .container tr td {border-top: 0px !important; }
#wpcf7-f282-o1 input[type=text], #wpcf7-f282-o1 input[type=password], #wpcf7-f282-o1 input[type=tel], #wpcf7-f282-o1 input[type=email], #wpcf7-f282-o1 input.text, input.title, #wpcf7-f282-o1 textarea, select { background-color: #efefef;padding: 10px 15px !important;border: 0 none !important;color: #000000 !important;}

.toggle-icon.et_pb_toggle .et_pb_toggle_title:before,.toggle-icon .et_pb_toggle .et_pb_toggle_title:before {content:'33';font-size: 30px;}
 
.toggle-icon.et_pb_toggle_open .et_pb_toggle_title:before{content:'32';   }

.nav li ul {position: absolute;padding: 0 0;display: inline-block;width: auto;}
.nav ul li a:hover, .et_mobile_menu li a:hover {background-color: rgb(255 0 0); opacity: 1; color: #fff !important;}

.et_pb_post {margin-bottom: 4px;}
#propertybuttons {width: 80%;margin: 0 auto;display: grid;}

a.button.feature {padding: 20px;background: #f00;display: inline-block;margin: 15px 0px;width: 50%;border-radius: 3px;color: #fff !important;font-size: 24px;}

.dpdfg_filtergrid_0 .entry-header .entry-title {
    border-top: 2px #f00 solid;padding: 20px;width: fit-content;margin: 0 auto;}

.wpcf7 form .wpcf7-response-output {margin: 20px 0px !important;padding: 10px 10px !important;border: 2px solid #ff0000 !important;color: #fff !important; font-size: 18px;}

.formbuttons {background: #ff0000;color: #fff !important;border: 0px;font-size: 15px !important; padding: 10px 25px !important;
}
.formbuttons:hover {background: #000 !important;color: #fff !important; border-radius: 3px !important;border: 0px !important;}

.wp-google-reviews {display: flex !important;flex-wrap: wrap !important;width: 100%;}

.wp-gr .wp-google-review {margin-top: 15px!important;width: calc(100%/2)!important;padding: 1% !important;}
.wpex.horizontal-timeline.ex-multi-item .wpex-timeline-label .timeline-details {padding: 10px 15px !important;border: none !important;}

.wpex.horizontal-timeline.no-arr-top .timeline-hr, .wpex.horizontal-timeline .timeline-hr {width: calc(97% - 3%)!important;left: 3%!important;border-bottom: 3px solid #f00000 !important;}

.wpex.horizontal-timeline.no-arr-top .timeline-pos-select {width: calc(97% - 3%) !important;left: 3% !important;}

.wpac {font-family: 'Apercu Pro Light', sans-serif !important;}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {border: 0px none; padding: 10px 15px; width: 100%; border-radius: 3px;color:#000000; font-family: 'Apercu Pro Light', sans-serif;}
input#Submit {background: #ff0000; border: 0px !important; padding: 10px 25px; color: #fff !important; font-family: 'Apercu Pro Light', sans-serif;}
#columns {width: calc(100%/1);display: flex;}
#right{width: 49% !important;margin: 0 0% 0% 1%;}
#left {width: 49% !important;margin: 0 1% 0% 0%;}


@media only screen and (max-width:786px){
	
.et_header_style_split #et-top-navigation .mobile_menu_bar, .et_header_style_left #et-top-navigation .mobile_menu_bar { padding-bottom: 12px !important; padding-top: 12px !important;}
.container.et_menu_container { width: 100% !important; padding: 0 5%;}
.et_mobile_menu li a { color: #000 !important;padding: 15px 0% !important;font-size: 20px !important;text-align: center;}
ul#mobile_menu {top: 75px;}
.entry-content tr td, body.et-pb-preview #main-content .container tr td { padding: 5px 19px !important;}
.pum-container {top: 12px !important;}
.pum-content .et_pb_section {padding: 20px 0 !important;}
	
}

.toggle-icon.et_pb_toggle .et_pb_toggle_title:before,.toggle-icon .et_pb_toggle .et_pb_toggle_title:before {content:'\33';font-size: 30px;}
 
.toggle-icon.et_pb_toggle_open .et_pb_toggle_title:before{content:'\32';   }


/* structure*/

.col1{width:100%;}
.col80 {width: 80%;}
.col70{width:70%;}
.col66 {width:66%;}
.col60 {width:60%;}
.col50 {width: 50%;}
.col45 {width: 45%;}
.col40 {width: 40%;}
.col33 {width:33%;}
.col30 {width:30%;}
.col25 {width:25;}

.flex {display: flex;}

.container {width: 100%;}
#main-content .container:before {display: none;}
#main-content .container {padding-top: 0px !important;}
section img {width: 100%;object-fit: cover !important;}
.bw:hover {filter: grayscale(1);}
/* typography */
.title {font-family: 'Apercu-Bold' !important; color: #ff0008;}

section.content {width: 80%;margin: 5% auto;font-size: 12px;}
.content p {padding-bottom: 3px;}

/* home */
.homehero {height: 87vh; position: relative;}
.heroimg {width: 100%;height: 87vh; overflow: hidden;}
.heroimg img{width: 100%;height: 100%; overflow: hidden;}
.herotitle {width: 40%;margin: 0 30%;position: absolute; top:0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; height: 100%;}

.scroller {background: red;padding: 12px 0;}
.rollin { color: #fff !important;text-align: center;line-height: 32px;padding: 0 !important;}
.welcomecontainer {margin: 3% auto;}
.welcome {position: relative;}
.welcome::before {content: '';position: absolute;width: 15vw;display: inline-block;height: 50vh;background: #e6e6e6;left: 0%;z-index: -1;top: 40px;
}
.logo { height: 50px !important; width: auto !important;}
.textcontainer {justify-content: center; display: flex;flex-direction: column;align-items: flex-start;text-align: left; line-height:1.6em;}

.properties {margin:3% auto -3% !IMPORTANT}
.propertycontainer .display-posts-listing {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 2%;grid-row-gap: 25px;}
.listingcontainer { margin: 3% 0; padding: 0 15%;}
.propertycontainer { margin: 3% 0; padding: 0 0 3%;}
.property {position: relative;}
.propertyhover { display: flex;position: absolute;top: 0; left: 0;flex-direction: column;height: 100%; width: 100%; justify-content: center;align-content: center; margin: 0 auto;background: #00000085; pointer-events: none; text-align: center;line-height: 3em;}
.hide {display: none;}
.property .title {color: #fff !important;font-size: 1.5em; pointer-events: all;}
.property .image img {height: 100% !important;min-height: 500px;}
.property:hover .hide {display: flex !important;}
span.login, span.rent {pointer-events: all;}

.timeline {background: #000; padding: 3% 0;}
.timelinecontainer {margin: 0 auto;}
.reviewbtn {text-align: center; display: block;margin: 2% 0;}
.wptl-readmore a {color: #f00 !important;}
.timelinecontainer .wptl-excerpt, .timelinecontainer .wptl-readmore { display: none !important;}
.wpextt_templates > div {background: transparent;}
.wpex.horizontal-timeline .wpex-timeline-label .timeline-media img {object-fit: cover; height: 500px;width: 100%;}
.wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 .horizontal-nav li span.wpex_point {margin: 0 0px; margin-top: -108px; position: relative;font-size: 20px;height: 30px;font-family: 'Apercu-Bold', sans-serif !important; color: #fff !important;}
.timeline-details a { font-family: 'Apercu-Bold', sans-serif !important;text-transform: capitalize;font-weight: 800;}
.reviews { padding: 5% 10%;width: 100%;box-sizing: border-box;}



/* About Page */
.aboutcontainer, .philosophycontainer, .whycontainer {margin: 3% auto; position: relative;}
.about, .philosophy, .whytessa {position: relative;}
.about::before, .whytessa::before {content: '';position: absolute;width: 15vw;display: inline-block;height: 50vh;background: #e6e6e6;left: 0%;z-index: 0;top: 40px;}
.philosophy::before {content: '';position: absolute;width: 15vw;display: inline-block;height: 50vh;background: #e6e6e6;right: 0%;z-index: 0;top: 40px;}

.assets {margin: 4% auto;}
.assets a {color: #000;}
.assets p {padding-bottom: 6px; position: relative; margin-bottom: 6px;}
.assets .textcontainer {margin-top: 0;}
.assets .col45 {width: 45%;background: #eee;border-radius: 20px;padding: 1% 2%; height: fit-content;}
.assets a:hover::before {content: ''; position: absolute;width: 100%;background: #000;height: 2px;transition: all 0.3s ease-in;}
.assets a:before { content: '';position: absolute; width: 0; bottom: 2px; transition: all 0.3s ease-in;}
.assets .panel {background: transparent;padding: 10px 3%;max-height: 100% !important;}
.panel img { width: auto !important;}

.accordionclick p {font-size: 12px;color: #000;font-family: 'Apercu-Light'; margin: 0}
.accordionclick {width: 80%;display: inherit;}

.assets .active , .accordion, .accordion:hover {background: transparent !important ;padding: 10px 3% !important;}
.assets .accordion.title {color: #f50e0a !important;}
.awareness {height: 190px;background: #000;}
.awareness img {height: 100%;}

/* Operator Page */
.teamcontainer, .whycontainer {margin: 3% auto 1.5%;     text-align: center;}
.about, .team, .experience {position: relative;}

.teamgrid, .experiencegrid {display: grid;grid-template-columns: 1fr 1fr 1fr; margin: 0 auto; grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 3%; box-sizing: border-box}
.teambox:hover, .experiencebox:hover  {background: #eee; border: 2px solid #eee;  transform: scale(1.01);}
.teambox  .title, .experiencebox .title {font-size: 16px;}
.teambox, .experiencebox{ background: #fff;border: 2px solid red;border-radius: 20px;padding: 10%; }
img.teamicon {height: 60px;margin-bottom: 10px; width: auto !important;}
.contactbox .accordion { padding: 4% 6% !important;border: 1px solid #f00;text-align: center;}

/* history page */
section.history { width: 100%;}
.historycontainer { padding: 0 10%;background: #000;}
span.tlday, .wpex-leftdate div span {font-size: 21px !important; margin-top: 3px !important; margin-right: 10px !important;padding: 0;font-family: 'Apercu-Bold', sans-serif;}
.wpex-leftdate div span:nth-child(1) {display: none;position: absolute;}
.wpex-timeline-list.show-icon .style-center > li .wpex-timeline-label .timeline-details {padding: 0 !important;margin: 0 !important;}

.wpex-timeline-list.show-icon .wpex-timeline.style-center > li .wpex-content-left .wpex-leftdate {padding: 10px 15px;  border-radius: 0 !important;}
.wpex-timeline-list ul.wpex-timeline > li, .wpex-timeline > li {background: transparent;}
.wpex-timeline-list.show-icon .style-center > li .wpex-content-left {margin-bottom: 0;}
a.img-left {margin: 0px !important;padding: 0px !important;}
.tlct-shortdes {display: inline-block; width: 56%;margin: 10px;float: right;}
.info-img img {object-fit: cover !important; width: 100%;height: 175px;}
span.info-img { display: flex;}
.wpex-timeline-label {border: 0px !important;border-radius: 1px !important;}
.tlct-shortdes p {overflow-x: hidden;text-overflow: ellipsis; white-space: break-spaces;height: 120px;}

/* contact */
.contacts {margin: 3% auto;}
.accordion { background-color: #eee; color: #000;cursor: pointer;  border-radius: 10px; padding: 18px; width: 100%;
border: none; text-align: left; outline: none; font-weight: 800; font-size: 15px; transition: 0.4s;font-size: 18px;}
.active, .accordion:hover {background-color: #ccc; }
.panel { padding: 5%; display: none; background-color: white;overflow: hidden;}
.accordion:after { content: '\002B';color: #000;font-weight: bold; float: right; margin-left: 5px;}
.active:after { content: "\2212";}
.contactinfo.col80 { border-bottom: 1px solid #f00; padding-bottom: 3% !important;}
.contactinfo, .offices {display: grid;grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px;grid-row-gap: 20px; margin: 3% auto;}
.panel td:nth-child(1) {width: 10% !important;}
.map {height:500px;}

/* Slider */
.blocked {background: red; word-break: inherit;text-transform: uppercase;line-height: 1.33em; font-size: 3em; margin: 4px -7px;font-family: 'Apercu Bold'; padding: 5px 13px; font-weight: 800 !important;color: #fff;font-family: 'Apercu-Bold';}
h1.blocked { width: fit-content;text-align: center;margin: 0% auto; font-size: 2em !important;}
.et_pb_slide_content { width: 50%; word-break: inherit; text-transform: uppercase;  text-align: center;  margin: 0 auto;}
.et_pb_post {margin-bottom: 4px; }
#propertybuttons {width: 80%;margin: 0 auto;display: grid;}
a.button.feature {padding: 20px;background: #f00;display: inline-block;margin: 15px 0px;width: 50%;border-radius: 3px;color: #fff !important;font-size: 24px;}

.carousel-cell {width: 100%; height: 100%; margin-right: 0px; background-size: cover !important; background-position: center !important}
.flickity-viewport {overflow: hidden; position: relative;height: 100% !important;}
.main-carousel { height: 100%;}
    


.dpdfg_filtergrid_0 .entry-header .entry-title {border-top: 2px #f00 solid;padding: 20px;width: fit-content;margin: 0 auto;}
.wpcf7 form .wpcf7-response-output {margin: 20px 0px !important;padding: 10px 10px !important;border: 2px solid #ff0000 !important;color: #fff !important; font-size: 18px;}

.formbuttons {background: #ff0000;color: #fff !important;border: 0px;font-size: 15px !important; padding: 10px 25px !important;}
.formbuttons:hover {background: #000 !important;color: #fff !important; border-radius: 3px !important;border: 0px !important;}
.button1 {background: #ff0000;border: 0px!important;padding: 10px 25px;color: #fff!important;font-family: 'Apercu-Light',sans-serif; width: 45%;border-radius: 4px; font-weight: 600;}
.wp-google-reviews {display: flex !important;flex-wrap: wrap !important;width: 100%;}
.wp-gr .wp-google-review {margin-top: 15px!important;width: calc(100%/2)!important;padding: 1% !important;}
.wpex.horizontal-timeline.ex-multi-item .wpex-timeline-label .timeline-details {padding: 10px 15px !important;border: none !important;}
.wpex.horizontal-timeline.no-arr-top .timeline-hr, .wpex.horizontal-timeline .timeline-hr {width: calc(97% - 3%)!important;left: 3%!important;border-bottom: 3px solid #f00000 !important;}
.wpex.horizontal-timeline.no-arr-top .timeline-pos-select {width: calc(97% - 3%) !important;left: 3% !important;}
.wpac {font-family: 'Apercu-Light', sans-serif !important;}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {border: 0px none; padding: 10px 15px; width: 100%; border-radius: 3px;color:#000000; font-family: 'Apercu-Light', sans-serif;}
input#Submit {background: #ff0000; border: 0px !important; padding: 10px 25px; color: #fff !important; font-family: 'Apercu-Light', sans-serif;}
#columns {width: calc(100%/1);display: flex;}
#right{width: 49% !important;margin: 0 0% 0% 1%;}
#left {width: 49% !important;margin: 0 1% 0% 0%;}

/* property page*/
.propertyhero {width: 100%; height: 80vh;display: inline-block; margin-bottom: 20px;}
.rentbuttons {display: flex;flex-direction: column;}
.rentbuttons a {margin-bottom: 10px;}
.properties-template div#content-area {margin-bottom: 10%;}


/* footer */
#footer-bottom {padding: 15px; background: url(http://staging.tessaresidential.com.au/wp-content/uploads/2020/11/Operator_Slider_1.jpg); background-position: bottom;box-sizing: border-box;}
.footercontact h1 {width: fit-content;margin: 2% auto; color: #fff;}
.footercontact {width: 50%;margin: 4% auto;}
#et-footer-nav {background-color: rgb(255 0 0);}
#et-footer-nav a {color: #fff;}
.bottom-nav {padding: 15px 0;text-align: center;}
p#footer-info {display: none;}
.creditfooter {background: #000; color: #fff; font-size: 10px; letter-spacing: 1px; padding: 10px; height: 40px ;width: 100%;}
.credit { width: max-content; text-align: center; margin: 0 auto; display: flex; align-content: center;align-items: center;}
.credit img { height: 20px; margin-left: 20px;}
/* gravity forms */
h2.gform_title {display: none;}
input, select, textarea, legend {font-family: 'Apercu-Light', sans-serif !important; font-weight: 500;color: #000 !important; padding: 10px 15px !important;}
::placeholder { color: #000 !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 10px !important;}
.ginput_complex label, label {display: none;height: 0 !important; padding: 0 !important;}
.gform_wrapper.gravity-theme .gfield textarea.large {height: 35px;max-height: 100px; min-height: 35px;max-width: 100%;}
.gform_button {width: 150px;background: red;border: 0;border-radius: 3px;color: #fff !important; font-family: 'Apercu-Bold', sans-serif !important; font-size: 14px;}
.gform_footer.top_label {text-align: center;margin: 0 !important;}
.gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend {display: none !important;}
.gform_description { visibility: hidden;margin-top: 10px;}

/* Animations*/
span.et_parallax_bg.et_pb_parallax_css, .zoomin {animation: zoominslide 60s linear alternate !important;}

@-webkit-keyframes zoomin {
    0% { -webkit-transform: scale(1)}
    50% { -webkit-transform: scale(1.5)}
	100% { -webkit-transform: scale(1)}
}
@keyframes zoomin {
    0% { transform: scale(1);}
    50% { transform: scale(1.5);}
	100% { transform: scale(1);}
}
@-moz-keyframes zoomin {
    0% { -moz-transform: scale(1)}
    50% { -moz-transform: scale(1.5)}
	100% { -moz-transform: scale(1)}
}

@keyframes zoominslide {
    0% { transform: scale(1); object-position: left;}
    50% {transform: scale(1.5); object-position: right;}
	100% { transform: scale(1); object-position: left;}
}
@-webkit-keyframes zoominslide {
    0% { -webkit-transform: scale(1); object-position: left;}
    50% {-webkit-transform: scale(1.5); object-position: right;}
	100% { -webkit-transform: scale(1); object-position: left;}
}

@-webkit-keyframes zoominslide {
    0% { -moz-transform: scale(1); object-position: left;}
    50% {-moz-transform: scale(1.5); object-position: right;}
	100% { -moz-transform: scale(1); object-position: left;}
}


@media only screen and (min-width: 1550px) {
section { width: 80%; margin: 0 auto;}
.homehero, .scroller, .timeline, .awareness, .map {width: 100% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 980px) {
	.navlink, .sub-menu li {list-style: none !important; padding-bottom: 0px;}
	ul#mobile_menu {padding: 0 !important;text-align: center;}
	.et_mobile_menu li li, #main-header .et_mobile_menu li ul {padding-left: 0;}
	.col40, .col60, .col66, .col80, .col33, .col45, .col30, .col50 { width: 90%; margin: 12% 5% !important;}
	.assets .col45 {width: 90%;}
	.flex { display: block;}
	.timeline { padding: 10% 3%;}
	.navlink a::after {display: none;}
	.heroimg, .homehero {height: 50vh;}
	.contactinfo, .offices, .teamgrid, .experiencegrid, .propertycontainer .display-posts-listing {grid-template-columns: 1fr;}
	.title {font-size: 1.5em;}
	.teambox, .experiencebox { padding: 5%;}
	.contactbox .accordion {padding: 3% !important;font-size: 1.2em;}
	.propertyhero { height: 33vh;}
	.property { height: 25vh;}
	.property .image img {object-position: center;border-radius: 10px;}
	.footercontact {width: 95%;margin: 8% auto;}
	#et-footer-nav {display: none;}
	.listingcontainer {margin: 0; display: grid !important; padding: 0 5%;}
	.listingcontainer .col30 {order: 2;}
	.listingcontainer .col66 {order: 1;}
	.welcomecontainer div img { height: 33vh;}
	.tlct-shortdes {display: inline-block; width: 100%; margin: 10px;}
	.wpex-timeline-list.show-icon .style-center .timeline-details .img-left {width: 100%;}
	
}
@media only screen and (min-width: 427px) and (max-width: 980px) {
	
.propertyhover {display: flex !important;}
	body, p {font-size: 1em !important;}
	h3 {font-size: 30px;}
	.blocked {font-size: 1.35em; margin: 2px -7px;}
	.gform_button {width: 100%;font-size: 22px;}
	input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea { font-size: 20px !important}
.panel {font-size: 24px;min-height: 200px !important; max-height: 300px; height: auto !important}
.rentbuttons a {margin-bottom: 10px;width: 100%; padding: 15px !important;text-align: center;font-size: 28px;}
	
}

@media only screen and (min-width: 0px) and (max-width: 427px) {
	.et_mobile_menu li a {padding: 10px 0%!important;font-size: 15px!important; text-transform: uppercase;}
	body, p {font-size: 14px !important;}
	h3 {font-size: 18px;}
	.timeline { padding: 10% 0}
	.herotitle {width: 80%;margin: 0 10%;}
	.blocked {font-size: 1.2em;}
	.gform_button {width: 100%;font-size: 18px;}
	input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea { font-size: 13px !important; line-height: 16px;}
	.panel {font-size: 16px;min-height: 200px !important; max-height: 300px; height: auto !important}
	.panel td:nth-child(1) {width: 13% !important;}
	.rollin {line-height: 13px;font-size: 15px;}
	.rentbuttons a {margin-bottom: 10px;width: 100%; padding: 12px !important;text-align: center;font-size: 20px;}
	.wp-gr .wp-google-review {margin-top: 15px!important;width: calc(100%)!important;padding: 1%!important;}
	
}

@media only screen and (max-width:786px){
	
.et_header_style_split #et-top-navigation .mobile_menu_bar, .et_header_style_left #et-top-navigation .mobile_menu_bar { padding-bottom: 12px !important; padding-top: 12px !important;}
.container.et_menu_container { width: 100% !important; padding: 0 5%;}
.et_mobile_menu li a { color: #000 !important;padding: 15px 0% !important;font-size: 20px !important;text-align: center;}
ul#mobile_menu {top: 75px;}
.entry-content tr td, body.et-pb-preview #main-content .container tr td { padding: 5px 19px !important;}
.pum-container {top: 12px !important;}
.pum-content .et_pb_section {padding: 20px 0 !important;}
	
}