html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'sherpaicon';
  src: url("../Fonts/sherpaicon.ttf?irgftr") format("truetype"), url("../Fonts/sherpaicon.woff?irgftr") format("woff"), url("../Fonts/sherpaicon.svg?irgftr#sherpaicon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.loading-overlay {
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
}

.loading-overlay .load-container {
  width: 0;
  height: 8px;
  background: #FCADCA;
  position: absolute;
  top: 0;
}

.wf-loading body {
  visibility: hidden;
}

*, body, button, input, select, textarea {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

*, body, html, header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  width: 100%;
  height: 100% !important;
  display: block;
  float: left;
  background: #ebecf0;
}

body.stop-scroll, html.stop-scroll {
  overflow: hidden;
}

a {
  text-decoration: none;
}

.transition, #SendForm::before, .input, .form-label, .nav-container, .nav-container .menu-header .ico-menu .menu-line, #Portfolio .project-overlay, #Portfolio .project-overlay h5, #DropmarkFeed .dropmark-item .dropmark-link, #ContactUs .social-pages .social::after, #Footer #FooterMenu .footer-menu-item, .selam-ver .text strong .tooltip {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

@font-face {
  font-family: "sherpav2";
  src: url("../Fonts/sherpav2.eot");
  src: url("../Fonts/sherpav2.eot?#iefix") format("embedded-opentype"), url("../Fonts/sherpav2.woff") format("woff"), url("../Fonts/sherpav2.ttf") format("truetype"), url("../Fonts/sherpav2.svg#sherpav2") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "sherpav2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon"]:before,
[class*=" icon"]:before {
  font-family: "sherpav2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrowline-bottom,
.icon-chevron-bottom {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon-arrowline-left,
.icon-chevron-left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon-arrowline-right,
.icon-chevron-right {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.icon-arrowline-top,
.icon-arrowline-bottom,
.icon-arrowline-left,
.icon-arrowline-right,
.icon-chevron-top,
.icon-chevron-bottom,
.icon-chevron-left,
.icon-chevron-right {
  display: inline-block;
}

.icon-arrowline-top:before,
.icon-arrowline-bottom:before,
.icon-arrowline-left:before,
.icon-arrowline-right:before {
  content: "\78";
}

.icon-chevron-top:before,
.icon-chevron-bottom:before,
.icon-chevron-left:before,
.icon-chevron-right:before {
  content: "\42";
}

.icon-menu:before {
  content: "\61";
}

.icon-close:before {
  content: "\62";
}

.icon-in:before {
  content: "\63";
}

.icon-fb:before {
  content: "\64";
}

.icon-tw:before {
  content: "\65";
}

.icon-arrow:before {
  content: "\66";
}

.icon-md:before {
  content: "\67";
}

.icon-reply:before {
  content: "\68";
}

.icon-quote:before {
  content: "\6a";
}

.icon-check:before {
  content: "\69";
}

.icon-arrow-bold:before {
  content: "\6b";
}

.icon-play:before {
  content: "\6c";
}

.icon-search:before {
  content: "\6d";
}

.icon-squares:before {
  content: "\6e";
}

.icon-text:before {
  content: "\6f";
}

.icon-persons:before {
  content: "\70";
}

.icon-pencil:before {
  content: "\71";
}

.icon-markakisiligi:before {
  content: "\72";
}

.icon-markadili:before {
  content: "\73";
}

.icon-light:before {
  content: "\74";
}

.icon-info:before {
  content: "\75";
}

.icon-graph:before {
  content: "\76";
}

.icon-fb-bold:before {
  content: "\77";
}

.icon-conversation:before {
  content: "\79";
}

.icon-analyze:before {
  content: "\7a";
}

.icon-uxdesign:before {
  content: "\41";
}

.icon-drb:before {
  content: "\43";
}

.icon-in-bold:before {
  content: "\44";
}

.icon-ins:before {
  content: "\45";
}

.icon-md-bold:before {
  content: "\46";
}

.icon-minus:before {
  content: "\47";
}

.icon-plus:before {
  content: "\48";
}

.icon-serviceanalyze:before {
  content: "\49";
}

.icon-validation:before {
  content: "\4a";
}

button {
  background: none;
  border: none;
}

button:focus {
  outline: none;
  border: none;
}

#SendForm {
  overflow: hidden;
  height: 64px;
}

#SendForm::before {
  font-family: 'sherpaicon';
  content: '\e90b';
  color: #ffffff;
  font-size: 28px;
  position: absolute;
  left: 0;
  right: 0;
  top: 18px;
  opacity: 0;
  z-index: 100;
}

#SendForm.success {
  background: #14c08a;
  border-color: #14c08a;
}

#SendForm.success .progress {
  background: #14c08a;
}

#SendForm.success-uparrow::before {
  opacity: 1;
}

.btn::after {
  font-family: 'sherpaicon';
}

.btn {
  padding: 18px 62px;
  letter-spacing: 3px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: inline-block;
}

.btn .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 9;
}

.btn.btn-text {
  padding: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1.4px;
  padding-bottom: 4px;
  position: relative;
}

.btn.btn-text::after {
  content: '\e91a';
  font-size: 14px;
  margin-left: 6px;
  position: relative;
  top: 0;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.btn.btn-text:hover::after {
  text-decoration: none;
  margin-left: 14px;
}

.btn.btn-line {
  border: 3px solid;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.btn.btn-line.btn-line__green {
  border-color: #14c08a;
  color: #14c08a;
}

.btn.btn-line.btn-line__green:hover {
  background: #14c08a;
  color: #ffffff;
}

.btn.btn-line.btn-line__green .progress {
  background: #14c08a;
}

.btn.btn-line.btn-line__white {
  border-color: #ffffff;
  color: #ffffff;
}

.btn.btn-line.btn-line__white:hover {
  background: #ffffff;
  color: #1b1c1f;
}

.btn.btn-line.btn-line__white .progress {
  background: #ffffff;
}

.btn.btn-line.btn-line__dark {
  border-color: #4b535f;
  color: #4b535f;
}

.btn.btn-line.btn-line__dark:hover {
  border-color: #1b1c1f;
  background: #1b1c1f;
  color: #ffffff;
}

.btn.btn-line.btn-line__dark:hover .progress {
  background: #1b1c1f;
}

.btn.btn-line.btn-line__dark .progress {
  background: #4b535f;
}

.btn.btn-solid.btn-solid__white {
  background: #ffffff;
  color: #1b1c1f;
}

.btn.btn-send {
  position: relative;
}

.btn.btn-send::after {
  position: absolute;
  right: 5px;
  top: 14px;
  font-size: 30px;
  content: '\e921';
  color: #4b535f;
}

.btn.btn-send:hover::after {
  color: #ffffff;
}

.btn.external {
  padding: 18px 100px;
  position: relative;
}

.btn.external::after {
  font-family: 'sherpaicon';
  content: '\e900';
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 30px;
}

.btn.projectlink {
  position: absolute;
  bottom: 32px;
  right: 32px;
  z-index: 2;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 0;
}

.btn.projectlink::after {
  content: '\e920';
  font-size: 19px;
  margin: 3px 0 0 2px;
  float: right;
}

.btn.btn-scrolldown {
  width: 55px;
  height: 26px;
  margin: -50px auto 0;
  display: block;
  padding: 0;
  position: relative;
  left: 6px;
}

.btn.btn-scrolldown::after {
  content: '\e92d';
  font-size: 52px;
  color: #0a95e5;
}

.ico::after {
  font-family: 'sherpaicon';
}

.ico.close {
  cursor: pointer;
}

.ico.close::after {
  content: '\e903';
  color: #494b5e;
  float: left;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 999;
  font-size: 24px;
}

.ico.scroll-down {
  z-index: 9;
  position: absolute;
  bottom: 24px;
  padding: 8px;
  cursor: pointer;
  left: 50%;
  margin-left: -18px;
}

.ico.scroll-down::after {
  content: '\e91c';
  color: #ffffff;
  font-size: 24px;
}

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

.input, .form-label {
  border: none;
  float: left;
  width: 100%;
  color: #1b1c1f;
  font-size: 19px;
  font-weight: 100;
  padding: 17px 32px;
}

.input .input:focus, .input.success, .form-label .input:focus, .form-label.success, .input .form-label:focus, .form-label .form-label:focus {
  color: #1b1c1f;
}

.input.success, .form-label.success {
  color: #b9c1d1;
}

.input.error, .form-label.error {
  color: #ff0000;
}

.input::-webkit-input-placeholder, .input:-moz-placeholder, .input::-moz-placeholder, .input:-ms-input-placeholder, .form-label::-webkit-input-placeholder, .form-label:-moz-placeholder, .form-label::-moz-placeholder, .form-label:-ms-input-placeholder {
  color: #b9c1d1;
}

label.error {
  color: red;
  font-size: 16px;
  font-weight: 100;
  float: left;
}

#SubscribeForm {
  width: 73.6%;
  margin: auto;
  display: inline-block;
}

#SubscribeForm .btn.submit {
  width: 34%;
  position: relative;
  float: left;
  margin: 0;
  padding: 18px 0 17px;
}

#SubscribeForm .form-group {
  width: 66%;
  float: left;
}

.contact-form {
  float: left;
  width: 100%;
}

.contact-form .form-group {
  position: relative;
  width: 47.6%;
  height: 108px;
  margin-right: 4%;
  margin-bottom: 30px;
  padding: 17px 0;
  float: left;
}

.contact-form .form-group.fullwidth {
  width: 100%;
  height: auto;
  margin-right: 0;
}

.contact-form .form-group .input {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  background: transparent;
}

.contact-form .form-group .input.focus {
  border-width: 2px;
  border-color: #1b1c1f;
  font-size: 28px;
  font-weight: 100;
}

.contact-form .form-group .input.error {
  border-color: #ff0000;
  display: inline-block;
}

.contact-form .form-group .input:-webkit-autofill:focus {
  background-color: #ffffff !important;
}

.contact-form .form-group:nth-child(2), .contact-form .form-group:nth-child(4) {
  margin-right: 0;
}

.contact-form .form-group .form-label {
  position: absolute;
  top: 18px;
  left: 0;
  padding: 20px 0;
  color: #818691;
}

.contact-form .form-group .input {
  padding: 21px 0;
}

.contact-form textarea {
  width: 100%;
  padding: 17px 0;
  min-height: 72px;
  font-weight: 100;
  border: none;
  border-bottom: 1px solid #dddddd;
  background: transparent;
  resize: none;
  line-height: 30px;
}

.contact-form .btn {
  width: 100%;
  margin-top: 30px;
}

.form-error {
  font-size: 16px;
  font-weight: 400;
  color: #ff0000;
}

h1, h2, h3, h4, h5, h6, nav, .btn {
  font-family: "futura-pt", sans-serif;
  line-height: normal;
  font-weight: 700;
}

h1 {
  font-size: 72px;
  letter-spacing: -1px;
}

h2 {
  font-size: 56px;
  line-height: 62px;
}

h3 {
  font-size: 32px;
  margin-bottom: 32px;
}

h4 {
  font-size: 30px;
  margin-bottom: 16px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

p, input, label, textarea, select, option, a ul, ul li, address, time, blockquote, table, figcaption {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 19px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

.text a {
  color: #1b1c1f;
  background: #ececee;
}

.main-header, .main-subheader, .section-header, .section-subheader, .text, .btn {
  position: relative;
  z-index: 1;
}

.main-header {
  font-size: 72px;
  font-weight: 700;
  color: #fee8f0;
  margin-bottom: 32px;
}

.main-header .inline-text {
  color: #804354;
}

.main-subheader {
  font-size: 48px;
  font-weight: 400;
  color: #fee8f0;
  margin: -27px auto 0;
}

.main-subheader strong {
  font-weight: 400;
}

.lang-opt {
  float: right;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 4px;
}

.section-header {
  color: #1b1c1f;
  margin-bottom: 44px;
  text-align: center;
  line-height: 67px;
}

.section-subheader {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  color: #1b1c1f;
  text-align: center;
  margin: 0 0 45px;
  text-align: center;
  display: block;
}

.section-subheader.quote {
  width: 70%;
  margin: auto;
  text-align: center;
  color: #818691;
}

.section-subheader.quote .text {
  color: #404658;
  font-weight: 400;
}

.text {
  font-size: 19px;
  line-height: 30px;
  font-weight: 100;
  color: #818691;
  margin-bottom: 48px;
}

.text:last-child {
  margin-bottom: 0;
  margin-bottom: -10px;
}

.quote {
  font-weight: 500;
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.12);
          box-shadow: 0 5px 50px rgba(0, 0, 0, 0.12);
  font-size: 24px;
  line-height: 40px;
  color: #818691;
  margin-top: 64px;
  margin-bottom: 48px;
  position: relative;
  padding: 0;
}

.quote .quote-text {
  padding: 18px 36px;
  display: block;
  z-index: 1;
  background: #fff;
  position: relative;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.quote::after, .quote::before {
  content: '';
  -webkit-box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.07);
          box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.07);
  width: 97%;
  top: -10px;
  height: 30px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 0;
}

.quote::before {
  width: 95%;
  top: -20px;
}

.subsection .section-header {
  font-size: 40px;
  font-weight: 700;
  color: #4b535f;
  margin-bottom: 14px;
}

.header-subtext {
  font-weight: 100;
  margin: 0 auto 32px;
  width: 560px;
  text-align: center;
  color: #818691;
}

.section-title {
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.1px;
  color: #232428;
}

.testimonial-text {
  width: 500px;
  font-size: 19px;
  padding: 0 0 0 16px;
  border-left: 2px solid rgba(23, 23, 26, 0.4);
  font-weight: 300;
  color: #17171a;
  line-height: 30px;
  margin-bottom: 22px;
  letter-spacing: 0.4px;
}

.testimonial-name, .testimonial-title {
  font-size: 19px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.4px;
  margin-bottom: 0;
}

.testimonial-title {
  font-weight: 100;
  margin-bottom: 53px;
}

#Works .section .section-header {
  color: #ffffff;
  width: 520px;
  text-align: left;
}

#Works .section .section-subheader {
  width: 500px;
  color: #ffffff;
  margin-left: 0;
  text-align: left;
}

.post-content {
  float: left;
  width: 72%;
}

.post-content .post-date {
  font-size: 16px;
  color: #17181a;
  margin-bottom: 17px;
  margin-top: 8px;
  font-weight: 400;
}

.post-content .post-header {
  font-weight: 400;
  color: #17181a;
  font-size: 30px;
  margin-bottom: 0px;
}

.post-content .post-header a {
  color: inherit;
  font-size: inherit;
}

.post-content .post-header a:hover {
  text-decoration: underline;
}

.post-content .post-summary {
  color: #818691;
  font-weight: 100;
}

.post-content .post-summary::after {
  content: '...';
}

.version .version-no {
  color: #515966;
  font-size: 16px;
  margin: 10px 0;
  float: right;
}

.devices-container {
  text-align: center;
  border: 1px solid #a3ddc6;
  overflow: hidden;
}

.devices-container .device {
  float: left;
  width: 33%;
  height: 200px;
  border-bottom: 1px solid #8dcbb2;
  border-right: 1px solid #8dcbb2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 0 -4px;
  font-family: 'futura-pt', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #7cb19c;
  position: relative;
  font-family: 'futura-pt', sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.devices-container .device:nth-child(3n) {
  border-right: none;
}

.devices-container .device:nth-child(4), .devices-container .device:nth-child(5), .devices-container .device:nth-child(6) {
  border-bottom: none;
}

.devices-container .device .svg-icon {
  width: 170px;
  margin: 24px auto;
  display: block;
  fill: #d5f8ea;
}

.content-list {
  margin-left: 24px;
  list-style-type: none;
}

.content-list .content-list__item {
  color: #17181a;
  padding: 32px 0 30px 0;
  border-top: 2px solid #ebecf0;
  position: relative;
  font-weight: 100;
}

.content-list .content-list__item:first-child {
  border-top: none;
}

.content-list .content-list__item::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #1b1c1f;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: -24px;
  bottom: 0;
  margin: auto;
}

#ErrorMenu {
  display: inline-block;
  margin-top: 50px;
}

#ErrorMenu .menu-item {
  color: #804354;
  font-size: 18px;
  font-weight: 700;
  margin-right: 64px;
}

