/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 62.5%;
  line-height: 1.4;
}

body {
  font-family: "Montserrat", sans-serif;
  word-break: break-all;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}
.text-center {
    text-align: center;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}
.image-desing.conatct {
    text-align: center;
    margin-top: -14%;
}
.contact-us {
    padding: 30px 15px;
}
.text-in h3 {
    font-size: 35px;
    font-weight: 600;
    color: #546074;
}

/*img.contact-img {
    filter: brightness(0.9);
}*/
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
*::before,
*::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
.sa_hero_holder {
/*  height: 100vh;*/
  width: 100%;
  margin-top: 5%;
}

.sa_hero {
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sa_header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3;
  background: #fff;
  /*border-bottom: 1px solid #f8f0f0;*/
/*  background: #f7f7f7;*/
}
.sa_header.-fixed {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9;
/*  box-shadow: 1px 1px 3px rgba(51, 51, 51, 0.2);*/
box-shadow: 1px 1px 3px rgb(51 51 51 / 6%);
}
.sa_header.-fixed .logo_holder {
  margin: 3px 0;
  padding-top: 11px;
}
.sa_header.-fixed .logo_holder .logo_link .logo {
/*  width: 100px;*/
width: 120px;
transform: scale(1.5);
}
.sa_header.-fixed .sa_navigation .list .items {
  padding: 18px 0;
}
.sa_header.-fixed .nav_right_part {
  margin: 7px 0;
}
.sa_header.-fixed .nav_right_part .sa_button {
  padding: 10px 25px;
}
.sa_header.-fixed .burger {
  top: 14px;
}
.sa_header .logo_holder {
  margin: 10px 0;
  padding-top: 9px;
}
.sa_header .logo_holder .logo_link {
  display: inline-block;
}
.sa_header .logo_holder .logo_link .logo {
/*  width: 165px;*/
width: 250px;
/*  transform: scale(1.4);*/
}

.sa_navigation > .list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
/*  padding-top: 10px;*/
}
.sa_navigation > .list > .items {
  display: inline-block;
  padding: 40px 0;
  position: relative;
}
.sa_navigation > .list > .items:hover .sa_dropdown {
  display: block;
}
.sa_navigation > .list > .items > .sa_dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #fff;
  width: 200px;
  padding: 10px;
  text-align: center;
  box-shadow: 5px 5px 7px rgba(51, 51, 51, 0.48);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
  display: none;
}
.sa_navigation > .list > .items > .sa_dropdown > .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sa_navigation > .list > .items > .sa_dropdown > .list > .items {
  margin-bottom: 10px;
  padding: 2px 0;
}
.sa_navigation > .list > .items > .sa_dropdown > .list > .items > .links {
  color: #546074;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;

}
.sa_navigation > .list > .items > .sa_dropdown > .list > .items > .links:hover {
  opacity: 0.6;
}
.sa_navigation > .list > .items > .sa_dropdown > .list > .items:last-child {
  margin-bottom: 0;
}
.sa_navigation > .list > .items > .links {
  color: #546074;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6rem;
}
.sa_navigation > .list > .items > .links .icons {
  vertical-align: middle;
}
.sa_navigation > .list > .items > .links:hover {
  color: #222;
}
.sa_navigation > .list > .items > .links:hover:after {
  width: 100%;
}
.sa_navigation > .list > .items > .links:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  background: #ffcb4c;
  /*background: #f44336;*/
}
.politic {
  word-break: break-word;
}
.politic h3 {
    color: #546074;
    font-weight: 600;
    font-size: 19px;
}
.nav_right_part {
  margin: 24px 0;
  text-align: right;
}

.sa_button {
  background: #ffcb4c;
  color: #fff;
  padding: 15px 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0px;
  border: none;
}
.sa_button.-bordered {
  background: #fff;
  border: 2px solid #ffcb4c;
  color: #ffcb4c;
}
.sa_button.-bordered:hover {
  background: #ffcb4c;
}
.sa_button:hover {
  color: #fff;
  box-shadow: 5px 5px 7px rgba(51, 51, 51, 0.23);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
      background: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
}

.top_menu_button {
  margin-left: 100px;
}
.go-top {
    position: fixed;
    bottom: 75px;
    right: 0;
    text-decoration: none;
    color: #acaeb7;
/*    background-color: rgba(0, 0, 0, 0.3);*/
    font-size: 12px;
    padding: 5px 10px;
    z-index: 1;
    display: none;
}
.go-top:hover {
  color: #f9ce09;
}
.go-top .material-symbols-outlined {
  font-size: 43px;
}
.hero_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.hero_text .main_title {
  font-size: 8rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #546074;
}
.hero_text .main_title:after {
  content: "";
  display: block;
  width: 300px;
  height: 3px;
  margin: 20px auto 20px auto;
  background: #f44336;
}
.hero_text .main_sub_title {
  font-size: 2rem;
  color: #5d5e5e;
  font-weight: bold;
  margin-bottom: 30px;
}

.arrow_scroll {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.arrow_scroll .scroll_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.arrow_scroll .scroll_link:hover .scroll_text,
.arrow_scroll .scroll_link:hover .icons {
  color: #f44336;
}
.arrow_scroll .scroll_link .scroll_text {
  color: #546074;
  font-weight: bold;
  font-size: 2rem;
}
.arrow_scroll .scroll_link .icons {
  color: #546074;
  font-size: 3rem;
}

.index_services {
  position: relative;
  height: auto;
}
.index_services .skewed {
  position: absolute;
  top: 275px;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: #ffcb4c;
  transform: skewY(3deg);
  transform-origin: top right;
}
.index_services .skewed2 {
  position: absolute;
  bottom: -351px;
  right: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: #ffcb4c;
  z-index: 0;
  transform: skewY(-3deg);
}
.index_services .services_holder {
  position: relative;
  padding: 70px 4%;
  z-index: 1;
  display: grid;
  column-gap: 40px;
  row-gap: 40px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.index_services .services_holder .box {
  background-color: #f7f7f7;
  padding: 40px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  border: 2px solid #fff;
  box-shadow: 5px 5px 7px rgba(51, 51, 51, 0.48);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
}
.index_services .services_holder .box:hover {
  border-color: #f44336;
  box-shadow: none;
}
.index_services .services_holder .box:nth-child(2) .service_title {
  color: #ffcb4c;
}
.index_services .services_holder .box:nth-child(2):hover {
  border-color: #ffcb4c;
  box-shadow: none;
}
.index_services .services_holder .box:nth-child(3) .service_title {
  color: #080705;
}
.index_services .services_holder .box:nth-child(3):hover {
  border-color: #080705;
  box-shadow: none;
}
.index_services .services_holder .box .service_title {
  color: #f44336;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
}
.index_services .services_holder .box .service_text {
  font-size: 1.8rem;
  color: #546074;
}
.index_services .services_holder .box .links .icons {
  color: #546074;
  font-size: 3rem;
}
.index_services .services_text_holder {
  position: relative;
  z-index: 1;
  text-align: center;
}
.index_services .services_text_holder .title {
  font-size: 7rem;
  color: #546074;
  font-weight: bold;
}
.index_services .services_text_holder .text {
  color: #546074;
}
.index_services .services_text_holder .links {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 40px;
  color: #546074;
}
.index_services .services_text_holder .links:hover {
  color: #f44336;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
.background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}

.background li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(33, 33, 33, 0.2);
  animation: animate 19s linear infinite;
}

.background li:nth-child(0) {
  left: 16%;
  width: 187px;
  height: 187px;
  bottom: -187px;
  background: #f44336;
  animation-delay: 1s;
}

.background li:nth-child(1) {
  left: 49%;
  width: 163px;
  height: 163px;
  bottom: -163px;
  background: #fff44c;
  animation-delay: 3s;
}

.background li:nth-child(2) {
  left: 58%;
  width: 157px;
  height: 157px;
  bottom: -157px;
  background: #f44336;
  animation-delay: 10s;
}

.background li:nth-child(3) {
  left: 11%;
  width: 112px;
  height: 112px;
  bottom: -112px;
  background: #080705;
  animation-delay: 3s;
}

.background li:nth-child(4) {
  left: 44%;
  width: 132px;
  height: 132px;
  bottom: -132px;
  background: #080705;
  animation-delay: 7s;
}

.background li:nth-child(5) {
  left: 87%;
  width: 185px;
  height: 185px;
  bottom: -185px;
  background: #080705;
  animation-delay: 8s;
}

.background li:nth-child(6) {
  left: 88%;
  width: 171px;
  height: 171px;
  bottom: -171px;
  background: #f44336;
  animation-delay: 18s;
}

.background li:nth-child(7) {
  left: 44%;
  width: 191px;
  height: 191px;
  bottom: -191px;
  background: #fff44c;
  animation-delay: 15s;
}

.background li:nth-child(8) {
  left: 43%;
  width: 136px;
  height: 136px;
  bottom: -136px;
  background: #080705;
  animation-delay: 10s;
}

.background li:nth-child(9) {
  left: 26%;
  width: 143px;
  height: 143px;
  bottom: -143px;
  background: #fff44c;
  animation-delay: 38s;
}
.noMargin {
  margin: 0;
}
.-tuts_slider {
  width: 100%;
  height: 100%;
}
.-tuts_slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  box-shadow: 5px 5px 7px rgba(51, 51, 51, 0.23);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
}
.-tuts_slider .swiper-slide:hover {
  box-shadow: none;
}
.-tuts_slider .swiper-slide:nth-child(2n) {
  width: 40%;
}
.-tuts_slider .swiper-slide:nth-child(3n) {
  width: 20%;
}

