/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
@font-face {
    font-family: OpenSansReg;
    src: url(../fonts/OpenSans-Regular.woff)
    }
@font-face {
    font-family: Proxima;
    src: url(../fonts/ProximaSoft-Regular.ttf)
    }
@font-face {
    font-family: Proxima-it;
    src: url(../fonts/ProximaSoft-RegularIt.woff)
    }
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:link, a:visited, a:hover, a:active{outline-width:0;text-decoration:none;color:#0000ff}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
img{border-style:none}svg:not(:root){overflow:hidden}
/* End extract */
html,body{font-family:OpenSansReg, Verdana, sans-serif;line-height:1.5; text-align:justify; color: #646464}
html{overflow-x:hidden}
p{margin:0 0 1em}
h1,h2,h3,h4,h5,h6{text-align:center; padding: 0.2em; font-weight:normal; font-family:Proxima, Verdana, sans-serif}
h1{margin:1em 0 1em 0;font-size:1.5em; color:#fff; border-radius:1em; text-align: center; background: #33cc00; background: radial-gradient(#33cc00, rgba(52, 204, 0, 0.5))}
h2{margin:0; font-size:1.4em; color:#5500ff}
h3{font-size:1.1em; color:#5601ff;line-height:1}
h4{color:#dddddd;line-height:1}
.topnav{text-align: center; position:relative; margin-bottom: 10px}
.topnavlink{margin: 6px; font-size:1em; border: 1px solid #1696ff; border-radius: 9em; background-color: #f7f7f7;  padding: 4px 6px 4px 6px; text-align: center; color: #0000ff; text-decoration: none}
.topnavlink:hover{background-color:#e2e2e2; color: #0000ff; transition: 0.5s}
.social {position: relative; display: block; text-align:center}
.social a{text-decoration:none; padding:0 8px}
  body{
    --text-color: #646464;
    --bkg-color: #fff;
	--h1-color: #fff;
	--h2-color: #5500ff;
	--contactbkg: #dddddd
  }
body.dark-theme {
	--text-color: #eee;
	--bkg-color: #292929;
	--h1-color: #eee;
	--h2-color: #1696ff;
	--contactbkg: #464646
}
@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --text-color: #eee;
    --bkg-color: #292929;
	--h1-color: #eee;
	--h2-color: #1696ff;
	--contactbkg: #464646
  }
  body.light-theme {
    --text-color: #646464;
    --bkg-color: #fff;
	--h1-color: #fff;
	--h2-color: #5500ff;
 	--contactbkg: #dddddd
 }
}
body{background: var(--bkg-color);color: var(--text-color);}
h1{color: var(--h1-color);}
h2{color: var(--h2-color);}

.textarea{font: inherit;}
.contact{border-radius: 5px; background-color: var(--contactbkg)}

hr.grey { border: 1px solid #cdcdcd;}
.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
.w3-btn{color:#fff; border:none;display:inline-block;font-size: 1em; outline:0;padding:8px 16px;vertical-align:middle; overflow:hidden; text-decoration:none;background-color:#33cc00; text-align:center;white-space:nowrap;box-shadow: 2px 2px  4px rgba(0, 0, 0, 0.2)}
 a.w3-btn:link, a.w3-btn:visited, a.w3-btn:hover, a.w3-btn:active{color:#fff}
.w3-btn:hover{box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-color:#32c200}
.w3-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}  

.w3-sidenav{font-size:0.9em; height:100%; width:100%; background-color:#D3F5FF; border: 2px solid #5601ff; border-radius:4px; overflow:auto; margin-bottom:1em}
.w3-sidenav a{padding:4px; border: 1px solid #C2F1FF; color:blue}
.w3-sidenav a:hover{background-color:#a3e8ff;text-decoration:none;color:#00f}
.w3-sidenav a {display:block;text-decoration:none;color:#00f}

.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px; border-bottom:1px solid #ddd}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 1.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
.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}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
button{background-color:rgba(0, 0, 0, 0.05); margin:0;border-radius:1em;transition: 0.6s; border:1px solid rgba(0, 0, 0, 0.2);}
.w3-tag{background-color:rgba(0, 0, 0, 0.5); font-size: 0.8em ;color:#fff;display:inline-block; padding:2px; margin:2px;text-align:center; line-height: 1.2}
button:hover{background-color:rgba(0, 0, 0, 0.1)}
/* Colors */
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#fff!important;background-color:#00bfff!important}
.panel{overflow: hidden;transition: max-height 1s ease-out;}
.accordian{background-color:#e9faff!important;margin:3px;border-radius:16px;transition: 0.6s}
.accordion{display:block; color:#fff; width:100%; margin:0.5em; border-radius:1em; transition: 0.6s}
.accordion h3{color:#5601ff; margin:0; font-size: large; margin:0.5em}
.header {
	position: relative;
	margin: 0 auto;
	padding: 30px;
	height: 160px;
    background-image:url('../images/monogram.png'), linear-gradient(rgba(22, 150, 255, 0.7), rgba(22, 150, 255, 0));
    background-repeat: no-repeat;
	background-position: center;
}

#footer {
	outline: 1px solid #bbbbbb;
	border-radius: 20px;
	background-color: #e2e2e2;
	font-size: small;
	color:#646464 !important;
	margin-top: 16px
	}

#footer a{
	color:#646464;
	text-decoration:none
}
#footer a:hover{
	text-decoration:underline
}