/* Common Styles Here */
.guru .eltd-content {
  margin-top: -100px; }
  @media only screen and (max-width: 480px) {
    .guru .eltd-content .eltd-content-inner .eltd-container-inner, .guru .eltd-content .eltd-content-inner .eltd-section-inner {
      width: 90%; } }
  .guru .eltd-content .eltd-content-inner p {
    margin-top: 0;
    margin-bottom: 0; }
  .guru .eltd-content .eltd-content-inner .eltd-title {
    height: 500px !important; }
    .guru .eltd-content .eltd-content-inner .eltd-title .eltd-title-image {
      height: 100%; }
      .guru .eltd-content .eltd-content-inner .eltd-title .eltd-title-image img {
        height: 100%; }
    .guru .eltd-content .eltd-content-inner .eltd-title .eltd-title-holder .eltd-title-size-large {
      text-align: center; }
    .guru .eltd-content .eltd-content-inner .eltd-title .eltd-title-holder .eltd-title-subtitle-holder h1 {
      font-size: 72px;
      font-weight: 900;
      letter-spacing: 2.5px;
      color: #fff; }
      @media (max-width: 767px) {
        .guru .eltd-content .eltd-content-inner .eltd-title .eltd-title-holder .eltd-title-subtitle-holder h1 {
          font-size: 45px; } }
  .guru .eltd-content .eltd-content-inner .eltd-full-width .eltd-full-width-inner {
    padding-top: 0; }
    .guru .eltd-content .eltd-content-inner .eltd-full-width .eltd-full-width-inner .eltd-section-title-title-holder {
      padding-top: 78px;
      padding-bottom: 39px; }
      .guru .eltd-content .eltd-content-inner .eltd-full-width .eltd-full-width-inner .eltd-section-title-title-holder .eltd-section-title {
        font-size: 30px !important;
        line-height: 56px !important; }
    .guru .eltd-content .eltd-content-inner .eltd-full-width .eltd-full-width-inner .eltd-section-title-text {
      font-size: 21.3px;
      line-height: 33px;
      padding-bottom: 44px; }

.guru .eltd-post-info-date,
.guru .eltd-post-info-category,
.guru .eltd-post-info-category a,
.guru .eltd-post-info-category span {
  color: #ef7424 !important; }

.guru .eltd-blog-holder article .eltd-post-title a:hover, .guru .eltd-blog-holder article.format-link .eltd-quote-post-title .eltd-quote-author, .guru .eltd-blog-holder article.format-quote .eltd-quote-post-title .eltd-quote-author {
  color: #ef7424 !important; }

/* #Progress
================================================== */
.back_to_top {
  position: fixed;
  right: 50px;
  bottom: 70px;
  height: 46px;
  width: 46px;
  transform-origin: right bottom;
  z-index: 10000;
  mix-blend-mode: difference; }
  @media (max-width: 992px) {
    .back_to_top {
      transform: scale(0.85);
      right: 20px;
  bottom: 70px;} }
  @media (max-width: 640px) {
    .back_to_top {
      transform: scale(0.7);
      right: 15px;
  bottom: 70px;} }

.progress-wrap {
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  color: white;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); }
  .progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .progress-wrap::after {
    position: absolute;
    font-family: 'unicons';
    content: '\E851';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    color: white; }
  .progress-wrap:hover::after {
    opacity: 0; }
  .progress-wrap::before {
    position: absolute;
    font-family: 'unicons';
    content: '\E851';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-image: linear-gradient(298deg, #da2c4d, #f8ab37); }
  .progress-wrap:hover::before {
    opacity: 1; }
  .progress-wrap svg path {
    fill: none; }
  .progress-wrap svg.progress-circle path {
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    stroke: white; }

.cus_l3s1_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  .cus_l3s1_table tr {
    border: none; }
  .cus_l3s1_table td {
    width: 33.3% !important;
    padding: 10px;
    text-align: left;
    vertical-align: top; }
    @media (max-width: 767.98px) {
      .cus_l3s1_table td {
        display: block;
        width: 100% !important; } }

.cus_accordion_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  .cus_accordion_table tr {
    border: none; }
    .cus_accordion_table tr:nth-child(odd) {
      background-color: black;
      color: white;
      font-weight: bold; }
      .cus_accordion_table tr:nth-child(odd) td {
        cursor: pointer;
        position: relative;
        padding-right: 32px;
        border-bottom: 1px solid white; }
        .cus_accordion_table tr:nth-child(odd) td::after {
          content: "\25BC";
          position: absolute;
          right: 15px;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.3s; }
        .cus_accordion_table tr:nth-child(odd) td.opened::after {
          transform: translateY(-50%) rotate(180deg); }
    .cus_accordion_table tr:nth-child(even) {
      background-color: white;
      color: black; }
      .cus_accordion_table tr:nth-child(even) td {
        display: none; }
  .cus_accordion_table td {
    padding: 15px 10px;
    width: 100% !important;
    text-align: left; }

section#aboutUs {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  section#aboutUs * {
    box-sizing: border-box; }
  section#aboutUs .row::after {
    content: "";
    clear: both;
    display: table; }
  section#aboutUs [class*="col-"] {
    float: left;
    padding: 15px; }
  section#aboutUs [class*="col-"] {
    width: 100%; }
  @media only screen and (min-width: 600px) {
    section#aboutUs {
      /* For tablets: */ }
      section#aboutUs .col-s-1 {
        width: 8.33%; }
      section#aboutUs .col-s-2 {
        width: 16.66%; }
      section#aboutUs .col-s-3 {
        width: 25%; }
      section#aboutUs .col-s-4 {
        width: 33.33%; }
      section#aboutUs .col-s-5 {
        width: 41.66%; }
      section#aboutUs .col-s-6 {
        width: 50%; }
      section#aboutUs .col-s-7 {
        width: 58.33%; }
      section#aboutUs .col-s-8 {
        width: 66.66%; }
      section#aboutUs .col-s-9 {
        width: 75%; }
      section#aboutUs .col-s-10 {
        width: 83.33%; }
      section#aboutUs .col-s-11 {
        width: 91.66%; }
      section#aboutUs .col-s-12 {
        width: 100%; } }
  @media only screen and (min-width: 768px) {
    section#aboutUs {
      /* For desktop: */ }
      section#aboutUs .col-1 {
        width: 8.33%; }
      section#aboutUs .col-2 {
        width: 16.66%; }
      section#aboutUs .col-3 {
        width: 25%; }
      section#aboutUs .col-4 {
        width: 33.33%; }
      section#aboutUs .col-5 {
        width: 41.66%; }
      section#aboutUs .col-6 {
        width: 50%; }
      section#aboutUs .col-7 {
        width: 58.33%; }
      section#aboutUs .col-8 {
        width: 66.66%; }
      section#aboutUs .col-9 {
        width: 75%; }
      section#aboutUs .col-10 {
        width: 83.33%; }
      section#aboutUs .col-11 {
        width: 91.66%; }
      section#aboutUs .col-12 {
        width: 100%; } }
  section#aboutUs .title {
    text-align: center; }
  section#aboutUs .firstText {
    padding: 1rem;
    color: black; }
    @media (max-width: 640px) {
      section#aboutUs .firstText {
        padding: 5%; } }
  section#aboutUs .awards {
    padding: 2rem; }
    section#aboutUs .awards .awardsList .item:nth-child(odd) .title {
      color: #6cb945 !important; }
    section#aboutUs .awards .awardsList .item:nth-child(even) .title {
      color: #ef7424 !important; }
    section#aboutUs .awards .awardsList .item table {
      min-height: 240px; }
      section#aboutUs .awards .awardsList .item table tr {
        border: none !important; }
        section#aboutUs .awards .awardsList .item table tr td {
          padding: 0; }
    section#aboutUs .awards .awardsList .item .icon {
      width: 50px; }
    section#aboutUs .awards .awardsList .item .title {
      margin-left: 1rem; }
    section#aboutUs .awards .awardsList .item .title,
    section#aboutUs .awards .awardsList .item .list {
      text-align: left; }
    section#aboutUs .awards .awardsList .item .list {
      margin-left: 1.5rem; }
  section#aboutUs .partnership {
    padding: 1rem; }
    section#aboutUs .partnership .list {
      text-align: center; }
      section#aboutUs .partnership .list .icon {
        padding: 1rem; }
        @media screen and (max-width: 400px) {
          section#aboutUs .partnership .list .icon {
            max-width: 150px; } }

