@import url('https://fonts.googleapis.com/css?family=Quicksand');

html, body {
    height: 100%;
}

body {
    font-family: 'Quicksand', sans-serif;
    /*font-size: 0.813rem;*/
    color: rgba(94, 94, 94,1);
}

#screen-size {
    position: fixed;
    top: 1px;
    right: 15%;
    font-size: 0.9em;
    font-weight: bold;
    z-index: 9999;
    display: block;
    color: #333333;
}


/*#region .header*/
.header {
    padding:10px 0;
}

    .header .lang {
        text-align: right;
        margin-bottom: 5px;
        font-weight: bold;
    }
        .header .lang a {
            color: rgba(165,171,111,1);
            text-decoration: none;
            font-style: italic;
        }
        .header .lang a:hover,
        .header .lang a:focus,
        .header .lang a:active,
        .header .lang a.active {
            color: rgba(113,112,88,1);
        }
    .header .search {
        text-align: right;
    }
        .header .search .btn {
            text-align: right;
            border: 1px solid rgba(206, 212, 218,1);
        }
/*#endregion .header*/


.MenuBanner {
    position: relative;
}


/*#region .Menu*/
.navbar {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:800;

    background-color:rgba(0,0,0,0.5);

    padding:0;
}

    .navbar .navbar-toggler {
        margin: 5px;
        border: 1px solid rgba(255,255,255,1);
    }
        .navbar .navbar-toggler:hover,
        .navbar .navbar-toggler:active,
        .navbar .navbar-toggler:focus {
            border: 1px solid rgba(168,171,55, 1);
        }
        .navbar .navbar-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
        .navbar .navbar-toggler:hover .navbar-toggler-icon,
        .navbar .navbar-toggler:focus .navbar-toggler-icon,
        .navbar .navbar-toggler:active .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(168,171,55, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }


    .navbar .nav-link {
        color: rgba(255,255,255,1);
        -o-transition: color .3s ease-out, background 0.2s ease-in;
        -ms-transition: color .3s ease-out, background 0.2s ease-in;
        -moz-transition: color .3s ease-out, background 0.2s ease-in;
        -webkit-transition: color .3s ease-out, background 0.2s ease-in;
        transition: color .3s ease-out, background 0.2s ease-in;
        padding: 1rem 0.2rem;
    }
    .navbar .nav-item:hover .nav-link,
    .navbar .nav-item:focus .nav-link,
    .navbar .nav-item:active .nav-link,
    .navbar .nav-item.active .nav-link {
        color: rgba(168,171,55,1);
        background-color: rgba(0,0,0,0.5);
    }

    .navbar .dropdown-menu {
        background-color: rgba(0,0,0,0.5);
        margin-top:0;
        border-top:none;
    }
        .navbar .dropdown-menu .dropdown-item {
            color: rgba(255,255,255,1);
            -o-transition: color .3s ease-out;
            -ms-transition: color .3s ease-out;
            -moz-transition: color .3s ease-out;
            -webkit-transition: color .3s ease-out;
            transition: color .3s ease-out;

            text-align:center;
        }
        .navbar .dropdown-menu .dropdown-item:hover,
        .navbar .dropdown-menu .dropdown-item:focus,
        .navbar .dropdown-menu .dropdown-item:active {
            color: rgba(168,171,55,1);
            background:none;
        }

/*#endregion .Menu*/

/*#region .Banner*/
.carousel {
    border-bottom:3px solid rgba(117,114,79,1);
    margin-bottom:20px;
}
/*#endregion .Banner*/


/*#region .content*/
.content {}
    .content #iFrameHolder iframe {
        width:100%;
    }
/*#endregion .content*/

/*#region .ReportHolder*/
.ReportHolder {
    width: 100%;
    margin:5px 0;
}

    .ReportHolder h3 {
        background-color: rgba(114,115,59,1);
        color: rgba(255,255,255,1);
        display: block;
        border-radius: 5px 5px 0 0;
        padding: 5px;
        margin-bottom:0;
    }
    .ReportHolder div {
        border-radius: 0 0 5px 5px;
        border: 1px solid rgba(114,115,59,1);
        padding:5px;
    }
        .ReportHolder div a {
            display: block;
            text-decoration: none;
            color: rgba(35,37,32,1);
            padding:5px 10px;
        }
            .ReportHolder div a._1 {
                margin: 0 -5px;
                background-color: rgba(235,235,235,1);
            }
            .ReportHolder div a._2 {
                margin: 0 -5px;
                background-color: rgba(255,255,255,1);
            }
            .ReportHolder div a i {
                padding-right: 10px;
            }
            .ReportHolder div a:hover,
            .ReportHolder div a:active,
            .ReportHolder div a:focus {
                color:rgba(0,0,0,1);
            }
        .ReportHolder div hr {
            margin:1rem -5px;
        }

