﻿@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: 0;
    right: 0;
    font-size: 0.5em;
    font-weight: bold;
    z-index: 9999;
    display: block;
    color: #333333;
}


.Home, .AboutUs, Silostrat, SilostratGrain, SiloTrans, DHJ, Gritsly, MarketReport, News, NewsItem, .ContactUs {
}

    /*.Home h2, .AboutUs h2, .Silostrat h2, .SilostratGrain h2, .DHJ h2, .Gritsly h2, .MarketReport h2, .News h2, .NewsItem h2, .ContactUs h2 {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(169,169,169,1);
        margin-bottom: 25px;
    }*/

    .Home p, .AboutUs p, .Silostrat p, .SilostratGrain p, .SilostratGrainLocations p, .SiloTrans p, .DHJ p, .Gritsly p, .MarketReport p, .News p, .NewsItem p, .ContactUs p {
    }

    .Home a, .AboutUs a, .Silostrat a, .SilostratGrain a, .SilostratGrainLocations a, .SiloTrans a, .DHJ a, .Gritsly a, .MarketReport a, .News a, .NewsItem a, .ContactUs a {
        color: rgba(90,120,16,1);
        text-decoration: none;
    }

        .Home a:hover, .AboutUs a:hover, .Silostrat a:hover, .SilostratGrain a:hover, .SilostratGrainLocations a:hover, .SiloTrans a:hover, .DHJ a:hover, .Gritsly a:hover, .MarketReport a:hover, .News a:hover, .NewsItem a:hover, .ContactUs a:hover,
        .Home a:active, .AboutUs a:active, .Silostrat a:active, .SilostratGrain a:active, .SilostratGrainLocations a:active, .SiloTrans a:active, .DHJ a:active, .Gritsly a:active, .MarketReport a:active, .News a:active, .NewsItem a:active, .ContactUs a:active,
        .Home a:focus, .AboutUs a:focus, .Silostrat a:focus, .SilostratGrain a:focus, .SilostratGrainLocations a:focus, .SiloTrans a:focus, .DHJ a:focus, .Gritsly a:focus, .MarketReport a:focus, .News a:focus, .NewsItem a:focus, .ContactUs a:focus {
            color: rgba(35,37,32,1);
        }

.Home .iFrameHolder iframe {
    width: 100%;
    overflow:hidden;
}

    .AboutUs img.floater, .Silostrat img.floater, .SilostratGrain img.floater, .SiloTrans img.floater, .DHJ img.floater, .Gritsly img.floater, .MarketReport img.floater, .NewsItem img.floater, .ContactUs img.floater {
        padding: 0 15px 0 0;
        float: none;
        max-width: 350px;
    }

    .AboutUs .HeadingsHolder, .Silostrat .HeadingsHolder, .SilostratGrain .HeadingsHolder, .SiloTrans .HeadingsHolder, .DHJ .HeadingsHolder, .Gritsly .HeadingsHolder, .MarketReport .HeadingsHolder, .NewsItem .HeadingsHolder, .ContactUs .HeadingsHolder {
        display: flex;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(169,169,169,1);
        margin-bottom: 25px;
    }


/*#region .Home*/
.Home {
}
    .Home h2 {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(169,169,169,1);
        margin-bottom: 25px;
    }
    .Home hr {
        border-top: 1px solid rgba(169,169,169,1);
    }

    .Home .CaptionItems {
        text-align: center;
        border: 1px dotted rgba(128,128,128,1);
        margin-bottom: 25px;
        -webkit-transition: border 500ms ease-out;
        -moz-transition: border 500ms ease-out;
        -o-transition: border 500ms ease-out;
        transition: border 500ms ease-out;
    }
        .Home .CaptionItems:hover {
            border: 1px solid rgba(128,128,128,1);
        }
        .Home .CaptionItems .bgwidth {
            width: 100%;
        }
        .Home .CaptionItems .bgheight {
            height: 100%;
        }
        /*.Home .CaptionItems .ImageHolder {
            position: fixed;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
        }
            .Home .CaptionItems .ImageHolder img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                min-width: 50%;
                min-height: 50%;
            }*/
        .Home .CaptionItems span {
            display: block;
            background-color: rgba(169,172,57,1);
            position: relative;
            height: 10px;
        }
            .Home .CaptionItems span i {
                position: absolute;
                top: -18px;
                left: 46%;
                background-color: rgba(169,172,57,1);
                width: 45px;
                height: 45px;
                border-radius: 45px;
                line-height: 1.84;
                color: rgba(255,255,255,1);
                font-size: 1.5em;
            }
        .Home .CaptionItems h5 {
            margin-top:25px;
        }
        .Home .CaptionItems p {
            padding:5px;
        }
        .Home .CaptionItems p span {
            background-color:transparent;
            height:auto;
        }
            .Home .CaptionItems p a {
                display: block;
                text-decoration: none;
                text-align: center;
                background-color: rgba(188,188,188,1);
                color: rgba(255,255,255,1);
                border-radius: 5px;
                padding: 5px 15px;
                width: 65px;
                margin: 15px auto 0 auto;
                -webkit-transition: background-color 500ms ease-out;
                -moz-transition: background-color 500ms ease-out;
                -o-transition: background-color 500ms ease-out;
                transition: background-color 500ms ease-out;
            }
                .Home .CaptionItems p a:hover,
                .Home .CaptionItems p a:active,
                .Home .CaptionItems p a:focus {
                    background-color: rgba(114,115,59,1);
                }

    .Home .iFrameHolder {
        border-bottom: 1px solid rgba(169,169,169,1);
    }

