body,html{
 height:100%;
}

a {
    color: #99da9b;
    outline: none !important;
}

a:hover {
    color: #00a204;
    text-decoration: none;
}

img {
	max-width: 100%;
}
.width5 {
    width:4% !important;
}
.searchspan {
 font-weight: 500;margin-right:3.8%;
}
.wrap{
 min-height:100%;
}

.main-color {
    background-color: #4d4b4c;
}

.no-margin {
    margin: 0;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-15 {
    margin-top: 15px;
}



.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-border-radius {
    border-radius: 0px;
}

.nav-main {
    background-color: #fff;
    border-bottom: 3px solid #eee;
}

.nav-main h5 {
    font-size: 16px;
    color: #5b5b5b;
    margin: 0px;
}

.nav-main img {
    padding: 15px 0 8px;
}

.nav-main li {
    margin-left: 20px;
}

.navbar img {
    opacity: 0.4;
    padding-top: 15px;
}

.navbar-brand {
    line-height: 112px;
    padding: 0 0 0 30px;
}

.navbar-brand img {
    opacity: 1;

    padding: 0px;
}

.navbar li {
    text-align: center;
}

.navbar a {
    text-transform: uppercase;
}

.nav-top > li > a, .nav-top > li > span {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
}

.nav-top  > li > a:hover, .footer a:hover  {
    color: #99da9b;
}

.nav-top .nav-color-menu {
    color: #99da9b !important;
}

.menu-meeting-room {
	color: #99da9b !important;
}

.menu-meeting-room:hover, .menu-meeting-room.nav-color-menu {
	color: rgb(0,162,4) !important;
}

.navbar-nav > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
    letter-spacing: 1px;
}

.navbar {
    min-height: 34px;
}

.carousel-inner > .item > img {
    width: 100%;
}

#detail-titel h1{
    margin: 40px 0px;
}

#detail-teaser {
    background-color: #ebebeb;
}

#suche-titel {
	 background-color: #f6f6f6;
}

#suche-input .text-center p, #content-titel .text-center p {
    color: #6B6B6B;
	width: 60%;
    line-height: 1.5;
	margin: 16px auto 0;
}

#content-titel ul {
    color: #6B6B6B;
	width: 40%;
    line-height: 1.5;
	margin: 16px auto 0;
	text-align:left;
}

#suche-input {
    padding: 10px 0px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #eee;
}

#suche-input h1 {
    margin-top: 25px;
}

#suche-input label {
    display: block;
    text-align: right;
}

#suche-input input {
    width: 100%;
	border: 1px solid #cccccc;
	padding: 4px;

}

#suche-input input.width-45 {
    width: 45%;
}

#suche-input input.width-50 {
    width: 50%;
}

#suche-input label.width-50 {
    width: 50%;
}

#suche-input .inline {
    display: inline-block;
    width: 45%;
}

#suche-resultat {
    margin: 50px auto 0px;
}

#suche-resultat > div {
    margin-bottom: 20px;
}

.hr-green {
    border-top: 2px solid #0f0;
    margin: 15px 0px;
}

#detail-desc {
    margin-top: 20px;
}

#detail-desc h4 {
    margin-bottom: 20px;
}

#detail-desc input {
    width: 100%;
    border: 1px solid #ebebeb;
    height: 27px;
}

#detail-desc textarea {
    width: 100%;
    border: 1px solid #ebebeb;
}

#detail-desc label, #detail-desc strong {
    font-weight: 400;
    color: #6B6B6B;
}

input[type=checkbox].css-checkbox {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:25px;
height:11px;
display:inline-block;
line-height:11px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
margin-top:0px;
margin-left:15px;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -11px;
}

label.css-label.detail {
	margin-left: 0px !important;
}

#POIexplorer > ul > li {
	line-height: 22px;
}

.css-label{ background-image:url("/static/img/icon/explore-checkbox.aff8acb00e2b.png"); }


.content-titel h1 {
    margin-top: 42px;
    font-size: 37px;
}

.content-titel p {
    color: #6B6B6B;
    line-height: 1.5;
	margin: 19px auto 0;
	width: 60%;
}

.content-titel > div > div, #suche-titel > div > div {
    margin: 40px 0px;
}

#content-slider-left h1 {
    padding-top: 60px;
    padding-bottom: 20px;
    color: #fff;
}

#content-slider-right h1 {
    padding-top: 109px;
    padding-bottom: 20px;
    color: #6B6B6B;
}

