/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

video {
  width: 100%    !important;
  height: auto   !important;
}

.uk-responsive-width {
height:none!important
}

/*
.videobox {
float:right;
padding:10px;
margin:5px
}*/

.menu-sidebar li {
border-bottom:1px solid rgba(255,255,255,0.3);
padding: 5px
}

.menu-sidebar li a {
color:#fff

}

ul.menu-sidebar {

list-style:none;
padding-left:0px;
margin-left:0px;
}


.uk-panel-box-secondary {
background: #222;
color: #f2f2f2;
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.1);
}

.uk-panel-box-secondary a {
color:#fff
}

.uk-panel-box-secondary  p {
color:#f2f2f2
}

.uk-panel-box-secondary h3.uk-panel-title{
color:#fff
}




.tm-headerbar{
text-align:center
}

.tm-footer {
background:#fff
}

.uk-container {
background:white
}

body {
background:#3f2216
}

h1, h2, h3, h4, h5, h6, .uk-article-title{
text-transform: uppercase;
letter-spacing: -.03em;
font-family:bebas_neueregular;
}

h1, h2, h3, h4, h5, h6 {

color: #ae4100
}

a, .uk-link, .uk-article-title{
color:#ae4100
}
.uk-navbar-nav > li > a {
color: #fffeda ;
font-family:bebas_neueregular;
font-size:18px
}

.uk-navbar-nav > li {
border-width:0px 1px 0px 0px;
border-style:solid;
  -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(#73412e), to(rgba(115, 65, 46, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, #73412e, rgba(115, 65, 46,  0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, #73412e, rgba(115, 65, 46,  0)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, #73412e, rgba(115, 65, 46,  0)) 1 100%;
    border-image:
      linear-gradient(to top, #73412e, rgba(115, 65, 46,  0)) 1 100%;
}

.uk-navbar {
background: #824d35;
color: #fffeda!important;
background-image: -webkit-linear-gradient(top, #9a6852, #824d35);
background-image: linear-gradient(to bottom, #9a6852, #824d35);
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.1);
border-bottom:3px solid #73412e
}


.uk-navbar-nav > li.uk-active > a {
background: #824d35;
color: #3f2216;
background-image: -webkit-linear-gradient(top, #9a6852, #824d35);
background-image: linear-gradient(to bottom, #9a6852, #824d35);
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.1)
}

.tm-toolbar, .uk-button {
padding: 5px 15px;
background: #f6e865;
color: #444;
background-image: -webkit-linear-gradient(top,  #edde53, #f6e865);
background-image: linear-gradient(to bottom,  #edde53, #f6e865);
box-shadow: inset 0 -18px 2px #ecc101;
font-size:11px;
text-transform:uppercase

}

.uk-button:hover {
background:#f6e865;
box-shadow:inset 0px 0px 50px #ecc101;
border-color:#73412e;
color:#444

}




.uk-panel-box-primary {
background: #824d35;
color: #fffeda);
background-image: -webkit-linear-gradient(top, #9a6852, #824d35);
background-image: linear-gradient(to bottom, #9a6852, #824d35);
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.1);
}

.uk-panel-box-primary .uk-panel-title {
border-bottom:1px solid rgba(255,255,255,0.4);
text-transform:uppercase;
padding-bottom:5px
}


@media (min-width: 1220px){
.uk-container {
max-width: 1000px;
padding: 0 20px;
}

.logoimg {
width:300px!important
}

.swishimg {
width:270px!important
}

.phoneimg {
width:350px!important
} 


}


@media (max-width: 1219px){
.logoimg {
width:280px
}

.swishimg {
width:250px
}

.phoneimg {
width:320px
} 
}



@media (max-width: 995px){
.uk-container {
background: #3f2216
}

.tm-headerbar {
background: #fff;
padding: 20px;
margin: -20px 0px;
}
}


@media (max-width: 767px){
.uk-navbar {
background:#fff;
border-bottom:0px;
overflow: hidden
}

.logoimg {
max-width:200px
}

.uk-navbar-toggle {
color:#73412e;

}

}





@media (max-width: 767px){

.logoimg {
max-width:150px
}

}





@media (max-width: 434px){

.logoimg {
max-width:120px
}

}


@media (max-width: 400px){

.uk-navbar-center {
max-width:100%
}

}