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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .uk-active[data-uk-sticky]{
 z-index:980;
 }
 	/*
	* Faster animations headerbar
	*/
	[data-uk-sticky][class*='uk-animation-'] {
	-webkit-animation-duration: 0.30s;
	animation-duration: 0.30s;
	}
	[data-uk-sticky].uk-animation-reverse {
	-webkit-animation-duration: 0.09s;
	animation-duration: 0.09s;
	}
 .tm-tobottom-scroller {
    bottom: 100px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 50px;
    left: calc(50% - 100px);
    line-height: 50px;
    position: absolute;
    text-align: center;
    transition: all 0.15s ease-in-out 0s;
    width: 200px;
    z-index: 6;
}
.uk-icon-button{
border:1px solid #494949;
background:rgba(0, 0, 0, 0.1) ;
}
.uk-icon-button:hover{
background:none;
border:1px solid #fff;
}
.tm-totop-scroller{
font-size:36px;
}
.tm-totop-scroller:hover{
font-size:36px;
}
.uk-navbar-nav > li > a{
color:#fff;
}
.tm-button-line{
background:transparent none repeat scroll 0 0 !important;
border:2px solid #fff;
color:#fff !important;
border-radius:4px;
margin-top:10px;
}
/* Search box */
input.uk-search-field {
  cursor: pointer;
  position: relative;
  text-indent: 30px;
  transition: all 0.2s linear 0s;
  width: 40px;
}
.uk-text-xl{
font-size:42px;
font-weight:bolder;
line-height:40px;
}
.uk-icon-large{
font-size:380%;
}
.tm-smoothscroll-bar {  
    margin-right: 20px;  
    position: fixed;  
    right: 0;  
    top: 50%;  
    transform: translateY(-50%);  
z-index:99999999;  
}  
.tm-smoothscroll-bar .uk-dotnav > li a {  
    color: transparent;  
    text-align: right;  
}  
.tm-smoothscroll-bar span {  
    display: none;  
}  
.tm-smoothscroll-bar li:hover > span:after {  
    border-color: transparent transparent transparent #1db9e8;  
    border-style: solid;  
    border-width: 5px 0 5px 5px;  
    content: "";  
    height: 0;  
    left: 100%;  
    margin-right: 35px;  
    margin-top: 6px;  
    position: absolute;  
    width: 0;  
}  
.tm-top-teaser {  
    background: none repeat scroll 0 0 #1db9e8;  
    border-radius: 0;  
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.05);  
    height: 680px;  
}  
.uk-dotnav {  
    font-size: 0.001px;  
    list-style: none outside none;  
    padding: 0;  
}  
.uk-dotnav > li {  
    display: inline-block;  
    vertical-align: top;  
}  
.uk-dotnav > li:nth-child(n+2) {  
    margin-left: 5px;  
}  
.uk-dotnav > li > a {  
    background: none repeat scroll 0 0 rgba(50, 50, 50, 0);  
    border-radius: 50%;  
    box-sizing: content-box;  
    display: inline-block;  
    height: 12px;  
    margin: 4px -10px;;  
    overflow: hidden;  
    text-indent: -999%;  
    vertical-align: top;  
    width: 12px;  
}  
.uk-dotnav > li > a:hover, .uk-dotnav > li > a:focus {  
    background: none repeat scroll 0 0 rgba(50, 50, 50, 0.2);  
    outline: medium none;  
}  
.uk-dotnav > li > a:active {  
    background: none repeat scroll 0 0 #1db9e8;  
}  
.uk-dotnav > li.uk-active > a {  
    background: none repeat scroll 0 0 #ffffff;  
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);  
}  
.uk-dotnav-vertical > li {  
    display: block;  
}  
.uk-dotnav-vertical > li:nth-child(n+2) {  
    margin-left: 0;  
    margin-top: 5px;  
}  
.uk-dotnav > li {  
    background: #101010;  
    border-radius: 100%;  
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2) inset;  
    height: 20px;  
    width: 6px;  
}
a, .uk-link, tm-block-top-a {
text-decoration:none;
}
.tm-block-bottom-d .uk-container .uk-panel-title, .tm-block-bottom-d .uk-container h3{
color:#fff;
}
a:hover, .uk-link:hover{

text-decoration:none;
}
/***Portfolio **/
.sprocket-mosaic-g-filter {
    text-transform:uppercase;
	float:none;
}
.uk-icon-search-plus,
.uk-icon-mail-forward {
background: rgba(0, 0, 0, 0.5);
padding: 15px;
border-top-left-radius: 2em 0.5em;  
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;	
}
#main .sprocket-mosaic .sprocket-mosaic-g-order ul li,
.sprocket-mosaic .sprocket-mosaic-g-order li,
#main .sprocket-mosaic .sprocket-mosaic-g-filter ul li,
.sprocket-mosaic .sprocket-mosaic-g-filter li {
 border-radius:0;
 padding:6px 10px;
 margin-right: 5px;
}
.overlay-mode .sprocket-mosaic-g-title{

-moz-transition: all 1s ease;
14.
/* WebKit */
15.
-webkit-transition: all 1s ease;
16.
/* Opera */
17.
-o-transition: all 1s ease;
18.
/* Standard */
19.
transition: all 1s ease;
-ms-: all 1s ease;
}
.sprocket-mosaic-g-title a {
    color: #ccc;
    font-size: 20px;
    line-height:24px;
}
.sprocket-mosaic-g-loadmore {
    border-radius:0;
    padding:0;
	border-radius:2px;
	color:#444;
	background:none;
}
.loadmore-more.uk-button-primary {
    padding: 6px;
}
.sprocket-lists-title{
color:#fff;
}
.sprocket-mosaic-g-filter li, .sprocket-mosaic-g-order li{
color:#232323;
}
.sprocket-mosaic-g-filter li.active, .sprocket-mosaic-g-order li.active{
background:#444;
}
.uk-navbar-nav > li.uk-active > a{
color:#4e2818;
background-color: #fcfcfc;
}
.uk-navbar-nav > li > a {
color: #600;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none;
text-transform: uppercase;
}
.slideshow{
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}
/* --- Category List/Menu --- */
div.k2CategoriesListBlock {}
div.k2CategoriesListBlock ul {margin:0;padding:0;list-style:none;}
div.k2CategoriesListBlock ul li {position:relative;line-height:36px; font-size: 20px;text-transform: capitalize;}
div.k2CategoriesListBlock ul li:before {
position: absolute;
content: "\f105";
font-family: 'FontAwesome';
}
div.k2CategoriesListBlock ul li a {padding-left: 15px;}
div.k2CategoriesListBlock ul li a:hover { color:#444;}
.uk-navbar{
box-shadow:0 0 0 5px rgba(255, 255, 255, 0.17);
}
.tm-block-top-a{
background: rgba(0, 0, 0, 0) url("../images/sandras-design.jpg") repeat-x;  
background-size:cover;
 }
.tm-block-bottom-c, .tm-block-bottom-e {
padding:60px;
background:  url("../images/pattern.png") repeat;
color:#fff;
}
.border{
border:2px solid #ffffff;
padding:20px;
border-radius:6%;
}