@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@import url('https://fonts.googleapis.com/css2?family=OpenSans:wght@200;300;500;600;700&display=swap');
:root {
    --color-1: #1aa469;
    --color-1-text: #fff;
    --color-1-hover: #12965d;
    --color-1-hover-text: #fff;
    --color-2: #ee6d21;
    --color-2-hover: #de691d;
    --color-2-text: #fff;
    --default-bg: #fff;
    --default-fg: #444;
    --default-fg-hover: #000;
    --default-radius: 0px;
    --grey-light: #f1f1f1;
    --grey-dark: #e0e0e0;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    font-size: 16px;
    4 scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.375;
    font-family: 'OpenSans', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: var(--default-fg);
}

ol {
    list-style: decimal;
}

section#fHeaderTop {
    padding: 0;
    background: #1aa469;
    display: none;
}

#fHeaderTop .top-band {
    padding: 10px 0;
}

#fHeaderTop .top-band .fModuleContent p {
    margin: 0;
}

#fHeaderTop .top-band .fModuleContent a {
    color: #fff;
    font-weight: bold;
}


/*Logo*/

header {
    padding: 10px 0;
    position: relative;
    z-index: 1;
    box-shadow: none;
    border-bottom: none;
    background: #fff;
    transition: 0.6s all ease;
}

header.fHeader1 {
    z-index: 999;
    position: sticky;
    top: 0;
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

header .fLogo {
    width: 25%;
}

header .fLogo ul li a.fGalleryImage {
    display: inline-block;
    padding: 0 30px;
}


/*Menu*/

header.fHeader1 .fMainMenu {
    /*width: 75%;
    text-align: right; */
}

header.fHeader1 .fMainMenu nav {
    line-height: normal;
}

header.fHeader1 .fMainMenu ul {
    display: inline-block;
}

header.fHeader1 .fMainMenu ul li {
    float: left;
    position: relative;
}

header.fHeader1 .fMainMenu ul li a {
    padding: 1.1rem 1rem;
    display: inline-block;
    font-weight: normal;
    background-color: transparent;
    color: #000;
    letter-spacing: 0px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1rem;
    transition: 0.6s all ease;
}

header.fHeader1 .fMainMenu ul li a span {
    position: relative;
}

header.fHeader1 .fMainMenu ul li a span:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 3px;
    background: #1aa469;
    transition: 0.8s all ease;
}

header.fHeader1 .fMainMenu ul li.mem-bt a {
    background: #1aa469;
    color: #fff;
    padding: 0.2rem 0.8rem;
    margin-top: 16px;
}

header.fHeader1 .fMainMenu ul li.mem-bt a:hover {
    color: #fff;
}

header.fHeader1 .fMainMenu ul li.mem-bt a span:after {
    display: none;
}

header.fHeader1 .fMainMenu ul li:nth-child(6) a:after,
header.fHeader1 .fMainMenu ul li:last-child a:after {
    display: none;
}

header.fHeader1 .fMainMenu ul li a:hover {
    color: #1aa469;
}

header.fHeader1 .fMainMenu ul li a:hover span:after {
    width: 100%;
}

header.fHeader1 .fMainMenu ul li ul {
    position: absolute;
    top: 78%;
    left: 16px;
    width: 200px;
    background: #1aa469;
    height: auto;
    overflow: hidden;
    transition: 0.6s all;
}

header.fHeader1 .fMainMenu ul li ul li {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: 0.6s all;
}

header.fHeader1 .fMainMenu ul li ul li a:after,
header.fHeader1 .fMainMenu ul li ul li a span:after {
    display: none;
}

header.fHeader1 .fMainMenu ul li ul li a {
    color: #fff;
    padding: 0.5rem 1rem;
}

header.fHeader1 .fMainMenu ul li:hover ul li {
    opacity: 1;
    height: auto;
}

header.fHeader1 .fMainMenu ul li:hover ul li,
header.fHeader1 .fMainMenu ul li:hover ul {
    overflow: visible;
}

header.fHeader1 .fMainMenu ul li ul li a:hover {
    color: #fff;
}


/* Layout */

ul,
ol {
    margin: 0;
    padding: 0;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

a {
    text-decoration: none;
    color: #0000FF;
}

b,
strong {
    font-weight: 600;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'OpenSans', sans-serif;
    margin: 0;
    padding-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

h1,
h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.3rem;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin: 0;
    padding: 0;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.5rem !important;
}

.p-2 {
    padding: 1rem !important;
}

.p-3 {
    padding: 1.5rem !important;
}

.p-4 {
    padding: 2rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.5rem !important;
}

.pr-2 {
    padding-right: 1rem !important;
}

.pr-3 {
    padding-right: 1.5rem !important;
}

.pr-4 {
    padding-right: 2rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.5rem !important;
}

.pl-2 {
    padding-left: 1rem !important;
}

.pl-3 {
    padding-left: 1.5rem !important;
}

.pl-4 {
    padding-left: 2rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 1rem !important;
}

.pb-3 {
    padding-bottom: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 2rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.5rem !important;
}

.pt-2 {
    padding-top: 1rem !important;
}

.pt-3 {
    padding-top: 1.5rem !important;
}

.pt-4 {
    padding-top: 2rem !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.5rem !important;
}

.m-2 {
    margin: 1rem !important;
}

.m-3 {
    margin: 1.5rem !important;
}

.m-4 {
    margin: 2rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.5rem !important;
}

.mr-2 {
    margin-right: 1rem !important;
}

.mr-3 {
    margin-right: 1.5rem !important;
}

.mr-4 {
    margin-right: 2rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.5rem !important;
}

.ml-2 {
    margin-left: 1rem !important;
}

.ml-3 {
    margin-left: 1.5rem !important;
}

.ml-4 {
    margin-left: 2rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 2rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.5rem !important;
}

.mt-2 {
    margin-top: 1rem !important;
}

.mt-3 {
    margin-top: 1.5rem !important;
}

.mt-4 {
    margin-top: 2rem !important;
}

.container {
    min-width: 320px;
}

@media (max-width: 767.8px) {
    .col-xs-12 {
        float: none;
    }
}

.row.row-equal {
    display: flex;
    flex-wrap: wrap;
}

.row-equal:before,
.row-equal:after {
    content: normal;
}


/* General Layout */

#fMatter {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

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

body.width-full #fMatter {
    padding: 0;
}

