#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden; }
  .contao-cookiebar * {
    box-sizing: border-box; }
  .contao-cookiebar:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .contao-cookiebar .cc-inner {
    display: inline-block;
    overflow-y: auto;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 1rem;
    text-align: left; }
  .contao-cookiebar.cc-top .cc-inner {
    vertical-align: top; }
  .contao-cookiebar.cc-top.cc-active .cc-inner {
    animation: cookiebar-top-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-top.cc-saved .cc-inner {
    animation: cookiebar-top-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom .cc-inner {
    vertical-align: bottom; }
  .contao-cookiebar.cc-bottom.cc-active .cc-inner {
    animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom.cc-saved .cc-inner {
    animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle .cc-inner {
    vertical-align: middle; }
  .contao-cookiebar.cc-middle.cc-active .cc-inner {
    animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle.cc-saved .cc-inner {
    animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-left {
    text-align: left; }
  .contao-cookiebar.cc-right {
    text-align: right; }
  .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
    margin-top: 0; }
  .contao-cookiebar .cc-head p {
    margin-bottom: 15px; }
  .contao-cookiebar .cc-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 8px 14px;
    margin-bottom: 8px;
    font-size: 15px;
    outline: 0 none;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    color: #444;
    background: #f5f5f5; }
    .contao-cookiebar .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .cc-btn:last-child {
      margin-bottom: 0; }
  .contao-cookiebar .grayscale .cc-btn {
    background: #f1efef; }
    .contao-cookiebar .grayscale .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .grayscale .cc-btn.success {
      background: #fbfbfb; }
      .contao-cookiebar .grayscale .cc-btn.success:hover {
        background: #f7f7f7; }
  .contao-cookiebar .highlight .cc-btn.success {
    background: #4e9e3e;
    border-color: #3e7830;
    color: #fff; }
    .contao-cookiebar .highlight .cc-btn.success:hover {
      background: #4c933f; }
  .contao-cookiebar label {
    position: relative;
    display: block;
    padding: 8px 13px 8px 0;
    line-height: 1.2rem; }
    .contao-cookiebar label.group {
      font-weight: 600; }
  .contao-cookiebar input {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0 none;
    opacity: 0; }
    .contao-cookiebar input + label {
      padding: 8px 13px 8px 50px;
      cursor: pointer; }
      .contao-cookiebar input + label:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 35px;
        height: 18px;
        margin: 0;
        box-sizing: content-box;
        border-radius: 10px;
        background: #fff;
        border: 2px solid #9c9b99;
        transition: border-color .2s; }
      .contao-cookiebar input + label:after {
        display: block;
        content: '';
        position: absolute;
        top: 10px;
        left: 4px;
        width: 14px;
        height: 14px;
        border-radius: 10px;
        background: #9c9b99;
        transition: background .2s, margin-left .2s, padding .2s; }
      .contao-cookiebar input + label:active:after {
        padding-left: 5px; }
    .contao-cookiebar input.cc-group-half + label:after {
      background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
    .contao-cookiebar input:checked + label:after {
      background: #399d32;
      margin-left: 17px; }
    .contao-cookiebar input:checked + label:active:after {
      margin-left: 12px; }
    .contao-cookiebar input:checked + label:before {
      background: #dcf3db;
      border-color: #399d32; }
    .contao-cookiebar input:disabled + label {
      pointer-events: none; }
      .contao-cookiebar input:disabled + label:after {
        background: #c8c7c5; }
      .contao-cookiebar input:disabled + label:before {
        background: #f4f4f4;
        border-color: #c8c7c5; }
  .contao-cookiebar.cc-active .cc-inner {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
  .contao-cookiebar.cc-active.cc-blocked {
    pointer-events: auto;
    animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-saved.cc-inner {
    opacity: 0;
    pointer-events: none;
    visibility: hidden; }
  .contao-cookiebar.cc-saved.cc-blocked {
    pointer-events: none;
    animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0; }
  .contao-cookiebar .cc-inner {
    max-width: 750px; } }

@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(0, 0, 0, 0); }
  100% {
    background: rgba(0, 0, 0, 0.75); } }

@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(0, 0, 0, 0.75); }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden; } }

@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%); } }

@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0); } }

@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%); } }

