@import url(https://fonts.googleapis.com/css?family=Noto+Serif+TC);
@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500);
.img_os {
  padding: 20px
}
.styl_dw {
  padding-bottom: 20px
}
.img_tp_re {
  margin-top: -20px
}
.mar_tp {
  margin-top: 80px
}
.hd_mobile {
  font-size: 36px;
  padding-bottom: 20px
}
.ftn_hd {
  font-size: 14px
}
.padd0 {
  padding: 0
}
.border_master {
  border-bottom: 5px solid #7ccecf !important
}
.border_meet {
  border-bottom: 5px solid #fcc79e !important
}
.border_customer {
  border-bottom: 5px solid #fb5a69 !important
}
.mb_height {
  width: 100%;
  float: left;
  height: 800px
}
.alig_tp {
  position: relative;
  top: -11px
}
.host_space {
  margin-top: 20px !important;
  margin-right: 20px !important
}
.height_btm {
  margin-bottom: 40px
}
.height_btm2 {
  margin-bottom: 100px
}
.height_btm4 {
  margin-bottom: 110px
}
.height_btm3 {
  margin-bottom: 50px
}
.img_btrs {
  margin-bottom: 70px
}
.bolds_hd {
  font-size: 27px;
  font-weight: 500;
  line-height: 30px
}
.img_hds {
  margin-top: 15px;
  margin-bottom: 20px
}
.white_oper {
  color: #fff;
  font-size: 38px;
  line-height: 42px;
  padding-top: 42px
}
.text_P {
  font-family: 'Noto Serif TC', serif;
  font-size: 15px !important;
  color: #666 !important
}
.text_P2 {
  font-family: 'Noto Serif TC', serif;
  font-size: 13px !important;
  color: #666 !important
}
.text_P2_p {
  font-family: 'Noto Serif TC', serif;
  font-size: 13px !important;
  color: #666 !important;
  padding-right: 6%
}
.wid100 {
  width: 100%
}
.text_o {
  font-family: 'Noto Serif TC', serif;
  font-size: 16px !important;
  color: #fff !important
}
.media-heading3 {
  font-family: Poppins !important;
  text-align: left;
  padding-bottom: 15px;
  font-weight: 600;
  color: #000;
  font-size: 20px
}
.pads {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 42px;
  height: 450px
}
.media_bodymain {
  border: 1px solid #ccc;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 10px
}
.media_bodymain:hover {
  border: 1px solid #6300e9;
  transition: border-width .6s linear;
  background: #22c0f70a
}
.btn-1::after, .btn-1::before {
  transition-delay: .2s
}
.btn-1 span::after, .btn-1 span::before {
  transition-delay: 0s
}
.btn-1::before {
  right: 0;
  top: 0
}
.btn-1::after {
  left: 0;
  bottom: 0
}
.btn-1 span::before {
  left: 0;
  top: 0
}
.btn-1 span::after {
  right: 0;
  bottom: 0
}
.btn-1:hover::after, .btn-1:hover::before {
  transition-delay: 0s
}
.btn-1:hover span::after, .btn-1:hover span::before {
  transition-delay: .2s
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s
}
.fade-in.one {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  animation-delay: .7s
}
.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s
}
.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s
}
.fade-in.four {
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  animation-delay: 1.9s
}
.pad_lefts {
  margin-left: 7%
}
.col_half {
  width: 49%
}
.col_third {
  width: 32%
}
.col_fourth {
  width: 20.5%
}
.col_fifth {
  width: 18.4%
}
.col_sixth {
  width: 15%
}
.col_three_fourth {
  width: 74.5%
}
.col_twothird {
  width: 66%
}
.col_fifth, .col_fourth, .col_half, .col_third, .col_three_fourth, .col_twothird {
  position: relative;
  display: inline;
  display: inline-block;
  float: left;
  margin-bottom: 20px
}
.our_list {
  border-right: 1px solid rgba(153, 153, 153, .4)
}
.end {
  margin-right: 0 !important
}
.counter {
  padding: 10px 0;
  margin-top: 90px;
  margin-bottom: 120px;
  border-radius: 5px;
  font-weight: 700;
  font-family: Montserrat, sans-serif
}
.count-title {
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 70px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center
}
.count-text {
  font-family: Montserrat, sans-serif;
  color: #333;
  font-size: 17px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center
}
.fa-2x {
  margin: 0 auto;
  float: none;
  display: table;
  color: #4ad1e5
}
.more_btn {
  padding-top: 20px;
  margin-top: 10px;
  cursor: pointer;
  background: url(../images/more.svg) no-repeat;
  height: 30px
}
.more_btn:hover {
  background: url(../images/more%20-%20hover.svg) no-repeat
}
.dis {
  display: inline-table;
  height: 54px;
  width: 40px;
  padding-bottom: 10px
}
.hovers_menu {
  color: #333 !important
}
.hovers_menu:hover {
  color: #000 !important
}
.blu_clr {
  margin-top: 4% !important;
  margin-bottom: 4% !important;
  background: #fff url(../images/head_bg.svg) no-repeat center !important
}
.blue_sechd {
  color: #6300e9
}
.blu_clr2 {
  height: 400px !important;
  margin-top: 4% !important;
  margin-bottom: 4% !important;
  background: #fff url(../images/head_bg.svg) no-repeat center !important
}
.white_clr {
  background: #fff !important
}
.gray_clr {
  color: #333 !important
}
::-webkit-scrollbar {
  width: 8px;
  height: 5px
}
::-webkit-scrollbar-track {
  background-color: #f8f8f8
}
::-webkit-scrollbar-track:horizontal {
  border-bottom: 1px solid #70abff
}
::-webkit-scrollbar-thumb {
  background-color: #d3d3d3
}
::-webkit-scrollbar-button {
  display: none
}
::-webkit-scrollbar-corner {
  background-color: transparent
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
@font-face {
  font-family: 'Gotham Black';
  font-style: normal;
  font-weight: 400;
  src: local('Gotham Black'), url('Gotham Black Regular.woff') format('woff')
}
@font-face {
  font-family: benne_textregular;
  src: url(benne-regular-webfont.woff2) format('woff2'), url(benne-regular-webfont.woff) format('woff');
  font-weight: 400;
  font-style: normal
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
.img_blk {
  -webkit-filter: grayscale(100%);
  cursor: pointer;
  filter: grayscale(100%);
  opacity: .3;
  filter: aAdha(opacity=50)
}
.img_blk:hover {
  webkit-filter: grayscale(0);
  cursor: pointer;
  transition: .3s;
  filter: grayscale(0);
  opacity: 10;
  filter: aAdha(opacity=50)
}
.button_contc {
  border: 1px solid #27b6ea !important;
  color: #6300e9 !important;
  margin-bottom: 50px
}
body {
  font-family: Montserrat, sans-serif;
  height: auto;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a:focus, a:hover {
  text-decoration: none;
  outline: 0
}
::selection {
  color: #fff;
  background: #6300e9
}
::-moz-selection {
  background: #6300e9;
  color: #fff
}
.ip-header .ip-loader svg path.ip-loader-circle {
  stroke: #0adcd5
}
strong {
  font-weight: 700
}
.Ad-main-wrapper {
  background-color: #fff
}
.rese_btm {
  margin-bottom: 70px
}
h1 {
  font-size: 55px;
  color: #272626;
  font-family: Poppins !important;
  font-weight: 500;
  padding-top: 40px;
  letter-spacing: 1px;
  line-height: 50px !important
}
.hd_unders {
  font-family: 'Noto Serif TC', serif;
  color: #585757;
  font-size: 19px;
  padding-top: 15px;
  font-weight: 300
}
.hd_under_fnt {
  line-height: 34px;
  font-family: 'Noto Serif TC', serif;
  color: #585757;
  font-size: 20px;
  position: relative;
  top: 20px;
  font-weight: 300
}
h2 {
  font-size: 24px;
  font-family: Poppins, sans-serif;
  color: #333;
  line-height: 25px;
  font-weight: 600
}
.fon {
  font-size: 18px !important;
  font-family: 'Noto Serif TC', serif;
  line-height: 25px
}
h3 {
  font-size: 50px;
  font-family: 'Gotham Black', sans-serif
}
.font_webs {
  font-size: 15px;
  line-height: 25px;
  font-family: 'Noto Serif TC', serif !important
}
.top_space {
  padding: 90px;
  text-align: left
}
.top_space2 {
  padding: 80px;
  text-align: left
}
.h4a {
  font-size: 2.5em;
  line-height: 52px;
  font-weight: 600
}
h4 {
  font-family: Poppins, sans-serif;
  line-height: 40px;
  color: #999
}
h5 {
  font-size: 18px;
  line-height: 30px
}
h6 {
  font-size: 33px;
  font-family: Poppins, sans-serif !important;
  font-weight: 600;
  line-height: 50px !important
}
p {
  font-size: 16px;
  font-family: Poppins, sans-serif;
  line-height: 30px
}
.Ad-realtive {
  position: relative
}
.Ad-dots {
  padding: 10px 0
}
.Ad-content-table {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  display: table;
  color: #000;
  font-size: 38px;
  font-weight: 300;
  text-align: center
}
ul.ks-cboxtags {
  list-style: none
}
ul.ks-cboxtags li {
  display: inline
}
ul.ks-cboxtags li label {
  display: inline-block;
  width: 100% !important;
  text-align: left;
  background-color: rgba(255, 255, 255, .9);
  border: 1px solid rgba(139, 139, 139, .3);
  color: #333;
  font-size: 13px;
  white-space: nowrap;
  margin: 8px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all .2s
}
ul.ks-cboxtags li label {
  padding: 9px 25px;
  cursor: pointer;
  background: url(../images/services_leftarrow.svg) no-repeat left;
  background-position-x: 9px
}
ul.ks-cboxtags li label::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  font-size: 12px;
  padding: 2px 6px 2px 2px;
  transition: transform .3s ease-in-out
}
ul.ks-cboxtags li input[type=checkbox]:checked + label::before {
  transform: rotate(-360deg);
  transition: transform .3s ease-in-out
}
ul.ks-cboxtags li input[type=checkbox]:checked + label {
  border: 1px solid #1bdbf8;
  background: #27b6ea url(../images/services_leftarrow-white.svg) no-repeat left;
  color: #fff;
  transition: all .2s;
  background-position-x: 8px
}
ul.ks-cboxtags li input[type=checkbox] {
  display: absolute
}
ul.ks-cboxtags li input[type=checkbox] {
  position: absolute;
  opacity: 0
}
ul.ks-cboxtags li input[type=checkbox]:focus + label {
  border: 1px solid #1bdbf8
}
.Ad-content-row {
  display: table-row
}
.Ad-content-cell {
  display: table-cell;
  vertical-align: middle
}
.Ad-abt-heading h6, .Ad-are-ready h6, .Ad-blog_details-article h6, .Ad-client-industry .Ad-heading h6, .Ad-client-section h6, .Ad-figure_section h6, .Ad-main-wrapper .Ad-drop-line h6, .Ad-our-latest h6, .Ad-our-process h6, .Ad-our-wall h6, .Ad-ourteam h6, .Ad-we-do h6, .Ad-we_work h6 {
  font-family: 'Noto Serif TC', serif
}
.button:focus {
  outline: 0
}
.button {
  min-width: 120px;
  max-width: 350px;
  display: block;
  margin-right: 4px;
  padding: .6em .8em;
  border: none;
  background: 0 0;
  color: #fff;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  z-index: 0;
  font-family: Poppins, sans-serif;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale
}
.button--border-thin {
  border: 1px solid #fff
}
.button--ujarak {
  -webkit-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s
}
.button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6300e9;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(.7, 1, 1);
  transform: scale3d(.7, 1, 1);
  -webkit-transition: -webkit-transform .4s, opacity .4s;
  transition: transform .4s, opacity .4s;
  -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.button--ujarak, .button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  text-transform: uppercase
}
.button--ujarak:hover {
  color: #fff;
  border-color: #6300e9
}
.button--ujarak.button--inverted:hover {
  color: #6300e9;
  border-color: #fff
}
.button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.btn-yellow {
  background: #fdc200;
  border-color: #fee591
}
.Ad-our-culture .button--ujarak, .Ad-our_latest .Ad-right_wrapper .button--ujarak, .lets-talk .button--ujarak {
  border-color: #fff;
  color: #fff
}
.Ad-our-culture .button--ujarak::before, .Ad-our_latest .Ad-right_wrapper .button--ujarak::before, .lets-talk .button--ujarak::before {
  background: #fff
}
.Ad-our-culture .button--ujarak:hover, .lets-talk .button--ujarak:hover {
  color: #6300e9
}
.Ad-our_latest .Ad-right_wrapper .button--ujarak:hover {
  color: #4dc3b9
}
.Ad-fnt18 {
  font-size: 18px !important;
  font-family: 'Noto Serif TC', serif
}
.Ad-fnt14 {
  font-size: 14px
}
.Ad-fnt13 {
  font-size: 13px
}
.Ad-fnt12 {
  font-size: 12px
}
.Ad-fnt-26 {
  font-size: 26px
}
.Ad-fnt-24 {
  font-size: 24px
}
.Ad-fnt-20 {
  font-size: 20px
}
.btn_brdr {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
  padding-top: 30px
}
.Ad-fnt-21 {
  font-size: 21px
}
.paddng_space {
  padding: 60px !important
}
.cntnt_ctr {
  position: relative;
  top: 78px;
  height: auto;
  min-height: 500px
}
.Ad-bg-clr {
  background: #fff;
  margin-top: 40px
}
.Ad-bg-clr2 {
  background: #fff url(../images/career-bg.jpg) no-repeat center top;
  margin-top: 40px
}
.blog_pge {
  height: 278px;
  position: relative
}
.Ad-bg-clrwht {
  background: #fff
}
.Ad-bg-clrfa {
  background: #fafafa
}
.Ad-bg-lgt-gry {
  background: #ccc
}
.Ad-bg-333 {
  background: #333
}
.Ad-bg-pinkf05 {
  background: #f05567
}
.Ad-bg-brand {
  background: #6300e9
}
.Ad-clr-gry {
  color: #999
}
.Ad-clr-white {
  color: #fff
}
.Ad-clr-thickgray {
  color: #666
}
.Ad-clr-ltgry {
  color: #333
}
.Ad-clr-lteblue {
  color: #6ac4ef
}
.Ad-clr-pink {
  color: #6300e9
}
.Ad-clr-pink666 {
  color: #27b6ea
}
.Ad-clr-pinkf05 {
  color: #f05567
}
.Ad-pading30 {
  padding: 30px 0
}
.Ad-padding-tp15 {
  padding-top: 15px
}
.Ad-padding-rgt {
  padding: 0
}
.Ad-padding-btm {
  padding-bottom: 60px
}
.Ad-padding-tp60 {
  padding-top: 60px
}
.Ad-padding-lft {
  padding-left: 0
}
.Ad-padding-rgt {
  padding-right: 0
}
.domain_hos {
  height: 42px;
  border-radius: 0
}
form-- > .styled-checkbox {
  position: absolute;
  opacity: 0
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0
}
.styled-checkbox + label:before {
  content: '';
  border: 1px solid #ccccccc4;
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff
}
.styled-checkbox:hover + label:before {
  background: #27b6ea
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
}
.styled-checkbox:checked + label:before {
  background: #27b6ea
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.unstyled {
  margin: 0;
  padding: 0;
  list-style-type: none
}
.Ad-padding60 {
  padding: 60px 0
}
.Ad-padding50 {
  padding: 50px 0 50px 0
}
.Ad-padding0 {
  padding: 0
}
.Ad-pad-60 {
  padding: 150px 0 85px 0
}
.Ad-pad-40 {
  padding: 48px 0 55px 0
}
.Ad-pad-90 {
  padding: 90px 0
}
.Ad-pad-10 {
  padding: 0 10px
}
.Ad-margin30 {
  margin: 30px 0
}
.Ad-margin25 {
  margin: 25px 0
}
.Ad-margin10 {
  margin: 10px 0
}
.Ad-margin-tp280 {
  margin-top: -304px
}
.Ad-lne-hgt {
  line-height: 30px
}
.Ad-lne-hgt34 {
  line-height: 34px
}
.Ad-text-transfrm {
  text-transform: uppercase
}
.Ad-block-inline {
  display: inline-block
}
.Ad-padding-rgt0 {
  padding-right: 0
}
.Ad-padding-lft0 {
  padding-left: 0
}
.Ad-padding0 {
  padding: 0
}
.Ad-brder-rght {
  border-right: 1px solid #dedede
}
.Ad-brder-lft {
  border-left: 1px solid #dedede
}
.Ad-brder-lft-e3 {
  border-left: 1px solid #e3e3e3
}
.Ad-ovflow {
  overflow: hidden
}
.Ad-vertcle-top {
  vertical-align: top
}
.Ad-wdth100 {
  width: 100%
}
.Ad-article-person .img-circle, .Ad-blog-thumbnail .img-circle {
  height: 43px;
  width: 43px
}
.Ad-bg-gradient {
  background: rgba(0, 0, 0, .4)
}
.Ad-video-wrapper #myvideo {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
  height: 100%;
  overflow: hidden
}
.Ad-video-wrapper .al-img100 {
  width: 100%;
  object-fit: cover;
  height: 100vh
}
.Ad-box-section {
  position: relative
}
#Ad-video-heading h1 {
  font-size: 45px;
  font-family: Poppins, sans-serif;
  letter-spacing: -3px;
  text-transform: capitalize;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: 1px
}
.Ad-video-wrapper .Ad-content-table {
  background: #00000073 url(../images/overlay.png) repeat
}
.Ad-our-numbers {
  color: #fff;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  font-family: Gotham-Medium;
  opacity: 0;
  transition: all .4s ease-in
}
.Ad-our-numbers.active {
  opacity: 1;
  bottom: 40px;
  transition: all .4s ease-in
}
.Ad-our-numbers ul li {
  display: inline-block;
  margin: 0 10px;
  text-transform: uppercase;
  font-size: 14px
}
.Ad-our-numbers ul li span {
  margin: 0 5px
}
.Ad-clr-brand1 {
  color: #6ac4ef
}
.Ad-clr-brand2 {
  color: #f5d157
}
#Ad-header-menu {
  padding: 15px 0;
  transition: all .8s
}
#Ad-header-menu.navbar-default {
  background-color: rgba(248, 248, 248, 0);
  border-color: rgba(231, 231, 231, 0);
  margin-bottom: 0
}
#Ad-header-menu a.navbar-brand {
  text-transform: uppercase;
  margin: 15px 15px 15px -15px;
  padding: 0;
  font-size: 22px;
  color: #fff;
  font-weight: 900
}
.sim-button {
  line-height: 50px;
  height: 50px;
  text-align: center;
  margin-top: 35px;
  width: 30%;
  cursor: pointer
}
.button6 {
  color: rgba(255, 255, 255, 1);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  border: 1px solid rgba(255, 255, 255, .5);
  position: relative
}
.button6 a {
  color: rgba(51, 51, 51, 1);
  text-decoration: none;
  display: block
}
.button6 span {
  z-index: 2;
  text-transform: uppercase;
  display: block;
  font-family: Poppins, Helvetica, sans-serif;
  position: absolute;
  width: 100%;
  font-size: 14px;
  height: 100%
}
.button6::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: rgba(255, 255, 255, .5);
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transform: scale(.5, 1);
  transform: scale(.5, 1)
}
.button6:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}
.back_contact {
  color: #27b6ea;
  font-weight: 500;
  width: 190px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  border: 1px solid #27b6ea;
  position: relative
}
.back_contact a {
  color: #fff;
  text-decoration: none;
  display: block
}
.back_contact span:hover {
  color: #fff
}
.back_contact span {
  z-index: 2;
  text-transform: uppercase;
  display: block;
  font-family: Poppins, Helvetica, sans-serif;
  position: absolute;
  font-weight: 200;
  width: 100%;
  font-size: 14px;
  height: 100%
}
.back_contact::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: rgba(255, 255, 255, .5);
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transform: scale(.5, 1);
  transform: scale(.5, 1)
}
.back_contact:hover::before {
  opacity: 1;
  background: #27b6ea;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  color: #fff
}
.typed-cursor {
  color: #ccc !important
}
.mouse {
  margin: 0 auto;
  opacity: 10;
  position: relative;
  transition: opacity .9s;
  width: 34px
}
.mouse:hover {
  opacity: 1
}
.mouse:hover .help-mouse-wheel:after, .mouse:hover .help-mouse-wheel:before {
  animation: indicator-up-down 1.5s infinite ease-in-out;
  height: 8px;
  background: #6300e9;
  opacity: 0
}
.mouse:hover .help-down {
  animation: arrow-down .3s infinite alternate
}
.top_hmpge {
  position: relative;
  top: 60px
}
.help-mouse-down {
  border: 2px solid #fff;
  border-radius: 17px;
  height: 50px;
  margin: 15px auto 10px;
  position: relative;
  width: 30px
}
.help-mouse-wheel {
  position: relative;
  transition: opacity .5s
}
.help-mouse-wheel:after, .help-mouse-wheel:before {
  content: '';
  background: #6300e9;
  border-radius: 50%;
  margin-left: -2px;
  height: 4px;
  position: absolute;
  top: 5px;
  transition: top .5s, height .5s, opacity .5s;
  width: 4px
}
.help-mouse-wheel:before {
  animation: scroll 1.5s .75s infinite ease-in-out
}
.help-mouse-wheel:after {
  animation: scroll 1.5s infinite ease-in-out
}
.help-down {
  animation: arrow-down .6s infinite alternate ease-in-out;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  height: 5px;
  margin: 0 auto;
  transform: rotate(45deg);
  transition: opacity .5s;
  width: 5px
}
@-moz-keyframes scroll {
  0% {
    top: 5px;
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    top: 15px;
    opacity: 0
  }
}
@-webkit-keyframes scroll {
  0% {
    top: 5px;
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    top: 15px;
    opacity: 0
  }
}
@-o-keyframes scroll {
  0% {
    top: 5px;
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    top: 15px;
    opacity: 0
  }
}
@keyframes scroll {
  0% {
    top: 5px;
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    top: 15px;
    opacity: 0
  }
}
@-moz-keyframes indicator-up-down {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0;
    top: 20px
  }
}
@-webkit-keyframes indicator-up-down {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0;
    top: 20px
  }
}
@-o-keyframes indicator-up-down {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0;
    top: 20px
  }
}
@keyframes indicator-up-down {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0;
    top: 20px
  }
}
@-moz-keyframes arrow-down {
  0% {
    margin-top: 5px
  }
  100% {
    margin-top: 15px
  }
}
@-webkit-keyframes arrow-down {
  0% {
    margin-top: 5px
  }
  100% {
    margin-top: 15px
  }
}
@-o-keyframes arrow-down {
  0% {
    margin-top: 5px
  }
  100% {
    margin-top: 15px
  }
}
@keyframes arrow-down {
  0% {
    margin-top: 5px
  }
  100% {
    margin-top: 15px
  }
}
.pas {
  font-family: Poppins, sans-serif;
  color: #fff !important
}
#typed {
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  font-family: Poppins, sans-serif
}
#Ad-header-menu.navbar-default .Ad-left-wrapper > li > a {
  padding: 0;
  margin: 0
}
#Ad-header-menu.navbar-default .Ad-left-wrapper > li:last-child {
  text-transform: capitalize;
  font-size: 12px;
  font-family: Poppins, sans-serif;
  padding: 10px 0;
  font-weight: 300
}
#Ad-header-menu.navbar-default .navbar-nav > li > a > i {
  font-size: 18px;
  cursor: pointer
}
#Ad-header-menu.navbar-default .Ad-left-wrapper > li, #Ad-header-menu.navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 27px 12px;
  padding: 0
}
#Ad-header-menu.navbar-default .navbar-nav > li > a {
  font-family: Poppins, sans-serif;
  font-weight: 500
}
.navbar-default .navbar-brand .Ad-on-img, .navbar-default.on .navbar-brand .Ad-img {
  display: none
}
.navbar-default.on .navbar-brand .Ad-on-img {
  display: block
}
.Ad-contact .menu img, .navbar-default .navbar-brand .Ad-img, .navbar-default.on .navbar-brand .Ad-on-img {
  height: auto;
  width: auto
}
.navbar-default.on {
  background-color: #fff !important;
  padding: 8px 0 3px !important;
  -moz-box-shadow: 0 2px 5px #888;
  -webkit-box-shadow: 0 2px 5px #888;
  box-shadow: 0 1px 3px #e3e3e3
}
.navbar-default.on .nav li a, .navbar-default.on .nav > li {
  color: #333 !important
}
.Ad-header-wrapper .navbar-default .navbar-nav > .active > a, .Ad-header-wrapper .navbar-default .navbar-nav > .active > a:focus, .Ad-header-wrapper .navbar-default .navbar-nav > .active > a:hover {
  color: #fcac45 !important;
  background-color: transparent;
  font-weight: 700
}
.navbar-toggle {
  border-radius: 0
}
.Ad-header-wrapper .navbar-default .navbar-toggle:focus, .Ad-header-wrapper .navbar-default .navbar-toggle:hover {
  background-color: #fcac45;
  border-color: #fcac45
}
.Ad-header-wrapper .navbar-default .navbar-toggle:hover > .icon-bar {
  background-color: #fff
}
.Ad-header-wrapper .navbar-default .navbar-right .vm-effect-items.active {
  border-bottom: 2px solid #6300e9;
  color: #6300e9 !important;
  padding-bottom: 5px !important;
  display: inline-block
}
.Ad-main-wrapper .Ad-banner-heading p {
  margin: 15px 0 34px 20px
}
.Ad-main-wrapper .Ad-banner-heading .al-swiggy {
  display: inline-block;
  font-family: Gotham-Medium;
  margin: 15px 0;
  padding: 7px 10px;
  background: #fff;
  color: #333
}
.Ad-circle span {
  border-radius: 20px;
  font-size: 18px;
  font-weight: 400;
  height: 36px;
  padding: 5px 6px 6px 6px;
  width: 36px;
  display: inline-block
}
a.circular-anim .fa {
  font-size: 18px;
  padding-top: 4px;
  color: #fff
}
a.circular-btn:hover .fa {
  color: #fff
}
.Ad-faclr-section {
  padding: 18px;
  background: #fafafa
}
.Ad-faclr-section p {
  color: #333
}
.Ad-are-ready h4, .Ad-our-wall h4, .Ad-we-do h4 {
  margin: 15px 30px 60px 30px
}
.Ad-loving_clients-list {
  margin-top: 20px
}
.Ad-loving_clients-list li img {
  height: 120px
}
.Ad-alignment_center, .Ad-careers-testimonials_box, .Ad-health-our_nmbers li, .Ad-ih_client-block li:last-child::before, .Ad-nav_block, .Ad-sub-box .Ad-client-brands {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  padding: 70px 0 30px 0
}
.Ad-information_ih .Ad-nav_block, .Ad-nav_block, .Ad-sub-box .Ad-client-brands {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.Ad-nav_block li {
  display: inline-block;
  margin: 0 35px
}
.Ad-pattern_circles {
  background: url(/web/20170603214041im_/http://adsture.biz/media/2137/pattern-circles.gif) repeat;
  background-size: cover;
  height: 300px;
  background-color: #fff
}
.Ad-awrd-pannel, .Ad-product_box {
  background: #fff;
  box-shadow: 0 0 33px -12px #333;
  -moz-box-shadow: 0 0 33px -12px #333;
  -webkit-box-shadow: 0 0 33px -12px #333;
  margin-top: -20%;
  z-index: 10;
  position: relative
}
.Ad-prodcut_fileds figure img {
  margin: 20px 0;
  height: 55px;
  width: 55px
}
.Ad-prodcut_fileds figure h5 {
  color: #333
}
.Ad-prodcut_fileds p {
  margin: 10px 60px 30px 60px;
  color: #999
}
.Ad-loving_clients li img {
  height: 45px;
  width: 120px
}
.Ad-client-brands li img {
  height: 25px
}
.Ad-client-brands li .Ad-your-storey {
  height: 35px
}
.Ad-awrd-pannel {
  margin-top: 0;
  padding: 30px 20px;
  margin-bottom: -15%
}
.Ad-awrds {
  padding: 50px 0
}
.Ad-awrds li {
  padding: 0 40px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#eaeaea, rgba(234, 234, 234, 0)) 1 100%;
  -moz-border-image: -moz-linear-gradient(#eaeaea, rgba(234, 234, 234, 0)) 1 100%;
  -o-border-image: -o-linear-gradient(#eaeaea, rgba(234, 234, 234, 0)) 1 100%;
  border-image: linear-gradient(to bottom, #eaeaea, rgba(234, 234, 234, 0)) 1 100%;
  border-left: 0
}
.Ad-awrds li:last-child {
  border: none
}
.Ad-our-latest {
  padding: 40px 0 0 0;
  background: #1c3247
}
.Ad-our-latest p {
  line-height: 30px
}
.Ad-latest-rght {
  padding: 70px 120px
}
.Ad-first-blog .media {
  padding-bottom: 30px
}
.Ad-first-blog .media-left .img-circle {
  height: 43px;
  width: 43px
}
.Ad-first-blog .media-heading {
  margin-top: 15px;
  color: #6300e9;
  font-size: 14px;
  text-transform: inherit;
  font-family: 'Noto Serif TC', serif;
  font-weight: 500
}
.lg-cooking {
  height: 460px;
  color: #fff
}
.Ad-client-section h4 {
  margin: 30px 0 0 0
}
.Ad-latest-work_pannel .Ad-block-inline {
  margin: 20px 0;
  color: #fff;
  text-decoration: underline
}
.Ad-sub-box {
  padding: 0 50px
}
.Ad-our_areas:after {
  content: "";
  position: absolute;
  background-color: #f37859;
  height: 80px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin-top: -50px
}
.Ad-latest-work_pannel {
  position: relative;
  background: #d6613b;
  background-position: right 80px
}
.Ad-left_wrapper, .Ad-our_latest {
  display: flex;
  align-items: center;
  justify-content: center
}
.Ad-our_latest .Ad-right_wrapper {
  padding-right: 2em
}
.Ad-our_latest .Ad-right_wrapper h3 {
  margin-bottom: 15px
}
.Ad-our_latest .Ad-right_wrapper article {
  margin: 25px 0 10px 0
}
.Ad-our_latest .Ad-right_wrapper h2 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 5px
}
.Ad-flex_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end
}
.our-blog {
  overflow: auto;
  background: #f9f9f9
}
.Ad-blog-flex, .Ad-staff-profile_pannel {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex
}
.Ad-heading {
  margin-bottom: 50px
}
.our-blog .cards {
  box-shadow: 2px 3px 10px 5px rgba(5, 5, 5, .06);
  -webkit-box-shadow: 1px 1px 4px 0 rgba(5, 5, 5, .06);
  -moz-box-shadow: 2px 3px 3px 10px rgba(5, 5, 5, .06);
  min-height: 530px;
  overflow: hidden
}
.div-blog-img img {
  width: 100%
}
.blog-details {
  padding: 40px;
  color: #666
}
.card2 .blog-detail2 {
  padding-top: 20px
}
.blog-details .date {
  display: block;
  margin-bottom: 18px;
  font-size: 12px
}
.blog-details h4 {
  margin-bottom: 16px
}
.fb-like {
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  padding: 30px
}
.Ad-video_content {
  margin-top: 20px
}
.Ad-figure_section {
  margin-bottom: 45px
}
.Ad-grid_blog-cards {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px;
  padding: 5px 0
}
.Ad-grid_blog-cards li {
  display: flex;
  padding: 5px
}
.Ad-sm_blog-card {
  width: 100%;
  display: flex
}
.Ad-sm_blog-card img {
  -o-object-fit: cover;
  object-fit: cover
}
.Ad-grid_blog-cards li:nth-child(2) .Ad-sm_blog-card {
  background: #f05b60;
  height: 322px
}
.Ad-grid_blog-cards li:nth-child(2) .Ad-sm_blog-card img {
  object-fit: inherit;
  -o-object-fit: inherit
}
.Ad-grid_blog-cards li:nth-child(3) .Ad-sm_blog-card {
  background: #3dbfac
}
.Ad-grid_blog-cards li:nth-child(4) .Ad-sm_blog-card {
  background: #6ac4ef;
  width: 100%
}
.Ad-grid_blog-cards li:nth-child(5) .Ad-sm_blog-card {
  background: #212121;
  height: auto
}
.Ad-blog_vertical-card {
  margin-top: 10px;
  background: #6bc4f0;
  height: 302px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 5em
}
.Ad-blog_vertical-card .Ad-video_content {
  color: #fff;
  line-height: 24px
}
.Ad-grid_blog-cards li:nth-child(5) {
  flex-direction: column
}
.Ad-grid_blog-cards li:nth-child(6) .Ad-sm_blog-card {
  background: #eaeaea
}
.Ad-sm_blog-card .cd-words-wrapper b {
  width: 220px;
  height: 220px
}
.Ad-sm_blog-card .cd-words-wrapper img {
  height: 200px;
  width: 200px
}
.Ad-sm_blog-card .cd-headline.push {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}
.Ad-sm_blog-card .cd-headline.push .cd-words-wrapper {
  overflow: hidden
}
.cd-headline.push b {
  opacity: 0
}
.Ad-what-other_say {
  background: #fff
}
.Ad-what-other_say article {
  margin: 40px 0
}
.whit_hds {
  color: #fff !important
}
.Ad-what-other_say .Ad-client_name {
  display: block;
  color: #6300e9;
  margin: 20px 0
}
.blus_clr {
  color: #6300e9
}
.Ad-what-other_say h4 {
  font-family: Poppins !important;
  font-size: 21px;
  line-height: 38px;
  font-weight: 400;
  color: #9a9898
}
.Ad-home-box {
  padding: 0
}
.Ad-sub-box .Ad-video-banner {
  background: url(/web/20170603214041im_/http://adsture.biz/media/1995/team-photo-1.jpg) no-repeat;
  background-size: cover;
  height: 540px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center
}
.Ad-video-box {
  padding: 4em 4em;
  background: #fff;
  box-shadow: 0 0 33px -12px #333;
  -moz-box-shadow: 0 0 33px -12px #333;
  -webkit-box-shadow: 0 0 33px -12px #333
}
.Ad-video-box h4 {
  margin-bottom: 25px
}
.Ad-video_play {
  padding: 10px 0 50px 0
}
.Ad-video-box span, .Ad-video_play span {
  display: block;
  margin-top: 15px
}
.Ad-what-other_say .open-popup {
  display: block
}
.Ad-video-banner .fa-play, .open-popup .fa-play {
  background: #6300e9;
  border: 3px solid #6300e9 !important
}
.Ad-video-banner .fa-play:hover {
  color: #6300e9;
  background: #fff;
  border-color: #6300e9
}
.Ad-about-video h5 {
  color: #fff !important;
  margin: 12px 0
}
.Ad-about-video .fa-play, .Ad-play_button .fa-play, .Ad-video-banner .fa-play, .open-popup .fa-play, .testimonial-video .fa-play {
  color: #fff;
  border: 3px solid #fff;
  padding: 13px 13px 13px 18px;
  border-radius: 54%;
  font-size: 25px
}
.Ad-about-video .fa-play:hover, .Ad-play_button .fa-play:hover, .open-popup .fa-play:hover, .testimonial-video .fa-play:hover {
  background-color: #fff;
  color: #e94e61
}
.Ad-video {
  height: 430px;
  width: 100hv;
  position: relative;
  cursor: pointer
}
.Ad-first-blog {
  background-color: #fff;
  padding: 52px;
  font-weight: 500;
  height: 351px
}
.Ad-first-blog:hover {
  background: #6300e9
}
.Ad-first-blog h3 a {
  color: #333
}
.Ad-first-blog:hover .Ad-table .Ad-td2, .Ad-first-blog:hover h3 a {
  color: #fff
}
.Ad-first-blog:hover, .Ad-first-blog:hover .Ad-table .Ad-td1, .Ad-first-blog:hover .media-heading {
  color: #fff
}
.Ad-heading-margin {
  margin: 230px 0
}
.Ad-bg-transparent .button {
  margin: 0 auto
}
.Ad-bg-transparent .button--ujarak {
  color: #fff
}
.Ad-bg-transparent .button--ujarak, .Ad-bg-transparent .button--ujarak:hover {
  border-color: #fff
}
.Ad-blog-ui .Ad-blog-padngtp40 {
  padding-bottom: 25px
}
.Ad-blog-ui .Ad-design-blog, .Ad-blog-ui .Ad-dev-blog {
  padding: 56px 40px 56px 50px;
  overflow: hidden
}
.Ad-blog-ui h4 {
  color: #333;
  margin-top: 25px
}
.Ad-blog-ui p {
  color: #999
}
.Ad-sub-box .Ad-client-brands {
  text-align: center;
  padding: 60px 0
}
.Ad-sub-box .Ad-client-brands li {
  display: inline-block;
  margin: 0 25px
}
.Ad-sub-box .Ad-client-brands li a {
  display: block;
  padding: 13px 0
}
.Ad-sub-box .Ad-client-details {
  color: #666;
  padding: 60px 0
}
.Ad-sub-box .Ad-client-details span {
  margin: 10px 0;
  font-size: 14px;
  display: block
}
.Ad-client-details h5 {
  line-height: 30px;
  margin: 0 40px
}
.Ad-up-next .button {
  margin: 0 auto
}
.Ad-up-next {
  padding: 6em 0 10em 0
}
.lets-talk {
  background: #6300e9;
  background-size: cover;
  height: 500px
}
.Ad-up-next {
  margin: 20px 0 40px 0
}
.Ad-footer {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  padding: 25px 25px 15px 25px
}
.Ad-footer .Ad-left-wrapper .Ad-craft {
  font-family: Poppins, sans-serif;
  color: #666;
  margin-left: 19px;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 300
}
.Ad-footer .Ad-left-wrapper, .Ad-footer .Ad-right-wrapper {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center
}
.Ad-footer .Ad-right-wrapper ul li {
  display: inline-block
}
.Ad-footer .Ad-right-wrapper .al-footer-links {
  margin: 0 20px
}
.Ad-footer .Ad-right-wrapper .al-footer-links li a {
  color: #666;
  margin: 0 10px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  transition: all ease .3s
}
.Ad-footer .Ad-right-wrapper .al-footer-links li a:hover {
  color: #6300e9;
  transition: all ease .3s
}
.Ad-footer .Ad-right-wrapper .Ad-mobile-icons i {
  color: #666;
  transition: all ease .3s
}
.Ad-footer .Ad-footer-brdr a .fa {
  font-size: 20px;
  transition: all ease .3s
}
.Ad-footer .Ad-footer-pad-40 {
  padding: 30px 40px
}
.Ad-footer .Ad-footer-brdr a:hover {
  color: #6300e9;
  transition: all ease .3s
}
.Ad-footer-brdr .Ad-sidebar-icons {
  margin-top: 10px;
  display: block
}
.Ad-footer-brdr .Ad-sidebar-icons .fa {
  font-size: 20px;
  color: #fff
}
.Ad-main-wrapper {
  position: relative
}
.Ad-main-wrapper.Ad-main-video_wrapper {
  position: initial
}
.Ad-about-video {
  background-color: #27b6ea
}
.adsture-pattern-bg {
  background: url('') #fff;
  position: absolute;
  height: 700px;
  width: 100%;
  z-index: 0
}
.adsture-pattern-bg {
  background: url('') #fff;
  position: absolute;
  height: 615px;
  width: 100%;
  z-index: 0
}
.Ad-abt-adsture p, .Ad-career-lollypp p {
  margin: 0;
  color: #999
}
.Ad-main-wrapper .Ad-about-video h1 {
  margin: 15px 0;
  margin-top: -20px;
  color: #000
}
.Ad-abt-heading {
  background: #9999990f;
  margin-top: 40px;
  margin-bottom: 40px
}
.Ad-abt-apps {
  margin-top: 40px;
  margin-bottom: 40px
}
.Ad-abt-apps ul li img {
  height: 90px;
  width: 110px
}
.Ad-abt-apps ul li {
  margin: 60px 0 20px 0
}
.Ad-abt-apps ul li .media-body {
  padding: 0 40px 0 10px
}
.Ad-abt-apps .fadein {
  height: auto !important
}
.Ad-abt-apps .Ad-right-wrapper-cnt h5 {
  margin: 30px 0
}
.Ad-abt-apps .Ad-right-wrapper-cnt {
  padding: 8% 15% 0 10%;
  overflow: hidden
}
.Ad-abt-heading ul li img {
  height: 90px;
  width: 110px
}
.Ad-abt-heading ul li {
  margin: 60px 0 20px 0
}
.Ad-abt-heading ul li .media-body {
  padding: 0 40px 0 10px
}
.Ad-abt-heading ul li .media-heading {
  font-family: Poppins;
  margin-bottom: 15px;
  font-size: 24px;
  color: #000;
  font-weight: 600
}
.Ad-abot-blog {
  background: #58b5e1
}
.Ad-abt-heading .fadein {
  height: auto !important
}
.Ad-abt-heading .Ad-right-wrapper-cnt h5 {
  margin: 30px 0
}
.Ad-abt-heading .Ad-right-wrapper-cnt {
  padding: 8% 15% 0 10%;
  overflow: hidden
}
.Ad-abt-heading ul li img {
  height: 90px;
  width: 110px
}
.Ad-reasons-cnt h6 {
  font-family: 'Noto Serif TC', serif;
  font-size: 13px
}
.Ad-reasons-cnt p {
  font-size: 14px;
  margin: 15px 0;
  line-height: 23px
}
.Ad-client-review .Ad-client-content {
  overflow: hidden;
  font-family: 'Noto Serif TC', serif;
  padding: 60px 0 10px 0
}
.Ad-client-content .nav-tabs {
  border: none !important
}
.Ad-client-content .tab-content .btn-info {
  margin-top: 25px
}
.Ad-client-content .nav-tabs > li {
  float: left;
  margin: 0 15px 0 0;
  font-weight: 700
}
.Ad-client-content .nav-tabs > li > a {
  border: none !important;
  padding: 5px;
  font-size: 12px
}
.Ad-client-content .nav-tabs > li > a:hover {
  background: 0 0
}
.Ad-client-content .nav-tabs > li.active > a, .Ad-client-content .nav-tabs > li.active > a:focus, .Ad-client-content .nav-tabs > li.active > a:hover {
  background: 0 0;
  color: #6300e9 !important
}
.Ad-client-content .items .nav-tabs .active {
  border-bottom: 3px solid #6300e9;
  color: #6300e9;
  padding-bottom: 10px
}
.Ad-client-content .items .nav-tabs > li {
  float: none !important;
  display: inline-block !important
}
.Ad-client-content .items .nav-tabs > li > a {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #999;
  padding: 0
}
.Ad-client-content.items .nav-tabs > li > .item-effect:focus:before {
  visibility: visible;
  transform: scaleX(1)
}
.Ad-advisors-section .Ad-we-do {
  margin: 40px 0 40px 0
}
.Ad-advisors-left {
  margin: 0 15px
}
.Ad-advisors-left h5 {
  font-family: Gotham-Medium
}
.Ad-clr-b8 {
  color: #b8b8b8
}
.Ad-advisors-left img {
  height: 100px;
  width: 100px
}
.Ad-advisors-left .media-body {
  padding-left: 15px
}
.Ad-advisors-left .media-body p {
  margin: -12px 10px 0 0;
  color: #666;
  font-size: 14px;
  line-height: 26px
}
.Ad-advisors-left .Ad-footer {
  padding: 20px 0
}
.Ad-advisors-left .Ad-footer i {
  color: #999;
  font-size: 20px
}
.Ad-advisors-left .Ad-footer .Ad-pad-20, .Ad-advisors-left .fa-linkedin, .Ad-advisors-left .fa-twitter {
  padding: 0;
  vertical-align: middle
}
.Ad-about-bg {
  background: #fff;
  background-size: cover;
  height: auto;
  overflow: hidden
}
.Ad-our-culture {
  padding: 0;
  color: #fff;
  padding-left: 0;
  padding-right: 0
}
.Ad-our-culture h3 {
  margin-bottom: 0;
  color: #fff;
  font-size: 26px;
  font-weight: 400
}
.Ad-our-culture p {
  color: #999
}
.Ad-our-culture .Ad-content-table {
  height: 235px
}
.Ad-abt-box .Ad-up-next {
  padding: 90px 0
}
.Ad-abt-box #atom-works-grid .Ad-project-name {
  top: 0;
  background-size: 100% 100%
}
.Ad-sub-box #atom-works-grid img {
  height: auto
}
.Ad-sub-box #atom-works-grid .atom-work-item {
  padding-right: 9px;
  padding-bottom: 10px
}
.Ad-sub-box #atom-works-grid .Ad-project-name, .no-gutter .atom-works-grid .Ad-project-name {
  color: #fff;
  left: 0;
  padding: 8px 0 6px 0;
  text-align: center;
  opacity: .9;
  bottom: 0;
  right: 0;
  transition: .5s
}
.Ad-sub-box #atom-works-grid .Ad-project-name p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px
}
.Ad-sub-box #atom-works-grid .Ad-project-name span {
  font-size: 14px;
  font-family: Poppins, Arial, Helvetica, sans-serif
}
#atom-works-grid .hover-item:hover .Ad-project-name {
  bottom: 0;
  transition: .5s
}
.Ad-abt-box #atom-works-grid .Ad-project-name .Ad-employee-thumbnail {
  text-align: left
}
.Ad-our-culture .button {
  margin: 15px auto
}
.Ad-gallery {
  padding-bottom: 90px
}
.Ad-main-wrapper .Ad-career-banner {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3095/02.jpg) top center no-repeat fixed;
  background-size: cover;
  height: 700px
}
.Ad-career-gallery11, .Ad-career-gallery12 {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3099/02.jpg) top center;
  background-size: cover;
  height: 300px;
  overflow: hidden
}
.Ad-career-gallery11, .Ad-career-gallery31, .Ad-career-gallery32 {
  margin-bottom: 10px
}
.Ad-career-gallery12 {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3098/01.jpg) no-repeat;
  background-size: cover
}
.Ad-career-gallery1 {
  background: url(/web/20170603214041im_/http://adsture.biz/media/1772/about-collage3.jpg) top center;
  background-size: cover;
  height: 610px;
  margin: 0 10px
}
.Ad-career-gallery31 {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3100/01.jpg) no-repeat;
  background-size: cover;
  height: 196px
}
.Ad-career-gallery32 {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3101/02.jpg) no-repeat;
  background-size: cover;
  height: 196px
}
.Ad-career-gallery33 {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3102/03.jpg) no-repeat;
  background-size: cover;
  height: 196px
}
.Ad-career-cnt-clear {
  margin-bottom: 30px
}
.Ad-career-cnt-clear a {
  margin: 10px 0;
  display: block
}
.Ad-career-cnt-clear:nth-child(4n) {
  clear: both
}
.Ad-main-wrapper .ns-contact-banner {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3097/03.jpg) top center no-repeat fixed;
  background-size: cover;
  height: 700px
}
.Ad-main-wrapper .Ad-contact-list-items {
  background: #fff;
  padding: 20px 30px 30px 30px;
  margin-top: 20px
}
.Ad-main-wrapper .Ad-contact-list-items li {
  display: inline;
  font-family: 'Noto Serif TC', serif
}
.Ad-main-wrapper .Ad-contact-list-items li a {
  color: #666;
  font-size: 18px;
  display: block;
  font-weight: 500
}
.Ad-main-wrapper .Ad-contact-list-items li span {
  display: block;
  margin: 10px 0
}
.Ad-main-wrapper .Ad-drop-line, .Ad-staff-padding {
  padding: 35px 0 100px 0
}
.Ad-contact-btn {
  margin-top: 35px;
  display: flex;
  align-items: flex-start
}
.contact-map {
  position: relative;
  background: green
}
.maps-container {
  position: relative;
  width: 100%;
  height: 460px;
  background: red
}
.map-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red
}
.map-container iframe {
  width: 100%;
  opacity: .5;
  height: 100%
}
.location-details {
  width: 280px;
  position: absolute;
  top: 60px;
  left: 60px
}
.panel {
  border: 0
}
.location-details .collapse.in panel-body p {
  color: #999
}
.location-details .panel-default > .panel-heading, .location-details .panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding: 15px 30px
}
.location-details .panel-default > .panel-heading h5 {
  font-size: 20px;
  color: #666
}
.panel-group {
  background: #fff
}
.panel.panel-default.panel-cust {
  border-radius: 0;
  border-bottom: 0
}
.panel-default > .panel-heading {
  background: #fff;
  padding: 15px
}
.enquery-email, .location-details .panel-default .Ad-contact-address {
  font-size: 16px;
  color: #999;
  line-height: 28px
}
.place-card.place-card-large {
  display: none
}
.enquery-email {
  margin: 8px 0
}
.enquery-email a {
  color: #999
}
.maps-test {
  width: 100%;
  height: 100%
}
.field-validation-error {
  display: block;
  color: #6300e9;
  font-size: 12px
}
.ns-staff-banner-blr {
  background: #e3e2dd;
  height: 600px
}
.Ad-header-nav #Ad-header-menu.navbar-default .navbar-nav > li > a, .ns-staff-banner-blr #Ad-header-menu.navbar-default .Ad-left-wrapper > li, .ns-staff-banner-blr #Ad-header-menu.navbar-default .navbar-nav > li > a {
  color: #333
}
.ns-staff-banner-blr #Ad-header-menu.navbar-default .Ad-left-wrapper > li:last-child {
  color: #666 !important
}
.Ad-staff-profile_pannel {
  padding-bottom: 3em;
  height: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  top: 0;
  background: url(/web/20170603214041im_/http://adsture.biz/img/about-txt-bg.png) repeat;
  background-size: 100% 100%
}
.Ad-staff-profile_pannel h2 {
  font-size: 48px;
  letter-spacing: -4px;
  color: #fff;
  margin-top: 5px
}
.Ad-article-content figure h4 {
  color: #333;
  margin: 8px 0 10px 0
}
.Ad-staff-padding .Ad-prev_btn-section, .Ad-staff-padding .Ad-prev_btn-section li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.Ad-staff-padding .Ad-prev_btn-section li:nth-child(2) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}
.Ad-staff-padding .Ad-prev_btn-section li:nth-child(2) .Ad-clint-center-wrapper {
  width: 100%
}
.Ad-staff-padding .Ad-prev_btn-section li:nth-child(2) .Ad-clint-center-wrapper a {
  display: block
}
.Ad-staff-padding .Ad-article-right-wrapper .Ad-my-article {
  font-family: 'Noto Serif TC', serif
}
.Ad-staff-padding p {
  color: #999
}
.Ad-project-designs .Ad-article-content p, .Ad-staff-padding .Ad-article-content p {
  padding: 15px 0
}
.Ad-staff-padding .Ad-article-right-wrapper h6 {
  margin: 25px 0
}
.Ad-article-right-wrapper {
  padding: 0 60px
}
.Ad-staff-padding .Ad-article-right-wrapper .Ad-article {
  padding: 10px 0 30px 0
}
.Ad-staff-padding .Ad-article-right-wrapper .Ad-article h4 {
  color: #333;
  font-weight: 600;
  margin: 10px 0
}
.Ad-clint-left-wrapper {
  padding-right: 30px
}
.Ad-clint-left-wrapper, .Ad-clint-right-wrapper {
  line-height: 25px
}
.Ad-clint-left-wrapper h6, .Ad-clint-right-wrapper h6 {
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 20px;
  color: #666
}
.Ad-clint-left-wrapper span, .Ad-clint-right-wrapper span {
  color: #999;
  font-size: 13px
}
.Ad-clint-left-wrapper a, .Ad-clint-right-wrapper a {
  color: #666
}
.Ad-clint-center-wrapper h4 {
  font-size: 23px;
  margin: 0 0 20px 0;
  line-height: 35px
}
.Ad-clint-center-wrapper .button {
  margin: 0 auto
}
.Ad-clint-right-wrapper {
  padding-left: 30px
}
.Ad-header-nav #Ad-header-menu.navbar-default .Ad-left-wrapper > li {
  color: #242323
}
.Ad-header-nav #Ad-header-menu.navbar-default .Ad-left-wrapper > li:last-child {
  color: #0b0a0a
}
.Ad-main-wrapper .Ad-header-nav #Ad-header-menu {
  padding: 10px 0;
  background-color: #fff !important
}
.Ad-our-projects-wrapper {
  padding: 190px 0 0 0;
  background: #f4f4f4
}
.Ad-our-projects-wrapper .Ad-handcrafted-heading {
  margin-bottom: 100px
}
.Ad-our-projects-wrapper .Ad-handcrafted-heading h1 {
  margin-bottom: 15px
}
.Ad-our-projects-wrapper .Ad-handcrafted-heading p {
  font-size: 24px;
  color: #999
}
.atom-work-item .Ad-project-name {
  background-size: 100% 100%;
  color: #fff;
  left: 0;
  padding: 8px 0 6px 0;
  opacity: .9;
  bottom: 0;
  right: 0;
  transition: .5s
}
#atom-works-grid2 .atom-work-item .Ad-project-name span {
  color: #000;
  margin: 0;
  text-align: left;
  font-size: 16px;
  font-family: Poppins
}
#atom-works-grid2 .Ad-project-name {
  color: #fff;
  margin: 0;
  font-size: 16px;
  text-align: left;
  font-family: Poppins
}
#atom-works-grid .Ad-project-name, #atom-works-grid1 .Ad-project-name, .Ad-abt-box #atom-works-grid .Ad-project-name .Ad-employee-thumbnail {
  position: absolute;
  bottom: 20px;
  left: 25px;
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-family: Gotham-Medium
}
#atom-works-grid img, #atom-works-grid1 img {
  height: 386px
}
.atom-portfolio-filter {
  margin-bottom: 30px
}
.atom-portfolio-filter a {
  color: #747474;
  font-size: 16px;
  text-transform: capitalize;
  margin: 0 10px;
  padding-bottom: 10px;
  position: relative;
  letter-spacing: 1px
}
.atom-portfolio-filter a:focus:after, .atom-portfolio-filter a:hover:after {
  opacity: 1;
  bottom: -5px
}
.atom-portfolio-filter a:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-10%);
  height: 10px;
  width: 10px;
  border: 2px solid;
  border-radius: 50%;
  opacity: 0;
  border: 5px solid red;
  transition: all .3s ease
}
.atom-portfolio-filter a.active:after {
  opacity: 1;
  bottom: -5px
}
.atom-work-item {
  padding-left: 0;
  padding-bottom: 35px;
  text-align: center
}
.padw_1 {
  padding-right: 40px;
  text-align: center
}
.padw_2 {
  padding-left: 25px;
  text-align: center
}
.atom-work-item a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #3b3b3b
}
.atom-work-item .desc {
  position: absolute;
  top: 70%;
  left: 30%;
  transform: translate(-50%, -50%);
  z-index: 2
}
.hover-one .atom-work-item a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: all .3s ease .1s;
  background-color: rgba(255, 255, 255, .8);
  opacity: 0
}
.hover-one .atom-work-item img {
  transition: all .5s ease 0s
}
.hover-one .atom-work-item:hover img {
  transform: scale(1.1, 1.1)
}
.hover-one .atom-work-item:hover h5, .hover-one .atom-work-item:hover p {
  opacity: 1;
  transform: translateY(0)
}
#site-wrapper {
  position: relative;
  width: 100%
}
main {
  width: auto;
  max-width: 2000px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px
}
main:after, main:before {
  content: '';
  display: table
}
main:after {
  clear: both
}
.menu {
  width: 100%;
  height: 100%;
  background-color: #6300e9;
  padding: 35px 45px;
  position: fixed;
  top: 0;
  right: -1950px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all .3s cubic-bezier(.32, 1.25, .375, 1.15);
  transition: all .3s cubic-bezier(.32, 1.25, .375, 1.15);
  z-index: 10000;
  transition: all .6s
}
.menu.show-nav {
  box-shadow: 0 0 2px 1px #aaa;
  -webkit-transform: translateX(-1950px);
  -ms-transform: translateX(-1950px);
  transform: translateX(-1950px);
  -webkit-transform: translateX(-1950px) tranlateZ(0);
  -ms-transform: translateX(-1950px) tranlateZ(0);
  transform: translateX(-1950px) tranlateZ(0);
  -webkit-transform: translate3d(-1950px, 0, 0);
  transform: translate3d(-1950px, 0, 0);
  transition: all .6s
}
.menu .Ad-sidebar-bottom-wrapper, .menu .Ad-siderbar-top-wrapper {
  font-family: Gotham-Medium
}
.menu .Ad-siderbar-top-wrapper {
  margin: 30px 0 0 0;
  padding: 0;
  font-family: Gotham-Medium
}
.menu .Ad-siderbar-top-wrapper li {
  position: relative;
  font-size: 20px;
  padding-bottom: 10px
}
.menu .Ad-siderbar-top-wrapper li a {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  transition: all ease .8s;
  line-height: 42px
}
.menu .Ad-sidebar-bottom-wrapper li a:hover, .menu .Ad-siderbar-top-wrapper li a:hover {
  color: #6300e9;
  transition: all ease .8s
}
.menu .Ad-sidebar-bottom-wrapper {
  margin: 10px 0 10px 0
}
.menu .Ad-sidebar-bottom-wrapper li {
  font-size: 16px;
  padding-bottom: 15px
}
.menu .Ad-sidebar-bottom-wrapper li a {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  transition: all ease .8s
}
.menu .Ad-footer-brdr a {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  color: #999;
  display: inline-block
}
.fa-facebook, .fa-instagram, .fa-linkedin, .fa-twitter {
  margin: 0 2px 0 20px;
  transition: all ease .8s
}
.no-touch .menu ul li a:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible
}
.menu p {
  color: rgba(255, 255, 255, .7);
  position: absolute;
  top: 86%;
  left: 20px;
  font-size: .875em;
  text-align: center
}
.menu p a {
  color: rgba(243, 139, 0, .6);
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.nav-toggle span {
  color: #4c4c4c;
  color: rgba(0, 0, 0, .7);
  padding: 5px;
  font-size: 1.875em
}
.fa-times {
  margin: 20px 0;
  float: right;
  color: #fff;
  font-size: 23px;
  font-weight: 400
}
.nav-toggle span.fa-times {
  color: #333
}
.nav-toggle span.fa-times:hover {
  color: #fff
}
.Ad-sidebar-wraper {
  border-top: 1px solid #ffffff30;
  margin: 40px 0 40px 0;
  border-bottom: 1px solid #ffffff30;
  padding: 10px 0
}
.Ad-career-banner-box {
  padding: 25px 0 30px
}
.Ad-career-banner-box h2 {
  margin-top: 10px
}
.Ad-careers-testimonials_box {
  padding: 0
}
.fadein {
  position: relative;
  height: 539px
}
.fadein li {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  bottom: 0;
  height: 539px
}
.Ad-right-wrapper-cnt {
  padding: 0 11% 0 11%;
  color: #fff
}
.Ad-right-wrapper-cnt p:first-child {
  margin-bottom: 20px
}
.Ad-right-wrapper-cnt h5 {
  margin: 20px 20px 30px 20px;
  line-height: 28px
}
.Ad-double-slide {
  position: absolute;
  top: 10%;
  bottom: 0;
  left: 34%;
  right: 34%;
  height: 40px;
  width: 40px;
  background-color: #fff;
  color: red;
  border-radius: 40px;
  padding-top: 10px
}
.Ad-are-ready h5, .Ad-prodcut_fileds h5 {
  font-family: Gotham-Medium
}
.Ad-are-ready h5 a {
  color: #333
}
.Ad-are-ready span {
  display: block
}
.Ad-are-ready p {
  padding: 0 50px;
  color: #8b8b8b
}
.Ad-our-projects-wrapper .Ad-career-details {
  padding: 80px 0
}
.Ad-career-details .Ad-article-content p {
  margin: 30px 0 45px 0;
  color: #999
}
.Ad-career-details .Ad-article-content ul {
  margin: 30px 0 45px 0
}
.Ad-career-details .Ad-article-content ul:last-child {
  margin-bottom: 0
}
.Ad-career-details .Ad-article-content ul li:before {
  content: '\2022';
  color: #666;
  font-size: 24px;
  vertical-align: top;
  padding-right: 4px
}
.Ad-career-details .Ad-article-content ul li {
  color: #999;
  line-height: 26px;
  padding: 5px 0
}
.Ad-career-details .Ad-article-right-wrapper .Ad-apply-now {
  display: block;
  margin: 20px 0;
  line-height: 24px;
  color: #999
}
.Ad-career-details .Ad-article-content {
  padding-right: 0
}
.Ad-career-details .Ad-article-right-wrapper {
  padding: 20px 70px 0 70px
}
.Ad-career-details .Ad-article-right-wrapper a {
  display: block
}
.Ad-career-details .Ad-article-right-wrapper .button {
  padding: 1.1em 2.4em !important;
  margin: 0 auto
}
#Ad-header-menu.navbar-default .navbar-nav > li > a {
  padding-bottom: 6px
}
#Ad-header-menu.navbar-default .navbar-right > li > .vm-effect-items:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #fff;
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
  line-height: 20px
}
#Ad-header-menu.navbar-default .navbar-right > li > .vm-effect-items.active:before {
  background: 0 0
}
#Ad-header-menu.navbar-default .navbar-right > li > .vm-effect-items:focus:before, #Ad-header-menu.navbar-default .navbar-right > li > .vm-effect-items:hover:before {
  visibility: visible;
  transform: scaleX(1)
}
.Ad-contact-enquiry .Ad-drop-line {
  padding: 50px 0 100px 0
}
.Ad-contact-enquiry .Ad-enqiry-heading {
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px
}
.Ad-contact-enquiry .content {
  padding: 20px 0 60px 0
}
.Ad-contact-enquiry .Ad-drop-line h5 {
  margin: 20px 0 25px 0;
  color: #5f5e5e
}
.Ad-contact-enquiry .Ad-enquiry-selection {
  padding-bottom: 70px
}
.Ad-contact-enquiry .Ad-drop-line .Ad-enquiry-selection li {
  display: inline-block;
  text-align: center;
  border: 1px solid #ccc;
  height: 170px;
  width: 170px;
  padding: 35px 0;
  font-family: Gotham-Medium;
  cursor: pointer;
  margin-right: 25px
}
.Ad-contact-enquiry .Ad-drop-line .Ad-enquiry-selection li span {
  display: block;
  color: #ccc;
  font-size: 13px;
  margin: 15px 0
}
.Ad-drop-line .Ad-enquiry-selection li.Ad-box-items:focus {
  border: 2px solid #27b6ea !important;
  outline: 0
}
.Ad-enquiry-selection li:hover span {
  color: #27b6ea
}
.Ad-project-summary .input {
  width: 100% !important
}
.Ad-contact-enquiry .button {
  padding: 1.1em 1.8em
}
.Ad-contact-enquiry .Ad-enquiry-btn .button {
  display: inline-block;
  color: #6300e9;
  border: 1px solid #6300e9
}
.Ad-contact-enquiry .Ad-enquiry-btn span {
  color: #999;
  padding-left: 20px
}
.Ad-main-wrapper .Ad-blog-wrapper {
  background: url(/web/20170603214041im_/http://adsture.biz/media/2307/blog-banner.jpg) top center fixed no-repeat;
  background-size: cover;
  height: 700px
}
.Ad-blog-banner-box {
  background: #fff;
  padding: 0 20px 10px 20px;
  margin-top: 100px
}
.Ad-blog-banner-box h2 {
  margin: 45px 0 30px 0 !important;
  font-size: 28px
}
.Ad-blog-banner-box .Ad-article-person .Ad-article-span {
  vertical-align: top;
  display: inline-block;
  padding: 10px 0 0 15px;
  color: #999
}
.Ad-blogs-section .Ad-blog-img {
  width: 100%
}
.Ad-blogs-section .Ad-blog-thumbnail {
  padding-bottom: 70px
}
.Ad-blogs-section .Ad-blog-thumbnail .Ad-aside {
  padding-bottom: 10px
}
.Ad-blogs-section .Ad-blog-thumbnail .Ad-aside a {
  color: #666
}
.Ad-blogs-section .Ad-aside span {
  display: inline-block;
  margin: 20px 50px 15px 0;
  overflow: hidden
}
.Ad-blogs-section .Ad-aside p {
  color: #999;
  line-height: 26px;
  font-size: 14px;
  margin-right: 5px;
  min-height: 68px
}
.Ad-blogs-section .media-heading {
  text-transform: capitalize;
  color: #999;
  line-height: 18px;
  font-weight: 300
}
.Ad-pagination-wrapper {
  background: #fbfbfb
}
.Ad-blog_details-article h3 {
  margin: 30px 0 15px 0
}
.Ad-blg-details {
  padding-bottom: 30px
}
.Ad-blg-details h2 {
  margin-bottom: 10px !important
}
.Ad-blog-banner-box p {
  color: #999
}
.Ad-blog-caption {
  margin: 10px 0
}
.Ad-blg_left-wrapper img {
  height: 95px;
  width: 95px;
  border-radius: 50%
}
.Ad-blog-socila-icons i {
  padding: 0 !important
}
.Ad-blg_left-wrapper {
  border-right: 1px solid #eaeaea;
  padding: 5px 0 20px 0
}
.Ad-blg_left-wrapper .Ad-blog-socila-icons {
  margin-top: 30px
}
.Ad-blg_left-wrapper .Ad-blog-socila-icons p {
  margin-bottom: 15px;
  color: #999
}
.Ad-blg_left-wrapper .Ad-blog-socila-icons a {
  padding: 8px 6px 3px 6px;
  color: #fff;
  margin-right: 5px
}
.Ad-blg_left-wrapper .Ad-blog-socila-icons i {
  font-size: 20px
}
.Ad-facebbok-clr {
  background: #369
}
.Ad-twitter-clr {
  background: #29a7d4
}
.Ad-gogle_plus-clr {
  background: #cf4e36
}
.Ad-linkdin-clr {
  background: #0075b7
}
.Ad-blog_details-article {
  padding: 0 50px
}
.Ad-blog_details-article .Ad-blog-span {
  margin-bottom: 40px;
  display: block
}
.Ad-blog_details-article .Ad-blog-img {
  margin: 45px 0;
  width: 100%
}
.Ad-blog_details-article ul {
  padding-left: 30px
}
.Ad-blog_details-article ul li {
  list-style-type: disc;
  vertical-align: middle;
  line-height: 24px;
  margin-bottom: 15px;
  font-size: 16px
}
.Ad-blog_details-article p {
  line-height: 28px;
  margin-bottom: 20px
}
.Ad-blog_details-article h5 {
  font-family: Gotham-Medium;
  margin: 40px 0 10px 0
}
blockquote {
  font-family: 'Droid Serif', serif;
  font-size: 24px;
  color: rgba(0, 0, 0, .6);
  margin: .25em 0;
  padding: .25em 40px;
  line-height: 1.45;
  position: relative
}
.newyear-resolution-banner {
  background: url(/web/20170603214041im_/http://adsture.biz/media/2674/2016-banner.jpg) top center fixed no-repeat;
  background-size: cover
}
.Ad-blog_details-article .Ad-leave-comment {
  margin-right: 21%;
  padding-top: 30px
}
.Ad-blog_details-article .Ad-leave-comment h6 {
  font-size: 16px
}
.Ad-blog_details-article .Ad-leave-comment p {
  font-size: 14px;
  font-family: Gotham-Medium;
  padding-top: 10px
}
.Ad-blog_details-article .Ad-leave-comment .Ad-comment-box {
  border-bottom: 1px solid #e9eaed;
  padding-bottom: 10px
}
.Ad-leave-comment .Ad-comment {
  font-family: Gotham-Medium
}
.Ad-filling-comment {
  margin-top: 30px
}
.Ad-filling-comment .form-control {
  width: 91%;
  border-radius: 0;
  display: inline-block;
  line-height: 5px;
  height: 50px;
  padding: 19px 12px
}
.Ad-blog-details-section .Ad-blog-thumbnail {
  padding-bottom: 0
}
.Ad-blog-details-section {
  padding-bottom: 120px
}
.Ad-blog-details-thumb {
  margin-top: 20px
}
.Ad-blog-details-thumb .Ad-likes {
  display: block;
  margin: 10px 0;
  font-size: 13px;
  color: #e95566;
  font-family: Gotham-Medium
}
.Ad-blog-details-thumb .Ad-likes i {
  font-size: 22px;
  color: #b0b0b0;
  vertical-align: middle;
  margin-right: 5px
}
.Ad-main-wrapper .ns-process-banner-wrapper {
  background: url(/web/20170603214041im_/http://adsture.biz/media/3096/04.jpg) no-repeat fixed;
  background-size: cover;
  height: 700px
}
.Ad-process-content p {
  margin-top: 60px;
  color: #999
}
.Ad-client-industry .Ad-heading h4, .Ad-our-process .Ad-sub-heading {
  margin: 25px 0 50px 0;
  color: #999;
  line-height: 30px
}
.Ad-our-process .Ad-Define, .Ad-our-process .Ad-Design, .Ad-our-process .Ad-discover {
  min-height: 986px;
  overflow: hidden
}
.Ad-our-process .Ad-discover {
  background: #f9fafb
}
.Ad-our-process .Ad-Define {
  background: #333332;
  color: #fff !important
}
.Ad-our-process .Ad-Define p {
  color: #ccc !important
}
.Ad-our-process .Ad-discover .Ad-process-heading {
  color: #666 !important
}
.Ad-our-process .Ad-Design {
  background: #f05469;
  color: #fff !important
}
.Ad-our-process .Ad-process-heading span {
  font-family: Gotham-Medium;
  text-transform: uppercase;
  font-size: 24px;
  display: block
}
.Ad-our-process figure .Ad-logo-img {
  margin: 60px 0 30px 0
}
.Ad-our-process .Ad-aside {
  padding: 25px 35px 0 35px
}
.Ad-our-process .Ad-aside h5 {
  font-family: 'Noto Serif TC', serif;
  text-transform: uppercase;
  font-size: 16px
}
.Ad-our-process .Ad-aside p {
  font-size: 14px;
  margin: 5px 20px 0 20px;
  line-height: 26px
}
.Ad-ourteam h4, .Ad-we_work h4 {
  margin-top: -21px !important;
  font-size: 12px
}
.Ad-partner-left p, .Ad-partner-right p {
  margin: 20px;
  display: block
}
.Ad-partner-left a, .Ad-partner-right a {
  color: #68b4c4
}
.Ad-ourwork-box {
  background: #fc6;
  color: #fff;
  font-family: 'Noto Serif TC', serif;
  font-size: 16px;
  line-height: 26px
}
.Ad-clientbrands-section {
  margin: 60px auto 30px auto;
  overflow: auto;
  width: 824px;
  max-width: 100%
}
.Ad-client_brands_ih .Ad-clientbrands-section {
  width: 700px
}
.Ad-client_brands_ih .Ad-clientbrands-section li {
  width: 233px
}
.Ad-clientbrands-section li {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  height: 157px;
  width: 206px;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-bottom: 0;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  float: left
}
.Ad-clientbrands-section li.top-child {
  border-top-width: 0
}
.Ad-clientbrands-section li.right-child {
  border-right-width: 0
}
.clients .client-sectn1, .clients .client-sectn2, .clients .client-sectn3 {
  overflow: auto;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex
}
.Ad-awrds, .Ad-clients .clients .Ad-padding0, .Ad-flex-center-header, .clients .Ad-padding0.testimonial-video, .clients .Ad-padding0.testimonials-col, .clients .Ad-padding0.testimonials-col .quote-img, .headr, .slt-testimonial_box {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center
}
.Ad-clients .clients .headr {
  flex-direction: column
}
.Ad-main-wrapper .ns-clients-banner-wrapper {
  background: url(/web/20170603214041im_/http://adsture.biz/media/2882/clients_page_banner.jpg) no-repeat fixed
}
.clients .Ad-padding0.testimonials-col {
  background: #6300e9;
  color: #fff;
  padding: 54px 106px
}
.clients .Ad-padding0.testimonials-col .quote-img {
  border: 2px solid #fff;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  margin-bottom: 48px
}
.Ad-padding0.testimonials-col .quote-img i {
  font-size: 28px
}
.Ad-padding0.testimonials-col p {
  margin-bottom: 55px
}
.Ad-flex-center {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center
}
.Ad-padding0.testimonials-col .testimonial-by .owner-name {
  margin-bottom: 11px
}
.Ad-plus {
  font-size: 18px;
  display: block;
  margin-bottom: 20px
}
.clients .Ad-padding0.testimonial-video {
  background: url(/web/20170603214041im_/http://adsture.biz/media/1992/doctor-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  color: #fff
}
.Ad-padding0.testimonial-video span {
  margin-top: 10px
}
.clients .Ad-padding0.projects.countries {
  background: #f5d157
}
.clients .Ad-padding0 .text-content {
  float: none;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  flex-direction: column
}
.clients .Ad-padding0 .text-content h5 {
  text-transform: uppercase;
  margin-bottom: 8px
}
.clients .Ad-padding0.testimonials-col {
  background: #6300e9;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  color: #fff;
  padding: 54px 106px
}
.clients .Ad-padding0.testimonials-col .quote-img {
  border: 2px solid #fff;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  margin-bottom: 48px
}
.Ad-padding0.testimonials-col .quote-img i {
  font-size: 28px
}
.al-client-location {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  background: #333
}
.al-client-location h3 {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  padding: 71px 0
}
.al-client-location h4 {
  margin: 25px 0 10px 0;
  color: #fff
}
.Ad-clients .clients .Ad-padding0, .headr {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center
}
.Ad-clients .clients .headr {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  flex-direction: column
}
.clients .Ad-padding0.projects {
  background: #6ac4ef;
  padding: 89px 0
}
.clients .Ad-padding0 .div-content {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center
}
.clients .Ad-padding0 .text-content {
  width: 260px;
  max-width: 100%;
  float: left
}
.clients .Ad-padding0 .circle {
  height: 137px;
  width: 137px;
  border-radius: 50%;
  border: 2px solid;
  float: left;
  margin-right: 36px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  font-size: 42px
}
.al-edit-tip + .tooltip > .tooltip-inner {
  border-radius: 1px;
  background: rgba(240, 85, 104, 1);
  width: 175px;
  box-shadow: 0 12px 16px 0 rgba(240, 85, 104, .24), 0 17px 50px 0 rgba(240, 85, 104, .19);
  padding: 10px 0;
  text-align: center
}
.al-edit-tip + .tooltip > .tooltip-arrow {
  border-bottom-color: rgba(240, 85, 104, 1)
}
.al-edit-tip + .tooltip > .tooltip-inner h5 {
  padding: 0 10px;
  font-family: 'Noto Serif TC', serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 24px
}
.Ad-flex-center {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center
}
.Ad-padding0.testimonials-col .testimonial-by .owner-name {
  margin-bottom: 11px;
  display: block
}
.Ad-main-wrapper .ns-project-banner {
  background: url(/web/20170603214041im_/http://adsture.biz/img/project-banner1.jpg) top center no-repeat;
  background-size: cover;
  height: 660px
}
.Ad-main-wrapper .Ad-blog-banner-box {
  margin-top: 0 !important
}
.Ad-project-designs {
  background: #fff
}
.Ad-project-designs .Ad-article-content {
  padding-right: 90px
}
.Ad-project-designs .Ad-article-content .media-left span {
  color: #bfbfbf;
  font-size: 45px
}
.Ad-project-designs .Ad-article-content .media-heading {
  margin-bottom: 0 !important;
  font-size: 16px;
  color: #666;
  line-height: 32px;
  border-left: 1px solid #bfbfbf;
  padding-left: 9px;
  font-family: 'Noto Serif TC', serif
}
.Ad-project-designs .Ad-article-content .media-body {
  vertical-align: middle !important
}
.Ad-project-designs .Ad-article-right-wrapper {
  padding: 0 40px 0 40px;
  border-left: 1px solid #eaeaea
}
.Ad-project-designs .Ad-article-right-wrapper .Ad-project-details li {
  margin-bottom: 20px
}
.Ad-project-designs .Ad-article-right-wrapper .Ad-project-details li span {
  font-family: 'Noto Serif TC', serif
}
.Ad-project-designs .Ad-article-right-wrapper .Ad-project-details li h6 {
  text-transform: capitalize;
  margin-top: 5px
}
.Ad-project-designs .Ad-article-right-wrapper .Ad-project-details li a {
  display: block;
  color: #6300e9
}
.Ad-our-work-details .Ad-double-slide {
  left: 40%;
  right: 40%
}
.Ad-our-work-details .Ad-right-wrapper-cnt {
  padding: 0
}
.Ad-our-work-details .Ad-right-wrapper-cnt .client-review {
  margin: 30px 0
}
.Ad-our-work-details .fadein, .Ad-our-work-details .fadein li {
  height: 320px !important;
  overflow: hidden
}
.Ad-our-work-details h3 {
  color: #fff;
  margin-bottom: 30px
}
.Ad-effect {
  margin-top: -80px
}
.pagination > li > a .fa-angle-left, .pagination > li > a .fa-angle-right {
  font-size: 22px;
  color: #999
}
.pagination > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0
}
.pagination > li > a:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0
}
.pagination.loop-pagination li a.active {
  background: #6300e9;
  color: #fff
}
.Ad-blog-pagination {
  padding-bottom: 100px
}
.Ad-pagination-wrapper {
  margin: 30px 15px 0 15px
}
.pagination {
  margin-left: 15px
}
.pagination > li > a {
  background: #fbfbfb;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  color: #333;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: 700
}
.Ad-advisors-left .Ad-footer .fa-facebook:hover, .Ad-footer .Ad-right-wrapper .Ad-mobile-icons a:hover .fa.fa-facebook, .menu .Ad-footer-brdr a:hover .fa-facebook {
  color: #3c5b9b;
  transition: all ease .3s
}
.Ad-advisors-left .Ad-footer .fa-twitter:hover, .Ad-footer .Ad-right-wrapper .Ad-mobile-icons a:hover .fa.fa-twitter, .menu .Ad-footer-brdr a:hover .fa-twitter {
  color: #2daae1;
  transition: all ease .3s
}
.Ad-advisors-left .Ad-footer .fa-linkedin:hover, .Ad-footer .Ad-right-wrapper .Ad-mobile-icons a:hover .fa.fa-linkedin, .menu .Ad-footer-brdr a:hover .fa-linkedin {
  color: #0173b2;
  transition: all ease .3s
}
.Ad-footer .Ad-right-wrapper .Ad-mobile-icons a:hover .fa.fa-instagram, .menu .Ad-footer-brdr a:hover .fa-instagram {
  color: #517fa6;
  transition: all ease .3s
}
.Ad-form {
  padding-bottom: 80px
}
input[type=checkbox] {
  display: none
}
.cbox, input[type=checkbox]#thing1 + label, input[type=checkbox]#thing1:checked + label {
  width: 168px;
  height: 168px
}
input[type=checkbox]#thing1 + label {
  background-image: url(../images/whatwedo/mobile-app.svg);
  background-size: 69px 75px;
  background-repeat: no-repeat;
  background-position: center 30px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #c3c3c3;
  color: #c3c3c3
}
input[type=checkbox]#thing1:checked + label {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/whatwedo/mobile-app2.svg), url(../images/checkbx-img.jpg);
  background-size: 69px 75px, 20px 20px;
  background-position: center 30px, 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  border: 2px solid #27b6ea;
  color: #27b6ea
}
input[type=checkbox]#thing2 {
  display: none
}
.cbox, input[type=checkbox]#thing2 + label, input[type=checkbox]#thing2:checked + label {
  width: 168px;
  height: 168px
}
input[type=checkbox]#thing2 + label {
  background-image: url(../images/whatwedo/web-design.svg);
  background-size: 69px 75px;
  background-repeat: no-repeat;
  background-position: center 30px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #c3c3c3;
  color: #c3c3c3
}
input[type=checkbox]#thing2:checked + label {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/whatwedo/web-design2.svg), url(../images/checkbx-img.jpg);
  background-size: 69px 75px, 20px 20px;
  background-position: center 30px, 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  border: 2px solid #27b6ea;
  color: #27b6ea
}
input[type=checkbox]#thing3 {
  display: none
}
.cbox, input[type=checkbox]#thing3 + label, input[type=checkbox]#thing3:checked + label {
  width: 168px;
  height: 168px
}
input[type=checkbox]#thing3 + label {
  background-image: url(../images/whatwedo/branding.svg);
  background-size: 69px 75px;
  background-repeat: no-repeat;
  background-position: center 30px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #c3c3c3;
  color: #c3c3c3
}
input[type=checkbox]#thing3:checked + label {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/whatwedo/branding2.svg), url(../images/checkbx-img.jpg);
  background-size: 69px 75px, 20px 20px;
  background-position: center 30px, 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  border: 2px solid #27b6ea;
  color: #27b6ea
}
input[type=checkbox]#thing4 {
  display: none
}
.cbox, input[type=checkbox]#thing4 + label, input[type=checkbox]#thing4:checked + label {
  width: 168px;
  height: 168px
}
input[type=checkbox]#thing4 + label {
  background-image: url(../images/whatwedo/social-media-management.svg);
  background-size: 69px 75px;
  background-repeat: no-repeat;
  background-position: center 30px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #c3c3c3;
  color: #c3c3c3
}
input[type=checkbox]#thing4:checked + label {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/whatwedo/social-media-management2.svg), url(../images/checkbx-img.jpg);
  background-size: 69px 75px, 20px 20px;
  background-position: center 30px, 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  border: 2px solid #27b6ea;
  color: #27b6ea
}
input[type=checkbox]#thing5 {
  display: none
}
.cbox, input[type=checkbox]#thing5 + label, input[type=checkbox]#thing5:checked + label {
  width: 168px;
  height: 168px
}
input[type=checkbox]#thing5 + label {
  background-image: url(../images/whatwedo/animation.svg);
  background-size: 69px 75px;
  background-repeat: no-repeat;
  background-position: center 30px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #c3c3c3;
  color: #c3c3c3
}
input[type=checkbox]#thing5:checked + label {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/whatwedo/animation2.svg), url(../images/checkbx-img.jpg);
  background-size: 69px 75px, 20px 20px;
  background-position: center 30px, 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  border: 2px solid #27b6ea;
  color: #27b6ea
}
input[type=checkbox]#thing6 {
  display: none
}
.cbox, input[type=checkbox]#thing6 + label, input[type=checkbox]#thing6:checked + label {
  width: 168px;
  height: 168px
}
input[type=checkbox]#thing6 + label {
  background-image: url(../images/adsture_ux_grey.svg);
  background-size: 69px 75px;
  background-repeat: no-repeat;
  background-position: center 30px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #c3c3c3;
  color: #c3c3c3
}
input[type=checkbox]#thing6:checked + label {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/adsture_ux.svg), url(../images/checkbx-img.jpg);
  background-size: 69px 75px, 20px 20px;
  background-position: center 30px, 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0;
  border: 2px solid #27b6ea;
  color: #27b6ea
}
.bg_contact {
  background: url(../images/contact_right.svg) no-repeat right;
  padding-bottom: 70px;
  float: left
}
.top_cont {
  margin-top: 30px
}
.bot_cont {
  margin-bottom: 80px
}
.hd_clr_cont {
  color: #2db5e9;
  font-size: 18px;
  font-weight: 500
}
.cbox {
  position: relative;
  top: 0;
  float: left;
  margin-left: 29px
}
.p_cont {
  font-size: 13px;
  line-height: 19px;
  font-family: 'Noto Serif TC', serif
}
.ser_contac {
  padding: 5px;
  position: relative;
  top: 5px
}
.bor_Serv {
  border: 1px solid #ccc;
  padding-bottom: 10px;
  margin: 7px;
  font-size: 12px;
  width: 23%
}
.cbox:first-child {
  margin-left: 0
}
.cbox span {
  position: absolute;
  bottom: 30px;
  color: #5f5e5eb3;
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-family: Poppins !important
}
.al-circle {
  height: 10px;
  width: 10px;
  background-color: #f9f8f5;
  border-radius: 50%;
  margin: 5px
}
.Ad-fileds {
  padding-bottom: 70px
}
.al-client-box {
  margin-bottom: 40px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center
}
.Ad-client-industry .Ad-fileds .Ad-left-wrapper {
  padding-right: 60px
}
.Ad-left-client-industries h4 {
  color: #999;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize
}
.Ad-left-client-industries {
  display: inline-flex;
  align-items: center;
  min-height: 155px
}
.Ad-client-industry .al-filed-information {
  padding-left: 30px
}
.Ad-client-industry .al-filed-information ul {
  padding: 5px 0
}
.Ad-client-industry .al-filed-information ul li {
  margin: 15px 0;
  color: #999;
  font-size: 14px
}
.navbar-default .nav-toggle .animated-menu {
  width: 50px
}
.navbar-default.on .nav li .nav-toggle .animated-menu .Ad-iconbar-bottom, .navbar-default.on .nav li .nav-toggle .animated-menu .Ad-iconbar-middle, .navbar-default.on .nav li .nav-toggle .animated-menu .Ad-iconbar-top {
  background: #333 !important
}
.Ad-iconbar-bottom, .Ad-iconbar-middle, .Ad-iconbar-top {
  width: 0;
  height: 2px;
  background-color: #fff;
  animation: first 1.3s ease 1.2s infinite alternate
}
.Ad-iconbar-middle {
  margin: 4px 0
}
.Ad-iconbar-middle {
  animation: sec 1.6s ease 1.5s infinite alternate
}
.Ad-iconbar-bottom {
  animation: third 1.9s ease 1.8s infinite alternate
}
.list-inline {
  position: absolute;
  bottom: 7%;
  left: 0;
  right: 0;
  margin: 0 5px 30px 0
}
.list-inline > li {
  padding: 0;
  margin: 0 5px
}
.circular-anim::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform .4s cubic-bezier(.61, 1.8, .89, 1.62), background-color .4s ease-out;
  transition: transform .4s cubic-bezier(.61, 1.8, .89, 1.62), background-color .4s ease-out
}
.circular-btn::before {
  background-color: transparent;
  border: 2px solid #fff
}
.sticky-btns li a {
  padding: 18px 20px;
  border-radius: 50%;
  transition: background-color .2s, padding .2s
}
.sticky-btns li a:hover {
  padding: 23px 25px
}
.circular-anim {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.56, 1, .86, 1.39);
  transition: transform .3s cubic-bezier(.56, 1, .86, 1.39);
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
.circular-btn {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  text-align: center
}
.circular-anim.hover::before, .circular-anim:hover::before {
  transform: scale(1.13);
  -webkit-transform: scale(1.13);
  -ms-transform: scale(1.13)
}
.circular-btn:hover::before {
  background-color: #6300e9;
  border-color: transparent
}
.circular-btn:hover a .fa {
  color: #fff
}
.sticky-btn {
  color: #fff;
  padding: 10px 10px
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, .7);
  opacity: .8;
  filter: aAdha(opacity=80)
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.mfp-align-top .mfp-container:before {
  display: none
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}
.mfp-ajax-cur {
  cursor: progress
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
  cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.mfp-loading.mfp-figure {
  display: none
}
.mfp-hide {
  display: none !important
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}
.mfp-preloader a {
  color: #ccc
}
.mfp-preloader a:hover {
  color: #fff
}
.mfp-s-ready .mfp-preloader {
  display: none
}
.mfp-s-error .mfp-content {
  display: none
}
button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none
}
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  filter: aAdha(opacity=65);
  padding: 0 0 18px 10px
}
.mfp-close:focus, .mfp-close:hover {
  opacity: 1;
  filter: aAdha(opacity=100)
}
.mfp-close:active {
  top: 1px
}
.mfp-close-btn-in .mfp-close {
  color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #222;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}
.mfp-arrow:active {
  margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1;
  filter: aAdha(opacity=100)
}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}
.mfp-arrow .mfp-a, .mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}
.mfp-arrow .mfp-b, .mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}
.mfp-arrow-left {
  left: 0
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
  right: 0
}
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
  font-size: 30px;
  color: #fff
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto
}
.mfp-figure {
  line-height: 0
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}
.mfp-figure figure {
  margin: 0
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}
0 .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #222;
  word-wrap: break-word;
  padding-right: 36px
}
.mfp-image-holder .mfp-content {
  max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

._hj-widget-container{display: none;}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}
@media all and (max-width:900px) {
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}
.mfp-ie7 .mfp-img {
  padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
  padding: 0
}
.mfp-ie7 .mfp-content {
  padding-top: 44px
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transform: scale(.8);
  -webkit-transform: scale(.8);
  transition: all .2s ease-in-out 0s;
  -webkit-transition: all .2s ease-in-out 0s
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .9
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  opacity: 0;
  transform: scale(.8);
  -webkit-transform: scale(.8)
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0
}
.apst-wrapper {
  display: none;
  position: fixed;
  z-index: 99999;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.apst-top {
  top: 20px
}
.apst-bottom {
  bottom: 20px
}
.apst-left {
  left: 20px
}
.apst-center {
  left: 50%;
  margin-left: -40px
}
.apst-right {
  right: 20px
}
.apst-button {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  background-color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}
.apst-button::before {
  content: "";
  display: block;
  position: relative;
  left: 11px;
  top: 14px;
  width: 13px;
  height: 13px;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}
.apst-button::after {
  border-right: 4px solid red;
  border-left: 4px solid red
}
.apst-button:hover {
  background-color: #333
}
.apst-button:hover::before {
  border-color: #6300e9
}
@media only screen and (max-width:640px) {
  .apst-center {
    margin-left: -35px
  }
  .apst-button {
    width: 70px;
    height: 70px
  }
  .apst-button::before {
    left: 25px;
    top: 27px;
    width: 20px;
    height: 20px
  }
}

.navbar-nav{float: right;}

@media only screen and (max-width:400px) {
  .apst-center {
    margin-left: -30px
  }
  .apst-button {
    width: 60px;
    height: 60px
  }
  .apst-button::before {
    left: 21px;
    top: 23px;
    width: 18px;
    height: 18px;
    border-width: 5px
  }
}
@keyframes first {
  from {
    width: 0
  }
  to {
    width: 25px
  }
}
@keyframes sec {
  from {
    width: 0
  }
  to {
    width: 20px
  }
}
@keyframes third {
  from {
    width: 0
  }
  to {
    width: 10px
  }
}
#bnr, #bnr #faicons, #bnr #faicons #brand, #bnr #icons, #bnr-clr, #prject-details, #scroll-body {
  transition: all .8s;
  transition-delay: .1s
}
#bnr {
  height: 620px;
  background-size: cover
}
#bnr.on {
  height: 180px
}
#scroll-body {
  padding-top: 620px
}
#scroll-body.on {
  padding-top: 250px !important
}
#bnr-card {
  background-color: transparent;
  margin-top: 0
}
#bnr-card.on {
  margin-top: -100px
}
#bnr-card {
  transition: all .6s
}
.bnr-color {
  background-color: red !important
}
#bnr #faicons {
  margin-top: 620px
}
#bnr #faicons.on {
  margin-top: 187px
}
#prject-details {
  font-size: 22px;
  color: transparent;
  font-family: 'Noto Serif TC', serif;
  text-transform: uppercase;
  padding-left: 10px
}
#prject-details.on {
  color: #fff
}
#bnr-clr {
  margin-top: 0;
  height: 620px
}
#bnr-clr.on {
  background-color: red;
  margin-top: -440px;
  opacity: .2
}
#bnr-clr.on {
  background-color: #6300e9;
  margin-top: -440px
}
// Styles for submit success message .Ad-contact-btn{display:flex;align-items:flex-start}#submit-status{background:#07cc1a;margin-left:17px;padding:12px 25px;font-size:14px;color:#fff;position:relative;z-index:10}#submit-status::before{content:"";position:absolute;top:0;left:-11px;width:0;border-top:30px solid #07cc1a;border-left:52px solid transparent;border-right:52px solid transparent;z-index:-1}.apst-button{background-color:#6300e9!important}.apst-button:hover{background-color:#fff!important}.author-nav-img{width:42%}.apst-wrapper{display:none;position:fixed;z-index:99999;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.apst-top{top:20px}.apst-bottom{bottom:20px}.apst-left{left:20px}.apst-center{left:50%;margin-left:-40px}.apst-right{right:20px}.apst-button{display:block;position:relative;width:35px;height:35px;background-color:#555;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.apst-button::before{content:"";display:block;position:relative;left:11px;top:14px;width:13px;height:13px;border-right:3px solid #fff;border-top:3px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.apst-button::after{border-right:4px solid red;border-left:4px solid red}.apst-button:hover{background-color:#333}.apst-button:hover::before{border-color:#6300e9}@media only screen and (max-width:640px){.apst-center{margin-left:-35px}.apst-button{width:30px;height:30px}.apst-button::before{left:25px;top:27px;width:20px;height:20px}}@media only screen and (max-width:400px){.apst-center{margin-left:-30px}.apst-button{width:30px;height:30px}.apst-button::before{left:21px;top:23px;width:18px;height:18px;border-width:5px}}.Ad-main-wrapper .Ad-blog-wrapper,.Ad-main-wrapper .Ad-career-banner,.Ad-main-wrapper .Ad-health_career-banner,.Ad-main-wrapper .newyear-resolution-banner,.Ad-main-wrapper .ns-about-banner-wrapper,.Ad-main-wrapper .ns-clients-banner-wrapper,.Ad-main-wrapper .ns-contact-banner,.Ad-main-wrapper .ns-process-banner-wrapper,.Ad-main-wrapper .ns-project-banner{background-position:center;background-position-y:0;background-size:1600px;height:400px;position:relative}.Ad-main-wrapper .Ad-health_career-banner{background-image:url(/web/20170603214041im_/http://adsture.biz/media/2394/health-care.jpg);background-size:cover;height:700px}.Ad-starts_pattern{position:absolute;bottom:0;left:-6%;z-index:10}.Ad-health_career-banner .Ad-alignment_center{padding:0}.Ad-main-wrapper .Ad-basic-banner_heading{height:100%;position:relative}.Ad-basic-banner_heading h1{color:#fff}.Ad-health-our_nmbers{display:flex;display:-webkit-flex;display:-moz-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-top:-2em}.Ad-health-our_nmbers li{width:50%;color:#fff;padding:100px 35px;background:#2eb6d7}.Ad-health-our_nmbers li:first-child{padding:100px 65px}.Ad-health-our_nmbers li h1{font-size:54px;line-height:58px;margin-bottom:10px}.Ad-health-our_nmbers li h1,.Ad-right_wrapper .Ad-media_right p{font-family:'Noto Serif TC',serif}.Ad-health-our_nmbers li p,.Ad-our_huge-number .Ad-heading,.Ad-right_wrapper .Ad-media_right h6{font-family:Gotham-Medium}.Ad-our_huge-number .Ad-heading{line-height:38px}.Ad-health-our_nmbers p{font-size:12px;line-height:22px;text-transform:uppercase}.Ad-health-our_nmbers li:nth-child(1){width:50%}.Ad-health-our_nmbers li:last-child,.Ad-health-our_nmbers li:nth-child(2){background:#2eb6d7;width:25%;border-left:1px solid #6dcce3}.slt-huge_number{margin:0 2em}.Ad-health-our_nmbers .Ad-our_huge-number .Ad-heading{margin-bottom:0}.Ad-our_huge-number{text-align:right}@media (min-width:992px){.Ad-health-our_nmbers{box-shadow:0 0 44px 0 rgba(0,0,0,.2);-webkit-transition:all .2s ease-in;transition:all .2s ease-in;opacity:0}}@media (min-width:992px){.Ad-health-our_nmbers.active{opacity:1;-webkit-transform:translateY(-100px);transform:translateY(-100px);margin-top:-2em}}.Ad-pattern_circles_ih{background:url(/web/20170603214041im_/http://adsture.biz/media/2404/pattern-circles-ih.png) repeat;background-size:cover;padding:120px 0;background-color:#fff}.Ad-client-blog_ih{background:#fff;box-shadow:0 0 33px -12px #333;-moz-box-shadow:0 0 33px -12px #333;-webkit-box-shadow:0 0 33px -12px #333}.Ad-ih_client-block{display:flex}.Ad-client-blog_ih .Ad-right-wrapper_ih #open-popup-client .fa-play,.Ad-pattern_circles_ih .Ad-ih_client-block li{padding:0}.Ad-pattern_circles_ih .Ad-ih_client-block li:last-child{display:flex;align-items:center;position:relative}.Ad-ih_client-block li:last-child::before{content:"";height:65px;width:65px;border-radius:50%;top:0;font-family:FontAwesome;content:"\f10d";background:#6ac4ef;position:absolute;z-index:10;color:#fff;font-size:24px;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0}.Ad-quote_inner .fa-quote-left{font-size:30px}.Ad-client-blog_ih{font-size:20px;color:#999;line-height:30px}.Ad-client-blog_ih .Ad-heading_ih{text-align:center;display:block}.Ad-box_space{padding:4em 8em}.Ad-right-wrapper_ih{padding:0 40px 0 25px}.Ad-nav_block,.Ad-quote_inner,.Ad-right-wrapper_ih #open-popup-client .fa-play,.Ad-right-wrapper_ih .Ad-video_play{display:flex;display:-webkit-flex;display:-moz-flex;display:-webkit-flex;display:-moz-flex;align-items:center;justify-content:center;padding:25px 0 50px 0}.Ad-right-wrapper_ih .Ad-video_play{margin:20px 0;padding:0}.Ad-right-wrapper_ih .open-popup .fa-play{color:#fff;border:3px solid #fff;height:40px;width:40px;border-radius:50%;font-size:14px}.Ad-right-wrapper_ih .open-popup .fa-play{background:#6300e9;border:3px solid #6300e9!important}.Ad-right-wrapper_ih .Ad-video_play span{margin-top:0}.Ad-right-wrapper_ih .open-popup{margin:0 15px}.Ad-client_box .Ad-we-do h5{margin:1.5em 0 2em 0}.Ad-nav_block li{display:inline-block;margin:0 10px}.Ad-health-care_section{padding-top:70px;border-bottom:1px solid #dedede;overflow:hidden}.Ad-health-care_section .Ad-mobile_section{position:relative;overflow:hidden}.Ad-mobile_section .Ad-mobile_inner-screens{position:absolute;top:56px;left:1px;text-align:center;width:100%;height:100%}.Ad-mobile_section img{margin:0 auto}.Ad-inline_block-ih{display:flex;flex-wrap:wrap;margin:60px 0 60px 0}.Ad-inline_block-ih li h5{color:#999}.Ad-inline_block-ih li{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:flex;padding:15px 30px 50px 15px;position:relative}.Ad-inline_block-ih li:nth-child(1)::after,.Ad-inline_block-ih li:nth-child(1)::before{content:"";width:1px;height:0;background:red;position:absolute;right:-1px;bottom:-1px;transform:translateY(50%);z-index:1;transition:height .8s ease-in}.Ad-inline_block-ih li.active:nth-child(1)::after{height:35px}.Ad-inline_block-ih li:nth-child(1)::before{width:0;height:1px;transform:translateX(50%);transition:width .8s ease-in}.Ad-inline_block-ih li.active:nth-child(1)::before{width:35px}.Ad-inline_block-ih li:nth-child(2n)::after{display:none}.Ad-inline_block-ih li:nth-child(2n){border-right:none;padding-right:0}.Ad-inline_block-ih li:nth-child(3n),.Ad-inline_block-ih li:nth-child(4n){border-bottom:none;padding-top:60px}.Ad-ih-realtive{position:relative}.Ad-information_ih .Ad_process_done{padding-top:70px}.Ad_process_done p{color:#999;margin:30px 0}.Ad-heading_bold h2{font-size:30px;font-family:Gotham-Medium;line-height:42px;text-transform:capitalize}.Ad-information_ih .Ad-nav_block li{margin:15px 35px}.Ad-sub_heading-ih{font-size:20px;color:#333;font-family:Gotham-Medium;padding-bottom:15px;display:block}.Ad-heading_discription{margin:10px 0}.Ad-heading_discription article{padding:15px 0}.Ad-heading_discription p{margin-top:8px}.Ad-sm_size{font-size:12px;font-family:Gotham-Medium;text-transform:uppercase}.Ad_danger{color:#f33}.Ad_sucess{color:#9c3}.Ad-health-care_section .Ad-right_wrapper h5,.Ad-right_wrapper .Ad-media_right p{color:#999}.slt-testimonial_box .slick-initialized .slick-slide{display:flex!important;align-items:center;justify-content:center}.slick-slide{height:auto!important}.Ad-mobile-section{position:relative}.next-slide,.prev-slide{display:flex;height:50px;width:50px;border-radius:50%;background:#f2f2f2;align-items:center;justify-content:center;margin:0 8px}.Ad-sub_heading-inner.slick-slide{display:flex;align-items:center}.slt-testimonial_box{padding-top:50px}.slider-navs{position:absolute;width:90%;left:10%;bottom:4%;transform:translateY(-50%);display:flex}.image-slider li{padding:0 10px}.screen-navigations .circular-btn::before{border:transparent}.screen-navigations .circular-anim::before{display:block;width:auto;height:auto}.circular-btn:hover::before{background-color:#6300e9;border-color:transparent}.circular-btn#next.inactive,.circular-btn#prev.inactive{pointer-events:none}.circular-btn#next.active,.circular-btn#prev.active{background-color:#6300e9;border-color:transparent}.circular-btn.inactive:hover::before{background-color:none}.Ad_mobile_screens .slick-initialized li.slick-slide{display:flex!important;align-items:center!important}.Ad-event_blog_details .Ad-event-card{background:#f2f7fa;margin-bottom:60px}.Ad-event_blog_details .Ad-card_view{padding:30px 40px 35px 40px}.Ad-event_blog_details .Ad-card_view .Ad-img_caption h4{color:#333;line-height:32px;font-size:22px;font-family:Gotham-Medium}.Ad-event_blog_details .Ad-card-event_details{margin:30px 0 15px 0;width:70%;padding-left:0}.Ad-event_blog_details .Ad-card-event_details li{border-top:1px solid #d9dee1;padding:14px 0;list-style-type:none;margin-bottom:0}.Ad-event_blog_details .Ad-card-event_details li{border-bottom:none}.Ad-event_blog_details .Ad-card-event_details li .Ad-title{font-size:13px;text-transform:uppercase;color:#999;line-height:23px}.Ad-event_blog_details .Ad-card-event_details li .Ad-discription{text-transform:capitalize;font-size:16px;line-height:28px;font-family:inherit}.Ad-event_blog_details .slt-order_count-list{counter-reset:numList}.Ad-event_blog_details .slt-order_count-list .slt-count-list_items{position:relative}.Ad-event_blog_details .slt-order_count-list .slt-count-list_items::before{counter-increment:numList;content:counter(numList);position:absolute;width:50px;height:50px;background:#fff;border-radius:50%;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#333;left:0;box-shadow:0 0 20px -8px #333;-moz-box-shadow:0 0 20px -8px #333;-webkit-box-shadow:0 0 20px -8px #333;transform:translate(-50%,0);top:42%}.clients-projects-list-slider .slick-slider .slick-track{margin:50px 0}.clients-projects-list-slider .slick-slider .slick-list{overflow:visible}.rotateclass{transform:rotate(180deg)}.control_next .img-transition{transition:all ease .4s}.Ad-client-industry.Ad-padding60{padding-bottom:0}.portfolioFilter{padding:12px 0;margin-bottom:26px;text-align:center;border-bottom:1px solid #efefefc4;border-top:1px solid #efefef}.portfolioFilter a{margin-right:2px;color:#666;font-family:Poppins,sans-serif;text-decoration:none;font-size:14px;padding:3px 24px;text-align:center;display:inline-block}.portfolioFilter a.current{text-align:center;color:#27b6ea}.portfolioContainer{border:1px solid #fff;border-radius:3px}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}label.error-message{color:red;font-family:Poppins,sans-serif;font-size:10px;position:relative;top:5px}input.error{border-color:red;font-family:Poppins,sans-serif}input.mismatch{border-color:orange;font-family:Poppins,sans-serif}input.valid{border-color:green;font-family:Poppins,sans-serif}label.error{color:red;font-family:Poppins,sans-serif}label.mismatch{border-color:orange;font-family:Poppins,sans-serif}label.valid{color:green;font-family:Poppins,sans-serif}.brdr{border:1pt solid #e6e7e8;border-bottom:solid #febe10 1pt}.brdr-2{border:1pt solid #e6e7e8;border-bottom:solid #f1728b 1pt}.brdr-3{border:1pt solid #e6e7e8;border-bottom:solid #5359a2 1pt}.brdr-4{border:1pt solid #e6e7e8;border-bottom:solid #f071ab 1pt}.brdr-5{border:1pt solid #e6e7e8;border-bottom:solid #f4867e 1pt}.brdr-6{border:1pt solid #e6e7e8;border-bottom:solid #b6d779 1pt}.brdr-7{border:1pt solid #e6e7e8;border-bottom:solid #fbb660 1pt}.brdr-8{border:1pt solid #e6e7e8;border-bottom:solid #c37f53 1pt}.brdr-9{border:1pt solid #e6e7e8;border-bottom:solid #2b80c3 1pt}.tf{margin-top:25px;color:#000;font-size:14px;font-weight:700}.tfb{color:#000;font-size:14px;font-weight:700}.Ad-abt-apps1{margin-top:40px;margin-bottom:40px}.Ad-abt-apps1 ul li img{height:90px;width:110px}.Ad-abt-apps1 ul li .media-body{padding:0 40px 0 10px}.Ad-abt-apps1 .fadein{height:auto!important}.Ad-abt-apps1 .Ad-right-wrapper-cnt h5{margin:30px 0}.Ad-abt-apps1 .Ad-right-wrapper-cnt{padding:8% 15% 0 10%;overflow:hidden}.Ad-abt-apps2{margin-top:40px;margin-bottom:40px}.Ad-abt-apps2 ul li img{height:auto;width:110px}.Ad-abt-apps2 ul li .media-body{padding:0 40px 0 10px}.Ad-abt-apps2 .fadein{height:auto!important}.Ad-abt-apps2 .Ad-right-wrapper-cnt h5{margin:30px 0}.Ad-abt-apps2 .Ad-right-wrapper-cnt{padding:8% 15% 0 10%;overflow:hidden}.first{margin-left:-30px}.mid{margin-left:15px}.third{margin-left:15px}.text_PP{font-family:'Noto Serif TC',serif;font-size:13px!important;color:#666!important}.Ad-abt-h{background:#9999990f;margin-top:40px;margin-bottom:40px}.Ad-abt-h ul li{margin:20px 0 20px 0}.Ad-abt-h ul li .media-body{padding:0 40px 0 10px}.Ad-abt-h ul li .media-heading{font-family:Poppins;margin-bottom:15px;font-size:24px;color:#000;font-weight:600}.text_vd{font-family:'Noto Serif TC',serif;font-size:15px;color:#fff}.vd-padding60{padding:60px 0}.ss{font-family:Montserrat,sans-serif}.brdr-sm{border:1pt solid #fff;border-right:dotted #000 1pt}.brdr-sm-l{border:1pt solid #fff;border-left:dotted #000 1pt}.smt{font-size:20px;font-family:Poppins,sans-serif;line-height:30px}.smt-2{font-size:17px;font-family:Poppins,sans-serif;line-height:30px;font-style:italic}.modal-bx{position:fixed;top:200px;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.vdo-res{max-width:100%;height:auto}