body.page-title-off #fPageTitle {
    display: none;
}

#f-messages {
    margin: 0;
}

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

#fPageTitle {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    text-align: center;
    background: var(--color-1);
    color: var(--color-1-text);
    background: url('https://www.apsaseed.org/wp-content/uploads/2016/07/home-img-2.jpg') no-repeat center center;
    background-size: cover;
    background-position: fixed;
    position: relative;
}

#fPageTitle:before {
    background: #333;
    opacity: 0.9;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
}

#fPageTitle h1 {
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

#fPageTitle h1 span,
#fPageTitle h1 small {
    font-size: 1rem;
    font-weight: 400;
    display: block;
    padding-top: 0.5rem;
}

footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: var(--grey-light);
    border-top: 1px solid var(--grey-dark);
}


/* Module */

.fModule {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.fModuleContainer .fModuleTitle,
.fModuleContainer .fModuleContent {
    margin: 0 auto;
}


/* Module Title */

.fModuleTitle {
    text-align: left;
}

.head-center .fModuleTitle {
    text-align: center;
}

.fModuleTitle h3 {
    font-weight: 700;
    padding: 1rem 0;
    margin: 0;
}


/* Title Type 1 */

.title-type-1 .fModuleTitle h3 {
    margin-bottom: 1rem;
    position: relative;
}

.title-type-1 .fModuleTitle h3:after {
    content: '';
    position: absolute;
    bottom: -1px;
    height: 2px;
    width: 8rem;
    background: var(--color-1);
    transition: 0.5s all ease;
    left: 0;
}

.title-type-1 .fModuleTitle h3:hover:after {
    width: 10rem;
}

.title-type-1.title-text-center .fModuleTitle h3:after {
    left: 50%;
    transform: translateX(-50%);
}


/* Title Center */

.title-text-center .fModuleTitle,
.title-text-center .fModuleTitle h3 {
    text-align: center;
}


/* Framework Normalisation */

ul.fMenu,
ul.fGalleryList,
ul.fMenu li,
ul.fGalleryList li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fGalleryImage {
    display: block;
}

#fNav .fModule {
    padding-top: 0;
    padding-bottom: 0rem;
}

#fBanner .fModule {
    padding: 0;
    margin: 0;
}
  
.fBanner .bx-viewport{ img{width:100%!important;object-fit:cover;}}

/* Header Option */

body.header-width-full header>.container,
.header-width-full>.container {
    width: 100%;
    max-width: 1170px;
}

header.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    z-index: 100;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
    background: #fff;
}