#facebookAR .servcie-content-wrapper {
  max-width: 860px;
  margin: 0 auto; }

#facebookAR .navigation li a,
#facebookAR .navigation li a:hover,
#facebookAR .navigation li.active a,
#facebookAR .navigation li.disabled {
  color: #fff;
  text-decoration: none; }

#facebookAR .navigation li {
  display: inline; }

#facebookAR .navigation li a,
#facebookAR .navigation li a:hover,
#facebookAR .navigation li.active a,
#facebookAR .navigation li.disabled {
  background-color: #6FB7E9;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem; }

#facebookAR .navigation li a:hover,
#facebookAR .navigation li.active a {
  background-color: #3C8DC5; }

#facebookAR .videoWrapper {
  width: 60%; }

#facebookAR .videoWrapper, #facebookAR .videoDescription {
  position: relative;
  display: inline-block; }

#facebookAR .videoOverlay {
  position: absolute;
  top: 0;
  left: 0; }

#facebookAR .videoSlide {
  width: 100%; }

#facebookAR .videoDescription {
  overflow: hidden; }
  #facebookAR .videoDescription .eltd-section-title-title-holder {
    padding-top: 0; }
  #facebookAR .videoDescription .eltd-section-title {
    font-size: 33px;
    font-weight: 700;
    opacity: 0;
    transition: opacity 0.3s;
    position: relative; }
    #facebookAR .videoDescription .eltd-section-title.active {
      opacity: 1; }
  #facebookAR .videoDescription .eltd-section-title-text {
    font-size: 21.3px;
    font-weight: 400;
    padding-bottom: 0; }
  #facebookAR .videoDescription .descText {
    overflow: hidden; }
    #facebookAR .videoDescription .descText .eltd-section-title-text {
      text-transform: uppercase; }
  #facebookAR .videoDescription .descBtn {
    bottom: -90px;
    transition: bottom 0.6s;
    position: relative;
    width: 212px;
    padding: 18px 0;
    font-size: 18px;
    color: #ffffff;
    background-color: #6bba45;
    margin: 0 auto; }
    #facebookAR .videoDescription .descBtn a {
      color: #fff;
      font-weight: 400; }
    #facebookAR .videoDescription .descBtn.active {
      bottom: 0; }

#facebookAR .videoDescSlider {
  margin-top: 50%; }

@media (min-width: 1601px) {
  #facebookAR #videoDescSlider {
    margin-top: 33%; } }

@media (max-width: 1600px) and (min-width: 1200px) {
  #facebookAR #videoDescSlider {
    margin-top: 18%; } }

#facebookAR .slick-slider.slick-initialized i.slick-arrow {
  color: #000;
  font-size: 40px; }

#facebookAR .slick-slider.slick-initialized i.fa-angle-right {
  right: -50px; }

#facebookAR .slick-slider.slick-initialized i.fa-angle-left {
  left: -50px; }

#facebookAR .wpcf7-response-output {
  color: #fff; }

#facebookAR .wpcf7-not-valid-tip {
  text-align: left; }

#facebookAR .eltd-btn .eltd-btn-text {
  width: 212px;
  padding: 28px 0;
  font-size: 18px;
  color: #ffffff;
  background-color: #6bba45; }