.contao-cookiebar {
  color: #444444; }
  .contao-cookiebar p {
    color: #868686;
    line-height: 1.4; }
  .contao-cookiebar .cc-inner {
    padding: 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #fff; }
  .contao-cookiebar .cc-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    position: relative;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin-bottom: 10px; }
    .contao-cookiebar .cc-group > label {
      flex-grow: 1;
      margin: 5px 0 5px 10px; }
    .contao-cookiebar .cc-group .cc-detail-btn {
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      padding: 8px 10px;
      line-height: 1.2rem; }
      .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn:hover {
        color: #717171; }
    .contao-cookiebar .cc-group .cc-detail-btn-details {
      display: inline-block;
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      text-decoration: underline;
      padding: 0;
      margin: 0 0 10px; }
      .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn-details:hover {
        color: #717171; }
  .contao-cookiebar .cc-cookies {
    display: none;
    width: 100%;
    background: #fbfbfb;
    border-radius: 0 0 5px 5px; }
    .contao-cookiebar .cc-cookies > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
      margin: 0;
      padding: 15px;
      border-top: 1px solid #e6e6e6; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
      font-size: 0.875rem;
      background: #fff;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #efefef; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
        font-weight: 600; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
        margin-top: 5px; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
        margin-top: 15px; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p {
      margin-bottom: 0; }
    .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
      margin-top: 10px; }
    .contao-cookiebar .cc-cookies .cc-cookie p {
      margin: 0 0 15px;
      font-size: 0.875rem; }
  .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
    text-align: center; }
  .contao-cookiebar .cc-info {
    margin-top: 15px; }
    .contao-cookiebar .cc-info > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-info > a {
      display: inline-block;
      font-size: 0.813rem;
      color: #a2a2a2;
      text-decoration: none; }
      .contao-cookiebar .cc-info > a:hover {
        color: #717171; }
      .contao-cookiebar .cc-info > a + a:before {
        display: inline-block;
        content: '·';
        margin-right: 5px; }

#aktivitaeten a,
#ferienwohnung a,
#ausflugs-favoriten a, 
#preise a{
	color: #666!important;
}

#wrapper {
	margin-top: 93px;
	padding: 0;
}

h1, h2, h3, h4 { 
	font-family: 'Open Sans', sans-serif !important;
	color: #a90e16!important;
	font-weight: 300 !important;
} 


h1 {
	margin-bottom: 1rem!important;
}

p {
	font-family: 'Open Sans', sans-serif ;
	font-weight: 300;

}

#buchung h3 {
	color: #212529 !important;
}

.bg-lightbeige {
	background-color: rgb(245, 242, 233);
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #edfaff!important;
}

.bg-lightblue {
	
	background-color: #edfaff;
}
/**************** Header ****************/

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


/***** navbar *****/

.navbar {
	padding: 0;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.2rem;
	font-weight: 300;

}

.navbar a {
	color: #a90e16!important;
/*	font-family: 'Open Sans', sans-serif !important; */
}

.navbar a:hover,
.navbar a:focus {
	color: #666!important;
}

#header .nav-link a:active {
	color: #666!important;
}

/**************** Main ****************/

#ausflugs-favoriten a,
#tipps-links a {
	color: #666;
	text-decoration: underline;
}


.mb {
	margin-bottom: 1.5rem;
}

#slider {
	margin-bottom: 1.5rem;
}
.img-thumbnail {
	border: none!important;
}

.figure-caption,
.caption {
	font-weight: 300;
	color: #6c757d;
	font-size: 90%;
	font-family: 'Open Sans', sans-serif !important;

}

.kontakt ul {
	
	padding: 0;
	list-style-type: none;
	color: #666;

}

.kontakt li a {
	color: #666;
	font-family: 'Open Sans', sans-serif !important;
}


.map {
	margin-top: 93px;
}

i {
	color: #666;
}

.liste ul {
	
	padding:0;
	list-style-type: none;
	
}

.liste ul li {
	
	padding:0;
	color: #666;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	
}

.figure-caption {
	color: #666;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	
}

.btn-primary,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #499fdd!important;
    border-color: #499fdd!important;
    
}

.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary:visited,
.btn-outline-secondary:focus {
    background-color: rgb(245, 242, 233)!important;
    border-color:rgb(201, 199, 192)!important;
    font-family: 'Open Sans', sans-serif !important;
	color: #666!important;
	font-weight: 300 !important;
}


.btn-outline-secondary:hover {
	background-color: rgb(222, 219, 208)!important;
    border-color: rgb(222, 219, 208)!important;
    text-decoration: none!important;
}

.btn-outline-secondary a {
	text-decoration: none!important;
}

.btn-primary:hover {
	background-color: #273b7d!important;
    border-color: #273b7d!important;
}



#preis {
	margin-top: 1rem;
}

.table th {
	color: #666;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400!important;
}
.table {
	color: #666;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300!important;
	
}

#wrapper .lead p {
	color: #666!important;
}

/**************** Footer ****************/

#footer {
	padding: 1rem 0;
/*	border-top: 1px solid #ddd; */
}


.footer-nav li {
	list-style-type: none;
	display: inline;
	margin-right: 1rem;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif !important;

}

.footer-nav ul {
	padding: 0;
	margin: 0;
}

#footer a {
	color: #666;
}

#instagram i {
	font-size: 1.6rem!important;
}

.mod_customnav strong.active {
font-weight:300
}

.mod_customnav {
	text-align:center;
}

.contao-cookiebar .cc-btn {
	color:#fff;
	background: #b1b1b1;
}

.contao-cookiebar .cc-btn:hover {
	background-color: #757575;
	border-color: #727161;
}



