/* Agents */
.ip-banner,
#breadcrumbs,
header.header,
footer.footer {
	display: none;
}
#inner-page-wrapper {
/*	padding-top: 107px;*/
	padding-bottom: 0;
}
	#inner-page-wrapper > .container {
		width: 100%;
		padding: 0
	}

#content-full {
	margin-top: 0;
}

#ip-password-protected {
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-flow: row wrap;
}
	.ip-pp-header {
		position: relative;
		width: 7.563%;
		z-index: 2;
		background: #fff;
	}
		.ip-pp-header img {
		    position: absolute;
/*		    width: min(18.875vw, 302px);*/
			width: 302px;
		    transform: rotate(-90deg);
		    z-index: 1;
		    transform-origin: right;
		    right: 0;
		    top: -2px;
		}
	.ip-pp-body {
		position: relative;
		width: 92.437%;
		background: url(../../images/password-protected/bg-password-protected.jpg) center/cover no-repeat;
	}
		.ip-pp-body:before,
		.ip-pp-body:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: block;
		}
		.ip-pp-body:before {
			background: #000;
			opacity: 0.4;
		}
		.ip-pp-body:after {
			width: 268px;
			background: url(../../images/password-protected/overlay-logo.png) center/cover no-repeat;
		}
		.ip-pp-body-scrollable-mobile {
		    width: 100%;
		}
		.ip-pp-body-inner {
		    position: relative;
		    z-index: 1;
		    padding: 4.1% 14% 0;
		    max-width: 100%;
		}
			.ip-pp-body .ip-global-title {
			    padding: 0 80px 34px 0;
			}

				.ip-pp-body .ip-global-title p {
				    text-transform: uppercase;
				    color: #fff;
				    padding: 0;
				    margin-bottom: 20px;
				}

				.ip-pp-body .ip-global-title h2 {
				    font-size: 50px;
				    color: #fff;
				    text-transform: initial;
				    letter-spacing: 0.05em;
				}

				.ip-pp-body .ip-global-title:after {
				    content: '';
				    display: block;
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    height: 3px;
				    background: rgb(32,61,69);
				    background: -moz-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    background: -webkit-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    background: linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#203d45",endColorstr="#be8f33",GradientType=1);
				}

			.ip-pp-body-inner form {
			    width: 552px;
			    max-width: 100%;
			    margin: 51px 0 0;
			}
			.pp-form-field {
			    
			}
			    .pp-form-field input[type="password"] {
			        width: 391px;
			        height: 60px;
			        background: transparent;
			        border: none;
			        font-size: 14px;
			        letter-spacing: 0.05em;
			        color: #fff;
			        border-bottom: 1px solid #fff;
			        font-weight: 100;
			        width: 70.834%
			    }
			    .pp-form-field .btn-a.is-white {
			        padding: 0;
			        width: 135px;
			        min-width: auto;
			        margin-left: auto;
			        width: 24.457%;
			    }
			    .pp-form-field .btn-a.is-white:not(:hover) {
			        background: transparent;
			    }

			.pp-form-hint {
			    font-weight: 100;
			    font-size: 14px;
			    letter-spacing: 0.05em;
			    line-height: 1;
			    color: #fff;
			    margin: 39px 0 0;
			}
			    .pp-form-hint a {
			        text-decoration: underline;
			    }
			        .pp-form-hint a:hover {
			            color: #fff;
			            opacity: 0.5;
			        }


