/* General styles */
body {
  font-family: "Lato", "Helvetica", sans-serif;
  font-weight: 300;
  margin-bottom: 10px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility; }

h1 {
  font-weight: 300;
  font-size: 5.0em;
  margin-bottom: 20px; }

h2 {
  font-weight: 300;
  font-size: 4.0em;
  margin-bottom: 20px; }

h3 {
  font-size: 3.0em;
  font-weight: 300;
  margin: 0 0 20px; }

h4 {
  font-size: 2.0em;
  font-weight: 300;
  margin: 0 0 20px; }

h5 {
  font-size: 1.4em;
  font-weight: 400;
  margin: 0 0 20px; }

p {
  font-family: "Lato", "Helvetica", sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  margin: 10px 0 20px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility; }

small {
  margin-top: 10px; }

a {
  font-family: "Lato", "Helvetica", sans-serif;
  font-weight: 300; }

span.dark {
  font-weight: 500; }

label {
  font-size: 1.3em;
  font-weight: 300; }

.error {
  font-size: 1.0em;
  color: red; }

/* layout */
body {
  margin-top: 70px;
  margin-bottom: 0; }

body#homepage {
  margin-top: 0;
  margin-bottom: 0; }

.navbar-brand {
  padding: 7px 15px; }

.navbar-default {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 1px 1px 2px #ddd;
  border-color: transparent; }

.navbar-nav li a {
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 10px; }

.navbar-nav li:hover a,
.navbar-nav li:focus a,
.navbar-nav li.active a,
.navbar-nav li.active a:hover,
.navbar-nav li.actived a {
  background-color: transparent !important;
  font-weight: 700;
  color: #02AAE0 !important; }

.navbar-toggle {
  margin-top: 25px;
  margin-bottom: 10px; }

.section {
  padding: 60px 0; }
  .section .section-header {
    text-align: center; }

.dark_bg {
  background: url("../img/fabric_texture.jpg") repeat; }

.section-header {
  position: relative;
  overflow: hidden;
  text-align: center; }
  .section-header h2,
  .section-header h3,
  .section-header h4 {
    display: inline-block;
    padding: 0 5px;
    position: relative; }
    .section-header h2:before, .section-header h2:after,
    .section-header h3:before,
    .section-header h3:after,
    .section-header h4:before,
    .section-header h4:after {
      background: #ddd;
      content: "";
      display: block;
      height: 1px;
      position: absolute;
      top: 83%;
      width: 400%; }
    .section-header h2:before,
    .section-header h3:before,
    .section-header h4:before {
      right: 100%; }
    .section-header h2:after,
    .section-header h3:after,
    .section-header h4:after {
      left: 100%; }

.folio-header {
  border: solid #666666;
  border-width: 0 0 1px;
  margin-bottom: 40px;
  font-size: 3.5em;
  font-weight: 300;
  color: #666666; }
  .folio-header span {
    text-align: center;
    margin-right: 10px;
    background-color: #666666;
    width: 80px;
    height: 80px;
    color: #ffffff;
    display: inline-block;
    padding: 5px 0; }

.timeDelay1 {
  animation-delay: 0.5s !important; }

.timeDelay2 {
  animation-delay: 1s !important; }

.timeDelay3 {
  animation-delay: 1.5s !important; }

.noPaddSide {
  padding-left: 0;
  padding-right: 0; }

.top30 {
  padding-top: 30px; }

.bottom20 {
  padding-bottom: 20px; }

.borderlineL {
  border-top: 1px dashed #ddd; }

.borderlineD {
  border-top: 1px dashed #555; }

.noMargin {
  margin-left: 0;
  margin-right: 0; }

.withMargin {
  margin-left: 15px;
  margin-right: 15px; }

.white_txt {
  color: #ffffff !important; }

.alert-success {
  background-color: #02AAE0;
  border-color: #02AAE0;
  color: #fff; }

/** footer **/
footer {
  font-size: 14px; }
  footer .socialImg img {
    width: 75px;
    text-align: center;
    text-decoration: none;
    margin: 0 10px 10px 0;
    display: inline-block; }
    footer .socialImg img:hover {
      border: 2px solid #02AAE0; }
  footer #quickLinkInfo {
    padding: 20px 0 40px 0; }
  footer #footerInfo {
    color: #fff;
    padding: 20px 0;
    background: url("../img/footerbk.jpg") repeat; }
    footer #footerInfo .footerNav {
      padding-left: 0;
      margin-top: 10px; }
      footer #footerInfo .footerNav li {
        list-style: none;
        display: inline-block;
        margin-right: 10px;
        margin-left: 0; }
        footer #footerInfo .footerNav li a {
          color: #fff; }
    footer #footerInfo span {
      font-size: 85%;
      line-height: 30px; }

#back-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 100;
  width: 45px;
  height: 45px;
  opacity: .8;
  background: #666666;
  border-top-left-radius: 15px; }
  #back-top a {
    color: #fff;
    position: absolute;
    left: 9px;
    top: 0; }
    #back-top a span {
      left: -2px;
      top: 20px;
      position: absolute;
      text-decoration: none;
      font-size: 13px;
      font-weight: 300; }