header.header-fixed .fRegion {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

header.header-fixed .fGalleryImage img,
header .fGalleryImage img {
    max-height: 50px;
}


/* Header Type 1: Packed, Slim header */

header.header-fixed.header-type-1 {
    padding-top: 0;
    padding-bottom: 0;
}

header.header-type-1 .fModule {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


/* Page Listing */

.f-list-content {}

.f-list-item-container {
    padding: 0.5rem 0;
    height: 100%;
}

.f-list-item-teaser-image {}

.f-list-item-title {
    font-size: 1rem;
    transition: 0.5s all;
    font-weight: 500;
}

.f-list-item-teaser-image a {
    display: block;
}

.f-list-item-title a {
    color: #000;
    transition: 0.5s all;
    display: block;
}

.f-list-item-subtitle {
    opacity: 0.8;
    font-weight: 200;
}

.f-list-item-button a {
    color: var(--color-1-text);
    background: var(--color-1);
    display: inline-block;
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
    transition: 0.5s all;
}

.f-list-item-button a:hover {
    color: var(--color-1-hover-text);
    background: var(--color-1-hover);
}


/* Bulleted */

.content-bullet .f-list-item-teaser-image {
    padding-bottom: 1rem;
}

.content-bullet-leading .f-list-item-teaser-image,
.content-bullet-leading .f-list-item-teaser-content {
    display: none;
}

.content-bullet-leading .f-list-item:first-child .f-list-item-teaser-image,
.content-bullet-leading .f-list-item:first-child .f-list-item-teaser-content {
    display: block;
}


/* Gallery View */

.content-gallery .f-list-item-teaser-image {
    padding-bottom: 0.5rem;
}

.content-gallery .f-list-item-container {
    margin-bottom: 2rem;
}

.content-gallery .f-list-item {
    transition: 0.5s all;
}

.content-gallery .f-list-item:hover {
    transform: scale(1.05);
}

.content-gallery .f-list-item-teaser-content a {
    color: #000;
}


/* List View */

.content-list .f-list-item-title {
    font-size: 1.1rem;
}

.content-list .f-list-item-subtitle {
    font-weight: 300;
}

.content-list .f-list-item-teaser-content {
    font-weight: 200;
}

.content-list .f-list-item-container {
    transition: 0.5s all;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--grey-dark);
    padding-left: 1rem;
}

.content-list .f-list-item-container:hover {
    background-color: var(--grey-light);
}

.content-list {}


/* Menu */


/* Horizontal */

.menu-horizontal nav ul.fMenu {}

.menu-horizontal nav>ul>li {
    display: inline-block;
}

.menu-horizontal nav a {
    font-size: 1rem;
    font-weight: 300;
    display: inline-block;
    padding: 0.5rem;
    transition: 0.3s all;
}

.menu-horizontal nav>ul ul {
    display: none;
    position: absolute;
}


/* Vertical */

.menu-vertical nav>ul.fMenu {
    display: block;
}

.menu-vertical li {
    flex-shrink: 0;
    flex-basis: 100%;
}

.menu-vertical li,
.menu-vertical li a {
    display: block;
    float: none;
}


/* Menu Type 1: Transparent BG & Default FG */

.menu-type-1 .fMenu>li a {
    color: var(--color-1);
}

.menu-type-1 .fMenu>li:hover>a {
    color: var(--color-1-hover);
}

.menu-type-1 li li a {
    padding: 0.5rem;
    text-align: center;
    display: block;
}

.menu-type-1 .fMenu li.highlight a {
    background: var(--color-1);
    color: var(--color-1-text);
    border-radius: 2rem;
}

.menu-type-1 .fMenu li.highlight:hover a {
    background: var(--color-1-hover);
    color: var(--color-1-text);
}


/* Menu Type 2: Default BG & Default FG, Full Width */

.menu-type-2 .fMenu {
    display: flex;
    justify-content: space-between;
}

.menu-type-2 .fMenu>li {
    flex: 1 1 auto;
}

.menu-type-2 .fMenu>li a {
    background: var(--color-1);
    color: var(--color-1-text);
    display: block;
    text-align: center;
    padding: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.menu-type-2 .fMenu>li a:hover {
    background: var(--color-1-hover);
    color: var(--color-1-hover-text);
}

.menu-type-2 .fMenu>li:hover>a {
    background: var(--color-1-hover);
}

.menu-type-2 li li a {
    padding: 0.5rem;
    text-align: center;
    display: block;
}

.menu-hover-1 .fMenu li {
    position: relative;
}

.menu-hover-1 .fMenu>li>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    display: block;
    background: #444;
    transition: 0.3s all;
    opacity: 0;
}

.menu-hover-1 ul.fMenu ul {
    z-index: -1;
    opacity: 0;
    width: 240px;
    display: none;
    background: var(--color-1-hover);
    margin: 0;
    z-index: 110;
    text-align: center;
}

.menu-hover-1 ul.fMenu ul:before {
    position: absolute;
    top: -1rem;
    display: block;
    content: '';
    border-bottom: 1rem solid red;
    border-left: 0 none;
    border-right: 0 none;
}

.menu-hover-1 ul.fMenu li:hover>ul {
    position: absolute;
    opacity: 1;
    display: block;
}

.menu-hover-1 ul.fMenu ul a {
    color: var(--color-1-text);
    opacity: 0.8;
    font-weight: 500;
    text-align: left;
}

.menu-hover-1 nav>ul ul li:hover a {
    opacity: 1;
}

.menu-hover-1 ul.fMenu ul li>ul {
    left: 100%;
    top: 0;
    opacity: 0;
    display: none;
}

.menu-hover-1 ul.fMenu ul li:hover>ul {
    opacity: 1;
    display: block;
}


/* Responsive Homepage */

@media (max-width: 767.8px) {
    .fModuleContainer .fModuleTitle,
    .fModuleContainer .fModuleContent {
        width: 100%;
    }
    .text-xs-left {
        text-align: left !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .text-xs-right {
        text-align: right !important;
    }
}

@media (min-width: 768px) {
    .fModuleContainer .fModuleTitle,
    .fModuleContainer .fModuleContent {
        width: 730px;
    }
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .fModuleContainer .fModuleTitle,
    .fModuleContainer .fModuleContent {
        width: 940px;
    }
    .text-md-left {
        text-align: left !important;
    }
    .text-md-center {
        text-align: center !important;
    }
    .text-md-right {
        text-align: right !important;
    }
}

@media (min-width: 1200px) {
    .fModuleContainer .fModuleTitle,
    .fModuleContainer .fModuleContent {
        width: 1140px;
    }
}


/* Customize.css */

.bg-grey {
    background: #efefef;
}

.bg-lgrey {
    background: rgb(208, 208, 208);
}

.bg-dgrey {
    background: rgb(63, 63, 63);
}

.bg-color-1 {
    background: var(--color-1);
    color: var(--color-1-text);
}

.bg-color-2,
.module-content-bgcolor-2 .fModuleContent {
    background: var(--color-2);
    color: var(--color-2-text);
}

.module-rounded .fModuleContent {
    border-radius: 1rem;
    padding: 1.5rem;
}

.f-table-title {
    font-weight: bold;
}

form.fForm label {
    font-weight: 400;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.fForm .form-item .form-item-option {
    margin-left: 340px;
}

.fForm input[type=checkbox],
.fForm input[type=radio] {
    height: auto !important;
}

form.fForm fieldset legend {
    font-weight: 600;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.hide-me {
    display: none;
}

.user-register-group .f-table {
    border: 0 none;
}

.user-register-group .f-table td {
    border-bottom: 1px solid var(--grey-dark);
}

.user-register-group-radio label {
    font-weight: 600;
}


/* f-button */

.f-button {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    background: var(--color-1);
    font-size: 1rem;
    font-weight: 500;
    transition: 0.5s all;
    color: var(--color-1-text);
}

.f-button-ghost-brand {
    border: 2px solid var(--color-1);
    background: transparent;
    color: var(--color-1);
}

.f-button-ghost-brand:hover {
    background: var(--color-1);
    color: var(--color-1-text);
}

.f-button-ghost {
    border: 2px solid var(--default-fg);
    background: transparent;
    color: var(--default-fg);
}

.f-button-ghost:hover {
    background: var(--default-fg-hover);
    border-color: var(--default-fg-hover);
    color: var(--default-bg);
}

.f-button-ghost-o,
.contrast-dark .f-button-ghost {
    border: 2px solid var(--color-1-text);
    background: transparent;
    color: var(--color-1-text);
}

.f-button-ghost-o:hover,
.contrast-dark .f-button-ghost:hover {
    background: var(--color-1-text);
    color: var(--color-1);
}

.f-button-fill {
    background: var(--color-1);
    color: var(--color-1-text);
    padding: 8px 40px;
    display: inline-block;
}

.f-button-fill:hover {
    background: var(--color-1-hover);
    color: var(--color-1-hover-text);
}

.f-button-small {
    font-size: 0.8rem;
    padding: 0.25rem 1rem;
}

.color-fb a {
    background: #3b5998;
    color: #fff;
}

.color-tw a {
    background: #00aced;
    color: #fff;
}

.color-ig a {
    background: #F56040;
    color: #fff;
}

.color-li a {
    background: #007bb6;
    color: #fff;
}

.menu-type-social i {
    width: 1.5rem;
    color: #fff;
}

.menu-type-social ul.fMenu li {
    line-height: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    max-width: 220px;
}

.menu-type-social a {
    padding: 1rem 1rem;
}

.file-manager .fGalleryContainer {
    border: 1px solid #1aa469;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.file-manager .fGalleryContainer h4 {
    background: #1aa469;
    color: #fff;
    font-size: 1.25rem;
    padding: 1rem;
    margin: 0;
    font-weight: bold;
}

.file-manager .fGalleryImage,
.file-manager .fFileList .fGalleryImage {
    display: none;
}

.file-manager .fGalleryText h3 {
    font-weight: normal;
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.file-manager .fGalleryText h3 a {
    color: #000;
    font-size: 1.1rem;
}

.file-manager ul.fGalleryList,
.file-manager ul.fFileList {
    padding: 1rem;
    padding-top: 0;
}

.file-manager ul.fFileList li,
.file-manager ul.fGalleryList li {
    margin: 0;
    padding: 0;
    padding-left: 2.25rem;
    position: relative;
}

.file-manager ul.fFileList li:before,
.file-manager ul.fGalleryList li:before {
    display: table;
    position: absolute;
    content: "";
    left: 0;
    top: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url('https://img.icons8.com/fluent/48/000000/download.png') no-repeat;
    background-size: cover;
}

.iconset .fMenu {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.iconset .fMenu li {
    padding: 1rem;
}

.iconset .fMenu a {
    display: block;
    padding: 1rem;
    font-weight: bold;
    color: #000;
    height: 100%;
    background: #fafafa;
    transition: 0.5s all;
    border: 1px solid #fff;
}

.iconset .fMenu a:hover {
    background: #efefef;
    border: 1px solid #ddd;
}

.iconset img {
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.content ul,
.content ul li {
    margin: 0;
    list-style: none;
}

.pull-none {
    float: none;
}

.d-inline-block {
    display: inline-block;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 1 !important;
}

#fBanner img {
    width: 100%;
}

#fBanner .bx-wrapper {
    margin: 0;
}

section#fBanner {
    padding: 0;
    position: relative;
}

#fContent>.container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#fFooter {
    padding: 2.5rem 0;
}

.fModuleTitle h3:hover:after,
#fContentPost h3:hover:after {
    width: 150px;
}


/************************************For this site only********************************/

body.path-gallery-view-63964 #fContent .fPageTitle,
body.path-gallery-view-63966 .fPageTitle,
body.path---contact .fPageTitle {
    background: #1aa469;
    padding: 2rem 0;
}

body.path-gallery-view-63964 #fContent .fPageTitle h1#heading,
body.path-gallery-view-63966 .fPageTitle h1#heading,
body.path---contact .fPageTitle h1#heading {
    color: #fff;
    text-align: center;
}


/*body.path---contact #fContent > .container {
    display: none;
}*/


/*******************************COMMON CSS******************************/


/*******************************About Section******************************/

#fBanner .fBanner ul li a.fGalleryImage {
    position: relative;
    display: inline-block;
    width: 100%;
}


