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



/* RokSprocket

 ========================================================================== */



/* Mosaic Overlay Image effect */

img.hover-effect { 

	-webkit-transition: -webkit-transform 0.5s ease;

	-moz-transition: -moz-transform 0.5s ease;

	transition: transform 0.5s ease;

}

img.hover-effect:hover { 

	-webkit-transform: scale(1.5);

	-moz-transform: scale(1.5);

	-o-transform: scale(1.5);

	transform: scale(1.5);

}



/*Rewrite the stupid bootstrap

 ------------------------------------------------*/

[class^="icon-"], [class*=" icon-"] {

    height: auto;

    line-height: 1.7!important;

    width: auto;

}

/* Full Size Image Background

 ========================================================================== */

.uk-cover-background {

    background-position: center top;

}

/* Dark Style Modules

 ========================================================================== */

.dark,

.dark a,

.dark p,

.dark h1,

.dark h2,

.dark h3,

.dark h4,

.dark h5,

.dark h6 {color:#000}



/* Dark Style Modules

 ========================================================================== */

.bright,

.bright a,

.bright p,

.bright h1,

.bright h2,

.bright h3,

.bright h4,

.bright h5,

.bright h6 {color:#fff}



/* Dark Transparent Style

 ========================================================================== */

 .transparency {

	background:rgba(0, 0, 0, 0.7)

}



/* UK Container > No-Space

 ========================================================================== */

.no-space {

    padding: 0 !important;

}

/* UK Container > Space in mobile view

 ========================================================================== */

 .uk-container {

    padding: 0 20px !important;}





/* Toolbar Outer 100%

 ========================================================================== */

.toolbar-outer {

	background-color:#fcac45;

	width:100%;

}

.tm-toolbar {

	margin:0!important;

	padding:10px 0;

	color:#fff;

}

.tm-toolbar a {

	color:#fff;

}

.tm-toolbar ul {

	margin:0!important

}

.tm-toolbar ul li{

	border-color:white !important;

}



.tm-toolbar .uk-subnav > * {

    margin-top: 0;

}

/* Logo 

 ========================================================================== */

a.tm-logo {

	line-height:100% !important;

	height:auto !important;

	padding:0 !important;

}



/* Mobile Logo 

 ========================================================================== */

.tm-logo-small {

    display: inline-block;

	letter-spacing: normal!important;

}



/* Absolute Module Position

 ========================================================================== */

.absolute {

	position: fixed;

	right:10px;

	top:20%;

	z-index:999;

}

.uk-dotnav li a {border:1px solid rgba(255, 255, 255, 0.5)}



/* Mainmenu 

 ========================================================================== */

#menu-outer { 

	z-index: 980;

	position:relative;

}

.uk-navbar-nav > li > a {

	text-transform:uppercase;

	}

.uk-navbar {

	background:none !important

}

/* Sticky Menu

 ========================================================================== */

.uk-sticky-placeholder.uk-active {

	background:#fff;

}



.tm-navbar {

	margin:0!important;

	padding:0!important;

}



/* Joomla System Output 

 ========================================================================== */

.main-outer {

    background: #fff!important;

}



/* Footer 

 ========================================================================== */

.tm-footer {

    background: #000!important;

	margin:0!important;

	padding:20px 0;

	font-size:12px;

	color:#999;

}

.tm-footer a:hover {

	color:#777!important;

}

.tm-footer a {

	color:#fff!important;

}



/*Center the Footer Menu

 ------------------------------------------------*/

.tm-footer .uk-subnav {

    display: inline-flex!important

}

.tm-footer .uk-subnav li a {

    color:#999;

	font-size:12px;

}

.tm-footer .uk-subnav li a:hover {

    color:#444;

	font-size:12px;

}





/* Article Title

 ========================================================================== */

h3.uk-panel-title{

  	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    margin-bottom: 20px;

    padding-bottom: 10px;

	position:relative;

}



h3.uk-panel-title::after{

    bottom: 0;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 30px;

}



/* Module Title

 ========================================================================== */

h1.uk-article-title{

  	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    margin-bottom: 20px;

    margin-top: 20px;

    padding-bottom: 10px;

	position:relative;

}



h1.uk-article-title::after{

    bottom: 0;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 30px;

}





/* Modern Font Face

----------------------------------------------------------------------------------------------------*/

span.ico {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	padding:10%;

	display: block;

	font-family: FontAwesome;

	font-size: 60px;

	height: 100px;

	line-height: 100px;

	margin: 0 auto 12px;

	width: 100px;

	text-align:center;

	transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

}

span.ico:hover {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

}



figure img {

	transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	background-color: rgba(0,0,0,0) 

}

figure img:hover {

	transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	background-color: rgba(0,0,0,0.5) 

}

.uk-overlay-panel {

	background-color: rgba(0,0,0,0.5) 



}

/* Center Title with Border

----------------------------------------------------------------------------------------------------*/

.headline-border h3.uk-panel-title {

    overflow: hidden;

    text-align: center;

	font-size:200%;

	padding:20px 0;

	border:none;

}

.headline-border h3.uk-panel-title:before,

.headline-border h3.uk-panel-title:after {

    background-color: #000;

    content: "";

    display: inline-block;

    height: 1px;

    position: relative;

    vertical-align: middle;

    width: 50%;

}

.headline-border h3.uk-panel-title:before {

    right: 0.5em;

    margin-left: -50%;

}

.headline-border h3.uk-panel-title:after {

    left: 0.5em;

    margin-right: -50%;

}

/* HR Styles

----------------------------------------------------------------------------------------------------*/

/*HR Margin

 ------------------------------------------------*/

.uk-grid-divider:empty {

    margin-bottom: 35px !important;

    margin-top: 35px !important;

}



hr.style1{

	border-top: 1px solid #8c8b8b;

}





hr.style2 {

	border-top: 3px double #8c8b8b;

}



hr.style3 {

	border-top: 1px dashed #8c8b8b;

}



hr.style4 {

	border-top: 1px dotted #8c8b8b;

}



hr.style5 {

	background-color: #fff;

	border-top: 2px dashed #8c8b8b;

}





hr.style6 {

	background-color: #fff;

	border-top: 2px dotted #8c8b8b;

}



hr.style7 {

	border-top: 1px solid #8c8b8b;

	border-bottom: 1px solid #fff;

}





hr.style8 {

	border-top: 1px solid #8c8b8b;

	border-bottom: 1px solid #fff;

}

hr.style8:after {

	content: '';

	display: block;

	margin-top: 2px;

	border-top: 1px solid #8c8b8b;

	border-bottom: 1px solid #fff;

}



hr.style9 {

	border-top: 1px dashed #8c8b8b;

	border-bottom: 1px dashed #fff;

}



hr.style10 {

	border-top: 1px dotted #8c8b8b;

	border-bottom: 1px dotted #fff;

}





hr.style13 {

	height: 10px;

	border: 0;

	box-shadow: 0 10px 10px -10px #8c8b8b inset;

}





hr.style14 { 

  border: 0; 

  height: 1px; 

  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 

}





hr.style15 {

	border-top: 4px double #8c8b8b;

	text-align: center;

}

hr.style15:after {

	content: '\002665';

	display: inline-block;

	position: relative;

	top: -15px;

	padding: 0 10px;

	background: #f0f0f0;

	color: #8c8b8b;

	font-size: 18px;

}



hr.style16 { 

  border-top: 1px dashed #8c8b8b; 

} 

hr.style16:after { 

  content: '\002702'; 

  display: inline-block; 

  position: relative; 

  top: -12px; 

  left: 40px; 

  padding: 0 3px; 

  background: #f0f0f0; 

  color: #8c8b8b; 

  font-size: 18px; 

}





hr.style17 {

	border-top: 1px solid #8c8b8b;

	text-align: center;

}

hr.style17:after {

	content: '§';

	display: inline-block;

	position: relative;

	top: -14px;

	padding: 0 10px;

	background: #f0f0f0;

	color: #8c8b8b;

	font-size: 18px;

	-webkit-transform: rotate(60deg);

	-moz-transform: rotate(60deg);

	transform: rotate(60deg);

}





hr.style18 { 

  height: 30px; 

  border-style: solid; 

  border-color: #8c8b8b; 

  border-width: 1px 0 0 0; 

  border-radius: 20px; 

} 

hr.style18:before { 

  display: block; 

  content: ""; 

  height: 30px; 

  margin-top: -31px; 

  border-style: solid; 

  border-color: #8c8b8b; 

  border-width: 0 0 1px 0; 

  border-radius: 20px; 

}



hr.style-one { 

	border: 0; 

	height: 1px; 

	margin:40px 0;

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 

	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 

	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 

	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));

}



