@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
     --brand-color-1: #ee1b24;
     --brand-color-1h: #d18a00;
     --brand-color-2: #240841;
     --brand-color-2h: #2cb1bf;
}
html {
    font-size: 16px;
}
body {
    line-height: 1.375;
    padding: 0; margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 1rem;
    font-family: 'Raleway', sans-serif;
}
/* Layout */
.container {
	max-width: 960px;
}
a {
	text-decoration: none;
}
a:hover { 
	text-decoration: none;
}

h1 {
    font-size: 2.25rem;
    margin: 1.25rem 0 1rem;
    font-weight: 800;
}

h2 {
   font-size: 2rem;
   margin: 1.25rem 0 1rem;
   font-weight: 400;
}

h3 {
    font-size: 1.8rem;
    margin: 1.25rem 0 1rem;
    font-weight: 400;
    line-height:140%;
}
h4 {
    font-size: 1.5rem;
    margin: 1.56rem 0 1rem;
    font-weight: 400;
    line-height:140%;
}

img {
    max-width: 100%;
    height: auto;
}
p {
	margin-bottom: 1rem;
	color: #000;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
}


.container {
    min-width: 320px;
}

body.width-full #fContent > .container {
    width: 100%;
    padding: 0;
    min-width: 100%;
}
#fMatter {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
body.width-full #fMatter {
    padding: 0;
}
body.title-off .fPageTitle {
    display: none;
}
#fMatter .fModule,
#fSidebarRight .fModule,
#fContentPre .fModule,
#fContentPost .fModule {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#f-messages {
    margin: 0;
}

.padding-no {
    padding: 0 !important;
}
.margin-no {
    margin: 0 !important;
}
.spacing-no {
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width : 767.8px) {
    .col-xs-12 {
        float: none;
    }
}
#fMatter .fModule.fBanner {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow:hidden;
}
.row.row-equal {
    display: flex;
    flex-wrap: wrap;
}
.row-equal:before,
.row-equal:after {
   content: normal;
}
/*Module*/
.fModule .fModuleTitle,
.fModule .fModuleContent {
    width: 100%;
}
/*Background */
.fBgDark {
    background: #cd8f16;
    color: #ffffff;
}
.fBgDark a {color: #ffffff; }
.fBgDark a:hover {}
.fBgLight {
    background: #0d2d62;
    color: #fff !important;
}
.fBgLight a {color: #505050;}
.fBgLight a:hover { color: #005d88;}
.fBgWhite {
    background: #ffffff;
    color: #000000;
    border: 1px solid #cecece;
}
.fBgWhite a, .fBgWhite a:hover {color: #d34344;}
.fBgColor {
    background: #fff;
    color: #ccc;
}
.fBgColor p {
    color: #aeaeae;
}
.fBgColor a, .fBgColor h3, .fBgColor h4 {color: #ffffff; line-height: 120%;}
/* Button */

.fGalleryImage {
	display: block;
}

/* Column */
#fMatter .fCol5 .fGalleryImages .fGalleryItem,
#fContentPost .fCol5 .fGalleryImages .fGalleryItem,
.fCol5 .fGalleryImages .fGalleryItem {
    width: 20%;
    float: left;
    padding: 2em;
}
/* Common CSS */
.border {
    border:6px solid #fff;
    box-shadow: 0px 0px 2px 2px #ccc;
    border-radius:3px;
}
input.form-control,
textarea.form-control {
    display: inline-block;
    margin: 10px 0px;
}
/* Module */
.fModuleEnd .fModuleTitle,
.fModuleEnd .fModuleContent,
.fModuleBoxed {
  margin: 0 auto;
}   
/* Responsive Homepage */
@media (max-width : 319px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 280px;
    }  
}
@media (min-width : 320px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 300px;
    }        
}
@media (min-width : 480px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 470px;
    }
}
@media (min-width: 768px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .fModuleEnd .fModuleTitle,
    .fModuleEnd .fModuleContent,
    .fModuleBoxed {
        width: 1170px;
    }
}
.d-flex{
    display: flex !important;
}
.ml-auto{
    margin-left: auto !important;
}
.align-items-center{
    align-items: center !important;
}
.fRegion{
    display: inline-block;
    width: 100%;
}
#fPageTitle{
    display: block ;
}



body.width-full #fContent > .container{
    width: 100% ;
    padding: 0;
}

.fHeader .navbar-header{
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}
a {
    text-decoration: none;
}
.padd-0{
    padding: 0 !important;
}

header .fModule.fLogo {
    padding-left: 0;
}