.index_tuts_slider {
  padding: 200px 0;
  background-color: #fff;
}
.index_tuts_slider .swiper-wrapper {
  padding: 30px 0;
}
.index_tuts_slider .swiper-slide .sa_banners_slider {
  position: relative;
  height: 507px;
  width: 100%;
  box-shadow: 5px 5px 7px rgba(51, 51, 51, 0.25);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
  background-color: #f44336;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.index_tuts_slider .swiper-slide .sa_banners_slider .title_holder .title {
  margin: 0;
  color: #fff;
  font-size: 6rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.index_tuts_slider .swiper-slide .sa_banners_slider .text_holder {
  text-align: left;
  margin-bottom: 60px;
  color:#fff;
}
.index_tuts_slider .swiper-slide .sa_banners_slider .text_holder .text {
  color: #fff;
}
.index_tuts_slider .swiper-slide .sa_banners_slider .link_holder {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 15px;
  width: 100px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.3);
}
.index_tuts_slider .swiper-slide .sa_banners_slider .link_holder .links .icons {
  color: #fff;
  font-size: 5rem;
}
.index_tuts_slider .swiper-slide .sa_banners_slider .link_holder .links .icons:hover {
  color: #546074;
}
.index_tuts_slider .swiper-slide:nth-child(2) .sa_banners_slider {
  background-color: #222E50;
}
.index_tuts_slider .swiper-slide:nth-child(3) .sa_banners_slider {
  background-color: #3CBBB1;
}
.index_tuts_slider .swiper-slide:nth-child(4) .sa_banners_slider {
  background-color: #A09BE7;
}

.about_product {
  padding-bottom: 100px;
}
.about_product.-promotions {
  background-color: #f7f7f7;
  padding-top: 100px;
  position: relative;
}
.about_product.-promotions .background {
  /*height: 74.5vh;*/
  height: 100%;
}
.about_product .title {
  font-size: 4rem;
  color: #546074;
  font-weight: bold;
  margin-bottom: 50px;
  padding-top: 30px;
  word-break: break-word;
}
.about_product .list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 70px;
}
.about_product .list .items {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #546074;
  margin-bottom: 10px;
  word-break: break-word;
}
.about_product .list .items .icons {
  margin-right: 15px;
  color: #3CBBB1;
}
.about_product .text {
  color: #546074;
  font-size: 1.6rem;
  margin-bottom: 30px;
  word-break: break-word;
}

.index_testimonials {
  background-color: #f7f7f7;
  padding: 100px 0;
}
.index_testimonials .title {
  text-align: center;
  font-size: 5rem;
  color: #546074;
  font-weight: bold;
  margin-bottom: 50px;
}
.index_testimonials .testimonial_holder {
  background-color: transparent;
  width: 1030px;
}
.index_testimonials .testimonial_holder .icons {
  font-size: 10rem;
  color: #546074;
}
.index_testimonials .testimonial_holder .text {
  color: #546074;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 1px;
}
.index_testimonials .testimonial_holder .company {
  font-style: italic;
}

.-testimonial_slider {
  width: 100%;
  height: 100%;
}
.-testimonial_slider .swiper-slide {
  background-color: transparent;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 0;
}

