.inline-block { display: inline-block; }

.uk-dropdown {
    top: 40px;
    left:0px;
}


.uk-nav-navbar ul.main-sub-nav{
      border-bottom: 1px solid #fff;
}

.uk-nav-navbar ul.uk-nav-sub a
{
    color: #fff;
    font-size:14px ;
    padding-left:15px;
}


.uk-nav-navbar .uk-parent > a {
    font-weight: 600;

    margin: 0.5rem 0;
}

.uk-nav-navbar ul.uk-nav-sub a:hover {
    background: #333537;
}

.uk-list ul.sub {
    padding-left: 10px;
    
   
}

.uk-list ul.sub li {
    padding:  0.25rem 0 0 0 ;
}

header.header {
    background:#404040;
    height:175px;
}

.footer-bg {
    background:#404040;
}

.home-banner-photo { 
    height: 100%;
    min-height: 350px;
    background-size:cover!important;
}

.home-video .embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.home-video .embed-container iframe, 
.home-video .embed-container object, 
.home-video .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.home #slider {
    display:none;
}

.home-text-cover {
    display:flex;
    flex-direction:column;
    background-color:rgba(0,0,0,0.6);
    height:100%;
    color:white;
    justify-content: center;
    padding:40px;
    font-size:1.1em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.home-text-cover h2 {
    /* font-weight: 900; */
    color: white;
}

.quotes-container{
    float: right;
}

#stock-quote {
    background:none;
    color:white;
    display: inline;
}

.social-icon {
    display: inline;
    float: right;
}
.social-icon-left {
    display: inline;
    float: left;
}

#stock-quote a {
    color:white;
}

#stock-quote:hover{
    background:none;
    color:none!important;
}

.banner-stock-metal {
    color:white;
}

.banner-stock-metal p {
    margin-right:0;
    font-size:13px;
    font-weight:700;
}

.metal-prices span {
    margin-left:10px;
}

.home-latest-heading {
    margin: 30px 0 20px;
    display:flex;
    align-items:center;
}

.home-latest-heading h2 {
    margin:10px 10px 0 0
}

/* .home .uk-panel-box {
    background:none;
} */

.main-content-container.uk-container {
    max-width:1600px;
}

.home-banner-proj {
    display: flex;
    align-items: flex-end;
    padding: 25px 40px;
    font-size: 24px;
    text-transform: uppercase;
    color: white;
}

.home-banner-proj:hover {
   color:rgba(0,0,0,0.5)
}
.green {
    color:green;
    font-style:italic;
    font-size:0.9em;
    margin-left: 0!important;
}

.red {
    color:red;
    font-style:italic;
    font-size:0.9em;
    margin-left: 0!important;
}

.footer-nav li + li {
    margin-left: 15px;
}

/* Subscription Modal */

.uk-close {
    float: right;
    padding: 10px;
  }

.uk-close:after {
    font-size: 25px;
}

.modal-header {
    padding: 0px 20px 0px 20px;
    font-size: 25px;
    margin-bottom: 0;
}

.modal-pop {
    z-index: 1040;
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.6s;
    animation-name: slideIn;
    animation-duration: 0.6s;
}

.modal-content{
    border: 4px solid #404040;
}

.close {
    color: #404040;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 10px;
  }

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

  @-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
  }
  
  @keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
  }


/* Media Queries */


/* Tyko project page */ 

.tyko-property-page .slider-img {
    background: url('../../img/banners/banner-br.jpg') no-repeat 85% 16%;
    background-size: cover;
}

@media (min-width: 320px) and (max-width: 479px) {
    .banner-stock-metal {
        padding:2px;
    }
    .banner-stock-metal p, #stock-quote a {
        font-size:10px!important;
    }
    .banner-stock-metal#stock-quote {
        padding:2px;
    }
    .banner-stock-metal p {
        margin-bottom:0px!important;
    }
    .banner-stock-metal p {
        text-align:left!important;
        font-size:8px!important;
        font-weight:300;
    }
    .banner-stock-metal p span {
        margin-left:0px;
    }
    #stock-quote {
        margin-top:2px;
        text-align:left!important;
    }
    #stock-quote a {        
        font-size:10px!important;
        font-weight:300;
        padding-left:0;
    }
    .home-text-cover {
        padding: 10px 20px;
        font-size: 1em;
    }
    .home-text-cover h2 {
        font-size:1.2em;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .banner-stock-metal {
        padding:0px;
    }
    .banner-stock-metal p, #stock-quote a {
        font-size:10px!important;
    }
    .banner-stock-metal#stock-quote {
        padding:2px;
    }
    .banner-stock-metal p {
        margin-bottom:0px!important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .home-text-cover {
        padding: 10px 20px;
        font-size: 1em;
    }
    .home-text-cover h2 {
        font-size:1.2em;
    }
}

@media (min-width: 980px) and (max-width: 1219px) {

}

@media (min-width: 1220px) {

}