:root {
  /*Colors*/
  --ffr_logo_blue: #3d6fd6;
  /* --ffr_logo_blue_2nd: #c4e0f9; */
  --ffr_logo_blue_2nd: #789dff;
  --ffr_white: #f5f5f9;
  --ffr_black: #1e1e1e;
  --ffr_dark_grey: #2d2d2d;
  /* --ffr_black: #131b23; */
  --ffr-border-radius: 0.375rem;
}


/* Colors */
.color_ffr_logo_blue { color: var(--ffr_logo_blue) !important; }
.color_ffr_logo_blue_2nd { color: var(--ffr_logo_blue_2nd) !important; }
.color_ffr_white { color: var(--ffr_white) !important; }
.color_ffr_black { color: var(--ffr_black) !important; }
.color_ffr_dark_grey { color: var(--ffr_dark_grey) !important; }

/* Background Colors */
.bgcolor_ffr_logo_blue { background-color: var(--ffr_logo_blue) !important; }
.bgcolor_ffr_logo_blue_2nd { background-color: var(--ffr_logo_blue_2nd) !important; }
.bgcolor_ffr-white { background-color: var(--ffr_white) !important; }
.bgcolor_ffr_black { background-color: var(--ffr_black) !important; }
.bgcolor_ffr_dark_grey { background-color: var(--ffr_dark_grey) !important; }


/* Fonts */
@font-face {font-family: "RobotoCondensed"; src: url(../fonts/webfonts/RobotoCondensed-Regular.ttf); }
.font_robot_condensed {font-family: "RobotoCondensed" !important; }

@font-face {font-family: "Roboto"; src: url(../fonts/webfonts/Roboto-Regular.ttf); }
.font_robot_roboto {font-family: "Roboto" !important; }

@font-face {font-family: "IndustryBook"; src: url(../fonts/webfonts/Industry-Book.otf) }
.font_industry_book {font-family: "IndustryBook" !important; }

@font-face {font-family: "IndustryDBoldItalic"; src: url(../fonts/webfonts/Industry-DemiBold-Italic.ttf); }
.font_industry_dbi {font-family: "IndustryDBoldItalic" !important; }

@font-face {font-family: "IndustryBold"; src: url(../fonts/webfonts/Industry-Bold.otf); }
.font_industry_bold {font-family: "IndustryBold" !important; }

@font-face {font-family: "AdinuePro"; src: url(../fonts/webfonts/adineue_pro.woff2); }
.font_adinuepro {font-family: "AdinuePro" !important; }

@font-face {font-family: "AdinueProBold"; src: url(../fonts/webfonts/adineue_pro_bold.woff2); }
.font_adinuepro_bold {font-family: "AdinueProBold" !important; }

.ffr_page_body{
  font-size: 14px;
  font-family: "RobotoCondensed" !important;
  line-height: 26px !important;
  /*color: #EAEAEA !important;*/
  color: var(--ffr_white);
  background-color: var(--ffr_black);
}



/* Index page iframe body */
.ffr_index_frame_body {
  margin: 0px; 
  padding: 0px; 
  height: 100%; 
  border: none;
  background-color: var(--ffr_dark_grey);
}
.ffr_index_frame_iframe {
  margin: 0px;
  padding: 0px;
  height: 100%;
  border: none;
  display: block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--ffr_dark_grey);
}



.ffr_img_center_div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40vh;
  /* max-width: 330px; */
}