#ErrorMenu .menu-item:last-child {
  margin-right: 0;
}

#ErrorMenu .menu-item::after {
  font-family: 'sherpaicon';
  content: '\e91a';
  font-size: 16px;
  margin-left: 9px;
  display: inline-block;
}

.error-code {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  color: rgba(255, 0, 89, 0.2);
  font-size: 200px;
  margin-bottom: 15px;
  display: inline-block;
}

#ProjectDetail .text {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0;
  color: #1a1d1b;
}

#ProjectDetail .text strong {
  font-weight: 400;
}

#ProjectDetail .text.default {
  font-size: 19px;
  line-height: 30px;
}

#ProjectDetail .content-list__item {
  border-top-width: 1px;
}

#ProjectDetail.casestudy-content .output .content-list__item {
  font-weight: 100;
}

#ProjectDetail.casestudy-content .output .content-list__item::before {
  font-family: 'sherpaicon';
  content: '\e90b';
  width: 16px;
  height: 13px;
  background-color: transparent;
  font-size: 13px;
  top: -13px;
  color: #8dc63f;
}

#ProjectDetail.casestudy-content .analysis {
  margin-bottom: 1px;
}

#ProjectDetail.casestudy-content .analysis .content-list {
  width: 620px;
  margin: auto;
}

#ProjectDetail.casestudy-content .analysis .content-list .content-list__item {
  font-weight: 100;
}

#ProjectDetail.casestudy-content .analysis .content-list .content-list__item::before {
  display: none;
}

#ProjectDetail.casestudy-content .analysis .content-list .content-list__item strong {
  font-family: 'futura-pt';
  font-weight: 700;
  font-size: 24px;
  position: absolute;
  right: 0;
}

.fit-page, #Wrapper, .section, .nav-container, #Footer, #Footer .version {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}

.center {
  margin: auto;
  display: block;
  text-align: center;
}

.valign-container {
  position: absolute;
  height: 100%;
  width: 100%;
  display: table;
  top: 0;
}

.valign-content {
  display: table-cell;
  vertical-align: middle;
}

.bg-fullscreen, .bg-fullwidth, .slider-container, .slider-container .slider-content {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.bg-fullwidth {
  background-size: contain;
}

.container {
  width: 1202px;
  height: auto;
  display: block;
  margin: auto;
  clear: both;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.aligncenter {
  margin: auto;
  display: block;
}

.img-section {
  margin: auto;
  display: block;
  max-width: 100%;
}

.img-responsive {
  width: 100%;
}

.img-fullwidth {
  display: block;
  margin: 0 -184px;
  max-width: none;
}

.img-offset {
  width: 120%;
  margin: 0 -10%;
  max-width: none;
}

.img-shadow {
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
  margin-bottom: 48px;
}

.section-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#Wrapper {
  position: relative;
}

.content {
  display: block;
  margin: 32px auto;
  left: 0;
  right: 0;
  float: none;
  max-width: 1202px;
}

.section {
  float: left;
  width: 100%;
  padding: 116px 184px 128px;
  background-color: #ffffff;
  margin-bottom: 32px;
  overflow: hidden;
  position: relative;
}

.section.transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 94px 184px;
}

.section.join-us {
  text-align: left;
  background-image: url(../Images/bg-team-joinus.jpg);
  background-position: right bottom;
  background-size: 50%;
  margin-bottom: 32px;
}

.section.join-us .section-header {
  text-align: inherit;
}

.section.join-us .btn.external {
  padding: 18px 0;
  width: 440px;
  padding: 18px 55px;
  letter-spacing: 2px;
}

.subsection {
  margin: 0 32px 32px;
  padding: 62px 0 77px;
  display: block;
  background: #f5f6fa;
  clear: both;
  text-align: center;
  border-left: 2px;
  border-right: 2px;
  border-color: #14c08a;
  border-style: solid;
}

.subsection:last-child {
  margin-bottom: 0;
  display: -ms-grid;
  display: grid;
}

.subsection.uxstrategycall {
  display: -ms-grid;
  display: grid;
  padding: 62px 150px;
  -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%;
}

.subsection.uxstrategycall .section-header {
  grid-column-end: 3;
  -ms-grid-column: 1;
      grid-column-start: 1;
}

.subsection.uxstrategycall .section-subtitle,
.subsection.uxstrategycall .header-subtext {
  text-align: left;
  width: auto;
}

.subsection.uxstrategycall .btn {
  padding: 18px 40px;
  display: block;
  width: 100%;
}

.subsection.uxstrategycall .sub-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto 72px;
      grid-template-rows: auto auto 72px;
}

.subsection.uxstrategycall.tr .sub-container.ux-team {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3;
  padding: 0;
  text-align: center;
  margin-bottom: 32px;
}

.subsection.uxstrategycall.tr .sub-container.ux-team > * {
  text-align: center;
}

.subsection.uxstrategycall.tr .sub-container.ux-team .btn-line {
  max-width: 373px;
}

.subsection.uxstrategycall:not(.tr) .sub-container.ux-team {
  margin-top: 32px;
  padding-right: 54px;
}

.subsection.uxstrategycall .sub-container.ux-audit {
  padding-right: 54px;
  margin-top: 32px;
}

.subsection.uxstrategycall .sub-container.uxstrategy-team {
  border-left: 1px solid #cccccc;
  padding-left: 54px;
  margin-top: 32px;
}

.subsection .section-header {
  margin-bottom: 11px;
}

.subsection .section-subtitle {
  font-size: 30px;
  line-height: 40px;
  color: #17181a;
  font-weight: 100;
}

.subsection .btn {
  display: inline;
  margin: auto;
}

.subsection .text {
  line-height: 29px;
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

.clutch-widget,
.iab-widget {
  float: left;
  width: 187px;
}

.iab-widget {
  width: 75px;
  height: 50px;
  margin-left: 32px;
  background-image: url("../Images/logo-iab.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nav-container {
  padding: 40px;
  position: fixed;
  top: 0;
  z-index: 99;
}

.nav-container.fixed, .nav-container.text-content {
  padding: 20px 40px;
  background: #17181a;
}

.nav-container #logo {
  float: left;
  position: relative;
  z-index: 1;
}

.nav-container #logo img {
  width: 100%;
}

.nav-container .menu-header {
  float: right;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  line-height: normal;
  position: relative;
  z-index: 1;
  margin: 0;
}

.nav-container .menu-header .ico-menu {
  margin: 0 0 0 15px;
  float: right;
}

.nav-container .menu-header .ico-menu .menu-line {
  float: right;
  width: 32px;
  height: 3px;
  background: #fff;
  display: block;
  clear: both;
  margin-bottom: 7px;
}

.nav-container .menu-header .ico-menu .menu-line.line02 {
  width: 26px;
}

.nav-container .menu-header .ico-menu .menu-line.line03 {
  width: 22px;
}

.nav-container .menu-header .ico-menu .menu-line.full-line {
  width: 32px;
}

#Header {
  background-color: #feb2cc;
  background-image: url(../Images/bg-intro-home.jpg);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

#Header.sh-skroller {
  top: 0;
  left: 0;
  position: fixed;
}

#Header.about-us {
  background-image: url(../Images/bg-intro-aboutus.jpg);
  background-position: right bottom;
}

#Header.works {
  background-image: url(../Images/bg-intro-works.jpg);
  background-position: left;
}

#Header.uxstrategy {
  margin-top: -64px;
  position: relative;
  background-color: #8d4687;
  background-image: none;
}

#Header.uxstrategy::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 244px;
  background-image: url("../Images/bg-intro-uxstrategy.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto;
}

#Header.uxstrategy .main-header,
#Header.uxstrategy .main-subheader {
  max-width: 1200px;
  margin: auto;
  color: #ffffff;
}

#Header.uxstrategy .main-header {
  padding-top: 120px;
  margin-bottom: 32px;
  font-weight: normal;
}

#Header.uxstrategy .main-header strong {
  font-weight: 700;
  display: block;
}

#Header.uxstrategy .main-subheader {
  font-size: 40px;
  line-height: normal;
  font-weight: 100;
  position: relative;
  z-index: 1;
}

#Header.our-process {
  background-image: url(../Images/bg-intro-process.jpg);
  background-position: right bottom;
}

#Header.culture {
  background-image: url(../Images/bg-intro-culture.jpg);
  background-position: right bottom;
}

#Header.team {
  background-image: url(../Images/bg-intro-team.jpg);
}

#Header.contact {
  background-image: url(../Images/bg-intro-contact.jpg);
}

#Header.version-history {
  background-image: url(../Images/bg-intro-version.jpg);
  background-position: right;
}

#Header.error404 {
  background-image: url(../Images/bg-intro-error404.jpg);
}

#Header.error500 {
  background-image: url(../Images/bg-intro-error500.jpg);
}

#mainNav {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 504px 96px;
      grid-template-columns: auto 504px 96px;
  padding: 0;
}

#mainNav.open-menu {
  z-index: 9999;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#mainNav a,
#mainNav a .icon {
  -webkit-transition: all ease-in .2s;
  transition: all ease-in .2s;
}

#mainNav p,
#mainNav div,
#mainNav h1,
#mainNav h2,
#mainNav h3,
#mainNav h4,
#mainNav h5,
#mainNav h6,
#mainNav a,
#mainNav span {
  font-family: "canada-type-gibson", sans-serif;
  letter-spacing: normal;
}

#mainNav .menu-content {
  padding: 32px 96px;
}

#mainNav .logo {
  float: left;
  clear: both;
  margin-bottom: 52px;
}

#mainNav .menu-item {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  color: #090f24;
  font-weight: 300;
  font-size: 48px;
  line-height: 54px;
  margin: 16px 0;
  clear: both;
  float: left;
  position: relative;
  text-align: left;
}

#mainNav .menu-item::before {
  content: '';
  width: 0;
  height: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -48px;
  position: absolute;
  background-color: #e5596e;
  float: left;
  -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}

#mainNav .menu-item.current-page {
  font-weight: 500;
  padding-left: 29px;
}

#mainNav .menu-item.current-page::before {
  width: 64px;
}

#mainNav .menu-item:not(.current-page):hover::before {
  width: 24px;
}

#mainNav .menu-bottom {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

#mainNav .iab-widget,
#mainNav .clutch-widget {
  background-image: url("../Images/logo-iab-dark.png");
  background-size: auto 32px;
  background-position: 16px 46px;
  background-repeat: no-repeat;
}

#mainNav .iab-widget .text,
#mainNav .clutch-widget .text {
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
  color: #818691;
  margin-bottom: 0;
  margin-top: 8px;
}

#mainNav .clutch-widget {
  background-image: none;
}

#mainNav .clutch-widget iframe {
  margin-top: 21px;
}

#mainNav .clutch-widget,
#mainNav .iab-widget {
  border: solid 1px #cfd0d1;
  padding: 16px;
  width: 100%;
  height: 96px;
  margin: auto;
  position: relative;
}

#mainNav .clutch-widget .icon,
#mainNav .iab-widget .icon {
  position: absolute;
  right: 6px;
  top: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  font-size: 10px;
  color: #292b2e;
}

#mainNav .clutch-widget:hover,
#mainNav .iab-widget:hover {
  border-color: #88898b;
}

#mainNav .copyright-text {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3;
  display: block;
  clear: both;
  border-top: 2px solid #e7e7e8;
  padding: 24px 0;
  color: #414245;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

#mainNav .copyright-text time {
  font-size: 16px;
  line-height: 24px;
}

#mainNav .copyright-text a {
  color: #292b2e;
  text-decoration: underline;
  font-weight: 400;
}

#mainNav .copyright-text a:hover {
  color: #111317;
}

#mainNav .menu-sidebar {
  background-color: rgba(226, 238, 238, 0.5);
  padding: 32px 48px;
  -ms-grid-column: 2;
      grid-column-start: 2;
  grid-column-end: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 3;
}

#mainNav .menu-sidebar .sidebar-title {
  font-size: 24px;
  line-height: 32px;
  color: #3d6c76;
  font-weight: 500;
  position: relative;
  display: inline;
  z-index: 0;
  padding: 0 10px 0 8px;
  margin-left: -8px;
}

#mainNav .menu-sidebar .sidebar-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 24px;
  z-index: -1;
  background-image: url("../Images/bg-brush-green.png");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}

#mainNav .menu-sidebar .sidebar-content {
  border-top: 1px solid #cfe3e3;
  margin-top: 24px;
}

#mainNav .menu-sidebar .sidebar-content .sidebar-item {
  text-align: left;
}

#mainNav .menu-sidebar .sidebar-content .sidebar-item:first-child .sidebar-subtitle {
  margin-top: 32px;
}

#mainNav .menu-sidebar .sidebar-subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #69a1ac;
  margin-bottom: 16px;
  margin-top: 72px;
}

#mainNav .menu-sidebar .subcontent-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #111317;
  margin-bottom: 4px;
}

#mainNav .menu-sidebar .subcontent-title.new .text {
  font-size: 14px;
  line-height: 24px;
  color: #b2263b;
  font-weight: 400;
  margin-left: 8px;
}

#mainNav .menu-sidebar .subcontent {
  margin-bottom: 32px;
}

#mainNav .menu-sidebar .subcontent:last-child {
  margin-bottom: 0;
}

#mainNav .menu-sidebar .subcontent .text {
  color: #585a5d;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 8px;
  text-align: left;
}

#mainNav .menu-sidebar .subcontent.blog .text {
  line-height: 32px;
  margin-bottom: 16px;
}

#mainNav .menu-sidebar .subcontent.blog .text .img-author {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin-right: 12px;
}

#mainNav .menu-sidebar .subcontent .text-link {
  font-size: 16px;
  line-height: 24px;
  color: #414245;
  font-weight: 500;
}

#mainNav .menu-sidebar .subcontent .text-link:hover {
  color: #292b2e;
}

#mainNav .menu-sidebar .subcontent .text-link:hover .icon {
  margin-left: 9px;
}

#mainNav .menu-socialbar {
  -ms-grid-column: 3;
      grid-column-start: 3;
  grid-column-end: 4;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 3;
  background-color: #e2eeee;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 88px auto 130px;
      grid-template-rows: 88px auto 130px;
  justify-items: center;
}

#mainNav .menu-socialbar .icon-close {
  width: 100%;
  padding: 29px 0;
  cursor: pointer;
  color: #292b2e;
}

#mainNav .menu-socialbar .icon-close::before {
  font-size: 12px;
  padding: 6px;
  display: block;
}

#mainNav .menu-socialbar .icon-close .text {
  font-size: 11px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.3);
}

#mainNav .menu-socialbar .icon-close:hover {
  color: #111317;
}

#mainNav .menu-socialbar .social-container {
  padding: 24px 16px 0;
  width: auto;
  border-top: 1px solid #bfd9d9;
}

#mainNav .menu-socialbar .social-container .title {
  width: 24px;
  height: 200px;
  margin: auto;
  position: relative;
}

#mainNav .menu-socialbar .social-container .title .text {
  font-size: 16px;
  line-height: 24px;
  color: #88898b;
  font-weight: 300;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: block;
  white-space: nowrap;
}

#mainNav .menu-socialbar .social-container .title::after {
  content: '';
  width: 2px;
  height: 96px;
  background-color: #bfd9d9;
  position: absolute;
  bottom: 0;
  left: -2px;
  right: 0;
  margin: auto;
}

#mainNav .menu-socialbar .social-container .icon {
  display: block;
  font-size: 20px;
  padding: 2px;
  color: #292b2e;
  margin: 24px auto;
  width: 24px;
}

#mainNav .menu-socialbar .social-container .icon:hover {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav .menu-socialbar .menu-language {
  border-top: 1px solid #bfd9d9;
  padding-top: 10px;
}

#mainNav .menu-socialbar .menu-language .text {
  font-size: 11px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.3);
  letter-spacing: 0.25px;
  margin-bottom: 14px;
  text-align: center;
}

#mainNav .menu-socialbar .menu-language .lang-selection {
  width: 32px;
  margin: auto;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.1);
  padding: 2px;
  text-align: center;
}

