:root {
	--error: #b2382d;
	--primary-dark-gold-on-dark: #b8a15f;
	--primary-dark-gold-on-light: #8a6e2f;
	--primary-basic-gold-on-dark-brand: #dcc48b;
	--primary-basic-gold-on-light: #cbb276;
	--primary-light-gold-on-dark: #e9dca9;
	--primary-light-gold-on-light: #e3d48b;
	--secondary-black: #16222a;
	--secondary-brand-blue: #1d2b34;
	--secondary-greyish-blue: #798186;
	--secondary-brand-grey: #d2cdc7;
	--secondary-medium-grey: #e6e5e5;
	--secondary-light-grey: #f2f2f2;
	--secondary-white: #fff;
	--text-primary-black: #16222a;
	--text-primary-white: #fff;
	--text-secondary-dark: #434c53;
	--text-secondary-light: #a6aeb2;
	--accent-dark--brick: #70442f;
	--accent-base-brick: #9a6041;
	--accent-light--brick: #c2957b;
	--disabled-dark: #6b6b6b;
	--disabled-light: #d6d6d6;

  --font-family: "RedHatText", sans-serif;
  --second-family: "CormorantSC", serif;
  --third-family: "Manrope", sans-serif;
  --font3: "Inter", sans-serif;
  --font4: "Raleway", sans-serif;

/*	--font-family: "Manrope", 'Arial', sans-serif;
	--second-family: "Lora", serif;
	--font3: "Raleway", 'Arial', sans-serif;
	--manjari-family: "Manjari", 'Arial', sans-serif;*/
}
body{
	padding-top: 91px;
	margin: 0;
}
*{
	box-sizing: border-box;
}
ul,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	transition: 0.3s ease;
}
li{
	list-style: none;
}
button{
	border: none;
	background: transparent;
}
.flex{
	display: flex;
}
.flex-a{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.flex-b{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-c{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}
.wrap{
	max-width: 1280px;
	margin: 0 auto;
	height: inherit;
	padding: 0 40px;
}
.section{
	padding: 60px 0;
}
.title-1{
	/*max-width: 880px;*/
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 66px;
	line-height: 120%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--secondary-white);
	margin-bottom: 24px;
}
.title-2{
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 36px;
	line-height: 120%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--secondary-brand-blue);
	margin-bottom: 24px;
}
.text{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.03em;
	color: var(--secondary-black);
	margin-bottom: 8px;
}
.title-2-2{
	max-width: 600px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 44px;
	line-height: 120%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--secondary-light-grey);	
}

/* =============== HEADER ============== */

.header_logo{gap: 5px;}
.header_menu-box{
	flex-direction: column;
	align-items: flex-end;
	gap: 38px;
}
.header_lang{
	position: absolute;
	top: -14px;
	right: 0;
}
.header_lang-en,
.header_lang-es{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: var(--secondary-white);
}
.header_lang-en._active{
	color: var(--primary-basic-gold-on-dark-brand);
}
.header_lang span{
	color: var(--secondary-white);
	padding: 0 8px;
}
.header_menu-link{
	transition: 0.3s ease;
}
.header_menu-link:hover svg path{
	stroke: var(--primary-light-gold-on-dark);
}
.header_menu-link:hover,
.header_lang-en:hover,
.header_lang-es:hover{
	color: var(--primary-light-gold-on-dark);
}
.active_page{
	color: var(--primary-light-gold-on-dark) !important;
}

/* ========== BURGER ========= */
.burger{
	display: none;
	width: 20px;
	height: 14px;
	position: relative;
	cursor: pointer;
}
.burger div{
	height: 1.5px;
	background-color: var(--primary-basic-gold-on-dark-brand);
	position: absolute;
	width: 100%;
	transition: 0.5s ease;
}
.burger div:nth-child(1){
	top: 0;
}
.burger div:nth-child(2){
	top: 50%;
}
.burger div:nth-child(3){
	top: 50%;
}
.burger div:nth-child(4){
	top: 100%;
}
.burger._active div:nth-child(1){
	top: -50px;
	opacity: 0;
}
.burger._active div:nth-child(2){
	top: 50%;
	transform: rotate(45deg);
}
.burger._active div:nth-child(3){
	top: 50%;
	transform: rotate(-45deg);
}
.burger._active div:nth-child(4){
	top: 300%;
	opacity: 0;
}