#content-slider-left p {
    color: #fff;
	padding: 0px 40px 100px;
	margin-bottom:0;
}

#content-slider-right p {
    color: #6B6B6B;
	padding: 0px 40px 100px;
	margin-bottom:0;
}

#content-slider-left {
    background: #99da9b;
}

#content-slider-right {
    background: #fff;
}

.carousel-indicators-left {
    margin-left: -25%;
    width: 50%;
}

.carousel-indicators-right {
    margin-left: 25%;
    width: 50%;
    left: 0%;
}

.carousel-indicators-clean-white-green {
    bottom: -65px;
}

/*
#mapcontainer>img, .zoomtools {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
*/

#mapcontainer, #img-teaser {
    width: auto;
    height: 475px;
}

#detail-teaser #mapcontainer {
     width: auto;
     height: 430px;
 }

 .tooltip_title {
     display:none;
 }

.width-65 {
     margin: 0 auto;
     min-height: 75px;
     width: 65%;
}


#aktuelle-angebote h1 {
    margin-bottom: 40px;
}


#gallery-container, #tour-container {
	height: 475px;
}

.carousel-indicators-left li, .carousel-indicators-right li, .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0px 10px;
    margin-bottom: 10px;
    border: none;
}

/* outer */
.outer {
    width: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    background: rgba(255,255,255,0.1);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    margin-top: 20px;
    padding: 10px;
}

/* inner */
.carousel-indicators .active {
    background-color: rgba(255,255,255,0.5);
    height: 40px;
    width: 40px;
    border-radius: 20px;
    border: none;
}

.carousel-indicators .active > div {
    display: block !important;
}


.carousel-indicators-clean-white .active {
    background-color: rgba(255,255,255,0.5);
}

.carousel-indicators-clean-green .active {
    background-color: rgba(194, 233, 195,0.5);
}

.carousel-indicators-clean-green li {
    background-color: rgb(194, 233, 195);
}


.carousel-indicators-clean-white-green li {
    background-color: #fff;
}

.carousel-active-dot {
    width: 20px;
    height: 20px;
    background: #00a204;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 10px;
    display: none;
}

.carousel-active-dot-white {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 10px;
    display: none;
}

@media (max-width: 767px) {

	.carousel-indicators-left li, .carousel-indicators-right li, .carousel-indicators li {
	    width: 10px;
	    height: 10px;
	    margin: 0px 5px;
	    margin-bottom: 5px;
	}

	.carousel-indicators .active {
	    height: 20px;
	    width: 20px;
	}

	.carousel-active-dot, .carousel-active-dot-white {
	    width: 10px;
	    height: 10px;
	    margin-left: 5px;
	    margin-top: 5px;
	    display: none;
	}

    .navbar-brand {
        line-height: 50px;
        padding: 0 0 0 0px;
    }

    .navbar-brand-left {
        display: inline !important;
    }

	#content-slider-left p {
		padding: 0px 40px 50px;
	}

    #mapcontainer, #detail-teaser #mapcontainer, #img-teaser, #carousel_fade_intro .item, #gallery-container, #tour-container {
        height: 200px;
    }

	#kontakt #mapcontainer {
		height: 350px;
	}

    .nav-main li {
        margin-left: 0px;
    }

    .madiba-hidden-sm {
        display: none !important;
    }

    .aktuelle-angebote-img, .suche-angebote-img {
        height: 210px !important;
		/* tagged */

    }

    .nav-color-menu {
        color: #99da9b !important;
    }

	.gallery-icon-container {
		width: auto !important;
		top: 40px !important;
	}
	
	.gallery-icon-container.standalone {
		top: 65px !important;
	}

	.tour-icon-container {
		width: auto !important;
		top: 110px !important;
	}

	.modal-dialog {
		width: 100% !important;
	}

	#modal-detail-img {
		height: 300px !important;
	}

	.modal-img-xs {
		width: 30%;
		margin-bottom: 15px;
	}

	.modal-img-xs:nth-child(3n+1) {
		margin-left: 5%;
	}

	.modal-img-xs:nth-child(4n) {
		clear:both;
	}

	.modal-header .close {
		background: url("../img/icon/gallery-icon-close.325e7ac27178.png") no-repeat center;
		height: 25px;
		width: 25px;
		opacity: 1;
		filter: alpha(opacity=100);
		margin-top: -35px;
		margin-right: 20px;
	}

	.modal .carousel-control.right {
		right: 20px !important;
	}

	.modal .carousel-control.left {
		left: 20px !important;
	}

	#furnished-rent .col-lg-6 {
		width: 100%;
	}

	#furnished-rent > div {
		width:100% !important;
		margin-bottom:30px;
	}

	#furnished-rent {
		padding:0;
	}

	.aspect-4-3-img {
		height: 495px !important;
	 	/* no width hacked ... */
	}

	.aspect-4-3-img-home {
		/*height: 158px !important;
		width: 210px;*/



		padding-top: 75%;
	}
}