/* Font Array */
.font-8 {font-size: 8px !important;}
.font-9 {font-size: 9px !important;}
.font-10 {font-size: 10px !important;}
.font-11 {font-size: 11px !important;}
.font-12 {font-size: 12px !important;}
.font-13 {font-size: 13px !important;}
.font-14 {font-size: 14px !important;}
.font-15 {font-size: 15px !important;}
.font-16 {font-size: 16px !important;}
.font-17 {font-size: 17px !important;}
.font-18 {font-size: 18px !important;}
.font-19 {font-size: 19px !important;}
.font-20 {font-size: 20px !important;}
.font-21 {font-size: 21px !important;}
.font-22 {font-size: 22px !important;}
.font-23 {font-size: 23px !important;}
.font-24 {font-size: 24px !important;}
.font-25 {font-size: 25px !important;}
.font-26 {font-size: 26px !important;}
.font-27 {font-size: 27px !important;}
.font-28 {font-size: 28px !important;}
.font-29 {font-size: 29px !important;}
.font-30 {font-size: 30px !important;}
.font-31 {font-size: 31px !important;}
.font-32 {font-size: 32px !important;}
.font-33 {font-size: 33px !important;}
.font-34 {font-size: 34px !important;}
.font-35 {font-size: 35px !important;}
.font-36 {font-size: 36px !important;}
.font-37 {font-size: 37px !important;}
.font-38 {font-size: 38px !important;}
.font-39 {font-size: 39px !important;}
.font-40 {font-size: 40px !important;}
.font-48 {font-size: 48px !important;}
.font-60 {font-size: 60px !important;}

/*Font Weights*/
.font-200 {font-weight: 200;}
.font-300 {font-weight: 300;}
.font-400 {font-weight: 400;}
.font-500 {font-weight: 500;}
.font-600 {font-weight: 600;}
.font-700 {font-weight: 700;}
.font-800 {font-weight: 800;}
.font-900 {font-weight: 900;}

/* Opacity Values */
.opacity-10 {opacity: 0.1 !important;}
.opacity-20 {opacity: 0.2 !important;}
.opacity-30 {opacity: 0.3 !important;}
.opacity-40 {opacity: 0.4 !important;}
.opacity-50 {opacity: 0.5 !important;}
.opacity-60 {opacity: 0.6 !important;}
.opacity-70 {opacity: 0.7 !important;}
.opacity-80 {opacity: 0.8 !important;}
.opacity-85 {opacity: 0.85 !important;}
.opacity-90 {opacity: 0.9 !important;}

/* Rounded Borders */
.rounded-0 {border-radius: 0px !important;}
.rounded-xs {border-radius: 5px !important;}
.rounded-s {border-radius: 8px !important;}
.rounded-sm {border-radius: 10px !important;}
.rounded-m {border-radius: 15px !important;}
.rounded-l {border-radius: 30px !important;}
.rounded-xl {border-radius: 50px !important;}

/* Shadows */
.shadow-none {  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;}
.shadow-0 {  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;}
.shadow-xs {  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.04) !important;}
.shadow-s {  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1) !important;}
.shadow-m {  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.08) !important;}
.shadow-l {  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.09) !important;}
.shadow-xl {  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08) !important;}

/* Borders */
.border-xxs {border: solid 1px !important;}
.border-xs {border: solid 2px !important;}
.border-s {border: solid 3px !important;}
.border-m {border: solid 4px !important;}
.border-l {border: solid 5px !important;}
.border-xl {border: solid 6px !important;}
.border-xxl {border: solid 7px !important;}

/* Border Radii */
.rounded {border-radius: var(--ffr-border-radius) !important;}
.rounded-0 {border-radius: 0 !important;}
.rounded-1 {  border-radius: 0.25rem !important;}
.rounded-2 {  border-radius: var(--ffr-border-radius) !important;}
.rounded-3 {  border-radius: 0.5rem !important;}
.rounded-4 {  border-radius: 1rem !important;}
.rounded-5 {  border-radius: 2rem !important;}
.rounded-circle {  border-radius: 50% !important;}
.rounded-pill {  border-radius: 50rem !important;}
.rounded-top {  border-top-left-radius: var(--ffr-border-radius) !important;  border-top-right-radius: var(--ffr-border-radius) !important;}
.rounded-end {  border-top-right-radius: var(--ffr-border-radius) !important; border-bottom-right-radius: var(--ffr-border-radius) !important;}
.rounded-bottom {  border-bottom-right-radius: var(--ffr-border-radius) !important; border-bottom-left-radius: var(--ffr-border-radius) !important;}
.rounded-start {  border-bottom-left-radius: var(--ffr-border-radius) !important; border-top-left-radius: var(--ffr-border-radius) !important;}