#facebookAR .videoOverlay img {
  box-shadow: none; }

#facebookAR .wpcf7-form .wpcf7-form-control {
  height: 52px;
  margin-bottom: 40px; }
  #facebookAR .wpcf7-form .wpcf7-form-control.wpcf7-textarea {
    height: 160px; }

#facebookAR .vc_row:last-child .contact-info .eltd-section-title-title-holder {
  padding-top: 0; }

#facebookAR .vc_row:last-child .contact-info .eltd-section-title-text:last-child {
  padding-bottom: 0; }

#facebookAR .contact-info .eltd-section-title-outer-holder {
  text-align: center; }

#facebookAR .contact-info .eltd-section-title-title-holder {
  padding-bottom: 10px; }

@media (max-width: 1199px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -196.3%;
    right: 77px; } }

@media (max-width: 768px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -124%;
    right: 50px; } }

@media (max-width: 600px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -96%;
    right: 25px; } }

@media (max-width: 480px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -102.8%;
    right: 31px; } }

@media (max-width: 460px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -95%;
    right: 24px; } }

@media (max-width: 440px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -95.8%;
    right: 25px; } }

@media (max-width: 420px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -75%;
    right: 20px; } }

@media (max-width: 400px) {
  #facebookAR .slick-slider.slick-initialized i.fa-angle-right {
    top: -69.2%;
    right: 14px; } }

#facebookAR .showcase-default .filter {
  text-align: center;
  position: relative;
  max-width: 250px;
  margin: 10px auto 50px;
  padding-left: 90px; }
  #facebookAR .showcase-default .filter span {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 16px;
    line-height: 25px;
    text-align: right;
    width: 80px; }
  #facebookAR .showcase-default .filter .selected {
    font-size: 28px;
    line-height: 36px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    background-image: url(../down_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    text-transform: uppercase; }
  #facebookAR .showcase-default .filter .options {
    position: absolute;
    left: 90px;
    top: 100%;
    right: 0;
    background: #000;
    font-size: 18px;
    padding-bottom: 20px;
    text-align: left;
    display: none;
    z-index: 2; }
    #facebookAR .showcase-default .filter .options a {
      display: block;
      padding: 20px 25px 0;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase; }
      #facebookAR .showcase-default .filter .options a.active, #facebookAR .showcase-default .filter .options a:hover {
        color: #ef7227; }
  @media only screen and (min-width: 1024px) {
    #facebookAR .showcase-default .filter {
      max-width: 350px;
      margin: 10px auto 50px; }
      #facebookAR .showcase-default .filter span {
        top: 13px;
        font-size: 16px;
        line-height: 25px;
        width: 80px; }
      #facebookAR .showcase-default .filter .selected {
        font-size: 35px;
        line-height: 42px; }
      #facebookAR .showcase-default .filter .options {
        left: 90px;
        font-size: 22px;
        padding-bottom: 30px; }
        #facebookAR .showcase-default .filter .options a {
          padding: 30px 25px 0; } }

#facebookAR .showcase-default .divider_line {
  text-align: center;
  padding: 20px 0; }
  #facebookAR .showcase-default .divider_line i {
    display: inline-block;
    width: 100px;
    border-top: 3px solid #258375; }

#facebookAR .showcase-default .eltd-portfolio-single-holder img {
  display: block; }

#facebookAR .showcase-default .the-showcase {
  padding-bottom: 50px; }
  #facebookAR .showcase-default .the-showcase:last-child {
    border-bottom: 0; }
  #facebookAR .showcase-default .the-showcase .eltd-section-title-title-holder {
    padding-bottom: 0 !important; }
  #facebookAR .showcase-default .the-showcase .showcase-img {
    margin-bottom: 30px; }
  #facebookAR .showcase-default .the-showcase .showcase-detail {
    padding-bottom: 30px; }
  #facebookAR .showcase-default .the-showcase .eltd-section-title {
    line-height: 1 !important; }
  #facebookAR .showcase-default .the-showcase .show_more_btn {
    text-align: center;
    margin-top: 20px; }
    #facebookAR .showcase-default .the-showcase .show_more_btn div {
      display: inline-block;
      background: #64BA45;
      color: #fff;
      width: 212px;
      padding: 18px 0;
      font-size: 18px;
      cursor: pointer; }
  #facebookAR .showcase-default .the-showcase .showcase-more {
    display: none;
    border-bottom: 1px solid #999;
    padding-bottom: 50px; }
  #facebookAR .showcase-default .the-showcase .awards {
    text-align: center; }
    #facebookAR .showcase-default .the-showcase .awards span {
      font-size: 24px !important; }
    #facebookAR .showcase-default .the-showcase .awards ul {
      display: inline-block;
      margin: 0;
      padding: 20px 0 0;
      list-style: 0;
      font-size: 0;
      text-align: center;
      width: 100%; }
      #facebookAR .showcase-default .the-showcase .awards ul li {
        margin: 0;
        padding: 0;
        text-align: center;
        width: 33.3333%;
        display: inline-block; }
  #facebookAR .showcase-default .the-showcase .gallery {
    font-size: 0;
    text-align: left;
    vertical-align: top; }
    #facebookAR .showcase-default .the-showcase .gallery .img {
      margin: 0;
      padding: 0 0 20px;
      display: block;
      font-size: 0;
      vertical-align: top; }
      #facebookAR .showcase-default .the-showcase .gallery .img a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 0; }
      #facebookAR .showcase-default .the-showcase .gallery .img img {
        display: block; }
    @media only screen and (min-width: 1024px) {
      #facebookAR .showcase-default .the-showcase .gallery .img {
        width: 50%;
        display: inline-block;
        padding-bottom: 20px; }
      #facebookAR .showcase-default .the-showcase .gallery .col-1 .img-inner {
        padding-right: 10px; }
      #facebookAR .showcase-default .the-showcase .gallery .col-2 .img-inner {
        padding-left: 10px; } }