@media (min-width: 768px) {
    .carousel-indicators-left, .carousel-indicators-center {
        left: 25%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #mapcontainer, #detail-teaser #mapcontainer, #img-teaser, #carousel_fade_intro .item, #gallery-container, #tour-container {
        height: 400px;
    }

    .navbar {
        min-height: 34px;
    }

    .navbar-brand {
        line-height: 34px;
    }

    .navbar-brand img {
        opacity: 1;
        height: 20px;
        padding: 0px;
    }

    .aktuelle-angebote-img, .suche-angebote-img {
        height: 250px !important;
		/* tagged */
    }



}

@media (max-width: 991px) {


    #suche-input label {
        margin-top: 5px;
    }

    .madiba-hidden-md {
        display: none !important;
    }

    .detail-box {
        padding: 30px !important;
        margin-bottom: 25px;
    }

    #detail-desc form div {
        width: 50%;
    }


    .width-65 {
        margin: 0 auto;
        width: 100%;
        min-height: 0px;
    }

	#suche-input .text-center p, #content-titel .text-center p, .content-titel p {
		width: 100%;
	}

	#content-titel ul {
		width: 80%;
	}

    .flex-container {
        display: -webkit-box; /* Initiate flexbox */
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
        -webkit-box-orient:vertical;
        -ms-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .flex-first {
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .flex-second {
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .flex-third {
        -moz-box-ordinal-group: 3;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }

    .flex-fourth {
        -moz-box-ordinal-group: 4;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }

    .flex-fifth {
        -moz-box-ordinal-group: 5;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 5;
        -webkit-order: 5;
        order: 5;
    }

    .flex-six {
        -moz-box-ordinal-group: 6;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 6;
        -webkit-order: 6;
        order: 6;
    }
}

@media (min-width: 992px) {
    .carousel-indicators-center {
        left: 25%;
    }

	#landing-overview {
		line-height: 1.5;
	}
    .detail-border-left {
        border-left: 1px solid #bbb;
    }

    #mapcontainer, #detail-teaser #mapcontainer, #img-teaser, #carousel_fade_intro .item {
        height: 475px;
    }

	.aspect-4-3-img {
		height: 196px !important;
		width: 262px;
	}
	.aspect-4-3-img-home {
		height: 158px !important;
		width: 210px;
	}
}


@media (min-width: 992px) and (max-width:1199px) {
	#aktuelle-angebote h1 {
	    margin-bottom: 20px;
	}

	#mapcontainer, #detail-teaser #mapcontainer, #img-teaser, #carousel_fade_intro .item, #gallery-container {
		height: 400px;
	}
	.aspect-4-3-img {
		height: 154px !important;
		width: 205px;
	}
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  .stretch-lg {
      max-width: 100%;
      margin-right: 20px;
      margin-left: 20px;
  }
}

@media (min-width: 1400px) {
	#mapcontainer, #detail-teaser #mapcontainer, #img-teaser, #carousel_fade_intro .item, #gallery-container, #tour-container {
		height: 550px;
	}
}

@media (max-width: 1200px) {
  .visible-lg {
    display: none !important;
  }
}

#carousel-aktuelle-angebote .item {
    min-height: 300px;
}

#carousel-aktuelle-angebote .item .col-lg-3 {
    height: 100%;
}



/*
.carousel-indicators-left .active, .carousel-indicators-right .active, .carousel-indicators .active {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #00a204;
} */

.carousel-control .icon-prev, .carousel-control .icon-next {
    margin-top: -75px;
}


.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-color: #fff;
    filter: -;
}

.carousel-control.left {
    left: -75px;
}

.carousel-control.right {
    right: -75px;
}

.carousel-control {
    color: #000;
    width: 50px;
}


/*
.carousel-indicators-left .active, .carousel-indicators .active {
    border: 10px solid rgb(255, 255, 255);
    border: 10px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
}*/



.footer {
    margin-top: -165px;
    padding-bottom: 30px;
    padding-top: 0px;
}

