/*
 Theme Name:   Maabadot
 Description:  The main theme powering the Maabadot website.
 Author:       Farhad Iskenderov
 Version:      0.0.1
 Text Domain:  maabadot
*/

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Secular+One&display=swap');

:root {
 --dark-grey: #353637;
 --grey: #272a29;
 --simple-grey: #343735;--black: #272a29;
 --blue: #8ED0FF;
 --white: #fff;
 --grey-light: #f2f2f2;
 --grey-med: #7d7d7d;
 --green-led:#90AF0F;
 --green-sed:#E0F0E7;
}

strong,
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,
p,
th,
td,
.three-images-layout .item .title,
select {
  border: 0 none;
  color: var(--blue-dark);
  list-style-type: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-family: "Heebo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1rem;
  color: var(--black);
}

html,
body {
  /* height: 100%; */
  margin: 0;
  padding: 0;
  direction: rtl;
  background-color: var(--white);
}
body.single-article{
 background-color: var(--white);
}

html {
  overflow-x: hidden;
}
.menu-open{
  overflow: hidden; 
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
}

html.open-popup {
  overflow-y: hidden;
}

header, div:not(.no-trans), span:not(.no-trans), a:not(.no-trans), p, li, ul, section, span:not(.preloader-el), label, img, :after, :before, button, i, img:not(.preloader-el), nav, input, h3, ::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.b-lazy {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}
.b-lazy.b-loaded, .b-lazy.b-error {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
}
img {
  max-width: 100%;
  display: block;
  margin: auto;
}
video{
     min-width: 100%;
     min-height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     right: auto;
     left: 0;
     z-index: 1;
     object-fit: cover;
     bottom: 0;
     margin: auto;
     height: 100%;
}
p, sub{
 font-size: inherit;
 font-weight: inherit;
 font-family: inherit;
 color: inherit;
 line-height: inherit;
}
strong, b{
 font-size: inherit;
 font-weight: bold;
 font-family: inherit;
 color: inherit;
 line-height: inherit;
}
h1, h2, .fullwidth-banner .description em, .credit .menu > li > a, .testimonials .description, .author-biography h3, .popup .info h3,.contact-hero .information .contact-buttons .title{
  font-family: "Secular One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.wrapper{
 max-width: 1280px;
 margin: auto;
}
.job-content .wrapper{
 max-width: 1096px; 
}
.article-content .wrapper{
 max-width: 880px;
}
h1{
 font-size: 52px;
 line-height: 75px;
}
.credit .menu > li > a,.author-biography h3{
 font-size:28px;
 line-height:35px;
}
h2,.page-template-services .half-banner h2 strong,.contact-hero h1,.job-hero h1,.history-slider .item .year{
 font-size: 40px;
 line-height: 58px; 
}
.information .content .counter,.information .content i{
 font-size: 66px;
 line-height: 96px;
 font-style: normal;
}
h3,.page-template-services .half-banner h2,.testimonials .description,.popup .info h3{
 font-size: 32px;
 line-height: 47px;
}
.testimonials .description{
 line-height:38px;
}
.page-template-services .half-banner h2{
 line-height: 27px; 
}
li.active .name{
 font-size:14px;
}
.history-slider .item h3, .popup .linkedin-profile a, .about-hero .content, .author-biography h4, .two-columns-flex .box-content ul li h3, .post-info h4, .benefits .item .description, .jobs .data .title, [for="file-upload"], .job-content .entry .share h3, .job-hero .data .title, #filters span, .services-posts .description, input, .name, .selectDropdown a, .select-club-services > span, textarea, .certificates .list .description, .two-columns-flex .box-content ul li, .two-columns-flex .box-content.files ul li a, .two-columns-flex .box-content ol li h3, .two-columns-flex .box-content ol li:before, .author-biography .description, .years-nav-slider .item,.two-columns-flex .box-content ol li{
 font-size: 18px;
 line-height: 26px; 
}
.two-columns-flex .box-content.files ul li, .article-hero .category-service-name, .two-columns-flex.article-content .box-content ul li{
 font-size: 16px; 
}
.action-button, [type="submit"], .contact-hero .information .list a, .contact-hero .information .list span, .question, .maxlist-more a, .load-more span{
 font-size:20px;
 line-height:29px;
}
.popup .info .role, .team h3, .content-quote, .post-info h3, .testimonials .name, .benefits .item h3, .jobs .list > li h3, .fullwidth-banner .description, .information .content .description, .half-banner .description, .featured-articles .item h3, .top-description .wrapper, .simple-services h3, .category-service-name,.popup .description{
 font-size:24px;
 line-height:35px;
}
.fullwidth-banner .description em{
 font-size: 52px;
 line-height: 75px;
}
.featured-articles .item h3{
 line-height:24px;
}

.article-hero .category-service-name,.author-biography,.article-featured-services{
 margin-top:80px;
}
 .author-biography .description{
 line-height: 21px;   
 }
.simple-services .list .wrap{
 display:block;
}

.services-posts h3,.featured-articles .item h3,.tags span,.simple-services h3,.category-service-name,.jobs .list > li h3,.benefits .item h3,.team .role{
 font-weight:600;
}
li.active .name{
 color:#787a79;
 right: 16px;
 top: 4px;
}
.newsletter-form li.active .name, .newsletter-form input, .newsletter-form li .name, .certificates h2, .certificates .description,.simple-services h2,.category-service-name{
 color:var(--white)
}
.additional-services h2{
 color:var(--black) 
}
.featured-articles .item .title, .tags{
 position: absolute;
 left: auto;
 z-index: 1;
}
.services-posts .description,.services-posts h3,.certificates .list .description,.simple-services h3{
  padding-top: 16px;
  text-align: center;
}
.two-columns-flex .box-content{
 padding: 40px;
}
.share-buttons,.post-info{
 padding-bottom: 40px; 
}
.two-columns-flex .box-content{
  padding-top: 24px;
 margin-bottom: 24px;
}
.two-columns-flex.article-content .box-content{
 padding:0;
 background-color: transparent;
}
.two-columns-flex.article-content .box-content h3{
font-family: "Secular One", sans-serif;
    font-weight: 400;
}
.job-hero{
 padding-top:40px;
 padding-bottom:40px;
}
.static-services-posts .services-posts h3,.about-hero .wrapp{
  padding-top: 40px; 
}
.featured-services h2,.featured-articles .item h3,.inline-hero h1,.jobs h2{
 color: var(--white);
}
.action-button, .services-posts .category-name, [type="submit"], .maxlist-more a, .load-more span{
 font-weight:700;
}
.hero h1,.credit .wrapp{
 padding: 60px 0;
}
.inline-hero h1{
 padding: 80px 0 40px;
}
.article-hero h1{
 padding-top: 24px;
 padding-bottom: 0;
}
.single-service-hero h1{
 padding-top: 0px;
}
.services-posts h3, .services-posts .description, .featured-articles .item .title, .simple-services .list .description, .simple-services .list h3{
 padding-right: 24px;
 padding-left: 24px;
}
.services-posts a,.contact-hero .information h2,.two-columns-flex.article-content .box-content h2,.about-hero .content p{
 padding-bottom: 24px; 
}
.two-columns-flex.article-content .box-content h2{
 padding-bottom: 10px;
 padding-top: 20px;
}
.two-columns-flex.article-content .box-content h3{
 padding-top: 20px;
}
.two-columns-flex.article-content .box-content li h3{
 padding-top: 0;
}
.buttons-list{
 align-items: center;
}
.certificates .list,.buttons-list,.simple-services .list,.job-hero .data,.benefits .list,.post-info .author{
 display: flex;
 column-gap: 24px;
}
.action-button, [type="submit"], .maxlist-more a, .load-more span{
 padding: 11px 45px;
 display: inline-block;
 min-width: 240px;
 border: 1px solid transparent;
 text-align: center;
 cursor: pointer;
}
.blue-button,[type="submit"]{
 background-color: var(--blue);
}
.blue-button:hover, [type="submit"]:hover,.contact-hero [type="submit"]:hover,body .job-form [type="submit"]:hover,.half-banner .transparent-blak-button:hover,body .blue-banner .transparent-white-button:hover{
 background-color: #6AC1FF; 
}
.blue-button:focus, [type="submit"]:focus,.sent [type="submit"],.contact-hero [type="submit"]:focus,body .job-form [type="submit"]:focus,.half-banner .transparent-blak-button:focus,body .blue-banner .transparent-white-button:focus{
 background-color: #48B2FF;  
}
.transparent-button,.job-form [type="submit"]{
 background-color: transparent;
}
.transparent-button:hover, .job-form [type="submit"]:hover,.layout-8 .transparent-white-button:hover,.layout-8 .transparent-white-button:focus{
 background-color:var(--grey-light);
}
.transparent-button:focus, .job-form [type="submit"]:focus{
 border-color:var(--blue);
}
.transparent-blak-button,.job-form [type="submit"]{
 border: 1px solid var(--black);
}
.transparent-white-button, .newsletter-form [type="submit"], .maxlist-more a, .load-more span{
 border: 1px solid var(--white);
 color:var(--white);
 background-color: transparent;
}
.transparent-white-button:focus,.transparent-white-button:hover{
 background-color:#4d504f;
}
.blue-banner .transparent-white-button{
 border: 1px solid var(--grey);
 color:var(--grey) 
}
.slick-arrow,.arrow-button{
 width: 40px;
 height: 40px;
 border: 1px solid var(--black);
 padding: 0;
 background-color: transparent;
 -webkit-appearance: none;
 font-size: 0;
 background-image: url(gfx/arrow.svg);
 background-position: center;
 background-repeat: no-repeat;
 cursor: pointer;
 position: absolute;
}
.slick-arrow:hover{
 border: 1px solid var(--blue); 
  background-color: var(--blue);
}
.slick-arrow:focus{
 border: 1px solid #48B2FF; 
  background-color: #48B2FF;
}

.slick-next{
 transform: rotate(180deg);
}
.slick-prev{
}
.slick-disabled{
 pointer-events: none;
 opacity: .2;
 background-color: transparent!important;
 border: 1px solid var(--black)!important;
}
.services-slider .slick-arrow{
 position: absolute;
 top: 0;
}
.services-slider .slick-next{
 left: 0;
 right: auto;
}
.services-slider .slick-prev{
 right: 0;
 left: auto;
}
.tags,.float-tags{
 top: 24px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 right: 24px;
 z-index: 1;
}
.tags li,.float-tags li{
 padding-left: 8px;
}
.tags span,.float-tags span{
 display: inline-block;
 background-color: var(--white);
}
header{
 height: 100px;
 background-color: var(--white);
 position: fixed;
 width: 100%;
 right: 0;
 z-index: 100;
 top: 0;
}
header .logo{
 display: inline-block;
 float: right;
 margin-top: 10px;
 max-width: 320px;
 max-height: 77px;
}
header nav{
 padding-top: 30px;
 padding-right: 80px;
 float: right;
}
header .menu{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 column-gap: 40px;
 float: right;
}
header .menu li{position: relative;padding-bottom: 8px;}
header .menu a{line-height: 40px;display: inline-block;position: relative;}

.menu a br{
 display:none;
}
header .sub-menu a{
 padding-right: 16px;
}
header .sub-menu a:hover{
 
}
header .menu a:after{
 content:'';
 position: absolute;
 width: 100%;
 bottom: 0;
 height: 4px;
 background-color: transparent;
 right: 0;
}
header .menu a:hover:after,header .menu li.active > a:after{
  background-color:  var(--blue);
}
header .menu a:focus:after{
 height: 2px;
 background-color: var(--black); 
}
.hero{
 margin-top: 100px;
 position: relative;
 background-size: cover;
 background-position: center;
}
.page-template-articles .hero{
 background-position: top;
}
.hero:after{
 content:''!important;
}
.inline-hero{
 min-height: 540px;
}
.inline-hero .wrapper{
 position: relative;
 z-index: 1;
}
.article-hero{
 min-height: 594px; 
}
.jobs-hero{
 min-height: 352px; 
}
.articles-hero{
 min-height: 404px; 
}
.single-service-hero{
 min-height: 525px; 
}
.float-tags span,.article-hero .category-service-name{
 padding: 4px 16px;
 color: var(--white);
 background-color: var(--simple-grey);
}
.hero:after{
 content:'';
 height: 218px;
 position: absolute;
 width: 100%;
 bottom: 0;
 background-color: var(--grey);
}
.inline-hero:after{background-color: rgba(0,0,0,.3);height: 100%;top: 0;right: 0;}
.top-description{
 
}
.top-description .wrapper{
 padding: 40px 40px 80px;
 position: relative;
 background-color: var(--grey-light);
 column-count: 2;
 column-gap: 40px;
 margin-top: -170px;
}
.one-column .wrapper{
 column-count: 1;
 margin-top: -120px;
}
.article-top-description .wrapper{
 margin-top: -200px;
}
.top-description .wrapper:after{
 content:'';
 position: absolute;
 width: 100%;
 bottom: 0;
 height: 6px;
 background-color: var(--blue);
 right: 0;
}
.video-wrap{
 margin-top: 100px;
 position: relative;
}
.video-area{
 height: 446px;
 position: relative;
 overflow: hidden;
}
.video-area .control{
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 64px;
 height: 64px;
 margin: auto;
 background-image: url(gfx/icon-01.svg);
 background-color: var(--white);
 z-index: 10;
 background-repeat: no-repeat;
 background-position: center;
 cursor: pointer;
}
.video-area .control.pause{
 background-image: none;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}
