/****** 04.10.26 ******/
/****** fonts ********/
.offcanvas, .offcanvas-end {
	position: absolute;
	right: 5px;
	top: 90px;
	
}
#toggleBtn {
	cursor: pointer !important;

}
#header-menu {
	position: absolute;
	    transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.logo-container {
	position: absolute;
	top: 0;
	left: 0;
}
#logo-white {
	display: none;
}
@media screen and (max-width: 900px) {
	#logo-white {
	display: block;
	position: fixed;
	z-index: 1000000;
	left: 0;
	top: 0;
	opacity: 1;
	margin: 0 0;
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
}
@media screen and (max-width: 767px) {
#logo-white {
	display: none;
}
}
@font-face {
  font-family: Mercury Text G1;
  src: url(https://freedomsfrontier.org/home/fonts/Mercury-TextG1Roman.ttf);
  font-weight: 500;
}
@font-face {
  font-family: gotham black;
  src: url(https://freedomsfrontier.org/home/fonts/Gotham-Black.otf);
  font-weight: 400;
}
@font-face {
  font-family: Gotham;
  src: url(https://freedomsfrontier.org/home/fonts/GothamPro-Bold.woff);
  font-weight: 600;
}
@font-face {
  font-family: Source Serif Pro Italic;
  src: url(https://freedomsfrontier.org/home/fonts/SourceSerifPro-Italic.ttf);
  font-weight: normal;
}
a {
	color: inherit;
}
h2 {
	margin-block-start: 0;
	margin-block-end: 0;
}
iframe {
	width: 100vw !important;
    overflow: visible !important;
}
.iframe-container {
	background-color: #69544C;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.footer-iframe {
	width: 100% !important;
    overflow: hidden !important;
	height: 40px;
	background-color: #69544C;
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.iframe-container-icons {
	width: 100% !important;
	height: 80px;
	background-color: #69544C;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	gap: 72px;
	margin-left: -16px;
}
iframe {
	width: 100vw !important;
    overflow: visible !important;
	border: 0;
	
}
@media screen and (max-width:1200px) {
	.iframe-container {
		width: 57%;
	}
}
@media screen and (max-width:900px) {
    .iframe-container-icons {
        display: none;
		
}
}
@media screen and (max-width:767px) {
    .iframe-container-icons {
        display: none;
    }    
    .footer-iframe {
        display: none;
    }
    .iframe-container {
        display: none;
    }
}
.cls-1 {fill: #fff;
	     transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-10 {fill: #fff;
	     transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-11 {
	     fill: #191919;
	     transition: .5s;
	     transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-1f {fill: #233e4c;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-1e {fill: #69544C;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-2f {fill: #fff;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-3f {fill: #fff;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-1fd {fill: #231f20;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-2fd {fill: #fff;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-3fd {fill: #fff;
	     transition: 1.25s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.cls-2 {
	fill:#233e4c;
     transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);}
.cls-3 {fill-rule:evenodd;
     transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);}
.cls-3{fill:#793b26;
     transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);}
/****** header ********/
header {
	position: absolute;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 0 0;
	flex-wrap: wrap;
	z-index: 25;
	top: 0px;
	left: 0px;
}
.elements {
	width: 100%;
	min-height: 122px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 0 0;
	align-self: flex-start;
	
}
a.logo-container {
	display: flex;
	width: 300px;
	min-height: 122px;
	flex-direction: row;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	gaps: 0 0;



}
.menu {
	display: flex;
	width: 80vw;
	flex-direction: row;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 90px;
}
#favicon {
	position: absolute;
	top: 7px;
	left: 20px;
	margin: auto;
	opacity: 0;
	transition: opacity.25s ease-in-out;
	height: 86px;
}
#favicon-white-footer {
	display: none;
}
@media (min-width:768px) {
    .favicon {
    display: none;
}
	    #favicon {
    opacity: 0;
    height: 86px;
    transition: all .5s ease-in-out;
    scale: 1.05;
}
    #favicon-white {
    display: none;
}
}

#favicon-white {
        display: none;
    margin: auto;
	cursor: pointer;
}

@media screen and (min-width:1201px) {
 .logoffnha-footer  {
    height: 108px;
	width: auto;
    display: block;
position: absolute;
	top: 6px;
	left: 35px;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
	.favicon {
    display: none;
}
	    #favicon {
    display: none;
}
    #favicon-white {
    display: none;
}

}
@media screen and (max-width: 1200px) {
		.logoffnha-footer {
	    height: 100px;
	    transform: scale(.9);
	    top: 0;
	    left: 0;
	    position: fixed;
	    transition: .5s;
	    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
}

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

	.logoffnha-footer {
display: none;
}
	header {
	}
	.menu {
		width: 78% !important;
		max-height: 100px;
	}
	.menu-container {
	
		height: 0px;
		justify-content: flex-end;
		align-items: center;
		flex-grow: 1;
		flex-shrink: 0;
	}
	.logo-container {
		width: 18%;
		height: 100px;
		align-items: flex-end;
		align-self: flex-start;
		flex-shrink: 1;
		flex-grow: 0;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		align-content: flex-end;
		justify-content: center;
		opacity: 1;
		transition: opacity.25s ease-in-out;
		min-height: 100px !important;
	}

	.favicon {
    height: 86px;
    width: 64.5px;
  display: inline;
    transition: all .25s ease-in-out;
	padding-left: 20px;
}    
		#favicon {
    padding-left: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all .5s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    opacity: 1;
    scale: 1.05;
}    
	#favicon-white {

		z-index: 201;
		position: fixed;
	top: 7px;
	left: 20px;
	margin: auto;
	opacity: 0;
	transition: opacity.25s ease-in-out;
	height: 86px;
	display: inline;
	transition: all .25s ease-in-out;
    padding-left: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all .5s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    opacity: 1;
    scale: 1.05;
		
}    
	#favi {
		display: inline;
		position: fixed;
		top: 0px;
		left: 0px;
		transition: 0.5s; /* Transition effect */
		transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
	#favicon-white-footer {
		position: relative;
		top: 7px;
		z-index: 201;
		scale: 1.05;
		display: inline;
		transition: all .25s ease-in-out;
		left: 20px;
		height: 86px;
}    	
	.favi {
		padding: 0;
		width: 18%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: flex-end;
		height: 100px;
		align-self: flex-start;
	}
	.offcanvas, .offcanvas-end {
		 margin: auto 32px auto 16px;
	}
}
@media screen and (max-width:650px) {
		#favicon-white-footer {
		position: relative;
		top: 10px;
		z-index: 201;
		height: 84px;
		display: inline;
		transition: all .25s ease-in-out;
		left: 20px;
} 
}

@media screen and (max-width:499px) {
    .favicon {
        height: 60px;
        width: 45px;
        
    }
	#favicon-white-footer {
		position: relative;
		top: 14px;
		z-index: 201;
		height: 76px;
		display: inline;
		transition: all .25s ease-in-out;
		left: 5px;
		scale: .67;
}   
}


.logoffnha  {

	height: 100px;
transform: scale(.9);
    display: block;
    margin: auto;
    transition: all .25s ease-in-out;
}

.ffnha {
	display: flex;
	padding: 0 0 0 20px;
	width: 300px;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.offcanvas, .offcanvas-end {
 margin: auto 40px auto auto;
}
.menu-container {
	width: 85%;
	display: flex;
	flex-direction: row;
	gap: 0 0;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: center;
}
.offcanvas {
}
.burger  {
    height: 26px;
    width: 26px;
    fill: #fff;
    transition: all .25s ease-in-out;
    display: block;
    margin: auto;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	padding: 0;
	
    }
.offcanvas , .offcanvas-end {
}
@media screen and (max-width:499px) {
	#closeSidebar {
    padding: 0;
    margin: 0;
    
}

}
@media screen and (max-width:375px) {
	.offcanvas , .offcanvas-end {
    padding: 0;
    margin-left: 0px;
}
}
#header-menu  {
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	flex-direction: row;
	gap: 32px 32px;
	justify-content: flex-end;
	color: inherit;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
	flex-wrap: nowrap;
	align-items: center;
	position: absolute;
	right: 72px;
	align-content: center;
	top: 90px;
	right: 87px;
    user-select: none;
	}
