/*
Theme Name: UXpert
Description:    UXpert
Version:		1.3
Author:			Farhad
*/


html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn,input,textarea {
    border: 0 none;
    color: #000;
    list-style-type: none;
    outline: 0 none;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    font-family:'Montserrat', Arial, sans-serif;
    font-size: 18px;
}
@font-face {
  font-family: 'BebasNeuePro-Bold';
  src: url('fonts/BebasNeuePro-Bold/font.woff2') format('woff2'), url('fonts/BebasNeuePro-Bold/font.woff') format('woff');
}
@font-face {
  font-family: 'BebasNeuePro-Book';
  src: url('fonts/BebasNeuePro-Book/font.woff2') format('woff2'), url('fonts/BebasNeuePro-Book/font.woff') format('woff');
}
a,button,input,textarea{
  outline:none;
}
button{
  cursor:pointer;
}
#awwwards{
    z-index: 99999999999!important;
}
.work-about ul.list li a.read-more span, .jobs > li > div.main-title, .menu-name span, .who-we-are .description a span i, ul.awards-items > li ul.item li p, .back-link .txt, #preloader .loading, .designrush .description,.designrush .description a{
   font-family: 'BebasNeuePro-Book';
   text-transform: uppercase;
   font-style: normal;
}

.who-we-are .description a span.more-link i{
  position:relative;
  left: 0;
}
.who-we-are .description a span.more-link:before{
  content:'';
  width: 100%;
  position: absolute;
  display: block;
  height: 100%;
  z-index: 0;
  top: 1px;
  /* opacity: 0; */
}
.join-top-section .table .table-cell .title,.what-we-do-ip h2,.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child,.hp-section.hp-11 .title-section .left .title{
   line-height: 85px;
}