/* modules */
.viewMore {
  cursor: pointer;
  border: 1px solid #02AAE0;
  color: #02AAE0;
  padding: 7px 40px;
  text-align: center;
  cursor: pointer;
  background: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s; }
  .viewMore:hover, .viewMore:active {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s; }
  .viewMore:hover, .viewMore:active {
    background: #02AAE0;
    color: #fff; }

.viewMoreS {
  color: #ffffff;
  background: #02AAE0;
  padding: 7px 50px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s; }
  .viewMoreS:hover, .viewMoreS:active {
    transform: scale(1.1); }
  .viewMoreS:hover, .viewMoreS:active {
    color: #ffffff;
    transform: scale(1.1); }

.viewMoreSW {
  color: #02AAE0;
  background: #ffffff;
  padding: 7px 50px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s; }
  .viewMoreSW:hover, .viewMoreSW:active {
    transform: scale(1.1); }
  .viewMoreSW:hover, .viewMoreSW:active {
    color: #02AAE0;
    transform: scale(1.1); }

.viewMore_wht {
  cursor: pointer;
  border: 1px solid white;
  color: white !important;
  padding: 7px 40px;
  text-align: center;
  cursor: pointer;
  background: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s; }
  .viewMore_wht:hover, .viewMore_wht:active {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s; }
  .viewMore_wht:hover, .viewMore_wht:active {
    background: white;
    color: #02AAE0 !important; }

#home {
  background: #000;
  position: relative;
  color: white;
  text-align: center; }

#night_scene {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%; }

#lotus {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 240px;
  background: transparent url(../img/lotus.png) repeat-x bottom center;
  opacity: 0; }

#night_scene {
  background: #000 url(../img/night.jpg) center top repeat-x;
  opacity: 0;
  background-size: cover;
  resize: both; }

#theMoon {
  position: absolute;
  top: 15%;
  width: 100%;
  height: 100%;
  background: transparent url(../img/moon.png) no-repeat center center;
  opacity: 0; }

#cherryLeft {
  position: absolute;
  opacity: 0;
  top: -20px;
  left: 0; }

#cherryRight {
  position: absolute;
  opacity: 0;
  top: -20px;
  right: 0; }

.fallingLeaves {
  position: absolute;
  text-align: center; }
  .fallingLeaves span {
    opacity: .7;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/leaf.png);
    margin: -140px 50px 75px 80px; }
  .fallingLeaves span:nth-child(5n + 5) {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s; }
  .fallingLeaves span:nth-child(3n + 2) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s; }
  .fallingLeaves span:nth-child(2n + 5) {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s; }
  .fallingLeaves span:nth-child(3n + 10) {
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s; }
  .fallingLeaves span:nth-child(7n + 2) {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s; }
  .fallingLeaves span:nth-child(4n + 5) {
    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s; }
  .fallingLeaves span:nth-child(3n + 7) {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s; }

.treeAnimateLeft {
  -webkit-animation: treeMoveLeft 4s infinite ease-in-out;
  -moz-animation: treeMoveLeft 4s infinite ease-in-out;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s; }

