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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
 body{
	font-family: 'Roboto Condensed' !important;
 }*/
 .tm-logo{
    float: left;
    left: 0;
    position: relative;
 }
 .top-right-title{
	float:right;
 }
.top-right-title h1{
	font-size:40px;
	color:#FFFFFF;
	font-family: 'Roboto Condensed';
	text-transform:uppercase;
	text-align:right;
	/*font-weight:bold;*/
	text-shadow: 1px 1px 5px #222;
	margin: 10px 0 0 0;
}
.top-right-title h2{
	font-size:22px;
	color:#f8d420;
	font-family: 'Roboto Condensed';
	text-transform:capitalize;
	text-align:right;
	text-shadow: 1px 1px 5px #222;
	margin: 0;
}
.top-right-title span { float:right; color:#CCC; margin: 0 0 7px 0; font-size: 11px; line-height:14px;}

.tm-toolbar,
.tm-navbar,
.tm-footer {
  margin-top: 0px !important;
}
.tm-headerbar {
  margin-top: 15px!important;
  margin-bottom: 0px!important;
 }
.uk-navbar {
  height:56px;
  background: #e45e38;
  background-image: none !important;
}
.tm-navbar > ul { width:100%;}

.uk-navbar-nav > li { width:20%;}

.uk-navbar-nav > li > a {
  height: 56px !important;
  line-height: 56px !important;
  font-size: 18px !important;
  font-family: 'Roboto Condensed';
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  text-align:center;
  /*padding:0 54px;*/
}
.uk-navbar-nav > li:last-child a{
	border:none;
}
.ulkitbox{
	display:inline-block;
	width:100%;
}
.ulkitbox .uk-panel-content {
	width:46%;
	padding:0 2%;
	font-size:110%;
	/*font-family: "Roboto Condensed";*/
	float:left;
	font-weight:300;
	display:inline-block;
}
.ulkitbox .uk-panel-content h2, .ulkitbox1 .uk-panel-content h2{
    border-bottom: 4px solid #e45e38;
    font-family: "Roboto Condensed";
	color:#000000;
    font-size: 24px !important;
    padding: 8% 0 6%;
}
.ulkitbox .uk-panel-content p, .ulkitbox1 .uk-panel-content p{
	line-height:24px;
	font-size:15px;
}
.uk-panel-box{
	background-color:#d7d7d7 !important;
	margin:15px;
	-webkit-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:    0px 5px 3px 0px rgba(0, 0, 0, 0.6);
	box-shadow:         0px 5px 3px 0px rgba(0, 0, 0, 0.6);
}
.uk-panel-box:first-child{
	margin-left:0px;
}
.uk-panel-box:last-child{
	margin-right:0px;
}

.ulkitbox .uk-panel-teaser{
	width:50%;
	float:right;
	display:inline-block;
}
.ulkitbox .uk-panel-teaser img{
	width:100% !important;
}
.uk-panel-box {
  padding: 0px !important;
}
.uk-panel-box .uk-panel-teaser{
	margin:0px !important;
}
.ulkitbox1{
	width:88%;
	padding:0 6%;
}
.ulkitbox1 .uk-panel-content {
	width:100%;
	font-size:110%;
	/*font-family: "Roboto Condensed";*/
	float:left;
	font-weight:300;
	display:inline-block;
}
.ulkitbox2{
	width:88%;
	padding:0 6%;
}
.ulkitbox2:first-child{
	margin-left:8px;
}
.footer_lines{
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	height:1px;
	margin:10px 0;
	width:100%;
}
.custom_footer{
	padding: 2.5% 1% 1% 1.5%;
	background:url("../images/multi_color_border.jpg") repeat-x scroll 0 0 #333333 !important;
}
.custom_footer h3{
	color:#ff4b18;
	font-family: "Roboto Condensed";
	font-size:22px;
	margin-bottom:0px;
	text-transform:uppercase;
	text-align:left;	
}
.custom_footer .footer_contact_details{
	padding: 0 15px 0 20px;
}
.custom_footer .footer_contact_details p{
	font-size:15px;
	font-weight:300;
	color:#ccc;
	/*font-family: "Roboto Condensed";*/
}
.footer_web_icon{
	text-align:right;
	padding-right:25px;
}
.terms_div{
	font-size:16px;
	font-family: "Roboto Condensed";
	text-align:right;
  float: right;
    width: 60%;
  display:inline-block;
  
}
.terms_div span{
	font-size:14px;
	color:#FFFFFF;
}

.kreatives_div{
	font-size:16px;
	font-family: "Roboto Condensed";
	text-align:left;
  width: 30%;
  display:inline-block;
}
.kreatives_div a{
	font-size:14px;
	color:#FFFFFF;
}

.wk-slideshow .caption {
	background: none #e0c347 !important;
    border-left: 20px solid #d65834;
    border-right: 20px solid #d65834;
    bottom: 60px;
  left: 0;
    margin-left: auto;
	margin-right: auto;
    min-height: 22px;
    padding: 20px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 5;
	opacity:.8;
	width:500px;
	
}
.wk-slideshow .caption {
    color: #000 !important;
    font-size: 42px;
	font-family: "Roboto Condensed";}
	
	
	
.wk-slideshow, .wk-gallery .slides{
	max-height:437px;
}
.tm-main-top .uk-panel-box{
	min-height:251px !important;}
	
.sjfpbox p {}
	
.sj2col {-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;}
	
.sjcolcon1{
float:left;
width:55%;
}
.sjcolcon2{
float:left;
width:35%;
}
 
.sjcolcon1 a {color: #000 !important; font-weight:400;}
body {
  background: url("../images/background/default_bg.jpg") center top fixed;
  background-size: cover;
}
@media (max-width: 767px) {
.tm-logo{
	top:-21px !important;
}
.top-right-title h1{
	font-size:120%;
}
.top-right-title h2{
	font-size:100%;
}
.uk-navbar {
 	 height:auto !important;
	 padding:0 !important;
}
.uk-navbar-nav > li{ width:100%; padding:0 !important;}
  .uk-navbar-nav > li > a {
  height: 28px !important;
  font-size: 100% !important;
  line-height:28px !important;
  font-family: 'Roboto Condensed';
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom:1px solid rgba(0, 0, 0, 0.2);
  text-align:center;
   padding:0 !important;
  /*padding:0 54px;*/
}
  .uk-visible-medium {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important;
  }
  .uk-hidden-small {
    display: block !important;
  }
  .wk-slideshow .caption {
    bottom: 15%;
    left: 0;
    padding: 2% 1%;
	width:75%;
	
}
.wk-slideshow .caption {
    font-size: 140%;
}
.ulkitbox{
	display:block;
	width:100%;
}
.ulkitbox .uk-panel-teaser img{
	max-width:100% !important;
}
.tm-main-top .uk-panel-box{
	max-height:auto!important;}
.tm-bottom-a.uk-grid, .footer_lines{
	display:none;
}
.sjcolcon1, .sjcolcon2{
	clear:both;
}
 
}
@media only screen and (max-width: 600px) {
	
	.tm-bottom-a.uk-grid, .footer_lines{
		display:none;
	}
  .tm-logo{
    width:100%;
    text-align:center;
  }
  .sj2col {-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;}
}

@media only screen and (max-width: 800px){
    .top-right-title, .top-right-title span{
		float:left !important;
		width:100%;
	}
	.top-right-title h1, .top-right-title h2{
		text-align:center !important;
	}
	.footer_web_icon{
		float:left;
		clear:both;
		text-align:center;
		width:100%;
	}
  .tm-logo{
    width:100%;
    text-align:center;
  }
}