/*!
Theme Name: topclosings
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: topclosings
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

topclosings is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Work with us hidden sections */

	/* High Engagement */
	.page-template-work-with-us .he{
		display: none;
	}
	/* Why Topclosing section */
	.page-template-work-with-us .rf {
		display: none;
	}


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/* Fonts */
@font-face {
    font-family: 'Mariupol';
    src: url(http://topclosings.com/wp-content/themes/topclosings/fonts/Mariupol-Bold.ttf);
	font-weight: 700;
  }
@font-face {
    font-family: 'Mariupol';
    src: url(http://topclosings.com/wp-content/themes/topclosings/fonts/Mariupol-Medium.ttf);
	font-weight: 500;
  }
@font-face {
    font-family: 'Mariupol';
    src: url(http://topclosings.com/wp-content/themes/topclosings/fonts/Mariupol-Regular.ttf);
	font-weight: 400;
  }
h1 a, h2 a, h3 a, a{
	text-decoration: none;
}
h1{
	font-family: 'Mariupol', sans-serif;
	font-size:72px;
	text-transform: capitalize;
	font-weight: 700;
	margin-top: 0;
}
.bg h1{
	color: #fff;
}
h1 span, h1 strong{
	color: #37C5E3;
}
h2{
	position: relative;
	display: flex;
	align-items: center;
	font-family: 'Mariupol',sans-serif;
	font-weight: 700;
	font-size: 40px;
	padding-left: 88px;
	text-transform: capitalize;
}
section h2{
	margin-bottom: 20px;
}
h2:before{
	position: absolute;
	content: '';
	left: 0;
	width: 76px;
	height: 4px;
	background: #37C5E3;
}
h3, h3 a{
	font-family: 'Mariupol', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	text-transform: capitalize;
	color: #101010;
}
p{
	font-family: 'Mariupol', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color:#414042;
}
a{
	font-family: 'Mariupol', sans-serif;
	font-weight: 400;
	font-size: 18px;
}
/* General */
body{
	margin: 0;
}
body.logged-in #masthead{
	margin-top: 32px;
}
img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.main-section{
	margin-bottom: 80px;
}
/* Header */
#masthead{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	background: transparent;
	padding:25px 0;
	z-index:999;
}
#masthead .container{
	display: flex;
	justify-content: space-between;
}
.site-branding{
	display: flex;
    align-items: center;
}
.site-branding .logo{
	position:relative;
	padding: 0 7px;
	z-index:1;
}
.site-branding .logo img{
	min-width: 60px;
}
.text-logo{
	padding-left: 11px;
}
.text-logo-black{
	padding-left: 11px;
	display: none;
}
#site-navigation{
	display: flex;
}
.menu-toggle, .menu-wrapper img, .menu-wrapper #menu-close{
	display: none;
}
.nav-menu{
	list-style: none;
}
.nav-menu li{
	display: inline-block;
	padding: 4px 21px;
}
.nav-menu li a{
	font-family: 'Mariupol', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
.nav-menu li a:hover{
	color: #37C5E3;
}
.nav-menu li.button a{
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	padding: 16px 32px;
	background: #fff;
	color: #414042;
	border-radius: 2px;
}
.nav-menu li.button a:hover{
	background: #37C5E3;
}
.socisals .black{
	display: none;
}
.page-template-work-with-us .socisals .black, .blog .socisals .black, .page-template-contact .socisals .black{
	display: inline-block;
}
.page-template-work-with-us .socisals .white, .blog .socisals .white, .page-template-contact .socisals .white{
	display: none;
}
/* Home */
.hero{
	position: relative;
	padding: 160px 0 120px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 80px;
	z-index:2;
}
.hero:before{
	position: absolute;
	content:'';
	left: 0;
	bottom: 0;
	height: 12px;
	width: 50%;
	background: #ECE8DF;
	z-index:3;
}
.home .hero:before{
	right: 0;
}
.hero:after{
	position: absolute;
	content: '';
	width: 100%;
	height:100%;
	left:0;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	z-index: -1;
}
.hero h1{
	margin-top: 80px;
}
.hero p{
	font-family: 'Mariupol', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
.hero .container{
	z-index: 3;
}
.hero h1{
	margin-bottom: 32px;
	line-height: 69px;
}
.hero p{
	margin-bottom: 32px;
	text-decoration: none;
}
.button{
	font-family: 'Mariupol', sans-serif;
	font-weight: bold;
	line-height: 15px;
	display: inline-flex;
	align-items: center;
	text-transform: capitalize;
	border-radius: 2px;
	color: #414042;
	padding: 16px 32px;
	text-decoration: none;
}
.home-slider{
	padding-left: 60px;
}
#mob{
	display: none;
}
.slider-nav .slick-dots{
	position: static;
	display: flex;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.slider-nav .slick-dots li{
	margin-right: 10px;
}
.slider-nav .slick-dots li button{
	display: block;
    font-size: 0px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ECE8DF;
    padding: 0;
    margin: 0;
    border: 0;
    appearance: none;
}
.slider-nav .slick-dots li.slick-active button{
	width: 50px;
	background: #37C5E3;
	border-radius: 3px;
}
.hero .button{
	background: #ECE8DF;
	margin-bottom: 66px;
}
.hero .button:hover{
	background: #37C5E3;
}
.button.black{
	background: #101010;
	border: 2px solid #101010;
	color: #fff;
}
.button.black:hover{
	background: #fff;
	border: 2px solid #101010;
	color: #101010;
}
.button.gray{
	background: #EDEDED;
	color: #414042;
}
.button.gray:hover{
	background: #37C5E3;
}
.button.white{
	background: #fff;
	color: #414042;
}
.button.blue{
	background: #37C5E3;
	border: 2px solid #37C5E3;
	color: #414042;
}
.button.blue:hover{
	background: #fff;
	border: 2px solid #37C5E3;
	color: #37C5E3;
}
.button.outline.white{
	background: transparent;
	color: #fff;
	border: 2px solid #FFFFFF;
	border-radius: 3px;
}
.button.beige{
	background: #ECE8DF;
}
.home-slider{
	text-align: right;
	/*margin-bottom: -40px;*/
}
.home-slider img{
	box-shadow: 0px 6px 60px rgba(0, 0, 0, 0.2);
	border-radius: 12.0788px;
}
.full-wide .container-fluid{
	padding: 0;
}
.full-wide .row{
	align-items: center;
	max-width: 100%;
}
.full-wide ul{
	list-style: none;
	padding-left: 24px;
}
.full-wide ul li{
	font-size: 24px;
	margin-bottom: 20px;
}
.full-wide ul li:before{
	content: "\2022";
	color: #ECE8DF; 
	display: inline-block;
	width: 1em; 
	margin-left: -1em;
}
.full-wide .img-container{
	position: relative;
	width: fit-content;
	padding-left: 4px;
}
.full-wide .img-container:before{
	position: absolute;
	content:'';
	left: 0;
	bottom:-12px;
	height: 12px;
	width: calc(100% - 4px);
	background: #ECE8DF;
	z-index:3;
}
.full-wide .slider-nav .slick-dots{
	justify-content: center;
}
.full-wide .slider-nav .slick-dots li button{
    background: #37C5E3;
	opacity: 0.5;
}
.full-wide .slider-nav .slick-dots li.slick-active button{
	opacity: 1;
}
.blog-section .container:first-child{
	margin-bottom:40px;
}
.blog-section .col-md-5{
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.blog-section h3 a{
	color: #101010;
}
.blog-section .col-md-4{
	position: relative;
	padding-bottom: 50px;
}
.blog-section .col-md-4 *{
	margin-bottom: 20px;
}
.blog-section time{
	display: block;
	position:relative;
	font-family: 'Mariupol', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #414042;
	padding-left: 16px;
	padding-bottom: 8px;
	margin-bottom: 32px;
}
.blog-section time:before{
	position:absolute;
	content: '';
	left: 0;
	top:3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ECE8DF;
}
.blog-section time:after{
	position:absolute;
	content: '';
	left: 0;
	bottom: -8px;
	width: 270px;
	height: 4px;
	background: #37C5E3;
}
.blog-section .col-md-4 .button{
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 0;
}
.he{
	margin-bottom: 120px;
}
.he .col-md-12{
	display:flex;
	align-items: center;
	justify-content:space-between;
}
.he .col-md-12 a{
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 16px;
	color: #414042;
	padding-right: 40px;
}
.he .col-md-12 a:before{
	position: absolute;
	content: '';
	top: -6px;
	right: 0;
	height: 32px;
	width: 32px;
	background: url(../../uploads/2023/01/la_eye.svg) center no-repeat;
	background-size: contain;
}
.he .container.square-box{
	margin-bottom: 30px;
}
.he .square{
	position: relative;
	padding: 35px 18px 50px;
	border-radius: 3px;
	height: 100%;
	background: #000 !important;
}
.he .square h3, .he .square p{
	color: #fff !important;
}
.he .col-md-4{
	margin-bottom: 20px;
}
.he .col-md-4:first-child .square{
	background: #000;
}
.he .col-md-4:nth-child(2) .square{
	background: #414042;
}
.he .col-md-4:nth-child(2) .square h3, .he .col-md-4:nth-child(2) .square p, .he .col-md-4:nth-child(5) .square h3, .he .col-md-4:nth-child(5) .square p{
	color: #fff;
}
.he .col-md-4:nth-child(5) .square{
	background: #37C5E3;
}
.he .col-md-4:nth-child(6) .square{
	background: #000;
}
.he .col-md-4:first-child .square h3, .he .col-md-4:nth-child(6) .square h3{
	color: #fff;
}
.he .col-md-4:first-child .square p, .he .col-md-4:nth-child(6) .square p{
	color: #fff;
}
.he .col-md-4 .square.beige{
	background: black;
}
.he .col-md-4 .square.d-gray{
	background: #414042;
}
.he .col-md-4 .square.blue{
	background: #37C5E3;
}
.he .col-md-4 .square.white{
	background: #fff;
}
.he .col-md-4 .square.white h3, .he .col-md-4 .square.white p{
	color:#000;
}
.he .square img{
	display: inline-block;
	width: 100px;
	margin-bottom: 40px;
}
.he .square h3{
	margin-bottom: 35px;
}
.he .square p{
	position: absolute;
	top: 300px;
	font-size: 13px;
}
.he .square.d-gray h3, .he .square.blue h3, .he .square.beige h3{
	color: #fff;
}
.he .square.d-gray p, .he .square.blue p, .he .square.beige p{
	color: #fff;
}
.popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.50);
	backdrop-filter: blur(7.5px);
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
.statistic{
	position: relative;
}
.popup #pop-close{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 32px;
	height: 32px;
	background: url(http://topclosings.com/wp-content/uploads/2023/07/la_times-circle.svg) center no-repeat;	
}
.popup .screenshot{
	padding: 50px;
}
.quote{
	padding: 15px 0 40px;
	background: #EDEDED;
}
.quote .logo-wrapper{
	display: inline-block;
	padding: 62px 45px 55px;
	background: #ECE8DF;
	border-top: 12px solid #37C5E3;
	margin-top: -60px;
	margin-bottom: 16px;
}
.quote .logo-wrapper img{
	min-width: 180px;
}
.quote h3{
	margin-bottom: 8px;
}
.quote p{
	margin-bottom: 0;
}
.quote .col-md-8{
	display: flex;
	align-items: center;
}
.quote .col-md-8 p{
	position:relative;
	font-size: 24px;
	font-weight: 500;
	text-transform: capitalize;
}
.quote .col-md-8 p:before{
	position: absolute;
	content: '';
	width: 65px;
	height: 50px;
	left: -36px;
	top: -26px;
	background: url(../../uploads/2023/01/quote-mark-blue.svg) center no-repeat;
	background-size:  contain;
}
.quote .col-md-8 p:after{
	position: absolute;
	content: '';
	width: 65px;
	height: 50px;
	right: 10px;
	bottom: 5px;
	background: url(../../uploads/2023/01/quote-mark-blue.svg) center no-repeat;
	background-size:  contain;
}
.hiw .row .col-md-4.beige-bg{
	background:#fff;
}
.hiw .row .col-md-4.beige-bg h2, .hiw .row .col-md-4.beige-bg p{
	color: #000;
}
.hiw .col-md-4{
	padding: 24px 16px;
}
.hiw .col-md-4 h2{
	font-weight: 700;
	font-size: 40px;
	line-height: 130%;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.hiw .beige-bg h2:before{
	left: 0;
	bottom: 0;
	width: 90px;
	height: 4px;
	background: #414042;
}
.hiw .col-md-4 h2:before{
	left: 0;
	bottom: 0;
	width: 90px;
	height: 4px;
	background: #ECE8DF;
}
.hiw .beige-bg h2:before{
	background: #414042;
}
.hiw .col-md-4 a{
	background: #37C5E3;
	border: 2px solid #37C5E3;
	margin-top: 25px;
}
.hiw .col-md-4 a:hover{
	background: #fff;
	border: 2px solid #37C5E3;
	color: #37C5E3;
}
.testimonials{
	padding: 40px 0 60px;
	background: #101010;
}
.testimonials .container-fluid{
	padding-left: calc((100vw - 1320px) / 2);
}
.testimonials .container-fluid .test-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.testimonials h2{
	width: 100%;
	margin-bottom: 60px;
}
.testimonials .testimonial{
	position: relative;
	width: 30%;
	padding-top: 35px;
	padding-right:40px;
	background-size: 60% 40%;
	background-position: top right;
	background-repeat: no-repeat;
}
/*.testimonials .testimonial:before{
	position: absolute;
	content: '';
	width: 70%;
    height: 50%;
	top: 0;
	right: 0;
	background:  url(../../uploads/2023/01/Frame.svg) center no-repeat;
}*/
.testimonials h2, .testimonials h3, .testimonials p, .testimonials .price{
	color:#fff;
}
.testimonials h3, .testimonials p{
	align-self: flex-start;
}
.testimonials .price{
	position: relative;
	font-size: 24px;
	padding-left: 16px;
	align-self: flex-end;
	margin-bottom: 0;
}
.testimonials .price:before{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ECE8DF;
	left: 0;
	top: 14px;
}
.testimonials .text-wrapper{
	height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.home-faq .row > .col-md-6:first-child{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.home-faq h2{
	align-self: flex-start;
}
.home-faq h3{
	width: 100%;
	margin-bottom: 16px;
}
.home-faq input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.home-faq .tabs{
	margin-top: 60px;
}
.tabs {
  overflow: hidden;
}
.tab {
  width: 100%;
  color: #414042;
  overflow: hidden;
	margin-bottom: 24px;
}
.tabs .tab:last-child{
	margin-bottom: 0;
}
.tab-label {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 16px 42px 16px 16px;
	background: white;
	font-family: 'Mariupol', sans-serif;
	font-size: 24px;
	font-weight: 400;
	cursor: pointer;
	border-bottom: 4px solid #37C5E3;
  /* Icon */
}
.tab-label:before{
	position: absolute;
	content: '';
	left: 0;
	top: 30px;
	width: 8px;
	height: 8px;
	background: #37C5E3;
	border-radius: 50%;
}
.tab-label::after {
	position: absolute;
	content: "";
	right: 0;
	top: 18px;
	width: 33px;
	height: 33px;
	background: url(../../uploads/2023/01/Vector-4.svg) center no-repeat;
	background-size: 13px 7px;
	padding: 13px 10px;
	transition: all 0.35s;
}
.tab-content {
	font-family: 'Mariupol', sans-serif;
	font-size: 18px;
	max-height: 0;
	height: 0;
	padding: 0 1em;
	color: #2c3e50;
	background: white;
	transition: all 0.35s;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
input:checked + .tab-label {
	font-weight: 500;
	border-bottom: 0;
}
input:checked + .tab-label:before{
	background: #ECE8DF;
}
input:checked + .tab-label::after {
  transform: rotate(180deg);
	background-color: #37C5E3;
}
input:checked ~ .tab-content {
	height: auto;
	max-height: 100vh;
	padding: 10px 10px 10px 16px;
	border-bottom: 4px solid #ECE8DF;
}
/* footer */
#colophon{
	padding: 50px 0;
	background: #101010;
}
#colophon .site-info{
	display: flex;
	align-items:center;
	justify-content: space-between;
}
.socisals img{
	display: inline-block;
	margin-left: 32px;
	width: 32px;
}
/* Why work with us */
.page-template-work-with-us .text-logo{
	display: none;
}
.page-template-work-with-us .text-logo-black{
	display: block;
}
.page-template-work-with-us .nav-menu li a{
	font-weight: 700;
	color: #414042;
}
.page-template-work-with-us .nav-menu li.button{
	padding: 0;
}
.page-template-work-with-us .nav-menu li.button a {
    background: #414042;
    color: #fff;
}
.wwu-hero{
	padding-top: 140px;
}
.wwu-hero h1{
	margin-bottom: 25px;
	letter-spacing: -0.04em;
}
.wwu-hero .col-md-2, .wwu-hero .col-md-5{
	display: flex;
    flex-wrap: wrap;
}
.wwu-hero h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 19px;
	letter-spacing: -0.04em;
	color: #414042;
}
.number{
	display: flex;
    flex-wrap: wrap;
	width: 100%;
	padding: 15px 20px 10px;
	background: #F8F8F8;
	margin-bottom: 20px;
}
.numbers .number:last-child{
	margin-bottom: 0;
}
.number h3{
	margin-bottom: 10px;
}
.number p{
	margin-bottom: 0;
}
.number .green{
	position: relative;
	display: inline-block;
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 30px;
	letter-spacing: -0.04em;
	color: #00C850;
	margin-bottom: 0;
}
.number .green:after{
	position: absolute;
	content: '%';
	right: -15px;
	top: -10px;
	font-family: 'Mariupol',sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #00C850;
}
.number .semibold{
	width: 100%;
	font-weight: 500;
	font-size: 20px;
	color: #414042;
	margin-bottom: 20px;
}
.graph{
	display: flex;
    flex-wrap: wrap;
	width: 100%;
	padding: 15px 20px 10px;
	background: #F8F8F8;
	margin-bottom: 20px;
}
.graph:last-child{
	margin-bottom: 0;
}
.locations h3{
	margin-bottom: 20px;
}
.locations img{
	max-width: 80%;
	margin-bottom: 30px;
}
.location{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 4px solid #EDEDED;
	transition: all ease 0.5s;
}
.location div{
	position: absolute;
	content: '';
	bottom: -4px;
	width: 0%;
	height: 4px;
	background: #37C5E3;
}
.locations .location:last-child{
	margin-bottom: 0;
}
.location p{
	font-weight: 500;
	font-size: 20px;
	line-height: 19px;
	letter-spacing: -0.04em;
	margin-bottom: 0;
}
.details .container{
	margin-bottom: 30px;
}
.details h3{
	font-weight: 700;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.details h4{
	font-family: 'Mariupol',sans-serif;
	font-weight: 700;
	font-size: 64px;
	line-height: 130%;
	text-transform: capitalize;
	color: #37C5E3;
	margin-bottom: 15px;
}
.details img{
	max-width: 345px;
}
.details p{
	max-width: 550px;
}
.cta{
	padding: 45px 0 40px;
	background: #37C5E3;
	margin-bottom: 0;
}
.cta img{
	max-width: 300px;
	margin-bottom: -80px;
}
.cta h2{
	color: #fff;
	padding: 0;
}
.cta h2:before{
	display: none;
}
.cta p{
	color: #fff;
}
.logo-slider{
	padding: 100px 0 40px;
	background:  url(../../uploads/2023/02/Vector-5.svg) bottom right 10% no-repeat;
	background-size: 250px;
}
.logo-slider h2{
	display: inline-flex;
}
.logo-slider h2:after{
	position: absolute;
	content:'';
	width: 52px;
	height: 52px;
	right: -62px;
	background:  url(../../uploads/2023/02/Group-44.svg) center no-repeat;
}
#logo-slider .slick-track{
	display: flex;
	align-items: center;
}
.logo-slide{
	padding: 0 24px;
}
.logo-slide img{
	max-height: 100px;
	width: auto;
}
.exapmle-image{
	display: none;
}
.rf h2{
	max-width: 600px;
}
.rf h2:before{
	top: 22px;
}
.rf .col-md-6 .exapmle-image:first-child{
	display: block;
}
.rf .col-md-6:last-child{
	position: relative;
	padding-left: 80px;
}
.rf p{
	position: relative;
	font-size: 24px;
	padding: 16px;
	border-bottom: 4px solid #ECE8DF;
}
.rf p:before{
	position: absolute;
	content: '';
	left: 0;
	top: 34px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ECE8DF
}
.rf p.active{
	font-weight: 700;
}
.rf .contact{
	position: absolute;
    bottom: 40px;
}
/* Submit request page */
.page-template-form-page .hero:before{
	left: auto;
    right: 0;
}
.page-template-form-page .hero{
	background: #000;
	padding-bottom: 60px;
}
.page-template-form-page .hero h1{
	margin-top: 60px;
}
.page-template-form-page .hero .button{
	margin-bottom: 50px;
}
.page-template-form-page .hero img{
	display: block;
	height: 150px;
	width: 32px;
	margin-left: 0;
	margin-right: auto;
}
.steps h3 {
	display: flex;
	position: relative;
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 130%;
	padding-bottom: 30px;
}
.steps h3:before{
	content:'';
	position: absolute;
	width: 138px;
	height: 32px;
	left: 0;
	bottom: 0;
	background: url(../../uploads/2023/05/beige-arrow.svg) center no-repeat;
}
.steps h3 img{
	width: 50px;
}
.main-section.form{
	margin-bottom: 0;
}
.main-section.form form > p{
	margin-bottom: 0;
	margin-left: 100px;
}
.main-section.form h3{
	position: relative;
	display: flex;
	align-items: center;
}
.main-section.form .stacked h3{
	margin-bottom: 40px;
}
.main-section.form h3:before{
	content: '';
	position: absolute;
	left: 275px;
	width: calc(84vw - 270px);
	height: 2px;
	background: #ECE8DF;
}
.main-section.form .stacked h3:before{
	width: calc(84vw - 275px);
	left: 275px;
}
.main-section.form h3 img{
	margin-right: 20px;
	width: 46px;
}
#my-img-preview{
	max-width: 270px;
}
.main-section.form h4{
	font-family: 'Mariupol', sans-serif;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 24px;
}
.main-section.form h4 img{
	position: absolute;
	width: 24px;
	height: 24px;
	left: -40px;
}
.main-section.form .col-md-9 p{
	margin-top: 22px;
	padding:25px 0 55px;
	margin: 10px 0 0;
}
.main-section.form .stacked .container .col-md-9 p{
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.main-section.form .stacked input[name="estate-area"], .main-section.form .stacked input[name="territory-area"]{
	padding-left: 32px;
}
.main-section.form  input.wpcf7-multifile{
	padding-left: 0;
}
input[name='estate-photos[]']{
	border: 0 !important;
}

.main-section.form input::file-selector-button{
	font-family: 'Mariupol', sans-serif;
    font-weight: bold;
    line-height: 15px;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    border-radius: 2px;
    color: #414042;
    padding: 16px 32px;
    text-decoration: none;
	background: #ECE8DF;
	border: 0;
}
.file-upload .col-md-9 > p, .mfcf7_zl_delete_file{
	display: none;
}
.mfcf7-zl-multiline-sample , .mfcf7-zl-multiline-sample #gallery-photo-add{
	display: block !important;
}
.gallery{
	display: flex;
	flex-direction: row;
	padding: 0 12px;
	flex-wrap: wrap;
}
.gallery .parent-span{
	display: block;
	position: relative;
	max-width: calc(25% - 20px);
	width: 100%;
	padding-right: 20px;
	padding-bottom: 20px;
}
.gallery .parent-span .remove{
	position: absolute;
	padding: 11px;
	background: #fff;
	top: 8px;
	right: 27px;
}
.main-section.form label{
	width: 90%;
	font-family: 'Mariupol',sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 24px;
}
.main-section.form input, .main-section.form textarea{
	width: 100%;
	margin-top: 16px;
	padding: 17px 15px 16px;
	border: 1px solid #EDEDED;
	font-weight: 500;
}
.main-section.form input::placeholder, .main-section.form textarea::placeholder{
	font-weight: 400;
	color: #8D8D8D;
}
.main-section.form  .wpcf7-radio .wpcf7-list-item{
	display: block;
}
.main-section.form  .wpcf7-radio .wpcf7-list-item input{
	width: auto;
}
.main-section.form  .wpcf7-radio .wpcf7-list-item  .wpcf7-list-item-label{
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 17px;
}
.main-section.form .wpcf7-number{
	width:340px;
	position: relative;
    padding: 17px 50px 16px;
    text-align: center;
	appearance: none;
}
.main-section.form .quantity-nav{
    position: absolute;
    right: 0;
    top: -9px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.main-section.form .quantity-nav .quantity-button{
	padding: 0 32px;
	margin: 0 1px;
	appearance: none;
	background: #fff;
	border: 0;
}
.main-section.form label.no-border input{
	border: 0;
	padding-left: 0;
	margin-top: 0;
}
.wpcf7-form-control-wrap[data-name="price"] input{
	padding-left: 44px;
}
.wpcf7-form-control-wrap[data-name="price"]:before{
	position: absolute;
	content:'$';
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	color: #414042;
	left: 32px;
    top: -4px;
}
.main-section.form .beige-bg{
	margin-top: 100px;
	padding: 50px 0 75px;
	background: #ECE8DF;
}
.main-section.form .beige-bg h3:before{
   background: #fff;
}
.main-section.form .wpcf7-checkbox .wpcf7-list-item{
	display: block;
	margin-left: 0;
}
.main-section.form .wpcf7-checkbox input{
	width: auto;
}
.main-section.form .wpcf7-submit{
	width: auto;
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	padding: 16px 32px;
	border: 2px solid #414042;
	border-radius: 2px;
}
/* Payment  */
.page-template-payment-page .text-logo{
	display: none;
}
.page-template-payment-page .text-logo-black{
	display: block;
}
.page-template-payment-page .container-fluid{
	height:100vh;
}
.page-template-payment-page .container-fluid .row{
	height: 100%;
}
.page-template-payment-page .container-fluid .row .col-md-6:first-child{
	padding-left: calc((100vw - 1320px) / 2);	
}
.page-template-payment-page .container-fluid .row .col-md-6:last-child{
	background-size: cover;
	background-repeat: no-repeat;
}
.payment-icon-block{
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: 100% 80px;
	padding-top: 175px;
	margin-top: 100px;
}
.payment-icon-block h1{
	font-size: 48px;
	line-height: 46px;
	letter-spacing: -0.04em;
}
.payment-icon-block p{
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	margin-bottom: 70px;
}
.page-template-payment-page label{
	margin-bottom: 40px;
}
.page-template-payment-page label span{
	padding-left: 18px;
}
/* Blog */
.blog .text-logo-black {
    display: block;
}
.blog .text-logo {
    display: none;
}
.blog  .nav-menu li a {
    font-weight: 700;
    color: #414042;
}
.blog li.button a {
    background: #414042;
    color: #fff;
}
.title-wrapper{
	background-repeat: no-repeat;
    background-position: bottom right 60px;
	padding: 100px 0 100px;
	margin: 100px 0 -55px;	
}
.row.blog-section .col-md-4{
	margin-bottom: 40px;
}
/* Blog post */
.single-post #primary > .container{
	max-width: 100%;
	padding: 0;
}
.single-post .entry-header{
	padding: 190px 0 25px;
	margin-bottom: 50px;
	background: #000 !important;
	background-size: cover;
}
.single-post .entry-header a{
	display: block;
    position: relative;
	font-weight: 700;
	font-size: 16px;
	line-height: 15px;
	display: flex;
	align-items: center;
	text-transform: capitalize;
	color: #fff;
	padding-left: 37px;
	margin-bottom: 25px;
}
.single-post .entry-header a:before{
	position: absolute;
	content: '';
	left: 0;
	top: -5px;
	width: 24px;
	height: 24px;
	background: url(../../uploads/2023/06/la_long-arrow-alt-left.svg) center no-repeat;
}
.single-post .entry-header h1{
	font-weight: 700;
	font-size: 48px;
	line-height: 46px;
	letter-spacing: -0.04em;
	color: #fff;
	margin-bottom: 32px;
}
.single-post .entry-header time{
    display: block;
    position: relative;
    font-family: 'Mariupol', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
    padding-left: 16px;
}
.single-post .entry-header time:before {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}
.slider-wrapper .slider-nav{
	margin-top: 15px;
}
.slider-wrapper .slider-nav .slick-dots{
	justify-content: center;
}
.slider-wrapper .slider-nav .slick-dots li button{
    background: #37C5E3;
	opacity: 0.5;
}
.slider-wrapper .slider-nav .slick-dots li.slick-active button{
	opacity: 1;
}
.single-post .entry-content img{
	width: auto;
}
.single-post .entry-content{
	margin-bottom: 65px;
}
/* Contact page */
.page-template-contact .text-logo-black {
    display: block;
}
.page-template-contact .text-logo {
    display: none;
}
.page-template-contact  .nav-menu li a {
    font-weight: 700;
    color: #414042;
}
.page-template-contact li.button a {
    background: #414042;
    color: #fff;
}
.contact-page{
	padding-top: 175px;
}
.contact-page h1{
	font-size: 40px;
	line-height: 39px;
	letter-spacing: -0.04em;
	margin-bottom: 45px;
}
.contact-wrapper{
	position: relative;
	padding: 50px 30px;
	/*padding-bottom: 320px;*/
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: left 20px bottom 17px;
}
.contact-wrapper:before{
	content: '';
	position: absolute;
	width: 335px;
	height: 261px;
	left: 20px;
	bottom: 17px;
	background-size: cover;
}
.contact-link{
	display: block;
	position: relative;
	font-weight: 500;
	font-size: 24px;
	line-height: 23px;;
	letter-spacing: -0.04em;
	color: #fff;
	text-decoration: none;
	padding: 11.5px 0 11.5px 66px;
	margin-bottom: 24px;
}
.contact-link:before{
	position: absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	content: '';
	width: 46px;
	height: 46px;
	left: 0px;
	top: 0px;
	background-color: #37C5E3;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 2px;
		
}
.contact-link.email:before{
	background-image:url(http://topclosings.com/wp-content/uploads/2023/11/la_envelope-solid.svg);
}
.contact-link.phone:before{
	background-image:url(http://topclosings.com/wp-content/uploads/2023/11/la_mobile-alt.svg);
	
}
.contact-link.inst:before{
	background-image:url(http://topclosings.com/wp-content/uploads/2023/11/la_instagram-2.svg);
}
.contact-page h2{
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 24px;
	padding: 0;
}
.contact-page h2:before{
	display: none;
}
.contact-page label{
	width: 100%;
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 19px;
	text-transform: capitalize;
	color: #414042;
	margin-bottom: 24px;
}
.contact-page input, .contact-page textarea{
	width: 100%;
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 15px;
	padding: 17px 13px 16px;
	border: 1px solid #EDEDED;
	border-radius: 2px;
	margin-top: 16px;
}
.contact-page input[type=submit]{
	width: auto;
	font-family: 'Mariupol';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 15px;
	color: #414042;
	background: #fff;
	padding: 16px 32px;
	border: 2px solid #414042;
	border-radius: 2px;
	margin-bottom: 70px;
}
.mobile{
		display: none;
	}
@media (max-width: 1180px) and (min-width: 601px){
	.site-branding .logo{
		padding: 0 4px;
	}
	.home .site-branding .logo:before{
		top: -25px;
		height: 142px;
	}
	.site-branding .logo img{
		min-width: 32px;
		width: 32px;
		padding: 0;
	}
	.text-logo, .text-logo-black{
		width: 157px;
	}
	.menu-toggle{
		display: flex;
		padding: 10px;
		background: #ECE8DF;
		border: 0;
	}
	.menu-toggle img{
		width: 18px;
		height: 14px;
	}
	.menu-wrapper{
		display: none;
		width: 100%;
		justify-content: center;
		position: fixed;
		top: 0;
		height: 100vh;
		left: 0;
		padding: 100px 50px;
		flex-wrap: wrap;
		background: #000;
		z-index: 999;
	}
	.menu-wrapper img{
		max-width: 50%;
	}
	.menu-wrapper img, .menu-wrapper #menu-close{
		display: block;
	}
	.menu-wrapper #menu-close{
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 10px;
		cursor: pointer;
	}
	.menu-wrapper #menu-close img{
		width:30px;	
	}
	.admin-bar .menu-wrapper #menu-close{
		top: 56px;
	}
	.menu-main-menu-container{
		width: 100%;
	}
	#primary-menu{
		padding: 0;
		margin-top: 50px;
	}
	.nav-menu li{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	.nav-menu li a{
		font-size: 20px;
		line-height: 130%;
		color: #FFF !important;
	}
	/*.nav-menu li.button a{
		background: #414042;
		color: #fff;
	}*/
}
@media (max-width: 1023px) and (min-width: 768px){
	.wwu-hero .col-md-2{
		width: 20%;
	}
	.wwu-hero .col-md-5{
		width: 40%;
	}
	.graph{
		display: block;
	}
}

@media (max-width: 600px){
	 h1{
		font-size: 44px;
	}
	h2{
		padding-left: 0;
		margin-top: 15px;
	}
	h2:before{
		top: -12px;
	}
	.site-branding .logo{
		padding: 0 4px;
	}
	.home .site-branding .logo:before{
		top: -25px;
		height: 142px;
	}
	.site-branding .logo img{
		min-width: 32px;
		width: 32px;
		padding: 0;
	}
	.text-logo, .text-logo-black{
		width: 157px;
	}
	.menu-toggle{
		display: flex;
		padding: 10px;
		background: #ECE8DF;
		border: 0;
	}
	.menu-toggle img{
		width: 18px;
		height: 14px;
	}
	.menu-wrapper{
		display: none;
		width: 100%;
		justify-content: center;
		position: fixed;
		top: 0;
		height: 100vh;
		left: 0;
		padding: 150px 50px;
		flex-wrap: wrap;
		background: #000;
		z-index: 999;
	}
	.menu-wrapper img, .menu-wrapper #menu-close{
		display: block;
	}
	.menu-wrapper #menu-close{
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 10px;
		cursor: pointer;
	}
	.admin-bar .menu-wrapper #menu-close{
		top: 56px;
	}
	#primary-menu{
		padding: 0;
		margin-top: 80px;
	}
	.nav-menu li{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	.nav-menu li a{
		font-size: 20px;
		line-height: 130%;
		color: #fff !important;
		font-weight: 400 !important;
	}
	.nav-menu li.button a{
		background: #fff !important;
		color: #414042 !important;
	}
	.mobile{
		display: block;
	}
	.main-section {
		margin-bottom: 60px;
	}
	.hero{
		padding: 144px 0 25px;
	}
	.home .hero:before{
		display: none;
	}
	.hero h1{
		font-size: 44px;
		line-height: 1;
		text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		letter-spacing: -1.76px;
		margin-top: 0;
	}
	.hero .row .col-md-6:first-child .slider-nav{
		display: none;
	}
	.hero .button{
		display: none;
	}
	.hero .button.mobile{
		display:block;
		margin: 30px 0;
	}
	.button{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.hero .row .col-md-6 #mob{
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}
	.hero .home-slider{
		padding: 0;
		margin-right: 0;
	}
	.full-wide .container-fluid {
		padding: 0 12px;
	}
	.full-wide .row {
		flex-wrap: wrap-reverse;
		max-width: max-content;
	}
	.full-wide .img-container{
		padding-left: 0;
	}
	.full-wide .img-container:before{
		width: 100%;
	}
	.blog-section .col-md-5{
		display: none;
	}
	.blog-section .col-md-4{
		margin-bottom: 24px;
	}
	.blog-section .col-md-4 .button{
		display: block;
		left: 12px;
		width: calc(100% - 24px);
		text-align: center;
	}
	.blog-section .button.black{
		text-align: center;
	}
	.he{
		margin-bottom: 110px;
	}
	.he .col-md-12{
		flex-wrap: wrap;
	}
	.he .col-md-12 a{
		margin-bottom: 15px;
	}
	.popup .screenshot{
		padding: 0;
	}
	.quote .logo-wrapper{
		margin-bottom: 40px;
	}
	.quote .logo-wrapper img{
		min-width: 90px;
	}
	.quote .col-md-4 > h3, .quote .col-md-4 > p{
		display: none;
	}
	.quote .col-md-8 p:before{
		left: -4px;
   		top: -20px;
	}
	.quote .col-md-8 p{
		margin-bottom: 40px;
	}
	.hiw .row{
		margin: 0;
	}
	.hiw .col-md-12{
		padding: 0;
	}
	.testimonials .container-fluid{
		padding: 0 12px;
	}
	.testimonials .testimonial{
		width: 100%;
	}
	.home-faq .row .col-md-6:first-child .wrapper{
		display: none;
	}
	.home-faq .row .wrapper{
		margin-top: 30px;
	}
	/* Form page mobile */
	.page-template-work-with-us .menu-toggle{
		background: #414042;
	}
	.steps .row .col-md-3{
		margin-bottom: 50px;
	}
	.steps .row .col-md-3:last-child{
		margin-bottom: 0px;
	}
	.main-section.form h3:before{
		left: auto;
		right: 0;
    	width: calc(84vw - 200px);
	}
	.main-section.form .stacked h3:before {
		width: calc(84vw - 250px);
		left: auto;
		right: 0;
	}
	.main-section.form h4{
		padding-left: 40px;
	}
	.main-section.form label{
		width: 100%;
	}
	.main-section.form .col-md-9 p{
		padding: 16px 0 32px;
	}
	.main-section.form h4 img{
		left: 0;
	}
	.file-upload{
		margin-bottom: 32px;
	}
	.main-section.form .beige-bg{
		margin-top: 0;
	}
	/* Work with us */
	.wwu-hero {
		padding-top: 60px;
	}
	.wwu-hero h1{
		font-size: 44px;
		letter-spacing: -1.76px;
	}
	.wwu-hero .col-md-2, .wwu-hero .col-md-5{
		justify-content: space-between;
	}
	.number{
		width: 48.5%;
	}
	.numbers .number:last-child {
		margin-bottom: 20px;
	}
	.details h4{
		font-size: 40px;
	}
	.details img{
		max-width: 50%;
	}
	.details .container {
		margin-bottom: 0px;
	}
	.details .container .col-md-6{
		margin-bottom: 30px;
	}
	.cta img{
		max-width: 50%;
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 0;
	}
	.cta h2{
		font-size: 24px;
	}
	.logo-slider h2:after{
		right: 0;
	}
	.rf h2:before{
		top: -12px;
	}
	.rf .col-md-6:last-child{
		padding-left: 12px;
	}
	.rf .contact{
		position: static;
	}
	/* Blog */
	.blog .menu-toggle{
		background: #414042;
	}
	.title-wrapper {
		background-repeat: no-repeat;
		background-position: bottom right;
		padding: 40px 0 45px;
		margin: 40px 0 0;
		background-size: 190px 150px;
	}
	.blog .title-wrapper h1{
		margin-bottom: 30px;
	}
	/* Blog post */
	.single-post .entry-header {
		padding: 90px 0 75px;
		margin-bottom: 25px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	.single-post .entry-header h1{
		font-size: 32px;
	}
	/* Contact */
	.page-template-contact .nav-menu li a{
		color: #fff;
	}
	.contact-wrapper:before{
		display: none;
	}
	.page-template-contact .menu-toggle{
		background: #414042;
	}
	.contact-page h1{
		margin-bottom: 10px;
	}
	.contact-wrapper:before {
		top: -130px;
		left: auto;
		right: 0;
		height: 150px;
		background-size: contain !important;
		background-position: center right !important;
	}
	.contact-page input[type=submit]{
		width: 100%;
		margin-bottom: 30px;
	}
	/* Footer */
	#colophon .site-info{
		justify-content: center;
    	flex-wrap: wrap;
	}
	.footer-logo{
		margin-bottom: 18px;
	}
}