.video-area:hover .control.pause{
 opacity: 1;
 visibility: visible;
 pointer-events: all; 
}
.video-area .control.pause:after,.video-area .control.pause:before{
 content:'';
 height: 34px;
 width: 6px;
 position: absolute;
 background-color: #7D7D7D;
 border-radius: 2px;
 top: 0;
 bottom: 0;
 margin: auto;
 left: 22px;
 right: auto;
}
.video-area .control.pause:after{
 right: 22px;
 left: auto;
}
.video-area .sound{
 left: 15px;
 bottom: 16px;
 position: absolute;
 width: 40px;
 height: 40px;
 background-color: var(--grey);
 z-index: 10;

 background-repeat: no-repeat;
 background-position: center;
 cursor: pointer;
 opacity: 0;
 visibility: hidden;
}
.video-area .sound.off{
  background-image: url(gfx/icon-02.svg);
}
.video-area .sound.on{
 background-image: url(gfx/sound-on.svg);
}
.video-area.active .sound{
 opacity: 1;
 visibility: visible;
}
.video-wrap:after{
 content:'';
 background-image: url(gfx/polygon.svg);
 width: 884px;
 height: 886px;
 position: absolute;
 left: -330px;
 top: -340px;
 background-size: contain;
}
.video-wrap:before{
 content:'';
 width: 190px;
 height: 190px;
 position: absolute;
 z-index: 10;
 background-image: url(gfx/shape.svg);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 left: 18px;
 top: -95px;
}
.preview-widget,.half-banner .content,.certificates .wrapper,.two-columns-flex{
 padding-top: 80px;
 padding-bottom: 80px;
}
.featured-services-posts{
 padding-bottom: 74px; 
}
.certificates,.featured-articles,.job-form .contact{
 padding-bottom: 0px; 
}
footer, .category-service-name{
 padding-top: 80px;  
}

.credit .sub-menu-wrapper{
 display: block!important;
}
.certificates .wrapper{
 padding-right: 80px;
 padding-left: 80px; 
}
.contact,.credit .wrapp{
 padding-bottom: 80px; 
}
.gallery{
 padding-bottom:120px;
}
.preview-widget h2, .fullwidth-banner .description,.half-banner .description,.static-services-posts .services-posts a,.all-articles-nav{
 padding-bottom: 40px;
}
.preview-widget .title-section{
 position: relative;
 text-align: right;
}
.preview-widget .title-section a{
 position: absolute;
 left: 0;
 top: 0;
}
.featured-services{
 background-color: var(--grey);
 position: relative;
}
.preview-widget .list{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.featured-services .list,.featured-articles .list,.contact-form,#filters,body .addtoany_list{
 display: flex;
 column-gap: 16px;
}
.simple-services .list{
  row-gap: 40px;
  flex-wrap: wrap;
  column-gap: 24px;
  display: grid;
  grid-template-columns: calc(25% - 18px) calc(25% - 18px) calc(25% - 18px) calc(25% - 18px);
}
.additional-services .list{
 display: block;
 margin-left: -24px;
}
.inside-form{
 row-gap: 16px; 
}

.featured-articles .list .item{
 width: 324px;
 float: right;
}
.page-template-articles .popular-articles .list .item{
 width: 434px;
}
.page-template-articles .featured-articles .list .item .item{
 width: calc(100% - 24px);
 margin-right: 0;
 margin-left: 24px;
}
.featured-services .list > li, .featured-articles .list .item, .contact-form .column, .certificates .list li{
 flex: 1;
}
.featured-services .list .item{
 height: 200px;
 display: block;
 position: relative;
 background-color: var(--dark-grey);
}
.featured-services .list .item:hover h3{
color: var(--black); 
}
.featured-services .list .item:hover{
 background-color: var(--blue); 
 
}
.featured-services .list .item:focus{
 background-color: var(--grey-med); 

}
.featured-services .list .item:focus .thumbnail{
 filter: brightness(350%); 
}
.featured-services .list .item:hover .thumbnail{
 filter: brightness(0%); 
}
.featured-services .thumbnail{
 position: absolute;
 left: 16px;
 top: 16px;
 width: 40px;
 height: 40px;
 background-repeat: no-repeat;
}
.featured-services h3{
 position: absolute;
 color: var(--white);
 bottom: 16px;
 right: 16px;
 padding-left: 16px;
}
.clients .list .item img {
    display: inline-block;
    max-height: 36px;
}
.clients .list .item {
    width: 176px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none;
    padding: 0;
}
.clients {
    padding: 40px 0;
    position: relative;
}
.clients .list {
    position: absolute;
    height: 35px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    direction: ltr;
}
.fullwidth-banner{
 background-color: var(--simple-grey);
 overflow: hidden;
}
.blue-banner{
 background-color: var(--blue);
 min-height: 446px;
}
.fullwidth-banner h2, .fullwidth-banner .description, .information h2,.information .content .description{
 color: var(--white);
}
.blue-banner h2, .blue-banner  .description{
  color: var(--grey);
}
.fullwidth-banner h2, .credit .sub-menu li, .two-columns-flex .box-content ul li, .job-content .entry .share h3, .two-columns-flex .box-content ol li{
  padding-bottom: 16px;
}
 .credit .sub-menu li:last-child{
  padding-bottom: 0px;  
 }
.promo-banner .wrapp{
 display: flex;
 align-items: center;
}
.promo-banner .image{
 flex-basis: 575px;
 position: relative;
}
.layout-8 .promo-banner .image img{
 position: absolute;
 left: 0;
 top: -165px;
 max-width: 460px;
}
.promo-banner .content{
 flex: 1;
}
.fullwidth-banner .description em{
 font-style: normal;
 color: var(--blue);
}
.information{
 background-color: var(--grey);
 text-align: center;
}
.information .content{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 align-items: center;
 justify-content: center;
}
.information .content li{
 flex: 1;
}

.information .content .counter,.information .content i{
 color: var(--blue);
}

.half-banner .wrapp{
 
}
.half-banner{
 padding: 0;
 background-color: var(--blue);
}
.half-banner .image{
 flex-basis: 50%;
 min-height: 431px;
 background-size: cover;
 background-position: center;
 position: relative;
}
.half-banner .image span{
 height: 100%;
 display: block;
 position: absolute;
 left: 0;
 background-image: url(gfx/rectangle.svg);
 background-position: right bottom;
 background-repeat: no-repeat;
}
.half-banner .content{
 flex-basis: 50%;
 padding-right: 0;
}
.half-banner .content .inline{
 padding-right:80px;
}
.half-banner h2{
 padding-bottom: 16px;
}
.page-template-about .half-banner{
 margin-top: 80px;
}
.page-template-about .half-banner .image span{
 background-image: url(gfx/hexagonal-shape.svg);
 width: 100%!important;
 background-position: center;
 background-size: 260px;
}
.services-slider{
 direction: rtl;
 padding: 0 48px;
}
.static-services-posts .services-posts{
 display: flex;
}
.static-services-posts .services-posts .item{
 flex: 1;
 float: none;
}
.services-posts .item{
 direction: rtl;
 float: right;

}
.featured-articles .list .item, .services-posts .item{
  padding-bottom: 6px;
}
.simple-services .description{
 padding-top: 8px;
}
.simple-services .list .description{
 padding-bottom: 24px;
}
.services-posts a{background-color: var(--grey-light);margin: 0 8px;position: relative;}
.services-posts a,.featured-articles a{
 display: block; 
}
.services-posts a:after,.featured-articles a.item:after{
  content:'';
 position:absolute;
 background-color:transparent;
 width:100%;
 height:6px;
 bottom:-6px;
}
.services-posts a:hover:after,.featured-articles a.item:hover:after{
 background-color:var(--blue);
}
.services-posts h3{
 min-height: 110px;
}
.static-services-posts .services-posts h3{
 min-height: 135px;
}
.services-posts .description{
 min-height: 94px;
}
.services-posts .thumbnail{
 height: 174px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 overflow: hidden;
}
.services-posts .thumbnail:after{
 content:'';
 clip-path: polygon(50% 100%, 101% 76%, 101% 100%, 0 100%, 0 76%);
 background-color: var(--grey-light);
 position: absolute;
 width: 101%;
 height: 100%;
 right: 0;
 left: auto;
}
.services-posts .category-name{
 position: absolute;
 top: 0;
 right: 0;
 background-color: var(--simple-grey);
 color: var(--white);

}
.tags span,.services-posts .category-name{
 padding: 4px 16px; 
}
.featured-articles .list a.item{
 height: 308px;
 position: relative;
 background-size: cover;
 background-position: center;
 padding-bottom: 0;
 margin-left: 8px;
 margin-right: 8px;
 width: 308px;
}

.featured-articles .list a.item:before{
 content:'';
 background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 position: absolute;
 width: 100%;
 height: 100%;
 right: 0;
}
.featured-articles .item .title{
 bottom: 24px;
}
 .two-columns-flex .box-content > ol{
 /* list-style-type: none; */
 padding: 0;
 counter-reset: ordered;
 margin: 0;
 padding-top: 16px;
 padding-right: 20px;
 }
.two-columns-flex .box-content ol ol,.two-columns-flex .box-content ul ul{
 padding-top: 8px;
 margin-right: -20px;
 padding-bottom: 8px;
 list-style-type: none;
 padding-right: 0;
}
.two-columns-flex .box-content ol ol li,.two-columns-flex .box-content ul ul li{
 padding-bottom: 8px;
 padding-right: 20px;
}
.two-columns-flex .box-content ol ol li:before,.two-columns-flex .box-content ul ul li:before{
 content: '';
 /* background-color: #bebebe; */
 width: 11px;
 height: 11px;
 border-radius: 50%;
 top: 7px;
 background-image: none;
 right: 2.5px;
 background-image: url(gfx/s-bullet.svg);
 background-position: center;
 background-repeat: no-repeat;
}
.two-columns-flex .box-content ul ul li:before{
 
}
.two-columns-flex .box-content ol li,.two-columns-flex .box-content ol li{
 counter-increment: customlistcounter;
 position: relative;
 /* padding-right: 20px; */
}
.two-columns-flex .box-content ol li:before, .two-columns-flex .box-content ol li::marker {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  color: var(--blue);
  /* content: counter(ordered); */
  /* counter-increment: ordered; */
  right: 10px;
}
.featured-articles .item .article-title{
 padding-top: 48px;
}
.featured-articles .item .title .tags{
 top: 0;
 width: 100%;
}
.featured-articles .item .title .tags li{
 display: inline-block;
}
.featured-articles .item h3:after{
 content:'';
 background-image: url(gfx/arrow-white.svg);
 width: 24px;
 height: 24px;
 background-position: center;
 background-repeat: no-repeat;
 display: inline-block;
 margin: -0.13em 0.1em -0.19em -0.95em;
 /* margin-top: -0.13em; */
 /* margin-right: -0.05em; */
 /* margin-left:  0.1em; */
 /* margin-bottom: -0.19em; */
}
.contact{
 display: flex;
}
.content-text-wrapper{
 flex-basis: 416px;
}
.contact-form-wrapper{
 flex-basis: calc(100% - 416px);
 text-align: right;
 /* padding-right: 16px; */
 padding-bottom: 80px;
}
.contact-form{
 margin: 0;
 padding: 0;
 list-style-type: none;
 direction: rtl;
 position: relative;
}
.newsletter-form li{
 position: relative;
}
.invalid .newsletter-form li.submit{
 margin-top: 0;
}
li.submit{
 position:relative;
}
body .wpcf7-spinner{
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 0;
}
body .wpcf7-response-output{
 display: none;
}
.inside-form{
 margin: 0;
 padding: 0;
 list-style-type: none;
 direction: rtl;
}
.inside-form li{
 margin-bottom: 16px;
 position: relative;
}
.contact-hero li.agreement{
}
.contact-hero input[type="checkbox"] {
    padding: 0;
    border: 1px solid var(--white);
    background-color: transparent;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(1050%);
    margin-top: 2px;
}
.contact-hero li.agreement .wpcf7-list-item label{
 display: flex;
 align-items: start;
 column-gap: 7px;
}
.contact-hero li.agreement .wpcf7-list-item{
 margin: 0;
}
.contact-hero li.agreement .wpcf7-form-control-wrap:after{
 display:none;
}
.contact-hero li.agreement .wpcf7-list-item label input{
 
}
.contact-hero li.agreement input[type="checkbox"]:checked{
 background-image: url(gfx/icon-check.svg);
}
.contact-hero li.agreement .wpcf7-list-item label span{
 color: var(--white);
 flex-basis: calc(100% - 25px);
 line-height: 23px;
}
.inside-form li.submit{
 margin-top: 24px;
 margin-bottom: 0;
 display: block;
 position: absolute;
 right: 0;
}
.invalid li.submit{
 margin-top: 70px;
}
.selectDropdown ul{
 width: 100%;
 z-index: 10;
 margin: 0;
 padding: 0;
 list-style: none;
 opacity: 0;
 visibility: hidden;
 position: absolute;
 top: calc(100% - 1px);
 left: 0;
 z-index: 10;
 right: 0;
 background: var(--white);
 overflow-x: hidden;
 overflow-y: auto;
 /* box-shadow: 4px 4px 28px 0 rgba(0,0,0,0.2); */
}
.select-club-services.open ul {
    opacity: 1;
    visibility: visible;
}
.wpcf7-form-control-wrap{
 display: block;
}
.wpcf7-form-control-wrap:after{
 content:'';
 background-color: var(--black);
 width: 100%;
 position: absolute;
 bottom: 0;
 height: 1px;
 right: 0;
 transition: none;
}
.newsletter-form .wpcf7-form-control-wrap:after,.newsletter-form .active .wpcf7-form-control-wrap:after,.contact-hero .wpcf7-form-control-wrap:after{
 background-color: var(--white); 
}

