/*520eb25052275c114dd0124110b3e7e9*/
@charset "UTF-8";

@media only screen and (min-width:320px) {
    .tx-sec {
        color: #9F333B !important
    }

    #pop-print {
        display: none !important
    }

    .dateflex {
        display: flex;
        align-items: center;
        align-content: center
    }

    .datep img {
        width: 130px
    }

    .conday {
        background-color: #abcd5b
    }

    .progrey1 {
        background-color: #F5F5F5
    }

    .progrey2 {
        background-color: #EDEDED
    }

    .progreen {
        background-color: #C9F0C5
    }

    .progreen2 {
        background-color: #a7f975
    }

    .progorange {
        background-color: #cf6402
    }

    .contx-grid {
        display: grid !important
    }

    .h2-c div.page-header h2 {
        text-align: center !important
    }

    #confday {
        background-color: #ABCD5B;
        padding: 15px 30px !important
    }

    .confprowrp {
        font-family: "Open Sans", sans-serif !important
    }

        .confprowrp strong {
            font-family: "Open Sans", sans-serif !important
        }

    .lunchb {
        background-color: #fee889 !important
    }

    #confday2 {
        background-color: #c9f0c5;
        padding: 15px 30px !important
    }

    .prg-bg1 {
        background-color: #f5f5f5;
        padding: 15px 30px !important
    }

    .keynotec {
        background-color: #9f333b !important;
        color: #fff !important
    }

    .prg-bg2 {
        background-color: #ededed;
        padding: 15px 30px !important
    }

    .contx-flex {
        display: flex;
        align-content: center;
        align-items: center
    }

    .confrow img {
        width: 130px
    }

    #g-page-surround {
        background: #ebebeb
    }

    .pager {
        margin: 60px 0 20px !important
    }

    .item-image {
        margin-bottom: 40px
    }

    * {
        box-sizing: border-box
    }

    #adminForm .input-large {
        border: 1px solid #eee !important
    }

    #last_name, #EmergencyNo, #OrganizationInstitutionUrl, #PositionTitle, #MailingAddress, #PhysicalAddress, #Telephone, #MobileNo, #SponsorOrganization, #SponsorEmail, #SponsorTel {
        border: 1px solid #eee !important
    }

    #myTable a {
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale;
        color: #9f333b !important
    }

    #myTable tbody tr th {
        text-align: center !important
    }

    #copeInput {
        background-image: url('../../images/frame/searchicon.png');
        background-position: 15px 14px;
        background-repeat: no-repeat;
        width: 250px;
        font-size: 16px;
        padding: 12px 20px 10px 45px;
        border: 1px solid #ddd;
        margin-bottom: 12px;
        background-color: #ABCD5B;
        border-radius: 100px !important;
        color: #000 !important
    }

    #myTable {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #ddd
    }

        #myTable th, #myTable td {
            text-align: left;
            padding: 12px
        }

        #myTable tr {
            border-bottom: 1px solid #ddd
        }

            #myTable tr.header, #myTable tr:hover {
                background-color: #F8F8F8
            }

    .my-bs-table thead {
        background-color: #abcd5b
    }

    .my-bs-table p {
        margin-bottom: 0 !important
    }

    .table {
        border: 1px solid #ddd !important
    }

    .mytable-light strong {
        color: #fff !important
    }

    table.table tbody tr td {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .my-bs-table .table {
        color: #4d4d4d !important
    }

    table.table thead tr th {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff
    }

    .table thead:first-child tr:first-child th {
        border: 1px solid #ddd !important
    }

    .table > :not(caption) > * > * {
        padding: 0.5rem 0.5rem;
        background-color: var(--bs-table-bg);
        border-bottom: 1px solid #ddd !important;
        box-shadow: inset 0 0 0 0px
    }

    .body-as a {
        text-decoration: none !important
    }

    .body-hs thead {
        background-color: #ABCD5B
    }

    thead th {
        text-align: center !important
    }

    .myfeature {
        padding-bottom: 10px !important
    }

    .newsflash {
        margin-top: 20px !important
    }

    .st0 {
        fill: #ABCD5B !important
    }

    .cope-training-p .g-content {
        padding: 0 !important
    }

    .training-col {
        background: #f7f7f7;
        border-radius: 10px
    }

    .training-intro-base {
        padding: 0 15px 20px
    }

    .tn-white-bg {
        padding: 24px 6% 8px
    }

    .© {
        border: 3px solid #EFEFEF
    }

    .divider-div {
        padding-left: 15px
    }

    .ns2-readmore {
        text-decoration: none !important
    }

        .ns2-readmore:hover {
            color: #9f333b !important;
            text-decoration: none !important
        }

    h4.ns2-title {
        font-size: 144%;
        font-weight: bold
    }

        h4.ns2-title a {
            color: #9f333b !important;
            text-decoration: none !important
        }

    .h-stroke {
        width: 60px;
        margin-bottom: 10px
    }

    .h-stroke3 {
        width: 60px;
        margin-bottom: 10px;
        margin-left: 15px
    }

    .tnew-t {
        height: 50px;
        background-color: #ABCD5B;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        position: relative
    }

    .tnew-b {
        height: 50px;
        background-color: #ABCD5B;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px
    }

    .ns2-art-controllers {
        margin-bottom: 10px;
        margin-right: 7%
    }

    #triangle-left {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 10px solid transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        margin-right: 0;
        z-index: 10
    }

    #triangle-top-grey {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #F7F7F7;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        margin-bottom: 0;
        z-index: 3
    }

    #triangle-down {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #abcd5b;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto -9px
    }

    .ns2-art-wrap {
        background: #f3f3f3;
        min-height: 310px
    }

    .ns2-image {
        width: 100% !important
    }

    .no-img-here a {
        color: #ABCD5B !important
    }

    .fields-container {
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-search {
        display: none !important
    }

    html {
        scroll-behavior: smooth !important
    }

    a:focus, button:focus, input:focus, textarea:focus {
        outline: none !important
    }

    select:focus {
        outline: none !important
    }

    a:hover {
        text-decoration: none !important
    }

    body {
        padding-bottom: 0 !important
    }

    #main .icons {
        display: none !important
    }

    p {
        font-size: 18px !important
    }

    .footercurve {
        background-color: #fff;
        height: 40px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        z-index: 1;
        position: relative
    }

    .myeventsdates .field-label {
        display: none
    }

    .myeventsdates .fields-container {
        display: flex
    }

    .myeventsdates .field-entry {
        margin-right: 10px
    }

    #tb-social {
        align-items: center;
        display: flex;
        justify-content: center;
        color: #fff !important;
        height: 40px;
        width: 47px;
        padding: 20px 24px
    }

    .fa-facebook-f::before, .fa-facebook::before {
        content: "ï‚š";
        color: #fff
    }

    .fa-twitter::before {
        content: "ï‚™";
        color: #fff
    }

    .fa-youtube-play::before {
        content: "ï…ª";
        color: #fff
    }

    .top-social {
        padding: 0;
        text-align: center;
        display: flex
    }

    .tb-facebook {
        background-color: #4267b2;
        color: #fff !important
    }

    .tb-twitter {
        background-color: #00B0FF;
        color: #fff !important
    }

    .tb-youtube {
        background-color: #d40000;
        color: #fff !important
    }

    .scrollToTop.snip1452::after {
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important;
        border: 2px solid #ABCD5B
    }

    .scrollToTop.snip1452, .scrollToTop.snip1452 [class^="fa-"]::before, .scrollToTop.snip1452 [class*="fa-"]::before {
        color: #ABCD5B
    }

        .snip1452::before, .snip1452::after, .scrollToTop.snip1452 [class^="fa-"]::before, .scrollToTop.snip1452 [class*="fa-"]::before {
            -webkit-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out
        }

    .scrollToTop {
        right: -9px !important
    }

    #sp-cookie-consent .sp-cookie-allow:hover {
        background-color: #f79621;
        color: #ffffff
    }

    #sp-cookie-consent > div {
        padding: 20px !important;
        position: relative
    }

    .table-vertical th {
        background-color: #ABCD5B !important;
        color: #fff !important
    }

    .table-vertical thead strong {
        color: #fff !important
    }

    #kephis-dep thead {
        border-top: 1px solid #dee2e6;
        background-color: #ABCD5B;
        color: #fff
    }

    #kephis-dep tr {
        border-bottom: 1px solid #dee2e6
    }

    #kephis-dep td {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6
    }

    #kephis-dep th {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6
    }

    .regional-table thead {
        border-top: 1px solid #dee2e6;
        background-color: #ABCD5B;
        color: #fff
    }

    .regional-table tr {
        border-bottom: 1px solid #dee2e6
    }

    .regional-table td {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6
    }

    .regional-table th {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6
    }

    .modal-open {
        position: relative !important
    }

    .modal-box .modal-header, .modal-box header {
        padding: 1.25em 1.5em;
        border-bottom: 1px solid #ddd
    }

        .modal-box .modal-header h3, .modal-box .modal-header h4, .modal-box header h3, .modal-box header h4 {
            margin: 0
        }

    .modal-box .modal-body {
        padding: 2em 1.5em
    }

    .modal-box .modal-footer, .modal-box footer {
        padding: 1em;
        border-top: 1px solid #ddd;
        background: rgba(0, 0, 0, 0.02);
        text-align: right
    }

    .modal-box {
        display: none;
        position: fixed;
        z-index: 1000;
        width: 100%;
        background: white;
        border-bottom: 1px solid #aaa;
        border-radius: 4px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-clip: padding-box
    }

    .modal-overlay {
        opacity: 0;
        filter: alpha(opacity=0);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 110;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9) !important
    }

    video {
        width: 100%;
        height: auto
    }

    .ion-chevron-up::before {
        content: "\f077" !important;
        font-family: FontAwesome !important
    }

    .speasyimagegallery-gallery-item img {
        width: 100%;
        border-radius: 7px
    }

    .speasyimagegallery-modal-body {
        border-radius: 7px
    }

    .speasyimagegallery-row {
        margin-top: 15px !important
    }

    .speasyimagegallery-gallery btn {
        border-radius: 30px !important;
        padding: 0.2rem 0.75rem !important
    }

    #scrollToTop img {
        width: 42px
    }

    .sop-modnav .mod-list {
        width: 100% !important
    }

    .sop-modnav .jmoddiv {
        width: 100% !important
    }

    .sop-login .form-inline .checkbox input[type="checkbox"] {
        float: none !important;
        margin: 0 !important
    }

    .input-append > .add-on, .input-prepend > .add-on {
        vertical-align: top !important;
        height: auto !important;
        padding: 5px 11px !important
    }

    #login-form .input-prepend > .add-on {
        color: #747474 !important;
        height: 32px !important
    }

    .input-append .add-on, .input-prepend .add-on {
        border: 0 !important
    }

        .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important
        }

    .sop-login #login-form {
        margin: 0 !important
    }

    .sop-login input[type="password"] {
        border: 0 !important;
        border-radius: 0 !important
    }

    .input-prepend {
        width: 100% !important
    }

    .userdata {
        width: 100% !important
    }

    #modlgn-passwd, #modlgn-username {
        width: 90% !important
    }

    .sop-login {
        padding: 32px 30px !important
    }

    #ordering {
        font-size: 13px !important;
        text-transform: uppercase !important
    }

        #ordering option {
            font-size: 13px !important;
            text-transform: uppercase !important
        }

    .intro-result strong {
        color: #f79621 !important
    }

    .intro-result .badge-info {
        font-size: 22px !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    }

    .badge-info {
        color: #fff;
        background-color: #f79621 !important;
        text-shadow: none
    }

    .btnsearch {
        font-weight: 600;
        color: #fff;
        text-shadow: none
    }

    .ordering-box .inputbox {
        width: 200px !important
    }

    .btn-success {
        color: #fff;
        background-color: #ABCD5B;
        border: 0 !important;
        background-image: none !important;
        border-radius: 0 !important
    }

    .only label {
        text-transform: uppercase;
        font-size: 13px
    }

    .btn-success:hover {
        background-color: #f79621 !important
    }

    .only legend {
        color: #ABCD5B !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .phrases legend {
        color: #ABCD5B !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .form-limit label {
        text-transform: uppercase;
        font-size: 13px
    }

    .mycounter p {
        text-transform: uppercase !important;
        font-size: 13px !important
    }

    .ordering {
        color: #ABCD5B !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .phrases {
        text-transform: uppercase
    }

    .phrases-box {
        font-size: 13px
    }

    #search-searchword {
        margin: 0 !important
    }

    .uneditable-input, input, textarea {
        width: 100%
    }

    .schpad .btn-group {
        margin-left: 0 !important
    }

    #mymain {
        display: flex;
        flex-direction: row-reverse
    }

        #mymain div {
            width: 100%
        }

    .result-text {
        margin-bottom: 20px
    }

    .result-category {
        text-transform: uppercase;
        font-size: 14px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        font-weight: bolder !important
    }

    .search span.highlight {
        background-color: #ffff94;
        font-weight: 500
    }

    .search-results hr {
        margin-top: 0;
        border-top: 1px solid #F9F9F9
    }

    .search-results a {
        font-weight: 500;
        font-size: 20px;
        color: #ABCD5B
    }

        .search-results a:hover {
            color: #f79621
        }

    .search-results a {
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .result-created {
        display: none
    }

    .myno-border .btn {
        font-weight: 600
    }

    [class^="icon-"]::before, [class*=" icon-"]::before {
        font-weight: 600
    }

    .myno-border .btn-primary {
        border-radius: 0 !important;
        background-color: #ABCD5B;
        border-color: #ABCD5B
    }

        .myno-border .btn-primary:hover {
            background-color: #f79621;
            border-color: #f79621
        }

    .mysearch-form .btn-toolbar {
        margin-top: 0 !important
    }

    .search-for {
        padding: 15px 0 15px 7% !important;
        font-size: 15px !important
    }

    .phrases legend {
        margin-bottom: 0 !important
    }

    .phrases-box label {
        margin-bottom: 0 !important
    }

    .phrases-box .controls {
        display: grid !important
    }

    .mysearchpage .row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .onlybox {
        padding: 15px 0 15px 7% !important;
        font-size: 15px !important
    }

    .myonly legend {
        margin-bottom: 0 !important
    }

    .myonly label {
        margin-bottom: 0 !important
    }

    .myonly {
        display: grid !important
    }

    .mysearchpage .search {
        margin-right: 0 !important
    }

    .mysearch-form input[type="text"] {
        margin-bottom: 0
    }

    .mysearchbox {
        border: 1px solid #ddd !important
    }

    .no_title #rl_modals_close {
        right: 17px !important;
        top: 16px !important
    }

    #rl_modals_loaded_content {
        overflow: hidden !important
    }

    #rl_modals_loaded_content {
        padding: 0 !important
    }

    .modal {
        z-index: 3000000 !important
    }

    .viewmap {
        background-color: #F79621;
        display: table;
        border-radius: 4px
    }

    .contact-accordion .uk-accordion-content {
        padding: 0 15px 0 15px !important
    }

    .contact-accordion .uk-accordion-title {
        border-radius: 0;
        border: 0;
        background-color: #ABCD5B !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale;
        border-top: 1px solid #099542;
        color: #fff;
        transition: 0.2s all
    }

        .contact-accordion .uk-accordion-title:hover {
            border-radius: 0;
            border: 0;
            background-color: #009946 !important;
            font-family: headline-b !important;
            font-style: normal;
            -moz-osx-font-smoothing: grayscale;
            border-top: 1px solid #099542;
            color: #fff;
            transition: 0.2s all;
            padding-left: 20px !important;
            cursor: pointer !important
        }

    .contact-accordion h3 {
        padding: 15px 15px !important
    }

    #regional-form {
        width: 100% !important;
        padding: 15px
    }

        #regional-form h5 {
            font-family: headline-b !important;
            font-style: normal;
            -moz-osx-font-smoothing: grayscale;
            color: #ABCD5B !important
        }

    .r-cont {
        padding: 15px
    }

    .button-box {
        margin-top: 40px
    }

    .if-kephis-map {
        width: 100% !important;
        height: 545px;
        border: 0 !important
    }

    body, html {
        margin: 0 !important;
        padding: 0 !important
    }

    iframe {
        margin: 0;
        overflow: hidden !important
    }

    .well-bg {
        background-color: #e8e8e8 !important;
        border: 0;
        box-shadow: none !important
    }

    .contact-form .well {
        border: 0 !important;
        border-radius: 0 !important;
        background-color: #e8e8e8 !important;
        padding: 40px 5% 30px !important
    }

    #contact-form legend {
        font-size: 28px !important
    }

    .optional {
        color: #000 !important
    }

    .itemscope {
        max-width: 500px !important
    }

    .say-hey {
        text-align: center
    }

    #jform_contact_name {
        width: 98.7%;
        font-size: 14px;
        font-family: "f-regular" Helvetica, Arial, sans-serif !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 400 !important
    }

    #jform_contact_email {
        width: 98.7%;
        font-size: 14px;
        font-family: "f-regular" Helvetica, Arial, sans-serif !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 400 !important
    }

    #jform_contact_emailmsg {
        width: 98.7%;
        font-size: 14px;
        font-family: "f-regular" Helvetica, Arial, sans-serif !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 400 !important
    }

    #jform_contact_message {
        width: 100%;
        font-size: 14px;
        font-family: "f-regular" Helvetica, Arial, sans-serif !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 400 !important
    }

    #jform_contact_name-lbl {
        display: none !important
    }

    #jform_contact_email-lbl {
        display: none !important
    }

    #jform_contact_emailmsg-lbl {
        display: none !important
    }

    #jform_contact_message-lbl {
        display: none
    }

    #contact-form label {
        font-weight: normal !important;
        color: #666 !important;
        margin-bottom: 0 !important
    }

    .mysubmit .btn-primary {
        background-color: #ABCD5B;
        border: 0;
        border-radius: 0
    }

        .mysubmit .btn-primary:hover {
            background-color: #F79621
        }

    .jform_contact_email_copy {
        margin: 0 !important
    }

    .contact-form .controls {
        margin: 0 !important
    }

    .con-bg {
        background-color: #e8e8e8 !important;
        padding-top: 15px !important;
        border-radius: 0 !important
    }

    input[type="text"], input[type="email"], input[type="tel"], select, textarea {
        border: #F5F5F5 !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }

    input.invalid {
        border: 1px solid #1867A9 !important
    }

    input[type="text"] {
        border-radius: 0 !important
    }

    input[type="email"] {
        border-radius: 0 !important
    }

    legend {
        padding-bottom: 7px !important
    }

    .cont-pad {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 60px
    }

    .controls .btn {
        font-family: "f-medium";
        font-family: "Poppins", sans-serif !important;
        font-weight: 500 !important
    }

    .ql-static a {
        padding: 9px 15px;
        color: #ABCD5B;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 500
    }

    .ql-static {
        color: #ABCD5B !important;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 500
    }

    .ql-border {
        border-left: 1px solid #E3E3E3;
        padding-left: 10px
    }

    .qlside-div {
        width: 320px
    }

    .qlinks-mod a {
        transition: 0.2s all;
        color: #ABCD5B !important;
        line-height: 32px;
        text-transform: uppercase;
        font-weight: 500
    }

    .ql-border li {
        width: 100% !important
    }

    .qlinks-mod .menu {
        font-size: 12px
    }

    .ql-border li:hover a {
        -webkit-box-shadow: inset 3px 0 0 0 #f79621 !important;
        -moz-box-shadow: inset 3px 0 0 0 #f79621 !important;
        box-shadow: inset 3px 0 0 0 #f79621 !important;
        transition: 0.2s all;
        width: 100% !important;
        color: #fff !important;
        background-color: #ABCD5B;
        padding-left: 10px
    }

    #info-links a {
        color: #666 !important
    }

        #info-links a:hover {
            color: #666 !important;
            background-color: #FCFCFC !important
        }

    .right-menu .custom {
        margin-top: 0px !important
    }

        .right-menu .custom a:hover {
            margin-left: 0 !important
        }

    .timeline {
        margin-left: 0 !important
    }

    .timeline {
        list-style: none;
        position: relative
    }

        .timeline:before {
            top: 0;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 1px;
            background-color: #f7f7f7;
            margin-left: 0
        }

        .timeline > li {
            margin-bottom: 20px;
            position: relative
        }

            .timeline > li:after, .timeline > li:before {
                content: " ";
                display: table
            }

            .timeline > li:after {
                clear: both
            }

            .timeline > li:after, .timeline > li:before {
                content: " ";
                display: table
            }

            .timeline > li:after {
                clear: both
            }

        .timeline li:hover div {
            box-shadow: none !important
        }

        .timeline > li > .timeline-panel {
            width: 92%;
            float: left;
            border: 1px solid #dcdcdc;
            border-radius: 2px;
            padding: 20px;
            position: relative
        }

    .timeline-inverted:hover {
        box-shadow: none !important
    }

    .timeline-panel:hover {
        box-shadow: none !important
    }

        .timeline-panel:hover p {
            box-shadow: none !important
        }

    .timeline > li > .timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #dcdcdc;
        border-right: 0 solid #dcdcdc;
        border-bottom: 15px solid transparent;
        content: " "
    }

    .timeline > li > .timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 14px solid transparent;
        content: " "
    }

    .timeline > li > .timeline-badge {
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 50px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 32px;
        margin-left: -10px;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%
    }

    .timeline > li.timeline-inverted > .timeline-panel {
        float: right
    }

        .timeline > li.timeline-inverted > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        .timeline > li.timeline-inverted > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto
        }

    .timeline-badge.primary {
        background-color: #2e6da4 !important
    }

    .timeline-badge.success {
        background-color: #3f903f !important
    }

    .timeline-badge.warning {
        background-color: #f0ad4e !important
    }

    .timeline-badge.danger {
        background-color: #d9534f !important
    }

    .timeline-badge.info {
        background-color: #5bc0de !important
    }

    .timeline-title {
        margin-top: 0;
        color: inherit
    }

    .timeline-body > p, .timeline-body > ul {
        margin-bottom: 0
    }

        .timeline-body > p + p {
            margin-top: 5px
        }

    .normal-links a:hover {
        color: #ABCD5B !important
    }

    .normal-links a {
        color: #666 !important;
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    #copelink-color p a {
        color: #666 !important
    }

        #copelink-color p a:hover {
            color: #9F333B !important
        }

    .mybullets .my-bs-table a {
        color: #9F333B;
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .application-forms a {
        color: #666 !important;
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .mybullets hr {
        margin-top: -12px;
        border-top: 1px solid #f1f1f1
    }

    .normal-links hr {
        margin-top: -12px;
        border-top: 1px solid #f8f8f8
    }

    #g-offcanvas {
        font-size: 12px !important;
        font-weight: 500;
        letter-spacing: 0.1px;
        text-transform: uppercase !important
    }

    .ql-border ul.menu ul {
        margin-left: 1rem
    }

    .ql-border .parent:hover .nav-child {
        background-color: #ABCD5B
    }

    .ql-border .nav-child li:hover {
        background-color: #F3F3F3;
        color: #ABCD5B;
        cursor: pointer
    }

    .ql-border .nav-child li a {
        background-color: transparent
    }

    .ql-border .nav-child li:hover a {
        color: #ABCD5B !important;
        margin-left: 5px
    }

    .ql-img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        cursor: pointer !important;
        pointer-events: auto
    }

    .ql-close-btn:hover {
        background-color: #00B065
    }

    .ql-close-btn {
        text-align: left;
        font-size: 34px;
        background-color: #F79621;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 59px;
        height: 59px;
        border-radius: 50%;
        cursor: pointer !important;
        right: 0;
        margin-right: -29.5px;
        padding-left: 9px
    }

    .ql-open {
        width: 26px;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: transparent;
        pointer-events: none
    }

    .qlinks-mod {
        background-color: #f9f9f9;
        height: 100%
    }

    .w3-sidebar {
        height: 100%;
        width: 300px;
        background-color: #fff;
        position: fixed !important;
        z-index: 1;
        overflow: auto;
        overflow-x: auto;
        top: 0;
        -webkit-box-shadow: -1px 0 25px -12px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: -1px 0 25px -12px rgba(0, 0, 0, 0.1);
        box-shadow: -1px 0 25px -12px rgba(0, 0, 0, 0.1)
    }

    .img_caption {
        font-family: bodycopy-r !important;
        -moz-osx-font-smoothing: grayscale;
        font-style: italic !important;
        text-align: left !important;
        font-size: 14px !important;
        margin-top: 15px;
        margin-bottom: 3px
    }

    .pagenav a {
        color: #f79621;
        border: 1px solid #f7f7f7 !important;
        display: inline-flex;
        list-style-type: none
    }

    .bodycopy-r .pagenav {
        margin-left: 0px !important
    }

    .pager .previous {
        margin-right: 15px !important
    }

    .pagenav a:hover {
        color: #00B065;
        border: 1px solid #f7f7f7 !important
    }

    .pager li > a:focus, .pager li > a:hover {
        text-decoration: none;
        background-color: transparent !important
    }

    .item-image {
        border-bottom: 1px solid #f1f1f1
    }

    .offices-layout hr {
        margin-top: -12px;
        border-top: 1px solid #F8F8F8
    }

    .back-to-list {
        float: right;
        background-color: #f79621;
        color: #fff;
        font-size: 11px;
        font-weight: bolder;
        padding: 3px 10px;
        margin-top: 27px;
        border-radius: 4px
    }

        .back-to-list:HOVER {
            background-color: #00B065;
            cursor: pointer;
            border-radius: 4px
        }

    #abonyo, #achoki, #angaine, #atuko, #jemtai, #kahindi, #kibet, #maore, #mutua, #mwangi, #njeru {
        display: block;
        position: relative;
        top: -400px;
        visibility: hidden
    }

    #directors-links {
        display: block;
        position: relative;
        top: -300px;
        visibility: hidden
    }

    .bod-name {
        padding: 0 !important
    }

    .bod-pad {
        padding: 0 17px
    }

    .bod-pic {
        background: #F7F7F7;
        padding: 10px !important
    }

        .bod-pic img {
            width: 100%
        }

        .bod-pic figure {
            margin: 0 !important
        }

    .bod-div {
        padding: 15px;
        margin-bottom: 30px;
        border-top: 5px solid #F7F7F7
    }

    .directors-h1 h1 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .application-forms h3 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .tenders-page h3 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .mybullets h3 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .normal-links h3 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .application-forms h4 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .tenders-page h4 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .mybullets h4 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .normal-links h4 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .mybullets h5 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .normal-links h5 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .application-forms h5 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .tenders-page h5 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .right-menu li {
        border-bottom: 1px solid rgba(231, 231, 231, 0.83);
        margin-top: 5px !important;
        padding-bottom: 7px
    }

    .right-menu .mod-list {
        display: grid !important;
        text-transform: uppercase
    }

    .right-menu .nav > li > a:hover {
        margin-left: 3px;
        transition: 0.2s all;
        cursor: pointer
    }

    .relateditems li {
        border-bottom: 1px solid rgba(231, 231, 231, 0.83);
        line-height: 20px !important;
        margin-top: 5px !important;
        padding-bottom: 7px
    }

        .relateditems li:last-child {
            border-bottom: 0 !important
        }

    .relateditems {
        text-transform: uppercase !important;
        margin-left: 0px;
        margin-right: 0px
    }

        .relateditems li {
            display: block
        }

    .sli-dlines {
        position: relative;
        height: 100%;
        background-image: url('../../images/frame/dlines-60.png')
    }

    .sli-intro {
        text-align: center;
        margin-top: 6.2px;
        font-weight: 600 !important;
        letter-spacing: 1px;
        font-size: 9px
    }

    .btn-primary, .btn-secondary {
        background-color: #9f333b !important;
        border: 0 !important;
        background: #9f333b !important;
        border-radius: 0 !important;
        text-shadow: 0 !important;
        box-shadow: none !important
    }

    .topstroke {
        height: 3px;
        width: 100px;
        border-radius: 1.5px
    }

    .carousel-caption h3 {
        font-size: 160%
    }

    .carousel-caption p {
        font-size: 14px !important
    }

    .cope-slider {
        background-size: cover !important
    }

    .slide1 {
        background-image: url('../images/home-slider/cope-slide-0.jpg')
    }

    .slide2 {
        background-image: url('../images/home-slider/cope-slide-4.jpg')
    }

    .slide3 {
        background-image: url('../images/home-slider/cope-slide-5.jpg')
    }

    .slide4 {
        background-image: url('../images/home-slider/cope-slide-6.jpg')
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition: opacity ease-out 0.7s
    }

        .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
            opacity: 1
        }

    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        opacity: 0
    }

    .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
        transform: translateX(0);
        transform: translate3d(0, 0, 0)
    }

    .carousel-indicators .active {
        background-color: #ABCD5B !important
    }

    .carousel-control-next, .carousel-control-prev {
        width: 6% !important
    }

    .carousel-indicators li {
        height: 4px !important
    }

    .carousel-indicators {
        position: absolute !important;
        right: 0 !important;
        bottom: 10px !important;
        left: 0 !important;
        z-index: 15 !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        padding-left: 0 !important;
        margin-right: 40% !important;
        margin-left: 40% !important;
        list-style: none !important;
        top: auto !important
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition: opacity ease-out 0.4s;
        height: 440px
    }

    .carousel-caption {
        position: absolute;
        right: 9%;
        bottom: 16% !important;
        left: 9%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        background: rgba(0, 0, 0, 0.3)
    }

    .carousel {
        position: relative;
        margin-bottom: 0px !important;
        line-height: 1
    }

    .pane-toggler-down .fgreen-tx {
        color: #fff !important
    }

    .mypane-header .fa-angle-right {
        color: #fff !important
    }

    .mypane-header {
        transition: 0.2s all;
        border-top: 1px solid #99bb49;
        background: #ABCD5B;
        cursor: pointer !important
    }

        .mypane-header a:hover {
            color: #fff !important
        }

        .mypane-header:hover {
            transition: 0.2s all;
            padding-left: 20px;
            background: #99bb49;
            cursor: pointer !important
        }

    .pane-slider {
        padding: 15px
    }

    .mypane-header a {
        color: #fff !important
    }

    .mypane-header a {
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .pane-toggler-down {
        background-color: #9F333B !important;
        border-top: 0 !important
    }

    .contact-accordion .uk-active {
        background-color: #9F333B !important;
        border-top: 0 !important
    }

    .jeAccordion {
        overflow: hidden;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none
    }

    .so-parallax {
        background-image: url('../../images/parallax/kephis-parallax-bg-4.jpg')
    }

    .vr-r {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .vr-l {
        align-items: center;
        display: flex;
        justify-content: center
    }

        .vr-l img {
            width: 110px
        }

    .wo-banner {
        position: relative;
        border-radius: 7px;
        padding: 7px 6px;
        background-color: #00B065;
        width: 145px !important
    }

    .whosonline-xs {
        display: none
    }

    .wo-banner p {
        margin: 0 !important
    }

    .whosonlinediv {
        font-size: 11px !important;
        text-align: center;
        font-weight: 600;
        height: 100%;
        padding-top: 18px
    }

        .whosonlinediv p {
            font-size: 11px !important
        }

    .wo-arrow {
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 21px solid transparent;
        border-top: 15px solid #00b065;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        margin-bottom: -11px;
        margin-left: 28px
    }

    #dlines {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        height: 100%;
        pointer-events: none
    }

    #dlines2 {
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        height: 100%;
        pointer-events: none
    }

    .dlines-30 {
        background-image: url('../../images/ui/dlines-30.png')
    }

    .dlines-50 {
        background-image: url('../../images/ui/dlines-50.png')
    }

    .dlines-60 {
        background-image: url('../../images/ui/dlines-60.png')
    }

    .stats-bg {
        background-image: url('../../images/parallax/kephis-parallax-bg-3.jpg');
        padding: 40px 7%
    }

    .myc-divid {
        display: none
    }

    .ctr-1 > h3 {
        display: none
    }

    .jmm-counter.default .jmm-mod-row {
        margin: 0
    }

    .requirement-div {
        width: 100% !important;
        text-align: center;
        background-color: #f0f0f0;
        padding: 7px 0;
        width: 97% !important
    }

    .kslider-nav {
        height: 40px;
        width: 40px;
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        margin-right: 0;
        line-height: 40px;
        color: #fff !important;
        display: none
    }

    #triangle-up {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #F7F7F7;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto auto 0;
        position: absolute;
        z-index: 1
    }

    .import-img ul {
        margin: 0 !important
    }

    .import-base {
        height: 300px;
        background-color: #db581e
    }

    .article-intro-img {
        display: none
    }

    .article-head-a a {
        color: #9f333b !important
    }

    .article-head-a h3 {
        color: #9f333b !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .infolinks ul {
        list-style: none
    }

    .introdiv ul {
        list-style: none
    }

    .import-padding ul {
        list-style: none
    }

    .infolinks-base {
        padding: 0 0 50px;
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    #info-triangle-up {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ABCD5B;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto auto 0;
        position: absolute;
        z-index: 4
    }

    .infolinks ul {
        margin: 0 !important;
        border-left: 1px solid #e6e6e6 !important
    }

    .infolinks li {
        width: 100% !important
    }

    .infolinks a {
        display: block !important;
        padding: 6px 7px !important;
        font-size: 15px !important;
        text-decoration: none !important;
        color: #ABCD5B !important;
        font-weight: 500
    }

        .infolinks a:hover {
            background: #ABCD5B !important;
            color: #fff !important;
            -webkit-box-shadow: inset 3px 0 0 0 #f79621 !important;
            -moz-box-shadow: inset 3px 0 0 0 #f79621 !important;
            box-shadow: inset 3px 0 0 0 #f79621 !important
        }

    .uk-accordion-title {
        margin: 0 !important
    }

    .info-acc .uk-accordion-content {
        padding: 0 7% !important
    }

    .info-acc .uk-accordion-title {
        padding: 0;
        border: 0;
        border-radius: 0
    }

    .info-acc {
        border-bottom: 3px solid #02a552
    }

    .rm-width:hover .rm-anime {
        background-color: #ABCD5B;
        width: 143px;
        padding: 3px 20px;
        border-radius: 40px;
        color: #fff !important
    }

    .rm-anime .fa-angle-right {
        color: #9F333B
    }

    .rm-width .rm-anime a {
        color: #ABCD5B
    }

    .rm-width:hover .fa-angle-right {
        color: #fff
    }

    .rm-width:hover .rm-anime a {
        color: #fff
    }

    .rm-anime {
        padding: 3px 0;
        white-space: nowrap;
        width: 0;
        text-overflow: clip;
        overflow: visible;
        font-weight: 400;
        transition: all 0.2s;
        color: #ABCD5B
    }

    .rm-width {
        width: 143px;
        cursor: pointer !important
    }

    .rm-base {
        background-color: #ABCD5B;
        padding: 3px 0;
        white-space: nowrap;
        width: 0;
        text-overflow: clip;
        overflow: visible;
        font-weight: 500;
        transition: all 0.2s;
        color: #ABCD5B;
        margin-top: 10px
    }

    .myrm-box:hover .rm-base {
        background-color: #ABCD5B;
        padding: 3px 20px;
        white-space: nowrap;
        width: 152px;
        text-overflow: clip;
        overflow: visible;
        color: #fff !important;
        font-weight: 500;
        transition: all 0.2s;
        border-radius: 40px
    }

    .readmore {
        font-weight: 500 !important
    }

    .rm-base .fa-angle-right {
        color: #9F333B
    }

    .myrm-box:hover .fa-angle-right {
        color: #9F333B
    }

    .svg-width {
        width: 65px
    }

    .fillLine {
        display: none;
        width: 70px;
        border-bottom: 1px solid #f79621
    }

    .txt-above {
        font-size: 16px;
        font-weight: 300
    }

    .l-plsu-r {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .p-l5-0 {
        padding-left: 3% !important
    }

    .r-plsu-l {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .category-module {
        margin: 0
    }

    .form-inline {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .search .button {
        background-color: #fff !important;
        padding: 0.5rem 1rem 0.46rem !important;
        border-left: 1px solid #d9d9d9 !important;
        border-top: 1px solid #d9d9d9 !important;
        border-bottom: 1px solid #d9d9d9 !important
    }

    div.mod_search98 input[type="search"] {
        width: 77% !important
    }

    input[type="search"] {
        background-color: #fff
    }

    div.mod_search98 input[type="search"] {
        width: 80%
    }

    input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox, select, textarea {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important
    }

    .search .button {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border-top-left-radius: 40px !important;
        border-bottom-left-radius: 40px !important
    }

    input[type="search"] {
        padding: 0.375rem 0.75rem
    }

    #g-header .inputbox {
        margin-bottom: 0;
        border: 1px solid #d9d9d9 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .h-header {
        background: url('../../images/frame/dlines-50.png'), url('../../images/frame/header-bg-1.png') !important;
        background-color: rgba(0, 0, 0, 0);
        background-repeat: repeat, repeat;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat !important;
        background-size: auto, cover !important;
        background-color: #fff !important
    }

    .mymegamenu {
        display: none !important
    }

    .kephis-mobile .g-sublevel {
        display: block !important
    }

    .showme {
        display: none !important;
        height: 100% !important;
        font-weight: 600
    }

    .showhim:hover .showme {
        display: block !important;
        width: 100% !important;
        background-color: #F7F7F7 !important;
        position: absolute !important;
        top: 0 !important;
        left: 205px
    }

    #mega-depart {
        left: 450px !important
    }

    #app-form {
        left: 540px !important
    }

    #seed-service {
        left: 399px !important
    }

    .showme a:hover {
        color: #fff !important
    }

    .navimg {
        width: 80% !important;
        text-align: center !important
    }

    .mymenu-w {
        width: 33.333% !important
    }

    .mytoplink {
        color: #fff !important;
        font-weight: 600 !important
    }

    .w160 {
        width: 172px !important
    }

    .gal-w {
        width: 29%
    }

    .navsec {
        color: #ABCD5B !important
    }

    .menu-hr {
        margin: 15px 0 18px !important
    }

    .nav-text a {
        font-size: 15px !important;
        line-height: 22px
    }

    .myul-width {
        max-width: 19% !important
    }

    .nav-text a {
        background: none !important;
        color: #ABCD5B !important
    }

    .no-pointer {
        pointer-events: none !important
    }

    .text-left {
        text-align: left !important
    }

    .tb-flash .g-content {
        margin: 0 !important;
        padding: 0 !important
    }

    .greydark-tx {
        color: #949494
    }

    .tc-brown {
        color: #9f333b !important
    }

    .tc-green {
        color: #ABCD5B !important
    }

    .bg-grey-1 {
        background-color: #f7f7f7 !important
    }

    .bg-pri {
        background-color: #ABCD5B !important
    }

    .bg-sec {
        background-color: #9F333B !important
    }

    .header-bg {
        background-color: #fff !important
    }

    .primary-bg {
        background-color: #ABCD5B
    }

    .secondary-bg {
        background-color: #F79621
    }

    .white-bg {
        background-color: #fff
    }

    .grey-bg-1 {
        background-color: #f5f5f5
    }

    .grey-bg-2 {
        background-color: #f8f8f8
    }

    .grey-bg-3 {
        background-color: #f1f1f1
    }

    .grey-bg-4 {
        background-color: #2F2F2F
    }

    .fgreen-tx {
        color: #BBBBBB !important
    }

    .pri-tx {
        color: #ABCD5B !important
    }

    .sec-tx {
        color: #9f333b !important
    }

    .greydark-tx {
        color: #606060
    }

    .grey-tx2 {
        color: #ececec
    }

    .white-tx {
        color: #fff
    }

    h1, h2, h3, h4, h5, h6, strong {
        color: #9f333b;
        -moz-osx-font-smoothing: grayscale
    }

    .body-hs h4, h3, h2, h5, h6 {
        color: #9f333b;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .p-lr-7 {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .p-lr-7b {
        padding-left: 7% !important;
        padding-right: 7% !important;
        padding-top: 60px !important
    }

    .p-lr-5 {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .p-lr-5-row {
        padding-left: 5.8% !important;
        padding-right: 5.8% !important
    }

    .events-mod-pad {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .datediv {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0;
        border-top: 2px solid #F79621;
        width: 20%;
        margin-left: 40%
    }

    #btcontentslider109 .slide {
        z-index: 0 !important
    }

    .mytopbar .g-content {
        padding: 0 !important;
        margin: 0 !important
    }

    .tb-link {
        font-weight: 500
    }

    .inhouse-pad a {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center
    }

    .inhouse-links {
        display: block
    }

    .myheader .search {
        margin-bottom: 13px;
        margin-top: 9px
    }

    .tb-base {
        display: none;
        background-color: #9F333B;
        font-size: 12px
    }

    .myheader .search {
        margin-bottom: 13px;
        margin-top: 9px
    }

    #g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator::after {
        opacity: 0.9
    }

    .g-go-back a::before {
        opacity: 1
    }

    li.item-323 a:before {
        content: "";
        font-size: 12px !important;
        width: 9px;
        height: 7px;
        background-image: url('../../images/ui/mygreaterthan.svg');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        display: inline-table
    }

    li.item-318 a:before {
        content: "";
        font-size: 12px !important;
        width: 9px;
        height: 7px;
        background-image: url('../../images/ui/mygreaterthan.svg');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        display: inline-table
    }

    .sop-modnav:before {
        content: "";
        font-weight: bold;
        font-style: italic
    }

    .morethan {
        width: 7px;
        height: 7px;
        position: absolute
    }

    #tb-base a {
        color: #008C39 !important;
        text-decoration: none !important;
        font-weight: 500;
        font-size: 13.7px
    }

        #tb-base a:hover {
            color: #000 !important;
            text-decoration: none !important
        }

    .mytopbar .g-content {
        padding: 0 !important;
        margin: 0
    }

    .header-grey {
        background: url('../../images/frame/dlines-50.png'), url('../../images/frame/header-bg-4.png') !important;
        background-repeat: repeat, no-repeat !important;
        background-size: auto, cover !important;
        background-color: #fff !important
    }

    .myheader .g-particle {
        padding: 10px 5% 4px
    }

    .gantry-logo img {
        width: 400px !important;
        min-width: 300px !important;
        max-width: 300px !important
    }

    #logo-9453-particle {
        padding: 0 5%
    }

    @font-face {
        font-family: "bodycopy-l";
        font-style: normal;
        src: url('../../fonts/egyptian/EgyptianHeadline-Light.woff') format("woff"), url('../../fonts/egyptian/EgyptianHeadline-Light.ttf') format("ttf")
    }

    .bodycopy-l {
        font-family: bodycopy-l !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "bodycopy-r";
        font-style: normal;
        src: url('../../fonts/egyptian/EgyptianText-Regular.woff') format("woff"), url('../../fonts/egyptian/EgyptianText-Regular.ttf') format("ttf")
    }

    .bodycopy-r {
        font-family: bodycopy-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "bodycopy-ri";
        font-style: normal;
        src: url('../../fonts/egyptian/EgyptianText-RegularItalic.woff') format("woff"), url('../../fonts/egyptian/EgyptianText-RegularItalic.ttf') format("ttf")
    }

    .bodycopy-ri {
        font-family: bodycopy-ri !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "bodycopy-m";
        font-style: normal;
        src: url('../../fonts/egyptian/EgyptianText-Medium.woff') format("woff"), url('../../fonts/egyptian/EgyptianText-Medium.ttf') format("ttf")
    }

    .bodycopy-m {
        font-family: bodycopy-m !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "bodycopy-sb";
        font-style: normal;
        src: url('../../fonts/egyptian/EgyptianHeadline-Semibold.woff') format("woff"), url('../../fonts/egyptian/EgyptianHeadline-Semibold.ttf') format("ttf")
    }

    .bodycopy-sb {
        font-family: bodycopy-sb !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .headline-b h1 {
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale;
        color: #9F333B !important
    }

    .headline-l {
        font-family: headline-l !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "headline-l";
        font-style: normal;
        src: url('../../fonts/opensans/OpenSansCondensed-Light.woff') format("woff"), url('../../fonts/opensans/OpenSansCondensed-Light.ttf') format("ttf")
    }

    .headline-r {
        font-family: headline-r !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "headline-r";
        font-style: normal;
        src: url('../../fonts/opensans/OpenSansHebrewCondensed-Regular.woff') format("woff"), url('../../fonts/opensans/OpenSansHebrewCondensed-Regular.ttf') format("ttf")
    }

    .headline-b {
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "headline-b";
        font-style: normal;
        src: url('../../fonts/opensans/OpenSansCondensed-Bold.woff') format("woff"), url('../../fonts/opensans/OpenSansCondensed-Bold.ttf') format("ttf")
    }

    .headline-xb {
        font-family: headline-xb !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    @font-face {
        font-family: "headline-xb";
        font-style: normal;
        src: url('../../fonts/opensans/OpenSansHebrewCondensed-ExtraBold.woff') format("woff"), url('../../fonts/opensans/OpenSansHebrewCondensed-ExtraBold.ttf') format("ttf")
    }

    .footer-hr {
        width: 80px;
        align: left;
        border-top: 1px solid #ABCD5B
    }

    .footer-social a:hover {
        margin-left: 0 !important
    }

    .footer-social {
        border-bottom: 1px solid #3B3B3B;
        border-top: 1px solid #3B3B3B;
        margin-top: 20px;
        padding: 0 10px !important
    }

    .test a {
        font-size: 15px !important
    }

    .footer-social .mdi {
        padding: 0 5px
    }

    .footercontact {
        color: #b2b2b2;
        font-size: 15px !important
    }

    .vmenu .test {
        display: inline !important;
        width: 100%
    }

    .footer-logo p {
        font-size: 16px !important;
        width: 90%;
        margin-left: 5%
    }

    .kephis-footer .g-title {
        margin-bottom: 17px;
        margin-top: 30px;
        padding-bottom: 10px;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px
    }

    .copyright-4960-particle {
        font-size: 15px !important
    }

    .kephis-footer a {
        color: #b2b2b2;
        text-decoration: none;
        transition: 0.2s all
    }

    .copywrite-text {
        font-size: 12px !important;
        color: #b2b2b2
    }

    #g-subfeature {
        padding: 1.5rem 0;
        background: #f0f0f0;
        color: #666;
        border-top: 0;
        border-bottom: 0
    }

    #g-footer {
        border: 0 !important
    }

    .kephis-footer a:hover {
        color: #ABCD5B;
        text-decoration: none;
        margin-left: 10px;
        transition: 0.2s all
    }

    .foolink {
        font-size: 8px !important
    }

    .footer-color {
        color: #b2b2b2
    }

    #g-footer h3 {
        color: #9F333B !important
    }

    .footer-color h3 {
        color: #9F333B !important
    }

    .footer-logo img {
        width: 312px
    }

    .kephis-footer {
        background-color: #2F2F2F
    }

    .footer-curve-base {
        margin-top: -18px
    }

    #footer-curve {
        width: 16px
    }

    .fc-row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .kephis-footer .g-container {
        width: auto !important
    }

    .ghostmarg {
        margin-bottom: 20px
    }

    .right-menu .g-content {
        margin-left: 2px;
        margin-right: 2px
    }

    .right-menu .g-title {
        color: #ABCD5B !important;
        font-family: headline-b !important;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale
    }

    .right-menu a {
        color: #666;
        transition: 0.2s all;
        font-size: 11px !important
    }

        .right-menu a:hover {
            color: #ABCD5B !important;
            transition: 0.2s all;
            font-size: 11px !important
        }

    .relateditems li {
        margin-left: 0;
        transition: 0.2s all;
        cursor: pointer
    }

        .relateditems li:hover {
            margin-left: 3px;
            transition: 0.2s all;
            cursor: pointer
        }

    #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
        padding-right: 3rem
    }

    .g-dropdown .g-menu-item {
        width: 100% !important
    }

    .application-forms li {
        display: flow-root list-item !important;
        font-size: 18px !important
    }

    .tenders-page li {
        display: flow-root list-item !important;
        font-size: 18px !important
    }

    .mybullets li {
        display: flow-root list-item !important;
        font-size: 18px !important
    }

    .normal-links li {
        display: flow-root list-item !important;
        font-size: 18px !important
    }

    .r-border-b {
        border-bottom: 1px solid #DEDEDE
    }

    .wwr-r {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .modrow .row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .chzn-container-single .chzn-single {
        background: none !important
    }

    .chzn-container .chzn-results {
        max-height: 400px !important
    }

    .no-img-here p img {
        display: none !important
    }

    .no-img-here hr {
        display: none !important
    }

    #filter-search {
        padding-left: 15px !important
    }

    .no-img-here em {
        display: none !important
    }

    .archive-module {
        margin: 0.625rem;
        text-transform: uppercase
    }

    .pagination-next a {
        color: #ABCD5B
    }

    .pagination-end a {
        color: #ABCD5B
    }

    .pagination-start a {
        color: #ABCD5B
    }

    .pagination-prev a {
        color: #ABCD5B
    }

    .pagenav a {
        color: #ABCD5B
    }

    .pagination a {
        color: #ABCD5B
    }

    .filter-search .btn {
        margin-top: -3px;
        border-radius: 5px !important;
        text-shadow: none !important;
        padding: 5.5px 20px !important
    }

    #month_chzn {
        width: 17% !important
    }

    #year_chzn {
        width: 17% !important
    }

    #limit_chzn {
        width: 15% !important
    }

    .filters {
        width: 100% !important
    }

    #filter-search {
        width: 35% !important
    }

    .archive-img {
        border-radius: 15px
    }

    #filter-search {
        width: 35% !important;
        border: 1px solid #BCBCBC !important;
        border-radius: 40px !important;
        margin-top: -3px
    }

    #cookiesck_text {
        padding: 10px 5% !important;
        display: inline-block;
        line-height: 20px
    }

    #cookiesck_buttons {
        float: right;
        margin-right: 35% !important
    }

    #cookiesck_accept:hover {
        background: transparent !important;
        border: 1px solid #f5f5f5 !important;
        color: #fff !important
    }

    #cookiesck_accept {
        background: #ABCD5B !important;
        border: 1px solid #ABCD5B !important;
        color: #fff !important
    }

    #cookiesck_decline:hover {
        background: transparent !important;
        border: 1px solid #f5f5f5 !important;
        color: #fff !important
    }

    #cookiesck_decline {
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0) !important;
        color: #fff !important
    }

    #cookiesck_options {
        border: 0 !important
    }

    #cookiesck_accept, #cookiesck_decline, #cookiesck_readmore {
        border-radius: 0 !important
    }

    .right-menu hr {
        border-top: 1px solid rgba(2, 165, 82, 0.4) !important;
        margin-top: 12px !important
    }

    .pager li > a, .pager li > span {
        background-color: #F8F8F8 !important
    }

    .camera-button {
        background-color: #9F333B !important;
        width: 100px;
        padding: 5px 5px 7px !important;
        margin-top: 11px !important;
        margin-bottom: 4px !important
    }

    .showcase-bg {
        background-image: linear-gradient(to bottom, #e8f1d1 3%, #fafafa 50%) !important
    }

    .camera_commands, .camera_next, .camera_nextThumbs, .camera_prev, .camera_prevThumbs, .camera_thumbs_cont {
        background: #fff;
        background: rgba(255, 255, 255, 0.4)
    }

        .camera_commands, .camera_next:hover, .camera_nextThumbs, .camera_prev:hover, .camera_prevThumbs, .camera_thumbs_cont {
            background: #fff;
            background: rgba(255, 255, 255, 0.8)
        }

    .camera_caption a {
        text-decoration: none !important
    }

    .camera_caption_desc {
        font-size: 15px;
        font-weight: 600
    }

    .camera_caption {
        width: 80% !important;
        margin-left: 10% !important;
        text-align: center !important;
        margin-bottom: 2% !important
    }

    .camera_commands {
        display: none
    }

    .camera_caption_title {
        font-size: 20px;
        font-weight: bold;
        line-height: 1em
    }

    .camera_caption > div {
        background: #000;
        background: rgba(0, 0, 0, 0.4)
    }

    .slider-hr {
        width: 10%;
        margin: 10px 45%;
        border-bottom: 3px solid #9f333b;
        opacity: 1
    }

    .h-stroke {
        width: 60px;
        margin-bottom: 10px
    }

    .h-stroke3 {
        width: 60px;
        margin-bottom: 10px;
        margin-left: 15px
    }

    #triangle-left {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 10px solid transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        margin-right: 0;
        z-index: 10
    }

    #triangle-top-grey {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #F7F7F7;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        margin-bottom: 0;
        z-index: 3
    }

    #triangle-down {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #abcd5b;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto -9px
    }

    #myrow-0 {
        margin-right: 0px !important;
        margin-left: 0px !important
    }

    .my-m-30 {
        margin-bottom: 30px
    }

    #g-navigation .g-content {
        padding: 0 !important
    }

    .g-offcanvas-toggle {
        color: #9F333B !important
    }

    .g-offcanvas-toggle {
        margin-top: 37px
    }

    .confprowrp {
        font-family: "Open Sans", sans-serif !important
    }

        .confprowrp h1, h2, h3, h4, h5, h6, strong {
            color: #343a40
        }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    ul.timeline:before {
        left: 10px
    }

    ul.timeline > li > .timeline-badge {
        margin-left: 0
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto
        }
}

