@charset "utf-8";
/* CSS Document */

.hidden {
	opacity: 0;
}
.toplinks {
	background:#EBEBE9;
	box-shadow: inset 0px -6px 7px -5px rgba(0, 0, 0, 0.10);
	text-align:right;
}
.toplinks a {
	padding: 0 23px;
	border-left: 1px solid #A79574;
	font: 400 0.813em/110% Verdana, "Lucida Grande", "Lucida Sans", "sans-serif";
	color: #5F161E;
	text-decoration: none;
}
.toplinks .fa-mobile {
	font-size:1.615em;
	float:left;
	padding-right: 10px;
}
.toplinks .fa-envelope-o, .toplinks .fa-globe {
	font-size:1.231em;
	float:left;
	padding-right: 10px;
}
.toplinks .fa-angle-down {
	margin-left:10px;
	margin-top:2px;
}
.navi {
	right: 55px;
	position: relative;
}
.navi ul li a {
	padding: 40px 20px;
	color: #7A6B4E;
	font: 400 0.9375rem/110% "Lato", Arial, sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing: 0.06em;
	transition: color 0.8s;
}
.small .navi ul li a {
	padding: 22px 30px;
}
.navi ul li:hover > a {
	color: #72000B;
}
.navi ul li.current_link > a, .navi ul li.current_path > a {
	color: #72000B;
	background: #f0f0f0;
}
.menu_btn {
	width: 60px;
	height: 60px;
	float: right;
	padding: 6px 0 0 0;
	font: 400 0.9375rem/110% "Lato", Arial, sans-serif;
	color: #574C46;
	line-height: 50px;
	cursor: pointer;
	display: none;
	box-sizing:border-box;
}
a.head_anfrage {
	padding: 40px 40px 35px 50px;
	color: #ECE6DE;
	background: #73020C url(../img/icons/b_anfrage_nav.svg) no-repeat bottom -5px right;
	font: 400 1.25rem/110% "Lato", Arial, sans-serif;
	text-decoration: none;
	transition: background 0.8s;
	text-transform: none;
}
.small a.head_anfrage {
	padding: 21px 50px 16px 50px;
}
a.head_anfrage:hover {
	background-color: #4E0109;
}
.anf_button {
	padding: 20px 24px 17px;
	font: 400 1.188rem/110% 'Lato', Arial, sans-serif;
	text-decoration: none;
	color: #ECE6DE;
}
.anfrage .input span {
	color: rgba(78, 70, 63, 0.5);
}
.anfrage a.af_link {
	width:100%;
	float:left;
	padding: 12px 16px;
	box-sizing: border-box;
	background: #4E0109;
	color: #EBE7E0;
	font: 400 1.063rem/120% 'Lato', Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	transition: background 0.8s;
}
.anfrage a.af_link:hover {
	background: #4e0109;
}
.footer_c_inner {
	background: url(../img/bgs/bg_kachel.jpg) repeat;
}
/* map */
.map {
	height: 400px;
	width: 100%;
	float: left;
	margin-top: 120px;
}
.mapbutton {
	height: 52px;
	position: relative;
	background: transparent;
	bottom: -470px;
	float: left;
	left: -50%;
}
.mapbutton a {
	background-color: #73020c;
	color: #ebe7e0;
	font: 400 1.125rem/120% "Lato", Arial, sans-serif;
	left: 50%;
	padding: 15px 30px;
	position: absolute;
	text-decoration: none;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.5s ease 0s;
	min-width: 120px;
	text-align: center;
}
.mapbutton a:hover {
	background-color: #4e0109;
}
.footer {
	color: #705F59;
	font: 400 1rem/160% 'Lato', Arial, sans-serif;
}
.footer h3 {
	font: 400 1.875rem/140% 'Lato', Arial, sans-serif;
	text-transform: uppercase;
	color: #66010B;
}
.footer a {
	color: #66000B;
}
.footer a:hover {
	text-decoration: none;
}
.footer a.tel_link {
	color: #705F59;
	text-decoration: none;
}
.footer span {
	margin-right:10px;
}
.footer .fa-phone {
	font-size:1.25rem;
	color: #705F5A;
}
.footer_boxes a.f_box {
	background: #423E3C;
	color: #fff;
	text-decoration: none;
	font-size:0.875em;
	text-transform: uppercase;
	transition: transform 0.7s;
}
.footer_boxes a.f_box:nth-of-type(2) img {
 animation-delay: 0.5s;
}
.footer_boxes a.f_box:nth-of-type(3) img {
 animation-delay: 1s;
}
.footer_boxes a.f_box:nth-of-type(3) {
 background: #9F8B66;
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.footer_boxes a.f_box:hover {
	transform: scale(1.1);
}
@keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInUp {
	animation-name: fadeInUp;
}
.impressum {
	font: 400 0.8125rem/120% 'PT Sans', Arial, sans-serif;
	color: #705F5A;
	text-align: right;
}
.impressum a {
	color: #705F5A;
	text-decoration: none;
	margin-left: 10px;
}
.impressum a img {
	padding-left: 7px;
	margin-bottom: -3px;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
}
* {
	outline: none;
}
a img {
	border: 0px solid;
}
a.art_anchor {
	position: absolute;
	top: -60px;
	left: 0;
	opacity:0;
}
p {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.content p {
	float: none;
}
body .ui-widget {
	font-size: 11px;
}
.sc_only {
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.page_c {
	width: 100%;
	min-width: 850px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 1000px) {
 .page_c {
 min-width: 320px;
}
 body .ui-widget {
font-size: 14px;
}
}
@media only screen and (max-width: 650px) {
 body .ui-widget {
font-size: 16px;
}
}
.offscreen {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
*:focus {
	outline: 2px dotted #4F4A47;
}
/* Access map */
.as_map_c {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.as_map {
    background-color: #ffffff;
    display: table;
    height: 28px;
    margin: -250px auto 0;
    padding: 3px 25px 14px 10px;
    table-layout: fixed;
    -webkit-transition: margin-top 400ms ease 0s;
    transition: margin-top 400ms ease 0s;
}
.as_map_i {
    margin: 0 auto;
    overflow: hidden;
}
.as_map.opened {
    margin-top: 0;
}
.as_map ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.as_map ul li {
    float: left;
    margin: 15px 10px;
}
.as_map ul li > * {
    background-color: #d7cfcc;
    color: #231f1d;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 15px;
    text-decoration: none;
}
.as_map ul li > *:focus {
    background-color: #ffffff;
    outline: 1px dotted #231f1d;
}
/* Head */
.head_c {
	width: 100%;
	position: relative;
	float:left;
}
.toplinks {
	width: 100%;
	position: relative;
	float:left;
	display: flex;
	justify-content: flex-end;
	padding:13px 0;
	z-index:11;
	background: url(../img/bgs/bg_kachel.jpg) repeat;
}
.toplinks a {
	display: flex;
	align-items: center;
	transition:color 0.7s;
}
.toplinks a:hover {
}
.lang {
	position: relative;
	text-align:center;
	display:flex;
	width:102px;
	transition: width 0.8s;
}
.lang .lang_i {
	height:20px;
	overflow:hidden;
	position: absolute;
	right:-300px;
	top: 25px;
	transition: right 0.8s;
	background: #EBEBE9;
	border: 3px solid #e6e2d9;
}
.lang .lang_i a, .lang.opened .lang_i a {
	display: inherit;
	color: #000;
	padding:0;
	border-left:none;
}
.lang.opened {
}
.lang.opened .lang_i {
	right: 15px;
}
.lang a .fa-angle-down {
	transition: transform 0.8s;
}
.lang.opened a .fa-angle-down {
	transform: rotate(-180deg);
}
.headtop_c {
	width:100%;
	position: relative;
	float:left;
	background: #fff;
	z-index:10;
}
.headtop {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.logo {
	position: absolute;
	width:251px;
	height: 89px;
	left: 90px;
	top: 30px;
}
.logo img {
	width:100%;
	height:auto;
}
.logo a {
	display: block;
	padding: 0;
	border: none;
}
.small .logo {
	height: 50px;
	top: 5px;
	width: 130px;
}
.navi ul {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0;
	list-style: none;
	padding: 0;
}
.navi ul li {
	position: relative;
	text-align: center;
}
.navi ul li a {
	float:left;
}
.navi ul li .mdown {
	width: 280px;
	opacity: 0;
	position: absolute;
	top: -500px;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
	background: #F5F5F4;
	transition: opacity 0.7s ease;
	padding: 15px 0;
	box-shadow:inset 0px 6px 7px -5px rgba(0, 0, 0, 0.10);
}
.navi ul li:hover .mdown,
.navi ul li.opened .mdown {
	opacity:1;
	top: 97px;
}
.headtop_c.small .navi ul li:hover .mdown,
.headtop_c.small .navi ul li.opened .mdown {
	top: 61px;
}
.navi ul li .mdown ul {
	display:block;
}
.navi ul li .mdown ul li {
	padding-left:20px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.navi ul li .mdown ul li a {
	padding: 10px 30px;
	text-transform: none;
	font-size: 0.875em;
}
.navi ul li .mdown ul li:before {
	content: '⬛';
	position: absolute;
	left: 30px;
	top: 11px;
	color: #8F7E59;
	font-size: 0.5em;
}
.headtop_c.small.visible {
	opacity: 1;
	z-index: 25;
}
.headtop_c.small {
	z-index: 0;
	position: fixed;
	padding: 0;
	opacity: 0;
	transition: opacity 0.4s;
	top:0;
}
.menu_btn .mmbico {
	width: 32px;
	height: 32px;
	float: left;
	margin: 12px -33px 0 -40px;
	position: relative;
	z-index: 1;
}
.menu_btn.closed .mmbico {
	margin: 15px -33px 0 -40px;
}
.menu_btn.closed .mmbico > * {
	background-color: #4F4A47;
}
.menu_btn .mmbico > * {
	width: 20px;
	height: 4px;
	float: left;
	opacity: 1;
	transition-duration: 500ms;
	backface-visibility: hidden;
	background-color: #4F4A47;
}
.menu_btn .one {
	margin: 0 0 0 3px;
	transform: rotate(45deg) translate(7px, 10px);
}
.menu_btn .two {
	opacity: 0;
}
.menu_btn .three {
	margin: 0 0 0 3px;
	transform: rotate(-45deg) translate(-5px, 1px);
}
.menu_btn.closed .mmbico > * {
	height: 3px;
	margin: 0;
}
.menu_btn.closed .mmbico > div {
	margin: 3px 0 0 0;
	transform: rotate(0deg) translate(0, 0);
	opacity: 1;
}
.menu_slide_c {
	width: 320px;
	float: left;
	position: absolute;
	top: 95px;
	right: 0;
	z-index: 30;
	height:auto;
	pointer-events: auto;
	transform-style: preserve-3d;
	transition: all 0.3s ease 0s;
	display:none;
	background:#F5F5F4;
	color: #333333;
	font: 400 0.875rem/110% "Lato", Arial, sans-serif;
	overflow:hidden;
}
.menu_slide_c.closed {
	right:-320px;
}
.menusl .menuslbox {
	width: 100%;
	position: absolute;
	top: 0px;
	left: -100%;
	z-index: 2;
}
.menusl .menuslbox.current {
	left: 0%;
}
.menusl .menuslbox ul {
	list-style:none;
	float:left;
	width:100%;
	box-sizing:border-box;
	padding: 40px;
	margin: 0;
}
.menusl .menuslbox ul li {
	width: 100%;
	float:left;
	margin: 0;
	padding: 16px 0;
	box-sizing: border-box;
	position: relative;
}
.menusl .menuslbox ul li.sub_links:after {
	position: absolute;
	right:0;
	content:'\f105';
	color:#594B33;
	font-family:FontAwesome;
}
.menusl .menuslbox ul li a {
	color: #333339;
	text-decoration:none;
	float:left;
	width:100%;
	text-transform: uppercase;
}
.menusl .menuslbox ul li:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	border-bottom: 1px solid rgba(190, 186, 184, 0.3);
	content: '';
}
.menusl .menuslbox ul li.current_link a {
	color: #72000b;
}
.menusl .menuslbox ul li:last-child:before {
	background:none;
}
.menusl .menuslbox ul.submenu li {
	padding: 10px 0 10px 25px;
}
.menusl .menuslbox ul.submenu li a {
	text-transform: none;
}
.menusl .menuslbox ul.submenu li:before {
	display:none;
}
.menusl .menuslbox ul.submenu li.back_link {
	padding-left:15px;
	text-align: right;
	padding: 12px 0;
}
.menusl .menuslbox ul.submenu li.back_link:after {
	position: absolute;
	left:0;
	content:'\f104';
	color:#5A4B34;
	font-family:FontAwesome;
	font-size: 1em;
	background:none;
	top: 11px;
}
.menusl .menuslbox ul.submenu li.mm_parent {
	padding: 12px 0;
}
.menusl .menuslbox ul.submenu li.mm_parent a {
	text-transform: uppercase;
}
.menusl .menuslbox ul.submenu li:after {
	content: '';
	position: absolute;
	left: 3px;
	top: 16px;
	background: #8F7E59;
	font-size: 0.5em;
	width:4px;
	height:4px;
}
.menusl .menuslbox ul.submenu li.mm_parent:after {
	display:none;
	opacity: 0;
}
.menusl .menuslbox ul.submenu li.back_link:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	border-bottom: 1px solid rgba(190, 186, 184, 0.3);
	content: '';
	display:block;
	background:none;
}
/*Head Image*/
.header_image_c {
	position: relative;
	z-index: 1;
	float:left;
	width:100%;
	padding-bottom: 43%;
}
.header_image_c img#headImageImg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}
.header_image_c .header_image {
	position: relative;
}
.header_image img {
	width: 100%;
}
.header_image img.current {
	z-index: 5;
}
.head_container_c {
	position: absolute;
	right:0;
	bottom:0;
	z-index:10;
	display: flex;
	justify-content: center;
	width: 100%;
}
.head_container {
	max-width:1560px;
	width:100%;
	justify-content: flex-end;
	display: flex;
	margin: 0 auto;
}
.c_anfrage {
	position: relative;
	background: #73020C url(../img/icons/b-anfrage.svg) no-repeat top left;
	width: 300px;
}
.anfrage {
	max-height: 0;
	overflow:hidden;
	transition: max-height 1s;
	width:100%;
}
.c_anfrage.opened .anfrage {
	max-height:400px;
}
.anf_button {
	float:left;
	width:100%;
	box-sizing: border-box;
}
.anf_button span {
	float:right;
	line-height:120%;
	transition: transform 0.7s;
}
.anf_button img {
	float:left;
	margin-right:20px;
	margin-top:3px;
}
.c_anfrage.opened .anf_button span {
	transform:rotate(-180deg);
}
.anfrage form {
	float:left;
	width:100%;
	box-sizing: border-box;
	padding: 0 20px 20px 20px;
}
.anfrage .input {
	width: 50%;
	float:left;
	background: #fff;
	padding: 12px 16px;
	position: relative;
	box-sizing: border-box;
	border-right:1px solid #49423E;
	border-bottom:1px solid #49423E;
}
.anfrage .input input {
	float: left;
	width: 100%;
	background: none;
	border: none;
	position: relative;
	z-index: 10;
	cursor: pointer;
}
.anfrage .input span {
	position:absolute;
	right: 16px;
}
 @media(max-width:2020px) {
 .header_image img {
 width: 2000px;
}
}
/* Mobile menu */
.mobile_menu_btn {
	display: none;
}
/* Main */
.main_c {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 4;
	background: #fff;
	float:left;
}
.main {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
/* Footer */
.footer_c {
	width: 100%;
	float:left;
	position: relative;
	z-index:5;
}
.footer {
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 100px 50px 50px 50px;
	position: relative;
	background: url(../img/icons/blumen.svg) no-repeat right 50px bottom 180px / 261px 161px;
}
.footer_boxes {
	position: absolute;
	right:0;
	bottom:50px;
}
.footer_boxes a.f_box {
	width:120px;
	height:130px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	box-sizing:border-box;
	float:left;
	margin-left:10px;
	padding: 34px 25px 16px;
}
.na_o_c {
	width:100%;
	z-index:20;
	position: relative;
	float:left;
}
.na_o {
	text-align:center;
	transition: opacity 0.5s;
	position: relative;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.na_o #na_o {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	background: #816D69;
	margin-right: 0;
	right:0;
	bottom:-45px;
	position: absolute;
	box-sizing: border-box;
	width: 60px;
	height:60px;
	cursor: pointer;
}
.na_o #na_o:before {
	content: '\f106';
	font-family: FontAwesome;
	font-size:2.813em;
	color: #D5CDBF;
}
.na_o.invisible {
	opacity:0;
}
.impressum {
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 0 66px 0;
	position: relative;
}
.logos_c {
	width: 100%;
	float:left;
	position: relative;
	z-index:10;
	background: #fff;
}
.logos {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 20px 40px 15px;
	box-sizing: border-box;
	align-items: center;
}
.logos a img {
	filter: saturate(0);
	margin-right:60px;
	opacity: 0.89;
	transition: all 0.85s;
}
.logos a img:hover {
	filter: saturate(1);
	opacity: 1;
}
.logos a.footer_logo_1 img {
	width: 90px;
	height: 34px;
}
.logos a.footer_logo_2 img {
	width: 90px;
	height: 30px;
}
.logos a.footer_logo_3 img {
	width: 95px;
	height: 20px;
}
.logos a.footer_logo_4 img {
	width: 70px;
	height: 70px;
}
/*GOOGLE MAPS*/
#maprahmen {
	border: none;
	width: 100%;
}
#karte {
	width: 100%;
	height: 550px;
}
#input-hintergrund {
	padding: 12px;
	background:#ECECEC;
}
#inputaddress {
	background-color: #fff;
	border: 0 none;
	float: left;
	height: 20px;
	margin: 0 12px 0 0;
	padding: 12px;
	max-width: 400px;
	width: 100%;
	color:#001C36;
}
#mapsButton1 {
	padding: 13px 25px;
	transition: all 500ms;
	color: #fff;
	text-decoration: none;
	font: 400 1em/110% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #968057;
	border:none;
	cursor:pointer;
}
@media(max-width:1450px) {
 .navi {
 right: 10px;
}
 .logo {
 display: none;
}
}
@media(max-width:1230px) {
 .navi ul li a {
 padding: 30px 17px;
}
 .navi ul li:hover .mdown, .navi ul li.show .mdown {
opacity:1;
top: 77px;
}
 .logo {
 width: 172px;
 left: 25px;
 top: 35px;
}
 a.head_anfrage {
 padding: 28px 30px 16px 30px;
}
 .footer {
 background: url(../img/icons/blumen.svg) no-repeat right 100px bottom 180px / 261px 161px;
}
 .footer_boxes {
 right:50px;
}
 .impressum {
 padding: 0 50px 66px 50px;
}
 .na_o #na_o {
 right:50px;
}
}
@media(max-width:1024px) {
 .logo {
 width: 159px;
 left: 25px;
 top: 25px;
 display: block;
}
 .menu_btn, .menu_slide_c {
 display:block;
}
 .as_map_c, .headtop_c.small.visible, .headtop .navi, a.head_anfrage {
 display: none !important;
}
 .toplinks {
 padding: 7px 0;
}
 .toplinks .fa-envelope-o {
 padding-right:0;
}
 .toplinks span.mail {
 display:none;
}
 .na_o_c {
 width: 100%;
 z-index: 100;
 position: fixed;
 float: left;
 bottom: 0;
 left: 0;
}
 .na_o #na_o {
 position: fixed;
 right:15px;
 bottom:15px;
}
 .footer_c_inner {
 overflow: hidden;
}
 .footer {
 padding: 35px 25px;
 background: url("../img/icons/blumen.svg") no-repeat scroll right 50px bottom 120px / 200px auto;
}
 .logos {
 padding:10px 25px;
}
 .logos a img {
 padding: 10px 0;
}
 .footer_boxes {
 right:25px;
}
 .footer_boxes a.f_box {
 width: 100px;
 height: 110px;
 padding: 25px 25px 16px;
}
 .impressum {
 padding: 0px 25px 35px 25px;
}
}
@media(max-width:650px) {
 .logo {
 left:0;
 width: 172px;
}
 .toplinks a {
 padding: 0 18px;
}
 .toplinks a:first-of-type {
border:none;
}
 .toplinks .lang a:first-of-type {
border-left: 1px solid #BEBAB8;
}
 .toplinks span.tel {
 display:none;
}
 .toplinks .fa-mobile {
 padding-right:0;
}
 .toplinks .fa-globe {
 display:none;
}
 .lang,  .lang.opened {
 width:auto;
}
 .lang .lang_i {
 position: absolute;
 top: 28px;
}
 .lang.opened .lang_i {
}
 .toplinks .fa-angle-right {
 margin-left: 7px;
 margin-top: 3px;
 transform: rotate(90deg);
}
 .lang.opened a .fa-angle-right {
 transform: rotate(270deg);
}
 .header_image_c {
 padding-bottom:0;
}
 .header_image_c img#headImageImg {
 position: relative;
 float:left;
}
 .head_container_c {
 position: relative;
 width:100%;
}
 .c_anfrage {
 width:100%;
}
 .c_anfrage .anf_button span {
 transform:rotate(-180deg);
}
 .c_anfrage.opened .anf_button span {
 transform: none;
}
 .footer {
 float:left;
 padding: 25px 15px;
 background: none;
 text-align: center;
}
 .footer_boxes {
 position: relative;
 float: left;
 width: 100%;
 right:0;
 display: flex;
 justify-content: center;
 bottom:0;
 padding-top: 40px;
}
 .footer_boxes a.f_box {
 margin: 0 3px;
 width: 95px;
 height: 105px;
}
 .impressum {
 float: left;
 padding: 20px 0;
 text-align: center;
}
 .footer h3 {
 font-size:1.5em;
}
 .logos {
 justify-content: center;
}
 .logos a img {
 padding: 10px;
 margin: 0;
}
 .na_o #na_o {
 width: 48px;
 height: 48px;
}
 .na_o #na_o:before {
 font-size: 1.9em;
}
}
.h_badge {
	top: 180px;
	left: 50%;
	margin-left: -775px;
	position: absolute;
	z-index:10;
	transition: transform ease 0.5s;
	-webkit-transition: transform ease 0.5s;
}
.h_badge:hover, .h_badge:focus {
    transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
}
.h_badge img {
	width: 230px;
	height: 230px;
}
@media (max-width: 1570px) {
.h_badge {
 left: 20px;
 margin-left: 0;
}
}
@media (max-width: 1025px) {
.h_badge {
 top: 110px;
 left: 20px;
}
}
@media (max-width: 1025px) {
.h_badge img {
 width: 130px;
 height: 130px;
}
}
@media (max-width: 590px) {
.h_badge {
 display: none;
}
}