/* FONT IMPORTS
===================================*/
@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=Exo+2);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
/*=================================*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 21, ../scss/_merged-ardent.scss */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 29, ../scss/_merged-ardent.scss */
.cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 39, ../scss/_merged-ardent.scss */
.cf {
  *zoom: 1;
}

/* line 43, ../scss/_merged-ardent.scss */
html {
  box-sizing: border-box;
}

/* line 47, ../scss/_merged-ardent.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* line 53, ../scss/_merged-ardent.scss */
body {
  background: #000;
}

/* line 57, ../scss/_merged-ardent.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Exo 2", sans-serif;
}

/* line 66, ../scss/_merged-ardent.scss */
p,
a,
li,
td {
  font-family: "Open Sans", sans-serif;
}

/* line 73, ../scss/_merged-ardent.scss */
a {
  color: #0678F4;
  text-decoration: none;
}
/* line 76, ../scss/_merged-ardent.scss */
a:hover {
  color: #44A5FC;
}

/* line 81, ../scss/_merged-ardent.scss */
nav#prjnav {
  position: fixed;
  width: 40px;
  height: auto;
  z-index: 25;
  top: 130px;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  padding: 20px 0 20px 10px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
/* line 92, ../scss/_merged-ardent.scss */
nav#prjnav li {
  display: block;
}
/* line 94, ../scss/_merged-ardent.scss */
nav#prjnav li a {
  display: block;
  width: 20px;
  height: 20px;
  margin: 6px 0;
  border-radius: 25px;
  border: solid 2px #fff;
}
/* line 95, ../scss/_merged-ardent.scss */
nav#prjnav li a.b2t {
  border: none;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}
/* line 100, ../scss/_merged-ardent.scss */
nav#prjnav li a.b2t:hover {
  color: #fff;
  background: none;
}
/* line 104, ../scss/_merged-ardent.scss */
nav#prjnav li a.b2t.focus, nav#prjnav li a.b2t:active {
  background: none;
  color: #0678F4;
  border: none;
}
/* line 117, ../scss/_merged-ardent.scss */
nav#prjnav li a:hover {
  background: #fff;
}
/* line 120, ../scss/_merged-ardent.scss */
nav#prjnav li a.focus, nav#prjnav li a:active {
  background: #0678F4;
  border: solid 2px #0678F4;
}
@media (min-width: 992px) {
  /* line 94, ../scss/_merged-ardent.scss */
  nav#prjnav li a {
    margin: 14px 0;
  }
  /* line 126, ../scss/_merged-ardent.scss */
  nav#prjnav li a[href="#top"] {
    display: none;
  }
}
@media (max-height: 320px) {
  /* line 81, ../scss/_merged-ardent.scss */
  nav#prjnav {
    top: auto;
    bottom: 80px;
  }
}
@media (min-width: 768px) {
  /* line 81, ../scss/_merged-ardent.scss */
  nav#prjnav {
    top: auto;
    bottom: 450px;
  }
}
@media (min-width: 992px) {
  /* line 81, ../scss/_merged-ardent.scss */
  nav#prjnav {
    left: auto;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
  }
}

/* line 155, ../scss/_merged-ardent.scss */
.sideA {
  width: 100%;
  background: #fff;
  padding: 40px 20px;
  position: relative;
  z-index: 5;
}
/* line 161, ../scss/_merged-ardent.scss */
.sideA #logo {
  display: block;
  max-width: 180px;
  height: auto;
  margin: 0 auto;
}
/* line 167, ../scss/_merged-ardent.scss */
.sideA .intro {
  width: 100%;
  text-align: center;
  position: relative;
}
/* line 171, ../scss/_merged-ardent.scss */
.sideA .intro header {
  margin-bottom: 40px;
}
/* line 173, ../scss/_merged-ardent.scss */
.sideA .intro header h2 {
  margin-bottom: 15px;
}
/* line 179, ../scss/_merged-ardent.scss */
.sideA ul li {
  margin: 0 0 15px;
}
/* line 181, ../scss/_merged-ardent.scss */
.sideA ul li:nth-child(odd) {
  font-weight: 600;
}
/* line 186, ../scss/_merged-ardent.scss */
.sideA .details {
  margin-bottom: 40px;
}
/* line 189, ../scss/_merged-ardent.scss */
.sideA .details + h3 {
  margin-bottom: 15px;
}
/* line 193, ../scss/_merged-ardent.scss */
.sideA .contact li {
  display: inline-block;
  margin: 0 5px;
}
@media (min-width: 992px) {
  /* line 155, ../scss/_merged-ardent.scss */
  .sideA {
    width: 35%;
    max-width: 350px;
    position: fixed;
    padding: 0;
    display: table;
  }
  /* line 204, ../scss/_merged-ardent.scss */
  .sideA .intro {
    display: table-cell;
    vertical-align: middle;
  }
  /* line 207, ../scss/_merged-ardent.scss */
  .sideA .intro .detials {
    margin-bottom: 40px;
  }
  /* line 210, ../scss/_merged-ardent.scss */
  .sideA .intro .contact {
    margin-bottom: 20px;
  }
  /* line 212, ../scss/_merged-ardent.scss */
  .sideA .intro .contact li {
    display: inline-block;
    margin: 0 10px;
  }
  /* line 218, ../scss/_merged-ardent.scss */
  .sideA #logo {
    display: inline-block;
  }
  /* line 221, ../scss/_merged-ardent.scss */
  .sideA h2 {
    margin: 0 0 20px;
  }
  /* line 224, ../scss/_merged-ardent.scss */
  .sideA ul {
    list-style: none;
  }
  /* line 227, ../scss/_merged-ardent.scss */
  .sideA h3 {
    margin: 0 0 20px;
  }
}