@media only screen and (min-width:480px) {
    background:url('../../../../img_tree.gif') left top no-repeat, url('../../../../img_flwr.gif') right bottom no-repeat, url('../../../../paper.gif') left top repeat;background-size:50px, 130px, auto;#regional-form {
        width: 50% !important
    }

    .camera_caption_title {
        text-transform: uppercase !important;
        font-size: 23px;
        line-height: 25px
    }

    .r-border-b {
        border-bottom: 0
    }

    #vr-l {
        position: relative;
        top: 0;
        bottom: 0;
        display: table-cell
    }

    .sumbua {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .ghostmarg {
        margin-bottom: 0
    }

    .right-menu a {
        color: #666;
        transition: 0.2s all;
        font-size: 12px !important
    }

        .right-menu a:hover {
            color: #ABCD5B !important;
            transition: 0.2s all;
            font-size: 12px !important
        }

    .bod-margin {
        padding-top: 0;
        margin-top: 30px
    }

    .bod-pic {
        top: -55%
    }

    .bod-bio {
        padding-top: 30px
    }

    .bod-name {
        padding: 0 10px !important
    }

    .quicklinks-btn {
        position: fixed;
        width: 27px;
        height: 200px;
        top: 0;
        bottom: 0;
        margin: 40% auto auto
    }

    .gal-2 {
        height: 180px !important;
        padding: 0 !important
    }

    .gal-1 {
        height: 365px;
        padding: 0 !important
    }

    p {
        font-size: 16px !important
    }

    .confprowrp {
        font-family: "Open Sans", sans-serif !important
    }

        .confprowrp strong {
            font-family: "Open Sans", sans-serif !important
        }

        .confprowrp h1, h2, h3, h4, h5, h6, strong {
            color: #343a40
        }
}