/*#endregion .ReportHolder*/

/*#region .ExchangeHolder*/
.ExchangeHolder {
    width: 100%;
    margin: 5px 0;
}

    .ExchangeHolder h3 {
        background-color: rgba(114,115,59,1);
        color: rgba(255,255,255,1);
        display: block;
        border-radius: 5px 5px 0 0;
        padding: 5px;
        margin:0;
    }
        .ExchangeHolder h3 a {
            color: rgba(255,255,255,1);
            text-decoration: none;
        }
            .ExchangeHolder h3 a:hover,
            .ExchangeHolder h3 a:active,
            .ExchangeHolder h3 a:focus {
                color: rgba(35,37,32,1);
            }
            .ExchangeHolder h3 a img {
            border:none;
        }

    .ExchangeHolder div {
        border: 1px solid rgba(114,115,59,1);
        border-radius:0 0 5px 5px;
    }
/*#endregion .ExchangeHolder*/


/*#region .WeatherHolder*/
.WeatherHolder {
    width: 100%;
    margin: 5px 0;
}

    .WeatherHolder h3 {
        background-color: rgba(114,115,59,1);
        color: rgba(255,255,255,1);
        display: block;
        border-radius: 5px;
        padding: 5px;
    }

    .WeatherHolder .WeatherWidget {
        text-align: center;
    }
/*#endregion .WeatherHolder*/


/*#region .RSSFeedHolder*/
.RSSFeedHolder {
    width: 100%;
    margin: 5px 0;
}

    .RSSFeedHolder h3 {
        background-color: rgba(114,115,59,1);
        color:rgba(255,255,255,1);
        display: block;
        border-radius: 5px 5px 0 0;
        padding: 5px;
        margin-bottom:0;
    }

    .RSSFeedHolder div#feed {
        height: 400px;
        overflow: scroll;
        overflow-x: hidden;
        border-radius: 0 0 0 5px;
        border: 1px solid rgba(114,115,59,1);
        padding:5px;
    }

        .RSSFeedHolder div#feed p.rss-title a.rss-title {
            font-size: 1.4em;
            color: rgba(35,37,32,1);
            text-decoration: none;
        }
        .RSSFeedHolder div#feed ul.rss-items {
            list-style: none;
            padding:0;
            margin: 0px;
        }
            .RSSFeedHolder div#feed ul.rss-items li.rss-item {
                font-size: 0.8em;
                padding: 0 0 10px 0;
                margin: 0px
            }

        .RSSFeedHolder div#feed ul.rss-items li.rss-item a.rss-item {
            font-weight:bold;
            color: rgba(35,37,32,1);
            text-decoration: none;
            display:inline-block;
            margin-bottom:5px;
        }

            .RSSFeedHolder div#feed ul.rss-items li.rss-item a.rss-item:hover,
            .RSSFeedHolder div#feed ul.rss-items li.rss-item a.rss-item:focus,
            .RSSFeedHolder div#feed ul.rss-items li.rss-item a.rss-item:active {
            }

/*#endregion .RSSFeedHolder*/



