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

html, body {
    height: 100%;
}

.uk-container {
    padding: 0!important;
}
.tm-navbar {
	padding:20px 0;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
}
.uk-breadcrumb {
	border-bottom:1px solid #eee;
	padding-bottom:10px!important;
	margin:30px 0;
}
.tm-toolbar {
	padding:0 0 20px 0;
	border-bottom:1px solid #eee;
	margin-top:0!important;
}
.tm-toolbar .uk-subnav {
	padding-top:10px;
}
.footer-module {
	margin-top:20px;
	margin-bottom:20px;
}
img.tm-image-pull {
	float:left;
	margin:0 30px 5px 0;
	-moz-box-shadow: 5px 5px #ddd;
	-webkit-box-shadow: 5px 5px #ddd;
	box-shadow: 5px 5px #ddd;
}
img.screenshots {
	float:left;
	margin:20px 10px 5px 0;
	border:1px solid #ccc;
	padding:10px;
}

.uk-dropdown-navbar{
	border:1px solid #eee;
}
.shadow-img {
	box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);

}
/* Logo for mobile view */
.tm-logo-small {
    display: inline-block;
}
/* Mosaic Overlay Image effect */

img.sprocket-mosaic-image { 
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
}
img.sprocket-mosaic-image:hover { 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

/* Bottom D Form */
.contact-form .text-input {
border: none;
padding: 10px 15px;
background: #111;
color: white;
font-size: 100%;
font-family: "Open Sans", Helvetica, sans-serif;
outline: none;
margin: 10px 0px;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
width:100%;
}

.contact-form textarea {
background: #111;
resize: none;
padding: 15px;
height: 140px;
width: 100%;
margin: 10px 0px;
color: white;
font-family: "Open Sans", Helvetica, sans-serif;
font-size: 100%;
border: none;
outline: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.contact-form input:focus, .contact-form textarea:focus{
background: rgb(0, 0, 0);
}

.contact-form .send{
border: none;
background-color: rgb(54, 54, 54);
color: white;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 105%;
padding: 10px 20px;
width: 140px;
height: 50px;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 10px 0px;
cursor:pointer;
-webkit-font-smoothing: antialiased;
}

.contact-form .send:hover {
background-color: rgb(36, 36, 36);
}

.contact-form label {
color: white;
-webkit-font-smoothing: antialiased;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 105%;
margin-top: 20px;
display: block;
}

span.required{
color:red;	
}