#main-content {
    margin: 0px auto 100px auto;
    width: 100%;
}

.small-logo {
    width: 25px;
    position: absolute;
    right: 5px;
    top: 40px;

}

#navshow, #searchshow {
    cursor: pointer;
}

.burger-menu {
    width: 25px;
    position: absolute;
    right: 0;
    top: 90px;

}

.burger-menu i, .search-menu i, .fb-menu i, .tw-menu i {
    color: #8d8f9038;
}

.search-menu {
    width: 25px;
    position: absolute;
    right: 0;
    top: 140px;

}

.fb-menu {
    width: 25px;
    position: absolute;
    right: 0;
    top: 190px;

}

.tw-menu {
    width: 25px;
    position: absolute;
    right: 0;
    top: 240px;
}

@font-face {
    font-family: Azonix;
    src: url('/sximo5/fonts/azonix.otf')
}

.font-azonix {
    font-family: Azonix !important;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.lang-menu {
    width: 25px;
    position: absolute;
    right: 0;
    top: 290px;
    color: #8d8f9038;
}

.body {
    font-family: 'Calibre', sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
}

.drop-cap {
    font-family: 'Calibre', sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
}

.drop-cap-rtl {
    font-family: 'Calibre', sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    direction: rtl;
}

.drop-cap-rtl * {
    direction: rtl;
}

.drop-cap:first-letter {
    float: left;
    font-size: 120px;
    margin-right: 5px;
    padding: 1px;
    line-height: 90px;
}

.drop-cap-rtl:first-letter {
    float: right;
    font-size: 120px;
    margin-left: 5px;
    padding: 1px;
    line-height: 90px;
}


.quote-pull-right {
    font-family: 'Calibre', sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    float: right;
    width: 50%;
    margin: 20px -25% 20px 20px;
    border-left: 0;
}

.quote-pull-left {
    font-family: 'Calibre', sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    float: left;
    width: 50%;
    margin: 20px 20px 20px -25%;
    border-left: 0;
}

.quote-right {

    color: #000000;
    float: right;
    width: 80%;
    margin: 20px -50% 20px 20px;
    border-left: 0;
}

.quote-left {

    color: #000000;
    float: left;
    width: 80%;
    margin: 20px 20px 20px -50%;
    border-left: 0;
}

.quote-border:before {
    border-bottom: 1px solid #000000;
    position: absolute;
    width: 50%;
    height: 1px;
    margin-left: -25%;
    margin-top: -20px;
    content: "";
    text-align: center;
}

.quote-border:after {
    border-bottom: 1px solid #000000;
    position: absolute;
    width: 50%;
    height: 1px;
    margin-left: -25%;
    margin-top: 20px;
    content: "";
}

.quote-border {
    text-align: center;
}

.image-pull-left {
    width: 50%;
    float: left;
    margin: 20px 20px 20px -25%;
}

.image-pull-right {
    width: 50%;
    float: right;
    margin: 20px -25% 20px 20px;
}

.question {
    font-family: 'Calibre';
    font-size: 24px;
    font-weight: normal;
    color: rgb(113, 131, 161);
    padding-left: 1.5em;
    display: block;
    font-style: italic;
    /*border-left: 1px solid rgba(50, 50, 50, 0.25);*/
}

.list {
    margin: 0;
    font-family: 'Calibre', sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    padding: 10px;
    list-style: none;
}

.list-rtl {
    margin: 0;
    font-family: 'Calibre', sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    padding: 10px;
    list-style: none;
    direction: rtl;
}

.list-rtl * {
    direction: rtl;
}

.list > li, .list-rtl > li {
    text-indent: -5px;
}

.list > li:before {
    content: "-";
    margin-right: 10px;
}

.list-rtl > li:before {
    content: "-";
    margin-left: 10px;
}

.bordered {
    border: 1px solid #000000;
    min-height: 30px;
}

.top-border::before {
    content: '';
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 60%;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}


.top-thin:before {
    content: "";
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 90%;
    border-bottom: 2px solid black;
    margin-bottom: 20px;
}

.top-thick:before {
    content: "";
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 40%;
    border-bottom: 16px solid black;
    margin-bottom: 20px;
}

p {
    margin: 0 0 25px;
}

.title {
    font-family: 'Calibre', sans-serif;
    font-size: 45px;
    color: #000000;
    text-align: center;

}

.subtitle {
    font-family: 'Calibre regular', sans-serif;
    font-size: 28px;
    color: grey;
    text-align: center;

}

.box {
    font-family: 'Calibre regular', sans-serif;
    font-size: 20px;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px;
    margin: 20px 0;
}

.box-border {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.box-list {
    font-family: 'Calibre regular', sans-serif;
    font-size: 20px;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 40px;
    margin: 20px 0;
    list-style-type: none;
}

.box-list-rtl {
    font-family: 'Calibre regular', sans-serif;
    font-size: 20px;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 40px;
    margin: 20px 0;
    list-style-type: none;
    direction: rtl;
}

.box-list-rtl * {
    direction: rtl;
}

.box-list > li, .box-list-rtl > li {
    counter-increment: customlistcounter;
}

.box-list > li:before {
    content: counter(customlistcounter) " ";
    margin-left: -20px;
    float: left;
    width: 20px;
}

.box-list-rtl > li:before {
    content: counter(customlistcounter) " ";
    margin-right: -20px;
    float: right;
    width: 20px;
}

.box-list:first-child, .box-list-rtl:first-child {
    counter-reset: customlistcounter;
}

.link-black {
    text-decoration: none;
    color: #000000;
    font-family: 'Calibre regular', sans-serif;
}

.link-black:hover {
    text-decoration: underline;
    color: #000000;
    font-family: 'Calibre regular', sans-serif;
    cursor: pointer
}

.rtl {
    direction: rtl;
}

@media only screen and (max-width: 600px) {
    .quote-pull-right {
        font-family: 'Calibre', sans-serif;
        font-size: 24px;
        font-weight: normal;
        color: #000000;
        float: right;
        margin: 20px auto;
        width: 100%;
    }

    .quote-pull-left {
        font-family: 'Calibre', sans-serif;
        font-size: 24px;
        font-weight: normal;
        color: #000000;
        float: left;
        margin: 20px auto;
        width: 100%;


    }


    .quote-right {

        color: #000000;
        float: right;
        width: 100%;
        margin: 20px auto;
        width: 100%;
    }

    .quote-left {

        color: #000000;
        float: left;
        width: 100%;
        margin: 20px auto;
        width: 100%;
    }

    .quote-border:before {
        border-bottom: 1px solid #000000;
        position: absolute;
        width: 50%;
        height: 1px;
        margin-left: -25%;
        margin-top: -20px;
        content: "";
        text-align: center;
    }

    .quote-border:after {
        border-bottom: 1px solid #000000;
        position: absolute;
        width: 50%;
        height: 1px;
        margin-left: -25%;
        margin-top: 20px;
        content: "";
    }

    .quote-border {
        text-align: center;
    }


}


.frontsearchinput {
    height: 48px;
    border: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 0 0;
}

.frontsearchinput:focus {
    outline: none;
    border-color: transparent;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 0 0;
}

.input-group-addon {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ccc;
}


.panel-body {
    background-size: 120% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 200px !important;
    -webkit-transition: All 0.2s ease-out;
    -moz-transition: All 0.2s ease-out;
    -o-transition: All 0.2s ease-out;
    transition: All 0.2s ease-out;
}

.card:hover .panel-body {
    background-size: 140% !important;

}

.card {
    height: 320px;
}

.customdropdown {
    width: 100%;
    margin-top: -2px;
    border: 0;
    top:48px;
}

@media (max-width: 767px) {
    .navbar-brand img {
        height: 40px;
    }

    .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: unset;
    }
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 100px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #131f2b; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-5 {
    padding-right: 0px !important;
    padding-left: 50px !important;
}

.headroom {
    will-change: transform;
    transition: transform 100ms linear;

}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}