/*Buttons*/
.ffr_btn {  transition: all 350ms ease; text-decoration: none !important; text-align: center; cursor: pointer !important;}
.ffr_btn:hover {opacity: 0.9;}
.ffr_btn-full {display: block;}
.ffr_btn-xxs, .ffr_btn-xs, .ffr_btn-s, .ffr_btn-sm, .ffr_btn-m, .ffr_btn-l {font-size: 20px !important;}
.ffr_btn-xxs {padding: 6px 10px !important;}
.ffr_btn-xs {padding: 7px 14px !important;}
.ffr_btn-s {padding: 8px 18px !important;}
.ffr_btn-sm {padding: 10px 18px !important;}
.ffr_btn-m {padding: 12px 20px !important;}
.ffr_btn-l {padding: 14px 26px !important;}
.ffr_btn-xl {padding: 15px 30px !important; font-size: 15px !important;}
.ffr_btn-xxl {padding: 17px 34px !important;  font-size: 17px !important;}
.ffr_btn-uppercase {text-transform: uppercase;}
.ffr_btn-center-xs {width: 100px;  margin: 0 auto;  display: block;}
.ffr_btn-center-s {width: 120px;  margin: 0 auto;  display: block;}
.ffr_btn-center-m {width: 160px;  margin: 0 auto;  display: block;}
.ffr_btn-center-l {width: 220px;  margin: 0 auto;  display: block;}
.ffr_btn-center-xl {width: 250px;  margin: 0 auto;  display: block;}
.ffr_btn.bg-highlight {color: #FFF;}
.ffr_btn-3d {transition: all 150ms ease;  border: none;  border-bottom: solid 4px;}
.ffr_btn-3d:hover {border-width: 2px !important;}
.ffr_btn:focus {outline: none !important;}
.ffr_btn-margins {margin-left: 17px;  margin-right: 17px;  margin-bottom: 30px;}
.under-slider-btn {z-index: 50;  position: relative;  margin-top: -20px;}
.under-btn {z-index: 50;  position: relative;  margin-top: -20px !important;}
.ffr_btn-icon:hover {color: #fff;}
.ffr_btn-icon {padding-left: 50px !important;  overflow: hidden;  position: relative;}
.ffr_btn-icon i {position: absolute;  left: 0px;  top: 0px;  line-height: 43px;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.0);}

button {background: rgb(0,0,0,0);
  color: inherit;
  border: none;
  margin: 5px;
  border-radius: 3px;
  padding: 10px;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  font-size: 15px;
}

/* Forms */
.form_container {padding-top: 100px;}
.form-signin { max-width: 330px;  padding: 1rem;  border-radius: 20px;}
.form-signin .form-floating:focus-within {   z-index: 2; }
.form-signin input{  margin-bottom: 10px;}

/* Dropdown Menus */
/* *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
} */

/* .container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #fafafa;
} */

.ffr_dropdown {
  position: relative;
  top: 0%;
  /* left: 45%; */
  margin-top: 5px;
  width: 300px;
  height: 50px;
}

.ffr_dropdown::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1000;
  width: 8px;
  height: 8px;
  border: 2px solid #333;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}



.ffr_dropdown.active::before {
  top: 22px;
  transform: rotate(-225deg);
}

.ffr_dropdown input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #fff;
  font-size: 1.2em;
  border: none;
  outline: none;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: 12px 20px;
  border-radius: 10px;
}

.ffr_dropdown .options {
  position: absolute;
  top: 70px;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
  display: none;
}

.ffr_dropdown.active .options {
  display: block;
}

.ffr_dropdown .options div {
  padding: 12px 20px;
  cursor: pointer;
  color:var(--ffr_black);
}

.ffr_dropdown .options div:hover {
  background: #62baea;
  color: var(--ffr_black);
}