li.active .wpcf7-form-control-wrap:after{
 background-color: var(--blue); 
  height: 3px;
}
.name{
 position: absolute;
 right: 0;
 top: 0;
 z-index: 1;
 right: 16px;
 pointer-events: none;
 top: 15px;
}

body .wpcf7-not-valid-tip{
 position: absolute;
}
input, .selectDropdown li, .select-club-services > span, textarea,[for="file-upload"]{
 padding-top: 25px;
 padding-right: 16px;
 padding-left: 16px;
 padding-bottom: 5px;
 background-color: var(--grey-light);
 width: 100%;
}
.newsletter-form input{
 background-color: var(--grey-med);
}
input,textarea,select{display: block;}
select{
 display:none;
}
[type="number"],[type="email"]{
 direction: ltr;
 text-align: right;
}
input:focus,textarea:focus{
 outline:none;
}
textarea{
 width: 100%;
 background-color: var(--grey-light);
 height: 200px;
}
.selectDropdown li{
 padding-top: 15px;
 padding-bottom: 15px;
 margin-bottom: 0;
 cursor: pointer;
}
.selectDropdown li.active{
 
}
.selectDropdown a{font-size: 16px;display: block;}
[type="submit"]{
 min-width: 200px;
 width: auto;
 min-height: 56px;
}
.sent [type="submit"]{
 background-image: url(gfx/check.svg);
 background-repeat: no-repeat;
 background-position: right 14px center;
 padding-right: 48px;
 transition: none;
}
.newsletter .sent [type="submit"]{
 filter: brightness(1050%); 
}

.submitting [type="submit"]{
 font-size:0;
}
.select-club-services > span {
    cursor: pointer;
    padding: 15px 16px;
    display: block;
    position: relative;

}
.select-club-services > span:after{
 content:'';
 background-image: url(gfx/arrow-botton.svg);
 background-repeat: no-repeat;
 width: 24px;
 height: 24px;
 left: 16px;
 top: 0;
 bottom: 0;
 margin: auto;
 position: absolute;
 background-position: center;
}
.select-club-services.open > span:after{
 transform: rotate(180deg);
}

.contact-wrap{
 background-image: url(gfx/polygon-01.svg);
 background-position: right bottom;
 background-size: auto;
 background-repeat: no-repeat;
}
.newsletter{
 background-color: var(--simple-grey);
}
.newsletter .wrapp{
 display: flex;
}
.newsletter .description{
 flex-basis: 313px;
}
.newsletter .description h2{
 padding: 0;
 color: var(--white);
}
.newsletter .newsletter-form-wrapper{
 flex-basis: calc(100% - 313px);
}
.credit{
 background-color: var(--black);
}
.credit .wrapp{
 display: flex;
}

.credit .logo-section:after{
 content:'';
 background-image:url(gfx/hexagonal-shape.svg);
 width: 40px;
 height: 40px;
 position: absolute;
 bottom: 0;
 right: 0;
}
.credit .logo-section img{
 margin: 0;
}
.credit .logo-section{
 flex-basis: 485px;
 position: relative;
}
.credit nav{
 flex-basis: calc(100% - 485px);
 padding-top: 57px;
}
.credit nav a{
 color: var(--white);
}
.credit .menu{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 column-gap: 80px;
}
.credit .menu li{
 flex: 1;
}
.credit .menu > li > a{
 pointer-events: none;
}
.credit .sub-menu{
 padding: 0;
 list-style-type: none;
 padding-top: 24px;
}
.credit .social-title .sub-menu{
 display: flex;
 flex-wrap: wrap;
 max-width: 120px;
}
.credit .sub-menu a{
 display: flex;
 align-items: center;
 flex-direction: row-reverse;
 justify-content: right;
 column-gap: 8px;
}
.credit .sub-menu a i{
 width: 24px;
 height: 24px;
 background-repeat: no-repeat;
 background-position: center;
}
.credit .sub-menu .social{
 flex-basis: 50%;
}
.credit .sub-menu .social a{
 font-size: 0;
}
.credit .sub-menu .social a i{
 width: 34px;
 height: 34px;
 background-repeat: no-repeat;
 background-position: center;
}
.certificates .wrapper{
 background-color: var(--black);
}
.certificates .list .logo{
 background-color: var(--simple-grey);
 height: 124px;
 display: flex;
 align-items: center;
}
.certificates .list .description{
 text-align: right;
}
.simple-services{
 background-color: var(--dark-grey);
}
.additional-services{
 background-color: var(--white); 
}
.additional-services .slick-arrow{
 top: -88px;
 left: 24px;
}
.additional-services .slick-prev{
 left: 88px; 
}
.simple-services .list .wrap{
 padding: 0;
 padding-bottom: 24px;
}
.simple-services .list .wrap:hover .thumbnail:after{
 opacity:1;
 visibility:visible;
}
.additional-services .list .wrap{
 padding-bottom: 0;
 margin-left: 24px;
}
.simple-services .list .wrap .thumbnail{
 height:120px;
 background-size: cover;
 background-position: center;
 position: relative;
}
.simple-services .list .wrap .thumbnail:after,.history-slider .item .thumbnail:after{
 content:'';
 position: absolute;
 height: 6px;
 width: 100%;
 bottom: 0;
 background-color: var(--blue);
 opacity: 0;
 visibility: hidden;
}
.history-slider .item .wrap:hover .thumbnail:after{
 opacity: 1;
 visibility: visible; 
}
.simple-services h3{
 min-height: 86px;
 text-align: right;
}
.simple-services .list .item,.additional-services .list .wrap{
 background-color: var(--grey-light);
}
.additional-services .list .item{
 background-color: transparent; 
}
.two-columns-flex .entry{
 display: flex;
}
.two-columns-flex .content{
 flex-basis: 944px;
 padding-left: 160px;
}
.two-columns-flex.simple-page-flex .content{
 flex-basis: 100%;
 max-width: 880px;
 margin: auto;
}
.two-columns-flex.simple-page-flex .box-content{
 background-color: transparent;
 padding-top: 0;
}
.two-columns-flex .info{
 flex-basis: calc(100% - 944px);
}
.two-columns-flex .info .thumbnail{
 height: 264px;
 margin-bottom: 38px;
 position: relative;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.two-columns-flex .info .thumbnail:after{
  content:'';
  clip-path: polygon(50% 0%, 100% 100%, 100% 0%, 0% 0%, 0% 100%);
  width: calc(100% + 1px);
  position: absolute;
  top: 0;
  right: -1px;
  height: 100px;
  background-color: var(--white);
}

.two-columns-flex .info .action-button{
 width: 100%;
 padding-right: 0;
 padding-left: 0;
}
.two-columns-flex .box-content{
 background-color: var(--grey-light);
 font-size: 18px;
}
.two-columns-flex .box-content p{
 padding-top: 8px;
}
.two-columns-flex .box-content ol li p{
 padding-top: 0px; 
}
.two-columns-flex .box-content ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 padding-top: 24px;
}
.two-columns-flex .box-content ul ul,
.two-columns-flex .box-content ul ol,
.two-columns-flex .box-content ol ul,
.two-columns-flex .box-content ol ol{
 padding-top: 15px;
}
.article-content .box-content ul{
 padding-top: 10px;
 padding-bottom: 12px;
}
.two-columns-flex .box-content ul li{
 padding-right: 19px;
 position: relative;
}
.two-columns-flex .box-content ul ul li,
.two-columns-flex .box-content ol ul li,
.two-columns-flex .box-content ol ol li,
.two-columns-flex .box-content ul ol li{
 font-size: 16px;
}
.two-columns-flex .box-content ul li:last-child{
 padding-bottom: 0;
}
.two-columns-flex .box-content ul > li:has(> ul) {
  list-style-type: none;
  padding-right: 20px;
  margin: 0;
}
.two-columns-flex .box-content ul > li:has(> ul):before{

}
.two-columns-flex .box-content ul > li:has(> ul) > ul{
 padding-top: 0;
 padding-bottom: 0;
 padding-right: 15px;
}
.two-columns-flex .box-content.files ul li{
 padding-right: 32px;
 padding-bottom: 24px;
}
.two-columns-flex .box-content.files ul li:last-child{
 padding-bottom: 0; 
}
.two-columns-flex .box-content ul li:before{
 content:'';
 position: absolute;
 background-image: url(gfx/list-polygon.svg);
 width: 14px;
 height: 14px;
 background-size: auto;
 background-position: center;
 right: 0;
 background-repeat: no-repeat;
 top: 6px;
}
.two-columns-flex .box-content.files ul li:before{
 background-image: url(gfx/icon-button.svg);
 width: 24px;
 height: 24px;
 top: 1px;
}
.two-columns-flex .box-content ul em{
 font-style: normal;
 padding-top: 8px;
}
.history-slider .item h3,.two-columns-flex .box-content ul strong, .two-columns-flex .box-content.files ul li a, #filters span.active, .post-info h3, .two-columns-flex .box-content ul li h3, .two-columns-flex .box-content ol li h3{
 font-weight: 500;
}
#filters{margin: 0;padding: 0;list-style-type: none;}
#filters li{
 
}
#filters span{
 display: inline-block;
 padding: 9px 16px;
 background-color: transparent;
 border: 1px solid #bebebe;
 cursor: pointer;
}
#filters span:hover{
  background-color:var(--grey-light);
}
#filters span.active{
 background-color: #bebebe;
}
#portfoliolist > div:not(.grid-sizer) {
    margin-bottom: 24px;
    padding-bottom: 0;
}
#portfoliolist > div:not(.grid-sizer).hidden{
 display: none;
}
#portfoliolist > div:not(.grid-sizer) {
    width: calc(25% - 16px);
    margin-left: 16px;
    margin-bottom: 40px;
}
.load-more.hidden{
 display:none;
}
#portfoliolist {
    padding-top: 0;
    display: block;
    margin-left: -16px;
}
.contact-hero{
 background-color: var(--simple-grey);
}
.contact-hero .wrap{
 display: flex;
}
.contact-hero .form{
 flex-basis: 462px;
}
.contact-hero h1{
 padding-top: 0;
}
.contact-hero .info{
 position: relative;
 flex-basis: calc(100% - 462px);
 padding-right: 80px;
}
.contact-hero .info .video{
 position: relative;
 height: 482px;
 background-size: cover;
 background-position: center;
}
.contact-hero .info .image{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 right: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.contact-hero .contact-form{
 display: block;
}
.wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip):after{
 background-color: #FF7474;
 height: 3px;
 bottom: 32px;
}