.searchfrontend {
    margin-top: 50px;
}

.frontsearchinput {
    height: 48px;
    border: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 0 0;
}

.frontsearchinput:focus {
    outline: none;
    border-color: transparent;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 0 0;
}

.input-group-addon {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.panel-body {
    background-size: 120% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 200px !important;
    -webkit-transition: All 0.2s ease-out;
    -moz-transition: All 0.2s ease-out;
    -o-transition: All 0.2s ease-out;
    transition: All 0.2s ease-out;
}

.searchable {
    cursor: pointer;
}

.search-result .thumbnail {
    border-radius: 0 !important;
}

.search-result:first-child {
    margin-top: 0 !important;
}

.search-result {
    margin-top: 20px;
}

.search-result .col-md-2 {
    border-right: 1px dotted #ccc;
    min-height: 140px;
}

.search-result ul {
    padding-left: 0 !important;
    list-style: none;
}

.search-result ul li {
    font: 400 normal .85em "Roboto", Arial, Verdana, sans-serif;
    line-height: 30px;
}

.search-result ul li i {
    padding-right: 5px;
}

.search-result .col-md-7 {
    position: relative;
}

.search-result h3 {
    font: 500 normal 1.375em "Roboto", Arial, Verdana, sans-serif;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.search-result h3 > a,
.search-result i {
    color: #248dc1 !important;
}

.search-result p {
    font: normal normal 1.125em "Roboto", Arial, Verdana, sans-serif;
}

.search-result span.plus {
    position: absolute;
    right: 0;
    top: 126px;
}

.search-result span.plus a {
    background-color: #248dc1;
    padding: 5px 5px 3px 5px;
}

.search-result span.plus a:hover {
    background-color: #414141;
}

.search-result span.plus a i {
    color: #fff !important;
}

.search-result span.border {
    display: block;
    width: 97%;
    margin: 0 15px;
    border-bottom: 1px dotted #ccc;
}

.modal-body-font {
    font-size: 13pt;
}

.filter-menu {
    cursor: pointer;
    border-radius:4px;
    padding: 2px 5px;
    display: inline-block;
}

.navbar {
    background-color: #131f2b;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-header {
    background-color: #131f2b;
}

@media (max-width: 767px) {
    .navbar-brand img {
        height: 40px;
    }

    .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
    }

    .searchfrontend {
        margin-top: 50px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: unset;
    }
}

.loading-gif.col-md-12 {
    text-align: center;
    height: 20px;
}

.loading-gif img {
    height: 100px;
}