a {
  text-decoration: none;
  color: #396AB1;
  border-bottom: 2px solid #dadada;
  margin: 2px;
  transition: all 400ms;
}
a:hover {
  text-decoration: none;
  border-bottom: 2px solid #82A3DB;
}
ul {list-style-type: square; margin-left: -20px; }
.table { display: table; width: 100%; max-width: 980px; font-weight: 300; }
.tr { display: table-row; }
.td { display: table-cell; vertical-align: top; }
.company { display: inline-block; text-align: left; white-space: nowrap; vertical-align: top; }
.project { text-align: left; padding-left: 14px; }
.range { display: inline-block; text-align: right; white-space: nowrap; vertical-align: top; float: right; }
.year-range { font-size: 13px; display: block; text-align: right; white-space: nowrap; vertical-align: bottom; float: right; color: #444; }

.big { font-size:  20px; }
.jobtitle { color:#666; font-size:20px; }
.jobdesc { color: #444; font-size: 15px; padding: 10px 10px 0 20px; }
.tLabel { display: inline-block; width: 80px; font-weight: 300; margin-top: 4px; }
.txtlight { color:#aaa; padding-left:6px; }
.card-info {
  display: inline-block;
  color: #888;
  padding: 10px 48px 0 0;
  margin: 0;
}
.video-overview { margin: 16px 6px 0 6px; display: none; }
.section-header { color: #333; font-size: 24px; margin-top: 10px; margin-right: 12px; font-weight: 300; border-bottom: 1px dotted #ccc; }
.rule-after { margin-bottom: 20px; }
.hideme, .section-header { display: none; }
.quote {  font-size: 16px;  max-width: 880px;  background: #f9f9f9;  border-left: 10px solid #ccc;  margin: 1.5em 10px;  padding: 0.5em 10px;  quotes: "\201C""\201D""\2018""\2019";}
.quote:before {  color: #ccc;  content: open-quote;  font-size: 64px;  line-height: 0;  margin-right: 10px;  vertical-align: -30px;}
.author {  font-size: 12px;  text-align: right;}
#res_wrap { margin: 0; border: 0; padding: 0; height: 0; }
#quicklinks {  z-index: 100; font-family: 'Open Sans';  position: fixed;  bottom: 0;  left: 0;  right: 0;  background: #ccc;  height: 50px;    -moz-animation-name: qL;  -moz-animation-iteration-count: 1;  -moz-animation-timing-function: ease-in;  -moz-animation-duration: 1s;  -webkit-animation-name: qL;  -webkit-animation-iteration-count: 1;  -webkit-animation-timing-function: ease-in;  -webkit-animation-duration: 1s;  animation-name: qL;  animation-iteration-count: 1;  animation-timing-function: ease-in;  animation-duration: 1s;}
#quicklinks .btn {  line-height: 50px;  width: 50%;  float: left;  text-align: center;  text-transform: uppercase;  text-decoration: none;  color: #369;  border: 0;  margin: 0;}
#quicklinks .btn:hover {  color: #fff;  background: #369;}
@-moz-keyframes qL {  0% {    height: 50%;  }  100% {    height: 50px;  }}
@-webkit-keyframes qL {  0% {    height: 50%;  }  100% {    height: 50px;  }}
@keyframes qL {  0% {    height: 50%;  }  100% {    height: 50px;  }}
@media (max-width: 1200px) { #res_wrap { width: 100% !important; } #content { margin-bottom: 100px !important; } }
.quote {  float:left;  font-size: 16px;  max-width: 440px;  background: #f9f9f9;  border-left: 10px solid #ccc;  margin: 0 10px 10px 0;  padding: 10px;}
.quote:before {  color: #dadada;  content: '\201C';  font-size: 64px;  line-height: 0;  margin-right: 10px;  vertical-align: -28px;}
.author {  color: #afafaf;  font-size: 14px;  text-align: right;  padding-top: 6px;}
.linkedin {	float: left;	margin-top: 24px;  margin-left: 12%; }
#references-block {	padding-top: 20px;}
#style-text {
  z-index: 100;
}

div.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  float: left;
}

.phone {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxwYXRoIGQ9Ik00Mi41OTUsMEgxNy40MDVDMTQuOTc3LDAsMTMsMS45NzcsMTMsNC40MDV2NTEuMTg5QzEzLDU4LjAyMywxNC45NzcsNjAsMTcuNDA1LDYwaDI1LjE4OUM0NS4wMjMsNjAsNDcsNTguMDIzLDQ3LDU1LjU5NSAgIFY0LjQwNUM0NywxLjk3Nyw0NS4wMjMsMCw0Mi41OTUsMHogTTE1LDhoMzB2MzhIMTVWOHogTTE3LjQwNSwyaDI1LjE4OUM0My45MjEsMiw0NSwzLjA3OSw0NSw0LjQwNVY2SDE1VjQuNDA1ICAgQzE1LDMuMDc5LDE2LjA3OSwyLDE3LjQwNSwyeiBNNDIuNTk1LDU4SDE3LjQwNUMxNi4wNzksNTgsMTUsNTYuOTIxLDE1LDU1LjU5NVY0OGgzMHY3LjU5NUM0NSw1Ni45MjEsNDMuOTIxLDU4LDQyLjU5NSw1OHoiIGZpbGw9IiNhYWFhYWEiLz4KCTxwYXRoIGQ9Ik0zMCw0OWMtMi4yMDYsMC00LDEuNzk0LTQsNHMxLjc5NCw0LDQsNHM0LTEuNzk0LDQtNFMzMi4yMDYsNDksMzAsNDl6IE0zMCw1NWMtMS4xMDMsMC0yLTAuODk3LTItMnMwLjg5Ny0yLDItMiAgIHMyLDAuODk3LDIsMlMzMS4xMDMsNTUsMzAsNTV6IiBmaWxsPSIjYWFhYWFhIi8+Cgk8cGF0aCBkPSJNMjYsNWg0YzAuNTUzLDAsMS0wLjQ0NywxLTFzLTAuNDQ3LTEtMS0xaC00Yy0wLjU1MywwLTEsMC40NDctMSwxUzI1LjQ0Nyw1LDI2LDV6IiBmaWxsPSIjYWFhYWFhIi8+Cgk8cGF0aCBkPSJNMzMsNWgxYzAuNTUzLDAsMS0wLjQ0NywxLTFzLTAuNDQ3LTEtMS0xaC0xYy0wLjU1MywwLTEsMC40NDctMSwxUzMyLjQ0Nyw1LDMzLDV6IiBmaWxsPSIjYWFhYWFhIi8+Cgk8cGF0aCBkPSJNNTYuNjEyLDQuNTY5Yy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0YzMuNzM2LDMuNzM2LDMuNzM2LDkuODE1LDAsMTMuNTUyICAgYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0YzAuMTk1LDAuMTk1LDAuNDUxLDAuMjkzLDAuNzA3LDAuMjkzczAuNTEyLTAuMDk4LDAuNzA3LTAuMjkzICAgQzYxLjEyOCwxNi40MzQsNjEuMTI4LDkuMDg1LDU2LjYxMiw0LjU2OXoiIGZpbGw9IiNhYWFhYWEiLz4KCTxwYXRoIGQ9Ik01Mi40MDEsNi44NDVjLTAuMzkxLTAuMzkxLTEuMDIzLTAuMzkxLTEuNDE0LDBzLTAuMzkxLDEuMDIzLDAsMS40MTRjMS4yMzcsMS4yMzcsMS45MTgsMi44ODUsMS45MTgsNC42MzkgICBzLTAuNjgxLDMuNDAxLTEuOTE4LDQuNjM4Yy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0YzAuMTk1LDAuMTk1LDAuNDUxLDAuMjkzLDAuNzA3LDAuMjkzczAuNTEyLTAuMDk4LDAuNzA3LTAuMjkzICAgYzEuNjE1LTEuNjE0LDIuNTA0LTMuNzY0LDIuNTA0LTYuMDUyUzU0LjAxNyw4LjQ1OSw1Mi40MDEsNi44NDV6IiBmaWxsPSIjYWFhYWFhIi8+Cgk8cGF0aCBkPSJNNC44MDIsNS45ODNjMC4zOTEtMC4zOTEsMC4zOTEtMS4wMjMsMC0xLjQxNHMtMS4wMjMtMC4zOTEtMS40MTQsMGMtNC41MTYsNC41MTYtNC41MTYsMTEuODY0LDAsMTYuMzggICBjMC4xOTUsMC4xOTUsMC40NTEsMC4yOTMsMC43MDcsMC4yOTNzMC41MTItMC4wOTgsMC43MDctMC4yOTNjMC4zOTEtMC4zOTEsMC4zOTEtMS4wMjMsMC0xLjQxNCAgIEMxLjA2NSwxNS43OTksMS4wNjUsOS43Miw0LjgwMiw1Ljk4M3oiIGZpbGw9IiNhYWFhYWEiLz4KCTxwYXRoIGQ9Ik05LjAxMyw2LjU2OWMtMC4zOTEtMC4zOTEtMS4wMjMtMC4zOTEtMS40MTQsMGMtMS42MTUsMS42MTQtMi41MDQsMy43NjQtMi41MDQsNi4wNTJzMC44ODksNC40MzgsMi41MDQsNi4wNTMgICBjMC4xOTUsMC4xOTUsMC40NTEsMC4yOTMsMC43MDcsMC4yOTNzMC41MTItMC4wOTgsMC43MDctMC4yOTNjMC4zOTEtMC4zOTEsMC4zOTEtMS4wMjMsMC0xLjQxNCAgIGMtMS4yMzctMS4yMzctMS45MTgtMi44ODUtMS45MTgtNC42MzlTNy43NzUsOS4yMiw5LjAxMyw3Ljk4M0M5LjQwMyw3LjU5Myw5LjQwMyw2Ljk2LDkuMDEzLDYuNTY5eiIgZmlsbD0iI2FhYWFhYSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}


.email {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4NS40MTEgNDg1LjQxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg1LjQxMSA0ODUuNDExOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTAsODEuODI0djMyMS43NjNoNDg1LjQxMVY4MS44MjRIMHogTTI0Mi43MDgsMjgwLjUyNkw0My42MTIsMTA1LjY5MWgzOTguMTg3TDI0Mi43MDgsMjgwLjUyNnogICAgTTE2My4zOTcsMjQyLjY0OUwyMy44NjcsMzY1LjE3OFYxMjAuMTE5TDE2My4zOTcsMjQyLjY0OXogTTE4MS40ODIsMjU4LjUzM2w2MS4yMiw1My43NjJsNjEuMjItNTMuNzYyTDQ0MS45MjQsMzc5LjcySDQzLjQ4NyAgIEwxODEuNDgyLDI1OC41MzN6IE0zMjIuMDA4LDI0Mi42NTVsMTM5LjUzNS0xMjIuNTM2djI0NS4wNTlMMzIyLjAwOCwyNDIuNjU1eiIgZmlsbD0iI2NjY2NjYyIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}


.web {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Im00MjkuMiw4Mi44Yy00Ni4yLTQ2LjMtMTA3LjgtNzEuOC0xNzMuMi03MS44cy0xMjcsMjUuNS0xNzMuMiw3MS44LTcxLjgsMTA3LjgtNzEuOCwxNzMuMiAyNS41LDEyNyA3MS44LDE3My4yIDEwNy44LDcxLjggMTczLjIsNzEuOCAxMjctMjUuNSAxNzMuMi03MS44IDcxLjgtMTA3LjggNzEuOC0xNzMuMi0yNS41LTEyNy03MS44LTE3My4yem00OS42LDE2Mi4yaC05NWMtMC45LTM3LjgtNi4yLTc0LjItMTUuNS0xMDYuNSAxOC4xLTkuMyAzNS0yMSA1MC41LTM0LjggMzUsMzcuNCA1Ny4zLDg2LjggNjAsMTQxLjN6bS0yMTEuOCwyMmg5NC45Yy0wLjgsMzQuOC01LjYsNjguMS0xMy45LDk3LjktMjUuNi0xMC4zLTUyLjktMTYuMy04MS0xNy42di04MC4zem0xMzYtMTc4LjZjLTEyLjgsMTEuMy0yNi44LDIwLjktNDEuNiwyOC45LTMuOC0xMC42LTguMS0yMC42LTEyLjktMzAtOS41LTE4LjgtMjAuMy0zNC4yLTMyLjItNDYgMzIuNSw5LjEgNjIsMjUuNCA4Ni43LDQ3LjF6bS0xMzYtNTJjMjIuOSw1LjEgNDQuNSwyNi4yIDYxLjksNjAuNiA0LjcsOS4zIDguOSwxOS4yIDEyLjYsMjkuNy0yMy41LDkuNy00OC42LDE1LjQtNzQuNSwxNi43di0xMDd6bTgxLjEsMTExLjRjOC4yLDI5LjYgMTIuOSw2Mi43IDEzLjcsOTcuM2gtOTQuOHYtNzkuNmMyOC4yLTEuMyA1NS41LTcuNCA4MS4xLTE3Ljd6bS0xMDMuMSw5Ny4yaC05NC45YzAuOC0zNC42IDUuNS02Ny43IDEzLjctOTcuMyAyNS42LDEwLjQgNTMsMTYuNCA4MS4xLDE3LjZ2NzkuN3ptLjEtMjA4LjZ2MTA3Yy0yNS45LTEuMy01MS4xLTctNzQuNS0xNi43IDMuNy0xMC41IDcuOS0yMC40IDEyLjYtMjkuNyAxNy40LTM0LjQgMzktNTUuNSA2MS45LTYwLjZ6bS00OS4zLDQuOWMtMTEuOSwxMS44LTIyLjcsMjcuMy0zMi4yLDQ2LTQuNyw5LjQtOSwxOS40LTEyLjksMzAtMTQuOC04LTI4LjctMTcuNi00MS42LTI4LjkgMjQuNy0yMS43IDU0LjItMzggODYuNy00Ny4xem0tMTAyLjUsNjIuNGMxNS41LDEzLjggMzIuNCwyNS40IDUwLjUsMzQuOC05LjMsMzIuNC0xNC43LDY4LjctMTUuNSwxMDYuNWgtOTVjMi43LTU0LjUgMjUtMTAzLjkgNjAtMTQxLjN6bS02MCwxNjMuM2g5NWMwLjksMzguMSA2LjMsNzQuNiAxNS43LDEwNy4xLTE4LDkuMy0zNC45LDIwLjgtNTAuMywzNC42LTM1LjMtMzcuNS01Ny43LTg3LTYwLjQtMTQxLjd6bTc2LjIsMTU3YzEyLjgtMTEuMiAyNi43LTIwLjggNDEuNC0yOC43IDMuOCwxMC4zIDgsMjAuMiAxMi43LDI5LjQgOS41LDE4LjggMjAuMywzNC4yIDMyLjIsNDYuMS0zMi4zLTkuMS02MS43LTI1LjMtODYuMy00Ni44em0xMzUuNiw1MS42Yy0yMi45LTUuMS00NC41LTI2LjItNjEuOS02MC42LTQuNi05LjEtOC43LTE4LjgtMTIuNC0yOS4xIDIzLjQtOS43IDQ4LjUtMTUuNCA3NC4zLTE2LjZ2MTA2LjN6bS04MS0xMTAuN2MtOC4zLTI5LjgtMTMuMS02My4xLTEzLjktOTcuOWg5NC45djgwLjNjLTI4LjEsMS4yLTU1LjQsNy4yLTgxLDE3LjZ6bTEwMywxMTAuN3YtMTA2LjNjMjUuOCwxLjMgNTAuOSw2LjkgNzQuMywxNi42LTMuNywxMC4zLTcuOCwyMC0xMi40LDI5LjEtMTcuNCwzNC40LTM5LDU1LjUtNjEuOSw2MC42em00OS4zLTQuOWMxMS45LTExLjggMjIuNy0yNy4zIDMyLjItNDYuMSA0LjctOS4yIDguOS0xOS4xIDEyLjctMjkuNCAxNC43LDcuOSAyOC42LDE3LjUgNDEuNCwyOC43LTI0LjYsMjEuNi01NCwzNy44LTg2LjMsNDYuOHptMTAyLjItNjJjLTE1LjQtMTMuNy0zMi4zLTI1LjMtNTAuMy0zNC42IDkuNC0zMi41IDE0LjgtNjkuMSAxNS43LTEwNy4xaDk1Yy0yLjgsNTQuNy0yNS4yLDEwNC4yLTYwLjQsMTQxLjd6Ii8+CiAgPC9nPgo8L3N2Zz4K);
}

#work-experience-block,
#work-experience-header,
#references-block,
#references-header
{
  margin-right: 12px;
}


.work-logo {
  width: 300px;
  height: 300px;
  padding: 20px;
  transform: scale(1.0);
}

.work-left {
  float: left;
}

.work-right {
  float: right;
}

.work-details {
  margin: 0 12px;
  padding: 0;
}


.static-spin,
.animated-spin {
  position: absolute;
  transition: all 1s;
}

.animated-spin {
  pointer-events: none;
  z-index: 42;
}

.static-spin:hover {
  opacity: 0.0;
}

.ms-logo {
  margin-left: 40px;
}


  .fs-trunk {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 4000;
    stroke-dashoffset: 0;
    -webkit-animation: fs_trunk 8s infinite;
    -moz-animation: fs_trunk 8s infinite;
    animation: fs_trunk 8s infinite;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }

  @keyframes fs_trunk {
    0% {
      stroke-dashoffset: 4000;
      fill: transparent;
      stroke: #9c947a;
    }
    20% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    80% {
      fill: #9c947a;
      stroke: transparent;
    }
    100% {
      fill: transparent;
    }
  }

  .fs-trunk-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 600;
    -webkit-animation: fs_trunk_in 8s infinite;
    -moz-animation: fs_trunk_in 8s infinite;
    animation: fs_trunk_in 8s infinite;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
  }

  @keyframes fs_trunk_in {
    0% {
      stroke-dashoffset: 600;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    100% {
      fill: transparent;
    }
  }

  .fs-leaf-green-a {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: fs_leaf_green_a 8s infinite;
    -moz-animation: fs_leaf_green_a 8s infinite;
    animation: fs_leaf_green_a 8s infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
  }

  @keyframes fs_leaf_green_a {
    0% {
      stroke-dashoffset: 1000;
      fill: transparent;
      stroke: #87b940;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #87b940;
      stroke: transparent;
    }
    70% {
      fill: #87b940;
      stroke: transparent;
    }
    100% {
      fill: transparent;
    }
  }

  .fs-leaf-green-a-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 500;
    -webkit-animation: fs_leaf_green_a_in 8s infinite;
    -moz-animation: fs_leaf_green_a_in 8s infinite;
    animation: fs_leaf_green_a_in 8s infinite;
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
    animation-delay: 2.7s;
  }

  @keyframes fs_leaf_green_a_in {
    0% {
      stroke-dashoffset: 500;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #ffffff;
      stroke: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    100% {
      fill: transparent;
    }
  }

  .fs-leaf-tan-a {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: fs_leaf_tan_a 8s infinite;
    -moz-animation: fs_leaf_tan_a 8s infinite;
    animation: fs_leaf_tan_a 8s infinite;
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }

  @keyframes fs_leaf_tan_a {
    0% {
      stroke-dashoffset: 1000;
      fill: transparent;
      stroke: #bab7b1;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #bab7b1;
      stroke: transparent;
    }
    70% {
      fill: #bab7b1;
      stroke: transparent;
    }
    100% {
      fill: transparent;
    }
  }

  .fs-leaf-tan-a-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 500;
    -webkit-animation: fs_leaf_tan_a_in 8s infinite;
    -moz-animation: fs_leaf_tan_a_in 8s infinite;
    animation: fs_leaf_tan_a_in 8s infinite;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
  }

  @keyframes fs_leaf_tan_a_in {
    0% {
      stroke-dashoffset: 500;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #ffffff;
      stroke: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    100% {
      fill: transparent;
    }
  }

  .fs-leaf-green-b {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -webkit-animation: fs_leaf_green_b 8s infinite;
    -moz-animation: fs_leaf_green_b 8s infinite;
    animation: fs_leaf_green_b 8s infinite;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }

  @keyframes fs_leaf_green_b {
    0% {
      stroke-dashoffset: 1500;
      fill: transparent;
      stroke: #87b940;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #87b940;
      stroke: transparent;
    }
    70% {
      fill: #87b940;
      stroke: transparent;
    }
    80% {
      fill: transparent;
    }
  }

  .fs-leaf-green-b-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 700;
    -webkit-animation: fs_leaf_green_b_in 8s infinite;
    -moz-animation: fs_leaf_green_b_in 8s infinite;
    animation: fs_leaf_green_b_in 8s infinite;
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
  }

  @keyframes fs_leaf_green_b_in {
    0% {
      stroke-dashoffset: 700;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #ffffff;
      stroke: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    80% {
      fill: transparent;
    }
  }

  .fs-leaf-tan-b {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -webkit-animation: fs_leaf_tan_b 8s infinite;
    -moz-animation: fs_leaf_tan_b 8s infinite;
    animation: fs_leaf_tan_b 8s infinite;
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    animation-delay: 1.9s;
  }

  @keyframes fs_leaf_tan_b {
    0% {
      stroke-dashoffset: 1500;
      fill: transparent;
      stroke: #bab7b1;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #bab7b1;
      stroke: transparent;
    }
    70% {
      fill: #bab7b1;
      stroke: transparent;
    }
    80% {
      fill: transparent;
    }
  }

  .fs-leaf-tan-b-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1000;
    -webkit-animation: fs_leaf_tan_b_in 8s infinite;
    -moz-animation: fs_leaf_tan_b_in 8s infinite;
    animation: fs_leaf_tan_b_in 8s infinite;
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay: 3.6s;
    animation-delay: 3.6s;
  }

  @keyframes fs_leaf_tan_b_in {
    0% {
      stroke-dashoffset: 1000;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #ffffff;
      stroke: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    80% {
      fill: transparent;
    }
  }

  .fs-leaf-green-c {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -webkit-animation: fs_leaf_green_c 8s infinite;
    -moz-animation: fs_leaf_green_c 8s infinite;
    animation: fs_leaf_green_c 8s infinite;
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    animation-delay: 2.2s;
  }

  @keyframes fs_leaf_green_c {
    0% {
      stroke-dashoffset: 1500;
      fill: transparent;
      stroke: #87b940;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #87b940;
      stroke: transparent;
    }
    60% {
      fill: #87b940;
      stroke: transparent;
    }
    70% {
      fill: transparent;
    }
  }

  .fs-leaf-green-c-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1000;
    -webkit-animation: fs_leaf_green_c_in 8s infinite;
    -moz-animation: fs_leaf_green_c_in 8s infinite;
    animation: fs_leaf_green_c_in 8s infinite;
    -webkit-animation-delay: 3.9s;
    -moz-animation-delay: 3.9s;
    animation-delay: 3.9s;
  }

  @keyframes fs_leaf_green_c_in {
    0% {
      stroke-dashoffset: 1000;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #ffffff;
      stroke: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    70% {
      fill: transparent;
    }
  }

  .fs-leaf-tan-c {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -webkit-animation: fs_leaf_tan_c 8s infinite;
    -moz-animation: fs_leaf_tan_c 8s infinite;
    animation: fs_leaf_tan_c 8s infinite;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s;
  }

  @keyframes fs_leaf_tan_c {
    0% {
      stroke-dashoffset: 1500;
      fill: transparent;
      stroke: #bab7b1;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #bab7b1;
      stroke: transparent;
    }
    60% {
      fill: #bab7b1;
      stroke: transparent;
    }
    70% {
      fill: transparent;
    }
  }

  .fs-leaf-tan-c-in {
    fill: transparent;
    stroke: transparent;
    stroke-width: 6px;
    stroke-dasharray: 700;
    -webkit-animation: fs_leaf_tan_c_in 8s infinite;
    -moz-animation: fs_leaf_tan_c_in 8s infinite;
    animation: fs_leaf_tan_c_in 8s infinite;
    -webkit-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    animation-delay: 4.2s;
  }

  @keyframes fs_leaf_tan_c_in {
    0% {
      stroke-dashoffset: 700;
      fill: transparent;
      stroke: #ffffff;
    }
    10% {
      stroke-dashoffset: 0;
      fill: transparent;
    }
    40% {
      fill: #ffffff;
      stroke: transparent;
    }
    50% {
      fill: #ffffff;
      stroke: transparent;
    }
    70% {
      fill: transparent;
    }
  }











  .swlogo_top {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2px;
    stroke-dasharray: 900;
    -webkit-animation: line_top 6s infinite;
    -moz-animation: line_top 6s infinite;
    -ms-animation: line_top 6s infinite;
    animation: line_top 6s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s;
  }
  @keyframes line_top {
    0% {stroke-dashoffset: -900; fill: transparent; stroke: #f99d1c;}
    20% {stroke-dashoffset: 0; fill: transparent;}
    60% {fill: #f99d1c; stroke: transparent;}
    100% {fill: transparent;}
  }

  .swlogo_mid {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2px;
    stroke-dasharray: 510;
    stroke-dashoffset: 0;
    -webkit-animation: line_mid 6s infinite;
    -moz-animation: line_mid 6s infinite;
    -ms-animation: line_mid 6s infinite;
    animation: line_mid 6s infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
  }
  @keyframes line_mid {
    0% {stroke-dashoffset: -510; fill: transparent; stroke: #f99d1c;}
    20% {stroke-dashoffset: 0; fill: transparent;}
    70% {fill: #f99d1c; stroke: transparent;}
    100% {fill: transparent;}
  }

  .swlogo_bot {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2px;
    stroke-dasharray: 350;
    -webkit-animation: line_bot 6s infinite;
    -moz-animation: line_bot 6s infinite;
    -ms-animation: line_bot 6s infinite;
    animation: line_bot 6s infinite;
  }
  @keyframes line_bot {
    0% {stroke-dashoffset: -350; fill: transparent; stroke: #f99d1c;}
    20% {stroke-dashoffset: 0; fill: transparent;}
    80% {fill: #f99d1c; stroke: transparent;}
    100% {fill: transparent;}
  }










  .ms-spin {
      margin: 0 auto;
      height: 88vh;
      width: 88vw;
    }

    #ms_red {
      fill: transparent;
      stroke: transparent;
      stroke-width: 2px;
      stroke-dasharray: 1000;
      stroke-dashoffset: 0;
      -webkit-animation: ms_red 8s infinite;
      -moz-animation: ms_red 8s infinite;
      animation: ms_red 8s infinite;
      -webkit-animation-delay: 0s;
      -moz-animation-delay: 0s;
      animation-delay: 0s;
    }

    @keyframes ms_red {
      0% {
        stroke-dashoffset: 1000;
        fill: transparent;
        stroke: #F35325;
      }
      15% {
        stroke-dashoffset: 0;
        fill: transparent;
      }
      30% {
        fill: #F35325;
        stroke: transparent;
      }
      80% {
        fill: #F35325;
        stroke: transparent;
      }
      100% {
        fill: transparent;
      }
    }

    #ms_yellow {
      fill: transparent;
      stroke: transparent;
      stroke-width: 2px;
      stroke-dasharray: 1000;
      stroke-dashoffset: 0;
      -webkit-animation: ms_yellow 8s infinite;
      -moz-animation: ms_yellow 8s infinite;
      animation: ms_yellow 8s infinite;
      -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
      animation-delay: 1s;
    }

    @keyframes ms_yellow {
      0% {
        stroke-dashoffset: 1000;
        fill: transparent;
        stroke: #FFBA08;
      }
      15% {
        stroke-dashoffset: 0;
        fill: transparent;
      }
      30% {
        fill: #FFBA08;
        stroke: transparent;
      }
      70% {
        fill: #FFBA08;
        stroke: transparent;
      }
      90% {
        fill: transparent;
      }
    }


    #ms_green {
      fill: transparent;
      stroke: transparent;
      stroke-width: 2px;
      stroke-dasharray: 1000;
      stroke-dashoffset: 0;
      -webkit-animation: ms_green 8s infinite;
      -moz-animation: ms_green 8s infinite;
      animation: ms_green 8s infinite;
      -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
      animation-delay: 2s;
    }

    @keyframes ms_green {
      0% {
        stroke-dashoffset: 1000;
        fill: transparent;
        stroke: #81BC06;
      }
      15% {
        stroke-dashoffset: 0;
        fill: transparent;
      }
      30% {
        fill: #81BC06;
        stroke: transparent;
      }
      60% {
        fill: #81BC06;
        stroke: transparent;
      }
      80% {
        fill: transparent;
      }
    }


    #ms_blue {
      fill: transparent;
      stroke: transparent;
      stroke-width: 2px;
      stroke-dasharray: 1000;
      stroke-dashoffset: 0;
      -webkit-animation: ms_blue 8s infinite;
      -moz-animation: ms_blue 8s infinite;
      animation: ms_blue 8s infinite;
      -webkit-animation-delay: 3s;
      -moz-animation-delay: 3s;
      animation-delay: 3s;
    }

    @keyframes ms_blue {
      0% {
        stroke-dashoffset: 1000;
        fill: transparent;
        stroke: #05A6F0;
      }
      15% {
        stroke-dashoffset: 0;
        fill: transparent;
      }
      30% {
        fill: #05A6F0;
        stroke: transparent;
      }
      50% {
        fill: #05A6F0;
        stroke: transparent;
      }
      70% {
        fill: transparent;
      }
    }

.mx-static {
    height: 140px;
    width: 260px;
    margin-left: 20px;
}

.mx-spin {
    height: 140px;
    width: 260px;
    margin-left: 20px;
      -webkit-animation: mx_blur 5s infinite;
    -moz-animation: mx_blur 5s infinite;
    animation: mx_blur 5s infinite;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

@keyframes mx_blur {
  0% {
    opacity: 1.0;
  }
  60% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.6;
  }
}

  .mx-m {
    fill: transparent;
    stroke: transparent;
    stroke-width: 1px;
    stroke-dasharray: 3000;
    stroke-dashoffset: 0;
    -webkit-animation: mx_draw 5s infinite;
    -moz-animation: mx_draw 5s infinite;
    animation: mx_draw 5s infinite;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }

  .mx-x {
    fill: transparent;
    stroke: transparent;
    stroke-width: 1px;
    stroke-dasharray: 3000;
    stroke-dashoffset: 0;
    -webkit-animation: mx_draw 5s infinite;
    -moz-animation: mx_draw 5s infinite;
    animation: mx_draw 5s infinite;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .smx-m {
    fill: #000;
    stroke: #000;
    stroke-width: 1px;
  }

  .smx-x {
    fill: #000;
    stroke: #000;
    stroke-width: 1px;
  }

  @keyframes mx_draw {
    0% {
      stroke-dashoffset: 3000;
      fill: transparent;
      stroke: #000;
    }
    30% {
      stroke-dashoffset: 0;
      fill: transparent;
      stroke: #000;
    }
    40% {
      fill: #000;
      stroke: #000;
    }
    60% {
      fill: #000;
      stroke: #000;
    }
    100% {
      fill: transparent;
      stroke: transparent;
    }
  }