header ul, header ul li {
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.collapse.show {
    display: block !important;
}
.navbar-toggle.collapsed .icon-bar:nth-child(1), .navbar-toggle.collapsed .icon-bar:nth-child(2) {
    transform: none;
    margin: 0;
    margin: 0;
}
        
header .navbar-toggle .icon-bar {
    
    height: 3px;
    width: 26px;
    background: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    opacity: 1;
}

.navbar-toggle.collapsed .icon-bar:nth-child(2) {
    margin-top: 4px;
}
.navbar-toggle-container .navbar-toggle {
    z-index: 9999;
}
.region-header,
.region-headertop {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.region-header .fModule,
.region-headertop .fModule {
    display: flex;
    align-items: center;
}
.region-headertop .fModule {
    padding: 0;
}

.headertop ul li {
       display: inline-block;
    align-items: center;
    padding: 0 0.7em 0 0;
    position: relative;
}
.fHeader .menu-horizontal{
    transition: .5s all;
    margin: 0; padding: 0 !important;
    width: 100%;
}
.menu-horizontal.set {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.headertop ul li ul {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    display: none;
}
.headertop ul li ul li {
    border: none;
    display: block;
}

header .fModule {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.header-logo a {
    display: block;
       text-align: left;
    padding: 0.5rem;
}
.header-logo img {
    max-height: 45px;
    transition: 0.6s all;
}

nav {
    height: 100%;
}
.menu-horizontal nav ul.fMenu {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.menu-horizontal nav > ul > li {
    display: flex;
    align-items: stretch;
    position: relative;
}
.menu-horizontal nav a {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: normal;
    transition: 0.3s all;
}
.menu-horizontal nav li:hover a {
	background: var(--brand-color-1h);	
}
.menu-horizontal nav li.selected a {
	background: #fff;
	color: var(--brand-color-1);
}
.menu-hover-1 .fMenu > li > a {
    position: relative;
}
.menu-hover-1 .fMenu > li {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}
.menu-horizontal nav > ul > li > ul {
    position: absolute;
    top: 100%;
    width: 250px;
    display: none;
}
.menu-horizontal nav > ul > li > ul li a {
    color: #fff;
    font-size: 0.8rem;
    padding: 13px;
    background: #f2176b;
    border-bottom: 1px solid #ffffff45;
}
header.set .menu-horizontal nav a {
    color: #000;
}


.menu-horizontal nav > ul > li > ul li a:hover {
    color: #fff;
    background: #1173ba ;
}


.fMenu li:hover > ul.sub {
    visibility: visible;
    opacity: 1;
    top: 0;
    transition: all 0.4s ease-in-out;
    display: block;
    transform: perspective(600px) scale(1);
    top: 2rem;
    padding-top: 1rem;
}
.fMenu li:hover > ul.sub {
    top: unset;
    padding-top: 37%;
}
.menu-horizontal nav > ul > li > ul li a {
    color: #1173ba ;
    font-size: 0.8rem;
    padding: 10px 10px ;
    background: #ffffff ;
    text-transform: capitalize;
    transition: all 0.3s ease 0.1s;
    box-shadow: 0px 0px 20px #00000008;
    
}


.navbar-header .navbar-toggler {
    display: none;
}


@media (max-width: 960px) {



    
    .navbar-header .navbar-toggler {
        display:block;
    }

    .navbar-collapse.collapse.show
    {
        display:block;
    }

    header.fHeader .menu-horizontal nav{
        position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: black;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    header.fHeader .menu-horizontal ul li {
        float: none;
        display: block;
    }
    header.fHeader .menu-horizontal ul li a {
        color: #fff;
        background-color: #000;
    }

    .fHeader .menu-horizontal ul li, .fHeader.set .menu-horizontal ul li {
        float: none;
        padding: 20px 0;
    }
    .fHeader .menu-horizontal ul li a, .fHeader.set .menu-horizontal ul li a {
        color: #fff;
    }
    header .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        background-color: black;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    
    .fHeader .menu-horizontal
    {
        padding: 0;
    }

    .fHeader .navbar-header
    {
        margin: 0;
    }


    header .navbar-toggle .icon-bar {
        background: #1173ba ;
        height: 3px;
        width: 26px;
    }


    .menu-horizontal nav ul.fMenu {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center ;
        flex-direction: column;
    }

    header.fHeader .menu-horizontal ul li {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0px 0;
        border-top: 0px solid white;
        margin: 0;
    }

    header.fHeader .menu-horizontal nav > ul > li > a {
        color: #1874bb;
        background: #fff!important;
        margin: 0;
        padding: 11px 8px !important;
        /* border-bottom: 5px solid white; */
        font-size: 14px;
        position: relative;
    }

    .header-middle-container-row ul li a::before {
        content: '';
        height: 1px;
        width: 0;
        -webkit-transition: all .3s linear 0ms;
        -khtml-transition: all .3s linear 0ms;
        -moz-transition: all .3s linear 0ms;
        -ms-transition: all .3s linear 0ms;
        -o-transition: all .3s linear 0ms;
        transition: all .3s linear 0ms;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--brand-color-blue);
    }
    .menu-hover-1 .fMenu > li > a:hover::before {
        width: 100%;
    }

    .menu-horizontal nav > ul > li > ul.sub {
        padding-top: 0;
        position: sticky;
        float: l;
        float: left;
        width: 100%;
        background: #f9b90d !important;
        padding-left: 6px;
        padding-bottom: 0;
    }
    .menu-horizontal nav > ul > li > ul li a {
        background: #ffffff !important;
        margin-left: 0px;
    }

    .menu-horizontal nav > ul > li > ul li a:first-child {
        border-top: 1px solid #00000005;
        border-bottom: solid 1px #eeeeee03;
    }




}

@media (max-width: 768px) {


    header.fHeader .menu-horizontal nav{
        position: fixed;
        z-index: 99;
        width: 100%;
        left: 0;
        right: 0;
        height: 100%;
    }
    header.fHeader .menu-horizontal ul li {
        float: none;
        display: block;
    }
    header.fHeader .menu-horizontal ul li a {
        color: #fff;
        margin: 0;
    }
    
    
    .fHeader .menu-horizontal ul li, .fHeader.set .menu-horizontal ul li {
        float: none;
        padding: 20px 0;
    }
    .fHeader .menu-horizontal ul li a, .fHeader.set .menu-horizontal ul li a {
        color: #fff;
    }


    header .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        background-color: black;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
            
    header .navbar-toggle .icon-bar {
        
        height: 3px;
        width: 26px;
    }
        
    .fHeader .menu-horizontal
    {
        padding: 0;
    }
    

    .fHeader .navbar-header
    {
        margin: 0;
    }

    header .navbar-toggle .icon-bar {
        background: #1173ba ;
        height: 3px;
        width: 26px;
    }


    .menu-horizontal nav ul.fMenu {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center ;
        flex-direction: column;
    }


    header.fHeader .menu-horizontal ul li {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0px 0;
        border-top: 0px solid white;
        margin: 0;
    }

    header.fHeader .menu-horizontal nav > ul > li > a {
        color: #1874bb;
        background: #fff!important;
        margin: 0;
        padding: 11px 8px !important;
        /* border-bottom: 5px solid white; */
        font-size: 14px;
    }

    .menu-horizontal nav > ul > li > ul.sub {
        padding-top: 0;
        position: sticky;
        float: l;
        float: left;
        width: 100%;
        background: #f9b90d !important;
        padding-left: 6px;
        padding-bottom: 0;
    }
    .menu-horizontal nav > ul > li > ul li a {
        background: #ffffff !important;
        margin-left: 0px;
    }

    .menu-horizontal nav > ul > li > ul li a:first-child {
        border-top: 1px solid #00000005;
        border-bottom: solid 1px #eeeeee03;
    }


}

form.fForm p {
	padding-top: 0; padding-bottom: 0;
}

form.fForm .hint,
form.fForm .error {
	font-size: 1rem;
	font-weight: 400;
}

form.fForm .hint,
form.fForm .error,
form.fForm .form-item-option {
	margin-left: 0;
}
form.fForm .form-heading {
	margin: 1.5rem 0 0 0;
	border-bottom: 0 none;
	color: var(--brand-color-2);
	font-size: 1.25rem;
	padding-left: 0;
}
form.fForm .form-heading-legend {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--brand-color-2);
}


form.fForm fieldset {
	border: 0 none;
	margin: 1rem 0;
	padding: 0;
}
form.fForm fieldset legend {
	padding: 0.5rem 0;
	font-size: 1.25rem;
	color: var(--brand-color-2);
	border-bottom: 1px solid var(--brand-color-2);
	margin-bottom: 1rem;
}
.user-register-group label {
	font-weight: bold;
}

.fNav {
	background: var(--brand-color-1);
}

.f-table td {
	padding: 0.5rem 0;
	border-bottom: 1px solid #efefef;
}

.f-table tr:hover td {
	background: #efefef;
}
.f-table td.highlight {
	background: #efefef;
}
.f-table tr:hover td.highlight {
	background: #ddd;
}

.f-table thead td,
.f-table thead tr:hover td,
table.f-table th {
	background: var(--brand-color-1);
	color: #fff;
}
.f-table thead td.highlight,
.f-table thead tr:hover td.highlight {
	background: var(--brand-color-1h);
}
.f-table h3 {
	margin: 0;
}
.bg-none {
	background: transparent !important;
}
.text-brand {
	color: var(--brand-color-1);
}

.menu-link nav {
    display: flex;
	justify-content: flex-end;
}
.menu-link nav > ul {
	border: 1px solid var(--brand-color-1);
	border-radius: 3px;
}
.menu-link li:last-child a {
	border-right: 0;
}
.menu-link li {
	display: inline-block;
}
.menu-link a {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.8rem;
	color: var(--brand-color-1);
	border-right: 1px solid var(--brand-color-1);
}
.menu-link a:hover {
	color: #fff;
	background: var(--brand-color-1);
}


/*----------iconset----------*/
.iconset .fMenu {
    justify-content:center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	margin: 0; padding: 0;
}
.iconset .fMenu > li {
	list-style: none;
    padding: 1rem;
    background: #f5f5f5;
    transition: 0.5s all;
    position: relative;
    border: 1px solid #eaeaea;
    border-radius: 5px;
	flex: 1 1 280px;
	margin: 0;
}
.iconset .fMenu > li:hover {
    background: #fff;
    box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
}

.iconset .fMenu > li > a {
    display: block;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
}

.iconset img {
    width: auto;
    max-width: 64px;
    display: block;
    margin-bottom: 0.5rem;
}
.menu-item-text .action:before{
    display: block;
    content: "";
    height: 1.04rem;
    width: 1.04rem;
    background: red;
    border-radius: 1rem;
    position: absolute;
    left: 10px;
    top: 19%;
    transform: translate(0,-50%);
    animation: blinking 2s infinite;
}
.iconset .fMenu ul {
	margin: 0;
	margin-top: 1rem;
    display: block;
}

.iconset .fMenu ul li {
	margin: 0; margin-bottom: 0.25rem;
	list-style: square;
}
.iconset .fMenu ul a {
	font-weight: 500;
	color: #000;
}
.iconset .fMenu ul a:hover {
	text-decoration: underline;
}


.f-list {
	border: 1px solid #efefef;
}
.f-list .f-list-item {
	border-bottom: 1px solid #efefef;
	transition: 0.2s all;
}
.f-list-item-container {
	padding: 1rem;
}

.f-list .f-list-item:hover {
	background-color: #efefef;
}
.f-list .f-list-item:last-child {
	border-bottom: 0 none;
}
.f-list-title {
	font-weight: 800;
	font-size: 1.5rem;
}
.f-list-title a {
	color: #000;
}

h1 .heading-small,
h1 small {
	font-size: 1.5rem;
	display: block;
	font-weight: 600;
}

#nav-up {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
    font-size: 18px;
    background-color: var(--brand-color-1);
    color: white;
    cursor: pointer;
    width: 48px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: var(--brand-color-1);
    border-image: initial;
    padding: 10px 5px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgb(37 34 25);
    visibility: visible !important;
}
#nav-up:hover {
    background-color: rgb(255, 255, 255);
    color: var(--brand-color-1);
}
body {
    padding-top: 0 !important;
}
h2 {
    font-weight: 500;
}
a {
    color:var(--brand-color-1);
}
a:hover {
    color:var(--brand-color-1h);
}

ul.fGalleryImages {
    padding: 0px;
    margin: 0px;
}
ul.fGalleryImages.fGalleryList {
    position: relative;
    margin: 0px;
    list-style: none;
    padding: 0px;
}
footer#fFooter ul, footer#fFooter ul li {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
a.fButton, 
form.fForm .buttons input {
    position: relative;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    background-color:var(--brand-color-1);
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    transition: all 300ms ease;
    display: inline-block;
    border: 1px solid var(--brand-color-1);
}
a.fButton:hover, 
form.fForm .buttons input:hover {
	color: var(--brand-color-1h);
	background: #fff;
}

.popup-video {
    width: 100px;
    height: 100px;
    background: #ffffff;
    display: inline-block;
    line-height: 100px;
    text-align: center;
    font-size: 14px;
    color: var(--brand-color-1);
    position: relative;
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 5;
}
.popup-video:hover {
    background:var(--brand-color-1);
    color: #ffffff;
}
.popup-video::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-animation: pulse 1500ms ease-out infinite;
    animation: pulse 1500ms ease-out infinite;
}
@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 white;
   }
    70% {
        box-shadow: 0 0 0 30px rgba(255, 31, 89, 0);
   }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 31, 89, 0);
   }
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 white;
   }
    70% {
        box-shadow: 0 0 0 30px rgba(255, 31, 89, 0);
   }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 31, 89, 0);
   }
}
.fModuleTitle h3 {
    font-weight: 600;
}
.fPageTitle {
    background: var(--brand-color-2);
    color: #fff;
    padding: 1rem 0;
}
.fPageTitle h1 {
	font-size: 2rem;
}
/***********--------------**************/
header .fModule.fLogo {
    padding-left: 0;
    padding-right: 0;
}
header ul, header ul li {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.fHeader1 .menu-horizontal {
    padding-right: 0%;
    width:100%;
    margin-top:16px;
    background: var(--brand-color-1) !important;
    justify-content: right;
    position: absolute;
    width: 100%;
    padding: 13px;
    top: 83px;
    left: 0;
}
header.fHeader1.active {
    box-shadow: 0px 0px 10px #00000040;
    position: fixed;
}
header.fHeader1 {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 9999;
    background: white;
}
.Ftop-header-logo li.fGalleryItem {
    width: 42%;
}
.fHeader1 .menu-horizontal {
    background: var(--brand-color-1) !important;
    justify-content: right;
}
.menu-hover-1 .fMenu > li > a {
	font-size: 1rem;
   padding: 1rem;
   width: 100%;
}

.menu-horizontal nav ul.fMenu {
    justify-content: center;
}
.menu-horizontal nav > ul > li > ul li a {
    background-color: var(--brand-color-1);
    color: #fff;
}
.menu-horizontal nav > ul > li > ul li a:hover {
    color: var(--brand-color-1);
    background: #fff;
}
/****----***/
.flogo-hover .ItemfinnerGallery {
    width: 74%;
}
/***-----***/
span.sub-title {
    color: var(--brand-color-1);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 700;
    margin: 2rem 0 0.75rem;
}
/**---**/
.fhomeBannerSilder {
	padding: 0 !important;
}
.fhomeBannerSilder .fGalleryImage {
	display: block;
}
.fBanner-carouselGallery .fGalleryText {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    width: 40%;
    left: 10%;
}
.fBanner-carouselGallery .fGalleryText span.sub-title {
    color: #000;
    display:none;
}
.fBanner-carouselGallery .fGalleryText h2 {
    color: var(--brand-color-1);
}
.fBanner-carouselGallery .fGalleryText h4 {
    margin-top: 7px;
    display:none;
}
.fBanner-carouselGallery .fGalleryText .when, .fBanner-carouselGallery .fGalleryText .where {
    font-size: 1.28571em;
    font-weight: 300;
    display: flex;
    width: 50%;
    float: left;
    margin-bottom: 1rem;
}
.fBanner-carouselGallery .fGalleryText .when .icon-holder, .fBanner-carouselGallery .fGalleryText .where .icon-holder {
    background-color: var(--brand-color-1);
    width: 44px;
    padding: 12px 0 14px;
    text-align: center;
    font-size: 21px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    line-height: 1px;
    height: 44px;
    padding-left: 5px;
}
.fBanner-carouselGallery .when p:nth-child(1), .fBanner-carouselGallery .where p:nth-child(1) {
    margin-top: 0;
    margin-bottom: 0;
}
.fBanner-carouselGallery .when p {
    margin: 5px 0 0 0;
}
.fBanner-carouselGallery .where p {
    margin: 5px 0 0 0;
}
.fBanner-carouselGallery .when strong, .fBanner-carouselGallery .where strong {
    font-weight: bold;
    color:var(--brand-color-1);
    text-transform: uppercase;
}
/***----***/
.faboutEvent ul.list-style-one {
    list-style: none;
    margin-bottom: 2rem;
}
.faboutEvent ul.list-style-one li {
    position: relative;
}
.faboutEvent ul.list-style-one li::before {
    content: "\f192";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    left: -29px;
    top: 5px;
    color: var(--brand-color-1);
}
.fnumber_counter .witr_counter_number_inn h4 {
    font-size: 20px;
}
.fnumber_counter .numbr {
    color: var(--brand-color-1);
    font-size: 40px;
    font-weight: 600;
}
.fnumber_counter .fGalleryText-1 {
    margin-left: 1rem;
}
.fnumber_counter .iconGallery i {
    font-size: 33px;
    color: var(--brand-color-1);
}
.fnumber_counter .serviceBox {
    display: flex;
    align-items: baseline;
}
.fnumber_counter .btn-box {
    margin-top: 3rem;
}
/***--.finternationalEven-container--***/
.finternationalEven-container {
    position: relative;
    padding-top: 150px;
    padding-bottom: 150px;
}
.finternationalEven-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://storage.unitedwebnetwork.com/files/991/317d3069082f171fed273a135cba1f89.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.finternationaleventImage .fGalleryText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ItemfinnerGallery {
    position: relative;
}
.finternationaleventImage .ItemfinnerGallery a.fGalleryImage {
    display: block;
    position: relative;
    height: 600px;
}
.finternationaleventImage .ItemfinnerGallery a.fGalleryImage::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://storage.unitedwebnetwork.com/files/991/637aba6b9ca11d852871b2eb26c78b4b.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 103%;
    height: 100%;
    z-index: 0;
    right: 0;
    bottom: 0;
    transform: translateX(-35px);
    object-fit: cover;
}
.finternationaleventImage .ItemfinnerGallery a.fGalleryImage img {
    display: none;
}
#fMatter .finternationaleventImage {
    padding: 0;
    overflow: visible;
}
.finternationaleventBox .meeta-video-content {
    padding: 0;
    background: #ffffff;
    box-shadow: 0px 0px 131px 0px rgb(0 0 0 / 8%);
    padding: 70px 70px;
    margin-top: 0;
    position: relative;
    z-index: 5;
    position: absolute;
    width: 100%;
    top: 47%;
    transform: translateY(-50%);
}
.finternationaleventBox .meeta-video-content h4.title {
    width: 100%;
    display: inline-block;
    margin: 0;
}
.finternationaleventBox .video-info-item i {
    background-color: var(--brand-color-1);
    width: 44px;
    padding: 12px 0 14px;
    text-align: center;
    font-size: 21px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    line-height: 1px;
    height: 44px;
    padding-left: 5px;
    line-height: 21px;
}
.finternationaleventBox .meeta-video-content .video-info-item p {
    margin: 0;
}
/***----***/
#fMatter .fModule.ftopics-abstract {
    padding-bottom: 0;
}
#fMatter #fModule-33753 {
    padding-bottom: 1rem;
}
.fs-button {
    text-align: center;
}