/*#endregion .Home*/

/*#region .AboutUs*/
.AboutUs {
}

    .AboutUs ul, .AboutUs ol {
        padding: 0 0 0 17px;
        margin: 0;
    }
        .AboutUs ul li, .AboutUs ol li {
            padding: 0 0 10px 10px;
            margin: 0;
        }
    .AboutUs ol {
        list-style: lower-alpha;
    }
        .AboutUs ol li ul {
            padding: 0 0 0 17px;
            margin: 0;
        }
            .AboutUs ol li ul.nodot {
                padding: 0 0 0 0px;
                margin: 10px 0 0 0;
            }
        .AboutUs ol li ul.nodot {
            list-style: none;
        }
            .AboutUs ol li ul li {
                padding: 5px 0 10px 10px;
                margin: 0;
            }
            .AboutUs ol li ul.nodot li {
                padding: 0 0 5px 0;
                margin: 0;
            }
/*#endregion .AboutUs*/

/*#region .Silostrat*/
.Silostrat {
}
    
/*#endregion .Silostrat*/

/*#region .SilostratGrain*/
.SilostratGrain {
}
    .SilostratGrain ul li {
    }

        .SilostratGrain ul li i {
            padding-right: 5px;
            width: 25px;
        }

.SilostratGrainLocations h2 {
    margin-bottom:15px;
}
.SilostratGrainLocations .media {
    margin-bottom: 15px;
}
    .SilostratGrainLocations .media .media-left {
        border-bottom: none !important;
    }
        .SilostratGrainLocations .media .media-left .map-responsive {
            overflow: hidden;
            /*padding-bottom: 56.25%; Set in pageSize*/
            position: relative;
            height: 0;
            display: block;
        }

        .SilostratGrainLocations .media .media-left .map-responsive iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }
    .SilostratGrainLocations .media .media-body {
        border-bottom: none !important;
    }

.SilostratGrainLocations .col-xs-12.col-md-6 {
    border-bottom: 1px solid rgba(169,169,169,1);
    margin-bottom: 15px;
}
.SilostratGrainLocations ul li i {
    padding-right: 5px;
    width: 25px;
}


.ekko-lightbox .modal-footer ul li i {
    padding-right: 5px;
    width: 25px;
}
.ekko-lightbox .modal-footer ul li a {
    color: rgba(90,120,16,1);
    text-decoration: none;
}

    .ekko-lightbox .modal-footer ul li a:hover,
    .ekko-lightbox .modal-footer ul li a:active,
    .ekko-lightbox .modal-footer ul li a:focus {
        color: rgba(35,37,32,1);
    }
    
/*#endregion .SilostratGrain*/

/*#region .SiloTrans*/
.SiloTrans {
}
.SiloTrans ul li i {
    padding-right: 5px;
    width:25px;
}
    .SiloTrans ul li i.fas.fa-mobile-alt {
        padding-right:11px;
    }
/*#endregion .SiloTrans*/

/*#region .DHJ*/
.DHJ {
}
.DHJ ul li i {
    padding-right: 5px;
    width: 25px;
}
/*#endregion .DHJ*/

/*#region .Gritsly*/
.Gritsly {
}
    .Gritsly ul li i {
        padding-right: 5px;
        width: 25px;
    }