#mainNav .menu-socialbar .menu-language .lang-selection .lang-opt {
  font-size: 13px;
  line-height: 28px;
  color: #585a5d;
  border-radius: 2px;
  float: none;
  width: 100%;
  text-align: center;
  display: block;
  padding: 0;
  border: none;
  margin: 0;
}

#mainNav .menu-socialbar .menu-language .lang-selection .lang-opt:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #414245;
}

#mainNav .menu-socialbar .menu-language .lang-selection .lang-opt.active {
  -webkit-box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.08), 0 3px 6px -1px rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.08), 0 3px 6px -1px rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  background-color: white;
  color: #292b2e;
}

#mainNav .menu-bottom {
  margin: 0 96px;
}

@media only screen and (max-width: 1245px) {
  #mainNav .clutch-widget {
    background-image: url("../Images/logo-clutch-dark.svg");
    background-size: 92px;
    background-position: 16px 52px;
  }
  #mainNav .clutch-widget iframe {
    display: none !important;
  }
}

@media only screen and (max-height: 800px) and (min-width: 1024px) {
  #mainNav .menu-item {
    font-size: 40px;
    line-height: 48px;
    margin: 8px 0;
  }
  #mainNav .logo {
    margin: 0 0 24px 0;
  }
  #mainNav .iab-widget,
  #mainNav .clutch-widget {
    height: 72px;
  }
  #mainNav .iab-widget {
    background-size: auto 24px;
    background-position: 16px 36px;
  }
  #mainNav .iab-widget .text {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
  }
  #mainNav .clutch-widget iframe {
    margin-top: 1px;
  }
  #mainNav .copyright-text {
    padding: 11px 0;
  }
  #mainNav .menu-socialbar .social-container .title {
    height: 152px;
  }
  #mainNav .menu-socialbar .social-container .title::after {
    height: 48px;
  }
  #mainNav .menu-content {
    -ms-grid-rows: auto 106px;
        grid-template-rows: auto 106px;
  }
  #mainNav .menu-sidebar .sidebar-subtitle {
    margin-top: 4.6vh;
    margin-bottom: 2.2vh;
  }
  #mainNav .menu-sidebar .sidebar-content {
    overflow: auto;
    max-height: 80vh;
  }
  #mainNav .menu-sidebar .subcontent {
    margin-bottom: 4.6vh;
  }
  #mainNav .menu-sidebar .subcontent.blog .text {
    display: none;
  }
  #mainNav .menu-socialbar .social-container .title {
    height: 21vh;
  }
  #mainNav .menu-socialbar .social-container .title::after {
    width: 1px;
    height: 6.8vh;
  }
  #mainNav .menu-socialbar .social-container .icon {
    margin: 3.45vh auto;
  }
}

@media only screen and (max-height: 650px) and (min-width: 1025px) {
  #mainNav .logo {
    margin-bottom: 3.75vh;
  }
  #mainNav .menu-item {
    font-size: 6.25vh;
    line-height: 7.4vh;
    margin: 1.25vh 0;
  }
  #mainNav .menu-socialbar .social-container .title {
    height: 19vh;
  }
  #mainNav .menu-socialbar .social-container .title::after {
    height: 3.8vh;
  }
  #mainNav .menu-socialbar .social-container .icon {
    margin: 1.45vh auto;
  }
}

@media only screen and (max-width: 1024px) {
  #mainNav {
    -ms-grid-columns: auto 376px 72px;
        grid-template-columns: auto 376px 72px;
  }
  #mainNav .menu-item {
    font-size: 40px;
    line-height: 48px;
  }
  #mainNav .menu-content {
    padding: 32px 48px;
  }
  #mainNav .menu-sidebar {
    padding: 32px 24px;
  }
  #mainNav .menu-sidebar .sidebar-content {
    width: 100%;
    overflow: hidden;
  }
  #mainNav .menu-bottom {
    margin: 0 48px;
  }
}

@media only screen and (max-width: 769px) {
  #mainNav {
    display: block;
    overflow: auto;
  }
  #mainNav .menu-item {
    font-size: 32px;
    line-height: 40px;
    margin: 16px 0;
    float: none;
  }
  #mainNav .menu-item.current-page {
    margin-left: 0;
    position: relative;
    padding-left: 0;
  }
  #mainNav .menu-item.current-page::before {
    position: absolute;
    bottom: 0;
    margin: 0;
    top: auto;
    left: 0;
  }
  #mainNav .menu-item:not(.current-page):hover::before {
    left: 0;
    top: auto;
  }
  #mainNav .logo {
    float: none;
    margin-bottom: 22px;
    display: inline-block;
  }
  #mainNav .menu-sidebar {
    padding: 0 24px 32px;
    margin-top: 20px;
  }
  #mainNav .menu-sidebar .sidebar-title {
    margin-top: -20px;
    float: left;
    margin-bottom: 0;
  }
  #mainNav .menu-sidebar .sidebar-content {
    margin-top: 0;
    border: none;
  }
  #mainNav .menu-sidebar .sidebar-subtitle {
    margin-top: 32px;
    clear: both;
  }
  #mainNav .menu-socialbar {
    display: block;
    justify-items: baseline;
    padding: 0 24px;
  }
  #mainNav .menu-socialbar .icon-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
  }
  #mainNav .menu-socialbar .social-container {
    border-top: none;
    padding: 24px 0 0 0;
  }
  #mainNav .menu-socialbar .social-container .title {
    width: auto;
    height: auto;
  }
  #mainNav .menu-socialbar .social-container .title::after {
    display: none;
  }
  #mainNav .menu-socialbar .social-container .title .text {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  #mainNav .menu-socialbar .social-container .link-content {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #bfd9d9;
  }
  #mainNav .menu-socialbar .social-container .icon {
    margin: 24px 16px;
    float: left;
  }
  #mainNav .menu-socialbar .menu-language {
    width: auto;
    position: relative;
    display: inline-block;
    margin: 24px 0;
    border-top: none;
    padding: 0;
  }
  #mainNav .menu-socialbar .menu-language .text {
    float: left;
    margin: 0 16px 0 0;
    line-height: 32px;
  }
  #mainNav .menu-socialbar .menu-language .lang-selection {
    float: left;
    width: 64px;
  }
  #mainNav .menu-socialbar .menu-language .lang-selection .lang-opt {
    float: left;
    width: 50%;
    margin: 0;
  }
  #mainNav .copyright-text {
    padding: 11px 0;
  }
  #mainNav .menu-bottom {
    margin: 24px 24px 0;
  }
}

@media only screen and (max-width: 769px) and (min-width: 601px) {
  #mainNav .logo {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
  }
  #mainNav .menu-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    padding: 24px;
  }
  #mainNav .sidebar-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
  }
  #mainNav .menu-socialbar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    grid-column: auto;
    grid-row: auto;
    justify-items: baseline;
    padding: 0 24px;
  }
  #mainNav .menu-socialbar .icon-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
  }
  #mainNav .menu-socialbar .social-container {
    border-top: none;
    padding: 24px 0 0 0;
  }
  #mainNav .menu-socialbar .social-container .icon {
    margin: 24px 16px;
    float: left;
  }
  #mainNav .menu-socialbar .social-container .title {
    width: auto;
    height: 24px;
  }
  #mainNav .menu-socialbar .social-container .title::after {
    display: none;
  }
  #mainNav .menu-socialbar .social-container .title .text {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  #mainNav .menu-socialbar .social-container .link-content {
    width: 100%;
    display: inline-block;
    border-bottom: none;
  }
  #mainNav .menu-socialbar .menu-language {
    width: auto;
    position: relative;
    display: inline-block;
    margin: 24px 0;
  }
  #mainNav .menu-socialbar .menu-language .text {
    float: left;
    margin: 0 16px 0 0;
    line-height: 32px;
  }
  #mainNav .menu-socialbar .menu-language .lang-selection {
    float: left;
    width: 64px;
  }
  #mainNav .menu-socialbar .menu-language .lang-selection .lang-opt {
    float: left;
    width: 50%;
    margin: 0;
  }
}

@media only screen and (max-width: 600px) {
  #mainNav .logo {
    margin-bottom: 12px;
  }
  #mainNav .menu-content {
    padding: 24px;
  }
  #mainNav .menu-bottom {
    -ms-grid-columns: auto;
        grid-template-columns: auto;
  }
  #mainNav .copyright-text {
    grid-column: auto;
    margin-top: 12px;
  }
  #mainNav .menu-socialbar {
    display: block;
    justify-items: baseline;
    padding: 0 24px;
  }
  #mainNav .menu-socialbar .social-container .icon {
    margin: 24px 32px 24px 0;
    float: left;
  }
  #mainNav .menu-socialbar .icon-close {
    top: 24px;
    right: 24px;
    width: 24px;
    padding: 0;
  }
  #mainNav .menu-socialbar .icon-close .text {
    display: none;
  }
}

.ref-slider {
  overflow: hidden;
}

.ref-slider__content {
  width: 200%;
  display: inline-block;
  position: relative;
}

.ref-slider .pagination {
  text-align: center;
  margin-top: 30px;
}

.ref-slider .pagination__next, .ref-slider .pagination__prev {
  position: relative;
  bottom: 0;
  display: inline-block;
  width: 200px;
  height: 6px;
  background: #e5e5e5;
  margin: 0 -2px;
  cursor: pointer;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.ref-slider .pagination__next:hover, .ref-slider .pagination__prev:hover {
  height: 10px;
}

.ref-slider .pagination__next.active, .ref-slider .pagination__prev.active {
  background: #eb0043;
}

.references-logos__homepage {
  height: auto;
  margin: auto;
  overflow: hidden;
  text-align: center;
  float: left;
  display: -ms-grid;
  display: grid;
  background: #ebecf0;
  -ms-grid-columns: (auto)[10];
      grid-template-columns: repeat(10, auto);
  -ms-grid-rows: (100px)[3];
      grid-template-rows: repeat(3, 100px);
  grid-row-gap: 1px;
}

.references-logos__homepage.mobile {
  display: none;
}

.references-logos__homepage .logo-ref {
  display: inline-block;
  float: left;
  width: 166px;
  height: 100px;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.references-logos__homepage .logo-ref.logo-1 {
  background-image: url(../Images/ref-logos/ref-logo-1.png);
}

.references-logos__homepage .logo-ref.logo-2 {
  background-image: url(../Images/ref-logos/ref-logo-2.png);
}

.references-logos__homepage .logo-ref.logo-3 {
  background-image: url(../Images/ref-logos/ref-logo-3.png);
}

.references-logos__homepage .logo-ref.logo-4 {
  background-image: url(../Images/ref-logos/ref-logo-4.png);
}

.references-logos__homepage .logo-ref.logo-5 {
  background-image: url(../Images/ref-logos/ref-logo-5.png);
}

.references-logos__homepage .logo-ref.logo-6 {
  background-image: url(../Images/ref-logos/ref-logo-6.png);
}

.references-logos__homepage .logo-ref.logo-7 {
  background-image: url(../Images/ref-logos/ref-logo-7.png);
}

.references-logos__homepage .logo-ref.logo-8 {
  background-image: url(../Images/ref-logos/ref-logo-8.png);
}

.references-logos__homepage .logo-ref.logo-9 {
  background-image: url(../Images/ref-logos/ref-logo-9.png);
}

.references-logos__homepage .logo-ref.logo-10 {
  background-image: url(../Images/ref-logos/ref-logo-10.png);
}

.references-logos__homepage .logo-ref.logo-11 {
  background-image: url(../Images/ref-logos/ref-logo-11.png);
}

.references-logos__homepage .logo-ref.logo-12 {
  background-image: url(../Images/ref-logos/ref-logo-12.png);
}

.references-logos__homepage .logo-ref.logo-13 {
  background-image: url(../Images/ref-logos/ref-logo-13.png);
}

.references-logos__homepage .logo-ref.logo-14 {
  background-image: url(../Images/ref-logos/ref-logo-14.png);
}

.references-logos__homepage .logo-ref.logo-15 {
  background-image: url(../Images/ref-logos/ref-logo-15.png);
}

.references-logos__homepage .logo-ref.logo-16 {
  background-image: url(../Images/ref-logos/ref-logo-16.png);
}

.references-logos__homepage .logo-ref.logo-17 {
  background-image: url(../Images/ref-logos/ref-logo-17.png);
}

.references-logos__homepage .logo-ref.logo-18 {
  background-image: url(../Images/ref-logos/ref-logo-18.png);
}

.references-logos__homepage .logo-ref.logo-19 {
  background-image: url(../Images/ref-logos/ref-logo-19.png);
}

.references-logos__homepage .logo-ref.logo-20 {
  background-image: url(../Images/ref-logos/ref-logo-20.png);
}

.references-logos__homepage .logo-ref.logo-21 {
  background-image: url(../Images/ref-logos/ref-logo-21.png);
}

.references-logos__homepage .logo-ref.logo-22 {
  background-image: url(../Images/ref-logos/ref-logo-22.png);
}

.references-logos__homepage .logo-ref.logo-23 {
  background-image: url(../Images/ref-logos/ref-logo-23.png);
}

.references-logos__homepage .logo-ref.logo-24 {
  background-image: url(../Images/ref-logos/ref-logo-24.png);
}

.references-logos__homepage .logo-ref.logo-25 {
  background-image: url(../Images/ref-logos/ref-logo-25.png);
}

.references-logos__homepage .logo-ref.logo-26 {
  background-image: url(../Images/ref-logos/ref-logo-26.png);
}

.references-logos__homepage .logo-ref.logo-27 {
  background-image: url(../Images/ref-logos/ref-logo-27.png);
}

.references-logos__homepage .logo-ref.logo-28 {
  background-image: url(../Images/ref-logos/ref-logo-28.png);
}

.references-logos__homepage .logo-ref.logo-29 {
  background-image: url(../Images/ref-logos/ref-logo-29.png);
}

.references-logos__homepage .logo-ref.logo-30 {
  background-image: url(../Images/ref-logos/ref-logo-30.png);
}

.references-logos__homepage .logo-ref.logo-31 {
  background-image: url(../Images/ref-logos/ref-logo-31.png);
}

.references-logos__homepage .logo-ref.logo-32 {
  background-image: url(../Images/ref-logos/ref-logo-32.png);
}

.single-post-feed {
  float: left;
  width: 100%;
  display: block;
  padding: 64px 0;
  border-bottom: 1px solid #e5e5e5;
}

.single-post-feed .image-container {
  float: left;
  width: 186px;
  height: 186px;
  margin-right: 32px;
  overflow: hidden;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.single-post-feed:first-child {
  border-top: 1px solid #e5e5e5;
}

#Works .section {
  margin-bottom: 32px;
  min-height: 720px;
}

#Works .section .section-header {
  width: 720px;
}

#Works .section .section-subheader {
  font-weight: 100;
  letter-spacing: normal;
}

#Works .section.works-koalay {
  background: url(../Images/bg-home-works-koalay.png) no-repeat #8dc63f;
  background-position: 120% 128px;
}

#Works .section.works-koalay .text-link {
  font-size: 18px;
}

#Works .section.works-abgsmarttv {
  background: url(../Images/case-studys/bg-home-works-abg-smart-tv.png) no-repeat #8d74cf;
  background-position: 160% 128px;
}

#Works .section.works-abgsmarttv .text-link {
  font-size: 18px;
}

#Works .section.works-bekowm {
  background: url("../Images/case-studys/bg-home-works-bekowm.png") no-repeat #3993f7;
  background-position: 130% 128px;
}

#Works .section.works-wellabled {
  background: url("../Images/case-studys/bg-home-works-wellabled.png") no-repeat #e7a71c;
  background-position: 430px 128px !important;
}

#Works .section.works-radore {
  background: url("../Images/case-studys/bg-home-works-radore.png") no-repeat #ffc71d;
  background-position: 90% bottom;
}

#Works .section.works-kolayoto {
  background: url("../Images/case-studys/bg-home-works-kolayoto.jpg") no-repeat #047bbb;
  background-position: right bottom;
}

#Works .section.works-axion {
  background: url("../Images/case-studys/bg-home-works-axion.png") no-repeat #cf54a8;
  background-position: 170% bottom;
}

#Works .section.works-monitera {
  background: url("../Images/case-studys/bg-home-works-monitera.png") no-repeat #346fde;
  background-position: 154% 110%;
}

#Works .section.works-monitera .testimonial-text {
  color: rgba(255, 255, 255, 0.7);
}