.fgolf-header {
  position: fixed;
  color:red;
  z-index: 99;
  /*background-color: #FFF;*/
  border-bottom: solid 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.08);
    padding-left: 10px;
    padding-top: 10px;
    font-family: "SportsJersey";
    font-size: 20px;
    
}


/* Menu Card Tiles */
.ffr_menu_card_container {padding-top: 10px; max-width: 400px;  padding: 10px;  border-radius: 5px; margin:auto;}
/* .form-signin { max-width: 400px;  padding: 1rem;  border-radius: 20px;} */
/* .form-signin .form-floating:focus-within {   z-index: 2; }
.form-signin input{  margin-bottom: 10px;} */

.ffr_menu_card {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;border-radius: 5px;padding: 10px; margin:10px;}
.ffr_menu_card:hover {box-shadow: 0 8px 8px 0 rgba(59,111,215,0.8);cursor: pointer;}
.ffr_menu_card_img {border-radius: 5px 5px 0 0;}



.fgolf_nav {
  --bs-fgolf_nav-link-padding-x: 1rem;
  --bs-fgolf_nav-link-padding-y: 0.5rem;
  --bs-fgolf_nav-link-font-weight: ;
  --bs-fgolf_nav-link-color: var(--ffr_logo_blue_2nd);
  --bs-fgolf_nav-link-hover-color: var(--ffr_logo_blue_2nd);
  --bs-fgolf_nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.fgolf_nav-link {
  display: block;
  padding: 2px;
  /*padding: var(--bs-fgolf_nav-link-padding-y) var(--bs-fgolf_nav-link-padding-x);*/
  /*font-size: var(--bs-fgolf_nav-link-font-size);*/
  font-weight: var(--bs-fgolf_nav-link-font-weight);
  /*color: var(--bs-fgolf_nav-link-color);*/
  color: #f5f5f9;
  text-decoration: none;
  text-align: left;
  padding-left: 5px;
  font-size: larger;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.fgolf_nav-link:hover, .fgolf_nav-link:focus {
  /*color: var(--bs-nav-link-hover-color);*/
  color: var(--ffr_logo_blue_2nd) ;
}
.fgolf_nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}


.fgolf_nav-tabs {
  --bs-fgolf_nav-tabs-border-width: 1px;
  --bs-fgolf_nav-tabs-border-color: #dee2e6;
  --bs-fgolf_nav-tabs-border-radius: 0.375rem;
  --bs-fgolf_nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-fgolf_nav-tabs-link-active-color: #495057;
  --bs-fgolf_nav-tabs-link-active-bg: #fff;
  --bs-fgolf_nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-fgolf_nav-tabs-border-width) solid var(--bs-fgolf_nav-tabs-border-color);
}
.fgolf_nav-tabs .fgolf_nav-link {
  margin-bottom: calc(-1 * var(--bs-fgolf_nav-tabs-border-width));
  background: none;
  border: var(--bs-fgolf_nav-tabs-border-width) solid transparent;
}
.fgolf_nav-tabs .fgolf_nav-link:hover, .fgolf_nav-tabs .fgolf_nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-fgolf_nav-tabs-link-hover-border-color);
  
}
.fgolf_nav-tabs .fgolf_nav-link.disabled, .fgolf_nav-tabs .fgolf_nav-link:disabled {
  color: var(--bs-fgolf_nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.fgolf_nav-tabs .fgolf_nav-link.active,
.fgolf_nav-tabs .fgolf_nav-item.show .fgolf_nav-link {
  color: var(--bs-fgolf_nav-tabs-link-active-color);
  background-color: var(--bs-fgolf_nav-tabs-link-active-bg);
  border-color: var(--bs-fgolf_nav-tabs-link-active-border-color);
}
.fgolf_nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
}

.fgolf_nav-pills {
  --bs-fgolf_nav-pills-border-radius: 0.375rem;
  --bs-fgolf_nav-pills-link-active-color: #fff;
  --bs-fgolf_nav-pills-link-active-bg: #0d6efd;
}
.fgolf_nav-pills .fgolf_nav-link {
  background: none;
  border: 0;
}
.fgolf_nav-pills .fgolf_nav-link:disabled {
  color: var(--bs-fgolf_nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.fgolf_nav-pills .fgolf_nav-link.active,
.fgolf_nav-pills .show > .fgolf_nav-link {
  color: var(--bs-fgolf_nav-pills-link-active-color);
  background-color: var(--bs-fgolf_nav-pills-link-active-bg);
}

.fgolf_nav-fill > .fgolf_nav-link,
.fgolf_nav-fill .fgolf_nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.fgolf_nav-justified > .fgolf_nav-link,
.fgolf_nav-justified .fgolf_nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.fgolf_nav-fill .fgolf_nav-item .fgolf_nav-link,
.fgolf_nav-justified .fgolf_nav-item .fgolf_nav-link {
  width: 100%;
}

.fgolf_navbar {
  --bs-fgolf_navbar-padding-x: 0;
  --bs-fgolf_navbar-padding-y: 0.5rem;
  --bs-fgolf_navbar-color: rgba(0, 0, 0, 0.55);
  --bs-fgolf_navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-fgolf_navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-fgolf_navbar-active-color: rgba(239,65,54, 0.8);
  --bs-fgolf_navbar-brand-padding-y: 0.3125rem;
  --bs-fgolf_navbar-brand-margin-end: 1rem;
  --bs-fgolf_navbar-brand-font-size: 1.25rem;
  --bs-fgolf_navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-fgolf_navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-fgolf_navbar-nav-link-padding-x: 0.5rem;
  --bs-fgolf_navbar-toggler-padding-y: 0.25rem;
  --bs-fgolf_navbar-toggler-padding-x: 0.75rem;
  --bs-fgolf_navbar-toggler-font-size: 1.25rem;
  --bs-fgolf_navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28239, 65, 54, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-fgolf_navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-fgolf_navbar-toggler-border-radius: 0.375rem;
  --bs-fgolf_navbar-toggler-focus-width: 0.25rem;
  --bs-fgolf_navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #101820;
  /*padding: var(--bs-fgolf_navbar-padding-y) var(--bs-fgolf_navbar-padding-x);*/
  padding-bottom: 5px;
}

.fgolf_navbar-brand {
  padding-top: var(--bs-fgolf_navbar-brand-padding-y);
  padding-bottom: var(--bs-fgolf_navbar-brand-padding-y);
  margin-right: var(--bs-fgolf_navbar-brand-margin-end);
  font-size: var(--bs-fgolf_navbar-brand-font-size);
  color: var(--bs-fgolf_navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.fgolf_navbar-brand:hover, .fgolf_navbar-brand:focus {
  color: var(--bs-fgolf_navbar-brand-hover-color);
}

.fgolf_navbar-nav {
  --bs-fgolf_nav-link-padding-x: 0;
  --bs-fgolf_nav-link-padding-y: 0.5rem;
  --bs-fgolf_nav-link-font-weight: ;
  --bs-fgolf_nav-link-color: var(--bs-fgolf_navbar-color);
  --bs-fgolf_nav-link-hover-color: var(--bs-fgolf_navbar-hover-color);
  --bs-fgolf_nav-link-disabled-color: var(--bs-fgolf_navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.fgolf_navbar-nav .show > .fgolf_nav-link,
.fgolf_navbar-nav .fgolf_nav-link.active {
  color: var(--bs-fgolf_navbar-active-color);
}
.fgolf_navbar-nav .dropdown-menu {
  position: static;
}

.fgolf_navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-fgolf_navbar-color);
}
.fgolf_navbar-text a,
.fgolf_navbar-text a:hover,
.fgolf_navbar-text a:focus {
  color: var(--bs-fgolf_navbar-active-color);
  
}

.fgolf_navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.fgolf_navbar-toggler {
  /*padding: var(--bs-fgolf_navbar-toggler-padding-y) var(--bs-fgolf_navbar-toggler-padding-x);*/
  padding: 4px;
  font-size: var(--bs-fgolf_navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-fgolf_navbar-color);
  background-color: transparent;
  /*border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);*/
  border: 2px groove #ef3f33;
  border-radius: 10px;
  transition: var(--bs-fgolf_navbar-toggler-transition);
}
.fgolf_navbar-toggler:hover {
  text-decoration: none;
}
.fgolf_navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-fgolf_navbar-toggler-focus-width);
}
.fgolf_navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.fgolf_navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-fgolf_navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  text-align: right;
}
.fgolf_navbar-nav-scroll {
  /*max-height: var(--bs-fgolf_scroll-height, 75vh);*/
  overflow-y: auto;
}

/* Progress Loader Spinner */
.ffr_progress_loader {
  animation: ffr_prog_rotate 1s infinite;
  height: 50px;
  width: 50px;
}

.ffr_progress_loader:before,
.ffr_progress_loader:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
.ffr_progress_loader:before {
  animation: ffr_prog_ball1 1s infinite;
  background-color: #fff;
  box-shadow: 30px 0 0 #ff3d00;
  margin-bottom: 10px;
}
.ffr_progress_loader:after {
  animation: ffr_prog_ball2 1s infinite;
  background-color: #ff3d00;
  box-shadow: 30px 0 0 #fff;
}

@keyframes ffr_prog_rotate {
  0% { transform: rotate(0deg) scale(0.8) }
  50% { transform: rotate(360deg) scale(1.2) }
  100% { transform: rotate(720deg) scale(0.8) }
}

@keyframes ffr_prog_ball1 {
  0% {
    box-shadow: 30px 0 0 #ff3d00;
  }
  50% {
    box-shadow: 0 0 0 #ff3d00;
    margin-bottom: 0;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
  }
}

@keyframes ffr_prog_ball2 {
  0% {
    box-shadow: 30px 0 0 #fff;
  }
  50% {
    box-shadow: 0 0 0 #fff;
    margin-top: -20px;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #fff;
    margin-top: 0;
  }
}
/* Preloader */
#ffr_preloader {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999;
  transition: all 200ms ease;
  background-color: var(--ffr_black);
}
#ffr_preloader .spinner-border {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
}