.treeAnimateRight {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -webkit-animation: treeMoveRight 4s infinite ease-in-out;
  -moz-animation: treeMoveRight 4s infinite ease-in-out; }

.leaveAnimate {
  -webkit-animation: fallingLeaves 30s infinite linear;
  -moz-animation: fallingLeaves 30s infinite linear; }

@-webkit-keyframes treeMoveLeft {
  0% {
    left: 0;
    top: -2px; }
  75% {
    left: 0.5%;
    top: -3x; }
  100% {
    left: 0;
    top: 0; } }
@-webkit-keyframes treeMoveRight {
  0% {
    right: 0;
    top: -2px; }
  75% {
    right: 0.5%;
    top: -ex; }
  100% {
    right: 0;
    top: 0; } }
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0px) rotateZ(0deg); }
  75% {
    opacity: 1;
    -webkit-transform: translate(150px, 600px) rotateZ(270deg); }
  100% {
    opacity: 0;
    -webkit-transform: translate(200px, 800px) rotateZ(360deg); } }
#introText {
  opacity: 0;
  margin-top: 300px;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s; }

#featureHero {
  background: url("../img/signup_bk1.jpg") 50% 50% no-repeat fixed;
  background-size: cover;
  padding: 140px 0;
  color: white !important; }

#sortNav {
  list-style: none;
  position: absolute;
  right: 0;
  margin-top: -30px;
  padding-left: 0; }
  #sortNav li {
    font-size: 90%;
    cursor: pointer;
    padding: 5px 25px;
    float: left;
    color: white;
    background: #3a3a3a;
    margin-right: 1px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-transform: uppercase;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s; }
    #sortNav li:hover, #sortNav li:active {
      transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -ms-transition: all 0.2s; }
    #sortNav li:last-child {
      padding: 5px 15px;
      margin-right: 0; }
    #sortNav li:hover, #sortNav li.actived {
      font-weight: 500;
      background: #02AAE0; }

.featurePost {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0; }
  .featurePost .feature_post_mask {
    color: #FFF;
    height: 100%;
    width: 100%;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75); }
    .featurePost .feature_post_mask .feature_description {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
      width: 100%;
      padding: 20px; }
      .featurePost .feature_post_mask .feature_description h4, .featurePost .feature_post_mask .feature_description p {
        font-weight: 400; }
      .featurePost .feature_post_mask .feature_description .feature_post_icon {
        display: inline;
        margin-left: auto;
        text-align: center;
        margin-bottom: 10px;
        width: 100%;
        height: 100%; }
        .featurePost .feature_post_mask .feature_description .feature_post_icon img {
          margin-bottom: 10px; }
  .featurePost .feature_postImage {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out; }
  .featurePost:hover .feature_postImage {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5); }

#signUp {
  background: url("../img/signup_bk2.jpg") center center repeat fixed;
  padding: 140px;
  color: inherit;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility; }

.item_social_icon {
  display: inline-block;
  font-size: 18px;
  color: #ccc;
  margin: 20px 5px 10px 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ccc;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center; }
  .item_social_icon:hover, .item_social_icon:active {
    color: #fff;
    background: #02AAE0;
    border: 0; }

.bioBox {
  background: white;
  margin-left: 0;
  margin-right: 0; }
  .bioBox .bioContent {
    padding-left: 0;
    padding-right: 0; }

.arrowBox {
  position: relative;
  background: #02AAE0;
  padding: 25px;
  color: white; }
  .arrowBox h4 {
    margin-top: 20px;
    margin-bottom: 10px; }
  .arrowBox p {
    margin: 20px 0;
    font-weight: 400; }
  .arrowBox span {
    display: block; }
  .arrowBox a {
    color: white; }
  .arrowBox img {
    margin-bottom: 10px; }
  .arrowBox .item_icon {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    margin: 10px 5px 10px 0;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center; }
  .arrowBox:after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 0%;
    width: 0;
    height: 0;
    border-top: 390px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 390px solid transparent;
    border-left: 30px solid #02AAE0; }