/***---**/
.fget-register a.fGalleryImage::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #00082e;
    background: -o-linear-gradient(45deg, #d18a004d 0%, #979f96 100%);
    background: linear-gradient(45deg, #d18a004d 0%, #979f96 100%);
    opacity: .90;
    content: "";
}
.fget-register .fGalleryText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.fget-register .fGalleryText h2 {
    color: #fff;
}
/***----***/
.fgalleryItems-box .ItemfinnerGallery{
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: block;
}
.fgalleryItems-box .ItemfinnerGallery:before {
    content: "";
    background: linear-gradient( 89.8deg,#d18a00 4.7%,#1e1d1d 120.3% );
    width: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transition: all .5s ease;
}
.fgalleryItems-box a.fGalleryImage img {
    width: 100%;
    transform: scale(1);
    height: 300px;
    opacity: 1;
    transition: all 0.6s ease;
    object-fit: cover;
}
.fgalleryItems-box .fGalleryText {
    color: #fff;
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%) scale(3);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all .5s ease;
}
.fgalleryItems-box ul.icongallery {
    padding: 0;
    margin: 0;
    list-style: none;
}
.fgalleryItems-box ul.icongallery li {
    display: inline-block;
    margin: 0;
}
.fgalleryItems-box ul.icongallery a {
    color: #fff;
    background-color: rgba(0,0,0,0.2);
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 10px/20px;
    display: block;
    transition: all 0.3s;
}
.fgalleryItems-box .ItemfinnerGallery:hover:before {
    width: 100%;
    opacity: 1;
    left: 0;
}
.fgalleryItems-box .ItemfinnerGallery:hover a.fGalleryImage img {
    opacity: 0.2;
    transform: scale(1.5);
}
.fgalleryItems-box .ItemfinnerGallery:hover .fGalleryText {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}
.fgalleryItems-box ul.icongallery a:hover {
    color: var(--brand-color-red);
}

/***--#fFooter--***/
#fFooter{
    background: #333;
    padding-bottom: 0px;
}
#fContentPost{
    padding-bottom: 0;
}
#fFooter p{
    color: #fff;
    font-weight: normal;
    font-size: 0.907rem;
    text-align: center !important;
}
#fFooter .linksFoote p + p {
    padding-top: 0;
    margin-top: -3px !important;
}
#fFooter h5{
    color: #fff;
    font-size: 1.814rem;
    margin-bottom: 40px;
}
#fFooter a{
    font-weight: 600;
    color: #ddd;
    font-size: 15.4px;
}
#fFooter ul.fMenuTwo a:hover {
    color: #c1974b;
}
.footer-text{
    padding-top: 15px;
}
.footer-contact i{
    color: #c1974b;
    padding-right: 10px;
    font-size: 1rem;
}
#fFooter .footer-logo > img{
    width: 18%;
}
#fFooter .footer-text{
    padding-right: 40px;
    padding-top: 0;
}
.footer-grid ul li{
    padding: 7px 0;
    list-style: none;
}
.footer-grid {
    text-align: center;
    margin: 0px auto;
    display: block;
}
.follow-text, .follow-icon{
    display: inline-block;
}
.follow-icon a i{
    padding: 0 4px;
    color: #c1974b;
    font-size: 1.6rem;
}
.follow-text p{
    font-size: 17.8px;
}
.fModule.copy-footer{
   /* position: absolute;
    left: 0;
    bottom: 0;
    */
    width: 100%;
    padding: 0.51rem 0;
    text-align: center;
    position: relative;
}
.fModule.copy-footer::before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50%;
    right: 0;
    background: #000;
    width: 1000000000000000000000000%;
}
.fModule.copy-foote .align-items-center {
    align-items: center;
    position: relative;
}
.fModule.copy-footer p{
    padding: 9px 0;
    margin: 0;
}
#fFooter p a {
    padding: 0 0px;
}
.footer-grid ul li span {
    color: white;
    font-size: 14px;
    margin-right: 9px;
}
.footer-grid ul li span:hover {
    color: #c1974b;
}
.manuFooter ul.fMenuTwo li a {
    padding: 0px 10px;
}
ul.fMenuTwo li {
    border-right: 1px solid #fff;
    margin: 0;
}
ul.fMenuTwo li:last-child {
    border-right: 0px solid #fff;
}
ul.fMenuTwo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    padding: 0;
    margin: 17px 0;
}
.footer-contact {
    margin: 2rem 0;
}
.footer-contact ul{
    display: flex;
    justify-content: center;
}
.footer-contact ul li a i{
    font-size: 2rem;
}
.footer-contact ul li a i:hover {
    color: #fff;
}
/****----***/
.thank-you-Builder {
    background:var(--brand-color-1);
    background-repeat: repeat;
    background-size: auto;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: center;
}
.F-thank-you .fModuleContent > div {
    padding: 60px 40px;
    background: #fff;
    border-radius: 15px;
    width: 49%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
   /* height: 100%;
    */
}
.F-thank-you .fModuleContent > div h2 {
    margin-top: 0vw;
}
.F-thank-you .fModuleContent > div .quote-button {
    width: 39%;
    margin: 0px auto;
    margin-top: 2vw;
}
.thank-you-Builder header.fHeader1 {
    display: none;
}
.thank-you-Builder footer#fFooter {
    display: none;
}
.thank-you-Builder button#nav-up {
    display: none;
}
.F-thank-you {
    position: relative;
    height: 100vh;
}
/***----**/

