:root {
  --primary: #B6942F;
  --primary-dark: #9c812d;
  --light-beige: #FAF2DB;
  --soft-gray: #f4f4f4;
  --text-dark: #000000;
  --text-muted: #666;
  --white: #fff;
}
h1	{font-size:30px; color:#000000; padding:0;margin:0;font-family: 'Libre Bodoni', serif;}
h2	{font-size:25px; color:#000000; padding:0;margin:0;font-family: 'Libre Bodoni', serif;}
h3	{font-size:18px; color:#000000; padding:0;margin:0;font-family: 'Libre Bodoni', serif;}
h4	{font-size:16px; color:#000000; padding:0;margin:0;}		
h5	{font-size:14px; color:#000000; padding:0;margin:0;}
h6	{font-size:12px; color:#000000; padding:0;margin:0;}
p 	{font-size:15px; line-height:20px; color: #000000; padding:10px 0 10px 0; margin:0;}

a {text-decoration: none;}
html {overflow-x: hidden; }
body {font-family: "Raleway", sans-serif;color: var(--text-dark);background: #fff;}
.container {max-width: 1280px;width: 100%;margin-left: auto;margin-right: auto;}
.header-box {max-width: 1078px;width: 100%;margin: 0 auto;display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-start;gap: 0.5rem;}
.header-box .navbar-collapse {flex-basis: 100%;}

.btn-primary {background: var(--primary) !important;border: none;padding: 13.2px 10px;color: #FFF !important;text-align: center;font-family: 'Raleway', sans-serif;font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 15%;text-transform: uppercase;border-radius: 0;}
.btn-178{width: 178px; max-width: 100%;}
.font-12{font-size: 12px; line-height: 15px;}
.font-13{font-size: 13px; line-height: 17px;}
.font-14{font-size: 14px; line-height: 18px;}
.font-15{font-size: 15px; line-height: 20px;}

.site-header {background: #ffffff;}
.site-header__gold-bar {height: 13px;background: hsl(46, 78%, 40%);}
.site-header__nav {background: #ffffff;padding: 3px 0;}
.site-header__collapse {align-items: stretch;}

/* ==================== Media Queries Start ==================== */ 


.site-header__brand {font-family: inherit;font-size: inherit;font-weight: inherit;letter-spacing: normal;color: inherit !important;}
.site-header__logo {display: block;width: 157px; max-width: 100%; height: auto; height: auto;}
.site-header__nav-link {font-family: 'Raleway', sans-serif;color: #000 !important;font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.06em;padding: 0.5rem 1.25rem !important;}
.site-header__nav-link:hover,.site-header__nav-link:focus, .active { color: var(--primary) !important;}
.site-header__phone {color: #000;font-family: "Libre Bodoni", serif;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;}
.site-header__phone:hover, .site-header__phone:focus {color: var(--primary) !important;}


.heading_24 {font-family: 'Libre Bodoni', serif;font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;text-transform: uppercase;}
.heading_15 {font-family: 'Raleway', sans-serif;font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 15%;text-transform: uppercase;}

.confetti {position: absolute;width: 10px;height: 6px;top: -20px;opacity: 0.9;}

.image-absolute{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; display: block;}
.worldcup-banner{position: relative; overflow: hidden;}
.worldcup-banner-left{position: relative;width: 100%;height: 100%; padding-bottom: 100%;}
.worldcup-banner-right-col{background: #FAF2DB; position: relative;}
.worldcup-banner-right-col::after{content: "";position: absolute;bottom: 0; width: 100%;height: 14px;display: block; background: url(../images/banner-multicolor-badge.svg) no-repeat bottom center;background-size: 100%;}
.worldcup-banner-right h1{font-size: 45px; line-height: normal; text-transform: uppercase;}
.worldcup-banner-city-txt {display: flex;align-items: center;justify-content: center;gap: 14px;font-size: 20px;font-weight: 600;letter-spacing: 15%;text-transform: uppercase;color: #B6942F;}
.worldcup-banner-city-txt::before, .worldcup-banner-city-txt::after {content: "";width: 25px;height: 3px;background-color: #B6942F;display: block;}

.hairspa-services-main{padding: 75px 0 140px;}
.hairspa-services-main .container{max-width: 1110px;}
.hairspa-services-content{max-width: 390px;width: 100%;}
.frame-image{position: relative;max-width: 580px;width: 100%; margin-left: auto;padding: 15px 15px 0 0; z-index: 1;}
.frame-image img{width: 100%;display: block;}
.frame-image::before{content: "";position: absolute;top: 0;right: 0;width: calc(100% - 15px);height: calc(100% - 15px);border: 3px solid #b8962e;z-index: -1;}
.left-frame-image.frame-image::before{right: 15px;}
.left-frame-image.frame-image{padding: 15px 0px 0 15px;}

.wc-specials-main{background: #FAF2DB; position: relative;}
.wc-specials-wrapper{position: relative;overflow: hidden;padding: 130px 0 40px;}
.wc-specials-ball{position: absolute;bottom: -63px;left: -62px;min-width: 420px;min-height: 420px;z-index: 2;background-size: 100% !important;background-position: center !important; z-index: 1; opacity: 0.2;}

.wc-special-badge{position: absolute;top: -60px;left: 0;width: 100%;height: 130px;display: flex; align-items: center; justify-content: center;}
.wc-specials-grid{max-width: 1078px;width: 100%;position: relative;z-index: 2; margin-left: auto; margin-right: auto;}
.wc-frame-image.frame-image{max-width: 455px;}
.wc-specials-list ul{list-style-type: disc;padding-left: 25px; text-align: left; margin: 0;}
.wc-specials-list ul li{font-size: 15px; line-height: 22px; padding: 0;}

.commemorative-tattoos-main{background-size: cover !important; background-position: center !important; padding: 60px 0 70px;position: relative;overflow: hidden;z-index: 2;}
.commemorative-tattoos-main::before{content: "";position: absolute;bottom: 0; width: 14px;height: 100%;display: block; background: url(../images/vertical-multicolor-badge.svg) no-repeat bottom center;background-size: cover;}
.commerative-tattoos-content{max-width: 670px;width: 100%;margin: 0 auto;}
.commerative-tattoos-content *{color: #fff;}
.wc-fanfestival-main{background-color: #fff; padding: 90px 0 120px; position: relative;overflow: hidden;z-index: 2;}
.wc-fanfestival-main::before{content: "";position: absolute;top: 0; left: -140px; width: 713px;height: 133px;display: block; background: url(../images/Union.svg) no-repeat top center;background-size: 100%; transform: rotate(-17deg); z-index: 1;}
.wc-fanfestival-473.frame-image{max-width: 488px;}
.wc-fanfestival-482.frame-image{max-width: 497px;}
.wc-kansas-city-main{padding: 60px 0 60px !important;}
.wc-kansas-city-main .commerative-tattoos-content{max-width: 620px;}
.wc-visitors-choose-gr-main{background-color: #fff; padding: 119px 0 146px;}
.wc-visitors-choose-gr-main .container{max-width: 1060px;}
.vistors-gr-box-title{max-width: 525px;width: 100%; border-top: solid 17px #B6942F;border-bottom: solid 17px #B6942F;}
.vistors-gr-box-title h2{font-size: clamp(1.6rem, 4.4vw, 43px); line-height: 1; text-transform: uppercase; font-weight: 500;}
.vistors-gr-box-title h2 strong{font-size: clamp(2.3rem, 6vw, 59px); line-height: 1;font-weight: 500;}
.vistors-gr-box-title h3.heading_15{font-size: clamp(0.9rem, 2vw, 20px); }
.wc-vistors-gr-list ul{list-style: none; font-size: 15px; line-height: 1.8; margin: 0; padding: 0;}
.wc-vistors-gr-list ul li{position: relative;padding: 0 0 0 32px; margin-bottom: 8px;}
.wc-vistors-gr-list ul li:last-child{margin-bottom: 0;}
.wc-vistors-gr-list ul li::before{content: "";width: 20px;height: 20px;background: url(../images/circle-check.svg) no-repeat center center;background-size: 20px;position: absolute;left: 0;top: 4px;}
.wc-reserve-experience-main{padding: 40px 0 40px;background: #FAF2DB;}
.wc-reserve-450.frame-image{max-width: 465px;}


footer .container {max-width: 1098px;}
.footer-top {background: #fff;padding: 36px 0;}
.footer-right .vist-txt{font-size: 15px; line-height: normal; text-transform: uppercase;}
.address-txt{font-size: 15px; line-height: normal; }
.footer-bottom {background: var(--primary);color: #fff;padding: 12px 0;font-size: 12px;}
.copyright-txt{font-size: 10px; line-height: normal; font-weight: 600;color: #fff; letter-spacing: 15%;}

/* ==================== Media Queries Start ==================== */
@media (min-width: 992px) {
  .header-box>.navbar-brand { flex-shrink: 0;}
  .header-box .navbar-collapse { flex-basis: auto; flex-grow: 1; flex-shrink: 1; min-width: 0; display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; width: auto !important; margin-top: 0 !important;}
  .site-header__nav-link {padding: 0.35rem 1.1rem 0.5rem !important;}
  .worldcup-banner-left-col{width: 47%;}
  .worldcup-banner-right-col{width: 53%;}
  .vistors-gr-box-title{padding: 30px 0 25px !important;}
}


@media (max-width: 991.98px) {
  .header-box .navbar-collapse{text-align:center;}
  .site-header__nav-link {padding: 0.45rem 0.75rem !important;}
  .site-header__collapse {flex-direction: column;align-items: stretch;}
  .worldcup-banner-right h1{font-size: 30px;}
  .worldcup-banner-city-txt{font-size: 18px;}
  .hairspa-services-main{padding: 40px 0 100px;}
  .wc-specials-wrapper{padding: 100px 0 30px;}
  .commemorative-tattoos-main{padding: 40px 0 50px;}
  .wc-fanfestival-main{padding: 70px 0 90px;}
  .wc-kansas-city-main{padding: 45px 0 45px !important;}
  .wc-visitors-choose-gr-main{padding: 70px 0 90px;}
}

@media (max-width: 767.98px) {

 
}

@media (max-width: 575.98px) {
  .site-header__logo {width: 120px;}
  .site-header__phone {font-size: 14px;}
  .head-right{flex-wrap: wrap;margin: 0 0 0 auto;justify-content: flex-end;}
  .btn-178{width: 140px;}
  .worldcup-banner-right h1{font-size: 25px;}
}

/* ==================== Media Queries End ==================== */