#Works .section.works-bekoyazarkasa {
  background: url("../Images/case-studys/bg-home-works-beko-yazarkasa.png") no-repeat #2a48b8;
  background-position: 150% bottom;
  background-size: 65%;
}

#Works .section.works-bekoyazarkasa .testimonial-text {
  color: #a1b5ff;
  border-left-color: #a1b5ff;
}

#Works .section.works-zingat {
  background: url("../Images/case-studys/bg-home-works-zingat.png") no-repeat #0edee0;
  background-position: 100% 100%;
}

#Works .section.works-beko7segment {
  background: url("../Images/case-studys/bg-home-works-beko7segment.png") no-repeat #31333c;
  background-position: 120% bottom;
}

#Works .section.works-beko7segment .testimonial-text {
  color: #999999;
  border-left-color: #464850;
}

#Works .section.works-cignafinans {
  background: url("../Images/case-studys/bg-home-works-cignafinans.png") no-repeat #3bc17c;
  background-position: 190% 100%;
}

#Works .section.works-quicksigorta {
  background: url("../Images/case-studys/quicksigorta-head-image.png") no-repeat #062d58;
  background-position: 140% 210%;
}

#Works .section.works-quicksigorta .testimonial-text {
  color: #ffffff;
  border-left-color: #ffffff;
}

#Works .section.works-sportive {
  background: url("../Images/case-studys/sportive-bg-works.png") no-repeat #40ab78;
  background-position: 105% bottom;
}

#Works .section.works-sportive .testimonial-text {
  color: #102b1e;
  border-left-color: rgba(255, 255, 255, 0.1);
}

#Works .section.works-moov {
  background: url("../Images/case-studys/moov-bg-works.png") no-repeat #10ab84;
  background-position: 105% bottom;
}

#Works .section.works-moov .testimonial-text {
  color: #000000;
  border-left-color: rgba(255, 255, 255, 0.4);
}

#Works .section.works-eureko {
  background: url("../Images/case-studys/eureko-bg-works.png") no-repeat #004fa3;
  background-position: right center;
}

#Works .section.works-eureko .testimonial-text {
  color: #b4d7fd;
}

#Works .section.works-cepteteb {
  background: url("../Images/case-studys/cepteteb-bg-works-tr.png") no-repeat #19bb5d;
  background-position: 102% bottom;
}

#Works .section.works-cepteteb .testimonial-text {
  color: #ffffff;
}

#Works .section.works-cepteteb .section-subheader {
  width: 80%;
}

#Works .section.works-cepteteb.en {
  background-image: url("../Images/case-studys/cepteteb-bg-works-en.png");
}

#Works .section.works-ahe {
  background: url("../Images/case-studys/ahe-head-image.png") no-repeat #005c9c;
  background-position: 270% 160%;
  background-size: 80%;
}

#Works .section.works-ahe .testimonial-text {
  color: #ffffff;
}

#Works .section.works-ahe .section-subheader {
  width: 80%;
}

#Works .section.works-homewhiz {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#14171d), to(#434955));
  background-image: linear-gradient(to bottom, #14171d, #434955);
}

#Works .section.works-homewhiz::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../Images/case-studys/homewhiz-head-image.png") no-repeat;
  background-size: 562px auto;
  background-position: 95% 100%;
}

#Works .section.works-homewhiz .testimonial-text {
  color: #ffffff;
}

#Works .section.works-homewhiz .section-header {
  width: 100%;
}

#Works .section.works-homewhiz .section-subheader {
  width: 80%;
}

#Works .section.works-vega {
  background: url("../Images/case-studys/vega-head-image.png") no-repeat #004fa3;
  background-position: 130% 140%;
  background-size: 70%;
}

#Works .section.works-vega .testimonial-text {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.4);
}

#Works .section.works-ahewebsite {
  background: url("../Images/case-studys/ahewebsite-head-image.png") no-repeat #266ba5;
  background-position: 130% 101%;
  background-size: 50%;
}

#Works .section.works-ahewebsite .testimonial-text {
  color: #ffffff;
  border-left-color: #ffffff;
}

#Works .section.works-imeceapp {
  background: url("../Images/case-studys/imeceapp-head-image.png") no-repeat #54b465;
  background-position: 500% 290%;
  background-size: 90%;
}

#Works .section.works-imeceapp .section-header {
  width: 100%;
}

#Works .section.works-imeceapp .section-subheader {
  width: 80%;
}

#Works .section.works-imeceapp .testimonial-text {
  color: #ffffff;
  border-left-color: #ffffff;
}

#References .section-subheader {
  margin-bottom: 59px;
}

#HomeServices {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

#HomeServices .section {
  margin-bottom: 0;
  padding: 48px;
}

#HomeServices .section.transparent,
#HomeServices .ux-team {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
}

#HomeServices .section-header {
  margin-bottom: 12px;
}

#HomeServices .header-subtext {
  width: auto;
  text-align: inherit;
}

#HomeServices .ux-team .section-subtitle,
#HomeServices .ux-strategy .section-subtitle,
#HomeServices .ux-audit .section-subtitle {
  font-weight: 300;
  margin-bottom: 12px;
}

#SherpaBlog .section-header,
#SherpaBlog .section-subheader {
  text-align: left;
  margin-left: 0;
}

#SherpaBlog .btn {
  width: 100%;
  margin-top: 64px;
}

#SherpaBlog .subsection .section-header {
  text-align: inherit;
}

#AboutUs .section-header,
#AboutUs .section-subheader {
  text-align: left;
  width: 91%;
}

#AboutUs .subsection .section-header {
  width: inherit;
  text-align: center;
}

#AboutUs .aboutus-video {
  background-image: url(../Images/bg-aboutus-video.jpg);
}

#AboutUs .aboutus-video .section-header,
#AboutUs .aboutus-video .text {
  color: #505539;
  width: 100%;
}

#AboutUs .user-and-experience {
  background-image: url(../Images/bg-aboutus-user-and-experience.jpg);
  background-size: 54%;
  background-position: right bottom;
}

#AboutUs .user-and-experience .text:last-child {
  width: 86.6%;
}

#AboutUs .ourpartners .section-header {
  width: 100%;
  margin-bottom: -6px;
}

#AboutUs .partner-container {
  width: 100%;
  display: block;
  padding: 64px 0;
  border-bottom: 1px solid #e5e5e5;
}

#AboutUs .partner-container:nth-child(1) {
  padding: 16px 0 64px 0;
  display: block;
}

#AboutUs .partner-container:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#AboutUs .partner-container .section-subheader {
  width: 50%;
  display: inline-block;
  top: -16px;
  margin-right: 7.4%;
}

#AboutUs .partner-container .partners-logo {
  width: 42%;
  display: inline-block;
  text-align: center;
}

#AboutUs .partner-container .partners-logo.optimizely img {
  width: 43.3%;
  margin: auto 5%;
  display: inline-block;
}

#AboutUs .partner-container .partners-logo.optimizely img:last-child {
  margin-right: 0;
}

#AboutUs .partner-container .partners-logo.optimizely img:first-child {
  margin-left: 0;
}

#AboutUs .partner-container.frosmo .section-subheader {
  top: -26px;
}

.bg-svg.bg-svg__aboutus::after {
  font-family: sherpaicon;
  content: '\e901';
  position: absolute;
  bottom: -55px;
  font-size: 365px;
  color: #f6e899;
  right: -90px;
  z-index: 0;
}

.bg-svg.bg-svg__aboutus .text {
  width: 83%;
  position: relative;
  z-index: 1;
}

.bg-svg.bg-svg__address::after {
  font-family: 'sherpaicon';
  position: absolute;
  top: -30px;
  font-size: 360px;
  color: #f6e899;
  right: -85px;
  z-index: 0;
  content: '\e902';
}

.videosection {
  width: 100%;
  position: relative;
  padding: 0;
}

.videosection .ted-video {
  width: 100%;
  max-height: 600px;
}

.videosection .video-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("../Images/bg-tedvideo.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}

.videosection .btn-video {
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  padding: 28px 32px;
  cursor: pointer;
}

.videosection .btn-video::after {
  font-family: 'sherpaicon';
  color: #fff;
  font-size: 24px;
}

.videosection .btn-video.play::after {
  content: "\e955";
}

.videosection .btn-video.pause {
  padding: 28px;
  display: none;
}

.videosection .btn-video.pause::after {
  content: "\e956";
}

.videosection .btn-video:hover {
  background: rgba(0, 0, 0, 0.5);
}

#Portfolio .project-overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(247, 73, 114, 0.8);
  z-index: 2;
  position: absolute;
  font-size: 40px;
  color: #fff;
}

#Portfolio .project-overlay h5 {
  font-size: 40px;
  line-height: normal;
  padding-top: 20px;
}

#Portfolio .my-projects {
  margin: 0 30px 30px 0;
  width: 48%;
  height: 400px;
  float: left;
  overflow: hidden;
  text-align: center;
  position: relative;
}

#Portfolio .my-projects:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 0;
}

#Portfolio .my-projects:hover .project-overlay {
  opacity: 1;
}

#Portfolio .my-projects:hover .project-overlay h5 {
  padding-top: 0;
}

#Portfolio .my-projects.be-abgsmart_tv {
  background-image: url(../Images/project-smart-tv.png);
}

#Portfolio .my-projects.be-dishwasher {
  background-image: url(../Images/project-beko-dishwasher.jpg);
}

#Portfolio .my-projects.be-beko_wm {
  background-image: url(../Images/project-beko-washing-machine.png);
}

#Portfolio .my-projects.be-beko_aircondition {
  background-image: url(../Images/project-beko-klima.png);
}

#Portfolio .my-projects.be-beko_refrigerator {
  background-image: url(../Images/project-beko-klima.png);
}

#Portfolio .btn.btn-line {
  margin-top: 32px;
  width: 100%;
}

#Portfolio .project-cover {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
}

#OurProcess .section.all-devices {
  background: #a3ddc6;
  margin-bottom: inherit;
}

#OurProcess .section.all-devices .section-header {
  color: #3b4f60;
  text-align: left;
}

#OurProcess .section.all-devices .text {
  color: #3b4f60;
  text-align: left;
}

#OurServices .section-header {
  margin-bottom: 106px;
  text-align: left;
}

#OurServices .text {
  width: 510px;
  display: inline-block;
}

#OurServices .img-services {
  float: right;
  max-width: 210px;
}

#OurServices .section .section-title {
  font-weight: 700;
}

#OurServices .section .section-title span {
  font-weight: 400;
}

#OurServices .section:last-child {
  margin-bottom: inherit;
}

#OurServices .section strong {
  font-weight: 400;
}

#OurServices .section.services__discovery .section-title,
#OurServices .section.services__discovery strong {
  color: #ffae00;
}

#OurServices .section.services__discovery .content-list__item::before {
  background: #ffae00;
}

#OurServices .section.services__analysis .section-title,
#OurServices .section.services__analysis strong {
  color: #3d78ed;
}

#OurServices .section.services__analysis .content-list__item::before {
  background: #3d78ed;
}

#OurServices .section.services__contentstrategy .section-title,
#OurServices .section.services__contentstrategy strong {
  color: #48c390;
}

#OurServices .section.services__contentstrategy .content-list__item::before {
  background: #48c390;
}

#OurServices .section.services__uxstrategy .section-title,
#OurServices .section.services__uxstrategy strong {
  color: #f85376;
}

#OurServices .section.services__uxstrategy .content-list__item::before {
  background: #f85376;
}

#OurServices .section.services__uxconversation .section-title,
#OurServices .section.services__uxconversation strong {
  color: #8d4687;
}

#OurServices .section.services__uxconversation .content-list__item::before {
  background: #8d4687;
}

#OurServices .section.services__uxstrategycall .section-title,
#OurServices .section.services__uxstrategycall strong {
  color: #8d4687;
}

#OurServices .section.services__uxstrategycall .img-services {
  margin-top: -90px;
}

#OurServices .section.services__uxstrategycall .content-list__item::before {
  background: #8d4687;
}

#OurServices .section.services__uxaudit .section-title,
#OurServices .section.services__uxaudit strong {
  color: #6943cd;
}

#OurServices .section.services__uxaudit .img-services {
  margin-top: -90px;
}

#OurServices .section.services__uxaudit .content-list__item::before {
  background: #6943cd;
}

#HowItWork .section {
  position: relative;
  text-align: center;
}

#HowItWork .section:first-child::after, #HowItWork .section:nth-child(2)::after {
  font-family: 'sherpaicon';
  content: '\e90a';
  font-size: 400px;
  position: absolute;
  right: -35px;
  bottom: -168px;
  color: #fff5a4;
}

#HowItWork .section:nth-child(2)::after {
  top: -264px;
}

#HowItWork .section .text {
  width: 100%;
}

#InstagramFeed {
  text-align: center;
}

#InstagramFeed .feed-link {
  float: left;
  width: 30.66%;
  margin-right: 4%;
  margin-bottom: 4%;
  height: 256px;
  overflow: hidden;
  text-align: center;
}

#InstagramFeed .feed-link:nth-child(3n) {
  margin-right: 0;
}

#InstagramFeed .feed-link .feed-image {
  height: 100%;
}

#InstagramFeed .btn {
  width: 100%;
}

#DropmarkFeed {
  text-align: center;
}

#DropmarkFeed .btn {
  width: 100%;
}

#DropmarkFeed .dropmark-item {
  float: left;
  height: 250px;
  width: 30.6%;
  margin-right: 4%;
  margin-bottom: 4%;
  overflow: hidden;
  position: relative;
}

#DropmarkFeed .dropmark-item:nth-child(5) {
  margin-right: 0;
}

#DropmarkFeed .dropmark-item .dropmark-link {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  background: rgba(247, 73, 114, 0.8);
  color: #fff;
  padding: 12px;
}

#DropmarkFeed .dropmark-item img {
  width: auto;
  height: 100%;
}

#DropmarkFeed .dropmark-item:hover .dropmark-link {
  opacity: 1;
}

#DropmarkFeed .dropmark-item:first-child {
  margin-right: 0;
}

#Team {
  text-align: center;
}

#Team .team-container {
  float: left;
  width: 100%;
  text-align: center;
}

#Team .btn.external {
  padding: 18px 55px;
}

#Team .team-member {
  width: 256px;
  height: 311px;
  border: 2px solid #f0f0f0;
  margin: 0 28px 32px 0;
  display: inline-block;
}

#Team .team-member:nth-child(3n) {
  margin-right: 0;
}

#Team .team-member:last-child {
  margin: 0;
}

#Team .team-member .team-member__photo {
  width: 256px;
  margin-left: -2px;
  margin-top: -2px;
}

#Team .team-member .team-member__name {
  color: #000;
  font-size: 22px;
  margin: 7px 0 2px;
}

#Team .team-member .team-member__title {
  color: #575c67;
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 12px;
}

#Team .team-member .team-member__social-links {
  text-align: center;
  height: 32px;
}

#Team .team-member .team-member__social-links li {
  display: inline-block;
  width: 18%;
}

#Team .team-member .team-member__social-links li .member-account {
  display: block;
  width: 100%;
  color: #818691;
}

#Team .team-member .team-member__social-links li .member-account::after {
  font-size: 16px;
  display: inline-block;
}

#Team .team-member .team-member__social-links li .member-account.tw::after {
  content: '\e915';
}

#Team .team-member .team-member__social-links li .member-account.gp::after {
  content: '\e913';
}

#Team .team-member .team-member__social-links li .member-account.in::after {
  content: '\e919';
}

#Team .team-member .team-member__social-links li .member-account.be::after {
  content: '\e916';
}

#Team .team-member .team-member__social-links li .member-account.db::after {
  content: '\e92f';
}

#Team .team-member .team-member__social-links li .member-account.md::after {
  content: '\e930';
}

#Team .team-member .team-member__social-links li .member-account.tw:hover {
  color: #00d2ff;
}

#Team .team-member .team-member__social-links li .member-account.gp:hover {
  color: #db4e3f;
}

#Team .team-member .team-member__social-links li .member-account.in:hover {
  color: #3271b1;
}

#Team .team-member .team-member__social-links li .member-account.be:hover {
  color: #053eff;
}