/* =============== SECTION-6 CONTACT FORM ============== */
.section-6{
	background: var(--secondary-light-grey);
}
.section-6 .wrap{
	gap: 20px;
}
.title-2-6{
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--secondary-black);
	max-width: 772px;
}
.title-2-6 span{
	color: var(--primary-dark-gold-on-light);
}
.form-6{
	flex-direction: column;
}
.form-6 fieldset{
	transition: 0.3s ease;
	border: 1px solid var(--secondary-brand-grey);
	background: var(--secondary-white);
	padding: 0;
	margin-bottom: 16px;
}
.form-6 fieldset:hover {
		box-shadow: 1px 2px 15px 0 rgba(233, 220, 169, 0.5);
		border: 1px solid var(--primary-basic-gold-on-light);
}
.form-6 legend{
	margin-left: 8px;
	padding: 0 4px;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: var(--text-secondary-dark);
}
.form-6 input,
#message-50{
	border: none;
	width: 374px;
	padding: 12px 24px 24px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.03em;
	color: var(--primary-basic-gold-on-light);
}
.form-6 input:focus,
#message-50:focus{
	outline: none;
}
.form-6 input::placeholder,
#message-50::placeholder{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.03em;
	color: var(--secondary-black);
	opacity: 0.5;
}
.form-6 .submit-6{
	cursor: pointer;
width: auto;
	margin-top: 12px;
	padding: 24px;
	background: var(--primary-basic-gold-on-light);
	border: 1px solid var(--primary-basic-gold-on-light);
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--secondary-black);
	transition: 0.3s ease;
}
.form-6 .submit-6:hover{
	box-shadow: 1px 2px 15px 0 rgba(233, 220, 169, 0.5);
	background: var(--primary-light-gold-on-dark);
	border: 1px solid var(--primary-light-gold-on-dark);
}


/* ======== section-50 new form contacts ======== */
.section-50 .title-2-contacts{
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 44px;
	line-height: 120%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--secondary-black);
	margin-bottom: 8px;
}
.section-50 .title-3-contacts{
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 32px;
	line-height: 110%;
	letter-spacing: 0.01em;
	font-variant: small-caps;
	color: var(--secondary-black);
	margin-bottom: 80px;
}
.section-50 .title-3-contacts span{
	color: var(--primary-dark-gold-on-light);	
}
.section-50-box{
	flex-direction: column;
	gap: 24px;
}
.section-50-box div a{
	transition: 0.3s ease;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0.03em;
	color: var(--secondary-black);
}
.section-50-box div img{
	margin: 0 8px -6px 0;
}
.section-50-mail,
.section-50-loc{
	border-bottom: 0.5px solid #949494;
}
.section-50-loc br{
	display: none;
}
.section-50-box div a:hover{
	color: var(--primary-dark-gold-on-light);
	border-bottom: none;
}
.section-50 .form-6{
	max-width: 520px;
}
.section-50 .form-6 input{
	width: 100%;
}
.section-50 .form-6 fieldset {
    margin-bottom: 16px;
}
#message-50{
	min-width: 100%;
	max-width: 513px;
}
#section-50-checkbox{
	accent-color: var(--primary-basic-gold-on-light);
	cursor: pointer;
	width: 24px;
	height: 24px;
}
.section-50-checkbox-text{
	margin: 7px 0 0px 16px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: #000;
}
.section-50 .form-6 .submit-6 {
    margin-top: 24px;
}
.section-50-checkbox-cont{
	margin-top: 8px;
	cursor: pointer;
}

.section-51 .section-49-form-subscribe #email-subscribe{
    max-width: 474px;
}

iframe{
	width: 100%;
}
.section-51{
	margin-top: -5px;
}

legend{
	position: relative;
	z-index: 10;
}
.line_legend{
	display: block;
	position: absolute;
	z-index: -1;
	top: 46%;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background-color: var(--primary-basic-gold-on-dark-brand);
}

/* =============== FOOTER ============== */
.footer{
	padding: 80px 0 60px;
	background: var(--secondary-black);
	color: var(--secondary-white);
}
.footer .wrap{
	gap: 40px;
}
.footer-col{
	width: 374px;
}
.footer_logo{
	gap: 4px;
	margin-bottom: 32px;
}