section#contactUs {
  position: relative;
  padding: .2rem 0;
  text-align: center;
  font-size: .2rem; }
  section#contactUs * {
    box-sizing: border-box; }
  section#contactUs .row::after {
    content: "";
    clear: both;
    display: table; }
  section#contactUs [class*="col-"] {
    float: left;
    padding: 5px; }
    @media screen and (min-width: 640px) {
      section#contactUs [class*="col-"] {
        padding: 15px; } }
  section#contactUs [class*="col-"] {
    width: 100%; }
  @media only screen and (min-width: 600px) {
    section#contactUs {
      /* For tablets: */ }
      section#contactUs .col-s-1 {
        width: 8.33%; }
      section#contactUs .col-s-2 {
        width: 16.66%; }
      section#contactUs .col-s-3 {
        width: 25%; }
      section#contactUs .col-s-4 {
        width: 33.33%; }
      section#contactUs .col-s-5 {
        width: 41.66%; }
      section#contactUs .col-s-6 {
        width: 50%; }
      section#contactUs .col-s-7 {
        width: 58.33%; }
      section#contactUs .col-s-8 {
        width: 66.66%; }
      section#contactUs .col-s-9 {
        width: 75%; }
      section#contactUs .col-s-10 {
        width: 83.33%; }
      section#contactUs .col-s-11 {
        width: 91.66%; }
      section#contactUs .col-s-12 {
        width: 100%; } }
  @media only screen and (min-width: 768px) {
    section#contactUs {
      /* For desktop: */ }
      section#contactUs .col-1 {
        width: 8.33%; }
      section#contactUs .col-2 {
        width: 16.66%; }
      section#contactUs .col-3 {
        width: 25%; }
      section#contactUs .col-4 {
        width: 33.33%; }
      section#contactUs .col-5 {
        width: 41.66%; }
      section#contactUs .col-6 {
        width: 50%; }
      section#contactUs .col-7 {
        width: 58.33%; }
      section#contactUs .col-8 {
        width: 66.66%; }
      section#contactUs .col-9 {
        width: 75%; }
      section#contactUs .col-10 {
        width: 83.33%; }
      section#contactUs .col-11 {
        width: 91.66%; }
      section#contactUs .col-12 {
        width: 100%; } }
  section#contactUs .findUsList {
    position: relative;
    padding: .1rem; }
    @media screen and (min-width: 640px) {
      section#contactUs .findUsList {
        width: 100%;
        padding-top: .2rem;
        padding-bottom: .3rem;
        max-width: 500px;
        margin: 0 auto; } }
    section#contactUs .findUsList tr {
      border: 0; }
      section#contactUs .findUsList tr td {
        padding: 0; }
    section#contactUs .findUsList .findUsSelect {
      font-size: 2rem;
      width: 100%;
      max-width: 500px;
      border: 0;
      border-bottom: 2px solid black;
      font-weight: bold;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-image: url(../down_arrow.png);
      background-repeat: no-repeat;
      background-position: right;
      outline: none; }
      @media screen and (min-width: 640px) {
        section#contactUs .findUsList .findUsSelect {
          margin: 0 1rem 2rem; } }
      section#contactUs .findUsList .findUsSelect option {
        background: black;
        color: orange; }
    section#contactUs .findUsList .details {
      margin-bottom: 1rem; }
      section#contactUs .findUsList .details .eachDetail {
        display: none; }
        section#contactUs .findUsList .details .eachDetail.active {
          display: block; }
        section#contactUs .findUsList .details .eachDetail .title {
          font-weight: bold; }
        section#contactUs .findUsList .details .eachDetail .phoneNumberBlock {
          margin-top: .2rem;
          margin-bottom: .2rem; }
  section#contactUs .inboxForm {
    background-color: black;
    padding: .6rem; }
    section#contactUs .inboxForm .sectionTitle {
      color: white; }
    section#contactUs .inboxForm .innerInboxForm {
      position: relative;
      width: 100%;
      max-width: 900px;
      margin: 0 auto; }
      section#contactUs .inboxForm .innerInboxForm form {
        padding: .1rem 0; }
        section#contactUs .inboxForm .innerInboxForm form .errorMsg {
          display: none;
          color: #f00;
          font-size: 15px;
          font-weight: normal;
          text-align: left; }
          section#contactUs .inboxForm .innerInboxForm form .errorMsg.active {
            display: block; }
    section#contactUs .inboxForm tr {
      border: 0; }
      section#contactUs .inboxForm tr td {
        padding: 1rem 0; }
    section#contactUs .inboxForm .title {
      color: white;
      text-align: left;
      padding-right: 1rem; }
    section#contactUs .inboxForm select,
    section#contactUs .inboxForm input,
    section#contactUs .inboxForm textarea {
      width: 100%;
      height: 40px !important; }
    section#contactUs .inboxForm select {
      font-size: inherit;
      padding: 0 .1rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(../down_arrow_2.png) no-repeat right white; }
    section#contactUs .inboxForm textarea {
      resize: vertical;
      min-height: 150px; }
    section#contactUs .inboxForm #submit {
      background: #6bba45;
      color: white;
      border: 0;
      cursor: pointer;
      width: 100%;
      max-width: 250px;
      height: 60px;
      outline: none;
      margin: .1rem 0;
      font-size: inherit; }
    section#contactUs .inboxForm .serviceGroup {
      /* Hide the browser's default checkbox */
      /* Create a custom checkbox */
      /* On mouse-over, add a grey background color */
      /* When the checkbox is checked, add a blue background */
      /* Create the checkmark/indicator (hidden when not checked) */
      /* Show the checkmark when checked */
      /* Style the checkmark/indicator */ }
      section#contactUs .inboxForm .serviceGroup .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: white;
        text-align: left; }
      section#contactUs .inboxForm .serviceGroup .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      section#contactUs .inboxForm .serviceGroup .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee; }
      section#contactUs .inboxForm .serviceGroup .container:hover input ~ .checkmark {
        background-color: #ccc; }
      section#contactUs .inboxForm .serviceGroup .container input:checked ~ .checkmark {
        background-color: white; }
      section#contactUs .inboxForm .serviceGroup .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      section#contactUs .inboxForm .serviceGroup .container input:checked ~ .checkmark:after {
        display: block; }
      section#contactUs .inboxForm .serviceGroup .container .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid black;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  section#contactUs .emailGroup {
    padding: .2rem 0; }
    section#contactUs .emailGroup .eachEmail {
      margin-bottom: .4rem; }
      section#contactUs .emailGroup .eachEmail .purpose {
        font-weight: bold; }
  section#contactUs .filter {
    text-align: center;
    position: relative;
    max-width: 280px;
    margin: 37px auto 50px;
    padding-left: 90px; }
    section#contactUs .filter span {
      position: absolute;
      left: 0;
      top: 8px;
      font-size: 16px;
      line-height: 25px;
      text-align: right;
      width: 80px; }
    section#contactUs .filter .selected {
      font-size: 28px;
      line-height: 36px;
      border-bottom: 1px solid #000;
      font-weight: bold;
      text-align: left;
      cursor: pointer;
      background-image: url(../down_arrow.png);
      background-position: right center;
      background-repeat: no-repeat;
      text-transform: uppercase; }
    section#contactUs .filter .options {
      position: absolute;
      left: 90px;
      top: 100%;
      right: 0;
      background: #000;
      font-size: 18px;
      padding-bottom: 20px;
      text-align: left;
      display: none;
      z-index: 100; }
      section#contactUs .filter .options a {
        display: block;
        padding: 20px 25px 0;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase; }
        section#contactUs .filter .options a.active, section#contactUs .filter .options a:hover {
          color: #ef7227; }
    @media only screen and (min-width: 1024px) {
      section#contactUs .filter {
        max-width: 350px;
        margin: 64px auto 70px; }
        section#contactUs .filter span {
          top: 13px;
          font-size: 16px;
          line-height: 25px;
          width: 80px; }
        section#contactUs .filter .selected {
          font-size: 35px;
          line-height: 42px; }
        section#contactUs .filter .options {
          left: 90px;
          font-size: 22px;
          padding-bottom: 30px; }
          section#contactUs .filter .options a {
            padding: 30px 25px 0; } }

