/*
2023
:root {
	--font-sans-title: 'Bebas Neue';
	--font-sans-text: 'Mulish';
	--color-main:rgba(206,93,117,1);
	--color-main-alpha05:rgba(206,93,117,0.5);
	--filter-color-main:invert(50%) sepia(91%) saturate(2019%) hue-rotate(313deg) brightness(90%) contrast(76%);
	}
*/

/*2024*/
/*
:root {
	--font-sans-title: 'Bebas Neue';
	--font-sans-text: 'Mulish';
	--color-main:rgba(37,52,113,1);
	--color-main-alpha05:rgba(37,52,113,0.5);
	--filter-color-main: invert(17%) sepia(41%) saturate(1989%) hue-rotate(204deg) brightness(94%) contrast(93%);
	
	--color-neon-border: rgba(197,205,240,1);
	--color-neon-shadow: rgba(77,109,240,0.5);
	}
*/

:root {
	--font-sans-title: 'Bebas Neue';
	--font-sans-text: 'Mulish';
	/*
	--color-main:rgba(69,108,172,1);
	--color-main-alpha05:rgba(69,108,172,0.5);
	--filter-color-main: invert(41%) sepia(53%) saturate(532%) hue-rotate(178deg) brightness(88%) contrast(92%);
	
	--color-neon-border: rgba(197,205,240,1);
	--color-neon-shadow: rgba(77,109,240,0.5);
	*/
	
	/*
	--color-main:rgba(196,218,55,1);
	--color-main-alpha05:rgba(196,218,55,0.5);
	--filter-color-main: brightness(0) saturate(100%) invert(81%) sepia(91%) saturate(405%) hue-rotate(8deg) brightness(91%) contrast(86%);
	
	--color-neon-border: rgba(255,255,123,1);
	--color-neon-shadow: rgba(204,219,123,0.5);
	}
	*/

/*
:root {
	--font-sans-title: 'Bebas Neue';
	--font-sans-text: 'Mulish';
	--color-main:rgba(96,218,205,1);
	--color-main-alpha05:rgba(96,218,205,0.5);
	--filter-color-main: invert(17%) sepia(41%) saturate(1989%) hue-rotate(204deg) brightness(94%) contrast(93%);
	
	--color-neon-border: rgba(197,205,240,1);
	--color-neon-shadow: rgba(77,109,240,0.5);
	}
*/
	
	
	--color-nav: #513628;
	--color-main:rgba(236,22,12,1); 
	--color-main-alpha05:rgba(236,22,12,0.5);
	--color-main-dark: #513628;
	/*--filter-color-main: invert(13%) sepia(98%) saturate(7496%) hue-rotate(2deg) brightness(98%) contrast(91%);*/
	
	--filter-color-main: brightness(0) saturate(100%) invert(19%) sepia(13%) saturate(1827%) hue-rotate(336deg) brightness(93%) contrast(86%);

  --color-neon-border: rgba(236, 22, 12, 1);  
  --color-neon-shadow: rgba(236, 22, 12, 0.5); 
	
	
	

	
	}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('fonts/BebasNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Regular.woff2') format('woff2'),
        url('fonts/Mulish-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Medium.woff2') format('woff2'),
        url('fonts/Mulish-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Bold.woff2') format('woff2'),
        url('fonts/Mulish-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


::selection {
  background: var(--color-main);
	color: #fff;
}

.o_hidden{overflow:hidden;}

.p_relative{position:relative;}

.iBlock{display:inline-block;}


.bg_cover_scroll{
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg_cover_fixed{
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

body{
	font-family: var(--font-serif);
	background:#fff!important;
	}

.sepV{
	height: 63px;
	width:1px;
	margin: 0 auto;
	background: rgba(62,39,13,1);
}

.container_body {
	position: relative;
	width:100%;
	/* max-width: 1920px; */
	margin: 0 auto;
	overflow-x: hidden;
	background: #fff;
  }

.mobile_view{display:none;}
.desktop_view{display:block;}

@media(max-width:767px){
.mobile_view{display:block;}
.desktop_view{display:none;}	
}


.img100{
	display: block;
	width: 100%;
}


.color_white{color:#fff!important;}

.txt_gen a,
.txt_gen a:hover,
.txt_gen .cta1,
.txt_gen .cta1:hover,
.txt_gen .btn_1,
.txt_gen .btn_1:hover,
.txt_gen .btn_1:after,
.txt_gen .btn_1:hover:after,
.txt_gen .btn_cta,
.txt_gen .btn_cta:hover{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.txt_gen h1,
.txt_gen h3{
	font-family: var(--font-sans-title);
	color:var(--color-main-dark);
	font-size:100px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1em;
	letter-spacing: 0.02em;
}

.txt_gen h3{
	font-size:70px;
}

.txt_gen h2,
.txt_gen h4{
	font-family: var(--font-sans-text);
	color:var(--color-main);
	font-weight: 500;
	font-size:20px;
	line-height: 1em;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.txt_gen ul{
	padding-left: 20px;
	list-style: disc;
}

.txt_gen p,
.txt_gen li{
	font-family: var(--font-sans-text);
	font-size: 17px;
	color: var(--color-main-dark);
	font-weight: 500;
	line-height: 2em;
	padding: 0;
	margin: 0;
	letter-spacing: 0.03em;
}

.txt_gen p strong,
.txt_gen li strong{font-weight:600;}

.color_main{color:var(--color-main)!important;}

.txt_gen h5{
	font-family: var(--font-sans-title);
	color:var(--color-main-dark);
	font-size:30px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1em;
	letter-spacing: 0.02em;
}

.txt_gen h6{
	font-family: var(--font-sans-text);
	color:var(--color-main);
	font-weight: 700;
	font-size:15px;
	line-height: 1em;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/*
.txt_gen.txt_white h1,
.txt_gen.txt_white h3{
	color:var(--color-gold);
}
*/

.txt_gen.txt_white h1,
.txt_gen.txt_white h3,
.txt_gen.txt_white h5,
.txt_gen.txt_white p,
.txt_gen.txt_white li{
	color:#fff;
}

.txt_gen .btn_cta{
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-family: var(--font-sans-title);
	font-size:24px;
	text-align: center;
	padding: 15px 15px 13px;
	min-width: 130px;
	letter-spacing: 0.02em;
	border: 2px solid transparent;
}

.txt_gen .btn_cta.btn_solid_main{
	background: var(--color-main);
	border: 2px solid var(--color-main);
}


.txt_gen .btn_cta.btn_ghost_main{
	background: transparent;
	border: 2px solid var(--color-neon-border);
	box-shadow: 0 0 20px var(--color-neon-shadow), inset 0 0 20px var(--color-neon-shadow);
}

.txt_gen .btn_cta.btn_solid_white{
	background: #fff;
	border: 2px solid #fff;
	color: var(--color-main);
}

.txt_gen .btn_cta.btn_solid_main:hover,
.txt_gen .btn_cta.btn_ghost_main:hover{
	color: var(--color-main);
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 0 0 20px var(--color-neon-shadow);
	-webkit-text-stroke:1px transparent;
}

.txt_gen .btn_cta.btn_solid_white:hover{
	background: var(--color-main);
	color: #fff;
	-webkit-text-stroke:1px transparent;
}

.txt_gen .btn_cta.btn_ghost_pink{
	background: transparent;	
	border: 2px solid var(--color-neon-border);
	box-shadow: 0 0 20px var(--color-neon-shadow), inset 0 0 20px var(--color-neon-shadow);
}



.txt_gen .btn_cta.btn_ghost_pink:hover{
	color: var(--color-main);
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 0 0 20px var(--color-neon-shadow);
	-webkit-text-stroke:1px transparent;
}

.txt_gen h3.neon_effect{
	font-size:170px;
	color: transparent!important;
	-webkit-text-stroke:2px var(--color-neon-border);
	text-shadow: 0 0 40px var(--color-neon-shadow);
/*		animation: flicker 1.5s infinite alternate;    */
	}


.sep1{
	width: 96px;
	height: 16px;
}

.sep1.white{
	background: #fff;
}

.sep1.black{
	background: var(--color-main-dark);
}

.sep1.c_main{
	background: var(--color-main);
}

.sep1.centered{margin: 0 auto;}

.alert_band{
	width:100%;
	padding:30px;
	text-transform: uppercase;
	font-family: var(--font-sans-title);
	font-size:24px;
	text-align: center;		
} 

.alert_band span{
	display: block;
	width:100%;
	padding:0;
	text-transform: uppercase;
	font-family: var(--font-sans-text);
	font-weight: 500;
	font-size:14px;
	text-align: center;		
} 

.alert_band.c_black{
	background: var(--color-main-dark);
	color: #fff;
}

.alert_band.c_main{
	background: var(--color-main);
	color: #fff;
}

.alert_band.c_outline_main{
	border:2px solid var(--color-main);
	color: var(--color-main);
}


@-webkit-keyframes run {
  0% {
    width:46px;
	right: -46px;
  }
  50% {
    width:56px;
    right: -56px;
  }
  100% {
    width:46px;
	right: -46px;   
  }
}


.txt_gen .btn_1{
	display: inline-block;
	position: relative;
	padding: 10px 15px;
	font-family: var(--font-serif);
	color: var(--color-grey-light);
	font-size: 18px;
	border: 1px solid rgba(129,116,116,0.5);
	letter-spacing: 0.05em;
	min-width:200px;
	text-align: center;
}

.txt_gen .btn_1:hover{
	color: #fff;
	background:  var(--color-grey-light);
	-webkit-text-stroke:1px transparent;
}


.mobile_menu_view{display:none;}


.txt_gen a{
	color: var(--main-color);
	-webkit-text-stroke:1px transparent;
	text-decoration: none;
}

.txt_gen a:hover{
	color:var(--color-main-dark);
	-webkit-text-stroke:1px color-mix(in srgb, var(--color-main-dark) 40%, transparent);
	text-decoration: none;
}

.txt_gen.txt_white a{color: #fff;}
.txt_gen.txt_white a:hover{
	-webkit-text-stroke:1px rgba(255,255,255,0.4);
	text-decoration: none;
}

@media(max-width:1199px){
	
	
	.txt_gen h1{font-size:80px;}
	.txt_gen h3{font-size:60px;}
	
}

@media(max-width:991px){
	
.txt_gen h3.neon_effect{font-size:150px;}
	
	.txt_gen h1{font-size:80px;}
	.txt_gen h3{font-size:60px;}
	
}

@media(max-width:767px){
	.mobile_menu_view{display:block;}
	.desktop_menu_view{display:none;}
	
	.btn_container{
		width:100%;
		text-align:center;
	}

	.txt_gen h1{font-size:80px;}
	.txt_gen h3{font-size:60px;}

	.txt_gen h3.neon_effect{font-size:110px;}
	
	
	
}

@media(max-width:575px){
	.txt_gen h1{
		font-size:50px;
	}
	.txt_gen h3{
		font-size:40px;
	}
	
	.txt_gen p,
	.txt_gen li{
		font-size: 13px;
		line-height: 2em;
	}
	
	.txt_gen h2, .txt_gen h4{font-size:16px;}
	
	.txt_gen h3.neon_effect{font-size:70px;}
	
	.alert_band{
		padding:20px;
		font-size:20px;	
	} 
	
	.alert_band span{
		font-size:13px;		
	} 
}