/*#endregion .Gritsly*/

/*#region .MarketReport*/
.content {
}
/*#endregion .MarketReport*/

/*#region .News*/
.News {
}
    .News h2 {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(169,169,169,1);
        margin-bottom: 25px;
    }

    .News .media {
        margin-bottom: 15px;
    }
    .News .col-xs-12.col-md-6 {
        border-bottom: 1px solid rgba(169,169,169,1);
        margin-bottom:15px;
    }

    .News.Home .media-body {
    }
        .News.Home .media-body div {
            height:150px;
            /*overflow:hidden;*/
        }
        .News.Home .media-body h5 {
            font-size:1.4em;
            font-weight:bold;
        }
        .News.Home .media-body h6 {
            font-size: 0.5em;
        }
        .News.Home .media-body p {
            font-size: 0.8em;
            margin-bottom:3px;
        }
        .News.Home .media-body a {
            font-size: 0.8em;
        }


    .News .paginationjs .page-item.active a {
        background-color: rgba(114,115,59,1);
        border-color: rgba(114,115,59,1);
        color: rgba(255,255,255,1);
    }
   
/*#endregion .News*/

/*#region .NewsItem*/
.NewsItem {
}
    .NewsItem h2 {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .NewsItem h5 {
        /*font-size: 0.7em;*/
    }
    .NewsItem a.return {
        color: rgba(90,120,16,1);
        text-decoration: none;
        background-color: rgba(114,115,59,1);
        border-color: rgba(114,115,59,1);
        color: rgba(255,255,255,1);
        -webkit-transition: background-color 500ms ease-out,color 500ms ease-out;
        -moz-transition: background-color 500ms ease-out,color 500ms ease-out;
        -o-transition: background-color 500ms ease-out,color 500ms ease-out;
        transition: background-color 500ms ease-out,color 500ms ease-out;
    }
        .NewsItem a.return:hover,
        .NewsItem a.return:active,
        .NewsItem a.return:focus {
            color: rgba(35,37,32,1);
            background-color: rgba(255,255,255,1);
        }
/*#endregion .NewsItem*/

/*#region .ContactUs*/
.ContactUs {
}
.ContactUs ul li i {
    padding-right: 5px;
    width: 25px;
}
    .ContactUs .MapHolder 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;
    }

    .ContactUs .MapHolder .map-responsive {
        overflow: hidden;
        /*padding-bottom: 56.25%; Set in pageSize*/
        position: relative;
        height: 0;
        display: block;
        border: 1px solid
    }

        .ContactUs .MapHolder .map-responsive iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }
/*#endregion .ContactUs*/





/*#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 */
.News .col-xs-12.col-md-6 .media .media-left img, .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left img {
    max-width: 55px;
}
.SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left .map-responsive {
    padding-bottom: 40%;
    margin-bottom: 1rem !important;
}
.ContactUs .map-responsive {
    padding-bottom: 40%;
    margin-bottom: 1rem !important;
}
.News.Home .media .media-left img {
    max-width: 55px;
}

/* Supper Small Devices, Phones */
@media only screen and (max-width : 395px) {
    .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left .map-responsive {
        padding-bottom: 41%;
        margin-bottom: 1rem !important;
    }
    .ContactUs .map-responsive {
        padding-bottom: 41%;
        margin-bottom: 1rem !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .News .col-xs-12.col-md-6 .media .media-left img, .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left img {
        max-width: 100px;
    }
    .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left .map-responsive {
        padding-bottom: 120%;
    }
    .ContactUs .map-responsive {
        padding-bottom: 120%
    }


    .AboutUs img.floater, .Silostrat img.floater, .SilostratGrain img.floater, .SiloTrans img.floater, .DHJ img.floater, .Gritsly img.floater, .MarketReport img.floater, .NewsItem img.floater, .ContactUs img.floater {
        float: left;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .News .col-xs-12.col-md-6 .media .media-left img, .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left img {
        max-width: 150px;
    }
    
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left img {
        max-width: 265px;
    }
    .SilostratGrainLocations .col-xs-12.col-md-6 .media .media-left .map-responsive {
        padding-bottom: 63%
    }
    .ContactUs .map-responsive {
        padding-bottom: 63%
    }
}

/* Large Devices, Wide Screens and Bigger */
@media only screen and (min-width : 1920px) {
}

/*#endregion */