#fBanner .fBanner ul li div.fGalleryText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

#fBanner .fBanner ul li div.fGalleryText h3 {
    font-size: 3rem;
    z-index: 9;
    position: relative;
    color: #fff;
}

#fModule--fGalleryItem-161988 div.fGalleryText .s-button {
    transform: translate(-198%, 11rem);
}

#fBanner .fBanner ul li div.fGalleryText h3 a,
#fBanner .fBanner ul li div.fGalleryText h3 a:hover {
    font-size: inherit;
    color: #fff;
}

#fBanner .fBanner ul li div.fGalleryText h3 a span {
    display: block;
}

#fAbout .about-sec .content {
    padding: 30px;
}

#fAbout .about-sec .content h3 {
    margin: 0;
    color: #667682;
    font-size: 1.2rem;
}

#fAbout .about-sec .content.grey {
    padding-top: 50px;
    position: relative;
}

#fAbout .about-sec .content.grey:after {
    content: '';
    position: absolute;
    left: 0;
    top: 39%;
    transform: translateY(-32%);
    width: 1px;
    height: 202px;
    background: #ccc;
    z-index: 99;
}

#fAbout .about-sec .content.grey p {
    color: #667682;
}

#fAbout .about-sec a.fButton {
    padding: 10px 40px 10px 22px;
    font-size: 1rem;
    line-height: normal;
    position: relative;
    background: #1aa469;
    border-radius: 0;
    margin: 0;
    display: inline-block;
    top: -7px;
    margin-top: 20px;
    z-index: 0;
}

