/* Custom @Fontface */
/* Variables */
@font-face {
  font-family: 'open_sansregular';
  src: url("../font/opensans_regular/OpenSans-Regular-webfont.eot");
  src: url("../font/opensans_regular/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/opensans_regular/OpenSans-Regular-webfont.woff") format("woff"), url("../font/opensans_regular/OpenSans-Regular-webfont.ttf") format("truetype"), url("../font/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'breeserif_regular';
  src: url("../font/breeserif_regular/breeserif-regular-webfont.eot");
  src: url("../font/breeserif_regular/breeserif-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/breeserif_regular/breeserif-regular-webfont.woff2") format("woff2"), url("../font/breeserif_regular/breeserif-regular-webfont.woff") format("woff"), url("../font/breeserif_regular/breeserif-regular-webfont.ttf") format("truetype"), url("../font/breeserif_regular/breeserif-regular-webfont.svg#bree_serifregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Main index page */
/* line 36, ../sass/style.scss */
.navbar {
  /* Bootstrap Overrides */
}
/* line 37, ../sass/style.scss */
.navbar__fix {
  /*margin-top: 50px;*/
}

.navbar__text {
  font-size: 18px;
  font-family: 'Arsenal', sans-serif;
  letter-spacing: 1px;
}
/* line 41, ../sass/style.scss */
.navbar__text--color {
  color: #FFF !important;
}
/* line 45, ../sass/style.scss */
.navbar__color {
  background-color: #6bbd43a3;
  border-color: #FFF;
}
/* line 49, ../sass/style.scss */
.navbar__right {
  float: right;
}
/* line 54, ../sass/style.scss */
.navbar .active a {
  background-color: #2b2b2b !important;
}

/* Bootstrap Overrides */
/* line 61, ../sass/style.scss */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;
}

.navbar-brand {
  padding-top: 12px;
}

/* line 65, ../sass/style.scss */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #2b2b2b;
}

.navbar-brand .top-left-logo {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.navbar-brand .top-left-text {
  vertical-align: middle;
}
/* End of Overrides */
/* line 71, ../sass/style.scss */
.jumbotron {
  height: 100vh;
  margin-bottom: 0;
}
/* line 75, ../sass/style.scss */
.jumbotron__wrapper {
  position: absolute;
  bottom: 10%;
  width: 100%;
  left: 0;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 83, ../sass/style.scss */
.jumbotron__greetings {
    max-width: 550px;
    position: relative;
    margin: auto;
    border: 4px solid #00b7a65c;
    border-radius: 5px;
    box-shadow: 3px 2px 5px #000;
    text-shadow: 1px 1px 7px #000;
    background: #1c3b4ea3;
}
/* line 93, ../sass/style.scss */
.jumbotron__greetings-text {
  padding: 10px 80px 15px 100px;
  font-family: 'Arial';
}

.jumbotron__greetings-text a {
  color: #38ff46;
  text-decoration: underline;
}

.jumbotron__greetings-text a:hover, .jumbotron__greetings-text a:visited, .jumbotron__greetings-text a:active {
  color: #d8ff00;
  text-decoration: underline;
}

/* line 97, ../sass/style.scss */
.jumbotron__greetings-text h2 {
  font-size: 48px;
  color: #FFF;
  font-family: 'Arsenal', sans-serif;
}
/* line 103, ../sass/style.scss */
.jumbotron__greetings-text p {
  color: #FFF;
  font-size: 15px;
  font-family: arimo;
  letter-spacing: 1px;
}
/* line 110, ../sass/style.scss */
.jumbotron__greetings-circle {
  width: 155px;
  height: 155px;
  border-radius: 150px;
  border: 4px solid #FFF;
  box-shadow: 3px 2px 5px #000;
  background-size: cover;
  position: absolute;
  top: -4px;
  left: -80px;
  background: #0000008c;
}
/* line 123, ../sass/style.scss */
.jumbotron__greetings-logo {
  position: absolute;
  top: 19px;
  left: 20px;
  width: 109px;
}

/* line 135, ../sass/style.scss */
.hero-image__index {
  background-image: url("../img/hero-image.jpg");
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
}

/* line 144, ../sass/style.scss */
.technologies {
  padding: 100px 0px;
  background-color: #fff;
  background-size: cover;
  background-attachment: fixed;
}

.technologies-header {
  padding-bottom: 45px;
}

.hexagon-image {
    padding-top: 50px;
    width: 200px;
    padding-right: 15px;
}

/* line 150, ../sass/style.scss */
.section__header {
  font-size: 40px;
  margin-top: 40px;
  color: #515151;
  letter-spacing: 2px;
  font-family: 'Arsenal', sans-serif;
}
/* line 157, ../sass/style.scss */
.section__header--reverse {
  color: #FFF !important;
  text-shadow: 1px 1px 0 #767676 !important;
}
/* line 163, ../sass/style.scss */
.section__description {
  font-size: 18px;
  color: #515151;
  font-family: 'Arsenal', sans-serif;
  margin-bottom: 30px;
}

.section__paragraph {
  font-size: 18px;
  font-family: Arimo;
  letter-spacing: 1px;
}

.section__paragraph--reverse {
  color: #fff !important;
  text-shadow: 1px 1px 0 #767676 !important;
}

.about {
  padding: 150px 0;
}

.about .section__description {
  font-style: italic;
}

/* line 170, ../sass/style.scss */
.section__description--reverse {
  color: #FFF !important;
  text-shadow: 1px 1px 0 #767676 !important;
}
/* line 178, ../sass/style.scss */
.section__spacer-bottom {
  height: 35px;
}

body::-webkit-scrollbar {
    width: 16px;

}

body::-webkit-scrollbar-thumb{
  background: #bdbdbd;
}

body::-webkit-scrollbar-track {
  background: #e8e8e800;
}


/* line 181, ../sass/style.scss */
.section__spacer-large {
  height: 50px;
}
/* line 184, ../sass/style.scss */
.section__spacer-navbar {
  margin-top: 50px;
}

/* line 190, ../sass/style.scss */
.cv {
  font-family: 'open_sansregular';
}
/* line 194, ../sass/style.scss */
.cv__header {
  margin-top: 0;
}

/* line 200, ../sass/style.scss */
.spaced-top {
  margin-top: 15px;
}

/* line 204, ../sass/style.scss */
.spaced-bottom {
  margin-bottom: 15px;
}

/* line 208, ../sass/style.scss */
.spaced-left {
  margin-left: 15px;
}

/* line 212, ../sass/style.scss */
.spaced-right {
  margin-right: 15px;
}

/* line 217, ../sass/style.scss */
.cards__grid {
  padding: 0;
  text-align: center;
}
/* line 222, ../sass/style.scss */
.cards__card {
  width: 230px;
  border-radius: 6px;
  /*box-shadow: 0 0px 3px #949494;*/
  background-color: #FFF;
  text-align: center;
  line-height: 3;
  font-size: 23px;
  display: inline-block;
  margin-right: 50px;
  margin-bottom: 35px;
  transition: 0.3s;
  font-family: 'Arimo', sans-serif;
  letter-spacing: 1px;
  padding: 13px;
}
/* line 236, ../sass/style.scss */
.cards__card:nth-child(3n+3) {
  margin-right: 0;
}
/* line 240, ../sass/style.scss */
.cards__card:hover {
  box-shadow: 0px 0px 8px #949494;
  transition: 0.2s;
}
/* line 245, ../sass/style.scss */
.cards__icon {
  font-size: 52px;
  padding-right: 10px;
  vertical-align: middle;
}

.cards__icon-ux {
  color: #bb8bb5;
}

.cards__icon-proto {
  color: #6baaf7;
}

.cards__card .experience-design {
  color: #fe36c1;
}

/* line 251, ../sass/style.scss */
.cards__img {
  vertical-align: middle;
}
/* line 255, ../sass/style.scss */
.cards__text {
  color: #818080;
}
/* line 259, ../sass/style.scss */
.cards__registered {
  font-size: 12px;
}

/* line 265, ../sass/style.scss */
.canvas__position {
  margin-top: -48px;
}

.current-employer {
  height: 500px;
  position: relative;
  box-shadow: -1px 2px 3px #bdbdbd;
}

.current-employer__logo {
  width:350px
}

.employer-text-middle {
  display: inline-block;
}

.employer-box {
  height: 500px;
  text-align: center;
  overflow: hidden;
}

@-webkit-keyframes employer-zoom {
  0%   { transform: scale(1); }
  100% { transform: scale(1.1); }
}

@-webkit-keyframes employer-text-animate {
  0%   { left: -100px; opacity: 0; }
  100% { left: 0px; opacity: 1; }
}

.employer-box:before {
  content: "";
  height: 500px;
  width: 100%;
  position: absolute;
  background: url(../img/office-block2.jpg);
  background-size: cover;
  background-position: 49% 92%;
  left: 0;
  z-index: -1;
}

.employer-logo-animate.employer-box:before {
  animation-fill-mode: forwards;
  animation-name: employer-zoom;
  animation-duration: 1s;
}

.employer-text {
  height: 500px;
  background: #6f91a2;
  padding: 60px;
  position: relative;
}

.employer-text-animate {
  animation-fill-mode: forwards;
  animation-name: employer-text-animate;
  animation-duration: 1s;
  position: relative;
}

.ml16 {
  color: #402d2d;
  padding: 40px 0;
  font-weight: 800;
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  overflow: hidden;
}

.ml16 .letter {
  display: inline-block;
  line-height: 1em;
}

.vertical-content {
  display: table;
  overflow: hidden;
}

.vertical-inner {
  display: table-cell;
  vertical-align: middle;
}

/* line 270, ../sass/style.scss */
.industry {
/*  background-image: url("../img/footer_lodyas.png");
  border-top: 3px solid #6BBD43;
  border-bottom: 3px solid #6BBD43;*/
/*  background: #2b2b2b;*/
  padding: 100px 0;
    background-size: cover;
  background-attachment: fixed;
  background-image: url('../img/particles3.png');
}
/* line 275, ../sass/style.scss */
.industry__holder {
  margin-left: -15px;
  margin-right: -15px;
}

.case-studies {
  padding: 150px 0;
}

.case-studies .section__header {
  padding: 0 0 40px;
}

.industry .section__header {
  text-shadow: 1px 1px 0 #767676 !important;
}

.industry .container.section {
  padding-top: 100px;
}

.pos-rel {
  position: relative;
}

.industry:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 761px;
  -webkit-transform: skewY(-3deg);
  transform: skewY(-3deg);
  background: #3d626beb;
  background: #6f91a2;
  background-image: url(../img/london3.jpg);
  background-size: cover;
  filter: grayscale(100%);
  transition: 0.3s;
}

.industry:hover:before {
  filter: grayscale(0%);
  transition: 0.3s;
}

/* line 281, ../sass/style.scss */
.squares {
  margin-bottom: 22px;
}
/* line 284, ../sass/style.scss */
.squares__square {
    background: #fff0;
    border-radius: 5px;
    /* box-shadow: 0 0px 6px #22607f; */
    width: 172px;
    height: 201px;
    margin: auto;
    transition: 0.2s;
    text-align: center;
    background-image: url(../img/whitehex3.png);
    background-size: cover;
}
/* line 295, ../sass/style.scss */
.squares__square:hover {
  transition: 0.3s;
  opacity: 0.5;
  cursor: pointer;
}

.squares__square h1 {
  display: inline;
  vertical-align: middle;
  color: #abd271;
}
/* line 302, ../sass/style.scss */
.squares__title {
  color: white;
  text-align: center;
  font-size: 16px !important;
  text-shadow: 1px 1px 0 #767676 !important;
}

.personal {
  padding: 100px 0;
}

/* line 311, ../sass/style.scss */
.personal__anchor:hover {
  text-decoration: none;
}
/* line 315, ../sass/style.scss */
.personal__art {
  width: 88px;
  height: 88px;
}
/* line 320, ../sass/style.scss */
.personal__header {
  margin-top: 0;
}
/* line 324, ../sass/style.scss */
.personal__square {
  height: 150px;
  margin: 15px;
  box-shadow: 0 0px 3px #949494;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 3px #000;
  filter: contrast(100%);
  transition: 0.3s;
  border-radius: 6px;
}
/* line 335, ../sass/style.scss */
.personal__square-title {
  vertical-align: middle;
  display: inline-block;
}
/* line 340, ../sass/style.scss */
.personal__square:hover {
  box-shadow: 0px 0px 8px #949494;
  filter: contrast(200%);
  transition: 0.2s;
}
/* line 346, ../sass/style.scss */
.personal__img {
  width: 100%;
}
/* line 349, ../sass/style.scss */
.personal__img--multiple {
  margin-bottom: 10px;
}
/* line 353, ../sass/style.scss */
.personal__buttons {
  border: solid 2px #6bbd43;
  color: #6bbd43;
  padding: 7px 15px;
  display: inline-block;
  width: 92px;
  text-align: center;
  margin-right: 10px;
  transition: 0.3s;
}
/* line 363, ../sass/style.scss */
.personal__buttons:hover {
  color: #FFF;
  background: #6bbd43;
  transition: 0.3s;
}
/* line 369, ../sass/style.scss */
.personal__buttons-prompt {
  background-color: #6bbd43;
  color: white;
}
/* line 372, ../sass/style.scss */
.personal__buttons-prompt:hover {
  background-color: #6fce42;
  border-color: #6fce42;
  transition: 0.3s;
}

/* line 386, ../sass/style.scss */
.table__skills--wrapper:first-child {
  padding-right: 2px;
}
/* line 390, ../sass/style.scss */
.table__skills--wrapper:last-child {
  padding-left: 2px;
}
/* line 397, ../sass/style.scss */
.table__skills--header thead {
  border-right: 1px solid #6bbd43;
  border-left: 1px solid #6bbd43;
}
/* line 402, ../sass/style.scss */
.table__skills--header tbody {
  border-right: 1px solid rgba(107, 189, 67, 0.24);
  border-left: 1px solid rgba(107, 189, 67, 0.24);
  border-bottom: 1px solid rgba(107, 189, 67, 0.24);
}
/* line 408, ../sass/style.scss */
.table__skills--header th {
  background: #6bbd43 !important;
  color: white !important;
}

/* line 417, ../sass/style.scss */
.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 423, ../sass/style.scss */
.clear-both {
  clear: both;
}

/* Fa Colour change - Sitewide override for reusability. */
/* line 430, ../sass/style.scss */
.fa-html5 {
  color: #ff5011;
}
/* line 433, ../sass/style.scss */
.fa-css3 {
  color: #4ba7e5;
}
/* line 436, ../sass/style.scss */
.fa-compress {
  color: #95bc1f;
}
/* line 439, ../sass/style.scss */
.fa-mobile {
  color: #2aaecf;
}

/* line 444, ../sass/style.scss */
.js__logo {
  color: #d1ca08;
}

/* Video - Width Override. */
/* line 450, ../sass/style.scss */
video {
  width: 100%;
  height: 100%;
}

/* line 457, ../sass/style.scss */
#scrollArea {
  height: 280px;
  overflow: auto;
}

/* line 462, ../sass/style.scss */
#bottom {
  display: block;
  margin-top: 2000px;
}

