/* Homepage specific styling goes here. Excluded on all subpages */
/* For most builds, this stylesheet should be wiped and started fresh */

/* PRELOADER */
.preloader-outer {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	height: 100vh;
	background-color: white;
	transition: opacity 600ms ease-out;
}

.preloader-outer.active {
	visibility: visible !important;
}

.preloader-outer.preloader-remove {
	opacity: 0;
	pointer-events: none;
}

.preloader-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.preloader-inner p {
	margin-bottom: 15px;
}

.preloader-inner p:last-of-type {
	margin: 0;
}

.preloader-part {
	display: none;
	margin: 20px;
}

.preloader-part-left.active {
	display: block;
	-webkit-animation: fadeInRight 800ms ease-out;
	animation: fadeInRight 800ms ease-out;
}

.preloader-part-right.active {
	display: block;
	-webkit-animation: fadeInLeft 500ms ease-out;
	animation: fadeInLeft 500ms ease-out;
}
 
.intro-bg-image {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
    z-index: -1;
}

.intro-bg-image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.module.intro-bottom {
	position: relative;
	padding-bottom: 30px;
}

.module.intro-bottom .row {
	position: relative;
	z-index: 1;
}

.intro-bottom-left h3 {
	font-size: 52.2px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.9;
	letter-spacing: -1.57px;
	text-align: left;
	color: #47284c;
	margin-bottom: 10px;
}