.join-top-section .table .table-cell .title, .more_works .title, .conversion_rates .inside .list li span, .video-section .title, .work-header h1, h1, .culture-in .table-cell.title > div, .fulltrip .top-title > .table > .table-cell:first-child .title, .culture .thumb .content .title, .fullteam .info .title, .contact-page > div.left h1, .category-header .title div, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .our-team .table-cell.title strong, .our-culture h2, #preloader .f-letter, #preloader .f-letter span, #preloader .slogan, .d-title,.designrush .title-aw{
   font-family: 'BebasNeuePro-Bold';
   text-transform:uppercase;
   font-weight: normal;
}
html,body{
      height: 100%;
      /* overflow-x: hidden; */
}
*, :after, :before{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a{
  text-decoration:none;
}
strong{
  font-weight:bold;
  display: inline-block;
}
footer .inside > a{
  font-size:12px;
}
ul.contact-form .active label{
  font-size: 13px;
}
html.popup-open{
  overflow:hidden;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2{
  font-size:30px;
}
.animate__fadeInUp{
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em{
  font-size:40px;
  line-height:40px;
}
.contact-page > div.left h1{
  line-height:70px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span{
  font-size: 16px;
  line-height: 26px;
}
.more_works .portfolio .label-text span{
  padding: 0;
}
ul.awards-items > li ul.item li{
  font-size:60px;  
}

.thank-you > .table > .table-cell .table-cell .name,.thank-you > .table > .table-cell .table-cell .thanks{
    font-size:50px;  
}
.about-header .description,.video-section .inside .description span{
  font-weight: 600;
}
.b-lazy{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}
.b-lazy.b-loaded{
-webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
}
.contact-page > div.left .address p,.contact-page > div.left .address p a,body span.wpcf7-not-valid-tip,.share-link .txt{
  font-size: 15px;
}
.fullteam .info .description p,.top-main-desc em, .join-bottom-section > .in > .table > .table-cell.main-desc p em, .more_works .title em, .grid-image-text .content h2 em, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .thank-you > .table > .table-cell .table-cell .thanks, .category-header .description em, .our-team .table-cell.description .title-ds em, .our-team .table-cell.title em, .what-we-do-ip .description em, .hp-section.hp-09 em, header ul.logo-section li, .hp-03 p em, .who-we-are .description em, .post-object .item .title i, ul.awards li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description p, .hp-section.hp-11 .title-section .right .description em, .contact .inside .title em, .portfolio .text-category, .portfolio .text-slug, .thank-you > .table > .table-cell .table-cell .description, .our-culture .description p em, .work-header h2, .work-about ul.list li .title, .conversion_rates .inside .list li i, body .d-title.it-title, .description.hide-in-desctop{
    font-family: 'Courgette', Arial, cursive;
    font-style:normal;
    font-weight: 400;
}
.job-conten > li.app p, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .name, ul.contact-form input[type="submit"], .trailer .pause div, .hp-section.hp-09 .in > p, .portfolio .label-text .text-title, #filters li span, ul.team li .title, .our-team .table-cell.title, .play, .menu ul.menu li a, .contact .inside .title, .testimonials-slider .left .name, .hp-section.hp-09 strong, .hp-01.hp-01-01 p em, .hp-03 p strong, .post-object .item .title span, .hamburger, footer .inside > a.scrollTotop, footer .inside > a.scrollToContent, body div.wpcf7-validation-errors, .video-title, body .bcg .d-title.s-title, .trailer .mute-sound span, body .failed div.wpcf7-response-output{
    font-family: 'Bebas Neue', cursive;
}
.conversion_rates .inside .left .title,.who-we-are .description strong,.grid-image-text .content h2,.grid-three .title,.three_columns .top .title{
  font-weight: 800;
}
.testimonials-slider .right p{
  font-size:15px;
  line-height:28px;
}
.hp-section.hp-05{
  position:relative;
  overflow-x: hidden;
}
#clear{
clear:both;
}

body {
    margin: 0;
    padding: 0;
    background: rgba(248, 248, 248, 1);
}
body.is-active, body.is-trip,body.is-trip-open{
  overflow: hidden;
}
body.is-active section{
 -webkit-transform: translateX(25%) scale(0.9);
 -moz-transform: translateX(25%) scale(0.9);
 -ms-transform: translateX(25%) scale(0.9);
 -o-transform: translateX(25%) scale(0.9);
 transform: translateX(25%) scale(0.9);
}
body.trailer-active{
  overflow: hidden;
}

header, div:not(.no-trans), a:not(.no-trans), p, li, ul, section, input, span:not(.preloader-el) , label, img, :after, :before, button, i,img:not(.preloader-el) {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.side-bg,header,footer{
     -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; 
}
ul,li{
  padding:0;
  list-style-type: none;
}
.in{margin: auto;font-size: 0;height: 100%;position: relative;}
.in, .slider-for .item, .thank-you > .table.in{
    width: 960px;
}
.is-loading header{

}
.work-header .in{
  position: relative;
  z-index: 10;
}
header,footer{position: fixed;width: 100%;top: 0;right: 0;background-color: #fff;z-index: 3000200;}
header ul.logo-section, .header-space{
    height: 50px;
    /* display: none; */
}
header,footer{
  height:50px;
  -webkit-transition: all 0.6s 0.8s ease;
  -moz-transition: all 0.6s 0.8s ease;
  -o-transition: all 0.6s 0.8s ease;
  -ms-transition: all 0.6s 0.8s ease;
  transition: all 0.6s 0.8s ease;
}
header{top: -50px;}
footer{
  
}
.loftloader-loaded header{top: 0;}
footer{
  bottom:-100%;
}
.loftloader-loaded footer{
  bottom: 0;
}
height{
  height:0;
  top:-100%;
}
.is-loading header{
  top: -50px;
}
.is-loading footer{
   bottom: -50px; 
}
.is-loading footer .inside > a.scrollToContent{
   bottom: -65px;  
}

#scroll-container{
     opacity: 0;
    visibility: hidden;   
}
.loaded #scroll-container{
    opacity: 1;
    visibility: visible;
}
.loftloader-loaded header, .loftloader-loaded footer{
  height:50px;
  z-index: 30002000;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 38px;
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em{
  font-size:35px;
  letter-spacing: 0.03em;
}
.who-we-are .description p,.contact .inside p,.job-conten > li .description > ul > li{
  line-height:25px;
}
.video-section .inside .description span,.conversion_rates .inside .left .description,.three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description,.three_columns ul.list li{

  line-height: 30px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li{
    font-size: 20px;
    
}

.table{display: table;width: 100%;}
.table-cell{display: table-cell;vertical-align: middle;position: relative;}
header ul.logo-section{margin: 0 50px;padding: 0;list-style-type: none;display: table;overflow: hidden;}
.is-active header ul.logo-section{
  margin: 0 130px;
}

header.sticky-body ul.logo-section{
  display:none;
}
.grid-three .description p{
  margin:0;
}
.is-active header ul.logo-section li{
  opacity: 0;
  visibility: hidden;
}
.is-active header ul.logo-section li:first-child{opacity: 1;visibility: visible;}
header ul.logo-section li{display: table-cell;vertical-align: middle;min-width: 40px;text-align: center;}
header ul.logo-section li a{width: 80px;height: 20px;display: block;background-position: center;background-repeat: no-repeat;background-size: auto;}
header ul.logo-section li i{
  background-image: url(gfx/Shape_9.svg);
  display: block;
  width: 9px;
  height: 10px;
  background-repeat: no-repeat;
  margin: auto;
  transform: rotate(180deg);
}
.hamburger{position: absolute;left: 58px;top: 16px;letter-spacing: 0.12em;line-height: 20px;width: 70px;cursor: pointer;}
.hamburger-box{
    position: relative;
    display: inline-block;
    width: 27px;
    height: 18px;
    float: left;
}
.fulltrip .hamburger{width: 40px;height: 40px;background-color: rgba(248, 178, 28, 1);border-radius: 50%;text-align: center;}
.fulltrip .hamburger .hamburger-box{
  float: none;
}
.hamburger:hover .menu-name span:nth-child(2),.hamburger:hover .menu-name span:nth-child(4){-webkit-transform: translateY(-5px);transform: translateY(-5px);}

.hamburger:hover .menu-name span:nth-child(4){
      transition-delay: 0s;
}
.menu-name{
  display: inline-block;
  /* float: left; */
}
.is-active .menu-name{
  opacity:0;
}
.menu-name span{
  display: inline-block;
  line-height: normal;
}
.hamburger-inner{
  top: 50%;
  display: block;
  margin-top: 0px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 27px;
    height: 2px;
    border-radius: 0;
    background-color: #000;
    top: 50%;
}
.back-link{position: absolute;right: 0;left: 0;margin: auto;top: 0;bottom: 0;width: 200px;overflow: hidden;cursor: pointer;}
.share-link,.back-link{
  height: 24px;
}
.is-active .back-link{
  display:none;
}
.post-nav span{
  display: inline-block;
  background-image: url(gfx/post-nav.svg);
  width: 14px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
}
.post-nav.next-post span{
  transform: rotate(0deg);
}
.post-name{
  display: inline-block;
  overflow: hidden;
  height: 14px;
  line-height: 20px;
  position: relative;
}
.prev-post:hover i.p-link{
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
.prev-post:hover i.p-name{
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
}
.next-post:hover i.p-link{
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
.next-post:hover i.p-name{
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
}
.post-nav {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    z-index: 10000000;
    line-height: 50px;
}
.loftloader-loaded .post-nav{
      z-index: 100000000;
      transition-delay: 1s;
}
.post-nav i {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    margin: auto;
    height: 16px;
    font-style: normal;
    text-align: center;
}
.post-nav span:first-child{margin-left: 25px;}
.post-nav span:last-child{
  margin-right: 25px;
}
.post-nav.next-post{
    left: -35px;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform: rotate(-90deg) translate(-50%, 50%);
}
.post-nav.prev-post{
    right: -35px;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform: rotate(90deg) translate(50%, 50%);
    -ms-transform: rotate(90deg) translate(50%, 50%);
    -o-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(90deg) translate(50%, 50%);
}

body.is-active .post-nav{
  display: none;
}
.loftloader-loaded .post-nav.prev-post{
    right: 0%;
}
.loftloader-loaded .post-nav.next-post{
  left: 0%;
  right: auto;
}
.back-link .req div.ins{width: 21px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #fff;height: 21px;padding: 0;}
.back-link .req span{
  display: inline-block;
  background: #000;
  width: 9px;
  height: 9px;
  position: absolute;
  vertical-align: top;
  right: 0;
  top: 0;
}
.back-link .req{
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  top: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.back-link:hover .req,.back-link.active .req{
top:-50px;
}
.back-link:hover .txt,.back-link.active .txt{
 top:0; 
}
.back-link .req span:nth-child(2){right: auto;left: 0;}
.back-link .req span:nth-child(3){bottom: 0;top: auto;}
.back-link .req span:nth-child(4){right: auto;left: 0;bottom: 0;top: auto;}
.back-link .txt{
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  margin: auto;
  letter-spacing: 0.05em;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.share-link{position: absolute;left: 50px;top: 0;bottom: 0;margin: auto;cursor: pointer;width: 150px;overflow: hidden;}
.share-link .txt{text-transform: uppercase;letter-spacing: 0.06em;position: absolute;top: 0;bottom: 0;margin: auto;width: 100%;height: 20px;}
.share-link .txt i{
  background-image: url(gfx/icons_share.svg);
  width: 25px;
  height: 17px;
  display: inline-block;
  float: right;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 15px;
  margin-top: 2px;
}
.share-link:hover .txt{
top:-50px;
}
.share-link:hover .social{
top:0;
}
.share-link .social{
    height: 22px;
    position: absolute;
    top: 100%;
}
body .addtoany_list{
  line-height:normal!important;
}
.hamburger-inner{
  transition-timing-function: cubic-bezier(.55,.055,.675,.19);
  transition-duration: 105ms;
}
.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
    left: 0;
}
.hamburger-inner:after, .hamburger-inner:before{
    /* -webkit-transition: all .4s ease; */
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    /* transition: all .4s; */
}
.hamburger:hover .hamburger-inner:after{
  left:16px;
}
.hamburger:hover .hamburger-inner:before{
   left:10px;
}
.hamburger-inner:before {
    top: -7px;
    width: 17px;
}
.hamburger-inner:after {
    bottom: -8px;
    width: 11px;
}
.side-bg
{position: fixed;width: 0;background: #fff;height: 100%;z-index: 100000000;-webkit-transition: all 0.6s 0.8s ease;-moz-transition: all 0.6s 0.8s ease;-o-transition: all 0.6s 0.8s ease;-ms-transition: all 0.6s 0.8s ease;transition: all 0.6s 0.8s ease;}

.is-loading .side-bg{
  width: 0;
}
.side-bg.right{right: 0;}
.side-bg.left{
  left: 0;
}
.loaded .side-bg.right, .loaded .side-bg.right {
    top: 0;
    bottom: 0;
}
.loftloader-loaded .side-bg,.loftloader-loaded header,.loftloader-loaded footer{
}
.bg-slide{
  background-color: rgba(248, 178, 28, 1);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.35s 1.2s ease-in;
  -moz-transition: all 0.35s 1.2s ease-in;
  -o-transition: all 0.35s 1.2s ease-in;
  -ms-transition: all 0.35s 1.2s ease-in;
  transition: all 0.35s 1.2s ease-in;
}
body.category-body .bg-slide{
  display:none;
}
.loftloader-loaded .bg-slide{
  top:-100%;
  bottom: auto;
}
body .d-title{
  padding:0;
  display: inline-block;
  line-height: 80px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  font-weight: 400;
}
.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
    width: 22px;
    left: 0;
}
.fulltrip .hamburger-inner,.fullteam .hamburger-inner{
     transition-delay: .12s;
     transition-timing-function: cubic-bezier(.215,.61,.355,1);
     transform: rotate(45deg);
     width: 22px;
     left: 2px;
     top: 19px;
}
.is-active .hamburger-inner:before,.is-active .hamburger:hover .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
    width: 22px;
    left: 0;
    right: 0;
}
.fulltrip .hamburger-inner:before,.fullteam .hamburger-inner:before{
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
    width: 22px;
    left: 0;
    right: 0;  
}
.fulltrip .hamburger-inner:after,.fullteam .hamburger-inner:after{
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
    width: 22px;
    left: 0;
    right: 0;
}

.is-active .hamburger-inner:after, .is-active .hamburger:hover .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
    width: 22px;
    left: 0;
    right: 0;
}
.hamburger i:before{width: 27px;top: 7px;}
.hamburger i:after{
  bottom: 0;
}
.job-conten > li.app p a:hover, .single-post footer .inside > a.scrollToContent, .culture-in .table-cell.title > div, .fulltrip .top-title > .table > .table-cell:first-child i, .culture .thumb .content .link, .hp-03 p em, ul.awards-items > li ul.item li:first-child, .hp-section.hp-09 em, .our-team .table-cell.title em, .portfolio:hover .label-text .text-title, body .d-title.it-title{
    color: rgba(248, 178, 28, 1);
}
.work-header,.about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table,.what-we-do-ip,.join-top-section{height: calc(100% - 100px);}


body nav.filter-nav .line, .join-top-section .table .table-cell .title:before, .join-top-section .back-section .table-row.active, .more_works .inside > .title:before, .fulltrip .top-title > .table > .table-cell:first-child i, .hp-section.hp-10 .slider-nav .item .title:before, #filters li span.active:before, .our-team .a-line, .about-header .line, section.menu-bg, .menu:before, .menu ul li span:before, .hp-section.hp-10 .slick-dots .slick-active button, .hp-05 .line, .who-we-are .title:before, .hp-01.hp-01-01, .who-we-are .description a span.more-link:before, .hp-05 .title:before, ul.awards li .main-title:before, .hp-section.hp-10 .in > .title:before, .hp-section.hp-11 .title-section .left .title:before, .hp-section.hp-11:before, .testimonials-slider .left .name:before, .what-we-do-ip h2:before, .category-header .title > div:before, .fullteam, .our-culture h2:before, #filters li span:hover:before, .sline, .hp-section.hp-11 .y-line, span.arrow-a i:before, span.arrow-a i:after, span.arrow-a:before{
    background-color: rgba(248, 178, 28, 1);
}
.hp-01 .table,.about-header .table{
  position: relative;
  z-index: 1;
}
.about-header .table{
  height: calc(100%);
  display: table;
}
h1{
  font-size:120px;
  font-weight: normal;
}
.contact-page > div.left h1{
  font-size:70px;
  color:#fff;
  font-weight: normal;
  padding-left: 40%;
}
.contact-page > div.left .address{
  bottom: 60px;
  position: absolute;
  right: 60px;
  left: 60px;
  margin: auto;
}
.about-header h1 span.d-title{
  line-height:103px;
  font-size: 120px;
  font-weight: normal;
}
.contact-page > div.left .address p{margin: 0;}
.contact-page > div.left .address a{
  padding: 0 0 30px;
  display: inline-block;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output{
    font-size: 25px;
    letter-spacing: 0.04em;
  }
  .about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title{
  font-size:22px;
  line-height: 30px;
}
  .culture-in .table-cell.gallery-cell a span,.video-title{
    padding: 20px 0;
    display: block;
  }
  .culture-in .table-cell.gallery-cell a span:empty,.video-title:empty{
    display: none;
  }
.hp-01.hp-01-01{
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 10;
  /* display: none; */
  height: calc(100vh - 100px);
}
.hp-01-01 .table-cell{
  text-align: center;
}
.hp-03{
  position: fixed;
  top: 0;
  left: 50px;
  right: 50px;
  width: calc(100% - 100px);
  top: 50px;
  background-size: cover;
  background-position: center;
}
.trailer video{
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  z-index: 9999999;
}
.trailer{
  position: fixed;
  z-index: 999999999;
  right: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}
.trailer .mute-sound{
  width: 100px;
  height: 100px;
  z-index: 11000000;
  position: fixed;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  text-align: center;
  /* background-color: #000; */
  padding: 25px 15px;
}
.trailer .mute-sound.active div{background-image: url(gfx/sound-bg.svg);width: 100%;height: 100%;background-repeat: no-repeat;background-position: right top 16px;}
.trailer .mute-sound.active lottie-player{
  opacity: 0;
  visibility: hidden;
}
.trailer .mute-sound span{display: inline-block;transform: rotate(-90deg);font-size: 12px;letter-spacing: 1px;color: rgba(248, 178, 28, 1);margin: 0;float: none;margin: 0;position: absolute;width: 100%;top: 0;bottom: 0;margin: auto;left: 0;right: 45px;}
.trailer .mute-sound lottie-player{
  height: 21px;
  float: right;
  width: 21px;
  margin-top: 16px;
}
.trailer.active{
   opacity: 1;
   pointer-events: auto;
   background-color: #000;
}
.trailer .close{}
.trailer .close, .video-sec .close{
  width: 35px;
  height: 35px;
  display: inline-block;
  left: 25px;
  top: 25px;
  position: absolute;
  z-index: 99999999;
  cursor: pointer;
  text-align: left;
}
.video-sec .close,.trailer .close{
    /* background-image: url(gfx/close.svg); */
    /* background-repeat: no-repeat; */
}
.hp-01.hp-01-01 .close,.trailer .close{
  width: 55px!important;
  height: 55px!important;
}
.hp-01.hp-01-01 .close i,.trailer .close i{
  width: 35px;
  height: 35px;
  background-image: url(gfx/close.svg);
  display: block;
  background-size: auto;
  position: absolute;
  left: 0;
}
.hp-01.hp-01-01 .close:hover i,.trailer .close:hover i{
    transform: rotate(180deg);
}
.fulltrip .hamburger:hover,.fulltrip .hamburger:focus{
      transform: rotate(180deg);
}
.video-sec .close{
  display:none;
}
.trailer .pause-video, .trailer .play-video,.video-sec .play-video,.video-sec .pause-video{
  position: absolute;
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.trailer .play-video,.hiddenvideo .play-video{
  display: none;
  cursor: url(gfx/play.svg), auto;
}
.trailer .pause-video,.hiddenvideo .pause-video{
  display: block;
  cursor: url(gfx/pause.svg), auto;
}
.trailer .close:hover,.video-sec .close:hover{

}
.trailer .pause,.hiddenvideo .pause{
  position: absolute;
  z-index: 10;
  text-align: center;
  height: 80px;
  vertical-align: middle;
  display: block;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 44px;
  cursor: pointer;
}
.trailer .pause:before,.trailer .pause:after,.hiddenvideo .pause:before,.hiddenvideo .pause:after{
  content:'';
  width: 16px;
  height: 57px;
  background: #fff;
  position: absolute;
  right: 1px;
  top: 0;
}
.trailer .pause:after,.hiddenvideo .pause:after{
  right:auto;
  left: 3px;
}
.trailer .pause div,.hiddenvideo .pause div{
   color: #fff;
   letter-spacing: 0.1em;
   font-size:18px;
   display: block;
   vertical-align: bottom;
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
}
.hp-01 .table-cell .inside{
  position: relative;
  display: inline-block;
  text-align: right;
}
.hp-01.hp-01-01 p em,.hp-03 p strong,.hp-section.hp-09 strong{
  color:#fff;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan{margin: 0;padding: 0;font-size: 137px;font-style: normal;letter-spacing: 0.01em;/* line-height: 138px; */}
.hp-03 p{text-align: center;position: relative;}
.hp-03 p strong,.hp-03 p em,.work-header h1{
  font-size: 80px;
  letter-spacing: 0.02em;
}
body .hp-01.hp-01-01 p span{
     color: #fff;
     float:none;
     display:block;
     line-height: 190px;
}
 #preloader .f-letter span,{
   display: inline-block;
   letter-spacing: 0;
   float: right;
   color: #fff;
 }
 #preloader .f-letter span.s{width: 0;opacity: 0;visibility: hidden;}
  #preloader .f-letter span.e{
   width: 0;
   opacity: 0;
   visibility: hidden;
 }
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title{
  font-size:100px;
  position: relative;
  padding: 15px 0 0;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title{
    font-size:90px;
    line-height: 90px;
}
body .bcg .d-title.s-title{
  color: #fff;
}
.float-sumbol{
  background-image:url(gfx/icons_shape.svg);
  content: '';
  position: absolute;
  width: 40px;
  height: 23px;
  top: 175px;
  right: 265px;
  transform: rotate(180deg);
}
.category-header .title div:after, .float-sumbol{
  right: 295px;
}
.category-header .title div:after{
}
.category-header .title div.title:after {
    right: 270px;
}
.who-we-are .title p, .hp-05 .title p,.hp-section.hp-11 .title-section .left .title p{
  margin:0;
  padding:0;
}
.title p{
  overflow:hidden;
}
.hp-03 p em{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  letter-spacing: 0.05em;
  font-style: normal;
}
.hp-01-02.affix{
  position: fixed;
  top: 0;
}
.hp-03.affix{
  position:relative;
  margin: 0;
  top: 0;
  }
  .hp-section.hp-04{padding: 175px 0 180px;}
  .who-we-are,.what-we-do{display: table;width: 100%;table-layout: fixed;}
  .who-we-are .title strong, .hp-section.hp-11 .title-section .left .title strong, .category-header .title div.title{line-height: 85px;font-weight: 700;}
  .who-we-are .description{display: table-cell;vertical-align: top;padding: 55px 0 0;}
  .who-we-are .description p{
    margin: 0;
    padding: 0 0 40px;
  }
  .hp-06 .who-we-are .description p{
    padding: 0 0 20px;
  }
  .hp-06 .who-we-are .description{
    padding: 30px 0 0;
  }
  .who-we-are .description p strong,.who-we-are .description p em{
    line-height: 30px;
  }
  .d-out{
    overflow: hidden;
    display: block;
    text-align: start;
    position: relative;
    line-height: normal;
  }
  .title-ins{
    display:block;
  }
  .d-out .wow{
    display: inline-block;
    line-height: normal;
  }
  .wow{
  visibility: hidden;
  }
  .wow.animate__animated {
    visibility: visible!important;
}

  .hidden{
    opacity:0;
  }
    .hidden.animate__matrixUp{
   animation-name: matrix;
   opacity: 1;
  }
  .hp-section.hp-06{
    padding: 190px 0 115px;
  }
 .sline{
    height: 3px;
    width: 60px;
    position: absolute;
    top: 0;
  }
  .what-we-do{
    table-layout: auto;
    position: relative;
    z-index: 10;
  }
  .who-we-are > div, .hp-05 div.items{
    display: table-cell;
    vertical-align: top;
  }
.hp-05 div.items{
  position: absolute;
  top: 0;
  z-index: 10;
  bottom: 0;
  margin: auto;
  height: 115px;
  right: 0;
  width: 100%;
  padding-right: 310px;
}
  .who-we-are .description em{
    /* padding: 0 0 25px; */
    display: block;
  }
  .who-we-are .description a{
    display: inline-block;
    line-height: inherit;
    height: auto;
    vertical-align: middle;
    padding-top: 0;
    padding-right: 1px;
    padding-left: 30px;
    position: relative;
    /* overflow: hidden; */
  }
  .who-we-are .description a:before{
    content:'';
    background-image: url(gfx/icons_arrow.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    display: inline-block;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    opacity: 0;
  }
.who-we-are .description a:hover:before{
      left: -5px;
}
  .who-we-are .description a:hover span:before{
   width:calc(100% - 28px);
  }

  .who-we-are .description a:focus span:before{
    width:0;
  }
  .hp-05 div.items ul{list-style-type: none;padding: 0;margin: 0;display: table;width: 100%;/* table-layout: fixed; */}
  .hp-05 div.items ul li{
    display: table-cell;
    vertical-align: top;
    text-align: center;
  }
  :root {
  --animate-delay: 0.5s;
}
  .hp-05 .line{
    position: absolute;
    width: 200%;
    top: 0;
    right: 110px;
  }
  .hp-section.hp-05,.hp-05 .line{
    height: 245px;
  }
  .hp-05 div.items ul li div.icon{text-align: center;margin: auto;display: inline-block;}
  .hp-05 div.items ul li img{display: block;max-width: 90%;margin: auto;}
  .hp-05 div.items ul li .description{
    text-align: center;
    padding: 15px 0 13px;
    position: relative;

  }
  .hp-05 div.items ul li .description p{
    font-weight: 500;
    line-height: 30px;
    font-size: 19px;
    margin:0;
}
  .what-we-do .title{
    width: 25%;
    display: table-cell;
    position: relative;
    z-index: 10;
  }
    .what-we-do .title, .who-we-are .title,.hp-section.hp-11 .title-section .left .title{
         padding: 32px 0 0; 
    }
  .hp-05 .title p{
    line-height: 85px;
  }
  .hp-05 div.items ul li .description:before{
    width:40px;
    height:1px;
    content:'';
    display:inline-block;
    position: absolute;
    bottom: 0;
    background: #000;
    right: 0;
    left: 0;
    margin: auto;
  }
  .hp-section.hp-07{
    padding: 0 50px;
  }
  .post-object{margin: 0;padding: 0;display: table;width: 100%;}
  .post-object .item{display: table-cell;position: relative;background-size: cover;background-position: center;overflow: hidden;transform: scale(1) translateZ(0);}
  .post-object .item a{height: 100%;display: block;}
  .post-object .item .inside{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }
  .post-object .item div.ng{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
      transform: scale(1) translateZ(0)
  }
.post-object .item:hover div.ng{
  transform: scale(1.05) translateZ(0);
}


  
  .post-object .item .title{padding-top: 245px;padding-right: 25px;}
  .post-object .item .title span, .post-object .item .title i{
    color: #fff;
    display: block;
    text-transform: lowercase;
  }
  .post-object .item .title i{
    letter-spacing: 1px;
  }
  .hp-section.hp-08{
    padding: 190px 0 0;
  }
  ul.awards{
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
}
  ul.awards li{display: table-cell;vertical-align: top;}
  ul.awards li p{
    padding: 125px 0 0;
    margin: 0;
  }
  ul.awards li .main-title{
    background-image: url(gfx/awards.svg);
    background-repeat: no-repeat;
    background-position: top 42px right 175px;
}
  ul.awards li .main-title span{display: block;}
  ul.awards-items{display: table;width: 100%;padding: 0;margin: 135px 0 210px;}
  ul.awards-items > li{display: table-cell;vertical-align: top;width: auto;}




  ul.awards-items > li ul.item{list-style-type: none;margin: 0;padding: 0;display: table;}
  ul.awards-items > li ul.item li{display: table-cell;vertical-align: top;line-height: 30px;} 
  ul.awards-items > li ul.item li strong{
    line-height: normal;
  }
  ul.awards-items > li ul.item li p{margin: 0;padding: 0;line-height: 30px;}
  ul.awards-items > li ul.item li:first-child{
    font-weight:bold;
    padding-left: 13px;
    line-height: normal;
    line-height: 65px;
    min-width: 54px;
    text-align: left;
  }
  .hp-section.hp-09{padding: 0;background-size: 100%;background-position: center;height: 448px;position: relative;background-attachment: fixed;background-size: 120%;}
  .hp-section.hp-09 strong, .hp-section.hp-09 em,.our-team .table-cell.title strong,.our-team .table-cell.title em{padding: 0;font-weight: normal;}
  .hp-section.hp-09 em, .our-team .table-cell.title em,body .bcg .d-title.it-title{
    line-height: 35px;
    padding: 0 0 25px;
    display: block;
  }

  .hp-section.hp-09 .in{display: block;width: 100%;position: absolute;left: 0;right: 0;top: 0;margin: auto;bottom: 0;height: 225px;}
  .hp-section.hp-09 .in > p{
    display: table-cell;
    vertical-align: middle;
    font-size: 90px;
    line-height: 85px;
    color: #fff;
  }
  .hp-section.hp-09 .in > p br{
    display:none;
  }
  .hp-section.hp-10{
    padding: 100px 0 0;
  }
  .hp-section.hp-10 .in > .title{padding: 20px 0 0;}
  .hp-section.hp-10 .in > .title p{
    margin: 0;
  }
  .hp-section.hp-10 .slick-dots{margin: 0;padding: 0;text-align: center;}
  .hp-section.hp-10 .slick-dots{
    
  }
  .hp-section.hp-10 .slick-dots li{
    display: inline-block;
    padding: 0 10px;
  }
  .hp-section.hp-10 .slick-dots button{
    font-size: 0;
    border: none;
    -webkit-appearance: none;
    padding: 0;
    width: 15px;
    height: 15px;
    background: rgba(216, 216, 216, 1);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    display: block;
  }

  .hp-section.hp-10 .slider-nav{text-align: left;height: auto;position: absolute;left: 0;top: 60px;}

  .hp-section.hp-10 .slider-for{
    padding: 50px 0 90px;
    direction: ltr;
  }

  .hp-section.hp-10 .slider-nav .slick-track{
    width: 100%!important;
    text-align: left;
    display: table;
    transform: translate3d(0px, 0px, 0px)!important;
  }
  .hp-section.hp-10 .slider-nav .item{/* float: left; */display: inline-block;float: none;}
  .hp-section.hp-10 .slider-nav .item:first-child{
    /* border-left: 2px solid #000; */
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
  }
  .hp-section.hp-10 .slider-nav .item .title{
    color: rgba(13, 16, 16, 0.26);
    cursor: pointer;
    position: relative;
    padding: 0 0 5px;
  }
  .hp-section.hp-10 .slider-nav .item.slick-current .title{
    color:#000;
  }
  .hp-section.hp-10 .slider-nav .item .title:before{
    content:'';
    width: 0;
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .hp-section.hp-10 .slider-nav .item.slick-current .title:before{
    width: 100%;
  }
.share-link .txt{
  font-weight:500;
  width: 100px;
  left: 0;
}
 .join-bottom-section > .in > .table > .table-cell.main-desc p, .contact .inside .info a, .what-we-do-ip ul.items .title, .job-conten > li .title{
    font-weight: 700;
    color: #000;
  }
.contact .inside .info a[href^="tel:"]{
  font-weight: 400;
}
  .slider-for{

  }
  .slider-for .item{
    
  }
  .slider-for .item ul{margin: 0;font-size: 0;width: 100%;}
  .slider-for .item ul li{width: 33.3%;display: inline-block;text-align: center;}
  .slider-for .item ul li .out{
    text-align: center;
    vertical-align: middle;
    display: inline-block;
  }
  .slider-for .item ul li img{
    margin: 0;
    display: block;
  }
  .hp-section.hp-11{position: relative;padding: 0 0 90px;overflow: hidden;}
  .hp-section.hp-11 .y-line{
    content:'';
    position: absolute;
    width: 100%;
    height: 370px;
    top: 87px;
    z-index: 1;
  }
  .hp-section.hp-11:after{
    content:'';
    top: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    background: rgba(248, 248, 248, 1);
    z-index: 0;
  }
  .hp-section.hp-11 .title-section{display: table;width: 100%;position: relative;z-index: 100;}
  .hp-section.hp-11 .title-section > div {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
  }
  .hp-section.hp-11 .title-section .right{padding-bottom: 20px;}
  .hp-section.hp-11 .title-section .left{

  }
  .hp-section.hp-11 .title-section .right .description{padding-left: 25%;margin: 0 0 -10px;}
  .hp-section.hp-11 .title-section .right .description p{margin: 0;padding: 0;}
  .hp-section.hp-11 .title-section .left .title{}
  .hp-section.hp-11 .title-section .left .title:before{

  }
  .hp-section.hp-11 .title-section .left .title p{
    
  }

  .testimonials .in{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -40px;
  }
  .testimonials, .contact .inside{
  }
  .contact .inside{
    margin:auto;
    display: table;
    font-size: 0;
  }
.testimonials-slider{direction: ltr;}
.testimonials-slider .item{opacity: 0;visibility: hidden;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;float: left!important;direction: rtl;}
.testimonials-slider .item.slick-active{
  opacity: 1;
  visibility: visible;
}

.testimonials-slider .table > div{display: table-cell;vertical-align: middle;}
.testimonials-slider .right{width: 40%;}
.testimonials-slider .left{width: 60%;}
.testimonials-slider .right p{

}
.testimonials-slider .left img{max-height: 100%;transform: none!important;visibility: visible!important;opacity: 1!important;max-width: 100%;margin: auto;}
.testimonials-slider .left .logo{height: 50px;margin: 20px 0 0;width: 50%;}
.testimonials-slider .left .avatar{
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
}
.testimonials button,.post-object button{
  display: none!important;
  position: absolute;
  border: none;
  font-size: 0;
  padding: 0;
  width: 36px;
  height: 28px;
  margin: auto;
  background-image: url(gfx/icons_arrow_tm.svg);
  background-color: transparent;
  cursor: pointer;
  outline: none;
  top: 0;
  bottom: 0;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.testimonials button{
   top: calc(50% + 15px);
   bottom: auto;
}
.testimonials-slider .left .role,ul.team li .description,.who-we-are .description p,.job-conten > li .description > ul > li{font-weight: 200;}
.who-we-are .description p,.what-we-do-ip ul.items .description,.our-team .table-cell.description > p,.category-header .description p{
  font-size:17px;
}
.testimonials-slider .left .name{
  padding: 45px 0 20px;
  margin: 0 0 20px;
  position: relative;
}
.testimonials-slider .left .name:before{
  content:'';
  position: absolute;
  width: 75px;
  height: 1px;
  bottom: 0;
  display:block;
}
.testimonials button.slick-prev{right: -85px;transform: rotate(180deg);}

.post-object button.slick-prev{
  right: -55px;
}
.testimonials button.slick-next{
  left: -140px;
  right: auto;
  transform: rotate(0deg);
}
.post-object button.slick-next{
  left:-55px;
  transform: rotate(180deg);
}
.testimonials button.slick-disabled,.post-object button.slick-disabled{
  display:none!important;
}
.testimonials button.slick-prev:hover{
 right: -145px;
}
.testimonials button.slick-next:hover{
   left: -145px; 
}
.post-object button.slick-next:hover{
  left: -60px;
}
.post-object button.slick-prev:hover{
  right: -60px;
}
.contact .inside > div{
  display: table-cell;
  vertical-align: top;
}
.contact .inside .title{width: 48%;position: relative;padding-right: 115px;display: table-cell;}


span.arrow-a i{width: 15px;position: absolute;display: block;height: 30px;-webkit-animation: arrowend 0.2s ease-out;animation: arrowend 0.2s ease-in;left: 38px;right: auto;transform: rotate(180deg);top: -1px;}
span.arrow-a{
  width: 60px;
  height: 28px;
  display: inline-block;
  display: inline-block;
  position: absolute;
  right: 0;
}
.contact span.arrow-a i{
  top: 0;
}


span.arrow-a i:before,span.arrow-a i:after,span.arrow-a:before{content:'';height: 2px;display: inline-block;width: 18px;position: absolute;left: 0px;top: 0;}
span.arrow-a i:before{transform: rotate(45deg);top: 8px;}


span.arrow-a:before{
  top: 14px;
  margin: auto;
  right: auto;
  left: 40px;
  width: 36px;
  -webkit-animation: myend .2s ease-in;
  animation: myend .2s ease-in;
  }
span.arrow-a i:after{transform: rotate(-45deg);top: 20px;}


span.arrow-a i.black-arrow{
  
}

span.arrow-a.black-arrow{right: auto;left: 2px;top: -2px;z-index: 1;width: 22px;}



span.arrow-a.black-arrow i:before,span.arrow-a.black-arrow i:after{
  background-color: #000;
  height: 1px;
  width: 10px;
  left: 0;
}
span.arrow-a.black-arrow i:before{top: 11px;}
span.arrow-a.black-arrow i:after{
  top: 17px;
}

span.arrow-a.black-arrow:before{
  background-color: #000;
  height: 1px;
  left: 0;
  width: 20px;
}


a.more-in span.arrow-a.black-arrow:before{
  left:0px;
  -webkit-animation: myends .1s;
  animation: myends .1s; 
}
a.more-in:hover span.arrow-a.black-arrow:before{
  width:20px;
  left:-10px;
  -webkit-animation: myfirsts .3s;
  animation: myfirsts .3s; 
}


span.arrow-a.black-arrow i{
  left: -7px;
  -webkit-animation: arrowends .2s ease;
  animation: arrowends .2s ease;
  }
a.more-in:hover span.arrow-a i{
  -webkit-animation: arrowfirsts .1s ease;
  animation: arrowfirsts .1s ease;
  left:-17px;
  right:auto;
}


@keyframes arrowfirst {
    0%   {
    left:40px;
    right:auto;
    }
    100%  {
    right:auto;
    left:0;
    }
}
@keyframes arrowfirsts {
    0%   {
    left:-2px;
    right:auto;
    }
    100%  {
    right:auto;
    left:-12px;
    }
}


@keyframes arrowend {
    0%   {
    left:0px;
    right:auto;
    }
    100%  {
    right:auto;
    left:40px;
    }
}
@keyframes arrowends {
    0%   {
    left:-12px;
    right:auto;
    }
    100%  {
    right:auto;
    left:-2px;
    }
}


@keyframes myfirst {
    0%   {
    width:36px;
    left:40px;
    right:auto;
    }
    50%   {
    width:75px;
    left:0px;
    right:auto;
    }
    100%  {
    width:36px;
    right:auto;
    left:0;
    }
}

@keyframes myfirsts {
    0%   {
    width:20px;
    left:10px;
    right:auto;
    }
    50%   {
    width:30px;
    left:-10px;
    right:auto;
    }
    100%  {
    width:20px;
    right:auto;
    left:-10px;
    }
}



@keyframes myend {
    0%   {
    width:36px;
    left:0;
    right:auto;
    }
    50%   {
    width:60px;
    left:16px;
    right:auto;
    }
    100%  {
    width:36px;
    right:auto;
    left:40px;
    }
}


@keyframes myends {
    0%   {
    width:20;
    left:-10px;
    right:auto;
    }
    50%   {
    width:30px;
    left:-10px;
    right:auto;
    }
    100%  {
    width:20px;
    right:auto;
    left:0px;
    }
}
.contact .inside .info{
  width: 31%;
}
.contact .inside .address{
  width: 21%;

}
.fullteam .info .role,ul.contact-form label, .contact .inside .address,ul.contact-form input, ul.contact-form textarea{
   font-weight: 200; 
}
.contact .inside p{
  margin: 0;
  overflow: visible;
}
.contact{
  padding: 65px 0 120px;
  background: #fff;
  min-height: 245px;
  clear: both;
}

.contact .inside .title em{
  padding: 5px 0 0;
  display: block;
}
footer{bottom: -50px;top: auto;}
.category-body footer{
  bottom: 0px;
}
footer .inside{padding: 0 50px;text-align: left;height: 100%;}
ul.socials{display: table;float: left;margin: 15px 0 0;}
ul.socials li{display: table-cell;vertical-align: top;}
ul.socials li{
  padding-right: 23px;
}
footer ul.socials{
  position: absolute;
  top: 0;
  left: 50px;
}
.menu ul.socials li {
    padding-left: 23px;
    padding-right: 0;
}
.social .addtoany_list a{
  margin-right: 23px;  
}
.social .addtoany_list.a2a_kit_size_32 a{
  font-size: 0;
}
.social .addtoany_list.a2a_kit_size_32 a.a2a_button_facebook{background-image: url(gfx/icon_facebook.svg);}
.social .addtoany_list.a2a_kit_size_32 a.a2a_button_email{
  background-image: url(gfx/icon_mail.svg);  
}

.social .addtoany_list.a2a_kit_size_32 a.a2a_button_linkedin{
  background-image: url(gfx/icon_linkedin.svg);
}
.social .addtoany_list.a2a_kit_size_32 a.a2a_button_linkedin:hover{
  background-image: url(gfx/icon-linkedin-active.svg);
}
.social .addtoany_list.a2a_kit_size_32 a.a2a_button_facebook:hover{
  background-image: url(gfx/icon-facebook-active.svg);
  }
.social .addtoany_list.a2a_kit_size_32 a.a2a_button_email:hover{
  background-image: url(gfx/icon-email-active.svg);  
}
.social .addtoany_list.a2a_kit_size_32 a span{
  display:none;
}
ul.socials li a, .social .addtoany_list a{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
}
ul.socials li:hover a.visible{
  display:none;
  opacity:0;
}
ul.socials li:hover a.hidden{
  display:block;
  opacity:1;
}
ul.socials li a.hidden{display:none;opacity:0;}
footer .inside > a{
  position:absolute;
}
footer .inside > a.scrollToContent{background-repeat: no-repeat;display: block;bottom: 95px;right: 0;left: 0;margin: auto;text-align: center;background: #FFC13C -webkit-gradient(linear, right top, right bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff));background: #FFC13C linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);position: relative;width: 30px;height: 50px;border-radius: 100px;background-size: 100% 200%;-webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;font-size: 0;z-index: 1;}

.scrollToContent:before, .scrollToContent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.scrollToContent:before {
  width: 26px;
  height: 46px;
  background-color: #FFC13C;
  border-radius: 100px;
}
.scrollToContent:after {
  background-color: #ffffff;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
  animation: trackBallSlide 5s linear infinite;
  top: 10px;
}

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #FFC13C;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #FFC13C;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #FFC13C;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #FFC13C;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #FFC13C;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}















.single-post footer .inside > a.scrollToContent{
  background-image: url(gfx/icons_arrow_sc_yellow.svg);
}

footer .inside > a.scrollTotop{
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  top: 0;
  bottom: 0;
  height: 15px;
  text-align: right;
  letter-spacing: 0.06em;
  background-image: url(gfx/top_icon.svg);
  background-position: left 2px top 2px;
  background-repeat: no-repeat;
  padding: 0 2px;
  opacity: 0;
}
footer .inside > a.scrollToContent:hover{
      background-position: right 0px top -2px;
}

@keyframes move {
  0% {
    background-position: right 5px top -2px;
  }
  65% {
    background-position: right 5px top -2px;
  }
  70% {
    background-position: right 0px top -2px;
  }
  75% {
    background-position: right 5px top -2px;
  }
  80% {
    background-position: right 0px top -2px;
  }
  85% {
    background-position: right 5px top -2px;
  }
  90% {
    background-position: right 0px top -2px;
  }
}

footer .inside > a.scrollToContent.hidden{
   opacity: 0;
   bottom: -60px;
}
footer .inside > a.scrollTotop.visible{
  opacity:1;
}
footer .inside > a.scrollTotop:before{
  content:'';
  height: 1px;
  background: rgba(248, 178, 28, 1);
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.is-active footer .inside > a.scrollTotop,.is-active footer .inside > a.scrollToContent{
  opacity:0;
}
footer .inside > a.scrollTotop:hover:before{
    width: 100%;
}
section.menu{position: fixed;top: 0;width: 100%;height: 100%;background: transparent;z-index: 300000;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;pointer-events: none;}

section.menu-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 90;
    z-index: 1000000;
}
.is-active section.menu{
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 10000002;
}
.is-active section.menu-bg{
 opacity: .9;
 -webkit-transform: translateX(25%) scale(0.9);
 -moz-transform: translateX(25%) scale(0.9);
 -ms-transform: translateX(25%) scale(0.9);
 -o-transform: translateX(25%) scale(0.9);
 transform: translateX(25%) scale(0.9);
}
.menu .inside{
  display: table;
  height: 100%;
  width: calc(100% - 270px);
  background: #fff;
  z-index: 100;
  position: relative;
}
.menu .menu-wrapper{
  display: table-cell;
  vertical-align: middle;
  background: #fff;
}
.menu ul.menu{position: relative;height: auto;margin: 0;padding-right: 130px;width: auto;display: table;z-index: 130;}
.menu ul.menu li{padding: 0;display: inherit;position: relative;margin: 30px 0;}
.menu ul.menu li a{/* font-weight: 700; */display: inline-block;/* position: relative; */-webkit-transition: -webkit-transform 800ms cubic-bezier(1, 0, 0, 1) 0ms;-moz-transition: -moz-transform 800ms cubic-bezier(1, 0, 0, 1) 0ms;transition: transform 800ms cubic-bezier(1, 0, 0, 1) 0ms;-webkit-transform: translateY(110%);-moz-transform: translateY(110%);-ms-transform: translateY(110%);-o-transform: translateY(110%);transform: translateY(110%);}
.menu ul.menu li span:before{
  content:'';
  position: absolute;
  right: 0;
  width: 0;
  height: calc(100% - 12px);
  top: 3px;
  opacity: 0;
  -webkit-transform: translateX(150%);
  -moz-transform: translateX(150%);
  -ms-transform: translateX(150%);
  -o-transform: translateX(150%);
  transform: translateX(150%);
}
.menu ul.menu li span{display: inline-block;overflow: hidden;position: relative;vertical-align: middle;}
.is-active .menu ul.menu li a{-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}

.is-active .menu ul.menu li:nth-child(1) a{-webkit-transition-delay: 0ms;-moz-transition-delay: 0ms;transition-delay: 0ms;}
.is-active .menu ul.menu li:nth-child(2) a{
 -webkit-transition-delay: 50ms;
 -moz-transition-delay: 50ms;
 transition-delay: 50ms;
}
.is-active .menu ul.menu li:nth-child(3) a{-webkit-transition-delay: 100ms;-moz-transition-delay: 100ms;transition-delay: 100ms;}
.is-active .menu ul.menu li:nth-child(4) a{-webkit-transition-delay: 150ms;-moz-transition-delay: 150ms;transition-delay: 150ms;}
.is-active .menu ul.menu li:nth-child(5) a{-webkit-transition-delay: 200ms;-moz-transition-delay: 200ms;transition-delay: 200ms;}
.is-active .menu ul.menu li:nth-child(6){
 animation-delay: 0.6s; 
}


.is-active .menu ul.menu li.current-menu-item span:before{
  /* width:102%; */
  /* opacity: 1;*/
  /* -webkit-transform: translateX(-0%);*/
  /* -moz-transform: translateX(-0%);*/
  /* -ms-transform: translateX(-0%);*/
  /* -o-transform: translateX(-0%);*/
  /* transform: translateX(-0%);*/
 /*  -webkit-transition-delay: 800ms;*/
  /* -moz-transition-delay: 800ms;*/
  /* transition-delay: 800ms;*/
}

.is-active .menu.hide-current ul.menu li.current-menu-item span:before{
   /* width:0!important; */
   /* -webkit-transition-delay: 0ms!important; */
   /* -moz-transition-delay: 0ms!important; */
   /* transition-delay: 0ms!important; */
}
.is-active .menu ul.menu li span.active-span:before{
   width:102%;
  opacity: 1;
  -webkit-transform: translateX(-0%);
  -moz-transform: translateX(-0%);
  -ms-transform: translateX(-0%);
  -o-transform: translateX(-0%);
  transform: translateX(-0%); 
    -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}
.is-active .menu ul.menu li span.active-span a{
  color:#000!important;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay:0ms;
  transition-delay: 0ms;
}
.is-active .menu.hide-current ul.menu li.current-menu-item span:before{
  /* width:0!important; */
  /* -webkit-transition-delay: 0ms!important; */
  /* -moz-transition-delay: 0ms!important; */
  /* transition-delay: 0ms!important; */
}


.is-active .menu ul.menu li:hover a{
  color:#666;
      -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay:0ms;
    transition-delay: 0ms;
}
.is-active .menu ul.menu li.current-menu-item:hover a{
  color:#000;
}


.disactives ul.menu li.current-menu-item span:before,ul.menu.hide-current li.current-menu-item span:before{
  /* w/* idth:0!important; */
      -webkit-transition-delay: 0ms!important; */
   /*  -moz-transition-delay: 0ms!important; */
   /*  transition-delay: 0ms!important; */
}

.menu ul.menu li:focus span:before{
  width:0;
}

img.triangle {
    width: 110px;
    height: 110px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 6000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 6000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 6000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}
img.triangle01 {
    width: 105px;
    height: 105px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}
img.triangle02 {
    width: 65px;
    height: 65px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 5000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 5000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}

img.triangle03 {
    width: 71px;
    height: 73px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 5500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 5500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 5500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}
img.triangle04 {
    width: 48px;
    height: 49px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 6500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 6500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 6500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 6500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}

img.triangle05 {
    width: 46px;
    height: 45px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 7500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 7500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 7500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 7500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}

img.triangle06 {
    width: 21px;
    height: 24px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 7000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 7000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 7000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 7000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute!important;
    z-index: 120;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.play{
  text-align: left;
  letter-spacing: 0.22em;
  left: 0;
  position: absolute;
  cursor: pointer;
  bottom: -60px;
}
.play:hover:before{
  width:100%;
}
.play:focus:before{
  width:0%;
}
.play:before{
  content:'';
  position: absolute;
  width: 0;
  height: 100%;
  background: rgba(255,255,255,.5);
  z-index: 0;
  top: -2px;
  right: -5px;
}
.play figure{
      display: inline;
    padding: 0;
    margin: 0;
    position: relative;
}
.play span{width: 0px;height: 0px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 9px solid #000;display: inline-block;position: relative;}
.play span:nth-child(1){border-right: 9px solid rgba(0,0,0,.2);}
.play span:nth-child(2){
  border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3){
  margin-left: 10px;
  border-right: 9px solid rgba(0,0,0,1);
}
.about-header .description{padding-right: 150px;color: #fff;vertical-align: middle;}
.about-header{
  overflow: hidden;
}
.about-header > .in{
  position: inherit;
}
.about-header .description p{
  margin: 0;
  padding: 0;
}
.about-header .description p span{
  padding: 35px 0 0;
  display:block;
}
.about-header .title{
  vertical-align: middle;
}
.about-header .line{
  position: absolute;
  height: 100%;
  width: 67%;
  top: 0;
  left: 0;
  right: auto;
}
.what-we-do-ip, .about-header, .our-team{
background-color:rgba(248, 248, 248, 1);
}

.what-we-do-ip{
  padding: 140px 0;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description{
  width: 220px;
  display: block;
}
.what-we-do-ip .description{
  font-weight: 600;
}
.what-we-do-ip h2{
  padding: 45px 0 0;
}
.our-culture h2{
  padding: 30px 0 0;
  max-width: 290px;
}
.what-we-do-ip .description p{
  margin: 0;
  padding: 15px 0 0;
}
.what-we-do-ip ul.items{position: absolute;top: 15px;right: 395px;font-size: 0;width: 80%;}
.what-we-do-ip ul.items li{
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-left: 70px;
  padding-bottom: 80px;
}
ul.awards-items > li:nth-child(1),.what-we-do-ip ul.items li:nth-child(1),.culture .item:nth-child(1),.hp-05 div.items ul li:nth-child(1){
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
ul.awards-items > li:nth-child(2),.what-we-do-ip ul.items li:nth-child(2),.culture .item:nth-child(2),.hp-05 div.items ul li:nth-child(2){
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
  ul.awards-items > li:nth-child(3),.what-we-do-ip ul.items li:nth-child(3),.culture .item:nth-child(3),.hp-05 div.items ul li:nth-child(3)
{
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
  ul.awards-items > li:nth-child(4),.what-we-do-ip ul.items li:nth-child(4),.culture .item:nth-child(4),.hp-05 div.items ul li:nth-child(4)
{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
  ul.awards-items > li:nth-child(5),.what-we-do-ip ul.items li:nth-child(5),.culture .item:nth-child(5),.hp-05 div.items ul li:nth-child(5) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
  ul.awards-items > li:nth-child(6),.what-we-do-ip ul.items li:nth-child(5,.culture .item:nth-child(6)),.hp-05 div.items ul li:nth-child(6) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.what-we-do-ip ul.items .icon{height: 65px;}
.what-we-do-ip ul.items .icon img{
  max-height: 100%;
}
.what-we-do-ip ul.items .title{
  white-space: nowrap;
  padding: 20px 0 15px;
}
.what-we-do-ip ul.items .description,.our-team .table-cell.description > p,.category-header .description p{
  font-weight: 400;
  line-height: 24px;
}
.our-team{
  padding: 170px 0 0;
  position: relative;
  text-align: center;
  margin-top: 80px;
  overflow: hidden;
}
body .d-title.it-title{
  text-transform:none;
  padding: 0;
  line-height: 45px;
}
.our-team .table-cell.title{position: relative;z-index: 10;vertical-align: top;}
.our-team .table-cell.title p{
  margin: 0;
  padding: 0;
}

.our-team .table-cell.title p br{
  display:none;
}
.our-team .table-cell.title em{padding: 0 0 12px;margin: -15px 0 0;}
.our-team .table-cell.description{position: relative;z-index: 10;padding-right: 150px;padding-top: 85px;}

.our-team .table-cell.description .title-ds{

}
 body .d-title.it-title{
   
 }
.our-team .table-cell.description .title-ds p{margin: 0;}
.our-team .table-cell.description > p{
  margin: 0;
  padding: 30px 0 0;
}
.our-team .a-line{position: absolute;height: 210px;top: 0;width: 100%;}
ul.team{margin: 0;padding: 125px 0 50px;display: inline-block;font-size: 0;text-align: right;}
ul.team li{
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 51px 100px;
  text-align: center;
}
ul.team .sitem{position: relative;}
ul.team .sitem:before{
  content:
  '';
  background-image: url(gfx/team-arrow.svg);
  width: 15px;
  height: 12px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -17px;
  transform: rotate(180deg);
}
ul.team li .icon:before{
  display:none;
}
ul.team li .thumb{
  cursor:pointer;
  /* overflow: hidden; */
}
ul.team li .title{
  padding: 20px 0 15px;
  font-weight: 700;
  pointer-events: none;
}
ul.team li .icon{
  width: 135px;
  height: 135px;
  display: inline-block;
  /* overflow: hidden; */
  border-radius: 50%;
  pointer-events: none;
  /* background-color: #fff; */
}
ul.team li .thumb:hover .title,ul.team li .thumb:hover .description{
  opacity:.5;
}
ul.team li .icon img{
  max-width: 100%;
  /* transform: translateY(0%) scale(1); */
}

ul.team li .description{
  white-space: nowrap;
  pointer-events: none;
}
.our-team .table{
  text-align:right;
}
.fullteam{opacity: 1;visibility: visible;pointer-events: auto;position: fixed;top: 0;right: 0;z-index: 300000000;width: 100%;height: 100%;cursor: url(gfx/back.png), auto;display: none;overflow: hidden;}
.fullteam.active{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  display: block;
}
.fullteam .back{

}
.fullteam .image{width: 365px;}
.fullteam .table{height: 100%;}
.fullteam img{width: 100%;}
.fullteam .info{padding-right: 135px;}
.fullteam .info .title{padding: 0;letter-spacing: 0.04em;line-height: 91px;}
.fullteam .info .role{padding: 25px 0 45px;}
.fullteam .info .description p{
  color: #fff;
  margin: 0;
}


.fulltrip{
  position: fixed;
  z-index: 100000000;
  top: 0;
  right: 0;
  background: #f8f8f8;
  height: 100vh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* display: none; */
  -webkit-transform: translateY(125px);
  transform: translateY(125px);
}
.fulltrip .inside{
  overflow-y: scroll;
  position: fixed;
  height: 100vh;
  left: 0;
  right: 0;
  width: 100%;
}
.fulltrip .layer{
  /* position: absolute; */
  /* height: 100%; */
  /* background: transparent; */
  /* width: 100%; */
  /* cursor: url(gfx/back-yellow.png), auto; */
  /* z-index: 1; */
  /* background: #000; */
}
.fulltrip .back-bg{
  /* cursor: url(gfx/back-yellow.png), auto; */
  /* position: absolute; */
  /* width: 100%; */
  /* z-index: 10; */
  /* top: 0; */
  /* height: 100%; */
  /* overflow-y: scroll; */
}
.fulltrip.active,.fulltrip.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  display: block;
  height: 100vh;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.fulltrip .top-title{
  height: auto;
  padding: 170px 0 210px;
  position: relative;
  z-index: 0;
}
.fulltrip .top-title > .table > .table-cell:first-child{width: 40%;vertical-align: bottom;}
.fulltrip .top-title > .table > .table-cell:first-child i{
  font-style: normal;
  display: inline-block;
  padding: 0;
  line-height: normal;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 0;
}
.fulltrip .top-title > .table > .table-cell:first-child .title p{
  margin: 0;
  display: inline;
}
.fulltrip .top-title > .table > .table-cell:last-child{
  vertical-align: bottom;
  padding-right: 200px;
}
.fulltrip .top-title > .table > .table-cell:last-child p{
  margin:0;
}
.culture-in{width: 1210px;margin: auto;display: table;padding-top: 0;}
.culture-in .table-cell{vertical-align: top;}
.culture-in .table-cell.title{min-width: 200px;padding-top: 70px;}
.culture-in .table-cell.gallery-cell{
  padding-right: 0;
  width: 100%;
}
.culture-in .table-cell.title > div{
  padding-left: 30%;
}
.culture-in .table-cell.gallery-cell .gallery-in{vertical-align: top;display: table-cell;    
-webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;column-gap: 160px;}

.culture-in .table-cell.gallery-cell .gallery-out{
  display: table;
  width: 100%;
  table-layout: fixed;
}
.culture-in .table-cell.gallery-cell .gallery-in a{
    margin-bottom: 130px;
}
.culture-in .table-cell.gallery-cell .gallery-in a:nth-child(5){
}


.culture-in .table-cell.gallery-cell .gallery-in img{
  max-width: 100%;
  display: block;
  min-width: 100%;
}
.culture-in .table-cell.gallery-cell a{
  pointer-events: auto;
  display: inline-block;
  pointer-events: none;
  width: 100%;
}
.culture-in .table-cell.gallery-cell .gallery-in a:last-child{
  /* margin: 0; */
}
.video-sec{
  clear: both;
  padding-bottom: 140px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.video-p,.hiddenvideo{
  height: 535px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  cursor: pointer;
  background-size: cover;
}
.grid-three .video-p{
  height:auto;
}
.grid-three .video-p.active i{
  opacity:0;
  visibility:hidden;

}
.grid-three .video-p .play-section{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: none;
}
.grid-three .video-p.active .play-section{
  display:block;
  cursor: url(gfx/pause.svg), auto;
}
.hiddenvideo video,.hiddenvideo iframe{
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  max-height: 100%;
  background-color: #000;
}
.video-p i{width: 103px;height: 103px;position: absolute;right: 0;left: 0;bottom: 0;top: 0;margin: auto;background-color: rgba(255, 255, 255, .84);border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.27);z-index: 1;}
.video-p i:before{
  content:'';
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 24px solid rgba(248, 178, 28, 1);
  border-bottom: 16px solid transparent;
  position: absolute;
  right: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video-p i:hover{
 background-color:  rgba(255, 255, 255, 1);
 box-shadow: 0px 11px 28px 0px rgba(0, 0, 0, 0.27);
}
.culture-in .table-cell.gallery-cell a:nth-child(4n),.culture-in .table-cell.gallery-cell a:nth-child(6n){
  margin-top: 0;
}
.our-culture .table-cell{
  vertical-align: bottom;
  width: 550px;
}
.our-culture .table-cell .title-ds{
  padding: 0 0 15px;
}
.our-culture .table-cell p{
  margin:0;
}
.culture{padding: 55px 0 90px;text-align: center;width: 1110px;margin: auto;direction: ltr;}

.culture .thumb{
  height: 370px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
  text-align: right;
}
.culture .thumb:before{
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0,0,0,0);
}
.culture .thumb:after{
  content:'';
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#070101+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(top,  rgba(7,1,1,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(7,1,1,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(7,1,1,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00070101', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 50%;
  display: block;
  bottom: 0;
}
.culture .slick-arrow{position: absolute;top: 0;bottom: 0;margin: auto;height: 28px;width: 36px;padding: 0;border: none;-webkit-appearance: none;background-color: transparent;font-size: 0;background-image: url(gfx/culture-arrows.svg);background-size: auto;background-position: center;background-repeat: no-repeat;}
.culture .slick-arrow.slick-prev{
  right: -45px;
  transform: rotate(180deg);
}
.slick-arrow.slick-disabled{
  display:none!important;
}
.culture .slick-arrow.slick-next{
  left: -45px;
  transform: rotate(0deg);
}
.culture .thumb:hover:before{
  background:rgba(0,0,0,0.85);
}
.culture .slick-arrow.slick-next:hover{
  left: -50px;
}
.culture .slick-arrow.slick-prev:hover{
  right: -50px; 
}
.culture .thumb:hover .content{
  bottom:35px;
}
.culture .item{
  padding: 0 13px;
  width: 275px;
  float: left!important;
}
.culture .thumb .content{padding: 0 25px;position: absolute;width: 100%;bottom: -22px;z-index: 1;}
.culture .thumb .content .title{
  padding-left: 40%;
  color: #fff;
  width: auto;
}
.culture .thumb .content .link:hover i{
   left: -5px;
}
.culture .thumb .content .link{
  letter-spacing: 0.05em;
  margin-top: 26px;
  display: inline-block;
  position: relative;
  padding-left: 35px;
}
.culture .thumb .content .link i{
  display: inline-block;
  height: 16px;
  background-image: url(gfx/culture-arrow-in.svg);
  width: 20px;
  position: absolute;
  top: 4px;
  left: 0;
  margin: auto;
  background-size: auto;
  transform: rotate(180deg);
}






.category-header{
  height: 480px;
  background-color: rgba(248, 248, 248, 1);
}
.category-header .table{
  padding-top: 170px;
}
.category-header .title{vertical-align: top;padding: 32px 0;width: 65%;}
.category-header .title div.title{
  max-width: 200px;
  padding: 28px 0 0;
}
.category-header .description{vertical-align: top;padding: 100px 0 0;}
.category-header .description em{
  letter-spacing:0;
  display: inline;
  padding-right: 10px;
}
.category-header .description p:first-child{
  display: inline-block;
  line-height: 32px;
  padding-left: 30%;
}
.category-header .description p{
  margin: 0 0 10px;
}
/* =Preloader */
#preloader {
  position: absolute;
  width: 100%;
  z-index: 100000;
  background-color: #fff;
  color: #000;
  top: 0;
  right: 0;
  overflow: hidden;
  }

#preloader,.hp-section.hp-02{
   height: 100vh;
   display: none;
}
  .loaded #preloader{
  display: none!important;
  }
  #preloader .txt {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    }
  #preloader .txt-perc {
    font-size: 35px;
    font-family: 'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif;
    opacity: 1;
    margin: 0 0 6px 0;
    max-width: 400px;
    text-align: center; }
  #preloader .progress {
    width: 200px;
    height: 2px;
    background-color: rgba(233, 233, 233, 1);
    margin: 0 auto 15px auto;
    margin: 35px 0 0;
    }
    #preloader .progress span {
      display: block;
      width: 0;
      height: 100%;
      background-color: rgba(248, 178, 28, 1);
      }
  #preloader.is-hidden {
    visibility: hidden;
    opacity: 0; }

#preloader .logo{display: inline-block;/* position: relative; */}
#preloader .logo img{
  display: block;
}
#preloader .logo span{
       width: 0;
       height: 0;
       border-top: 17px solid transparent;
       border-right: 11px solid #f8b21c;
       border-bottom: 17px solid transparent;
       display: inline-block;
       position: absolute;
       right: 39px;
}
#preloader .logo span.rectangular{
  background: rgba(248, 178, 28, 1);
  width: 23px;
  height: 23px;
  border: none;
  transform: rotate(45deg);
  z-index: 11;
  right: 28px;
  top: 5px;
  opacity: 0;
  /* background: #000; */
}
#preloader .logo span.right{
  z-index: 2;
}
#preloader .logo span.right{
  border-right: 11px solid #fff;
  right: 39px;
}
#preloader .logo span.center{
       border-right: 11px solid #f8b21c;
       z-index: 1;
}
#preloader .slogan, #preloader .loading, #preloader .f-letter{
  letter-spacing: 0.3em;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
#preloader .loading{
  text-align: center;
  font-size: 14px;
  color: rgb(138, 138, 138);
  padding: 10px 0 0;
}

#preloader .f-letter{
  text-align:right;
  transform: matrix(1, 0, 0, 1, 0, -100);
  color: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
}

.is-loading {
  overflow: hidden; }

/****************Portfolio*******************/
.container {
	position: relative;
	margin: 0 50px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	min-height: 685px;
	background-color: rgba(248, 248, 248, 1);
}

#filters {
	margin: 0 auto 0;
	padding:0;
	list-style:none;
	height: auto;
	text-align: center;
	display: table;
}

nav.filter-nav{
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 44px;
}

  nav.filter-nav .line{ 
    height: 2px;
    position: absolute;
    bottom: 0;
    margin: 10px 0 0 0;
    background: #FF1847;
   }
  nav.filter-nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
    /* display: flex; */
  }
  nav.filter-nav ul li {
       margin: 0;
       opacity: .4;
       transition: all 0.4s ease;
  }
nav.filter-nav ul li:hover{
        opacity: .7;

}
nav.filter-nav ul li.active{
        opacity: 1;

}
nav.filter-nav ul li:last-child{
          margin-left: 0;

}
nav.filter-nav ul li a{
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        letter-spacing: .2em;
        font-size: 14px  ;
}

	#filters li {
		float: none;
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	
	#filters li span {
		display: block;
		padding: 0 25px;
		text-decoration:none;
		color: #000;
		cursor: pointer;
		position: relative;
		opacity: .5;
		white-space: nowrap;
	}
	body nav.filter-nav .line{
	  margin: 0;
	  bottom: 5px;
	}
	#filters.ac li span:before{
	  height:2px;
	  content:'';
	  background: transparent;
	  position: absolute;
	  bottom: 0;
	  width: 0;
	  display: inline-block;
	  right: 0;
	  left: 0;
	  margin: auto;
	}
	
	#filters li.active span,#filters li span:hover {opacity: 1;}
 