footer {
  position: relative;
  z-index: 1001;
  background-color: #1c1c1e;
  padding: 0 15px 50px; }
  @media (max-width: 645px) {
    footer {
      padding-top: 8%;
      padding-bottom: 8%; } }
  footer *, footer ::after, footer ::before {
    box-sizing: border-box; }
  footer .container_cus {
    background-color: rgba(255, 255, 255, 0); }
  footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    footer .row.no-gutters {
      margin-right: 0;
      margin-left: 0; }
      footer .row.no-gutters > .col, footer .row.no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0; }
    footer .row .col, footer .row > [class*=col-] {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
    @media (min-width: 645px) {
      footer .row .col-cus {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%; } }
  footer .bh_container {
    padding: 60px 0; }
    @media (max-width: 645px) {
      footer .bh_container {
        padding: 0; } }
    footer .bh_container .bh_title {
      font-size: 25px;
      font-weight: bold; }
      @media (max-width: 645px) {
        footer .bh_container .bh_title {
          font-size: 20px;
          margin: 10px 0; } }
    footer .bh_container .bh_details {
      padding-top: 15px;
      padding-bottom: 15px; }
      @media (max-width: 645px) {
        footer .bh_container .bh_details {
          display: none; }
          footer .bh_container .bh_details.active {
            display: block;
            padding-top: 0;
            padding-bottom: 5%; } }
      footer .bh_container .bh_details .bh_tel {
        padding-top: 10px;
        padding-bottom: 10px; }
        @media (max-width: 645px) {
          footer .bh_container .bh_details .bh_tel {
            padding-top: 0;
            padding-bottom: 1%; } }
  footer .ge_container {
    padding: 60px 0; }
    @media (max-width: 645px) {
      footer .ge_container {
        padding: 10% 0; } }
    footer .ge_container .ge_itm {
      padding-bottom: 5px; }
      @media (max-width: 645px) {
        footer .ge_container .ge_itm {
          padding-bottom: 15px; } }

#home-clients .eltd-section-title {
  padding-bottom: 0.3em; }

#home-clients .eltd-section-title-text {
  max-width: 55%;
  margin: 0 auto 3em; }

#home-clients .eltd-gallery-image img {
  border: 1px solid #F4F4F4; }

select {
  border-radius: 0; }

header.eltd-page-header {
  display: none !important; }

