/*
  Copyright (C) CODERESEARCH, All rights reserved.

  Redistribution and modification of this code is strictly prohibited.

  THIS SOFTWARE IS PROVIDED "AS IS" AND ANY EXPRESSED OR IMPLIED
  WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
  OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  DISCLAIMED.  IN NO EVENT SHALL CODERESEARCH OR ITS CONTRIBUTORS BE
  LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
  OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT
  OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
  BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
  WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
  OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
  EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

    html, body {
        height: 100%;
    }

    body {
        color: #000000;
        background-color: #F4F4F4;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.05em;
        margin: 0;
    }

    a {
        text-decoration: none;
    }

    h1 {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.25em;
    }

    h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.15em;
    }

    h3 {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.10em;
    }

    h4 {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.00em;
    }

    ul {
        list-style: disc;
        margin-left: 25px;
    }

    li {
        line-height: 120%;
        margin-bottom: 0;
    }

    b, strong {
        font-weight: 600;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select {
        box-sizing: border-box;
    }

    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        background: none !important;
        background-color: #F4F4F4 !important;
        border: 1px solid #AAAAAA !important;
        color: #000000 !important;
        font-size: 1em !important;
        font-family: 'Open Sans', sans-serif !important;
        text-shadow: none;
    }

    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        background-color: #F4F4F4 !important;
    }

    .button:active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        background-color: #F4F4F4 !important;
    }

    .float-left { float: left; }
    .float-right { float: right; }
    .float-clear { clear: both; }

    .align-left { margin-left: 0; margin-right: auto; }
    .align-center { margin-left: auto; margin-right: auto; }
    .align-right { margin-left: auto; margin-right: 0; }
    .align-content-left { text-align: left; }
    .align-content-center { text-align: center; }
    .align-content-right { text-align: right; }

    /* structure */
    #body {
        position: relative;
        width: 100%;
        min-height: 100%;
        margin: auto;
        background-color: #F4F4F4;
    }

    .header {
        max-width: 880px;
        margin: 0 auto 0 auto;
        background-color: #FFFFFF;
    }

    .header .left {
        display: block;
        width: 320px; /* width logo (maximum width of logo must be 370px) */
        /*height: 70px;  height logo (minimum 70px) */
        margin-left: 10px;
        background-color: #FFFFFF;
        background-image: url('../images/logo.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .header .left a {
        display: block;
        height: 70px; /* height logo (minimum 70px) */
    }

    .header .right {
        display: block;
        height: 70px; /* height logo (minimum 70px) */
        margin-left: 5px;
        margin-right: 30px;
        text-align: right;
        box-sizing: border-box;
    }

    .header .right .hamburger {
        display: none;
        margin-top: 10px; /* (height logo - 70px) / 2 */
        padding: 0;
        font-size: 12pt;
    }

    .header .right .hamburger a {
        display: block;
        width: 50px;
        height: 50px;
        text-decoration: none;
    }

    .header .right .hamburger a span.menu-icon {
        display: inline-block;
        width: 50px;
        height: 50px;
        margin: 0px 0px 0px 0px;
        background-image: url('../images/menu50px.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        vertical-align: top;
    }

    .content {
        max-width: 880px;
        margin: auto;
        padding: 0 0 135px 0;
        position: relative;
        background-color: #FFFFFF;
    }

    .content .fp-image {
        position: relative;
        width: 100%;
        height: 160px;
        min-width: 300px;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .content .fp-article {
        width: 100%;
        margin: auto;
    }

    .content h1 {
        color: #2647C0;
        font-weight: 600;
        margin: 15px auto 0 auto;
    }

    .content p {
        padding: 0 20px;
    }

    .footer {
        position: absolute;
        width: 100%;
        min-height: 118px;
        bottom: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 11pt;
        line-height: 130%;
        color: #969fC0;
        z-index: 1;
    }

    .footer .footer-background {
        max-width: 880px;
        min-height: 118px;
        margin: 0 auto 0 auto;
        background-color: #1D3692;
    }

    .footer .container > div {
        margin-top: 10px;
    }

    .footer strong {
        color: #FFFFFF;
        font-weight: 600;
    }

    .footer a {
        color: #FFFFFF;
        font-weight: 600;
        text-decoration: none;
    }

/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 960px) {
        /* #body { background-color: #FF8080 !important; } */
        .header { display: block !important; height: auto !important; }
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        /* #body { background-color: #FFFF80 !important; } */
        .header { display: block !important; height: auto !important; }
        .header ul.menu-main { display: none !important; }
        .header .right .hamburger { display: inline-block; }
        .footer .container > div { margin-top: 10px; }
        .item-page { margin: 0 80px !important; }
        .item-page .page-header h2 { font-size: 20pt !important; }
        .item-page ul { margin-left: 50px !important; }
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 768px) {
        /* #body { background-color: #80FF80 !important; } */
        .header { display: block !important; height: auto !important; }
        .header ul.menu-main { display: none !important; }
        .header .right .hamburger { display: inline-block; }
        .footer .container > div { margin-top: 10px; }
        .item-page { margin: 0 55px !important; }
        .item-page .page-header h2 { font-size: 18pt !important; }
        .item-page ul { margin-left: 40px !important; }
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        /* #body { background-color: #80FFFF !important; } */
        .header { display: block !important; height: auto !important; }
        .header ul.menu-main { display: none !important; }
        .header .right .hamburger { display: inline-block; }
        .content { padding: 0 0 250px 0 !important; }
        .footer { height: 250px !important; }
        .footer .container { height: 250px !important; }
        .footer .container > div { margin-top: 10px; }
        ul.menu-footer li a { text-align: left !important; }
        ul.menu-extra li a { text-align: left !important; }
        .item-page { margin: 0 25px !important; }
        .item-page .page-header h2 { font-size: 16pt !important; }
        .item-page ul { margin-left: 30px !important; }
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
        /* #body { background-color: #FF80FF !important; } */
        .header { display: block !important; height: auto !important; margin: 0 0 5px 0 !important; }
        .header .left { width: 200px !important; }
        .header ul.menu-main { display: none !important; }
        .header .right { margin-right: 10px; }
        .header .right .hamburger { display: inline-block; }
        .content { padding: 0 0 250px 0 !important; }
        .footer { height: 250px !important; }
        .footer .container { height: 250px !important; margin: 0 5px !important; }
        .footer .container > div { margin-top: 10px; }
        ul.menu-footer li a { text-align: left !important; }
        ul.menu-extra li a { text-align: left !important; }
        .item-page { margin: 0 5px !important; }
        .item-page .page-header h2 { font-size: 14pt !important; }
        .item-page ul { margin-left: 20px !important; }
    }

/************** CMS ***************************************************************************************************/

    /* main menu */
    .header ul.menu-main {
        display: inline-block;
        height: 70px; /* height logo (minimum 70px) */
        margin: 0 auto 0 auto;
        padding: 0;
        list-style-type: none;
    }

    .header ul.menu-main li {
        display: inline-block;
        height: 70px; /* height logo (minimum 70px) */
        text-align: center;
    }

    .header ul.menu-main li a {
        display: inline-block;
        padding: 0px 8px 0px 8px;
        font-size: 12pt;
        text-transform: uppercase;
        text-decoration: none;
        vertical-align: 44px;
        line-height: 70px; /* height logo (minimum 70px) */
    }

    .header ul.menu-main li a:hover {
    }

    /* footer menu */
    ul.menu-footer {
        margin: 0 auto 0 auto;
        padding: 0;
        list-style-type: none;
    }

    ul.menu-footer li {
        margin: 0;
    }

    ul.menu-footer li a {
        display: block;
        text-align: right;
    }

    ul.menu-footer li a:hover {
    }

    /* extra menu */
    ul.menu-extra {
        margin: 0 auto 0 auto;
        padding: 0;
        list-style-type: none;
    }

    ul.menu-extra li {
        margin: 0;
    }

    ul.menu-extra li a {
        display: block;
        text-align: right;
    }

    ul.menu-extra li a:hover {
    }


    /* content component */
    .item-page {
        margin: 0 30px;
    }

    .item-page .page-header h1, .item-page .page-header h2 {
        color: #2647C0;
        font-size: 22pt;
        font-weight: normal;
        margin: 15px auto 10px auto;
    }

    .item-page h3 {
        color: #2647C0;
    }

    .item-page h4 {
        color: #000000;
        font-weight: bold;
    }

    .item-page p, .item-page ul, .item-page th, .item-page td {
        padding: 0;
    }

    .item-page ul {
        margin-left: 55px;
    }

/*+++++++++++++ COMPONENTS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    .com_contactform-form > table {
        width: 100%;
    }

    .com_contactform-form .contactform, {
    }

    .com_contactform-form label {
        display: inline-block;
        font-size: 1.00em;
        font-weight: normal;
    }

    .com_contactform-form label.mandatory:after {
        content: '*';
        margin: 0 0 0 5px;
        font: bold 12pt monospace;
        color: #FF0000;
    }

    .com_contactform-form label[for=callback],
    .com_contactform-form label[for=callback_date],
    .com_contactform-form label[for=email_copy] {
        display: inline;
    }

    .com_contactform-form label[for=callback],
    .com_contactform-form label[for=email_copy] {
        vertical-align: middle;
    }

    .com_contactform-form .inputbox[type=text],
    .com_contactform-form select.inputbox
    {
        width: 100% !important;
    }

    .com_contactform-form .inputbox[name=callback],
    .com_contactform-form .inputbox[name=email_copy] {
        vertical-align: middle;
    }

    .com_contactform-form .inputbox[name=callback_date] {
        width: 150px !important;
        display: inline-block;
    }

    .com_contactform-form textarea.inputbox {
        width: 100% !important;
    }

    .com_contactform-form #icaptcha {
        vertical-align: -14px;
    }

    .com_contactform-table {
        margin: 0 auto 30px auto;
    }

    .com_contactform-table td {
        padding: 0 5px;
    }

    .com_contactform-formimage {
        max-width: 100%;
        margin-top: 10px;
    }

/***************************************************************/

.sb-slidebar {
    background-color: #2647C0;
}

.sb-slidebar.sb-right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sb-slidebar.sb-right ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 0;
    width: 100%;
}
.sb-slidebar.sb-right ul > li:first-child {
    border-top: medium none;
}
.sb-slidebar.sb-right ul > li:last-child {
    border-bottom: medium none;
}
.sb-slidebar.sb-right ul li a {
    color: #FFFFFF;
    display: inline-block;
    padding: 1em;
    width: 100%;
    font-size: 14pt;
    text-decoration: none;
}
.sb-slidebar.sb-right ul li a:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.sb-slidebar.sb-right ul li.selected {
    background-color: rgba(255, 255, 255, 0.05);
}