.index_references {
  padding: 100px 0;
  text-align: center;
}
.index_references .title {
  text-align: center;
  font-size: 5rem;
  color: #546074;
  font-weight: bold;
  margin-bottom: 50px;
}
.index_references .list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index_references .list .items {
  width: 175px;
  margin-bottom: 50px;
  margin-right: 50px;
}
.index_references .list .items .image {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  opacity: 0.6;
}
.index_references .list .items .image:hover {
  -webkit-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
.burger {
  position: absolute;
  right: 15px;
  top: 30px;
  z-index: 3;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.burger .burger1,
.burger .burger2,
.burger .burger3 {
  position: absolute;
  background: #333;
  width: 40px;
  height: 2px;
}

.burger .burger1 {
  top: 5px;
}

.burger .burger2 {
  top: 15px;
}

.burger .burger3 {
  top: 25px;
}

.menu {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  z-index: 2;
  background: #fff;
  top: 0;
  overflow-y: scroll;
}

.menu > .list {
  list-style-type: none;
  padding: 0;
  padding-top: 100px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.menu > .list > .items {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
}

.menu > .list > .items .dropdown-small {
  display: none;
}

.menu > .list > .items .dropdown-small .list {
  padding-left: 0;
  list-style: none;
}

.menu > .list > .items .dropdown-small .list .items {
  padding: 5px 0;
}

.menu > .list > .items .dropdown-small .list .items .links {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #546074;
}

.menu > .list > .items > .links {
  color: #546074;
  font-size: 2.2rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}

.menu > .list > .items .icons {
  padding: 5px 8px;
  color: #546074;
  cursor: pointer;
}

.menu > .list > .items > .links img {
  width: 30px;
  height: 30px;
  margin: auto;
}

.menu > .list > .items input {
  padding: 5px;
  border: 1px solid #05668D;
}

.menu > .list > .items input:focus {
  outline: none;
}

.index_newsletter {
  padding: 100px 0;
  text-align: center;
  position: relative;
}
.index_newsletter .title {
  font-size: 5rem;
  color: #546074;
  font-weight: bold;
}
.index_newsletter .text {
  font-size: 2rem;
  color: #546074;
}
.index_newsletter .form_holder {
  margin-top: 30px;
}
.index_newsletter .form_holder .form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index_newsletter .form_holder .form .field {
  font-size: 2rem;
  padding: 20px 10px;
  width: 500px;
  border: 1px solid #ffcb4c;
  outline: none;
}
.index_newsletter .form_holder .form .sa_button {
  padding: 21px 60px;
  font-size: 2rem;
}
.carousel-inner.home{
/*      background: #f2ead2;*/
    background: #fff !important;
    box-shadow: 0px 18px 52.8537px rgb(178 181 187 / 50%);
/*        padding: 20px 0;*/
        background-image: url("/img/icons/quote.png"), url("/img/icons/quote1.png");
/*        background-image: url(https://farsighttechnologies.com/wp-content/uploads/2021/03/quote1.png), url(https://farsighttechnologies.com/wp-content/uploads/2021/03/quote.png);*/
    background-position: top 15px left 15px, bottom 40% right 15px;
    background-repeat: no-repeat;
    background-size: 180px, 180px;
    z-index: 1;
}
.carousel-inner.home .item{
  padding: 20px 0;
}
.carousel-control.left {
  background: #fff;
  width: 50px;
}
.carousel-control.right {
  background: #fff;
  width: 50px;
}

.reviews-box {
    padding: 50px 0;
     margin-bottom: 50px;
}
.reviews-box .row-slider-quotes {
  width: 70% !important;
  margin: auto !important;
}
.reviews .title {
  text-align: center;
  font-size: 5rem;
  color: #546074;
  font-weight: bold;
  margin-bottom: 50px;
}
.img-box {
  text-align: center;
  margin-bottom: 10px;
}
/*..img-box .img-circle-h {
  margin-top: 10px;
}*/
.quotes-text {
  text-align: center;
  word-break: break-word;
  min-height: 100px;
}
blockquote .small, blockquote footer, blockquote small {
  text-align: center;
}
ol.carousel-indicators {
    margin-bottom: -21px;
}
.carousel-indicators li{
  border: 1px solid #797373;
}
.carousel-indicators .active {
  background-color: #eee !important;
}
blockquote {
  margin: 0;
  border-left: 0;
  background-image: url("/img/icons/quote1.png"), url("/img/icons/quote.png");
  background-position: top 15px left 15px, bottom 4% right 15px;
  background-repeat: no-repeat;
  background-size: 88px, 88px;
  z-index: 3;
}
.client-text.left .erp {
  display: block;
   /* display: flex;
    align-items: center;*/
}
.client-text.left .erp img {
  margin-left: 5px;
  margin-top: -10px;
}
.client-text.left .bank {
  display: block;
/*    display: flex;
    align-items: center;*/
}
.client-text.left .bank img {
  margin-left: 5px;
   margin-top: -10px;
}
.client-text.right .bank {
   /* display: flex;
    align-items: center;*/
    display: block;
}
.client-text.right .bank img {
  margin-left: 5px;
   margin-top: -10px;
}
.client-text.right .erp img {
  margin-left: 5px;
  margin-top: -10px;
}
.icon-job {
  display: block;
}
.icon-job img {
  padding: 5px;
}
.footer {
/*  background-color: #546074;*/
  background-color: #a5a5a5;
  color: #fff;
  padding: 100px 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.footer .footer_box .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 2px;
  margin-top: 0;
}
.footer .footer_box .privacy {
  margin-bottom: 20px;
  margin-top: 10px;
  display: block;
  color: #fff;
}
.footer .footer_box .privacy:hover {
  text-decoration: underline;
}
.footer .footer_box .list {
  list-style: none;
  padding: 0;
}
.footer .footer_box .list.-social {
  display: flex;
  align-items: center;
}
.footer .footer_box .list.-social > .items {
  margin-right: 20px;
}
.footer .footer_box .list.-social > .items:last-child {
  margin-right: 0;
}
.footer .footer_box .list.-social > .items > .links > .image {
  width: 20px;
}
.footer .footer_box .list.-social > .items > .links > .image:hover {
  opacity: 0.4;
}
.footer .footer_box .list .items {
  margin-bottom: 10px;
}
.footer .footer_box .list .items .links {
  color: #fff;
}
.footer .footer_box .list .items .links:hover {
  text-decoration: underline;
}
.footer .footer_box .list .items:last-child {
  margin-bottom: 0;
}

.sa_canvas {
  position: relative;
}
.contact-social-ul li{
  display: inline-flex;
  align-items: center;
  width:30px;
  list-style: none;
  margin-right: 10px;
  padding: 0;
  overflow: hidden;
}

.contact-shop-name{
font-size: 3rem;
}
.contact-shop-name-port{
font-size: 3rem;
margin-left: 50px;
}
.cont-info {
    margin-left: 50px;
}
p {
    font-size: 1.4rem;
    line-height: 1.75;
    color: #546074;
}
.after {
   /* display: table;*/
}
.about {
/*  padding: 100px 0;*/
  overflow: hidden;
  padding-top: 125px;
  background: #f7f7f7;
}
.about-row {
/*  position: relative!important;*/
}
.btn.sa_button.about-btn {
    margin-top: 20px;
}
.about-text {
  background: #f7f7f7;
  min-height: 600px;
}
.about .about-img {
/*  min-height: 600px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top:58px ;
  right: 0;*/
    position: absolute;
/*    top: -117px;
    width: 762px;*/
    top: -76px;
    width: 100%;
}
.about h2 {
/*  max-width: 65%;*/
/*    margin: 0 0 80px 0;*/
    margin-top: 32px;
      font-size: 4rem;
    color: #546074;
    font-weight: bold;
/*    margin-bottom: 50px;*/
}
.about h2::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
/*    left: 0;*/
/*    left: calc(50% - 60px);*/
/*    left: calc(50% - 376px);*/
    /*top: 157px;*/
    top: 87px;
}
.about h2::after {
      content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #fdc134;
    bottom: 0;
    /*top: 156px;*/
    top: 86px;
    left: 55px;
/*    left: calc(50% - 337px);*/
/*    left: calc(50% - 20px);*/
}
.our-story {
  background-color: #f7f7f7;
  padding: 20px;
/*  padding-right: 33%;*/
  text-align: justify;
}
.our-story h3 {
    font-size: 3rem;
    color: #546074;
    font-weight: bold;
    margin-bottom: 20px;
}
.our-story p {
    font-size: 1.6rem;
    color: #546074;
    word-break: break-word;
}
.cont-us {
    font-size: 1.6rem;
    color: #546074;
    text-align: justify;
}
table.table.table-striped {
    color: #546074;
    font-size: 1.6rem;
}
table.table.table-bordered {
   color: #546074;
    font-size: 1.6rem;
}
form#contactForm {
    color: #546074;
}
.table-striped>tbody>tr:nth-of-type(odd) {
/*    background-color: #e6e5e380;*/
background-color: #e6e5e342;
}
span.material-icons.icons.done {
    color: #3CBBB1;
}
.busniess-status {
  background-color: #f7f7f7;
}
.making_desing {
/*      position: absolute;
    bottom: -351px;
    right: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: #ffcb4c;
    z-index: 0;
    transform: skewY(-3deg);*/
    margin-top: 106px;
    word-break: break-word;
}
.title-desing .title-right.site {
  margin-right: 16%;
}
.title-desing .title {
    font-size: 4rem;
    color: #546074;
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 50px;
}
.title-desing .title::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
/*    left: calc(50% - 60px);*/
/*    left: calc(50% - 622px);*/
    left: calc(50% - 662px);
    /*top: 157px;*/
    top: 110px;
}
.title-desing .title::after {
      content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #fdc134;
    bottom: 0;
    /*top: 156px;*/
    top: 109px;
        left: calc(50% - 622px);
/*    left: calc(50% - 582px);*/
/*    left: calc(50% - 20px);*/
}
.title-desing .title-right {
/*    text-align: right;*/
        font-size: 4rem;
    color: #546074;
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 50px;
        margin-right: 20%;
}
.title-desing .title-right::before {
      content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
/*    left: calc(50% - 60px);*/
/*    right: calc(50% - 160px);*/
    /*top: 157px;*/
    top: 110px;
}
.title-desing .title-right::after {
      content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #fdc134;
    bottom: 0;
    /*top: 156px;*/
    top: 109px;
    left: 56px;
/*    right: calc(50% - 121px);*/
/*    left: calc(50% - 20px);*/
}
.text-desing .list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 30px;
    word-break: break-word;
}
.text-desing p {
  font-size: 1.6rem;
  color: #546074;
  text-align: justify;
 word-break: break-word;
}
.text-desing .list .items {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #546074;
    margin-bottom: 10px;
    position: relative;
}
.text-desing .list .items .icons {
    margin-right: 15px;
    color: #3CBBB1;
    position: absolute;
    top: 0;
    left: -30px;
}
.image-desing {
  display: flex;
  justify-content: center;
/*  margin-top: -10px;*/
/*margin-top: -122px;*/
}
.image-desing.site {
    margin-top: -17%;
}
.skewed {
  osition: absolute;
    top: 275px;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: #ffcb4c;
    transform: skewY(3deg);
    transform-origin: top right;
}
.text-desing.second {
/*    margin-top: 17%;*/
}
img.left-img {
    float: right;
    height: 300px;
/*    margin-top: 102px;*/
}
.image-desing.second {
  margin-bottom: 20px;
}
.pricing-head {
    background: #ffd673;
    height: 140px;
    text-align: center;
    color: #546074;
}
.main-title {
    margin-top: -20px;
}
.main-title .title-one{
  padding: 20px 5px 0 5px;
  font-size: 18px;
  height: 50px;
      font-weight: 600;
}
.text-desing {
    padding-bottom: 20px;
}
.pricing {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
}
.pricing:hover {
      box-shadow: 0px 0px 10px 0px rgb(49 25 25 / 50%);
      text-shadow: 0 0 black;
      filter: grayscale(1);
      transform: scale(1.025);
      transition: all .2s ease-in-out;
}
.pricing-head .title-two{
  font-size: 20px;
      font-weight: 600;
}
.pricing-head .price-info {
  margin-top: -10px;
}
.pricing-featured {
    list-style: none;
    padding: 0px;
    color: #546074;
}
.pricing-featured li {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
.pricing-featured li:last-child{
  border-bottom: none;
}
.pricing-btn {
    height: 50px;
    padding: 8px;
    text-align: center;
/*    background: cadetblue;*/
    background: #ffcb4c;
}
.pricing-btn .btns {
  color: #546074;
  padding: 6px 12px;
  display: inline-block;
  font-weight: 600;
}
.portfolio .portfolio-flters {
    padding: 0;
    margin: 50px auto 30px auto;
    list-style: none;
    text-align: center;
}
.portfolio .portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px;
    line-height: 1;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.portfolio .portfolio-item {
    position: relative;
    /*border: 1px solid #fff;*/
    overflow: hidden;
    z-index: 1;
/*    display: flex;
    justify-content: center;*/
}
/*.portfolio .portfolio-item img {
    transition: all 0.3s;
}*/
.portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
/*    left: 30px;
    right: 30px;*/
    left: 35px;
    right: 11px;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
}
 .portfolio-item:hover .portfolio-info {
    opacity: 1;
    bottom: 20px;
}
 .portfolio-item .portfolio-info h4 {
    font-size: 18px;
    font-weight: 600;
    color: #2b180d;
    padding-right: 50px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
/*.portfolio .portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
    inset: auto 40px 40px 40px;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    padding: 20px;
}*/
 .portfolio-item .portfolio-info h4 {
    font-size: 18px;
    font-weight: 600;
    color: #546074;
    padding-right: 50px;
}
 .portfolio-item .portfolio-info .details-link{
  position: absolute;
    right: 50px;
    font-size: 24px;
    top: calc(50% - 14px);
    color: rgba(27, 47, 69, 0.7);
    /*color: rgba(255, 255, 255, 0.7);*/
    transition: 0.3s;
    line-height: 0;
}
 .portfolio-item .portfolio-info .details-links{
  position: absolute;
    right: 50px;
    font-size: 24px;
    top: calc(50% - 14px);
    color: rgba(27, 47, 69, 0.7);
    /*color: rgba(255, 255, 255, 0.7);*/
    transition: 0.3s;
    line-height: 0;
}
 .portfolio-item .portfolio-info .details-link {
    right: 14px;
    font-size: 28px;
}
.portfolio-item .portfolio-info .preview-link:hover, .portfolio-item .portfolio-info .details-link:hover {
    color: blue;
}
 .section-header {
            margin-bottom: 50px;
        }

        .section-header .section-title {
            font-size: 44px;
            color: #4F4F4F;
            text-transform: uppercase;
            position: relative;
            padding-bottom: 20px;
            margin: 0 0 20px;
            border-bottom: 2px solid #F44336;
            display: inline-block;
        }

        .section-header .section-title:before {
            content: "";
            position: absolute;
            width: 140px;
            bottom: 0;
            left: 50%;
            margin-left: -70px;
            height: 4px;
        }
/*
  #portfolio {
            padding: 140px 0;
            background: #FFFFFF;
        }*/

/*        #portfolio .portfolio-filter {
            list-style: none;
            padding: 0;
            margin: 0 0 50px;
            display: inline-block;
        }

        #portfolio .portfolio-filter>li {
            float: left;
            display: block;
            cursor: pointer;
        }

        #portfolio .portfolio-filter>li a {
            display: block;
            padding: 7px 15px;
            margin: 0px 2px;
            color: #546074;
            position: relative;
        }

        #portfolio .portfolio-filter>li a:hover,
        #portfolio .portfolio-filter>li a.active {
            background: #fdc134;
            color: #FFFFFF;
        }
        .wow {
          font-size: 1.8rem;
          color: #546074;
        }
        #portfolio .portfolio-items {
            margin: -15px;
        }

        #portfolio .portfolio-item {
            width: 24.9%;
            float: left;
            padding: 8px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }

        #portfolio .portfolio-item .portfolio-item-inner {
            position: relative;
            text-align: center;
            background: #343434;
            color: #282828;
            padding: 0 0 4px 0;
            font-weight: normal;
            max-height: 165px;
        }

        #portfolio .portfolio-item .portfolio-item-inner h4 {
            font-weight: 400;
            font-size: 14px;
            color: #BFBFBF;
        }

        #portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
            opacity: 0;
            transition: opacity 400ms;
            -webkit-transition: opacity 400ms;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            padding: 18px 0 0;
            background: rgba(52, 52, 52, 0.87);
            color: #fff;
            height: 100%;
            text-align: center;
        }

        #portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
            font-size: 16px;
            line-height: 1;
            margin: 0;
            color: #fff;
        }

        #portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            color: #FFFFFF;
            box-shadow: 0 0 0 1px #fff;
            display: block;
            -webkit-box-shadow: 0 0 0 1px #fff;
            text-align: center;
            margin: 15px auto;
            background: rgba(255, 255, 255, 0.07);
            border-radius: 50%;
        }

        #portfolio .portfolio-item:hover .portfolio-info {
            opacity: 1;
        }*/

        /* Start: Recommended Isotope styles */
        /**** Isotope Filtering ****/

        .isotope-item {
            z-index: 2;
        }

        .isotope-hidden.isotope-item {
            pointer-events: none;
            z-index: 1;
        }

        /**** Isotope CSS3 transitions ****/

        .isotope,
        .isotope .isotope-item {
            -webkit-transition-duration: 0.8s;
            -moz-transition-duration: 0.8s;
            -ms-transition-duration: 0.8s;
            -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
        }

        .isotope {
            -webkit-transition-property: height, width;
            -moz-transition-property: height, width;
            -ms-transition-property: height, width;
            -o-transition-property: height, width;
            transition-property: height, width;
        }

        .isotope .isotope-item {
            -webkit-transition-property: -webkit-transform, opacity;
            -moz-transition-property: -moz-transform, opacity;
            -ms-transition-property: -ms-transform, opacity;
            -o-transition-property: -o-transform, opacity;
            transition-property: transform, opacity;
        }

        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

        /* End: Recommended Isotope styles */
        /* disable CSS transitions for containers with infinite scrolling*/

        .isotope.infinite-scrolling {
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
            transition: none;
        }

        .img-thumbnail {
            display: inline-block;
            max-width: 100%;
            height: auto;
            line-height: 1.42857143;
            border: 1px solid #ddd;
            border-radius: 0px;
            padding: 0px;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            margin-bottom: 15px;
        }
.screen {
  width: 400px;
  height: 235px;
  /*height: 200px;  half image height*/
  position: relative;
  overflow: hidden;
  /*border: 10px solid #a7a7a7;*/
  /*border-radius: 10px 10px 0 0;*/
  margin: 20px;
  background: #fff;
  cursor: pointer;
}
.screen a img {
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 1s ease-in-out 0.5s;
}
.screen a img:hover {
  /*transform: translateY(-50%);*/
}
.portfolio .portfolio-flters li a {
    color: #546074;
}
.portfolio .portfolio-flters li .active {
  color: #ffcb4c;
      text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff;
    /*border: 1px solid #ccc;*/
    /*border-radius: 15px;*/
}
section#portfolio {
    padding-bottom: 50px;
}
.img-partnex-box {
  height: 370px;
    padding: 80px 0;
}
ul.img-list {
    list-style: none;
    display: flex;
}
ul.img-list li {
    display: flex;
    width: 200px;
    margin:20px;
}
.content-page {
    padding-top: 50px;
   color: #5a6679;
}
ul.contact-social-ul.portf li a img {
    filter: brightness(0.3);
}
.form-control {
  border-radius: 0;
}
/*.laptop {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(.6) translate(-50%); 
  transform: scale(.6) translate(-50%);
  left: 50%;
  position: absolute;
  width: 1366px;
  height: 800px;
  border-radius: 6px;
  border-style: solid;
  border-color: black;
  border-width: 24px 24px 80px;
  background-color: black;

}*/