.invalid:has(.wpcf7-not-valid-tip) .name{
 
}
body .wpcf7-not-valid-tip{
 position: relative;
 padding-top: 8px;
 color: #FF7474;
}
.contact-hero .inside-form li.submit{
 width: 100%;
}
.contact-hero [type="submit"]{
 width: 100%;
 background-color: var(--blue);
 color: var(--black);
}
.contact-hero input, .contact-hero .selectDropdown li, .contact-hero .select-club-services > span, .contact-hero textarea{
 background-color: var(--grey-med);
 color: var(--white);
}
.contact-hero .name{
 color:var(--white)
}
.contact-hero li.active .name{
 color: var(--grey-light);
 opacity: .8;
}
.newsletter .wpcf7-form-control-wrap:after{
 background-color: var(--white);
}
.contact-hero .select-club-services > span:after{
 background-image:url(gfx/down-arrow.svg)
}
.selectDropdown li{
 padding: 0;
}
.selectDropdown li a{
 padding: 8px 16px;
}
.selectDropdown li a:hover{
 background-color:var(--blue);
 color:var(--black);
}
.selectDropdown ul{
 padding-top: 8px;
 background-color: var(--grey-med);
 padding-bottom: 16px;
 border-bottom: 3px solid var(--blue);
 border-top: 1px solid var(--white);
}
footer .selectDropdown ul{
 background-color: var(--grey-light);
 border-bottom: 3px solid transparent;
 border-top: none;
}
footer .selectDropdown ul:before{
 content:'';
 width: calc(100% - 32px);
 right: 0;
 left: 0;
 position: absolute;
 top: 0;
 height: 1px;
 margin: auto;
 background-color: var(--grey-med);
}
.contact-hero .information{
 padding: 40px;
 padding-top: 32px;
 text-align: right;
 background-color: #1b1e26;
 padding-bottom: 24px;
}
.contact-hero .information .list{
}
.contact-hero .information .list li{
 display: inline-block;
 vertical-align: top;
 padding-left: 40px;
 padding-bottom: 16px;
}
.contact-hero .information .list a,.contact-hero .information .list span{
 display: flex;
 color: var(--white);
 align-items: center;
}
.contact-hero .information .list span{
 
}
.contact-hero .information .list i{
 margin-left: 8px;
}
.contact-hero textarea{
 height:120px;
}
.faq .wrapp{
 display: flex;
}
.faq .wrapp .title{
 flex-basis: 648px;
 text-align: right;
 position: relative;
}
.faq .wrapp .title img{
 margin: 0;
}
.faq .wrapp .questions{
 flex-basis: calc(100% - 648px);
}
.faq .wrapp .list{
 
}
.faq .wrapp .list li{
 margin-bottom: 8px;
 padding-top: 0;
 padding-bottom: 0;
 padding-right: 20px;
 background-color: var(--grey-light);
 padding-left: 0;
 position: relative;
}
.faq .wrapp .list li:after{
 content:'';
 position: absolute;
 right: 0;
 top: 0;
 background-color: var(--blue);
 width: 4px;
 height: 100%;
 opacity: 0;
 visibility: hidden;
}
.faq .wrapp .list li.active:after{
 opacity:1;
 visibility:visible;
}
.question{
 padding-top: 18px;
 padding-bottom: 18px;
 padding-right: 0;
 padding-left: 16px;
 position: relative;
 cursor: pointer;
}
.answer{
 padding-left: 44px;
 display: none;
 opacity: 0;
 visibility: visible;
 padding-bottom: 20px;
}
li.active .answer{
 opacity: 1;
 visibility: visible;
 display: block;
}
.question i{
 background-image: url(gfx/arrow-botton.svg);
 width: 24px;
 height: 24px;
 background-repeat: no-repeat;
 background-position: center;
 position: absolute;
 left: 20px;
 top: 0;
 bottom: 0;
 margin: auto;
 transform: rotate(180deg);
}
li.active .question i{
 transform: rotate(0deg);
}
.answer p{
 padding-bottom: 16px;
}
.answer p:last-child{
 padding-bottom: 0; 
}
.answer a{
 text-decoration: underline;
 font-weight: 500;
}
.faq{
 padding-bottom: 0;
}
.job-hero{
 background-color: var(--grey-light);
}
.job-hero:after{
 background-color: transparent;
 background-image: url(gfx/big-polygon.svg);
 background-repeat: no-repeat;
 background-position: left center;
 top: 0;
 height: 100%;
}
.job-hero .float-tags{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
}
.job-hero .float-tags li{
 font-weight: 600;
 color: var(--white);
 background-color: var(--black);
 padding: 4px 16px;
}
.job-hero h1{
 padding-top: 24px;
 padding-bottom: 24px;
}
.job-hero .data{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
}
.job-hero .data li{
 display: flex;
 align-items: center;
 column-gap: 6px;
}
.job-content .entry{
 display: flex;
}
.job-content .entry .box-content{
 flex-basis: 692px;
 padding-left: 0;
 padding-top: 0;
 padding-right: 0;
 background-color: transparent;
 margin-top: -64px;
 margin-bottom: 0;
 padding-bottom: 0;
}
.job-content .entry .share{
 flex-basis: calc(100% - 692px);
 padding-right: 80px;
}
.job-content .entry .share h3{
 
}
.job-content .entry .share .action-button{
 width: 100%;
}
.job-content .entry .box-content h2{
 padding-bottom: 16px;
 padding-top: 80px;
}
.job-content .box-content ul{
 padding-top: 8px;
}
body .addtoany_list{
 display: flex;
 column-gap: 16.8px;
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a{
 width: 40px;
 height: 40px;
 padding: 0;
 border: 1px solid var(--black);
 background-repeat: no-repeat;
 background-position: center;
 filter: grayscale(100%);
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.addtoany_share{
 display: none;
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:hover{
 background-color:var(--grey-light)
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_x{
 background-image: url(gfx/icon-x.svg);
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_linkedin{
 background-image: url(gfx/icon-linkedin.svg);
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_facebook{
 background-image: url(gfx/icon-facebook.svg);
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_whatsapp{
 background-image: url(gfx/icon-whatsapp.svg);
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_email{
 background-image: url(gfx/icon-email.svg);
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a.a2a_button_copy_link{
 background-image: url(gfx/icon-copy.svg);
}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a span{
 display: none;
}
.job-form .wrapper{
 background-color: var(--blue);
 padding: 80px;
}
.job-form .content-text-wrapper{
 flex-basis: 440px;
 position: relative;
}
.job-form .contact-form-wrapper{
 flex-basis: calc(100% - 440px);
}
.job-form .contact-form{
 column-gap: 40px;
}
[for="file-upload"] {
    color: var(--black);
    border-bottom: 1px solid var(--black);
    display: block;
    position: relative;
    padding-top: 15px;
    padding-bottom: 14px;
}
[for="file-upload"]:before {
    content: '';
    position: absolute;
    background-image: url(gfx/icon-file.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    left: 16px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    margin: auto;
}
#file-upload {
    display: none;
}
.job-form li.active .wpcf7-form-control-wrap:after{
 background-color: #E9DEE1;
}
.inside-form i, #the-count{
 font-style: normal;
 padding-top: 8px;
 display: block;
}
.job-form textarea{
 height: 144px;
}
.job-form .textarea .name{
 top: 8px;
}
.job-form [type="submit"],.job-form .submit{
 width: 100%;
}
.job-form .inside-form li.submit{
 margin-top: 32px;
 width: calc(50% - 20px);
}

.job-form .content-text-wrapper:after{
 content:'';
 background-image: url(gfx/job-symbol.svg);
 width: 81px;
 height: 80px;
 position: absolute;
 bottom: -22px;
 right: 0;
}
.jobs .list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 16px;
    padding-top: 0;
}
.jobs .list > li .wrap {
    background-color: var(--white);
    padding: 16px;
    position: relative;
    padding-bottom: 24px;
    display: block;
}
.jobs .list > li .wrap:hover{
 background-color:var(--blue)
}

.jobs{
 background-color: var(--simple-grey);
}
.jobs .list > li h3{
 padding-top: 16px;
 padding-bottom: 24px;
 min-height: 110px;
}
.jobs .list > li h3 br{
 display: none;
}
.jobs .data{
 padding: 0;
 list-style-type: none;
 margin: 0;
}
.jobs .data li{
 display: flex;
}
.jobs .data img{
 margin: 0;
}
.jobs .data .title{
 padding-right: 6px;
}
 .arrow-button{
  left: 16px;
  bottom: 24px;
  transform: rotate(180deg);
 }
.benefits .list{
}
.benefits .item{
 flex: 1;
}
.benefits .item .content{
 position: absolute;
 bottom: 16px;
 width: calc(100% - 32px);
 right: 16px;
 left: 16px;
 background-color: var(--grey-light);
 padding: 24px;
}
.benefits .item h3{
 padding-bottom: 4px;
}
.benefits .item .description{
 
}
.benefits .item .thumbnail{
 height: 500px;
 background-size: cover;
 background-position: center;
 position: relative;
}
.testimonials{
 background-color: var(--grey-light);
}
.testimonials .item{
 height: 396px;
 padding: 80px 0;
 position: relative;
}
.testimonials .wrapp{
 position: static;
}
.testimonials .thumbnail{
 position: absolute;
 left: 0;
 height: 100%;
 width: 485px;
 top: 0;
 background-size: cover;
 background-position: center;
}
.testimonials .thumbnail.video{
 width: 730px;
}
.testimonials .thumbnail:after{
 content:'';
 position: absolute;
 height: 100%;
 right: 0;
 top: 0;
 width: 110px;
 background-color: var(--grey-light);
 clip-path: polygon(100% 0%, 0 50%, 100% 100%);
 z-index: 1;
}
.testimonials .content{max-width: 815px;}
.testimonials .description{
 padding-bottom: 8px;
}
.testimonials .video-content{
 max-width: 570px;
}
.testimonials .name{
 position: relative;
 top: 0;
 right: 0;
}
.testimonials .name span{
 font-size: inherit;
 font-weight: 600;
}
.slick-dots{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 position: absolute;
 bottom: 107px;
 column-gap: 12px;
}
.slick-dots li{
 display: flex;
 align-items: center;
}
.slick-dots li:last-child{
 
}
.slick-dots li:last-child button{
 height: 6px;
 width: 6px;
}
.slick-dots button{
 font-size: 0;
 padding: 0;
 -webkit-appearance: none;
 border: none;
 width: 12px;
 height: 12px;
 display: block;
 border-radius: 50%;
 background-color: #bebebe;
 cursor: pointer;
}
.slick-dots li.slick-active button{
 background-color: var(--blue);
 width: 12px;
 height: 12px;
}

.gallery .list {
    display: grid;
    column-gap: 24px;
    row-gap: 24px;
    padding-top: 0;
    padding-bottom: 0;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 411px);
    direction: ltr;
}
.gallery .list div:first-child {
 }
.gallery .list div:nth-child(2){
 grid-row: span 1;
 grid-column: span 1;
}
.gallery .list div:nth-child(3){
    grid-row: 1/3;
}
.gallery .list div {
    background-size: cover;
    background-position: center;
}
.gallery .list div:last-child{
 height: 530px;
 position: relative;
}
.gallery .list div:last-child:after{
 content:'';
 height: 120px;
 position: absolute;
 width: 102%;
 bottom: 0;
 background-color: var(--white);
 clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0 100%, 0% 0%);
 left: -1px;
 margin: auto;
}
.article-hero .category-service-name{
 background-color: var(--white);
 display: inline-block;
 padding-top: 0;
 color: var(--black);
 padding-bottom: 0;
}
.post-info{
 
}
.post-info:after,.bottom-section:after{
 content: '';
 display: block;
 clear: both;
}
.post-info .author{
 display: flex;
 float: right;
}
.post-info .share-buttons{
 float: left;
}
.post-info .avatar{
 width: 120px;
 height: 120px;
 background-size: contain;
 background-position: center bottom;
 background-repeat: no-repeat;
 background-color: var(--blue);
}
.post-info .content{
 
}
.post-info h3{
 padding-bottom: 6px;
}
.post-info h4{
 
}
.content-image{height: 340px;background-size: cover;background-position: center;position: relative;margin-top: 56px;margin-bottom: 80px;}
.content-image span{
 position: absolute;
 bottom: 0;
 right: 0;
 text-align: center;
 color: var(--white);
 display: block;
 width: 100%;
 background-color: var(--black);
 padding: 8px;
}
.content-quote{
 background-color: var(--simple-grey);
 color: var(--white);
 padding: 30px 0;
 padding-right: 40px;
 padding-left: 80px;
 position: relative;
 margin-top: 60px;
 margin-bottom: 80px;
 display: block;
}
.content-quote:after{
 content:'';
 clip-path: polygon(100% 0%, 0 50%, 100% 100%, 0 100%, 0 0);
 background-color: var(--white);
 width: 60px;
 position: absolute;
 left: 0;
 height: 100%;
 top: 0;
}
.bottom-section{
 margin-top: 80px;
}
.bottom-section .share-buttons{
 float: right;
 padding-bottom: 0;
 padding-top: 13px;
}
.bottom-section .linkedin-profile{
 float: left;
}
.author-biography{
 
}
.author-biography .wrap{
 display: flex;
 min-height: 212px;
}
.author-biography .avatar{
 flex-basis: 200px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 background-color: var(--blue);
}
.author-biography .content{
 flex-basis: calc(100% - 200px);
 padding: 40px;
 background-color: var(--simple-grey);
}
.author-biography .name{
 color: var(--white);
 position: relative;
 top: 0;
 right: 0;
 display: flex;
 align-items: center;
}
.author-biography .description{
 padding-top: 8px;
 color: var(--white);
}
.author-biography h3{
 color: inherit;
}
.author-biography h4, .popup .role{
 color: var(--white);
 padding-right: 32px;
 position: relative;
 background-image: url(gfx/list-polygon.svg);
 background-repeat: no-repeat;
 background-position: right 10px center;
}
.about-hero{
 
}
.about-hero:after{
 display:none;
}
.about-hero .wrapp{
 display: flex;
 padding-bottom: 40px;
}
.about-hero .title{
 flex-basis: 539px;
}
.about-hero .content{
 flex-basis: calc(100% - 539px);
 padding-right: 109px;
}
.about-hero h1{
 padding: 0;
 padding-bottom: 32px;
}

.team{
 padding-bottom: 0;
 position: relative;
}
.team:after{
 content:'';
 position: absolute;
 width: 100%;
 bottom: 0;
 background-color: var(--grey);
 height: calc(100% - 405px);
}
.team .list{
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 0;
    display: grid;
    column-gap: 16px;
    row-gap: 40px;
    padding-bottom: 0;
    grid-template-columns: calc(20% - 13px) calc(20% - 13px) calc(20% - 13px) calc(20% - 13px) calc(20% - 13px);
    position: relative;
    z-index: 1;
}
.team .list .item{
 height: 362px;
 background-color: var(--simple-grey);
 background-image: url(gfx/big-polygon-01.svg);
 background-repeat: no-repeat;
 background-position: left bottom;
 border-bottom: 6px solid var(--white);
 cursor: pointer;
 position: relative;
}
.team .list .item:hover{
 border-bottom-color:var(--blue)
}
.team .info{
 height: 140px;
 padding-top: 24px;
 padding-right: 16px;
 padding-left: 16px;
}
.team h3{
 color: var(--white);
}
.team .role{
 color: var(--white);
 padding-top: 24px;
}
.team .short-description{
 color: var(--white);
}
.team .thumbnail{
 height: 221px;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: left bottom;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
}
.maxlist-more,.load-more{
 position: relative;
 z-index: 1;
 text-align: center;
 margin-top: 40px;
}
.maxlist-more a,.load-more span{
 min-width: 250px;
 background-color: var(--grey);
 position: relative;
 z-index: 1;
}
.load-more span{color: var(--grey);border: 1px solid var(--grey);background-color: var(--white);}
.maxlist-more a:hover{
 background-color: var(--simple-grey); 
}
.load-more span:hover{
 background-color: var(--grey-light);  
}
.maxlist-more:after,.load-more:after{
 content:'';
 background-color: var(--white);
 height: 1px;
 position: absolute;
 left: 0;
 width: 100%;
 top: 0;
 bottom: 0;
 margin: auto;
}
.load-more:after{
 background-color: var(--grey); 
}
.popup{
 position: fixed;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 z-index: 1000;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}
.popup-team-active .popup{
 opacity: 1;
 visibility: visible;
 pointer-events: all; 
}
.popup-team-active{
 overflow: hidden;
}
.popup:after{
 content:
 '';
 height: 100%;
 background-color: rgba(0,0,0,.6);
 width: 100%;
}
.popup .wrap{
 width: 1280px;
 height: 349px;
 background-color: var(--white);
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 0;
 position: absolute;
 z-index: 10;
}
.popup .close{
 position: absolute;
 background-image: url(gfx/close.svg);
 width: 24px;
 height: 24px;
 background-position: center;
 background-repeat: no-repeat;
 left: 24px;
 top: 24px;
 z-index: 1;
}
.popup .content{
 display: flex;
 height: 349px;
}
.popup .thumbnail{
 height: 100%;
 flex-basis: 243px;
 background-color: var(--blue);
 border-bottom: 6px solid var(--white);
 background-size: auto;
 background-image: url(gfx/big-polygon-02.svg);
 position: relative;
}
.popup .thumbnail span{
 position: absolute;
 left: 0;
 width: 100%;
 height: 100%;
 bottom: 0;
 background-size: auto;
 background-repeat: no-repeat;
 background-position: bottom;
}
.popup .info{
 height: 100%;
 flex-basis: calc(100% - 243px);
 padding: 40px;
 position: relative;
}
.popup .top{
 display: flex;
 align-items: center;
 padding-bottom: 8px;
}
.popup .description{
 padding-left: 40px;
}
.popup .linkedin-profile{
 position: absolute;
 bottom: 40px;
 right: 40px;
}
.popup .linkedin-profile a{
 padding-left: 32px;
 text-decoration: underline;
}
.popup .linkedin-profile i{
 background-image: url(gfx/linkedin.svg);
 width: 24px;
 height: 24px;
 background-position: center;
 background-repeat: no-repeat;
 position: absolute;
 left: 0;
}
.popup .info h3{
 color: var(--simple-grey);
}
.popup .info .role{
 color: var(--black);
 font-weight: 400;
 padding-top: 0;
}
.history-slider{
 
}
.history-slider .item{
 width: 308px;
 background-color: var(--grey-light);
 margin-left: 16px;
 height: 335px;
 float: right;
 padding-left: 0;
}
.history-slider .item .wrap{position: relative;height: 100%;}
.history-slider .item .thumbnail{
 height: 140px;
 background-size: cover;
 background-position: center;
 position: relative;
}
.history-slider .item .year{
 padding: 16px;
 padding-bottom: 0;
}
.history-slider .item .date{
 padding: 0 16px;
}
.history-slider .item h3{
 position: absolute;
 width: 100%;
 bottom: 24px;
 padding: 0 16px;
}
.history-slider .slick-arrow{
 left: 64px;
 top: -89px;
}
.history-slider .slick-next{
 left: 0;
}



.years-nav-slider .item {
    cursor: pointer;
    height: 38px;
    position: relative;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    flex: 1 1 auto;
    text-align: center;
}
.years-nav-slider .item span {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: 38px;
    display: inline-block;
}
.years-nav-slider .item.slick-active {
    font-weight: 700;
    align-items: center;
}
.years-nav-slider .slick-track {
    transform: none!important;
    width: auto!important;
}






.timeline{
 /* background-color: var(--grey-light); */
 margin-top: 40px;
 position: relative;
}
.timeline:after{
 content:'';
 height: 13px;
 width: 100%;
 position: absolute;
 background-color: #f3f3f3;
 top: 7px;
 z-index: 0;
}
.timeline:before{
 bottom:auto;
 top:0;
}

.newsletter input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--grey-med) inset;
 -webkit-text-fill-color: var(--white);
}

.contact-hero input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px var(--grey-med) inset;
 -webkit-text-fill-color: var(--white); 
}





body .wpcf7-spinner {
   width: 24px;
   height: 24px;
   display: grid;
   border-radius: 50%;
   -webkit-mask: radial-gradient(farthest-side,#0000 40%,#000000 41%);
   background: linear-gradient(0deg ,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 0) center/1.9px 100%,
        linear-gradient(90deg,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.75) 0) center/100% 1.9px;
   background-repeat: no-repeat;
   animation: spinner-d3o0rx 0.8s infinite steps(12);
}
body .newsletter .wpcf7-spinner{
   -webkit-mask: radial-gradient(farthest-side,#fff 40%,#fff 41%);
   /* background: linear-gradient(0deg ,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 0) center/1.9px 100%,
        linear-gradient(90deg,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.75) 0) center/100% 1.9px; */
}

body .wpcf7-spinner::before,
body .wpcf7-spinner::after {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}

body .wpcf7-spinner::after {
   opacity: 0.83;
   transform: rotate(60deg);
}

@keyframes spinner-d3o0rx {
   100% {
      transform: rotate(1turn);
   }
}

header .sub-menu-wrapper {
    position: absolute;
    right: -16px;
    background-color: var(--white);
    z-index: 10;
    padding-top: 28px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
header .sub-menu {
    top: 60px;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: var(--white);
    min-width: 400px;
}
header li:hover .sub-menu-wrapper{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    display:block!important;
}
header .empty{
 content:'';
 position: absolute;
 width: 100%;
 background-color: var(--white);
 right: 0;
 top: 100px;
 border-bottom: 6px solid var(--grey-light);
 z-index: 1;
 opacity: 0;
 pointer-events: none;
}
header .sub-menu a:after {
    width: 4px;
    height: 100%;
}
.featured-articles .list {
    direction: inherit;
    display: block;
    margin: 0 -8px;
}
.popular-articles .list{margin-right: 0;margin-left: 0;}

/* === range theme and appearance === */
input[type="range"] {
	font-size: 1.5rem;
}

input[type="range"] {
	color: #ef233c;
	--thumb-height: 1.125em;
	--track-height: 0.125em;
	--track-color: rgba(0, 0, 0, 0.2);
	--brightness-hover: 180%;
	--brightness-down: 80%;
	--clip-edges: 0.125em;
	padding: 0;
}





/* === range commons === */
input[type="range"] {
	position: relative;
	background: #fff0;
	overflow: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

input[type="range"]:active {
	cursor: grabbing;
}

input[type="range"]:disabled {
	filter: grayscale(1);
	opacity: 0.3;
	cursor: not-allowed;
}

/* === WebKit specific styles === */
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
	position: relative;
}

input[type="range"]::-webkit-slider-thumb {

	--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 5.0px);
	--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
	--clip-further: calc(100% + 1px);
	--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax var(--blue);

	width: var(--thumb-width, var(--thumb-height));

	background-color: currentColor;
	box-shadow: var(--box-fill);



	clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);
background-image: url(gfx/list-polygon.svg);
   background-repeat: no-repeat;
  background-size:contain;
 background-color:transparent;
}

input[type="range"]:hover::-webkit-slider-thumb {
	cursor: grab;
}

input[type="range"]:active::-webkit-slider-thumb {
	cursor: grabbing;
}

input[type="range"]::-webkit-slider-runnable-track {
	background: linear-gradient(var(--grey-light) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 10px);
}
.timeline { width: 100%; }
.timeline .wrap {/* width: 100% !important; *//* max-width: none; */z-index: 1;position: relative;}
#myRange {width: 100%;display: block;direction: ltr;}

.years-nav-slider { direction: ltr; }
.years-nav-slider .slick-track {direction: rtl;display: flex;justify-content: space-between;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


@media (max-width: 1200px) {

    .desktop-element{
 display: none!important;
}

.wrapper {
    max-width: none;
    padding: 0 16px;
    overflow: hidden;
}
.gallery .wrapper{
 overflow: visible;
}
 .history .wrapper,.all-articles-nav .wrapper{
  padding: 0;
 }
.history-slider{
 padding-right: 16px;
}
 .history h2,.all-articles-nav .wrapper h2{
  padding-right: 16px;
 }
 .years-nav-slider .item{
  font-size: 14px;
  width: 56px;
  height: 37px;
 }
 .credit .menu > li{
  padding-bottom: 48px;
 }
 .credit .wrapper{
    padding: 0 20px;  
 }
.timeline{
 margin-top: 28px;
 margin-right: 16px;
 margin-left: 16px;
}

 .years-nav-slider{
  margin: 0 16px;
 }
 .credit .menu > li:last-child{
   padding-bottom: 0; 
 }
.hamburger {
    position: absolute;
    left: 20px;
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
 .credit .sub-menu{
  padding-top: 16px;
 }
.credit .wrapp{
 padding-top: 36px;
 padding-bottom: 0;
 display: block;
}
 .credit .menu > li > a{
  font-size: 20px;
  line-height: 29px;
 }
  .credit .menu > li.social-title > a{
  display: none;
 }
.credit .social-title .sub-menu{
 max-width: none;
 flex-wrap: wrap;
 padding-top: 15px;
 padding-bottom: 15px;
 align-items: center;
 justify-content: center;
 display: table;
 margin: auto;
}
 .credit .social-title .sub-menu a{
  justify-content: center;
  column-gap: 0;
 }
.credit .sub-menu .social{
 text-align: center;
 flex-basis: 25%;
 display: table-cell;
 padding: 0 8px;
}
.credit .menu{
 display: block;
}
.credit nav{
 padding-top: 48px;
}
 .credit .logo-section{
  max-width: 227px;
 }
 .credit .logo-section:after{
  display:none;
 }
.hamburger-wrapper {
    border-top: 2px solid var(--black);
    width: 18px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.featured-articles .list a.item{
 width: 300px;
 height: 300px;
 margin-left: 0;
 margin-right: 16px;
}

.all-articles .list a.item{
 width: 300px;
 margin: 0;
 margin-right: 16px;
}
 .featured-articles .list .item{
  width: 316px;
  padding-bottom: 0;
  text-align: right;
  float: right;
 }
.all-articles .list a.item h3{
 bottom: 24px;
 position: absolute;
 right: 16px;
 left: 16px;
}
.all-articles .list a.item h3:after{
 display:none;
}
.all-articles .list a.item .title{
 width: 100%;
 height: 100%;
 padding: 0;
 top: 0;
 right: 0;
}
 .all-articles .list a.item .tags{
  right: 16px;
  top: 16px;
 }
 .featured-articles .list{
  margin: 0;
  padding-bottom: 28px;
  margin-bottom: 20px;
  direction: rtl;
 }
.featured-articles .title-section{
 padding-right: 16px;
}
.popular-articles .list{
 padding-right: 16px;
 margin-bottom: 0;
}
.content-text-wrapper{
 flex-basis: 100%;
 padding-bottom: 24px;
}
.contact-form{
 display: inline-block;
 min-width: 480px;
 margin: auto;
 text-align: right;
}
.newsletter-form{
 text-align: center;
}
#portfoliolist > div:not(.grid-sizer){
 width: 320px;
 margin-left: 0;
 margin-bottom: 16px;
}
.contact-form-wrapper{
 padding-bottom: 0;
 text-align: center;
}
.inside-form li.submit{
 position: relative;
 display: block;
 text-align: center;
}
.job-form .contact-form{
 padding-bottom: 64px;
}
.job-form .textarea .name{
 font-size: 15px;
 top: 6px;
}
.job-form .inside-form li.submit{
 position: absolute;
 width: 100%;
 bottom: 0;
}
 .job-form .inside-form li.textarea{
  margin-bottom: 0;
 }
.job-form textarea{
 height: 100px;
}
#portfoliolist{
 padding-bottom: 0;
 margin-bottom: 16px;
}
.all-articles{
 padding-bottom: 48px;
}
.load-more{
 margin-top: 16px;
 margin-right: 16px;
 margin-left: 16px;
}
 .content-text-wrapper h2 br,.certificates h2 br{
  display: none;
 }
.contact{
 display: block;
 padding-bottom: 48px;
}
.slick-dots{
 right: 0!important;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 align-items: center;
 justify-content: center;
}
.hamburger-wrapper:after, .hamburger-wrapper:before {
    content: '';
    bottom: 0;
    background-color: var(--black);
    position: absolute;
    width: 100%;
    top: 3px;
    bottom: auto;
    margin: auto;
    height: 2px;
}
 .hamburger-wrapper:before {
    top: auto;
    bottom: 0;
}
.page-template-articles .popular-articles .list .item, .single-article .additional-services-slider.list .item{
 width: 326px;
 margin-bottom: 0;
}
.page-template-articles .featured-articles .list .item .item,
 .single-article .featured-articles .list .item .item
 {
 width: calc(100% - 16px);
}
header .logo{
 max-width: 132px;
 margin-top: 15px;
 max-height: 35px;
}
  header{
   height: 64px;
  }

header nav {
    display: block;
    padding: 0;
    float: none;
    position: fixed;
    height: calc(100%);
    background-color: rgba(0,0,0,.68);
    top: 0;
    width: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
}
 nav .top-section{
  height: 80px;
  padding: 0 16px;
  position: relative;
  border-bottom: 1px solid var(--black);
 }
 nav .top-section .nav-logo{
  max-width: 132px;
  display: inline-block;
  margin-top: 20px;
 }
.nav-close{
 background-image: url(gfx/arrow-close.svg);
 width: 16px;
 height: 16px;
 position: absolute;
 left: 16px;
 top: 0;
 bottom: 0;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center;
}
.menu-header-container, #menu-header,.nav-wrap {
    height: 100%;
    display: block;
}
.nav-wrap{
 background-color: var(--white);
 float: none;
 margin-right: 60px;
 -webkit-transform: translateX(-15px);
 transform: translateX(-15px);
}
.mobile-menu-opened .nav-wrap{
 -webkit-transform: translateX(0px);
 transform: translateX(0px); 
}
header .menu > li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #eee;
}
header .menu > li > a {
    font-size: 20px;
    padding-right: 20px;
    display: block;
    width: auto;
    padding: 18px 16px;
    border-radius: 0;
    font-weight: 600;
}
#menu-header{
 float: none;
 height: 100%;
}
header .menu > li.menu-item-has-children > a:before{
 content:'';
 background-image: url(gfx/arrow-nav.svg);
 width: 16px;
 height: 16px;
 position: absolute;
 background-repeat: no-repeat;
 background-position: center;
 left: 16px;
 top: 0;
 bottom: 0;
 margin: auto;
}
 header .menu > li > a:focus, header .menu > li > a:hover{
  background-color: var(--grey-light);
 }
 header .menu > li.active > a{
  background-color: var(--white);
  padding: 8px 16px;
 }
 header .menu > li.active > a:after{
  display: none;
 }
.mobile-menu-opened header nav {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
header .menu a:after{
 width: 6px;
 height: 100%;
 background-color: transparent;
}
 header .menu a:focus:after{
 width: 6px;
 height: 100%;
 background-color: var(--blue);  
 }
header .sub-menu-wrapper{
 display:none;
 position: relative;
 right: 0;
 padding-top: 0;
}
 header .sub-menu-wrapper li{
  padding: 0;
 }
 header .sub-menu{
  min-width: auto;
 }
 header .sub-menu-wrapper li a{
  display: block;
  color: #4d504f;
  font-size: 18px;
  line-height: 21px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
 }
header .menu-item-has-children.active .sub-menu-wrapper {
    display: block;
}
h1 {
    font-size: 32px;
    line-height: 38px;
}
.hero h1 {
    padding: 40px 0 24px;
    font-size: 34px;
    line-height: 42px;
}
.job-hero h1{
 padding: 12px 0;
}
.inline-hero h1{
 padding-top: 81px;
 padding-bottom: 0;
}
 .service-hero h1{
  padding-top: 40px;
  padding-bottom: 20px;
 }

.single-article .top-description .wrapper{
 margin-top: -65px;
}
.post-info .avatar{
 width: 60px;
 height: 60px;
}
.post-info{
 padding-bottom: 24px;
 position: relative;
}
.post-info h3{
 font-size: 18px;
 line-height: 21px;
 font-weight: 600;
 padding-bottom: 2px;
}
.post-info h4{
 font-size: 16px;
 line-height: 23px;
}
.post-info .share-buttons{
 /* display: none; */
}
.top-description .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a{
 width: 20px;
 height: 20px;
 border: none;
 position: absolute;
 left: 0;
 top: 18px;
 bottom: auto;
 margin: auto;
}
 .top-description .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a img{
  display: block;
 }
 .post-info .author{
  column-gap: 10px;
  align-items: center;
 }
 .single-service-hero h1{
  padding-top: 0;
  font-size: 32px;
  line-height: 38px;
 }
.category-service-name{
 padding-top: 40px;
 font-size: 20px;
 line-height: 24px;
}
 .service-hero .action-button{
  min-width: 167px;
  padding-right: 12px;
  padding-left: 12px;
 }
.job-hero .data{
 padding-bottom: 12px;
}
.contact-hero h1{
 padding-top: 0;
 padding-bottom: 24px;
}
.hero {
    margin-top: 64px;
}
 .jobs-hero{
  min-height: 239px;
 }
.service-hero{
 min-height: auto;
 height: 264px;
}
.articles-hero{
 height: 360px;
}
.article-hero{
 height: 240px; 
}
.article-hero .category-service-name{
 display: none;
}
.articles-hero .wrapper{
 position: absolute;
 bottom: 32px;
 padding: 0 32px;
 z-index: 1;
}
.articles-hero .wrapper h1{
 font-size: 32px;
 line-height: 38px;
}
.single-service-hero{
 height: 293px;
}
.top-description .wrapper{
 margin-top: -100px;
 margin-right: 16px;
 margin-left: 16px;
 padding: 28px 20px;
 column-count: 1;
 font-size: 18px;
 /* line-height: 21px; */
}
 .single-service .top-description .wrapper{
  margin-top: -70px;
 }
.top-description{
 padding-bottom: 40px;
}
 .about-hero .wrapp{
  display: block;
  padding-top: 0;
  padding-bottom: 24px;
 }
 .about-hero .content{
  padding-right: 0;
 }
.hero:after{
 height: 91px;
}
.video-wrap{
 margin-top: 40px;
}
.job-hero:after{
 background-image: url(gfx/job-polygon.svg);
 height: 100%;
 background-position: top -5px left 18px;
}
.job-hero{
 padding: 16px;
}
 .job-hero .wrapper{
  padding: 0;
 }
.job-hero .wrapper .action-button{
 display: block;
 min-width: auto;
 font-size: 20px;
 line-height: 27px;
}
.video-wrap:after{
 display: none;
}
.video-wrap:before {
    content: '';
    width: 182px;
    height: 182px;
    left: -90px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.video-area {
    height: 282px;
}
.action-button, [type="submit"], .maxlist-more a, .load-more span {
    padding: 12px;
    font-size: 16px;
    line-height: 23px;
}
.action-button, .services-posts .category-name, [type="submit"], .maxlist-more a, .load-more span{
 font-weight:600;
}
.buttons-list a{
 flex: none;
 min-width: auto;
}
.buttons-list{
 column-gap: 12px;
}
.preview-widget, .half-banner .content, .certificates .wrapper, .two-columns-flex {
    padding-top: 48px;
    padding-bottom:48px;
} 

.load-more span{
 min-width: 167px;
}
.two-columns-flex{
 padding-top: 20px;
}
.article-content{
 padding-top: 48px;
}
.content-image{
 height: 146px;
 margin-top: 40px;
 margin-bottom: 40px;
}
.content-quote{
 margin-top: 40px;
 padding: 28px;
 padding-right: 20px;
 padding-left: 40px;
 font-size: 20px;
 line-height: 24px;
 margin-bottom: 40px;
}
 .single-article .article-featured-services{margin-top: 0;}
.two-columns-flex.article-content .box-content{
}
.bottom-section{
 margin-top: 40px;
}
.bottom-section .addtoany_share{
 display: none;
}
.author-biography{
 margin-top: 40px;
}
 .author-biography .wrap{
  display: block;
 }
.author-biography .avatar{
 height: 210px;
 background-size: contain;
}
.author-biography h4{
 font-size: 16px;
 line-height: 23px;
}
.author-biography h3{
 font-size: 26px;
 line-height: 30px;
}
.author-biography .description{
 padding-top: 24px;
}
.author-biography .content{
 padding: 24px;
}
body .bottom-section .addtoany_list{
 justify-content: center;
}
.bottom-section .share-buttons{
 float: none;
 margin: auto;
}
.two-columns-flex.article-content .box-content ol li:last-child{
 padding-bottom: 0;
}
 .content-quote:after{
  width: 25px;
 }
.content-image span{
 font-size: 12px;
 padding: 3px 8px;
}
.article-content.two-columns-flex .box-content ul li h3{
 font-weight: 600;
}
.article-content.two-columns-flex .box-content ul li p{
 padding-top: 2px;
}
 .single-article .featured-articles .wrapper > a{
  display: inline-block;
  min-width: 167px;
 }
.single-service .two-columns-flex{
 padding-top: 0;
}
.single-service .two-columns-flex .entry{
 flex-wrap: wrap-reverse;
}
.single-service .two-columns-flex .content{
 flex-basis: 100%;
 padding-left: 0;
 margin-top: 20px;
}
 .single-service .two-columns-flex .box-content{
  padding: 24px 20px;
 }
 .single-service .two-columns-flex .box-content:last-child{
  margin-bottom: 0;
 }
 .single-service .two-columns-flex .box-content.files ul li{
  padding-bottom: 16px;
  padding-right: 28px;
 }
.two-columns-flex .box-content.files ul li:before{
 background-size: 14px;
}
.single-service .two-columns-flex .info{
 flex-basis: 100%;
 padding-top: 28px;
}
 .single-service .two-columns-flex .info .thumbnail{
  width: 200px;
  max-height: 154px;
  margin: auto;
  margin-bottom: 20px;
 }
 .single-service .two-columns-flex .info .action-button{
  font-size: 20px;
  line-height: 27px;
  padding: 16px 12px;
 }
 .single-service .two-columns-flex .info .thumbnail:after{
  height: 60px;
 }
.simple-services .list{
 display: block;
}
 .certificates{
  padding-top: 0;
  padding-bottom: 0;
 }
 .simple-services .list .item{
  margin-bottom: 24px;
  background-color: var(--white);
 }

 .additional-services-slider.list .item{
  width: 356px;
  margin-bottom: 36px;
 }
 .additional-services-slider.list .item .wrap{
  margin-left: 16px;
  padding-bottom: 16px;
 }
 .additional-services-slider.list .item .wrap .thumbnail{
  height: 200px;
  margin-left: 0;
 }
 .additional-services.simple-services h2{
  text-align: center;
  padding-bottom: 32px;
 }
.additional-services-slider.list .item .wrap h3{
 padding-top: 24px;
 min-height: 94px;
}
.additional-services-slider.list .item .wrap .description{
 padding-top: 0;
 min-height: 72px;
}
 .additional-services-slider.list .item .wrap h3:before{
  display: none;
 }
 .additional-services-slider.list .item .wrap .thumbnail:after{
  display:none;
 }
.history-slider .item .thumbnail:after{
 display:none;
}
.simple-services .list .wrap .thumbnail{
 margin-left: 90px;
 height: 164px;
}
.simple-services .list .description{
 padding-bottom: 0;
 color: #333;
 padding-right: 16px;
 padding-left: 16px;
}
.simple-services .list h3{
 padding-top: 38px;
 color: #000;
 position: relative;
 padding-right: 16px;
 padding-left: 16px;
}
 .simple-services h3:before{
  content:'';
  width: 28px;
  height: 6px;
  position: absolute;
  top: 24px;
  right: 16px;
  background-color: var(--blue);
 }
.simple-services .list .wrap .thumbnail:after{
 clip-path: polygon(100% 100%, 0 0%, 0 100%);
 width: 85px;
 height: 85px;
 background-color: var(--white);
 opacity: 1;
 visibility: visible;
 left: 0;
 bottom: 0;
}

.contact-hero .wrap,.faq .wrapp{
 display: block;
}
.gallery{
 padding-bottom: 96px;
}
.job-content .entry .box-content{
 flex-basis: auto;
 margin-top: 0;
 font-size: 18px;
 line-height: 21px;
}
.articles-hero:after{
 content:'';
 display:block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.15+0,0.5+100;Neutral+Density */
 background: linear-gradient(45deg,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 height: 100%;
}
.job-content .box-content ul{
 padding-top: 0;
}
.job-content .entry{
 flex-direction: column;
}
.job-content .entry .box-content h2{
 padding-top: 28px;
}
.two-columns-flex .box-content p{
 padding-top: 8px;
}
.two-columns-flex .box-content ul li{
 line-height: 21px;
 padding-right: 22px;
}
 .faq .wrapp .title img{
  max-width: 90px;
  position: absolute;
  top: 0;
  right: 0;
 }
.job-content .entry .share{
 padding-right: 0;
 flex-basis: auto;
 padding-top: 48px;
}
.share-buttons{
 padding-bottom: 0;
}
body .addtoany_list{
 column-gap: 12px;
}
.two-columns-flex .box-content ul li:before{
 top: 4px;
}
.job-form .wrapper{
 padding: 48px 20px;
}
 .inside-form i, #the-count{
  color: var(--simple-grey);
 }
 .job-form .contact-wrap{
  padding-top: 0;
 }
 .job-form .content-text-wrapper{
  padding-top: 104px;
  text-align: center;
 }
.faq .wrapp .title{
 padding-top: 112px;
}
 .faq .wrapp .title h2{
  padding-bottom: 20px;
 }
.job-form [type="submit"]{
 width: auto;
 min-width: 190px;
 padding: 7px;
}
.question{
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 60px;
 font-weight: 600;
 line-height: 24px;
}
li.active .answer{
 padding-left: 20px;
}
.faq .wrapp .list li:last-child{
 margin-bottom: 0;
}
.page-template-about .half-banner{
 margin-top: 0;
}
.featured-services-posts{
 /* padding-bottom: 0; */
}
.static-services-posts .services-posts{
 display: block;
 padding-top: 8px;
 padding-right: 20px;
 padding-left: 20px;
}
.static-services-posts .services-posts .item{
 transform: scale(1);
 opacity: 1;
 width: 100%;
 padding-bottom: 24px;
}
.static-services-posts .services-posts .item:last-child{
 padding-bottom: 0; 
}
.certificates .list{
 column-gap: 16px;
 row-gap: 16px;
 flex-wrap: wrap;
}
.certificates .list .logo{
 height: 80px;
}
 .certificates .list .logo img{
  max-width: 46px;
 }
.certificates .list li{
 flex-basis: calc(50% - 8px);
}
.certificates .wrapper{
 padding: 48px 16px;
 text-align: center;
}
.certificates .wrapper > a{
 margin: auto;
 margin-top: 20px;
 min-width: 201px;
}
 .contact-hero [type="submit"]{
  padding: 14px 0;
  font-size: 20px;
  line-height: 22px;
  display: inline-block;
  width: auto;
  min-width: 462px;
 }
 .about-hero .action-button{
  min-width: 167px;
 }
.half-banner .content{
 flex-basis: calc(100% - 150px);
 padding-left: 15px;
}
 .featured-articles .wrapper{
  text-align: center;
  padding: 0;
 }

.contact-hero .info{
 padding-right: 0;
 padding-top: 52px;
}
 .contact-hero .information h2{
  padding-bottom: 4px;
 }
.contact-hero .information h3{
 color: var(--white);
 line-height: 24px;
}
.contact-hero .information .contact-buttons{
 margin-top: 32px;
 display: flex;
 column-gap: 20px;
}
.contact-hero .information .contact-buttons li{
 padding-left: 0;
 padding-bottom: 12px;
 border-bottom: 4px solid var(--blue);
 background-color: #343735;
 padding: 20px 16px;
 margin-bottom: 20px;
 flex: 1;
}
.contact-hero .information .contact-buttons li:last-child{
 margin-bottom: 20px;
}
.contact-hero .information .contact-buttons .title{
 color: var(--white);
 font-size: 28px;
 line-height: 35px;
}
.contact-hero .information .contact-buttons .subtitle{
 color: var(--white);
 font-size: 18px;
 line-height: 21px;
 padding-top: 4px;
 padding-bottom: 8px;
}
.contact-hero .information .contact-buttons a{
 display: flex;
 padding: 12px;
 border: 1px solid var(--white);
 text-align: center;
 align-items: center!important;
 width: 180px;
}
.contact-hero .information .contact-buttons a span{
 align-items: center;
 font-size: 16px;
 line-height: 21px;
 justify-content: center;
 min-width: 128px;
}
.contact-hero .information .contact-buttons a i{
 margin: 0;
 flex-basis: auto;
}
.contact-hero .information .contact-buttons a img{
}
 .contact-hero .information .list a,.contact-hero .information .list span{
  align-items: start;
 }
 .contact-hero .information{
  padding: 28px 16px;
 }
.contact-hero .information .list li{
 display: block;
}
.contact-hero .information .list i{
 flex-basis: 24px;
 margin-top: 6px;
}
 .contact-hero .information .list i img{
  filter: brightness(350%);
 }
 .contact-hero .info .video{
  height: 300px;
 }
.testimonials .thumbnail{
 position: relative;
 height: 380px;
 width: 100%;
}
.testimonials .thumbnail.video{
 width: 100%;
}
.testimonials .item{
 height: auto;
 padding-top: 0;
 padding-bottom: 72px;
}
 .gallery .list{
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 170px;
  grid-template-rows: repeat(1, 170px);
  column-gap: 16px;
  row-gap: 16px;
  overflow: visible;
 }
.testimonials .wrapper{
 padding: 20px;
}
.history-slider .item{
 height: 240px;
 width: 240px;
}
.history-slider .item .thumbnail{
 height: 100px;
}
.testimonials .thumbnail:after{
 left: 0;
 right: auto;
 width: 100%;
 bottom: 0;
 top: auto;
 height: 109px;
 clip-path: polygon(50% 0%, 0 100%, 100% 100%);
}
.team .list{
 display: flex;
 flex-wrap: wrap;
 row-gap: 0;
}

 .gallery .list div:first-child {
 grid-column-end: span 2;
 }
.gallery .list div:nth-child(2){
 grid-column: auto;
 grid-row: auto;
}
 .gallery .list div{
      /* grid-row: auto; */
 }
.gallery .list div:nth-child(3){
    grid-row: none;
}
.gallery .list div:last-child{
 height: 220px;
}
 .gallery .list div:last-child:after{
  height: 50px;
  top: auto;
  bottom: 0;
  clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
 }
.maxlist-more a{
 background-color: var(--white);
 color: var(--black);
 border-color: var(--black);
 min-width: 167px;
}
.team{
    padding-bottom:32px; 
}
.maxlist-more:after, .load-more:after{
 background-color: var(--black);
}
.team:after{
 display:none;
}
.popup .content{
 display: block;
 height: auto;
}
.popup .thumbnail{
 height: 271px;
 width: 100%;
 background-image: url(gfx/team-popup-b.svg);
 background-position: left bottom -10px;
 border: none;
}
.popup .close{
 right: 16px;
 top: 16px;
 left: auto;
}
.popup .thumbnail span{
 background-position: left bottom;
}
.popup .wrap{
 width: calc(100% - 32px);
 height: 575px;
}
.team .list .item{
 height: 146px;
 border-bottom: none;
 margin-bottom: 20px;
 position: relative;
 background-position: left bottom;
 background-image: url(gfx/team-bg.svg);
 flex-basis: 48%;
}
.team .thumbnail{
 height: 100%;
 background-size: contain;
 top: 0;
 left: 0;
 width: 140px;
 bottom: auto;
}
.team .info{
 padding-top: 28px;
 height: auto;
}
.popup .info{
 padding: 28px;
 position: static;
 padding-bottom: 50px;
}
.team .role{
 padding-top: 12px;
}
footer{
 padding-top: 0;
}
 .contact-wrap{
  background-image: url(gfx/contact-polygon.svg);
  background-position: top center;
  padding-top: 60px;
 }

 .job-form .content-text-wrapper:after{
  bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
 }
.half-banner{
    padding-bottom:0;
    padding-top: 0;
}
.featured-articles a.all-articles{
 margin: auto;
 min-width: 167px;
 display: inline-block;
}
.half-banner .description,.services-posts .description{
 font-size: 16px;
 line-height: 23px;
}
.half-banner .action-button{
 padding-right: 27px;
 padding-left: 27px;
 min-width: auto;
}
[type="submit"]{
 min-height: 40px;
 padding: 7px 0;
 min-width: 110px;
 font-weight: 700;
}
.half-banner .content .inline{
 padding-right: 16px;
 width: auto!important;
}
.featured-services-posts .wrapper{
 padding: 0;
}
 .slick-dots li:last-child button,.slick-dots li:first-child button{
  height: 6px;
  width: 6px;
 }

.slick-dots li.slick-active button{
 background-color: var(--black);
}
h2, .page-template-services .half-banner h2 strong, .contact-hero h1, .job-hero h1, .history-slider .item .year {
    font-size: 26px;
    line-height: 30px;
}
.newsletter .wrapp{
 display: block;
 text-align: center;
}
.history-slider .item .year{
 font-size: 28px;
 line-height: 40px;
}
.history-slider .item .date{
 font-size: 11px;
 line-height: 16px;
}
.history-slider .item h3{
 font-size: 12px;
 line-height: 18px;
 bottom: 17px;
}
.preview-widget h2, .fullwidth-banner .description, .half-banner .description, .static-services-posts .services-posts a, .all-articles-nav {
    padding-bottom: 16px;
}
.popup:after{
 display:block;
}
 .gallery h2,.popular-articles h2{
 padding-bottom: 20px;
}
 .newsletter .description h2{
  padding-bottom: 24px;
 }
.certificates h2{
 padding-bottom: 20px;
}
.newsletter-form li{
 padding-bottom: 16px;
}
 .newsletter-form li:last-child{
 padding-bottom: 0;  
 }
 .newsletter-form input{
  padding-top: 13px;
  padding-bottom: 5px;
 }
 .newsletter-form input[type='submit']{
  padding: 9px 0;
  min-width: 116px;
 }
#filters{
 white-space: normal;
 overflow-x: auto;
 column-gap: 0;
}
 .all-articles-nav h2{
  padding-bottom: 32px;
 }
.all-articles-nav{
 padding-bottom: 32px;
}
#filters li{
 flex: none;
 margin-right: 16px;
}
#filters span{
 padding: 7px 16px;
}
 .newsletter-form li .name{
  font-size: 16px;
  font-weight: 400;
  top: 10px;
 }
 .newsletter-form li.active .name{
  top: -2px;
  font-size: 12px;
 }
