/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Fonts */
/*@font-face { font-family: 'worldone'; 
	src: url('../../../fonts/world-one.eot#') format('eot'), 
			 url('../../../fonts/world-one.woff') format('woff'), 
			 url('../../../fonts/world-one.ttf') format('truetype'), 
			 url('../../../fonts/world-one.svg#svgFontName') format('svg'); }*/
			 
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase !important; font-weight: 700;}
h4, h5, h6 { color: #D90026; }
.tm-bottom-a h4, .tm-bottom-a h5, .tm-bottom-a h6 { color: #F90; }

a { color: #870b1f; }
a:hover { color: #D90026; }
.tm-bottom-a a { color: #F90; }
.tm-bottom-a a:hover { color: #EEE; }

span.small { color: #000; font-size: 10px; font-weight: normal; line-height: 12px; margin:0; padding:0; }

.uk-article-title { font-size: 24px; line-height: 30px; font-weight: 300; }


.red { background: red; }

body { background: url('../../../images/bg.jpg') no-repeat center center fixed; color:#333; }

.maincontainer { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.2); box-shadow: 0px 1px 10px 2px #333; }
.rgheader { background: #bababa url('../../../images/header.jpg') no-repeat center; background-size: cover; }

.tm-toolbar { margin: 0px; padding-top: 10px; }
.uk-subnav > li > a { font-size: 8pt; color: #222; }
.uk-subnav > li > a.fblink { background: url('../../../images/fbicon.png') no-repeat scroll 0px 0px transparent;}
.uk-subnav > li > a.fblink {
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 1px 8px;
}
.uk-subnav > li > a:hover { color: #222; }
.uk-subnav-line > li:nth-child(n+2):before { border-left: 0px solid #222; }
.tm-logo { padding-left: 15px; }
.tm-headerbar, .tm-navbar { margin: 0; }
.tm-headerbar .uk-panel { margin-right: 20px; }
.tm-headerbar .uk-panel .uk-search-field { background: #EEE; border-radius: 5px; }

.btn-primary { margin-top: 0px; color: #FFF; background-color: #F80; border-color: #E67A00; border-radius: 5px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #FFF; background-color: #D67200; border-color: #A85A00; }
.arrow-right { display: inline-block; vertical-align: middle; position: relative; left: -6px; width: 0; height: 0; margin-left:0px; border-left: 5px solid #FFF; border-top: 5px solid transparent; border-bottom: 5px solid transparent; content: ""; }


.uk-navbar { background: transparent; }
.uk-navbar-nav li {
    text-transform: uppercase;
    line-height: 30px;
    border-width: medium 1px medium medium;
    border-style: none solid none none;
    border-color: rgba(199, 215, 176, 0.3);
    border-image: none;
}
.uk-navbar-nav > li > a { color: #FFF; font-size: 8pt; }
.uk-navbar-nav > li.uk-active > a { background-color: #F5f5f5; color: #870b1f; }
.uk-nav-navbar ul a { font-size:8pt; background: #DDD; color: #555; }
.uk-nav-navbar ul a:hover { color: #870B1F; background: #CCC; }
.uk-active > a { background: #999; color: #FFF; }

ul.uk-nav-sub { padding: 1px 0px 2px 0px; }
ul.uk-nav-sub > li >a { padding: 1px 0px 2px 25px; }
.uk-navbar-nav .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: #CCC; }
.uk-navbar-nav .uk-nav-header { height: 1px; margin: 9px 0px; overflow: hidden; background-color: #CCC; padding: 0; }
.line-top { border-top: 1px solid #CCC; }
.line-bottom { border-bottom: 1px solid #CCC; }

.caret { vertical-align: middle; position: relative; top: -2px; margin-left:3px; border-top: 3px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }
.caret-right { display: inline-block; width: 0; height: 0; vertical-align: middle; position: relative; top: 0px; margin-left:0px; margin-right: 5px; border-left: 3px solid #FFF; border-top: 4px solid transparent; border-bottom: 4px solid transparent; content: ""; }
a:hover .caret, 
.uk-open a .caret  { border-top: 3px solid #616161; }
.uk-active > a .caret { border-top: 3px solid #870B1F; }
.uk-active .uk-active > a .caret { border-top: 3px solid #FFF; }


.uk-dropdown { border: 1px solid #CCC; border-top:0; }
.uk-dropdown .uk-nav-navbar > li > a { font-size: 8pt; }
.uk-dropdown-search { z-index: 3500; }
.uk-nav-navbar > li.uk-active > a { color: #FFF; }
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: none repeat scroll 0% 0% #CCC; color: #870B1F; outline: medium none; }

.tm-navbar { margin: 15px -10px;
      /* IE10 Consumer Preview */ 
      background-image: -ms-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Mozilla Firefox */ 
      background-image: -moz-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Opera */ 
      background-image: -o-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Webkit (Safari/Chrome 10) */ 
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #870B1F), color-stop(1, #D90026));
      /* Webkit (Chrome 11+) */ 
      background-image: -webkit-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* W3C Markup, IE10 Release Preview */ 
      background-image: linear-gradient(to top, #870B1F 0%, #D90026 100%);
      box-shadow: 0px 4px 6px 1px #666;
}

.tm-navbar { margin: 0px;  }
.uk-navbar-content:before { content: normal; }
.uk-navbar-center { max-width: 100%; text-align: center; }
.tm-logo-small { letter-spacing: normal; color: #FFF; font-weight: bold; padding-top: 15px; display: block; font-size: 14pt; }
.uk-navbar-toggle { font-size: 18px; color: #EEE; }
.tm-logo-small:hover, 
.uk-navbar-toggle:hover { color: #f0b444; }



.nk-sticky-wrapper { width:100%; height:auto; position: relative; z-index: 2300; }
.nk-sticky { width:auto; }

.uk-breadcrumb { padding-left: 10px; margin-bottom: 0;  }
.uk-breadcrumb > li { font-size: 8pt; text-transform: uppercase; }
.uk-breadcrumb > li:nth-child(n+2):before { content: ""; display: inline-block; margin: 0px; }
.uk-breadcrumb > li span.divider { margin: 0 5px; }

.uk-grid:not(.uk-grid-preserve) + .uk-grid { margin-top: 5px; }

.tm-content > .uk-grid .uk-panel { padding: 10px; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8); margin-bottom: 20px; }

.uk-panel-box { padding: 0px; background: transparent; }
.uk-panel-box-primary { background: #FFF; }
.uk-panel-box-secondary { margin:0 !important; background: transparent; }

.uk-panel-box.quickbuttons a { max-width:100% }
.uk-panel-box.quickbuttons a:not(:last-child) { margin-right: 31px; }

.tm-sidebar-a .uk-panel-box { padding: 0px; background: #eaeaea; }
.tm-sidebar-a .uk-panel-box .uk-panel-title { padding: 10px; font-size: 18px; color: #FFF; /* IE10 Consumer Preview */ 
      background-image: -ms-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Mozilla Firefox */ 
      background-image: -moz-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Opera */ 
      background-image: -o-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Webkit (Safari/Chrome 10) */ 
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #870B1F), color-stop(1, #D90026));
      /* Webkit (Chrome 11+) */ 
      background-image: -webkit-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* W3C Markup, IE10 Release Preview */ 
      background-image: linear-gradient(to top, #870B1F 0%, #D90026 100%); } 
.tm-sidebar-a .uk-panel-box div { padding: 10px; }

.tm-sidebar-a .uk-panel-box-primary { padding: 0px; background: #FFF; }
.tm-sidebar-a .uk-panel-box-primary .uk-panel-title { padding: 10px 0 0 20px;color: #870b1f; background: transparent; margin-bottom: 0; }
.tm-sidebar-a .uk-panel-box-primary div {  }

.tm-sidebar-a .uk-panel-header .uk-panel-title { padding: 10px; margin:0; font-size: 18px; color: #FFF; /* IE10 Consumer Preview */ 
      background-image: -ms-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Mozilla Firefox */ 
      background-image: -moz-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Opera */ 
      background-image: -o-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* Webkit (Safari/Chrome 10) */ 
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #870B1F), color-stop(1, #D90026));
      /* Webkit (Chrome 11+) */ 
      background-image: -webkit-linear-gradient(bottom, #870B1F 0%, #D90026 100%);
      /* W3C Markup, IE10 Release Preview */ 
      background-image: linear-gradient(to top, #870B1F 0%, #D90026 100%); }

.tm-bottom-a .uk-panel-box { padding: 0px; background: transparent; }
.tm-bottom-a .uk-panel-box .uk-panel-title { margin-top: 20px; padding: 0px; font-size: 18px; color: #FFF; }
.tm-bottom-a .uk-panel-box div { padding: 0px; color: #FFF; }

.uk-article { padding: 10px; background: #FFF; margin-bottom: 15px !important; }

.nk-grouplist > .empty { background: #F2DEDE; padding: 10px; }
.nk-grouplist > table > tbody > tr > td > a > h5 { margin: 0; padding: 0; }
.nk-grouplist > table > tbody > tr > td > p { margin: 0; padding: 0; }



table > thead > tr > th { vertical-align: top; }
table > tbody > tr > td { vertical-align: top; }
.table > tbody > tr.active > td { background: #F5F5F5; }
.table > tbody > tr.danger > td { background: #F2DEDE; }
.table-active tbody > tr > td { background: #F5F5F5; }
.table-active tbody > tr { border-bottom: 5px solid #FFF; }
.table-active tbody > tr:last-child { border-bottom: 1px solid #DDD; }

.nk-footer {
    background: none repeat scroll 0% 0% rgba(66, 66, 66, 0.7);
    margin-top: 30px;
    margin-bottom: 0px;
    width: 100%;
    color: #EEE;
}
.footercontainer { padding: 0; }
.tm-footer { margin-bottom: 0; }
.tm-footer .uk-subnav > li > a { font-size: 8pt; color: #FFF; }

.contentpane iframe { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7); }


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.sliderwrapper { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 20px; background: #000; opacity: 0.8; }
.sliderinner { text-align:left; width: 55%; display: inline-block;  }
.sliderinner h1, .sliderinner h2, .sliderinner h3, .sliderinner h4 { color: #FFF; }
.sliderinner p { color: #FFF; }



/* Ribbon style
-------------------------------------------------- */

.ribbon-wrapper { position: relative; }
.ribbon-front {	width: 100%; position: relative; z-index: 2; }

.ribbon-front,
.ribbon-back-left,
.ribbon-back-right {
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright { position: absolute; z-index: 1; border-style:solid; height:0px; width:0px; }

.ribbon-edge-topleft,
.ribbon-edge-topright { }

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright { top: 40px; }

.ribbon-edge-topleft,
.ribbon-edge-bottomleft {	left: -10px; border-color: transparent #777 transparent transparent; }

.ribbon-edge-topleft { top: -5px; border-width: 5px 10px 0 0; }
.ribbon-edge-bottomleft { border-width: 0 20px 0px 0; }

.ribbon-edge-topright, 
.ribbon-edge-bottomright { right: -10px; border-color: transparent transparent transparent #777; }

.ribbon-edge-topright { top: -5px; border-width: 5px 0 0 10px; }
.ribbon-edge-bottomright { border-width: 0 0 0px 10px; }

.ribbon-back-left { position: absolute; top: -10px; left: 0px; width: 0px; height: 40px; z-index: 0; }
.ribbon-back-right { position: absolute; top: -10px; right: 0px; width: 0px; height: 40px; z-index: 0; }

.modal-backdrop { z-index: 6400;}
div.modal { 
    top: 5%;
    left: 50%;
    z-index: 6500;
    width: 50%;
    margin-left: -25%; }
div.modal.fade.in { top: 5%; }

@media (min-width: 1221px)  {
	.maincontainer { padding: 0; }
}


@media (min-width: 960px) and (max-width: 1220px) {
	.maincontainer { padding:0; }
	.uk-panel-box.quickbuttons img { max-width:33%; }
	.uk-panel-box.quickbuttons a:not(:last-child) { margin-right: 2px; }
}


@media (min-width: 768px) and (max-width: 959px) {
	.maincontainer { padding:0; }
	.uk-panel-box.quickbuttons img { max-width:33%; }
	.uk-panel-box.quickbuttons a:not(:last-child) { margin-right: 2px; }
  	
  	div.modal { top: 5%; left: 25%; width: 75%; margin-left: -12.5%; font-size: 1em !important; }
  	div.modal img { max-width: 50% !important; }
  	.modal-body { max-height: none; }
}


@media (max-width: 767px) {
	body { background: #FFF; }
	.maincontainer { background: none; box-shadow: none; }
	.tm-navbar { box-shadow: none; }
	.uk-container { padding: 0 1px; }

	.bx-caption h3 { font-size: 12px; line-height: 14px; }
	.bx-caption p { font-size: 9px; line-height: 10px; }


	.uk-panel-box.quickbuttons img { max-width:32%; }
	.uk-panel-box.quickbuttons a:not(:last-child) { margin-right: 2px; }
	
	.tm-navbar { margin: 0 !important; }
  
  	div.modal { top: 3%; left: 5%; width: 95%; margin-left: -2.5%; font-size: 1em !important; }
  	div.modal img { max-width: 40% !important; }
  	.modal-body { max-height: none; }
}
@media (max-width: 480px) {
	body { background: #FFF; }
	.maincontainer { background: none; box-shadow: none; }
	.tm-navbar { box-shadow: none; }
	.uk-container { padding: 0 1px; }

	.bx-caption h3 { font-size: 12px; line-height: 14px; }
	.bx-caption p { font-size: 9px; line-height: 10px; }

	.uk-panel-box.quickbuttons img { max-width:32%; }
	.uk-panel-box.quickbuttons a:not(:last-child) { margin-right: 2px; }
	
	.tm-navbar { margin: 0 !important; }
  
  	div.modal { top: 3%; left: 2%; width: 98%; margin-left: -1%; font-size: 1em !important; }
  	div.modal img { max-width: 25% !important; }
  	.modal-body { max-height: initial; }
}