/* The keyboard of the laptop */
/*.laptop:after {
  content: '';
  display: block;
  position: absolute;
  width: 1600px;
  height: 60px;
  margin: 80px 0 0 -110px;
  background: black;
  border-radius: 6px;
}*/

/* The top of the keyboard */
/*.laptop:before {
  content: '';
  display: block;
  position: absolute;
  width: 250px;
  height: 30px;
  bottom: -110px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  background: #f1f1f1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1;
}*/
/* The Modal (background) */
/*.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}
*/
/* Modal Content */
/*.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}
*/
/* The Close Button */
/*.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}*/
.pricing-body {
    text-align: center;
    color: #546074;
        padding: 0 6px;
}
.pricing-body p {
    margin: 3px 0 0;
}
.border-price {
    transform-origin: left center;
    stroke: cadetblue;
    border: 1px solid #dbdbdb;
    width: 89%;
    margin: auto;
        border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}

/*HOME PAGE*/
.text-wrap {
    padding-top: 150px;
}
.text-wrap h1 {
  font-size: 6rem;
/*    text-transform: uppercase;*/
    font-weight: bold;
    color: #546074;
    word-break: break-word;
}
.text-wrap p {
  font-size: 1.6rem;
  padding: 20px 0;
}
.img-wrap-home img {
    margin-top: 68px;
    width: 100%;
}
.home-head {
    margin-top: 0;
    position: relative;
}
.home-head .background {
    /*height: 70vh;*/
    height: 118%;
}
.bg {
  height: 100px;
  animation: wave 20s linear infinite;
}
.about_product .background {
    /*height: 74vh;*/
    height: 100%;
}
.making_desing.service-head {
    height: 300px;
    position: relative;
}
.bg-service {
  height: 100px;
    margin-top: -69px;
}
.box-info {
    box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 12%);
    margin: 15px 15px 15px 15px;
    text-align: center;
}
.box-info:hover {
      box-shadow: 0px 0px 10px 0px rgb(49 25 25 / 50%);
}
.box-info h2 {
   font-size: 25px;
    font-weight: 600;
    min-height: 60px;
    color: #546074;
    word-break: break-word;
}
.box-info p {
    padding: 20px;
   height: 160px;
   font-size: 15px;
   word-break: break-word;
}
.services {
    padding: 50px 0 100px 0;
}
.img-h {
    padding-top: 30px;
}
/*END HOME PAGE*/
.references{
/*  padding: 100px 0;*/
  overflow: hidden;
  padding-top: 100px;
  background: #f7f7f7;
}
.references .background {
  /*height: 110vh;*/
  height: 100%;
}
.bg.reference {
/*    margin-top: -42px;*/
}
.title-desing p {
    color: #546074;
    font-size: 1.6rem;
    word-break: break-word;
}
.client-img-div {
    order: 1;
}
.client-text-div {
  min-height: 500px;
  order: 2;
}
.client-text h2{
  font-size: 3.8rem;
    color: #546074;
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 0px;
    word-break: break-word;
}
.client-text p {
   font-size: 1.6rem;
  color: #546074;
/*  text-align: justify;*/
  word-break: break-word;
  
}
.client-text.left {
   padding-right: 20px;
   min-height: 500px !important;
}
.client-text.right {
   padding-left: 20px;
    min-height: 500px !important;
}
.btn.sa_button.reference {
    padding: 6px 30px !important;
    margin-top: 20px;
        color: #546074;
}
.btn.sa_button.reference:hover {
  color: #fff;
}
.title-desing.service {
    padding-bottom: 25px;
}
.title-service h2 {
    text-align: center;
    color: #546074;
    font-weight: 600;
    font-size: 2.5rem;
    padding: 20px;
}
.sevices-info {
    padding-bottom: 40px;
}
.box-service {
  box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 12%);
    margin: 15px 15px 15px 15px;
    text-align: center;
     color: #546074;
}
.box-service p {
  padding: 10px;
  word-break: break-word;
}
.box-service img {
      padding-top: 20px;
    filter: drop-shadow(0px 0px 6px #d3d0d0);
    animation: pulse 6s ease infinite;
}
.service-btn {
    padding: 8px 19px;
    color: #fff;
    background: #ffcb4c;
    text-transform: uppercase;
}
.service-btn:hover {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}
.button-s {
    height: 45px;
}
.btn-cont {
    text-align: center;
}
.cont-us-box {
    text-align: center;
  }
  .image-desing.softwer {
    margin-top: -58px;
}
.offer {
    padding: 15px;
}

.ref-tab ul {
    text-align: center;
    list-style-type: none;
    padding: 0;
}
.ref-tab ul .active {
    /* background: #e3e2e2; */
    overflow: hidden;
    border-bottom: 2px solid #fdc134;
    padding: 2px;
}
.ref-tab ul li {
    display: inline;
    margin-right: 15px;
    /* border: 1px solid #e3e2e2; */
    padding: 10px;
}
.ref-tab ul li a {
    text-decoration: none;
    color: #546074;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    word-break: break-word;
}
div#section1 {
    display: flex;
    flex-direction: column;
}
.section-m.active {
    display: block;
}
.section-m {
    display: none;
}
/*OCEAN - TALASI*/
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}
/*.ocean { 
  height: 5%;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: #015871;
}*/

