body {
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 100vh;
	font-family: 'Archivo', sans-serif;
}
:root {
    --main-brown: #704831;
    --main-light-brown: #c4854e;
    --main-orange:  #ffa264;
}
.byw-landing-page {
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}
.landing-page-content {
	display: flex;
	width: 100%;
    height: 100%;
}
.lpc-left {
	width: 70%;
}
.lpc-right {
	width: 30%;
}
/* LEFT PART */
.top-title {
    text-align: center;
    background: #fff;
    color: var(--main-light-brown);
    height: 25%;
    display: flex;
    width: 100%;
    align-items: center;
}
.tt-left {
    width: 70%;
}
.tt-right {
    width: 30%;
}
h2.bold {
    font-weight: 400;
    font-size: 42px;
    line-height: 130%;
    margin: 0;
}
h2.light {
    font-weight: 300;
    font-size: 38px;
    margin: 5px 0;
}
.tt-ctt {
    padding: 20px 0;
    text-transform: uppercase;
}

/* RIGHT PART */
.byw-lpc-right {
    background: var(--main-light-brown);
}
.logo-pg {
    margin: auto;
    text-align: left;
}
.logo-pg img {
    width: 150px;
}
.lpc-content {
    padding-top: 40px;
}
.lpc-right-ctt ul {
    list-style-type: disc;
    color: #fff;
    text-align: center;
    list-style-position: inside;
    padding: 0 0 50px 0;
    width: 88%;
    margin: auto;
    border-bottom: 2px solid;
}
.lpc-right-ctt ul li {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 18px;
}
.form-ctt {
    margin-top: 30px;
}
.form-title {
    text-align: center;
    margin-top: 40px;
}
.form-title h3 {
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    margin: 0;
}
.form-title p {
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    width: 70%;
    margin: 5px auto;
}
.form-civility {
    text-align: center;
    display: flex;
}
.civ-block {
    display: grid;
    text-align: center;
    margin: auto;
}
.civ-block:nth-child(1) {
	margin-right: 10px;
}
.civ-block:nth-child(2) {
	margin-left: 10px;
}
input[type="radio"] {
    margin: auto;
}
.civ-block label {
    color: #fff;
}
input[type="text"] {
    color: #fff;
    font-weight: bold;
}
.civ-block label {
    color: #fff;
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 5px;
}
.form-field {
    margin: 10px 0;
}
.border-form {
    width: 90%;
    margin: auto;
    display: flex;
}
.border-form {
    width: 90%;
    margin: auto;
    display: flex;
    padding: 10px;
    border: 1px solid #fff;
}
.lft-form, .rgt-form {
    width: 45%;
    margin: auto;
}
.border-form input {
    width: 90%;
    margin: 12px 0;
    border: unset;
    border-bottom: 1px solid #fff;
    background: unset;
    -webkit-appearance: none;
}
.border-form input::placeholder {
	color: #fff;
	font-weight: 100;
}
.border-form input:focus-visible {
    -webkit-appearance: none;
    outline: unset;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.communication-terms {
    width: 90%;
    margin: 15px auto 30px auto;
    text-align: justify;
    font-size: 13px;
    font-weight: 100;
    color: #fff;
}
.validation {
    text-align: center;
    margin: 5px 0;
}
.validation input[type="button"] {
    border: none;
    padding: 15px 25px;
    font-size: 24px;
    font-weight: 100;
    border-radius: 50px;
    color: #fff;
    background: var(--main-orange);
}
p.mandatory {
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 14px;
}
.bottom-form {
    background: #fff;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 0;
}
.lft-bottom, .rgt-bottom {
    width: 50%;
}
.lft-bottom img {
    width: 130px;
    margin-top: 10px;
    margin-left: 10px;
}
.rgt-bottom {
    text-align: right;
    margin-right: 10px;
}
.rgt-bottom h2 a {
    text-decoration: none;
    color: var(--main-brown);
    font-size: 32px;
}
.lpc-right-ctt {
    position: relative;
    height: 100%;
}

/* SLIDER */
.slider-content.slick-slider {
    position: relative;
}
.byw-slider-block {
    position: relative;
    margin: 0;
    padding: 0;
    height: 75%;
}
.slide.slick-slide img {
    margin: 0;
    width: auto;
    height: 800px;
    object-fit: fill;
    object-position: center;
}
button.slick-prev.slick-arrow {
    position: absolute;
    top: 75%;
    left: 47%;
    z-index: 10;
}
button.slick-next.slick-arrow {
    position: absolute;
    top: 75%;
    left: 53%;
    z-index: 10;
}
button.slick-arrow svg {
    width: 45px;
    height: 45px;
}
button.slick-arrow {
    transition: .5s;
    border: none;
    color: #fff;
    background: var(--main-light-brown);
    padding: 5px;
}
.slick-disabled {
    opacity: 0 !important;
}
.slider-post {
    position: absolute;
    top: 10%;
    left: 5%;
    background: var(--main-orange);
}
.post-content {
    padding: 10px 20px;
    color: #fff;
    text-align: center;
}

.post-content h4,
.post-content h2,
.post-content p {
    margin: 0;
}

.post-content h2 {
    font-size: 52px;
}

.post-content h4 {
    font-size: 28px;
}

.post-content p{
    font-size: 22px;
}




/* FOOTER */
.byw-footer-ml-page {
    position: absolute;
    z-index: 10;
    transform: rotate(-90deg);
    top: 48%;
    right: -23%;
    width: 50%;
}
.footer-content {
    margin: 0;
    text-align: justify;
}
.footer-content p {
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-size: 9px;
    color: #fff;
}

@media only screen and (max-width:1540px) {
	.form-ctt {
    	margin-top: 40px;
	}
	.form-title {
	    margin-top: 30px;
	}
	.lpc-right-ctt ul li {
	    margin: 10px 0;
	    font-size: 20px;
	}
}
@media only screen and (max-width:1440px) {
	.lpc-left {
	    width: 65%;
	}
	.byw-lpc-right {
	    width: 35%;
	}
	.rgt-bottom h2 a {
		font-size: 26px;
	}
	.validation input[type="button"] {
		font-size: 22px;
	}
    button.slick-next.slick-arrow {
        left: 55%;
    }
    button.slick-prev.slick-arrow {
        left: 45%;
    }
}
@media only screen and (max-width:1075px) {
	h2.bold {
		font-size: 32px;
	}
	h2.light {
	    font-size: 28px;
	}
    .logo-pg img {
        width: 125px;
    }
}
@media only screen and (max-width:840px) {
    .byw-landing-page {
        height: auto;
    }
    .byw-slider-block {
        height: 100%;
    }
    .byw-footer-ml-page {
        top: 39%;
        right: -25%;
        width: 57%;
    }
    .landing-page-content {
        display: block;
        width: 100%;
        height: 100%;
    }
    .lpc-left, .byw-lpc-right {
        width: 100%;
    }
    .slide.slick-slide img {
        width: 100%;
        height: auto;
    }
    button.slick-arrow svg {
        width: 35px;
        height: 35px;
    }
    button.slick-next.slick-arrow {
        left: 58%;
        top:  85%;
    }
    button.slick-prev.slick-arrow {
        left: 42%;
        top:  85%;
    }
    .form-field {
        margin: 10px 0 40px 0;
    }
    .logo-pg img {
        width: 200px;
    }
    .lpc-right-ctt ul {
        margin: 20px 15px;
    }
    .bottom-form {
        position: relative;
        padding: 30px 0px;
    }
    .top-title {
        display: block;
        height: auto;
        padding: 10px 0;
        margin-bottom: 20px;
    }
    .tt-left, .tt-right {
        width: 100%;
    }
    .logo-pg {
        margin: auto;
        text-align: center;
    }
    .lft-bottom img {
        width: 180px;
        margin: auto;
    }
    .rgt-bottom {
        text-align: right;
        margin: auto 10px;
    }
    .form-ctt {
        margin-top: 65px;
    }
} 
@media only screen and (max-width:420px) {
    .bottom-form {
        display: block;
        text-align: center;
    }
    .post-content h2 {
        font-size: 28px;
    }
    .byw-footer-ml-page {
        top: 41%;
        right: -32%;
        width: 80%;
    }
    .lft-bottom, .rgt-bottom {
        width: 100%;
    }
    .rgt-bottom {
        margin: 0;
        text-align: center;
    }
    .lft-bottom img {
        width: 200px;
        margin-top: 10px;
        margin-left: 10px;
    }
    .validation {
        text-align: center;
        margin: 35px 0;
    }
    .slide.slick-slide img {
        height: unset;
        width: 140%;
    }
    .post-content h2 {
        font-size: 24px;
    }
    .post-content h4, .post-content p {
        font-size: 14px;
    }
    button.slick-next.slick-arrow {
        left: 58%;
    }
    button.slick-prev.slick-arrow {
        left: 35%;
    }
    h2.bold {
        font-size: 25px;
    }
    h2.light {
        font-size: 22px;
    }
    .byw-footer-ml-page {
        height: auto;
    }
    .footer-content {
        margin: auto 5px;
        text-align: justify;
    }
}