.featured-services .list{
   display: flex;
   flex-wrap: wrap;
   row-gap: 16px;
}
.featured-services .list > li{
 flex-basis: calc(50% - 16px);
}
.featured-services-posts h2{
 padding-right: 16px;
 padding-left: 16px;
}
h3, .page-template-services .half-banner h2, .testimonials .description, .popup .info h3 {
    font-size: 20px;
    line-height: 29px;
}
.jobs .list{
 display: block;
}
.services-posts h3{
    font-size: 28px;
    line-height: 32px; 
}
.featured-services .list .item{
 height: 150px;
}
.jobs .list li{
 margin-bottom: 16px;
}
.jobs .list > li .wrap{
 padding: 16px;
 padding-bottom: 10px;
}
.arrow-button{
 bottom: 10px;
}
.jobs .list li:last-child{
 margin:0;
}
 .popup .info h3{
  font-size: 26px;
  line-height: 30px;
  /* white-space: nowrap; */
 }
.testimonials .description{
 font-size: 28px;
 line-height: 35px;
}
 .testimonials .description br{
  display:none;
 }
.benefits .list{
 display: block;
}
 .benefits .item{
  margin-bottom: 24px;
 }
 .benefits .item:last-child{
 margin-bottom: 0; 
 }
 .testimonials .slick-dots{
  bottom: 20px;
  justify-content: start;
  right: 20px!important;
  left: auto;
 }
 .benefits .item .thumbnail{
  height: 400px;
 }
 .testimonials .slick-dots button, 
 .testimonials .slick-dots li:first-child button
 {
  width: 12px;
  height: 12px;
 }
 .testimonials .slick-dots li.slick-active button{
  background-color: var(--blue);
 }