#filters li span.active:before{
 width:100%; 
}
 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 33.3%;
	margin: 0;
	overflow:hidden;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	float: right;
}

	.portfolio-wrapper {
		overflow: hidden;
		position: relative !important;
		cursor:pointer;
		background-position: center;
		background-size: cover;
	}
	.portfolio-wrapper:before{
	  content:'';
	  background: rgba(23, 23, 23, .8);
	  position: absolute;
	  width: 105%;
	  height: 105%;
	  display: block;
	  z-index: 1;
	  opacity: 0;
	  right: 0;
	  top: 0;
	}
.portfolio-wrapper:after{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+2,0.5+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}
	.portfolio img {
		max-width:100%;
		position: relative;
		top:0;
		-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
		transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
		height: 0;
		display: block;
	}
.portfolio img.logo{
  height: auto;
  max-width: 150px;
  position: absolute;
  z-index: 10;
  right: 40px;
  top: 20px;
  max-height: 50px;
}
	.portfolio-wrapper{
	  height:320px;
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height: 130px;
		bottom: -59px;
		-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
		transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}


	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding: 0 40px;
		}
		.portfolio .label-text .text-title, .portfolio .label-text span{
		  color:#fff;
		  text-transform: none;
		}
			
			.portfolio .text-category,.portfolio .text-slug {
				display:block;
				text-transform: capitalize;
			}
			.portfolio .text-slug{
			  padding: 18px 0 0;
			  opacity: 0;
			}
	
	.portfolio:hover .label {
    bottom:0;
  }
.portfolio:hover .label .text-slug{
  opacity:1;
}

  .portfolio:hover .portfolio-wrapper:before{
    opacity:.95;
  }





.contact-page,.thank-you{
  height: calc(100vh - 100px);
  width: calc(100% - 100px);
  display: table;
  margin: 0 50px;
  position: relative;
}
.contact-page > div{
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.contact-page > div.left{width: 25%;background-color: rgba(248, 178, 28, 1);padding-top: 70px;padding: 70px 60px;vertical-align: top;position: relative;}
.contact-page > div.center{width: 25%;padding: 50px;}
.contact-page > div.map #map_canvas{
  width: 100%;
  height: 100%;
}
ul.contact-form{width: 100%;margin: 0;direction: rtl;}
ul.contact-form input,ul.contact-form textarea{width: 100%;background: transparent;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid rgba(0, 0, 0, 1);}
ul.contact-form div.input{position: relative;height: 55px;display: table-cell;vertical-align: bottom;width: 100%;}
ul.contact-form li{
  padding: 0 0 50px;
  display: table;
  width: 100%;
}
ul.contact-form p{
  margin:0;
}
ul.contact-form li.email{
  padding:0 0 60px;
}
ul.contact-form li:nth-child(4){
  padding: 0 0 45px;
}
  

