/*
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','Almoni DL AAA', 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');
}
@font-face {
font-family: 'Almoni Tzar DL 4.0 AAA U';
src: url('fonts/almoni-tzar-light-aaa.woff2') format('woff2'),
url('fonts/almoni-tzar-light-aaa.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almoni Tzar DL 4.0 AAA';
src: url('fonts/almoni-tzar-regular-aaa.woff2') format('woff2'),
url('fonts/almoni-tzar-regular-aaa.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almoni Tzar DL 4.0 AAA';
src: url('fonts/almoni-tzar-bold-aaa.woff2') format('woff2'),
url('fonts/almoni-tzar-bold-aaa.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almoni Tzar DL 4.0 AAA';
src: url('fonts/almoni-tzar-light-aaa.woff2') format('woff2'),
url('fonts/almoni-tzar-light-aaa.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almoni DL AAA';
src: url('fonts/AlmoniDLAAA-Bold.woff2') format('woff2'),
url('fonts/AlmoniDLAAA-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Almoni DL AAA';
src: url('fonts/AlmoniDLAAA-Light.woff2') format('woff2'),
url('fonts/AlmoniDLAAA-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face{
font-family:'Almoni DL AAA';
font-weight:400; /*(regular)*/
font-style: normal;
src: url('fonts/almoni-dl-aaa-400.eot');
src: url('fonts/almoni-dl-aaa-400.eot?#iefix') format('embedded-opentype'),
url('fonts/almoni-dl-aaa-400.ttf') format('truetype'),
url('fonts/almoni-dl-aaa-400.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, .more-in 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;
}
.more-in span.more-link i{
position:relative;
right: 0;
margin-top: 1px;
}
.more-in 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;
font-size: inherit;
}
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),video {
-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;left: 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, .loaded header{
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, .more-in, 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, .more-in 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;left: 0;right: 0;}
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;
}
.hamburger{position: absolute;right: 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: right;
}
.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: right; */
}
.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;left: 0;right: 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-name{
display: inline-block;
overflow: hidden;
height: 14px;
line-height: 20px;
position: relative;
}
.prev-post:hover i.p-link,.prev-post.active i.p-link{
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.prev-post:hover i.p-name,.prev-post.active i.p-name{
-webkit-transform: translateY(-17px);
transform: translateY(-17px);
}
.next-post:hover i.p-link,.next-post.active i.p-link{
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.next-post:hover i.p-name,.next-post.active 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;
text-align: center;
}
.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-right: 25px;}
.post-nav span:last-child{
margin-left: 25px;
}
.post-nav.next-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%);
}
.post-nav.prev-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%);
}
body.is-active .post-nav{
display: none;
}
.loftloader-loaded .post-nav.prev-post{
left: 0%;
}
.loftloader-loaded .post-nav.next-post{
right:0%;
}
.back-link .req div.ins{width: 21px;position: absolute;right: 0;left: 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;
left: 0;
top: 0;
}
.back-link .req{
display: block;
position: absolute;
width: 70px;
height: 70px;
right: 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){left: auto;right: 0;}
.back-link .req span:nth-child(3){bottom: 0;top: auto;}
.back-link .req span:nth-child(4){left: auto;right: 0;bottom: 0;top: auto;}
.back-link .txt{
text-align: center;
position: absolute;
left: 0;
right: 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;right: 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: left;
background-position: center;
background-repeat: no-repeat;
margin-right: 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: "";
right: 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{
right:16px;
}
.hamburger:hover .hamburger-inner:before{
right: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.left{left: 0;}
.side-bg.right{
right: 0;
}
.loaded .side-bg.left, .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;
left: 0;
right: 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;
right: 0;
}
.fulltrip .hamburger-inner,.fullteam .hamburger-inner{
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: rotate(45deg);
width: 22px;
right: 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;
right: 0;
left: 0;
}
.fulltrip .hamburger-inner:before,.fullteam .hamburger-inner:before{
top: 0;
transition: top 75ms ease,opacity 75ms ease .12s;
opacity: 0;
width: 22px;
right: 0;
left: 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;
right: 0;
left: 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;
right: 0;
left: 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, .more-in 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-right: 40%;
}
.contact-page > div.left .address{
bottom: 60px;
position: absolute;
left: 60px;
right: 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;
right: 50px;
left: 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;
left: 0;
margin: 0;
max-width: 100%;
object-fit: cover;
height: 100%;
z-index: 9999999;
}
.trailer{
position: fixed;
z-index: 999999999;
left: 0;
right: 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: left 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;right: 0;left: 45px;}
.trailer .mute-sound lottie-player{
height: 21px;
float: left;
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;
right: 25px;
top: 25px;
position: absolute;
z-index: 99999999;
cursor: pointer;
text-align: right;
}
.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;
right: 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;
left: 0;
right: 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;
left: 1px;
top: 0;
}
.trailer .pause:after,.hiddenvideo .pause:after{
left:auto;
right: 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;
left: 0;
right: 0;
}
.hp-01 .table-cell .inside{
position: relative;
display: inline-block;
text-align: left;
}
.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: left;
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;
left: 265px;
}
.category-header .title div:after, .float-sumbol{
left: 295px;
}
.category-header .title div:after{
}
.category-header .title div.title:after {
left: 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;
right: 0;
left: 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;
left: 0;
width: 100%;
padding-left: 310px;
}
.who-we-are .description em{
/* padding: 0 0 25px; */
display: block;
}
.more-in{
display: inline-block;
line-height: inherit;
height: auto;
vertical-align: middle;
padding-top: 0;
padding-left: 1px;
padding-right: 30px;
position: relative;
/* overflow: hidden; */
}
.more-in: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;
right: 0;
top: 0;
margin: auto;
bottom: 0;
opacity: 0;
}
.more-in:hover:before{
right: -5px;
}
.more-in:hover span:before{
width:calc(100% - 28px);
}
.more-in: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;
left: 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;
left: 0;
right: 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;
left: 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-left: 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 left 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-right: 13px;
line-height: normal;
line-height: 65px;
min-width: 54px;
text-align: right;
}
.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;right: 0;left: 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: right;height: auto;position: absolute;right: 0;top: 60px;}
.hp-section.hp-10 .slider-for{
padding: 50px 0 90px;
}
.hp-section.hp-10 .slider-nav .slick-track{
width: 100%!important;
text-align: right;
display: table;
transform: translate3d(0px, 0px, 0px)!important;
}
.hp-section.hp-10 .slider-nav .item{/* float: right; */display: inline-block;float: none;}
.hp-section.hp-10 .slider-nav .item:first-child{
/* border-right: 2px solid #000; */
padding: 0 15px 0 0;
margin: 0 15px 0 0;
}
.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;
right: 0;
left: 0;
margin: auto;
}
.hp-section.hp-10 .slider-nav .item.slick-current .title:before{
width: 100%;
}
.share-link .txt{
font-weight:500;
width: 100px;
right: 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 .left{padding-bottom: 20px;}
.hp-section.hp-11 .title-section .right{
}
.hp-section.hp-11 .title-section .right .description{padding-right: 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;
right: 0;
left: 0;
margin: auto;
top: -40px;
}
.testimonials, .contact .inside{
}
.contact .inside{
margin:auto;
display: table;
font-size: 0;
}
.testimonials-slider{
}
.testimonials-slider .item{opacity: 0;visibility: hidden;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.testimonials-slider .item.slick-active{
opacity: 1;
visibility: visible;
}
.testimonials-slider .table > div{display: table-cell;vertical-align: middle;}
.testimonials-slider .left{width: 40%;}
.testimonials-slider .right{width: 60%;padding: 60px 0 0;}
.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{left: -85px;}
.post-object button.slick-prev{
left: -55px;
}
.testimonials button.slick-next{
right: -140px;
left: auto;
transform: rotate(180deg);
}
.post-object button.slick-next{
right:-55px;
transform: rotate(180deg);
}
.testimonials button.slick-disabled,.post-object button.slick-disabled{
display:none!important;
}
.testimonials button.slick-prev:hover{
left: -145px;
}
.testimonials button.slick-next:hover{
right: -145px;
}
.post-object button.slick-next:hover{
right: -60px;
}
.post-object button.slick-prev:hover{
left: -60px;
}
.contact .inside > div{
display: table-cell;
vertical-align: top;
}
.contact .inside .title{width: 48%;position: relative;padding-left: 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;right: 40px;left: auto;}
span.arrow-a{
width: 60px;
height: 28px;
display: inline-block;
display: inline-block;
position: absolute;
left: 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;right: -3px;top: 0;}
span.arrow-a i:before{transform: rotate(45deg);top: 8px;}
span.arrow-a:before{
top: 14px;
margin: auto;
left: auto;
right: 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{left: auto;right: 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;
right: 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;
right: 0;
width: 20px;
}
a.more-in span.arrow-a.black-arrow:before{
right:0px;
-webkit-animation: myends .1s;
animation: myends .1s;
}
a.more-in:hover span.arrow-a.black-arrow:before{
width:20px;
right:-10px;
-webkit-animation: myfirsts .3s;
animation: myfirsts .3s;
}
span.arrow-a.black-arrow i{
right: -2px;
-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;
right:-12px;
left:auto;
}
@keyframes arrowfirst {
0% {
right:40px;
left:auto;
}
100% {
left:auto;
right:0;
}
}
@keyframes arrowfirsts {
0% {
right:-2px;
left:auto;
}
100% {
left:auto;
right:-12px;
}
}
@keyframes arrowend {
0% {
right:0px;
left:auto;
}
100% {
left:auto;
right:40px;
}
}
@keyframes arrowends {
0% {
right:-12px;
left:auto;
}
100% {
left:auto;
right:-2px;
}
}
@keyframes myfirst {
0% {
width:36px;
right:40px;
left:auto;
}
50% {
width:75px;
right:0px;
left:auto;
}
100% {
width:36px;
left:auto;
right:0;
}
}
@keyframes myfirsts {
0% {
width:20px;
right:10px;
left:auto;
}
50% {
width:30px;
right:-10px;
left:auto;
}
100% {
width:20px;
left:auto;
right:-10px;
}
}
@keyframes myend {
0% {
width:36px;
right:0;
left:auto;
}
50% {
width:60px;
right:16px;
left:auto;
}
100% {
width:36px;
left:auto;
right:40px;
}
}
@keyframes myends {
0% {
width:20;
right:-10px;
left:auto;
}
50% {
width:30px;
right:-10px;
left:auto;
}
100% {
width:20px;
left:auto;
right: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: right;height: 100%;}
ul.socials{display: table;float: right;margin: 15px 0 0;}
ul.socials li{display: table-cell;vertical-align: top;}
ul.socials li{
padding-left: 23px;
}
footer ul.socials{
position: absolute;
top: 0;
right: 50px;
}
.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;
}
.menu ul.socials li {
padding-right: 23px;
padding-left: 0;
}
.social .addtoany_list a{
margin-left: 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;left: 0;right: 0;margin: auto;text-align: center;background: #FFC13C -webkit-gradient(linear, left top, left 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;
right: 0;
bottom: 0;
left: 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{
right: 0;
left: 0;
margin: auto;
width: 50px;
top: 0;
bottom: 0;
height: 15px;
text-align: left;
letter-spacing: 0.06em;
background-image: url(gfx/top_icon.svg);
background-position: right 2px top 2px;
background-repeat: no-repeat;
padding: 0 2px;
opacity: 0;
}
footer .inside > a.scrollToContent:hover{
background-position: left 0px top -2px;
}
@keyframes move {
0% {
background-position: left 5px top -2px;
}
65% {
background-position: left 5px top -2px;
}
70% {
background-position: left 0px top -2px;
}
75% {
background-position: left 5px top -2px;
}
80% {
background-position: left 0px top -2px;
}
85% {
background-position: left 5px top -2px;
}
90% {
background-position: left 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;
right: 0;
left: 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-left: 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;
left: 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) a{
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
transition-delay: 250ms;}
}
.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: right;
letter-spacing: 0.22em;
right: 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;
left: -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-left: 9px solid #000;display: inline-block;position: relative;}
.play span:nth-child(1){border-left: 9px solid rgba(0,0,0,.2);}
.play span:nth-child(2){
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3){
margin-right: 10px;
border-left: 9px solid rgba(0,0,0,1);
}
.about-header .description{padding-left: 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;
right: 0;
left: 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;left: 395px;font-size: 0;width: 80%;}
.what-we-do-ip ul.items li{
display: inline-block;
width: 50%;
vertical-align: top;
padding-right: 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-left: 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: left;}
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;
left: 0;
right: 0;
margin: auto;
bottom: -17px;
}
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:left;
}
.fullteam{opacity: 1;visibility: visible;pointer-events: auto;position: fixed;top: 0;left: 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-left: 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;
left: 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;
right: 0;
left: 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-left: 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-left: 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-left: 0;
width: 100%;
}
.culture-in .table-cell.title.empty{
padding: 0;
}
.culture-in .table-cell.title > div{
padding-right: 30%;
}
.culture-in .table-cell.gallery-cell .gallery-in{vertical-align: top;display: grid;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;left: 0;right: 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-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
position: absolute;
left: 5px;
right: 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;}
.culture .thumb{
height: 370px;
background-size: cover;
background-position: center;
cursor: pointer;
position: relative;
text-align: left;
}
.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{
left: -45px;
}
.slick-arrow.slick-disabled{
display:none!important;
}
.culture .slick-arrow.slick-next{
right: -45px;
transform: rotate(180deg);
}
.culture .thumb:hover:before{
background:rgba(0,0,0,0.85);
}
.culture .slick-arrow.slick-next:hover{
right: -50px;
}
.culture .slick-arrow.slick-prev:hover{
left: -50px;
}
.culture .thumb:hover .content{
bottom:35px;
}
.culture .item{
padding: 0 13px;
width: 275px;
}
.culture .thumb .content{padding: 0 25px;position: absolute;width: 100%;bottom: -22px;z-index: 1;}
.culture .thumb .content .title{
padding-right: 40%;
color: #fff;
width: auto;
}
.culture .thumb .content .link:hover i{
right: -5px;
}
.culture .thumb .content .link{
letter-spacing: 0.05em;
margin-top: 26px;
display: inline-block;
position: relative;
padding-right: 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;
right: 0;
margin: auto;
background-size: auto;
}
.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-left: 10px;
}
.category-header .description p:first-child{
display: inline-block;
line-height: 32px;
padding-right: 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;
left: 0;
overflow: hidden;
}
#preloader,.hp-section.hp-02{
height: 100vh;
display: none;
}
.loaded #preloader{
display: none!important;
}
#preloader .txt {
position: absolute;
top: 50%;
left: 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-left: 11px solid #f8b21c;
border-bottom: 17px solid transparent;
display: inline-block;
position: absolute;
left: 39px;
}
#preloader .logo span.rectangular{
background: rgba(248, 178, 28, 1);
width: 23px;
height: 23px;
border: none;
transform: rotate(45deg);
z-index: 11;
left: 28px;
top: 5px;
opacity: 0;
/* background: #000; */
}
#preloader .logo span.right{
z-index: 2;
}
#preloader .logo span.left{
border-left: 11px solid #fff;
left: 39px;
}
#preloader .logo span.center{
border-left: 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:left;
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-right: 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: #929292;
cursor: pointer;
position: relative;
opacity: 1;
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;
left: 0;
right: 0;
margin: auto;
}
#filters li.active span,#filters li span:hover {color: #000;}
#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: left;
}
.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: 3;
opacity: 0;
left: 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 */
z-index: 2;
}
.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;
left: 40px;
top: 20px;
max-height: 50px;
}
.portfolio-wrapper{
height:320px;
}
.portfolio-wrapper .image-sec{
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
.portfolio-wrapper:hover .image-sec {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.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;}
ul.contact-form input,ul.contact-form textarea{width: 100%;background: transparent;border-top: none;border-right: none;border-left: 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; */
}
.newsletter-form.failed .black.active span.wpcf7-not-valid-tip{
opacity: 1;
visibility: visible;
}
ul.contact-form li:first-child{
}
ul.contact-form li:first-child > div:first-child{padding-right: 8px;width: 50%;}
ul.contact-form li:first-child > div:last-child{
padding-left: 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-right: 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;
left: 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: right;}
.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;left: 0;text-align: left;}
.work-header img{max-width: fit-content;display: inline-block;max-height: 100%;margin: auto;float: left;}
.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(left, 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(left, 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 right, 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-right: 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: right;
padding-right: 120px;
height: 100%;
}
.grid-image-text .grid-image .table-cell img{
max-width: 635px;
}
.grid-text-image .grid-image .table-cell {
text-align: left;
padding-right:0px;
padding-left: 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%;right: 0;left: 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;left: 0;width: 100%;height: 100%;font-size: 0;z-index: 10000000;}
.grid-image-text .in{
}
.image-popup-open .grid-image{
z-index: 100000000;
}
.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:left;
}
div.video-single-wrapper{
text-align: center;
position: relative;
display: inline-block;
cursor: pointer;
}
div.video-single-wrapper:after{
content:'';
clear:both;
display: block;
}
.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;right: 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-left: 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-right: 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-right: 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 .left{
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-right: 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-right: 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;
left: 0;
margin: 0;
max-width: 100%;
object-fit: cover;
height: 100%;
z-index: 9999999;
}
.join-top-section .in{position: absolute;top: 0;left: 0;right: 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: left;padding-right: 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;}
.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-left: 50px;
}
.job-conten > li.app{padding-top: 10px;padding-left: 70px;padding-bottom: 45px;}
.job-conten > li.app p{margin: 0;}
.job-conten > li.app p a{padding-left: 5px;display: inline-block;}
.job-conten > li .title{padding-left: 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: left top 7px;
padding-left: 20px;
}
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;
left: 50px;
right: 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-left: 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%;
left: 0;
top: 12px;
}
.testimonials_section .slick-dots li:only-child{
display: none;
}
.copyright{
font-size: 12px;
position: absolute;
left: 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-left: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;
}
.failed ul.contact-form input[type="submit"]{
background-color: transparent;
color: transparent;
}
.open-fullscreen{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
cursor: pointer;
}
/*******************Start Blog******************/
.share-window .window-entry .title, .authors-names div, .hero h1, .hero .description, article .layout-quote .desc, article .authors .content .s-title, article .authors .content .title, .posts-list .wrapper h2, .post-entry-wrapper .authors-list ul.names li div, .post-entry-wrapper h3, .post-entry-wrapper .description p, .newsletter h2, .newsletter h3, .newsletter-form input, article .sticky-header .title, .share-window .copy-link .title, .featured-post h2, #load-more, .blog-page-post-list #filters li span, body .selectric span.label, body .selectric-items ul li, .quicksearch, body .wpulike-default .count-box, body .newsletter-section.failed div.wpcf7-response-output, .post-nav.blog-nav i, .not-found .description, .lang-wrapper a.accept-hebrew, .tag-link .more-link i, .form-sent .title,.form-sent .subtitle {
font-family: "Almoni Tzar DL 4.0 AAA", Arial, sans-serif;
}
.share-window .copy-link input,
article .layout,
.tags,
article .authors .content .description,
.tags-list,
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-family: "Almoni DL AAA", Arial, sans-serif;
}
.share-window .window-entry .title,
.hero h1,
.newsletter-form input[type="submit"],
article .sticky-header .title {
font-weight: bold;
}
.hero .description,
article .authors .content .s-title,
.post-entry-wrapper .description,
.newsletter h3,
.newsletter-form input {
font-weight: 300;
}
.authors-names div,
article .layout-quote .desc,
.post-entry-wrapper .authors-list ul.names li div {
font-weight: normal;
}
article div,
article a,
article h1,
article h2,
article h3,
article span {
color: #2b2b2b;
}
.page-progress {
/* left:0; */
display: none;
}
article {
direction: rtl;
}
article .sticky-header {
padding: 0 50px;
position: fixed;
right: 0;
width: 100%;
top: 50px;
opacity: 0;
visibility: hidden;
z-index: 100;
pointer-events: none;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
article .sticky-header.active {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
article .sticky-header .wrapper {
width: 100%;
border-top: 1px solid #dfdfdf;
background-color: #fff;
height: 80px;
padding-bottom: 0;
}
article .wrapper {
width: 760px;
margin: auto;
padding-bottom: 0;
}
article .sticky-header .title {
font-size: 26px;
height: 78px;
background-color: #fff;
line-height: 80px;
float: none;
padding-right: 0;
text-align: center;
}
.hero {
text-align: center;
background-color: #f7b11f;
}
.authors-thumbnails,
.post-entry-wrapper .authors-list ul.thumbnails {
display: flex;
margin: auto;
list-style-type: none;
justify-content: center;
padding-top: 60px;
padding-bottom: 13px;
}
.authors-thumbnails li,
.post-entry-wrapper .authors-list ul.thumbnails li {
display: inline-block;
position: relative;
}
.authors-thumbnails div,
.post-entry-wrapper .authors-list ul.thumbnails li div {
width: 46px;
border: 2px solid #fff;
height: 46px;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.authors-thumbnails li:nth-child(1),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(1) {
z-index: 4;
}
.authors-thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2) {
z-index: 3;
}
.authors-thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3) {
z-index: 2;
}
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
z-index: 1;
}
.authors-thumbnails li:nth-child(2),
.authors-thumbnails li:nth-child(3),
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
margin-right: -20px;
}
.share-post {
background-image: url(gfx/share-icon.svg);
width: 44px;
height: 44px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.share-post:hover {
background-color: #f8f8f8;
}
.share-post:focus {
background-color: #f3f3f3;
}
.authors-names {
margin: 0;
padding: 0;
}
.hero h1 {
font-size: 60px;
line-height: 60px;
padding-top: 25px;
}
.hero .description {
font-size: 30px;
line-height: 28px;
letter-spacing: 0.5px;
}
.hero .thumbnail {
height: 365px;
margin-top: 30px;
}
.hero .thumbnail img {
width: auto;
max-height: 100%;
}
.hero .description p {
margin: inherit;
}
.authors-names li {
display: inline-block;
}
.authors-names div,
.post-entry-wrapper .authors-list ul.names li div,
.newsletter h3,
.newsletter-form input {
font-size: 24px;
display: inline;
}
article .content {
padding-top: 0;
}
article .layout {
margin-top: 50px;
font-size: 20px;
line-height: 34px;
position: relative;
}
.video-thumbnail {
height: 425px;
background-size: cover;
background-position: center;
position: relative;
cursor: pointer;
}
.video-thumbnail.static-height {
height: auto;
display: block;
}
.video-thumbnail:hover i {
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 11px 28px 0px rgba(0, 0, 0, 0.27);
}
.video-prev {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.video-active .video-thumbnail {
display: none;
}
.video-active .open-fullscreen.hidden {
display: block;
opacity: 1;
}
.video-thumbnail i {
width: 103px;
height: 103px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
background-color: rgba(255, 255, 255, 0.84);
border-radius: 50%;
cursor: pointer;
box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 27%);
z-index: 1;
}
.video-thumbnail i:hover {
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 11px 28px 0px rgba(0, 0, 0, 0.27);
}
.video-thumbnail i:before {
content: "";
width: 0;
height: 0;
border-top: 16px solid transparent;
border-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
position: absolute;
left: 5px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.image-popup-active .image-popup {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-popup-open {
overflow: hidden;
}
.image-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100000000;
background-color: rgba(0, 0, 0, 0.8);
pointer-events: none;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.image-wrapper {
position: relative;
cursor: pointer;
text-align: right;
}
.grid-image .image-wrapper{
text-align: inherit;
display: inline-block;
}
.layout:hover .image-wrapper:before,
.layout:hover .video-thumbnail:before,
.gallery:hover .image-wrapper:before,
.gallery:hover .video-thumbnail:before
{
opacity: 1;
}
.image-wrapper:before,
.video-thumbnail:before {
content: "";
display: block;
position: absolute;
background-image: url(gfx/zoom.svg);
width: 20px;
height: 20px;
z-index: 1;
left: 20px;
bottom: 20px;
opacity: 0;
pointer-events: none;
}
.image-popup .table {
height: 100%;
}
.image-popup .table-cell {
text-align: center!important;
height: 100%;
max-height: 100%;
display: table-cell!important;
}
article .layout.image-popup-active .image-popup img,.single .image-popup-active .image-popup img {
display: block;
margin: auto!important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.image-popup .close {
width: 35px;
height: 35px;
background-image: url(gfx/close.svg);
display: block;
background-size: auto;
position: absolute;
right: 25px;
z-index: 1;
top: 25px;
cursor: pointer;
}
.image-popup .close:hover {
transform: rotate(180deg);
}
article .layout video {
position: relative;
max-width: 100%;
display: block;
}
article .layout-video:hover video,
article .layout-video:hover .video-prev {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
article .layout h2,.summary span {
font-size: 28px;
font-family: inherit;
font-weight: bold;
}
article .layout h2{
padding-bottom: 10px;
margin-top: 40px;
}
article .layout h3{
font-size: 24px;
}
.lang-popup{
background-color: rgba(0, 0, 0, 0.8);
}
.lang-wrapper{
width: 540px;
height: auto;
background-color: #fff;
margin: auto;
padding: 40px;
}
.lang-wrapper .title{
font-family: 'BebasNeuePro-Bold';
font-size: 50px;
padding-top: 0;
padding-bottom: 25px;
}
.lang-wrapper p{
margin: 0;
padding: 0;
}
.lang-wrapper .subtitle{
padding-bottom: 30px;
font-weight: 500;
font-size: 20px;
}
.lang-wrapper a{
display: block;
height: 54px;
line-height: 54px;
}
.lang-wrapper a.accept-hebrew{
background-color: #ECB421;
border: 1px solid #ECB421;
font-size: 32px;
}
.lang-wrapper a.accept-english{
border: 1px solid #000;
margin-top: 15px;
font-family: 'BebasNeuePro-Bold';
font-size: 24px;
line-height: 52px;
}
.lang-wrapper a.accept-hebrew:hover{
}
.lang-wrapper a.accept-english:hover{
}
.tags-list {
padding-top: 50px;
padding-right: 30px;
display: table;
margin-bottom: 65px;
}
.tags-list span {
font-family: inherit;
display: table-cell;
padding-left: 15px;
vertical-align: middle;
}
ul.tags {
display: table;
}
ul.tags li {
display: table-cell;
vertical-align: middle;
padding: 0 5px;
}
ul.tags li a {
font-family: inherit;
color: #fff;
font-size: 16px;
padding: 5px 7px;
display: inline-block;
}
ul.tags li a,
.newsletter-form input[type="submit"] {
background-color: #1d1d1d;
}
ul.tags li a:hover,
.newsletter-form input[type="submit"]:hover {
background-color: #4a4a4a;
}
ul.tags li a:focus,
.newsletter-form input[type="submit"]:focus {
background-color: #2f2f2f;
}
article .layout ul,.summary .description ul {
margin: 0;
padding: 0;
list-style-type: none;
}
article .layout ul li, .summary .description ul li {
padding-right: 20px;
position: relative;
}
article .layout ul li:before, .summary .description ul li:before {
content: "";
width: 0px;
height: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #f7b11f;
position: absolute;
right: 0;
top: 10px;
}
article .layout-quote {
padding-top: 25px;
border-right: 4px solid #f7b11f;
padding-bottom: 25px;
padding-right: 40px;
}
article .layout p {
margin-top: 0;
margin-bottom: 15px;
}
article .layout span,article .layout b{
font-size: inherit;
}
article .layout p a,article .layout li a{
font-size:inherit;
color:#6672E2;
}
article .layout p a:hover{
text-decoration:underline;
}
article .layout-image .desc {
font-size: 16px;
color: #515151;
font-family: inherit;
line-height: 26px;
}
article .layout img {
max-width: 100%;
display: block;
/* cursor: pointer; */
margin: 0;
max-height: 100%;
/* position: absolute; */
/* top: 0; */
/* bottom: 0; */
/* margin: auto; */
/* left: 0; */
/* right: 0; */
}
article .layout img:hover {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
article .layout-quote .desc {
font-size: 30px;
line-height: 40px;
padding-right: 0;
padding-left: 0;
position: relative;
display: inline-block;
}
article .layout-quote .desc:before,
article .layout-quote .desc:after {
content: "";
display: none;
background-image: url(gfx/psik.svg);
width: 11px;
height: 12px;
position: absolute;
right: 0;
top: 5px;
}
article .layout-quote .desc:after {
right: auto;
left: 0;
opacity: 0;
}
article .layout-quote .desc p {
margin-bottom: 0;
}
article .authors {
margin: 0;
padding: 0;
}
article .authors li {
padding-top: 0;
padding-bottom: 0;
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin-top: 30px;
margin-bottom: 30px;
display: block;
padding: 15px;
position: relative;
}
article .authors .author {
display: flex;
}
article .authors .image {
height: 200px;
flex-basis: 185px;
}
article .authors .image span {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
article .authors .content {
padding-top: 0;
flex-basis: calc(100% - 185px);
padding-right: 35px;
}
article .authors .content .s-title {
font-size: 20px;
display: inline-block;
background-color: #f8b21c;
padding: 0 10px;
letter-spacing: 1px;
}
article .authors .content .title {
padding-top: 20px;
font-size: 28px;
font-weight: bold;
line-height: 28px;
letter-spacing: 1px;
}
article .authors .content .title span {
font-size: inherit;
font-family: inherit;
font-weight: 300;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #2b2b2b;
line-height: inherit;
display: inline-block;
}
article .authors .content .description {
padding-top: 15px;
line-height: 24px;
}
article .authors .content .description p {
margin: 0;
}
.posts-list {
padding-top: 60px;
}
.posts-list .wrapper {
width: 950px;
padding-bottom: 0;
}
.posts-list .wrapper h2 {
font-size: 30px;
text-align: center;
margin-bottom: 30px;
}
.posts-list .wrapper h2 div {
font-family: inherit;
font-size: inherit;
position: relative;
}
.posts-list .wrapper h2 div:after {
content: "";
width: 100%;
position: absolute;
height: 1px;
background-color: #777777;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.posts-list .wrapper h2 span {
font-family: inherit;
font-size: inherit;
padding: 0 30px;
background-color: #f8f8f8;
padding-left: 65px;
position: relative;
z-index: 1;
}
.posts-list .wrapper h2 span:after {
content: "";
background-image: url(gfx/arrow-more.svg);
width: 20px;
height: 23px;
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 30px;
margin: auto;
}
.blog-post-list {
margin: 0;
padding: 0;
display: flex;
column-gap: 50px;
}
.blog-post-list > li {
flex-basis: 50%;
vertical-align: top;
direction: rtl;
}
.post-entry-wrapper {
background-color: #fff;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
padding-bottom: 20px;
position: relative;
}
.post-entry{
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.post-entry-wrapper.hidden{
display: inline-block;
opacity: 1;
height: 100%;
}
.post-entry-wrapper:hover {
box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.06);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.post-entry-wrapper ul.tags {
margin-right: 15px;
position: absolute;
bottom: 0;
}
.post-entry-wrapper ul.tags.hidden{
/* display:none; */
}
.post-entry-wrapper a.top-link {
padding-bottom: 0;
display: block;
}
.post-entry-wrapper a.top-link .number,
.post-entry-wrapper a.top-link .price {
display: none;
}
.post-entry-wrapper .image {
height: 250px;
background-color: #f7b11f;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.post-entry-wrapper .image-sec {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.post-entry-wrapper .image-sec.hidden-file{
opacity: 0;
visibility: hidden;
}
.post-entry-wrapper:hover .image-sec {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.post-entry-wrapper:hover .image-sec{
opacity:0;
visibility:hidden;
}
.post-entry-wrapper:hover .image-sec.hidden-file{
opacity:1;
visibility:visible;
}
.post-entry-wrapper .authors-list {
display: flex;
padding: 25px 20px;
padding-bottom: 14px;
direction: rtl;
}
.post-entry-wrapper h3 {
padding-right: 20px;
padding-left: 20px;
font-size: 26px;
letter-spacing: 0.5px;
text-align: right;
direction: rtl;
white-space: normal;
}
.post-entry-wrapper .description {
padding-right: 20px;
padding-left: 20px;
font-size: 20px;
line-height: 24px;
text-align: right;
}
.post-entry-wrapper .description p {
margin: 0;
direction: rtl;
}
.post-entry-wrapper .authors-list ul.thumbnails {
padding-top: 0;
justify-content: right;
margin: 0;
align-items: center;
padding-bottom: 0;
}
.post-entry-wrapper .authors-list ul.names {
padding-right: 15px;
padding-left: 0;
display: flex;
align-items: center;
}
ul.names li:first-child {
padding-right: 0;
}
ul.names li {
padding-right: 5px;
}
.newsletter-section {
height: 440px;
position: relative;
margin-top: 180px;
}
body .newsletter-section.failed div.wpcf7-response-output {
direction: rtl;
padding: 5px 0;
height: auto;
color: rgba(255, 0, 66, 1);
background-color: transparent;
font-size: 20px;
line-height: 25px;
display: none !important;
}
.newsletter {
text-align: center;
direction: rtl;
position: relative;
padding: 35px 90px;
}
.newsletter.active .form-sent{
opacity:1;
visibility: visible;
pointer-events: all;
}
.form-sent{
position: absolute;
background-color: #fff;
z-index: 1;
right: 0;
width: 100%;
height: 100%;
top: 0;
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.form-sent .cell{
display: table-cell;
vertical-align: middle;
}
.form-sent .cell p{
margin:0;
}
.form-sent .table{
height: 100%;
}
.form-sent .subtitle{
font-size: 24px;
font-weight: 300;
}
.newsletter h2,.form-sent .title {
font-size: 50px;
line-height: 50px;
font-weight: bold;
}
.newsletter h3 {
letter-spacing: 0.5px;
}
.newsletter-form {
direction: rtl;
display: flex;
margin: 0;
}
.newsletter-form .input {
position: relative;
}
.newsletter-form li {
direction: ltr;
flex-basis: 385px;
position: relative;
text-align: right;
}
.newsletter-form li:last-child {
flex-basis: calc(100% - 385px);
}
.newsletter-form .close,
.post-search .close {
background-image: url(gfx/form-delete.svg);
width: 20px;
height: 20px;
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: 15px;
top: 0;
bottom: 0;
cursor: pointer;
margin: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.newsletter-form .active .close {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-size: 16px;
}
.newsletter-section.failed span.description,
.newsletter-form.failed span.description {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.newsletter-form .wpcf7-not-valid-tip {
right: 0;
bottom: -36px;
top: auto;
direction: rtl;
display: none;
}
.newsletter-form .wpcf7-not-valid-tip:last-child{
display: block;
}
.newsletter-form li p {
margin: 0;
}
.newsletter-form input {
text-align: right;
-webkit-appearance: none;
padding: 7px 15px;
border: 1px solid #1d1d1d;
width: 100%;
letter-spacing: 1px;
}
.newsletter-form input:hover {
background-color: #f8f8f8;
}
.newsletter-form input:focus {
background-color: #fff;
}
.newsletter-form input[type="submit"] {
text-align: center;
background-color: #1d1d1d;
color: #fff;
cursor: pointer;
}
.newsletter-section .wrapper {
position: relative;
z-index: 10;
padding-bottom: 0;
width: 700px;
margin: auto;
}
.newsletter-section .wrap {
background-color: #fff;
/* position: relative; */
z-index: 10;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}
.newsletter-section:after {
content: "";
height: 300px;
display: block;
position: absolute;
background-color: #f7b11f;
width: 100%;
left: 0;
bottom: 0;
}
.share-window {
position: fixed;
z-index: 1000000000;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #030303c7;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.share-window-active .share-window {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.share-window .window {
position: absolute;
width: 525px;
height: 600px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
padding-top: 50px;
}
.share-window .close {
position: absolute;
background-image: url(gfx/close-window.svg);
width: 24px;
height: 24px;
display: block;
top: 13px;
left: 0;
cursor: pointer;
}
.share-window .close:hover {
transform: rotate(180deg);
}
.share-window .window-entry {
background-color: #fff;
height: calc(100% - 0px);
}
.share-window .window-entry > .title {
text-align: center;
padding-top: 200px;
padding-right: 50px;
padding-left: 50px;
font-size: 26px;
}
.share-window .thumbnail {
width: 390px;
height: 225px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #f8b21c;
z-index: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);
}
.share-window .share-to-any {
text-align: center;
padding-top: 40px;
}
.share-window .share-to-any .title,
.share-window .copy-link .title {
font-size: 24px;
font-weight: 300;
padding-bottom: 10px;
}
.share-window .a2a_kit a {
padding: 0;
margin: 0 15px;
width: 46px;
height: 46px;
display: inline-block;
background-repeat: no-repeat !important;
background-position: center !important;
border-radius: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-color: transparent;
}
.share-window .a2a_kit a:hover {
box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 15%);
}
.share-window .a2a_kit a.a2a_button_facebook {
background: url(gfx/facebook.svg);
}
.share-window .a2a_kit a.a2a_button_linkedin {
background: url(gfx/linkedin.svg);
}
.share-window .a2a_kit a.a2a_button_twitter {
background: url(gfx/twitter.svg);
}
.share-window .a2a_kit a svg,
.share-window .a2a_kit a span {
display: none !important;
}
.share-window .copy-link {
text-align: center;
padding-top: 50px;
}
.share-window .copy-link .title {
}
.share-window .copy-link input {
width: 100%;
background-color: #f2f2f2;
padding: 15px;
font-size: 20px;
font-weight: normal;
}
.share-window .copy-link span {
background-image: url(gfx/g497.svg);
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 50px;
background-color: #f2f2f2;
width: 50px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.share-window .input-section {
margin: 0 50px;
position: relative;
}
.blog {
direction: rtl;
padding: 50px;
padding-bottom: 0;
}
.blog .hero {
background-color: rgba(248, 248, 248, 1);
}
.blog .inwrapp {
padding-top: 140px;
padding-bottom: 170px;
}
.blog .hero h1 {
display: inline-block;
padding-top: 30px;
position: relative;
font-size: 100px;
}
.blog .hero h1 div {
left: 0;
right: 0;
top: 0;
margin: auto;
}
.blog .hero .description {
font-size: 24px;
padding-top: 10px;
}
.featured-post .post-entry-wrapper {
display: flex;
padding: 0;
}
.featured-post .post-entry-wrapper .features-content {
flex-basis: calc(100% - 520px);
position: relative;
}
.featured-post .post-entry-wrapper .image {
height: 310px;
/* display: inline-flex; */
flex-basis: 520px;
position: relative;
}
.post-entry-wrapper .image img {
max-width: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.featured-post .post-entry-wrapper:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.featured-post .post-entry-wrapper .authors-list,
.featured-post .post-entry-wrapper h3,
.featured-post .post-entry-wrapper .description {
padding-right: 35px;
padding-left: 35px;
letter-spacing: 0.5px;
}
.featured-post .post-entry-wrapper ul.tags {
margin-right: 30px;
}
.featured-post .wrapper {
width: 940px;
margin: auto;
}
.featured-post h2 {
font-size: 30px;
padding-right: 35px;
margin-bottom: 8px;
position: relative;
}
.featured-post h2:before {
content: "";
background-image: url(gfx/ham.svg);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
height: 25px;
display: block;
background-position: center;
background-repeat: no-repeat;
}
.blog-page-post-list #filters li span,
body .selectric span.label,
body .selectric-items ul li,
.quicksearch {
font-size: 24px;
font-weight: normal;
}
.blog-page-post-list .wrapper {
width: 940px;
margin: auto;
position: relative;
}
.blog-page-post-list .wrapper .filters {
position: relative;
padding-top: 20px;
}
body .blog nav.filter-nav .line{
right: auto;
left: auto;
width: 121px;
}
.blog-page-post-list .wrapper .filters.sticky {
position: fixed;
height: 78px;
background-color: #fff;
border-top: 1px solid #dfdfdf;
}
.blog-page-post-list .wrapper .filters:after {
content: "";
display: block;
clear: both;
}
.blog-page-post-list .wrapper .filters .nav-in {
float: right;
}
.blog-page-post-list .wrapper .filters nav.filter-nav {
margin-bottom: 15px;
}
.quicksearch {
padding: 0;
height: 40px;
line-height: 40px;
background-image: url(gfx/search-icon.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 40px;
background-color: transparent;
margin-top: -2px;
margin-right: 0;
border-bottom: 1px solid transparent;
cursor: pointer;
}
.post-search {
display: inline-block;
position: relative;
float: right;
margin-right: 25px;
overflow: hidden;
}
.post-search .line {
content: "";
position: absolute;
right: -100%;
background-color: #000;
bottom: 0;
left: auto;
width: 100%;
height: 1px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.quicksearch::placeholder {
color: transparent;
opacity: 0; /* Firefox */
}
.quicksearch::-ms-input-placeholder {
/* Edge 12 -18 */
color: transparent;
}
.post-search.active .quicksearch::placeholder,.newsletter-form input::placeholder {
color: #5b5b5b;
opacity: 1; /* Firefox */
}
.quicksearch:focus {
cursor: auto;
}
.post-search.active-line .line {
right: 0;
}
.post-search.active .close {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.post-search .close {
left: 5px;
}
.quicksearch:focus::placeholder {
color: #8f8f8f;
opacity: 1; /* Firefox */
}
.posts-list.blog-page-post-list {
padding-top: 80px;
margin-bottom: -65px;
}
.posts-list.blog-page-post-list .nav-space.sticky {
height: 83px;
}
.blog-page-post-list .wrapper #portfoliolist {
margin: 0 -20px;
direction: rtl;
}
.blog-page-post-list .wrapper #portfoliolist:after {
content: '';
display: block;
clear: both;
}
.blog-page-post-list #portfoliolist .portfolio {
width: calc(50% - 40px);
margin: 0 20px;
overflow: visible;
margin-bottom: 65px;
}
.blog-page-post-list #portfoliolist.tags-grid .portfolio{
float: right;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.hidden {
display: none;
}
.load-more {
text-align: center;
}
#load-more {
font-size: 24px;
font-weight: 300;
position: relative;
padding-left: 30px;
cursor: pointer;
}
#load-more:after {
content: "";
background-image: url(gfx/load-icon.svg);
width: 10px;
height: 15px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
body .selectric-wrapper {
position: absolute;
left: 0;
top: 0;
}
body .selectric {
padding: 0;
border: none;
padding-left: 40px;
}
body .selectric:hover {
opacity: 0.7;
}
body .selectric-open .selectric {
border: none;
}
body .selectric:after {
content: "";
background-image: url(gfx/chevron.svg);
width: 23px;
height: 23px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background-position: center;
}
body .selectric span.label {
}
body .selectric-items {
padding: 0;
width: 160px !important;
left: auto;
right: 0;
}
body .selectric-items ul li {
padding: 10px 15px;
text-align: right;
}
body .selectric-items ul li.selected {
background-color: #1d1d1d;
color: #fff;
}
body .selectric b {
display: none !important;
}
body .wpulike {
display: block;
float: none;
margin-top: 0;
padding: 0;
height: 60px;
width: 44px;
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
body .wpulike .wp_ulike_general_class {
direction: ltr;
display: block;
}
body .wpulike-default button.wp_ulike_btn {
background-color: transparent !important;
min-width: 40px;
}
body .wpulike-default .wp_ulike_put_image.wp_ulike_btn_is_active:after {
filter: none;
}
body .wpulike-default .wp_ulike_is_liked .wp_ulike_put_image:after {
background-image: url(gfx/like-active.svg) !important;
}
body .wpulike-default .count-box {
box-shadow: none;
margin: 0;
padding: 0;
font-size: 20px;
color: #000;
font-weight: 300;
display: block;
}
body .wpulike-default .count-box:before {
display: none;
}
body .wpulike-notification {
display: none !important;
}
.back-link.back-blog-link .txt {
/* font-size: 20px; */
}
.post-nav.blog-nav i {
font-size: 18px;
}
.post-nav.blog-nav i.p-name{
direction: rtl;
}
.post-nav.blog-nav .post-name {
height: 16px;
}
body .wpulike-default .wp_ulike_put_image:after {
width: 25px;
height: 25px;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
.tags-list.hidden{
display: none;
}
body .wpulike-default .wp_ulike_put_image:hover:after {
background-color: #f8f8f8;
}
.float-share{
float: left;
margin-left: -100px;
z-index: 1;
}
.theiaStickySidebar{
left: 0;
}
.not-found{
text-align: center;
padding-top: 30px;
display: none;
}
.not-found.active{
display:block;
}
.not-found img{
max-width: 100%;
}
.not-found .description{
font-size: 30px;
line-height: 30px;
}
.not-found .description p{
margin: 0;
}
.tag-link{
padding-top: 15px;
}
.tag-link a{
direction: ltr;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.tag-link .more-link i{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
display: inline-block;
font-size: 24px;
line-height: 26px;
}
article .authors .author ul.socials{
float: none;
position: absolute;
margin: 0;
left: 5px;
top: 2px;
}
article .authors .author ul.socials li{
margin: 0;
padding: 0;
box-shadow: none;
display: table-cell;
padding-right: 10px;
overflow: visible;
padding: 5px;
}
article .authors .author ul.socials li a{
display: block;
width: 25px;
height: 25px;
background-size: contain;
background-repeat: no-repeat;
border-radius: 50%;
}
.summary{
padding-top: 35px;
}
.summary .title{
text-align: center;
position: relative;
}
.summary .title:after{
content:'';
background-color: #A4A4A4;
position: absolute;
width: 100%;
height: 1px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.summary span{
position: relative;
z-index: 10;
background-color: #f8f8f8;
display: inline-block;
padding-right: 25px;
padding-left: 25px;
line-height: 45px;
}
.summary .description{
padding-top: 10px;
}
.summary .image{
text-align: center;
}
.summary .icon{
width: 40px;
height: 40px;
background-image: url(gfx/summary-icon.svg);
background-repeat: no-repeat;
background-position: center;
margin: auto;
}
article .authors .author ul.socials li a:hover{
-webkit-transform: translateX(0%) scale(1.1);
-moz-transform: translateX(0%) scale(1.1);
-ms-transform: translateX(0%) scale(1.1);
-o-transform: translateX(0%) scale(1.1);
transform: translateX(0%) scale(1.1);
}
body .newsletter .wpcf7-spinner{
display:inline-block;
position: absolute;
left: 10px;
top: 14px;
bottom: auto;
margin: auto;
}
/*******************End Blog******************/
.hero .thumbnail lottie-player{
margin: auto;
}
.post-entry-wrapper .image-sec lottie-player{
margin: auto;
}
.social-links{
text-align: center;
font-size: 20px;
}
.social-links h4{
font-family: "Almoni Tzar DL 4.0 AAA", Arial, sans-serif;
font-weight: 400;
font-size: 20px;
}
.social-links ul{
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
column-gap: 40px;
align-items: center;
justify-content: center;
padding: 20px 0 50px;
}
.social-links li{
}
.social-links a{
background-size: auto;
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50px;
}
.social-links a:hover{
opacity:.7;
}
@media (max-width: 479px) {
/*******************Start Blog******************/
body .newsletter .wpcf7-spinner {
top: 10px;
}
.social-links{
padding-top: 15px;
}
.social-links ul{
padding-bottom: 25px;
}
.tag-link{
padding-top: 15px;
}
.tag-link .more-link i{
font-size: 24px;
line-height: 26px;
}
.post-entry-wrapper .image-sec lottie-player {
width: calc(max(290px, 290px))!important;
}
.hero .thumbnail lottie-player {
width: calc(max(288px, 288px))!important;
}
.featured-post .post-entry-wrapper .image-sec lottie-player {
width: calc(max(280px, 280px))!important;
}
.lang-wrapper{
width: 540px;
}
article .authors .author ul.socials{
left: auto;
right: 10px;
bottom: 20px;
top: auto;
}
.lang-wrapper{
width: calc(100% - 40px);
height: auto;
padding: 40px;
}
.lang-wrapper .title{
font-size: 40px;
padding-bottom: 20px;
}
.lang-wrapper .subtitle{
padding-bottom: 30px;
font-size: 20px;
}
.lang-wrapper a{
height: 54px;
line-height: 54px;
}
.lang-wrapper a.accept-hebrew{
font-size: 32px;
}
.lang-wrapper a.accept-english{
margin-top: 15px;
font-size: 24px;
line-height: 52px;
}
article .layout h2{
font-size: 28px;
padding-bottom: 15px;
}
.summary span{
font-size: 26px;
padding-right: 20px;
padding-left: 20px;
}
.not-found img {
max-width: 140px;
}
.not-found .description {
font-size: 24px;
line-height: 24px;
}
.not-found {
padding-top: 20px;
}
.float-share{
margin-left: -40px;
}
article .layout, article .authors .content .s-title, .post-entry-wrapper .description, body .newsletter-section.failed div.wpcf7-response-output, .share-window .copy-link input, body .wpulike-default .count-box, .summary .description{
font-size: 20px;
}
body .selectric-wrapper{
top: auto;
bottom: -92px;
}
.blog-body.sticky-body .hamburger.menu-hamburger{
top: 85px;
}
.post-entry-wrapper .description{
font-size: 20px;
}
.mobile-back{
/* background-image: url(gfx/back-mobile.svg); */
width: 40px;
height: 40px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
float: right;
margin-right: 20px;
margin-top: 20px;
display: none;
}
.authors-names div,
.post-entry-wrapper .authors-list ul.names li div,
.newsletter h3,
.newsletter-form input,
.share-window .share-to-any .title,
.share-window .copy-link .title,
.blog .hero .description,
.blog-page-post-list #filters li span,
body .selectric span.label,
body .selectric-items ul li,
.quicksearch,
#load-more {
font-size: 24px;
}
.post-entry-wrapper .authors-list ul.names li div,body .selectric span.label{
font-size: 20px;
}
body .selectric span.label{
font-size: 22px;
}
article .sticky-header .title,
.post-entry-wrapper h3,
.share-window .window-entry > .title {
font-size: 26px;
}
ul.tags li a,
article .layout-image .desc,
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-size: 16px;
}
.post-nav.blog-nav i {
font-size: 18px;
}
.blog .hero h1 {
font-size: 50px;
line-height: 50px;
}
.authors-names div,.blog-page-post-list #filters li span{
font-size: 22px;
}
.blog-page-post-list .sticky #filters li span{
font-size: 22px;
line-height: 72px;
}
.hero .description,
article .layout-quote .desc,
.posts-list .wrapper h2,
.featured-post h2
{
font-size: 24px;
}
.newsletter h2 {
font-size: 30px;
line-height: 36px;
}
.hero h1 {
font-size: 40px;
line-height: 40px;
}
article .authors .content .title {
font-size: 28px;
line-height: 28px;
}
.newsletter-form li span.description{
display: none;
}
article .sticky-header {
padding: 0;
position: fixed;
top: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
article .sticky-header .wrapper {
height: 80px;
}
article .wrapper {
width: 100%;
padding-bottom: 0;
}
article .content .wrapper{
padding-right: 40px;
padding-left: 40px;
}
article .sticky-header .title {
height: 78px;
line-height: 80px;
float: none;
padding-right: 0;
font-size: 22px;
text-align: center;
padding-right: 20px;
}
.authors-thumbnails,
.post-entry-wrapper .authors-list ul.thumbnails {
display: flex;
padding-top: 30px;
padding-bottom: 5px;
}
.authors-thumbnails{
padding-top: 80px;
}
.post-entry-wrapper .authors-list ul.thumbnails{
padding-top: 0;
padding-bottom: 0;
}
.authors-thumbnails div,
.post-entry-wrapper .authors-list ul.thumbnails li div {
width: 35px;
height: 35px;
}
.authors-thumbnails li:nth-child(2),
.authors-thumbnails li:nth-child(3),
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
margin-right: -15px;
}
.share-post {
width: 44px;
height: 44px;
}
.hero h1 {
padding-top: 15px;
padding-right: 20px;
padding-left: 20px;
}
.hero .description {
letter-spacing: 0.5px;
line-height: 31px;
padding-right: 40px;
padding-left: 40px;
font-size: 26px;
padding-top: 10px;
}
.hero .thumbnail {
height: 180px;
margin-top: 30px;
}
article .layout {
margin-top: 45px;
line-height: 32px;
font-size: 22px;
}
.summary .description{
line-height: 32px;
font-size: 22px;
}
article .layout .video-thumbnail i{
width: 60px;
height: 60px;
}
article .layout .video-thumbnail i:before{
border-top: 10px solid transparent;
border-left: 16px solid rgba(248, 178, 28, 1);
border-bottom: 10px solid transparent;
}
.video-thumbnail {
height: 170px;
}
.video-thumbnail i {
width: 103px;
height: 103px;
}
.video-thumbnail i:before {
border-top: 16px solid transparent;
border-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
left: 5px;
}
.image-wrapper:before,
.video-thumbnail:before {
width: 20px;
height: 20px;
left: 20px;
bottom: 20px;
opacity: 1;
}
.image-popup .close {
width: 35px;
height: 35px;
right: 25px;
top: 25px;
}
.tags-list {
padding-top: 35px;
padding-right: 0;
display: table;
margin-bottom: 0;
}
article .authors{
padding-top: 60px;
}
.tags-list span {
display: table-cell;
padding-left: 15px;
vertical-align: top;
padding-top: 4px;
}
ul.tags {
display: table;
margin: 0;
}
ul.tags li {
display: inline-block;
padding: 0 5px;
padding-right: 0;
padding-left: 7px;
margin-bottom: 10px;
}
ul.tags li a {
padding: 5px 7px;
}
article .layout ul li, .summary .description ul li {
padding-right: 20px;
}
article .layout ul li:before, .summary .description ul li:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #f7b11f;
top: 11px;
}
article .layout-quote {
padding-top: 15px;
border-right: 4px solid #f7b11f;
padding-bottom: 15px;
padding-right: 15px;
display: flex;
}
article .layout p {
margin-bottom: 15px;
}
article .layout-image .desc {
line-height: 26px;
}
article .layout-quote .desc {
line-height: 34px;
padding-right: 0;
padding-left: 0;
font-size: 26px;
}
article .layout-quote .desc:before,
article .layout-quote .desc:after {
width: 11px;
height: 12px;
top: 5px;
}
article .authors li {
margin-top: 0;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 45px;
}
article .authors .author {
display: flex;
}
article .authors .description{
font-size: 20px;
line-height: 28px;
}
article .authors .image {
height: 120px;
flex-basis: 120px;
}
article .authors .content {
flex-basis: calc(100% - 120px);
padding-right: 20px;
}
article .authors .content .s-title {
padding: 0 10px;
letter-spacing: 1px;
}
article .authors .content .title {
padding-top: 10px;
letter-spacing: 1px;
}
article .authors .content .title span {
padding-right: 0;
margin-right: 0;
border-right: none;
font-size: 24px;
line-height: 24px;
display: block;
padding-top: 5px;
}
article .authors .content .description {
padding-top: 15px;
line-height: 24px;
display: none;
}
.posts-list {
padding-top: 50px;
}
.posts-list .wrapper {
width: calc(100% - 60px);
}
.posts-list .wrapper h2 {
margin-bottom: 40px;
font-size: 30px;
text-align: center;
line-height: 32px;
}
.posts-list .wrapper h2 div:after{
width: 0;
}
.posts-list .wrapper h2 span {
padding: 0;
padding-left: 0;
display: block;
}
.posts-list .wrapper h2 span:after {
width: 20px;
height: 23px;
left: 0;
right: 0;
margin: auto;
top: auto;
bottom: -25px;
}
.blog-post-list {
display: block;
column-gap: 50px;
margin: 0;
margin-right: -30px;
margin-left: -30px;
overflow: auto;
white-space: nowrap;
padding-left: 30px;
direction: ltr;
}
.blog-post-list > li {
flex-basis: 50%;
width: 330px;
padding-right: 30px;
display: inline-block;
}
.post-entry-wrapper {
padding-bottom: 0;
}
.post-entry-wrapper ul.tags {
margin-right: 20px;
min-height: 27px;
bottom: 15px;
}
.post-entry-wrapper a.top-link {
padding-bottom: 45px;
}
.post-entry-wrapper .image {
height: 180px;
}
.post-entry-wrapper .authors-list {
display: flex;
padding: 15px 20px;
padding-bottom: 5px;
}
.post-entry-wrapper h3 {
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0.5px;
line-height: 28px;
padding-bottom: 10px;
}
.post-entry-wrapper .description {
padding-right: 20px;
padding-left: 20px;
line-height: 22px;
white-space: normal;
min-height: 80px;
}
.post-entry-wrapper .authors-list ul.names {
padding-right: 5px;
display: flex;
margin: 0;
}
ul.names li {
padding-right: 5px;
}
.newsletter-section {
height: 290px;
margin-top: 100px;
width: calc(100% - 0px);
}
.blog .newsletter-section{
width: calc(100% + 60px);
margin-right:-30px;
margin-left:-30px;
}
body .newsletter-section.failed div.wpcf7-response-output {
line-height: 25px;
}
.newsletter {
padding: 25px 15px;
}
.newsletter-form{
margin: 0 15px;
margin-top: 25px;
display: block;
}
.newsletter h3 {
letter-spacing: 0.5px;
font-size: 24px;
line-height: 30px;
}
.newsletter-form li {
flex-basis: 410px;
}
.newsletter-form li:last-child {
flex-basis: calc(100% - 410px);
margin-top: 15px;
}
.newsletter-form .close,
.post-search .close {
width: 25px;
height: 25px;
left: 10px;
background-size: 15px;
}
.newsletter-form .close{
bottom: auto;
top: 10px;
}
.newsletter-form .wpcf7-not-valid-tip {
bottom: 0;
position: relative;
padding-top: 5px;
}
.newsletter-form input {
padding: 5px 15px;
letter-spacing: 1px;
text-align: center;
font-size: 22px;
}
.newsletter-form input[type="submit"]{
}
.newsletter-section .wrapper {
width: calc(100% - 30px);
}
.newsletter-section:after {
height: 140px;
}
.single .newsletter-section:after,.blog-body .newsletter-section:after{
height: 290px;
bottom: -158px;
}
.share-window .window {
width: calc(100% - 30px);
height: 495px;
padding-top: 50px;
}
.share-window .close {
width: 24px;
height: 24px;
top: 0;
}
.share-window .window-entry > .title {
padding-top: 120px;
padding-right: 50px;
padding-left: 50px;
line-height: 26px;
}
.share-window .thumbnail {
width: calc(100% - 90px);
height: 150px;
}
.share-window .share-to-any {
padding-top: 30px;
}
.share-window .share-to-any .title,
.share-window .copy-link .title {
padding-bottom: 10px;
}
.share-window .a2a_kit a {
margin: 0 15px;
width: 46px;
height: 46px;
}
.share-window .copy-link {
padding-top: 40px;
}
.share-window .copy-link input {
padding: 15px;
}
.share-window .copy-link span {
height: 50px;
width: 50px;
}
.share-window .input-section {
margin: 0 10px;
}
.blog {
padding: 50px 30px 0;
}
.blog .inwrapp {
padding-top: 100px;
padding-bottom: 100px;
}
.blog .inwrapp.no-featured-post {
padding-bottom: 30px;
}
.blog .hero h1 {
padding-top: 25px;
}
.blog .hero .description {
padding-top: 15px;
line-height: 24px;
}
.featured-post .post-entry-wrapper {
display: flex;
flex-direction: column-reverse;
}
.featured-post .post-entry-wrapper .features-content {
flex-basis: calc(100% - 320px);
padding-bottom: 0;
}
.featured-post .post-entry-wrapper .image {
height: 180px;
flex-basis: 180px;
}
.featured-post .post-entry-wrapper .authors-list,
.featured-post .post-entry-wrapper h3,
.featured-post .post-entry-wrapper .description {
padding-right: 15px;
padding-left: 15px;
letter-spacing: 0.5px;
}
.featured-post .post-entry-wrapper ul.tags {
margin-right: 15px;
margin-top: 0;
margin-bottom: 0;
}
.featured-post .wrapper {
width: 100%;
}
.featured-post h2 {
padding-right: 35px;
margin-bottom: 8px;
}
.featured-post h2:before {
width: 25px;
height: 25px;
}
.blog-page-post-list .wrapper {
width: 100%;
}
.blog-page-post-list .wrapper .filters {
padding-top: 20px;
}
.blog-page-post-list .wrapper .filters.sticky {
height: 72px;
padding-top: 0;
padding-right: 0;
}
.blog-page-post-list .wrapper .filters.sticky #filters{padding-right: 0;padding-left: 30px;width: calc(100% - 60px);}
.blog-page-post-list .wrapper .filters.sticky .wrapper{
padding: 0 10px;
}
.blog-page-post-list .wrapper .filters .nav-in {
float: right;
}
.blog-page-post-list .wrapper .filters nav.filter-nav {
margin-bottom: 15px;
margin-right: -30px;
margin-left: -30px;
}
.blog-page-post-list .wrapper .filters nav.filter-nav #filters{
padding-left: 30px;
padding-right: 30px;
width: calc(100% - 70px);
}
.blog-page-post-list .wrapper .filters.sticky nav.filter-nav #filters{
height: 72px;
}
.blog-page-post-list .wrapper .filters.sticky nav.filter-nav #filters li{
height: 72px;
border-bottom: 3px solid transparent;
}
.blog-page-post-list .wrapper .filters.sticky nav.filter-nav #filters li.active{
border-bottom: 3px solid rgba(248, 178, 28, 1);
}
.blog-page-post-list .wrapper .filters.sticky nav.filter-nav{
margin-right: -12px;
margin-left: -12px;
}
.blog nav.filter-nav:before{
display: none;
}
.quicksearch {
height: 36px;
line-height: 40px;
padding-right: 30px;
margin-top: -2px;
font-size: 22px;
}
.post-search {
float: right;
margin-right: 0;
margin-bottom: 10px;
}
.sticky .post-search,.sticky .selectric-wrapper{
display:none;
}
.post-search .close {
left: 0;
width: 25px;
height: 25px;
background-size: 15px;
}
.posts-list.blog-page-post-list {
padding-top: 30px;
margin-bottom: -45px;
}
.posts-list.blog-page-post-list .nav-space.sticky {
height: 0;
}
.blog-posrfolio-wrapper.sticky-list{
padding-top: 110px;
}
.blog-page-post-list .wrapper #portfoliolist {
margin: 0;
}
.blog-page-post-list #portfoliolist .portfolio {
width: 100%;
margin: 0;
margin-bottom: 45px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
/
transition: none;
}
#load-more {
padding-left: 30px;
}
#load-more:after {
height: 15px;
}
body .selectric {
padding-left: 30px;
}
body .selectric:after {
width: 20px;
height: 20px;
}
body .selectric-items {
width: 160px !important;
left: 0;
right: auto;
}
body .selectric-items ul li {
padding: 10px 15px;
font-size: 22px;
}
.post-nav.blog-nav .post-name {
height: 16px;
}
body .wpulike-default .wp_ulike_put_image:after {
width: 25px;
height: 25px;
background-size: 20px;
}
/*******************End Blog******************/
.designrush{
display: table;
padding-bottom: 90px;
}
.designrush .logo{
display: block;
width: 120px;
padding-bottom: 20px;
}
.designrush .description, .designrush .title-aw{
padding-left: 0;
}
.designrush .content{
display: block;
}
.portfolio img.logo {
max-width: 150px;
left: 20px;
top: 20px;
max-height: 30px;
}
.more_works .portfolio img.logo {
left: 15px;
top: 15px;
max-width: 60px;
max-height: 25px;
}
.copyright{
left: 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%;
left: 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: 70px;
}
.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-right: 45px;
padding-left: 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;
overflow-x: auto;
margin: 0;
padding-bottom: 0;
font-size: 0;
white-space: nowrap;
}
.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: left;
padding-bottom: 30px;
}
.hp-05 div.items ul li:nth-child(2),.hp-05 div.items ul li:nth-child(4){
padding-left: 20px;
}
.hp-section.hp-10 .slider-for {
padding: 20px 10px 80px;
}
.job-conten > li.app p a{
padding-top: 10px;
padding-left: 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-right: 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-right: 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;
left: 30px;
}
.three_columns {
padding: 50px 0 0;
}
footer .inside > a.scrollToContent {
left: 40px;
font-size: 12px;
letter-spacing: 3px;
transform: rotate(-90deg);
padding-left: 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;
left: -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 {
left: -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-right: 60%;
padding-top: 35px;
letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
font-size: 65px;
padding-right: 70%;
}
.testimonials_section {
padding-top: 90px;
margin-top: 80px;
}
ul.contact-form div.input {
height: 55px;
}
.contact-page > div.left .address {
bottom: 60px;
left: 30px;
right: 30px;
display: none;
}
ul.contact-form .message label {
top: 10px;
left: 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-left: 20px;
}
ul.contact-form li:first-child > div:first-child {
padding-right: 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-right: 27px;
min-width: 44px;
}
.job-conten > li .description {
padding: 15px 0 0;
}
.job-conten > li .title {
padding-left: 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-left: 70px;
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: 0;
display: none;
padding-bottom: 60px;
padding-right: 0;
padding-left: 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-right: 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 {
right: 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;
right: 0;
left: 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-right: 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-right: 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;left: 0;transform: none;}
.work-about ul.list li .desc {
padding-right: 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 {
column-gap: 50px;
grid-template-columns: auto;
}
#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;
right: 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(left, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, 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 20px;
}
.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-left: 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-right: 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-left: 0;
display: block;
}
.our-team .table-cell.description {
padding-left: 0;
padding-top: 50px;
display: block;
}
.fullteam .info {
padding-left: 0;
display: block;
}
.culture-in .table-cell.title > div {
padding-right: 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-left: 0;
padding-right: 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-right: 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-left: 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-left: 16px solid rgba(248, 178, 28, 1);
border-bottom: 12px solid transparent;
}
.culture .slick-arrow.slick-next {
right: -45px;
}
.culture .slick-arrow.slick-prev {
left: -45px;
}
.video-section .video-p i {
width: 38px;
height: 38px;
}
.video-section .video-p i:before {
border-top: 8px solid transparent;
border-left: 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-right: 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;
left: 0;
width: auto;
position: relative;
margin-top: 60px;
}
.culture {
padding: 40px 0 50px 45px;
width: auto;
}
.culture .thumb .content .title {
padding-right: 40%;
}
.play span:nth-child(1) {
border-left: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
margin-right: 10px;
border-left: 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-left: 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, .more-in, 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, .more-in 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: left;
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-left: 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-left: 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;
right: 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;
right: 25px;
text-align: right;
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%;
right: 0;
left: 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;
right: 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;
right: auto;
left: 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;
left: 265px;
}
.category-header .title div:after, .float-sumbol {
left: auto;
right: 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-right: 0;
}
.more-in {
padding-left: 1px;
padding-right: 30px;
line-height: normal;
}
.grid-image-text .content h2 {padding-top: 20px;}
ul.contact-form input[type="submit"]{
font-size:25px;
}
.more-in: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-left: 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: left;
}
.hp-05 div.items ul li .description:before {
width: 40px;
right: 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 right 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-right: 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 10px 0 0;
margin: 0 10px 0 0;
}
.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-right: 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 {
right: -60px;
}
.testimonials button {
top: calc(50% + 25px);
}
.testimonials-slider .table > div.left {
width: 100%;
margin: auto;
}
.testimonials button.slick-prev:hover{
left: -65px;
}
.testimonials button.slick-next:hover{
right: -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;
left: 0;
right: 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;
}
.single .contact,.blog-body .contact{
padding-top: 200px;
}
.contact .inside .title {
width: 48%;
padding-left: 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-left: 70px;
}
.contact .inside .address {
width: auto;
margin-left: 70px;
}
.loaded .side-bg.left, .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-right: 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{
right:12px;
}
.hamburger:hover .hamburger-inner:before{
right: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:left;
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: left;
}
.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;
right: 13px;
left: 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;
right: 0;
border-radius: 50%;
}
.back-link .req:focus{
opacity:.6;
}
.back-link {
position: FIXED;
left: auto;
right: 0;
margin: auto;
top: 0;
bottom: 0;
width: 70px;
overflow: hidden;
cursor: pointer;
height: 70px;
background-color: transparent;
border-radius: 0;
right: 20px;
top: 18px;
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-right: 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;right: 0;left:auto;}
.contact .inside .title:hover span.arrow-a:before{
left:auto;
right: 0;
-webkit-animation: myend .2s ease-in;
animation: myend .2s ease-in;
}
.contact .inside .title:hover:before{
left:5px;
}
.contact .inside .title:hover span.arrow-a {
left: -10px;
}
}
@media (min-width: 480px) {
/*******************Start Blog******************/
body .newsletter .wpcf7-spinner {
left: 150px;
top: 12px;
}
.tag-link{
padding-top: 15px;
}
.featured-post .post-entry-wrapper .image-sec lottie-player {
width: calc(max(410px, 410px))!important;
}
.post-entry-wrapper .image-sec lottie-player {
width: calc(max(290px, 290px))!important;
}
.newsletter-form{
padding-top: 20px;
}
.tag-link .more-link i{
font-size: 22px;
line-height: 23px;
}
.lang-wrapper{
width: 540px;
}
.hero .thumbnail lottie-player {
width: calc(max(288px, 288px))!important;
}
.lang-wrapper{
width: calc(100% - 40px);
height: auto;
padding: 40px;
}
.lang-wrapper .title{
font-size: 50px;
padding-bottom: 25px;
}
.lang-wrapper .subtitle{
padding-bottom: 30px;
font-size: 20px;
}
.lang-wrapper a{
height: 54px;
line-height: 54px;
}
.lang-wrapper a.accept-hebrew{
font-size: 32px;
}
.lang-wrapper a.accept-english{
margin-top: 15px;
font-size: 24px;
line-height: 52px;
}
.float-share {
margin-left: -30px;
}
article .layout, article .authors .content .s-title, .post-entry-wrapper .description, body .newsletter-section.failed div.wpcf7-response-output, .share-window .copy-link input, body .wpulike-default .count-box, .summary .description{
font-size: 18px;
}
.mobile-back{
background-image: url(gfx/back-mobile.svg);
width: 40px;
height: 40px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
float: right;
margin-right: 20px;
margin-top: 20px;
}
.authors-names div,
.post-entry-wrapper .authors-list ul.names li div,
.newsletter h3,
.newsletter-form input,
.share-window .share-to-any .title,
.share-window .copy-link .title,
.blog .hero .description,
.blog-page-post-list #filters li span,
body .selectric span.label,
body .selectric-items ul li,
.quicksearch,
#load-more {
font-size: 22px;
}
article .sticky-header .title,
.post-entry-wrapper h3,
.share-window .window-entry > .title {
font-size: 26px;
}
ul.tags li a,
article .layout-image .desc,
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-size: 16px;
}
.post-nav.blog-nav i {
font-size: 18px;
}
.blog .hero h1 {
font-size: 80px;
}
.hero .description,
article .layout-quote .desc,
.posts-list .wrapper h2,
.featured-post h2
{
font-size: 24px;
}
.newsletter h2,.form-sent .title {
font-size: 36px;
line-height: 36px;
}
.hero h1 {
font-size: 40px;
line-height: 40px;
}
article .authors .content .title {
font-size: 28px;
line-height: 28px;
}
article .authors {
padding-top: 45px;
}
article .sticky-header {
padding: 0;
position: fixed;
top: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
article .sticky-header .wrapper {
height: 80px;
}
article .wrapper {
width: calc(100% - 60px);
padding-bottom: 0;
width: 460px;
}
article .sticky-header .title {
height: 78px;
line-height: 80px;
float: none;
padding-right: 0;
}
.authors-thumbnails,
.post-entry-wrapper .authors-list ul.thumbnails {
display: flex;
padding-top: 30px;
padding-bottom: 5px;
}
.post-entry-wrapper .authors-list ul.thumbnails{
padding-top: 0;
padding-bottom: 0;
}
.authors-thumbnails div,
.post-entry-wrapper .authors-list ul.thumbnails li div {
width: 46px;
height: 46px;
}
.authors-thumbnails li:nth-child(2),
.authors-thumbnails li:nth-child(3),
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
margin-right: -20px;
}
.share-post {
width: 44px;
height: 44px;
}
.hero h1 {
padding-top: 15px;
}
.hero .description {
line-height: 20px;
letter-spacing: 0.5px;
}
.hero .thumbnail {
height: 180px;
margin-top: 30px;
}
article .layout {
margin-top: 50px;
line-height: 30px;
}
.summary .description{
line-height: 30px;
}
.video-thumbnail {
height: 260px;
}
.video-thumbnail i {
width: 103px;
height: 103px;
}
.video-thumbnail i:before {
border-top: 16px solid transparent;
border-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
left: 5px;
}
.image-wrapper:before,
.video-thumbnail:before {
width: 20px;
height: 20px;
left: 20px;
bottom: 20px;
opacity: 1;
}
.image-popup .close {
width: 35px;
height: 35px;
right: 25px;
top: 25px;
}
.tags-list {
padding-top: 50px;
padding-right: 0;
display: table;
margin-bottom: 0;
}
.tags-list span {
display: table-cell;
padding-left: 15px;
}
ul.tags {
display: table;
}
ul.tags li {
display: table-cell; padding: 0 5px;
}
ul.tags li a {
padding: 5px 7px;
}
article .layout ul li, .summary .description ul li {
padding-right: 20px;
}
article .layout ul li:before, .summary .description ul li:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #f7b11f;
top: 10px;
}
article .layout-quote {
padding-top: 25px;
border-right: 4px solid #f7b11f;
padding-bottom: 25px;
padding-right: 40px;
}
article .layout p {
margin-bottom: 15px;
}
article .layout-image .desc {
line-height: 26px;
}
article .layout-quote .desc {
line-height: 34px;
padding-right: 0;
padding-left: 0;
}
article .layout-quote .desc:before,
article .layout-quote .desc:after {
width: 11px;
height: 12px;
top: 5px;
}
article .authors li {
margin-top: 0;
margin-bottom: 45px;
padding: 15px;
padding-bottom: 45px;
}
article .authors .author {
display: flex;
}
article .authors .image {
height: 185px;
flex-basis: 185px;
}
article .authors .author ul.socials{
left: auto;
right: 10px;
bottom: 15px;
top: auto;
}
article .authors .content {
flex-basis: calc(100% - 185px);
padding-right: 35px;
}
article .authors .content .s-title {
padding: 0 10px;
letter-spacing: 1px;
}
article .authors .content .title {
padding-top: 20px;
letter-spacing: 1px;
}
article .authors .content .title span {
padding-right: 15px;
margin-right: 15px;
}
article .authors .content .description {
padding-top: 15px;
line-height: 24px;
display: none;
}
.posts-list {
padding-top: 40px;
}
.posts-list .wrapper {
width: calc(100% - 60px);
}
.posts-list .wrapper h2 {
margin-bottom: 30px;
}
.posts-list .wrapper h2 span {
padding: 0 30px;
padding-left: 65px;
}
.posts-list .wrapper h2 span:after {
width: 20px;
height: 23px;
left: 30px;
}
.blog-post-list {
display: flex;
column-gap: 50px;
}
.blog-post-list > li {
flex-basis: 50%;
}
.post-entry-wrapper {
padding-bottom: 0;
}
.post-entry-wrapper ul.tags {
margin-right: 15px;
min-height: 27px;
margin-top: 0;
margin-bottom: 0;
bottom: 15px;
}
.post-entry-wrapper a.top-link {
padding-bottom: 60px;
height: 100%;
}
.post-entry-wrapper .image {
height: 180px;
}
.post-entry-wrapper .authors-list {
display: flex;
padding: 15px 20px;
padding-bottom: 5px;
}
.post-entry-wrapper h3 {
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0.5px;
line-height: 25px;
}
.post-entry-wrapper .description {
padding-right: 20px;
padding-left: 20px;
line-height: 24px;
min-height: 50px;
}
.post-entry-wrapper .authors-list ul.names {
padding-right: 15px;
display: flex;
}
ul.names li {
padding-right: 5px;
}
.newsletter-section {
height: 330px;
margin-top: 80px;
}
body .newsletter-section.failed div.wpcf7-response-output {
line-height: 25px;
}
.newsletter {
padding: 35px 30px;
}
.newsletter h3 {
letter-spacing: 0.5px;
}
.newsletter-form li {
flex-basis: 410px;
}
.newsletter-form li:last-child {
flex-basis: calc(100% - 410px);
}
.newsletter-form .close,
.post-search .close {
width: 20px;
height: 20px;
left: 15px;
}
.newsletter-form .wpcf7-not-valid-tip {
bottom: -36px;
}
.newsletter-form input {
padding: 7px 15px;
letter-spacing: 1px;
}
.newsletter-section .wrapper {
width: calc(100% - 60px);
}
.newsletter-section:after {
height: 220px;
}
.single .newsletter-section:after,.blog-body .newsletter-section:after{
height: 350px;
bottom: -82px;
}
.share-window .window {
width: 525px;
height: 600px;
padding-top: 50px;
}
.share-window .close {
width: 24px;
height: 24px;
top: 13px;
}
.share-window .window-entry > .title {
padding-top: 200px;
padding-right: 50px;
padding-left: 50px;
}
.share-window .thumbnail {
width: 390px;
height: 225px;
}
.share-window .share-to-any {
padding-top: 40px;
}
.share-window .share-to-any .title,
.share-window .copy-link .title {
padding-bottom: 10px;
}
.share-window .a2a_kit a {
margin: 0 15px;
width: 46px;
height: 46px;
}
.share-window .copy-link {
padding-top: 50px;
}
.share-window .copy-link input {
padding: 15px;
}
.share-window .copy-link span {
height: 50px;
width: 50px;
}
.share-window .input-section {
margin: 0 50px;
}
.blog {
padding: 50px 50px 0;
}
.blog .inwrapp {
padding-top: 120px;
padding-bottom: 140px;
}
.blog .inwrapp.no-featured-post {
padding-bottom: 60px;
}
.blog .hero h1 {
padding-top: 30px;
}
.blog .hero .description {
padding-top: 10px;
}
.featured-post .post-entry-wrapper {
display: flex;
}
.featured-post .post-entry-wrapper .features-content {
flex-basis: calc(100% - 320px);
padding-bottom: 0;
}
.featured-post .post-entry-wrapper .image {
height: 260px;
flex-basis: 320px;
}
.featured-post .post-entry-wrapper .authors-list,
.featured-post .post-entry-wrapper h3,
.featured-post .post-entry-wrapper .description {
padding-right: 25px;
padding-left: 25px;
letter-spacing: 0.5px;
}
.featured-post .post-entry-wrapper ul.tags {
margin-right: 20px;
bottom: 10px;
}
.featured-post .wrapper {
width: 100%;
}
.featured-post h2 {
padding-right: 35px;
margin-bottom: 8px;
}
.featured-post h2:before {
width: 25px;
height: 25px;
}
.blog-page-post-list .wrapper {
width: 100%;
}
.blog-page-post-list .wrapper .filters {
padding-top: 20px;
}
.blog-page-post-list .wrapper .filters.sticky {
height: 78px;
}
.blog-page-post-list .wrapper .filters .nav-in {
float: right;
}
.blog-page-post-list .wrapper .filters nav.filter-nav {
margin-bottom: 15px;
}
.quicksearch {
height: 40px;
line-height: 40px;
padding-right: 40px;
margin-top: -2px;
}
.post-search {
float: right;
margin-right: 25px;
}
.post-search .close {
left: 5px;
}
.posts-list.blog-page-post-list {
padding-top: 30px;
margin-bottom: -45px;
}
.posts-list.blog-page-post-list .nav-space.sticky {
height: 83px;
}
.blog-page-post-list .wrapper #portfoliolist {
margin: 0 -20px;
}
.blog-page-post-list #portfoliolist .portfolio {
width: calc(50% - 40px);
margin: 0 20px;
margin-bottom: 40px;
}
#load-more {
padding-left: 30px;
}
#load-more:after {
height: 15px;
}
body .selectric {
padding-left: 40px;
}
body .selectric:after {
width: 23px;
height: 23px;
}
body .selectric-items {
width: 160px !important;
}
body .selectric-items ul li {
padding: 10px 15px;
}
body .wpulike-default button.wp_ulike_btn {
min-width: 40px;
}
.post-nav.blog-nav .post-name {
height: 16px;
}
body .wpulike-default .wp_ulike_put_image:after {
width: 25px;
height: 25px;
background-size: 20px;
}
/*******************End Blog******************/
.designrush{
display: table;
padding-bottom: 90px;
}
.designrush .logo{
display: table-cell;
width: 120px;
}
.designrush .description, .designrush .title-aw{
padding-left: 30px;
}
.designrush .content{
display: table-cell;
}
.portfolio img.logo {
max-width: 150px;
left: 35px;
top: 35px;
max-height: 25px;
}
.more_works .portfolio img.logo {
left: 28px;
top: 20px;
}
.copyright{
left: 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;
right: 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%;
left: 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-right: 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;
left: 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;
left: -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 {
left: -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-right: 60%;
padding-top: 35px;
letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
font-size: 65px;
padding-right: 70%;
}
.testimonials_section {
padding-top: 90px;
margin-top: 80px;
}
ul.contact-form div.input {
height: 55px;
}
.contact-page > div.left .address {
bottom: 60px;
left: 30px;
right: 30px;
display: none;
}
ul.contact-form .message label {
top: 10px;
left: 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: left top 7px;
padding-left: 20px;
}
ul.contact-form li:first-child > div:first-child {
padding-right: 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-right: 27px;
min-width: 44px;
}
.job-conten > li .description {
padding: 15px 0 0;
}
.job-conten > li .title {
padding-left: 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-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: 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-right: 15px;
margin-top: 2px;
}
.join-top-section {
margin-top: 0;
height: auto;
}
.more_works .portfolio .label-text {
padding: 0 28px;
}
.share-link {
right: 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;
right: 0;
left: 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-right: 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;left: 0;transform: none;}
.work-about ul.list li .desc {
padding-right: 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 {
column-gap: 50px;
grid-template-columns: auto;
}
#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-left: 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-right: 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-left: 0;
display: block;
}
.our-team .table-cell.description {
padding-left: 0;
padding-top: 65px;
display: block;
}
.fullteam .info {
padding-left: 50px;
display: block;
}
.culture-in .table-cell.title > div {
padding-right: 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-right: 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-left: 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 {
right: -45px;
}
.culture .slick-arrow.slick-prev {
left: -45px;
}
.what-we-do-ip ul.items .icon {
height: 65px;
}
.culture .thumb .content .link {
letter-spacing: 0.05em;
margin-top: 26px;
padding-right: 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: block;
}
.what-we-do-ip ul.items {
top: 0;
left: 0;
width: 75%;
position: relative;
margin-top: 60px;
}
.culture {
padding: 55px 45px 50px;
width: auto;
}
.culture .thumb .content .title {
padding-right: 40%;
}
.play span:nth-child(1) {
border-left: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
margin-right: 10px;
border-left: 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-left: 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, .more-in, 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, .more-in 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-left: 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;
right: 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;
right: 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;
right: auto;
left: 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;
right: 25px;
text-align: right;
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%;
right: 0;
left: 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;
left: 265px;
}
.category-header .title div:after, .float-sumbol {
left: 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;
}
.more-in {
padding-left: 1px;
padding-right: 30px;
line-height: normal;
}
.more-in: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-left: 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 left 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-right: 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 15px 0 0;
margin: 0 15px 0 0;
}
.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-right: 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 {
right: -60px;
}
.testimonials button {
top: calc(50% + 25px);
}
.testimonials-slider .table > div.left {
width: 100%;
margin: auto;
}
.testimonials button.slick-prev:hover{
left: -65px;
}
.testimonials button.slick-next:hover{
right: -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;
left: 0;
right: 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;
}
.single .contact,.blog-body .contact{
padding-top: 120px;
}
.contact .inside .title {
width: 48%;
padding-left: 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-left: 70px;
}
.contact .inside .address {
width: auto;
margin-left: 70px;
}
.loaded .side-bg.left, .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-right: 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{
right:12px;
}
.hamburger:hover .hamburger-inner:before{
right: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:left;
width: 70%;
}
ul.awards-items > li ul.item li p br{
display:none;
}
.hp-section.hp-10 .slider-nav .slick-track {
text-align: left;
}
.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;
right: 13px;
left: auto;
top: 14px;
bottom: auto;
background: #fff;
height: 16px;
padding: 0;
margin: auto;
}
.back-link .req:focus{
opacity:.6;
}
.back-link {
position: absolute;
left: auto;
right: 0;
margin: auto;
top: 0;
bottom: 0;
width: 70px;
overflow: hidden;
cursor: pointer;
height: 70px;
right: 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-right: 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;
right:40px;
left:auto;
}
.contact .inside .title:hover span.arrow-a:before{
left:auto;
right:40px;
-webkit-animation: myend .2s ease-in;
animation: myend .2s ease-in;
}
.contact .inside .title:hover:before{
left:5px;
}
.contact .inside .title:hover span.arrow-a {
left: -10;
}
}
@media (min-width: 992px) {
/*******************Start Blog******************/
body .newsletter .wpcf7-spinner {
left: 150px;
top: 12px;
}
.tag-link{
padding-top: 15px;
}
.post-entry-wrapper .image-sec lottie-player {
width: calc(max(345px, 345px))!important;
}
.featured-post .post-entry-wrapper .image-sec lottie-player {
width: calc(max(420px, 420px))!important;
}
.tag-link .more-link i{
font-size: 22px;
line-height: 23px;
}
.hero .thumbnail lottie-player {
width: calc(max(445px, 445px))!important;
}
article .authors .author ul.socials {
left: 15px;
top: 13px;
bottom: auto;
right: auto;
}
.lang-wrapper{
width: 540px;
}
.float-share {
margin-left: -70px;
}
article .layout, article .authors .content .s-title, .post-entry-wrapper .description, body .newsletter-section.failed div.wpcf7-response-output, .share-window .copy-link input, body .wpulike-default .count-box, .summary .description{
font-size: 18px;
}
.mobile-back{
display:none;
}
.authors-names div,
.post-entry-wrapper .authors-list ul.names li div,
.newsletter h3,
.newsletter-form input,
.share-window .share-to-any .title,
.share-window .copy-link .title,
.blog .hero .description,
.blog-page-post-list #filters li span,
body .selectric span.label,
body .selectric-items ul li,
.quicksearch,
#load-more {
font-size: 22px;
}
article .sticky-header .title,
.post-entry-wrapper h3,
.share-window .window-entry > .title {
font-size: 26px;
}
ul.tags li a,
article .layout-image .desc,
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-size: 16px;
}
.post-nav.blog-nav i {
font-size: 18px;
}
.blog .hero h1 {
font-size: 80px;
}
.hero .description,
article .layout-quote .desc,
.posts-list .wrapper h2,
.featured-post h2
{
font-size: 24px;
}
.newsletter h2,.form-sent .title {
font-size: 50px;
line-height: 50px;
}
.hero h1 {
font-size: 50px;
line-height: 50px;
}
article .authors .content .title {
font-size: 28px;
line-height: 28px;
}
article .authors {
padding-top: 45px;
}
article .sticky-header {
padding: 0 50px;
position: fixed;
top: 50px;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
article .sticky-header .wrapper {
height: 80px;
}
article .wrapper {
width: 760px;
padding-bottom: 0;
}
article .sticky-header .title {
height: 78px;
line-height: 80px;
float: right;
padding-right: 15px;
}
.authors-thumbnails,
.post-entry-wrapper .authors-list ul.thumbnails {
display: flex;
padding-top: 40px;
padding-bottom: 5px;
}
.post-entry-wrapper .authors-list ul.thumbnails{
padding-top: 0;
padding-bottom: 0;
}
.authors-thumbnails div,
.post-entry-wrapper .authors-list ul.thumbnails li div {
width: 46px;
height: 46px;
}
.authors-thumbnails li:nth-child(2),
.authors-thumbnails li:nth-child(3),
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
margin-right: -20px;
}
.share-post {
width: 44px;
height: 44px;
}
.hero h1 {
padding-top: 25px;
}
.hero .description {
line-height: 20px;
letter-spacing: 0.5px;
}
.hero .thumbnail {
height: 280px;
margin-top: 30px;
}
article .layout {
margin-top: 50px;
line-height: 30px;
}
.summary .description{
line-height: 30px;
}
.video-thumbnail {
height: 425px;
}
.video-thumbnail i {
width: 103px;
height: 103px;
}
.video-thumbnail i:before {
border-top: 16px solid transparent;
border-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
left: 5px;
}
.image-wrapper:before,
.video-thumbnail:before {
width: 20px;
height: 20px;
left: 20px;
bottom: 20px;
opacity: 1;
}
.image-popup .close {
width: 35px;
height: 35px;
right: 25px;
top: 25px;
}
.tags-list {
padding-top: 50px;
padding-right: 0;
display: table;
margin-bottom: 0;
}
.tags-list span {
display: table-cell;
padding-left: 15px;
}
ul.tags {
display: table;
}
ul.tags li {
display: table-cell; padding: 0 5px;
}
ul.tags li a {
padding: 5px 7px;
}
article .layout ul li, .summary .description ul li {
padding-right: 20px;
}
article .layout ul li:before, .summary .description ul li:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #f7b11f;
top: 9px;
}
article .layout-quote {
padding-top: 25px;
border-right: 4px solid #f7b11f;
padding-bottom: 25px;
padding-right: 40px;
}
article .layout p {
margin-bottom: 15px;
}
article .layout-image .desc {
line-height: 26px;
}
article .layout-quote .desc {
line-height: 34px;
padding-right: 0;
padding-left: 0;
}
article .layout-quote .desc:before,
article .layout-quote .desc:after {
width: 11px;
height: 12px;
top: 5px;
}
article .authors li {
margin-top: 0;
margin-bottom: 40px;
padding: 15px;
}
article .authors .author {
display: flex;
}
.description-mobile-version{
display: none;
}
article .authors .image {
height: 200px;
flex-basis: 185px;
}
article .authors .content {
flex-basis: calc(100% - 185px);
padding-right: 35px;
}
article .authors .content .s-title {
padding: 0 10px;
letter-spacing: 1px;
}
article .authors .content .title {
padding-top: 20px;
letter-spacing: 1px;
}
article .authors .content .title span {
padding-right: 15px;
margin-right: 15px;
}
article .authors .content .description {
padding-top: 15px;
line-height: 24px;
display: inline-block;
}
.posts-list {
padding-top: 40px;
}
.posts-list .wrapper {
width: 950px;
}
.posts-list .wrapper h2 {
margin-bottom: 30px;
}
.posts-list .wrapper h2 span {
padding: 0 30px;
padding-left: 65px;
}
.posts-list .wrapper h2 span:after {
width: 20px;
height: 23px;
left: 30px;
}
.blog-post-list {
display: flex;
column-gap: 50px;
}
.blog-post-list > li {
flex-basis: 50%;
}
.post-entry-wrapper {
padding-bottom: 0;
}
.post-entry-wrapper ul.tags {
margin-right: 15px;
min-height: 27px;
bottom: 20px;
}
.post-entry-wrapper a.top-link {
padding-bottom: 60px;
height: 100%;
}
.post-entry-wrapper .image {
height: 220px;
}
.post-entry-wrapper .authors-list {
display: flex;
padding: 15px 20px;
padding-bottom: 5px;
}
.post-entry-wrapper h3 {
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0.5px;
}
.post-entry-wrapper .description {
padding-right: 20px;
padding-left: 20px;
line-height: 24px;
}
.post-entry-wrapper .authors-list ul.names {
padding-right: 15px;
display: flex;
}
ul.names li {
padding-right: 5px;
}
.newsletter-section {
height: 400px;
margin-top: 100px;
}
body .newsletter-section.failed div.wpcf7-response-output {
line-height: 25px;
}
.newsletter {
padding: 35px 30px;
}
.newsletter-form{
padding: 20px 60px 0;
}
.newsletter h3 {
letter-spacing: 0.5px;
}
.newsletter-form li {
flex-basis: 385px;
}
.newsletter-form li:last-child {
flex-basis: calc(100% - 385px);
}
.newsletter-form .close,
.post-search .close {
width: 20px;
height: 20px;
left: 15px;
}
.newsletter-form .wpcf7-not-valid-tip {
bottom: -36px;
}
.newsletter-form input {
padding: 7px 15px;
letter-spacing: 1px;
}
.newsletter-section .wrapper {
width: 700px;
}
.newsletter-section:after {
height: 260px;
}
.share-window .window {
width: 525px;
height: 600px;
padding-top: 50px;
}
.share-window .close {
width: 24px;
height: 24px;
top: 13px;
}
.share-window .window-entry > .title {
padding-top: 200px;
padding-right: 50px;
padding-left: 50px;
}
.share-window .thumbnail {
width: 390px;
height: 225px;
}
.share-window .share-to-any {
padding-top: 40px;
}
.share-window .share-to-any .title,
.share-window .copy-link .title {
padding-bottom: 10px;
}
.share-window .a2a_kit a {
margin: 0 15px;
width: 46px;
height: 46px;
}
.share-window .copy-link {
padding-top: 50px;
}
.share-window .copy-link input {
padding: 15px;
}
.share-window .copy-link span {
height: 50px;
width: 50px;
}
.share-window .input-section {
margin: 0 50px;
}
.blog {
padding: 50px 50px 0;
}
.blog .inwrapp {
padding-top: 120px;
padding-bottom: 140px;
}
.blog .hero h1 {
padding-top: 30px;
}
.blog .hero .description {
padding-top: 10px;
}
.featured-post .post-entry-wrapper {
display: flex;
}
.featured-post .post-entry-wrapper .features-content {
flex-basis: calc(100% - 420px);
padding-bottom: 0;
}
.featured-post .post-entry-wrapper .image {
height: 280px;
flex-basis: 420px;
}
.featured-post .post-entry-wrapper .authors-list,
.featured-post .post-entry-wrapper h3,
.featured-post .post-entry-wrapper .description {
padding-right: 35px;
padding-left: 35px;
letter-spacing: 0.5px;
}
.featured-post .post-entry-wrapper ul.tags {
margin-right: 30px;
bottom: 30px;
}
.featured-post .wrapper {
width: 860px;
}
.featured-post h2 {
padding-right: 35px;
margin-bottom: 8px;
}
.featured-post h2:before {
width: 25px;
height: 25px;
}
.blog-page-post-list .wrapper {
width: 840px;
}
.blog-page-post-list .wrapper .filters {
padding-top: 20px;
}
.blog-page-post-list .wrapper .filters.sticky {
height: 78px;
}
.blog-page-post-list .wrapper .filters .nav-in {
float: right;
}
.blog-page-post-list .wrapper .filters nav.filter-nav {
margin-bottom: 15px;
}
.quicksearch {
height: 40px;
line-height: 40px;
padding-right: 40px;
margin-top: -2px;
}
.post-search {
float: right;
margin-right: 25px;
}
.post-search .close {
left: 5px;
}
.posts-list.blog-page-post-list {
padding-top: 60px;
margin-bottom: -45px;
}
.posts-list.blog-page-post-list .nav-space.sticky {
height: 83px;
}
.blog-page-post-list .wrapper #portfoliolist {
margin: 0 -20px;
}
.blog-page-post-list #portfoliolist .portfolio {
width: calc(50% - 40px);
margin: 0 20px;
margin-bottom: 40px;
}
#load-more {
padding-left: 30px;
}
#load-more:after {
height: 15px;
}
body .selectric {
padding-left: 40px;
}
body .selectric:after {
width: 23px;
height: 23px;
}
body .selectric-items {
width: 160px !important;
}
body .selectric-items ul li {
padding: 10px 15px;
}
body .wpulike-default button.wp_ulike_btn {
min-width: 40px;
}
.post-nav.blog-nav .post-name {
height: 16px;
}
body .wpulike-default .wp_ulike_put_image:after {
width: 25px;
height: 25px;
background-size: 20px;
}
/*******************End Blog******************/
.designrush{
display: table;
padding-bottom: 90px;
}
.designrush .logo{
display: table-cell;
width: 120px;
}
.designrush .description, .designrush .title-aw{
padding-left: 30px;
}
.designrush .content{
display: table-cell;
}
.portfolio img.logo {
max-width: 120px;
left: 20px;
top: 20px;
max-height: 25px;
}
.more_works .portfolio img.logo {
left: 28px;
top: 20px;
}
.copyright{
left: 50px;
height: 18px;
position: absolute;
text-align: left;
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: right;
}
.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: left;
}
.grid-image-text .in .desc ul li:before {
width: 9px;
height: 9px;
top: 8px;
}
.back-link .req div.ins {
width: 21px;
right: 0;
left: 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;
right: 0;
border-radius: 0;
}
.nav-out.sticky {
top: 50px;
height: 70px;
padding-top: 25px;
position: fixed;
width: calc(100% - 100px);
left: 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;
right:0;
left:auto;
}
ul.team .sitem:before {
display:none;
}
.grid-three video {
padding-top:0px;
margin-left: 50px!important;
}
.bg-slide{
display:block;
}
.contact .inside .title:hover span.arrow-a:before{
left:auto;
right:0;
-webkit-animation: myfirst .3s;
animation: myfirst .3s;
}
.contact .inside .title:hover:before{
left:5px;
}
.contact .inside .title:hover span.arrow-a {
left: 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;
right: 58px;
text-align: right;
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%;
right: 0;
left: 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-right: 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-right: 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;
right: 0;
left: 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{
}
.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-left: 100px;
}
.grid-image-text.grid-text-image .in > div{
padding-left: 0px;
padding-right: 80px;
}
.side-bg {
}
.back-link {
position: absolute;
left: 0;
right: 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-right: 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: left;
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-right: 0;
}
section.menu {
z-index: 300000;
}
footer{
display:block;
position: fixed;
}
span.arrow-a {
width: 60px;
height: 28px;
left: 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;
left: 0;
right: 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: left;
}
.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: right;
}
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;
left: 110px;
top: 0;
width: 200%;
}
.hamburger:hover .hamburger-inner:after{
right:16px;
}
.hamburger:hover .hamburger-inner:before{
right:10px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
width: 27px;
height: 2px;
top: 50%;
}
.hamburger-box {
width: 27px;
height: 18px;
float: right;
}
.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.left{
left:0;
}
.loftloader-loaded .side-bg.right{
right:0;
}
.side-bg.left{left: -50px;}
.side-bg.right{right: -50px;}
.hamburger-inner:after {
bottom: -8px;
width: 11px;
top: auto;
}
body.category-body .side-bg.left{
left:0;
width: 50px;
}
body.category-body .side-bg.right{
right: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 {
left: -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-right: 60%;
padding-top: 35px;
letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
font-size: 65px;
padding-right: 40%;
}
.testimonials_section {
padding-top: 90px;
margin-top: 80px;
}
ul.contact-form div.input {
height: 55px;
}
.contact-page > div.left .address {
bottom: 60px;
left: 30px;
right: 30px;
display: block;
}
ul.contact-form .message label {
top: 10px;
left: 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: left top 7px;
padding-left: 20px;
}
ul.contact-form li:first-child > div:first-child {
padding-right: 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-right: 27px;
min-width: 44px;
}
.job-conten > li .description {
padding: 30px 0 0;
}
.job-conten > li .title {
padding-left: 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-left: 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-right: 15px;
margin-top: 2px;
}
.join-top-section {
margin-top: 50px;
}
.more_works .portfolio .label-text {
padding: 0 28px;
}
.share-link {
right: 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-right: 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-right: 0;}
.grid-image-text.grid-text-image .grid-image .table-cell img{
margin-left: 30px;
margin-right: 0;
}
.grid-image-text, .grid-image-text .in {
min-height: auto;
}
.grid-image-text .in {
width: 950px;
display: table;
position: absolute;
top: 50%;
right: 0;
left: 50%;
margin: auto;
bottom: auto;
transform: translate(-50%, -50%);
}
.grid-text-image .in{
left: 0;
transform: translate(0%, -50%);
}
.grid-text-image .in .content{
left: 0;
width: 100%;
}
.grid-image-text {
padding-bottom: 0;
}
.grid-three .gallery {
padding: 0 50px;
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-right: 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 {
column-gap: 50px;
grid-template-columns: auto auto;
}
#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-left: 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-right: 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-left: 200px;
display: table-cell;
}
.our-team .table-cell.description {
padding-left: 150px;
padding-top: 65px;
display: table-cell;
}
.fullteam .info {
padding-left: 50px;
display: table-cell;
}
.culture-in .table-cell.title > div {
padding-right: 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-right: 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-left: 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 {
right: -45px;
}
.culture .slick-arrow.slick-prev {
left: -45px;
}
.what-we-do-ip ul.items .icon {
height: 65px;
}
.culture .thumb .content .link {
letter-spacing: 0.05em;
margin-top: 26px;
padding-right: 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;
left: 275px;
width: 75%;
position: absolute;
margin: 0;
}
.culture {
padding: 55px 0 50px;
width: 800px;
}
.culture .thumb .content .title {
padding-right: 40%;
}
.play span:nth-child(1) {
border-left: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
margin-right: 10px;
border-left: 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-left: 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, .more-in, 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, .more-in 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-left: 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;
right: 58px;
top: 16px;
letter-spacing: 0.12em;
line-height: 20px;
width: 70px;
background-color: transparent;
height: auto;
border-radius: 0px;
}
.hamburger.teamham {
position: fixed;
right: 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;
right: 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;
right: 0;
left: 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;
left: 265px;
}
.category-header .title div:after, .float-sumbol {
left: 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;
}
.more-in {
padding-left: 1px;
padding-right: 30px;
line-height: normal;
}
.more-in: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-left: 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 left 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-right: 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 15px 0 0;
margin: 0 15px 0 0;
}
.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-right: 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 {
right: -60px;
}
.testimonials button {
top: calc(50% + 22px);
}
.testimonials-slider .table > div.left {
width: 25%;
}
.testimonials button.slick-prev:hover{
left: -65px;
}
.testimonials button.slick-next:hover{
right: -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-left: 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) {
/*******************Start Blog******************/
body .newsletter .wpcf7-spinner {
left: 150px;
top: 12px;
}
.tag-link{
padding-top: 15px;
}
.post-entry-wrapper .image-sec lottie-player {
width: calc(max(345px, 345px))!important;
}
.featured-post .post-entry-wrapper .image-sec lottie-player {
width: calc(max(490px, 490px))!important;
}
.tag-link .more-link i{
font-size: 22px;
line-height: 23px;
}
.hero .thumbnail lottie-player {
width: calc(max(445px, 445px))!important;
}
.sticky-body .nav-space{
height: 90px;
}
.float-share {
margin-left: -70px;
}
article .layout, article .authors .content .s-title, .post-entry-wrapper .description, body .newsletter-section.failed div.wpcf7-response-output, .share-window .copy-link input, body .wpulike-default .count-box, .summary .description{
font-size: 18px;
}
.authors-names div,
.post-entry-wrapper .authors-list ul.names li div,
.newsletter h3,
.newsletter-form input,
.share-window .share-to-any .title,
.share-window .copy-link .title,
.blog .hero .description,
.blog-page-post-list #filters li span,
body .selectric span.label,
body .selectric-items ul li,
.quicksearch,
#load-more {
font-size: 22px;
}
article .sticky-header .title,
.post-entry-wrapper h3,
.share-window .window-entry > .title {
font-size: 26px;
}
ul.tags li a,
article .layout-image .desc,
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-size: 16px;
}
.post-nav.blog-nav i {
font-size: 18px;
}
.blog .hero h1 {
font-size: 80px;
}
.hero .description,
article .layout-quote .desc,
.posts-list .wrapper h2,
.featured-post h2
{
font-size: 24px;
}
.newsletter h2,.form-sent .title {
font-size: 50px;
line-height: 50px;
}
.hero h1 {
font-size: 50px;
line-height: 50px;
}
article .authors .content .title {
font-size: 28px;
line-height: 28px;
}
article .authors {
}
article .sticky-header {
padding: 0 50px;
position: fixed;
top: 50px;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
article .sticky-header .wrapper {
height: 80px;
}
article .wrapper {
width: 760px;
padding-bottom: 0;
}
article .sticky-header .title {
height: 78px;
line-height: 80px;
float: none;
padding-right: 0;
}
.authors-thumbnails,
.post-entry-wrapper .authors-list ul.thumbnails {
display: flex;
padding-top: 40px;
padding-bottom: 5px;
}
.post-entry-wrapper .authors-list ul.thumbnails{
padding-top: 0;
padding-bottom: 0;
}
.authors-thumbnails div,
.post-entry-wrapper .authors-list ul.thumbnails li div {
width: 46px;
height: 46px;
}
.authors-thumbnails li:nth-child(2),
.authors-thumbnails li:nth-child(3),
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
margin-right: -20px;
}
.share-post {
width: 44px;
height: 44px;
}
.hero h1 {
padding-top: 25px;
}
.hero .description {
line-height: 20px;
letter-spacing: 0.5px;
}
.hero .thumbnail {
height: 280px;
margin-top: 30px;
}
article .layout {
margin-top: 50px;
line-height: 30px;
}
.summary .description{
line-height: 30px;
}
.video-thumbnail {
height: 425px;
}
.video-thumbnail i {
width: 103px;
height: 103px;
}
.video-thumbnail i:before {
border-top: 16px solid transparent;
border-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
left: 5px;
}
.image-wrapper:before,
.video-thumbnail:before {
width: 20px;
height: 20px;
left: 20px;
bottom: 20px;
opacity: 0;
}
.image-popup .close {
width: 35px;
height: 35px;
right: 25px;
top: 25px;
}
.tags-list {
padding-top: 50px;
padding-right: 0;
display: table;
margin-bottom: 0;
}
.tags-list span {
display: table-cell;
padding-left: 15px;
}
ul.tags {
display: table;
}
ul.tags li {
display: table-cell; padding: 0 5px;
}
ul.tags li a {
padding: 5px 7px;
}
article .layout ul li, .summary .description ul li {
padding-right: 20px;
}
article .layout ul li:before, .summary .description ul li:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #f7b11f;
top: 10px;
}
article .layout-quote {
padding-top: 25px;
border-right: 4px solid #f7b11f;
padding-bottom: 25px;
padding-right: 40px;
}
article .layout p {
margin-bottom: 15px;
}
article .layout-image .desc {
line-height: 26px;
}
article .layout-quote .desc {
line-height: 34px;
padding-right: 0;
padding-left: 0;
}
article .layout-quote .desc:before,
article .layout-quote .desc:after {
width: 11px;
height: 12px;
top: 5px;
}
article .authors li {
margin-top: 0;
margin-bottom: 45px;
padding: 15px;
}
article .authors .author {
display: flex;
}
article .authors .image {
height: 200px;
flex-basis: 185px;
}
article .authors .content {
flex-basis: calc(100% - 185px);
padding-right: 35px;
}
article .authors .content .s-title {
padding: 0 10px;
letter-spacing: 1px;
}
article .authors .content .title {
padding-top: 20px;
letter-spacing: 1px;
}
article .authors .content .title span {
padding-right: 15px;
margin-right: 15px;
}
article .authors .content .description {
padding-top: 15px;
line-height: 24px;
}
.posts-list {
padding-top: 40px;
}
.posts-list .wrapper {
width: 950px;
}
.posts-list .wrapper h2 {
margin-bottom: 30px;
}
.posts-list .wrapper h2 span {
padding: 0 30px;
padding-left: 65px;
}
.posts-list .wrapper h2 span:after {
width: 20px;
height: 23px;
left: 30px;
}
.blog-post-list {
display: flex;
column-gap: 50px;
}
.blog-post-list > li {
flex-basis: 50%;
}
.post-entry-wrapper {
padding-bottom: 0;
}
.post-entry-wrapper ul.tags {
margin-right: 15px;
min-height: 27px;
bottom: 20px;
}
.post-entry-wrapper a.top-link {
padding-bottom: 55px;
}
.post-entry-wrapper .image {
height: 220px;
}
.post-entry-wrapper .authors-list {
display: flex;
padding: 15px 20px;
padding-bottom: 5px;
}
.post-entry-wrapper h3 {
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0.5px;
line-height: 26px;
padding-bottom: 10px;
}
.post-entry-wrapper .description {
padding-right: 20px;
padding-left: 20px;
line-height: 24px;
}
.post-entry-wrapper .authors-list ul.names {
padding-right: 15px;
display: flex;
}
ul.names li {
padding-right: 5px;
}
.newsletter-section {
height: 400px;
margin-top: 100px;
}
body .newsletter-section.failed div.wpcf7-response-output {
line-height: 25px;
}
.newsletter {
padding: 35px 30px;
}
.newsletter h3 {
letter-spacing: 0.5px;
}
.newsletter-form li {
flex-basis: 385px;
}
.newsletter-form li:last-child {
flex-basis: calc(100% - 385px);
}
.newsletter-form .close,
.post-search .close {
width: 20px;
height: 20px;
left: 15px;
}
.newsletter-form .wpcf7-not-valid-tip {
bottom: -36px;
}
.newsletter-form input {
padding: 7px 15px;
letter-spacing: 1px;
}
.newsletter-section .wrapper {
width: 700px;
}
.newsletter-section:after {
height: 260px;
}
.single .newsletter-section:after,.blog-body .newsletter-section:after{
height: 350px;
bottom: -70px;
}
.share-window .window {
width: 525px;
height: 600px;
padding-top: 50px;
}
.share-window .close {
width: 24px;
height: 24px;
top: 13px;
}
.share-window .window-entry > .title {
padding-top: 200px;
padding-right: 50px;
padding-left: 50px;
}
.share-window .thumbnail {
width: 390px;
height: 225px;
}
.share-window .share-to-any {
padding-top: 40px;
}
.share-window .share-to-any .title,
.share-window .copy-link .title {
padding-bottom: 10px;
}
.share-window .a2a_kit a {
margin: 0 15px;
width: 46px;
height: 46px;
}
.share-window .copy-link {
padding-top: 50px;
}
.share-window .copy-link input {
padding: 15px;
}
.share-window .copy-link span {
height: 50px;
width: 50px;
}
.share-window .input-section {
margin: 0 50px;
}
.blog {
padding: 50px 50px 0;
}
.blog .inwrapp {
padding-top: 120px;
padding-bottom: 140px;
}
.blog .inwrapp.no-featured-post {
padding-bottom: 60px;
}
.blog .inwrapp.no-featured-post {
padding-bottom: 60px;
}
.blog .hero h1 {
padding-top: 30px;
}
.blog .hero .description {
padding-top: 10px;
}
.featured-post .post-entry-wrapper {
display: flex;
}
.featured-post .post-entry-wrapper .features-content {
flex-basis: calc(100% - 520px);
padding-bottom: 0;
}
.featured-post .post-entry-wrapper .image {
height: 310px;
flex-basis: 520px;
}
.featured-post .post-entry-wrapper .authors-list,
.featured-post .post-entry-wrapper h3,
.featured-post .post-entry-wrapper .description {
padding-right: 35px;
padding-left: 35px;
letter-spacing: 0.5px;
}
.featured-post .post-entry-wrapper ul.tags {
margin-right: 30px;
bottom: 30px;
}
.featured-post .wrapper {
width: 940px;
}
.featured-post h2 {
padding-right: 35px;
margin-bottom: 8px;
}
.featured-post h2:before {
width: 25px;
height: 25px;
}
.blog-page-post-list .wrapper {
width: 940px;
}
.blog-page-post-list .wrapper .filters {
padding-top: 20px;
}
.blog-page-post-list .wrapper .filters.sticky {
height: 78px;
}
.blog-page-post-list .wrapper .filters .nav-in {
float: right;
}
.blog-page-post-list .wrapper .filters nav.filter-nav {
margin-bottom: 15px;
}
.quicksearch {
height: 40px;
line-height: 40px;
padding-right: 40px;
margin-top: -2px;
}
.post-search {
float: right;
margin-right: 25px;
}
.post-search .close {
left: 5px;
}
.posts-list.blog-page-post-list {
padding-top: 60px;
margin-bottom: -45px;
}
.posts-list.blog-page-post-list .nav-space.sticky {
height: 83px;
}
.blog-page-post-list .wrapper #portfoliolist {
margin: 0 -20px;
}
.blog-page-post-list #portfoliolist .portfolio {
width: calc(50% - 40px);
margin: 0 20px;
margin-bottom: 40px;
}
#load-more {
padding-left: 30px;
}
#load-more:after {
height: 15px;
}
body .selectric {
padding-left: 40px;
}
body .selectric:after {
width: 23px;
height: 23px;
}
body .selectric-items {
width: 160px !important;
}
body .selectric-items ul li {
padding: 10px 15px;
}
body .wpulike-default button.wp_ulike_btn {
min-width: 40px;
}
.post-nav.blog-nav .post-name {
height: 16px;
}
body .wpulike-default .wp_ulike_put_image:after {
width: 25px;
height: 25px;
background-size: 20px;
}
/*******************End Blog******************/
.designrush{
display: table;
padding-bottom: 140px;
}
.designrush .logo{
display: table-cell;
width: 160px;
}
.designrush .description, .designrush .title-aw{
padding-left:50px;
}
.designrush .content{
display: table-cell;
}
.portfolio img.logo {
max-width: 120px;
left: 30px;
top: 30px;
max-height: 25px;
}
.more_works .portfolio img.logo {
left: 28px;
top: 25px;
}
.copyright{
left: 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 {
left: -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-right: 60%;
padding-top: 35px;
letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
font-size: 70px;
padding-right: 40%;
}
.testimonials_section {
padding-top: 120px;
margin-top: 150px;
}
ul.contact-form div.input {
height: 55px;
}
.contact-page > div.left .address {
bottom: 60px;
left: 60px;
right: 60px;
}
ul.contact-form .message label {
top: 10px;
left: 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: left top 7px;
padding-left: 20px;
}
ul.contact-form li:first-child > div:first-child {
padding-right: 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-right: 27px;
min-width: 44px;
}
.job-conten > li .description {
padding: 30px 0 0;
}
.job-conten > li .title {
padding-left: 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-left: 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-right: 15px;
margin-top: 2px;
}
.join-top-section {
margin-top: 50px;
}
.more_works .portfolio .label-text {
padding: 0 28px;
}
.share-link {
right: 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-right: 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 50px;
}
.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-right: 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 {
column-gap: 110px;
grid-template-columns: auto auto;
}
#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-left: 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-right: 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-left: 200px;
}
.our-team .table-cell.description {
padding-left: 150px;
padding-top: 85px;
}
.fullteam .info {
padding-left: 80px;
}
.culture-in .table-cell.title > div {
padding-right: 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-right: 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-left: 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 {
right: -45px;
}
.culture .slick-arrow.slick-prev {
left: -45px;
}
.what-we-do-ip ul.items .icon {
height: 65px;
}
.culture .thumb .content .link {
letter-spacing: 0.05em;
margin-top: 26px;
padding-right: 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;
left: 395px;
width: 80%;
}
.culture {
padding: 55px 0 90px;
width: 1070px;
}
.culture .thumb .content .title {
padding-right: 40%;
}
.play span:nth-child(1) {
border-left: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
margin-right: 10px;
border-left: 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-left: 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, .more-in, 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, .more-in 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-left: 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;
right: 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;
right: 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;
left: 265px;
}
.category-header .title div:after, .float-sumbol {
left: 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;
}
.more-in {
padding-left: 1px;
padding-right: 30px;
line-height: normal;
}
.more-in: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-left: 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 left 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-right: 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 15px 0 0;
margin: 0 15px 0 0;
}
.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-right: 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 {
right: -85px;
}
.testimonials button.slick-prev:hover{
left: -90px;
}
.testimonials button.slick-next:hover{
right: -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;
}
.single .contact,.blog-body .contact {
padding-top: 120px;
}
.contact .inside .title {
width: 48%;
padding-left: 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) {
/*******************Start Blog******************/
body .newsletter .wpcf7-spinner{
left: 150px;
top: 14px;
}
.tag-link{
padding-top: 15px;
}
.tag-link .more-link i{
font-size: 24px;
line-height: 26px;
}
.post-entry-wrapper .image-sec lottie-player{
width: calc(max(395px, 395px))!important;
}
.featured-post .post-entry-wrapper .image-sec lottie-player{
width: calc(max(490px, 490px))!important;
}
.lang-wrapper{
width: 540px;
height: auto;
padding: 40px;
}
.lang-wrapper .title{
font-size: 50px;
padding-bottom: 25px;
}
.lang-wrapper .subtitle{
padding-bottom: 30px;
font-size: 20px;
}
.lang-wrapper a{
height: 54px;
line-height: 54px;
}
.lang-wrapper a.accept-hebrew{
font-size: 32px;
}
.lang-wrapper a.accept-english{
margin-top: 15px;
font-size: 24px;
line-height: 52px;
}
.float-share {
margin-left: -100px;
}
article .layout, article .authors .content .s-title, .post-entry-wrapper .description, body .newsletter-section.failed div.wpcf7-response-output, .share-window .copy-link input, body .wpulike-default .count-box,.summary .description{
font-size: 20px;
}
.authors-names div,
.post-entry-wrapper .authors-list ul.names li div,
.newsletter h3,
.newsletter-form input,
.share-window .share-to-any .title,
.share-window .copy-link .title,
.blog .hero .description,
.blog-page-post-list #filters li span,
body .selectric span.label,
body .selectric-items ul li,
.quicksearch,
#load-more {
font-size: 24px;
}
article .sticky-header .title,
.post-entry-wrapper h3,
.share-window .window-entry > .title {
font-size: 26px;
}
ul.tags li a,
article .layout-image .desc,
.newsletter-form li span.description,
.newsletter-form .wpcf7-not-valid-tip {
font-size: 16px;
}
.post-nav.blog-nav i {
font-size: 18px;
}
.blog .hero h1 {
font-size: 100px;
}
.hero .description,
article .layout-quote .desc,
.posts-list .wrapper h2,
.featured-post h2
{
font-size: 30px;
}
.newsletter h2,.form-sent .title {
font-size: 50px;
line-height: 50px;
}
.hero h1 {
font-size: 60px;
line-height: 60px;
}
article .authors .content .title {
font-size: 28px;
line-height: 28px;
}
article .authors {
}
article .sticky-header {
padding: 0 50px;
position: fixed;
top: 50px;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
article .sticky-header .wrapper {
height: 80px;
}
article .wrapper {
width: 760px;
padding-bottom: 0;
}
article .sticky-header .title {
height: 78px;
line-height: 80px;
float: none;
padding-right: 0;
}
.authors-thumbnails,
.post-entry-wrapper .authors-list ul.thumbnails {
display: flex;
padding-top: 60px;
padding-bottom: 13px;
}
.post-entry-wrapper .authors-list ul.thumbnails {
padding-top: 0;
padding-bottom: 0;
}
.authors-thumbnails div,
.post-entry-wrapper .authors-list ul.thumbnails li div {
width: 46px;
height: 46px;
}
.authors-thumbnails li:nth-child(2),
.authors-thumbnails li:nth-child(3),
.authors-thumbnails li:nth-child(4),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(2),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(3),
.post-entry-wrapper .authors-list ul.thumbnails li:nth-child(4) {
margin-right: -20px;
}
.share-post {
width: 44px;
height: 44px;
}
.hero h1 {
padding-top: 25px;
}
.hero .description {
line-height: 28px;
letter-spacing: 0.5px;
}
.hero .thumbnail {
height: 365px;
margin-top: 30px;
}
.hero .thumbnail lottie-player{
width: calc(max(584px, 584px))!important;
}
article .layout {
margin-top: 50px;
line-height: 34px;
}
.summary .description{
line-height: 34px;
}
.video-thumbnail {
height: 425px;
}
.video-thumbnail i {
width: 103px;
height: 103px;
}
.video-thumbnail i:before {
border-top: 16px solid transparent;
border-left: 24px solid rgba(248, 178, 28, 1);
border-bottom: 16px solid transparent;
left: 5px;
}
.image-wrapper:before,
.video-thumbnail:before {
width: 20px;
height: 20px;
left: 20px;
bottom: 20px;
}
.image-popup .close {
width: 35px;
height: 35px;
right: 25px;
top: 25px;
}
.tags-list {
padding-top: 50px;
padding-right: 0;
display: table;
margin-bottom: 0;
}
.tags-list span {
display: table-cell;
padding-left: 15px;
}
ul.tags {
display: table;
}
ul.tags li {
display: table-cell; padding: 0 5px;
}
ul.tags li a {
padding: 5px 7px;
}
article .layout ul li, .summary .description ul li {
padding-right: 20px;
}
article .layout ul li:before, .summary .description ul li:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #f7b11f;
top: 12px;
}
article .layout-quote {
padding-top: 25px;
border-right: 4px solid #f7b11f;
padding-bottom: 25px;
padding-right: 40px;
}
article .layout p {
margin-bottom: 15px;
}
article .layout-image .desc {
line-height: 26px;
}
article .layout-quote .desc {
line-height: 40px;
padding-right: 0;
padding-left: 0;
}
article .layout-quote .desc:before,
article .layout-quote .desc:after {
width: 11px;
height: 12px;
top: 5px;
}
article .authors li {
margin-bottom: 60px;
padding: 15px;
}
article .authors .author {
display: flex;
}
article .authors .image {
height: 200px;
flex-basis: 185px;
}
article .authors .content {
flex-basis: calc(100% - 185px);
padding-right: 35px;
}
article .authors .content .s-title {
padding: 0 10px;
letter-spacing: 1px;
}
article .authors .content .title {
padding-top: 20px;
letter-spacing: 1px;
}
article .authors .content .title span {
padding-right: 15px;
margin-right: 15px;
}
article .authors .content .description {
padding-top: 15px;
line-height: 24px;
}
.posts-list {
padding-top: 60px;
}
.posts-list .wrapper {
width: 950px;
}
.posts-list .wrapper h2 {
margin-bottom: 30px;
}
.posts-list .wrapper h2 span {
padding: 0 30px;
padding-left: 65px;
}
.posts-list .wrapper h2 span:after {
width: 20px;
height: 23px;
left: 30px;
}
.blog-post-list {
display: flex;
column-gap: 50px;
}
.blog-post-list > li {
flex-basis: 50%;
}
.post-entry-wrapper {
padding-bottom: 0;
}
.post-entry-wrapper ul.tags {
margin-right: 15px;
min-height: 27px;
bottom: 20px;
}
.post-entry-wrapper a.top-link {
padding-bottom: 70px;
}
.post-entry-wrapper .image {
height: 250px;
}
.post-entry-wrapper .authors-list {
display: flex;
padding: 25px 20px;
padding-bottom: 14px;
}
.post-entry-wrapper h3 {
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0.5px;
}
.post-entry-wrapper .description {
padding-right: 20px;
padding-left: 20px;
line-height: 24px;
}
.post-entry-wrapper .authors-list ul.names {
padding-right: 15px;
display: flex;
}
ul.names li {
padding-right: 5px;
}
.newsletter-section {
height: 440px;
margin-top: 180px;
}
body .newsletter-section.failed div.wpcf7-response-output {
line-height: 25px;
}
.newsletter {
padding: 35px 30px;
}
.newsletter-form{
padding: 40px 60px 0;
}
.newsletter h3 {
letter-spacing: 0.5px;
}
.newsletter-form li {
flex-basis: 385px;
}
.newsletter-form li:last-child {
flex-basis: calc(100% - 385px);
}
.newsletter-form .close,
.post-search .close {
width: 20px;
height: 20px;
left: 15px;
}
.newsletter-form .wpcf7-not-valid-tip {
bottom: -36px;
}
.newsletter-form input {
padding: 7px 15px;
letter-spacing: 1px;
}
.newsletter-section .wrapper {
width: 700px;
}
.newsletter-section:after {
height: 300px;
}
.single .newsletter-section:after,.blog-body .newsletter-section:after{
height: 350px;
bottom: -70px;
}
.share-window .window {
width: 525px;
height: 600px;
padding-top: 50px;
}
.share-window .close {
width: 24px;
height: 24px;
top: 13px;
}
.share-window .window-entry > .title {
padding-top: 200px;
padding-right: 50px;
padding-left: 50px;
}
.share-window .thumbnail {
width: 390px;
height: 225px;
}
.share-window .share-to-any {
padding-top: 40px;
}
.share-window .share-to-any .title,
.share-window .copy-link .title {
padding-bottom: 10px;
}
.share-window .a2a_kit a {
margin: 0 15px;
width: 46px;
height: 46px;
}
.share-window .copy-link {
padding-top: 50px;
}
.share-window .copy-link input {
padding: 15px;
}
.share-window .copy-link span {
height: 50px;
width: 50px;
}
.share-window .input-section {
margin: 0 50px;
}
.blog {
padding: 50px 50px 0;
}
.blog .inwrapp {
padding-top: 140px;
padding-bottom: 170px;
}
.blog .inwrapp.no-featured-post{
padding-bottom: 80px;
}
.blog .hero h1 {
padding-top: 30px;
}
.blog .hero .description {
padding-top: 10px;
}
.featured-post .post-entry-wrapper {
display: flex;
}
.featured-post .post-entry-wrapper .features-content {
flex-basis: calc(100% - 520px);
}
.featured-post .post-entry-wrapper .image {
height: 310px;
flex-basis: 520px;
}
.featured-post .post-entry-wrapper .authors-list,
.featured-post .post-entry-wrapper h3,
.featured-post .post-entry-wrapper .description {
padding-right: 35px;
padding-left: 35px;
letter-spacing: 0.5px;
}
.featured-post .post-entry-wrapper ul.tags {
margin-right: 30px;
}
.featured-post .wrapper {
width: 940px;
}
.featured-post h2 {
padding-right: 35px;
margin-bottom: 8px;
}
.featured-post h2:before {
width: 25px;
height: 25px;
}
.blog-page-post-list .wrapper {
width: 940px;
}
.blog-page-post-list .wrapper .filters {
padding-top: 20px;
}
.blog-page-post-list .wrapper .filters.sticky {
height: 78px;
}
.blog-page-post-list .wrapper .filters .nav-in {
float: right;
}
.blog-page-post-list .wrapper .filters nav.filter-nav {
margin-bottom: 15px;
}
.quicksearch {
height: 40px;
line-height: 40px;
padding-right: 40px;
margin-top: -2px;
}
.post-search {
float: right;
margin-right: 25px;
}
.post-search .close {
left: 5px;
}
.posts-list.blog-page-post-list {
padding-top: 80px;
margin-bottom: -65px;
}
.posts-list.blog-page-post-list .nav-space.sticky {
height: 83px;
}
.blog-page-post-list .wrapper #portfoliolist {
margin: 0 -20px;
}
.blog-page-post-list #portfoliolist .portfolio {
width: calc(50% - 40px);
margin: 0 20px;
margin-bottom: 40px;
}
#load-more {
padding-left: 30px;
}
#load-more:after {
height: 15px;
}
body .selectric {
padding-left: 40px;
}
body .selectric:after {
width: 23px;
height: 23px;
}
body .selectric-items {
width: 160px !important;
}
body .selectric-items ul li {
padding: 10px 15px;
}
body .wpulike-default button.wp_ulike_btn {
min-width: 40px;
}
.post-nav.blog-nav .post-name {
height: 16px;
}
body .wpulike-default .wp_ulike_put_image:after {
width: 25px;
height: 25px;
background-size: 20px;
}
/*******************End Blog******************/
.designrush{
display: table;
padding-bottom: 210px;
}
.designrush .logo{
display: table-cell;
width: auto;
}
.designrush .description, .designrush .title-aw{
padding-left:50px;
}
.designrush .content{
display: table-cell;
}
.portfolio img.logo {
max-width: 150px;
left: 30px;
top: 30px;
max-height: 35px;
}
.more_works .portfolio img.logo {
left: 28px;
top: 30px;
}
.copyright{
left: 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 {
left: -140px;
}
.testimonials button.slick-prev:hover{
left: -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-right: 60%;
padding-top: 35px;
letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
font-size: 70px;
padding-right: 40%;
}
.testimonials_section {
padding-top: 120px;
margin-top: 150px;
}
ul.contact-form div.input {
height: 55px;
}
.contact-page > div.left .address {
bottom: 60px;
left: 60px;
right: 60px;
}
ul.contact-form .message label {
top: 10px;
left: 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: left top 7px;
padding-left: 20px;
}
ul.contact-form li:first-child > div:first-child {
padding-right: 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-right: 27px;
min-width: 44px;
}
.job-conten > li .description {
padding: 30px 0 0;
}
.job-conten > li .title {
padding-left: 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-left: 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-right: 15px;
margin-top: 2px;
}
.join-top-section {
margin-top: 50px;
}
.more_works .portfolio .label-text {
padding: 0 28px;
}
.share-link {
right: 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-right: 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 50px;
}
.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-right: 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 {
column-gap: 160px;
grid-template-columns: auto auto;
}
#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-left: 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-right: 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-left: 200px;
}
.our-team .table-cell.description {
padding-left: 150px;
padding-top: 85px;
}
.fullteam .info {
padding-left: 115px;
}
.culture-in .table-cell.title > div {
padding-right: 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-right: 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-left: 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 {
right: -45px;
}
.culture .slick-arrow.slick-prev {
left: -45px;
}
.what-we-do-ip ul.items .icon {
height: 65px;
}
.culture .thumb .content .link {
letter-spacing: 0.05em;
margin-top: 26px;
padding-right: 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;
left: 395px;
width: 80%;
}
.culture {
padding: 65px 0 90px;
width: 1110px;
}
.culture .thumb .content .title {
padding-right: 40%;
}
.play span:nth-child(1) {
border-left: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
margin-right: 10px;
border-left: 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-left: 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, .more-in, 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, .more-in 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-left: 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;
right: 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;
right: 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;
left: 265px;
}
.category-header .title div:after, .float-sumbol {
left: 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;
}
.more-in {
padding-left: 1px;
padding-right: 30px;
line-height: normal;
}
.more-in: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-left: 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 left 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-right: 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 15px 0 0;
margin: 0 15px 0 0;
}
.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-right: 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 {
right: -140px;
}
.testimonials button.slick-next:hover{
right: -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;
}
.single .contact,.blog-body .contact {
padding-top: 120px;
}
.contact .inside .title {
width: 48%;
padding-left: 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;
left: 40px;
top: 40px;
max-height: 35px;
}
.more_works .portfolio img.logo{
left: 28px;
top: 30px;
}
.designrush{
display: table;
padding-bottom: 210px;
}
.designrush .logo{
display: table-cell;
width: auto;
}
.designrush .description, .designrush .title-aw{
padding-left:50px;
}
.designrush .content{
display: table-cell;
}
.copyright{
left: 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-right: 60%;
padding-top: 35px;
letter-spacing: 0.02em;
}
.contact-page > div.left h1 {
font-size: 70px;
padding-right: 40%;
}
.testimonials_section {
padding-top: 140px;
margin-top: 230px;
}
ul.contact-form div.input {
height: 55px;
}
.contact-page > div.left .address {
bottom: 60px;
left: 60px;
right: 60px;
}
ul.contact-form .message label {
top: 10px;
left: 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: left top 7px;
padding-left: 20px;
}
ul.contact-form li:first-child > div:first-child {
padding-right: 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-right: 27px;
min-width: 44px;
}
.job-conten > li .description {
padding: 30px 0 0;
}
.job-conten > li .title {
padding-left: 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-left: 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-right: 15px;
margin-top: 2px;
}
.join-top-section {
margin-top: 50px;
}
.more_works .portfolio .label-text {
padding: 0 28px;
}
.share-link {
right: 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-right: 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 50px;
}
.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-right: 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 {
column-gap: 160px;
grid-template-columns: auto auto;
}
#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-left: 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-right: 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-left: 200px;
}
.our-team .table-cell.description {
padding-left: 150px;
padding-top: 85px;
}
.fullteam .info {
padding-left: 135px;
}
.culture-in .table-cell.title > div {
padding-right: 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-right: 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-left: 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 {
right: -45px;
}
.culture .slick-arrow.slick-prev {
left: -45px;
}
.what-we-do-ip ul.items .icon {
height: 65px;
}
.culture .thumb .content .link {
letter-spacing: 0.05em;
margin-top: 26px;
padding-right: 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;
left: 395px;
width: 80%;
}
.culture {
padding: 75px 0 90px;
width: 1110px;
}
.culture .thumb .content .title {
padding-right: 40%;
}
.play span:nth-child(1) {
border-left: 9px solid rgba(0,0,0,.2);
}
.play span:nth-child(2) {
border-left: 9px solid rgba(0,0,0,.4);
}
.play span:nth-child(3) {
margin-right: 10px;
border-left: 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-left: 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, .more-in, 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, .more-in 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-left: 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;
right: 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;
right: 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;
left: 265px;
}
.category-header .title div:after, .float-sumbol {
left: 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;
}
.more-in {
padding-left: 1px;
padding-right: 30px;
line-height: normal;
}
.more-in: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-left: 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 left 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-right: 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 15px 0 0;
margin: 0 15px 0 0;
}
.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-right: 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 {
right: -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;
}
.single .contact,.blog-body .contact{
padding-top: 120px;
}
.contact .inside .title {
width: 48%;
padding-left: 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;
}
}