form.fForm .form-item {
    padding-top: 0;
    padding-bottom: 1rem;
}
form.fForm label {
    width: 100%;
    text-align: left;
    display: block;
    padding-top: 0;
    font-weight: 600;
}
.fForm .form-item-type-label label {
	font-weight: bold;
}
.fForm .form-item-type-label .form-label {
	font-weight: 500;
}
form.fForm input, 
form.fForm select, 
form.fForm textarea {
    padding: 0.5rem;
    width: calc(100% - 2px);
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #fafafa;
}
form.fForm input:focus, 
form.fForm select:focus, 
form.fForm textarea:focus {
	border: 1px solid #000;
	margin: 0;
	background: #fff;
}
form.fForm .form-item .date {
	width: -webkit-fill-available;
}
form.fForm .buttons {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
form.fForm .buttons input:focus {
    border: 1px solid var(--brand-color-1);
    margin-right: 1rem;
}

form.fForm .form-item-error input,
form.fForm .form-item-error select,
form.fForm .form-item-error textarea {
	border: 2px solid #CC0000;
	margin: 1px;
}
form.fForm .form-item-error > label {
	color: #cc0000;
}
form.fForm .checks input {
	margin: 4px 10px 8px 0px;
}
/*
.fForm .checks > label {
	padding-top: 10px;
}
*/

form.fForm .form-item.checks {
	padding-left: calc(var(--bs-gutter-x) * .5);
}
form.fForm .form-item-option {
	width: 100%;
}
form.fForm .form-item-option > label {
	font-weight: 500;
}
form.fForm .form-item-option > label:hover {
	font-weight: 600;
}

form.fForm .checks-2cols .form-item-option {
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
}
form.fForm .checks-2cols .form-item-option > label {
	flex-basis: 50%;
	flex-grow: 0; flex-shrink: 0;
}
@media(max-width:620px) {
	form.fForm .checks-2cols .form-item-option > label {
		flex-basis: 100%;
	}
}

form.fForm .form-item-type-checkbox,
form.fForm .form-item-type-radio {
	display: flex;
	flex-wrap: wrap;
}
form.fForm .form-item-type-checkbox > *,
form.fForm .form-item-type-radio > * {
	flex: 0 0 100%;
}
form.fForm .form-item-type-checkbox > label,
form.fForm .form-item-type-radio > label {
	order: -3;
	flex: 1 1 auto;
}
form.fForm .form-item-type-checkbox > .hint,
form.fForm .form-item-type-radio > .hint {
	order: -1;
	flex: 0 0 auto;
}

form.fForm .form-item-type-checkbox > .error,
form.fForm .form-item-type-radio > .error {
	order: 2;
}
form.fForm .form-item-type-checkbox > .form-item-option,
form.fForm .form-item-type-radio > .form-item-option {
	order: 1;
	margin-top: 0.5rem;
}
form.fForm .form-item-type-checkbox > .form-item-option,
form.fForm .form-item-type-radio > .form-item-option {
	background: #fafafa;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    border: 1px solid #aaa;
}

form.fForm .form-item-type-checkbox .checkbox input[type=checkbox], 
form.fForm .form-item-type-checkbox .checkbox input[type=radio], 
form.fForm .form-item-type-radio .checkbox input[type=radio], 
form.fForm .form-item-type-boolean input[type=checkbox], 
form.fForm .form-item-type-boolean input[type=radio] {
	position: relative;
	margin: 5px 10px 0 0;
	float: left;
}
form.fForm .form-item-type-checkbox .checkbox label, 
form.fForm .form-item-type-radio .checkbox label, 
form.fForm .form-item-type-boolean label {
	padding-left: 0;
}


.headerwrapr-top-container {
    position: relative;
    padding: 11px 15px;
    width: 100%;
}
img.logo-home {
    margin: 0 5% 0 0;
}

ul.submission {
    display: flex;
    list-style-type: none;
}
ul.submission li{
    text-align:center;
    padding:30px 0 30px 0;
   box-shadow: 0 0 15px 0 rgb(2 59 109 / 10%);
    margin-bottom:50px;
}
div#fModule-33984{
   background: #fff;
    z-index: 9999;
}
.owl-buttons{
    display:none;
}
ul.submission ::before{
    font-size:30px;
    color:var(--brand-color-1);
    margin-bottom:15px;
    line-height:80px;
}
span.color{
    color:var(--brand-color-1);
    font-style:italic;
}
div#fModule-33739 a.fButton {
    margin-top: 30px;
}
.sponsor img {
    width: 10%;
    float:left;
}
span.img-txt {
   /* margin-top: -51px;
    */
    padding-top: 30px;
    overflow: hidden;
    float: left;
    margin: 0 0 0 20px;
    line-height: 25px;
}
.register {
    text-align: center;
   box-shadow: 0 0 15px 0 rgb(2 59 109 / 10%);
   padding: 30px;
    background:#fff;
}
h3{
    color:var(--brand-color-1);
    font-size:1.5rem;
}
/****----****/