.testimonials .name{
 font-size: 20px;
 line-height: 24px;
}
 .popup .description{
  padding-left: 0;
  font-size: 16px;
  line-height: 23px;
 }
.popup .info .role{
 font-size: 18px;
 line-height: 21px;
}
.clients .list{
 position: relative;
 right: 0!important;
 height: 40px;
 margin-top: 12px;
}
.clients{
 padding: 28px 0;
}
.clients .list .item{
 width: 88px;
}
.clients .list .item img{
 max-width: 48px;
 max-height: none;
}
 .promo-banner .wrapp{
  flex-direction: column-reverse;
 }
.promo-banner .image{flex-basis: 300px;padding-bottom: 24px;}
.promo-banner .image img{
 max-height: 300px;
}
.half-banner .image{
 flex-basis: 150px;
 min-height: 245px;
 height: 245px!important;
 clip-path: polygon(32% 0%, 100% 40%, 100% 100%, 63% 100%, 62% 54%, 30% 35%, 0% 54%, 0 20%);
}
 .half-banner .image span{
  display: none;
 }
 .page-template-about .half-banner .image span{
  display: inline-block;
  background-size: 140px!important;
 }
.fullwidth-banner{
 text-align: center;
}
 .layout-8 .fullwidth-banner{
  min-height: 331px;
 }
 .layout-8 .fullwidth-banner .wrapper{
  padding-left: 0;
 }