#Team .team-member .team-member__social-links li .member-account.db:hover {
  color: #ea4c89;
}

#Team .team-member .team-member__social-links li .member-account.md:hover {
  color: #12100e;
}

#ContactUs .section-header {
  text-align: left;
}

#ContactUs .section.take-offer {
  background-image: url(../Images/bg-contact-take-offer.jpg);
  background-position: bottom right;
  background-size: auto 100%;
}

#ContactUs .section.take-offer .btn.external {
  padding: 18px 0;
  width: 50%;
}

#ContactUs .section.join-us .btn, #ContactUs .section.address .btn {
  width: 50%;
  padding: 18px 45px;
}

#ContactUs .section.follow-us .section-header {
  margin-bottom: 15px;
}

#ContactUs .section.follow-us .text {
  margin-bottom: 32px;
}

#ContactUs .section address a {
  color: #818691;
  background: transparent;
}

#ContactUs .section address a:hover::after {
  display: none;
}

#ContactUs .social-pages .social {
  margin: 0 30px 30px 0;
  float: left;
}

#ContactUs .social-pages .social::after {
  content: '';
  font-size: 32px;
  color: #ffffff;
  width: 78px;
  padding: 24px 0;
  float: left;
  background: #113554;
  text-align: center;
}

#ContactUs .social-pages .social.fb::after {
  content: '\e917';
  background: #2d81e9;
}

#ContactUs .social-pages .social.tw::after {
  content: '\e915';
  background: #00d2ff;
}

#ContactUs .social-pages .social.in::after {
  content: '\e919';
  background: #3271b1;
}

#ContactUs .social-pages .social.ig::after {
  content: '\e918';
  background: #a97c42;
}

#ContactUs .social-pages .social.vm::after {
  content: '\e91f';
  background: #00b4ff;
}

#ContactUs .social-pages .social.be::after {
  content: '\e916';
  background: #006cff;
}

#ContactUs .social-pages .social.gp::after {
  content: '\e913';
  background: #db4e3f;
}

#ContactUs .social-pages .social.dm::after {
  content: '\e914';
  background: #38dedf;
}

#ContactUs .social-pages .social:last-child {
  margin-right: 0;
}

#ContactUs .social-pages .social:hover:after {
  background: #17181a;
}

#ContactUs .col-2 {
  width: 50%;
  float: left;
  padding: 0 56px 0 0;
  min-height: 265px;
  position: relative;
  z-index: 9;
}

#ContactUs .col-2 .text {
  margin-bottom: 32px;
}

#ContactUs .col-2 .btn.external {
  width: auto;
  display: block;
  max-width: 360px;
  border-color: rgba(75, 83, 95, 0.1);
  position: absolute;
  width: 360px;
  bottom: 0;
}

#ContactUs .col-2 .section-title {
  margin-bottom: 5px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 300;
}

#ContactUs .col-2:last-child {
  padding: 0 0 0 56px;
  border-left: 1px solid #e5e5e5;
}

.slidetooltip {
  width: 92px;
  height: 44px;
  color: #fff;
  font-weight: 600;
  padding: 0px 24px;
  margin-right: 28px;
  line-height: 44px;
  text-align: center;
  border-radius: 5px;
  background: #127bb9;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: -110px;
}

.slidetooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -16px;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid #127bb9;
}

.slidetooltip.right {
  background: #e92e50;
  left: auto;
  right: -110px;
}

.slidetooltip.right::after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid #e92e50;
  right: auto;
  left: -16px;
}

.slider-container {
  width: 100%;
  height: 480px;
  display: none;
  position: relative;
  background-image: url(../Images/case-studys/abg-smart-tv-slide-screen-arcelik.jpg);
  position: relative;
  margin-bottom: 48px;
}

.slider-container.beko {
  background-image: url(../Images/case-studys/abg-smart-tv-slide-screen-beko.jpg);
}

.slider-container.grundig {
  background-image: url(../Images/case-studys/abg-smart-tv-slide-screen-grundig.jpg);
}

.slider-container.active {
  display: block;
}

.slider-container .slider-content {
  width: 50%;
  height: 100%;
  max-width: 834px;
  background-position: left top;
  background-image: url(../Images/case-studys/abg-smart-tv-slide-screen.png);
  border-right: 1px solid #637bf7;
  position: relative;
}

.slider-container .slider-content::before {
  content: '';
  width: 32px;
  height: 32px;
  background: url(../Images/icon-drag.png) center center no-repeat #556ce3;
  border-radius: 32px;
  position: absolute;
  margin-top: -16px;
  top: 50%;
  right: -16px;
}

.slider-container .slider-handler {
  width: 64px;
  height: 32px;
  top: 50% !important;
  margin-top: -16px;
  z-index: 9;
  position: absolute;
}

.slider-container .slider-content {
  border-color: #007abc;
  background-size: 834px;
}

.slider-container .slider-content::before {
  background-color: #007abc;
}

.slider-container.slider-kolayoto, .slider-container.slider-quicksigorta {
  background-position: top;
}

.slider-container.slider-kolayoto.urun-detay, .slider-container.slider-quicksigorta.urun-detay {
  background-image: url(../Images/case-studys/kolayoto-slider-urun-detay-new.jpg) !important;
}

.slider-container.slider-kolayoto.urun-detay .slider-content, .slider-container.slider-quicksigorta.urun-detay .slider-content {
  background-image: url(../Images/case-studys/kolayoto-slider-urun-detay-old.jpg) !important;
}

.slider-container.slider-kolayoto.sepetim, .slider-container.slider-quicksigorta.sepetim {
  background-image: url(../Images/case-studys/kolayoto-slider-sepetim-new.jpg) !important;
}

.slider-container.slider-kolayoto.sepetim .slider-content, .slider-container.slider-quicksigorta.sepetim .slider-content {
  background-image: url(../Images/case-studys/kolayoto-slider-sepetim-old.jpg) !important;
}

.slider-container.slider-quicksigorta {
  background-image: url("../Images/case-studys/quicksigorta-old-homepage.png") !important;
}

.slider-container.slider-quicksigorta .slider-content {
  background-image: url("../Images/case-studys/quicksigorta-new-homepage.png") !important;
}

.slider-container.slider-quicksigorta .slidetooltip {
  width: 180px;
  height: auto;
  font-weight: 400;
  line-height: 24px;
  left: -160px;
}

.slider-container.slider-quicksigorta .slidetooltip.right {
  left: auto;
  right: -190px;
}

.tv-slider {
  display: block;
  text-align: center;
  width: 100%;
  height: 100px;
}

.tv-slider .slider-item {
  cursor: pointer;
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  font-family: 'futura-pt', sans-serif;
  color: #b3b6bd;
  width: 186px;
  padding: 15px 0;
  margin: 0 16px;
  border: 2px solid #dadbe1;
}

.tv-slider .slider-item.active {
  border-color: #404658;
  color: #404658;
}

.badge {
  width: 98px;
  height: 156px;
  position: absolute;
  right: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  top: 102px;
}

.badge.uxdesign {
  background-image: url("../images/case-studys/badge-ux-award.svg");
}

.badge.stevies {
  height: 211px;
  top: -86px;
  background-image: url("../images/case-studys/cignafinans-stevies-badge.png");
}

.badge.reddot, .badge.iflogo, .badge.ibalogo {
  background: #ffffff;
  padding: 12px 16px;
  height: 72px;
  width: 128px;
  position: absolute;
  left: 0;
  top: 104px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.badge.reddot img, .badge.iflogo img, .badge.ibalogo img {
  height: 100%;
  display: block;
}

.badge.reddot::after, .badge.iflogo::after, .badge.ibalogo::after {
  opacity: 0.1;
  font-size: 16px;
}

.badge.ibalogo {
  width: 123px;
  height: 120px;
  padding: 12px;
}

.badge.ibalogo img {
  margin: auto;
}

.badge.iflogo {
  top: 177px;
  padding: 19px 16px;
}

.badge.iflogo img {
  height: 35px;
}

#VersionHistory .section {
  margin-bottom: 2px;
}

#VersionHistory .section .section-subheader {
  font-weight: 400;
  font-size: 48px;
  text-align: left;
  margin-bottom: 29px;
}

#VersionHistory .section time {
  font-size: 30px;
  font-weight: 100;
  color: #1b1c1f;
}

#VersionHistory .section .content-list {
  margin-top: 50px;
}

#PrivacyPolicy .content {
  margin-top: 96px;
}

#PrivacyPolicy .section {
  margin-top: 64px;
}

#PrivacyPolicy .section .section-header {
  text-align: left;
}

#UserForms .styled-checkbox {
  position: absolute;
  opacity: 0;
}

#UserForms .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  z-index: 99;
}

#UserForms .styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #4b535f;
}

#UserForms .styled-checkbox:checked + label:before {
  background-image: url("../Images/icon-checkbox.png");
  background-repeat: no-repeat;
  background-position: center center;
}

#UserForms .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

#UserForms .styled-checkbox:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}

#UserForms .typeform-widget {
  display: none;
  width: 100%;
  height: 650px;
}

#UserForms .show-register-form {
  display: block;
  width: 100%;
}

#UserForms .show-register-form[disabled] {
  cursor: default;
  opacity: 0.5;
}

#UserForms .show-register-form[disabled]:hover {
  background: none;
  border-color: #4b535f;
  color: #4b535f;
}

#UserForms .open-modal {
  text-decoration: underline;
  font-weight: 600;
}

#UserForms .userform-content .section-title {
  margin: 64px 64px 16px;
  font-weight: 600;
}

#UserForms .userform-content .section-subtitle {
  margin: 0 64px 16px;
}

.isactiveform #Footer {
  display: none;
}

.isactiveform .userform-content {
  padding: 0;
  position: fixed;
  max-width: 1200px;
  margin: auto;
  left: 0;
  right: 0;
}

.isactiveform #UserForms .typeform-widget {
  height: 60vh;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  display: none;
}

.modal {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  margin: auto;
  z-index: 9;
  max-height: 85%;
  overflow-y: scroll;
  max-width: 1050px;
  padding: 128px 108px;
}

.modal .text {
  margin-bottom: 24px;
}

.modal .text:last-child {
  margin: 0;
}

.modal h6 {
  font-weight: 500;
  margin-bottom: 24px;
}

.bottom-nextpage {
  margin-bottom: 0;
  background: #ffb2cd;
  text-align: center;
  padding: 92px 0 63px;
  height: 310px;
  background-size: auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.bottom-nextpage .main-header {
  font-size: 72px;
  font-weight: 700;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  margin-bottom: 0;
}

.bottom-nextpage .main-header::after {
  font-size: 22px;
  top: -7px;
}

.bottom-nextpage .main-subheader {
  font-size: 30px;
  margin: 0 auto 10px;
}

.bottom-nextpage.works {
  background-image: url("../Images/bg-nextpage-footer-works.jpg");
}

.bottom-nextpage.aboutus {
  background-image: url("../Images/bg-nextpage-footer-about.jpg");
}

.bottom-nextpage.methodology {
  background-image: url("../Images/bg-nextpage-footer-methodology.jpg");
}

.bottom-nextpage.team {
  background-image: url("../Images/bg-nextpage-footer-team.jpg");
}

.bottom-nextpage.culture {
  background-image: url("../Images/bg-nextpage-footer-culture.jpg");
}

.bottom-nextpage.contact {
  background-image: url("../Images/bg-nextpage-footer-contact.jpg");
}

#Footer {
  width: 100%;
  background: #1b1c1f;
  position: relative;
}

#Footer .copyright {
  font-size: 16px;
  line-height: normal;
  color: #515966;
  float: left;
  padding: 24px 0 0px 40px;
  margin-bottom: 24px;
}

#Footer .copyright a {
  background: transparent;
  color: #4b535f;
  font-weight: 400;
}

#Footer #FooterMenu {
  float: right;
  text-align: right;
  padding: 40px 40px 38px;
}

#Footer #FooterMenu .footer-menu-item {
  font-size: 19px;
  font-weight: 100;
  color: #737f91;
  margin-left: 96px;
  float: left;
  line-height: 40px;
}

#Footer #FooterMenu .footer-menu-item:hover {
  color: #ffffff;
}

#Footer #FooterMenu .footer-menu-item:first-child {
  margin-left: 0;
}

#Footer #FooterMenu .footer-menu-item.icon-twitter, #Footer #FooterMenu .footer-menu-item.icon-medium {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-left: 16px;
  padding: 8px;
  background-size: 19px;
  background-repeat: no-repeat;
  background-position: center center;
}

#Footer #FooterMenu .footer-menu-item.icon-twitter {
  background-image: url('data:image/svg+xml,<svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23737f91" d="m512 97.248c-19.04 8.352-39.328 13.888-60.48 16.576 21.76-12.992 38.368-33.408 46.176-58.016-20.288 12.096-42.688 20.64-66.56 25.408-19.264-20.512-46.72-33.216-76.672-33.216-58.112 0-104.9 47.168-104.9 104.99 0 8.32 0.704 16.32 2.432 23.936-87.264-4.256-164.48-46.08-216.35-109.79-9.056 15.712-14.368 33.696-14.368 53.056 0 36.352 18.72 68.576 46.624 87.232-16.864-0.32-33.408-5.216-47.424-12.928v1.152c0 51.008 36.384 93.376 84.096 103.14-8.544 2.336-17.856 3.456-27.52 3.456-6.72 0-13.504-0.384-19.872-1.792 13.6 41.568 52.192 72.128 98.08 73.12-35.712 27.936-81.056 44.768-130.14 44.768-8.608 0-16.864-0.384-25.12-1.44 46.496 29.984 101.6 47.104 161.02 47.104 193.15 0 298.75-160 298.75-298.69 0-4.64-0.16-9.12-0.384-13.568 20.832-14.784 38.336-33.248 52.608-54.496z"/></svg>');
}

#Footer #FooterMenu .footer-menu-item.icon-twitter:hover {
  background-image: url('data:image/svg+xml,<svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="m512 97.248c-19.04 8.352-39.328 13.888-60.48 16.576 21.76-12.992 38.368-33.408 46.176-58.016-20.288 12.096-42.688 20.64-66.56 25.408-19.264-20.512-46.72-33.216-76.672-33.216-58.112 0-104.9 47.168-104.9 104.99 0 8.32 0.704 16.32 2.432 23.936-87.264-4.256-164.48-46.08-216.35-109.79-9.056 15.712-14.368 33.696-14.368 53.056 0 36.352 18.72 68.576 46.624 87.232-16.864-0.32-33.408-5.216-47.424-12.928v1.152c0 51.008 36.384 93.376 84.096 103.14-8.544 2.336-17.856 3.456-27.52 3.456-6.72 0-13.504-0.384-19.872-1.792 13.6 41.568 52.192 72.128 98.08 73.12-35.712 27.936-81.056 44.768-130.14 44.768-8.608 0-16.864-0.384-25.12-1.44 46.496 29.984 101.6 47.104 161.02 47.104 193.15 0 298.75-160 298.75-298.69 0-4.64-0.16-9.12-0.384-13.568 20.832-14.784 38.336-33.248 52.608-54.496z"/></svg>');
}

#Footer #FooterMenu .footer-menu-item.icon-medium {
  background-image: url('data:image/svg+xml,<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23737f91" d="m22.085 4.733 1.915-1.832v-.401h-6.634l-4.728 11.768-5.379-11.768h-6.956v.401l2.237 2.693c.218.199.332.49.303.783v10.583c.069.381-.055.773-.323 1.05l-2.52 3.054v.396h7.145v-.401l-2.52-3.049c-.273-.278-.402-.663-.347-1.05v-9.154l6.272 13.659h.729l5.393-13.659v10.881c0 .287 0 .346-.188.534l-1.94 1.877v.402h9.412v-.401l-1.87-1.831c-.164-.124-.249-.332-.214-.534v-13.467c-.035-.203.049-.411.213-.534z"/></svg>');
}

#Footer #FooterMenu .footer-menu-item.icon-medium:hover {
  background-image: url('data:image/svg+xml,<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="m22.085 4.733 1.915-1.832v-.401h-6.634l-4.728 11.768-5.379-11.768h-6.956v.401l2.237 2.693c.218.199.332.49.303.783v10.583c.069.381-.055.773-.323 1.05l-2.52 3.054v.396h7.145v-.401l-2.52-3.049c-.273-.278-.402-.663-.347-1.05v-9.154l6.272 13.659h.729l5.393-13.659v10.881c0 .287 0 .346-.188.534l-1.94 1.877v.402h9.412v-.401l-1.87-1.831c-.164-.124-.249-.332-.214-.534v-13.467c-.035-.203.049-.411.213-.534z"/></svg>');
}