.footer_tel,
.footer_mail,
.footer_address{
	transition: 0.3s ease;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.03em;
	color: var(--secondary-white);
}
.footer_mail,
.footer_address{
	border-bottom: 0.5px solid #949494;
}
.footer-margin-link{
	margin-bottom: 11px;
}
.footer_tel:hover,
.footer_mail:hover,
.footer_address:hover{
	color: var(--primary-light-gold-on-dark);
	border-bottom: none;
}
.footer-icons{
	gap: 24px;
	margin-top: 32px;
}
.footer-icons a img{transition: 0.3s ease;}
.footer-icons a img:hover{
	transform: scale(1.08);
}
.footer-title-2{
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: var(--secondary-greyish-blue);
	margin-bottom: 32px;	
}
.footer-menu-item{
	margin-bottom: 24px;
	max-width: 290px;
}
.footer-menu-link{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--secondary-white);
	display: block;
}
.footer-menu-arrow{
	opacity: 0;
	transition: 0.3s ease;
	margin: 0px 0 -3px 8px;
}
.footer-menu-link:hover{
	color: var(--primary-light-gold-on-dark);
}
/*.footer-menu-link:hover .footer-menu-arrow{
	opacity: 1;
}*/
.footer-2{
	background: var(--secondary-black);
}
.footer-2 p{
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.01em;
	text-align: center;
	color: var(--text-secondary-light);
	padding-bottom: 32px;
}

/* =============== UP-ARROW ============== */
.up-arrow{
	width: 48px;
	height: 48px;
	opacity: 0;
	border-radius: 5px;
	font-size: 16px;
	justify-content: center;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 500;
	transition: 0.5s ease;
}
.up-arrow._active{
	opacity: 0.7;
}
.up-arrow._active:hover{
	opacity: 1;
}
.up-arrow._active a{
	display: block;
	width: 48px;
	height: 48px;
	background: url(../img/arrow-up2.svg) no-repeat center;
	background-size: cover;
}

/* =============== CIRCLE indicator ============== */
.progress-circle {
  opacity: 0;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  z-index: 501;
}

.progress-ring__circle {
  stroke: var(--primary-dark-gold-on-dark);
  stroke-linecap: round;
  stroke-dasharray: 157;
  stroke-dashoffset: 157;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.1s;
}



/* =============== MEDIA ============== */
@media (max-width: 1158px){
	.section-50 .title-2-contacts{
		font-size: 44px;
	}
	.section-50 .title-3-contacts{
		font-size: 28px;
	}
}

@media (max-width: 1024px){
	.section{
		padding: 60px 0;
	}
	.title-2-6{
		font-size: 22px;
	}
}

@media (max-width: 976px){
	body{
		padding-top: 87px;
	}
	.wrap{
		padding: 0 24px;
	}
	.header .logo-img{
		width: 82px;
		height: 40px;
	}
	.header .logo-letters{
		width: 77px;
		height: 38px;
	}
	.header_logo{gap: 8px;}
	.burger{
		display: block;
	}
	.header .wrap{
		position: relative;
	}
	.title-2-6{
		font-size: 22px;
	}
	.footer-menu-link,
	.footer_tel,
	.footer_mail,
	.footer_address{
		font-size: 14px;
	}
	.footer-title-2{
		font-size: 18px;
	}
/*	.footer-menu-arrow {
	    width: 11px;
	    height: 14px;
	  }*/
  	.footer-2 p{
  		font-size: 11px;
  }
}

@media (max-width: 825px){
	.section-50 .wrap{
		flex-direction: column;
		gap: 60px;
	}
	.section-50 .title-3-contacts {
	    margin-bottom: 48px;
	}
}

@media (max-width: 763px){
	.section-6 .wrap{
		flex-direction: column;
		gap: 48px;
	}
	.form-6 input{
		width: 92vw;
	}
	.form-6 fieldset{
		margin-bottom: 16px;

	}
	.form-6 submit-6{
		margin-top: 8px;
	}
}

@media (max-width: 650px){
	.footer{
		padding: 48px 0;
	}
	.footer .wrap {
		flex-direction: column;
    	gap: 0px;
	}
	.footer-col {
    	width: auto;
	}
	.footer_logo {
    	margin-bottom: 24px;
	}
	.footer-icons {
    	margin-bottom: 12px;
    	margin-top: 32px;
    	gap: 32px;
	}
	.footer-title-2{
		margin: 12px 0 24px;
	}
	.form-6 .submit-6{
		font-size: 15px;
	}
}

@media (max-width: 550px){
	.title-2-6{
		font-size: 16px;
	}
	.section-50 .title-2-contacts{
		font-size: 36px;
	}
	.section-50 .title-3-contacts{
		font-size: 24px;
	}
	#message-50{
		width: 92vw;
	}
	.section-50-loc br{
		display: inline;
	}
	.section-50-loc span{
		padding-left: 35px;
		border-bottom: 1px solid var(--secondary-light-grey);
	}
}


@media (max-width: 500px){
	.line_legend{
		display: none;
	}
}

@media (max-width: 440px){
	.wrap{
		padding: 0 16px;
	}
	.section{
		padding: 48px 0;
	}
	.section-50-checkbox-text{
		margin: 10px 0 0px 8px;
		font-size: 14px;
	}
	.text {
	    font-size: 15px !important;
	}	
}