.intro-bottom-left h3 strong {
	display: block;
	background-image: linear-gradient(90deg, #174d0f, #2a5f1c 30%, #699749);
	font-size: 102px;
	font-style: italic;
	line-height: 0.9;
	letter-spacing: -5.01px;
	font-family: var(--body-font-family);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	left: 40px;
}

.intro-bottom-left .module-content p {
	max-width: 417px;
	font-weight: 500;
	color:var(--gray-color);
}


.practice-list li a {
	min-height: 110px;
	margin: 8px 0;
	padding: 30px 40px 30px 35px;
	background-image: linear-gradient(to right, #58365d, #7c4684 100%);
	width: 100%;
	display: inline-flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: -0.48px;
	text-align: left;
	color: #fff;
	position: relative;
	outline: none !important;
}

.practice-list li a:hover,
.practice-list li a:focus {
	background-image: linear-gradient(to right, var(--alternate-color), var(--alternate-color) 100%);
 
}
  
.practice-list li a::after {
	content: "\f178";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	margin-left: 7px;
	right: 24px;
	font-size: 22px;
	font-weight: normal;
}
 
.module.commitment {
	position: relative;
	padding-bottom: 0;
	overflow: hidden;
}

.commt-bg-image {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
    z-index: -1;
}

.commt-bg-image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.module.commitment .row {
	position: relative;
	z-index: 1;
	display: flex;
	height: 100%;
}


.comm-left h1 {
	font-size: 55px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	letter-spacing: -1.65px;
	text-align: left;
	color: #fff;
	font-family: var(--body-font-family);
	margin-bottom: 10px;
}

.comm-left .green {
	margin-bottom: 35px;
	padding-right: 0px;	
	font-size: 18px;
}

.comm-card p.text-white {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.54px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #85a351;
	padding-bottom: 10px;
}

.row.comms-row.comms-top-row {
	padding-right: 100px;
	margin-left: -15px;
}
@media screen and (min-width: 1024px) {
	
.row.comms-row.comms-top-row .columns.medium-12.large-6.small-12 {
	width: 44%;
}
.module.partner {
	padding-bottom: 70px;
}


}
.comm-card-icon {
	height: 64px;
	display: flex;
	align-items: flex-end;
	padding-bottom: 5px;
}
.comm-card p {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #fff;
}

.row.comms-row.comms-bottom-row {
	width: 115%;
	padding-bottom: 25px;
	margin-left: -15px;
}

.comm-right.hide-for-small-only {
	position: relative;
	display: inline-flex;
	height: 100%;
	align-items: flex-end;
}

.intro-bot-right-top {
	width: 133%;
	position: absolute;
	bottom: 0;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.intro-bot-right-top img {
	width: auto;
	display: block;
}



.module.partner{
	position:relative; 	
}



.partner-bg-image{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	  z-index: -1;
}

.partner-bg-image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.comms-row {
    clear: both;
}

.comm-card {
    margin-bottom: 40px;
}


.module.partner .row {
	position: relative;
	z-index: 1;
}

.module.partner h2 {
	font-size: 52.2px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.8;
	letter-spacing: -1.57px;
	text-align: left;
	color: #47284c;
	/* background: linear-gradient(90deg, #174d0f, #2a5f1c 30%, #699749); */
	margin: 0;
}


.partner-left .module-content {
	max-width: 510px;
}

.partner-left p {
	font-weight: 500;
	color:var(--gray-color);
}
.partner-right p {
	color:var(--gray-color);
}

.partner-right-top ul li {
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: -0.4px;
	text-align: left;
	color: #15283f;
	position: relative;
	border-bottom: 2px solid #ddd;
	padding: 20px 22px 20px 50px;
	background-image: url(/wp-content/themes/paperstreet/images/partner-icon.png);
	background-repeat: no-repeat;
	background-position: left 18px;
}

.partner-right-top ul li img {
	display: none;
}

.partner-right-top ul li span {
	position: absolute;
	left: 0;
	top: 17px;
}

.partner-right-top {
	padding-right: 10px;
}
@media screen and (min-width: 280px) and (max-width: 767px) {
	.intro-bg-image {
    display: none !important;
}
.intro-bottom-left h3 strong{
	font-size: 64px !important;
	  letter-spacing: -1.08px !important;
	  margin-top: 5px; 
}

.intro-bottom-left h3{
	    font-size: 36px !important;
		    letter-spacing: -1.08px !important;
			margin-bottom: 27px !important;
}
.module.intro-bottom {
	padding-bottom: 35px !important;
	padding-top: 28px !important;
}
.practice-list li a{
	font-size: 20px !important;
}
.comm-left h1{
	font-size: 30px !important;
	  letter-spacing: -0.9px !important;
}
.commitment .row.comms-row.comms-top-row {
	padding-right: 0px !important;
	display: block !important;
}
.commitment .row.comms-row.comms-bottom-row{
	    width: 100% !important;
		display: block !important;
}
.module.commitment {
    padding-top: 45px !important;
}
.module.partner h2 {
    font-size: 50px !important;
    line-height: 1.06 !important;
}
.module.partner h2.green2 {
	line-height: normal !important;
}
.partner-right-top ul li {
    font-size: 18px !important;
    letter-spacing: -0.36px !important;
	background-position: left center !important;
 
}
.partner-right-top {
    padding-right: 0px !important;
}
.partner .partner-right-top ol, ul {
    margin: 0 0 0px 0 !important;
}
.row.footer-offices .columns.small-12.medium-6.large-4:nth-child(2) {
    padding: 0 15px 30px 15px!important;
}
.footer-offices .columns.small-12.medium-6.large-4 {
    padding-bottom: 30px !important;
}
.row.footer-offices {
    padding-right:5px !important;
    padding-left: 5px;
	padding-top: 35px !important;
	padding-bottom: 0px !important;
}
.copyright-main {
    margin-top: 0px !important;
}
.site-footer{
	padding-bottom: 0px !important;
}
.intro-bottom-left .module-content p{
	max-width: 100% !important;
	text-align: left !important;
}
.module.partner {
   padding-top: 35px !important;
    padding-bottom: 53px !important;
}
.module.commitment .comm-card {
    margin-bottom: 24px !important;
}
.partner-left .module-content {
	max-width: 100% !important;
}
.intro-bottom-left .button{
	width: 100% !important;
}
.home .show-for-medium-only{display: none !important;}
.home .show-for-large{display: none !important;}
.home .show-for-small-only{display: block !important;}
.home .commt-bg-image.show-for-small-only img{height: 100%!important;}
}

@media screen and (min-width: 768px) and (max-width: 1300px){
	.home .show-for-medium-only{display: block !important;}
	.home .show-for-large{display: none !important;}
	.home .intro-bg-image.show-for-medium-only img{height: auto!important;}
}
@media screen and (min-width: 1301px) and (max-width: 12000px){
	.home .show-for-medium-only{display: none !important;}
	.home .show-for-large{display: block !important;}
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.intro-bottom-left .module-content p {
    max-width: 100% !important;
}
.commitment .row.comms-row.comms-top-row {
	 padding-right:0px !important; 
	margin-left: 0px !important;
}
.commitment .row.comms-row.comms-bottom-row {
	width: 100% !important;
	padding-bottom: 0px !important;
	margin-left: 0px !important;
}
.intro-bot-right-top img {
	display: none !important;
}
.module.intro-bottom {
	padding-bottom: 0px !important;
	padding-top: 30px !important;
}
.module.commitment {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.partner-left .module-content {
	max-width: 100%;
}
.module.partner {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
	.module.intro-bottom .columns.medium-12.large-6.small-12.intro-bottom-left {
	width: 50% !important;
}
.module.intro-bottom .columns.medium-12.large-6.small-12.intro-bottom-right {
	width: 50%;
}
.intro-bottom-left h3 strong{
	font-size: 100px !important;
}
.intro-bottom-left h3{
	font-size: 50px !important;
}
.module.intro-bottom {
	padding-bottom: 0px !important;
	padding-top: 35px !important;
}
.commitment .row.comms-row.comms-bottom-row{
	    width: 100% !important;
}
.module.commitment{
	padding-top: 35px !important;
}
.module.partner{
padding-top: 35px !important;	
padding-bottom: 35px !important;
}
.module.partner .columns.medium-12.large-6.small-12.partner-left {
	width: 50% !important;
}
.module.partner .columns.medium-12.large-6.small-12.partner-right {
	width: 50% !important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px){
	.module.intro-bottom{
  padding-top: 40px !important;
  padding-bottom: 5px !important;
}
.module.commitment{
	 padding-top: 40px !important;
}
.module.partner{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.intro-bot-right-top {
	width: 123% !important;
}
.module.commitment .row.comms-row.comms-bottom-row {
	width: 110% !important;
}
}
@media screen and (min-width: 1920px) and (max-width: 12000px) {

 

}