/*#region .footer*/
.footer {
    background-color: rgba(114,115,59,1);
    color: rgba(255,255,255,1);
    padding: 10px 0;
}
.footer h5 {
    text-transform:uppercase;
}
    .footer ul li {
        border-bottom: 1px dotted rgba(137,135,88,1);
    }
    .footer ul li i {
        padding-right:5px;
    }
    .footer div ul:last-child {
        margin-bottom:0;
    }
    .footer a {
        color: rgba(255,255,255,1);
    }
        .footer a:hover,
        .footer a:active,
        .footer a:focus {
            color: rgba(35,37,32,1);
            text-decoration:none;
        }

    .footer #back-top {
        bottom: 65px;
        margin: 0;
        opacity: 0;
        position: fixed;
        right: 20px;
        z-index: 99999;
    }

        .footer #back-top.show {
            opacity: 1;
        }

        .footer #back-top a {
            background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
            display: flex;
            text-decoration: none;
            /*-webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            height: 35px;
            width: 35px;*/
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            height: 35px;
            width: 35px;
        }

            .footer #back-top a:hover {
                background-color: rgba(168,171,55,1);
            }

            .footer #back-top a i {
                color: #fff;
                display: table-cell;
                font-size: 1.8em;
                margin: 0 auto;
                text-align: center;
                line-height: 36px;
            }
/*#endregion .footer*/



/*#region  .silostrat */

.silostrat {
    color: rgba(168,171,55,1);
    margin:10px 0;
}

    .silostrat a {
        color: rgba(168,171,55,1);
        text-decoration: none;
    }

        .silostrat a:hover, 
        .silostrat a:focus, 
        .silostrat a:active {
            color: rgba(35,37,32,1);
            text-decoration: none;
        }

    .silostrat .business {
        align-self: center;
        text-align:right;
    }
        .silostrat .business i {
            font-style: normal;
        }

/*#endregion .silostrat*/



/*#region .PolicyModal */
.PolicyModal .modal-body ul {
    margin: 0 0 11px 17px;
    padding: 0;
}

    .PolicyModal .modal-body ul li {
        margin: 0;
        padding: 0 0 5px 10px;
    }

.PolicyModal .modal-body a {
    color: rgba(168,171,55,1);
    text-decoration: none;
}

    .PolicyModal .modal-body a:hover,
    .PolicyModal .modal-body a:active,
    .PolicyModal .modal-body a:focus {
        color: rgba(0,0,0,1);
        text-decoration: none;
    }
/*#endregion .PolicyModal */

/*#region .DisclamerModal */
.DisclamerModal .modal-body h2 {
    font-size:24px;
}
.DisclamerModal .modal-body ul {
    margin: 0 0 11px 17px;
    padding: 0;
}

    .DisclamerModal .modal-body ul li {
        margin: 0;
        padding: 0 0 5px 10px;
    }

.DisclamerModal .modal-body a {
    color: rgba(168,171,55,1);
    text-decoration: none;
}

    .DisclamerModal .modal-body a:hover,
    .DisclamerModal .modal-body a:active,
    .DisclamerModal .modal-body a:focus {
        color: rgba(0,0,0,1);
        text-decoration: none;
    }
/*#endregion .DisclamerModal */

/*#region  .UpdateProgressModel */
.UpdateProgressModel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 7000;
}

    .UpdateProgressModel .shadow {
        background-color: Gray;
        filter: alpha(opacity=60);
        opacity: 0.60;
        width: 100%;
        top: 0;
        left: 0;
        position: fixed;
        height: 100%;
        z-index: 8000;
    }

    .UpdateProgressModel .container {
        position: relative;
        z-index: 9000;
    }

        .UpdateProgressModel .container .Block {
            border: 1px solid rgba(39,87,33,1);
            background-color: rgba(255,255,255,1);
            color: rgba(39,87,33,1);
            padding: 15px;
            font-weight: bold;
            border-radius: 5px;
        }

            .UpdateProgressModel .container .Block .col-4 img {
                padding-right: 10px;
            }

            .UpdateProgressModel .container .Block .col-8 {
                line-height: 2;
            }


/*#endregion */




/*#region .DeviceFixes */

/* Extra Small Devices, Phones */
/*.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}*/


/* Supper Small Devices, Phones */
@media only screen and (max-width : 395px) {
    /*.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }*/
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /*.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }*/
    .footer #back-top a {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        height: 35px;
        width: 35px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    /*.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }*/


    .footer #back-top a {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        height: 45px;
        width: 45px;
    }
        .footer #back-top a i {
            line-height:42px;
        }
    }


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container-fluid {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .footer ul li {
        font-size: 11px;
    }
}

/* Large Devices, Wide Screens and Bigger */
@media only screen and (min-width : 1920px) {
    .container-fluid {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .footer ul li {
        font-size:13px;
    }
}

/*#endregion */