body { overflow-x: hidden; font-family: 'roboto', Arial, Helvetica, sans-serif; color: #8486d4; -webkit-overflow-scrolling:touch; margin: 0; /* fixed scrolling on mobile */ }
a { text-decoration: none; }
p { color: #6769bb;  margin-bottom: 40px; font-size: 18px; line-height: 1.75; }
h1,h2,h3,h4,h5,h6{
  color: #8e90fe;
  font-family: 'roboto',Arial, Helvetica, sans-serif;
}

hr{
  height: 3px; 
  background-color: #fae10f;
  margin-left: 0;
  margin-right: 0;
}

input,
input[type="email"],
input[type="text"],
input[type="button"],
input[type="submit"],
textarea,
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}


#section2{
    height: 100vh;
}

.slide .centered h1 { text-align: center; }
.slide .centered p {  margin-top: 20px; font-size: 20px; }
#slide-1,
#what  { background-color:#232336; }

.go-prev, .go-next { cursor: pointer; font-weight: bold; text-decoration: underline; }

.all_who { position: relative; width: 100vw; height: 100vh; right: 0; transition: all .3s linear; max-width: 1400px; margin: 0 auto; }
.all_who.active { right: 50%;  }

div.who_single { position: absolute; top: 0; right: -50%; width: 50%; background-color: #FFFFFF; color: #8e90fe; height: 100%; box-sizing: border-box;  transition: all .3s linear; z-index:9; }
div.who_single .wrapper { height: 100%; width: 100%; overflow-y: scroll; }
div.who_single.active { /*width: 50%;*/ right: 0; }

div#section3 { padding-top: 0 !important; }
#section1 .overflow,
#section3 .overflow {
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0,0,0,0.5);
    z-index: 6;
    left: 0;
    top: 0;
    display: none;
}
div#section1 { padding-top: 0 !important; }
.who_single_top_right img { width: 100%; height: auto; }
.single-who .who_single_top_right { margin: 32px 0 32px 0; }
.who_single.active .who_single_content { box-sizing: border-box; padding: 48px 30px 30px 48px; }

span.close_who { 
  display: none;
  position: absolute; 
  left: -100px; 
   font-size: 33px; 
   color: #FFFFFF; 
   cursor: pointer; 
   top: 45px; 
   z-index: 9999; 
 }


.who_single.active span.close_who {display: block; }
div#about_us { margin: 0px 25px 15px 25px; }