.layout-8 .wrapp{
 flex-direction: row;
}
 .layout-8 .wrapp .content{
  flex-basis: calc(100% - 130px);
  text-align: right;
  padding-left: 15px;
 }
 .layout-8 .wrapp .description{
  font-size: 16px;
  line-height: 23px;
 }
 .layout-8 .fullwidth-banner .action-button{
  min-width: 167px;
 }
 .layout-8 .wrapp h2{
  font-size: 26px;
  line-height: 30px;
 }
 .layout-8 .wrapp .image{
  flex-basis: 130px;
  overflow: hidden;
  padding: 0;
 }
 .layout-8 .wrapp .image img{
  position: relative;
  top: 0;
  max-width: none;
 }
.fullwidth-banner h2{
 font-size: 28px;
 line-height: 36px;
 padding-bottom: 4px;
}
.fullwidth-banner .description{
 font-size: 18px;
 line-height: 21px;
 padding-bottom: 24px;
}

.fullwidth-banner .description em{
 font-size: 28px;
 line-height: 35px;
}
.fullwidth-banner .action-button{
 min-width: auto;
 font-weight: 600;
 padding-right: 16px;
 padding-left: 16px;
}
.information .content{
 margin-top: 12px;
 display: flex;
 flex-wrap: wrap;
 row-gap: 20px;
 column-gap: 20px;
}
.information .content li{
 flex-basis: calc(50% - 20px);
}
.information .content .counter, .information .content i{
 font-size: 40px;
 line-height: 58px;
}
.information .content .description{
 font-size: 18px;
 line-height: 21px;
 color: #bebebe;
}
.half-banner .wrapp{
 flex-direction: row-reverse;
 align-items: end;
}
.page-template-about .half-banner .wrapp{
 display: block;
}
.page-template-about .half-banner .image{
 min-height: auto;
 height: 214px!important;
 clip-path: none;
 padding-bottom: 0;
}
 .page-template-about .half-banner .content{
  padding: 24px;
 }
 .page-template-about .half-banner h2{
  
 }

