.d-flex, .d-flex-col>.elementor-widget-wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-wrap{
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-column, .d-flex-col.flex-column>.elementor-widget-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.justify-content-center, .d-flex-col.justify-content-center>.elementor-widget-wrap{
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-between, .d-flex-col.justify-content-between>.elementor-widget-wrap{
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-end, .d-flex-col.justify-content-end>.elementor-widget-wrap{
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-around{
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-center, .d-flex-col.align-items-center>.elementor-widget-wrap{
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-end , .d-flex-col.align-items-end>.elementor-widget-wrap{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-self-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.mt-auto, .my-auto {
margin-top: auto!important;
}
.d-flex-col>.elementor-widget-wrap>.elementor-element {
width: auto;
}
html, body{
overflow-x: hidden !important;
}
body{
font-family: "Open Sans";
}
.elementor-button-link.elementor-button{
font-weight: 600 !important;
}
.hero-banner{
overflow-y: hidden !important;
}
.line-bg-row{
}
.line-bg-row>.elementor-container:before{
position: absolute;
content: '';
width: 340px;
height: 485px;
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/line-bg1.svg);
background-size: cover;
margin-left: -380px;
margin-top: -137px;
}
.line-bg-row>.elementor-container:after{
position: absolute;
content: '';
width: 362px;
height: 447px;
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/line-bg2.svg);
background-size: cover;
right: 0;
margin-right: -390px;
margin-top: 137px;
}
.line-bg-row.line-bg-row-left>.elementor-container:after{
display: none;
}
.line-bg-row.line-bg-row-right>.elementor-container:before{
display: none;
}
.line-bg-row.line-bg-row-right>.elementor-container:after{
margin-top: 100px;
}
.line-bg-row.line-bg-row-left2>.elementor-container:before{
margin-top: 50px;
}
.line-bg-row.line-bg-row-right2>.elementor-container:after{
margin-top: -150px;
}
.f-box, .f-box>.elementor-widget-container, .f-box>.elementor-widget-container>.elementor-cta{
height: 100% !important;
}
.slick-list{
padding: 0 !important;
}
.slick-dots{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
padding: 0;
list-style: none;
margin-top: 40px;
}
.slick-dots li{
margin-left: 5px;
margin-right: 5px;
}
.slick-dots button{
width: 10px;
height: 10px;
font-size: 0;
background-color: #D9D9D9;
border-radius: 0 !important;
padding: 0;
border: 0;
outline: none !important;
}
.slick-dots button:hover, .slick-dots .slick-active button{
background-color: #A978B4;
}
.slick-arrow{
width: 28px;
height: 51px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: transparent !important;
background-size:cover;
font-size: 0!important;
border-radius: 0 !important;
padding: 0!important;
border: 0!important;
outline: none !important;
}
.slick-arrow:hover{
opacity: 0.6;
}
.slick-prev{
margin-left: -80px;
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/prev-btn.svg);
}
.slick-next{
right: 0;
margin-right: -80px;
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/next-btn.svg);
}
#isotope-list{
margin: -15px;
}
#isotope-list .single-project-carousel{
padding: 15px;
width: 25%;
background-color: #FFF;
}
ul#filters{
list-style: none;
padding: 0;
margin-bottom: 60px;
}
ul#filters li{
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
}
ul#filters li a{
font-size: 16px;
font-weight: 400;
color: #000;
padding: 12px 18px;
border-bottom: 3px solid #CD9B73;
line-height: 1;
display: table;
-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease;-o-transition: all 0.15s ease;transition: all 0.15s ease;
}
ul#filters li a.is-checked, ul#filters li a:hover{
background-color: #40104A;
border-bottom: 3px solid #40104A;
color: #FFF;
}
a.overlay-btn{
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
left: 0;
top: 0;
}
.single-project-outer{
position: relative;
border: 1px solid #CD9B73;
padding: 20px;
width: 100%;
-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease;-o-transition: all 0.15s ease;transition: all 0.15s ease;
}
.single-project-outer:hover{
opacity: 0.8;
}
.single-project-inner{
position: relative;
width: 100%;
}
.single-project-bg{
position: relative;
width: 100%;
padding-bottom: 125%;
background-size: cover;
background-position: center center;
}
.single-project-inner-content h4{
font-family: "minion-pro", Sans-serif;
font-size: 22px;
color: #000;
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
}
.single-project-inner-content p{
text-align: center;
font-size: 15px;
margin-bottom: 0;
font-weight: 300;
}
.contact-form .gform_wrapper.gravity-theme input[type=color], .contact-form .gform_wrapper.gravity-theme input[type=date], .contact-form .gform_wrapper.gravity-theme input[type=datetime-local], .contact-form .gform_wrapper.gravity-theme input[type=datetime], .contact-form .gform_wrapper.gravity-theme input[type=email], .contact-form .gform_wrapper.gravity-theme input[type=month], .contact-form .gform_wrapper.gravity-theme input[type=number], .contact-form .gform_wrapper.gravity-theme input[type=password], .contact-form gform_wrapper.gravity-theme input[type=search], .contact-form .gform_wrapper.gravity-theme input[type=tel], .contact-form .gform_wrapper.gravity-theme input[type=text], .contact-form .gform_wrapper.gravity-theme input[type=time], .contact-form .gform_wrapper.gravity-theme input[type=url], .contact-form .gform_wrapper.gravity-theme input[type=week], .contact-form .gform_wrapper.gravity-theme select, .contact-form .gform_wrapper.gravity-theme textarea{
border: 0 !important;
outline: none !important;
border-radius: 0;
font-size: 15px;
font-weight: 300;
padding: 13px 22px !important;
background-color: #FFF;
}
.contact-form .gform_wrapper.gravity-theme textarea{
height: 160px !important;
}
.gform_wrapper.gravity-theme .gform_footer{
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{
align-self: center;
background-color: #A978B4;
color: #FFF;
height: 48px;
text-align: center;
width: 150px;
border: 0 !important;
outline: none !important;
border-radius: 0;
font-size: 16px;
font-weight: 600;
padding: 0;
}
.f-box2 .elementor-button{
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.f-box2 a:hover .elementor-button{
color: #FFF !important;
}
.f-box2 .elementor-cta__description{
max-width: 300px;
}
.ep-table table{
border: 0;
}
.ep-table table td{
background: none !important;
border: none;
padding-left: 0;
padding-right: 0;
font-size: 16px !important;
}
.ep-table table td:first-child{
width: 32%;
}
.experience-tabs .elementor-tab-content{
padding: 0 !important;
}
.experience-tabs.elementor-widget-tabs .elementor-tab-desktop-title{
padding: 12px 16px;
margin-left: 10px;
margin-right: 10px;
position: relative;
}
.e-filter-bar ul li.active a, .e-filter-bar2 ul li.current-menu-item a{
color: #FFF !important;
background-color: #40104A;
}
.e-filter-bar ul li a, .e-filter-bar2 ul li a{
position: relative;
}
.e-filter-bar ul li a:after, .e-filter-bar2 ul li a:after{
width: 70%;
height: 3px;
background-color: #CD9B73;
content: '';
position: absolute;
left: 50% !important;
transform: translateX(-50%) !important;
bottom: 0;
opacity: 1 !important;
}
.e-filter-bar ul li.active a:after, .e-filter-bar2 ul li.current-menu-item a:after{
opacity: 0 !important;
}
#p-ep2, #p-ep3{
display: none;
}
.hero-banner{
overflow-x: hidden !important;
}
.experience-loop-row, .elementor-posts--skin-custom>article>.elementor, .experience-loop-row .elementor-container{
height: 100% !important;
}
.footer-contact-row .elementor-widget-text-editor a{
color: #FFF;
}
.footer-contact-row .elementor-widget-text-editor a:hover{
text-decoration: underline;
}
.search-form .elementor-search-form__container{
min-height: 40px !important;
}
.search-form button i{
display: none;
}
.search-form button{
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/search-icon-dark.svg) !important;
background-size: 20px 20px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
min-width: 40px !important;
}
.page-numbers{
width: 35px;
height: 35px;
text-align: center;
line-height: 35px !important;
display: block;
}
.page-numbers.current{
background-color: #A978B4 !important;
color: #FFF !important;
}
.elementor-pagination{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.page-numbers.prev, .page-numbers.next{
width: 35px !important;
height: 35px !important;
background-size: 14px 26px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
font-size: 0;
}
.page-numbers.prev{
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/prev-btn.svg);
}
.page-numbers.next{
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/next-btn.svg);
}
.prev-next-link a{
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 600;
fill: var(--e-global-color-secondary );
color: var(--e-global-color-secondary );
background-color: #CD9B7300;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D2CBE1;
padding: 15px 25px 15px 25px;
text-transform: uppercase;
line-height: 1px;
letter-spacing: 2.8px;
}
.prev-next-link a:hover{
background-color: #D2CBE1;
}
.bar-bg4-row{
overflow: hidden !important;
}
.bar-bg4-row>.elementor-container:before{
content: '';
width: 394px;
height: 412px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(//thebrokerage.au/wp-content/themes/hello-theme-child-master/images/bar-bg4.svg);
background-size: cover;
right: -400px;
}
@media (max-width: 959px){
.flower1{
top: auto !important; 
bottom: -760px !important; 
left: 50% !important; 
right: auto !important; 
transform: translateX(-50%);
width: 100% !important;
}
.flower2{
top: auto !important; 
bottom: -530px !important; 
left: 50% !important; 
right: auto !important; 
transform: translateX(-50%);
width: 100% !important;
}
.flower3{
top: auto !important; 
bottom: -480px !important; 
left: 50% !important; 
right: auto !important; 
transform: translateX(-50%);
width: 80% !important;
}
.slick-arrow{
display: none;
}
.elementor-location-header>.elementor-section{
background:#000 !important; 
}
.elementor-location-header>.elementor-section.light-header-row{
background:#FFF !important; 
}
.hero-banner{
background-image: linear-gradient(180deg, var(--e-global-color-1b366f5 ) 0%, #40104A 45%) !important; 
}
#isotope-list .single-project-carousel{
width: 50%;
}
}
@media (max-width: 767px){
.flower1{
top: auto !important; 
bottom: -620px !important; 
left: 50% !important; 
right: auto !important; 
transform: translateX(-50%);
width: 600px !important;
max-width: none !important;
}
.flower2{
bottom: -440px !important; 
}
.flower3{
bottom: -270px !important; 
}
.team-contact-icon .elementor-icon{
transform: translateY(5px);
}
#isotope-list .single-project-carousel{
width: 100%;
}
ul#filters li{
margin-left: 5px;
margin-right: 5px;
}
ul#filters li a{
padding: 8px 10px;
}
}.swiper-container.swiper-initialized .ecs-posts{
overflow:visible; 
}
.ecs-post-loop .elementor-page-title{
display:block;
}
.ecs-loop-preview{
height:100%;
width:100%;
background:lightgray;
border:solid 1px gray;
padding:5px;
}
.ecs-loop-preview h3{
font-size:16px;
font-weight:500;
}
.ecs-loop-preview span{
font-size:12px;
}
.ecs-loop-preview .ecs-image-holder{
width: 100%;
line-height: 113px;
background-color: #808080;
font-size: 45px;
text-align: center;
vertical-align: middle;
font-weight: 900;
color: #929191;
}
.ecs-link-wrapper{
cursor: pointer;
}
.elementor-widget-ele-loop-item, .elementor-widget-ele-loop-item > .elementor-widget-container,
.elementor-element-edit-mode.elementor-widget-ele-loop-item, .elementor-element-edit-mode.elementor-widget-ele-loop-item > .elementor-widget-container{
height: 100%;
} .elementor-widget-posts .ecs-posts .elementor-button-wrapper {
margin-top: 0;
} .ecs-post-loop .ast-article-single{
background-color: none;
border-bottom:none;
margin: 0;
padding: 0;
}
.ecs-post-loop.ast-article-post{
width:100%;
} .theme-storefront.elementor-editor-active #primary.content-area{
float:none;
} .elementor-editor-active .ecs-lazyload a,.elementor-editor-preview .ecs-lazyload a{
display:none;
}
.animation-hidden .ecs-lazy-load-animation{
height:0;
visibility:hidden;
}  .barload-wrapper {
width: 195px;
height: 1em;
position: relative;
display:inline-block;
font-size:16px;
padding:10px;
}
.barload-border {
border: 3px solid rgb(34,34,34);
height: 100%;
width: 100%;
position: relative;
top: -50%;
padding: 4px 3px;
}
.barload-whitespace {
overflow: hidden;
height: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.barload-line {
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(0,0,0);
animation: barload-slide 2.75s steps(40) infinite;
-o-animation: barload-slide 2.75s steps(40) infinite;
-ms-animation: barload-slide 2.75s steps(40) infinite;
-webkit-animation: barload-slide 2.75s steps(40) infinite;
-moz-animation: barload-slide 2.75s steps(40) infinite;
}
@keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-o-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-ms-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-moz-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}  .barload-wrapper ,.barload-wrapper * {
box-sizing:content-box;
} 
.ballsload-container{
font-size:16px;
padding:10px;
position:relative;
}
.ballsload-container div {
width: 1em;
height: 1em;
position: absolute;
background-color: rgb(0,0,0);
top: 0;
border-radius: 50%;
}
.ballsload-container div:nth-child(1) {
animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(2) {
animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(3) {
animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(4) {
animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
@keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-o-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-ms-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-moz-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}  #movingBallG{
position:relative;
width:250px;
height:19px;
display:inline-block;
font-size:16px;
}
.movingBallLineG{
position:absolute;
left:0px;
top:0.5em;
height:0.25em;
width:250px;
background-color:rgb(0,0,0);
}
.movingBallG{
background-color:rgb(0,0,0);
position:absolute;
top:0;
left:0;
width:1.188em;
height:1.188em;
border-radius:100px;
-o-border-radius:100px;
-ms-border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
animation-name:bounce_movingBallG;
-o-animation-name:bounce_movingBallG;
-ms-animation-name:bounce_movingBallG;
-webkit-animation-name:bounce_movingBallG;
-moz-animation-name:bounce_movingBallG;
animation-duration:1.5s;
-o-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
@keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-o-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-ms-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-webkit-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-moz-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}  .lds-ellipsis {
display: inline-block;
position: relative;
width: 8em;
height: 1em;
font-size:13px;
}
.lds-ellipsis div {
position: absolute;
top: 0px;
width: 1em;
height: 1em;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 1em;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 1em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 4em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 7em;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(3em, 0);
}
}