/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@media (max-width: 576px) { 
	
	
	#brand img {
		width: 240px;
		padding-top: 0;
	}
	
	
	/***** wrapper *****/
	
	#wrapper {
		margin-top: 88px;
	}
	
	/***** nav *****/
	
	
		
	/***** slider *****/
		

	
	/****** toogler animated ******/
	
	.navbar-toggler {
		
	  border: none !important;
	  background: transparent !important;
	}
		.icon-bar {
		width: 26px; 
		height: 2px;
		background-color: #B6B6B6;
		display: block;
		transition: all 0.2s;
		margin-top: 5px
		}
		
		.navbar-toggler .top-bar {
		  transform: rotate(45deg);
		  transform-origin: 10% 10%;
		}
		 
		.navbar-toggler .middle-bar {
		  opacity: 0;
		}
		 
		.navbar-toggler .bottom-bar {
		  transform: rotate(-45deg);
		  transform-origin: 10% 90%;
		}
		 
		.navbar-toggler.collapsed .top-bar {
		  transform: rotate(0);
		}
		 
		.navbar-toggler.collapsed .middle-bar {
		  opacity: 1;
		}
		 
		.navbar-toggler.collapsed .bottom-bar {
		  transform: rotate(0);
		}
		
		h1 {
		font-size: 1.8rem!important;
		}
		
		h2 {
			font-size: 1.6rem!important;
		}
		h3 {
			font-size: 1.8rem;
		}
		
		.lead {
			font-size: 1rem!important;
		}

}


@media (max-width: 576px) {
	
	/***** wrapper *****/
		#wrapper {
		margin-top: 88px;
	}
	

	/***** nav *****/

	/****** toogler animated ******/  
	
	.navbar-toggler {
	  border: none !important;
	  background: transparent !important;
	}
		.icon-bar {
		width: 26px; 
		height: 2px;
		background-color: #B6B6B6;
		display: block;
		transition: all 0.2s;
		margin-top: 5px
		}
		
		.navbar-toggler .top-bar {
		  transform: rotate(45deg);
		  transform-origin: 10% 10%;
		}
		 
		.navbar-toggler .middle-bar {
		  opacity: 0;
		}
		 
		.navbar-toggler .bottom-bar {
		  transform: rotate(-45deg);
		  transform-origin: 10% 90%;
		}
		 
		.navbar-toggler.collapsed .top-bar {
		  transform: rotate(0);
		}
		 
		.navbar-toggler.collapsed .middle-bar {
		  opacity: 1;
		}
		 
		.navbar-toggler.collapsed .bottom-bar {
		  transform: rotate(0);
		}

	
	
}

@media (max-width: 768px) {
	
	
	
	
	/***** wrapper *****/
		#wrapper {
		margin-top: 88px;
	}

	/***** nav *****/

	
	/****** toogler animated ******/
	
	.navbar-toggler {
	  border: none !important;
	  background: transparent !important;
	}
		.icon-bar {
		width: 26px; 
		height: 2px;
		background-color: #B6B6B6;
		display: block;
		transition: all 0.2s;
		margin-top: 5px
		}
		
		.navbar-toggler .top-bar {
		  transform: rotate(45deg);
		  transform-origin: 10% 10%;
		}
		 
		.navbar-toggler .middle-bar {
		  opacity: 0;
		}
		 
		.navbar-toggler .bottom-bar {
		  transform: rotate(-45deg);
		  transform-origin: 10% 90%;
		}
		 
		.navbar-toggler.collapsed .top-bar {
		  transform: rotate(0);
		}
		 
		.navbar-toggler.collapsed .middle-bar {
		  opacity: 1;
		}
		 
		.navbar-toggler.collapsed .bottom-bar {
		  transform: rotate(0);
		}

	}


@media (max-width: 993px) {
	

	/***** wrapper *****/
	#wrapper {
	margin-top: 88px;
	}
	
	/***** nav *****/
		
	/****** toogler animated ******/
	
	.navbar-toggler {
	  border: none !important;
	  background: transparent !important;
	}
		.icon-bar {
		width: 26px; 
		height: 2px;
		background-color: #B6B6B6;
		display: block;
		transition: all 0.2s;
		margin-top: 5px
		}
		
		.navbar-toggler .top-bar {
		  transform: rotate(45deg);
		  transform-origin: 10% 10%;
		}
		 
		.navbar-toggler .middle-bar {
		  opacity: 0;
		}
		 
		.navbar-toggler .bottom-bar {
		  transform: rotate(-45deg);
		  transform-origin: 10% 90%;
		}
		 
		.navbar-toggler.collapsed .top-bar {
		  transform: rotate(0);
		}
		 
		.navbar-toggler.collapsed .middle-bar {
		  opacity: 1;
		}
		 
		.navbar-toggler.collapsed .bottom-bar {
		  transform: rotate(0);
		}

	
	
	

}

@media (min-width: 993px)  {
	
		.dropdown:hover>.dropdown-menu {
		display: block;
	}
	
		.navbar-toggler {
	  border: none;
	  background: transparent !important;
	}


}