.ip-pp-slide-bg.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.ip-pp-slide-wrap.active {
	transform: translateX(0);
}
.ip-pp-slide-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .5s ease;
}
.ip-pp-slide-wrap {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 620px;
	max-width: 100%;
	background: #fff url(../../images/password-protected/bg-slide.jpg) center/cover no-repeat;
	z-index: 1;
	transition: all .5s ease;
	transform: translateX(100%);
}
	.ip-pp-slide-scrollable {
		height: 100%;
	}
	.ip-pp-slide-inner-flex {
		min-height: 100vh;
		position: relative;
	}
		.ip-pp-slide-close {
			position: absolute;
			top: 32px;
			right: 31px;
			background: transparent;
			border: none;
			padding: 0;
			font-size: 21px;
			color: #fff;
			transition: opacity var(--default-transition);
		}
		.ip-pp-slide-close:hover {
			opacity: 0.6;
		}
	.ip-pp-slide-inner {
		padding: 99px 74px;
		align-self: center;
		width: 100%;
	}

	.ip-pp-slide-logo {
	    font-size: 0;
	    text-align: center;
	    margin-bottom: 37px;
	}
	    .ip-pp-slide-logo img {
	        max-width: 100%;
	        -webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
	    }

	.ip-pp-slide-text {
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 1.5;
		color: #Fff;
		text-align: center;
		font-family: var(--font-title);
	}

	.ip-pp-form {
		font-size: 0;
		max-width: 390px;
		margin: 0 auto;
	}
	    .ip-pp-form form  {
	        margin: 80px -8px 0;
	        position: relative;
	    }
	        .pp-contact-field.field-6 {
	            width: 50%;
	            margin-bottom: 31px;
	        }
	        .pp-contact-field.field-12 {
	            width: 100%;
	            margin-bottom: 31px;
	        }
	        .pp-contact-field {
	            display: inline-block;
	            vertical-align: top;
	            padding: 0 8px;
	        }
	            .pp-contact-field em {
	                display: block;
	                font-weight: 100;
	                font-size: 14px;
	                letter-spacing: 0.05em;
	                line-height: 1;
	                color: #fff;
	                font-style: normal!important;
	            }
	            .pp-contact-field input,
	            .pp-contact-field textarea {
	                width: 100%;
	                height: 36px;
	                background: transparent;
	                border: none;
	                border-bottom: 1px solid #fff;
	                font-weight: 100;
	                font-size: 14px;
	                letter-spacing: 0.05em;
	                line-height: 1.7143;
	                color: #fff;
	            }
	            .pp-contact-field textarea {
	                height: 85px;
	                resize: none;
	            }

	        .pp-contact-btn {
	            text-align: right;
	            position: relative;
	            margin: 5px 8px 0;
	        }

	        .pp-contact-btn .btn-a {
	            position: relative;
	            min-width: 135px;
	        }

	        .pp-contact-btn .btn-a input {
	            position: absolute;
	            top: 0;
	            left: 0;
	            width: 100%;
	            height: 100%;
	            opacity: 0;
	        }

	        .pp-contact-btn .btn-a .wpcf7-spinner {
	            position: absolute;
	            bottom: -40px;
	            right: 0;
	            margin: auto;
	        }

	        .pp-contact-btn .btn-a:not(:hover):before {
	            width: 68px;
	        }

	    .ip-pp-form .wpcf7 form .wpcf7-response-output {
	        position: absolute;
	        top: 100%;
	        left: 0;
	        right: 0;
	        margin: 20px 8px 0;
	        font-size: 12px;
	        color: #fff;
	        text-align: center;
	    }



.pp-form-hint span {
    font-family: var(--font-title);
    font-weight: 200;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #fff !important;
    transition: all .4s ease-in-out;
}

.pp-form-hint span.failed{
	color: red;
}

.pp-form-hint span.success{
	color: green;
}

@media only screen and (min-width: 992px) {

}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
	.ip-pp-header {
	    width: 45px;
	}
		.ip-pp-header img {
		    width: 170px;
		    height: auto;
		}

	.ip-pp-body {
	    width: calc(100% - 45px);
	}
		.ip-pp-body:after {
		    width: 70px;
		    height: 430px;
		    max-height: 100%;
		    background-position: top;
		    background-size: 100% 100%;
		}
		.ip-pp-body-inner {
		    padding: 5% 10%;
		}
		.ip-pp-body .ip-global-title {
		    padding-right: 0;
		}
	.ip-pp-slide-wrap {
	    max-width: calc(100% - 45px);
	}
	.ip-pp-slide-inner {
	    padding: 80px 5%;
	}

	
}
@media only screen and (max-width: 767px) {

	.ip-pp-body .ip-global-title h2 {
	    font-size: 30px;
	}
	.pp-form-field input[type="password"] {
	    width: 100%;
	}
	.pp-form-field .btn-a.is-white {
	    width: 135px;
	    margin: 15px 0 0;
	}
}
@media only screen and (max-width: 480px) {
	.ip-pp-header img {
	    width: 130px;
	    right: 5px;
	}
	.ip-pp-slide-inner {
	    padding-left: 10%;
	    padding-right: 10%;
	}
	.pp-form-field input[type="password"] {
		font-size: 12px;
		letter-spacing: 0;
	}
	.pp-contact-field.field-6 {
	    width: 100%;
	    margin-bottom: 15px;
	}
}