header.eltd-mobile-header {
  display: inline-block !important;
  width: 100%;
  position: absolute; }
  header.eltd-mobile-header img.normal {
    display: block; }
  header.eltd-mobile-header img.rollUp {
    display: none; }
  header.eltd-mobile-header .eltd-mobile-header-inner {
    background-color: transparent; }
    header.eltd-mobile-header .eltd-mobile-header-inner.active {
      background: black !important;
      animation-name: bgColorWhiteToBlack;
      animation-duration: 1s; }
      header.eltd-mobile-header .eltd-mobile-header-inner.active .eltd-mobile-menu-opener {
        background-image: url(../images/btn_close.png) !important;
        width: 20px !important;
        height: 20px !important; }
    header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-header-holder .eltd-mobile-logo-wrapper > a {
      color: white;
      font-size: 30px;
      font-weight: bold;
      font-family: Montserrat, sans-serif;
      letter-spacing: 5px; }
      header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-header-holder .eltd-mobile-logo-wrapper > a.active {
        color: white; }
    header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-header-holder .eltd-mobile-menu-opener {
      background-image: url(../images/btn_menu.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: 38px;
      height: 33px;
      position: absolute;
      top: 33px;
      cursor: pointer; }
      .eltd-vertical-align-containers .eltd-position-right{top: 33px;}
      .eltd-vertical-align-containers .eltd-position-right a{color: #fff;}
      .eltd-vertical-align-containers .eltd-position-right a.en{background: url(../images/en.png) left center no-repeat; padding-left: 26px;}
      .eltd-vertical-align-containers .eltd-position-right a.cn{background: url(../images/cn.png) left center no-repeat; padding-left: 26px;}
      .mobile-header-appear .eltd-vertical-align-containers .eltd-position-right a{color: #000}
      header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-header-holder .eltd-mobile-menu-opener .eltd-mobile-opener-icon-holder i:before {
        content: none; }
    header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-nav {
      position: absolute;
      width: 100%; }
      header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-nav .eltd-grid {
        width: 100%;
        background: black;
        animation-name: bgColorWhiteToBlack;
        animation-duration: 1s; }
        header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-nav .eltd-grid > ul {
          max-width: 1200px;
          margin: 0 auto; }
          header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-nav .eltd-grid > ul > li > a {
            text-align: center;
            border-bottom: 0;
            padding: .2rem 0; }
            header.eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-nav .eltd-grid > ul > li > a > span {
              color: white;
              font-weight: bold;
              font-size: 20px; }
  header.eltd-mobile-header.mobile-header-appear img.normal {
    display: none; }
  header.eltd-mobile-header.mobile-header-appear img.rollUp {
    display: block; }
  header.eltd-mobile-header.mobile-header-appear .eltd-mobile-header-inner {
    background: white; }
    header.eltd-mobile-header.mobile-header-appear .eltd-mobile-header-inner .eltd-mobile-logo-wrapper > a {
      color: black; }
    header.eltd-mobile-header.mobile-header-appear .eltd-mobile-header-inner .eltd-mobile-menu-opener {
      background-image: url(../images/btn_menu2.png); }

@keyframes bgColorWhiteToBlack {
  from {
    background: white; }
  to {
    background: black; } }

@keyframes bgColorBlackToWhite {
  from {
    background: black; }
  to {
    background: white; } }

@keyframes bgColorWhiteToBlack {
  from {
    background: white; }
  to {
    background: black; } }

@keyframes textColorBlackToWhite {
  from {
    color: black; }
  to {
    color: white; } }

.h_cus_grid_style *, .h_cus_grid_style ::after, .h_cus_grid_style ::before {
  box-sizing: border-box; }

.h_cus_grid_style .d-none {
  display: none; }

.h_cus_grid_style .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .h_cus_grid_style .row.no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .h_cus_grid_style .row.no-gutters > .col, .h_cus_grid_style .row.no-gutters > [class*=col-] {
      padding-right: 0;
      padding-left: 0; }
  .h_cus_grid_style .row .col, .h_cus_grid_style .row > [class*=col-] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .h_cus_grid_style .row .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .h_cus_grid_style .row .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .h_cus_grid_style .row .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  @media (min-width: 645px) {
    .h_cus_grid_style .row .col-sm-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; } }
  @media (min-width: 645px) {
    .h_cus_grid_style .row .col-md-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; } }
  @media (min-width: 992px) {
    .h_cus_grid_style .row .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%; } }
  @media (min-width: 992px) {
    .h_cus_grid_style .row .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (min-width: 1200px) {
    .h_cus_grid_style .row .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%; } }

.h_main_title {
  font-size: 35px;
  line-height: 56px;
  font-weight: 700;
  margin-bottom: 40px; }
  @media (max-width: 645px) {
    .h_main_title {
      font-size: 30px;
      margin-bottom: 30px; } }

.h_main_desc {
  font-size: 20px;
  line-height: 33px;
  margin-bottom: 15px; }
  @media (max-width: 645px) {
    .h_main_desc {
      font-size: 18px;
      margin-bottom: 5px; } }

.h_banner_container {
  width: 100%;
  min-height: 200px;
  background-color: #6bba45;
  position: relative; }
  .h_banner_container video {
    width: 100%; }
    .h_banner_container video.v_banner_desktop {
      display: block; }
      @media (max-width: 645px) {
        .h_banner_container video.v_banner_desktop {
          display: none; } }
    .h_banner_container video.v_banner_mobile {
      display: none; }
      @media (max-width: 645px) {
        .h_banner_container video.v_banner_mobile {
          display: block; } }
  .h_banner_container .btn_down_arrow {
    position: absolute;
    left: 50%;
    bottom: 0;
    padding: 40px;
    transform: translateX(-50%);
    cursor: pointer; }
    .h_banner_container .btn_down_arrow .btn_down_arrow_pos {
      width: 38px;
      height: 19px;
      animation-iteration-count: infinite;
      animation-fill-mode: both;
      animation-duration: 2s;
      animation-name: h_arrow_bounce; }