.ffr_preloader-hide {
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease !important;
}


.fgolf_nav_loader_container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 800px; */
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999;
  transition: all 800ms ease;
  background-color: var(--ffr_black);
  /*opacity: 80%;*/
}

.fgolf_nav_loader_container-hide {
  opacity: 0;
  pointer-events: none;
  transition: all 800ms ease !important;
}

.fgolf_nav_loader {
  animation: rotate 1s infinite;
  height: 50px;
  width: 50px;
  position: absolute;
  /*top: 50%;*/
  /*left: 50%;*/
  /*margin-left: -5%;*/
  /*margin-top: -10%;*/
  }

  .fgolf_nav_loader:before,
  .fgolf_nav_loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  .fgolf_nav_loader:before {
    animation: ball1 1s infinite;
    /* background-color: #101820;
    box-shadow: 30px 0 0 #ef4136; */
    background-color: var(--ffr_white);
    box-shadow: 30px 0 0 var(--ffr_logo_blue);
    margin-bottom: 10px;
  }
  .fgolf_nav_loader:after {
    animation: ball2 1s infinite;
    /* background-color: #ef4136;
    box-shadow: 30px 0 0 #101820; */
    background-color: var(--ffr_logo_blue);
    box-shadow: var(--fffr);
  }

  @keyframes rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
  }

  @keyframes ball1 {
    0% {
      box-shadow: 30px 0 0 var(--ffr_logo_blue);
    }
    50% {
      box-shadow: 0 0 0 var(--ffr_logo_blue);
      margin-bottom: 0;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 var(--ffr_logo_blue);
      margin-bottom: 10px;
    }
  }

  @keyframes ball2 {
    0% {
      box-shadow: 30px 0 0 var(--ffr_white);
    }
    50% {
      box-shadow: 0 0 0 var(--ffr_white);
      margin-top: -20px;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 var(--ffr_white);
      margin-top: 0;
    }
  }