.footer h3 {
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.footer span {
    display: block;
    color: #fff;
}

.footer a {
    display: block;
    color: #fff;
}

.footer a:hover {
    display: block;
    text-decoration: none;
}


.tooltip h5 {
    font-size: 14px !important;
    line-height: 35px !important;
}

.search_reset div {
    font-size:14px !important;
    color: #6B6B6B !important;
}


h1 {
    font-family: 'Merriweather Sans', serif;
    font-weight: 700;
    font-size: 32px;
    color: #6B6B6B;
}

h5, label, p, div {
    font-family: 'Roboto', sans-serif;
    color: #6B6B6B;
}

p, div {
    font-weight: 300;
}

h5, h4, label {
    font-weight: 500;
    margin-top: 6px;
    margin-bottom: 0px;
    color: #6B6B6B;
}

h5 {
    text-transform: uppercase;
    margin-bottom: 13px;
}

.caption > h5 {
    margin-top: 15px;
}

.arrow-next {
    background: url("../img/icon/arrow-right.6bcb12a43208.png") no-repeat left top !important;
}

.arrow-prev {
    background: url("../img/icon/arrow-left.dc7c3fd71de6.png") no-repeat left top !important;
}

.icon-prev, .icon-next {
    width: 60px !important;
    height: 60px !important;
    left: 22% !important;
}

.carousel-control span[class*='icon-']:before {
    content: none !important;
}

.thumbnail-no-border {
    border: none;
}

.thumbnail > img {
    cursor: pointer;
}

.green-link {
    color: #99da9b;
    font-size: 16px;
}

.green-link:hover {
    color: #555;
    text-decoration: none;
}

.service-link {
    color: #6B6B6B;
    line-height: 1.5;
    text-decoration: none;
    letter-spacing:1px;
	word-wrap: break-word;
}

.service-link:hover, .service-link:active, .service-link:focus, .service-link-active {
    color: #99da9b;
    line-height: 1.5;
    text-decoration: none;
    letter-spacing:1px;
}



.select-half {
    border: 1px solid #AAA;
    width: 45%;
    height: 30px;
}

button {
	outline: none;
}

.button-half {
    width: 50%;
    background-color: #99da9b;
    color: #fff;
    border: none;
    padding: 5px;
    float: right;
}

.button-contact {
    padding: 5px 10px;
    background-color: #99da9b;
    color: #fff;
    border: none;
    margin-top: 40px;
    margin-bottom: 10px;
}

.button-apply {
    background-color: #99da9b;
    color: #fff;
    border: none;
    margin: 0 auto;
    margin-top: 15px;
    float: right;
}

.POIExplorerLasche {
	 background: rgb(145, 209, 148);
	 width: 35px;
	 height:192px;
	 margin-left: 215px;
	 cursor: pointer;
}

.POIExplorerLascheArrow {
    background: url("/static/img/icon/arrow-right-explore.93228c9e0731.png") center no-repeat;
	height: 26px;
    width: 18px;
    position: absolute;
    top: 83px;
    margin-left: 7px;
}

.POIExplorerLascheArrow.active {
    background: url("/static/img/icon/arrow-left-explore.8dec2f069ba1.png") center no-repeat;
}

.button-half:hover, .button-contact:hover, .button-apply:hover, .POIExplorerLasche:hover {
    background: #00a204;
}

.nav-padding > li > a {
    padding-top: 4px;
    padding-bottom: 18px;
}

.grey-color > h3 {
    text-transform: uppercase;
    font-size: 14px;
}

.grey-color > h3, .grey-color > span {
    color: #c8c8c8;
}


.nav-color {
    color: #99da9b !important;
}

.background-white {
    background-color: #fff;
}

.detail-box {
    padding: 30px 15px;
    margin-top: 25px;
	margin: 0 auto;
}

.push {
    height: 265px;
}

.nav-opacity {
    opacity: 1.0 !important;
}

.nav-opacity-menu {
    opacity: 1.0 !important;
}

#bubble > a {
    color: #fff;
}

#bubble > a:hover, .bubble-hover {
    color: #00a204 !important;
    text-decoration: none;
}

.social {
    height: 100px;
}

.modal {
	/*margin-top: 148px;*/
	outline: none;
}

.modal-header .close {
	background: url("../img/icon/gallery-icon-close.325e7ac27178.png") no-repeat center;
	height: 25px;
	width: 25px;
	opacity: 1;
	filter: alpha(opacity=100);
	margin-top: -35px;
}