.header-menu {
    font-family: "Mercury Text G1";
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.3px;
    color: #f6f6f6 !important;
    cursor: pointer;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
    }
.header-menu-dark {
   font-family: "Mercury Text G1";
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.3px;
    color: #191919 !important;
    cursor: pointer;
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          
	padding: 0 16px 0 16px;
}
.header-menu-clear {
    font-family: "Mercury Text G1";
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.3px;
    color: #b3b3b300 !important;
    cursor: pointer;
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          
	padding: 0 16px 0 16px;
}
.header-menu a:hover {
    color: #B14A1F !important;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.header-menu-dark a:hover {
	   color: #B14A1F !important;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}

@media screen and (max-width:1200px) {
   .offcanvas {
}
	#header-menu {
		top: 76px;
		right: 75px;
		position: absolute;
		max-height: 20px;
	}
    .header-menu  {
    font-size: 18px;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
.header-menu-dark {
    font-size: 18px;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
    .burger  {
        width: 18px;
        height: 20px !important;
        transition: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
        margin-bottom: 0;
        }
	 .burger-dark {
        width: 18px;
        height: 20px !important;
        transition: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
        
        }
	.burger , .burger-dark , .offcanvas , .offcanvas-end {
    height: 18px !important;
	width: 18px !important;
    }
		    .burger-dark , .offcanvas , .offcanvas-end {
    height: 18px !important;
	width: 18px !important;
    }
}
	@media screen and (max-width: 800px) {
		.elements {
			flex-wrap: nowrap;
			
		}
	}
@media screen and (min-width: 768px) {
	#toggleBtn {
	right: 0;
	margin: 0;
	padding: 0;
	
	}
	.burger {
		width: 18px;
	}
	.burger-dark {
		width: 18px;
	}
}
@media screen and (max-width:375px) {
	#header-menu {
		gap: 0px 15px;
	}
}
@media screen and (max-width:399px) {
		#closeSidebar.offcanvas.offcanvas-end {
    padding: 0;
    margin: 0 10px 0 0;
    right: 10px;
    top: 61px;
    }
	
	#header-menu {
		gap: 0px 10px;
		padding-bottom: 10px;
		margin-bottom: -12px !important;
		padding-right: 10px;
		font-size: 14px;
		right: 40px;
	
	padding-right: 0;
	}
	}

@media (max-width:880px) {
    #header-menu {
		top: 76px;
            right: 70px;
		gap: 0 32px;
		
}
}
	@media (max-width:499px) {
	#header-menu {
	right: 45px;
	top: 65px;
	}
	}

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

	.header-menu {
		font-size: 18px;
		line-height: 14px;
	}
}
	#header-menu {
	gap: 0px 32px;
	}
	.elements {
		width: 100%;
		flex-direction: row;
		max-height: 100px;
	}
    .burger {
        width: 22px;
        height: 22px;
            transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
        }
	    .burger-dark {
        width: 22px;
        height: 22px;
            transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
        }
    .offcanvas {
}


@media screen and (max-width:499px) {
	.header-menu {
		font-size: 15px;
		line-height: 14px;
	}
}
@media screen and (max-width:650px) {
		#header-menu {
  gap: 0px 20px;
			padding-right: 0;
    
	}

}
@media screen and (max-width:499px) {
	#favicon {
		scale: .67;
		transition: all .25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
		height: 84px;
		top: 10px;
	}
		#favicon-white {
		scale: .67;
		transition: all .25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
		height: 84px;
		top: 10px;
	}

	   .header-menu  {
        font-size: 15px;
        line-height: 14px;
        transition: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
		   .header-menu-dark  {
        font-size: 15px;
        line-height: 14px;
        
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
	.elements {
		height: 86px !important;
		flex-direction: column;
	}
	.menu {
		width: 85% !important;
	}
	
    .burger {
    width: 20px;
    height: 20px;
    transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
	.favi {
		margin-top: 0;
		display: inline-flex;
		flex-direction: column;
		align-content: center;
		justify-content: flex-end;
		align-items: stretch;
	}
    .logo-container {
        width: 15%;
        
        min-height: 86px;
        justify-content: flex-start;
        align-items: flex-end;
    }
		@media screen and (max-width: 800px) {
		.elements {
			flex-wrap: nowrap;
			
		}
	}
	.menu {
		height: 86px;
		max-height: 20px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	.menu-container {
		height: 86px;
		display: flex;
		justify-content: flex-end;
		align-content: center;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
	}

}
.logoffnha {
    height: 100px;
    transform: scale(.9);
    display: block;
    margin: auto;
    transition: all .25s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
@media screen and (max-width:350px) {
	#favicon {
		
		
		display: inline-flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-end;
		align-items: center;
		
	}
}
@media (min-width:1200px) {
    #logo-white {
		opacity: 0;
		display: none;
		
	}
	.logoffnha {
        height: 120px;
    }
}
@media (max-width:767px) {
    .logoffnha {
        display: none;
    }

}

@media (max-width:767px) {
   a .logo-container {
      width: 15%;
        
        min-height: 86px;
        justify-content: flex-start;
        align-items: flex-end;
        padding-top: 4px;    
    }
}
@media (max-width:499px) {
	
}
.primary_header {
	width: 100%;
	margin: 0 0;
	padding: 0 0;
	
	clear: left;
	border-bottom: 2px solid #2C9AB7;
}
a {
	text-decoration: none;
}
@media screen and (max-width:1200px) {
	header {
		
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-grow: 0;
		flex-shrink: 0;
	}
	.menu {
		
		width: 100%
	}
	.menu-container {
		margin-top: 50px;
		width: 100%;
	}
	
	.offcanvas {
	}
	.elements {
		min-height: 0px;
		gap: 20px 20px;
		flex-wrap: nowrap;
		flex-grow: 0;
		flex-shrink: 0;
	}
	@media screen and (max-width: 800px) {
		.elements {
			flex-wrap: nowrap;
			
		}
	}
@media screen and (max-width:499px) {
	.elements {
		flex-wrap:wrap;
	}
}
	.logoffnha  {
    height: 100px;
    transform: scale(.9);
    display: flex;
    transition: all .5s ease-in-out;
    justify-items: flex-start;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: all .25s ease-in-out;
    position: absolute;
    left: 0px;
}
	a.logo-container {
		width: 36%;
		min-height: 86px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		flex-wrap: wrap;
		margin: 0 0;
		padding: 10px 0 0 20px;
		flex-grow: 0;
        flex-shrink: 1;
		align-self: flex-end;
		align-content: flex-end;

	}
	.menu {
		width: 54%;
		flex-wrap: wrap;
		flex-grow: 0;
		flex-shrink: 0;
		position: fixed;
		right: 0;
		top: 75px;
	}
	.menu-container {
		height: 20px;
		padding: 0;
		margin: 0;
		max-height: 20px !important;
	}
	.header-menu , .header-menu-dark {
	}
	.ffnha {
		width: 340px;
		padding: 0;
		margin: 0;
		align-self: flex-start;
		align-content: center;
		display:  flex;
		justify-content: space-between;
		align-items: flex-end;
		transition: all 1.5s ease-out;
		position: absolute;
		top: 0;
	}

}
@media screen and (max-width: 650px) {
    #favicon {
        scale: 1;
        transition: all .25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
        height: 84px;
        top: 10px;
    }
}
@media screen and (max-width:767px) {
    .logoffnha {
        opacity: 0;
        transition: all .5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
        top: 0;
        left: -155px;
    }

}
@media screen and (max-width:399px) {
    #favicon {
        transition: all .5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
        top: 14px;
        left: 5px;
        scale: 1;
    }
    #favicon-white {
        transition: all .5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
        top: 14px;
        left: 5px;
        scale: 1;
    }
	.menu-container {
		position: fixed;
		left: 0;
		
	}
	.offcanvas , .offcanvas-end {
		margin-right: 5px;
		margin-left: 5px;
		
	}

}
/****** Main ********/