#fAbout .about-sec a.fButton:after {
    content: '\f105';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    z-index: 99;
    font-weight: bold;
    font-size: 1rem;
    transition: 0.6s all;
}

#fAbout .about-sec a.fButton:hover:after {
    right: 20px;
}


/*******************************Latest News Section******************************/

#fLatestNews .latest-news ul li {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

#fLatestNews .latest-news ul li div.fGalleryText {
    text-align: center;
    position: absolute;
    top: 120%;
    right: 15px;
    bottom: 0;
    left: 15px;
    background: rgba(26, 164, 105, 0.7);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
}

#fLatestNews .latest-news ul li div.fGalleryText h3,
#fLatestNews .latest-news ul li div.fGalleryText h3 a {
    font-size: 1rem;
    margin: 0;
    color: #fff;
}

#fLatestNews .latest-news ul li:hover div.fGalleryText {
    top: 0;
}

#fLatestNews .bx-wrapper .bx-controls-direction {
    display: none;
}

#fLatestNews .bx-wrapper .bx-pager.bx-default-pager a:hover,
#fLatestNews .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1aa469;
}

#fLatestNews .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100%;
}


/**************************Upcoming Events************************/

.upcoming {
    text-align: center;
}

.upcoming ul li a.fGalleryImage {
    display: inline-block;
}

.upcoming ul li a.fGalleryImage img {
    height: 600px;
    width: auto;
}

section#fUpcoming {
    padding-bottom: 1.9rem;
}


/**************************Who we are************************/

.who ul li div.fGalleryText a.fButton {
    background: transparent;
    padding: 9px 40px;
    border-radius: 0;
    border: 1px solid #1aa469;
    color: #000;
    margin: 0;
}

.who ul li div.fGalleryText h3 {
    margin-top: 0;
}

.who ul li div.fGalleryText {
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: none;
    transition: 0.6s all;
}

.who ul li a.fGalleryImage {
    display: inline-block;
    position: relative;
}

.who ul li a.fGalleryImage:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    z-index: 1;
    transition: 0.6s all;
}

.who ul li:hover a.fGalleryImage:after {
    background: rgba(0, 0, 0, 0.5);
}

.who ul li:hover div.fGalleryText {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    border-color: #999;
}


/****************************Membership******************************/

#fMembership {
    background: url(//storage.unitedwebnetwork.com/files/543/69f34585cc16cf700598e36a09a87230.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#fMembership h3,
#fMembership p {
    color: #fff;
}

#fMembership a.fButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    padding: 9px 40px;
    transition: 0.6s all;
}

#fMembership a.fButton:hover {
    background: #1aa469;
    color: #fff;
    border-color: #1aa469;
}


/***************************Footer****************************/

#fFooter {
    background: #1aa469;
    padding-bottom: 8rem;
}

#fFooter .content h3 {
    color: #fff;
    position: relative;
    display: inline-block;
}

#fFooter .content h3:after {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 20%;
    left: 0;
    height: 2px;
    background: #fff;
    z-index: 1;
    transition: 0.6s all;
}

#fFooter .content h3:hover:after {
    width: 100%;
}

#fFooter .content ul {
    display: inline-block;
    width: 100%;
}

#fFooter .content ul li {
    width: 50%;
    float: left;
}

#fFooter .content ul li a {
    color: #fff;
    margin-bottom: 10px;
    font-weight: normal;
    display: block;
    transition: 0.6s all;
}

#fFooter .content ul li a:hover {
    font-weight: bold;
}

#fFooter .content form .form-group {
    margin-bottom: 5px;
}

#fFooter .content form .form-group input {
    margin: 0;
}

#fFooter .content form input.fButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    padding: 9px 40px;
}

#fFooter .content form p.bt-para {
    margin-top: 0;
}

#fFooter .content ul.social {
    display: inline-block;
    width: 100%;
}

#fFooter .content ul.social li {
    float: left;
    width: 25%;
}

#fFooter .content ul.social li a {
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#fFooter .content ul.social li a i {
    color: #000;
}


/****************************News Inner Page*****************************/

#fMatter .fGalleryView .fGalleryImage {
    display: none;
}

.wrapper .img img {
    height: 400px;
    width: auto;
    display: inline-block;
}

.wrapper .img {
    text-align: center;
}


/**************************Contact Page*********************************/

.first.pb-20 {
    padding-bottom: 20px;
}

.first h4 {
    position: relative;
    margin: 0;
    color: #1aa469;
    text-align: center;
}

.first h4:after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 6px;
    background: #1aa469;
}

.first .address {
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-top: none;
    border-right: none;
}

.first .no-p-r {
    padding-right: 0;
}

.first .no-p-l {
    padding-left: 0;
}

.first .map {
    margin-top: 31px;
}