.about_us_wrapp { background: #fff; width: 100%; box-sizing: border-box; }



.single-blog .post-date.single-post { display: none; }

.images-wrapper li img {
    margin: 0;
    
        width: 100%;
    height: 100%;
}


li.blog-tags { list-style-type: none; }
.blog-tags-container ul { padding-inline-start: 0; }
blockquote p { 
    font-size: 27px;
    line-height: 1.4; 
    color: #9c9df7;
    font-style: italic;
  }
.wp-block-heading {
    margin-bottom: 20px;
    margin-top: 40px;
}
h2.wp-block-heading {
  font-size: 2em;
  line-height: 1.3;
}

code { color: #2f3038; border: none; background-color: transparent; }
blockquote { border-left: 5px solid #fae10f;; line-height: 1.3; margin: 56px 0 56px 5px; font-size: 32px; color: #6769bb; }
pre { background-color: #fffbd9; border: none; }




.content-area { margin-bottom: 60px; }

.entry-header { width: 50%; float: left; text-align: right; }
.single-post h1.entry-title { color: #8e90fe; font-size: 60px; font-weight: 400; line-height: 1.1;}
h1.entry-title a { color: #8e90fe; font-size: 60px; font-weight: 400; line-height: 1.1; transition: all 0.3s ease-in-out; }
h1.entry-title a:hover { color: #6a6a6d;}
.post-date { color: #bdbebe; font-style: italic; margin-top: 25px; }
.entry-content { overflow: hidden; width: 40%; float: left; color: #6c6ec1; font-size: 20px; font-weight: 400; line-height: 1.5; }
.site-main article { overflow: hidden; margin-top: 15px; margin-bottom: 25px; box-sizing: border-box; }
.yellow-line { background: #fae10f; width: 75px; height: 5px; float: right; margin-top: 20px; }
.blue-line{
  background: #ced6fb;
}
.blog .post p { font-size: 18px; }
.post .entry-content, 
.post .entry-summary { box-sizing: border-box; padding: 15px 20px 0px 100px; }
.fa.fa-ellipsis-h { color: #eff2fe; }
h2.screen-reader-text { display: none; }
.nav-links { float: right; padding-right: 20%; }
.nav-links a { font-size: 35px; color: #c3c3c5; }
.page-numbers.current { font-size: 35px; color: #7e80fa;  }
.page-numbers { padding-right: 40px; }
.blog-tags-container { overflow: hidden; margin-bottom: 20px; margin-left: 0; }
.blog-tags { float: left; background-color: #eff2fe; font-size: 14px; font-weight: bold;box-sizing: border-box; padding: 5px 15px; margin-right: 10px; border-radius: 15px; transition: all 0.3s ease-in-out; }
.blog-tags a { color: #9093fe; transition: all 0.3s ease-in-out; }
.blog-tags:hover{background-color: #9093fe; }
.blog-tags:hover a{color: #eff2fe; }
li.blog-tags { margin-bottom: 10px;}
.entry-content div > ul { margin-left: 0; }
nav.navigation.pagination { margin-bottom: 30px; margin-top: 60px; overflow: hidden; }
.tree-dots { margin: 15px 0; }
.tree-dots a { font-size: 11px; color: #eff2fe;  }
.tree-dots i { padding: 3px; }
.single-content a {    
     color: #4a4b75;
    background: #d8d9f7;
    padding: 2px 8px;
    text-decoration: underline;
     }
.single-content a:hover {    
    background: #fbef8d;
    text-decoration: none;
     }
ul li, ol li { color: #6769bb; }





.all-thoughts {     
  margin: 158px 0 -30px 3.5%;
 text-transform: uppercase; 
}
.all-thoughts a { color: #bdbebe; font-weight: bold; margin-left: 10px; }
.all-thoughts a .fa-chevron-left { margin-right: 10px; }

.single-blog{margin-top:100px;}
.single-blog .yellow-line { float: none; }
.single-blog .blog-tags-container { margin-top: 49px; }
body .single-content ol, body .single-content ul{
  margin-top: -25px;
}
.single-blog .single-content p:first-child { font-size: 25px; line-height: 1.5; }
.single-post-content { width: 900px; margin: 0 auto; overflow: hidden; box-sizing: border-box; 
  padding: 20px 25px 0;  
}
.single-post-content ul li.photo-container{ list-style-type: none; }
.single-post-header { margin-bottom: 40px; }
.prev-next-post-buttons { overflow: hidden; display: flex; gap:50px; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal;}


.prev-post-big-button,
.next-post-big-button { display: flex; flex-wrap: nowrap; flex-basis: 50%; max-width: 50%; align-items: center;}

.prev-post-big-button {justify-content: flex-start;}
.next-post-big-button {justify-content: flex-end;}

.post-big-button-arrow { display: inline-block; vertical-align: top; }
.next-post-big-button-without-arrow { display: inline-block; vertical-align: top; }
.next-post-big-button { text-align: right; float: right; }
.next-post-big-button .yellow-line { float: right; }
.post-big-button-arrow { box-sizing: border-box; padding: 8px 20px 0 20px; }
h3.post-big-button-title a,
.post-big-button-arrow a { color: #8a8dfe; transition: all 0.3s ease-in-out; }
h3.post-big-button-title a:hover,
.post-big-button-arrow a:hover { color: #6a6a6d; }
.post-big-button-arrow a i { color: #fae10f; font-size: 30px; }

.single-blog .post-date { font-size: 18px; }
.single-blog .post-big-button-title { font-size: 23px; font-weight: 400; line-height: 1.25; }
.single-blog .post-date.single-post { margin-top: 15px; }
.single-blog .yellow-line { /*margin-top: 25px;*/ margin-top: 15px; }
h3.post-big-button-title { box-sizing: border-box; padding-right: 0%; }
.full-width { margin-top: 75px; margin-bottom: 75px; }
.push-button { width: 15%; height: 100px; display: inline-block; }
.next-post-big-button .push-button { width: 30%; }



/* Search */ 

.blog .search,
.archive .search,
.search-results .search,
.search-no-results .search { width: calc(50% - 100px); float: right; max-height: 138px; }
.search-field { border: none; }
.search input.search-field { height: 35px; width: 66%; border-bottom: 4px solid #eff2fe; margin-right: -6px }
.single .search input.search-field { width: 320px; }
.search input.search-field::placeholder { color: #d9dce7; font-size: 25px;}
.search button { border: none; background: none; }
.search .fa-arrow-right { color: #fae10f; font-size: 30px; border-bottom: 4px solid #eff2fe; padding-bottom: 4px; padding-left: 5px; height: 30px; }
.search button[type="submit"] { cursor: pointer; }
.search { margin-top: 80px; }
.entry-content { box-sizing: border-box; padding: 15px 20px 0px 100px; } 
input.search-field { color: #d9dce7; font-size: 25px; }
form.search-form { margin-bottom: 100px; margin-top: 50px; }
.search.search-no-results,
.search.search-results{ margin-top: 0; font-size: 26px; }


.blog article,
.search article,
.archive article{
  margin-bottom: 60px;
}


.single-blog .floating-box { width: 368px; position: fixed; right: 0; opacity: 0.9; background: #232336; color: white; box-sizing: border-box; padding: 16px 20px 20px 10px; }
.floating-box h3 { font-size: 23px; box-sizing: border-box; padding-bottom: 10px; }
.floating-box img { width: 100%; }
.floating-box strong { font-size: 19px; display: block; margin: 5px 0;}
.floating-box p { font-size: 19px; }
.float-box-container { box-sizing: border-box; padding: 0 10px; }
.floating-box .tree-dots a { color: #eff2fe; font-size: 12px; }
.floating-box .tree-dots a i:first-child { color: yellow; }
.floatbox-button {  font-size: 15px; font-weight: bolder; color: white; text-align: center; border: 1px solid white; border-radius: 30px; box-sizing: border-box; padding: 15px 40px; margin-top: 10px; display: inline-block; }



img.aligncenter.size-full { margin: 50px -200px; max-width: 1275px; }
.single-post-content { overflow: unset; }
img.aligncenter.size-large { width: 100%; height: auto; }






.comments-area { margin-top: 80px; }
.comment-reply-title { color: #8e90fe;  }
.logged-in-as a,
.logged-in-as { display: none; }
.comment-form-comment { margin-top: 15px; margin-bottom: 10px; }
.comment-respond label { font-family: 'roboto',Arial, Helvetica, sans-serif; color: #bdbebe; font-size: 26px; max-width: 475px;  }
.comment-respond textarea { display: block; }
.comment-respond textarea:focus { outline: none; }
.comment-respond label { display: none; }
.comment-respond textarea { resize: none; }
.comment-form-email label { margin-right: 18px; }
p.comment-notes { display: none; }
.comment-list,
.children { list-style-type: none; }
ol.comment-list { padding-inline-start: 0px; margin-top: 30px; margin-bottom: 30px; }
.bypostauthor { background: transparent;  }
#comments .bypostauthor .comment-content{ box-shadow: none; }
.comment-list a { color: #8e90fe; font-weight: bolder; }
.comments-area a { color: #8e90fe; } 
.comment-respond input[type="submit"] { border: none; cursor: pointer; margin-top: 22px; }
a.comment-reply-link,
.comment-respond input[type="submit"] { font-family: 'robotoblack'; font-size: 12px; font-weight: bolder;  color: white; text-decoration: none; text-transform: uppercase; display: inline-block; background: #232336; color: white; display: inline-block; padding: 8px 24px; border-radius: 24px; text-align: center; transition: all 0.3s ease-in-out; }
.comment-respond input[type="submit"] { padding: 12px 24px; }
a.comment-reply-link:hover,
.comment-respond input[type="submit"]:hover{opacity: 0.8;}
.comments-area .comment-body { margin-top: 32px; margin-bottom: 48px; padding-left: 0; }
textarea#comment { height: 160px; }
.comment-form textarea,
.comment-form input { font-family: 'roboto',Arial, Helvetica, sans-serif; font-size: 26px; color: #8e90fe; border: none; border-bottom: 4px solid #eff2fe; padding: 8px 0 10px 14px; margin-top: 12px; }
textarea#comment::placeholder,
input#author::placeholder,
input#email::placeholder { color: #d2d5e3; }
h3#reply-title { font-size: 2em; padding-left: 6px; }
input#author:focus::-webkit-input-placeholder { color:transparent; }
input#author:focus:-moz-placeholder { color:transparent; } 
input#author:focus::-moz-placeholder { color:transparent; } 
input#author:focus:-ms-input-placeholder { color:transparent; } 
input#email:focus::-webkit-input-placeholder { color:transparent; }
input#email:focus:-moz-placeholder { color:transparent; } 
input#email:focus::-moz-placeholder { color:transparent; } 
input#email:focus:-ms-input-placeholder { color:transparent; } 
textarea#comment:focus::-webkit-input-placeholder { color:transparent; }
textarea#comment:focus:-moz-placeholder { color:transparent; } 
textarea#comment:focus::-moz-placeholder { color:transparent; } 
textarea#comment:focus:-ms-input-placeholder { color:transparent; } 
.comment-metadata time { font-size: 12px; color: #bdbebe; font-style: italic; }
.comment-author { display: flex; flex-direction: row; align-items: flex-end; }
.comment-author .fn { padding: 0 5px; } 
input#author { margin-top: 25px; }

/* Comments Validation */

.single label.error { display: block; color: #8e90fe; font-size: 14px; font-style: italic; position: absolute; }
.comment-form textarea.error, 
.comment-form input.error { border: 2px solid #8e90fe; }

/* SINGLE PAGE */

.single-page { margin: 200px 0; }
.single-page .entry-title { margin-bottom: 60px; }
/*.single-page .single-content { margin: 0 30px; }  */


/* ABOUT US PAGE */

.about_us_home_block img.size-full { margin-left: -30px; }
.page-about-us .about_us_home_block img.size-full { margin-left: 0; }
.about_us_home_block img { max-width: 100%; height: auto; }
.about-us-repeater-block { /*width: 1275px;*/ margin: 0 auto; }
.about_us_home_block .attachment-post-thumbnail.size-post-thumbnail.wp-post-image { margin-left: -45px; margin-right: -100px; max-width: 1275px; height: auto; }
.about_us_home_block h2 {  color: #8e90fe;  font-weight: 400; line-height: 1.1;}
.about_us_home_block h2 { font-size: 40px; margin-bottom: 40px; margin-top: 100px; }
.about_us_home_block h3 { color: #bdbebe; font-size: 16px;  }
.about_us_home_content h5 { color: #8e90fe; font-size: 60px; font-weight: 400; line-height: 1.1; margin-top: 120px; margin-bottom: 60px;}
.about_us_home_content h5:first-of-type{ margin-top: 0; }
.about-us-repeater-block h3 { opacity: 0.5; font-size:90px; line-height:0.7em; width: 20%; display: inline-block; vertical-align: top; text-align: right; box-sizing: border-box; padding-right: 5%; padding-left: 2%; }
.about-us-content h4 { font-style: italic; font-size: 42px; margin-bottom: 30px; color: #8e90fe; font-weight: 400; line-height: 1.1; }
.about-us-content p { color: #7f80c8; font-size: 19px; margin-bottom: 20px; }
.about-us-content { width: 60%; display: inline-block; border-left: 5px solid #fae10f;  box-sizing: border-box; padding-left: 10%; padding-bottom: 90px; }
.about-us-repeater-image { max-width: 800px; }
.about-us-content img { max-width: 100%; height: auto; }
.about_us_home_block strong {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 3px;
    text-decoration-color: #feed49;
}

/* SEARCH */

.search-results-block { margin:0 0 40px 0; overflow: hidden; }
.search-results-for { width: 50%; float: left; text-align: right; color: #bdbebe; font-size: 17px; font-style: italic; }
.search-query { width: 50%; float: right; text-align: left; color: #9093fe; font-size: 60px; font-weight: 400; box-sizing: border-box; padding-left: 100px; position: relative; bottom: 20px; }
span.meta-nav.screen-reader-text { display: none; }


/* ARCHIVE */

.archive-left-block { width: 50%; float: left; text-align: right; color: #bdbebe; font-size: 17px; font-style: italic; overflow: hidden; }
.archive-list { width: 50%; float: right; text-align: left;  }
.tag-title { width: 50%; float: left; box-sizing: border-box; padding-left: 100px; }
.tag-title a { color: #8e90fe; font-size: 28px; line-height: 1.1; background-color: #eff2fe; font-weight: bold; box-sizing: border-box; padding: 10px 30px; border-radius: 30px; max-width: 100%; }
.archive.tag .site-main { margin-bottom: 100px;  }
.archive-top h1{margin:0 0px 50px 103px;  display: inline-block;line-height: 1.1;    font-size: 60px; font-weight: normal;}

/* 404 */

.no-result { width: 50%; float: left; text-align: right; }
.no-result.size { font-size: 90px; color: #9093fe; }
.no-result-message { width: 50%; float: right; box-sizing: border-box; padding-left: 100px; padding-top: 55px; }
.search-no-results .all-thoughts { margin: 30px 0 90px 0; }


/* HOME BLOCK WHAT */
.about_us_home_block { padding-top:150px; }

.header-main.light-header #nav-icon4 span { background: #8e90fe; }
.header-main #nav-icon4 span { background: #fae10f; }
.home .front-page-menu.mobMenu #nav-icon4 { margin: 10px 5px 0px 0px; }
.blog .main-menu.mobMenu #nav-icon4 { margin: -15px 0px 0px -5px; }


/* connect PopUP */
.popup-overlay { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 101; color: white; font-weight: bolder; font-family: 'robotoblack'; font-size: 30px; overflow-x: hidden; visibility: hidden; opacity: 0; 
    transition: all 0.3s ease-in; 
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.popup-content { width: 100%; max-width: 560px; margin: 0px auto; background: white; position: relative; visibility: hidden; opacity: 0; 
    transition: all 3s; 
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.popup-overlay.active { visibility: visible; opacity: 1; }
.popup-content.active { visibility: visible; opacity: 1; overflow-y: auto; }
.contact-form-div input,
.contact-form-div textarea { font-size: 26px; max-width: 475px; font-family: 'roboto',Arial, Helvetica, sans-serif; color: #8e90fe; padding: 8px 0 10px 0; box-sizing: border-box; border: none; border-bottom: 4px solid #eff2fe; margin-bottom: 20px; }
.contact-form-div textarea:focus { outline-color: #fff; }
.popup-content i.fa.fa-times { color: #fae10f; font-size: 55px; position: absolute; top: 50px; right: 40px;  } 
.popup-content h2 {  box-sizing: border-box; padding-top: 45px; padding-left: 50px; line-height: 1; font-size: 65px; font-weight: 100; text-align: left; }
.popup-content h2 span { font-size: 80px; font-weight: bold; display: block; }
.close-popup { display: inline; cursor: pointer; }
.contact-form-div { box-sizing: border-box; padding: 30px 45px 30px 50px;; background: white; }
input.wpcf7-submit { background-color: #232336; border: none; color: white; cursor: pointer; border-radius: 25px; box-sizing: border-box;  padding: 18px 44px; font-weight: bolder; font-family: 'robotoblack'; font-size: 30px; }
input.wpcf7-not-valid,
textarea.wpcf7-not-valid { margin-bottom: 0; }
span.wpcf7-not-valid-tip { color: #8e90fe; font-size: 16px; font-style: italic; font-weight: bold; }
.popup-content textarea + span.wpcf7-not-valid-tip { margin-bottom: 10px; position: relative; left: 0px; top: -5px; }
input.wpcf7-not-valid,
textarea.wpcf7-not-valid { border-bottom: 2px solid #8e90fe; }
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { display: none !important; }
.contact-form-div textarea { max-height: 140px; }
div.wpcf7-mail-sent-ok { border: none; }
div.wpcf7-response-output { margin-top: 25px; padding: 0; }
.contact-form-div input { max-width: 100%; }
.contact-form-div input[type="submit"] { font-size: 14px; margin-left: 0px; }
select.wpcf7-form-control.wpcf7-select { width: 450px; margin-left: 0px; border: none; background: none; height: 35px; font-size: 24px; color: #7b86bd; 
    background: url(images/down-arrow.png) no-repeat 96% center white; box-sizing: border-box; padding-left: 0px; 
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none; 
}
select.wpcf7-form-control.wpcf7-select:focus, select.wpcf7-form-control.wpcf7-select:focus-visible {outline: none;}

select.wpcf7-form-control.wpcf7-select option { padding: 30px; color: #8e90fe; } 
/*select.wpcf7-form-control.wpcf7-select:focus { outline: none; }*/
.short-brief { display: flex; flex-direction: column; }
label.short-brief:parent { margin-bottom: 0px; }
.wpcf7-mail-sent-ok { color: #8e90fe; font-style: italic; font-size: 16px; font-weight: bold;  position: relative; left: 0; bottom: 25px; text-align: left; }
.get-in-touch { position: relative; }
div.wpcf7 .ajax-loader { background-image: url(images/double-ring-1s-200px.gif); background-repeat:no-repeat; background-size:cover; width: 40px; height: 40px; margin-left: 15px; position: absolute; bottom: -10px; left: 100% }
.popup-content textarea { resize: none; }
.popup-content input::placeholder { color: #7b86bd; }
.popup-content textarea::placeholder { color: #7b86bd; }
label.budget { font-family: 'roboto',Arial, Helvetica, sans-serif; font-weight: 400; font-size: 26px; color: #d2d5e3; width: 100%; display: inline-flex; justify-content: flex-start; border-bottom: 4px solid #eff2fe; box-sizing: border-box; padding-left: 0; padding-bottom: 5px; margin-bottom: 45px; }
 .popup-content p { margin-bottom: 0; text-align: left; line-height: unset; } 
.popup-content input:focus::-webkit-input-placeholder { color:transparent; }
.popup-content input:focus:-moz-placeholder { color:transparent; } 
.popup-content input:focus::-moz-placeholder { color:transparent; } 
.popup-content input:focus:-ms-input-placeholder { color:transparent; } 
.popup-content textarea:focus::-webkit-input-placeholder { color:transparent; border: none;}
.popup-content textarea:focus:-moz-placeholder { color:transparent; border: none; } 
.popup-content textarea:focus::-moz-placeholder { color:transparent; border: none; } 
.popup-content textarea:focus:-ms-input-placeholder { color:transparent; border: none; } 
 

/* SINGLE-WHO.php */
.single-post-header.who { overflow: hidden; }
.single-cpt-who { margin-top: 60px; }

.clock {
    position: absolute;
    font-family: 'roboto',Arial, Helvetica, sans-serif;
    top: 36px;
    right: 10px;
    transform: translateX(-50%) translateY(-50%);
    color: #17D4FE;
    font-size: 25px;
    letter-spacing: 7px;
    transform: rotate(-30deg);
}


/*footer*/
.site-footer .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  @media screen and (max-width:1080px) {
    flex-direction: column;
  }
}

.site-footer .wrapper > div:first-child {
  margin-left: 0;
  align-self: flex-start;
}

.site-footer .wrapper > div:last-child {
  margin-left: auto;
  p {
    color: #fff;
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
    opacity: 0.7;
  }
}
@media screen and (max-width:1080px) {
  .site-footer .wrapper{
    padding-bottom: 0 !important;
  }
  .site-footer .wrapper > div:last-child{
    margin:50px auto 0 0;
    p{
      text-align: left;
    }
  }
}
/* WORK */
.work_single_top {
  margin-right: -200px;
  display: flex;
  flex-direction: row;
  padding: 20px 0 40px;
  align-items: center;
}
  
.work_single_top_left {
  img {
    max-width: 100%;
    height: auto;
    padding-top: 20%;
  }
  .work_single_top_right {
    max-width: 230px;
    float: left;
    h1 {
      font-size: 80px;
      font-weight: bolder;
      font-family: 'robotoblack',Arial, Helvetica, sans-serif;
      line-height: 1;
      padding-top: 25px;
      padding-bottom: 5px;
      clear: both;
      width: 50%;
      &:first-line {
        font-size: 40px;
        font-weight: 400;
        font-family: 'robotoblack',Arial, Helvetica, sans-serif;
        box-sizing: border-box;
        padding-bottom: 100px;
      }
    }
    img {
      clear: both;
      float: left;
      padding: 20px 0;
      max-width: 100%;
      height: auto;
    }
  }
}
.work_single_top_left {
  width: 100%;
}
.work-title {
  color: #8e90fe;
  font-size: 80px;
  font-weight: bolder;
  font-family: 'robotoblack', Arial, Helvetica, sans-serif;
  line-height: 0.7;
  &:first-line {
    font-size: 60px;
    font-weight: bold;
  }
  span{
    display: block;
  }
  .platform{
    font-family: 'robotolight', Arial, Helvetica, sans-serif;
  }
  .platform_3{
    font-family: 'robotolight', Arial, Helvetica, sans-serif;
    font-size: 39px;
    line-height: 0.7;
    margin-top: 11px;
  }
}
.work_single_preview{
  background: url('images/laptop.png') no-repeat center center;
  background-size: contain;
  width: 538px;
  height: 307px;
  padding: 11px 0 0 63px;
  box-sizing: border-box;
  .work_single_preview_img-wrapper{
    width: 413px;
    height: 269px;
    overflow: hidden;
    img{
      width: 100%;
      height: auto;
    }
  }
}

/* OWL TESTING */

.owl-carousel .owl-item img { width: auto; display: inline-block; }
.owl-carousel .owl-item.active img { margin-right: 40px; }
.owl { display: none; }
.owl-item.active.center .slide-container { text-align: center; margin-top: 50px; }
ul.owl-carousel.owl_slides.owl-loaded.owl-drag { position: relative; }
button.owl-prev { position: absolute; bottom: 25px; left: 25px; }
button.owl-next { position: absolute; bottom: 25px; right: 25px; }
.owl i.fa { font-size: 36px; color: #fae10f; } 
.owl ul { list-style: none; }
.owl-carousel.owl-drag .owl-item { overflow: hidden; } 
.owl-item.active.center { min-height: 360px; }
.single-who .full-width { overflow: hidden; } 
.single-who button.owl-next { right: 55px; }
.mobile_ancor { display: none; }

.mobile-home-who { display: none; }

/* COFFEE SMOKE CSS */

li.coffee { position: relative; }

.smoke-container {
    display: inline-block; position: absolute; bottom: 15px; right: -13px;
}

.smoke-1 {
  animation: shift 5s linear 0.5s infinite;
  opacity: 0;
}
.smoke-2 {
  animation: shift-2 4s linear 0.6s infinite;
  opacity: 0;
}
.smoke-3 {
  animation: shift-3 5s linear 1.2s infinite;
  opacity: 0;
}

.smokes {
  transform: translateX(20px);
}
@-moz-keyframes shift {
  0% {
    transform: translate(10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(10px, 0%);
    opacity: 0;
  }
}
@-webkit-keyframes shift {
  0% {
    transform: translate(10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(10px, 0%);
    opacity: 0;
  }
}
@-o-keyframes shift {
  0% {
    transform: translate(10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(10px, 0%);
    opacity: 0;
  }
}
@keyframes shift {
  0% {
    transform: translate(10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(10px, 0%);
    opacity: 0;
  }
}
@-moz-keyframes shift-2 {
  0% {
    transform: translate(0, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes shift-2 {
  0% {
    transform: translate(0, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-o-keyframes shift-2 {
  0% {
    transform: translate(0, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes shift-2 {
  0% {
    transform: translate(0, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-moz-keyframes shift-3 {
  0% {
    transform: translate(-10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(-10px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes shift-3 {
  0% {
    transform: translate(-10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(-10px, 0);
    opacity: 0;
  }
}
@-o-keyframes shift-3 {
  0% {
    transform: translate(-10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(-10px, 0);
    opacity: 0;
  }
}
@keyframes shift-3 {
  0% {
    transform: translate(-10px, 155%);
    opacity: 1;
  }
  /*80% {
    opacity: 0;
  }*/
  100% {
    transform: translate(-10px, 0);
    opacity: 0;
  }
}