@media only screen and (min-width:768px) {
    #adminForm .form-control {
        width: 100% !important
    }

    .form-control-label {
        width: 100% !important
    }

    .eb-container .form-group input[type="text"].input-large, .eb-container .form-group select.input-large, .eb-container .form-group textarea.input-large {
        width: 100% !important
    }

    #SponsorEmail, #SponsorTel {
        width: 100% !important
    }

    .eb-container .form-group input[type="text"] {
        width: 100% !important
    }

    form.form-horizontal .control-label, form.form-horizontal .control-label label {
        text-align: right
    }

    .form-horizontal .controls {
        margin-left: 37%
    }

    .form-horizontal .control-label {
        width: 33%
    }

    .carousel-caption h3 {
        font-size: 276%
    }

    #g-navigation .g-content {
        padding: 0.938rem !important
    }

    .myupper {
        display: flex;
        flex-direction: row;
        padding: 0 5px
    }

    #myrow-0 {
        margin-right: -15px !important;
        margin-left: -15px !important
    }

    .my-m-30 {
        margin-bottom: 0px
    }

    .myupper > div {
        flex: 1 1 auto;
        margin: 10px;
        width: 50%
    }

    #g-navigation .g-main-nav {
        margin: -1.55rem -1.55rem -1.55rem -1.55rem !important
    }

    .g-toplevel {
        font-weight: 600 !important
    }

    .g-main-nav .g-toplevel > li > .g-menu-item-container {
        text-decoration: none;
        padding: 0.92rem 0.5rem 0.98rem
    }

    .g-menu-parent-indicator {
        font-size: 10px;
        color: #333
    }

    .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
        opacity: 1
    }

    .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
        width: 0.5rem
    }

    .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
        display: inline-block;
        cursor: pointer;
        width: 0.5rem
    }

    #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
        color: #fff
    }

    #g-navigation {
        background: #fff
    }

        #g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container {
            color: #fff !important;
            background: #9F333B !important
        }

    .g-main-nav .g-sublevel > li > .g-menu-item-container {
        padding: 0.5rem 1rem
    }

    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
        text-transform: uppercase !important;
        font-size: 0.82rem
    }

    #g-navigation .g-main-nav .g-dropdown {
        background: #f3f3f3;
        text-transform: uppercase !important;
        font-size: 0.8rem
    }

    #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
        color: #fff !important
    }

    .g-main-nav .g-toplevel > li > .g-menu-item-container {
        text-decoration: none
    }

    #g-navigation .g-main-nav {
        background: #ABCD5B
    }

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
            background: #2B8C13
        }

            #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active:hover {
                background: #2B8C13
            }

        #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
            background: #7aac17;
            color: #fff !important
        }

        #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
            color: #fff
        }

        #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
            background: #f3f3f3
        }

        #g-navigation .g-main-nav .g-sublevel .active > li > .g-menu-item-container {
            color: #fff !important
        }

    .header-grey {
        border-bottom: 0 !important
    }

    .nav-pad-bg {
        background-color: #F4F4F4
    }

    .events-txt {
        padding-left: 30px !important
    }

    .dl-horizontal dt {
        float: left;
        width: 100px !important
    }

    .dl-horizontal dd {
        margin-left: 120px !important
    }

    .footer-logo p {
        width: 100%;
        margin-left: 0% !important;
        padding-right: 5%
    }

    .ns2-row-inner .col-1 {
        width: 100% !important
    }

    .myheader .search {
        margin-bottom: 0;
        margin-top: 40px
    }

    .tb-base {
        display: block
    }

    .gal-2 {
        height: 102px !important;
        padding: 0 !important
    }

    .gal-1 {
        height: 204px;
        padding: 0 !important
    }

    .nav-stacked a {
        margin-right: 15px !important;
        color: #666 !important
    }

        .nav-stacked a:hover {
            color: #f79621 !important
        }

    .controls .btn-primary {
        background-color: #00B065 !important;
        border: 0 !important
    }

        .controls .btn-primary:hover {
            background-color: #f79621 !important;
            border: 0 !important
        }

    .well {
        border: 0 !important
    }

    .modal-box {
        z-index: 20000
    }

    .search-results {
        padding-right: 60px !important;
        padding-left: 0 !important
    }

    .schpad {
        padding: 30px !important
    }

    #regional-form {
        padding: 0 30px 20px !important;
        width: 50% !important
    }

        #regional-form h3 {
            padding: 40px 0 20px !important
        }

    .r-cont {
        padding: 40px !important
    }

    #je_contact input, #je_contact textarea {
        background-color: #fff !important;
        border: 1px solid #dddddd;
        color: #333333
    }

    .ql-open {
        width: 38px
    }

    .quicklinks-btn {
        position: fixed;
        width: 35px;
        height: 200px;
        top: 0;
        bottom: 0;
        margin: 29% auto auto
    }

    .bod-name {
        padding: 0 15px !important
    }

    .bod-margin {
        padding-top: 22.6%
    }

    .bod-div {
        padding: 0 30px;
        margin-bottom: 0
    }

    .bod-pic {
        margin-top: -22%
    }

    .right-menu {
        margin-top: 106px
    }

    #vr-l {
        position: absolute
    }

    .vr-l img {
        width: 140px
    }

    .sumbua {
        position: absolute
    }

    .application-forms li {
        font-size: 16px !important
    }

    .tenders-page li {
        font-size: 16px !important
    }

    .mybullets li {
        font-size: 16px !important
    }

    .normal-links li {
        font-size: 16px !important
    }

    .wwr-tx {
        padding-left: 4% !important;
        padding-right: 4% !important
    }

    .wwr-l {
        min-height: 400px;
        margin-top: 37px
    }

    .whosonline-xs {
        display: block
    }

    .kephis-footer .g-content {
        padding: 0 !important
    }

    .vmenu .test {
        border-left: 1px solid #3B3B3B;
        padding-left: 15px
    }

    .f-menu {
        display: block
    }

    .recondesign {
        text-align: right
    }

    .media-rm2 {
        position: absolute;
        bottom: -40px;
        left: 0;
        margin-left: -8px !important
    }

    .media-rm {
        position: absolute;
        bottom: -40px;
        left: 0
    }

    .vidflex {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .galgrid {
        padding: 0 15px
    }

    .galfluid2 {
        padding: 10px 10px 4px 6px !important
    }

    .myc-divid {
        display: block
    }

    .jmm-item:nth-of-type(1) .myc-divid {
        display: none
    }

    .myc-divid {
        height: 100px;
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .import-flex .category-module {
        display: flex !important
    }

    .article-intro-img {
        display: block;
        align-items: center;
        display: flex;
        justify-content: center
    }

    .l-plsu-r {
        padding-left: 10% !important;
        padding-right: 30px !important
    }

    .r-plsu-l {
        padding-left: 40px !important;
        padding-right: 10% !important
    }

    .introdiv {
        padding-right: 30px
    }

    .category-module {
        margin: auto
    }

    #g-header .inputbox {
        margin-bottom: 0;
        border: 0 !important
    }

    input[type="search"] {
        background-color: #fff
    }

    .search {
        margin-top: 26px;
        float: right;
        margin-right: 5%
    }

    #g-header .search input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .search .button {
        background-color: #fff !important;
        border-right: 1px solid #F6F6F6 !important;
        padding: 0.5rem 1rem 0.46rem !important;
        border-left: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    #g-header .inputbox {
        margin-bottom: 0;
        border: 0 !important
    }

    div.mod_search98 input[type="search"] {
        width: 80%
    }

    .myheader .g-particle {
        padding: 12px 16%
    }

    .gantry-logo img {
        width: 685px !important;
        min-width: 685px !important;
        max-width: 690px !important
    }
   .gantry-logo2 img {
        width: 385px !important;
        min-width: 385px !important;
        max-width: 590px !important
    }
    li {
        display: inline-block
    }

    .tb-base {
        font-size: 14px
    }

    .inhouse-links {
        display: none
    }

    #tb-download {
        padding: 0;
        text-align: center
    }

        #tb-download a {
            text-decoration: none;
            color: #000 !important;
            font-size: 13px
        }

            #tb-download a:hover {
                text-decoration: none;
                color: #fff !important
            }

    #cookiesck_text {
        padding: 15px 5% !important;
        display: inline-block
    }

    .scrollToTop.small {
        margin: 20px 20px 34px !important
    }

    .modal-box {
        width: 50%
    }

    .carousel-caption p {
        font-size: 14px !important
    }

    .camera_caption_title {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1em
    }

    .camera_caption {
        width: 80% !important;
        margin-bottom: 3G% !important
    }

    .camera_caption_title {
        font-size: 2rem
    }

    .camera_caption_desc {
        font-size: 16px !important;
        font-weight: 600
    }

    #training-cards .g-content {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .myp-r-c {
        padding-right: 5% !important
    }

    .myp-l-c {
        padding-left: 5% !important
    }

    .myp-l {
        padding-left: 3% !important
    }

    .myp-r {
        padding-right: 3% !important
    }

    .myp-r45 {
        padding-right: 4.5% !important
    }

    .mypf-l {
        padding-left: 5% !important
    }

    .mypf-r {
        padding-right: 5% !important
    }

    .training-intro-base {
        padding: 0 15px 20px;
        min-height: 247px
    }

    .confprowrp h1, h2, h3, h4, h5, h6, strong {
        color: #343a40
    }
}

