<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Table of contents
- Base / Defaults
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}


/* ---------------------------------------------------------------------------------------------------- */
/* -----------------------------------  Base Styles BEGIN    ------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
body {
	background-color:#FFFFFF; /* Highlight */
	font-size: 16px;  /*  Unit (px) - Type (Absolute) - Description (1 viewport pixel) | See: https://bitsofco.de/css-font-sizing/ */ 
  	font-size: 1.6rem;  /*  Unit (rem) - Type (Relative) - Description ((root em) Relative to the html font size) | See: https://bitsofco.de/css-font-sizing/ */
	line-height: 1.6;
	font-weight: 300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:0px; 
	margin-top:0px;
	margin-bottom:0px;
} 


a:link, a:active, a:visited {text-decoration:none;color:blue;}
a:hover {text-decoration:underline;}

   
/* Typography */
h1, h2, h3, h4, h5, h6 {margin:0;font-weight:300;}
h1 { font-size:3.8rem; line-height:1.2; letter-spacing:-.1rem; font-weight:300; }
h2 { font-size:3.4rem; line-height: 1.25; letter-spacing:-.1rem; font-weight:300; }
h3 { font-size:3.0rem; line-height: 1.3; letter-spacing:-.1rem; font-weight:300; }
h4 { font-size:2.4rem; line-height: 1.35;letter-spacing:-.08rem; font-weight:300; }
h5 { font-size:1.8rem; line-height: 1.5; letter-spacing:-.05rem; font-weight:300; }
h6 { font-size:1.5rem; line-height: 1.6; letter-spacing:0; font-weight:300; }

/* Tables */

.table0 {border-spacing:0rem;}
.table1 {border-spacing:0.5rem;}
.table2 {border-spacing:1rem;}
.table3 {border-spacing:1.5rem;}
.table4 {border-spacing:2rem;}
.table5 {border-spacing:2.5rem;}

.vertical-align-bottom {vertical-align:bottom;}
.vertical-align-middle{vertical-align:middle;}
.vertical-align-top {vertical-align:top;}

.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}

