#latest_projects .nav {
  color: #c4c4c4;
  display: none;
  padding-top: 90px; }
  #latest_projects .nav:hover, #latest_projects .nav:active {
    color: #606060; }
#latest_projects .nav:nth-of-type(1) {
  float: left; }
#latest_projects .nav:nth-of-type(2) {
  float: right; }

#carousel {
  background: #f8f8f8;
  margin: 32px 10% 0 10%; }
  #carousel img {
    max-width: 100%;
    width: 100%; }
  #carousel .pager {
    overflow: hidden;
    width: 100%; }
  #carousel .carousel_button {
    vertical-align: top;
    width: calc(25% - 1px);
    border-bottom: 1px solid #e9e9e9;
    border-top: 4px solid #dfdfdf;
    display: inline-block;
    padding: 16px; }
    #carousel .carousel_button:nth-of-type(n+2) {
      margin-left: -3px; }
    #carousel .carousel_button:hover, #carousel .carousel_button:active {
      border-top: 4px solid #afafaf;
      background-color: #f0f0f0; }
    #carousel .carousel_button.active {
      border-top: 4px solid #f15a23;
      background-color: #f0f0f0;
      pointer-events: none; }
      #carousel .carousel_button.active .description span:nth-of-type(1) {
        color: #f15a23; }
    #carousel .carousel_button .number {
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle; }
      #carousel .carousel_button .number span {
        background: #3a3a3a;
        -webkit-border-radius: 16px 16px 16px 16px;
        -moz-border-radius: 16px 16px 16px 16px;
        -ms-border-radius: 16px 16px 16px 16px;
        -o-border-radius: 16px 16px 16px 16px;
        border-radius: 16px 16px 16px 16px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        color: white;
        display: block;
        font-weight: bold;
        height: 32px;
        width: 32px;
        line-height: 32px;
        text-align: center; }
    #carousel .carousel_button .description {
      display: inline-block;
      vertical-align: middle; }
      #carousel .carousel_button .description span:nth-of-type(1) {
        display: block;
        color: #3a3a3a;
        font-size: 11pt;
        font-weight: bold;
        text-align: center; }
      #carousel .carousel_button .description span:nth-of-type(2) {
        color: #a0a0a0;
        display: block;
        font-size: 9pt;
        text-align: center; }

.section {
  padding: 0 10%;
  margin: 32px 0; }
  .section .title {
    color: #505050;
    display: block;
    font-size: 14pt;
    font-weight: 300;
    margin-bottom: 8px;
    text-shadow: 0 0 1px #a0a0a0; }
  .section .separator {
    border-top: 1px solid #e8e8e8; }
  .section ol {
    display: table;
    margin: 16px auto; }
    .section ol > li {
      border-bottom: 1px solid #e8e8e8;
      display: inline-block;
      margin-right: 16px;
      text-align: center;
      width: 220px; }
      .section ol > li:hover, .section ol > li:active {
        background-color: #f8f8f8;
        border-bottom: 1px solid #f15a23;
        cursor: pointer; }
        .section ol > li:hover > a > img, .section ol > li:active > a > img {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          /* IE8 */
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1; }
      .section ol > li > a > img {
        display: block;
        height: 140px;
        width: 220px; }
      .section ol > li > a > span {
        display: block;
        text-align: center;
        margin: 16px 0;
        font-size: 8pt;
        color: #303030; }

@media (max-width: 1180px) {
  .carousel_button {
    border-top: 4px solid transparent !important;
    display: block !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    width: 100% !important; } }
@media (max-width: 1080px) {
  #services .Service {
    display: block;
    width: auto; }

  #latest_projects ol > li {
    display: block; } }
@media (max-width: 920px) {
  #latest_projects ol > li {
    display: block; } }