body {
overflow-x: hidden;
  margin: 0 0;
}

h1 {
	font-size:13em;

}
video {
  object-fit: cover;
  width: 100vw;
  height: 100svh;
  height: calc(var(--svh, 1svh) * 100);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  object-fit: no-repeat;
  overflow: hidden;
}

.one h2 {
        font-family: "Mercury Text G1";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.05px;
	margin: 0 0;
    color: #f6f6f6;
            -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);

}
.one h3 {
        font-family: "Mercury Text G1";
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.05px;
    color: #f6f6f6;
            -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.two h2 {
        font-family: "Mercury Text G1";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
	margin: 0 0;
	margin-block: 0 0;
    letter-spacing: -0.05px;
    color: #f6f6f6;
            -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.two h3 {
        font-family: "Mercury Text G1";
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.05px;
    color: #f6f6f6;
            -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.three h2 {
        font-family: "Mercury Text G1";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.05px;
    color: #f6f6f6;
            -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.three h3 {
        font-family: "Mercury Text G1";
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.05px;
    color: #f6f6f6;
            -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

/****** boxes ********/

.box-1 {
	width: 45%;
	min-height: 250px;
	display: flex;
	flex-direction: row-reverse;
	gap: 0 0;
	background-color: #ffffff;
	cursor: pointer;
	z-index: 20;
	
}
.box-2 {
	width: 45%;
	min-height: 250px;
	display: flex;
	flex-direction: row;
	gap: 0 0;
	background-color: #ffffff;
	cursor: pointer;
	z-index: 20;
	
}
.box-1-img {
	width:100%;
	min-height: 28.125vh;
	display: flex;
	justify-content: center;
	gap: 0 0;
	background-image: url(https://images.squarespace-cdn.com/content/v1/61425e6c6047c009bcb766ba/1b8e7b09-6e51-4020-b69b-9aeffad49129/weston+museum074.jpg);
	background-size: cover;
	background-position: center;
}
.box-1-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px 20px;
	background-color: #ffffff;
	
}
.box-2-img {
	width:100%;
	min-height: 28.125vh;
	display: flex;
	justify-content: center;
	gap: 0 0;
	background-image: url(https://freedomsfrontier.org/wp-content/uploads/2026/03/ottawa-memorial-auditorium-scaled.jpg);
	background-size: cover;
	background-position: center center;
}
.box-2-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px 20px;
	background-color: #ffffff;
	
}
.box-1-inner {
	width: 90%;
	max-height: 9rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	gap: 0 0;
	
}
.box-2-inner {
	width: 90%;
	max-height: 9rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	gap: 0 0;
	
}
.box-headline {
    font-family: "mercury text g1";
    font-weight: 400;
    letter-spacing: -.3px;
    	  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
	cursor: pointer;
     font-size: 2rem;
 }
.box-1-inner h1 {
	font-family: "gotham";
	font-size: 0.75rem;
	font-weight: 400;
	  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
	cursor: pointer;
    
}
.box-1 h2 {
	width: 100%;
	font-family: "mercury text g1";
	font-weight: 400;
	letter-spacing: -.3px;
	white-space: normal;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	-ms-font-feature-settings: "liga","kern";
	-o-font-feature-settings: "liga","kern";
	font-feature-settings: "liga","kern";
	-o-transition:.5s;
	font-size: 1.2rem;
	}
     .box-1 h4 {
    font-family: "mercury text g1";
    font-weight: 400;
    letter-spacing: -.3px;
      -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
    
     font-size: 1.65rem;
 }
.box-1 h3 {
	font-family: "source serif pro italic";
	font-size: 0.8rem;
	color: #8E8E8E;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: -0.5px;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	-ms-font-feature-settings: "liga","kern";
	-o-font-feature-settings: "liga","kern";
	font-feature-settings: "liga","kern";
	-o-transition:.5s;
}
.box-2-inner h1 {
	text-align: center;
	font-family: "gotham";
	font-weight: 400;
	font-size: 0.75rem;
	  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
	cursor: pointer;
    
}
.box-2 h2 {
	width: 100%;
	font-family: "mercury text g1";
	font-weight: 400;
	letter-spacing: -.3px;
	white-space: normal;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	-ms-font-feature-settings: "liga","kern";
	-o-font-feature-settings: "liga","kern";
	font-feature-settings: "liga","kern";
	-o-transition:.5s;
	font-size: 1.2rem;
	}
     .box-2 h4 {
    font-family: "mercury text g1";
    font-weight: 400;
    letter-spacing: -.3px;
      -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
    
     font-size: 1.65rem;
 }
.box-2 h3 {
	font-family: "source serif pro italic";
	font-size: 0.8rem;
	color: #8E8E8E;
	font-weight: 400;
	line-height: 1.25em;
	letter-spacing: -0.5px;
	      -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
}
@media screen and (max-width:1400px) {
     h4 {
    font-family: "mercury text g1";
    font-weight: 400;
    letter-spacing: -.3px;
    
     font-size: 1.5em;
 }
    
}
@media screen and (max-width:800px) {

    .underline h4:after {
        display: none;
    }
    
}
 @media screen and (max-width: 1800px) {
.box-1 h2 {
	font-size: 1.2rem;
}
          .box-2 h2  {
     font-size: 1.2rem;
     }
          .box-1 , .box-2 h4  {
     font-size: 1.6rem;
     }
 }
 @media screen and (max-width:1600px) {

          .box-1 , .box-2 h4  {
     font-size: 1.5rem;
     }
 }
@media screen and (max-width: 1500px) {
	.box-1 h2 {
		font-size: 1.2rem;
	}
	.box-2 h2 {
		font-size: 1.2rem;
	}
}
 @media screen and (max-width:1400px) {
	.box-2 h2 {
		font-size: 1.3rem;
	}
	 .box-1 h2 {
		font-size: 1.2rem;
	}
          .box-1 , .box-2 h4  {
     font-size: 1.4rem;
     }
 }
  @media screen and (max-width:1270px) {

          .box-1 , .box-2 h4  {
     font-size: 1.2rem;
     }
 }
 @media screen and (max-width:1200px) {
	 .box-1 , .box-2 {
		 width: 70%;
		 
	 }
	 .box-1-container , .box-2-container , .box-1-img , .box-2-img {
		 width: 50%;
	 }
	 .box-1-inner , .box-2-inner {
		 width: 90%;
	 }
	 .box-1 , .box-2 h2 {
         font-size: 1.2rem;
     }
          .box-1 , .box-2 h4  {
         font-size: 1.2rem;
     }
 }
 @media screen and (max-width:1150px) {
     .box-1 , .box-2 h2 {
         font-size: 1.2rem;
     }
          .box-1, .box-2 h4  {
         font-size: 1.5rem;
     }
 }
 @media screen and  (max-width:900px)  {
     .box-1 , .box-2 {
		 width: 80%;
		 
	 }
	 .box-1-container , .box-2-container , .box-1-img , .box-2-img {
		 width: 50%;
	 }
	 .box-1-inner , .box-2-inner {
		 width: 90%;
		 min-height: 10rem;
	 }
	 .underline .box-1-inner  h2:after {
        display: none;
    }
	.underline .box-2-inner  h2:after {
        display: none;
    }
    .underline h4:after {
        display: none;
    }
           .box-1-inner h2 {
        font-size: 1.2rem;
    }
           .box-1-inner h4 {
        font-size: 1.5rem;

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

	.box-1 , .box-2 {
		 width: 75%;
		 
	 }
	 .box-1-container , .box-2-container , .box-1-img , .box-2-img {
		 width: 50%;
	 }
	 .box-1-inner , .box-2-inner {
		 width: 90%;
	 } 
	.box-1-inner h2 {
         font-size: 1.1rem;
     }
	.box-2-inner h2 {
         font-size: 1.1rem;
     }
       .box-1, .box-2 h4 {
        font-size: 1rem;

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

    .underline h4:after {
        display: none;
    }
	.box-1 , .box-2 {
		 width: 250px;
		 flex-direction: column;
		 
	 }
	.box-1-inner h1 , .box-2-inner h1 {
		font-size: 0.6em;
	}
	.box-1-container , .box-2-container {


		width: 100%;
		min-height: 150px;
	} 
	.box-1-img , .box-2-img {
		 width: 100%;
		min-height: 18.125vh;
	 }
	 .box-1-inner , .box-2-inner {
		 width: 85%;
		 min-height: 10px;
	 }
            .box-1-inner h2 {
         font-size: 1.1rem;
     }
	  .box-2-inner h2 {
         font-size: 1.1rem;
     }
       .box-1 , .box-2 h4 {
        font-size: 1rem;

    }
}
.underline h2:after {
    display: block;
    content: "";
    width: 10%;
    background: #CDCDCB;
    height: 2px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 14px;
    transition: all .5s cubic-bezier(.23,1,.32,1)
}

.underline:hover h2:after {
    width: 75%;
     background: #8C3B19;
    transition: all .5s cubic-bezier(.23,1,.32,1)
}


.underline h4:after {
    display: block;
    content: "";
    width: 10%;
    background: #CDCDCB;
    height: 2px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 14px;
    transition: all .5s cubic-bezier(.23,1,.32,1)
}

.underline:hover h4:after {
    width: 75%;
     background: #8C3B19;
    transition: all .5s cubic-bezier(.23,1,.32,1)
}



.image-box-2 {
    background: url('https://freedomsfrontier.org/wp-content/uploads/2024/03/gary-nevius-800x600-1.png');
    background-position-x: 110%;
    background-repeat: no-repeat;
    
    background-size: 55%;
    transition: all .7s;
    
}
.image-box-2:hover  {
    transition: all 0.4s;
    background-size: 65%;
    background-position-x: 125%
    }
@media (max-width:1400px) {
     h4 {
    font-family: "mercury text g1";
    font-weight: 400;
    letter-spacing: -.3px;
    
     font-size: 1.5em;
 }
    
}
@media (max-width:800px) {

    .underline h4:after {
        display: none;
    }
    
}

.code {
	background:rgba(0,0,0,0.2);
}
.tours-button {

    border: 0;
    line-height: 23px;
    margin-top: 20px;
    padding: 10px 60px 10px 60px;
    font-size: .7rem;
    font-family: "gotham black";
    letter-spacing: -0.01px;
    word-spacing: .1px;
    font-weight: 400;
    text-align: center;
    
    border-radius: 0px;
   background-color: #f5f5f5;
    color: #191919; 
    transition: all .3s;
    cursor: pointer;
}
.tours-button:hover {
   background-color: rgba(25, 25, 25, 1);
   color: #fff;
transition: all .3s;
}
.map-button {

   border: 0;
    line-height: 23px;
    margin-top: 20px;
    padding: 10px 60px 10px 60px;
    font-size: .7rem;
    font-family: "gotham black";
    letter-spacing: -0.01px;
    word-spacing: .1px;
    font-weight: 400;
    text-align: center;
    
    border-radius: 0px;
   background-color: #191919;
    color: #f5f5f5; 
    transition: all .3s;
    cursor: pointer;
}
.map-button:hover {
   background-color: #fff;
   color: rgba(25, 25, 25, 1);
transition: all .3s;
}
.mains {    
	border: 0;
    line-height: 23px;
	padding: 10px 60px 10px 60px;
    font-size: .7rem;
    font-family: "gotham black";
    letter-spacing: -0.01px;
    word-spacing: .1px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    border-radius: 0px;
    background-color: rgba(25, 25, 25, 1);
    transition: all .3s;
    cursor: pointer;
}
.mains:hover {
    background-color: #f5f5f5;
    color: #191919;
transition: all .3s;
}
.social-corner {
	position: absolute;
	top:18px;
	right:40px;
}
.social-corner iframe:first-child {
	margin-right:3px;
}
.vertical-center p.cta {
	margin-top:5px;
}
.vertical-center a:link,
.vertical-center a:visited {
	color:white;
	text-decoration:none;

	font-size:0.6em;
}
.vertical-center a:hover {
	text-decoration: underline;
}
.arrow-box {


    position: relative;
    display: flex;
	flex-direction: row;
	justify-content: center;

	
}
.content.middle {
	    position: relative;
    display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px 20px;
	
}
.button-container {
	    position: relative;
    display: flex;
	flex-direction: row;
	justify-content: center;
}
.arrow {

	width: 29.67px;

    height: 16.72px;
    fill: #fff;
    transition: all .25s ease-in-out;
	cursor: pointer;
}


@media (max-width:800px) {
	h1 {
		font-size:15vw;
	}
	h2 {
		font-size:12vw;
	}
	.inner {
		width:70%;

	}
}
.home-pagination-dots-container {
    position: fixed;
    left: 8%;
    bottom: 32px
}

@media screen and (min-width: 768px) {
    .home-pagination-dots-container {
        bottom:80px;
        left: 58px
    }
}

@media screen and (min-width: 1280px) {
    .home-pagination-dots-container {
        left:78px
    }
}

@media screen and (min-width: 1824px) {
    .home-pagination-dots-container {
        bottom:112px
    }
}

.home-pagination-dots-container .dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 8px;
    transition: all 1s ease-out;
    background: #252525;
    opacity: .3
}

.home-pagination-dots-container .dot:last-child {
    margin-bottom: 0
}

.home-pagination-dots-container .dot.is-active,.home-pagination-dots-container .dot:hover {
    background: #252525;
    opacity: 1
}
.home-pagination-dots-container.dark {
	background: #252525;
	opacity: 1;
}
#home-pagination-dots-container .pagination-dot .dark  {
    background: #fff;
    opacity: .3
}

.home-pagination-dots-container.dark .dot.is-active,.home-pagination-dots-container.dark .dot:hover {
    background: #fff;
    opacity: 1
}
#home-pagination-dots-container {
    position: fixed;
    left: 8%;
    bottom: 32px;
    z-index: 25;
}
@media screen and (min-width: 499px) {
    #home-pagination-dots-container {
    left: 8%;
    bottom: 32px;
    z-index: 25;
    }
}
@media screen and (min-width: 768px) {
    #home-pagination-dots-container {
        bottom:80px;
        left: 58px;
        z-index: 25;
    }
}

@media screen and (min-width: 1280px) {
    #home-pagination-dots-container {
        left:78px
    }
}

@media screen and (min-width: 1824px) {
    #home-pagination-dots-container {
        bottom:112px
    }
}
#home-pagination-dots-container .pagination-dot {
      width: 8px;
    height: 8px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 8px;
    transition: all 1s ease-out;
    background: #fff;
    opacity: .3;
    z-index: 30000;
}
#home-pagination-dots-container .pagination-dot-dark {
      width: 8px;
    height: 8px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 8px;
    transition: all 1s ease-out;
    background: #252525;
    opacity: .3;
    z-index: 30000;
}
.pagination-dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 8px;
    transition: all 1s ease-out;
    background: #fff;
    opacity: .3;
    cursor: pointer;
    z-index: 30000;
}
.pagination-dot-dark {
    background-color: #252525 !important;
}
#home-pagination-dots-container .pagination-dot.active {
   background: #fff;
    opacity: 1;
    z-index: 30000;
     transition: all 1s ease-out;
    
}
#home-pagination-dots-container .pagination-dot-dark.active {
   background: #252525;
    opacity: 1;
    z-index: 30000;
     transition: all 1s ease-out;
    
}
.page-frame {
  height: calc(var(--svh, 1svh) * 100);
  z-index: -1;
}
@supports (height: 100svh) {
  .page-frame {
    height: 100svh;
  }
}
.viewport-header {
  position: absolute;
  height: 100svh;
  height: calc(var(--svh, 1svh) * 100);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
img {
  display: inline-block;
  object-fit: contain;
  border: none;
  width:100%;
}
.img-container {
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  border: none;
}
.middle-img2 {
	display: block;
  width:700px;
  
  background-repeat: no-repeat;
       background-size: contain;
    background-position: center;
    z-index: 1;

    margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width:1200px) {
  .middle-img2 {
    width: 75%;
    
  }
}
@media (max-width:900px) {
  .middle-img2 {
    
  }
}
@media (max-width:767px) {
  .middle-img2 {
    width: 90%;
    
  }
}
.middle-img {
	display: block;
  width:700px;
  min-height: 200px;
  background-repeat: no-repeat;
       background-size: contain;
    background-position: center;
    z-index: 1;
padding-top: 20px;
    margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width:1200px) {
  .middle-img {
    width: 75%;
    padding-top: 30px;
  }
}
@media (max-width:900px) {
  .middle-img {
    min-height:50vh;
  }
}
@media (max-width:767px) {
  .middle-img {
    width: 90%;
    min-height: 40vh;
  }
}
element.style {
height: 100svh !important;
height: calc(var(--svh, 1svh) * 100) !important;
}
.one  > .content {
    position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.two  > .content {
    position: absolute;
  left: 50%;
  top: 150%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.three  > .content {
    position: absolute;
  left: 50%;
  top: 250%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.four > .content {
      position: absolute;
  left: 50%;
  top: 350%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.five > .content {
      position: absolute;
      left: 50%;
      top: 350%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
}
.footer-menu h5  {
    font-family: "Mercury Text G1";
    font-size: 1.55rem;
    font-weight: 500;
    transform: default;
    letter-spacing: -0.3px;
    word-spacing: .2rem;
        color: #f6f6f6;
    cursor: pointer;
        -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
body {
  margin: 0 0;
  overflow-x: hidden
}
h1 {
  font-family: inherit;
}
h2 {
  font-family: inherit;
}
h3 {
  font-family: inherit;
}
.footer-submenu-nav h2 , .footer-submenu-nav h3 {
  color: inherit;
  text-decoration: none;
      -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
a:hover {
  color: #cdcdcd;
  text-decoration: none;
      -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
@font-face {
  font-family: Mercury Text G1;
  src: url(https://freedomsfrontier.org/ffnha/fonts/Mercury-TextG1Roman.ttf);
  font-weight: 500;
}
@font-face {
  font-family: gotham black;
  src: url(https://freedomsfrontier.org/ffnha/fonts/GothamPro-Black.woff);
  font-weight: 300;
}
@font-face {
  font-family: Gotham;
  src: url(https://freedomsfrontier.org/ffnha/fonts/GothamPro-Bold.woff);
  font-weight: 600;
}
@font-face {
  font-family: Source Serif Pro Italic;
  src: url(https://freedomsfrontier.org/wp-content/uploads/2022/06/SourceSerifPro-Italic.ttf);
  font-weight: normal;
}
/****** Elementor ********/
article.footer {padding: 0;position: relative;display: flex;flex-direction: column;justify-content: center;gap: 0 0;height: 100vh;height: calc(var(--vh, 1vh) * 100);width: 100vw;background-color: #69544C;z-index: 26;opacity: 1;
			   overflow: hidden;
               user-select: none;
			   }
@media screen and (min-width: 1200px) {
	.footer-menus {
width: 100%;
	display: flex;
	flex-direction: row;
	padding: 0;
	z-index: 25;
	justify-items: center;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	align-content: center;
		          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
	}
}
.footer-menus {
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 0;
	z-index: 25;
	justify-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	align-content: center;

	          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.footer-left-menu {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 40px 20px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.footer-right-menu {
	width: 45%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 200px 200px;
	          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
@media screen and (max-width:1400px) {
	.footer-right-menu {
		gap: 100px 100px
	}
}
@media screen and (max-width:1200px) {
	.footer-menus {
		width: 100%;
		display: flex;
		flex-direction: row;
		padding: 0;
		z-index: 25;
		justify-items: center;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-around;
					 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}
.footer-ffnha {
	width: 400px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 0;
	align-content: flex-start;
	flex-wrap: nowrap;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.footer-mm {
	width: 722px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 6px 6px;
	flex-wrap: nowrap;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.footer-icons {
	width: 350px;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 72px;
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
	align-content: center;
	margin-left: -16px;
	justify-content: flex-start;
}
.footer-hh {
	width: 722px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 6px 6px;
	flex-wrap: nowrap;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.footer-inner {
  display: flex;
  flex-direction: row;
  container-widget-width: initial;
  container-widget-height: 100%;
  container-widget-flex-grow: 1;
  container-widget-align-self: stretch;
  flex-wrap-mobile: wrap;
  gap: 0 0;
  row-gap: 0;
  column-gap: 0;
  padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.footer-places {
	width: 150px;
	display: flex;
	min-height: 450px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0 0;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.footer-about {
		width: 150px;
		display: flex;
		min-height: 450px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 0 0;
			 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
/****** @media ********/
@media screen and (max-width:1200px) {
	.footer-places {
		width: 50%;
	}
	.footer-about {
		width: 50%;
	}
	.footer-right-menu {
		width: 50%;
		gap: 0 0;
	}
	.footer-left-menu {
		width: 40%;
		
		justify-content: center;
		gap: 40px;
					 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}

@media screen and (max-width: 900px) {
	.footer {
		position: relative;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 100px 60 60 60;
		
	}
	.footer-menus {
		flex-direction: column-reverse;
		gap: 20px 80px;
		align-items: center;
		justify-content: center;
		padding: 0;
		width: 100%;
		margin-top: 150px;
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
		.footer-places {
		width: 50%;
						 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
	.footer-about {
		width: 50%;
					 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
	.footer-right-menu {
		width: 75%;
		gap: 40 40;
		
	}
	.footer-left-menu {
		width: 75%;
		gap: 40 40;
		
	}
		.footer-mm {
		display: none;
			
	}

	.footer-hh {
		display: none;
	}
	.footer-left-menu {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-items: center;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: center;
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}
@media screen and (max-width:767px) { 
	.footer-menus {
		margin-top: 100px;
	}
	.footer-menu  {
    font-size: 0.7rem


	}
.footer-menu-nav   {
    font-size: 1.2rem
}
    .footer-submenu  {
        font-size: .7rem;
		
    }
	.footer-ffnha {
		margin-bottom: 20px;
	}
	.footer-mm {
		display: none;
	}
	.footer-hh {
		display: none;
	}
    .footer-submenu-info
    {
        font-size: .7rem;
    }
    .footer-submenu-nav  {
        font-size: .7rem;
    }
    .footer-italics {
        font-size: .7rem;
    }
}
@media screen and (max-width:585px) {
	.footer-menu {
		font-size: 0.65rem;
	}
	.footer-submenu-nav {
		font-size: 0.65rem;
	}		
}
@media screen and  (max-width:475px) {
    	.footer-menus {
		margin-top: 0;
	}	
	.footer-right-menu {
		width: 90%;
		gap: 40 40;
	}
	.footer-left-menu {
		width: 90%;
		gap: 40 40;
	}
    .footer-submenu {
        font-size: 0.8rem;
    }
	.footer-menu  {
    font-size: .6rem
}
.footer-menu-nav  {
    font-size: .6rem
}
    .footer-submenu a {
        font-size: .7rem;
    }
    .footer-submenu-info
    {
        font-size: .6rem;
    }
    .footer-submenu-nav a {
        font-size: .6rem;
    }
    .footer-italics {
        font-size: .6rem;
    }
}
@media screen and (max-width:400px) {
	.footer-menus {
		margin-top: 0px;
	}
}



@media screen and (max-width:767px) {
section.footer {
  padding: 0;
}

.footer-submenu,  .footer-submenu-nav {
    padding-left: 0;
    margin-right: -1000px;
    text-wrap: none;
    overflow: hidden;
    
  }
  .footer-column-1 {
    max-width: 10%;
    
    
  }
    .footer-column-2 {
    max-width: 50%;
    
  }
  .page-footer {
           min-height: 100vh;
		   height: calc(var(--vh, 1vh) * 100);
           min-width: 130%;
        flex-direction: column;
        container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
        container-widget-height: initial;
        container-widget-flex-grow: 0;
        container-widget-align-self: initial;
        flex-wrap-mobile: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 0px 0px;
        row-gap: 0px;
        column-gap: 0px;
        padding-top: 60px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        z-index: 14;
        
  }
  .footer-inner {
        width: 100vw;
        min-height: 420px;
        flex-direction: column-reverse;
        container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
        container-widget-height: 100%;
        container-widget-flex-grow: 1;
        container-widget-align-self: stretch;
        flex-wrap-mobile: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px 0px;
        row-gap: 0px;
        column-gap: 0px;
        margin: 0;
        padding: 50px 0;
        position: relative;
 
  }
  .footer-right {
  position: relative;
float: left;
right: 0;
  }
.footer-left {
  position: relative;
float: right;
	clear:left;
left: 0px;
margin-left: 0

  
  
}
.footer-column-1 , .footer-menu h1 {
  width: 1000px;
}
 
}
/****** end @media ********/

/****** Text styles ********/
.footer-menu {
    font-family: "Mercury Text G1";
    font-size: 1.55rem;
    font-weight: 500;
    transform: default;
    letter-spacing: -0.3px;
    word-spacing: .2rem;
    color: #f6f6f6;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    user-select: none;
}

.footer-submenu  {
    font-family: "Gotham";
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    color: #f6f6f6;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

.footer-menu-nav h5 {
    font-family: "Mercury Text G1";
    font-size: 1.55rem;
    font-weight: 500;
    transform: default;
    letter-spacing: -0.3px;
    word-spacing: 1;
    color: #f6f6f6;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}


.footer-submenu-nav {
    font-family: "Gotham";
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    color: #f6f6f6;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.footer-italics {
    font-family: "Source Serif Pro Italic";
    font-size: 0.8rem;
    font-weight: normal;
    transform: default;
    letter-spacing: -0.5px;
    color: #f6f6f6;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.footer-menu-nav:hover h5 {
color: #cdcdcd;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.footer-submenu-nav:hover h5 {
color: #cdcddc;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.footer-submenu-nav h6:hover {
color: #cdcdcd;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

.footer-menu-nav:hover h5 {
    line-height: 1;
color: #cdcdcd;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
    
}
.footer-submenu-nav:hover h5 {
color: #cdcdcd;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
    
}
.footer-submenu-ffnha:hover  {
    color: #f6f6f6;
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
@media (max-width:767px) { .footer-menu  {
    font-size: 1.2rem
}
.footer-menu-nav h5  {
    font-size: 1.2rem
}
    .footer-submenu  {
        font-size: .7rem;
    }
    .footer-submenu-info
    {
        font-size: .7rem;
    }
    .footer-submenu-nav  {
        font-size: .7rem;
    }
    .footer-italics {
        font-size: .7rem;
    }
}
@media (max-width:400px) {
    .footer-menu  {
    font-size: 1rem
}
.footer-menu-nav h5 {
    font-size: 1rem
}
    .footer-submenu  {
        font-size: .6rem;
    }
    .footer-submenu-info
    {
        font-size: .6rem;
    }
    .footer-submenu-nav h6 {
        font-size: .6rem;
    }
    .footer-italics {
        font-size: .6rem;
    }
}




/****** sidebar ********/

.sidebar a {
  color: #f6f6f6;
  text-decoration: none;
}
#toggleBtn {
	cursor: pointer !important;
}
   #sidebar {
            position: fixed;
            display: block;
            top: 0;
            right: calc(-37vw - 50px); /* Initially hidden */
            width: 37vw;
            height: 100svh;
            background-color: #003B4D;
            color: #fff;
            padding: 20px;
            --box-shadow: -2px 0 10px rgba(0, 0, 0, 0.5);
            transition: right 1.25s ease-in-out;
            z-index: 200;
            opacity: 1;
            user-select: none;
            box-sizing: unset;
        }
@media screen and (max-width:1750px)    {
  #sidebar {
    width: 41vw;
    right: calc(-41vw - 50px);
  }
}
@media screen and (max-width:1200px)    {
  #sidebar {
    width: 49vw;
    right: calc(-49vw - 50px);
  }
}
@media screen and (max-width:900px)    {
  #sidebar {
    width: 100vw;
  }
}
@media screen and (max-width:767px)    {
  #sidebar {
    width: 100svw;
    right: -110vw;
    opacity: 1;
  }
   .sidebar-inner {
     margin-top: 5% !important;
}
}
.ffnha-sidebar {
    font-family: 'Mercury Text G1'; 
    font-size: 24px;
    letter-spacing: -.3px;
    font-weight: 400;
    line-height: 24px;
    color: #f6f6f6;
        -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
    padding: 15px 15px;
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    
}
.ffnha-sidebar-nav {
    font-family: "Gotham";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
    text-decoration: none;
    color: #f6f6f6;
        -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";

          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
	.ffnha-sidebar-menu .ffnha-sidebar-nav  {
    font-family: "Gotham";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 0;
    letter-spacing: 0.2px;
    text-decoration: none;
    color: #f6f6f6;
        -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";

          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
.ffnha-sidebar-menu .ffnha-sidebar-nav a {
    font-family: "Gotham";
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 0;
    letter-spacing: 0.2px;
    text-decoration: none;
    color: #f6f6f6;
        -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";

          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
.ffnha-sidebar-nav:hover {
    color: #9e9e9e;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}
.ffnha-sidebar a:hover {
    color: #9e9e9e;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);

}
.ffnha-sidebar-menu {
    padding: 15px 15px;
}
.ffnha-sidebar-nav:hover {
    color: #9e9e9e;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

@media (max-width:768px) {
    .ffnha-sidebar  {
      
    }
}
@media (max-width:767px) {
    .logo-container {
        justify-content: flex-start;
        align-items: center;
        padding-top: 0;
    }
}
@media (max-width:499px) {
    .logo-container {
        width: 15%;
        min-height: 86px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: center;
        align-content: flex-end;
        align-items: flex-end;
    }
}

.offcanvas, .offcanvas-end {
	position: absolute;
	right: 5px;
	top: 90px;
	
}
@media screen and (max-width: 768px) {
	.offcanvas, .offcanvas-end {

top:  76px;

right: 0;

}
}
.burger {
    height: 26px;
    width: 26px;
    fill: #fff;
    transition: all .5s ease-in-out;
    display: block;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
.burger-dark {
	    height: 26px;
	    width: 26px;
	    fill: #191919;
	    transition: all .25s ease-in-out;
	    display: block;
	    margin: auto;
	    transition-timing-function: cubic-bezier(.23,1,.32,1);
	    padding: 0;
}
.offcanvas .offcanvas-end {
    padding: 0;
    margin: 0;
    
}
#closeSidebar {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  right: 5px;
  top: 90px;
}
@media screen and (max-width: 1200px) {
	#closeSidebar {
	position: absolute;
	display: inline-block;
	right: 3px;
	top: 75px;
	}
}
@media screen and (max-width: 767px) {
	#closeSidebar {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 75px;
	}
}
@media screen and (max-width: 499px) {
	#closeSidebar {
	position: absolute;
	display: inline-block;
	right: 10px;
	top: 61px;
	}
}
.header-menu-sidebar {
    font-family: "Mercury Text G1";
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.3px;
    color: #f6f6f600;
    cursor: pointer;
          -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    -ms-font-feature-settings: "liga","kern";
    -o-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
          -o-transition:.5s;
    }

.header-menu-sidebar h2:hover {
    cursor: default;
    color: #B14A1F00;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
@media (max-width:1200px) {
   .offcanvas, .offcanvas-end {
	top:  76px;
	right: 0;
	margin: auto 40px auto auto !important;
	width: 18px !important; }
    .header-menu-sidebar h2 {
    font-size: 18px;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
    .burger  {
        width: 18px;
        height: 18px;
            transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
       
        }
	.burger-dark {
        width: 18px;
        transition: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
        }
}
@media (max-width:880px) {
    .offcanvas {
            top: 76px;
            right: 0;
margin: 0 50px auto auto !important;
width: 18px !important;
 }
}
@media (max-width:767px) {
    .burger {
        width: 22px !important;
        height: 22px;
            transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	margin-right: 0 !important;
        }
	    .burger-dark {
        width: 22px;
        height: 22px;
        transition: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
        }
    .offcanvas {
		margin: 0 50px auto auto !important;
		width: 22px !important;
}
	
}
@media (max-width:499px) {
    .burger {
    height: 20px;
    transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
	    .burger-dark {
    width: 22px;
    height: 20px;
    margin-bottom: -2px;
    transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
    .header-menu-sidebar h2 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: -7px;
        transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    }
}
.sidebar-close {
  position: absolute;
  top: 25%;
  display: none;
}

.sidebar-inner {
  width: 75%;
  height: 100%;
  display: flex;
  margin-top: 0;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}
@media screen and (max-width: 399px) {
	#closeSidebar {
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 76px;
	}	
}
@media screen and (max-width: 499px) {
	.sidebar-inner-inner {
		padding-top: 50px;
	}
}
.sidebar-inner-inner {
  width: 70%;
  display: flex;
  align-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 70%;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
	.sidebar-inner-inner {
  width: 70%;
  display: flex;
  align-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  margin-top: 50px;
}
}
.btn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  
}


  .dropdown-header {
            cursor: pointer;
         
        }
  .dropdown-content  {
            max-height: 0;
            overflow: hidden;
margin-left: 0;
            padding: 0;
            opacity: 0;
            transition: max-height 0.4s ease-out, opacity 0.4s ease-out, padding 0.4s ease-out;
        }
.dropdown {
            margin-top: 24px;
        }


@media screen and (min-width: 768px) {
    @media screen and (max-width: 1200px) {
        #header-menu {
            right: 75px;
            position: absolute;
            max-height: 20px;
            top: 76px;
            row-gap: 32px;
        }
    }
}
@media screen and (min-width: 768px) {
    @media screen and (max-width: 1200px) {
        .burger {
            width: 18px;
            transition: .5s;
            transition-timing-function: cubic-bezier(.23,1,.32,1);
            margin-bottom: 0;
        }
    }
}

    @media screen and (max-width: 1200px) {
        #header-menu {
            right: 75px;
            position: absolute;
            max-height: 20px;
            top: 76px;
			width: 10%;
        }
    }
@media screen and (max-width: 767px) {
    @media (max-width: 880px) {
        #header-menu {
            top: 76px;
            right: 85px;
            line-height: 32px;
        }
    }
}
@media screen and (max-width: 650px) {
    #favicon-white {
        scale: 1;
        transition: all .25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
        height: 84px;
        top: 10px;
    }
}
@media screen and (max-width: 767px) {
    @media screen and (max-width: 499px) {
        #favicon {
            transition: all .5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
            top: 14px;
            left: 5px;
            scale: .67;
            height:  76px;
        }
    }
}
@media screen and (max-width:499px) {
	#header-menu {
		right: 45px;
		top: 65px;
		width: 100%;
		line-height: 14px;
	}

.offcanvas , .offcanvas-end {
    padding: 0;
    margin-left: 0;
	margin-right: 0;
	right: 10px;
	top: 61px;
    
}
}
@media screen and (max-width: 767px) {
    @media screen and (max-width: 499px) {
        #favicon-white {
            top: 14px;
            left: 5px;
            scale: 0.67;
            transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
            height: 76px;
        }
    }
}
.post {
	background-color: white;
}
@media screen and (max-height: 600px) {
	div.footer-mm {
	display: none; }
	div.footer-hh {
		display: none;
	}
	.footer-left-menu {
		margin-top: 1.75rem;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}

@media screen and (max-width: 950px) and (max-height: 500px) {
	#five {
		gap: 0px 0px;
		
	}
	#box-1 h2::after, #box-2 h2::after {
		display: none;
	}
	#box-1, #box-2 {
		min-height: 1rem;
		overflow: hidden;
		height: 11rem;
		transform: scale(.75);
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
			}
	.box-1-img, .box-1-inner, .box-2-img, .box-2-inner {
		min-height: 1rem;
		row-gap: 0;
		
	}
	#middle-five {
	width: 50%;
	}
	.offcanvas {
		margin-right: 2rem;
	}
	#home-pagination-dots-container {
		bottom: 1rem;
		}
	.two h2, .three h2, #middle-five img {
		font-size: .85rem;
		padding-bottom: 0;
	}
	.two>.content, .three>.content  {
		width: 75%;
		
		justify-content: flex-start;
		align-items: center;
		
	}
	.footer-menus {
	flex-direction: row;
	gap: 0 0;
	margin-top: 0;
	transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
.footer-places, .footer-about, .footer-ffnha, .footer-icons {
	transform: scale(.85);
	transition: .5s;
	transition-timing-function: cubic-bezier(.23,1,.32,1);
}
	.footer-icons .iframe-container-icons, .footer-iframe {
	display: inherit;
}
	.footer-left-menu {
		margin-left: -1rem;
		transition: .5s;
		transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}
@media screen and (max-width: 767px) and (max-height: 500px) {
	
	.footer-menus {
		flex-direction: column-reverse;
		gap: 0 0;
		margin-top: 0;
		transition: .5s;
	    transition-timing-function: cubic-bezier(.23,1,.32,1);
		transform: initial;
		
	}
.footer-icons .iframe-container-icons, .footer-iframe {
	display: inherit;
}
	.footer-left-menu {
		margin-top: 1.75rem;
		position: relative;
		width: 50%;
		left: 0px;
		 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}
@media screen and (max-width: 600px) and (max-height: 600px) {
		.two h2, .three h2, #middle-five img {
		font-size: .85rem;
		padding-bottom: 0;
	}
	.two>.content, .three>.content  {
		width: 75%;
		
		justify-content: flex-start;
		align-items: center;
		
	}
	#box-1, #box-2 {
		width: 80%;
				 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
		min-height: 100px;
		
	}
		#box-1  {
flex-direction: row-reverse;
		overflow: hidden;
		}
	#box-2 {
		flex-direction: row;
	}
	.box-1-img, .box-1-inner, .box-2-img, .box-2-inner {
		
		row-gap: 0;
		
	}
	#five {
		gap: 15px 0
	}
}
@media screen and (max-width:667px) and (max-height:375px) {
	.footer-menus {
		flex-direction: row;
		gap: 0 0;
		margin-top: 0;
		transition: .5s;
	    transition-timing-function: cubic-bezier(.23,1,.32,1);
		transform: initial;
		
	}
.footer-icons .iframe-container-icons, .footer-iframe {
	display: inherit;
}
	.footer-left-menu {
		row-gap: 20px;
		margin-top: 1.75rem;
		position: relative;
		width: 50%;
		left: 0px;
		 transition: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	}
}
/***** 12.15.25 social icons *****/
#social-icons {
	cursor: pointer;
	position: absolute;
	display: flex;
	right: 5px;
	bottom: 64px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	gap: 32px;
}
.social-icons {
	margin: auto 40px auto auto
}
.facebook {
    height: 32px;
    width: 32px;
    fill: #fff;
    transition: all .25s ease-in-out;
    display: block;
    margin: auto;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    padding: 0;
}
.youtube {
    height: 36px;
    width: 36px;
    fill: #fff;
    transition: all .25s ease-in-out;
    display: block;
    margin: auto;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    padding: 0;
}
.instagram {
    height: 26px;
    width: 26px;
    fill: #fff;
    transition: all .25s ease-in-out;
    display: block;
    margin: auto;
	z-index: 3;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
	padding: 0;
    o-transition: 3s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);	
}
.facebook-container {
    position: relative;
    /* margin: auto 40px auto auto; */
    border: 0px none #1877F200; /* Adjust border width and color as needed */
    border-radius: 50%;
    width: 64px; /* Set width and height to match the SVG or desired size */
    height: 64px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
    background-color:#1877F200;
    overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
    fill: #1877F200;
    color: #1877F200;
    o-transition: 3s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.facebook-container:hover  {
	position: relative;
	border: 0px solid #1877F2; /* Adjust border width and color as needed */
	border-radius: 50%;
	width: 64px; /* Set width and height to match the SVG or desired size */
	height: 64px;
	display: flex; /* Use flexbox to center the SVG within the container */
	justify-content: center;
	align-items: center;
	background-color:#1877F2;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
	fill: #1877F2;
	-o-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.instagram-container {
    position: relative;
    /* margin: auto 40px auto auto; */
	opacity: 1;
    
    width: 56px; /* Set width and height to match the SVG or desired size */
    height: 56px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
	
    
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
background-color: transparent;
    transition: opacity .5s ease-in-out;
   
}
.instagram-container::before {
	content: '';
	opacity: 0;
		z-index: 1;
	position: absolute;
	 border: 0px none #1877F200; /* Adjust border width and color as needed */
    border-radius: 50%;
    width: 56px; /* Set width and height to match the SVG or desired size */
    height: 56px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
    background-color:transparent;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
       color: transparent;
         transition: opacity .5s ease-in-out;
}
.instagram-container:hover::before  {
	position: absolute;
	z-index: 1;
	opacity: 1;
	border: 0px solid #1877F2; /* Adjust border width and color as needed */
	border-radius: 50%;
	width: 56px; /* Set width and height to match the SVG or desired size */
	height: 56px;
	display: flex; /* Use flexbox to center the SVG within the container */
	justify-content: center;
	align-items: center;
	background: linear-gradient(to right, #f9ce34, #ee2a7b, #6228d7);
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
	
    transition: opacity .5s ease-in-out;
	;

}
.youtube-container {
    position: relative;
    /* margin: auto 40px auto auto; */
    border: 0px none #1877F200; /* Adjust border width and color as needed */
    border-radius: 50%;
    width: 64px; /* Set width and height to match the SVG or desired size */
    height: 64px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
    background-color:#1877F200;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
    fill: #1877F200;
    color: #1877F200;
    o-transition: 3s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.youtube-container:hover  {
	position: relative;
	border: 0px solid #ff0033; /* Adjust border width and color as needed */
	border-radius: 50%;
	width: 64px; /* Set width and height to match the SVG or desired size */
	height: 64px;
	display: flex; /* Use flexbox to center the SVG within the container */
	justify-content: center;
	align-items: center;
	background-color:#ff0033;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
	fill: #ff0033;
    o-transition: 3s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
@media screen and (max-width: 1200px) {
#social-icons {
	gap: 16px;
	-o-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.facebook-container, .youtube-container, .instagram-container, .instagram-container::before, .instagram-container:hover::before, .facebook-container:hover, .youtube-container:hover, .instagram-container:hover {
	width: 64px;
	height: 64px;
}
.facebook, .youtube, .instagram {
	width: 32px;
	height: 32px;
}}
@media screen and (max-width: 767px){
	.social-icons {
	margin: auto 10px auto auto
}
}
.facebook-footer {
    height: 48px;
    fill: #fff;
    transition: all .25s ease-in-out;
    display: block;
    margin: auto;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    padding: 0;
}
.youtube-footer {
    width: 48px;
    fill: #fff;
    transition: all .25s ease-in-out;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.instagram-footer {
    height: 48px;
    fill: #fff;
    transition: all .25s ease-in-out;
    display: block;
    margin: auto;
    z-index: 3;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    padding: 0;
    o-transition: 3s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.facebook-container-footer {
    position: relative;
    /* margin: auto 40px auto auto; */
    border: 0px none #1877F200; /* Adjust border width and color as needed */
    border-radius: 50%;
    width: 72px; /* Set width and height to match the SVG or desired size */
    height: 72px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
    background-color:#1877F200;
    overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
    fill: #1877F200;
    color: #1877F200;
    o-transition: 3/s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.facebook-container-footer:hover  {
	position: relative;
	border: 0px solid #1877F2; /* Adjust border width and color as needed */
	border-radius: 50%;
	width: 72px; /* Set width and height to match the SVG or desired size */
	height: 72px;
	display: flex; /* Use flexbox to center the SVG within the container */
	justify-content: center;
	align-items: center;
	background-color:#1877F2;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
	fill: #1877F2;
	-o-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.instagram-container-footer {
    position: relative;
    /* margin: auto 40px auto auto; */
	opacity: 1;
    
    width: 72px; /* Set width and height to match the SVG or desired size */
    height: 72px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
	
    
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
background-color: transparent;
    transition: opacity .5s ease-in-out;
   
}
.instagram-container-footer::before {
	content: '';
	opacity: 0;
		z-index: 1;
	position: absolute;
	 border: 0px none #1877F200; /* Adjust border width and color as needed */
    border-radius: 50%;
    width: 72px; /* Set width and height to match the SVG or desired size */
    height: 72px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
    background-color:transparent;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
       color: transparent;
         transition: opacity .5s ease-in-out;
}
.instagram-container-footer:hover::before  {
	position: absolute;
	z-index: 1;
	opacity: 1;
	border: 0px solid #1877F2; /* Adjust border width and color as needed */
	border-radius: 50%;
	width: 72px; /* Set width and height to match the SVG or desired size */
	height: 72px;
	display: flex; /* Use flexbox to center the SVG within the container */
	justify-content: center;
	align-items: center;
	background: linear-gradient(to right, #f9ce34, #ee2a7b, #6228d7);
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
	
    transition: opacity .5s ease-in-out;
	;

}
.youtube-container-footer {
    position: relative;
    /* margin: auto 40px auto auto; */
    border: 0px none #1877F200; /* Adjust border width and color as needed */
    border-radius: 50%;
    width: 72px; /* Set width and height to match the SVG or desired size */
    height: 72px;
    display: flex; /* Use flexbox to center the SVG within the container */
    justify-content: center;
    align-items: center;
    background-color:#1877F200;
    overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
    fill: #1877F200;
    color: #1877F200;
    o-transition: 3s;
    ms-transition: 3s;
    moz-transition: 3s;
    webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
.youtube-container-footer:hover  {
	position: relative;
	border: 0px solid #ff0033; /* Adjust border width and color as needed */
	border-radius: 50%;
	width: 72px; /* Set width and height to match the SVG or desired size */
	height: 72px;
	display: flex; /* Use flexbox to center the SVG within the container */
	justify-content: center;
	align-items: center;
	background-color:#ff0033;
	overflow: hidden; /* Important to clip the SVG if it extends beyond the circular border */
	fill: #ff0033;
	-o-transition: 3s;
    -ms-transition: 3s;
    -moz-transition: 3s;
    -webkit-transition: 3s;
    transition: all .3s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
@media screen and (max-width: 900px) {
.facebook-container-footer, .youtube-container-footer , .instagram-container-footer, .instagram-container-footer::before, .instagram-container-footer:hover::before, .facebook-container-footer:hover, .youtube-container-footer:hover, .instagram-container-footer:hover {
	width: 48px;
		height: 48px;
}
.facebook-footer , .youtube-footer, .instagram-footer {
	width: 32px;
	height: 32px;
}}
@media screen and (max-width:499px) {
	#header-menu {
		right: 45px;
		top: 65px;
		width: 100%;
		line-height: 14px;
	}

.offcanvas , .offcanvas-end {
    padding: 0;
    margin-left: 0 !Important;
	margin-right: 0 !Important;
	right: 10px;
	top: 61px;
    
}
}