.contact-form form {
    padding: 0 25%;
    text-align: center;
}

.contact-form form .fButton {
    background: transparent;
    padding: 9px 40px;
    border-radius: 0;
    border: 1px solid #1aa469;
    color: #000;
    margin: 0;
    transition: 0.6s all;
}

.contact-form form .fButton:hover {
    background: #1aa469;
    color: #fff;
}


/*.contact-form form .form-group {
    margin-bottom: 0;
}*/

.gallery-list ul li {
    margin: 0 0 15px 0;
}

.gallery-list h3 {
    /*font-size: 1.1rem;*/
    margin: 0;
}

.gallery-list h3 a,
.gallery-list h3 a:hover {
    color: #000;
}

.gallery-list .f-list-item-title {
    padding: 5px 0;
}

.box,
.pdf {
    border: 1px solid var(--color-1);
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
}

.box h3,
.pdf h3 {
    position: absolute;
    top: -10px;
    background: var(--color-1);
    color: #fff;
    padding: 8px;
    font-size: 1.2rem;
    left: 10px;
}

.box ol,
.pdf ol {
    list-style: none;
}

.box li,
.pdf li {
    position: relative;
    padding: 0 17px;
}

.pdf li {
    padding: 5px 30px;
}

.box li:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--color-1);
    top: 16px;
    left: 0;
    border-radius: 100%;
}