/* Overriding Default UL list point */
/* line 469, ../sass/style.scss */
ul {
  list-style-type: circle;
}

/* line 473, ../sass/style.scss */
.da-thumbs {
  list-style: none;
  /*width: 984px;*/
  /*height: 600px;*/
  position: relative;
  /*margin: 20px auto;*/
  padding: 0;
}

/* line 481, ../sass/style.scss */
.da-thumbs li {
  float: left;
  /*margin: 5px;*/
  background: #fff;
  /*padding: 8px;*/
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 489, ../sass/style.scss */
.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
}

/* line 494, ../sass/style.scss */
.da-thumbs li a {
  overflow: hidden;
}

/* line 497, ../sass/style.scss */
.da-thumbs li a div {
  position: absolute;
  background: #333;
  background: rgba(75, 75, 75, 0.7);
  width: 100%;
  height: 100%;
}

/* line 504, ../sass/style.scss */
.da-thumbs li a div span {
  display: block;
  padding: 10px 0;
  margin: 40px 20px 20px 20px;
  text-transform: uppercase;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 -10px 0 rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 479px) {
  /* line 518, ../sass/style.scss */
  .hidden-480 {
    display: none;
  }

  /* line 521, ../sass/style.scss */
  .jumbotron__greetings-text--mobile {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 480px) {
  /* line 528, ../sass/style.scss */
  .visible-480 {
    display: none;
  }
}
@media screen and (max-width: 540px) {
  /* line 535, ../sass/style.scss */
  .cards__grid {
    /*      width: 100%;*/
    margin: auto;
    text-align: center;
  }
  /* line 540, ../sass/style.scss */
  .cards__card {
    margin-right: 0;
    width: 125px;
  }
  /* line 544, ../sass/style.scss */
  .cards__icon {
    padding-right: 0;
  }

  /* line 549, ../sass/style.scss */
  .hidden-540 {
    display: none;
  }

  /* line 559, ../sass/style.scss */
  .squares__title {
    font-size: 15px !important;
  }
  /* line 563, ../sass/style.scss */
  .squares__logo {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 570, ../sass/style.scss */
  .squares__square {
    width: 128px;
    height: 150px;
  }

  .squares__square img {
    width: 73%;
  }

  .navbar-right {
    float: none;
  }

  .personal {
    padding: 50px 0 0 0;
  }

  .technologies {
    padding: 50px 0 0 0;
  }

  .industry {
    padding: 0;
  }

  .about {
    padding: 75px 0;
  }

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

  .current-employer {
    height: 1000px;
  }

  .industry .container.section {
    padding-top: 50px;
  }

  .industry:before {
    height: 750px;
  }

  /* line 576, ../sass/style.scss */
  .jumbotron__greetings-circle {
    width: 70px;
    height: 70px;
    top: 15px;
    left: 15px;
    border: 2px solid #FFF;
  }
  /* line 582, ../sass/style.scss */
  .jumbotron__greetings-logo {
    top: 9px;
    left: 11px;
    width: 46px;
  }

  /* line 591, ../sass/style.scss */
  .cards__card {
    margin-right: 0;
  }

  /* line 597, ../sass/style.scss */
  .section__header {
    text-align: center;
  }
  /* line 601, ../sass/style.scss */
  .section__description {
    text-align: center;
  }

  /* line 606, ../sass/style.scss */
  .jumbotron__greetings-text h2 {
    font-size: 34px;
  }

  /* line 611, ../sass/style.scss */
  .canvas__position {
    margin-top: -30px;
  }

  /* line 616, ../sass/style.scss */
  .pull-left-xs {
    float: left;
  }

  /* line 620, ../sass/style.scss */
  .pull-right-xs {
    float: right;
  }

  /* line 627, ../sass/style.scss */
  .table__skills--wrapper:first-child table {
    padding-right: 15px;
  }
  /* line 631, ../sass/style.scss */
  .table__skills--wrapper:last-child {
    padding-left: 15px;
  }
  /* line 635, ../sass/style.scss */
  .table__skills--wrapper:last-child table {
    border-bottom: 1px solid rgba(107, 189, 67, 0.24);
  }
  /* line 638, ../sass/style.scss */
  .table__skills--wrapper:last-child table tbody > tr:nth-child(2n+1) > td, .table__skills--wrapper:last-child table tbody > tr:nth-child(2n+1) > th {
    background-color: white;
  }
  /* line 641, ../sass/style.scss */
  .table__skills--wrapper:last-child table tbody > tr:nth-child(2n) > td, .table__skills--wrapper:last-child table tbody > tr:nth-child(2n) > th {
    background-color: #f9f9f9;
  }
  /* line 646, ../sass/style.scss */
  .table__skills--wrapper .table {
    margin-bottom: 0;
  }
  /* line 652, ../sass/style.scss */
  .table__skills--header tbody {
    border-bottom: none;
  }
}
/* line 661, ../sass/style.scss */
.display-inline {
  display: inline-block;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 668, ../sass/style.scss */
  .section .cards__card {
    margin-right: 7px;
    margin-bottom: 10px;
  }
  /* line 672, ../sass/style.scss */
  .section .cards__card:nth-child(3n+3) {
    margin-right: 0;
  }

  .hexagon-image {
    width: 165px;
  }
}
@media screen and (min-width: 992px) {
  /* line 681, ../sass/style.scss */
  .section {
    width: 830px;
  }
  /* line 683, ../sass/style.scss */
  .section__spacer-bottom {
    height: 15px;
  }

  /* line 687, ../sass/style.scss */
  .squares {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 694, ../sass/style.scss */
  .section {
    width: 830px;
  }
}
@media print {
  /* line 704, ../sass/style.scss */
  .table__skills--wrapper:first-child {
    padding-right: 15px;
  }
  /* line 708, ../sass/style.scss */
  .table__skills--wrapper:last-child {
    padding-left: 15px;
  }
  /* line 715, ../sass/style.scss */
  .table__skills--header th {
    background: #6bbd43 !important;
    color: white !important;
  }

  /* line 723, ../sass/style.scss */
  .section__spacer-navbar {
    margin: 0;
  }

  /* line 727, ../sass/style.scss */
  .cv__experience {
    page-break-after: always;
  }
}