/* line 233, ../scss/_merged-ardent.scss */
.sideB {
  background-image: url("../imgs/sideB_bg.jpg");
  background-attachment: fixed;
}
/* line 236, ../scss/_merged-ardent.scss */
.sideB .project {
  text-align: center;
}
/* line 239, ../scss/_merged-ardent.scss */
.sideB .project .wrapper .cover {
  position: absolute;
  display: none;
}
/* line 243, ../scss/_merged-ardent.scss */
.sideB .project .wrapper .prjdetails {
  padding: 47px 20px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  /* line 243, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper .prjdetails {
    padding: 80px 20px;
  }
}
@media (min-width: 992px) {
  /* line 243, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper .prjdetails {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
  }
}
/* line 256, ../scss/_merged-ardent.scss */
.sideB .project .wrapper h1 {
  font-size: 2em;
  margin-bottom: 20px;
  font-weight: 100;
}
/* line 260, ../scss/_merged-ardent.scss */
.sideB .project .wrapper h1 a {
  font-family: "Exo 2", sans-serif;
}
@media (min-width: 768px) {
  /* line 256, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper h1 {
    font-size: 3em;
  }
}
/* line 267, ../scss/_merged-ardent.scss */
.sideB .project .wrapper img {
  display: block;
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto 10px;
}
/* line 274, ../scss/_merged-ardent.scss */
.sideB .project .wrapper .desc {
  line-height: 1.7;
  color: #fff;
  font-weight: 100;
}
@media (min-width: 992px) {
  /* line 274, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper .desc {
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    max-width: 650px;
    text-align: left;
  }
}
/* line 286, ../scss/_merged-ardent.scss */
.sideB .project .wrapper .view {
  font-weight: 100;
  display: inline-block;
  margin: 20px 5px 0;
  padding: 10px 40px;
  color: #fff;
  border: solid 2px #0678F4;
}
/* line 294, ../scss/_merged-ardent.scss */
.sideB .project .wrapper .view:hover {
  background: #44A5FC;
  border: solid 2px #44A5FC;
}
/* line 300, ../scss/_merged-ardent.scss */
.sideB .project:last-child {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  /* line 300, ../scss/_merged-ardent.scss */
  .sideB .project:last-child {
    padding-bottom: 290px;
  }
}

@media (min-width: 992px) {
  /* line 309, ../scss/_merged-ardent.scss */
  .sideB {
    width: 65%;
    position: relative;
    right: auto;
    left: 350px;
  }
  /* line 315, ../scss/_merged-ardent.scss */
  .sideB .project {
    position: relative;
    padding: 0;
    overflow: hidden;
    border-bottom: solid 8px #fff;
  }
  /* line 320, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper {
    margin: 0 auto;
    display: table;
    height: 100%;
  }
  /* line 324, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper .cover {
    display: block;
    opacity: 0.45;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  /* line 332, ../scss/_merged-ardent.scss */
  .sideB .project .wrapper .cover img {
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
  }
  /* line 340, ../scss/_merged-ardent.scss */
  .sideB .project:last-child {
    border: none;
    padding-bottom: 0;
  }
}

/* line 348, ../scss/_merged-ardent.scss */
.fade-top,
.fade-bottom {
  width: 100%;
  height: 80px;
  position: fixed;
  bottom: 36px;
  z-index: 20;
  background-image: url("http://www.jct-media.com/imgs/bottom-fade.png");
  background-repeat: repeat-x;
  background-position: center top;
}
@media (min-width: 992px) {
  /* line 348, ../scss/_merged-ardent.scss */
  .fade-top,
  .fade-bottom {
    width: 75%;
    left: 350px;
  }
}

/* line 364, ../scss/_merged-ardent.scss */
.fade-top {
  display: none;
  transform: scaleY(-1);
}
@media (min-width: 992px) {
  /* line 364, ../scss/_merged-ardent.scss */
  .fade-top {
    display: block;
    top: 0;
  }
}

@media (min-width: 992px) {
  /* line 373, ../scss/_merged-ardent.scss */
  .fade-bottom {
    display: block;
    bottom: 0;
  }
}

/* line 380, ../scss/_merged-ardent.scss */
footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 20;
  background: #0678F4;
  padding: 10px 20px;
  text-align: center;
  z-index: 10;
}
@media (min-width: 992px) {
  /* line 380, ../scss/_merged-ardent.scss */
  footer {
    background: #0678F4;
    position: fixed;
    bottom: 0;
    width: 35%;
    max-width: 350px;
    color: #fff;
  }
}