#Footer .version {
  background: #18191c;
  padding: 17px 40px;
  bottom: 0;
  left: 0;
}

.selam-ver {
  height: auto !important;
  background-image: url("../Images/bg-header-selamver.jpg");
  background-color: #6abf7c;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right top;
}

.selam-ver #Header {
  text-align: left;
  background: none;
}

.selam-ver #Header .container {
  max-width: 840px;
  padding-top: 100px;
}

.selam-ver #Header .main-header {
  color: #e6fceb;
}

.selam-ver #Header .main-subheader {
  color: #fefefe;
  margin-top: -16px;
  margin-bottom: 32px;
}

.selam-ver .text {
  color: #fefefe;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 24px;
}

.selam-ver .text strong {
  color: #2a4c32;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}

.selam-ver .text strong .tooltip {
  position: absolute;
  background: #fff;
  font-size: 12px;
  font-weight: 100;
  line-height: 20px;
  padding: 14px 16px;
  width: 310px;
  border-radius: 10px;
  top: -115px;
  left: 0px;
  visibility: hidden;
  opacity: 0;
}

.selam-ver .text strong .tooltip::before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
}

.selam-ver .text strong:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.selam-ver .section {
  text-align: center;
  background: #2a4c32;
  padding: 49px 0;
  color: #69bf7c;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 48px;
}

.selam-ver .section .btn-text {
  color: #69bf7c;
  text-decoration: underline;
  position: relative;
  top: -12px;
}

.selam-ver .section .btn-text::after {
  display: none;
}

.selam-ver .section .icon::after {
  content: '\e91a';
  font-family: 'sherpaicon';
  font-size: 14px;
  margin: 0 26px;
  position: relative;
  top: -12px;
  color: #69bf7c;
}

.selam-ver .section .counter {
  font-size: 32px;
  top: -8px;
  position: relative;
}

.selam-ver .section .logo-climate img {
  width: 120px;
  position: relative;
  top: 3px;
  margin-left: 150px;
}

.selam-ver .section.works {
  background-color: transparent;
  padding: 96px 0;
  margin-top: 0;
}

.selam-ver .section.works .section-title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
}

@media only screen and (min-width: 960px) and (max-width: 1025px) and (orientation: landscape) {
  br {
    display: none;
  }
  br.mobile {
    display: block;
  }
  .section-img {
    width: 100%;
  }
  .img-fullwidth {
    margin: 0 -128px;
  }
  .section {
    padding: 117px 128px;
  }
  .section .section-header {
    width: 100%;
  }
  .section .section-subheader {
    width: 95%;
    margin: 0 0 59px;
  }
  .subsection {
    padding-left: 96px;
    padding-right: 96px;
  }
  #Header .main-header {
    width: 81%;
    margin: 0 auto 46px;
  }
  #Header .main-subheader {
    margin-top: 0;
  }
  #Header.case-study .header-img {
    max-width: 90% !important;
    bottom: -400px;
  }
  .references-logos__homepage {
    width: 100%;
  }
  .references-logos__homepage .logo-ref {
    width: auto;
    height: auto;
  }
  .badge {
    top: 0;
  }
  .badge.stevies {
    right: -60px;
    top: -116px;
  }
  .badge.reddot {
    padding: 16px 32px;
    right: auto;
    height: 80px;
    width: auto;
  }
  #Works .section.works-abgsmarttv {
    background-position: 620px 128px;
  }
  #Works .section.works-koalay {
    background-position: 560px 110px;
  }
  #Works .section.works-cignafinans {
    background-position: 150% 130%;
    background-size: 70%;
  }
  #Works .section.works-bekowm {
    background-position: 150% center;
    background-size: 50%;
  }
  #Works .section.section.works-radore {
    background-position: right bottom;
  }
  #Works .section.works-axion {
    background-size: 75%;
  }
  #Works .section.works-monitera {
    background-position: 130% 120%;
    background-size: 70%;
  }
  #SherpaBlog .single-post-feed .image-container {
    width: 26.5%;
    margin-right: 4.5%;
  }
  #SherpaBlog .single-post-feed .image-container img {
    left: -32%;
  }
  #SherpaBlog .single-post-feed .post-content {
    width: 69%;
  }
  #SubscribeForm {
    width: 100%;
  }
  #SubscribeForm .form-group {
    width: 60.3%;
  }
  #SubscribeForm .btn.submit {
    width: 39.7%;
  }
  #Footer .copyright {
    width: 30%;
  }
  #Footer .copyright br {
    display: block;
  }
  #Footer #FooterMenu {
    width: 70%;
    text-align: right;
  }
  #Footer #FooterMenu .footer-menu-item {
    margin-left: 9%;
  }
  #Footer #FooterMenu .footer-menu-item:first-child {
    margin-left: 0;
  }
  #Portfolio .my-projects {
    margin: 0 4% 4% 0;
    width: 48%;
    height: 337px;
    background-size: contain;
  }
  #Team .section {
    padding: 128px 64px;
  }
  #Team .team-member {
    width: 31%;
    margin-right: 2%;
  }
  #Team .team-member .team-member__photo {
    width: 101%;
  }
  #InstagramFeed .section,
  #DropmarkFeed .section {
    padding: 128px 64px;
  }
  #InstagramFeed .section .btn,
  #DropmarkFeed .section .btn {
    width: 100%;
  }
  #OurServices .section-title span {
    display: block;
  }
  #OurServices .text {
    width: 480px;
  }
  #OurServices .img-services {
    width: 200px;
  }
  #AboutUs .section.certificates .logo-container .logo-certificate {
    margin-left: 6px;
    width: 140px;
  }
  #AboutUs .partner-container .section-subheader {
    top: 0;
    margin-right: 0;
  }
  #AboutUs .partner-container .partners-logo {
    width: 49%;
  }
  #ContactUs .section.take-offer .btn.external, #ContactUs .section.join-us .btn.external, #ContactUs .section.address .btn.external {
    width: 60%;
    padding: 18px 0;
  }
  #ContactUs .section.address .text br {
    display: block;
  }
  #ContactUs .social-pages .social {
    margin-right: 11px;
  }
  #ContactUs .col-2 {
    padding: 0 32px 0 0;
    min-height: 225px;
  }
  #ContactUs .col-2 br {
    display: none !important;
  }
  #ContactUs .col-2 span {
    white-space: normal !important;
  }
  #ContactUs .col-2 .text {
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 26px;
  }
  #ContactUs .col-2 .btn.external {
    width: 320px !important;
    letter-spacing: normal;
    position: absolute;
    bottom: 0;
  }
  #ContactUs .col-2:last-child {
    padding: 0 0 0 32px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .options .options-item {
    width: 32.1%;
    font-size: 16px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .options .options-item::before {
    font-size: 42px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .section.graph {
    display: none;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .img-section {
    width: 50%;
    margin: auto;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .graph-container {
    margin-top: -40px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .graph-container .graph-item {
    line-height: 70px;
    font-size: 16px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .graph-container .graph-item .graph-value {
    width: 62px;
    height: 34px;
    padding: 0px;
    margin-right: 18px;
    line-height: 34px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .slider-container.slider-kolayoto {
    height: 490px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .slider-container.slider-kolayoto .slider-content {
    background-size: 704px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .output .output-info .output-text {
    width: 50%;
    float: left;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .output .output-info.right .output-text {
    float: right;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .output .output-info.right img {
    float: left;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .mobile-view {
    height: 640px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .phone-container {
    display: none;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step {
    padding: 126px 0;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step .img-step {
    width: 200px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step .text-container {
    width: 390px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step .text-container .text {
    font-size: 19px;
    line-height: 34px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__bekoyazarkasa .video-list .video-item {
    width: 160px;
    height: 64px;
    padding: 15px 0;
    margin: 0 5px 20px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__quicksigorta .col-container {
    margin: -156px -120px 120px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__quicksigorta .col-container .col-6 {
    width: 46.5%;
    min-height: 640px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  br {
    display: none;
  }
  .img-fullwidth {
    margin: 0 -66px;
    width: 100%;
  }
  .header-img,
  .section-img {
    width: 100%;
  }
  .img-offset {
    width: 124%;
    margin: 0 -12%;
    max-width: none;
  }
  .section,
  .section.transparent {
    padding: 116px 66px 119px;
  }
  .subsection {
    padding: 62px 64px 77px;
  }
  .content {
    max-width: none;
  }
  .header-subtext {
    width: 100%;
  }
  #Header .main-header {
    width: auto;
    margin: 0 64px 46px;
    font-size: 62px;
  }
  #Header .main-subheader {
    margin-top: 0;
  }
  #Header.works {
    background-position: 34% center;
  }
  #Header.about-us {
    background-position: 90% bottom;
  }
  #Header.about-us .main-header {
    margin: 0 auto 46px;
    width: 60%;
  }
  #Header.our-process {
    background-position: 75% bottom;
  }
  #Header.culture {
    background-position: 50% bottom;
  }
  .badge {
    right: 0;
    left: 0;
    margin: auto;
    position: relative;
    display: block;
  }
  .badge.uxdesign {
    top: 0;
  }
  .badge.stevies {
    top: -20px;
  }
  .badge.reddot {
    padding: 16px 32px;
    right: auto;
    width: auto;
    height: 80px;
  }
  #Works .section {
    padding: 300px 36px 119px !important;
  }
  #Works .section::before {
    height: 356px !important;
    background-repeat: no-repeat;
    background-position: center 64px;
    background-size: 70%;
  }
  #Works .section.works-abgsmarttv {
    background-image: none;
  }
  #Works .section.works-abgsmarttv::before {
    background-image: url(../Images/case-studys/bg-home-works-abg-smart-tv.png);
  }
  #Works .section.works-koalay {
    background-image: none;
  }
  #Works .section.works-koalay::before {
    background-image: url(../Images/bg-home-works-koalay.png);
  }
  #Works .section.works-bekowm {
    background-image: none;
  }
  #Works .section.works-bekowm::before {
    background-image: url(../Images/case-studys/bg-home-works-bekowm.png);
  }
  #Works .section.works-wellabled {
    background-image: none;
  }
  #Works .section.works-wellabled::before {
    background-image: url(../Images/case-studys/bg-home-works-wellabled.png);
    background-position: right bottom;
  }
  #Works .section.works-radore {
    background-image: none;
  }
  #Works .section.works-radore::before {
    background-image: url(../Images/case-studys/bg-home-works-radore.png);
  }
  #Works .section.works-kolayoto {
    background-image: none;
  }
  #Works .section.works-kolayoto::before {
    background-image: url(../Images/case-studys/bg-home-works-kolayoto.png);
    background-position: center bottom;
  }
  #Works .section.works-axion {
    background-image: none;
  }
  #Works .section.works-axion::before {
    background-image: url(../Images/case-studys/bg-home-works-axion.png);
    background-position: center bottom;
  }
  #Works .section .section-header {
    width: 100%;
    margin-top: 110px;
  }
  #Works .section .section-header {
    width: auto !important;
  }
  #References .section-header {
    width: 90%;
  }
  #References .section-header,
  #References .section-subheader {
    text-align: left;
  }
  #References .subsection .section-header {
    text-align: center;
    width: 100%;
  }
  #References .references-logos__homepage {
    width: 100%;
    -ms-grid-columns: (115px)[10];
        grid-template-columns: repeat(10, 115px);
    -ms-grid-rows: (80px)[3];
        grid-template-rows: repeat(3, 80px);
  }
  #References .references-logos__homepage .logo-ref {
    width: auto;
    height: auto;
    background-size: 60%;
  }
  #References .references-logos__homepage .logo-ref.logo-7, #References .references-logos__homepage .logo-ref.logo-10, #References .references-logos__homepage .logo-ref.logo-15 {
    background-size: 40%;
  }
  #SherpaBlog .image-container {
    display: none;
  }
  #SherpaBlog .post-content {
    width: 100%;
  }
  #SubscribeForm {
    width: 100%;
  }
  #SubscribeForm .form-group {
    width: 67.5%;
  }
  #SubscribeForm .btn.submit {
    width: 32.5%;
    padding: 18px 0;
  }
  .tv-slider {
    height: auto;
  }
  .tv-slider .slider-item {
    width: 28%;
    padding: 12px;
    font-size: 16px;
    margin: 0 8px 16px;
  }
  .slider-container {
    height: 290px;
    margin-bottom: 16px;
  }
  .slider-container.slider-quicksigorta .slidetooltip {
    width: 125px;
    left: -65px;
    padding: 0 10px;
    font-size: 14px;
  }
  #OurServices .text {
    width: 100%;
  }
  #OurServices .section-title span {
    display: block;
  }
  #OurServices .img-services {
    float: none;
    display: block;
    margin: auto;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .options .options-item {
    width: 32.1%;
    font-size: 14px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .options .options-item::before {
    font-size: 42px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .section.graph {
    display: none;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .img-section {
    width: 100%;
    margin: auto;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .graph-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    right: auto;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .graph-container .graph-item {
    line-height: 70px;
    font-size: 16px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .piechart .graph-container .graph-item .graph-value {
    width: 62px;
    height: 34px;
    padding: 0px;
    margin-right: 18px;
    line-height: 34px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .slider-container.slider-kolayoto {
    height: 390px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .slider-container.slider-kolayoto .slider-content {
    background-size: 572px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .output {
    min-height: auto;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .output .output-info img {
    width: 45%;
    margin: 26px 0;
  }
  #ProjectDetail.casestudy-content.casestudy-content__kolayoto .output .output-info .output-text {
    width: 50%;
    margin: 74px 0;
    float: left;
  }
  #ProjectDetail.casestudy-content .analysis .content-list {
    width: 100%;
  }
  #ProjectDetail.casestudy-content .project-services .services-item__project-detail {
    font-size: 14px;
    line-height: 18px;
    padding-top: 186px;
  }
  #ProjectDetail.casestudy-content .project-services .services-item__project-detail:nth-child(3n) {
    margin-right: 3.85%;
  }
  #ProjectDetail.casestudy-content .project-services .services-item__project-detail:nth-child(2n) {
    margin-right: 0;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .section__bg-color {
    padding-top: 45%;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step {
    padding: 64px 0;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step .text-container,
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step:last-child .text-container {
    width: 100%;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .output .output-step .img-step {
    width: 50%;
    margin: 32px 25% auto;
    position: relative;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .mobile-view {
    height: 768px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .mobile-view .phone-container {
    display: none;
  }
  #ProjectDetail.casestudy-content.casestudy-content__radore .project-testimonial {
    padding-bottom: 0;
  }
  #ProjectDetail.casestudy-content.casestudy-content__smart-tv .abg-screens {
    width: 48.5%;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #ProjectDetail.casestudy-content.casestudy-content__koalay .project-services .services-item__project-detail:nth-child(3n) {
    margin-right: 0;
  }
  #ProjectDetail.casestudy-content.casestudy-content__koalay .project-services .services-item__project-detail:nth-child(2n) {
    margin-right: 3.85%;
  }
  #ProjectDetail.casestudy-content.casestudy-content__quicksigorta .img-offset {
    width: 120%;
    margin: 0 -10%;
  }
  #ProjectDetail.casestudy-content.casestudy-content__quicksigorta .slider-name-list .slider-name {
    font-size: 16px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__quicksigorta .col-container {
    margin: -150px -50px 100px;
  }
  #ProjectDetail.casestudy-content.casestudy-content__quicksigorta .col-container .col-6 {
    width: 44%;
    min-height: 730px;
  }
  #ProjectDetail.casestudy-content .project-milestones .milestone {
    width: 29.5%;
    margin-right: 5%;
  }
  #ProjectDetail.casestudy-content .project-milestones .milestone:nth-child(2n) {
    margin-right: 6.4%;
  }
  #ProjectDetail.casestudy-content .project-milestones .milestone:nth-child(3n) {
    margin-right: 0;
  }
  #ProjectDetail.casestudy-content .project-testimonial {
    padding-bottom: 425px;
  }
  #ProjectDetail.casestudy-content .next-project .img-next-project {
    max-width: 100%;
  }
  #DropmarkFeed .dropmark-item {
    height: 175px;
  }
  #Footer br {
    display: block;
  }
  #Footer .copyright,
  #Footer time {
    font-size: 14px;
    width: 35%;
  }
  #Footer #FooterMenu .footer-menu-item {
    font-size: 16px;
    margin-left: 24px;
  }
  #Footer .version-no {
    font-size: 16px;
  }
  #Portfolio .my-projects {
    margin: 0 6.3% 6.3% 0;
    width: 46.8%;
    height: 240px;
    background-size: contain;
  }
  #Portfolio .btn,
  #Portfolio .btn.external {
    padding: 18px 0;
  }
  #Portfolio .btn.projectlink {
    padding: 0;
    bottom: 16px;
    right: 16px;
  }
  #AboutUs .bg-svg__aboutus .section-header {
    width: 107%;
  }
  #AboutUs .text {
    width: 100%;
  }
  #AboutUs .user-and-experience {
    background-size: 70%;
  }
  #AboutUs .section.certificates .text-container {
    width: 100%;
  }
  #AboutUs .section.certificates .logo-container {
    width: 100%;
    text-align: center;
  }
  #AboutUs .section.certificates .logo-container .logo-certificate {
    margin-left: 8%;
    width: 28%;
  }
  #AboutUs .section.certificates .logo-container .logo-certificate:first-child {
    margin-left: 0;
  }
  #AboutUs .section.videosection {
    width: auto !important;
    padding: 0;
  }
  #AboutUs .ourpartners .section-header {
    width: 100%;
    margin-bottom: 16px;
  }
  #AboutUs .partner-container {
    width: 100%;
    padding: 32px 0;
  }
  #AboutUs .partner-container .section-subheader {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
    top: 0 !important;
  }
  #AboutUs .partner-container .partners-logo {
    width: 100%;
    margin-bottom: 16px;
    display: block;
  }
  #AboutUs .partner-container .partners-logo img {
    max-width: 222px;
  }
  #AboutUs .partner-container .partners-logo.optimizely img {
    width: 44.3%;
    margin: auto 4.5%;
    display: inline-block;
  }
  #AboutUs .partner-container .partners-logo.optimizely img:last-child {
    margin-right: 0;
  }
  #AboutUs .partner-container .partners-logo.optimizely img:first-child {
    margin-left: 0;
  }
  #OurProcess .devices-container .device {
    height: 124px;
    font-size: 18px;
  }
  #OurProcess .devices-container .device .svg-icon {
    width: 90px;
    margin: 14px auto;
  }
  #OurProcess .section-header {
    margin-bottom: 0;
  }
  #HowItWork .btn {
    padding: 18px 40px;
    width: 85%;
  }
  #HowItWork .section:first-child::after, #HowItWork .section:nth-child(2)::after {
    font-size: 365px;
    bottom: -154px;
  }
  #HowItWork .section:nth-child(2)::after {
    top: -240px;
  }
  #HowItWork .subsection .btn {
    width: 75%;
  }
  #Team .team-member {
    width: 46.4%;
    height: auto;
  }
  #Team .team-member:nth-child(3n) {
    margin-right: 32px;
  }
  #Team .team-member:nth-child(2n) {
    margin-right: 0;
  }
  #Team .team-member .team-member__photo {
    width: 101%;
  }
  #Team .team-member .team-member__social-links {
    height: auto;
  }
  #Team .team-member .team-member__social-links .member-account {
    padding-bottom: 4px;
  }
  #Team .team-member .team-member__social-links .member-account::after {
    font-size: 18px;
  }
  #Team .join-us {
    background-size: 100%;
  }
  #Team .join-us .btn {
    width: 100%;
  }
  #InstagramFeed .section-header,
  #InstagramFeed .text {
    text-align: left;
  }
  #InstagramFeed .feed-link {
    width: 46.8%;
    height: 240px;
    margin-right: 6.4%;
    margin-bottom: 6.4%;
  }
  #InstagramFeed .feed-link:nth-child(3n) {
    margin-right: 6.4%;
  }
  #InstagramFeed .feed-link:nth-child(2n) {
    margin-right: 0;
  }
  #InstagramFeed .feed-link:last-child {
    display: none;
  }
  #DropmarkFeed .section-header,
  #DropmarkFeed .text {
    text-align: left;
  }
  #DropmarkFeed .btn {
    padding: 18px 0;
    width: 100%;
    letter-spacing: 1.5px;
  }
  #ContactUs .btn {
    width: 100% !important;
    padding: 18px 0;
  }
  #ContactUs .section {
    padding: 116px 66px 119px;
  }
  #ContactUs .section.take-offer {
    background-size: auto 60%;
  }
  #ContactUs .section.join-us {
    background-size: 80%;
    background-position: 120% bottom;
  }
  #ContactUs .section.address .section-header,
  #ContactUs .section.address .text,
  #ContactUs .section.address .btn {
    position: relative;
    z-index: 1;
  }
  #ContactUs .section.address::after {
    right: -160px;
  }
  #ContactUs .contact-form .form-group {
    width: 100% !important;
    display: block;
    float: none;
  }
  #ContactUs .contact-form .form-group input {
    width: 100% !important;
    display: block;
    float: none;
  }
  #ContactUs .social-pages .social {
    margin: 0 30px 30px 0;
  }
  #ContactUs .col-2 {
    padding: 0 32px 0 0;
    min-height: 238px;
  }
  #ContactUs .col-2 br {
    display: none !important;
  }
  #ContactUs .col-2 span {
    white-space: normal !important;
  }
  #ContactUs .col-2 .text,
  #ContactUs .col-2 a {
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 26px;
  }
  #ContactUs .col-2 .btn.external {
    max-width: 255px;
    letter-spacing: normal;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding: 12px;
  }
  #ContactUs .col-2:last-child {
    padding: 0 0 0 32px;
  }
}