.h_iip_container {
  padding-top: 60px;
  text-align: center; }
  .h_iip_container .iip_banner {
    width: 100%; }
    .h_iip_container .iip_banner img {
      width: 100%;
      max-width: 896px; }
  .h_iip_container .iip_col:first-child .iip_num {
    color: #6bba45; }
  .h_iip_container .iip_col:nth-child(2) .iip_num {
    color: #ef7124; }
  .h_iip_container .iip_col:nth-child(3) .iip_num {
    color: #ec187e; }
  .h_iip_container .iip_col:nth-child(4) .iip_num {
    color: #303a55; }
  @media (max-width: 645px) {
    .h_iip_container .iip_col .iip_item {
      padding-bottom: 20%; } }
  .h_iip_container .iip_col .iip_item .iip_num {
    font-size: 60px;
    line-height: 80px;
    font-weight: bold; }
    @media (max-width: 992px) {
      .h_iip_container .iip_col .iip_item .iip_num {
        font-size: 40px; } }
  .h_iip_container .iip_col .iip_title {
    font-size: 20px; }

.h_sv_container {
  padding-top: 60px;
  padding-bottom: 70px;
  text-align: center; }
  .h_sv_container .sv_col:nth-child(even) .sv_item_inner {
    transform: translateY(25%); }
  .h_sv_container .sv_item {
    position: relative;
    width: 100%;
    height: 400px;
    padding: 2px;
    cursor: pointer; }
    @media (max-width: 645px) {
      .h_sv_container .sv_item {
        height: 250px; } }
    .h_sv_container .sv_item:hover {
      z-index: 10; }
    .h_sv_container .sv_item .sv_title {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      font-size: 25px;
      font-weight: bold;
      color: white;
      padding: 0 10px;
      z-index: 2; }
  .h_sv_container .sv_item_inner {
    position: relative;
    width: 100%;
    height: 100%; }
    .h_sv_container .sv_item_inner .sv_item_bg_box {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      transition: all 0.7s cubic-bezier(0.23, 1, 0.12, 1) 0s; }
      .h_sv_container .sv_item_inner .sv_item_bg_box > div {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden; }
        .h_sv_container .sv_item_inner .sv_item_bg_box > div .sv_item_shadow {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #000;
          opacity: 0;
          transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
          z-index: 2; }
      .h_sv_container .sv_item_inner .sv_item_bg_box .sv_item_bg {
        position: absolute;
        top: -10%;
        left: -10%;
        bottom: -10%;
        right: -10%;
        z-index: 1;
        background-size: cover;
        background-position: center center;
        transition: all 3.5s cubic-bezier(0.23, 1, 0.12, 1) 0s; }
    .h_sv_container .sv_item_inner:hover .sv_item_bg_box {
      transform: scale(1.1, 1.1); }
      .h_sv_container .sv_item_inner:hover .sv_item_bg_box > div .sv_item_shadow {
        opacity: 0.5; }
      .h_sv_container .sv_item_inner:hover .sv_item_bg_box .sv_item_bg {
        transform: scale(1.2, 1.2); }

.h_ow_container {
  padding-top: 60px;
  text-align: center; }
  .h_ow_container .h_main_desc {
    margin-bottom: 50px; }
    @media (max-width: 645px) {
      .h_ow_container .h_main_desc {
        margin-bottom: 10%; } }
  @media (max-width: 645px) {
    .h_ow_container .eltd-container-inner {
      padding-top: 0 !important; } }
  .h_ow_container .ow_item {
    margin-bottom: 70px; }
    .h_ow_container .ow_item a {
      color: black; }
    @media (max-width: 645px) {
      .h_ow_container .ow_item {
        margin-bottom: 10%; } }
    .h_ow_container .ow_item .ow_title {
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 10px; }
    .h_ow_container .ow_item .ow_subtitle {
      font-size: 23px;
      font-weight: 500;
      padding: 0 16%;
      line-height: 1.15; }
      @media (max-width: 645px) {
        .h_ow_container .ow_item .ow_subtitle {
          font-size: 20px; } }
    .h_ow_container .ow_item .ow_image {
      width: 100%; }
      .h_ow_container .ow_item .ow_image img {
        width: 100%;
        max-width: 640px; }
  .h_ow_container .btn_container {
    text-align: center; }
    .h_ow_container .btn_container .btn_more {
      cursor: pointer;
      display: inline-block;
      width: 212px;
      padding: 18px 0;
      font-size: 18px;
      color: white;
      background-color: #6bba45; }

.h_client_container {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px; }
  .h_client_container .h_main_desc {
    padding-left: 28%;
    padding-right: 28%; }
    @media (max-width: 992px) {
      .h_client_container .h_main_desc {
        padding-left: 20%;
        padding-right: 20%; } }
    @media (max-width: 645px) {
      .h_client_container .h_main_desc {
        padding-left: 8%;
        padding-right: 8%; } }
  .h_client_container .eltd-container-inner {
    padding-top: 0 !important; }
    @media (max-width: 645px) {
      .h_client_container .eltd-container-inner {
        padding-bottom: 15px !important; } }
  .h_client_container .client_logo {
    width: 100%; }
    .h_client_container .client_logo img {
      width: 100%;
      max-width: 200px; }
  .h_client_container .btn_container {
    text-align: center; }
    .h_client_container .btn_container .btn_more {
      cursor: pointer;
      display: inline-block;
      width: 212px;
      padding: 18px 0;
      font-size: 18px;
      color: white;
      background-color: #6bba45; }
  @media (max-width: 645px) {
    .h_client_container .desktop_ver {
      display: none; } }
  @media (min-width: 645px) {
    .h_client_container .mobile_ver {
      display: none; } }

@keyframes h_arrow_bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0); }
  40% {
    transform: translateY(20px); }
  60% {
    transform: translateY(10px); } }

.investor_section .investor_cus_grid_style *, .investor_section .investor_cus_grid_style ::after, .investor_section .investor_cus_grid_style ::before {
  box-sizing: border-box; }

.investor_section .investor_cus_grid_style .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .investor_section .investor_cus_grid_style .row.no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .investor_section .investor_cus_grid_style .row.no-gutters > .col, .investor_section .investor_cus_grid_style .row.no-gutters > [class*=col-] {
      padding-right: 0;
      padding-left: 0; }
  .investor_section .investor_cus_grid_style .row .col, .investor_section .investor_cus_grid_style .row > [class*=col-] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .investor_section .investor_cus_grid_style .row .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

.investor_section .investor_desc {
  padding: 5% 12% 2%; }
  .investor_section .investor_desc p {
    margin-bottom: 10px; }

.investor_section .finaInfos_container {
  background-color: #f4f4f4; }

.investor_section .doc_container {
  width: 100%;
  position: relative;
  padding-right: 40px;
  padding-bottom: 15px;
  margin-bottom: 4%;
  border-bottom: 1px solid #939393; }
  .investor_section .doc_container .doc_date {
    font-weight: bold;
    margin-bottom: 5px; }
  .investor_section .doc_container .doc_name {
    font-weight: 500; }
  .investor_section .doc_container .doc_download_icon {
    width: 38px;
    position: absolute;
    right: 0;
    bottom: 15px; }
    .investor_section .doc_container .doc_download_icon img {
      width: 100%; }

.investor_section .btn_container {
  margin-bottom: 5%;
  text-align: center; }
  .investor_section .btn_container .btn_loadmore {
    display: inline-block;
    width: 212px;
    padding: 18px 0;
    font-size: 18px;
    color: white;
    background-color: black; }

#our-work-detail {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding-bottom: 60px; }
  #our-work-detail .our-work-detail-inner {
    padding: 0; }
  #our-work-detail .back_to_listing {
    text-align: left;
    padding: 20px 0 0; }
    #our-work-detail .back_to_listing a {
      font-weight: bold;
      color: #000; }
  #our-work-detail h1 {
    font-size: 35px;
    line-height: 41px;
    padding: 50px 0 40px;
    text-align: center;
    max-width: 80%;
    margin: 0 auto; }
    @media (max-width: 640px) {
      #our-work-detail h1 {
        max-width: 100%; } }
  #our-work-detail h2 {
    font-size: 25px;
    line-height: 33px;
    padding: 40px 0;
    text-align: center;
    max-width: 80%;
    margin: 0 auto; }
  #our-work-detail .sep {
    text-align: center;
    margin: 0;
    padding: 0 0 47px;
    font-size: 0;
    line-height: 5px; }
    #our-work-detail .sep i {
      display: inline-block;
      width: 30%;
      background: #ff7302;
      height: 5px; }
  #our-work-detail .content {
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 30px; }
    #our-work-detail .content p {
      text-align: justify; }
      @media only screen and (min-width: 1024px) {
        #our-work-detail .content p {
          text-align: left; } }
  #our-work-detail .tags {
    padding-bottom: 60px; }
    #our-work-detail .tags h5 {
      font-size: 25px;
      line-height: 33px;
      max-width: 80%;
      margin: 0;
      padding: 0;
      display: block; }
  #our-work-detail .gallery {
    font-size: 0; }
    #our-work-detail .gallery .img {
      margin: 0;
      padding: 0 0 20px;
      display: block;
      font-size: 0; }
      #our-work-detail .gallery .img a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 0; }
      #our-work-detail .gallery .img img {
        display: block; }
    @media only screen and (min-width: 1024px) {
      #our-work-detail .gallery .img {
        width: 50%;
        display: inline-block;
        padding-bottom: 10px; }
      #our-work-detail .gallery .col-1 .img-inner {
        padding-right: 10px; }
      #our-work-detail .gallery .col-2 .img-inner {
        padding-left: 10px; } }