.aboutSkill {
  padding: 20px 30px 20px 50px; }
  .aboutSkill .skill {
    margin: 0 0 20px 0; }
    .aboutSkill .skill .progress-element .progress {
      height: 6px;
      overflow: visible;
      background: #999;
      margin-top: 10px; }
    .aboutSkill .skill .progress-element .progress-bar {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px; }
      .aboutSkill .skill .progress-element .progress-bar:after {
        content: "";
        background-color: #02AAE0;
        width: 16px;
        height: 16px;
        margin-right: 0;
        margin-top: -5px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        float: right;
        -ms-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
        -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7); }

.statcounter {
  display: none; }

/* Small devices (tablets) */
@media (max-width: 1024px) {
  #sortNav {
    left: 0; }

  .arrowBox:after {
    display: none; } }
@media (max-width: 768px) {
  .featurePost .feature_post_mask .feature_description {
    padding: 10px; }
    .featurePost .feature_post_mask .feature_description h4 {
      font-size: 1.5em;
      margin-bottom: 0px; }
    .featurePost .feature_post_mask .feature_description p {
      font-size: 95%;
      font-weight: 400;
      margin-bottom: 10px; }

  .feature_post_icon img {
    width: 30%;
    margin-bottom: 5px; } }
@media (max-width: 414px) {
  h1 {
    font-size: 3.5em; }

  h2 {
    font-size: 2.5em; }

  h3 {
    font-size: 2.0em; }

  h4 {
    font-size: 1.5em; }

  h5 {
    font-size: 1.1em; }

  .navbar-nav li a {
    padding: 7px 15px; }

  .section {
    padding: 30px 0; }

  .section-header h2 {
    font-size: 3.0em; }

  #featureHero {
    padding: 60px 0; }

  #signUp {
    padding: 60px; }

  #sortNav {
    margin-top: -27px; }
    #sortNav li {
      padding: 5px 15px; }
      #sortNav li:last-child {
        padding: 5px 10px; }

  #cherryRight {
    display: none; }

  #theMoon {
    top: -30%; }

  .folio-header {
    font-size: 2.5em; }
    .folio-header span {
      width: 50px;
      height: 50px;
      padding: 0 0; }

  .featurePost .feature_post_mask .feature_description {
    padding: 10px; }
    .featurePost .feature_post_mask .feature_description h4 {
      font-size: 1.5em;
      margin-bottom: 0px; }
    .featurePost .feature_post_mask .feature_description p {
      font-size: 95%;
      margin-bottom: 10px; }

  .viewMore_wht {
    padding: 2px 15px; }

  .feature_post_icon img {
    width: 30%;
    margin-bottom: 5px; }

  #viewSite a {
    left: 37%; }

  .arrowBox:after {
    display: none; } }
@media (max-width: 375px) {
  .featurePost .feature_post_mask .feature_description {
    padding: 7px; }
    .featurePost .feature_post_mask .feature_description h4 {
      font-size: 1.3em;
      margin-bottom: 0px; }
    .featurePost .feature_post_mask .feature_description a {
      font-size: 95%; }
    .featurePost .feature_post_mask .feature_description p {
      font-size: 95%;
      margin: 5px 0 10px; }

  .viewMore_wht {
    padding: 2px 15px; }

  .feature_post_icon img {
    width: 25%;
    margin-bottom: 5px; } }
@media (max-width: 320px) {
  #sortNav li {
    padding: 5px 10px; }
    #sortNav li:last-child {
      padding: 5px 10px; }

  .featurePost .feature_post_mask .feature_description {
    padding: 7px; }
    .featurePost .feature_post_mask .feature_description h4 {
      font-size: 1.1em;
      margin-bottom: 0px; }
    .featurePost .feature_post_mask .feature_description a {
      font-size: 90%; }
    .featurePost .feature_post_mask .feature_description p {
      font-size: 88%;
      margin: 5px 0 5px; }

  .viewMore_wht {
    padding: 2px 12px; }

  .feature_post_icon img {
    width: 25%;
    margin-bottom: 5px; } }

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