/* https://ozvacatecleaning.com.au/wp-content/themes/melbourneendofleasecleaning/css/dark.css */
/* Multi Usable Styles */

#welcome-wrpaer{  width:100%; padding:40px 0; margin:0px;}
.all-title{ margin:0px;   padding: 50px 0 25px; color:#3e3e3e; text-align:center; font-family: "Raleway";  font-size: 40px;  font-weight: 300;  letter-spacing: 2px;text-transform: capitalize; margin: 0;}
.counters-subtitle{ padding:10px 0px; font-size: 14px; color: #43474d;font-family: "Roboto"; font-size: 16px; font-weight: 300;  margin-bottom: 25px; text-align:center;}
/* .all-title:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    background: #035386;
    border-radius: 73px;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.all-title:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 3px;
    background: #035386;
    border-radius: 73px;
    top: 99px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
} */

.all-title-2{ margin:0px;   padding: 0px; color:#3e3e3e; text-align:center; font-family: "Raleway";  font-size: 36px;  font-weight: 300;  letter-spacing: 1px;text-transform: capitalize; margin: 0;}

/* .all-title-2:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    background: #035386;
    border-radius: 73px;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.all-title-2:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 3px;
    background: #035386;
    border-radius: 73px;
    top: 99px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
} */
.color-1{
	 color: #035386;
}
#welcome-wrpaer h2 {
    font-size: 18px;
	font-family: "Raleway";
    color:#3e3e3e;
    text-transform: uppercase;
    position: relative;
    padding-top: 14px;
    margin-bottom:20px;
	text-align:center;
	 letter-spacing: 2px;
}
#my-singup-filed {
    text-align: center;
    background: #035386 /*url(/wp-content/themes/melbourneendofleasecleaning/css/img/4.png)*/;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
	padding: 60px 0 30px;
	color:#fff;
}

#my-singup-filed h3 {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 1px;
	font-family: "Raleway";
	color:#fff; 
	text-transform: uppercase;
}

.message-client{
    font-size: 16px;
    color: white;
    margin-top: 15px;
    margin-bottom: 28px;
	width:64%;
	text-align:center;
	margin:0 auto;
	font-family: "Roboto";
	line-height:24px;
}



#my-singup-filed {
    position: relative;
    overflow-x: hidden;
}


#footer-widgets .bar h4:before {
    background: url(/wp-content/themes/melbourneendofleasecleaning/css/img/splitter.png) repeat;
    top: 40px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30%;
}
#footer-widgets .bar h4:after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    left: -1px;
    top: 40px;
    margin: 0;
    background-color: #035386;
}
.my-singup-content{ padding-bottom:40px;}
.textwidget{ color:#fff; font-family: "Roboto";}
.textwidget > p {
  color: #fff;
  line-height: 24px;
  font-family: "Roboto";
}
.textwidget a {
  color: #fff;
}
/* #section-background-image-6 {
	background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover; padding:0 0 40px 0px;
 background-image: url(https://melbourneendofleasecleaning.seonorthmelbourne.com.au/wp-content/uploads/2017/03/contact-bg.png);
 position:relative;
 } */
 
 
 .contact-info {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 57px 30px;
	background-color: #43474d;
}
.contact-info__content {
	max-width: 290px
}
.contact-info__form {
	position: absolute;
	background-color: #035386;
	top: 32%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 495px;
	padding: 72px
}
.contact-info__logo {
	margin-bottom: 24px
}
.list-contacts-2__item {
	display: block;
	margin-bottom: 32px
}
.list-contacts-2__item:last-child {
	margin-bottom: 0
}
.contact {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}
.contact__wrapper-icon {
	margin-right: 11px;
	padding-top: 4px
}
.contact__heading {
	display: block;
	font-size: 18px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 8px;
	font-family: "Raleway";
	
}
.p._color-inverse {
 display: block;
	color: #fff;
	font-family: "Roboto";
	font-size:13px;
}
.contact__label {
	display: block;
	color: #fff;
	font-family: "Roboto";
	font-size:13px;
}
.contact__icon {
	font-size: 18px;
	color: #fff;
	
}
.skillbar_color-1 .skillbar__progress-bar-active {
	background-color: #6ec042
}
.skillbar_color-2 .skillbar__progress-bar-active {
	background-color: #26c9ff
}
.skillbar_color-3 .skillbar__progress-bar-active {
	background-color: #f9bf13
}
.skillbar_color-4 .skillbar__progress-bar-active {
	background-color: #db387b
}
.skillbar__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 6px
}
.skillbar__label, .skillbar__percentage {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
letter-spacing:.06154rem;
font-family: "Roboto";
}
.skillbar__progress-bar {
	position: relative;
	overflow: hidden;
	background-color: #e9e9e9;
	width: 100%;
	height: 10px
}
.skillbar__progress-bar-active {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 10px;
	background-color: #26c9ff;
	-webkit-transition: all 3s cubic-bezier(.645, .045, .355, 1);
	transition: all 3s cubic-bezier(.645, .045, .355, 1)
}
.counter-up {
	color: #fff;
	text-align: center
}
.counter-up__number {
	display: block;
	font-weight: 700;
	font-size: 3.84615rem;
letter-spacing:.15385rem
}
.counter-up__label, .pricing-table__heading {
	font-weight: 400;
	display: block;
	text-transform: uppercase
}
.counter-up__label {
	font-size: 1.23077rem;
letter-spacing:.06154rem
}
.page-section_contacts__heading {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	text-align:center;
	font-family: "Roboto";
}
.page-section_contacts__heading:before {
	content: '\f003';
	font-family: FontAwesome;
	font-size: 5.76923rem;
	line-height: 1;
	font-weight: 400;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-30deg);
	-ms-transform: translate(-50%, -50%) rotate(-30deg);
	transform: translate(-50%, -50%) rotate(-30deg);
	opacity: .2
}
.form-contact-home {
  float: left;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
}