#our-work-listing {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
  vertical-align: top; }
  #our-work-listing .listing {
    font-size: 0;
    vertical-align: top; }
    #our-work-listing .listing .img {
      margin: 0;
      padding: 0 0 53px;
      display: block;
      vertical-align: top; }
      #our-work-listing .listing .img a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 0;
        color: #000; }
      #our-work-listing .listing .img img {
        display: block !important;
        width: 100%; }
      #our-work-listing .listing .img .detail {
        font-size: 25px;
        line-height: 33px;
        font-weight: bold;
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
        padding-top: 22px; }
        #our-work-listing .listing .img .detail span {
          font-size: 16px;
          font-weight: normal; }
  @media only screen and (min-width: 1024px) {
    #our-work-listing {
      width: 95%; }
      #our-work-listing .listing .img {
        width: 50%;
        display: inline-block;
        padding-bottom: 66px; }
      #our-work-listing .listing .detail {
        font-size: 25px;
        line-height: 33px;
        font-weight: bold;
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
        padding-top: 35px; }
        #our-work-listing .listing .detail span {
          font-size: 16px;
          font-weight: normal; }
      #our-work-listing .listing .img-inner {
        padding-right: 15px;
        padding-left: 15px; } }
  #our-work-listing .filter {
    text-align: center;
    position: relative;
    max-width: 250px;
    margin: 37px auto 50px;
    padding-left: 90px; }
    #our-work-listing .filter span {
      position: absolute;
      left: 0;
      top: 8px;
      font-size: 16px;
      line-height: 25px;
      text-align: right;
      width: 80px; }
    #our-work-listing .filter .selected {
      font-size: 28px;
      line-height: 36px;
      border-bottom: 1px solid #000;
      font-weight: bold;
      text-align: left;
      cursor: pointer;
      background-image: url(../images/down_arrow.png);
      background-position: right center;
      background-repeat: no-repeat;
      text-transform: uppercase; }
    #our-work-listing .filter .options {
      position: absolute;
      left: 90px;
      top: 100%;
      right: 0;
      background: #000;
      font-size: 18px;
      padding-bottom: 20px;
      text-align: left;
      display: none; }
      #our-work-listing .filter .options a {
        display: block;
        padding: 20px 25px 0;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase; }
        #our-work-listing .filter .options a.active, #our-work-listing .filter .options a:hover {
          color: #ef7227; }
    @media only screen and (min-width: 1024px) {
      #our-work-listing .filter {
        max-width: 350px;
        margin: 64px auto 70px; }
        #our-work-listing .filter span {
          top: 13px;
          font-size: 16px;
          line-height: 25px;
          width: 80px; }
        #our-work-listing .filter .selected {
          font-size: 35px;
          line-height: 42px; }
        #our-work-listing .filter .options {
          left: 90px;
          font-size: 22px;
          padding-bottom: 30px; }
          #our-work-listing .filter .options a {
            padding: 30px 25px 0; } }