@media only screen and (max-width: 780px) and (min-width: 320px) {
  #Works .section {
    background-image: none !important;
    min-height: auto;
  }
  #Works .section::before {
    content: '';
    width: 100%;
    height: 180px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center 32px;
    background-size: 85%;
  }
  #Works .section.works-abgsmarttv::before {
    background-image: url(../Images/case-studys/bg-home-works-abg-smart-tv.png);
  }
  #Works .section.works-koalay::before {
    background-image: url(../Images/bg-home-works-koalay.png);
  }
  #Works .section.works-bekowm::before {
    background-image: url(../Images/case-studys/bg-home-works-bekowm.png);
  }
  #Works .section.works-wellabled::before {
    background-image: url(../Images/case-studys/bg-home-works-wellabled.png);
    background-position: right bottom;
  }
  #Works .section.works-radore::before {
    background-image: url(../Images/case-studys/bg-home-works-radore.png);
  }
  #Works .section.works-kolayoto::before {
    background-image: url(../Images/case-studys/bg-home-works-kolayoto.png);
    background-position: center bottom;
  }
  #Works .section.works-axion::before {
    background-image: url(../Images/case-studys/bg-home-works-axion.png);
    background-position: center bottom;
  }
  #Works .section.works-monitera::before {
    background-image: url(../Images/case-studys/bg-home-works-monitera.png);
    background-position: center center;
  }
  #Works .section.works-monitera .section-header {
    width: 100%;
  }
  #Works .section.works-bekoyazarkasa::before {
    background-image: url(../Images/case-studys/bg-home-works-beko-yazarkasa.png);
    background-position: center -36%;
    background-size: 61%;
  }
  #Works .section.works-bekoyazarkasa .section-header {
    width: 100%;
  }
  #Works .section.works-zingat::before {
    background-image: url("../Images/case-studys/bg-home-works-zingat-mobile.png");
    left: auto;
    right: 0;
    background-position: right bottom;
    background-size: cover;
  }
  #Works .section.works-beko7segment::before {
    background-image: url("../Images/case-studys/bg-home-works-beko7segment.png");
    left: auto;
    right: 0;
    background-position: right top;
    background-size: cover;
  }
  #Works .section.works-beko7segment .btn-text {
    color: #ffffff;
  }
  #Works .section.works-cignafinans {
    height: auto;
  }
  #Works .section.works-cignafinans::before {
    background-image: url("../Images/case-studys/bg-home-works-cignafinans.png");
    right: 0;
    background-position: center bottom;
    background-size: cover;
  }
  #Works .section.works-quicksigorta {
    height: auto;
  }
  #Works .section.works-quicksigorta::before {
    right: 0;
    background-image: url("../Images/case-studys/quicksigorta-head-image.png");
    background-position: 100% -10%;
    background-size: cover;
  }
  #Works .section.works-quicksigorta .btn-text {
    color: #ffffff;
  }
  #Works .section.works-sportive::before {
    right: 0;
    background-image: url("../Images/case-studys/sportive-head-image.png");
    background-position: center 30px;
    background-size: cover;
  }
  #Works .section.works-sportive .btn-text {
    color: #ffffff;
  }
  #Works .section.works-moov::before {
    right: 0;
    background-image: url("../Images/case-studys/moov-bg-works.png");
    background-position: center 10px;
    background-size: contain;
  }
  #Works .section.works-moov .btn-text {
    color: #ffffff;
  }
  #Works .section.works-eureko::before {
    right: 0;
    background-image: url("../Images/case-studys/eureko-head-image.png");
    background-position: center bottom;
    background-size: contain;
  }
  #Works .section.works-eureko .btn-text {
    color: #ffffff;
  }
  #Works .section.works-cepteteb::before {
    right: 0;
    background-image: url("../Images/case-studys/cepteteb-head-image-en.png");
    background-size: 90%;
    background-position: center -30%;
  }
  #Works .section.works-cepteteb .btn-text {
    color: #ffffff;
  }
  #Works .section.works-ahe::before {
    right: 0;
    background-image: url("../Images/case-studys/ahe-head-image.png");
    background-size: 90%;
    background-position: center -30%;
  }
  #Works .section.works-ahe .btn-text {
    color: #ffffff;
  }
  #Works .section.works-homewhiz {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#14171d), to(#434955)) !important;
    background-image: linear-gradient(to bottom, #14171d, #434955) !important;
  }
  #Works .section.works-homewhiz::before {
    right: 0;
    height: 180px;
    background-size: 240px auto;
    background-position: 30px 20px;
    z-index: 9;
  }
  #Works .section.works-homewhiz::after {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    height: 180px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#14171d), to(#434955));
    background-image: linear-gradient(to bottom, #14171d, #434955);
  }
  #Works .section.works-homewhiz .btn-text {
    color: #ffffff;
  }
  #Works .section.works-vega::before {
    right: 0;
    background-image: url("../Images/case-studys/vega-head-image.png");
    background-size: 90%;
    background-position: center -30%;
  }
  #Works .section.works-vega .btn-text {
    color: #ffffff;
  }
  #Works .section.works-ahewebsite::before, #Works .section.works-imeceapp::before {
    right: 0;
    background-image: url("../Images/case-studys/ahewebsite-head-image.png");
    background-size: 90%;
    background-position: center -30%;
  }
  #Works .section.works-ahewebsite .btn-text, #Works .section.works-imeceapp .btn-text {
    color: #ffffff;
  }
  #Works .section.works-ahewebsite .section-subheader, #Works .section.works-imeceapp .section-subheader {
    width: 100%;
  }
  #Works .section.works-imeceapp::before {
    background-size: 100%;
    background-position: center 0%;
    background-image: url("../Images/case-studys/imeceapp-head-image.png");
  }
  .modal .section-subtitle {
    font-size: 18px;
  }
  .modal h6 {
    font-size: 16px;
  }
  #UserForms .apply-terms-label {
    font-size: 16px;
  }
}

