body {
    background: transparent;
	color: #5b1b1b8c;
	font-family: 'Rubik', sans-serif;
}

#sidebar {
    background: #733535;
}
.title {
	background: #ffbaba52;
	margin-left: -10%;
    margin-right: -10%;
	padding-top: 3px;
}
h1, h2, h3, h4, h5, h6, label {
    color: #734c4c;
}

.wrapper.style1 {
    background-color: #f9f4f4;
}

.wrapper.style2 {
    background-color: #552121;
}

.wrapper.style1-alt {
    background-color: rgba(165, 74, 74, 0.14);
}

#footer > .inner .menu {
    font-size: 0.8em;
    color: rgba(228, 226, 223, 0.59);
}

#footer > .inner a {
    border-bottom-color: rgba(85, 22, 22, 0.15);
}

ul.menu > li {
    border-left: solid 1px rgba(95, 79, 79, 0.44);
}


#footer > .wrapper > .inner {
	padding: 0 !important ;
	max-width: 100%;
	width: 75em;
}

@media screen and (max-width: 1680px) {

	#footer > .wrapper > .inner {
		padding: 4em 4em 2em 4em ;
		padding: 0 !important ;
	}

}

@media screen and (max-width: 1280px) {

	#footer > .wrapper > .inner {
		width: 100%;
	}

}

@media screen and (max-width: 736px) {
	#footer > .wrapper > .inner {
		padding: 3em 2em 1em 2em ;
		padding: 0 !important ;
	}

}

p {
    color: #5b1b1b8c;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    border-color: rgba(216, 175, 175, 0.15) !important;	
    color: #d08e8e !important;
}

.wrapper.style1 .button {
    border-color: rgba(78, 0, 0, 0.15) !important;
    color: #c68080 !important;
}
.wrapper.style1 .button:hover {
	border-color: indianred !important;
	background: #f7d1d1; !important;
}

.wrapper.style3 {
    background-color: #efe3c3f7;
}

.wrapper.style2 p {
	color: #efefef7d !important;
}

.wrapper.style4 {
	background: #ffff;
}

#sharing-header p {
	color: inherit !important;
}
.icon.major {
    background: #ffe9d0;
}

#sidebar > .title {
}
				
img#logo {
    width: 8em;
    height: auto;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter: drop-shadow(5px 5px 5px #222);
	-webkit-filter: drop-shadow(-2px 3px 16px #e2d4d4);
	filter: drop-shadow(-2px 3px 16px #e2d4d4);
	
	margin: auto;
}

img#logo::before {
    border: 3px solid #dadada;
}

#footer {
	background: #462727 !important;
	/*position: fixed !important;
	bottom: 0 !important;*/
}

#footer .inner {
	padding: 1em;
}
#footer > .inner .menu {
    margin-bottom: 0;
}
#article {
	min-height: 80vh !important;
}

#footer > .inner .menu {
    font-size: 0.8em;
    color: rgba(255, 230, 205, 0.27);
}
#sidebar .title {
	border-bottom: 0;
	margin-bottom: 2em !important;
	height: 55px;
}
@media screen and (max-width: 1280px) {
	#sidebar .title {
		padding-top: 0.4em;
		position: absolute;
		left: 1em;
		margin-left: auto;
	}
	.title {
		margin: auto !important;
	}
	nav {
		margin-right: 2em;
		margin-left: auto;
	}
}

#sidebar nav a:before {
    background: #6d1c1061;
}
#sidebar nav a:after {
    background-image: linear-gradient(to right, #4a0000, #ff7a64);
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
    background: rgba(249, 226, 226, 0.66);
    border: solid 1px rgba(78, 45, 45, 0.15);
}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			border-color: rgba(255, 255, 255, 0.55) !important;
		}

			input[type="submit"]:hover:active,
			input[type="reset"]:hover:active,
			input[type="button"]:hover:active,
			button:hover:active,
			.button:hover:active {
				border-color: rgba(255, 255, 255, 0.55) !important;
			}

#intro .inner {
	background: #ffe3e3d9;
	width: 70% !important;
}			
#intro {
	background-image: url("../../images/banner.jpg");
}

#intro p {
	color: #401a1a;
}

@media screen and (max-width: 736px) {
	#intro .inner {
		width: 100% !important;
	}
}

.slides {
	padding: 10px;
	min-height: 100px;
}

.slides h3 {
	margin: 3px;
}