.pdf li:after {
    content: '';
    top: 61%;
    transform: translateY(-50%);
    left: 0;
    width: 15px;
    height: 20px;
    position: absolute;
    background-image: url(https://storage.unitedwebnetwork.com/files/543/605b6d114412ecd605b84a4cae4f8e9c.png);
    background-size: cover;
}

.box h3 a {
    color: #fff;
}

.box p a,
.pdf p a {
    color: #000;
}

.hydbrid-gal li.fGalleryItem {
    display: inline-block;
    width: 100%;
}

.hydbrid-gal a.fGalleryImage {
    display: inline-block;
    float: left;
    width: 44%;
}

.hydbrid-gal div.fGalleryText {
    float: right;
    width: 56%;
    padding: 104px 30px;
}

.meeting-gal a.fGalleryImage {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.meeting-gal a.fGalleryImage img {
    height: 500px;
    width: auto;
}

.meeting-gal div.fGalleryText {
    text-align: center;
}

.no-bor.box {
    border: none;
}

.subscribe div.signup-input {
    padding: 0 25%;
}

.subscribe div.signup-input form {
    text-align: center;
}

.subscribe div.signup-input form input {
    margin: 0;
    height: 55px;
    background: rgba(194, 194, 194, 0.48);
    border-radius: 30px;
    text-align: left;
    color: #000;
    padding: 0 15px;
}

.subscribe div.signup-input .f-button {
    padding: 8px 40px;
    margin-top: 20px;
    display: inline-block;
}

.standing table p {
    text-align: center;
}

.standing table th,
.standing table td {
    width: 50%;
}

.standing table th {
    background: var(--color-1);
}

.standing table th p {
    color: #fff;
}

.standing table tbody tr:first-child,
.standing table tbody tr:nth-child(4),
.standing table tbody tr:nth-child(7) {
    background: #dcdcdc;
}

.view-default img {}

.view-default .bx-wrapper .fGalleryImage {
    text-align: center;
}

.view-default .bx-wrapper .fGalleryImage img {
    height: auto !important;
    width: 100% !important;
}

.stake-nav ul li a {
    color: #000;
    padding: 15px 35px;
    display: inline-block;
    position: relative;
}

.stake-nav ul li a:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 30px;
    width: 30px;
    background-image: url('https://storage.unitedwebnetwork.com/files/543/4bfe6d467c35572516d2033932e9c7e7.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.membership-text ul li p {
    margin: 0;
}

.membership-text ul li {
    padding: 10px 0;
    list-style: disc;
}

.membersip-text table p {
    text-align: center;
}

.membersip-text table tr th {
    background: var(--color-1);
}

.membersip-text table tr th p {
    color: #fff;
}

.pdf-nav ul li {
    padding: 15px 20px;
}

.pdf-nav ul li a {
    color: #000;
}

.pdf-nav .fModuleTitle h3 {
    background: #1aa469;
    padding: 1rem;
    color: #fff;
}

.pdf-nav .fModuleContent {
    border: 1px solid #1aa469;
}

form.fForm .form-heading {
    padding: 0.5rem 0;
}

form.fForm input,
form.fForm select,
form.fForm textarea {
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fafafa;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

form.fForm input:active,
form.fForm select:active,
form.fForm textarea:active,
form.fForm input:focus,
form.fForm select:focus,
form.fForm textarea:focus {
    background: #fff;
    border-color: #bbb;
}

form.fForm textarea {
    min-height: 6rem;
}

form.fForm .form-heading .hint {
    margin-left: 0;
    font-weight: normal;
}

form.fForm .form-item {
    padding-left: 15px;
    padding-right: 15px;
}

form.fForm .form-item-rating:hover {
    background: #eaeaea;
}

form.fForm .form-item-rating label {
    width: auto;
    width: calc(100% - 150px);
    text-align: left;
}

form.fForm .form-item-rating input,
form.fForm .form-item-rating select,
form.fForm .form-item-rating textarea {
    width: 140px;
    float: right;
}

form.fForm .form-item-nolabel label {
    display: none;
}

form.fForm .hint,
form.fForm .error {
    margin-left: 250px;
}

form.fForm .form-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

form.fForm .form-item-fullwidth input,
form.fForm .form-item-fullwidth select,
form.fForm .form-item-fullwidth textarea,
form.fForm .form-item-fullwidth label {
    width: 100%;
    max-width: 690px;
}

form.fForm .form-item-fullwidth label {
    text-align: left;
    max-width: 100%;
}

form.fForm .buttons {
    margin: 0;
    margin-top: 1rem;
    padding: 1rem 0;
    border-top: 1px solid #ccc;
}

form.fForm .buttons input {
    font-weight: bold;
    color: #fff;
    background: var(--color-1);
    text-align: center;
    min-width: 200px;
}

.d-block {
    display: block;
    padding: 10px 0;
}

.path-member-business-and-product-type- form.fForm input {
    height: auto;
}

@media (max-width: 768px) {
    header.header-type-1 .fModule {
        text-align: center;
    }
    #fBanner .fBanner ul li div.fGalleryText h3 {
        font-size: 2rem;
    }
    .contact-form form {
        padding: 0 10%;
    }
    .iconset .fMenu li {
        width: 100%;
    }
}

@media (max-width: 480px) {
    #fBanner .fBanner ul li div.fGalleryText h3 {
        font-size: 1.5rem;
    }
    .path-user-apsa-members form {
        text-align: center;
        padding: 20px 0;
    }
    /*.view-default img {
		height: 300px !important;
	}*/
}

@media(max-width:640px) {
    form.fForm .form-item label {
        width: 100%;
        text-align: left;
    }
    /*form.fForm .form-item input,
	form.fForm .form-item select,
	form.fForm .form-item textarea {
		width: 100%;
		float: none;
	}*/
    form.fForm .hint,
    form.fForm .error {
        margin-left: 0;
    }
}

@media(min-width:1170px) {
    form.fForm label {
        width: 320px;
    }
    form.fForm .hint,
    form.fForm .error {
        margin-left: 330px;
    }
}

.fModule.file-manager-outlined {
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.file-manager-outlined {
    border: 1px solid #1aa469;
}

.file-manager-outlined .fModuleTitle h3 {
    background: #1aa469;
    color: #fff;
    font-size: 1.25rem;
    padding: 1rem;
    margin: 0;
    font-weight: bold;
    margin: 0;
}

.file-manager-outlined .fModuleTitle {
    padding: 0;
    margin: 0;
}

.faq .fModuleTitle h3 {
    text-align: center;
    padding: 5px 0;
}

.faq li {
    margin: 0;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.faq .hideContent {
    opacity: 0;
    transition: 0.5s ease-in-out;
    overflow-y: hidden;
    max-height: 0;
    padding: 0rem 1.5rem;
}

.faq .hideContent.show {
    max-height: 1400px;
    opacity: 1;
    padding: 1rem 1.5rem;
}

.faq .hideContent ul li {
    list-style: disc;
    padding: 0;
}

.faq .toggleButton {
    display: block;
    padding: 15px 35px;
    color: var(--color-1);
    border: 1px solid #e8e7e7;
    position: relative;
    background: #f7f7f7;
    font-weight: 400;
}

.faq .toggleButton:after,
.faq .toggleButton:before {
    /*content: '\f067';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 2%;
	color: var(--color-1);
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;*/
    display: block;
    content: "";
    position: absolute;
    left: 8px;
    background: var(--color-1);
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all;
}

.faq .toggleButton:after {
    width: 1rem;
    height: 2px;
}

.faq .toggleButton:before {
    width: 2px;
    height: 1rem;
    left: 0.5rem;
    left: calc(1rem - 1px);
}

.faq .toggleButton.minus:before {
    height: 0;
}


/*@media (min-width: 992px) {
	.technical.faq {
		margin-left: 25%;
	}
}*/

.structure .struc-bt {
    padding: 8px 40px;
    background: var(--color-1);
    color: #fff;
    display: inline-block;
}

.structure ul {
    display: flex;
    align-content: center;
    justify-content: center;
}

.structure ul li {
    border: 1px solid #f1f1f1;
    border-top: none;
}

.structure ul li .struc-bt {
    display: block;
}

.structure ul li .content {
    padding: 0 15px;
}

.paraText ul li {
    list-style: disc;
}

.tableModule .fModuleTitle h3 span {
    display: block;
    font-size: 1.2rem;
}

.tableModule table tbody tr td,
.tableModule table thead tr th {
    vertical-align: middle;
    text-align: center;
}

.tableModule table thead tr th {
    background: var(--color-1);
    color: #fff;
    border: 1px solid #fff;
}

.tableModule table tbody tr {
    background: transparent;
    transition: 0.6s all;
}

.tableModule table tbody tr:hover {
    background: #f1f1f1;
}

.file-manager ul.fFileList li.fFolderItem:before {
    background: url('https://storage.unitedwebnetwork.com/files/543/be58b753513738d3a2dd1b9004d076b9.png') no-repeat center center;
    background-size: cover;
}

.fSearchBox input#search-box {
    border-radius: 20px;
    height: 45px;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

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

@media (max-width: 767px) {
    header#fHeader #fNav .menu-type-2 {
        position: fixed;
        width: 100%;
        left: 0px;
        right: 0px;
        display: none;
        text-align: center;
        background: #1aa469;
        margin-top: 0;
        z-index: 99;
    }
    header#fHeader #fNav .menu-type-2 ul li {
        float: none;
        display: block;
    }
    header#fHeader #fNav .menu-type-2 ul li a {
        color: #fff;
    }
    /*button.navbar-toggle {
        display: block !important;
        position: absolute;
        right: 0;
        z-index: 999;
    }*/
    #fHeader.fMainMenu ul li,
    #fHeader.set .menu-type-2 ul li {
        float: none;
        padding: 20px 0;
    }
    #fHeader .menu-type-2 ul li a,
    #fHeader.set .menu-type-2 ul li a {
        color: #fff;
    }
    header button.navbar-toggle {
        background: #212121;
    }
    header button.navbar-toggle .icon-bar {
        background: #fff;
        height: 3px;
        width: 26px;
    }
    .menu-type-2 .fMenu {
        display: block;
        justify-content: space-between;
    }
    .menu-hover-1 ul.fMenu ul {
        z-index: -1;
        opacity: 0;
        width: 100%;
        display: none;
        margin: 0;
        z-index: 110;
        text-align: center;
    }
    .menu-hover-1 ul.fMenu ul a {
        text-align: center !important;
    }

    #fModule-13003
    {
        display: none;
    }

    #fModule-51458
    {
        display: block!important;
    }
}