ul.contact-form li:last-child{
  padding:0;
}
ul.contact-form input.wpcf7-not-valid{
  border-bottom: 1px solid rgba(255, 0, 66, 1);
}
ul.contact-form .black input.wpcf7-not-valid{
   border-bottom: 1px solid #000; 
}
body .black.active span.wpcf7-not-valid-tip{
  opacity: 0;
  visibility: hidden;
}
ul.contact-form li:first-child{

}
ul.contact-form li:first-child > div:first-child{padding-left: 8px;width: 50%;}
ul.contact-form li:first-child > div:last-child{
  padding-right: 8px;
  width: 50%;
}
body .ajax-loader{
  display: none!important;
}
ul.contact-form input, ul.contact-form textarea{height: 30px;-webkit-appearance: none;}
ul.contact-form div.input:focus,ul.contact-form input, ul.contact-form textarea:focus{
  outline:none
}
ul.contact-form .active input, ul.contact-form .active textarea{
  font-weight: 700;
}
.video-section .inside .description span{
  display: block;
}
.video-section .inside .description span i{
  width: 15px;
  height: 15px;
  display: inline-block;
  background-image: url(gfx/time.svg);
  margin-left: 7px;
  background-repeat: no-repeat;
  background-position: center;
}
ul.contact-form .active input:focus{
  border-bottom:2px solid #000;
}
ul.contact-form .active textarea:focus{
   border:2px solid #000; 
}
ul.contact-form .active label{
  bottom: 30px;
}
ul.contact-form label{
  position: absolute;
  bottom: 15px;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
}
ul.contact-form .message label{
  bottom: auto;
  top: 20px;
  right: 20px;
}
ul.contact-form .message.active label{
  opacity:0;
  visibility:hidden;
}
ul.contact-form textarea{
  border: 1px solid #000;
  height: 156px;
  padding: 20px;
  resize: none;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors, body .failed div.wpcf7-response-output{cursor: pointer;border: none;background: #000;color: #fff;padding: 12px 0 10px;height: auto;letter-spacing: 0.06em;}
ul.contact-form input[type="submit"]:hover,ul.contact-form input[type="submit"]:focus{
  background: #5c5c5c;
}
ul.contact-form input[type="submit"].shake{
  background-color:#f8f8f8;
}
body div.wpcf7-response-output{
  display: none!important;
}
body div.wpcf7-validation-errors, body .failed div.wpcf7-response-output{
  display: block!important;
  position: absolute;
  bottom: 0;
  border: none;
  margin: 0;
  /* padding: 0; */
  width: 100%;
  text-align: center;
  height: 52px;
  pointer-events: none;
  line-height: 32px;
  bottom: 0px;
  pointer-events: none;
}

body div.wpcf7-validation-errors.hidden{
    display: none!important;
}
form {
  position:relative;
}
body div.wpcf7-validation-errors, body .failed div.wpcf7-response-output{
  background-color: rgba(255, 0, 66, 1);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px rgba(248, 248, 248, 1)
 inset !important;
}

body span.wpcf7-not-valid-tip{
  color: rgba(255, 0, 66, 1);
  text-transform: lowercase;
  position: absolute;
  bottom: -25px;
}
.thank-you{position: fixed;z-index: 300000;top: 50px;background-color: rgba(248, 178, 28, 1);opacity: 0;visibility: hidden;pointer-events: none;}
.thank-you > .table{height: 100%;}
.thank-you > .table > .table-cell .table{table-layout: fixed;display: table;}
.thank-you.active{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.thank-you > .table > .table-cell .table-cell .thanks{display: inline;}
.thank-you > .table > .table-cell .table-cell .name{display: inline;}
.thank-you > .table > .table-cell .table-cell .description{padding: 40px 0 0;color: #fff;}
.thank-you > .table > .table-cell .table-cell .description p{margin: 0;padding: 0;color: #fff;}
.thank-you > .table > .table-cell .table-cell .image{text-align: left;}
.thank-you > .table > .table-cell .table-cell img{
  display: inline-block;
  margin: auto;
}
.work-header .table{
  height: 100%;
}
.work-header .logo{width: 135px;height: 40px;position: absolute;top: 95px;right: 0;text-align: right;}
.work-header img{max-width: fit-content;display: inline-block;max-height: 100%;margin: auto;float: right;}
.work-header h1{color: #fff;}
.work-header h2{color: #fff;}
.work-header .category{
  color: #fff;
  opacity: .67;
  position: absolute;
  bottom: 70px;
}
.work-header.show-gradient:before{
  content:'';
  background-color: rgba(0,0,0,0);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(right,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
  z-index: 1;
}
.work-header{
  position:relative;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.work-header video{
  position: absolute;
  z-index: 0;
  object-fit: contain;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  max-height: 100%;
}
.work-about{padding: 58px 0 90px;margin-bottom: 30px;}
.work-about ul.list{display: table;width: 100%;table-layout: fixed;}
.work-about ul.list li{display: table-cell;vertical-align: top;}
.work-about ul.list li p,.work-about ul.list li div,.work-about ul.list li span{
    color: #fff;
}
.work-about ul.list li .icon{height: 34px;margin: 0 0 7px;}
.work-about ul.list li .title{padding-bottom: 14px;}
.work-about ul.list li:nth-child(1){width: 55%;}
.work-about ul.list li:nth-child(2){
  width: 25%;
}
.work-about ul.list li:nth-child(3){
  
}
.work-about ul.list li .desc{padding-left: 80px;}
.work-about ul.list li:last-child .desc{
  padding:0;
}
.work-about ul.list li img{

}
.work-about ul.list li p{
  margin: 0;
  padding-bottom: 10px;
}
.grid-image-text,.grid-image-text .in{min-height: 635px;position: relative;padding-top: 0;}
.grid-image-text .image{width: 50%;vertical-align: middle;height: 100%;}
.grid-image-text .content{
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.grid-image-text .grid-image .table-cell{
  text-align: left;
  padding-left: 120px;
  height: 100%;
}
.grid-image-text .grid-image .table-cell img{
  max-width: 635px;
}
.grid-text-image .grid-image .table-cell {
    text-align: right;
    padding-left:0px;
    padding-right: 0;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li{
  margin: 0;
  line-height: 30px;
}

.grid-image-text .in{display: table;position: absolute;top: 50%;left: 0;right: 50%;margin: auto;bottom: auto;transform: translate(-50%, -50%);z-index: 10000;}
.grid-image-text .in > div{display: table-cell;vertical-align: middle;}

.grid-image-text .in > div.image{

}
.grid-image-text .in > div img{
  max-width: 100%;
}
.grid-image-text .content h2{

}
.grid-image-text .in .desc{
  padding-top: 25px;
  max-width: 400px;
}
.grid-image-text .content h2 p{
  margin: 0;
}
.grid-image{position: absolute;display: table;right: 0;width: 100%;height: 100%;font-size: 0;}
.grid-image-text .in{
  
}
.grid-image.video-grid{
  z-index: 100;
}
.grid-image > div{
  width: 50%;
  display: table-cell;
  text-align: center;
  position: relative;
}
.grid-image > div video,.grid-image > div iframe{
  object-fit: contain;
  max-width: 100%;
  max-height: 635px;
  margin: 0;
  display: block;
}
.grid-image > div iframe{
  width: 100%;
  min-height: 635px;
}

.grid-three{padding-top: 245px;padding-bottom: 100px;position: relative;text-align: center;}

.grid-three div,.grid-three span{
  text-align:right;
}
.grid-three .title{width: 100%;display: table-cell;}
.grid-three .description{vertical-align: top;display: table-cell;}
.grid-three .top{padding-bottom: 90px;}
.grid-three .gallery{text-align: center;padding: 35px 0;animation-direction: alternate;}
.grid-three .gallery img{
  display: block;
  margin: auto;
  max-width: 185%;
}
.grid-three .gallery.contain img{
  max-width: 100%;
}
.grid-three video{
  width: 100%;
  margin: auto;
}
.grid-three iframe{
  width: 100%;
  height: auto;
  min-height: 600px;
}
.video-section{padding: 230px 0 0;}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside,.testimonials, .contact .inside{width: 1100px;margin: 0 auto;position: relative;}
.video-section .inside .description{background: #fff;box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);padding: 0 80px 80px;min-height: 315px;}
.video-section .inside .video-sec, .video-sec-out .title{position: absolute;width: 395px;height: 395px;left: 0;top: 0;bottom: 0;margin: auto;}
.video-section .title{text-align: center;color: #fff;letter-spacing: 0.04em;display: inline-block;padding: 10px 25px;}
.video-section .inside .description .desc{
  padding: 65px 0 40px;
  width: 50%;
}
.video-section .inside .description .desc p{
  margin:0;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe{
  height: 395px;
  min-height: auto;
}
.video-section .video-p i{width: 65px;height: 65px;}
.video-section .video-p i:before{
  border-top: 12px solid transparent;
  border-right: 18px solid rgb(0, 0, 0);
  border-bottom: 12px solid transparent;
}
.one-image{padding: 40px 0;text-align: center;}
.one-image img{
  display: inline-block;
  margin: auto;
}
.three_columns{padding: 74px 0 0;}
.three_columns .top{display: table;}
.three_columns .top .title{display: table-cell;vertical-align: top;width: 43%;padding-left: 220px;}
.three_columns .top .description{display: table-cell;vertical-align: top;}
.three_columns .top .description p{
  margin: 0;
}
.three_columns ul.list{display: table;margin-top: 70px;table-layout: fixed;}
.three_columns ul.list li{
  display: table-cell;
  padding-left: 80px;
  width: 37%;
}
.three_columns ul.list li:last-child{
  padding:0;
  width: 24%;
}
.three_columns ul.list li i{
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 50%;
  margin-bottom: 30px;
}
  .testimonials{margin: 85px auto 0;background: #fff;position: relative;min-height: 280px;z-index: 10;}

.conversion_rates{margin: 160px auto -70px;}
.conversion_rates .inside{padding: 65px 75px;}
.conversion_rates .inside .right{
  width: 50%;
  display: table-cell;
}
.conversion_rates .inside .right{
  vertical-align: middle;
  display: table-cell;
}
.conversion_rates .inside .left .title{color: #fff;padding-bottom: 60px;}
.conversion_rates .inside .left .description{color: #fff;padding-left: 50px;}
.conversion_rates .inside .list{display: table;width: 100%;margin: 0;}
.conversion_rates .inside .list li{
  display: table-cell;
  vertical-align: top;
  color: #fff;
}
.conversion_rates .inside .list li span,.conversion_rates .inside .list li i{
  color: #fff;
  display: block;
  padding: 0;
}
.conversion_rates .inside .list li span{
  line-height: 90px;
  padding-top: 15px;
}
.conversion_rates .inside .list li i{
  padding: 0 15px;
}
.testimonials_section{
  padding-top: 140px;
  position: relative;
  margin-top: 230px;
  overflow: hidden;
}
.testimonials_section .testimonials{margin: 0 auto 60px;}
.testimonials_section .line{
  position: absolute;
  height: 290px;
  width: 100%;
  top: 0;
  overflow: hidden;
}
.testimonials{
  box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.more_works{
    padding-top: 60px;
}
.more_works .portfolio .label{
  bottom: -15px;
}
.more_works .item a:hover .label{
   bottom: 15px; 
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.more_works .inside{
  position: relative;
}
.more_works .title{position: relative;padding-top: 15px;}
.more_works > .inside > .title:before{
  content:'';
  width: 100px;
  height: 3px;
  display: block;
  position: absolute;
  top: 0;
}
.more_works .post-object{
  margin: 30px 0 88px;
}
.more_works .post-object .item{
  height: 282px;
}
.more_works .title p{margin: 0;padding: 0;}
.more_works .title em{text-transform: none;}

.more_works .post-object .item .title {
    padding-top: 215px;
}
.more_works .post-object .item .title span{
  margin-bottom: -10px;
}

textarea::-webkit-scrollbar {
    width: 5px;
}
 
textarea::-webkit-scrollbar-track {
   background-color:rgba(234, 234, 234, 1);
    border-radius: 3px;
    margin:5px;
    }
 
textarea::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color:rgba(246, 178, 30, 1);
    

}
.join-top-section{margin-top: 50px;}
.join-top-section .table{

}
.join-top-section .table .table-cell{
  
}
.join-top-section .table .table-cell .title{
  padding-left: 60%;
  padding-top: 35px;
  letter-spacing: 0.02em;
  z-index: 1;
}
.join-top-section .back-section{height: 100%;display: table;width: 100%;}
.join-top-section .back-section .table-row{
  height: 50%;
  display: table-row;
}
.join-top-section .back-section .table-row.active{

}
.join-top-section .back-section .table-row .table{height: 100%;padding: 0 50px;}
.join-top-section .back-section .table-row .table-cell{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 50%;
  display: table-cell;
  position: relative;
}
.join-top-section .back-section .table-row .table-cell video{
    min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  z-index: 9999999;
}
.join-top-section .in{position: absolute;top: 0;right: 0;left: 0;}
.join-top-section .in .table{height: 100%;}
.join-top-section .in .table-cell{

}
.join-top-section .in .title{
  
}
.join-bottom-section .in{padding: 0;}
.join-bottom-section > .in > .table{
  
}
.join-bottom-section > .in > .table > .table-cell{
  vertical-align: top;
}
.join-bottom-section > .in > .table > .table-cell.main-desc{
  width: 34%;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p{
  margin: 0;
  padding: 70px 0 0;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p em{
  display:block;
  letter-spacing: normal;
}

.jobs{
  padding: 50px 0;
  margin: 0;
}
.jobs > li{
  border-top: 1px solid rgba(0,0,0,.3);
  padding: 10px 0;
}
.jobs > li:last-child{
  border-bottom: 1px solid rgba(0,0,0,.3);
}

.jobs > li > div.main-title{
  padding: 15px 25px;
  line-height: 19px;
  cursor: pointer;
}
.jobs > li > div.main-title.active,.jobs > li > div.main-title:hover{
  /* border-bottom:1px solid transparent; */
  background-color: rgba(0, 0, 0, 0.05);
}
.jobs > li > div.main-title div{display: inline-block;float: right;padding-left: 27px;min-width: 44px;}
.jobs > li > div.main-title div i{display: block;width: 17px;height: 20px;background-image: url(gfx/jobs-arrow.svg);background-size: auto;transform: rotate(180deg);}

.jobs > li > div.main-title.active div i{
  transform: rotate(90deg);
}
.job-conten{opacity: 0;visibility: hidden;overflow: hidden;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.job-conten.active{
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: auto;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  max-height: 4000px;
}
.job-conten > li{
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 50px;
}
.job-conten > li.app{padding-top: 10px;padding-right: 70px;padding-bottom: 45px;}
.job-conten > li.app p{margin: 0;}
.job-conten > li.app p a{padding-right: 5px;display: inline-block;}

.job-conten > li .title{padding-right: 20px;}
.job-conten > li .description{
  padding: 30px 0 0;
}
.job-conten > li .description > ul{
  
}
.job-conten > li .description > ul > li{
  padding-bottom: 30px;
  /* background-image: url(gfx/job-desc-icon.svg); */
  /* background-repeat: no-repeat; */
  background-position: right top 7px;
  padding-right: 20px;
  position: relative;
}
.job-conten > li .description > ul > li:before{
  content:
  '';
  display: block;
  background-image: url(gfx/job-desc-icon.svg);
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 8px;
  transform: rotate(180deg);
}

body .object-wppu-preview {
    z-index: 999999999;
}
	.parallaxParent {
		height: 100%;
		overflow: hidden;
	}
	.parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
    background-size: 100%;
    background-position: center;
 }
body #loftloader-wrapper {
    z-index: 99999990000000;
}
.lottie {
    width: 100%;
    height:auto;
}
.nav-out{
  text-align:center;
}
.nav-out.sticky {
    position: fixed;
    top: 50px;
    right: 50px;
    left: 0;
    width: calc(100% - 100px);
    z-index: 99999999;
    background-color: #f8f8f8;
    height: 70px;
    padding-top: 25px;
}
.nav-in{
  display: inline-block;
  margin: auto;
}

body .grecaptcha-badge{
    display: none;
}

header ul.logo-section li.b-tit{
  cursor: pointer;
}
.grid-image-text .in .desc ul{margin: 0;padding: 0 0 10px;}
.grid-image-text .in .desc ul li{
  padding-bottom: 10px;
  padding-right: 20px;
  position: relative;
}
.grid-image-text .in .desc ul li:before{
  content:'';
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  right: 0;
  top: 12px;
}
.testimonials_section .slick-dots li:only-child{
  display: none;
}
.copyright{
  font-size: 12px;
  position: absolute;
  right: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 18px;
}
.designrush{
  display: table;
  padding-bottom: 210px;
  }
.designrush .logo{
  display: table-cell;
  vertical-align: middle;
}
.designrush .description, .designrush .title-aw{
  padding-right:50px;
}
.designrush .logo img{
  max-width:100%;
}
.designrush .content{
  display: table-cell;
  vertical-align: middle;
}
.designrush .description p{
  margin:0;
}
body .wpcf7-spinner{
  display:none!important;
}
.failed ul.contact-form input[type="submit"]{
  background-color: transparent;
  color: transparent;
}
.open-fullscreen{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.testimonials .slick-dots{
  direction: rtl;
}

.social-wrap{
  color: #000;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 50px;
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-family: 'Bebas Neue', cursive;
}
footer .social-wrap ul.socials{
  position: relative;
  right: 0;
  margin: 0;
}
.social-wrap:after{
  content:'';
  clear: both;
  display: block;
}
@media (max-width: 479px) {
.designrush{
  display: table;
  padding-bottom: 90px;
  }
.designrush .logo{
  display: block;
  width: 120px;
  padding-bottom: 20px;
}
.designrush .description, .designrush .title-aw{
  padding-right: 0;
}
.designrush .content{
  display: block;
}

.portfolio img.logo {
    max-width: 150px;
    right: 20px;
    top: 20px;
    max-height: 30px;
}

  .more_works .portfolio img.logo {
    right: 15px;
    top: 15px;
    max-width: 60px;
    max-height: 25px;
}

.copyright{
  right: 0;
  height: 18px;
  position: relative;
  text-align: center;
  padding-top: 12px;
}
.hp-animation{
  width:100%;
}
.nav-in{
  display: block;
}
.nav-out.sticky {
    top: 0;
    height: 70px;
    padding-top: 25px;
    position: fixed;
    width: 100%;
    right: 0;
    z-index: 999;
}
.grid-three iframe {
    min-height: 250px;
}
.grid-image > div iframe {
    min-height: 240px;
}
#filters li{
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
}
body #filters li span{
  font-size:22px;
}
#filters li.active{
  border-bottom: 2px solid rgba(248, 178, 28, 1);
}
.nav-space.sticky {
    height: 40px;
}
.culture .thumb:after {position: absolute;width: 100%;height: 100%;display: block;}
.grid-three video {
    padding-top: 0;
}
.grid-image-text .in .desc ul li:before {
    width: 8px;
    height: 8px;
    top: 9px;
}
.fullteam .table {
    overflow-y: auto;
    display: block;
    padding-bottom: 20px;
    padding-left: 45px;
    padding-right: 45px;
}
.bg-slide{
  display:none;
}
  .hp-animation img {
    max-width: 100%;
}
  .video-section .inside .video-sec,.video-sec-out .title {
    width: 180px;
    position: relative;
}
.trailer video {
    object-fit: contain;
}
body, div, p, span, i, li,a,:before,:after,label,img,button{
    -webkit-text-size-adjust: none;
  }
.slider-for .item ul li {
    width: 33.3%;
}
.hp-01.hp-01-01.active{
      z-index: 500000000;
}
.lottie {
    width: 100%;
}
.culture .thumb:hover:before {
    background: transparent;
}
.parallaxParent > *{
  background-size: 200%;
  background-position: center;
}
.hp-01.hp-01-01 .trailer.active {
}
.work-about ul.list li a.read-more{display: inline-block;position: relative;margin-top: 15px;min-height: 25px;}
.work-about ul.list li a.read-more span{
  color: #000;
  font-size: 20px;
  position: relative;
  z-index: 2;
}
.work-about ul.list li a.read-more:before{
  content:'';
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 21px;
  z-index: 1;
  top: 3px;
}
.work-about ul.list li:nth-child(2) a{
  display:none;
}
.work-about ul.list.active li:nth-child(2){
  display:block;
  width: 100%;
}
ul.socials li:hover a.visible{
  display:block;
  opacity: 1;
}
ul.socials li:hover a.hidden{
  display:none;
  opacity:0;
}
.trailer {
    width: calc(100%);
}
#filters {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    margin: 0 20px 0;
    padding-bottom: 0;
}
.video-sec-out .title{
  position:absolute;
}
.testimonials-slider .item{
}
body.is-active section {
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}
.hp-05 div.items ul li {
    display: inline-block;
    width: 50%;
    text-align: right;
    padding-bottom: 30px;
}
.hp-05 div.items ul li:nth-child(2),.hp-05 div.items ul li:nth-child(4){
  padding-right: 20px;
}
.hp-section.hp-10 .slider-for {
    padding: 20px 10px 80px;
}
.job-conten > li.app p a{
  padding-top: 10px;
  padding-right: 0;
}
ul.awards li .main-title span{

}
.thank-you > .table > .table-cell .table .table-cell div{
  color:#fff;
  text-align: center;
}
.culture-in .table-cell.gallery-cell {
    display:block;
}
.our-team .table-cell.title {
    display:block;
}
.three_columns ul.list li{
  display: block;
  padding-left: 0;
  width: 100%;
  padding-bottom: 40px;
}
.grid-three .gallery img {
    max-width: 260%;
}
.grid-three .gallery img.normal-width {
    max-width: 100%;
}
.thank-you > .table > .table-cell .table .table-cell div.description{
  color:#000;
  display: none;
}
.menu ul.socials li {
    padding-left: 20px;
}
.menu ul.socials {
    display: table;
    float: none;
    margin: 0 0 0;
}
.hp-section.hp-10 .slick-dots{
  display:none!important;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    display: block;
    margin: 0 50px;
}
.grid-image-text .in > div {
    display: block;
    width: 100%;
}
.is-active section.menu-bg {
    opacity: .9;
    -webkit-transform: translateX(25%) scale(0.9);
    -moz-transform: translateX(25%) scale(1);
    -ms-transform: translateX(25%) scale(1);
    -o-transform: translateX(25%) scale(1);
    transform: translateX(25%) scale(1);
}
span.arrow-a {
    width: 60px;
    height: 28px;
    right: 30px;
}

.three_columns {
    padding: 50px 0 0;
}
footer .inside > a.scrollToContent {
    right: 40px;
    font-size: 12px;
    letter-spacing: 3px;
    transform: rotate(-90deg);
    padding-right: 35px;
    bottom: 65px;
    display: none;
}
.jobs > li > div.main-title.active, .jobs > li > div.main-title:hover {
    background-color: transparent;
}

.hp-section.hp-11 .slick-dots,.testimonials .slick-dots {
    display: block!important;
    position: absolute;
    bottom: -90px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.testimonials .slick-dots{
      bottom: -70px;
}
.hp-section.hp-11 .slick-dots li,.testimonials_section .slick-dots li{display: inline-block;padding: 0 5px;}
.hp-section.hp-11 .slick-dots li button,.testimonials_section .slick-dots button{
  display: block!important;
  width: 10px;
  height: 10px;
  background-color: rgba(216, 216, 216, 1);
  background-image: none;
  border-radius: 50%;
  top: 0;
  position: relative;
}
.grid-three .title {
    width: 100%;
    display: block;
}
.grid-three .description {
    vertical-align: top;
    display: block;
    padding-top: 15px;
    padding-bottom: 0;
}
.hp-section.hp-11 .slick-dots li.slick-active button, .testimonials_section .slick-dots li.slick-active button{
  background-color:rgba(248, 178, 28, 1);
}
.slider-for .item{
  padding:0;
}
.hp-section.hp-11 .title-section > div {
    display: block;
    width: 100%;
}
.hp-section.hp-09 .in {
    width: 100%;
    height: 105px;
}
.hp-05 .line {
    height: 420px;
    right: -45px;
    width: 140%;
    top: 90px;
    overflow-y: hidden;
}
header, footer {
    background-color: transparent;;
}
footer {
    position:relative;
}
header{
  top: 0;
  position: absolute;
}
.our-team {
    padding: 68px 0 0;
    margin-top: 40px;
}
.about-header .line {
    width: 75%;
    display: none;
}
.hp-section.hp-10 {
    padding: 60px 0 0;
}
.hp-section.hp-10 .in{
  padding: 0;
}
.hp-section.hp-10 .in .title{
  padding: 20px 45px 0;
}
.line.hide-in-desctop{
  width: 100%;
  top: 265px;
  display: block;
  height: 400px;
}
.testimonials button.slick-prev {
    right: -60px;
}
.conversion_rates {
    margin: 80px auto 0;
}
.hp-section.hp-10 .slider-nav {
    top: 40px;
    position: relative;
    top: 0;
    margin: 30px 0 0;
    padding: 0 45px;
}
.conversion_rates .inside .left .title {
    padding-bottom: 25px;
}
ul.contact-form li.email {
    padding: 0 0 40px;
}
.our-team .a-line {
    height: 95px;
}
.contact-page > div {
    width: 50%;
}
.conversion_rates .inside {
    padding: 55px 45px 75px;
}
.conversion_rates_four .inside {
    padding: 55px 45px 60px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 34px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 180px;
    padding: 0;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
.contact-page, .thank-you {
    height: 100%;
    width: 100%;
    margin: 0;
}
.contact-page{
  height:auto;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 65px;
    padding-left: 70%;
}
.testimonials_section {
    padding-top: 90px;
    margin-top: 80px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 30px;
    left: 30px;
    display: none;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: 0;
    height: auto;
}
.thank-you {
    top: 0;
}
.thank-you .table-cell {
    vertical-align: top;
}
ul.contact-form li {
    padding: 0 0 30px;
}
.contact-page > div.left h1 {
    line-height: 65px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors, body .failed div.wpcf7-response-output {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}

.contact-page > div.left {
    width: 100%;
    padding-top: 70px;
    padding: 180px 50px 60px;
}
.contact-page > div.center {
    width: 100%;
    padding: 45px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 40px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 20px;
    background-position:.left top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 140px;
    display: inline-block;
    width: 180px;
}
.jobs > li > div.main-title {
    padding: 10px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 13px;
    height: 15px;
    background-size: contain;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
    margin-top: 5px;
}
.job-conten > li .description {
    padding: 15px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 50px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 45px 60px;
    box-shadow: 1px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 70px;
    padding-left: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 20px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0;
}
.more_works {
    padding-top: 0;
    display: none;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 45px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
    display: none;
}
.category-header {
    height: auto;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100%);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 0;
    height: auto;
}
.join-top-section .d-title{
  font-size: 70px;
  line-height: 70px;
}
.more_works .portfolio .label-text {
    padding: 0 15px;
}
.share-link {
    left: 50px;
    width: 150px;
    display: none;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 24px;
}
.work-header{
    height: 436px;
}
.video-section {
    padding: 0;
    display: none;
    margin-top: 30px;
}
.grid-three .top {
    padding-bottom: 0;
}
.video-section .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
    height: auto;
    top: 180px;
    bottom: auto;
    left: 0;
    right: 0;
}
.more_works .post-object {
    margin: 30px 0 0;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    display: block;
    font-size: 0;
}
.more_works .portfolio-wrapper{
  height: 100%;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 25px 25px;
    min-height: 190px;
    margin: 0 45px;
}
.video-section .inside .description span{
}
.testimonials_section .line {
    height: 240px;
}
.grid-three {
    padding-top: 20px;
    padding-bottom: 20px;
}
ul.contact-form textarea {
    height: 135px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
    position: relative;
    margin: 0;
    padding: 0 20px;
}
.work-header .logo {
    height: 30px;
    top: 40px;
    width: 50%;
}
.work-header h2,.work-header h1{
  padding-left: 25%;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 10px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
    text-align: center;
    display: block;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 375px;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-image-text{
  padding-bottom: 120px;
}
.grid-three .gallery {
    padding: 0;
    overflow-x: auto;
    margin-top: 30px;
    direction: rtl;
}
.grid-three .gallery.animate__animated{
}
.video-section .inside .description .desc {
    padding: 70px 0 20px;
    width: auto;
    font-size: 15px;
    line-height: 25px;
}
.work-about ul.list li:nth-child(2) {
    width: 20%;
    display: none;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 100%;
}
.grid-image-text .in {width: 100%;display: block;position: relative;top: 0;right: 0;transform: none;}
.work-about ul.list li .desc {
    padding-left: 40px;
}
.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 65px 0 40px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 60px;
    letter-spacing: 0.02em;
}
.work-header h1{
  font-size: 50px;
  line-height: 50px;
  padding-bottom: 20px;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 65px;
    line-height: 65px;
}  
.work-header .category {
    bottom: 30px;
}
.category-header .description p {
    margin: 0 0 10px;
}
body .d-title.s-title{
  font-size: 40px;
  line-height: 40px;
}
body .team-oi .d-title.s-title{
  font-size: 50px;
  line-height: 50px;
}
body .team-oi .d-title.it-title {
    line-height: 35px;
}
.category-header .table {
    padding-top: 150px;
}
.category-header.works-header .table{
    padding-top: 115px;  
}
.fulltrip .top-title {
    padding: 80px 45px 120px;
}
.video-p, .hiddenvideo {
    height: 160px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 35px;
}
.culture-in {
    width: auto;
    padding: 0 45px;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    column-gap: 50px;
}
#portfoliolist .portfolio {
    width: 100%;
}
.culture-in .table-cell.gallery-cell .gallery-in a:last-child {
    /* margin-bottom: 35px; */
}
nav.filter-nav {
    padding-bottom: 5px;
    margin-bottom: 35px;
}
nav.filter-nav:before{
  content:'';
  position: absolute;
  left: 0;
  height: 100%;
  width: 80px;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&0+0,1+100 */
  background: -moz-linear-gradient(right,  rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right,  rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left,  rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 */
  z-index: 100;
  top: -10px;
  pointer-events: none;
}
.container {
    margin: 0;
}
.category-header .title {
    padding: 32px 0;
    width: 100%;
    display: block;
}
.category-header.works-header .title{
  padding: 15px 0 35px;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: auto;
    padding-top: 0;
    display: block;
    padding-bottom: 40px;
}
.our-team .table-cell.description > p {
    padding: 20px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: auto;
    display: block;
}
ul.team li {
    width: 50%;
    padding: 0 0 30px;
}
.our-culture .table-cell.title{
  padding-bottom: 20px;
}
.category-header .description {
    padding: 15px 0 70px;
    display: block;
}
ul.team li .icon {
    width: 80px;
    height: 80px;
}
.video-sec {
    padding-bottom: 0px;
    padding-top: 0;
}
.what-we-do-ip {
    padding: 0;
    min-height: auto;
    height: auto;
}
body nav.filter-nav .line {
    bottom: 5px;
    display: none;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 26px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 90px);
}
.fullteam .info .title {
    letter-spacing: 0.02em;
    line-height: 70px;
}
body .bcg .d-title.it-title{
  font-size: 40px;
  line-height: 20px;
  padding: 0 0 15px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 0;
    display: block;
}
.our-team .table-cell.description {
    padding-right: 0;
    padding-top: 50px;
    display: block;
}
.fullteam .info {
    padding-right: 0;
    display: block;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: auto;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    display: block;
    width: 100%;
    padding-bottom: 75px;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 220px;
    display: block;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 50px;
}
.culture .item {
    padding: 0 14px;
    width: 225px;
    padding-right: 0;
    padding-left: 20px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 15px 0 10px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 100%;
    padding-left: 35px;
    padding-bottom: 40px;
}
.culture .thumb {
    height: 320px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 5px;
}
ul.team {
    padding: 70px 10px 80px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 13px;
    height: 13px;
    padding: 0!important;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
    display: none!important;
}
.video-p i {
    width: 60px;
    height: 60px;
}
.video-p i:before {
    border-top: 12px solid transparent;
    border-right: 16px solid rgba(248, 178, 28, 1);
    border-bottom: 12px solid transparent;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.video-section .video-p i {
    width: 38px;
    height: 38px;
}
.video-section .video-p i:before {
    border-top: 8px solid transparent;
    border-right: 11px solid rgb(0, 0, 0);
    border-bottom: 8px solid transparent;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 0;
    padding-left: 35px;
    min-height: 40px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 70px;
    font-size: 70px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: 20px;
}
.culture .thumb:hover .content {
  bottom: -40px;
    bottom: 20px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
    display: inline-block;
}
.what-we-do-ip ul.items {
    top: 0;
    right: 0;
    width: auto;
    position: relative;
    margin-top: 60px;
}
.culture {
    padding: 40px 45px 50px 0;
    width: auto;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 26px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 70px;
}
.about-header .description p span {
    padding: 20px 0 0;
}
.menu ul.menu,.menu ul.socials {
    padding-right: 45px;
}
.more_works > .inside > .title:before {
    width: 60px;
    height: 2px;
}
.more_works .title{font-size: 20px;}

.menu ul.menu li a{
  font-size:35px;
}
.menu ul.menu li {
    margin: 44px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: auto;
    padding: 0 45px;
}
.fullteam .in{
  padding: 0;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 28px;
    line-height: 32px;
}
.culture-in .table-cell.title > div{
  font-size:30px;
  letter-spacing: 0.07em;
}
.more_works .title em{font-size: 22px;}
.slider-for .item{
  width: 100%;
  padding: 0;
  max-width: none;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
.slider-for .item ul li img{
  max-width: 100%;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 18px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 70px!important;
    letter-spacing: 0.01em;
    transform: none!important;
}
 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 28px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 20px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 15px;
    line-height: 26px;
}
ul.team li .description{
  font-size: 12px;
  white-space: normal;
  line-height: 20px;
}
.video-section .inside .description span {font-size: 15px;margin-bottom: 0;display: block;}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.video-section .inside .description span i{
  float: right;
  margin-top: 6px;
}
.more_works .portfolio .label-text span{
  font-size:12px;
  line-height: 16px;
}
.culture-out{
  padding-bottom:70px;
}
.three_columns ul.list li{
  font-size: 15px;
  line-height: 25px;
}
.job-conten > li.app p{
  font-size: 18px;
}
.job-conten > li .title{
  font-size:15px;
  padding-right: 0;
}
.portfolio .text-category{
  font-size:18px;
}
.conversion_rates .inside .left .description{
  font-size: 15px;
  line-height: 25px;
}
.grid-image-text .in .desc p, .grid-three .description,.grid-image-text .in .desc li{
  font-size: 15px;
}
.loaded header, .loaded footer {
    height: 50px;
  } 
  .loaded footer{
    height: 40px;
    border-top: 1px solid #e3e3e3;
  }
  header ul.logo-section {
    margin: 30px 25px 0;
}
.is-thank-open header{
  position: fixed;
  top: 0;
}
body.is-thank-open{
  overflow:hidden;
}
.about-header .description {
    padding-right: 0;
}
header ul.logo-section, .header-space {
    height: 0;
    /* display: none; */
}
.single header ul.logo-section{
  display: none;
}
header ul.logo-section li {
    min-width: 23px;
}
header ul.logo-section li a {
    width: 80px;
    height: 15px;
    margin-top: 0;
    background-size: contain;
}
.hamburger {
    position: fixed;
    left: 25px;
    top: 20px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 40px;
    background-color: #fff;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    z-index: 10000;
}
.hamburger.menu-hamburger{
  width: 70px;
  height: 70px;
  background-color: transparent;
  line-height: normal;
  letter-spacing: normal;
  left: 25px;
  text-align: left;
  border-radius: 0;
}
.hamburger.menu-hamburger .hamburger-box{
  letter-spacing: 0.12em;
  line-height: 20px;
  width: 40px;
  background-color: #fff;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: 10000;
  margin: 0;
}
.sticky-body .hamburger.menu-hamburger{
  top: 90px;
}
.hamburger.menu-hamburger .hamburger-box .hamburger-inner{
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.fulltrip .hamburger,.fullteam .hamburger{
  position: fixed;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 16px;
    line-height: 22px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.more_works .portfolio .label-text .text-title{
  font-size: 15px;
  line-height: 15px;
}
.what-we-do-ip ul.items .title{
  font-size:22px;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -50px;
    left: auto;
    right: 0;
}
.hp-section.hp-04 {
    padding: 120px 0 105px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 60px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 50px;
    padding: 30px 0 0;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 10px 0 0;
}
.fulltrip .top-title > .table > .table-cell:first-child .title{
  font-size:70px;
  line-height: 70px;
}
.fullteam .info .title{
  padding-top: 0;
  font-size: 70px;
}
.sline {
    height: 2px;
    width: 45px;
}
ul.awards li .main-title span {padding: 0;}
body .d-title {
    line-height: 55px;
}
body .works-header .d-title{
  font-size: 70px;
  line-height: 70px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 95px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: auto;
    left: 0;
}
.category-header .float-sumbol{
   display:none
}
.who-we-are .description {
    padding: 20px 0 0;
    display: block;
}
.hp-01.hp-01-01 p,.hp-01.hp-01-01 p span{
  line-height: 75px;
}
body .hp-01.hp-01-01 p span {
    line-height: normal;
}
.conversion_rates .inside .list li span{
  padding: 0;
  font-size: 70px;
  line-height: 70px;
}
.conversion_rates_four .inside .list li span{
  font-size: 50px;
}

.conversion_rates .inside .list li i{
  padding: 0;
  text-align: center;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 20px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output {
    font-size: 20px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2 {
    font-size: 22px;
}
.conversion_rates_four .inside .list li i{
  font-size: 14px;
}
.work-about ul.list li .title{
  font-size: 25px;
  padding-bottom: 10px;
}
.fullteam .info .description{
  font-size:20px;
  line-height: 20px;
}
.culture .thumb .content .title{
  font-size: 25px;
  padding-left: 0;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.grid-image-text .content h2 {padding-top: 20px;}
ul.contact-form input[type="submit"]{
  font-size:25px;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-10 .slider-nav .item .title{
  letter-spacing: 0em;
  font-size: 16px;
}
.hp-section.hp-05 {
    height: auto;
    overflow: hidden;
}
.hp-section.hp-05 .in{
  padding-bottom: 20px;
}
.portfolio .label-text .text-title{
  font-size: 25px;
}
.what-we-do .title {
    width: 100%;
    display: block;
}
ul.team li .title{
  font-size: 18px;
}
.hp-05 div.items {
    height: auto;
    padding-right: 0;
    position: relative;
    padding-top: 30px;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
    text-align: right;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
    left: auto;
}
.hp-05 div.items ul li .description p {
    line-height: 24px;
    font-size: 18px;
}
.hp-section.hp-06 {
    padding: 90px 0 80px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0;
}
.post-object .item {
    height: 275px;
    display: block;
}
.portfolio-wrapper {
    height: 275px;
}
.portfolio .label {
    height: 130px;
    bottom: -50px;
}

.portfolio .label-text {
    padding: 0 25px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 70px 0 0;
}
ul.awards li .main-title {
    background-position: top 80px left 0;
    background-size: 20%;
}
ul.awards li p {
    padding: 20px 0 0;
}
ul.awards-items {
    margin: 45px 0 55px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 36px;
    min-width: 35px;
    font-size: 35px;
    padding-bottom: 0;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size: 30px;
}
ul.awards-items > li ul.item li p, .designrush .title-aw, .designrush .description,.designrush .description a {
    line-height: 35px;
    font-size: 30px;
}

.designrush .title-aw{
  padding-bottom:10px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.job-conten > li .description > ul > li{
  font-size:15px;
  line-height: 25px;
}
.hp-section.hp-09 {
    height: 190px;
    background-size: 250%;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .y-line {
    height: 260px;
    top: 100px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: auto;
}
.testimonials {
    margin: 85px 45px 0;
    min-height: 280px;
    background: #fff;
}
.testimonials.animate__animated{
  opacity: 1;
  visibility: visible;
}
.conversion_rates{
  width: auto;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
    /* display: none!important; */
}
.testimonials button.slick-next {
    left: -60px;
}
.testimonials button {
    top: calc(50% + 25px);
}
.testimonials-slider .table > div.left {
    width: 100%;
    margin: auto;
}
.testimonials button.slick-prev:hover{
 right: -65px;
}
.testimonials button.slick-next:hover{
   left: -65px; 
}
.fullteam .info .role {
    padding: 10px 0 35px;
    font-size: 20px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
    margin: auto;
}
.testimonials-slider .left .name {
    padding: 25px 0 0;
    margin: 0 0 5px;
    font-size: 30px;
}
.testimonials-slider .left .name:before {
    width: 75px;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
}
.testimonials-slider .left .logo {
    max-height: 50px;
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
    height: 50px;
}
.testimonials-slider .right {
    width: 70%;
    padding: 0;
}
.testimonials-slider .right p {
    font-size: 14px;
    line-height: 28px;
    margin: 0;
}
.contact {
    padding: 50px 0 70px;
    min-height: 170px;
}
.contact .inside .title {
    width: 48%;
    padding-right: 70px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: -2px;
}
.contact .inside .info {
    width: auto;
    margin-bottom: 30px;
    margin-right: 70px;
}
.contact .inside .address {
    width: auto;
    margin-right: 70px;
}
.loaded .side-bg.right, .loaded .side-bg.right {
    width: 0px;
}
.testimonials .table{
  padding: 0;
}
.hamburger-box {
    width: 25px;
    height: 18px;
    float: none;
}
.is-active .hamburger-box {
    /* width: 25px; */
    /* height: 32px; */
    margin-left: 3px;
    margin-top: 2px;
}
.menu-name {
    display: none;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 23px;
    height: 2px;
    top: 100%;
}
footer .inside {
    padding: 0 50px;
}
.hamburger-inner:before {
    top: -6px;
    width: 17px;
}
.hamburger-inner:after {
    bottom: -7px;
    width: 11px;
    top: auto;
}
header ul.logo-section li i {
    -webkit-mask-image: none;
    background-color: transparent;
    -webkit-mask-repeat: no-repeat;
    background-image: url(gfx/Shape_9.svg);
}
.body-careers header ul.logo-section li i {
    -webkit-mask-image: none;
    background-color: transparent;
    -webkit-mask-repeat: no-repeat;
    background-image: url(gfx/Shape_9.svg);
}
.testimonials-slider .left .role, ul.team li .description, .who-we-are .description p, .job-conten > li .description > ul > li {
    font-weight: 400;
}
.hamburger:hover .hamburger-inner:after{
  left:12px;
}
.hamburger:hover .hamburger-inner:before{
   left:6px;
}
.who-we-are > div, .hp-05 div.items {
    display: block;
}
.testimonials-slider .left .role{
  font-size:16px;
}
ul.awards-items > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-bottom: 30px;
}
ul.awards-items > li ul.item li {
    display: table-cell;
    line-height: 30px;
}
.testimonials-slider .table > div {
    display: block;
    width: 100%;
    text-align: center;
}
.testimonials-slider .table > div.right{
  text-align:right;
  width: 100%;
  font-size: 14px;
}
ul.awards-items > li ul.item li p br{
  display:none;
}
.hp-section.hp-10 .slider-nav .slick-track {
    text-align: right;
}
.contact .inside > div {
    display:block;
}
.contact .inside {
    display: block;
}
ul.awards li {
    display: block;
}
.contact .inside .title {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.testimonials-slider .left img {
    margin: auto;
    /* min-height: 100%; */
}
footer a, footer ul.socials, .social-wrap{
  display:none;
}
.who-we-are .description p br{
  /* display:none; */
}
section.menu {
    /* z-index: 3000000; */
}
.is-active header ul.logo-section{
  display:none;
}
.contact-page > div {
    display: block;
    width: 100%;
}
.thank-you > .table > .table-cell .table {
    display: block;
}
.thank-you > .table > .table-cell .table .table-cell {
    display: block;
    text-align: center;
    padding-top: 45px;
}
.thank-you > .table > .table-cell .table-cell img{
  width:100%;
}
.thank-you > .table > .table-cell .table .table-cell:first-child{
     padding-top: 85px; 
}
.hide-in-desctop{
  display:block;
}
.hide-in-mobile{
  display:none;
}
.contact-page > div.map #map_canvas {
    height: 250px;
}
.description.hide-in-desctop{
  font-size: 22px;
  line-height: 35px;
}
.address.hide-in-desctop{
  padding: 65px 45px 45px;
  background-color: #fff;
}
.join-top-section .back-section .table-row {
    height: 360px;
    display: block;
}
.top-main-desc{padding-top: 80px;}
.top-main-desc p{margin: 0;padding: 0;color: #fff;font-size: 20px;font-weight: 600;}
.top-main-desc em{
  color: #fff;
  font-size: 25px;
  display: block;
}
.top-main-desc p br{
  display: none;
}
.join-top-section .back-section .table-row:last-child{
  height: 449px;
}
.join-top-section .back-section .table-row .table-cell {
    width: 100%;
    display: block;
    height: 225px;
}
.address.hide-in-desctop p{
  line-height: 25px;
}
.join-top-section .in .table-cell {
  display:block;
  margin-top: 220px;
}
.back-link .req div.ins {
    width: 16px;
    left: 13px;
    right: auto;
    top: 14px;
    bottom: auto;
    background: #fff;
    height: 16px;
    padding: 0;
    margin: auto;
}
.back-link .req .inside {
    width: 42px;
    height: 42px;
    background-color: #fff;
    position: absolute;
    left: 0;
    border-radius: 50%;
}
.back-link .req:focus{
  opacity:.6;
}
.back-link {
    position: FIXED;
    right: auto;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 70px;
    overflow: hidden;
    cursor: pointer;
    height: 70px;
    background-color: transparent;
    border-radius: 0;
    left: 20px;
    top: 20px;
    text-align: center;
    bottom: auto;
}
.back-link:hover .req,.back-link.active .req{
top:0px;
}
.back-link:hover .txt,.back-link.active .txt{
 top:100%; 
}
.side-bg {
    width: 0px;
}
.work-about ul.list li {
    display: block;
}
.join-top-section .back-section {
    height: auto;
    display: block;
    width: 100%;
}
.grid-image > div {
    width: 100%;
    display: block;
}
.post-nav {
    display: none;
}
.grid-image {
    position: relative;
    display: block;
    padding-bottom: 0;
}
.work-about ul.list li:nth-child(3) {
  display:none;
}
.back-link .req span {
    width: 7px;
    height: 7px;
}
.three_columns ul.list li i {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}
.three_columns ul.list li:last-child {
    padding: 0;
    width: 100%;
}
.conversion_rates .inside .left {
    width: 100%;
    display: block;
}
.conversion_rates .inside .right {
    vertical-align: top;
    display: block;
    padding-top: 20px;
}
.three_columns ul.list {
    display: block;
    margin-top: 20px;
    margin-bottom: 60px;
}
.three_columns .top .title {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
}
.three_columns .top {
    display: block;
}
.three_columns .top .description {
    display: block;
    vertical-align: top;
    font-size: 15px;
    line-height: 25px;
}
.about-header .table {
    height: 540px;
    display: table;
}
.about-header .title:before {
   content:'';
   height: 2px;
   width: 60px;
   background-color: rgba(248, 178, 28, 1);
   position: absolute;
   top: 0;
}
.about-header {
    padding-top:200px;
    height: auto;
}
.about-header .table .table-cell{
  display: block;
  padding-top: 22px;
}
.about-header .table .table-cell.description{
  padding-top: 50px;
}
.contact .inside .title:hover span.arrow-a i{-webkit-animation: arrowend 0.2s ease-out;animation: arrowend 0.2s ease-in;left: 0;right:auto;}
.contact .inside .title:hover span.arrow-a:before{
  right:auto;
  left: 0;
  -webkit-animation: myend .2s ease-in;
  animation: myend .2s ease-in;
}
.contact .inside .title:hover:before{
  right:5px;
}
.contact .inside .title:hover span.arrow-a {
    right: -10px;
}

span.arrow-a {}
}
@media (min-width: 480px) {
.designrush{
  display: table;
  padding-bottom: 90px;
  }
.designrush .logo{
  display: table-cell;
  width: 80px;
}
.designrush .description, .designrush .title-aw{
  padding-right: 20px;
}
.designrush .content{
  display: table-cell;
}

.portfolio img.logo {
    max-width: 150px;
    right: 20px;
    top: 20px;
    max-height: 25px;
}

.hp-animation{
  width:100%;
}
.hp-animation img {
    max-width: 80%;
}
.nav-out.sticky {top: 0;height: 70px;padding-top: 25px;position: fixed;width: 100%;right: 0;z-index: 999;}
.grid-image-text .in .desc ul li:before {
    width: 8px;
    height: 8px;
    top: 8px;
}
.grid-three iframe {
    min-height: 450px;
}
.grid-image > div iframe {
    min-height: 480px;
}
.back-link .req .inside {
    width: 42px;
    height: 42px;
    background-color: #fff;
    position: absolute;
    left: 0;
    border-radius: 50%;
}
.nav-in {
    display: block;
}
.nav-space.sticky {
    height: 30px;
}
  .video-section .inside .video-sec,.video-sec-out .title {
    width: 310px;
    position: relative;
}
ul.team .sitem:before {
    bottom: -20px;
}
.bg-slide{
  display:none;
}
.grid-three video {
    padding-top:20px;
}
.slider-for .item ul li {
    width: 33.3%;
}
.video-sec-out .title{
  position:absolute;
}
.thank-you > .table > .table-cell .table .table-cell div{
  color:#fff;
  text-align: center;
}
.culture-in .table-cell.gallery-cell {
    display:block;
}
.our-team .table-cell.title {
    display:block;
}
.work-about ul.list li a.read-more{display: inline-block;position: relative;margin-top: 15px;min-height: 25px;}
.work-about ul.list li a.read-more span{
  color: #000;
  font-size: 20px;
  position: relative;
  z-index: 2;
}
.work-about ul.list li a.read-more:before{
  content:'';
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 21px;
  z-index: 1;
  top: 3px;
}
.work-about ul.list li:nth-child(2) a{
  display:none;
}
.work-about ul.list.active li:nth-child(2){
  display:block;
  width: 100%;
}
.three_columns ul.list li{
  display: block;
  padding-left: 0;
  width: 100%;
  padding-bottom: 40px;
}
.grid-three .gallery img {
    max-width: 125%;
}
.grid-three .gallery img.normal-width {
    max-width: 100%;
}
.thank-you > .table > .table-cell .table .table-cell div.description{
  color:#000;
  display: none;
}
.menu ul.socials {
    display: table;
    float: none;
    margin: 0 0 0;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    display: block;
    margin: 0 50px;
}
.grid-image-text .in > div {
    display: block;
    width: 100%;
}
.is-active section.menu-bg {
    opacity: .9;
    -webkit-transform: translateX(25%) scale(0.9);
    -moz-transform: translateX(25%) scale(1);
    -ms-transform: translateX(25%) scale(1);
    -o-transform: translateX(25%) scale(1);
    transform: translateX(25%) scale(1);
}
span.arrow-a {
    width: 60px;
    height: 28px;
    right: 30px;
}
footer .inside > a.scrollToContent {display: none;}
.jobs > li > div.main-title.active, .jobs > li > div.main-title:hover {
    background-color: transparent;
}

.hp-section.hp-11 .slick-dots,.testimonials .slick-dots {
    display: block!important;
    position: absolute;
    bottom: -80px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.hp-section.hp-11 .slick-dots li{display: inline-block;padding: 0 5px;}
.hp-section.hp-11 .slick-dots li button{
  display: block!important;
  width: 10px;
  height: 10px;
  background-color: rgba(216, 216, 216, 1);
  background-image: none;
  border-radius: 50%;
  top: 0;
  position: relative;
}
.grid-three .title {
    width: 100%;
    display: block;
    padding: 0;
}
.grid-three .description {
    vertical-align: top;
    display: block;
    padding-top: 15px;
    padding-bottom: 0;
}
.hp-section.hp-11 .slick-dots li.slick-active button{
  background-color:rgba(248, 178, 28, 1);
}
.slider-for .item{
  padding:0;
}
.hp-section.hp-11 .title-section > div {
    display: block;
    width: 100%;
}
.hp-section.hp-09 .in {
    width: 100%;
    height: 180px;
}
.hp-05 .line {
    height: 245px;
    right: -45px;
    width: 140%;
    top: 100px;
}
header, footer {
    background-color: transparent;;
}
footer {
    position: relative;
}
header{
  position: absolute;
}
.our-team {
    padding: 100px 0 0;
    margin-top: 40px;
}
.about-header .line {
    width: 75%;
    display: none;
}
.hp-section.hp-10 {
    padding: 60px 0 0;
}
.line.hide-in-desctop{
  width: 100%;
  top: 300px;
  display: block;
  height: 350px;
}
.testimonials button.slick-prev {
    right: -60px;
}
.conversion_rates {
    margin: 80px auto -20px;
}
.hp-section.hp-10 .slider-nav {
    top: 40px;
    position: relative;
    top: 0;
    margin: 30px 0 0;
}
.conversion_rates .inside .left .title {
    padding-bottom: 35px;
}
ul.contact-form li.email {
    padding: 0 0 40px;
}
.our-team .a-line {
    height: 135px;
}
.contact-page > div {
    width: 50%;
}
.conversion_rates .inside {
    padding: 55px 75px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 34px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 310px;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
.contact-page, .thank-you {
    height: 100%;
    width: 100%;
    margin: 0;
}
.contact-page{
  height:auto;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 65px;
    padding-left: 70%;
}
.testimonials_section {
    padding-top: 90px;
    margin-top: 80px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 30px;
    left: 30px;
    display: none;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: -30px;
}
.thank-you {
    top: 50px;

}
ul.contact-form li {
    padding: 0 0 30px;
}
.contact-page > div.left h1 {
    line-height: 65px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors, body .failed div.wpcf7-response-output {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}
.contact-page > div.left {
    width: 100%;
    padding-top: 70px;
    padding: 180px 50px 56px;
}
.contact-page > div.center {
    width: 100%;
    padding: 45px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 40px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 20px;
    background-position: right top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 282px;
    display: inline-block;
    width: 350px;
}
.jobs > li > div.main-title {
    padding: 10px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 17px;
    height: 20px;
    background-size: auto;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
}
.job-conten > li .description {
    padding: 15px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 50px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 auto 60px;
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 20px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0;
}
.more_works {
    padding-top: 30px;
    display: none;
    padding-bottom: 30px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
    display: none;
}
.category-header {
    height: auto;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100% - 100px);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 0;
    height: auto;
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.share-link {
    left: 50px;
    width: 150px;
    display: none;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 24px;
}
.work-header{
    height: calc(100% - 200px);
}
.video-section {
    padding: 80px 0 0;
    display: none;
}
.grid-three .top {
    padding-bottom: 0;
}
.video-section .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
    height: auto;
    top: 310px;
    bottom: auto;
    left: 0;
    right: 0;
}
.more_works .post-object {
    margin: 30px 0 0;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    display: block;
    font-size: 0;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 60px 60px;
    min-height: 290px;
}
.testimonials_section .line {
    height: 240px;
}
.grid-three {
    padding-top: 60px;
    padding-bottom: 20px;
}
ul.contact-form textarea {
    height: 135px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
    position: relative;
}
.work-header .logo {
    width: 50%;
    height: 50px;
    top: 40px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 10px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
    text-align: center;
    display: block;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 375px;
    max-height: 375px;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-image-text{
  padding-bottom: 85px;
}
.grid-three .gallery {
    padding: 0;
    overflow-x: auto;
    margin-top: 30px;
}
.video-section .inside .description .desc {
    padding: 80px 0 35px;
    width: 50%;
}
.work-about ul.list li:nth-child(2) {
    width: 20%;
    display: none;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 100%;
}
.grid-image-text .in {width: 100%;display: block;position: relative;top: 0;right: 0;transform: none;}
.work-about ul.list li .desc {
    padding-left: 40px;
}
.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 20px 0 50px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 60px;
    letter-spacing: 0.02em;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 65px;
    line-height: 65px;
}  
.work-header .category {
    bottom: 40px;
}
.category-header .description p {
    margin: 0 0 10px;
}
.category-header .table {
    padding-top: 150px;
}
.fulltrip .top-title {
    padding: 80px 45px 120px;
}
.video-p, .hiddenvideo {
    height: 380px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 35px;
}
.culture-in {
    width: auto;
    padding: 0 45px;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    column-gap: 50px;
}
#portfoliolist .portfolio {
    width: 100%;
}
nav.filter-nav {
    padding-bottom: 12px;
    margin-bottom: 35px;
}
.container {
    margin: 0;
}
.category-header .title {
    padding: 32px 0;
    width: 100%;
    display: block;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: auto;
    padding-top: 0;
    display: block;
    padding-bottom: 40px;
}
.our-team .table-cell.description > p {
    padding: 20px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: auto;
    display: block;
}
ul.team li {
    width: 50%;
    padding: 0 30px 30px;
}
.our-culture .table-cell.title{
  padding-bottom: 40px;
}
.category-header .description {
    padding: 15px 0 70px;
    display: block;
}
ul.team li .icon {
    width: 135px;
    height: 135px;
}
.video-sec {
    padding-bottom: 80px;
}
.what-we-do-ip {
    padding: 0;
    min-height: auto;
    height: auto;
}
body nav.filter-nav .line {
    bottom: 5px;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 26px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 270px);
}
.fullteam .info .title {
    letter-spacing: 0.02em;
    line-height: 70px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 0;
    display: block;
}
.our-team .table-cell.description {
    padding-right: 0;
    padding-top: 65px;
    display: block;
}
.fullteam .info {
    padding-right: 50px;
    display: block;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: auto;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    display: block;
    width: 100%;
    padding-bottom: 40px;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 250px;
    display: block;
    margin: auto;
    padding-top: 150px;
    padding-bottom: 50px;
}
.culture .item {
    padding: 0 13px;
    width: 275px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 15px 0 10px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 100%;
    padding-left: 35px;
    padding-bottom: 40px;
}
.culture .thumb {
    height: 370px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 5px;
}
ul.team {
    padding: 70px 50px 150px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 20px;
    height: 20px;
    padding: 0!important;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
    display: none!important;
}
.video-p i {
    width: 90px;
    height: 90px;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 26px;
    padding-left: 35px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 80px;
    font-size: 85px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: -42px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
    display: inline-block;
}
.what-we-do-ip ul.items {
    top: 0;
    right: 0;
    width: 75%;
    position: relative;
    margin-top: 60px;
}
.culture {
    padding: 55px 45px 50px;
    width: auto;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 26px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 70px;
}
.about-header .description p span {
    padding: 20px 0 0;
}
.menu ul.menu,.menu ul.socials {
    padding-right: 70px;
}
.menu ul.menu li {
    margin: 44px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: auto;
    padding: 0 45px;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 28px;
    line-height: 32px;
}
.slider-for .item{
  width: 100%;
  padding: 0;
  max-width: 660px;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 18px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 92px;
    letter-spacing: 0.01em;
}
 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 28px;
}

.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 20px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 15px;
    line-height: 26px;
}
ul.team li .description{
  font-size:18px;
}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.job-conten > li .title{
  font-size:15px;
}
.grid-image-text .in .desc p,.grid-image-text .in .desc li{
  font-size: 15px;
}
.loftloader-loaded header, .loftloader-loaded footer {
    height: 50px;
  } 
  header ul.logo-section {
    margin: 30px 25px 0;
}
.loftloader-loaded footer {
    bottom: 0;
    border-top: 1px solid #e3e3e3;
}
.about-header .description {
    padding-right: 0;
}
header ul.logo-section, .header-space {
    height: 0;
    /* display: none; */
}
.single header ul.logo-section{
  display: none;
}
header ul.logo-section li {
    min-width: 40px;
}
header ul.logo-section li a {
    width: 80px;
    height: 20px;
    margin-top: 0;
}
.hamburger {
    position: fixed;
    left: 25px;
    top: 20px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 40px;
    background-color: #fff;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    z-index: 10000000000;
}
.fulltrip .hamburger,.fullteam .hamburger{
  position: fixed;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 16px;
    line-height: 22px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.more_works .portfolio .label-text .text-title{
  font-size: 22px;
}
.what-we-do-ip ul.items .title{
  font-size:22px;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -50px;
    left: auto;
    right: 0;
}
.hamburger.menu-hamburger{
  width: 70px;
  height: 70px;
  background-color: transparent;
  line-height: normal;
  letter-spacing: normal;
  left: 25px;
  text-align: left;
  border-radius: 0;
}
.hamburger.menu-hamburger .hamburger-box{
  letter-spacing: 0.12em;
  line-height: 20px;
  width: 40px;
  background-color: #fff;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: 10000;
  margin: 0;
}
.hamburger.menu-hamburger .hamburger-box .hamburger-inner{
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.hp-section.hp-04 {
    padding: 120px 0 105px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 60px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 70px;
    padding: 30px 0 0;
}
body .hp-01.hp-01-01 p span {
    line-height: 100px;
    font-size: 92px;
}
.hp-01.hp-01-01 p{
  line-height: 92px;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 20px 0 0;
}
.sline {
    height: 3px;
    width: 60px;
}
body .d-title {
    line-height: 55px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 115px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: 188px;
}
.category-header .float-sumbol{
   display:none
}
.who-we-are .description {
    padding: 25px 0 0;
    display: block;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 20px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output {
    font-size: 22px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2, .designrush .title-aw, .designrush .description,.designrush .description a {
    font-size: 22px;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-05 {
    height: auto;
    overflow: hidden;
}
.hp-section.hp-05 .in{
  padding-bottom:45px;
}
.what-we-do .title {
    width: 100%;
    display: block;
}

.hp-05 div.items {
    height: auto;
    padding-right: 0;
    position: relative;
    padding-top: 30px;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
}
.hp-05 div.items ul li .description p {
    line-height: 24px;
    font-size: 16px;
}
.hp-section.hp-06 {
    padding: 100px 0 80px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0;
}
.post-object .item {
    height: 290px;
    display: block;
}
.portfolio-wrapper {
    height: 320px;
}
.portfolio .label {
    height: 130px;
    bottom: -30px;
}
.portfolio .label-text {
    padding: 0 40px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 70px 0 0;
}
ul.awards li .main-title {
    background-position: top 50px right 225px;
    background-size: 10%;
}
ul.awards li p {
    padding: 30px 0 0;
}
ul.awards-items {
    margin: 45px 0 55px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 27px;
    min-width: 35px;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size: 26px;
}
ul.awards-items > li ul.item li p {
    line-height: 30px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.job-conten > li .description > ul > li{
  font-size:15px;
  line-height: 20px;
}
.hp-section.hp-09 {
    height: 300px;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .y-line {
    height: 300px;
    top: 100px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: 680px;
}
.testimonials {
    margin: 85px auto 0;
    min-height: 280px;
}
.conversion_rates{
  width: auto;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
    /* display: none!important; */
}
.testimonials button.slick-next {
    left: -60px;
}
.testimonials button {
    top: calc(50% + 25px);
}
.testimonials-slider .table > div.left {
    width: 100%;
    margin: auto;
}
.testimonials button.slick-prev:hover{
 right: -65px;
}
.testimonials button.slick-next:hover{
   left: -65px; 
}
.fullteam .info .role {
    padding: 10px 0 35px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
    margin: auto;
}
.testimonials-slider .left .name {
    padding: 45px 0 0;
    margin: 0 0 10px;
    font-size: 30px;
}
.testimonials-slider .left .name:before {
    width: 75px;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
}
.testimonials-slider .left .logo {
    height: 30px;
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
}
.testimonials-slider .right {
    width: 70%;
    padding: 20px 0 0;
}
.testimonials-slider .right p {
    font-size: 14px;
    line-height: 28px;
}
.contact {
    padding: 50px 0 70px;
    min-height: 170px;
}
.contact .inside .title {
    width: 48%;
    padding-right: 70px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: -2px;
}
.contact .inside .info {
    width: auto;
    margin-bottom: 30px;
    margin-right: 70px;
}
.contact .inside .address {
    width: auto;
    margin-right: 70px;
}
.loaded .side-bg.right, .loaded .side-bg.right {
}
.testimonials .table{
  padding: 0;
}
.hamburger-box {
    width: 25px;
    height: 18px;
    float: none;
}
.is-active .hamburger-box {
    /* width: 25px; */
    /* height: 32px; */
    margin-left: 3px;
    margin-top: 2px;
}
.menu-name {
    display: none;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 23px;
    height: 2px;
    top: 100%;
}
footer .inside {
    padding: 0 50px;
}
.hamburger-inner:before {
    top: -6px;
    width: 17px;
}
.hamburger-inner:after {
    bottom: -7px;
    width: 11px;
    top: auto;
}
header ul.logo-section li i {
    -webkit-mask-image: url(gfx/Shape_9.svg);
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    background-image: none;
}
.body-careers header ul.logo-section li i {
    -webkit-mask-image: none;
    background-color: transparent;
    -webkit-mask-repeat: no-repeat;
    background-image: url(gfx/Shape_9.svg);
}
.testimonials-slider .left .role, ul.team li .description, .who-we-are .description p, .job-conten > li .description > ul > li {
    font-weight: 400;
}
.hamburger:hover .hamburger-inner:after{
  left:12px;
}
.hamburger:hover .hamburger-inner:before{
   left:6px;
}
.who-we-are > div, .hp-05 div.items {
    display: block;
}
ul.awards-items > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-bottom: 15px;
}
ul.awards-items > li ul.item li {
    display: table-cell;
    line-height: 30px;
}
.testimonials-slider .table > div {
    display: block;
    width: 100%;
    text-align: center;
}
.testimonials-slider .table > div.right{
  text-align:right;
  width: 70%;
}
ul.awards-items > li ul.item li p br{
  display:none;
}
.hp-section.hp-10 .slider-nav .slick-track {
    text-align: right;
}
.contact .inside > div {
    display:block;
}
.contact .inside {
    display: block;
}
ul.awards li {
    display: block;
}
.contact .inside .title {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.testimonials-slider .left img {
    margin: auto;
}
footer a, footer ul.socials{
  display:none;
}
.who-we-are .description p br{
  display:none;
}
section.menu {
    /* z-index: 3000000; */
}
.is-active header ul.logo-section{
  display:none;
}
.contact-page > div {
    display: block;
    width: 100%;
}
.thank-you > .table > .table-cell .table {
    display: block;
}
.thank-you > .table > .table-cell .table .table-cell {
    display: block;
    text-align: center;
    padding-top: 45px;
}
.hide-in-desctop{
  display:block;
}
.hide-in-mobile{
  display:none;
}
.lottie {
    width: 90%;
}
.contact-page > div.map #map_canvas {
    height: 400px;
}
.description.hide-in-desctop{
  font-size: 22px;
  line-height: 35px;
}
.address.hide-in-desctop{
  padding: 65px 45px 45px;
  background-color: #fff;
}
.join-top-section .back-section .table-row {
    height: 300px;
    display: block;
}
.top-main-desc{padding-top: 80px;}
.top-main-desc p{margin: 0;padding: 0;color: #fff;font-size: 20px;font-weight: 600;}
.top-main-desc em{
  color: #fff;
  font-size: 25px;
  display: block;
}
.top-main-desc p br{
  display: none;
}
.join-top-section .back-section .table-row:last-child{
  height: 540px;
}
.join-top-section .back-section .table-row .table-cell {
    width: 100%;
    display: block;
    height: 270px;
}
.address.hide-in-desctop p{
  line-height: 25px;
}
.join-top-section .in .table-cell {
  display:block;
  margin-top: 175px;
}
.back-link .req div.ins {
    width: 16px;
    left: 13px;
    right: auto;
    top: 14px;
    bottom: auto;
    background: #fff;
    height: 16px;
    padding: 0;
    margin: auto;
}
.back-link .req:focus{
  opacity:.6;
}
.back-link {
    position: absolute;
    right: auto;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 70px;
    overflow: hidden;
    cursor: pointer;
    height: 70px;
    left: 20px;
    top: 20px;
    text-align: center;
    bottom: auto;
}
.back-link:hover .req,.back-link.active .req{
top:0px;
}
.back-link:hover .txt,.back-link.active .txt{
 top:100%; 
}
.side-bg {
}
.work-about ul.list li {
    display: block;
}
.join-top-section .back-section {
    height: auto;
    display: block;
    width: 100%;
}
.grid-image > div {
    width: 100%;
    display: block;
}
.post-nav {
    display: none;
}
.grid-image {
    position: relative;
    display: block;
    padding-bottom: 25px;
}
.work-about ul.list li:nth-child(3) {
  display:none;
}
.back-link .req span {
    width: 7px;
    height: 7px;
}
.three_columns ul.list li i {
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
}
.three_columns ul.list li:last-child {
    padding: 0;
    width: 100%;
}
.conversion_rates .inside .left {
    width: 100%;
    display: block;
}
.conversion_rates .inside .right {
    vertical-align: middle;
    display: block;
}
.three_columns ul.list {
    display: block;
    margin-top: 60px;
    margin-bottom: 60px;
}
.three_columns .top .title {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
}
.three_columns .top .description {
    display: block;
    vertical-align: top;
}
.about-header .table {
    height: 540px;
    display: table;
}
.about-header .title:before {
   content:'';
}
.about-header {
    padding-top:200px;
    height: auto;
}
.about-header .table .table-cell{
  display: block;
  padding-top: 50px;
}
.contact .inside .title:hover span.arrow-a i{
-webkit-animation: arrowend 0.2s ease-out;
    animation: arrowend 0.2s ease-in;
  left:40px;
  right:auto;
}
.contact .inside .title:hover span.arrow-a:before{
  right:auto;
  left:40px;
-webkit-animation: myend .2s ease-in;
animation: myend .2s ease-in;
}
.contact .inside .title:hover:before{
  right:5px;
}
.contact .inside .title:hover span.arrow-a {
    right: -10;
}
}
@media (min-width: 768px) {
.designrush{
  display: table;
  padding-bottom: 90px;
  }
.designrush .logo{
  display: table-cell;
  width: 120px;
}
.designrush .description, .designrush .title-aw{
  padding-right: 30px;
}
.designrush .content{
  display: table-cell;
}

.portfolio img.logo {
    max-width: 150px;
    right: 35px;
    top: 35px;
    max-height: 25px;
}
.more_works .portfolio img.logo {
    right: 28px;
    top: 20px;
}

.copyright{
  right: 0;
  height: 18px;
  position: relative;
  text-align: center;
  padding-top: 16px;
}
  
.hp-animation{
  width: 90%;
}
.back-link .req .inside{
  width: 42px;
  height: 42px;
  background-color: #fff;
  position: absolute;
  left: 0;
  border-radius: 50%;
}
.grid-three iframe {
    min-height: 450px;
    margin-top: 50px;
}
.grid-image > div iframe {
    min-height: 480px;
}
.grid-image-text .in .desc ul li:before {
    width: 8px;
    height: 8px;
    top: 8px;
}
.nav-out.sticky {
    top: 0;
    height: 70px;
    padding-top: 25px;
    position: fixed;
    width: 100%;
    right: 0;
    z-index: 999;
}
.nav-in {
    display: block;
}

.nav-space.sticky {
    height: 30px;
}

.hp-animation img {
    max-width: 80%;
}
ul.team .sitem:before {
    bottom: -20px;
}
.bg-slide{
  display:none;
}
  .video-section .inside .video-sec,.video-sec-out .title {
    width: 310px;
    position: relative;
}
.slider-for .item ul li {
    width: 33.3%;
}
.video-sec-out .title{
  position:absolute;
}
.thank-you > .table > .table-cell .table .table-cell div{
  color:#fff;
  text-align: center;
}
.culture-in .table-cell.gallery-cell {
    display:block;
}
.our-team .table-cell.title {
    display:block;
}
.three_columns ul.list li{
  display: block;
  padding-left: 0;
  width: 100%;
  padding-bottom: 40px;
}
.grid-three .gallery img {
    max-width: 125%;
}
.grid-three .gallery img.normal-width {
    max-width: 100%;
}
.thank-you > .table > .table-cell .table .table-cell div.description{
  color:#000;
  display: none;
}
.menu ul.socials {
    display: table;
    float: none;
    margin: 0 0 0;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    display: block;
    margin: 0 50px;
}
.grid-image-text .in > div {
    display: block;
    width: 100%;
}
.is-active section.menu-bg {
    opacity: .9;
    -webkit-transform: translateX(25%) scale(0.9);
    -moz-transform: translateX(25%) scale(1);
    -ms-transform: translateX(25%) scale(1);
    -o-transform: translateX(25%) scale(1);
    transform: translateX(25%) scale(1);
}
span.arrow-a {
    width: 60px;
    height: 28px;
    right: 30px;
}
footer .inside > a.scrollToContent {
}
.jobs > li > div.main-title.active, .jobs > li > div.main-title:hover {
    background-color: transparent;
}

.hp-section.hp-11 .slick-dots,.testimonials .slick-dots {
    display: block!important;
    position: absolute;
    bottom: -80px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.hp-section.hp-11 .slick-dots li{display: inline-block;padding: 0 5px;}
.hp-section.hp-11 .slick-dots li button{
  display: block!important;
  width: 10px;
  height: 10px;
  background-color: rgba(216, 216, 216, 1);
  background-image: none;
  border-radius: 50%;
  top: 0;
  position: relative;
}
.grid-three .title {
    width: 100%;
    display: block;
    padding: 0;
}
.grid-three .description {
    vertical-align: top;
    display: block;
    padding-top: 15px;
    padding-bottom: 0;
}
.hp-section.hp-11 .slick-dots li.slick-active button{
  background-color:rgba(248, 178, 28, 1);
}
.slider-for .item{
  padding:0;
}
.hp-section.hp-11 .title-section > div {
    display: block;
    width: 100%;
}
.hp-section.hp-09 .in {
    width: 100%;
    height: 180px;
}
.hp-05 .line {
    height: 245px;
    right: -45px;
    width: 140%;
    top: 100px;
}
header, footer {
    background-color: transparent;;
}
header{
  position: absolute;
}
.our-team {
    padding: 100px 0 0;
    margin-top: 40px;
}
.about-header .line {
    width: 75%;
    display: none;
}
.hp-section.hp-10 {
    padding: 60px 0 0;
}
.line.hide-in-desctop{
  width: 100%;
  top: 300px;
  display: block;
  height: 350px;
}
.testimonials button.slick-prev {
    right: -60px;
}
.conversion_rates {
    margin: 80px auto -20px;
}
.hp-section.hp-10 .slider-nav {
    top: 40px;
    position: relative;
    top: 0;
    margin: 30px 0 0;
}
.conversion_rates .inside .left .title {
    padding-bottom: 35px;
}
ul.contact-form li.email {
    padding: 0 0 40px;
}
.our-team .a-line {
    height: 135px;
}
.contact-page > div {
    width: 50%;
}
.conversion_rates .inside {
    padding: 55px 75px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 34px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 310px;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
.contact-page, .thank-you {
    height: 100%;
    width: 100%;
    margin: 0;
}
.contact-page{
  height:auto;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 65px;
    padding-left: 70%;
}
.testimonials_section {
    padding-top: 90px;
    margin-top: 80px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 30px;
    left: 30px;
    display: none;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: -30px;
}
.thank-you {
    top: 50px;

}
ul.contact-form li {
    padding: 0 0 30px;
}
.contact-page > div.left h1 {
    line-height: 65px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors,body .invalid div.wpcf7-response-output {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}
.contact-page > div.left {
    width: 100%;
    padding-top: 70px;
    padding: 180px 50px 56px;
}
.contact-page > div.center {
    width: 100%;
    padding: 45px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 40px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 20px;
    background-position: right top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 282px;
    display: inline-block;
    width: 350px;
}
.jobs > li > div.main-title {
    padding: 10px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 17px;
    height: 20px;
    background-size: auto;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
}
.job-conten > li .description {
    padding: 15px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 50px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 auto 60px;
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 20px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0;
}
.more_works {
    padding-top: 30px;
    display: none;
    padding-bottom: 30px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
    display: none;
}
.category-header {
    height: auto;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100% - 100px);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 0;
    height: auto;
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.share-link {
    left: 50px;
    width: 150px;
    display: none;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 24px;
}
.work-header{
    height: calc(100% - 200px);
}
.video-section {
    padding: 80px 0 0;
    display: none;
}
.grid-three .top {
    padding-bottom: 0;
}
.video-section .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
    height: auto;
    top: 310px;
    bottom: auto;
    left: 0;
    right: 0;
}
.more_works .post-object {
    margin: 30px 0 0;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    display: block;
    font-size: 0;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 60px 60px;
    min-height: 290px;
}
.testimonials_section .line {
    height: 240px;
}
.grid-three {
    padding-top: 60px;
    padding-bottom: 20px;
}
ul.contact-form textarea {
    height: 135px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
    position: relative;
}
.work-header .logo {
    width: 30%;
    height: 50px;
    top: 40px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 10px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
    text-align: center;
    display: block;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 375px;
    max-height: 375px;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-image-text{
  padding-bottom: 85px;
}
.grid-three .gallery {
    padding: 0;
    overflow-x: auto;
    margin-top: 30px;
}
.video-section .inside .description .desc {
    padding: 80px 0 35px;
    width: 50%;
}
.work-about ul.list li:nth-child(2) {
    width: 20%;
    display: none;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 100%;
}
.grid-image-text .in {width: 100%;display: block;position: relative;top: 0;right: 0;transform: none;}
.work-about ul.list li .desc {
    padding-left: 40px;
}
.work-about ul.list li a.read-more{display: inline-block;position: relative;margin-top: 15px;min-height: 25px;}
.work-about ul.list li a.read-more span{
  color: #000;
  font-size: 20px;
  position: relative;
  z-index: 2;
}
.work-about ul.list li a.read-more:before{
  content:'';
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 21px;
  z-index: 1;
  top: 3px;
}
.work-about ul.list li:nth-child(2) a{
  display:none;
}
.work-about ul.list.active li:nth-child(2){
  display:block;
  width: 100%;
}






.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 20px 0 50px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 60px;
    letter-spacing: 0.02em;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 65px;
    line-height: 65px;
}  
.work-header .category {
    bottom: 40px;
}
.category-header .description p {
    margin: 0 0 10px;
}
.category-header .table {
    padding-top: 150px;
}
.fulltrip .top-title {
    padding: 80px 45px 120px;
}
.video-p, .hiddenvideo {
    height: 380px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 35px;
}
.culture-in {
    width: auto;
    padding: 0 45px;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    column-gap: 50px;
}
#portfoliolist .portfolio {
    width: 100%;
}
nav.filter-nav {
    padding-bottom: 12px;
    margin-bottom: 35px;
}
.container {
    margin: 0;
}
.category-header .title {
    padding: 32px 0;
    width: 100%;
    display: block;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: auto;
    padding-top: 0;
    display: block;
    padding-bottom: 40px;
}
.our-team .table-cell.description > p {
    padding: 20px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: auto;
    display: block;
}
ul.team li {
    width: 50%;
    padding: 0 30px 30px;
}
.our-culture .table-cell.title{
  padding-bottom: 40px;
}
.category-header .description {
    padding: 15px 0 70px;
    display: block;
}
ul.team li .icon {
    width: 135px;
    height: 135px;
}
.video-sec {
    padding-bottom: 80px;
}
.what-we-do-ip {
    padding: 0;
    min-height: auto;
    height: auto;
}
body nav.filter-nav .line {
    bottom: 5px;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 26px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 270px);
}
.fullteam .info .title {
    letter-spacing: 0.02em;
    line-height: 70px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 0;
    display: block;
}
.our-team .table-cell.description {
    padding-right: 0;
    padding-top: 65px;
    display: block;
}
.fullteam .info {
    padding-right: 50px;
    display: block;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: auto;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    display: block;
    width: 100%;
    padding-bottom: 40px;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 250px;
    display: block;
    margin: auto;
    padding-top: 150px;
    padding-bottom: 50px;
}
.culture .item {
    padding: 0 13px;
    width: 275px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 15px 0 10px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 100%;
    padding-left: 35px;
    padding-bottom: 40px;
}
.culture .thumb {
    height: 370px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 5px;
}
ul.team {
    padding: 70px 50px 150px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 20px;
    height: 20px;
    padding: 0!important;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
    display: none!important;
}
.video-p i {
    width: 90px;
    height: 90px;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 26px;
    padding-left: 35px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 80px;
    font-size: 85px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: -42px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
    display: inline-block;
}
.what-we-do-ip ul.items {
    top: 0;
    right: 0;
    width: 75%;
    position: relative;
    margin-top: 60px;
}
.culture {
    padding: 55px 45px 50px;
    width: auto;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 26px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 70px;
}
.about-header .description p span {
    padding: 20px 0 0;
}
.menu ul.menu,.menu ul.socials {
    padding-right: 70px;
}
.menu ul.menu li {
    margin: 44px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: auto;
    padding: 0 45px;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 28px;
    line-height: 32px;
}
.slider-for .item{
  width: 100%;
  padding: 0;
  max-width: 660px;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 18px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 137px;
    letter-spacing: 0.01em;
}

 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 28px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 20px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 15px;
    line-height: 26px;
}
ul.team li .description{
  font-size:18px;
}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.job-conten > li .title{
  font-size:15px;
}
.grid-image-text .in .desc p,.grid-image-text .in .desc li{
  font-size: 15px;
}
.loftloader-loaded header, .loftloader-loaded footer {
    height: 50px;
    /* z-index: auto; */
  } 
  header ul.logo-section {
    margin: 30px 25px 0;
}
.loftloader-loaded footer {
    bottom: 0;
    border-top: 1px solid #e3e3e3;
}
footer{
  position:relative;
}

.about-header .description {
    padding-right: 0;
}
header ul.logo-section, .header-space {
    height: 0;
    /* display: none; */
}
.single header ul.logo-section{
  display: none;
}
header ul.logo-section li {
    min-width: 40px;
}
header ul.logo-section li a {
    width: 80px;
    height: 20px;
    margin-top: 0;
}
.hamburger {
    position: fixed;
    left: 25px;
    top: 20px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 40px;
    background-color: #fff;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    z-index: 10000;
}
.fulltrip .hamburger,.fullteam .hamburger{
  position: fixed;
  top: 40px;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 16px;
    line-height: 22px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.more_works .portfolio .label-text .text-title{
  font-size: 22px;
}
.what-we-do-ip ul.items .title{
  font-size:22px;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -70px;
    left: auto;
    right: 5px;
}
.hp-section.hp-04 {
    padding: 120px 0 105px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 60px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 70px;
    padding: 30px 0 0;
}
.hamburger.menu-hamburger{
  width: 70px;
  height: 70px;
  background-color: transparent;
  line-height: normal;
  letter-spacing: normal;
  left: 25px;
  text-align: left;
  border-radius: 0;
}
.sticky-body .hamburger.menu-hamburger {
    top: 55px;
}
.hamburger.menu-hamburger .hamburger-box{
  letter-spacing: 0.12em;
  line-height: 20px;
  width: 40px;
  background-color: #fff;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: 999999999;
  margin: 0;
}
.hamburger.menu-hamburger .hamburger-box .hamburger-inner{
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 20px 0 0;
}
.hp-01.hp-01-01 p {
  line-height: 92px;
  font-size: 92px;
}
.sline {
    height: 3px;
    width: 60px;
}
body .d-title {
    line-height: 55px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 115px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: 188px;
}
.category-header .float-sumbol{
   display:none
}
.who-we-are .description {
    padding: 25px 0 0;
    display: block;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 20px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output {
    font-size: 22px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2, .designrush .title-aw, .designrush .description,.designrush .description a {
    font-size: 22px;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-05 {
    height: auto;
    overflow: hidden;
}
.hp-section.hp-05 .in{
  padding-bottom:45px;
}
.what-we-do .title {
    width: 100%;
    display: block;
}

.hp-05 div.items {
    height: auto;
    padding-right: 0;
    position: relative;
    padding-top: 30px;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
}
.hp-05 div.items ul li .description p {
    line-height: 24px;
    font-size: 16px;
}
.hp-section.hp-06 {
    padding: 100px 0 80px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0;
}
.post-object .item {
    height: 290px;
    display: block;
}
.portfolio-wrapper {
    height: 320px;
}
.portfolio .label {
    height: 130px;
    bottom: -15px;
}
.portfolio .label-text {
    padding: 0 40px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 70px 0 0;
}
ul.awards li .main-title {
    background-position: top 50px right 225px;
    background-size: 10%;
}
ul.awards li p {
    padding: 30px 0 0;
}
ul.awards-items {
    margin: 45px 0 55px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 27px;
    min-width: 35px;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size: 26px;
}
ul.awards-items > li ul.item li p {
    line-height: 30px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.job-conten > li .description > ul > li{
  font-size:15px;
  line-height: 20px;
}
.hp-section.hp-09 {
    height: 300px;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .y-line {
    height: 300px;
    top: 100px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: 680px;
}
.testimonials {
    margin: 85px auto 0;
    min-height: 280px;
}
.conversion_rates{
  width: auto;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
    /* display: none!important; */
}
.testimonials button.slick-next {
    left: -60px;
}
.testimonials button {
    top: calc(50% + 25px);
}
.testimonials-slider .table > div.left {
    width: 100%;
    margin: auto;
}
.testimonials button.slick-prev:hover{
 right: -65px;
}
.testimonials button.slick-next:hover{
   left: -65px; 
}
.fullteam .info .role {
    padding: 10px 0 35px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
    margin: auto;
}
.testimonials-slider .left .name {
    padding: 45px 0 0;
    margin: 0 0 10px;
    font-size: 30px;
}
.testimonials-slider .left .name:before {
    width: 75px;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
}
.testimonials-slider .left .logo {
    height: 30px;
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
}
.testimonials-slider .right {
    width: 70%;
    padding: 20px 0 0;
}
.testimonials-slider .right p {
    font-size: 14px;
    line-height: 28px;
}
.contact {
    padding: 50px 0 70px;
    min-height: 170px;
}
.contact .inside .title {
    width: 48%;
    padding-right: 70px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: -2px;
}
.contact .inside .info {
    width: auto;
    margin-bottom: 30px;
    margin-right: 70px;
}
.contact .inside .address {
    width: auto;
    margin-right: 70px;
}
.loaded .side-bg.right, .loaded .side-bg.right {
}
.testimonials .table{
  padding: 0;
}
.hamburger-box {
    width: 25px;
    height: 18px;
    float: none;
}
.is-active .hamburger-box {
    /* width: 25px; */
    /* height: 32px; */
    margin-left: 3px;
    margin-top: 2px;
}
.menu-name {
    display: none;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 23px;
    height: 2px;
    top: 100%;
}
footer .inside {
    padding: 0 50px;
}
.hamburger-inner:before {
    top: -6px;
    width: 17px;
}
.hamburger-inner:after {
    bottom: -7px;
    width: 11px;
    top: auto;
}
header ul.logo-section li i {
    -webkit-mask-image: url(gfx/Shape_9.svg);
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    background-image: none;
}
.body-careers header ul.logo-section li i {
    -webkit-mask-image: none;
    background-color: transparent;
    -webkit-mask-repeat: no-repeat;
    background-image: url(gfx/Shape_9.svg);
}
.testimonials-slider .left .role, ul.team li .description, .who-we-are .description p, .job-conten > li .description > ul > li {
    font-weight: 400;
}
.hamburger:hover .hamburger-inner:after{
  left:12px;
}
.hamburger:hover .hamburger-inner:before{
   left:6px;
}
.who-we-are > div, .hp-05 div.items {
    display: block;
}
ul.awards-items > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-bottom: 15px;
}
ul.awards-items > li ul.item li {
    display: table-cell;
    line-height: 30px;
}
.testimonials-slider .table > div {
    display: block;
    width: 100%;
    text-align: center;
}
.testimonials-slider .table > div.right{
  text-align:right;
  width: 70%;
}
ul.awards-items > li ul.item li p br{
  display:none;
}
.hp-section.hp-10 .slider-nav .slick-track {
    text-align: right;
}
.contact .inside > div {
    display:block;
}
.contact .inside {
    display: block;
}
ul.awards li {
    display: block;
}
.contact .inside .title {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
    
.testimonials-slider .left img {
    margin: auto;
}
footer a,footer ul.socials{
  display:none;
}
.who-we-are .description p br{
  display:none;
}
section.menu {
    /* z-index: 3000000; */
}
.is-active header ul.logo-section{
  display:none;
}
.contact-page > div {
    display: block;
    width: 100%;
}
.thank-you > .table > .table-cell .table {
    display: block;
}
.thank-you > .table > .table-cell .table .table-cell {
    display: block;
    text-align: center;
    padding-top: 45px;
}
.hide-in-desctop{
  display:block;
}
.hide-in-mobile{
  display:none;
}
.lottie{
  width: 85%;
}
.contact-page > div.map #map_canvas {
    height: 400px;
}
.description.hide-in-desctop{
  font-size: 22px;
  line-height: 35px;
}
.address.hide-in-desctop{
  padding: 65px 45px 45px;
  background-color: #fff;
}
.join-top-section .back-section .table-row {
    height: 300px;
    display: block;
}
.top-main-desc{padding-top: 80px;}
.top-main-desc p{margin: 0;padding: 0;color: #fff;font-size: 20px;font-weight: 600;}
.top-main-desc em{
  color: #fff;
  font-size: 25px;
  display: block;
}
.top-main-desc p br{
  display: none;
}
.join-top-section .back-section .table-row:last-child{
  height: 540px;
}
.join-top-section .back-section .table-row .table-cell {
    width: 100%;
    display: block;
    height: 270px;
}
.address.hide-in-desctop p{
  line-height: 25px;
}
.join-top-section .in .table-cell {
  display:block;
  margin-top: 175px;
}
.back-link .req div.ins {
    width: 16px;
    left: 13px;
    right: auto;
    top: 14px;
    bottom: auto;
    background: #fff;
    height: 16px;
    padding: 0;
    margin: auto;
}
.back-link .req:focus{
  opacity:.6;
}
.back-link {
    position: absolute;
    right: auto;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 70px;
    overflow: hidden;
    cursor: pointer;
    height: 70px;
    left: 20px;
    top: 20px;
    text-align: center;
    bottom: auto;
}
.back-link:hover .req,.back-link.active .req{
top:0px;
}
.back-link:hover .txt,.back-link.active .txt{
 top:100%; 
}
.side-bg {
}
.work-about ul.list li {
    display: block;
}
.join-top-section .back-section {
    height: auto;
    display: block;
    width: 100%;
}
.grid-image > div {
    width: 100%;
    display: block;
}
.post-nav {
    display: none;
}
.grid-image {
    position: relative;
    display: block;
    padding-top: 150px;
}
.work-about ul.list li:nth-child(3) {
  display:none;
}
.back-link .req span {
    width: 7px;
    height: 7px;
}
.three_columns ul.list li i {
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
}
.three_columns ul.list li:last-child {
    padding: 0;
    width: 100%;
}
.conversion_rates .inside .left {
    width: 100%;
    display: block;
}
.conversion_rates .inside .right {
    vertical-align: middle;
    display: block;
}
.three_columns ul.list {
    display: block;
    margin-top: 60px;
    margin-bottom: 60px;
}
.three_columns .top .title {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
}
.three_columns .top .description {
    display: block;
    vertical-align: top;
}
.about-header .table {
    height: 540px;
    display: table;
}
.about-header .title:before {
   content:'';
}
.about-header {
    padding-top:200px;
    height: auto;
}
.about-header .table .table-cell{
  display: block;
  padding-top: 50px;
}
    
    
    
.contact .inside .title:hover span.arrow-a i{
-webkit-animation: arrowend 0.2s ease-out;
    animation: arrowend 0.2s ease-in;
  left:40px;
  right:auto;
}
.contact .inside .title:hover span.arrow-a:before{
  right:auto;
  left:40px;
-webkit-animation: myend .2s ease-in;
animation: myend .2s ease-in;
}
.contact .inside .title:hover:before{
  right:5px;
}
.contact .inside .title:hover span.arrow-a {
    right: -10;
}
}
@media (min-width: 992px) {
.designrush{
  display: table;
  padding-bottom: 90px;
  }
.designrush .logo{
  display: table-cell;
  width: 120px;
}
.designrush .description, .designrush .title-aw{
  padding-right: 30px;
}
.designrush .content{
  display: table-cell;
}


.portfolio img.logo {
    max-width: 120px;
    right: 20px;
    top: 20px;
    max-height: 25px;
}

  .more_works .portfolio img.logo {
    right: 28px;
    top: 20px;
}

  .copyright{
  right: 50px;
  height: 18px;
  position: absolute;
  text-align: right;
  padding-top: 0;
}
footer .inside > a.scrollToContent{
  display:block;
}
.loftloader-loaded footer {
    border-top: none;
}
footer ul.socials{
  display:table;
}
.hp-animation{
  width:100%;
}
.grid-image > div video,.grid-image > div iframe{
  float: left;
}
.grid-three iframe {
    min-height: 450px;
    margin: 0;
}
.grid-image > div iframe {
    width: 100%;
    min-height: 635px;
}
.grid-image-text.grid-text-image > div video,.grid-image-text.grid-text-image > div iframe{
    float: right;
}
.grid-image-text .in .desc ul li:before {
    width: 9px;
    height: 9px;
    top: 8px;
}
.back-link .req div.ins {
    width: 21px;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    background: #fff;
    height: 21px;
    padding: 0;
    margin: auto;
}
.slider-for .item ul li:last-child{
  display:none;
}
.back-link .req .inside {
    width: 21px;
    height: 21px;
    background-color: #fff;
    position: absolute;
    left: 0;
    border-radius: 0;
}
.nav-out.sticky {
    top: 50px;
    height: 70px;
    padding-top: 25px;
    position: fixed;
    width: calc(100% - 100px);
    right: 50px;
}

.nav-space.sticky {
    height: 78px;
}
.nav-in {
    display: inline-block;
}
.contact .inside .title:hover span.arrow-a i{
  -webkit-animation: arrowfirst .1s ease;
  animation: arrowfirst .1s ease;
  left:0;
  right:auto;
}
ul.team .sitem:before {
    display:none;
}
.grid-three video {
    padding-top:0px;
    margin-right: 50px!important;
}
.bg-slide{
  display:block;
}
.contact .inside .title:hover span.arrow-a:before{
  right:auto;
  left:0;
   -webkit-animation: myfirst .3s;
  animation: myfirst .3s; 
}
.contact .inside .title:hover:before{
  right:5px;
}
.contact .inside .title:hover span.arrow-a {
    right: 0;
}

  .video-section .inside .video-sec {
    width: 395px;
    position: absolute;
}
.hp-animation img{
  max-width: 100%;
}

.hamburger.menu-hamburger{
  width: auto;
  height: auto;
  background-color: transparent;
  line-height: 20px;
  letter-spacing: 0.12em;
  left: 58px;
  text-align: left;
  border-radius: 0;
  top: 5px;
  margin: auto;
}
.sticky-body .hamburger.menu-hamburger {
    top: 5px;
}
.hamburger.menu-hamburger .hamburger-box{
  letter-spacing: 0.12em;
  line-height: 20px;
  width: 40px;
  background-color: transparent;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: 10000;
  margin: 0;
}
.hamburger.menu-hamburger .hamburger-box .hamburger-inner{
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}



.about-header .title:before {
    display:none;
}
.culture-in .table-cell.gallery-cell {
    display:table-cell;
}
.single header ul.logo-section {
    display: table;
}
.our-team .table-cell.title {
    display:table-cell;
}
.three_columns .top .title {
    display: table-cell;
    width: 43%;
    padding-left: 220px;
    padding-bottom: 0;
}
.our-culture .table-cell.title {
    padding-bottom: 0;
}
.about-header {
    padding-top:0;
}
.about-header .table {
    height: calc(100%);
    display: table;
}
.about-header .table .table-cell{
  display:table-cell;
}
.three_columns ul.list li{
  display: table-cell;
  padding-left: 80px;
  width: auto;
}
.three_columns ul.list li i {
    width: 26px;
    height: 26px;
    margin-bottom: 30px;
}
.three_columns ul.list li:last-child {
    padding: 0;
    width: 24%;
}
.back-link .req {
    width: 21px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    height: 21px;
    padding: 0;
    margin: auto;
}
.three_columns ul.list {
    display: table;
    margin-top: 70px;
}
.three_columns .top .description {
    display: table-cell;
    vertical-align: top;
}
.conversion_rates .inside .right {
    vertical-align: middle;
    display: table-cell;
}
.conversion_rates .inside .left {
    width: 50%;
    display: table-cell;
}
.conversion_rates_four .inside .left {width: 25%;vertical-align: top;}
.conversion_rates_four .inside .right span{
  padding:0!important;
}
.grid-three .gallery img,.grid-three video {
    max-width: calc(100% - 95px);
    margin: auto;
}
.grid-image {
    position: relative;
    display: block;
}
.work-about ul.list li {
    display: table-cell;
}
.grid-image > div {
    width: 50%;
    display: table-cell;
}
.post-nav {
    display: block;
}
.back-link:hover .req,.back-link.active .req{
top:-50px;
}
.back-link:hover .txt,.back-link.active .txt{
 top:0; 
}
.grid-image-text .in > div {
    display: table-cell;
    width: 50%;
    padding-right: 100px;
}
.grid-image-text.grid-text-image .in > div{
      padding-right: 0px;
      padding-left: 80px;
}
.side-bg {
}
.back-link {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 200px;
    overflow: hidden;
    cursor: pointer;
    height: 24px;
    background-color: transparent;
    border-radius: 50%;
}
.work-about ul.list li:nth-child(3) {
  display:table-cell;
}
.join-top-section .back-section .table-row:last-child {
    height: auto;
}
.grid-three .title {
    width: 50%;
    display: table-cell;
    padding-left: 70px;
}
.grid-three .description {
    vertical-align: top;
    display: table-cell;
    padding: 0;
}
.back-link .req span {
    width: 9px;
    height: 9px;
}
.join-top-section .back-section {
    height: 100%;
    display: table;
    width: 100%;
}
.jobs > li > div.main-title.active, .jobs > li > div.main-title:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.join-top-section .in .table-cell {
  display:table-cell;
}
.join-top-section .back-section .table-row .table-cell {
    width: 50%;
    display: table-cell;
}
.join-top-section .back-section .table-row {
    height: 50%;
    display: table-row;
}
.thank-you > .table > .table-cell .table {
    display: table;
}
.thank-you > .table > .table-cell .table .table-cell {
    display: table-cell;
    text-align: right;
    padding: 0;
}
.thank-you > .table > .table-cell .table .table-cell div,.thank-you > .table > .table-cell .table .table-cell div.description{
  text-align: revert;
  display: inline-block;
  color: #000;
}
.is-active section.menu-bg {
    opacity: .9;
    -webkit-transform: translateX(25%) scale(1);
    -moz-transform: translateX(25%) scale(1);
    -ms-transform: translateX(25%) scale(1);
    -o-transform: translateX(25%) scale(1);
    transform: translateX(25%) scale(1);
}
.hide-in-desctop, .video-section.hide-in-desctop,.work-about ul.list li a.read-more{
  display:none;
  padding-bottom: 0;
}
.hide-in-mobile{
  display:block;
  width: 100%;
}
.contact-page > div.map #map_canvas {
    height: 100%;
}
.contact-page > div {
    display: table-cell;
    width: 50%;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    display: table;
    margin: 0 50px;
}
.menu ul.socials {
    display: none;
}
.is-active header ul.logo-section{
  display:table;
}
.is-active .hamburger-box {
    margin-left: 0;
}
section.menu {
    z-index: 300000;
}
footer{
  display:block;
  position: fixed;
}
span.arrow-a {
    width: 60px;
    height: 28px;
    right: 0;
}
.who-we-are .description p br{
  display:block;
}
.testimonials-slider .left .role, ul.team li .description, .who-we-are .description p, .job-conten > li .description > ul > li {
    font-weight: 200;
}
footer a {
  display:inline-block;
}
.testimonials-slider .left .name:before{
  content:'';
  position: absolute;
  width: 75px;
  height: 1px;
  bottom: 0;
  display:block;
  right: 0;
  left: auto;
}
.contact .inside {
    display: table;
}
.testimonials-slider .left img {
    margin: 0;
}
.contact .inside .title {
    display: table-cell;
}
.contact .inside > div {
    display: table-cell;
}
.testimonials-slider .table > div {
    display: table-cell;
    width: 25%;
    text-align: right;
}
.hp-section.hp-11 .title-section > div {
    display: table-cell;
    width: 50%;
}
.hp-section.hp-09 .in {
    width: 770px;
    height: 175px;
}
.hp-section.hp-10 .slider-nav .slick-track {
    text-align: left;
}
ul.awards-items > li ul.item li p br{
  display:block;
}
ul.awards-items > li ul.item li {
    display: table-cell;
    line-height: 30px;
}
ul.awards-items > li {
    display: table-cell;
    vertical-align: top;
    width: auto;
}
ul.awards li {
    display: table-cell;
}
.hp-section.hp-05 .in{
  padding-bottom:0;
}
.who-we-are > div, .hp-05 div.items {
    display: table-cell;
}
.hp-05 .line {
    height: 190px;
    right: 110px;
    top: 0;
    width: 200%;
}
.hamburger:hover .hamburger-inner:after{
  left:16px;
}
.hamburger:hover .hamburger-inner:before{
   left:10px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 27px;
    height: 2px;
    top: 50%;
}
.hamburger-box {
    width: 27px;
    height: 18px;
    float: left;
}
.teamham .hamburger-box {
    width: 25px;
    height: 18px;
    float: none;
}
header ul.logo-section li i {
    -webkit-mask-image: none;
    background-color: transparent;
    -webkit-mask-repeat: no-repeat;
    background-image: url(gfx/Shape_9.svg);
}
.menu-name {
    display: inline-block;
    margin-top: 10px;
}
.hamburger-inner:before {
    top: -7px;
    width: 17px;
}
header, footer {
    background-color: #fff;
}
.loftloader-loaded .side-bg.left, .loftloader-loaded .side-bg.right {
    width: 50px;
}
header {
    position: fixed;
}
.loftloader-loaded .side-bg.right{
  right:0;
}
.loftloader-loaded .side-bg.left{
  left:0;
}
.side-bg.right{right: -50px;}
.side-bg.left{left: -50px;}
.hamburger-inner:after {
    bottom: -8px;
    width: 11px;
    top: auto;
}
body.category-body .side-bg.right{
  right:0;
  width: 50px;
}
body.category-body .side-bg.left{
  left:0;
  width: 50px;
}
body.category-body header{
  top:0;
}
body.category-body footer{
  bottom:0;
}
.our-team {
    padding: 100px 0 0;
    margin-top: 40px;
}
.about-header .line {
    width: 85%;
    display: block;
}
.line.hide-in-desctop{
  display:none;
}
.hp-section.hp-10 {
    padding: 70px 0 0;
}
.testimonials button.slick-prev {
    right: -60px;
}
.conversion_rates {
    margin: 80px auto 0px;
}
.hp-section.hp-10 .slider-nav {
    top: 40px;
    margin: 0;
    position: absolute;
}
.conversion_rates .inside .left .title {
    padding-bottom: 45px;
}
ul.contact-form li.email {
    padding: 0 0 40px;
}
.our-team .a-line {
    height: 135px;
}
.contact-page > div {
    width: 50%;
}
.conversion_rates .inside {
    padding: 55px 75px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 34px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 395px;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    margin: 0 50px;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 65px;
    padding-left: 40%;
}
.testimonials_section {
    padding-top: 90px;
    margin-top: 80px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 30px;
    left: 30px;
    display: block;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: -70px;
}
.thank-you {
    top: 50px;

}
ul.contact-form li {
    padding: 0 0 30px;
}
.contact-page > div.left h1 {
    line-height: 65px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors,body .invalid div.wpcf7-response-output {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}
.contact-page > div.left {
    width: 15%;
    padding-top: 70px;
    padding: 70px 35px;
}
.contact-page > div.center {
    width: 35%;
    padding: 25px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 40px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 30px;
    background-position: right top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 282px;
    width: 33.3%;
}
.jobs > li > div.main-title {
    padding: 10px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 17px;
    height: 20px;
    background-size: auto;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
}
.job-conten > li .description {
    padding: 30px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 50px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 auto 60px;
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 35px 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 7px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0 50px;
}
.more_works {
    padding-top: 30px;
}
.more_works.hide-in-desctop{
  display:block;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
    display: table-cell;
}
.category-header {
    height: 360px;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100% - 100px);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 50px;
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.share-link {
    left: 50px;
    width: 150px;
    display: inline-block;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 24px;
}
.video-section {
    padding: 80px 0 0;
    display: block;
}
.grid-three .top {
    padding-bottom: 30px;
}
.video-section .inside .description .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
}
.more_works .post-object {
    margin: 30px 0 0;
    overflow-x: hidden;
    white-space: normal;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 60px 60px;
    min-height: 290px;
}
.testimonials_section .line {
    height: 240px;
}
.grid-three {
    padding-top: 60px;
    padding-bottom: 20px;
}
ul.contact-form textarea {
    height: 135px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
    position: absolute;
}
.work-header .logo {
    width: 100%;
    height: 50px;
    top: 95px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
    display: inline-block;
    text-align: end;
}
.grid-image-text.grid-text-image .grid-image .table-cell {
    text-align: start;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 375px;
    max-height: 375px;
}

.grid-image-text .grid-image .table-cell img{margin-left: 0;}
.grid-image-text.grid-text-image .grid-image .table-cell img{
  margin-right: 30px;
  margin-left: 0;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-image-text .in {
    width: 950px;
    display: table;
    position: absolute;
    top: 50%;
    left: 0;
    right: 50%;
    margin: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}
.grid-image-text .in {
  right: 0;
  transform: translate(-50%, -50%);
  left:
  auto;
}
.grid-text-image .in .content{
  right: 0;
  width: 100%;
}
.grid-image-text {
    padding-bottom: 0;
}
.grid-three .gallery {
    padding: 0;
    margin: 0;
}
.video-section .inside .description .desc {
    padding: 65px 0 40px;
    width: 50%;
}
.work-about ul.list li:nth-child(2) {
    width: 20%;
    display: table-cell;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 55%;
}
.work-about ul.list li .desc {
    padding-left: 40px;
}
.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 20px 0 50px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 60px;
    letter-spacing: 0.02em;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 65px;
    line-height: 65px;
}  
.work-header .category {
    bottom: 70px;
}
.category-header .description p {
    margin: 0 0 10px;
}
.category-header .table {
    padding-top: 100px;
}
.fulltrip .top-title {
    padding: 80px 0 120px;
}
.video-p, .hiddenvideo {
    height: 425px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 35px;
}
.culture-in {
    width: 955px;
    padding: 0;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    column-gap: 50px;
}
#portfoliolist .portfolio {
    width: 33.3%;
}
nav.filter-nav {
    padding-bottom: 12px;
    margin-bottom: 25px;
}
.container {
    margin: 0 50px;
}
.category-header .title {
    padding: 32px 0;
    width: 65%;
    display: table-cell;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: 200px;
    padding-top: 70px;
}
.our-team .table-cell.description > p {
    padding: 20px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: 550px;
    display: table-cell;
}
ul.team li {
    width: 33.3%;
    padding: 0 30px 30px;
}
.category-header .description {
    padding: 70px 0 0;
    display: table-cell;
}
ul.team li .icon {
    width: 135px;
    height: 135px;
}
.video-sec {
    padding-bottom: 80px;
}
.what-we-do-ip {
    padding: 140px 0 0;
    min-height: 685px;
}
body nav.filter-nav .line {
    bottom: 5px;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 26px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 270px);
}
.fullteam .info .title {
    letter-spacing: 0.02em;
    line-height: 70px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 200px;
    display: table-cell;
}
.our-team .table-cell.description {
    padding-right: 150px;
    padding-top: 65px;
    display: table-cell;
}
.fullteam .info {
    padding-right: 50px;
    display: table-cell;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: 260px;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    width: 45%;
    display: table-cell;
    padding: 0;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 300px;
    display: table-cell;
    padding: 0;
}
.culture .item {
    padding: 0 13px;
    width: 275px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 15px 0 10px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 50%;
    padding-left: 35px;
    padding-bottom: 40px;
}
.culture .thumb {
    height: 370px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 5px;
}
ul.team {
    padding: 70px 50px 50px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 20px;
    height: 20px;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
    display: block!important;
}
.culture .slick-arrow.slick-disabled{
  display:none!important;
}
.video-p i {
    width: 90px;
    height: 90px;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 26px;
    padding-left: 35px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 80px;
    font-size: 85px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: -38px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
}
.what-we-do-ip ul.items {
    top: 15px;
    right: 275px;
    width: 75%;
    position: absolute;
    margin: 0;
}
.culture {
    padding: 55px 0 50px;
    width: 800px;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 22px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 70px;
}
.about-header .description p span {
    padding: 20px 0 0;
}
.menu ul.menu {
    padding-right: 70px;
}
.menu ul.menu li {
    margin: 30px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: 770px;
    padding: 0;
    max-width: none;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 28px;
    line-height: 32px;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 15px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 92px;
    letter-spacing: 0.01em;
}
 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 28px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 15px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 15px;
    line-height: 26px;
}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.loftloader-loaded header, .loftloader-loaded footer {
    height: 50px;
  } 
  header ul.logo-section {
    margin: 0 50px 0;
    display: table;
}
.about-header .description {
    padding-right: 115px;
}
header ul.logo-section, .header-space {
    height: 50px;
}
header ul.logo-section li {
    min-width: 40px;
}
header ul.logo-section li a {
    width: 80px;
    height: 20px;
    margin-top: 0;
}
.hamburger {
    position: absolute;
    left: 58px;
    top: 16px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 70px;
    background-color: transparent;
    height: auto;
    border-radius: 0px;
}


.hamburger.teamham {
    position: fixed;
    left: 25px;
    top: 20px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 40px;
    background-color: #fff;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    z-index: 10000;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 16px;
    line-height: 22px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -60px;
    left: 0;
    right: auto;
}
.hp-section.hp-04 {
    padding: 90px 0 100px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 60px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 60px;
    padding: 10px 0 0;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 20px 0 0;
}
.sline {
    height: 3px;
    width: 60px;
}
body .d-title {
    line-height: 55px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 130px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: 188px;
}
.who-we-are .description {
    padding: 45px 0 0;
    display: table-cell;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 30px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 14px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output {
    font-size: 18px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .inside .description .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2, .designrush .title-aw, .designrush .description,.designrush .description a {
    font-size: 20px;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-05 {
    height: 190px;
}
.what-we-do .title {
    width: 25%;
    display: table-cell;
}
.hp-05 div.items {
    height: 115px;
    padding-right: 200px;
    position: absolute;
    padding-top: 20px;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
}
.hp-05 div.items ul li .description p {
    line-height: 24px;
    font-size: 16px;
}
.hp-section.hp-06 {
    padding: 100px 0 80px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0 50px;
}
.post-object .item {
    height: 290px;
    display: table-cell;
}
.portfolio-wrapper {
    height: 210px;
}
.portfolio .label {
    height: 130px;
    bottom: -70px;
}
.portfolio .label-text {
    padding: 0 20px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 0;
}
ul.awards li .main-title {
    background-position: top 30px right 125px;
    background-size: 15%;
}
ul.awards li p {
    padding: 80px 0 0;
}
ul.awards-items {
    margin: 45px 0 90px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 65px;
    min-width: 54px;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size:60px;  
}
ul.awards-items > li ul.item li p {
    line-height: 30px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.hp-section.hp-09 {
    height: 300px;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .slick-dots,.testimonials .slick-dots{
 display: none!important;
}
.hp-section.hp-11 .y-line {
    height: 300px;
    top: 62px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: 780px;
}
.testimonials {
    margin: 65px auto 0;
    min-height: 280px;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
    display: block!important;
}
.testimonials button.slick-next {
    left: -60px;
}
.testimonials button {
    top: calc(50% + 22px);
}
.testimonials-slider .table > div.left {
    width: 25%;
}
.testimonials button.slick-prev:hover{
 right: -65px;
}
.testimonials button.slick-next:hover{
   left: -65px; 
}
.fullteam .info .role {
    padding: 10px 0 35px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
    margin: 0;
}
.testimonials-slider .left .name {
    padding: 45px 0 20px;
    margin: 0 0 20px;
}
.testimonials-slider .left .name:before {
    width: 75px;
}
.testimonials-slider .left .logo {
    height: 50px;
    margin: 20px 0 0;
    width: 50%;
}
.testimonials-slider .table > div.right {
    width: 70%;
    padding: 60px 0 0;
}
.testimonials-slider .right p {
    font-size: 14px;
    line-height: 28px;
}
.contact {
    padding: 50px 0 70px;
    min-height: 170px;
}
.contact .inside .title {
    width: 48%;
    padding-right: 115px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    top: -4px;
}
.contact .inside .info {
    width: 31%;
}
.contact .inside .address {
    width: 21%;
}
.testimonials .table{
  padding:0 50px;
}
footer .inside {
    padding: 0 50px;
}



}
@media (min-width: 1200px) {
.designrush{
  display: table;
  padding-bottom: 140px;
  }
.designrush .logo{
  display: table-cell;
  width: 160px;
}
.designrush .description, .designrush .title-aw{
  padding-right:50px;
}
.designrush .content{
  display: table-cell;
}

  .portfolio img.logo {
    max-width: 120px;
    right: 30px;
    top: 30px;
    max-height: 25px;
}

.more_works .portfolio img.logo {
    right: 28px;
    top: 25px;
}


.copyright{
  right: 50px;
  height: 18px;
}

.hp-animation{
  width:100%;
}
.grid-image-text .in .desc ul li:before {
    width: 10px;
    height: 10px;
    top: 11px;
}
.nav-out.sticky {
    top: 50px;
    height: 70px;
    padding-top: 25px;
}
.nav-space.sticky {
    height: 78px;
}
.grid-three iframe {
    min-height: 450px;
}
.hamburger.teamham{
  display:none;
}
  .video-section .inside .video-sec {
    width: 395px;
}
.slider-for .item ul li {
    width: 20%;
}
body .hp-01.hp-01-01 p span {
    line-height: 130px;
    font-size: 115px;
}
.hp-section.hp-09 .in {
    width: 960px;
    height: 190px;
}
.our-team {
    padding: 151px 0 0;
    margin-top: 80px;
}
.about-header .line {
    width: 67%;
}
.hp-section.hp-10 .slider-nav {
    top: 60px;
}
.conversion_rates {
    margin: 160px auto 0px;
}
.hp-section.hp-10 {
    padding: 100px 0 0;
}
.testimonials .table{
  padding:0;
}
.testimonials button.slick-prev {
    right: -85px;
}
.conversion_rates .inside .left .title {
    padding-bottom: 45px;
}
ul.contact-form li.email {
    padding: 0 0 40px;
}
.our-team .a-line {
    height: 180px;
}
.contact-page > div {
    width: 50%;
}
.conversion_rates .inside {
    padding: 55px 75px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 34px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 395px;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    margin: 0 50px;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 70px;
    padding-left: 40%;
}
.testimonials_section {
    padding-top: 120px;
    margin-top: 150px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 60px;
    left: 60px;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: -55px;
}
.thank-you {
    top: 50px;

}
ul.contact-form li {
    padding: 0 0 30px;
}
.contact-page > div.left h1 {
    line-height: 70px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors,body .invalid div.wpcf7-response-output {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}
.contact-page > div.left {
    width: 25%;
    padding-top: 70px;
    padding: 70px 60px;
}
.contact-page > div.center {
    width: 25%;
    padding: 25px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 40px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 30px;
    background-position: right top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 282px;
    width: 33.3%;
}
.jobs > li > div.main-title {
    padding: 15px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 17px;
    height: 20px;
    background-size: auto;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
}
.job-conten > li .description {
    padding: 30px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 70px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 auto 60px;
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 50px 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 10px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0 50px;
}
.more_works {
    padding-top: 30px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
}
.category-header {
    height: 420px;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100% - 100px);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 50px;
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.share-link {
    left: 50px;
    width: 150px;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 30px;
}
.video-section {
    padding: 150px 0 0;
}
.grid-three .top {
    padding-bottom: 20px;
}
.video-section .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
}
.more_works .post-object {
    margin: 30px 0 60px;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 80px 80px;
    min-height: 315px;
}
.testimonials_section .line {
    height: 265px;
}
.grid-three {
    padding-top: 165px;
    padding-bottom: 50px;
}
ul.contact-form textarea {
    height: 135px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
}
.work-header .logo {
    width: 100%;
    height: 50px;
    top: 95px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 500px;
    max-height: 500px;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-three .gallery {
    padding: 35px 0;
}
.video-section .inside .description .desc {
    padding: 65px 0 40px;
    width: 50%;
}
.work-about ul.list li:nth-child(2) {
    width: 25%;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 55%;
}
.work-about ul.list li .desc {
    padding-left: 80px;
}
.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 30px 0 60px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 65px;
    letter-spacing: 0.02em;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 80px;
    line-height: 70px;
}  
.work-header .category {
    bottom: 70px;
}
.category-header .description p {
    margin: 0 0 10px;
}
.category-header .table {
    padding-top: 130px;
}
.fulltrip .top-title {
    padding: 170px 0 210px;
}
.video-p, .hiddenvideo {
    height: 570px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 75px;
}
.culture-in {
    width: 1210px;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    column-gap: 110px;
}
#portfoliolist .portfolio {
    width: 33.3%;
}
nav.filter-nav {
    padding-bottom: 12px;
    margin-bottom: 35px;
}
.container {
    margin: 0 50px;
}
.category-header .title {
    padding: 32px 0;
    width: 65%;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: 200px;
    padding-top: 70px;
}
.our-team .table-cell.description > p {
    padding: 30px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: 550px;
}
ul.team li {
    width: 25%;
    padding: 0 60px 60px;
}
.category-header .description {
    padding: 70px 0 0;
}
ul.team li .icon {
    width: 135px;
    height: 135px;
}
.video-sec {
    padding-bottom: 140px;
}
.what-we-do-ip {
    padding: 140px 0 0;
    min-height: 780px;
}
body nav.filter-nav .line {
    bottom: 5px;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 32px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 270px);
}
.fullteam .info .title {
    letter-spacing: 0.02em;
    line-height: 78px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 200px;
}
.our-team .table-cell.description {
    padding-right: 150px;
    padding-top: 85px;
}
.fullteam .info {
    padding-right: 80px;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: 250px;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    width: 45%;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 345px;
}
.culture .item {
    padding: 0 13px;
    width: 275px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 20px 0 15px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 50%;
    padding-left: 70px;
    padding-bottom: 60px;
}
.culture .thumb {
    height: 370px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 15px;
}
ul.team {
    padding: 100px 50px 50px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 20px;
    height: 20px;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
}
.video-p i {
    width: 90px;
    height: 90px;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 26px;
    padding-left: 35px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 90px;
    font-size: 95px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: -40px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
}
.what-we-do-ip ul.items {
    top: 15px;
    right: 395px;
    width: 80%;
}
.culture {
    padding: 55px 0 90px;
    width: 1070px;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 25px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 130px;
}
.about-header .description p span {
    padding: 20px 0 0;
}
.menu ul.menu {
    padding-right: 130px;
}
.menu ul.menu li {
    margin: 30px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: 960px;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 34px;
    line-height: 40px;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 16px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 115px;
    letter-spacing: 0.01em;
}
 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 28px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 17px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 16px;
    line-height: 26px;
}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.loftloader-loaded header, .loftloader-loaded footer {
    height: 50px;
  } 
  header ul.logo-section {
    margin: 0 50px 0;
}
.about-header .description {
    padding-right: 150px;
}
header ul.logo-section, .header-space {
    height: 50px;
}
header ul.logo-section li {
    min-width: 40px;
}
header ul.logo-section li a {
    width: 80px;
    height: 20px;
}
.hamburger {
    position: absolute;
    left: 58px;
    top: 16px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 70px;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 20px;
    line-height: 28px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -60px;
}
.hp-section.hp-04 {
    padding: 125px 0 130px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 85px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 70px;
    padding: 10px 0 0;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 32px 0 0;
}
.sline {
    height: 3px;
    width: 60px;
}
body .d-title {
    line-height: 60px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 155px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: 270px;
}
.who-we-are .description {
    padding: 45px 0 0;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 40px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 16px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output {
    font-size: 20px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2, .designrush .title-aw, .designrush .description,.designrush .description a {
    font-size: 24px;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-05, .hp-05 .line {
    height: 220px;
}
.what-we-do .title {
    width: 25%;
}
.hp-05 div.items {
    height: 115px;
    padding-right: 310px;
    padding-top: 0;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
}
.hp-05 div.items ul li .description p {
    line-height: 24px;
    font-size: 16px;
}
.hp-section.hp-06 {
    padding: 110px 0 80px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0 50px;
}
.post-object .item {
    height: 320px;
}
.portfolio-wrapper {
    height: 260px;
}
.portfolio .label {
    height: 130px;
    bottom: -55px;
}
.portfolio .label-text {
    padding: 0 30px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 50px 0 0;
}
ul.awards li .main-title {
    background-position: top 42px right 175px;
    background-size: auto;
}
ul.awards li p {
    padding: 125px 0 0;
}
ul.awards-items {
    margin: 75px 0 140px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 65px;
    min-width: 54px;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size:60px;  
}
ul.awards-items > li ul.item li p {
    line-height: 30px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.hp-section.hp-09 {
    height: 400px;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .y-line {
    height: 301px;
    top: 87px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: 1020px;
}
.testimonials {
    margin: 65px auto 0;
    min-height: 280px;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
}
.testimonials button.slick-next {
    left: -85px;
}

.testimonials button.slick-prev:hover{
 right: -90px;
}
.testimonials button.slick-next:hover{
   left: -90px;
}
.testimonials button {
    top: calc(50% + 24px);
}
.testimonials-slider .table > div.left {
    width: 25%;
}
.fullteam .info .role {
    padding: 10px 0 35px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
}
.testimonials-slider .left .name {
    padding: 45px 0 20px;
    margin: 0 0 20px;
}
.testimonials-slider .left .name:before {
    width: 75px;
}
.testimonials-slider .left .logo {
    height: 50px;
    margin: 20px 0 0;
    width: 50%;
}
.testimonials-slider .table > div.right {
    width: 75%;
    padding: 60px 0 0;
}
.testimonials-slider .right p {
    font-size: 15px;
    line-height: 28px;
}
.contact {
    padding: 65px 0 120px;
    min-height: 245px;

}
.contact .inside .title {
    width: 48%;
    padding-right: 115px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: -4px;
}
.contact .inside .info {
    width: 31%;
}
.contact .inside .address {
    width: 21%;
}
footer .inside {
    padding: 0 50px;
}



}
@media (min-width: 1500px) {
.designrush{
  display: table;
  padding-bottom: 210px;
  }
.designrush .logo{
  display: table-cell;
  width: auto;
}
.designrush .description, .designrush .title-aw{
  padding-right:50px;
}
.designrush .content{
  display: table-cell;
}

  .portfolio img.logo {
    max-width: 150px;
    right: 30px;
    top: 30px;
    max-height: 35px;
}
.more_works .portfolio img.logo {
    right: 28px;
    top: 30px;
}



.copyright{
  right: 50px;
  height: 18px;
}

.hp-animation{
  width:100%;
}
.nav-out.sticky {
    top: 50px;
    height: 70px;
    padding-top: 25px;
}
.grid-three iframe {
    min-height: 550px;
}
.grid-image-text .in .desc ul li:before {
    width: 10px;
    height: 10px;
    top: 11px;
}
.nav-space.sticky {
    height: 78px;
}
  .video-section .inside .video-sec {
    width: 395px;
}
.our-team {
    padding: 170px 0 0;
    margin-top: 80px;
}
.contact-page > div {
    width: 50%;
}
.testimonials button.slick-prev {
    right: -140px;
}
.testimonials button.slick-prev:hover{
     right: -145px;
}
.hp-section.hp-09 .in {
    width: 960px;
    height: 220px;
}
ul.contact-form li.email {
    padding: 0 0 60px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 34px;
}
.conversion_rates .inside .left .title {
    padding-bottom: 60px;
}
.conversion_rates .inside {
    padding: 65px 75px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.our-team .a-line {
    height: 210px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 395px;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
body .hp-01.hp-01-01 p span {
    line-height: 190px;
    font-size: 137px;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    margin: 0 50px;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 70px;
    padding-left: 40%;
}
.testimonials_section {
    padding-top: 120px;
    margin-top: 150px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 60px;
    left: 60px;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: -15px;
}
.thank-you {
    top: 50px;

}
ul.contact-form li {
    padding: 0 0 50px;
}
.contact-page > div.left h1 {
    line-height: 70px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors,body .invalid div.wpcf7-response-output {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}
.contact-page > div.left {
    width: 25%;
    padding-top: 70px;
    padding: 70px 60px;
}
.contact-page > div.center {
    width: 25%;
    padding: 50px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 45px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 30px;
    background-position: right top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 282px;
    width: 33.3%;
}
.jobs > li > div.main-title {
    padding: 15px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 17px;
    height: 20px;
    background-size: auto;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
}
.job-conten > li .description {
    padding: 30px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 70px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 auto 60px;
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 50px 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 10px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0 50px;
}
.more_works {
    padding-top: 60px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
}
.category-header {
    height: 460px;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100% - 100px);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 50px;
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.share-link {
    left: 50px;
    width: 150px;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 30px;
}
.video-section {
    padding: 150px 0 0;
}
.grid-three .top {
    padding-bottom: 30px;
}
.video-section .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
}
.more_works .post-object {
    margin: 30px 0 88px;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 80px 80px;
    min-height: 315px;
}
.testimonials_section .line {
    height: 280px;
}
.grid-three {
    padding-top: 245px;
    padding-bottom: 100px;
}
ul.contact-form textarea {
    height: 156px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
}
.work-header .logo {
    width: 100%;
    height: 50px;
    top: 95px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 600px;
    max-height: 600px;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-three .gallery {
    padding: 35px 0;
}
.video-section .inside .description .desc {
    padding: 65px 0 40px;
    width: 50%;
}
.work-about ul.list li:nth-child(2) {
    width: 25%;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 55%;
}
.work-about ul.list li .desc {
    padding-left: 80px;
}
.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 40px 0 80px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 80px;
    letter-spacing: 0.02em;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 90px;
    line-height: 90px;
}  
.work-header .category {
    bottom: 70px;
}
.category-header .description p {
    margin: 0 0 10px;
}
.category-header .table {
    padding-top: 150px;
}
.fulltrip .top-title {
    padding: 170px 0 210px;
}
.video-p, .hiddenvideo {
    height: 570px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 130px;
}
.culture-in {
    width: 1210px;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    column-gap: 160px;
}
#portfoliolist .portfolio {
    width: 33.3%;
}
nav.filter-nav {
    padding-bottom: 12px;
    margin-bottom: 35px;
}
.container {
    margin: 0 50px;
}
.category-header .title {
    padding: 32px 0;
    width: 65%;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: 200px;
    padding-top: 70px;
}
.our-team .table-cell.description > p {
    padding: 30px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: 550px;
}
ul.team li {
    width: 25%;
    padding: 0 50px 100px;
}
.category-header .description {
    padding: 100px 0 0;
}
ul.team li .icon {
    width: 135px;
    height: 135px;
}
.video-sec {
    padding-bottom: 140px;
}
.what-we-do-ip {
    padding: 140px 0;
    min-height: 850px;
}
body nav.filter-nav .line {
    bottom: 5px;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 32px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 270px);
}
.fullteam .info .title {
    letter-spacing: 0.03em;
    line-height: 78px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 200px;
}
.our-team .table-cell.description {
    padding-right: 150px;
    padding-top: 85px;
}
.fullteam .info {
    padding-right: 115px;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: 260px;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    width: 45%;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 345px;
}
.culture .item {
    padding: 0 13px;
    width: 275px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 20px 0 15px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 50%;
    padding-left: 70px;
    padding-bottom: 80px;
}
.culture .thumb {
    height: 370px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 15px;
}
ul.team {
    padding: 125px 0 50px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 20px;
    height: 20px;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
}
.video-p i {
    width: 103px;
    height: 103px;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 26px;
    padding-left: 35px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 103px;
    font-size: 120px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: -44px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
}
.what-we-do-ip ul.items {
    top: 15px;
    right: 395px;
    width: 80%;
}
.culture {
    padding: 65px 0 90px;
    width: 1110px;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 33px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 130px;
}
.about-header .description p span {
    padding: 35px 0 0;
}
.menu ul.menu {
    padding-right: 130px;
}
.menu ul.menu li {
    margin: 30px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: 960px;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 40px;
    line-height: 40px;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 18px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 137px;
    letter-spacing: 0.01em;
}
 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 30px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 20px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 16px;
    line-height: 26px;
}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.loaded header, .loaded footer {
    height: 50px;
  } 
  header ul.logo-section {
    margin: 0 50px 0;
}
.about-header .description {
    padding-right: 150px;
}
header ul.logo-section, .header-space {
    height: 50px;
}
header ul.logo-section li {
    min-width: 40px;
}
header ul.logo-section li a {
    width: 80px;
    height: 20px;
}
.hamburger {
    position: absolute;
    left: 58px;
    top: 16px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 70px;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 22px;
    line-height: 30px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -60px;
}
.hp-section.hp-04 {
    padding: 175px 0 180px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 85px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 95px;
    padding: 15px 0 0;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 32px 0 0;
}
.sline {
    height: 3px;
    width: 60px;
}
body .d-title {
    line-height: 80px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 175px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: 295px;
}
.who-we-are .description {
    padding: 55px 0 0;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 40px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 17px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title, body .failed div.wpcf7-response-output {
    font-size: 24px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .inside .description .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2, .designrush .title-aw, .designrush .description,.designrush .description a {
    font-size: 26px;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-05, .hp-05 .line {
    height: 245px;
}
.what-we-do .title {
    width: 25%;
}
.hp-05 div.items {
    height: 115px;
    padding-right: 310px;
    padding-top: 0;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
}
.hp-05 div.items ul li .description p {
    line-height: 30px;
    font-size: 19px;
}
.hp-section.hp-06 {
    padding: 190px 0 115px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0 50px;
}
.post-object .item {
    height: 320px;
}
.portfolio-wrapper {
    height: 320px;
}
.portfolio .label {
    height: 130px;
    bottom: -50px;
}
.portfolio .label-text {
    padding: 0 30px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 190px 0 0;
}
ul.awards li .main-title {
    background-position: top 42px right 175px;
    background-size: auto;
}
ul.awards li p {
    padding: 125px 0 0;
}
ul.awards-items {
    margin: 135px 0 210px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 65px;
    min-width: 54px;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size:60px;  
}
ul.awards-items > li ul.item li p {
    line-height: 30px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.hp-section.hp-09 {
    height: 448px;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .y-line {
    height: 370px;
    top: 87px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: 1100px;
}
.testimonials {
    margin: 85px auto 0;
    min-height: 280px;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
}
.testimonials button.slick-next {
    left: -140px;
}
.testimonials button.slick-next:hover{
    left: -145px;  
}
.testimonials button {
    top: calc(50% + 36px);
}
.testimonials-slider .table > div.left {
    width: 40%;
}
.fullteam .info .role {
    padding: 25px 0 45px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
}
.testimonials-slider .left .name {
    padding: 45px 0 20px;
    margin: 0 0 20px;
}
.testimonials-slider .left .name:before {
    width: 75px;
}
.testimonials-slider .left .logo {
    height: 50px;
    margin: 20px 0 0;
    width: 50%;
}
.testimonials-slider .table > div.right {
    width: 60%;
    padding: 60px 0 0;
}
.testimonials-slider .right p {
    font-size: 15px;
    line-height: 28px;
}
.contact {
    padding: 65px 0 120px;
    min-height: 245px;

}
.contact .inside .title {
    width: 48%;
    padding-right: 115px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: -2px;
}
.contact .inside .info {
    width: 31%;
}
.contact .inside .address {
    width: 21%;
}
footer .inside {
    padding: 0 50px;
}



}


@media (min-width: 1650px) {
  .portfolio img.logo {
    max-width: 150px;
    right: 40px;
    top: 40px;
    max-height: 35px;
}
.more_works .portfolio img.logo{
  right: 28px;
  top: 30px;
}
  
.designrush{
  display: table;
  padding-bottom: 210px;
  }
.designrush .logo{
  display: table-cell;
  width: auto;
}
.designrush .description, .designrush .title-aw{
  padding-right:50px;
}
.designrush .content{
  display: table-cell;
}



 
.copyright{
  right: 50px;
  height: 18px;
}

.hp-animation{
  width:100%;
}
.nav-out.sticky{
  top: 50px;
  height: 70px;
  padding-top: 25px;
}
.grid-three iframe {
    min-height: 600px;
}
.grid-image-text .in .desc ul li:before {
    width: 10px;
    height: 10px;
    top: 11px;
}
.nav-space.sticky{
  height: 78px;
}
  .video-section .inside .video-sec {
    width: 395px;
}
.our-team {
    padding: 170px 0 0;
    margin-top: 80px;
}
.contact-page > div {
    width: 50%;
}
.hp-section.hp-09 .in {
    width: 960px;
    height: 220px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    line-height: 38px;
}
body .hp-01.hp-01-01 p span {
    line-height: 190px;
    font-size: 137px;
}
.thank-you > .table > .table-cell .table-cell .name, .thank-you > .table > .table-cell .table-cell .thanks {
    font-size: 50px;
}
.video-section .inside .video-sec .video-p, .video-section .inside .video-sec, .video-section .inside .video-sec video, .video-section .inside .video-sec iframe {
    height: 395px;
}
.thank-you > .table > .table-cell .table-cell .description {
    padding: 40px 0 0;
}
.contact-page, .thank-you {
    height: calc(100vh - 100px);
    width: calc(100% - 100px);
    margin: 0 50px;
}
.join-top-section .table .table-cell .title {
    padding-left: 60%;
    padding-top: 35px;
    letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
    font-size: 70px;
    padding-left: 40%;
}
.testimonials_section {
    padding-top: 140px;
    margin-top: 230px;
}
ul.contact-form div.input {
    height: 55px;
}
.contact-page > div.left .address {
    bottom: 60px;
    right: 60px;
    left: 60px;
}
ul.contact-form .message label {
    top: 10px;
    right: 20px;
}
ul.contact-form label {
    bottom: 15px;
}
.more_works .portfolio .label {
    bottom: -15px;
}
.thank-you {
    top: 50px;

}
ul.contact-form li {
    padding: 0 0 50px;
}
.contact-page > div.left h1 {
    line-height: 70px;
}
ul.contact-form input[type="submit"], body div.wpcf7-validation-errors {
    padding: 12px 0 10px;
    letter-spacing: 0.06em;
}
.contact-page > div.left {
    width: 25%;
    padding-top: 70px;
    padding: 70px 60px;
}
.contact-page > div.center {
    width: 25%;
    padding: 50px;
}
ul.contact-form li:nth-child(4) {
    padding: 0 0 45px;
}
.job-conten > li .description > ul > li {
    padding-bottom: 30px;
    background-position: right top 7px;
    padding-right: 20px;
}
ul.contact-form li:first-child > div:first-child {
    padding-left: 8px;
    width: 50%;
}
ul.contact-form input, ul.contact-form textarea {
    height: 30px;
}
.more_works .post-object .item {
    height: 282px;
}
.jobs > li > div.main-title {
    padding: 15px 25px;
    line-height: 20px;
}
.jobs > li > div.main-title div i {
    width: 17px;
    height: 20px;
    background-size: auto;
}
.jobs > li > div.main-title div {
    padding-left: 27px;
    min-width: 44px;
}
.job-conten > li .description {
    padding: 30px 0 0;
}
.job-conten > li .title {
    padding-right: 20px;
}
.more_works .title {
    padding-top: 15px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p {
    padding: 70px 0 0;
}
.testimonials_section .testimonials {
    margin: 0 auto 60px;
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
}
.jobs {
    padding: 50px 0;
}
.job-conten > li {
    padding-top: 20px;
    padding-right: 50px;
}
.share-link .txt {
    width: 100px;
}
.jobs > li {
    padding: 10px 0;
}
.join-top-section .back-section .table-row .table {
    padding: 0 50px;
}
.more_works {
    padding-top: 60px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc {
    width: 34%;
}
.category-header {
    height: 480px;
}
.work-header, .about-header, .hp-01, .hp-01 .table, .hp-02, .hp-03, .hp-03 .table, .what-we-do-ip, .join-top-section {
    height: calc(100% - 100px);
}
.share-link .txt i {
    width: 25px;
    height: 17px;
    margin-left: 15px;
    margin-top: 2px;
}
.join-top-section {
    margin-top: 50px;
}
.more_works .portfolio .label-text {
    padding: 0 28px;
}
.share-link {
    left: 50px;
    width: 150px;
}
.grid-image-text .content .desc p,.grid-image-text .in .desc li {
    line-height: 30px;
}
.video-section {
    padding: 230px 0 0;
}
.grid-three .top {
    padding-bottom: 30px;
}
.video-section .title {
    letter-spacing: 0.04em;
    padding: 10px 25px;
}
.more_works .post-object {
    margin: 30px 0 88px;
}
.video-section .inside .description {
    box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.1);
    padding: 0 80px 80px;
    min-height: 315px;
}
.testimonials_section .line {
    height: 290px;
}
.grid-three {
    padding-top: 245px;
    padding-bottom: 100px;
}
ul.contact-form textarea {
    height: 156px;
    padding: 25px 20px 20px;
}
.testimonials .in {
    top: -40px;
}
.work-header .logo {
    width: 100%;
    height: 50px;
    top: 95px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
    max-width: 400px;
}
.grid-image-text .in .desc {
    padding-top: 25px;
}
.grid-image-text .content {
    width: 50%;
}
.grid-image-text .image {
    width: 50%;
}
.grid-image > div {
    width: 50%;
}
.grid-image-text .grid-image .table-cell {
    padding-left: 0;
}
.grid-image-text .grid-image .table-cell img {
    max-width: 635px;
    max-height: 635px;
}
.grid-image-text, .grid-image-text .in {
    min-height: auto;
}
.grid-three .gallery {
    padding: 35px 0;
}
.video-section .inside .description .desc {
    padding: 65px 0 40px;
    width: 50%;
}
.work-about ul.list li:nth-child(2) {
    width: 25%;
}
.work-about ul.list li .title {
    padding-bottom: 14px;
}
.work-about ul.list li .icon {
    height: 34px;
    margin: 0 0 7px;
}
.work-about ul.list li:nth-child(1) {
    width: 55%;
}
.work-about ul.list li .desc {
    padding-left: 80px;
}
.work-about ul.list li p {
    padding-bottom: 10px;
}
.work-about {
    padding: 58px 0 90px;
    margin-bottom: 30px;
}
.hp-03 p strong, .hp-03 p em, .work-header h1 {
    font-size: 80px;
    letter-spacing: 0.02em;
}
.what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    line-height: 24px;
}
.hp-section.hp-09 strong, .our-team .table-cell.title, .our-culture h2, .fulltrip .top-title > .table > .table-cell:first-child .title, body .d-title.s-title {
    font-size: 90px;
    line-height: 90px;
}  
.work-header .category {
    bottom: 70px;
}
.category-header .description p {
    margin: 0 0 10px;
}
.category-header .table {
    padding-top: 170px;
}
.fulltrip .top-title {
    padding: 170px 0 210px;
}
.video-p, .hiddenvideo {
    height: 570px;
}
.culture-in .table-cell.gallery-cell .gallery-in a {
    margin-bottom: 130px;
}
.culture-in {
    width: 1210px;
}
.culture-in .table-cell.gallery-cell .gallery-in {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    column-gap: 160px;
}
#portfoliolist .portfolio {
    width: 33.3%;
}
nav.filter-nav {
    padding-bottom: 12px;
    margin-bottom: 44px;
}
.container {
    margin: 0 50px;
}
.category-header .title {
    padding: 32px 0;
    width: 65%;
}
#filters li span {
    padding: 0 25px;
}
.culture-in .table-cell.title {
    min-width: 200px;
    padding-top: 70px;
}
.our-team .table-cell.description > p {
    padding: 30px 0 0;
}
.category-header .description em {
    padding-right: 10px;
}
.our-culture .table-cell {
    width: 550px;
}
ul.team li {
    width: 25%;
    padding: 0 50px 100px;
}
.category-header .description {
    padding: 100px 0 0;
}
ul.team li .icon {
    width: 135px;
    height: 135px;
}
.video-sec {
    padding-bottom: 140px;
}
.what-we-do-ip {
    padding: 140px 0;
    min-height: 850px;
}
body nav.filter-nav .line {
    bottom: 5px;
}
body .d-title.it-title {
    line-height: 45px;
}
.category-header .description p:first-child {
    line-height: 32px;
    padding-left: 30%;
}
.menu .inside {
    width: calc(100% - 270px);
}
.fullteam .info .title {
    letter-spacing: 0.04em;
    line-height: 91px;
}
.fulltrip .top-title > .table > .table-cell:last-child {
    padding-right: 200px;
}
.our-team .table-cell.description {
    padding-right: 150px;
    padding-top: 85px;
}
.fullteam .info {
    padding-right: 135px;
}
.culture-in .table-cell.title > div {
    padding-left: 30%;
}
.what-we-do-ip .title, .what-we-do-ip h2, .what-we-do-ip .description {
    width: 260px;
}
.fulltrip .top-title > .table > .table-cell:first-child {
    width: 45%;
}
.culture .thumb .content .link i {
    height: 16px;
    width: 20px;
    background-size: auto;
}
.fullteam .image {
    width: 365px;
}
.culture .item {
    padding: 0 13px;
    width: 275px;
}
.what-we-do-ip .description p {
    padding: 15px 0 0;
}
.what-we-do-ip ul.items .title {
    padding: 20px 0 15px;
}
.our-culture .table-cell .title-ds {
    padding: 0 0 15px;
}
.what-we-do-ip ul.items li {
    width: 50%;
    padding-left: 70px;
    padding-bottom: 80px;
}
.culture .thumb {
    height: 370px;
}
.our-culture h2 {
    padding: 30px 0 0;
    max-width: 290px;
}
.culture-in .table-cell.gallery-cell a span, .video-title {
    padding: 20px 0;
}
ul.team li .title {
    padding: 20px 0 15px;
}
ul.team {
    padding: 125px 0 50px;
}
.fulltrip .top-title > .table > .table-cell:first-child i {
    width: 20px;
    height: 20px;
}
.play span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #000;
}
.culture .slick-arrow {
    height: 38px;
    width: 46px;
    background-size: auto;
}
.video-p i {
    width: 103px;
    height: 103px;
}
.culture .slick-arrow.slick-next {
    left: -45px;
}
.culture .slick-arrow.slick-prev {
    right: -45px;
}
.what-we-do-ip ul.items .icon {
    height: 65px;
}
.culture .thumb .content .link {
    letter-spacing: 0.05em;
    margin-top: 26px;
    padding-left: 35px;
}
h1 {
    font-size: 120px;
}
.about-header h1 span.d-title {
    line-height: 103px;
    font-size: 120px;
}
.culture .thumb .content {
    padding: 0 25px;
    bottom: -46px;
}
ul.socials li a, .social .addtoany_list a {
    width: 20px;
    height: 20px;
    background-size: auto;
}
.what-we-do-ip ul.items {
    top: 15px;
    right: 395px;
    width: 80%;
}
.culture {
    padding: 75px 0 90px;
    width: 1110px;
}
.culture .thumb .content .title {
    padding-left: 40%;
}
.play span:nth-child(1) {
    border-right: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
    border-right: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
    margin-left: 10px;
    border-right: 9px solid rgba(0,0,0,1);
}
.job-conten > li.app p, .menu ul.menu li a, .category-header .description em, .grid-image-text .content h2 em, .more_works .title, .join-bottom-section > .in > .table > .table-cell.main-desc p em {
    font-size: 35px;
    letter-spacing: 0.03em;
}
.is-active header ul.logo-section {
    margin: 0 130px;
}
.about-header .description p span {
    padding: 35px 0 0;
}
.menu ul.menu {
    padding-right: 130px;
}
.menu ul.menu li {
    margin: 30px 0;
}
.menu ul.menu li span:before {
    height: calc(100% - 12px);
    top: 3px;
}
 .in, .slider-for .item, .thank-you > .table.in {
    width: 960px;
}
.contact .inside .title, .culture-in .table-cell.title > div, .more_works .title em {
    font-size: 40px;
    line-height: 40px;
}
.contact .inside .title em {
    padding: 5px 0 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, .contact-form-thank-message strong, fn, input, textarea {
    font-size: 18px;
}
.hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, #preloader .f-letter, #preloader .f-letter span, #preloader .loaded .slogan {
    font-size: 137px;
    letter-spacing: 0.01em;
}
 .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .video-section .inside .description .desc, .what-we-do > div.items ul li .description, .who-we-are .description a, header ul.logo-section li, .contact .inside .title em, .about-header .description, .grid-three .description, .three_columns ul.list li {
    line-height: 30px;
}
.job-conten > li.app p, .job-conten > li .title, .video-section .inside .description span, .conversion_rates .inside .left .description, .three_columns .top .description, .grid-three .description, .grid-image-text .in .desc p, .back-link .txt, .culture .thumb .content .link, .thank-you > .table > .table-cell .table-cell .subtitle, ul.contact-form label, .portfolio .text-category, ul.team li .description, .what-we-do > div.items ul li .description, .who-we-are .description a span i, header ul.logo-section li, .contact .inside .title em, .what-we-do-ip .description em, #filters li span, .portfolio .text-slug, ul.contact-form input, ul.contact-form textarea, .three_columns ul.list li, .job-conten > li .description > ul > li, .job-conten > li.app p a,.grid-image-text .in .desc li {
    font-size: 20px;
}
.hamburger, .menu-name span, .work-about ul.list li p, .more_works .portfolio .label-text span {
    font-size: 16px;
    line-height: 26px;
}
.menu-name span {
    display: inline-block;
    line-height: normal;
}
.loaded header, .loaded footer {
    height: 50px;
  } 
  header ul.logo-section {
    margin: 0 50px 0;
}
.about-header .description {
    padding-right: 150px;
}
header ul.logo-section, .header-space {
    height: 50px;
}
header ul.logo-section li {
    min-width: 40px;
}
header ul.logo-section li a {
    width: 80px;
    height: 20px;
}
.hamburger {
    position: absolute;
    left: 58px;
    top: 16px;
    letter-spacing: 0.12em;
    line-height: 20px;
    width: 70px;
}
.about-header .description, .about-header .description span, .what-we-do-ip ul.items .title, .more_works .portfolio .label-text .text-title {
    font-size: 22px;
    line-height: 30px;
}
.trailer .close, .video-sec .close {
    width: 35px;
    height: 35px;
    left: 25px;
    top: 25px;
    position: absolute;
}
.hp-01.hp-01-01 .close i {
    width: 35px;
    height: 35px;
}
.hp-01.hp-01-01 .close {
    width: 55px;
    height: 55px;
}
.play {
    letter-spacing: 0.22em;
    bottom: -60px;
}
.hp-section.hp-04 {
    padding: 175px 0 180px;
}
.join-top-section .table .table-cell .title, .what-we-do-ip h2, .hp-01.hp-01-01 p, .hp-01.hp-01-01 p span, .who-we-are .title, .what-we-do .title, ul.awards li .main-title span, ul.awards li .main-title, ul.awards-items > li ul.item li strong, ul.awards-items > li ul.item li:first-child, .hp-section.hp-11 .title-section .left .title {
    line-height: 85px;
}
.join-top-section .table .table-cell .title, .conversion_rates .inside .list li span, .fulltrip .top-title > .table > .table-cell:first-child .title, .fullteam .info .title, .our-team .table-cell.title em, .hp-section.hp-09 em, .who-we-are .title, .what-we-do .title, ul.awards li .main-title, ul.awards li .main-title span, .hp-section.hp-11 .title-section .left .title, .what-we-do-ip h2, .category-header .title > div.title, .what-we-do .title, .fulltrip .top-title > .table > .table-cell:first-child i, .d-title, .body .d-title.it-title {
    font-size: 100px;
    padding: 15px 0 0;
}
.what-we-do .title, .who-we-are .title, .hp-section.hp-11 .title-section .left .title {
    padding: 32px 0 0;
}
.sline {
    height: 3px;
    width: 60px;
}
body .d-title {
    line-height: 80px;
}
.float-sumbol {
    width: 40px;
    height: 23px;
    top: 175px;
    right: 265px;
}
.category-header .title div:after, .float-sumbol {
    right: 295px;
}
.who-we-are .description {
    padding: 55px 0 0;
}
.who-we-are .description p, .contact .inside p, .job-conten > li .description > ul > li {
    line-height: 25px;
}
.who-we-are .description p {
    padding: 0 0 40px;
}
.who-we-are .description p, .what-we-do-ip ul.items .description, .our-team .table-cell.description > p, .category-header .description p {
    font-size: 17px;
}
.join-bottom-section > .in > .table > .table-cell.main-desc p, .jobs > li > div.main-title, .work-about ul.list li .title, .culture-in .table-cell.gallery-cell a span, .culture .thumb .content .title, .thank-you > .table > .table-cell .table-cell .description, ul.contact-form input[type="submit"], .portfolio .label-text .text-title, ul.team li .title, .our-team .table-cell.description .title-ds p, .who-we-are .description strong, .post-object .item .title span, .hp-section.hp-10 .in > .title p strong, .hp-section.hp-10 .slider-nav .item .title, body div.wpcf7-validation-errors, .our-culture .description p strong, .video-title {
    font-size: 25px;
    letter-spacing: 0.04em;
}
.who-we-are .description p strong, .who-we-are .description p em {
    line-height: 30px;
}
.conversion_rates .inside .list li i, .conversion_rates .inside .left .title, .three_columns .top .title, .video-section .title, .grid-three .title, .grid-image-text .content h2, .work-header .category, .fulltrip .top-title > .table > .table-cell:last-child, .fullteam .info .role, .category-header .description strong, .our-team .table-cell.description .title-ds em, .testimonials-slider .left .name, .who-we-are .description em, ul.awards li p, ul.awards-items > li ul.item li p, .hp-section.hp-10 .in > .title p em, .hp-section.hp-11 .title-section .right .description em, .hp-section.hp-11 .title-section .right .description p, .fullteam .info .description, .our-culture .description p em, .work-header h2, .designrush .title-aw, .designrush .description,.designrush .description a {
    font-size: 30px;
}
.who-we-are .description a {
    padding-right: 1px;
    padding-left: 30px;
    line-height: normal;
}
.who-we-are .description a:before {
    width: 20px;
    height: 16px;
}
.hp-section.hp-05, .hp-05 .line {
    height: 245px;
}
.what-we-do .title {
    width: 25%;
}
.hp-05 div.items {
    height: 115px;
    padding-right: 310px;
    padding-top: 0;
}
.hp-05 div.items ul li img {
    max-width: 90%;
}
.hp-05 div.items ul li .description {
    padding: 15px 0 13px;
}
.hp-05 div.items ul li .description:before {
    width: 40px;
}
.hp-05 div.items ul li .description p {
    line-height: 30px;
    font-size: 19px;
}
.hp-section.hp-06 {
    padding: 190px 0 115px;
}
.hp-06 .who-we-are .description {
    padding: 30px 0 0;
}
.hp-section.hp-07 {
    padding: 0 50px;
}
.post-object .item {
    height: 320px;
}
.portfolio-wrapper {
    height: 320px;
}
.portfolio .label {
    height: 130px;
    bottom: -40px;
}
.portfolio .label-text {
    padding: 0 40px;
}
.portfolio .text-slug {
    padding: 18px 0 0;
}
.hp-section.hp-08 {
    padding: 190px 0 0;
}
ul.awards li .main-title {
    background-position: top 42px right 175px;
    background-size: auto;
}
ul.awards li p {
    padding: 125px 0 0;
}
ul.awards-items {
    margin: 135px 0 210px;
}
ul.awards-items > li ul.item li:first-child {
    padding-left: 13px;
    line-height: 65px;
    min-width: 54px;
}
ul.awards-items > li ul.item li {
    line-height: 30px;
}
ul.awards-items > li ul.item li{
  font-size:60px;  
}
ul.awards-items > li ul.item li p {
    line-height: 30px;
}
ul.awards-items > li ul.item li strong {
    line-height: normal;
}
.hp-section.hp-09 {
    height: 448px;
}
.hp-section.hp-10 .slider-nav .item:first-child {
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}
.hp-section.hp-10 .slider-nav .item .title {
    padding: 0 0 5px;
}
.hp-section.hp-10 .slick-dots button {
    width: 15px;
    height: 15px;
}
.hp-section.hp-10 .slick-dots li {
    padding: 0 10px;
}
.hp-section.hp-11 {
    padding: 0 0 90px;
}
.hp-section.hp-11 .y-line {
    height: 370px;
    top: 87px;
}
.hp-section.hp-11 .title-section .left {
    padding-bottom: 20px;
}
.hp-section.hp-11 .title-section .right .description {
    padding-left: 25%;
    margin: 0 0 -10px;
}
.video-section .inside, .three_columns .top, .three_columns ul.list, .one-image, .conversion_rates, .more_works .inside, .testimonials, .contact .inside {
    width: 1100px;
}
.testimonials {
    margin: 85px auto 0;
    min-height: 280px;
}
.testimonials button, .post-object button {
    width: 46px;
    height: 38px;
}
.testimonials button.slick-next {
    left: -140px;
}
.testimonials button {
    top: calc(50% + 23px);
}
.testimonials-slider .table > div.left {
    width: 40%;
}
.fullteam .info .role {
    padding: 25px 0 45px;
}
.testimonials-slider .left .avatar {
    width: 84px;
    height: 84px;
}
.testimonials-slider .left .name {
    padding: 45px 0 20px;
    margin: 0 0 20px;
}
.testimonials-slider .left .name:before {
    width: 75px;
}
.testimonials-slider .left .logo {
    height: 50px;
    margin: 20px 0 0;
    width: 50%;
}
.testimonials-slider .table > div.right {
    width: 60%;
    padding: 60px 0 0;
}
.testimonials-slider .right p {
    font-size: 15px;
    line-height: 28px;
}
.contact {
    padding: 65px 0 120px;
    min-height: 245px;

}
.contact .inside .title {
    width: 48%;
    padding-right: 115px;
}
span.arrow-a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
span.arrow-a.black-arrow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.contact .inside .info {
    width: 31%;
}
.contact .inside .address {
    width: 21%;
}
footer .inside {
    padding: 0 50px;
}


}