@media only screen and (max-width: 760px) and (min-width: 320px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .img-shadow {
    margin-bottom: 16px;
  }
  .img-offset {
    width: 100%;
    margin: 0 0 18px;
  }
  br {
    display: none;
  }
  .aligncenter {
    width: 100%;
  }
  .text,
  ul li,
  .input,
  .form-label,
  a {
    font-size: 16px;
    line-height: 26px;
  }
  .text {
    margin-bottom: 23px;
  }
  .quote {
    font-size: 16px;
    line-height: 26px;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
    margin-bottom: 28px;
    margin-top: 40px;
  }
  .quote .quote-text {
    padding: 16px;
  }
  .quote::after, .quote::before {
    -webkit-box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.07);
            box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.07);
  }
  .btn.btn-send::after {
    top: 9px;
    font-size: 22px;
  }
  .section-img {
    margin: 0;
    width: 100%;
  }
  .img-fullwidth {
    margin: 0 -24px;
  }
  .btn,
  .btn.btn-line,
  .btn.external {
    letter-spacing: 1px;
    font-size: 12px;
    width: 100%;
    padding: 12px 0;
  }
  .btn.external::after,
  .btn.btn-line.external::after,
  .btn.external.external::after {
    font-size: 18px;
  }
  .section-title {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 16px;
  }
  .content {
    margin: 16px auto;
  }
  .section,
  .section.transparent {
    padding: 51px 24px 39px;
    margin-bottom: 16px;
  }
  .section .section-header,
  .section.transparent .section-header {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: normal;
    text-align: left;
  }
  .section .section-subheader,
  .section.transparent .section-subheader {
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: normal;
  }
  .section.transparent,
  .section.transparent.testimonial {
    margin-bottom: 0;
    padding: 36px 24px 38px;
  }
  .subsection {
    padding: 40px 24px 48px;
    margin: 0;
  }
  .subsection .section-header {
    text-align: left;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: normal;
  }
  .subsection .header-subtext {
    font-size: 16px;
    text-align: left;
    line-height: 26px;
  }
  .subsection.uxstrategycall {
    display: block;
    padding: 51px 48px;
  }
  .subsection.uxstrategycall .section-header {
    font-size: 28px;
    display: none;
  }
  .subsection.uxstrategycall .section-subtitle {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .subsection.uxstrategycall .section-subtitle,
  .subsection.uxstrategycall .header-subtext {
    text-align: left;
    width: auto;
  }
  .subsection.uxstrategycall .btn {
    padding: 12px 0;
    display: block;
  }
  .subsection.uxstrategycall .sub-container.ux-team {
    padding-right: 0;
    padding-bottom: 48px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 38px;
  }
  .subsection.uxstrategycall .sub-container.uxstrategy-team {
    border-left: none;
    padding-left: 0;
  }
  .subsection.uxstrategycall.tr .sub-container {
    display: block;
    padding-bottom: 32px;
    border-bottom: 1px solid #cccccc;
  }
  .subsection.uxstrategycall.tr .sub-container:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .subsection.uxstrategycall.tr .sub-container.ux-team {
    padding-bottom: 32px;
  }
  .subsection.uxstrategycall.tr .sub-container.ux-team .header-subtext,
  .subsection.uxstrategycall.tr .sub-container.ux-team .section-subtitle {
    text-align: left;
  }
  .subsection.uxstrategycall.tr .btn {
    text-align: center;
    margin: 0;
    height: 46px;
    position: relative;
  }
  .subsection.uxstrategycall.tr .sub-container.ux-audit {
    padding-right: 0;
  }
  .content {
    max-width: none;
  }
  .header-subtext {
    width: 100%;
  }
  .nav-container {
    padding: 16px !important;
  }
  .nav-container #logo {
    width: 73px;
  }
  .nav-container .menu-header {
    font-size: 14px;
  }
  .nav-container .menu-header .ico-menu {
    margin: -1px 0 0 8px;
  }
  .nav-container .menu-header .ico-menu .menu-line {
    width: 21px;
    height: 2px;
    margin-bottom: 5px;
  }
  .nav-container .menu-header .ico-menu .menu-line.line02 {
    width: 18px;
  }
  .nav-container .menu-header .ico-menu .menu-line.line03 {
    width: 15px;
  }
  .nav-container .menu-header .ico-menu .menu-line.full-line {
    width: 21px;
  }
  .nav-container.fixed, .nav-container.text-content {
    padding: 16px;
  }
  #Header .main-header {
    width: auto;
    margin: 0 20px 10px;
    font-size: 34px;
  }
  #Header .btn {
    width: 80%;
  }
  #Header .main-subheader {
    margin-top: 0;
    font-size: 30px;
    line-height: normal;
  }
  #Header.works {
    background-position: 34% center;
  }
  #Header.about-us {
    background-position: 87% bottom;
  }
  #Header.about-us .main-header {
    margin: 0 auto 46px;
    width: 70%;
  }
  #Header.our-process {
    background-position: 80% bottom;
  }
  #Header.culture {
    background-position: 50% bottom;
  }
  #Header.error404 .main-header {
    font-size: 28px;
  }
  #Header.error404 .main-subheader {
    font-size: 19px;
  }
  #Header.error404 #ErrorMenu .menu-item {
    display: block;
    text-align: center;
    width: 100%;
  }
  #Header.error404 #ErrorMenu .menu-item::after {
    display: none;
  }
  #Header.case-study .main-subheader {
    font-size: 24px;
    width: 90%;
  }
  #Header.case-study .main-header {
    margin: 30% 2% 12px;
  }
  #Header.case-study .header-img {
    height: auto;
    width: 100%;
    bottom: -18px;
  }
  #Header.case-study.case-study__beko7segment .header-img {
    width: 100vw;
    bottom: -100px;
  }
  .badge {
    width: 17.5vw;
    height: 28vw;
    position: relative;
    background-size: contain;
    right: 0;
    left: 0;
    top: auto;
    margin: 23% auto 24px;
    background-size: contain;
    display: block;
  }
  .badge.stevies {
    width: 16vw;
    height: 32vw;
    top: 0;
    margin: 0 auto;
  }
  .badge.reddot, .badge.iflogo, .badge.ibalogo {
    width: auto !important;
    padding: 8px 16px;
    right: auto;
    height: 56px;
    top: 66px;
    margin: 0;
    bottom: auto;
  }
  #Header .badge.reddot,
  #Header .badge.iflogo,
  #Header .badge.ibalogo {
    top: 48px;
    width: 100px !important;
  }
  #Header .badge.iflogo {
    padding: 13px 16px;
    top: 105px;
  }
  #Header .badge.iflogo img {
    height: 30px;
  }
  #Works .section::before {
    content: '';
    width: 100%;
    height: 180px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center 32px;
    background-size: 85%;
  }
  #Works .section .section-header {
    width: auto !important;
    margin-top: 172px;
    font-size: 28px;
    line-height: normal;
  }
  #Works .section .section-subheader {
    font-size: 22px;
    line-height: 30px;
    width: 100%;
  }
  #Works .section .testimonial-text,
  #Works .section .testimonial-name,
  #Works .section .testimonial-title {
    display: none;
  }
  #Works .section .btn {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    letter-spacing: normal;
    width: 100%;
  }
  #References .section-subheader {
    margin-bottom: 20px;
  }
  #HomeServices {
    -ms-grid-columns: auto;
        grid-template-columns: auto;
    grid-gap: 16px;
  }
  #HomeServices .section.transparent,
  #HomeServices .ux-team {
    padding: 48px 20px 0 20px;
    text-align: left;
    grid-column: auto;
  }
  #HomeServices .ux-team,
  #HomeServices .ux-audit,
  #HomeServices .uxstrategy-team {
    padding: 48px 20px;
  }
  .ref-slider__content {
    width: 300%;
  }
  .ref-slider .dot-nav {
    width: 100%;
    text-align: center;
    top: 10px;
    position: relative;
  }
  .ref-slider .dot-nav .dot-item {
    width: 6px;
    height: 6px;
    background: #e5e5e5;
    display: inline-block;
    border-radius: 50%;
  }
  .ref-slider .dot-nav .dot-item.active {
    background: #17181a;
  }
  .ref-slider .pagination {
    text-align: center;
    margin-top: 30px;
  }
  .ref-slider .pagination__next, .ref-slider .pagination__prev {
    display: inline-block;
    width: 50%;
    height: auto;
    background: none;
    margin: 0 -3px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-right: none;
  }
  .ref-slider .pagination__next.active, .ref-slider .pagination__prev.active {
    background: none;
  }
  .ref-slider .pagination__next.active::before, .ref-slider .pagination__prev.active::before {
    color: #e92e50;
  }
  .ref-slider .pagination__next::before, .ref-slider .pagination__prev::before {
    font-family: sherpaicon;
    content: '\e91e';
    font-size: 18px;
    display: inline-block;
    padding: 12px;
    color: #e92e50;
  }
  .ref-slider .pagination__next.last::before, .ref-slider .pagination__prev.last::before {
    color: #b4bccc;
  }
  .ref-slider .pagination__next:hover, .ref-slider .pagination__prev:hover {
    height: auto;
  }
  .ref-slider .pagination__prev {
    border-left: none;
  }
  .ref-slider .pagination__prev::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .references-logos__homepage.mobile {
    height: auto;
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: (auto)[3];
        grid-template-columns: repeat(3, auto);
    -ms-grid-rows: (50px)[4];
        grid-template-rows: repeat(4, 50px);
    grid-row-gap: 0;
    background-color: transparent;
  }
  .references-logos__homepage.mobile .logo-ref {
    width: 27.5vw;
    margin-left: 0;
    height: 100%;
    background-size: 55% auto;
  }
  .references-logos__homepage.mobile .logo-ref.logo-15, .references-logos__homepage.mobile .logo-ref.logo-27 {
    background-size: 45%;
  }
  .references-logos__homepage.mobile .logo-ref.logo-10, .references-logos__homepage.mobile .logo-ref.logo-7, .references-logos__homepage.mobile .logo-ref.logo-23 {
    background-size: 30%;
  }
  .references-logos__homepage.mobile .logo-ref.logo-16 {
    background-size: 75% auto;
  }
  #SherpaBlog .image-container,
  #SherpaBlog .post-content {
    width: 100%;
  }
  #SherpaBlog .single-post-feed {
    padding: 32px 0;
  }
  #SherpaBlog .single-post-feed .post-date {
    font-size: 12px;
  }
  #SherpaBlog .single-post-feed .post-header {
    font-size: 18px;
  }
  #SherpaBlog .single-post-feed .post-summary {
    font-size: 16px;
    line-height: 26px;
  }
  #SherpaBlog .btn {
    letter-spacing: 1px;
    margin-top: 32px;
  }
  #SubscribeForm {
    width: 100%;
  }
  #SubscribeForm .form-group {
    width: 100%;
  }
  #SubscribeForm .form-group .input,
  #SubscribeForm .form-group .form-label {
    font-size: 16px;
    padding: 7px 32px;
  }
  #SubscribeForm .form-group label.error {
    font-size: 12px;
  }
  #SubscribeForm .btn.submit {
    width: 100%;
    padding: 12px 0;
    margin-top: 16px;
    font-size: 12px;
  }
  #SubscribeForm .btn.submit::before {
    top: 8px;
  }
  #Portfolio .my-projects {
    margin: 0 6.4% 6.4% 0;
    width: 46.8%;
    height: 120px;
  }
  #Portfolio .my-projects .projectlink {
    display: none;
  }
  #Portfolio .btn.btn-line {
    margin-top: 16px;
  }
  #AboutUs .section-header,
  #AboutUs .section-subheader,
  #AboutUs .text {
    width: 100%;
  }
  #AboutUs .section.bg-svg__aboutus::after {
    font-size: 230px;
  }
  #AboutUs .section.user-and-experience {
    background-size: 74%;
  }
  #AboutUs .section.certificates .text-container {
    width: 100%;
  }
  #AboutUs .section.certificates .logo-container {
    width: 100%;
  }
  #AboutUs .section.certificates .logo-container .logo-certificate {
    margin-left: 8%;
    width: 45%;
  }
  #AboutUs .section.certificates .logo-container .logo-certificate:first-child {
    margin-left: 0;
  }
  #AboutUs .ourpartners .section-header {
    width: 100%;
    margin-bottom: 16px;
  }
  #AboutUs .partner-container {
    width: 100%;
    padding: 32px 0;
  }
  #AboutUs .partner-container .section-subheader {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  #AboutUs .partner-container .partners-logo {
    width: 100%;
    margin-bottom: 16px;
  }
  #AboutUs .partner-container .partners-logo.optimizely img {
    width: 44.3%;
    margin: auto 4.5%;
    display: inline-block;
  }
  #AboutUs .partner-container .partners-logo.optimizely img:last-child {
    margin-right: 0;
  }
  #AboutUs .partner-container .partners-logo.optimizely img:first-child {
    margin-left: 0;
  }
  #AboutUs .partner-container.frosmo .section-subheader {
    top: -7px;
  }
  .videosection {
    padding: 0 !important;
  }
  #OurProcess .devices-container .device {
    width: 51%;
    height: 90px;
    font-size: 14px;
  }
  #OurProcess .devices-container .device .svg-icon {
    width: 80px;
    margin: 8px auto;
  }
  #OurProcess .devices-container .device:nth-child(3n) {
    border-right: 1px solid #89a3ba;
  }
  #OurProcess .devices-container .device:nth-child(4) {
    border-bottom: 1px solid #89a3ba;
  }
  #OurProcess .devices-container .device:nth-child(2n) {
    border-right: none;
  }
  #OurServices .section {
    border-bottom: 1px solid #ebecf0;
  }
  #OurServices .section .section-header {
    margin-bottom: 18px;
  }
  #OurServices .section .section-title {
    font-size: 22px;
  }
  #OurServices .section .section-title span {
    display: block;
  }
  #OurServices .section .text {
    width: 100%;
  }
  #OurServices .section .img-services {
    margin: auto;
    max-width: 250px;
    float: none;
    display: block;
  }
  #OurServices .section .content-list .content-list__item {
    padding: 16px 0 14px;
    border-width: 1px;
  }
  #OurServices .section.services__uxstrategycall .img-services, #OurServices .section.services__uxaudit .img-services {
    margin-top: 0;
  }
  #HowItWork .section:first-child::after, #HowItWork .section:nth-child(2)::after {
    font-size: 210px;
    bottom: -88px;
  }
  #HowItWork .section:nth-child(2)::after {
    top: -139px;
  }
  #HowItWork .section .section-header,
  #HowItWork .section .text,
  #HowItWork .section .btn {
    z-index: 1;
    position: relative;
  }
  #HowItWork .section .text {
    text-align: left;
  }
  #Team .section.join-us,
  #ContactUs .section.join-us {
    margin-bottom: 16px;
  }
  #Team .section.join-us .btn.external,
  #ContactUs .section.join-us .btn.external {
    padding: 16px 0;
    width: 100%;
  }
  #Team .team-member,
  #ContactUs .team-member {
    margin: 0 auto 32px;
  }
  #InstagramFeed .feed-link {
    width: 46.8%;
    height: 37.5vw;
    margin-right: 6.4%;
    margin-bottom: 6.4%;
  }
  #InstagramFeed .feed-link:nth-child(3n) {
    margin-right: 6.4%;
  }
  #InstagramFeed .feed-link:nth-child(2n) {
    margin-right: 0;
  }
  #InstagramFeed .feed-link:last-child {
    display: none;
  }
  #DropmarkFeed .dropmark-item {
    width: 100%;
  }
  #ContactUs .section.take-offer {
    background-size: auto 50%;
  }
  #ContactUs .section.take-offer .btn.external, #ContactUs .section.join-us .btn.external, #ContactUs .section.address .btn.external {
    width: 100%;
    padding: 12px 0;
  }
  #ContactUs .contact-form .form-group {
    width: 100%;
    margin: 0;
  }
  #ContactUs .bg-svg__address .section-header,
  #ContactUs .bg-svg__address .text,
  #ContactUs .bg-svg__address .btn {
    position: relative;
    z-index: 1;
  }
  #ContactUs .bg-svg__address::after {
    top: -40px;
    font-size: 320px;
  }
  #ContactUs .social-pages .social {
    margin: 0 16px 16px 0;
  }
  #ContactUs .social-pages .social::after {
    font-size: 22px;
    width: 52px;
    padding: 11px 0;
  }
  #ContactUs .social-pages .social:nth-child(4n) {
    margin-right: 0;
  }
  #ContactUs .col-2 {
    width: 100%;
    display: block;
    float: none;
    border: none;
    padding: 0;
    min-height: auto;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 48px;
    margin-bottom: 41px;
  }
  #ContactUs .col-2:last-child {
    border: none;
    padding: 0;
  }
  #ContactUs .col-2 .section-title {
    font-size: 22px;
    margin-bottom: 12px;
  }
  #ContactUs .col-2 span {
    white-space: normal !important;
  }
  #ContactUs .col-2 .text {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 26px;
  }
  #ContactUs .col-2 .btn.external {
    width: 260px;
    letter-spacing: normal;
    position: relative;
  }
  #Footer #FooterMenu {
    width: 100%;
    padding: 22px 0 0;
    text-align: center;
  }
  #Footer #FooterMenu .footer-menu-item {
    margin-left: 0;
    display: block;
    text-align: center;
    padding: 22px 0;
    float: none;
    text-align: center;
  }
  #Footer .copyright {
    width: 100%;
    text-align: center;
    padding: 22px 16px 0;
    margin-bottom: 40px;
  }
  #Footer .copyright br {
    display: block;
  }
  #Footer .version {
    text-align: center;
  }
  #Footer .version .version-no {
    float: none;
    display: block;
  }
  #Footer .btn.backto-top::after {
    float: right;
  }
  .error-code {
    font-size: 100px;
    line-height: normal;
  }
  .lang-opt {
    font-size: 14px;
    margin-right: 12px;
    padding-right: 12px;
    margin-top: -2px;
    line-height: 20px;
  }
  .content-list .content-list__item {
    padding: 16px 0;
  }
  .tv-slider {
    height: auto;
  }
  .tv-slider .slider-item {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    margin: 8px 0;
  }
  .bottom-nextpage {
    padding: 96px 24px;
    margin-bottom: 0;
  }
  .bottom-nextpage .main-subheader {
    font-size: 30px;
  }
  .bottom-nextpage .main-header {
    font-size: 36px;
  }
  .bottom-nextpage .main-header::after {
    font-size: 16px;
    top: -1px;
  }
  .selam-ver {
    height: auto !important;
    background-position: 20% top;
  }
  .selam-ver #Header {
    text-align: left;
    background: none;
  }
  .selam-ver #Header .container {
    max-width: none;
    width: 90%;
    padding-top: 120px;
  }
  .selam-ver #Header .main-header {
    margin: 0;
    font-size: 36px;
    letter-spacing: normal;
  }
  .selam-ver #Header .main-subheader {
    font-size: 28px;
    margin-top: 16px;
    margin-bottom: 34px;
  }
  .selam-ver #Header .section {
    padding: 36px 0;
    margin-top: 24px;
  }
  .selam-ver #Header .section .btn-text {
    text-align: left;
    font-size: 14px;
    width: 60%;
    top: 0;
  }
  .selam-ver #Header .section .icon::after {
    margin: 0 10px;
    top: -6px;
  }
  .selam-ver #Header .section .counter {
    font-size: 18px;
    top: -6px;
  }
  .selam-ver #Header .section .logo-climate {
    width: 90%;
    padding-top: 26px;
    display: inline-block;
    margin: 26px auto 0;
    border-top: 1px solid #376341;
  }
  .selam-ver #Header .section .logo-climate img {
    top: 3px;
    margin: auto;
  }
  .selam-ver #Header .section.works {
    background-color: transparent;
    padding: 48px 0;
    margin-top: 0;
  }
  .selam-ver #Header .section.works .section-title {
    font-size: 22px;
    margin: 0 10px 20px;
  }
  .selam-ver .text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 28px;
  }
  .selam-ver .text strong {
    position: static;
  }
  .selam-ver .text strong .tooltip {
    width: 100%;
    border-radius: 10px;
    top: -120px;
  }
  .selam-ver .text strong .tooltip::before {
    position: absolute;
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    right: 0;
    left: 0;
    margin: auto;
  }
}

@media only screen and (max-width: 760px) and (min-width: 320px) and (orientation: landscape) {
  #Header.case-study {
    height: 600px !important;
  }
  #Header.case-study .header-img {
    display: none;
  }
  #Header.case-study .main-header {
    margin: 20% 2% 12px;
  }
}

.hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
}
/*# sourceMappingURL=global.css.map */