.fadeLoad {
  -webkit-animation: fadein 3s;
  /* Safari and Chrome */
  -moz-animation: fadein 3s;
  /* Firefox */
  -o-animation: fadein 3s;
  /* Opera */
  animation: fadein 3s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
footer {
  margin-bottom: 30px;
  color: white !important; }

body {
  font-family: 'Quicksand', sans-serif !important;
  overflow-x: hidden; }
  body nav {
    height: 100px;
    padding-right: 20px; }
    body nav .navAnimate {
      transition: .5s !important; }
    body nav ul li a {
      font-size: 16px;
      font-weight: bold;
      color: #fff !important; }
    body nav ul li a:hover {
      background-color: transparent !important; }
    body nav ul li .navLinks:hover {
      transition: 1s;
      background-color: #234857 !important; }
    body nav ul li .navLinks:visited,
    body nav ul li .navLinks:focus,
    body nav ul li .navLinks:active {
      transition: 1s;
      background-color: #234857 !important; }
    body nav ul li .hireMe {
      min-height: 50px;
      width: 150px;
      transition: .5s;
      color: #00ff00;
      border: solid 2px #00ff00;
      border-radius: 0px;
      background-color: transparent !important; }
    body nav ul li .hireMe:hover,
    body nav ul li .hireMe:active {
      transition: .5s;
      color: #fff !important;
      border: solid 3px #00ff00;
      outline: 0 !important;
      background-color: #00ff00 !important; }
    body nav ul li .hireMe {
      outline: 0 !important; }
  body .navbar-toggle {
    border: none !important; }
  body .navbar-collapse {
    border: none !important; }
  body .navbar-toggle:active,
  body .navbar-toggle:focus {
    background-color: #143948 !important; }
  body .navbar-toggle:visited {
    background: none !important; }
  body .navbar-toggle .icon-bar {
    background: #fff !important; }
  body .navbar-collapse .collapse.in {
    transition: ease 1s;
    background-color: #0f3443 !important; }
  body .introduction {
    margin: 0px;
    margin-top: 250px !important; }
  body .banner {
    min-width: 100%;
    min-height: 768px;
    color: #fff;
    background-image: url("../assets/img/banner6-min.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover; }
  body .introName {
    font-family: 'Playfair Display', serif !important;
    font-size: 50px;
    font-weight: bold;
    padding-left: 13px;
    letter-spacing: 5px; }
  body .introContainer {
    width: 100%;
    height: 100%;
    margin: auto; }
  body .pre-intro {
    padding-left: 14px; }
  body .introP {
    text-indent: 30px !important;
    font-size: 20px;
    line-height: 30px;
    text-align: justify; }
    body .introP a {
      text-decoration: none;
      color: #fff; }
  body *,
  body *:before,
  body *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  body .mouse_scroll {
    display: block;
    width: 24px;
    height: 100px;
    margin: 0 auto;
    margin-top: 125px; }
  body .m_scroll_arrows {
    display: block;
    width: 5px;
    width: 16px;
    height: 5px;
    height: 16px;
    margin: 0 0 3px 4px;
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    -ms-transform: rotate(45deg);
    /* IE 9 */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white; }
  body .unu {
    margin-top: 1px; }
  body .unu,
  body .doi,
  body .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite; }
  body .unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate; }
  body .doi {
    margin-top: -6px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate; }
  body .trei {
    margin-top: -6px;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate; }
  body .mouse {
    top: 170px;
    width: 24px;
    height: 42px;
    transform: none;
    border: 2px solid white;
    border-radius: 14px; }
  body .wheel {
    position: relative;
    display: block;
    width: 2px;
    width: 4px;
    height: 5px;
    height: 4px;
    margin: 5px auto;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: white; }
  body .wheel {
    -webkit-animation: mouse-wheel .6s linear infinite;
    -moz-animation: mouse-wheel .6s linear infinite; }
@-webkit-keyframes mouse-wheel {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 0; } }
@-moz-keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@-moz-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@-o-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
  body .aboutMe {
    margin-top: 150px;
    color: #0f3443; }
    body .aboutMe .aboutHeader {
      font-family: 'Playfair Display', serif !important;
      letter-spacing: 5px;
      font-size: 55px;
      font-weight: bold; }
    body .aboutMe .aboutText {
      font-family: 'Playfair Display', serif !important;
      font-size: 20px;
      color: #181818 !important;
      min-height: 500px; }
      body .aboutMe .aboutText .aboutP {
        font-family: 'Quicksand', sans-serif !important;
        font-size: 16px;
        color: #181818 !important;
        font-size: 20px;
        text-align: justify;
        text-indent: 30px;
        line-height: 36px; }
        body .aboutMe .aboutText .aboutP a {
          text-decoration: none;
          color: #181818 !important; }
    body .aboutMe .aboutPic {
      min-height: 500px; }
  body .skillSet {
    margin-top: 150px;
    min-height: 500px;
    color: #181818 !important; }
    body .skillSet .subHeadings {
      font-family: 'Playfair Display', serif !important;
      letter-spacing: 5px;
      font-size: 24px;
      font-weight: bold; }
    body .skillSet .skillDesc {
      font-size: 16px;
      text-align: justify;
      text-indent: 30px; }
    body .skillSet .skillSetHeader {
      font-family: 'Playfair Display', serif !important;
      letter-spacing: 5px;
      font-size: 55px;
      font-weight: bold;
      color: #0f3443 !important; }
    body .skillSet .skillOne {
      color: #181818 !important;
      font-size: 20px;
      min-height: 300px;
      margin-bottom: 50px;
      margin-top: 120px; }
      body .skillSet .skillOne .oneIco {
        min-height: 100%; }
      body .skillSet .skillOne .oneDesc {
        min-height: 100%; }
    body .skillSet .skillTwo {
      color: #181818 !important;
      font-size: 20px;
      min-height: 300px;
      margin-bottom: 50px;
      margin-top: 120px; }
      body .skillSet .skillTwo .twoIco {
        min-height: 100%; }
      body .skillSet .skillTwo .twoDesc {
        min-height: 100%; }
    body .skillSet .skillThree {
      color: #181818 !important;
      font-size: 20px;
      min-height: 300px; }
      body .skillSet .skillThree .threeIco {
        min-height: 100%; }
      body .skillSet .skillThree .threeDesc {
        min-height: 100%; }
    body .skillSet .skillFour {
      color: #181818 !important;
      font-size: 20px;
      min-height: 300px; }
      body .skillSet .skillFour .fourIco {
        min-height: 100%; }
      body .skillSet .skillFour .fourDesc {
        min-height: 100%; }
  body .toolBoxHeader {
    margin-top: 100px;
    font-family: 'Playfair Display', serif !important;
    letter-spacing: 5px;
    font-size: 55px;
    font-weight: bold;
    color: #0f3443; }
  body .toolBoxCont {
    margin: auto !important;
    margin-bottom: 100px !important; }
  body .grid article {
    display: block;
    width: 20%;
    height: 100px;
    margin: 23px;
    margin-bottom: 195px;
    background-color: transparent; }
  body .button {
    font-family: sans-serif;
    font-size: 16px;
    display: inline-block;
    margin: 10px;
    padding: .5em 1.0em;
    cursor: pointer;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
    color: #0f3443;
    border: 1px solid #0f3443;
    border-radius: 4px;
    background: #fff; }
  body .button:hover {
    color: #fff;
    background-color: #0f3443; }
  body .button:active,
  body .button.is-checked {
    color: #fff !important;
    outline: none;
    background-color: #0f3443; }
  body .button-group {
    margin: 20px 0;
    text-align: center; }
  body .button-group:after {
    display: block;
    clear: both;
    content: ''; }
  body .crafts {
    min-height: 500px; }
    body .crafts .craftsHeader {
      font-family: 'Playfair Display', serif !important;
      letter-spacing: 5px;
      font-size: 55px;
      font-weight: bold;
      color: #0f3443 !important; }
    body .crafts .craftsCont {
      padding: 40px; }
      body .crafts .craftsCont .crafts-icon {
        font-weight: bold;
        width: 250px;
        min-height: 300px;
        margin: 10px;
        margin-bottom: 100px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        background-image: url("../assets/icon/crafticon-2.jpg");
        background-repeat: no-repeat;
        background-size: cover; }
        body .crafts .craftsCont .crafts-icon .icon-title {
          font-family: 'Playfair Display', serif !important;
          width: 100%;
          height: 100%;
          margin-top: 220px;
          padding: 5px;
          background-color: #0f3443; }
  body .contactMe {
    min-width: 100%;
    min-height: 500px;
    background-color: #0f3443; }
    body .contactMe .contactHeader {
      font-family: 'Playfair Display', serif !important;
      letter-spacing: 5px;
      font-size: 55px;
      font-weight: bold;
      color: #fff !important; }
    body .contactMe label {
      color: #fff; }
  body .container-form {
    width: 50%;
    min-width: 400px;
    margin: auto;
    margin-top: 50px; }
  body textarea {
    resize: vertical;
    overflow-x: hidden; }
  body .footer-social-icons {
    display: inline-block;
    width: 350px;
    margin: 0 auto;
    margin-top: 50px !important; }
  body .social-icon {
    font-size: 18px;
    color: #fff; }
  body ul.social-icons {
    margin-top: 10px; }
  body .social-icons li {
    display: inline;
    height: 100px;
    vertical-align: top; }
  body .social-icons a {
    text-decoration: none;
    color: #fff; }
  body .fa-facebook {
    padding: 10px 14px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  body .fa-facebook:hover {
    background-color: #3d5b99; }
  body .fa-twitter {
    padding: 10px 12px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  body .fa-twitter:hover {
    background-color: #00aced; }
  body .fa-tumblr {
    padding: 10px 14px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  body .fa-tumblr:hover {
    background-color: #35465c; }
  body .fa-linkedin {
    padding: 10px 14px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  body .fa-linkedin:hover {
    background-color: #0073a4; }
  body .fa-instagram {
    padding: 10px 9px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  body .fa-instagram:hover {
    background-color: #8a3ab9; }
  body footer {
    height: 40px;
    margin: 0;
    padding: 10px;
    color: white;
    background-color: #0a2f3e !important; }
  body .close {
    color: red !important; }
  body .modal-header a {
    text-decoration: none;
    color: #0f3443;
    font-weight: bold; }

/*# sourceMappingURL=style.css.map */