@media only screen and (min-width:992px) {
    .intro-head {
        font-size: 145% !important;
        margin-bottom: 1.6rem
    }

    .gantry-logo img {
        margin-left: 11%
    }
	.gantry-logo2 img {
        margin-left: 14%
    }
    #cookiesck_buttons {
        float: right;
        margin-right: 70px !important
    }

    .searchpad {
        padding: 30px !important
    }

    .quicklinks-btn {
        position: fixed;
        width: 35px;
        height: 200px;
        top: 0;
        bottom: 0;
        margin: 15% auto auto
    }

    .bod-pic {
        top: -90%
    }

    #tb-base {
        height: 66px;
        padding-top: 3px
    }

    #tb-download a {
        font-size: 14px
    }

    #tb-download {
        height: 40px;
        padding-top: 9px
    }

    .camera_caption_title {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1em
    }

    .carousel-caption {
        position: absolute;
        right: 14% !important;
        left: 14% !important
    }

    .camera_caption {
        margin-bottom: 6% !important
    }

    .confprowrp {
        font-family: "Open Sans", sans-serif !important
    }

        .confprowrp strong {
            font-family: "Open Sans", sans-serif !important
        }

        .confprowrp h1, h2, h3, h4, h5, h6, strong {
            color: #343a40
        }
}

@media only screen and (min-width:1200px) {
    .camera_caption_title {
        font-size: 2.2rem
    }

    .my-bs-table {
        overflow: visible !important
    }

    .confprowrp {
        font-family: "Open Sans", sans-serif !important
    }

        .confprowrp strong {
            font-family: "Open Sans", sans-serif !important
        }

        .confprowrp h1, h2, h3, h4, h5, h6, strong {
            color: #343a40
        }
}

@media only screen and (min-width:1400px) {
    .mara-maximum {
        max-width: 1300px;
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .confprowrp {
        font-family: "Open Sans", sans-serif !important
    }

        .confprowrp strong {
            font-family: "Open Sans", sans-serif !important
        }

        .confprowrp h1, h2, h3, h4, h5, h6, strong {
            color: #343a40
        }
}