.form-contact-home input,  select, textarea {
	width: 100%;
	padding: 14px 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background: 0 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	border-left: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	font-family: "Roboto";	
	color:#fff;
	padding: 6px 0;
	font-size: 14px;
    letter-spacing: .03846rem;
	
}
.form-contact-home > p {
  margin: 0 0 0px 0;
}
.button_inverse {
 background-color: #fff !important;
  color: #26c9ff !important;
 padding: 11px 24px !important;
 width:120px !important;
 float: left;
 margin-top:20px; 
 
 font-size: 14px;
	font-family: "Roboto";	
}

.button_default:hover {
    background-color: #474747 !important;
    color: #fff;
}
.contacts-map-2 {
   /*  height: 68vh; */ height:56vh;
}

.icon-fave {
  font-size: 18px;
  padding-right: 10px;
}
.container-new {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  width: 1210px;
}
.fsfs {
  display: block;
  text-align: left;
  width: 40px;
}
.logo-footer {
  text-align: center;
}
.logo-footer > span {
  color: #fff;
  font-size: 14px;
	font-family: "Roboto";
}
.copy-right {
  text-align: center;
  color: #43474d;
  font-size: 14px;
	font-family: "Roboto";
}


/* ============ Testimonial ================ */

.testimonial-content {
    border-radius: 0;
    border: 2px solid #035386;
    padding: 20px 30px;
    margin-bottom: 20px;
    transition: all .3s;
    position: relative;
    background: rgba(3, 83, 134, 0.4) !important;
}