.border0 {border:0;}
.border1 {border: 1px solid #ccc;}

.nNoWrap {white-space:nowrap;}

th,td {
	font-size: 100%;
 }
th:first-child,td:first-child {padding-left:1rem;}
th:last-child,td:last-child {padding-right:1rem;}

.fontColorCf {color:#6F0000;}
.fontColorRed {color:red;}
.fontColorBlue {color:blue;}
.fontColorGreen {color:#006633;}
.fontColorForm {color:#FF9900;}
.fontColorBackGroundDarkGrey {background-color:#CCCCCC;}
.fontColorBackGroundLightGrey {background-color:#E4E4E4;}
.fontColorComment {color:#999999;}
.fontColorSmallGrey {color:#999999;font-size:1.2rem;}


.fontSizeLess1 {font-size:1.4rem;}
.fontSizeLess2 {font-size:1.2rem;}



/* Buttons ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0rem 2rem 4rem 2rem;  /* Top Right Bottom Left */
	color: #555;
	text-align: center;
	font-size: 1.2rem;
	margin-top: 1rem; 
	margin-bottom: 1rem;
	font-weight: 600;
	letter-spacing:.1rem;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	background-color:transparent;
	border-radius:4px;
	border: 1px solid #bbb; 
	cursor:pointer;
	box-sizing:border-box; 
}

b, strong {font-weight:bold;}

.small-btn {
    width: 50px;
    height: 20px;
}

.medium-btn {
    width: 70px;
    height: 30px;
}

.big-btn {
    width: 90px;
    height: 40px;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus,
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline:0; 
}
  
/* Forms
ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
input[type="name"], input[type="email"], input[type="phone"], input[type="text"], input[type="reason"], input[type="message"], textarea, select {
	padding:6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	border-radius:4px;
	font-size: 1.4rem;
	border: 1px solid #CCCCCC;
	box-shadow:none;
	box-sizing:border-box;
}

 /* Removes awkward default styles on some inputs for iOS */
input[type="name"], input[type="email"], input[type="phone"], input[type="text"], input[type="reason"], input[type="message"], textarea {
-webkit-appearance:none;-moz-appearance:none;appearance:none;
}

input[type="email"]:focus, input[type="reason"]:focus, input[type="message"]:focus, textarea:focus, select:focus {
	border: 1px solid #2F5E5E; outline:0;
} 

input[type="checkbox"], input[type="radio"] {display: inline;}

label{display:block;margin-top:0.3rem;margin-bottom:0.3rem;font-weight:300; padding-left:0.2rem;}

textarea {
	min-height: 85px;
	padding:5px;
	font-size: 1.4rem;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -----------------------------------   Base Styles END     ------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

.menucontainer { /* Grid */
  position: relative;
  width: 1100px;
  max-width: 98%;
  margin: 0 auto;
  padding: 0 2px;
  box-sizing:border-box; }
  
    
.container { /* Grid */
  position: relative;
  width: 960px;
  max-width: 98%;
  margin: 0 auto;
  padding: 0 2px;
  box-sizing:border-box; }
  
.one.column, .one.columns       { width: 4.66666666667%; }
.two.columns                    { width: 13.3333333333%; }
.three.columns                  { width: 22%;            }
.four.columns                   { width: 30.6666666667%; }
.five.columns                   { width: 39.3333333333%; }
.six.columns                    { width: 48%;            }
.seven.columns                  { width: 56.6666666667%; }
.eight.columns                  { width: 65.3333333333%; }
.nine.columns                   { width: 74.0%;          }
.ten.columns                    { width: 82.6666666667%; }
.eleven.columns                 { width: 91.3333333333%; }
.twelve.columns                 { width: 100%; margin-left: 0; }

.one-fourth.column              { width: 24%; }
.one-third.column               { width: 30.6666666667%; }
.two-thirds.column              { width: 65.3333333333%; }
.one-half.column 				{ width: 50%; }
.three-quarters.column          { width: 74%; }

.column, .columns {width:100%;float:left;box-sizing:border-box;margin-left:1%;}
.column:first-child, .columns:first-child {margin-left:0; }

.contact-us-container { /* Grid */
	position: relative;
	max-width:100%;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding:0px 5px 25px 15px; /* Top Right Bottom Left */
	box-sizing:border-box; 
	border-radius:5rem;
	border:20px solid #CCCCCC;
 }
  
.contact-us-message-container {
	font-size:1.5rem;
	letter-spacing:0.1rem; 
	padding:2.8rem;
	margin-top:1rem;
	margin-bottom:2rem;
	font-weight:600; 
	border: 1px solid #CCCCCC;
	background-color:#E4E4E4;
	border-radius:5rem;
}

/*
.top-menu-header {
	width:960px;
	width:auto;
	margin: 0rem;
	padding:0rem;
	text-align:center;
	background-color:#FFFFFF;
	box-sizing:border-box; 
}	


.top-menu-container { // Grid 
	width:700px;
	max-width: 96%;
	margin: 0 auto;
	text-align:center;
	padding:0.4rem 0rem 0rem 0rem; // Top right bottom left 
	box-sizing:border-box; 
}
  
.top-menu-header-settings {
	position: relative;
	width:auto;
	max-width: 96%;
	margin: 0 auto;
	padding:0.8rem 0rem 0rem 0rem; // Top right bottom left 
	border:1px solid #CCCCCC;
	border-radius:25px;
	font-size: 1.6rem;
	text-align:center;
	box-sizing:border-box;
}
*/
.header {
  margin-top:1rem;
  text-align: center;}
   
.header-small-caption {
	font-size:1.3rem;
	letter-spacing:0.1rem;
	margin-top:2rem;
	margin-bottom:2rem;
	font-weight:300; 
	border: 1px solid #CCCCCC;
	background-color:#E4E4E4;
	border-radius:10px;
}   
	
.div-header {
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing:0.2rem;
  margin-top:2rem;
  margin-bottom:2rem;
  font-weight:300; }
     

.resume-header {
	text-transform: uppercase;
	font-size: 1.6rem;
	letter-spacing:0.15rem;
	margin-top:2rem; padding:0.7rem;
	margin-bottom:2rem;
	background-color:#CECECE;
	font-weight:600;
	border: 1px solid #CCCCCC;
	border-radius:25px;
}

.resume-caption {
	font-size:1.6rem;
	letter-spacing:0.1rem;
	margin-top:0.5rem;
	margin-bottom:1rem;
	font-weight:300; 
	padding:1rem;
	border: 1px solid #CCCCCC;
	background-color:#E4E4E4;
	border-radius:25px;
}  

.resume-description {
	font-size:1.6rem;
	margin-top:2rem;
	margin-bottom:2rem;
	font-weight:300; padding:1rem;
	border: 5px solid #E4E4E4;
	border-radius:25px;
}    
	
  	 
.div-section {
  padding: 0;
  margin-bottom:2rem;}
  
.my-grid .column, .my-grid .columns {
  background: #EEE;
  text-align: center;
  border-radius: 4px;
  font-size: 1rem;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  margin-bottom: .75rem;
  font-weight: 600;
  letter-spacing: .1rem; }
  
.div-container .row, .div-container.row {margin-top:0;margin-bottom:0;}
 
.my-row {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
	

/* Lists */
ul {list-style:circle inside;}
ol {list-style:decimal inside;}
ol, ul {padding-left:0;margin-top:0;}
ul ul,ul ol,ol ol,ol ul {margin:1.5rem 0 1.5rem 3rem; font-size: 90%;}
li {margin-bottom:1rem;}


code { /* Code */
	padding:0.2rem 0.5rem;
	margin:0 0.2rem;
	white-space:nowrap;
	background:#E4E4E4;
	font-size:1rem;
	border: 1px solid #CCCCCC;
	border-radius:40px;
}

code.Large { /* Code */
	padding:0.2rem 0.5rem;
	margin:0 0.2rem;
	white-space:nowrap;
	background:#E4E4E4;
	font-size:1.8rem;
	border: 1px solid #666666;
	border-radius:40px;
	font-weight: 600;
}


.my-code {
	margin:0rem;
}

.allow-wraping {
	margin:0rem;
	white-space:pre-wrap;
	font-size:1.2rem;
	width:auto;
}

pre &gt; code {
	display:block;
	padding:1rem 1.5rem;
	white-space:pre;
}

.u-full-width { /* Utilities */
	width: 100%;
	box-sizing: border-box;
}


.u-max-full-width {
	max-width:100%;
	box-sizing:border-box; 
}
.u-pull-right {float: right;}
.u-pull-left {float: left;}


/* Miscelaneous */
hr {
	margin-top:1rem;
	margin-bottom:1rem;
	border-width:1;
	border-top: 1px solid #E1E1E1;
}

p {margin-top:0;}

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf {
	content:"";
  	display:table;
  	clear:both;
}

/* Srinkng Images  */
.img-srink {
max-width:100%;
width: auto;
margin: auto;
}

.hspace0 {margin-left:0;margin-right:0;}
.hspace1 {margin-left:1rem;margin-right:0.5rem;}
.hspace2 {margin-left:2rem;margin-right:1rem;}
.hspace3 {margin-left:3rem;margin-right:1.5rem;}
.hspace4 {margin-left:4rem;margin-right:2rem;}
.hspace5 {margin-left:5rem;margin-right:2.5rem;}
.hspace6 {margin-left:5rem;margin-right:3rem;}
.hspace7 {margin-left:5rem;margin-right:3.5rem;}
.hspace8 {margin-left:5rem;margin-right:4rem;}
.hspace9 {margin-left:5rem;margin-right:4.5rem;}
.hspace10 {margin-left:5rem;margin-right:5rem;}

.vspace0 {margin-top:0;margin-bottom:0;}
.vspace1 {margin-top:1rem;margin-bottom:0.5rem;}
.vspace2 {margin-top:2rem;margin-bottom:1rem;}
.vspace3 {margin-top:2rem;margin-bottom:1.5rem;}
.vspace4 {margin-top:2rem;margin-bottom:2rem;}
.vspace5 {margin-top:2rem;margin-bottom:2.5rem;}
.vspace6 {margin-top:2rem;margin-bottom:3rem;}
.vspace7 {margin-top:2rem;margin-bottom:3.5rem;}
.vspace8 {margin-top:2rem;margin-bottom:4rem;}
.vspace9 {margin-top:2rem;margin-bottom:4.5rem;}
.vspace10 {margin-top:2rem;margin-bottom:5rem;}

@media all and (min-width: 960px) { 

	/* Desktop or Desktop HD - Screens with a width of 960px or higher.  */ 
	html {
		/* NOTE: The html base default is set to 62.5% so that all the REM measurements are based on 10px sizing. So basically 1.5rem = 15px */
		font-size:62.5%;
	}
}


@media all and (max-width: 959px) and (min-width: 600px) {

	/* Phablet or Tablet - Screens with a  minimum width of 600px and maximum width of 959px. */
	html {
		/* NOTE: The html base default is set to 62.5% so that all the REM measurements are based on 10px sizing. So basically 1.5rem = 15px */
		font-size:58%;
	}
	/*
	body {
		background-color:#808080; Grey 
	}
	*/
}


@media all and (max-width: 599px) and (min-width: 320px) {
	
	/* Mobile Device - Screens with minimum width of 320px and maximum width of 599px. See http://www.stephanimoroni.com/css3-media-queries-affect-on-font-sizes/ */
	html {
		/* NOTE: The html base default is set to 62.5% so that all the REM measurements are based on 10px sizing. So basically 1.5rem = 15px */
		font-size:53.5%;
	}
	/* 
	body {
		background-color:#FF0033;  red 
	}
	*/
}

@media all and (max-width: 319px) {
	
	/* Mobile Device - The last media query are for screens with minimum width of 320px and maximum width of 599px. 
	Here we want our font size to be of base 12px, meaning that we want them smaller than our initial base. http://www.stephanimoroni.com/css3-media-queries-affect-on-font-sizes/ */

	html {
		/* NOTE: The html base default is set to 62.5% so that all the REM measurements are based on 10px sizing. So basically 1.5rem = 15px */
		font-size:53.5%;
	}
	/*
	body {
		background-color:#3333FF; blue 
	}
	*/
}







</pre></body></html>