@media (max-width: 480px) {}

@media (max-width: 424px) {}

.toogle_bar button span {
    width: 25px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 3px 0;
}

.navbar-toggle {
    z-index: 999999;
}

.f-table {
    font-size: 1rem;
    border: 1px solid var(--color-1);
}

.f-table td,
.f-table th {
    padding: 0.25rem 0.5rem;
}

.f-table th {
    background: var(--color-1);
    color: var(--color-1-text);
    font-size: 1rem;
}

#fSponsors .fGalleryText {
    display: none;
}

.greenHead .fModuleTitle {
    text-align: center;
    color: var(--color-1);
}

.view-default .sakata img {
    height: 110px !important;
}

.multiLogo ul,
.multiLogo ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.multiLogo ul li {
    padding: 0 1rem;
}

.multiLogo ul li a {
    display: inline-block;
}

.view-default .multiLogo img {
    height: 100px !important;
}

#fSponsor {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    width: 100%;
    z-index: 999 !important;
    padding: 0 !important;
}

#fSponsor .fModule {
    padding: 0;
}

#fSponsor img {
    max-height: 80px;
    width: auto;
}

#fSponsor .fModuleTitle h3 {
    text-align: center;
    color: #1aa469;
    font-size: 1rem;
    text-align: center;
    margin: 0;
    padding-bottom: 1rem;
}

#fSponsor ul {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

#fSponsor ul li {
    display: inline-block;
    padding: 1rem 0.5rem;
}


/*.sponsor ul li img {
	max-height: 100px;
	width: auto;
}*/

#fSponsor .fGalleryText {
    display: none;
}

@media(max-width:767.8px) {
    #fSponsor {
        position: relative !important;
    }
}

.fForm .form-item-singleline {
    display: flex;
    flex-wrap: wrap;
}

.fForm .form-item-singleline>* {
    flex-basis: 100%;
}

.fForm .form-item-singleline>label {
    display: block;
    float: none;
    font-weight: bold;
    text-align: left;
    width: 100%;
    order: -1;
}

.fForm .form-item-singleline .hint {
    order: -1;
}

.fForm .form-item-singleline .form-item-option,
.fForm .form-item-singleline .hint,
.fForm .form-item-singleline .error {
    margin-left: 0;
}

.fForm .form-item-singleline .form-item-option label {
    font-weight: 600;
    font-size: 1rem;
    border-top: 1px solid #eaeaea;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}

.fForm .form-item-singleline .form-item-option label:hover {}

.fForm .form-item-singleline .form-item-option label small {
    display: block;
    font-weight: 300;
    font-size: 1rem;
}

#fBanner .fBanner ul li#fModule--fGalleryItem-161988 a:after {
    background: none !important;
}

#fModule-51458
{
    display: none;
}
/******-----@media-----***********/

@media (max-width: 767px) {
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button a {
        font-size: 9px;
        padding: 4px 10px;
    }
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button {
        transform: translate(-132%, 3rem);
    }
    div#fModule-34567 {
        width: 100%;
    }
    div#fModule-34568 {
        width: 100%;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button {
        transform: translate(-152%, 9rem);
    }
}

@media only screen and (min-width: 722px) and (max-width: 1100px) and (orientation: landscape) {
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button {
        transform: translate(-148%, 125px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button {
        transform: translate(-148%, 125px);
    }
}

@media only screen and (min-width: 786px) and (max-width: 1023px) and (orientation: landscape) {
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button {
        transform: translate(-148%, 125px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
    #fModule--fGalleryItem-161988 div.fGalleryText .s-button {
        transform: translate(-148%, 125px);
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #f5f5f5;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.fForm.row.row-equal .form-heading {
    width: 100% !important;
    clear: both;
}

.fForm.row.row-equal .form-item {
    padding: 10px !important;
}

.fForm.row.row-equal label,
.fForm.row.row-equal input,
.fForm.row.row-equal select,
.fForm.row.row-equal textarea {
    width: 100% !important;
    text-align: left !important;
}

.fForm.row.row-equal input[type=button],
.fForm.row.row-equal input[type=checkbox],
.fForm.row.row-equal input[type=radio],
.fForm.row.row-equal input[type=submit] {
    width: auto !important;
    text-align: center !important;
}

.fForm.row.row-equal .hint,
.fForm.row.row-equal .error {
    margin-left: 0
}

form.fForm .buttons {
    clear: both;
    width: 100%;
}

.justify-center {
    justify-content: center;
}

table td {
    padding: 5px;
}