@import url(reset.css);
@import url(navigation.css);

/* default Reset*/
@charset "utf-8";
@font-face { font-family: 'gotham-boldgotham-bold'; src: url('fonts/gothmbol-webfont.eot'); src: url('fonts/gothmbol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gothmbol-webfont.woff') format('woff'), url('fonts/gothmbol-webfont.ttf') format('truetype'), url('fonts/gothmbol-webfont.svg#gotham-boldgotham-bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-Medium'; src: url('fonts/Gotham-Medium.eot'); src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg#gotham-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-book'; src: url('fonts/Gotham-book.eot'); src: url('fonts/Gotham-book.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-book.woff') format('woff'), url('fonts/Gotham-book.ttf') format('truetype'), url('fonts/Gotham-book.svg#gotham-book') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
  font-family: 'Gotham-Black';
  src: url('../font/Gotham-Black.eot');
  src: 
      url('../font/Gotham-Black.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham-Black.otf'),
       url('../font/Gotham-Black.ttf') format('truetype'),
       url('../font/Gotham-Black.woff') format('woff'),
       url('../font/Gotham-Black.svg') format('svg'); 
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../font/Gotham-Bold.eot');
  src: 
      url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham-Bold.otf'),
       url('../font/Gotham-Bold.ttf') format('truetype'),
       url('../font/Gotham-Bold.woff') format('woff'),
       url('../font/Gotham-Bold.svg') format('svg'); 
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../font/Gotham-Book.eot');
  src: 
      url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham-Book.otf'),
       url('../font/Gotham-Book.ttf') format('truetype'),
       url('../font/Gotham-Book.woff') format('woff'),
       url('../font/Gotham-Book.svg') format('svg'); 
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('../font/Gotham-Light.eot');
  src: 
      url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham-Light.otf'),
       url('../font/Gotham-Light.ttf') format('truetype'),
       url('../font/Gotham-Light.woff') format('woff'),
       url('../font/Gotham-Light.svg') format('svg'); 
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('../font/Gotham-Medium.eot');
  src: 
      url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham-Medium.otf'),
       url('../font/Gotham-Medium.ttf') format('truetype'),
       url('../font/Gotham-Medium.woff') format('woff'),
       url('../font/Gotham-Medium.svg') format('svg'); 
}
@font-face {
  font-family: 'Gotham-XLight';
  src: url('../font/Gotham-XLight.eot');
  src: 
      url('../font/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham-XLight.otf'),
       url('../font/Gotham-XLight.ttf') format('truetype'),
       url('../font/Gotham-XLight.woff') format('woff'),
       url('../font/Gotham-XLight.svg') format('svg'); 
}

body, html { -webkit-font-smoothing: antialiased; margin: 0 auto; font-family: 'Gotham-book'; font-size: 1.05em; color: #777777; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; height: 100%; }
::selection { background: #000; color: #fff; }
header { width: 100%; position: relative; z-index: 9999999; }

ul, ol { list-style: disc; }
ul li, ol li { color: #000;list-style:none;}
ul li p, ol li p { color: #777777; margin: 0; }
ol.ol_no { list-style: decimal; margin-left: 40px; }
ul.ul_doc { list-style: disc; margin-left: 40px; }
b { font-family: 'gotham-boldgotham-bold'; }

a { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
a:hover { color: #ccc; cursor: pointer !important; }
.btn-b a, .btn-w a { -webkit-transition: all .5s ease; /* add delay if wanted */ -moz-transition: all .5s ease; /* add delay if wanted */ -ms-transition: all .5s ease; /* add delay if wanted */ -o-transition: all .5s ease; /* add delay if wanted */ transition: all .5s ease; /* add delay if wanted */ }
.btn-b { display: inline-block; margin-bottom: 0px; padding: 0; font-size: 14px; letter-spacing: 2px; }
.btn-b a { display: block; line-height: 60px; padding: 0 60px; font-family: 'Gotham-Medium'; border: 5px solid #000; color: #000; text-transform: uppercase; text-align: center; }
.service .btn-b a{border: 5px solid #e54142; color: #e54142; padding: 0 26px; }
.service .btn-b a:hover{
  background-color: #e54142; color: #fff;
}
.btn-b:hover a { background-color: #000; color: #fff; font-family: 'gotham-boldgotham-bold'; }
.btn-w { display: inline-block; margin-bottom: 0px; padding: 0; font-size: 14px; letter-spacing: 2px; }
.btn-w a { display: block; line-height: 60px; padding: 0 60px; font-family: 'Gotham-Medium'; border: 5px solid #fff; color: #fff; text-transform: uppercase; text-align: center; }
.btn-w:hover a { background-color: #fff; color: #000; font-family: 'gotham-boldgotham-bold'; }

input, textarea { border: none; background: none; outline: none; }

.icon { display: inline-block; }

h1, h2, h3, h4, h5, h6 { color: #000; font-family: 'Gotham-Medium'; }
h1 { font-size: 54px; text-transform: uppercase; }
h2 { font-size: 36px; text-transform: uppercase; }
h3 { font-size: 24px; }
h4 { font-size: 24px; text-transform: uppercase; }
h5 { font-size: 48px; text-transform: uppercase; }
h6 { font-size: 18px; color: #999999; font-family: 'Gotham-book'; }

.page_content { padding: 144px 0; padding-top: 264px; }
.container { width: 100%; max-width:1680px; margin: 0 auto; padding: 0 60px; position: relative; }
body{
  font-family: 'Gotham-Medium';
}
/* ------------------------------------------
Header //  Normal  for all
--------------------------------------------- */
.nav-menus-wrapper { overflow-x: hidden; text-transform: uppercase; }
.btn-show { padding: 10px 20px; color: #fff; cursor: pointer; border: none; background-color: #9fa7b0; transition: background .3s; }
.btn-show:hover { background-color: #A0D468; }

ul.nav-menu li { padding: 10px 0; margin: 10px 20px; }
ul.nav-menu li a { padding: 0px; height: 10px;  text-transform: none;}
ul.nav-menu li.nav_link, ul.nav-menu li.active { display: inline; position: relative; z-index: 2; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap; cursor: pointer; overflow: hidden; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }
ul.nav-menu li.nav_link:hover, ul.nav-menu li.nav_link:focus { outline: 0; color: #fff; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; cursor: pointer; }
ul.nav-menu li.nav_link:hover:after, ul.nav-menu li.nav_link:focus:after { outline: 0; background-color: #fff; -webkit-transition: all .5s ease; /* add delay if wanted */ -moz-transition: all .5s ease; /* add delay if wanted */ -ms-transition: all .5s ease; /* add delay if wanted */ -o-transition: all .5s ease; /* add delay if wanted */ transition: all .5s ease; /* add delay if wanted */ }
ul.nav-menu li.nav_link:hover:before, ul.nav-menu li.nav_link:focus:before { outline: 0; background-color: #fff; -webkit-transition: all .5s ease; /* add delay if wanted */ -moz-transition: all .5s ease; /* add delay if wanted */ -ms-transition: all .5s ease; /* add delay if wanted */ -o-transition: all .5s ease; /* add delay if wanted */ transition: all .5s ease; /* add delay if wanted */ }
ul.nav-menu li.nav_link:after { -webkit-transition: all .5s ease; /* add delay if wanted */ -moz-transition: all .5s ease; /* add delay if wanted */ -ms-transition: all .5s ease; /* add delay if wanted */ -o-transition: all .5s ease; /* add delay if wanted */ transition: all .5s ease; /* add delay if wanted */ content: ""; position: absolute; z-index: -1; width: 3px; height: 2%; }
ul.nav-menu li.nav_link:hover:after { width: 100%; height: 2%; }
ul.nav-menu li.nav_link:before { -webkit-transition: all .5s ease; /* add delay if wanted */ -moz-transition: all .5s ease; /* add delay if wanted */ -ms-transition: all .5s ease; /* add delay if wanted */ -o-transition: all .5s ease; /* add delay if wanted */ transition: all .5s ease; /* add delay if wanted */ content: ""; position: absolute; z-index: -1; width: 3px; height: 2%; }
ul.nav-menu li.nav_link:hover:before { width: 100%; height: 2%; }
ul.nav-menu li.nav_link:after { bottom: 0%; left: 0%; right: 0; margin: 0 auto; }
ul.nav-menu li.nav_link:before { bottom: 0%; right: 0%; left: 0; margin: 0 auto; }
ul.nav-menu li.nav_link:hover a { color: #fff; }
ul.nav-menu li.active a { color: #333333; }

.zoom-in { -webkit-animation: zoomIn 400ms ease both; -moz-animation: zoomIn 400ms ease both; -o-animation: zoomIn 400ms ease both; animation: zoomIn 400ms ease both; }

@-webkit-keyframes zoomIn {
  0% { -webkit-transform: scale(.6); }
  100% { -webkit-transform: scale(1); }
}
@keyframes zoomIn {
  0% { transform: scale(.6); }
  100% { transform: scale(1); }
}
.zoom-out { -webkit-animation: zoomOut 400ms ease both; -moz-animation: zoomOut 400ms ease both; -o-animation: zoomOut 400ms ease both; animation: zoomOut 400ms ease both; }
@-webkit-keyframes zoomOut {
  0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(.6); }
}
@keyframes zoomOut {
  0% { transform: scale(1); }
  100% { transform: scale(.6); }
}

/* ------------------------------------------
Footer //  Normal  for all
--------------------------------------------- */
footer { background: #000; }

.big_btn a { display: block; width: 100%; line-height: 505px; text-align: center; color: #ffb300; font-size: 30px; text-transform: uppercase; }
.big_btn a .icon { fill: #ffb300; width: 50px; height: 25px; }
.big_btn a:hover { background: #ffb300; color: #000; }
.big_btn a:hover > .icon path { fill: #000000; }
.big_btn.incontact { display: none; }

.contact .big_btn.incontact { display: block; }
.contact .big_btn.inall { display: none; }

.footer_main { height: 134px; position: relative; }
.footer_main .footer_logo { float: left; width: 10%; }
.footer_main .footer_logo img { width: 220px; margin: 30px 0; }
.footer_main .footer_menu { width: 86%; margin: 0 auto;}
.footer_main .footer_menu ul { margin: 0 auto; display: inline-block; }
.footer_main .footer_menu ul li { display: inline-block; }
.footer_main .footer_menu ul li a { color: #888; display: block; font-size: 14px; padding-right:15px; line-height: 105px; text-align: center;font-family:'Gotham-Light';}
.footer_main .footer_menu ul li a:hover { color: #fff; }

.btn_back2top { float: left;text-align: right;position: fixed;right: 0; bottom: 113px;}
.btn_back2top a { color: #fff; font-size: 14px; line-height: 105px; }
.btn_back2top .icon { fill: #fff; width: 68px; height: 68px; margin-right: 10px; margin-top: 15px;display:none;}
.btn_back2top .iconindex { fill: #fff; width: 68px; height: 68px; margin-right: 10px; margin-top: 15px;}
.btn_back2top:hover { opacity: .5 }

.copyright { border-top: 2px solid #fff; }
.mobile .copyright{
  padding-bottom:45px;
}
.copyright p { width:100%;line-height: 90px; font-size: 14px; color: #fff; text-align: center; overflow: hidden;text-transform:uppercase}
.new-footer-right{
  width: 56%;
    float: right;
}
.footer-title{
  color: #fff;
  font-size: 34px;
  font-family: 'Gotham-Light';
  text-transform: none;
}
.new-footer-left{
  float: left;
  width:40%;
 
}
#newform .resetcode{
  height: 40px;
} 
.new-footer-link li ,.new-footer-link li a,.new-footer-Partner li,.new-footer-Partner li a{
  color:#fff;
  font-family: 'Gotham-Light';
}
.new-footer-link{
  float: left;
  margin-right:18%;
}
.new-footer-Partner{
  float: left;
}
.new-footer-link li{
  margin-bottom:36px;
  font-size: 19px;
    letter-spacing: 1px;
}
.new-footer-Partner li{
  margin-bottom:23px;
}
.new-footer-link li:hover >a,.new-footer-Partner li:hover >a{
  text-decoration:underline;
}
/* ------------------------------------------
index
--------------------------------------------- */
.index .navigation, .case .navigation {background-color:rgba(0, 0, 0, 0); }
.index #layerslider { width:100%; max-width: 100%;/*height: calc(100vh - 250px);*/height: 800px; }
.index #layerslider h1, .index #layerslider h2 { color: #fff; width: 400px !important; }
.index #layerslider h1 { font-style: 36px; line-height: 50px; font-family: 'gotham-boldgotham-bold';text-align: left; }
.index #layerslider h3 { font-family: 'Gotham-book'; line-height: 30px; font-weight: lighter; font-size: 16px;text-align: left; }
.index #layerslider img.hero_img { width: 84%; max-width: 1920px;}
/* .index #layerslider img.ls-bg{height:100% !important;width:100% !important;} */
.index #layerslider .ls-layer{text-align: center;}
.index #layerslider .btn-w{margin-right:100%;}
.hero_banner .ls-v6  .btn-w a { padding: 0 20px; }
.hero_banner .ls-v6 h3 { color: #fff; }
.hero_banner .ls-v6 .ls-nav-prev, .hero_banner .ls-v6 .ls-nav-next { top: 80%; }
.hero_banner .ls-v6 .ls-nav-prev { left: 60px; }
.hero_banner .ls-v6 .ls-nav-next { right: 60px; }
.index .container .pull-left, .index .container .pull-right { margin: 0 5px; }
.most_recent { padding-top: 40px; }
.index-slider{
  min-height: 600px;
  height: -moz-calc(100% - 154px);
  height: -webkit-calc(100% - 154px);
  height: -o-calc(100% - 154px);
  height:calc(100% - 154px);
}
.swiper-container {
  width:100%; max-width: 100%;
  height: 100%; 
}  




.grid { padding-top: 80px; }
.grid-item figure { position: relative; cursor: pointer; overflow: hidden; }
.grid-item figure img { max-width: none; width: 100%; opacity: 1; -webkit-transition: opacity 3s, -webkit-transform 3s; transition: opacity 3s, transform 3s; -webkit-transform: translate3d(0px, 0, 0) scale(1); transform: translate3d(0px, 0, 0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid-item figure figcaption { background: rgba(0, 0, 0, 1); text-align: left; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.grid-item figure figcaption, .grid-item figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid-item figure figcaption > a { z-index: 1000000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid-item figure figcaption h4, .grid-item figure figcaption p { margin-left: 0px; color: #fff; width: 70%; -webkit-transition: all .5s ease; /* add delay if wanted */ -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.grid-item figure figcaption h4 { margin-top: 20px; font-size: 18px; }
.grid-item figure figcaption p { font-size: 14px; }
.grid-item figure figcaption .icon { width: 30px; height: 20px; position: absolute; bottom: 30px; left: -30px; -moz-transition: all .5s ease; /* add delay if wanted */ -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.grid-item figure figcaption .icon path { fill: #fff; }
.grid-item figure:hover > figcaption { opacity: 1; }
.grid-item figure:hover > img { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1.2); transform: translate3d(0, 0, 0) scale(1.2); }
.grid-item figure:hover > figcaption p, .grid-item figure:hover > figcaption h4 { margin-left: 20px; }
.grid-item figure:hover > figcaption .icon { left: 10px; }
.index .grid .grid-item { width: 25%; border: 5px solid #fff; text-align: center; background-repeat: no-repeat !important; background-size: auto 100% !important; background-position: center bottom !important; -webkit-transition: background-size 3s ease; -moz-transition: background-size 3s ease; -ms-transition: background-size 3s ease; -o-transition: background-size 3s ease; transition: background-size 3s ease; }
.index .grid .grid-item--width2 { width: 50%; }
.index .grid .grid-item figure { width: 100%; height: 300px; }
.index .grid .grid-item:hover { background-size: auto 110% !important; }

.btn-b.right-btn { position: absolute; right: 60px; top: 0; }
.service .btn-b.right-btn{
position: static;
margin-top:20px;
}
.client_think { position: relative; display: none; }
.client_think #client_think { width: 100%; height: 840px; position: absolute; top: 0; margin-top: 205px; }
.client_think .container h4 { position: absolute; top: 50px; }
.logo_list {box-sizing: border-box;overflow: hidden;margin:0 auto;}
.logoheight{overflow: hidden; padding:0 6%;box-sizing: border-box;}
.logo_list ul.row li { float: left; width: 20%; -webkit-transition: all 1s ease; /* add delay if wanted */ -moz-transition: all 1s ease; /* add delay if wanted */ -ms-transition: all 1s ease; /* add delay if wanted */ -o-transition: all 1s ease; /* add delay if wanted */ transition: all 1s ease; /* add delay if wanted */ }
/* .logo_list ul.row li:hover { -webkit-box-shadow: 0 0 40px 5px rgba(0, 0, 0, .2); box-shadow: 0 0 40px 5px rgba(0, 0, 0, .2); } */

.work_comes { padding: 200px 0; }
.indexwork_comes{
  padding:100px 0;
}
.animated { opacity: 0; }

.challenges { padding-top: 80px; }
.all_challenges { padding: 200px 0; }
.challenges .project, .challenges .clients, .challenges .employees { float: left; border: 5px solid #fff; width: 33.333333%; height: 480px; padding: 50px 40px; position: relative; }
.challenges .project { background-color: #ffab00; }
.challenges .project a:hover { color: #ffab00; }
.challenges .clients { background-color: #ffc400; }
.challenges .clients a:hover { color: #ffc400; }
.challenges .employees { background-color: #ffd740; }
.challenges .employees a:hover { color: #ffd740; }
.challenges h4 { color: #fff; }
.challenges p { font-size: 80px; font-family: 'gotham-boldgotham-bold'; color: #fff; }
.challenges .btn-w { position: absolute; bottom: 50px; }

/* ------------------------------------------
About Us
--------------------------------------------- */
.about h4 { margin-bottom: 60px; }
.as1_bg { margin-top: 100px; }
.as1_bg h4, .php { width: 26%; float: left; }
.as1_bg p { width: 40%; float: left; }
.our_spirits { padding: 80px 0; }
.php_list ul li { float: left; font-size: 48px; font-family: 'gotham-boldgotham-bold'; color: #959595; }
.php_list ul li span { padding: 0 20px; }
.php_list ul li a { color: #959595; }
.php_list ul li a.selected, .php_description span { color: #ffad24; }
.php_description { width: 70%; float: right; letter-spacing: 2px; line-height: 80px; margin-top: 105px; }
.php_description h5 { font-size: 36px; line-height: 60px; text-transform: uppercase; }
.php_description p { margin-top: 20px; }
.meet_us { padding: 80px 0; }
.meet_us h4 { margin-bottom: 0px; }
.meet_us .team_list { margin-top: 65px; }
.team_list ul.row li { position: relative; border: 5px solid #fff; width: 25%; float: left; display: table-cell; height: initial; overflow: hidden;  }
.team_list ul.row li img { width: 100%; -webkit-transition: all 3s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.team_list ul.row li .caption { position: absolute; top: 20px; left: 20px; }
.team_list ul.row li .caption h4, .team_list ul.row li .caption p { color: #fff; text-transform: uppercase; margin-bottom: 0px; font-size: 18px; }
.team_list ul.row li .caption p { font-size: 14px; }
.team_list ul.row li:hover > img { width: -webkit-calc(100% + 60px); width: calc(100% + 60px);  -webkit-transform: translate3d(0px, 0, 0) scale(1.12); transform: translate3d(0px, 0, 0) scale(1.12);  }

/* ------------------------------------------
Service
--------------------------------------------- */
.pageTitle { margin-bottom: 100px;font-size:54px;width:100%;text-align: center;text-transform:none;font-family:'Gotham-Black';}
.service section p { color: #000; }
.service .Branding .solutiontext p { color: #e54142;}
.service section { position: relative; height: 536px;}
.service section .container { height: 100%; position: relative; }
.service section .service_caption { padding: 85px 0; width: 30%; position: absolute; left: 60px; height: 100%; }
.service section .service_caption .btn_area { position: absolute; bottom: 85px; }
.service section .service_caption .btn_area .btn-b { margin-bottom: 10px; width: 220px; }
.service figure img { position: absolute; left: 50%; top: 0; z-index: 5; }
.service figure .figure_bg { position: absolute; top: 0; right: 0; width: 75%; height: 100%; z-index: -1; transition: 0.3s; }
.service section.ser_left .service_caption { right: 60px; left: inherit; }
.service section.ser_left figure img { position: absolute; left: 20%; top: 0; z-index: 5; }
.service section.ser_left .figure_bg { left: 0; right: inherit; }
.service section:hover > figure .figure_bg { width: 100%; }
.Branding .solutionright {
  padding: 52px 0;
}
/* ------------------------------------------
Showcases
--------------------------------------------- */
.showcases .grid .grid-item { border: 5px solid #fff; list-style: none; text-align: center; position: relative; }
.showcases .grid .grid-item { width: 25%; }
.showcases .grid .grid-item--width2 { width: 30%; }

#case_banner { width: 1920px; max-width: 100%; height: 685px; }
#case_banner h1 { color: #fff !important; line-height: 50px; }
#case_banner img { width: 100%; }
.case_detail { padding: 100px; }
.case_detail .client_name, .case_detail .category, .case_detail .objective { float: left; width: 25%; }
.case_detail .objective { width: 50%; }
.case_detail h6 { margin-bottom: 50px; }
.case_detail p { color: #000; margin-bottom: 60px; width: 70%; }
.case_rel img { width: 100%; margin-bottom: 20px; }
.achievement { margin-top: 100px; display: none; }
.achievement .container div, .achievement h4 { width: 25%; float: left; }
.achievement .achievement_range p { font-size: 80px; padding: 90px 0; color: #000; font-family: 'gotham-boldgotham-bold'; }
.achievement .team_row h6 { font-size: 14px; margin-bottom: 45px; }
.achievement .team_row p { color: #000; font-size: 14px; }
.interested { margin: 150px 0; }
.interested h4 { float: left; }
.interested .btn-b { float: right; }
.interested .case_list { margin-top: 60px; }
.interested .case_list h4 { float: none; }
.showcases .grid-item figure figcaption h4,.showcases .grid-item figure figcaption p{
  color: #fff;
}
.interested .case_list .grid-item { width: 25%; float: left; border: 5px solid #fff; }
@media screen and (max-width: 769px){
  .showcases .grid-item figure:hover > figcaption p, .showcases .grid-item figure:hover > figcaption h4 { margin-left: 0px; }
  .showcases .grid-item figure:hover > img { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
  .showcases .grid-item figure figcaption {
    position: static;
    top: inherit;
    left: inherit;
    width: 100%;
    height: inherit;
    padding-bottom: 50px;
}
  .showcases .grid-item figure figcaption h4, .showcases .grid-item figure figcaption p {
      color: #000;
  }
}
@media screen and (max-width: 769px){
  .showcases .grid-item figure figcaption {
    background: rgba(0, 0, 0, 0);
    text-align: left;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
}
.showcases .effect-milo figcaption {
  display:inline-block;
}

.showcases .pageTitle{
  text-align: left;
}

/* ------------------------------------------
Client
--------------------------------------------- */
.client #client_think { width: 100%; height: 300px; margin-top: 80px; display: none; }
.client #client_think h2 { line-height: 58px !important; }
.client .logo_list { margin-top: 80px }
.client .logo_list ul { margin-top: 30px; }

/* ------------------------------------------
Contact Us
--------------------------------------------- */
.contact_form { margin-top: 50px; margin-bottom: 130px; }
.contact_form h2 { margin-bottom: 50px; text-align: center;font-size: 54px;color:#e54142;font-family: 'Gotham-Black';}
.input { width: 45%; display: inline-block;font-size: 30px;}
.input input { padding: 30px 0px; width: 100%; border-bottom: 2px solid #000; -webkit-transition: all 0.1s; -moz-transition: all 0.5s; transition: all 0.5s; font-size: 17px;font-family: 'Gotham-Light';}
.textarea { width:96%; margin-top: 66px; margin-bottom: 70px; }
.textarea textarea { width: 100%; height: 130px; border-bottom: 2px solid #000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; font-size: 17px;font-family: 'Gotham-Light';}
.input input:focus, .textarea textarea:focus { border-bottom: 2px solid #000; }
ul.as1-contact li { float: left; width: 23%; }
ul.as1-contact li:first-child { width: 30% }
ul.as1-contact li span { color: #e54142; line-height: 92px; font-size: 22px;}
ul.as1-contact li p, ul.as1-contact li a { color: #000000; max-width: 350px; font-size: 17px;font-family: 'Gotham-Light';}
ul.as1-contact li a:hover { color: #999; }
#map { width: 100%; height: 840px; margin-top: 150px; }
#update { background: #333; }
#update .wrapper .update_msg { width: 600px; margin: 100px auto; color: #fff }
#update .wrapper .update_msg img { width: 200px; }
#old-form #captcha_input_old{
  width:50%;
}
.input_name{
  margin-left:5%;
}
.inputwidth96{
  width:96%;
}
.contact_form-box{
  padding:0 6%;
  margin:0 auto;
}
.input_email{
 margin-left:5%;
}
.input ::-webkit-input-placeholder { /* WebKit browsers */
  color: #000;
  font-size: 16px;
}

.input ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #000;
  font-size: 16px;
}

.input :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #000;
  font-size: 16px;
} 
.textarea ::-webkit-input-placeholder { /* WebKit browsers */
  color: #000;
  font-size: 16px;
}

.textarea ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #000;
  font-size: 16px;
}

.textarea :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #000;
  font-size: 16px;
} 
.captchabox{
  width:100%;
  overflow: hidden;
  position: relative;
}
.input_captcha{
  width:100%;
}
.captcha_div{
  width:50%;
  float: left;
}
.captcha{
  position: absolute;
  bottom: 0;
  right: 30%;
}
#newform .captcha{
  right:0;
  bottom:0;
  text-align: right;
}
.resetcode img{
  margin-left: 20px;
}
#captcha_div_old{
  width:100%;
}
   
/* onedplaus */
.newabouttitle{
  font-size: 54px;
  color:#e54142;
  width:100%;
  text-align: center;
  padding:50px 0;
  font-family: 'Gotham-Black';
}
.newaboutas p{
text-align: center;
font-size: 24px;
color:#4d4d4d;
width:80%;
margin:0 auto;
}
.new-solution{
padding:0;
position: relative;
background:#e54142;
background:url(../images/img/index/solution-bg.png) no-repeat;
background-size: cover;
margin:0 auto;
}
.newsolutionbox{
width:94%;
margin:0 auto;
overflow: hidden;
}
.newsolutionbox h4{
font-size: 54px;
padding:70px 0;
box-sizing: border-box;
color:#fff;
width:100%;
text-align: center;
text-transform:none;
font-family: 'Gotham-Black';
font-weight: bold;
}
.new-solution{
  padding-bottom:70px;
}
.solutlist{
width:100%;
max-width: 1920px;
overflow: hidden;
margin:0 auto;
}
.solutlist li{
width:33%;
float:left;
text-align: center;
margin-bottom: 4%;
}
.solutlist li::after{
  content: '';
  clear: both;
}
.solutlist li p{
 color:#fff;
 font-size: 17px;
 margin-top:10%;
 font-family: 'Gotham-Medium';
}
.onebtn{
display:inline-block;
margin:0 auto;
cursor: pointer;
}
.new-footer-bg{
  padding:54px 176px 0 176px;

position: relative;
background:#000;
margin:0 auto;
}
.new-footer-form{
width:100%;
box-sizing: border-box;
margin:0 auto;
}


.form-style{
font-size: 17px;
color:#fff;
}
.font-style-text-right{
  text-align: right;
}
.form-style-50{
  width:50%;
  float: left;
}
.form-style span{
  display:block;
  width:100%;
}
.form-style input{
width:97%;
height:60px;
margin-top:30px;
line-height:60px;
color:#000;
background:#fff;
border:0;
outline:none;
padding:0 20px;
box-sizing: border-box;
}
.form-style input::-webkit-input-placeholder{
  color:#b3b3b3;
}
.form-style input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#b3b3b3;
}
.form-style input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#b3b3b3;
}
.form-style input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:#b3b3b3;
}

.form-right textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color:#b3b3b3;
}
.form-right textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color:#b3b3b3;
}
.form-right textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color:#b3b3b3;
}
.form-right textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color:#b3b3b3;
}
.form-style-100 input{
  width:100%;
}
.form-right{
  font-size: 17px;
  color:#fff;
}
.form-right span{
  float:left;
}
.form-right textarea{
  width:100%;
  height:227px;
  background:#fff;
  margin-top:30px;
  padding:10px;
  box-sizing: border-box;
  float:left;
}
.new-submit{
  padding-top:43px;
  overflow: hidden;
  width:34%;

}
#newform .new-submit{
  float: right;

}
.new-submit span {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 20px 60px;
  background: #e44140;
  cursor: pointer;
}
.new-submit span{
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 20px 60px;
  background: #e44140;
  cursor: pointer;
}
#newform .new-submit span{
  display:inline-block;
  width:100%;
  text-align: center;
  font-size: 21px;
  padding: 8% 0;
}
.applybtn a{
  display:inline-block;
  color:#fff;
  font-size: 14px;
  padding: 20px 60px;
  background:#e44140;
  cursor: pointer;

}
.indexbtnstyle span{
  background:#fff;
  color:#e44140;

}
.new-footer-form form{
  overflow: hidden;
}
.footer-content{
  height:45px;
  width:100%;
  position:fixed;
  bottom:0;
  display:none;
  background:#fff;
}

.footer-content li{
  width:49.7%;
  height:100%;
  border-top:2px solid #fff;
}
.footer-content li a{
  display:inline-block;
  width:100%;
  height:100%;

}
.footer-content li:nth-of-type(1){
  margin-right:1px;
  float: left;
  background:url(../images/img/index/telephone.png) #e54142 center no-repeat;
  background-size: 12%;
}
.footer-content li:nth-of-type(2){
  background:url(../images/img/index/contentman.png) #e54142 center no-repeat;
  background-size: 12%;
  float: right;
}
.iconindex{
  display:none;
}
.newfooter-pc{
  display:block;
}
.newlink{
 float: right;
 font-size: 14px;
 margin-top:37px;
}
.newlink .newline-left{
  float:left;
  color:#888;
}

.newline-right{
  margin-left:70px;
  float:left;
}
.newline-right p{
  width:100%;
}
.newline-right span{
  border-bottom:1px solid #444;
  color:#888;
}
.newline-right a{
  color:#888;
  border-bottom:1px solid #444;
}
.solutionleft{
  width:50%;
  position:absolute;
  top:50%;
  transform: translateY(-50%);
}
.solutionright{
  float: left;
  width:50%;
  margin-left:50%;
  padding: 35px 0;
  box-sizing: border-box;
}
.solutiontitle{
  font-size: 60px;
  font-weight: bold;
  color:#e54142;
}
.solutiontext p{
  font-size: 24px;
}
.solusetion{
  width:80%;
  margin:0 auto;
}
/* .hero_banner{
  padding-top: 144px;
} */
.swiper-pagination-bullet{
  width:14px;
  height:14px;
}
.swiper-pagination-bullet-active{
  background:#e54142;
}
.scroll-down{
  display:block;
  width:100%;
  text-align: center;
  margin-top:40px;
}
.solutiontext h2{
   font-size: 36px;
   color:#e54142;
   text-transform:none;
  font-family: 'Gotham-Black';
}
.solusetion{
  overflow: hidden;
  height:auto !important;
}
.solutiontext p{
  font-size: 24px;
}
.solutiontext ol li{
  font-size: 17px;
  position: relative;
  padding-left:20px;
  box-sizing: border-box;
}
.Marketing ol li{
  width:64%;
}
.solutiontext ol li::before{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  display:block;
  left:0;
  top:50%;
  transform: translateY(-50%);
  background:#e54142;
  border-radius: 50%;
}
.Marketing ol li::before{
  top:10%;
}
.solutiontext ol li span{
  color:#000;
  font-family: 'Gotham-Light';
}
.section2 .solutionright{
  margin-right:50%;
  margin-left:0;
}
.section2 .solutionleft{
  right: 0;
}
.solusetion4title{
  margin-top:50px;
  font-family: 'Gotham-medium';
}
.solusetion4 .solutionleft{
  position:static;
  left:0;
  transform: translate(0);
  float:right;
}
.solusetion4 .solutionright{
  margin-right:0;
}
.solusetion4 ol li img{
  margin-left:26px;
}
.gridlisttitle{
  font-size: 16px;
  padding:16px 0;
}
.gridlisttitle span{
  display:block;
  margin:16px 0;
}
.gridlisttitle p{
  color:#000;
}
.marginleftright{
  margin:0 60px;
}
.grid-item figure .large,.grid-item figure .add{
  width:30px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.grid-item figure .large{
  left:45%;

}

.grid-item figure .add{
  left:55%;
}
.joinustitle{
  font-size: 36px;
  color:#e54142;
  width:100%;
  text-align: center;
  font-family: 'Gotham-Black';
}
.joinuscontent1,.joinuscontent2{
  width:100%;
  text-align: center;
  font-size:17px;
  margin-top:20px;
  color:#000;

}
.joinustips{
  font-size: 24px;
  display:block;
  color:#4d4d4d;
  font-weight: bold;
  width:100%;
  text-align: center;
  margin:20px 0 80px 0;
}
.joinuslist table,.joinuslist tbody{
  width:100%;
}
.joinuslisttitle th{
  text-align: left;
  vertical-align: middle;
  font-family: 'Gotham-Black';
}
.joinuslist tr{
  height:76px;
  vertical-align: middle;
}
.joinuslist tr td{
  color:#e44141;
  font-size: 17px;
  vertical-align: middle;

}

.joinuslist tr th:nth-of-type(1){
  padding-left:3%;
  box-sizing: border-box;
}
.joinuslist tr td:nth-of-type(1){
  padding-left:3%;
  box-sizing: border-box;
  font-family: 'Gotham-Light';
}
.joinuslist tr td:nth-of-type(3){
  font-family: 'Gotham-Light';
}
table tr:nth-child(even){

  background: #e6e6e6;
    
}
.joinuslisttitle{
  background:#e44141;
  color:#fff;
  font-size: 24px;
  font-weight: bold;
  width:100%;
}
.searchresult{
  width:100%;
  text-align: right;
  font-size: 14px;
  color:#4d4d4d;
  padding-right:6%;
  margin-top:70px;
}
.jiontitle{
  margin-bottom:50px;
}
.joinpage_content{
  padding-top: 225px;
}

.joinuswrap{
  position: relative;
}
.joinuspart2{
  /* position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0; */
  background:#fff;
  padding:0 60px;
  box-sizing: border-box;
}
.join-back{
  width:100%;
  overflow: hidden;
}
.join-back img{
  width:14px;
  float: left;
}
.joinemail{
  width:100%;
  padding-right:2%;
  box-sizing: border-box;
  padding:175px 0 90px 0;
}
.joinemail h3{
  font-size: 36px;
  text-transform:none;
  line-height: normal;
  display:inline;
  font-family:'Gotham-Black';
}
#printpage li{
  list-style:disc;
}
.printbtn{
  font-size: 14px;
  color:#e44141;
  cursor: pointer;
  border-bottom:1px solid #e44141;
  position:absolute;
  right:90px;
  top:200px;
  margin-right:2%;
}
.joinemaillist1 h5{
  width:100%;
  text-transform:none;
  font-size: 24px;
  color:#e44141;
}
.joinemaillist1 h5 span{
  font-size: 24px;
  color:#e44141;
  /* border-bottom:2px solid #f8cfcf; */

}
.joinemaillist1 .jionline{
  color:#000;
  /* text-decoration:underline; */
}
.joinemaillist1 .jionline span{
  font-size: 17px;
  color:#000;
}
.joinemaillist2{
  margin-top:36px;
}
.joinemaillist2 h5{
  width:100%;
  text-transform:none;
  font-size: 24px;
  color:#e44141;
}
.joinemaillist2 h5 span{
  font-size: 24px;
  color:#e44141;
  /* border-bottom:2px solid #f8cfcf; */

}
.joinemaillist2 ol{
  margin-left:18px;
}
.joinemaillist2 ol li{
  list-style-type:disc;
}
.joinemaillist2 ol li span{
  list-style-type:disc;
  font-size: 17px;
}
.joinemaillist3 h5 span{
  border:none;
}
.applybtn{
  margin-top:70px;
  text-align: left;
}
.allclintbtnbox{
  width:100%;
  text-align:center;
  margin-top:7%;
}
.contentonebtn{
  margin-top:8%;
  text-align:left;
}
.as1-contact{
  padding: 0 6%;
  margin: 0 auto;
  margin-top:3%;
}
.as1-contacttitle{
  font-size: 36px;
  font-weight: bold;
  color:#e44141;
width:100%;
text-align: center;
font-family: 'Gotham-Black';
overflow: hidden;
}
.btn_back2top .icon{
  display:block;
}
.showcaselogolist{
  height:auto !important;
  padding:5% 0!important;
}
.distablepc{
  display:table-cell;
}
.distablemobile{
  display:none;
}
.displaymobile{
  display:none !important;
}
.displaydesktop{
   display:inline-block !important;
}
.swiper-slide{
  text-align: center;
  background-position: bottom;
  background-repeat: no-repeat;
}

  .swiper-slide img {
    width:86%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2%;
}

.index .swiper-slide h1{
  line-height: 50px;
  font-family: 'gotham-boldgotham-bold';
  color: #fff;
  width:462px;
}
.dec-title{
  display:flex;
  flex-direction: column;
  height: calc(100% - 70px);
}
.dec-title .deccenter{
  flex:1;
  align-items: center;
  display: flex;
}
.index .swiper-slide h3{
font-family: 'Gotham-book';
    line-height: 30px;
    font-weight: lighter;
    font-size: 16px;
    color:#fff;
}
.swiper-link-btn{
  display: inline-block;
  margin-bottom: 0px;
  padding: 0;
  font-size: 14px;
  letter-spacing: 2px;
  position: absolute;
    bottom:0%;
}
.index-sweiper-dec h1{
}

.swiper-link-btn a {
  display: block;
  line-height: 60px;
  padding: 0 20px;
  font-family: 'Gotham-Medium';
  border: 5px solid #fff;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.swiper-link-btn:hover a{
  background-color: #fff;
  color: #000;
  font-family: 'gotham-boldgotham-bold';
}
.index-sweiper-dec{
  width: 50%;
  position: relative;
  text-align: left;
  padding-left: 50px;
  z-index: 20;
  height: 100%;
  box-sizing: border-box;
  height: calc(100% - 52%);
  top: 50%;
  transform: translateY(-50%);
  min-height: 356px;
}
.scroll-down span{
  width:100%;
  font-size: 14px;
  margin-bottom:6px;
  display:inline-block;
  color:#e54142;
}
.nav-menu > li > a{
  font-family:'Gotham-Light';
  font-size: 14px;
}
.footer_main{
  font-family:'Gotham-Light';
  font-size: 22px;
}
.joinuscontent1, .joinuscontent2{
  font-family: 'Gotham-Light';
}
.aboutmost_recent{
  padding-top:0;
}
.link-class{
  width:100%;
  height:100px;
  visibility:hidden;
}
.serpagetitle{
  margin:0;
 }
 .backtext{
   font-family: 'Gotham-Black';
   font-size: 14px;
   color:#e54142;
   line-height:26px;
   margin-left:1%;
   cursor: pointer;
 }
 #newform .captchabox{
   width:60%;
   float: left;
   margin-top:26px;
 }
.captcha_div .form-style input{
  width:100%;
  font-weight: bold;
}
.massage-tips-alert,#loading-post{
  transform: translateZ(0);
-webkit-transform: translateZ(0);
  background:rgba(0, 0, 0,0.7);
  top:0;
  left:0;
  right:0;
  bottom:0;
  position: fixed;
  z-index:99999990;
}
.massage-tips-content{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  max-width: 800px;
}
.massage-tips-content .finish-massage{
  width:100%;
}
.finish-btn{
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 21%;
  cursor: pointer;
}
#loading2{
  width:80px;
  height:80px;
  margin-left: -40px;
  margin-top: -40px;
}
.swiper-lazy-preloader{width:42px;
  height:42px;
  position:absolute;
  left:50%;top:50%;
  margin-left:-21px
  ;margin-top:-21px;
  z-index:10;
  -webkit-transform-origin:50%;
  -moz-transform-origin:50%;
  transform-origin:50%;
  -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
  -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
  animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader{width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  -webkit-transform-origin:50%;
  -moz-transform-origin:50%;
  transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
  -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
  animation:swiper-preloader-spin 1s steps(12,end) infinite}
  .swiper-lazy-preloader:after{display:block;
    content:"";
    width:100%;
    height:100%;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:50%;
    -webkit-background-size:100%;
    background-size:100%;
    background-repeat:no-repeat}
    .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
    @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}
    @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/* ------------------------------------------
responsive
--------------------------------------------- */

@media screen and (max-width:1800px) and (min-width:1699px) {
  .index #layerslider img.sloderimgbox{
    width: 94% !important;
    margin-top: 71px;
  }

}
@media screen and (max-width:1700px) and (min-width:1450px) {
    .index #layerslider img.sloderimgbox{
       width: 80% !important;
         margin-top: 103px;
     }
     .new-footer-Partner{
        max-width: 30%;
      }
#newform .captcha_div{
  width: 46%;
}

  .new-footer-bg{
    padding: 54px 100px 0 100px;
    padding-top:100px;
  }
  .new-submit{
    padding-top:46px;
  }
  .newsolutionbox h4{
    padding:40px 0;
  }
  .new-solution{
    padding-bottom:40px;
  }
  
  .newabouttitle{
    padding: 33px 0;
  }
  .indexwork_comes{
    padding: 60px 0;
  }
  .contact_form h2{
    font-size: 50px;
  }
  ul.as1-contact li p, ul.as1-contact li a{
    font-size: 17px;
  }
  .solutionright img{
    width:80%;
  }

}
@media screen and (max-width:1450px) {
   .index #layerslider { width: 100% !important; max-width: 1440px !important; height: 720px; } 
  .index #layerslider img.hero_img { margin-left: 100px; width: 80% !important; }
  .index #layerslider img.sloderimgbox { margin-left: 0; width: 75% !important;margin-top:110px; }

  .new-footer-bg{
    padding: 54px 88px 0 88px;

  }
  .swiper-slide img{
    margin-left:6%;
  }
  .new-footer-link{
    margin-right:11%;
  }
  .form-style input{
    height: 46px;
    line-height: 60px;
    margin-top: 17px;
  }
  .form-right textarea{
    height: 315px;
    margin-top: 17px;
  }
  .new-submit{
    padding-top:27px;
  }
  .newsolutionbox h4{
    padding:40px 0;
  }
  .new-solution{
    padding-bottom:40px;
  }
  .new-footer-Partner{
  max-width: 32%;
}
  .footer_menu{
    width:100%;
  }
  .solutionright img{
    width:80%;
  }
  .pageTitle{
    font-size:60px;
    margin-bottom:40px;
  }
  .solutiontext h2{
    font-size:34px;
  }
  .solutiontext p{
    font-size: 20px;
  }
  .solusetion4title{
  margin-top:30px;
  }
  .solutiontext ol li{
    font-size: 16px;
  }
  .gridlisttitle{
    font-size: 14px;
  }
  .marginleftright{
    margin:0 20px;
  }
   .logoheight{
    padding-bottom:0;
  }
.onebtn img{
  width:80%;
}
.joinemail h3{
  font-size: 36px;
}
.joinemail{
  padding: 100px 0 90px 0;
}
.printbtn{
  right:0;
  top:130px;
}
.joinemaillist1 h5 span{
  font-size: 24px;
}
.joinemaillist1 h5{
  font-size: 24px;
}
.joinemaillist1 .jionline span{
  font-size: 16px;
}
.joinemaillist2 h5 span{
  font-size: 24px;
}
.joinemaillist2 h5{
  font-size: 24px;
}
.joinemaillist2 ol li span{
  font-size: 16px;
}
.join-back span img{
  width:14px;
}
.indexwork_comes{
  padding: 40px 0;
}
.contact_form h2{
  font-size: 50px;
}
ul.as1-contact li span{
  font-size: 22px;
}
ul.as1-contact li p, ul.as1-contact li a {
  color: #000000;
  font-size: 17px;
  max-width: 266px;
}
.as1-contacttitle{
  font-size: 36px;
}
.solutlist li img{
  width:58%;
}
.footer_main .footer_menu ul li a,.newlink{
  font-size:14px;
}
#newform .captcha_code{
   width:50%;
}
.index-slider{
  height: calc(100% - 236px);
  height: -moz-calc(100% - 236px);
  height: -webkit-calc(100% - 236px);
  height: -o-calc(100% - 236px);

}
}
@media screen and (max-width:1300px) and (min-width:1025px){
  .index #layerslider img.sloderimgbox {
    margin-left: 0;
    width: 62% !important;
    margin-top: 96px;
}
  .form-right textarea{
    height:286px;
  }
  .new-footer-link {
    margin-right: 9%;
}
  .form-style{
    margin-bottom:21px;
  }
  .new-submit{
    padding-top: 32px;
  }
  .new-submit span {
    font-size: 14px;
}

#newform .new-submit span{
  padding: 10% 0;

}
#newform .captchabox{
  width:65%;
}
.applybtn a{
  font-size: 14px;
  padding: 10px 30px;

}
.Marketing .solutionright,.Branding .solutionright{
  padding: 85px 0;
}
.marginleftright{
  margin:0;
}
.pageTitle {
  font-size: 50px;
}
.joinustitle{
  font-size: 36px;
}
.joinuscontent1, .joinuscontent2{
  font-size: 17px;
}
.joinustips{
  font-size: 24px;
}
.joinuslisttitle{
  font-size: 22px;
}
.joinuslist tr td{
  font-size: 16px;
  cursor: pointer;
}
.onebtn img{
  width:80%;
}
.joinemail h3{
  font-size: 30px;
}
.contact_form h2{
  font-size: 50px;
}
.contact_form{
  margin-top:50px;
}
.captcha {
  right: 26%;
}
#newform .captcha{
  right:0;
  bottom:21px;
}
.newsolutionbox h4{
  padding:20px 0;
  font-size: 26px;
}
.new-solution{
  padding-bottom:20px;
}

.solutlist li p{
  font-size: 16px;
}
.nav-menu > li > a{
  font-size: 14px;
}
.footer_main .footer_menu ul li a,.newlink{
  font-size:14px;
}
.footer_main {
  height: 110px;
}
.new-footer-bg {
  padding: 54px 66px 0 66px;
}
.new-footer-link li, .new-footer-Partner li{
  font-size: 14px;
}
.index-slider{
  height: calc(100% - 300px);
  height: -moz-calc(100% - 300px);
  height: -webkit-calc(100% - 300px);
  height: -o-calc(100% - 300px);

}
}
@media screen and (max-width:1024px) {
  h1 { font-size: 48px; text-transform: uppercase; }
  h2 { font-size: 24px; text-transform: uppercase; }
  h3 { font-size: 18px; }
  h4 { font-size: 18px; text-transform: uppercase; }
  h5 { font-size: 36px; text-transform: uppercase; }
  h6 { font-size: 16px; color: #999999; font-family: 'Gotham-book'; }
  p { font-size: 14px; }
  .container { padding: 0 20px; }
  .nav-brand .logo { margin-left: 0px; }
  .nav-menu { margin-right: 10px; }
  /* Index */
  .index #layerslider { width: 100% !important; max-width: 1024px !important; height: 750px; /*height: calc(100vh - 55px);*/}
  .index #layerslider img.hero_img { margin-left: 400px; width: 70% !important; }
  .index #layerslider img.sloderimgbox{
    margin-left:0; width: 50% !important;
    margin-top:100px;
  }
  .index .swiper-slide h1{
    line-height: 26px;
    font-size: 26px;
  }
  .index .swiper-slide h3{
    line-height: 22px;
  }
  .index #layerslider h1, .index #layerslider h3 { margin-top: -40px; }
  .index .container .pull-left, .index .container .pull-right { float: none; margin-bottom: 30px; }
  .hero_banner .ls-v6 .ls-nav-prev { left: 30px; }
  .hero_banner .ls-v6 .ls-nav-next { right: 30px; }
  .hero_banner .ls-v6 .ls-layer { left: 30px !important; }
  .index .grid .grid-item figure { width: 100%; height: 250px; }
  /* .hero_banner{
    padding-top:144px;
  } */
  .btn-b.right-btn { position: absolute; right: 25px; top: 0; }
  .swiper-slide img{
    margin-top:10%;
  }



  .footer-content{
    display: block;
    height:80px;
   }
   .massage-tips-content{
     width:91%;
   }
   .finish-btn{
     width:27%;
   }
   .solusetion{
     width:91%;
   }
   .solutionright{
     text-align: center;
     padding:45px 0;
   }
   .Marketing ol li{
     width:100%;
   }
   .Branding .solutionright {
    padding: 125px 0;
}
  /* About */
  .as1_bg p { width: 60%; }
  .about h4 { margin-bottom: 20px; }
  .challenges .project, .challenges .clients, .challenges .employees { height: 324px; padding: 30px 20px; }
  .challenges .btn-w { width: 88%; }
  .challenges .btn-w a { padding: 0; text-align: center; }
  .php_description { width: 60%; float: right; }
  .nav-brand .logo2,.nav-menu{margin-top:0;}
  /* case */
  #case_banner { height: 800px; }
  #case_banner .case_banner { margin-top: 70px; }
  
  /* service */
  .service section .service_caption .btn_area .btn-b { margin-bottom: 10px; }
  .service section .service_caption .btn_area a { width: 250px; text-align: center; }
  .service section.ser_left figure img { left: 0 }
  
  /* client */
  .client #client_think h2 { line-height: 48px !important; }

  /* contact */
  .input { width: 100%; margin-right: 3%; margin-left:0;}
  .input.input_email { margin-left: 0; }
  .textarea { width: 100%; }
  ul.as1-contact li { padding: 0 10px; width: 23%; }
  ul.as1-contact li:first-child { width: 30% }
  .newsolutionbox h4{
    font-size: 40px;
    padding: 30px 0;
  }
  .new-solution{
    padding-bottom:30px;
  }
  
  .new-solution{
    padding:0;
  }
  .new-footer-bg{
    padding:20px;
  }
  .form-style,.form-right{
    font-size: 16px;
    
  }
  .new-footer-bg{
    padding-top:20px;
  }
  
  .form-style input {
    height: 40px;
    line-height: 40px;
    margin-top: 17px;
  }
  .form-right textarea{
    height: 206px;
  }
  .form-style{
    margin-bottom:9px;
  }
  .new-submit span{
    font-size: 16px;
    padding: 10px 30px;
  }
#newform .captchabox{
    width:100%;
  }
  .applybtn a{
    font-size: 16px;
    padding: 10px 30px;
  }
  .new-submit {
    padding-top: 30px;
}
ul.nav-menu li{
  margin:10px;
}
.nav-header{
  padding-left:11px;
}
.newline-right{
  margin-left:15px;
}
.footer_menu{
width:100%;
}
.footer_main .footer_menu{
  width:100%;
}
.nav-brand .logo2{
  width:230px;
  height:auto;
}
.nav-brand{
  width:230px;
  padding:10px 20px;
}
.pageTitle{
  font-size: 44px;
}
.solutiontext h2 {
   font-size: 30px; 
}
.solutiontext ol li{
  font-size:16px;
}
.page_content{
  padding-top:213px;
}
.showcases .grid .grid-item{
  width:50%;
}
.marginleftright{
  margin:0;
}
.joinustitle{
  font-size: 36px;
}
.joinuscontent1, .joinuscontent2{
  font-size: 17px;
}
.joinustips{
  font-size: 24px;
}
.joinuslisttitle{
  font-size: 22px;
}
.joinuslist tr td{
  font-size: 16px;
}
.onebtn img{
  width:50%;
}
.joinemail h3{
  font-size: 20px;
}
.joinemail span{
  font-size: 14px; 
}
.joinemail{
  padding: 50px 0 40px 0;
}
.printbtn{
  right:15px;;
  top:135px;

}
.joinemaillist1 h5 span{
  font-size: 20px;
}
.joinemaillist1 h5{
  font-size: 20px;
}
.joinemaillist1 .jionline span{
  font-size: 14px;
}
.joinemaillist2 h5 span{
  font-size: 20px;
}
.joinemaillist2 h5{
  font-size: 20px;
}

.joinemaillist2 ol li span{
  font-size: 14px;
}
.captcha {
  right: 14%;
}
#newform .captcha{
  right:0;
  bottom:0;
  margin-top:20px;
}
.footer-title{
  font-size: 25px;
}
#newform .resetcode img{
   margin-left:0;
}
.as1-contacttitle{
  font-size:36px;
}
.newsolutionbox h4{
  padding:20px 0;
}
.new-solution{
  padding-bottom:20px;
}

.solutlist li p{
  font-size: 14px;
}
.nav-menu > li > a{
  font-size: 14px;
}
.solusetion{
  padding:10px 0;
}
.new-footer-link li, .new-footer-Partner li {
  font-size: 14px;
}
.swiper-slide img{
  left: 63%;
}
}


@media screen and (max-width:767px) {
  .index #layerslider .ls-layer {
    text-align: left;
}
   .distablepc{
    display:none;
  }
   .distablemobile{
     display:table-cell;

  }

  .displaymobile{
   display:inline-block!important;
  }
   .displaydesktop{
   display:none !important;
  }
  .joinuslist tr th:nth-of-type(2){
    padding-left:2%;
  }
  .joinuslist tr td{
    padding-left:2%;
    padding-top:16px;
    padding-bottom:16px;
  }
  .joinuslist tr th{
    padding-top:16px;
    padding-bottom:16px;
  }
  .joinuslist tr{
    height:auto;
  }
  ul.nav-menu li { padding: 10px 0; margin: 10px 10px; }

  .grid-item figure .large, .grid-item figure .add{
    width:20px;
  }
  .effect-milo figcaption{
    display:none;
  }

  .dec-title{
    height: calc(100% - 54px);
  }
  
   .index #layerslider { width: 100% !important; max-width: 768px !important; height: 760px; } 
  .index #layerslider img.hero_img { margin-left: 500px; margin-top: 0px; width: 70% !important; }
  .index #layerslider .btn-w { margin-top: 50px; }
  .index #layerslider .btn-w a { padding: 0 20px; }
  .index .container .pull-left, .index .container .pull-right { float: none; margin-bottom: 30px; }
  .index .grid { padding-top: 40px; }
  .index .grid .grid-item { width: 50%; background-position: center bottom !important; background-size: auto 100% !important;}
  .index .grid .grid-item.grid-item--width2 { width: 100%; }
  .index .grid .grid-item { background-size: auto 100% !important; }
  .index .grid .grid-item figure figcaption h4, .index .grid .grid-item figure figcaption p { margin-left: 20px; color: #fff; }
  .index .grid .grid-item:hover { background-size: auto 100% !important; }
  .swiper-slide{
    text-align: center;
    background-position: top;
  }
  .swiper-slide img{
    max-width: 150%;
    width:122%;
    left: 58%;
    bottom: 2%;
  }


  .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #e54142;
}
.index-sweiper-dec{
  height: calc(100% - 44%);
  min-height: auto;
}
.index-slider{
  height: calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: -webkit-calc(100% - 40px);
  height: -o-calc(100% - 40px);

  min-height:400px;
  max-height: 500px;
}
.Branding .solutionright{
  padding:0;
}
.footer-content{
  height:45px;
}

.solutlist li{
  width:50%;
  margin-bottom: 7%;
}
.solutlist li img{
  width:59%;
}
  .title { width: 60%; }
  .index .challenges { padding-top: 0; margin-bottom: 100px; }
  .challenges .project, .challenges .clients, .challenges .employees { height: 250px; padding: 30px 20px; position: relative; position: relative; }
  .challenges p { font-size: 50px; line-height: 70px; }
  .challenges .btn-w { display: block; position: relative; bottom: 0px; width: 100%; }
  .challenges .btn-w a { padding: 0; display: block; }
  .challenges h4 { margin-bottom: 0px; }
  .index-sweiper-dec{
    width:100%;
    padding-left: 17px;
  }
  .index .swiper-slide h1{
    width:300px;
  }
  .index .swiper-slide h3{
    width:200px;
  }
  .swiper-link-btn{
   font-size: 12px;
  }
  .swiper-link-btn a{
    line-height: 44px;
    padding: 0 8px;
  }
  /* About */
  .php, .php_description { width: 100%; float: initial; clear: both; }
  .meet_us { padding-top: 40px; }
  .team_list ul.row li { width: 50%; }
  
  /* service */
  .service figure img { position: absolute; left: 50%; top: 10%; z-index: 5; width: 50% }
  .service section.ser_left figure img { position: absolute; left: 5%; top: 10%; z-index: 5; }
  
  /* case */
  .showcases .grid .grid-item { width: 50% }
  #case_banner h1 { font-size: 32px; line-height: 45px; margin-left: 50px; }
  #case_banner { height: 768px; width: 1200px; }
  #case_banner .case_banner { margin-left: 50px; }
  .case_detail { padding: 30px; }
  .case_detail p { width: 90%; }
  .case_detail .objective p { width: 100%; }
  .interested .case_list .grid-item { width: 50%; }
  
  /* client */
  .logo_list ul.row li { float: left; width: 25%; }
  ul.as1-contact li, ul.as1-contact li:first-child { padding: 0 10px; width: 50%; height: 220px; }

  /*footer*/
  footer .big_btn a { line-height: 200px; }
  .footer_main { height: auto; }
  .footer_main .footer_logo { float: inherit; width: 20%; margin-top: 5px }
  .footer_main .footer_menu { float: inherit; width: 100%; }
  .footer_main .footer_menu ul li a { width: auto; padding: 0 0px; padding-right: 30px; line-height: 40px; }
  .footer_main .footer_menu ul li:last-child a { padding-right: 0px; }
  .btn_back2top { float: none; width: auto; position: fixed; right: 30px; bottom: 128px; }
  .btn_back2top a { line-height: 20px; }
  .newsolutionbox h4 {
    font-size: 30px;
    padding: 20px 0;
  }
  .new-solution{
    padding-bottom:20px;
  }
  
  .newfooter-pc{
    display:none;
  }
  .new-footer-form{
    position: static;
    left:0;
    transform: translate(0);
  }

  .form-style input{
    width:100%;
  }
  .btn_back2top .iconindex,.btn_back2top .icon{
    margin-top:0;
    width:40px;
    height:40px;
  }
  .nav-brand .logo2{
    width:160px;
    height:auto;
    margin-top:10px;
  }
  .swiper-pagination-bullet{
    width:9px;
    height:9px;
  }
  .scroll-down img{
    width:21px;
    margin-top:0;
  }
  .scroll-down span{
    font-size: 12px;
  }
  .scroll-down{
    margin-top:0;
  }
/* .hero_banner{
  padding-top:87px;
} */
.most_recent { padding-top: 12px; }
.pageTitle {
  font-size: 30px;
}
.solutionleft{
  width:100%;
  position: static;
  top:0;
  transform: translate(0);
}
.solutionright{
  width:100%;
  float:none;
  margin-left:0 !important;
  text-align: center;
  margin-top: 20px;
}
.page_content{
  padding:118px 0;
}
.solutiontext h2{
  font-size: 24px;
}
.solutiontext p{
  font-size: 16px;
}
.solutiontext ol li{
  font-size: 14px;
}
.solutiontext ol li::before{
  width:6px;
  height:6px;
} 
.solutiontext ol li{
  padding-left:14px;
}
.service section{
  margin-bottom: 20px;
}
.solusetion4 .solutionleft{
  float:none;
}
.joinuslist tr td{
  font-size: 12px;
}
.joinuslisttitle{
  font-size: 12px;
}
.searchresult{
  font-size: 14px;
}
.joinuspart2{
  padding:0;
}
.joinemaillist1,.joinemaillist2{
  padding:0 20px;
}
.joinemail h3{
  width: 100%;
  display: block;
  line-height: 1.5;
}

.contact_form h2{
  font-size: 26px;
}
.contact_form{
  margin-top:50px;
}
.input_email{
  margin-left:0;
}
.captcha_div{
  width:50%;
}
.captcha{
  position: static;
}
.resetcode img {
  width: 11%;
}

.swiper-slide{
  text-align: center;
  padding:20px 0;
  box-sizing: border-box;
  height:100%;
}
.newsolutionbox{
  padding-bottom:20px;
}
.nav-menu > li > a{
  font-size: 12px;
}
.copyright p{
 font-size: 10px;
}
.logoheight{
  padding:10% 6%;
}
.link-class{
  height:70px;
  visibility:hidden;
}
#newform .captchabox{
  width:100%;
}

.new-footer-bg{
  padding: 20px 20px 0 20px;

}
.new-footer-right {
  width: 100%;
}
.form-style-50{
  width:100%;
}
.captcha_div .form-style input{
  width:100%;
}
#newform .captcha_code{
  width:30%;
}
#newform .resetcode{
  height:24px;
}
.new-submit{
  float: left;
    width: 50%;

}
.form-style{
  margin-bottom: 0;
}
#newform .captchabox{
  margin-top:0;
}
.new-submit span {
  padding: 15px 30px;
}
.new-submit{
  padding-top: 17px;
}
.form-right textarea {
  height: 139px;
}
.new-footer-left{
width:100%;
padding: 40px 0;
}
.new-footer-link li,.new-footer-Partner{
  margin-bottom:23px;
}
#newform .new-submit{
  float:left;
}
#old-form #captcha_input_old{
  width:100%;
}
}
@media screen and (max-width:426px) {
   h1 { font-size: 40px; }
  .nav-menu > li > a { font-size: 24px; line-height: 58px; }
  .btn-w, .btn-b { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); margin-left: 5px; }
  .service.mobile  .btn-w, .btn-b{width: 70%;margin:0 auto;display: block;}
  .service .btn-b a{
    line-height: 48px;
  }
  .solutionright{
    padding:0;
  }
  .btn-w a, .btn-b a { width: 100% !important; padding: 0px !important; }
  .container { padding: 0 20px; }
  .page_content { padding-top: 205px; }
  ul.nav-menu li { padding: 0; margin: 0 0px; }
  .swiper-pagination-bullets span{
    background:#000;
    opacity: 0.2;
  }
  .swiper-pagination-bullets .swiper-pagination-bullet-active{
    opacity: 1;
}
  /* footer */
  footer .big_btn a { line-height: 50px; padding: 50px; }
  .footer_main .footer_logo { width: 100%; display: none; }
  .footer_main .footer_menu { text-align: left; display: none; }
  .footer_main .footer_menu  ul li { display: block; }
  .footer_main .footer_menu  ul li a { padding-right: 0px; line-height: 40px; text-align: left; }
  .copyright p { padding: 20px 10px; line-height: 20px; }  
  .btn_back2top { right: 0; left: auto; text-align: center; }
  .btn-b.right-btn { position: relative; right: auto; top: auto; margin-top: 30px; }
  .case .btn-b.right-btn {
  	margin-top:15px;
  }
  .grid .grid-item, .interested .case_list .grid-item { width: 100% !important; }
  .grid .grid-item.grid-item--width2 { width: 100%; }
  .grid-item figure figcaption h4, .grid-item figure figcaption p { width: 90%; }
  .most_recent { padding-top: 12px; }
  .title { width: 100%; }
  
  .work_comes { padding: 100px 0; padding-bottom: 50px; }
  .challenges { padding-top: 50px; }
  .all_challenges { padding: 50px 0; padding-bottom: 100px }
  .all_challenges .title { margin-bottom: 80px; }
  .challenges .project, .challenges .clients, .challenges .employees { width: 100%; height: 270px; }
  .challenges .btn-w { width: 100% !important; margin-left: 0; }
  .challenges p { line-height: 100px; }	
 
  .index .container .pull-left, .index .container .pull-right { margin-bottom: 0px; }
  .index #layerslider { width: 100% !important; max-width: 450px !important; height: 520px; }
  .index #layerslider img.hero_img { margin-left: 757px; margin-top: 214px; width: 30% !important; }
  .index #layerslider img.sloderimgbox { margin-left: 741px; margin-top: 152px; width: 22% !important; }

  .index #layerslider h1 { font-size: 30px; line-height: 35px; margin-top: －10px; margin-left: -10px; }
  .index #layerslider h3 { margin-top: -50px; font-size: 12px !important; line-height: 20px !important; margin-left: -10px; }
  .index #layerslider .btn-w { margin-top: -22px; width: 162px !important; margin-left: -10px; margin-right: auto;}
  .index #layerslider .btn-w a { }
  .index .grid .grid-item { background-position: center 30px !important; }
  .index  .all_challenges .container .pull-left { margin-bottom: 50px; }

  /* about */
  .team_list ul.row li { width: 100%; }
  .team_list ul.row li .caption { top: 20px; left: 20px; }
  .php_description h5 { font-size: 30px; line-height: 40px; }
  .as1_bg h4, .php { width: 100%; }
  .as1_bg p { width: 100% }
  
  /* Service */
  .service figure { text-align: center; }
  .service figure img { left: 0; width: 60%; position: relative; }
  .service section .container { height: auto; margin-top: -30px; }
  .service section .service_caption { width: 100%; left: 0px; padding: 0px 20px; }
  .service section.ser_left .service_caption { right: auto; width: 100%; left: 0px; padding: 0px 20px; }
  .service section.ser_left figure img { position: relative; left: auto; top: auto; z-index: 5; }
  .service section .service_caption .btn_area { position: relative; bottom: auto; margin-top: 20px; }
  .service figure .figure_bg { width: 100%; }
  .service section .service_caption .btn_area .btn-b { margin-bottom: 10px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); }
  
  /* case */
  #case_banner { width: 850px; max-width: 850px; height: 885px; }
  #case_banner h1 { font-size: 26px !important; line-height: 30px !important; margin-top: 40px; margin-left: 0px; }
  #case_banner .case_banner { margin-left: 70px; margin-top: 200px; width: 70%; }
  .case_detail { padding: 30px 0; }
  .case_detail .client_name, .case_detail .category, .case_detail .objective { float: none; width: 100%; }
  .case_detail h6 { margin-bottom: 20px; }
  .interested h4 { float: none; margin-bottom: 0px; }
  .interested .case_list .grid-item h4 { width: 100%; margin-bottom: 0; }
  
  /* client */
  .logo_list ul.row li { float: left; width: 50%; }

 
  
  /* contact */
  .input, .textarea { width: 100%; margin-right: 0; border: 5px solid #fff; }
  #captcha_div_new .input{border: 0;}
  .index .input, .index .textarea { width: 100%; margin-right: 0; border: 0; }
  ul.as1-contact li, ul.as1-contact li:first-child { width: 100%; height: auto; padding-bottom: 40px; }
  #map { width: 100%; height: 540px; margin-top: 150px; }
  .newsolutionbox h4 {
    font-size: 20px;
    padding: 20px 0;
  }
  .new-solution{
    padding-bottom:20px;
  }

  .nav-brand .logo2{
    width:160px;
    height:auto;
    margin-top:10px;
  }


  .newabouttitle{
    font-size: 20px;
    margin-top:20px;
  }
  .newaboutas p{
    font-size: 14px;
    width:100%;
  }
  .newfooter-pc{
    display:none;
  }
  .new-footer-form{
    position: static;
    left:0;
    transform: translate(0);
  }

  .form-style input{
    width:100%;
  }
  .btn_back2top .iconindex,.btn_back2top .icon{
    margin-top:0;
    width:40px;
    height:40px;
  }
   .case .btn_back2top .iconindex,.case .btn_back2top .icon{
    margin-top:-69px;
  }
  
  .nav-header{
    padding-left:11px;
  }
  .swiper-pagination-bullet{
    width:9px;
    height:9px;
  }
  /* .hero_banner{
    padding-top:87px;
  } */
  .pageTitle {
    font-size: 30px;
  }
  .solutionleft{
    width:100%;
    position: static;
    top:0;
    transform: translate(0);
  }
  .solutionright{
    width:100%;
    float:none;
    margin-left:0 !important;
    text-align: center;
    margin-top: 20px;
  }
  .page_content{
    padding:118px 0;
  }
  .solutiontext h2{
    font-size: 24px;
  }
  .solutiontext p{
    font-size: 16px;
  }
  .solutiontext ol li{
    font-size: 14px;
  }
  .solutiontext ol li::before{
    width:6px;
    height:6px;
  } 
  .solutiontext ol li{
    padding-left:14px;
  }
  .service section{
    margin-bottom: 20px;
  }
  .solusetion4 .solutionleft{
    float:none;
  }
  
  .indexwork_comes{
    padding: 46px 0;
  }
  .grid{
    padding:0 !important;
  }
  .joinustitle{
    font-size: 30px;
  }
  .joinuscontent1, .joinuscontent2{
    font-size: 14px;
  }
  .joinustips{
    font-size: 18px;
  }
  .joinuslist tr td{
    font-size: 12px;
  }
  .joinuslisttitle{
    font-size: 12px;
  }
  .searchresult{
    font-size: 14px;
  }
  .new-footer-link {
    margin-right: 13%;
  }
}


/*-- css-animate --*/
.animated.delay { -webkit-animation-delay: .5s; animation-delay: .5s; }
.animated.delay1 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.animated.delay2 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }





@-webkit-keyframes fadeInLeft {

    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -ms-transform:translateX(-100%);
      }
    
      to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-transform: translateX(0); 
      }
}
@keyframes fadeInLeft {

  from {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -ms-transform:translateX(-100%);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -ms-transform: translateX(0); 
    }
}
.fadeInLeft{
    animation-name:fadeInLeft;/*动画属性名，也就是我们前面keyframes定义的动画名*/
    animation-duration: 2s;/*动画持续时间*/

    animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/

    animation-delay:1s;/*动画延迟时间*/
    animation-direction: alternate;/*定义动画方式*/ 
    animation-fill-mode: forwards;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  .fadeIn{
    animation-name:fadeIn;/*动画属性名，也就是我们前面keyframes定义的动画名*/
    animation-duration: 1s;/*动画持续时间*/

    animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/

    animation-delay:1s;/*动画延迟时间*/
    animation-direction: alternate;/*定义动画方式*/ 
    animation-fill-mode: forwards;
}