hr.style-two { 

	padding: 0; 

	border: none; 

	border-top: medium double #ededed; 

	color: #ddd;

	text-align: center; 

	margin:40px 0;

} 

hr.style-two:after { 

	content: "v"; 

	display: inline-block; 

	position: relative; 

	top: -0.7em; 

	font-size: 1.5em; 

	padding: 0 0.25em; 

	background: white;

 }

 

hr.style-three {

	padding: 5px 0;

	border:none;

	border-bottom: solid 3px pink;

	font-weight: bold;

	position: relative;

	margin-bottom: 8px;

	width:200px;

	margin:0 auto;

	margin-bottom:50px;

	margin-top:30px;

}



hr.style-three:after {

	content: '';

	border-bottom: solid 3px blue;

	width: 100px;

	position: absolute;

	bottom: -20px;

	left: 0;

	right:0;

	margin:0 auto;

}

/* Image Styles

 ========================================================================== */



.shadow {

	box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);

	border:1px solid #fff;

}

.shadow-img {

	box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);

}

img.effect {

	opacity:0.5;

	transition: all 0.4s ease-in-out 0s;



}

img.effect:hover {

	opacity:1;

}



.tm-totop-scroller {

    background: #555 url("../images/backtotop.png") no-repeat scroll center center;

    border-radius: 100px;

    display: block;

    height: 40px!important;

    text-indent: -9999px;

    transition: all 0.2s linear 0s;

    width: 40px !important;

}

.tm-totop-scroller:hover {

    background: #ccc url("../images/backtotop.png") no-repeat scroll center center;

    border-radius: 100px;

    display: block;

    height: 40px!important;

    text-indent: -9999px;

    transition: all 0.2s linear 0s;

    width: 40px !important;

}