.slides p {
	font-size: 1em !important;
	padding: 3px;
}

.slides-section {
	background: #dabbb7c4;;
	border-radius: 0.5em;
	margin-bottom: 10px;
	/*animation: mymove 5s infinite;*/
}

@keyframes mymove {
  50% {border: 15px solid lightblue;}
}

.slides img {
	height: 90%;
	width: auto;
}

.bg-primary {
	background-color: indianred;
}

.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
/*.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}*/
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
/*.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}*/

blockquote {
    border-left: solid 4px rgba(78, 10, 10, 0.15);
}

#approach .content {
	width: 100%;
}

.card {
  display:flex;
  border: 3px solid indianred;
  border-radius: 1em;
}
.card-body {
	flex: 1 1 auto;
	padding: 0.8em;
	border-right: 3px solid indianred;
}
.card-body:last-child {
	border-right: 0;
}

.spotlights > section#sharing-header {
	/*height: 13em !important;*/
	min-height: 5.5em;
	background: #f9f4f4;
}
.spotlights > section#sharing-header > .content {
    padding: 4em 4em 2em 4em;
	width: 100%;
}

h2 sub {
	margin-left: 2em;
    color: indianred;
}

h2 {
	margin-top: -1em;
}

#offerings.wrapper.style3 {
	background: #f0f5ef26/*#ffce2c*/;
}
/*#offerings > section {
	height: 3em !important;
	min-height: 5.5em;
	background: #f9f4f4;
}
#offerings > section > .content {
    padding: 4em 4em 2em 4em;
}*/


/* #highlights {
	background: #f9f4f4;
}
#highlights > section {	
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 22.5em;	
}
#highlights > section > .content {
    padding: 4em 4em 2em 4em;
}
#highlights > section > .image {
	border-radius: 0.25em;
    border: 0;
    display: inline-block;
    position: relative;
}
#highlights > section#highlights {
	min-height: 5.5em;
	background: #f9f4f4;
}
#highlights > section#highlights > .content {
    padding: 4em 4em 2em 4em;
}
 */
.mb-3 {
	margin-bottom: 3px !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.feature-img {
	width: 100%;
    border: 1px solid #dadada;
    border-radius: 0.5em;
}
.cn-card {
	background: #00000021;
}
.cn-card > p {
    color: #efefef7d !imeportant;
}
.cn-card:hover * {
	font-weight: bold;
	cursor: pointer;
}

#approasch, #offesrings, #onhe, #opeportunity {
	display: none !important;
}

.heading, .body {
	border : 0px solid red;
}



section.heading {
	height: 9em !important;
	min-height: 8em !important;
    padding-top: 2em;	
}

section.heading > .content {
	width: 100%	!important;
	padding: 2em 4em 2em 4em;
}
section.heading > .content > p {
	margin-bottom: 0;
}

section.body > .content {
	width: 100% !important;
	padding: 0.5em !important;
}

#approach .cn-card {
	min-height: 300px !important;
	background: white !important;
}
#approach .cn-card:hover * {
	background: #fff4;
	cursor: pointer;
}

/* #topbar nav ul li a[href="#menu"] {
    -webkit-tap-highlight-color: transparent;
    width: 4em;
    text-indent: 4em;
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
}

#topbar nav ul li a {
    display: block;
    position: relative;
    height: 3em;
    line-height: 3em;
    padding: 0 1.5em;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 0;
    font-size: 0.8em;
    font-weight: 900;
    letter-spacing: 0.35em;
    text-transform: uppercase;
} */
/*a {
    -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
    -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
    -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
    transition: border-bottom-color 0.2s ease, color 0.2s ease;
    text-decoration: none;
    color: #585858;
    border-bottom: dotted 1px rgba(88, 88, 88, 0.5);
}*/

@media screen and (max-width: 736px) {
	.wrapper > .inner {
		padding: 3em 1em;
	}
	
	section.heading {
		height: 7em !important;
		min-height: 5em !important;
		padding: 10px 0 !important;	
	}

	section.heading > .content {
		width: 100%	!important;
		padding: 4px 25px !important;
	}
	/*section.heading > .content > p {
		margin-bottom: 0;
	}

	section.body > .content {
		width: 100% !important;
		padding: 0.5em !important;
	}*/
	
	
}

@media screen and (max-width: 480px) {
	ul.menu > li {
		border-left: 0 !important;
	}
}