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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 .uk-navbar-nav {
	 float: right;
 }
 a:hover {text-decoration: none}
 .pinned {
	position:fixed; top:0px;
	margin-left: auto;
    margin-right: auto;
	width: 100%;
    padding: 0 35px;
    z-index: 9999;
    background: white;
 }
 .pinned .tm-headerbar{
	margin-bottom: 0px;
	margin-top: 0px;
 }
 .pinned .tm-navbar {
	 margin-top: -40px;
	 margin-bottom: 0px;
 }
 
 #logosm {display: none;}
 .pinned #logosm {display: block; padding-top: 7px}
 .pinned #logobig {display: none;}
 
  .pinned .uk-navbar-nav > li > a {
	 color: black;
 } 
  .pinned .uk-navbar-nav > li > a.active {
	 color: #e74c3c;
 } 
.pinned .uk-navbar-nav > li:hover > a.active, .pinned .uk-navbar-nav > li > a:focus.active, .pinned .uk-navbar-nav > li.uk-open > a.active {color: #e74c3c;}
 
 .pinned .uk-navbar-nav > li:hover > a, .pinned .uk-navbar-nav > li > a:focus, .pinned .uk-navbar-nav > li.uk-open > a {
	 color: black;
 }
 .pinned .uk-navbar-nav>li:hover>a, .pinned .uk-navbar-nav>li>a:focus, .pinned .uk-navbar-nav>li.uk-open>a {
	 background: none;
 }
 
 .active {color: }
 
 #topa {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top:0px;
 	z-index: -1;
 }
 
 #topa .widget_text{
	 margin-top: 0px;
	 margin-bottom: 0px;
 }
 
 #topa [class*='uk-align-'] {
	 margin-bottom: 0px;
}

 #topb {
	 width: 80%;
	 position: absolute;
	 left: 10%;
	 padding-top: 5%;
 }

 #arrowdown {
	 background: url('../images/arrowdown-bg.png') no-repeat left bottom;
	 background-size: 100%;
	 position: absolute;
	 bottom:0px;
	 width: 100%;
	 height: 8vw;
 }
 
 #arrowdown img {
	position: absolute;
    bottom: -37px;
    left: calc(50% - 37px);
 }
 
 .tm-navbar {
	 margin-top: -85px;
 }
 
 .uk-navbar-nav > li > a {
	 text-transform: uppercase;
	 color: white;
	 font-size: 14px;
	 letter-spacing: 1px;
	 font-weight: 200;
 }
 
 .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
	 color: white;
 }
 
 #main {
	 position: absolute;
	 top: calc(100% + 37px);
	 width: 100%;
	
 }
 
 .white {
	 color: white;
 }
 .grey {
	 color: #999999;
 }
 .red {
	 color: #e74c3c;
 }
 .sixty {
	 width: 60%;
	 margin: 0px auto;
 }
 .center {
	 text-align: center;
	 hyphens: none;
 }
 .left {
	 text-align: left;
 }
 .f20 {
	 font-size: 18px;
	 line-height: 26px;
 }
 .f16 {
	 font-size: 14px;
	 line-height: 20px;
 }
 .shadow {
	 text-shadow: 0px 0px 7px black;
 }
 .lspace {
	 letter-spacing: 1px; 
 }
 .w200 {
	 font-weight: 200;
 }
 .p60 {
	 padding-top: 60px;
 }
 
 .ptb {
	 padding-bottom: 50px;
	 padding-top: 50px;
 }
 
.uk-button {
	background: #e74c3c;
	color: white;
	margin-top: 50px;
	padding: 10px 40px;
	box-shadow: 2px 2px 7px black;
}
a .uk-button:hover, .uk-button:hover{background: #e74c3c; text-decoration: none;}
a .uk-button {color: white; text-decoration: none;}
.uk-slidenav.uk-slidenav-previous,  
.uk-slidenav.uk-slidenav-next {  
    display: block;  
	z-index: 1;
}

.home .uk-article-title {
	display: none;
}

#products-services {
	background: #000 url('../images/productsservices-bg.jpg') no-repeat 0 0;
	background-size: 100%;
}
#products-services ul {
	padding-left: 0px;
}
#products-services li {
list-style: none;
}
#products-services li:before {
content: "• ";
color: #e74c3c;
}
#brands, #contact {
	background: #f4f5f9;
}
#footer {
	background: black;
	padding: 40px 0px;
}
.wompnpad {
	background: white;
	padding: 40px;
	margin: 20px;
	height: 450px;
	box-shadow:2px 2px 7px #bebebe;
}
.gform_wrapper .top_label .gfield_label {display:none;}
.padlower {padding-top: 20px;}
.ctitle {color: #e74e3e; padding-bottom: 20px; padding-top: 30px; font-size: 20px; letter-spacing: 1px;}

.gform_wrapper {margin: 0px;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {border: 0px; border-bottom: 1px solid #999; width: 98.5%; height: 40px}
.gform_wrapper textarea.medium {border: 0px; border-bottom: 1px solid #999;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	background: #e74c3c;
	color: white;
	margin-top: 20px;
	padding: 10px 40px;
	border: 0px;
	box-shadow: 2px 2px 7px grey;}
#p20l{padding-left: 20px;}
#p20r{padding-right: 20px;}
figure.uk-overlay{width: 100%}
figure img{width: 100%; }

.home .uk-navbar-toggle{
	display: none;
}

@media (max-width:767px){
	.tm-navbar {
	 margin-top: 0px;
 }
 	.padtop {padding-top: 20px;}
 	.uk-slidenav.uk-slidenav-previous,  
 	.uk-slidenav.uk-slidenav-next {  
    display: none;  
	z-index: 1;
}
	#topb {width: 100%; left: 0px}
	.sixty {width: 100%;}
 .f20 {
	 font-size: 14px;
	 line-height: 16px;
 }
}