/*---------------------------------------------------------------
# Package - Joomla Template based on Stools Framework   
# ---------------------------------------------------------------
# Author - joomlatd http://www.joomlatd.com
# Copyright (C) 2008 - 2019 joomlatd.com. All Rights Reserved.
# Websites: http://www.joomlatd.com
-----------------------------------------------------------------*/

/*Common*/

/*#ju-top-header, #slides, #tops, #wrapper, #bott_col, #trueHeader, .bott_col, #menuout, #ju-basetop, .main-bg, #ju-footer {min-width: 960px; margin: 0 auto}*/
#ju-leftcol {width: 25%} 
#ju-rightcol { width: 27%} 
#ju-sideleft {width: 20%}
#ju-sideright { width: 30%}
h1,h2,h3,h4, #layerslider
 {
	font-family: Arial,Helvetica,sans-serif;
	font-weight:300;
}
#ju-bookmarks .ju-inner,
#ju-banner .ju-inner,
#ju-header .ju-inner,
#ju-map .ju-inner {
	padding:0;
}
#tops {background: rgba(255, 255, 255, 0.8);}
div.color-site{margin-top: 5px; }
#ju-search{float:left}
#wrapper img, .wrapper img{max-width: 1000px !important;height:auto;border:0;}
.bott_col {color:#fff;background-color: rgba(0, 0, 0, 0.8);}
#ju-bottom .ju-base {margin: 10px auto;}
#ju-top-header{background: rgba(255, 255, 255, 0.7);}
/*main menu*/

#trueHeader{border-bottom: 5px solid rgba(0, 0, 0, 0.25);}	
#navmenu ul li .submenu-inner,#sublevel ul li .submenu-inner,
#navmenu ul.level-0 > li.menu-item:hover > a.menu-item,
#navmenu ul.level-0 > li.menu-item.active> a.menu-item,
#sublevel ul.level-1 > li.menu-item:hover > a.menu-item,
#sublevel ul.level-1 > li.menu-item.active> a.menu-item {color: #ccc;background-color:rgba(0, 0, 0, 0.15);}
.bt-inner .readmore  { width: 70px; padding: 3px; 6px}
#jul .jul-panel > span{ color: #fafafa !important;}
.accordion-group {
    border: 0px solid #e5e5e5 !important;
}
blockquote.testimonial {
  color: #222;
}
/*date*/
.ju_date{float:left;margin-top:8px}

.form-actions{padding:2px 4px 2px;margin-top:5px;margin-bottom:5px;background: transparent;border-top:1px solid #fff;*zoom:1;}
	
#navmenu ul li .submenu-inner,#sublevel ul li .submenu-inner { margin: 0px;}
.btn-primary{color:#333;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #fafafa, #bbb);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#bbb));background-image:-webkit-linear-gradient(top, #fafafa, #bbb);background-image:-o-linear-gradient(top, #fafafa, #bbb);background-image:linear-gradient(to bottom, #fafafa, #bbb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#eee', GradientType=0);border-color:#bbb #bbb #ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bbb;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#bbb;*background-color:#ddd;}
input{width:90%;}
textarea{width:98%;}
.quick_contact input{width:80%;}
#contact-form input{width:40%;}
#user-registration input, #member-registration input, .login input{width:230px;}
.pagenav a,.pager a{display:inline-block;padding:4px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fafafa; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);}
.pager a:hover{text-decoration:none;background:#f5f5f5; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #e6e6e6, #fff);
	background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(top, #e6e6e6, #fff);
	background-image: -o-linear-gradient(top, #e6e6e6, #fff);}
	
.rote li{ margin-left: 8px!important;}	
.bt-cs h3, .bt-cs .bt-inner a
 {
	color: #555 !important;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em !important;
	font-weight:100;
}
ul.social_icons li a:hover {   
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(1.6);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(1.6);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(1.6);
    }
    to {
        -ms-transform: scale(1);
    }
}
.gallery  {
    margin: 0;
  }
  

@media (max-width: 767px) {
    body {
        padding-right: 0px;
        padding-left: 0px;
    }
} 
  
  
a { color:#bf8b47 }

#trueHeader{ background-color: #bf8b47; }

#ju-basetop{ 
    background:#bf8b47; 
    color:#fafafa !important;
    
}

.colors, #navmenu ul li .submenu-inner,#sublevel ul li .submenu-inner {background:#bf8b47;}

.ju-menubg {background:url(../../images/styles/brown/bg.png) no-repeat center center}

.ju-icon, .ju-menu li:hover .ju-sub{color:#bf8b47!important}

.iview-caption .btn { color: #fafafa !important; background-color: #bf8b47!important;}

#jul-panel-login, #jul-panel-registration {background-color:#bf8b47; }

.white h3, .grey h3, .light h3, .beige h3 {color: #f1f1f1;background:#bf8b47 !important;font-size:20px;margin:-8px -10px 10px;padding:10px;}




/* -------------------------- */
/* 2020 - WEB-DEV SELF ADDED CODE */
/* -------------------------- */
 
 
/* 
 * Core Styling
 */
 
    *, *::before, *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
 
    body.bg {
        background: #efefef;
    }
 
    .main-bg {
        background: #ffffff;
        box-sizing: border-box;
        width: 100%;
        max-width: 960px;
        margin: 30px auto;
        padding: 0 35px;
    }
    
    .ju-inner {
        padding: 0;
    }
 
    #ju-maincol {
        padding: 25px 0;
    }
 
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        line-height: 120%;
        color: #1b1f1e;
    }
 
    h1, h2 {
        font-size: 24px;
        text-transform: uppercase;
        text-align: center;
    }
 
    p {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #1b1f1e;
        line-height: 120%;
    }
    
    /* 
    * Mobile Navigation 
    */
    
      
    .steelcontours__btn--menu {
        position: fixed;
        z-index: 50;
        right: 34px;
        top: 28px;
    }

    .steelcontours__btn--menu img {
        width: 30px;
        height: 30px;
    }
    
    .steelcontours__btn--close {
        box-shadow: none;
        position: absolute;
        right: 34px;
        top: 28px;
    }
    
    .steelcontours__btn--close:hover,
    .steelcontours__btn--close:focus {
        box-shadow: none;
    }

    .steelcontours__btn--close img {
        width: 30px;
        height: 30px;
    }

    .mobile__nav--overlay {
      height: 100%;
      width: 0;
      position: fixed;
      top: 0;
      right: 0;
      background-color: #dec39f;
      overflow-x: hidden;
      transition: all .35s ease-in-out;
      box-shadow: -4px 0 8px rgba(0,0,0,.25);
      z-index: 55;
      text-align: right;
    }

    .steelcontours__btn--close {
      display: block;
      margin-bottom: 15px;
    }
    
    #mobile__nav .joomla-nav {
        margin: 0;
    }
    
    #mobile__nav .joomla-nav {
        float: right;
        display: inline-block;
        margin: 0 8px;
        vertical-align: middle;
        padding: 0;
        transform: translateY(30%);
    }
    
    #mobile__nav .joomla-nav li {
        display: inline-block;
        padding: 2px 10px;
        width: 100%;
        font-size: 1rem;
    }
    
    #mobile__nav .joomla-nav li:hover a,
    #mobile__nav .joomla-nav li:focus a {
        color: #1b1f1e;
    }

    .mobile__nav--list {
      list-style: none;
      text-transform: capitalize;
      margin-bottom: 25px;
    }
    
    .mobile__nav--list li a {
        display: inline-block;
        color: #1b1f1e;
        font-size: 16px;
        padding: 8px 15px;
        text-decoration: none;
        width: 100%;
        box-shadow: inset 0 -2px 0 transparent;
        transition: all .45s ease-in-out;
    }
    
    .mobile__nav--list li a:hover, 
    .mobile__nav--list li a:focus {
      background: rgba(239,239,239,1);
      box-shadow: inset 0 -4px 0 rgba(0,0,0,.25);
    }
    
    .steelcontours__btn--menu {
        display: none;
    }

 
 /* 
  * Buttons & Links 
  */
  
    a {
      color: #1b1f1e;
      box-shadow: inset 0 -1.8px 0 transparent;
      font-weight: 400;
      line-height: 120%;
      padding-bottom: 3px;
      transition: all .35s ease-out;
    }
  
    a:hover, a:focus {
      color: #bf8b47;
      box-shadow: inset 0 -1.8px 0 #1b1f1e;
    }
    
    a.uk-slidenav {
        box-shadow: none;
        border: none;
        outline: none;
    }
    
    a.uk-slidenav:hover, a.uk-slidenav:focus {
        box-shadow: none;
        border: none;
        outline: none;
    }
    
    a#logo-text {
        box-shadow: none;
        text-decoration: none;
    }
    
    a#logo-text:hover, a#logo-text:focus {
        box-shadow: 0;
    }
  
    .banner__top a {
      color: #1b1f1e;
      font-weight: 700;
      font-size: 16px;
      padding-bottom: 2px;
      box-shadow: inset 0 -1px 0 transparent;
      transition: all .35s ease-out;
    }
  
    .banner__top a:hover, .banner__top a:focus {
      color: rgba(27,31,30,.85);
      box-shadow: inset 0 -2px 0 rgba(27,31,30,.75);
    }
  
    .joomla-nav a {
      color: #1b1f1e;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      transition: all .35s ease-out; 
      box-shadow: 0;
    }
  
  .joomla-nav a:hover,
  .joomla-nav a:focus {
      color: #fefefe;
      box-shadow: none;
  }
  
  .showroom__card--caption .btn {
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
      width: 100%;
      margin: 0;
      padding: 15px 0;
      background: transparent;
      color: #f8f8f8;
      outline: none;
      border: none;
      border-radius: 0;
      box-shadow: none;
      transition: all .35s ease-out;
  }
  
  .showroom__card--caption .btn .icon-chevron-right {
      display: none;
  }
  
  .designed_by a {
      color: #dec39f;
      box-shadow: inset 0 -1.8px 0;
      border: none;
      border-radius: 0;
      font-size: 12px;
      margin: 0;
      padding: 0;
      padding-bottom: 3px;
      outline: none;
  }
  
  .designed_by a:hover, 
  .designed_by a:focus {
      background: transparent;
      box-shadow: inset 0 -1.8px 0;
  }
  
  
  /*
   * Top Banner/ Announcement Banner 
   */
   
   .banner__top {
       background: #dec39f;
       padding: 10px 25px;
   }
   
   .banner__top--content {
       width: 100%;
       max-width: 960px;
       margin: 0 auto;
       
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: center;
   }
   
   .mod-languages {
       display: inline-block;
       transform: translate(0, 0);
       float: initial;
   }


  /* 
   * Header & Navigation
   */
   
   #header {
       position: relative;
       /*width: 100%;*/
       padding: 25px 45px;
       background: #bf8b47;
       box-shadow: 0 10px 25px rgba(0,0,0,.25);
   }
   
   #trueHeader {
        width: 100%;
        max-width: 960px;
        background-color: transparent;
        padding: 0;
        margin: 0 auto;
        border: 0;
   }
   
 /* 
  * Homepage 
  */ 
  
    .homepage__slideshow {
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
      margin-bottom: 35px;
      box-shadow: 0 2px 25px rgba(0,0,0,.25);
    }
  
    .homepage__slideshow .uk-overlay-panel {
        bottom: -64px;
        color: #1b1f1e;
        padding: 0;
    }
  
    .homepage__slideshow .uk-dotnav li {
        margin: 0 5px;
    }
    
    .homepage__slideshow .uk-dotnav-contrast>*>:active, .uk-dotnav-contrast>.uk-active>* {
        background: rgba(27,30,31,.9) !important;
    }
    
    .homepage__slideshow .uk-dotnav-contrast>*>* {
        background: rgba(27,31,30,.4);
    }
    
    .homepage__slideshow .uk-dotnav-contrast>*>:focus, .uk-dotnav-contrast>*>:hover {
        background: rgba(27,31,39,.7) !important;
    }
   

 /* 
  * Gallery /Showroom Page 
  */
  
  #brands-menu {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      
      width: 100%;
      max-width: 960px;
      margin: 25px auto;
      float: none;
      transform: translateY(0);
  }
  
  #brands-menu li {
      display: block;
      width: 100%;
      max-width: 281px;
      /*margin: 0 auto;*/
      margin-right: 15px;
      margin-bottom: 15px;
      padding: 0;
      box-shadow: 0 2px 5px transparent;
      box-shadow: 0 2px 25px rgba(27,31,30,.25);
      transform: scale(.95);
      transition: all .35s ease-out;
  }
  
  #brands-menu li:hover, #brands-menu li:focus {
      transform: scale(.965);
      box-shadow: 0 2px 15px rgba(27,31,30,.15);
  }
  
  #brands-menu li:active {
      transform: scale(.95);
  }
  
  
  /* 
   * Brand Showroom Page 
   */
   
   .showroom__card--row {
        width: 100%;
        max-width: 960px;
        margin: 25px auto;
   }
   
   .showroom__card {
        position: relative;
        width: 100%;
        max-width: 300px;
        height: 178px;
        margin: 0 auto;
        box-shadow: 0 4px 25px rgba(0,0,0,.25);
        overflow: hidden;
        background: #000000;
        transition: all.35s ease-out;
   }
   
   .showroom__card--image {
        width: 100%;
        height: 100%;
        transition: all .35s ease-out;
   }
   
   .showroom__card--image .pull-left.item-image {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        float: initial;

   }
   
   .showroom__card--image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: center;
   }
   
   .showroom__card--caption {
       position: absolute;
       width: 100%;
       bottom: 0;
       left: 0;
       background: rgba(27,31,30,.95);
       transition: all .35s ease-out;
   }
   
   .showroom__card--caption p.readmore {
       width: 100%;
       margin: 0;
   }
   
   .showroom__card:hover .showroom__card--image,
   .showroom__card:focus .showroom__card--image {
       opacity: .45;
   }
   
   .showroom__card:hover .showroom__card--caption,
   .showroom__card:focus .showroom__card--caption {
       background: #bf8b47;
   }
   
   
  /* 
   * Brand Showroom Gallery Page
   */
  
    .steelcontours__gallery {
        width: 100%;
        max-width: 1070px;
        margin: 50px auto !important;
    }
    
    .uk-overlay-background {
        background: rgba(0,0,0,.75) !important;
    }
    
    .uk-overlay-icon:before {
        color: #f8f8f8 !important;
    }
    
    figure.uk-overlay {
        box-shadow: 0 4px 25px rgba(0,0,0,.25) !important;
    }
    
    .uk-modal {
        background: rgba(0,0,0,.8) !important;
    }
    
    /*
     * Footer 
     */
     
    #ju-footer {
        background: #1d1d1d;
        color: #efefef;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    #ju-footer .cp {
        float: none;
        padding: 0;
    }
    
    /* 
     * Media Queries 
     */
     
     @media screen and (max-width: 991px) {
        
        .main-bg {
            max-width: 720px;
        }
        
        .contact_border {
            width: 65%;
        }
        
        #brands-menu {
        justify-content: center;
        }
         
    }
     
     @media screen and (max-width: 767px) {
        
        .main-bg {
            max-width: 680px;
        }
        
        .showroom__card {
            margin-bottom: 25px;
        }
        
        .uk-grid-medium>* {
            padding-left: 0 !important;
        }
    }
     
     @media screen and (max-width: 478px) {
         
        div#ju-mainmenu {
            display: none;
        }
        
        .steelcontours__btn--menu {
            display: block;
        }
        
        #trueHeader img {
            max-width: 35%;
            transform: translateY(0);
        }
        
        .banner__top {
            display: none;
        }
        
        #header {
            padding: 10px 45px;
            position: fixed;
            display: block;
            width: 100%;
            top: 0;
            z-index: 45;
        }
        
        .main-bg {
            max-width: 340px;
            margin: 30px auto;
            margin-top: 125px;
            padding: 0 25px;
        }
         
        .homepage__slideshow {
            height: 200px;
        }
         
        .homepage__slideshow .uk-slideshow {
            height: 200px !important;
        }
         
        .homepage__slideshow .uk-slideshow>li {
            height: 200px !important;
        }
         
        #brands-menu {
            justify-content: center;
        }
         
        #brands-menu li {
           margin-right: 0;
        }
         
         .uk-position-cover {
            height: 200px;
        }
        
        .contact_border {
            width: 85%;
            margin-top: 20px;
        }
         
         #ju-footer .cp {
            float: none;
            padding: 15px;
         }
         

     }
     
     @media screen and (max-width: 320px) {
         
        .steelcontours__btn--menu {
            position: fixed;
            z-index: 50;
            right: 34px;
            top: 24px;
        }
        
         .main-bg {
             max-width: 100%;
             margin: 0;
             padding: 0 25px;
         }
         
         #brands-menu {
             justify-content: center;
         }
         
         #brands-menu li {
             margin-right: 0;
         }
         
         #ju-footer {
             font-size: 14px;
         }
         
         #ju-footer .cp {
             float: none;
             padding: 0;
         }
         
         #ju-footer .ju-base {
             min-height: 30px;
             padding: 15px 25px;
         }
        
     }