/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/templates/scrolling-nav)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
body {
	position:relative;
	color:rgb(90, 100, 116);
	width:100vw;
	max-width:100%;
	overflow-x:hidden;
	font-family: urw-din, 'Roboto', system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
/* FONTS

--- XLIGHT ---
font-family: urw-din, sans-serif;
font-weight: 200;
font-style: normal;

--- LIGHT ---
font-family: urw-din, sans-serif;
font-weight: 300;
font-style: normal;

font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;

--- BOOK ---
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;

font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;

font-family: brandon-grotesque, sans-serif;
font-weight: 400;
font-style: normal;

--- MEDIUM ---
font-family: urw-din, sans-serif;
font-weight: 500;
font-style: normal;

font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;

font-family: brandon-grotesque, sans-serif;
font-weight: 500;
font-style: normal;

--- DEMI ---
font-family: urw-din, sans-serif;
font-weight: 600;
font-style: normal;

--- BOLD ---
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;

font-family: brandon-grotesque, sans-serif;
font-weight: 700;
font-style: normal;

----------*/

/* HIDE SCROLLBARS */
/* Hide scrollbar for Chrome, Safari and Opera */
.collapse.show::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.collapse.show {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.collapse.show {
	overflow-y: scroll;
}
div::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
div {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
div{
	overflow-y: scroll;
}
.d-flex::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.d-flex {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.d-flex{
	overflow-x: scroll;
}

section::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
section {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
section{
	overflow-y: scroll;
}

body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
a {
	text-decoration: none;
}

a, .btn, button, .category-link {
	cursor:pointer;
}
/* Text/Font Styles */
p {
	 font-family: urw-din, 'Roboto', sans-serif, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-style: normal; 
	font-weight:300;
letter-spacing: 0.325px;
	    color: rgb(90, 100, 116);
	line-height:1.5em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: brandon-grotesque, sans-serif;
font-weight: 700;
font-style: normal;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	    color: rgb(34, 37, 41);

}
.lowercase {
	text-transform: none !important
}

.fw-xlight {
	font-weight: 200 !important;
}
.fw-light {
	font-weight: 300 !important;
}
.fw-normal {
	font-weight:400 !important;
}
.fw-book {
		font-weight: 400 !important;

}
.fw-medium {
	font-weight:500 !important;
}
.fw-demi {
	font-weight:600 !important;
}

.fw-bold {
	font-weight:700 !important;
}

.fw-200 {
	font-weight:200 !important;
}
.fw-300 {
	font-weight:300 !important;
}
.fw-400 {
	font-weight:400 !important;
}
.fw-500 {
	font-weight:500 !important;
}
.fw-600 {
	font-weight:600 !important;
}
.fw-700 {
	font-weight:700 !important;
}
.fw-800 {
	font-weight:800 !important;
}
.lh-175 {
	line-height:1.75 !important;
}
.lh-1625 {
	line-height:1.625 !important;
}
.lh-15 {
	line-height:1.5 !important;
}
.lh-1375 {
	line-height:1.375 !important;
}
.lh-125 {
	line-height:1.25 !important;
}
.lh-1125 {
	line-height:1.125 !important;
}
.lh-90 {
	line-height:.9 !important;
}
.lh-95 {
	line-height:.95 !important;
}
.ls-0 {
	letter-spacing: 0 !important
}

.ls-6 {
	    letter-spacing: 0.15em !important

}
.ls-5 {
	    letter-spacing: 0.12em !important

}
.ls-4 {
	    letter-spacing: 0.10em !important

}
.ls-3 {
	    letter-spacing: 0.08em !important

}
.ls-2 {
	    letter-spacing: 0.06em !important

}
.ls-1 {
	    letter-spacing: 0.04em !important

}
.display-0, .display-1 {
}
.display-3, .display-4 {
}
.display-1 {
    font-size: 7rem;
}
.display-2 {

}
.display-0 {
    font-size: 5.5rem;
}
.small {
	letter-spacing: 0.02em;
	font-size:12px;
}
.fs-7 {
	font-size: .875rem !important;
}
.fs-8 {
	font-size: .75rem !important;
}
.fs-9 {
	font-size: .625rem !important;
}
.fs-10 {
	font-size: .5rem !important;
}
.w-90 {
	width:90% !important;
}
.w-95 {
	width:95% !important;
}
.w-85 {
	width:85% !important;
}
.w-80 {
	width:80% !important;
}
.w-75 {
	width:75% !important;
}
.w-70 {
	width:70% !important;
}
.w-65 {
	width:65% !important;
}
.w-60 {
	width:60% !important;
}
.w-55 {
	width:55% !important;
}
.w-50 {
	width:50% !important;
}
.w-45 {
	width:45% !important;
}
.w-40 {
	width:40% !important;
}
.w-35 {
	width:35% !important;
}
.w-30 {
	width:30% !important;
}
.w-25 {
	width:25% !important;
}
.w-20 {
	width:20% !important;
}
.w-15 {
	width:15% !important;
}
.w-10 {
	width:10% !important;
}
.w-05 {
	width:5% !important;
}
.row {
	margin: 0;
}
@media (max-width: 767.98px) {

	.display-4 {
		font-size: calc(2rem + 2.225vw);
	}

	.head-book, .head-medium, .head-bold {
	letter-spacing: -.05rem;

	} 
	.display-1 {
	font-size:calc(3.75rem + 2vw);

	}
		.display-2 {
	font-size:calc(2.75rem + 4vw);

	}
			.display-3 {
	font-size:calc(2rem + 3vw);

	}
	.display-0 {
		    font-size: calc(4.25rem + 2.5vw);
	}
	.h3, h3 {
    font-size: calc(1.5rem + .6vw);
}
	p {
		font-size:.875em;
	}
		
}
/* Colors  */
.text-black { 
color:#000;
}
.text-darker {
color:#141618;
}
.text-gray {
	    color: rgb(90, 100, 116);
}
.bg-black {
	background-color:#000;
}
.bg-darker {
background-color:#141618;
}
.bg-gray-1 {
	background-color:#d2d5d7!important
}
.bg-light {
	background-color:#F5F7F9 !important;
		background:#F5F7F9 !important

}
.bg-light-gray {
	background-color:#e7e8e9!important
}.bg-lighter-gray {
	background-color:#f7f8f9!important
}
.border-bottom {
	border-bottom: 1px solid rgb(228, 231, 235);
		border-color:rgb(228, 231, 235) !important
}
.border-top {
	border-top: 1px solid rgb(228, 231, 235);
	border-color:rgb(228, 231, 235)!important
}
.bg-yellow {
	background-color:#F9B822 !important
}
.bg-blue {
	background-color:#1072EB !important
	
}
/* Carousel Styles */
.carousel-indicators [data-bs-target] {
    width: 10px !important;
    margin: 0 2px 5px 2px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    display: block !important;
    height: 10px !important;
    border: 0 !important;
    max-width: 10px !important;
    padding: 0 !important;
    background-image: url(https://karasiegert.com/2022/img/icons/circle.svg);
    background-size: 75% auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
opacity:.25;
}
	.carousel-indicators
	{
		margin-bottom:0
}
.carousel-indicators button:hover,.carousel-indicators button.active {
    opacity:1;
}
.carousel-indicators .active {
	opacity:1 !important;
}
.indicators-vertical {
	-ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 16%;
    overflow: hidden;
}
.portfolio-thumb {
	max-width:700px;
}
/*MODAL STYLES */
.modal {
	background: rgba(0,0,0,.8);
}
.modal-body {  
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center 45%;
    max-width: 864px;
}
.modal-dialog {
	max-width:780px;
}
.modal-content {
	border-radius:0;
}
.fade {
	transition: .25s ease;
}
.modal-backdrop.fade.show {
	opacity:.8 !important
}

/* Link/Button Styles */
button, .btn, a {
	-webkit-appearance: none;
	appearance: none;
	box-shadow:none;
    font-weight: 700;
		border:none;
	outline:none;
	box-shadow: none !important;
	
}
.btn, button {
    text-align: center;
    border-radius: 3px;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: rgb(223, 28, 47);
    transition-property: background-color;
    transition-duration: 250ms;
    transition-timing-function: ease;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: none;
}
.btn:hover, button:hover {
	    background-color: rgb(208, 12, 42);
}
.btn-dark, .btn-dark:active {
	background-color:#000000 !important;
	-webkit-appearance: none;
	appearance: none;
	box-shadow:none;
	border:none;
	outline:none;
	transform: scale(1);
    transition: background .5s ease-in-out,transform .5s ease-in-out;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:focus-within  {
	background-color:#ff1405 !important;
transform: scale(1.05);
    transition: background .5s ease-in-out,transform .5s ease-in-out;
		-webkit-appearance: none;
	appearance: none;
	border:none;
		outline:none;
	box-shadow:none !important
}
.btn.bg-white:hover {
	    background: #000 !important;
    color: #fff !important;
	    transition: 0.25s;
}
.btn-sm {
	text-align: center;
    font-family: urw-din, 'Roboto', sans-serif, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 600;
    text-transform: auto;
    cursor: pointer;
    border: none;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 51, 71);
    transition-property: filter, background-color, color;
    transition-duration: 250ms;
    transition-timing-function: ease;
    max-height: 46px;

    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    border-radius: 50px;
    padding: 7px 30px 6px 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-width: 50px;
    justify-content: center;
}
.btn-sm:hover {
	opacity:1 !important;
	filter:brightness(85%)
}
.btn-xs {
    text-align: center;
    border-radius: 50px;
    font-family: urw-din, 'Roboto', sans-serif, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 33px;
    height: 34px;
    transition-property: background-color;
    transition-duration: 250ms;
    transition-timing-function: ease;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: none;
    padding: 0px 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px -1px 0px 0px inset !important;
    color: rgb(76, 82, 94);
}
.btn-xs:hover {
	background: rgb(217, 217, 217) !important;
    opacity: 1 !important;
    color: rgb(76, 82, 94) !important;
}
a.open-modal {
	    position: absolute;
    bottom: .75rem;
    width: 1.75rem;
    z-index: 1;
    right: .75rem;
    text-align: right;
}
a.open-modal:hover {
	opacity:.65
}
.menu-toggle, .menu-toggle:active   {
	   max-width: 3.5rem;
    background: #000;
	transform: scale(1);
	transition: background .5s ease-in-out, transform .5s ease-in-out
}
.menu-toggle2,.menu-toggle2:active  {
	  max-width: 3.5rem;
    background: #000;
	transform: scale(1);
    transition: background .5s ease-in-out,transform .5s ease-in-out;
}
.menu-toggle:hover, .menu-toggle:focus,.menu-toggle:focus-within {
    background: #ff1405 !important;
	border:none !important;
	filter:none !important;
	
	transform: scale(1.05) rotate(0);
    transition: background .5s ease-in-out,transform .5s ease-in-out;
color:#fff !important
}
.menu-toggle2:hover, .menu-toggle2:focus, .menu-toggle2:focus-within {
 background: #ff1405 !important;
	border:none !important;
	filter:none !important;
		      transform: scale(1.05) rotate(0);
    transition: background .5s ease-in-out,transform .5s ease-in-out;
	color:#fff !important;
}
a.social-link-2 {
    padding:  0;
	margin: 0 0 0px 0;
    display: block;
    width: fit-content;
	width:auto;
	float:none;
}
a.social-link svg {
	color:#fff !important;
	fill:#fff !important
} 
a.social-link svg:hover {
	color:currentColor !important;
	fill:currentColor !important;
} 
a.social-link-2 i, a.social-link-2 i:visited, a.social-link-2 svg {
    line-height: 1;
    color: #000 !important;
    font-size: 1.375rem !important;
    width: auto !important;
    padding: 0 !important;
}
 a.social-link-2 i:hover, a.social-link-2 i:focus, a.social-link-2 svg:hover {
    color: currentColor !important;
    filter: none !important;
    transition: 0.25s;
    transform: scale(1.1) rotate(0);
	opacity:1 !important
}
a.social-link {
    padding: 0 12px 0 0;
	margin: 0;
    display: inline-block;
    width: fit-content;
	width:auto;
	float:left;
}
.social-link-2:hover {
	filter:none !important;
	    transition: none;

}
a.social-link i, a.social-link i:visited, a.social-link svg {
    line-height: 1;
    color: #000 !important;
    font-size: 1.625rem !important;
    width: auto !important;
    padding: 0 !important;
}
 a.social-link i:hover, a.social-link i:focus, a.social-link svg:hover {
    color: currentcolor !important;
    filter: none !important;
    transition: 0.25s;
    transform: scale(1.1) rotate(0);
}
.social-link-2 svg {
	max-width:25px;
}

/* TABS & NAV */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #000;
}
.nav-pills .nav-link {
	font-size:1rem;
}
.icon-collapse {
	opacity:.35 !important
}
.icon-collapse:hover {
	opacity:.85 !important
}

.menu-collapse.collapsed {
	background-color:none;
	color:#fff !important;
	fill:#fff !important;
	stroke: #fff !important;
}
.menu-collapse {
	stroke:#0036ff;
	color:#0036ff;
	stroke-width:8px;
	
}
.menu-collapse:hover {
	stroke:transparent !important;
	color:#ffffff !important;
	    transition: 0.25s;
	background-color:#0036ff

}.menu-collapse.collapsed:hover {
	stroke:transparent !important;
	color:#ffffff !important;
	    transition: 0.25s;
	background-color:#ff0000

}
.nav-link:hover span.text-black,.nav-link span.text-black:hover  {
	color:#999 !important;
}
.nav-pills .nav-link.active span.text-black {
	color:#001ef1 !important
}

.hero-section {
	height:65vh;
}


a.hero-red, a.hero-blue {
	background-color:none;
	text-decoration:none;
	
	
}
a.heroo-red p, a.heroo-blue p {
	display:none !important;
}
a.hero-red:hover,a.hero-red:focus, a.hero-red:focus-within {
	background-color:#ff0000 ;
		    transition: 0.25s;
	color:rgba(255,255,255,1) !important;

}
.hero-white {
	background-size: 100% 0 !important;
		background-repeat:no-repeat;
		background-position: left -400% !important;



}
.hero-white {
	background-size: 640px auto !important;
	background-position: center 37.5vh !important;
		    transition: 0.5s ease-in-out;


}
a.hero-blue:hover, a.hero-blue:focus, a.hero-blue:focus-within  {
	background-color:#001ec8 ;
		    transition: 0.25s;

}
a.collapse{
opacity:1;
	background: url(https://karasiegert.com/2022/img/icons/close-black.svg);
    background-size: auto 96%;
    background-position: right center;
    background-repeat: no-repeat;
			    transition: 0.5s;
	

}
a.collapse:hover {
	opacity:.5;
				    transition: 0.5s;

}
a.collapse.collapsed {
opacity:1;
	background: url(https://karasiegert.com/2022/img/icons/menu-plus-black.svg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
			    transition: 0.5s;

}
a.collapse.collapsed:hover {
opacity:.5;		    transition: 0.5s;

	
	
}
a.collapsed:hover {
	opacity:.5
}

svg.category-icon {
	fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.0875px;
  max-height: 40px !important;
	  height: 40px !important;
}
.category-link {
	color:rgba(90, 100, 116, .8);
	max-width:90px;
	border-radius:4px;
	overflow:hidden;
}
.category-link span {
	line-height:1.25 !important;
	padding: 4px 10px 5px 12.5px !important;
}
.category-link:hover {
    background: rgb(245, 247, 249);
	color:rgb(90, 100, 116);
	overflow:hidden;
	

}

.category-link.active:hover,.category-link.active span:hover {
    background: rgb(245, 247, 249)
	
}
.category-link.active {
	color:rgb(255, 51, 71);
	
}
.category-link.active span  {
	color:rgb(255, 51, 71)!important
}
.top-link {
	font-weight: 500;line-height: 1.35em;letter-spacing: 0.06em;text-transform: uppercase;font-size: 13px;margin-bottom: 0px;
	color:rgb(90, 100, 116);opacity:.75;			    transition: 0.25s;

}
.top-link:hover, .top-link:focus, .top-link:focus-within {
	color:rgb(255, 51, 71);opacity:1;
	
}
/*
.menu-toggle-top.collapsed,.menu-toggle-top.collapsed:focus,.menu-toggle-top.collapsed:focus-within,.menu-toggle-top.collapsed:active {
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 90" class="w-75 d-block mx-sm-auto ms-auto me-0 my-0" style="color:rgb(90, 100, 116);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 2.5px;max-width: 60px;height: 60px;opacity: .75;"><line x1="25" y1="65" x2="83" y2="65"/><line x1="25" y1="45" x2="83" y2="45"/><line x1="25" y1="25" x2="83" y2="25"/><rect width="108" height="90" style="stroke:none;fill:none"/></svg>');
	opacity:1;
}
.menu-toggle-top.collapsed:hover {
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 90" class="w-75 d-block mx-sm-auto ms-auto me-0 my-0" style="color:rgb(255, 51, 71);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 2.5px;max-width: 60px;height: 60px;opacity: 1;"><line x1="25" y1="65" x2="83" y2="65"/><line x1="25" y1="45" x2="83" y2="45"/><line x1="25" y1="25" x2="83" y2="25"/><rect width="108" height="90" style="stroke:none;fill:none"/></svg>');
	opacity:1;
}*/
.menu-toggle-top {
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 90" class="w-75 d-block mx-sm-auto ms-auto me-0 my-0" style="color:rgb(90, 100, 116);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 2.5px;max-width: 60px;height: 60px;opacity: 1;"><line x1="33" y1="24" x2="75" y2="66"/><line x1="33" y1="66" x2="75" y2="24"/><rect width="108" height="90" style="fill:none;stroke:none"/></svg>');
	background-position:center;
	background-repeat:no-repeat;
	background-size:58px 100%;


}
.menu-toggle-top:hover {
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 90" class="w-75 d-block mx-sm-auto ms-auto me-0 my-0" style="color:rgb(255, 51, 71);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 2.5px;max-width: 60px;height: 60px;opacity: 1;"><line x1="33" y1="24" x2="75" y2="66"/><line x1="33" y1="66" x2="75" y2="24"/><rect width="108" height="90" style="fill:none;stroke:none"/></svg>');
	opacity:1;
}

}
a.collapsed:hover {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 52 52&quot; class=&quot;w-75 d-block mx-sm-auto ms-auto me-0 my-0&quot; style=&quot;color:rgb(255, 51, 71);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 3.5px;max-width: 60px;height: 60px;opacity: .75;&quot;><line x1=&quot;2&quot; y1=&quot;26&quot; x2=&quot;50&quot; y2=&quot;26&quot;></line><line x1=&quot;26&quot; y1=&quot;50&quot; x2=&quot;26&quot; y2=&quot;2&quot;></line></svg>') !important;
}


/* FORM STYLES */
.form-control {
    display: block;
    width: 100%;
    padding: 5px 8px 6px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0 !important;
    transition: .15s ease-in-out;
	box-shadow .15s ease-in-out;
    box-shadow: none !important;
}
select.form-control {
	    background-image: url(https://kmshop14.com/img/icons/down-select.svg) !important;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: 98% center;
    padding: 5px 28px 6px 10px;
}
.number-input[type="text" i]:focus,.number-input:visited,.number-input:focus,.number-input:focus-within,.number-input:active {
	    padding-left: 18px;
    background-image: url(https://karasiegert.com/2022/img/icons/input-bkg-number.svg);
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: 1px -2px
}
.number-input {
	background-image:none;
	padding-left: 8px;
}
.number-input:not(:placeholder-shown) {
 padding-left: 18px;
    background-image: url(https://karasiegert.com/2022/img/icons/input-bkg-number.svg);
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: 1px -2px
}

.number-input:placeholder-shown {
background-image:none;
	padding-left: 8px;
}
input {
	box-shadow:none !important;
}
@media (max-width: 767.98px) {
.menu-toggle, .menu-toggle, .menu-toggle2   {
	   max-width: 3.125rem;

	}
	a.social-link i, a.social-link i:visited, a.social-link svg {
    font-size: 24px !important;
		max-height:22px !important;
		 padding: 0 .55rem 0 0;
  
	}
	.top-nav-links {
		height:50px !important;
	}
	.top-link {
		font-size:9px !important

	}
	.menu-toggle-top, .menu-toggle-top.collapsed {
			background-size:50px 100% !important;
			background-position:20px center !important;
		height:50px !important;

	}
	.menu-toggle-top:hover,.menu-toggle-top:focus, .menu-toggle-top:focus-within, .menu-toggle-top:active {
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 90" class="w-75 d-block mx-sm-auto ms-auto me-0 my-0" style="color:rgb(90, 100, 116);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 2.5px;max-width: 60px;height: 60px;opacity: 1;"><line x1="33" y1="24" x2="75" y2="66"/><line x1="33" y1="66" x2="75" y2="24"/><rect width="108" height="90" style="fill:none;stroke:none"/></svg>');

}
	.menu-toggle-top.collapsed,.menu-toggle-top.collapsed:hover,.menu-toggle-top.collapsed:focus,.menu-toggle-top.collapsed:focus-within,.menu-toggle-top.collapsed:active {
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 90" class="w-75 d-block mx-sm-auto ms-auto me-0 my-0" style="color:rgb(90, 100, 116);fill:none;stroke: currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 2.5px;max-width: 60px;height: 60px;opacity: .75;"><line x1="25" y1="65" x2="83" y2="65"/><line x1="25" y1="45" x2="83" y2="45"/><line x1="25" y1="25" x2="83" y2="25"/><rect width="108" height="90" style="stroke:none;fill:none"/></svg>');

	}
	.category-link {
	color:rgba(90, 100, 116, .8);
	max-width:fit-content !important;
		min-width:0 !important;
	font-weight:500;
	border-radius:4px;
	overflow:hidden;
}
.category-link span {
	line-height:1.25 !important;
	padding: 5px 7px 5px 8px !important;
	letter-spacing: 0.06em !important;

}
}


.main-nav-mobile, .main-nav-mobile:hover,.main-nav-mobile:focus, .main-nav-mobile:focus-within {
	opacity: 1 !important;
	background:rgb(245, 247, 249) !important;
	transition:.1s;
	color:rgb(255, 51, 71);
}
.main-nav-mobile:hover {
	color:rgb(223, 28, 47)!important;
}
.view-more {
	background-image:url(https://karasiegert.com/2022/img/icons/arrow-up.svg);
		background-size:auto 20px;
	background-position:center top;
	background-repeat: no-repeat;
	padding-bottom:25px;
	min-height:25px;
min-width:50px;
	    transition: 0.25s;

}
.view-more.collapsed {
	background-image:url(https://karasiegert.com/2022/img/icons/arrow-down.svg);
		background-size:auto 20px;
	background-position:center;
	background-repeat: no-repeat;
	padding-bottom:25px;
	min-height:25px;
min-width:50px;
	    transition: 0.25s;

}
.view-more:hover {
	opacity:.5;
}
.dropdown {
overflow:visible;
}
.email-img {
	max-height: 315px;
	overflow-x:hidden;
	overflow-y: hidden;
	
}
.collapse-overlay.collapsed div.row.d-flex,.collapse-overlay.collapsed div.row.d-flex:focus,.collapse-overlay.collapsed div.row.d-flex:focus-within,.collapse-overlay.collapsed div.row.d-flex:active {
	opacity:0;
	transition: none;
}
.collapse-overlay.collapsed div.row.d-flex:hover {
opacity: 1;
	transition: 0.25s ease !important;
}
.collapse-overlay div.row.d-flex{
	opacity:0;
	transition: none;



}
.collapse-img {
		background:rgba(0,0,0,.15) !important;

}
.collapse-img.collapse {
	transition:.25s ease;
	background:rgba(0,0,0,.15) !important;
}
/* 
.collapse-img.collapse.show:hover,.collapse-img.collapse.show:focus,.collapse-img.collapse.show:focus-within {

	background-image: url(https://karasiegert.com/2022/img/icons/close-white.svg);


}
.collapse-img.collapse.show {
		
	background-image: url(https://karasiegert.com/2022/img/icons/close-white.svg);
    background-repeat: no-repeat;
	background-size: auto 8px;
	    background-position-y: 16px;
	background-position-x: calc(100% - 16px);
	

} */
.collapse-img.collapse.show {
	transition:.25s ease-in-out;
	background-color:rgba(0,0,0,.15) !important;
}
.collapse-img.collapse.show:hover {
	background-color:rgba(0,0,0,.25) !important;

}
div.collapse-info::before {
content: '';
    position: absolute;
    height: 8px;
    right: 10px;
    width: 100px;
    background-image: url(https://karasiegert.com/2022/img/icons/close-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    margin-top: -34px;

}
img.portfolio-img {
	max-width:1280px !important;
}
.collapse-overlay.collapsed:hover {
				background-color:rgba(0,0,0,0.35) !important;

}
svg.email-img-overlay {
opacity:0;
		transition:.25s ease;

}
svg.email-img-overlay:hover {
	opacity:1 !important;
		transition:.25s ease;

}
img.modal-img {
	max-height: calc(95vh - 3rem);object-fit: contain;overflow-y: hidden;height: auto;object-position: center;
min-height:300px;
	margin-bottom:10px;
}
div.modal.fade.show a:hover{
	opacity:0.5
}
.modal.fade.show {
    background: rgba(0,0,0,.5);
}
.modal-backdrop.fade.show {
	opacity: 1;
	    background: rgba(0,0,0,.5);

}
.modal-footer {
	
    background-image: linear-gradient(rgba(245, 247, 249, 0), rgb(245, 247, 249) 90%);
    background-color: transparent;

}
.modal-dialog-scrollable {
	padding-bottom:10px;
}
.offcanvas-backdrop.fade.show {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1040;
}
.close.text-dark {
	color:rgb(90, 100, 116) !important
}
.close.text-dark:hover {
	color:rgba(90, 100, 116, .5) !important
}
@media (max-width: 991px) {

	.hero-section {
		height:fit-content !important;
				height:auto ;

		
	}	.category-link,
		.category-link.active, 	.category-link.active span,	.category-link.active:hover,.category-link.active:focus,.category-link.active:focus-within, .category-link.active span:hover, .category-link.active span:focus, .category-link.active span:focus-within {
    background: none !important;
	
	}
	
	
	}
@media (max-width: 1180px) {

	.email-img {
	max-height: 30vh;
		min-height:200px;
	overflow-x:hidden;
	overflow-y: scroll;
	
}
}

@media (max-width: 767.98px) {
	.category-link {
		margin-right:5px !important
	}
	.email-img {
		max-height:250px;
				min-height:0;
		overflow-y:hidden;
	}
	.collapsed {
		transition: 0
	}
.collapse-img.collapse.show, .collapse-img.collapse.show:hover,.collapse-img.collapse.show:focus,.collapse-img.collapse.show:focus-within  {
		    background-size: auto 10px;
		transition:0;
	    background-position-y: calc(100% - 16px);
	background-position-x: calc(100% - 16px);
			background-color:rgba(0,0,0,0.5) !important;

	
	}
	.collapse-overlay.collapsed div.row.d-flex:hover {
opacity: 0;
	transition: 0 ;
}
	img.modal-img  {
		max-height: calc(90vh - 4rem) !important;
	}
	.offcanvas {
		border-left:none;
		
	}
}
/* BORDER RADIUS */
.rounded-10 {
	border-radius: 10px !important;

}
.rounded-5 {
	border-radius: 5px !important;

}

.popupThankYou {
   position: fixed;
   font-family: Arial, Helvetica, sans-serif;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.8);
   z-index: 9999;
   overflow-y: scroll;
   overflow: scroll;
   display: none;
}
.popupThankYou:target {
   display: block;
}
.popupThankYou > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
}
.popup-close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.popup-close:hover {
    background: #00d9ff;
}
.noscroll { 
  overflow: hidden;
}
.decal-img-1 {
	height:50px;
	
}