.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.aticle-box {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.collapse.show {
    display: block !important;
}
        
header .navbar-toggle .icon-bar {
    display: block;
    height: 3px;
    width: 26px;
    background: #fff;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggle-container .navbar-toggle {
    z-index: 9999;
}
.region-header,
.region-headertop {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.region-header .fModule,
.region-headertop .fModule {
    display: flex;
    align-items: center;
}
.region-headertop .fModule {
    padding: 0;
}

.headertop ul li {
       display: inline-block;
    align-items: center;
    padding: 0 0.7em 0 0;
    position: relative;
}
.fHeader1 .menu-horizontal{
    background: #fc0317;
    transition: .5s all;
}
.menu-horizontal.set {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.headertop ul li ul {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    display: none;
}
.headertop ul li ul li {
    border: none;
    display: block;
}



header .fModule {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.header-logo a {
    display: block;
       text-align: left;
    padding: 0.5rem;
}
.header-logo img {
    max-height: 45px;
    transition: 0.6s all;
}

nav {
    height: 100%;
}
.menu-horizontal nav ul.fMenu {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.menu-horizontal nav > ul > li {
    display: flex;
    align-items: stretch;
    position: relative;
}
.menu-horizontal nav a {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0.2rem 1.5rem;
    text-transform: uppercase;
    letter-spacing: normal;
    transition: 0.3s all;
}
.menu-hover-1 .fMenu > li > a {
    position: relative;
}
.menu-hover-1 .fMenu > li {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}
.menu-horizontal nav > ul > li > ul {
    position: absolute;
    top: 100%;
    width: 250px;
    display: none;
}
.menu-horizontal nav > ul > li > ul li a {
    color: #fff;
    font-size: 0.8rem;
    padding: 13px;
    background: #f2176b;
    border-bottom: 1px solid #ffffff45;
}
header.set .menu-horizontal nav a {
    color: #000;
}


.menu-horizontal nav > ul > li > ul li a:hover {
    color: #fff;
    background: #1173ba ;
}


.fMenu li:hover > ul.sub {
    visibility: visible;
    opacity: 1;
    top: 0;
    transition: all 0.4s ease-in-out;
    display: block;
    transform: perspective(600px) scale(1);
    top: 2rem;
    padding-top: 1rem;
}
.fMenu li:hover > ul.sub {
    top: unset;
    padding-top: 37%;
}
.menu-horizontal nav > ul > li > ul li a {
    color: #1173ba ;
    font-size: 0.8rem;
    padding: 10px 10px ;
    background: #ffffff ;
    text-transform: capitalize;
    transition: all 0.3s ease 0.1s;
    box-shadow: 0px 0px 20px #00000008;
    
}


.navbar-header .navbar-toggler {
    display: none;
}
.com-social .f-content-field {
        display: flex;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #000;
}
.com-social .f-content-node-title {
    font-weight: bold;
}
@media (max-width: 960px) {



    
    .navbar-header .navbar-toggler {
        display:block;
    }

    .navbar-collapse.collapse.show
    {
        display:block;
    }

    header.fHeader1 .menu-horizontal nav{
        position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: black;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    header.fHeader1 .menu-horizontal ul li {
        float: none;
        display: block;
    }
    header.fHeader1 .menu-horizontal ul li a {
        color: #fff;
        background-color: #000;
    }

    .fHeader1 .menu-horizontal ul li, .fHeader1.set .menu-horizontal ul li {
        float: none;
        padding: 20px 0;
    }
    .fHeader1 .menu-horizontal ul li a, .fHeader1.set .menu-horizontal ul li a {
        color: #fff;
    }
    header .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        background-color: black;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    
    .fHeader1 .menu-horizontal
    {
        padding: 0;
    }
    
    
    .fHeader1 .navbar-header
    {
        margin: 0;
    }

    .fHeader1 .navbar-header .row.row-0 {
        margin: 0 15px;
    }

    header .navbar-toggle .icon-bar {
        background: #1173ba ;
        height: 3px;
        width: 26px;
    }


    .menu-horizontal nav ul.fMenu {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center ;
        flex-direction: column;
    }

    header.fHeader1 .menu-horizontal ul li {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0px 0;
        border-top: 0px solid white;
        margin: 0;
    }

    header.fHeader1 .menu-horizontal nav > ul > li > a {
        color: #1874bb;
        background: #fff!important;
        margin: 0;
        padding: 11px 8px !important;
        /* border-bottom: 5px solid white; */
        font-size: 14px;
        position: relative;
    }

    .header-middle-container-row ul li a::before {
        content: '';
        height: 1px;
        width: 0;
        -webkit-transition: all .3s linear 0ms;
        -khtml-transition: all .3s linear 0ms;
        -moz-transition: all .3s linear 0ms;
        -ms-transition: all .3s linear 0ms;
        -o-transition: all .3s linear 0ms;
        transition: all .3s linear 0ms;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--brand-color-blue);
    }
    .menu-hover-1 .fMenu > li > a:hover::before {
        width: 100%;
    }

    .menu-horizontal nav > ul > li > ul.sub {
        padding-top: 0;
        position: sticky;
        float: l;
        float: left;
        width: 100%;
        background: #f9b90d !important;
        padding-left: 6px;
        padding-bottom: 0;
    }
    .menu-horizontal nav > ul > li > ul li a {
        background: #ffffff !important;
        margin-left: 0px;
    }

    .menu-horizontal nav > ul > li > ul li a:first-child {
        border-top: 1px solid #00000005;
        border-bottom: solid 1px #eeeeee03;
    }




}

@media (max-width: 768px) {


    header.fHeader1 .menu-horizontal nav{
        position: fixed;
        z-index: 99;
        width: 100%;
        left: 0;
        right: 0;
        height: 100%;
    }
    header.fHeader1 .menu-horizontal ul li {
        float: none;
        display: block;
    }
    header.fHeader1 .menu-horizontal ul li a {
        color: #fff;
        margin: 0;
    }
    
    
    .fHeader1 .menu-horizontal ul li, .fHeader1.set .menu-horizontal ul li {
        float: none;
        padding: 20px 0;
    }
    .fHeader1 .menu-horizontal ul li a, .fHeader1.set .menu-horizontal ul li a {
        color: #fff;
    }


    header .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        background-color: black;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
            
    header .navbar-toggle .icon-bar {
        
        height: 3px;
        width: 26px;
    }
        
    .fHeader1 .menu-horizontal
    {
        padding: 0;
    }
    .fHeader1 .navbar-header
    {
        margin: 0;
    }

    .fHeader1 .navbar-header .row.row-0 {
        margin: 0 15px;
    }

    header .navbar-toggle .icon-bar {
        background: #1173ba ;
        height: 3px;
        width: 26px;
    }


    .menu-horizontal nav ul.fMenu {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center ;
        flex-direction: column;
    }

    header.fHeader1 .menu-horizontal ul li {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0px 0;
        border-top: 0px solid white;
        margin: 0;
    }

    header.fHeader1 .menu-horizontal nav > ul > li > a {
        color: #1874bb;
        background: #fff!important;
        margin: 0;
        padding: 11px 8px !important;
        /* border-bottom: 5px solid white; */
        font-size: 14px;
    }

    .menu-horizontal nav > ul > li > ul.sub {
        padding-top: 0;
        position: sticky;
        float: l;
        float: left;
        width: 100%;
        background: #f9b90d !important;
        padding-left: 6px;
        padding-bottom: 0;
    }
    .menu-horizontal nav > ul > li > ul li a {
        background: #ffffff !important;
        margin-left: 0px;
    }

    .menu-horizontal nav > ul > li > ul li a:first-child {
        border-top: 1px solid #00000005;
        border-bottom: solid 1px #eeeeee03;
    }


}

.listing-container, .f-list {
	border: 1px solid #eaeaea;
	background: #fafafa;
	border-radius: 3px;
}
.nolist, .listing-nolist {
	padding: 5em 0;
	text-align: center;
}


.form-item-info {
	display: block;
	width: calc(100% - 2px);
	padding: 0.5rem;
	background: #aaa;
	color: #000;
	margin-top: -2px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.form-item-info a {
	color: #000;
}


.nav-timeline ul.fMenu {
	display: flex;
	margin-bottom: 1rem;
}
.nav-timeline a {
	color: #fff;
}
.nav-timeline li {
	margin: 0; padding: 0;
	flex: 1 1 0;
	letter-spacing: -0.5px;
	text-align: center;
	position: relative;
	list-style: none;
}
.nav-timeline li.selected {
	font-weight: bold;
}
.nav-timeline b {
	background: var(--brand-color-2);
	display: inline-block;
	padding: 0.25rem 0.5rem;
}
.nav-timeline li::before {
	height: 2px;
	width: 100%;
	left: -50%; top: 1rem;
	position: absolute;
	background: var(--brand-color-2);
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}
.nav-timeline .menu-item-text big {
	clear:both;
	display: block;
	padding: 0.5rem 1rem;
	margin-bottom: 0.5rem;
	color: var(--brand-color-2);
	font-weight: 600;
	text-decoration: underline;
}
.nav-timeline .selected .menu-item-text big {
	font-weight: 800;
}
.nav-timeline .menu-item-text span {
	display:block;
}

.nav-timeline li.future::before {
	display: none;
}
.nav-timeline li.future {
	opacity: 0.25;
}
.nav-timeline li.future a {
	pointer-events: none;
}

input[name=code] {
	width: calc(100% - 50px);
}

form.fForm .buttons[class*='col-'] {
	padding-left: calc(var(--bs-gutter-x)* .5);
}

.field-item-empty {
	display: none;
}


.abstracts .list-item-incomplete {
	background:url('https://img.icons8.com/color/100/clock--v1.png') 1rem center no-repeat;
	background-size: 32px;
}
.abstracts .list-item-cmoplete {
	background:url('https://img.icons8.com/color/100/checked-2--v1.png') 1rem center no-repeat;
	background-size: 32px;
}

body .fboxy-wrapper {
	top: 10%;
    left: 50%;
    transform: translate(-50%, -10%);
    height: 90%;
    width: 90%;
    max-width: 1200px;
    max-height: 90vh;
}
.f-content-links {
	padding-bottom: 1rem;
}


.f-listing-header {
	margin-bottom: 1.5rem;
	margin-left: -1rem;
	margin-right: -1rem;
	display: flex;
	flex-wrap: wrap;
}
.f-listing-header-item {
	padding-bottom: 1rem;
	padding-left: 1rem; padding-right: 1rem;
    flex: 1 1 280px;
}

.f-listing-header-search input{
	width:100%;
	border:2px solid var(--brand-color-1);
	border-radius:6px;
	padding:5px 15px;
}
.f-listing-header-filter select{
	width: 100%;
	border:2px solid var(--brand-color-1);
	border-radius:6px;
	padding:5px 15px;
}
.f-listing-header-submit input[type=submit]{
	background:var(--brand-color-1);
	color: var(--brand-color-1-text);
	padding:8px 15px;
	border-radius:30px;
	border: none;
}

.progressbar {
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	background:#fafafa;
	margin-bottom: 1.5rem;
	border-radius: 3px;
}
.progressbar-stats {
	position: absolute;
}
.progressbar-bar {
	padding: 0.5rem;
	width: 0%; overflow: visible;
	background: #46cca7;
	height: 2.5rem;
}
.progressbar-percent:before {
	content:"(";
	display: inline;
}
.progressbar-percent:after {
	content:")";
	display: inline;
}

body .fboxy-wrapper {
	top: 10%;
    left: 50%;
    transform: translate(-50%, -10%);
    height: 90%;
    width: 90%;
    max-width: 1200px;
    max-height: 90vh;
}
@media(max-width:567px) {
	body .fboxy-wrapper {
		top: auto;
    	left: 50%;
	    transform: translate(-50%, 0%);
    	height: 95%;
	    width: 100%;
    	max-width: 1200px;
	    max-height: 95vh;
	}
}
    
.sponsors {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.sponsors strong {
	padding-bottom: 0.25rem;
}
.f-button-add {
	position:absolute; 
	font-size:2rem;
	padding:0.2rem 1rem;
	border-radius: 3px;
	margin-left: -3px;
	z-index: 0;
	line-height: 1;
}
select {
	position: relative;
	z-index: 1;
}
@media (max-width: 480px) {
    header .wrap {
        overflow: visible;
    }
    .collapse.show {
        position: absolute;
        z-index: 999999;
        top: 100%;
        background: #000;
    }
    .menu-link nav > ul {
        border: none;
        padding: 8px;
    }
    .menu-link a {
        border-right: none;
    }
}