.page-template-about .half-banner .content .inline{
 padding-right: 0;
}
.services-posts .item{
 width: 296px;
 margin: 0;
}
 .services-posts .item.slick-current{
  transform: scale(1);
  margin: 0 -16px;
  opacity: 1;
 }
.services-posts .item{
 transform: scale(.78);
 opacity: .4;
}
.services-posts a{
 margin: 0;
}
.services-posts .thumbnail{
 height: 165px;
}
.services-slider{
 padding: 0;
 padding-bottom: 35px;
 direction: rtl;
}
 
 
}


@media (max-width: 479px) {
  .buttons-list a {
    flex: 1;
}
.hero h1 {
    padding: 40px 0 24px;
    font-size: 28px;
    line-height: 35px;
}
.video-area {
    height: 182px;
}
.video-wrap:before {
    content: '';
    width: 182px;
    height: 182px;
    left: -90px;
    top: 0;
}
.team .list {
    display: block;
}
#portfoliolist > div:not(.grid-sizer) {
    width: calc(100% - 16px);
}
#filters li {
    flex: 1;
}
#filters {
    white-space: nowrap;
    overflow-x: auto;
    column-gap: 0;
}
.contact-hero [type="submit"] {
    display: block;
    min-width: auto;
    width: 100%;
}
.contact-form {
    display: block;
    min-width: auto;
}
.contact-hero .info .video {
    height: 170px;
}
.all-articles .list a.item {
    width: calc(100% - 32px);
}
.contact-hero .information .contact-buttons {
    display: block;
}
.contact-hero .information .contact-buttons li:last-child {
    margin-bottom: 32px;
}
}


@media (min-width: 1200px) {
.mobile-element {
    display: none!important;
}
h1{
 font-size: 44px;
 line-height: 60px;
}
.credit .menu > li > a,.author-biography h3{
 font-size:28px;
 line-height:35px;
}
h2,.page-template-services .half-banner h2 strong,.contact-hero h1,.job-hero h1,.history-slider .item .year{
 font-size: 34px;
 line-height: 50px;
}
.information .content .counter,.information .content i{
 font-size: 66px;
 line-height: 96px;
 font-style: normal;
}
h3,.page-template-services .half-banner h2,.testimonials .description,.popup .info h3{
 font-size: 26px;
 line-height: 38px;
}
.testimonials .description{
 line-height:38px;
}
.page-template-services .half-banner h2{
 line-height: 27px; 
}
li.active .name{
 font-size:14px;
}
.history-slider .item h3, .popup .linkedin-profile a, .about-hero .content, .author-biography h4, .two-columns-flex .box-content ul li h3, .post-info h4, .benefits .item .description, .jobs .data .title, [for="file-upload"], .job-content .entry .share h3, .job-hero .data .title, #filters span, .services-posts .description, input, .name, .selectDropdown a, .select-club-services > span, textarea, .certificates .list .description, .two-columns-flex .box-content ul li, .two-columns-flex .box-content.files ul li a, .two-columns-flex .box-content ol li h3, .two-columns-flex .box-content ol li:before, .author-biography .description, .years-nav-slider .item, .two-columns-flex .box-content ol li::marker,.two-columns-flex .box-content ol li{
 font-size: 18px;
 line-height: 26px; 
}
.two-columns-flex .box-content.files ul li, .article-hero .category-service-name, .two-columns-flex.article-content .box-content ul li{
 font-size: 16px; 
}
.action-button, [type="submit"], .contact-hero .information .list a, .contact-hero .information .list span, .question, .maxlist-more a, .load-more span{
 font-size: 18px;
 line-height: 26px;
}
.popup .info .role, .team h3, .content-quote, .post-info h3, .testimonials .name, .benefits .item h3, .jobs .list > li h3, .fullwidth-banner .description, .information .content .description, .half-banner .description, .featured-articles .item h3, .top-description .wrapper, .simple-services h3, .category-service-name,.popup .description{
 font-size: 20px;
 line-height: 30px;
}
.fullwidth-banner .description em{
 font-size: 52px;
 line-height: 75px;
}
.featured-articles .item h3{
 line-height:24px;
}
.wrapper {
    max-width: 1200px;
}
.hero h1, .credit .wrapp {
    padding: 40px 0;
}
.video-wrap {
    margin-top: 60px;
}
.video-wrap:after {
    left: -330px;
    top: -311px;
}
.video-wrap:before {
    width: 165px;
    height: 165px;
    top: -82px;
    left: 30px;
}
.video-area {
    height: 380px;
}
.action-button, [type="submit"], .maxlist-more a, .load-more span {
    padding: 11px 31px;
    min-width: 210px;
}
.preview-widget, .half-banner .content, .certificates .wrapper, .two-columns-flex {
    padding-top: 60px;
    padding-bottom: 60px;
}
.history {
    padding-bottom: 0;
}
.half-banner {
    padding: 0;
}
.preview-widget h2, .fullwidth-banner .description, .half-banner .description, .static-services-posts .services-posts a, .all-articles-nav {
    padding-bottom: 40px;
}
.services-posts h3 {
    min-height: 95px;
}
.layout-8 .promo-banner .image img {
    top: -120px;
    max-width: 400px;
}
.credit .logo-section img{
 max-width: 300px;
}
.credit .menu {
    column-gap: 60px;
}
.credit .logo-section{
 flex-basis: 400px;
}
.credit nav{
 flex-basis: calc(100% - 400px);
 padding-top: 28px;
}
.blue-banner {
    min-height: 380px;
}
.inline-hero {
    min-height: 480px;
}
.simple-services h3 {
    min-height: 75px;
}
.simple-services .list .description {
    padding-bottom: 0px;
}
.simple-services .additional-services-slider.list .description{
 min-height: 125px;
 padding-bottom: 20px;
}
.certificates, .featured-articles, .job-form .contact {
    padding-bottom: 0px;
}
.two-columns-flex .content {
    flex-basis: calc(100% - 200px);
    padding-left: 40px;
}
.two-columns-flex .info {
    flex-basis: calc(100% - 844px);
}
.about-hero h1 {
    padding: 0;
    padding-bottom: 32px;
}
.about-hero .title{
 flex-basis: 530px;
}
.about-hero .content{
 flex-basis: calc(100% - 530px);
 padding-right: 80px;
}
 .popup .wrap {
    width: 1190px;
    height: 349px;
}
.team {
    padding-bottom: 0;
}
.testimonials .thumbnail.video {
    width: 630px;
}
.history-slider .item {
    width: 288px;
    height: 335px;
}
.half-banner .image {
    min-height: 400px;
}
.articles-hero {
    min-height: 350px;
}
 .article-hero h1 {
    padding-top: 24px;
    padding-bottom: 0;
}
.post-info .avatar {
    width: 100px;
    height: 100px;
}
.top-description .wrapper {
    padding: 40px 40px 60px;
}
.contact-hero h1 {
    padding-top: 0;
}
.contact-hero .info .video {
    height: 455px;
}
.faq {
    padding-bottom: 0;
}
.jobs-hero {
    min-height: 300px;
}
.benefits .item .thumbnail {
    height: 400px;
}
.gallery .list {
    grid-template-rows: repeat(2, 360px);
}
.gallery .list div:last-child {
    height: 480px;
}
.job-hero h1 {
    padding-top: 24px;
    padding-bottom: 24px;
    max-width: 550px;
}
.job-content .entry .box-content h2 {
    padding-bottom: 16px;
    padding-top: 60px;
}
.job-form .content-text-wrapper {
    flex-basis: 400px;
}
.job-form .contact-form-wrapper {
    flex-basis: calc(100% - 400px);
}
.single-service-hero h1 {
    padding-top: 0px;
}
}


@media (min-width: 1439px) {
h1{
 font-size: 52px;
 line-height: 75px;
}
.credit .menu > li > a,.author-biography h3{
 font-size:28px;
 line-height:35px;
}
h2,.page-template-services .half-banner h2 strong,.contact-hero h1,.job-hero h1,.history-slider .item .year{
 font-size: 40px;
 line-height: 58px; 
}
.information .content .counter,.information .content i{
 font-size: 66px;
 line-height: 96px;
 font-style: normal;
}
h3,.page-template-services .half-banner h2,.testimonials .description,.popup .info h3{
 font-size: 32px;
 line-height: 47px;
}
.testimonials .description{
 line-height:38px;
}
.page-template-services .half-banner h2{
 line-height: 27px; 
}
li.active .name{
 font-size:14px;
}
.history-slider .item h3, .popup .linkedin-profile a, .about-hero .content, .author-biography h4, .two-columns-flex .box-content ul li h3, .post-info h4, .benefits .item .description, .jobs .data .title, [for="file-upload"], .job-content .entry .share h3, .job-hero .data .title, #filters span, .services-posts .description, input, .name, .selectDropdown a, .select-club-services > span, textarea, .certificates .list .description, .two-columns-flex .box-content ul li, .two-columns-flex .box-content.files ul li a, .two-columns-flex .box-content ol li h3, .two-columns-flex .box-content ol li:before, .author-biography .description, .years-nav-slider .item, .two-columns-flex .box-content ol li::marker,.two-columns-flex .box-content ol li{
 font-size: 18px;
 line-height: 26px; 
}
.two-columns-flex .box-content.files ul li, .article-hero .category-service-name, .two-columns-flex.article-content .box-content ul li{
 font-size: 16px; 
}
.action-button, [type="submit"], .contact-hero .information .list a, .contact-hero .information .list span, .question, .maxlist-more a, .load-more span{
 font-size:20px;
 line-height:29px;
}
.popup .info .role, .team h3, .content-quote, .post-info h3, .testimonials .name, .benefits .item h3, .jobs .list > li h3, .fullwidth-banner .description, .information .content .description, .half-banner .description, .featured-articles .item h3, .top-description .wrapper, .simple-services h3, .category-service-name,.popup .description{
 font-size:24px;
 line-height:35px;
}
.fullwidth-banner .description em{
 font-size: 52px;
 line-height: 75px;
}
.featured-articles .item h3{
 line-height:24px;
}
.wrapper {
    max-width: 1280px;
}
.hero h1, .credit .wrapp {
    padding: 60px 0;
}
.video-wrap {
    margin-top: 100px;
}
.video-wrap:after {
    left: -330px;
    top: -340px;
}
.video-wrap:before {
    width: 190px;
    height: 190px;
    top: -95px;
   left:18px;
}
.video-area {
    height: 446px;
}
.action-button, [type="submit"], .maxlist-more a, .load-more span {
    padding: 11px 45px;
    min-width: 240px;
}
.preview-widget, .half-banner .content, .certificates .wrapper, .two-columns-flex {
    padding-top: 80px;
    padding-bottom: 80px;
}
.history{
 padding-bottom: 0;
}
 .preview-widget h2, .fullwidth-banner .description, .half-banner .description, .static-services-posts .services-posts a, .all-articles-nav {
    padding-bottom: 40px;
}
.half-banner {
    padding: 0;
}
.services-posts h3 {
    min-height: 110px;
}
.layout-8 .promo-banner .image img {
    top: -165px;
    max-width: 460px;
}
.credit .logo-section img{
 max-width:none;
}
.credit .menu {
    column-gap: 80px;
}
.credit .logo-section{
 flex-basis: 460px;
}
.credit nav{
 flex-basis: calc(100% - 460px);
 padding-top: 27px;
}
.blue-banner {
    min-height: 446px;
}
.inline-hero {
    min-height: 540px;
}
.simple-services h3 {
    min-height: 86px;
}
.simple-services .list .description {
    padding-bottom: 24px;
}
.simple-services .additional-services-slider.list .description {
    min-height: 100px;
}
.certificates, .featured-articles, .job-form .contact {
    padding-bottom: 0px;
}
.two-columns-flex .content {
    flex-basis: calc(100% - 200px);
    padding-left: 40px;
}
.two-columns-flex .info {
    flex-basis: calc(100% - 944px);
}
.about-hero h1 {
    padding: 0;
    padding-bottom: 32px;
}
.about-hero .title{
 flex-basis: 539px;
}
.about-hero .content{
 flex-basis: calc(100% - 539px);
 padding-right: 109px;
}
 .popup .wrap {
    width: 1280px;
    height: 349px;
}
.team {
    padding-bottom: 0;
}
.testimonials .thumbnail.video {
    width: 730px;
}
.history-slider .item {
    width: 308px;
    height: 335px;
}
.half-banner .image {
    min-height: 431px;
}
.articles-hero {
    min-height: 404px;
}
 .article-hero h1 {
    padding-top: 24px;
    padding-bottom: 0;
}
.post-info .avatar {
    width: 120px;
    height: 120px;
}
.top-description .wrapper {
    padding: 40px 40px 80px;
}
.contact-hero h1 {
    padding-top: 0;
    padding-bottom: 40px;
}
.contact-hero .info .video {
    height: 482px;
}
.faq {
    padding-bottom: 0;
}
.jobs-hero {
    min-height: 352px;
}
.benefits .item .thumbnail {
    height: 500px;
}
.gallery .list {
    grid-template-rows: repeat(2, 411px);
}
.gallery .list div:last-child {
    height: 530px;
}
.job-hero h1 {
    padding-top: 24px;
    padding-bottom: 24px;
    max-width: 550px;
}
.job-content .entry .box-content h2 {
    padding-bottom: 16px;
    padding-top: 80px;
}
.job-form .content-text-wrapper {
    flex-basis: 440px;
}
.job-form .contact-form-wrapper {
    flex-basis: calc(100% - 440px);
}
.single-service-hero h1 {
    padding-top: 0px;
}
}