.testimonial-content-arrow-inner {border-top: 14px solid rgba(3, 83, 134, 0.4);}
.testimonial-content-arrow {border-top: 16px solid #035386;}
.testimonial-content-inner p{color:#fff;}
/*.testimonial-author h5, .testimonial-role{color:#43474d;}*/
.testimonial-author .h5, .testimonial-role{color:#43474d;}
.owl-dot{background: #43474d;}


/* ============ Contract Details ================ */

.c-div1{width: 100%; display: inline-block; border-right: 1px solid #ddd; margin: 50px 0;}
.c-div1.border-none{border-right:0;}
.c-icon {width: 20%; display: inline-block; float: left;}
.c-icon i{color:#035386; font-size: 50px;}
.c-text {width: 80%; display: inline-block; /* float: left; */}
/*.c-text h4 {coloR:#035386; font-size: 15px; margin: 0; line-height: 25px; font-weight:500;}
.c-text h4  span{color:#43474d; font-size: 19px;}*/
.c-text .h4 {coloR:#035386; font-size: 15px; margin: 0; line-height: 25px; font-weight:500;}
.c-text .h4 span{color:#43474d; font-size: 19px;}


.tab-content>.active{padding:40px 0;}
.s-box1 {width: 20%; display:inline-block; float:left; text-align: center; transition: all 0.3s ease 0s;}
.box-icon { 
	margin-right: auto;
    margin-left: auto;
    background-color: #f9f9f9;
    height: 100px;
    width: 100px;
    margin-bottom: 35px;
    display: block;
    transition: all 0.3s ease 0s;
}
.box-icon  i {line-height: 100px; font-size: 45px; color: #035386;}
.box-text h3 {font-family: "Raleway"; font-size: 15px; letter-spacing: 1px; text-transform: uppercase;}
.box-text p{font-size: 14px;  color: #43474d; line-height:24px;}
.s-box1:hover {cursor: pointer;}	
.s-box1:hover .box-icon  {background-color: #035386; transition: all 0.3s ease 0s;}
.s-box1:hover .box-icon  i {color: #fff;}

/* ===== SERVICE INNER PAGES - 17-03-2017 ===== */

.inner-text {display: inline-block; margin: 40px 0;}
.page_header_inner  #page-title h1{text-transform:uppercase !important; font-weight: 600 !important;}

.popup-section{width:100%; display:inline-block; text-align:center; border-top:1px solid #ddd; padding:25px 0;}
.popup-section button.btn {color:#fff; background: #43474d; font-size: 16px; font-weight:500; border: 1px solid #43474d; border-radius:0; padding:10px 40px; margin-bottom:0;}
.popup-section button.btn1 {color: #43474d; background: #fff; border: 1px solid #43474d;}

.modal {background-color: rgba(0, 0, 0, 0.75); width: 100%; overflow: hidden;}
.modal-content{border-radius: 0; cursor:pointer;}
.modal.in .modal-dialog {-webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); top: 19%;}
.modal-footer {margin-top: 15px; padding: 16px 0; text-align: center; border-top: 1px solid #ddd;}

/* ================ POP UP ============= */

.popupBtns {display:block; text-align:center; border-top:1px solid #ddd; padding: 25px 0 !important;}
.popup-button {display: inline-block; margin: 25px 10px 0 0;}
.popup3{display: inline-block; color:#fff; background: #43474d; font-size: 16px; font-weight:500; border: 1px solid #43474d; border-radius:0; padding:10px 40px; /* margin: 25px 12px 0 0; */}
.popup3-1{color: #43474d; background: #fff; border: 1px solid #43474d;}
.popup3:hover{color: #43474d; background: #fff; border: 1px solid #43474d;}
.popupBox3 h4{color:#43474d; font-size:19px; text-align:center; text-transform:uppercase; margin:0;}
.popupBox3 hr{width:100px; margin-top: 10px; margin-bottom: 40px; border: 0; border-top: 1px solid #035386;}

#popupBox2, #popupBox3{width: 72% !important; height: auto !important; position:fixed !important; left: 14% !important; top: 6% !important;}
#popupBox3 table{margin-bottom:0;}
#popupBox2 td, #popupBox3 td {background: #035386;}
#popupBox3 form.wpcf7-form {width: 100%; padding: 0;}
#popupBox3 input, #popupBox3 button, #popupBox3 select, #popupBox3 textarea {width:32.64%; display:inline-block; float:left; color:#555; background:#f5f5f5; border: 0; border-bottom: 1px solid #035386; border-radius: 0; outline: 0; padding: 10px 10px; margin:0;}
#popupBox3 select{margin:0 8px 0 0;}

.center-btn {width: 100%; display: inline-block; text-align: center; margin: 25px auto;}
#popupBox3 input[type=submit]{width:auto; display:inline-block; float:none; color: #fff !important; background: #035386; border: 1px solid #035386; padding:9px 40px; text-transform: uppercase;}
#popupBox3 input[type=submit]:hover{background:#43474d; border: 1px solid #43474d;}

#popupBox3 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
}
#popupBox3 input::-moz-placeholder { /* Firefox 19+ */
  color: #555;
}
#popupBox3 input:-ms-input-placeholder { /* IE 10+ */
  color: #555;
}
#popupBox3 input:-moz-placeholder { /* Firefox 18- */
  color: #555;
}

.content {width: 100%; display: inline-block; float: left; background: #f5f5f5 !important; border-top: 1px solid #035386; text-align:center; margin:25px 0 0;}
.contbox1 {width: 25%; display: inline-block; float: left; padding: 25px 5px 0;}
.contbox1  h3{color:#035386; font-size: 16px; text-transform:uppercase; margin: 0 0 10px;}

.title-h2 {
    font-size: 18px;
    font-family: "Raleway";
    color: #3e3e3e;
   /* text-transform: uppercase;*/
    position: relative;
    padding-top: 14px;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 2px;
}
.content-title-text {
    width: 100%;
    float: left;
}
.title-h2 {
    text-align: left !important;
    line-height: 24px;
    letter-spacing: 0px;
}