.modal-header .close:hover {
	background: url("../img/icon/gallery-icon-close-hover.461b14d79183.png") no-repeat center;
}

.modal-backdrop {
	background-color: #fff;
}

.modal-backdrop.in {
	opacity: .9;
	filter: alpha(opacity=90);
	/*margin-top: 148px;*/
}

.modal-header {
	padding: 0px;
	border: none;
	min-height:0px;
}

.modal-dialog {
	width: 750px;
	padding-top: 60px;
	padding-left: 0px;
	padding-right: 0px;
}

.modal-body {
	padding: 0px;
}

.modal-body label {
	text-align: center;
	display: block0;
}

.modal-footer {
	border-top: none;
	padding: 0px;

}

#modal-detail-img {
	height: 480px;
	width:100%;
}

#detail-teaser .modal-content {
	box-shadow: none;
	border: none;
	background: none;
}

#carousel-landing img {
	max-width: 100%;
}

.modal .carousel-control.left {
	left: 15px;
	width: 0px;
}

.modal .carousel-control.right {
	right: 5px;
	width: 0px;
}

.arrow-gallery-next {
    background: url("../img/icon/gallery-icon-next.d6e8e22a8a66.png") no-repeat left top !important;
}

.arrow-gallery-next:hover {
    background: url("../img/icon/gallery-icon-next-hover.52ccd54cc61d.png") no-repeat left top !important;
}

.arrow-gallery-prev {
    background: url("../img/icon/gallery-icon-prev.c52adaa8cddb.png") no-repeat left top !important;
}

.arrow-gallery-prev:hover {
    background: url("../img/icon/gallery-icon-prev-hover.0704853792a6.png") no-repeat left top !important;
}

.arrow-gallery-next, .arrow-gallery-prev {
	width: 19px !important;
	height: 26px !important;
}

.gallery-icon-container {
	height: 60px;
	width: 125px;
	background: #fff;
	position: absolute;
	top: 170px;
	right:0px;
	cursor: pointer;
}

.gallery-icon-container.standalone {
	top: 200px;
}

.gallery-icon-container:hover {
	background: #91d293;
}

.gallery-icon-opener {
	width: 43px;
	height: 30px;
	margin: 15px;
	cursor: pointer;
	background: url("../img/icon/gallery-icon-opener.e741c49a95b6.png") no-repeat;
}

.gallery-icon-opener:hover, .gallery-icon-container:hover .gallery-icon-opener {
	background: url("../img/icon/gallery-icon-opener-hover.e704364b27a8.png") no-repeat;
}

.tour-icon-container {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0;
    top: 240px;
    width: 125px;
}
.tour-icon-container:hover {
    background: #91d293 none repeat scroll 0 0;
}
.tour-icon-opener {
    background: rgba(0, 0, 0, 0) url("../img/icon/tour-icon-opener.45fbfc11ca1c.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 30px;
    margin: 15px;
    width: 43px;
}
.tour-icon-opener:hover, .tour-icon-container:hover .tour-icon-opener {
    background: rgba(0, 0, 0, 0) url("../img/icon/tour-icon-opener-hover.8353b5cb3772.png") no-repeat scroll 0 0;
}

#bubble {
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	color: white;
	margin: 0 auto;
	height: 28px;
	width: 44px;
	background: url("../img/icon/landing-back-2.6ac8bac3c3bf.png") no-repeat;
	margin-top: 40px;
	line-height: 1;
	font-size: 11px;
	letter-spacing: 1px;
}

#bubble:hover {
	background: url("../img/icon/landing-back-2-hover.a160c067326e.png") no-repeat;
}

@media (max-width: 991px) {
    .social {
        height: 50px;
    }
}

.tooltip {
	position: relative;
}

/*custom button*/
.custom-btn {
  width: 150px;
  text-align: center;
  background: rgba(134,180,97, 0.6);
  border-radius: 50%;
  padding: 30px;
  position: absolute;
  margin: 0 auto;
  height: 150px;
  z-index: 9999;
  margin-left: -170px;
  margin-top: 40px;
  color: #fff;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  -webkit-transition: ease-in-out .3s ;
  -moz-transition: ease-in-out .3s ;
  -o-transition: ease-in-out .3s ;
  transition: ease-in-out .3s ;
  cursor:pointer;
  text-transform: none!important;
}

.custom-btn:hover {
  background: rgba(134,180,97, 1);
  color:#fff!important;
}