/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
.wk-slideshow-katana .caption {
    bottom: 100px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: 1px 3px 3px #222;
	font-size: 42px;
	line-height: 48px;
	color: #FFF;
	left: 8px;
	font-weight: bold;
}

.reftop {
    vertical-align: top !important;
}

.tm-totop-scroller {
    font-size: 30px;
}

h3 {font-size: 18px !important;}

.uk-article + .uk-article {
    margin-top: 60px;
}

.petroy {
    color: #f99b1d !important;
    text-decoration: none;
    font-weight: bold;
}

.petrog {
    color: #797c83 !important;
    text-decoration: none;
    font-weight: bold;
}

.boehmer {
    color: #006293 !important;
    text-decoration: none;
    font-weight: bold;
}

.dam {
    color: #00872d !important;
    text-decoration: none;
    font-weight: bold;
}

.safec {
    color: #f16521 !important;
    text-decoration: none;
    font-weight: bold;
}

.whte {
    color: #fff !important;
    text-decoration: none;
}

.uk-button-petroy {
    background-color: transparent;
    border-color: #f99b1d;
    color: #f99b1d;
}
.uk-button-petroy:hover, .uk-button-petroy:focus {
    background-color: #f99b1d;
    box-shadow: 0 0 10px 30px #f99b1d inset;
    color: #ffffff;
}
.uk-button-petroy:active, .uk-button-petroy.uk-active {
    background-color: #f99b1d;
    color: #ffffff;
}
.uk-button-boehmer {
    background-color: transparent;
    border-color: #006293;
    color: #006293;
}
.uk-button-boehmer:hover, .uk-button-boehmer:focus {
    background-color: #006293;
    box-shadow: 0 0 10px 30px #006293 inset;
    color: #ffffff;
}
.uk-button-boehmer:active, .uk-button-boehmer.uk-active {
    background-color: #006293;
    color: #ffffff;
}
.uk-button-dam {
    background-color: transparent;
    border-color: #00872d;
    color: #00872d;
}
.uk-button-dam:hover, .uk-button-dam:focus {
    background-color: #00872d;
    box-shadow: 0 0 10px 30px #00872d inset;
    color: #ffffff;
}
.uk-button-dam:active, .uk-button-dam.uk-active {
    background-color: #00872d;
    color: #ffffff;
}
.uk-button-safec {
    background-color: transparent;
    border-color: #f16521;
    color: #f16521;
}
.uk-button-safec:hover, .uk-button-safec:focus {
    background-color: #f16521;
    box-shadow: 0 0 10px 30px #f16521 inset;
    color: #ffffff;
}
.uk-button-safec:active, .uk-button-safec.uk-active {
    background-color: #f16521 !important;
    color: #ffffff;
}
.gm-style .gm-style-iw {
    line-height: 21px;
}

div.srfrContainer ul.srfrList li {
    padding: 0px;
}

#redim-cookiehint {background-color: rgba(188, 188, 188, 0.9);}
#redim-cookiehint .cookiecontent {font-family: 'Open Sans';line-height: 1.5em;text-shadow:1px 1px 1px #201f1f;}
#redim-cookiehint .cookiebuttons .btn {background-color: #006737;font-size: 14px;line-height: 16px;border: 2px solid #006737;}
#redim-cookiehint .cookiebuttons .btn:hover { 
	background-color: #00331B !important;
	color: #ffffff;border: 2px solid #00331B;
}

.tm-toolbar, .uk-clearfix .uk-hidden-small .tm-block-dark { 
	background-color: #006737 !important;
}


@media (max-width: 779px) {
  	.wk-slideshow-katana .caption {
    font-size: 32px;
    line-height: 38px;
    bottom: 120px;
    text-shadow: 1px 1px 2px #222;
	}
	.tm-toolbar, .uk-clearfix .uk-hidden-small .tm-block-dark { 
	display: block !important;
	}
	div.mod-languages ul {
    margin-right: -50px !important;
	}
}