.wave {
  background: url(/img/waves1.svg) repeat-x; 
  position: absolute;
  top: -198px;
  width: 100%;
  height: 198px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
  background-size: 1000px 100px;
   /*background-position-x: 1500px; */
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}
.making_desing.reference-head {
    /*height: 54vh;*/
    margin-top: 7px;
    position: relative;
}
/*KRAJ TALASI*/
.background {
  /*background: linear-gradient(132deg, #FC415A, #591BC5, #212335);*/
  background: linear-gradient(132deg, #ffc10747, #ededed, #f0e7e7);
  background-size: 400% 400%;
  animation: Gradient 15s ease infinite;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding:0;
  margin:0px;
}
.cube {
  position: absolute;
  top: 80vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border: solid 1px #D7D4E4;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -moz-transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -o-transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -ms-transform: scale(0) rotate(0deg) translate(-50%, -50%);
  transform-origin: 0 0; 
  -ms-transform-origin: 0 0; 
  -webkit-transform-origin: 0 0; 
  -moz-transform-origin: 0 0; 
  -o-transform-origin: 0 0; 
  animation: cube 12s ease-in forwards infinite;
  -moz-animation: cube 12s ease-in forwards infinite;
  -webkit-animation: cube 12s ease-in forwards infinite;
  -o-animation: cube 12s ease-in forwards infinite;
  -ms-animation: cube 12s ease-in forwards infinite;

}
.cube:nth-child(2n) {
  border-color: #FFF ;
}
.cube:nth-child(2) {
  animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.cube:nth-child(3) {
  animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.cube:nth-child(4) {
  animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.cube:nth-child(5) {
  animation-delay: 8s;
  left: 10vw;
  top: 85vh;
}
.cube:nth-child(6) {
  animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

@media all and (min-width: 1400px) and (max-width: 1599px) {
    .home-head .background {
    /*height: 75vh;*/
    height: 112%;
    }
    .about_product .background {
    /*height: 84vh;*/
    height: 100%;
    }
    .about_product.-promotions .background {
    /*height: 92.7vh;*/
    height: 100%;
    }
}

@media all and (min-width: 1400px) {
  .container {
    width: 1360px;
  }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
  .home-head .background {
    /*height: 66vh;*/
    height: 112%; 
}
.about_product .background {
    /* height: 82vh; */
    height: 100%;
}
.about_product.-promotions .background {
    /*height: 72vh;*/
    height: 100%; 
}
/*    @keyframes wave {
  0% {
    margin-left: -10px;
  }
  100% {
    margin-left: -350px;
    }
  }*/
  .box-info p {
    height: 180px;
  }
  .services {
  	padding: 0;
  	margin-bottom: 25px;
  }
  .footer {
    padding: 70px 15px;
  }

  .top_menu_button {
    margin-left: 15px;
  }

  .about_product .title {
    font-size: 3rem;
  }

  .index_services .services_holder {
    padding: 70px 15px;
  }

  .hero_text .main_title {
    font-size: 6rem;
  }
  .title-desing .title::before {
    left: 15px;
  }
    .title-desing .title::after {
    left: 55px;
  }
  .cont-us-box {
    text-align: center;
  }
      .image-desing.conatct {
    margin-top: 0;
  }
  .bg {
    height: 75px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  .sa_header .logo_holder .logo_link .logo {
/*    transform: scale(1.1);*/
  }
  .home-head .background {
    /*height: 67vh;*/
    height: 112%; 
  }
  .about_product .background {
   /* height: 82vh;*/
    height: 100%; 
  }
  .about_product.-promotions .background {
    /*height: 64vh;*/
    height: 100%; 
  }
  .img-wrap-home {
	margin-top: 109px;
	padding-top: 1px;
  }
  .box-info {
  	margin: 0;
  }
  .services{
  	padding: 0;
  	margin-top: 20px;
  	margin-bottom: 20px;
  }
  .text-wrap h1 {
	font-size: 6rem;
  }
  .footer {
    padding: 70px 15px;
  }
   .box-info p {
    height: 260px;
  }
  .image-desing {
    margin: 0;
  }
  .title-desing .title {
    font-size: 3rem;
  }
  .title-desing .title-right {
/*    margin: 0;*/
    font-size: 3rem;
  }
  .title-desing .title::before {
    left: 15px;
  }
  .title-desing .title::after {
    left: 55px;
  }
  .image-desing.conatct {
    margin-top: 0;
  }
  .image-desing.site img {
    width: 100%;
    height: 100%;
  }
  .bg {
    height: 65px;
	}
	.image-desing.site {
    margin: 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
    .sa_header.-fixed .logo_holder .logo_link .logo {
    padding-bottom: 5px;

  }

  .home-head .background {
    /*height: 64vh;*/
    height: 112%; 
  }
  .about_product .background {
    /*height: 74vh;*/
    height: 100%; 
  }
  .about_product.-promotions .background {
    /*height: 55vh;*/
    height: 100%; 
  }
	.text-wrap h1 {
		font-size: 5rem;
	}
	.btn-wrap {
	    display: flex;
	    align-items: center;
	}

  .title-desing .title::before {
    content: "";
    top: 50px;
    left: 19px;
  }
  .title-desing .title::after {
     content: "";
     top: 49px;
     left: 58px;
  }
  .title-desing .title-right::before {
     content: "";
     top: 49px;
/*     left: 58px;*/
  }
  .title-desing .title-right::after {
     content: "";
     top: 48px;
     left: 58px;
  }
    .client {
    display: flex;
    flex-direction: column;
  }
  .client:nth-child(even) .client-img-div {
    order: 1 !important;
  }

  .client-img:nth-child(odd) .client-text-div{
    order: 2 !important;
  }
    .client-img-div {
    order: 1;
`}
  .client-text h2 {
      text-align: center;
      margin: 20px 0;
      font-size: 3rem;
  }
  .client-text-div{
    min-height: 350px;
    order: 2;
  }
  .client-text.left {
    min-height: 350px !important;
  }
    .client-text.right{
    min-height: 350px !important;
    padding-left: 0;
  }

  .index_newsletter .form_holder .form .sa_button {
    padding: 14px 40px;
    font-size: 1.6rem;
  }

  .index_newsletter .form_holder .form .field {
    padding: 10px 7px;
    width: 315px;
  }

  .index_newsletter .text {
    font-size: 1.6rem;
  }

  .index_newsletter .title {
    font-size: 4rem;
  }

  .footer {
    padding: 70px 15px;
  }

  .index_references .list .items {
    width: 130px;
  }

  .index_references .title {
    font-size: 4rem;
  }

  .index_testimonials .testimonial_holder .text {
    font-size: 1.4rem;
    width: 565px;
    margin: 0 auto;
  }

  .index_testimonials .testimonial_holder .icons {
    font-size: 6rem;
  }

  .index_testimonials .title {
    font-size: 4rem;
  }

  .about_product .text {
    font-size: 1.4rem;
  }

  .about_product .list {
    padding-left: 30px;
  }

  .about_product .list .items {
    font-size: 1.4rem;
  }

  .about_product .title {
    font-size: 2.2rem;
    margin-bottom: 25px;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider {
    height: 440px;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider .title_holder .title {
    font-size: 3rem;
  }

  .index_services .services_text_holder .text {
    font-size: 1.8rem;
  }

  .index_services .services_text_holder .title {
    font-size: 5rem;
  }

  .index_services .services_holder .box {
    padding: 15px;
  }

  .index_services .services_holder .box .service_title {
    font-size: 2rem;
  }

  .index_services .services_holder .box .service_text {
    font-size: 1.4rem;
  }

  .index_services .services_holder {
    padding: 40px 2%;
  }

  .index_services .services_holder {
    column-gap: 20px;
    row-gap: 20px;
  }

  .hero_text .main_title {
    font-size: 5rem;
  }

  .hero_text .main_sub_title {
    font-size: 1.4rem;
    padding: 0 40px;
  }

  .sa_header .logo_holder .logo_link .logo {
/*    width: 140px;*/
    transform: scale(1.4);
  }

  .sa_button {
    padding: 10px 20px;
    font-size: 11px;
  }
.img-wrap-home img {
    margin-top: 195px;
    padding-top: 18px;
  }
  .services {
  	padding: 0;
    margin-top: -26px;
    margin-bottom: 20px;
  }
  .box-info {
    width: 234px;
    height: 440px;
}
  .box-info img {
  	width: 50%;
  }
  .box-info h2 {
  	font-size: 16px;
    padding: 5px;
  }
  .box-info p {
  	font-size: 14px;
    padding: 10px;
  }
  .title-desing .title {
    font-size: 3rem;
  }
  .image-desing {
    margin-top: 0;
    text-align: center;
  }
  .image-desing img {
    margin: auto;
    float: none;
  }
  .title-desing .title-right {
    font-size: 3rem;
/*    text-align: left;*/
    margin: 0;
     padding-bottom: 30px;
  }
  .title-desing .title-right::before {
  
  }
  .title-desing .title-right::after {

  }
  .add-possibiti {
    display: flex;
    flex-direction: column-reverse;
  }
  .image-desing.conatct {
    width: 350px;
    margin-top: 0;
  }
  .image-desing.conatct img{
    width: 100%;
  }
    .about h2{
    font-size: 3rem;
  }
  .about h2::before {
    content: "";
    top: 80px;
  }
  .about h2::after {
    content: "";
    top: 79px;
  }
  .our-story h3 {
    font-size: 2.3rem;
    margin-bottom: 10px;
  }
  .contact-us{ 
    padding:0px 15px 20px 15px;
    margin-top: -20px;
  }
  .about-img {
/*    min-height: 400px !important;*/
    position: absolute;
    top: -20px !important;
  }
  .table-responsive {
    margin-top: 37px;
  }
  table.table.table-striped {
    margin-top: 30px;
  }
  .image-desing.site {
  	margin: 0;
  }
  .reviews .title {
    font-size: 4rem;
  }
      .references {
    padding-top: 85px;
  }
}
@media all and (min-width: 500px) and (max-width: 767px) {
/*    .sa_header .logo_holder {
    padding-left: 20px;
    padding-top: 15px;
  }*/
  .sa_header.-fixed .logo_holder .logo_link .logo {
    padding-bottom: 5px;
    margin-left: 30px;
  }
  .home-head .background {
   /*height: 64vh;*/
    height: 105%; 
  }
  .about_product .background {
    /*height: 74vh;*/
    height: 100%; 
  }
  .about_product.-promotions .background {
    /*height: 55vh;*/
    height: 100%; 
  }
    .table-responsive {
    margin-top: 37px;
    }
      table.table.table-striped {
    margin-top: 30px;
  }
  .client-text h2 {
    text-align: center;
    font-size: 2.5rem;
    margin: 15px 0;
  }
    .client {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
  }
  .client:nth-child(even) .client-img-div {
    order: 1 !important;
  }

  .client-img:nth-child(odd) .client-text-div{
    order: 2 !important;
  }
  .client-img-div {
    order: 1;
`}
  .client-text-div{
    min-height: 350px;
    order: 2;
  }
  .client-text.left {
    min-height: 350px !important;
  }
    .client-text.right{
    min-height: 350px !important;
    padding-left: 0;
  }
  .img-wrap-home img {
    margin-top: 10px;
  }
  .footer_box {
    min-height: 200px;
  }

  .index_newsletter {
    padding: 50px 15px;
  }

  .index_newsletter .text {
    font-size: 1.6rem;
  }

  .index_newsletter .title {
    font-size: 2.2rem;
  }

  .index_newsletter .form_holder .form .sa_button {
    padding: 10px 30px;
    font-size: 1.6rem;
  }

  .index_newsletter .form_holder .form .field {
    width: 100%;
    padding: 10px 7px;
    margin-bottom: 10px;
  }

  .index_newsletter .form_holder .form {
    flex-direction: column;
    padding: 0 15px;
  }

  .index_references .list .items {
    width: 135px;
  }

  .index_references .title {
    font-size: 3rem;
  }

  .index_testimonials .testimonial_holder {
    width: 450px;
  }

  .index_testimonials .title {
    font-size: 3rem;
  }

  .about_product .info {
    margin-bottom: 35px;
  }

  .about_product .title {
    font-size: 3rem;
  }

  .index_tuts_slider {
    padding: 90px 0;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider .link_holder {
    width: 80px;
    height: 60px;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider .title_holder .title {
    font-size: 3rem;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider {
    height: 390px;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider {
    padding: 15px;
  }

  .index_services .services_text_holder .links {
    font-size: 1.8rem;
  }

  .index_services .services_text_holder .text {
    font-size: 2rem;
  }

  .index_services .services_text_holder .title {
    font-size: 4rem;
  }

  .index_services .services_holder {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .hero_text .main_sub_title {
    font-size: 1.8rem;
    padding: 0 15px;
  }

  .hero_text .main_title {
    font-size: 4rem;
  }

  .nav_right_part .sa_button {
    padding: 8px 15px;
  }
  .text-wrap h1{
    font-size: 5rem;
  }
  .services {
    padding: 0;
    margin-bottom: 20px;
  }
  .index_references {
    padding: 50px 0;
  }
  .title-desing {
    margin-top: 30px; 
  }
  .text-desing {
    padding-top: 30px;
  }
  .image-desing {
    margin: auto 0;
    text-align: center;
  }
  .image-desing img{
    width: 100%;
    height: 100%;
  }
  .btn-cont {
    text-align: center;
}
  .title-desing .title-right.site {
    font-size: 3rem;
/*    margin-top: -50px;*/
    text-align: left;
  }
  .bg {
    height: 50px;
    /*margin-top: -45px;*/
  }
  .title-desing .title {
    margin: 2px;
    font-size: 3rem;
  }
  .title-desing p {
    padding: 15px 0;
    margin-top: 20px;
  }
  .title-desing .title::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 21px;
  }
  .title-desing .title::after {
    position: absolute;
    content: "";
    top: 44px;
    left: 60px;
  }
  .title-desing .title-right {
    font-size: 3rem;
    margin: 0;
/*    text-align: left;*/
  }
  .title-desing .title-right::before {
    content: "";
    position: absolute;
    top: 76px;
/*    left: 56px;*/
  }
  .title-desing .title-right::after {
    content: "";
    position: absolute;
    top: 75px;
    left: 56px;
  }
  .text-in h3 {
    font-size: 3rem;
  }
  .add-possibiti {
    display: flex;
    flex-direction: column-reverse;
  }
  .add-possibiti {
    display: flex;
    flex-direction: column-reverse;
  }
  .about .about-img {
    position: relative;
/*    width: 350px;*/
    width: 550px;
/*    min-height: 400px;*/
    margin: auto;
    top: -50px;
  }
    .image-desing.conatct {
    margin-top: 0;
  }
    .about h2{
    font-size: 3rem;
    }
    .about h2::before {
    content: "";
    top: 50px;
  }
  .about h2::after {
    content: "";
    top: 49px;
  }
    .our-story h3 {
    font-size: 2.3rem;
    margin-bottom: 10px;
  }
  .box-info h2 {
  	min-height: 20px;
  }
  .box-info img {
    padding-top: 10px;
	}
	.image-desing.site {
		width: 80%;
    	margin: auto;
	}
	.contact-us {
		padding: 0;
	}
	.cont-us {
		padding: 20px 0;
	}
  .reviews .title {
    font-size: 3rem;
  }
  ol.carousel-indicators {
     bottom: 23px;
  }
    .references {
    padding-top: 85px;
  }
    .btn.sa_button.reference {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 499px) {
  .sa_header .logo_holder {
    /*padding-left: 20px;*/
    width: 200px;
/*    padding-top: 15px;*/
  }
  .sa_header .logo_holder .logo_link .logo {
/*    transform: scale(1.8);*/
  }
  .sa_header.-fixed .logo_holder {
    padding: 10px;
  }
  .sa_header.-fixed .logo_holder .logo_link .logo {
    /* width: 100px; */
    width: 120px;
    transform: scale(1.5);
    margin-left: 35px;
  }
  .sa_header.-fixed .burger {
    top: 18px;
  } 
  .title-service.hellp {
    position: relative;
    top: 15px;
  }
  .title-service h2 {
    word-break: break-word;
  }
    .noMargin{
      margin: 0;
    }
    .index_references {
      padding-top: 0;
      padding-bottom: 40px;
    }
    .reviews .title {
      font-size: 3rem;
      word-break: break-word;
  }

  .carousel-indicators {
    bottom: 23px;
  }
      .home-head .background {
    /*height: 64vh;*/
    height: 107%;
  }
  .about_product .background {
    /*height: 74vh;*/
    height: 100%;
  }
  .about_product.-promotions .background {
    /*height: 55vh;*/
    height: 100%;
  }
  .title-service {
    margin-top: -35px;
  }
  .bg-service {
    height: 69px;
  }
	.cont-us {
    padding-bottom: 20px;
    word-break: break-word;
	}
	.btn.sa_button.about-btn {
    font-size: 12px;
	}
	.btn.sa_button.page {
    font-size: 12px;
	}
	.links.sa_button {
    font-size: 12px;
	}
	.box-info {
    margin-top: 21px;
	}
  .text-wrap {
    padding-top: 100px;
  }
  .contact-us {
    padding: 10px 0;
  }
  .about h2{
    font-size: 3rem;
  }
  .about h2::before {
    content: "";
    top: 45px;
  }
  .about h2::after {
    content: "";
    top: 44px;
  }
  .our-story h3 {
    font-size: 2.3rem;
    /*margin-bottom: 10px;*/
  }
  .image-desing.softwer {
    margin-top: 0;
  }
  .image-desing.site {
  	margin: 0;
  }
  .image-desing.conatct {
    margin-top: 0;
  }
  .about {
    padding-top: 100px;
  }
  .about h2 {
    font-size: 3rem;
    margin-top: 0;
  }
  .about-row {
    display: flex;
    flex-direction: column;
  }
  .add-possibiti {
    display: flex;
    flex-direction: column-reverse;
  }
  .about .about-img {
        position: relative;
      width: 388px;
/*      min-height: 400px;*/
      margin: auto;
      top: -50px;
  }
    .btn-cont {
      text-align: center;
  }
  .title-desing {
    margin-top: 30px; 
    height: 33px;
    /*margin-bottom: 40px;*/
  }
  .title-desing.contact {
    height: auto;
  }
  .text-desing {
    padding-top: 30px;
  }
  .image-desing {
    margin: 0;
  }
  .image-desing img{
    width: 100%;
    height: 100%;
  }
  .title-desing .title-right {
    font-size: 3rem;
    margin: 0;
    float: left;
     padding-bottom: 30px;
  }
  .title-desing .title-right.site {
    font-size: 2.8rem;
/*    margin-top: -50px;*/
    text-align: left;
    width: 100%;
  }
  .bg {
    height: 50px;
  /*  margin-top: -49px;*/
  }
  .bg.reference {
    margin-top: 69px;
	}
  .title-desing .title {
    margin: 2px;
    font-size: 2.8rem;
  }
  .title-desing p {
    margin-top: 20px;
    padding: 15px 0;
  }
  .client-text-div {
    min-height: auto;
  }
  .client-text.left {
     min-height: 200px !important;
    padding: 0;
  }
    .client-text.right {
    padding: 0;
    min-height: 200px !important;
  }
  .client-text h2 {
    margin: 10px 0;
    padding: 10px 0;
    font-size: 2.5rem;
    text-align: center;
  }
  .client-img {
    padding-top: 10px;
/*    padding-bottom: 30px;*/
}
  .client {
    padding: 10px 0 !important;
    display: flex;
    flex-direction: column;
  }
  .client:nth-child(even) .client-img-div {
    order: 1 !important;
  }

  .client-img:nth-child(odd) .client-text-div{
    order: 2 !important;
  }
  .img-wrap-home img {
    margin-top: 11px;
  }
  .title-desing .title::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 21px;
  
  }
  .title-desing .title::after {
   position: absolute;
    content: "";
    top: 44px;
   left: 58px;
/*    left: calc(50% - 160px);*/

  }
  .title-desing .title-right::before {
    content: "";
    position: absolute;
    top: 76px;
  }
  .title-desing .title-right::after {
    content: "";
    position: absolute;
    top: 75px;
/*    left: calc(50% - 161px);*/
  }
  .references {
    padding-top: 88px;
  }
    .text-wrap h1 {
    font-size: 4rem;
    word-break: break-word;
  }
  .text-in h3 {
    font-size: 2.8rem;
    margin-bottom: 24px;
    margin-top: 0;
  }
  .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sa_button.button-home {
    font-size: 10px;
    padding: 14px 16px;
  }
  .btn.sa_button.-bordered.home {
    font-size: 12px;
    padding: 16px 15px;
  }
  .services {
    padding: 0;
    margin-top: -15px;
  }
  .box-info h2 {
    min-height: 0px;
    padding: 5px;
    font-size: 20px;
  }
  .box-info p {
      height: auto;
  }
  .footer_box {
    margin-bottom: 20px;
  }

  .footer {
    padding: 35px 15px;
  }

  .index_newsletter {
    padding: 50px 15px;
  }

  .index_newsletter .text {
    font-size: 1.6rem;
  }

  .index_newsletter .title {
    font-size: 2.2rem;
  }

  .index_newsletter .form_holder .form .sa_button {
    padding: 10px 30px;
    font-size: 1.6rem;
  }

  .index_newsletter .form_holder .form .field {
    width: 100%;
    padding: 10px 7px;
    margin-bottom: 10px;
  }

  .index_newsletter .form_holder .form {
    flex-direction: column;
    padding: 0 15px;
  }

  .index_testimonials .testimonial_holder .company {
    font-size: 1.2rem;
  }

  .index_testimonials .testimonial_holder .text {
    font-size: 1.2rem;
  }

  .index_testimonials .testimonial_holder .icons {
    font-size: 5rem;
  }

  .index_testimonials {
    padding: 50px 0;
  }
  .text-wrap p {
    font-size: 1.5rem;
    word-break: break-word;
  }
  .about_product .text {
    font-size: 1.5rem;
/*    word-break: break-word;*/
  }

  .about_product .list .items {
    font-size: 1.5rem;
    word-break: break-word;
  }

  .about_product .list {
    padding-left: 20px;
  }

  .index_services .services_holder .box {
    padding: 15px;
  }

  .hero_text .main_title:after {
    width: 175px;
  }

  .burger {
    top: 28px;
  }

  .index_references .list .items {
    width: 115px;
  }

  .index_references .list .items:nth-child(even) {
    margin-right: 0;
  }

  .index_references .title {
    font-size: 3rem;
    word-break: break-word;
  }

  .index_testimonials .testimonial_holder {
    width: 250px;
  }

  .index_testimonials .title {
    font-size: 3rem;
  }

  .about_product .info {
    margin-bottom: 35px;
  }

  .about_product .title {
    font-size: 2rem;
    margin-bottom: 30px;
  }

  .index_tuts_slider {
    padding: 90px 0;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider .link_holder {
    width: 80px;
    height: 60px;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider .title_holder .title {
    font-size: 3rem;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider {
    height: 390px;
  }

  .index_tuts_slider .swiper-slide .sa_banners_slider {
    padding: 15px;
  }

  .index_services .services_text_holder .links {
    font-size: 1.8rem;
  }

  .index_services .services_text_holder .text {
    font-size: 1.8rem;
  }

  .index_services .services_text_holder .title {
    font-size: 3rem;
  }

  .index_services .services_holder {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .hero_text .main_sub_title {
    font-size: 1.8rem;
    padding: 0 15px;
  }

  .hero_text .main_title {
    font-size: 3rem;
  }

  .nav_right_part .sa_button {
    padding: 8px 15px;
  }

  .xs_full_width {
    width: 100%;
  }
  .making_desing {
    margin-top: 88px;
	}
  .making_desing.reference-head {
    margin-top: -16px;
  }
}

/*# sourceMappingURL=main.css.map */