/* -------------------------- *\
    BULTAG Styles
\* -------------------------- */

/* 
Theme Name: webfactor
Author: Web Factor Ltd.
Author URI: https//webfactor.com
Theme URI: https://webfactor.com
Version: 2.0
Description: Mobile First, SEO Friendly custom theme by Web Factor Ltd.
Tags: Mobile First, SEO optimized
Text Domain: webfactor
Domain Path: /languages
*/

/* -------------------------- *\
    BULTAG Variables:
\* -------------------------- */

:root {
	/* Colors */
	--c1: #5CE0D8;
	--c2: #ECECEC;
	--c3: #41BBD4;
	--c4: #1D252E;
	--cb: #1D262D;
	--light: #F4FDFC;
	--light: #F3FCFC;

	/* Text */
	--font-family: 'Open Sans', sans-serif; font-weight: 400;
	--default-font-size: 1.6rem;
	--line-height: 1.3;
	--text-color: #0E192D;
	--text-color: #000;
	--text-color-2: #045381;
	--link-color: rgba(0,0,0, .5);
	--link-hover-color: #000;

	/* Box Model */
	--border-radius: .7rem;

	/* Other */
	/*--intro-image-background: rgba(0,0,0, .5);*/
	/*--skew: 0deg;*/
	/*--polygon: polygon(0 0, 100% 0, 100% 75vh, 0 100%);*/
	/*--polygon-2:  polygon(0 15vh,  100% 0, 100% 75vh, 0 100%);*/
}

/* Colors */

/*$c1: #5CE0D8;*/

/*$c3: #41BBD4;*/

/*$light: #F4FDFC;*/

/* -------------------------- *\
    BULTAG Clearfix
\* -------------------------- */

/* -------------------------- *\
    Nav Menu
\* -------------------------- */

/* -------------------------- *\
    Transition
\* -------------------------- */

/* -------------------------- *\
    Transform Center
\* -------------------------- */

/* -------------------------- *\
    BULTAG Reset
\* -------------------------- */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

/* -------------------------- *\
    BULTAG Base
\* -------------------------- */

html {
	font-size: 62.5%;
}

@media (max-width: 767px) {

	html {
		overflow-x: hidden;
	}
}

body { 
	background: #fff; 
	font-family: var(--font-family); 
	font-size: var(--default-font-size); 
	line-height: var(--line-height); 
	color: var(--text-color); 
    max-width: 100vw;
}

/*  overflow-x: hidden;*/

body.burg-bg--open {
	overflow: hidden;
}

main {
    padding-top: 0;
    position: relative;
    z-index: 100;
}

@media (min-width: 1200px) {

	main {
		padding-top: 18rem;
	}
}

a { 
	color: #ECECEC;
	text-decoration: none; 
	transition: .3s;
  }

a:hover {
	color: #5CE0D8;
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 3rem; line-height: 1.3; font-weight: 400; }

h1 { font-size: 4rem; }

h2 { font-size: 3rem; }

h3 { font-size: 2.4rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.6rem; }

h6 { font-size: 1.4rem; }

@media(max-width: 330px){
	h1, h2 {
		font-size: 3rem; 
	}
}

blockquote,
dl,
ol,
p,
table,
ul {
    margin-bottom: 1.3em; 
}

nav li {
	list-style-type: none;
}

img { max-width: 100%; height: auto; vertical-align: middle; }

/* -------------------------- *\
    Shell
\* -------------------------- */

.shell { 
    max-width: calc(100vw - 4rem);
    margin: 0 auto;
    padding: 0 2rem;
}

@media (min-width: 768px) {

	.shell {
		padding: 0 12.5rem;
		padding: 0 5rem;/*padding: 0;*/
		max-width: calc(100vw - 23rem);
	}
}

/* test */

@media (min-width: 1200px) {

	.shell {/*padding: 0;*/
	}
}

.shell--small {
	max-width: 115rem;
}

.shell--medium {
	max-width: 139.5rem;
}

@media (min-width: 768px) {

	.shell--medium {
		padding: 0 2rem;
	}
}

@media (min-width: 1440px) {

	.shell--medium {
		padding: 0;
	}
}

/* -------------------------- *\
    Cols
\* -------------------------- */

.cols { margin: 0 -1.5rem; }

.cols:after { content: ''; display: table; clear: both; line-height: 0; }

.col { float: left; width: 100%; padding: 0 1.5rem; }

.col--1of2 { width: 50%; }

.col--1of3 { width: 33.33%; }

.col--1of4 { width: 25%; }

.col--1of5 { width: 20%; }

.col--2of4 { width: 50%; }

.col--3of4 { width: 75%; }

@media(max-width: 767px){
	.col--1of2,
	.col--1of3,
	.col--1of4,
	.col--1of5,
    .col--3of4,
    .col--2of4 { width: 100%; }
}

/* -------------------------- *\
    Helpers
\* -------------------------- */

.hidden { display: none !important; }

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

.onlymobile {
    display: block;
}

.hidden {
    display: none;
}

.onlydesktop {
    display: none;
}

/* -------------------------- *\
    Section
\* -------------------------- */

section {
/*    background: #fff;*/
	  padding: 2.5rem 0;
}

@media (min-width: 768px) {

	section {
		padding: 4rem 0;
	}
}

@media (min-width: 1200px) {

	section {
		padding: 9rem 0;
	}
}

section.dark-1 {/*background: #EDEEEE;*/
}

section.dark-2 {/*background: #333031;*/
}

section.nopadding {
	padding: 0;
}

/* -------------------------- *\
    Loggen in
\* -------------------------- */

.logged-in header {
  margin-top: 3.2rem;
}

/* -------------------------- *\
    Sizer
\* -------------------------- */

.sizer {
  max-width: 100vw;
  overflow: hidden;
}

/*display: none;*/

.sizer__desktop {
	width: 192rem;
	height: 2rem;
	background: red;
	margin: 2rem auto;
}

.sizer__iPhone12ProMax {

}

.sizer__iPhone5 {
	width: 32rem;
	height: 2rem;
	background: red;
	margin: 2rem auto;
}

.p {
    font-size: var(--default-font-size);
}

/*.page .main {
    @mixin min 1200 {
        position: relative;

        &:before {
            transition: all 0.5s;
            content: "";
            display: block;
            width: 100%;
            height: 3rem;
            position: absolute;
            top: 0;
            left: 0;
            background: #FFF;

            @mixin min 768 {
                height: 5rem;
            }
        }
    }
}*/

/*@import "_typography";*/

/* -------------------------- *\
    .Sprite
\* -------------------------- */

.i {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.i-brand {
	font-size:(138/10)*1rem;
	width:(160/138)*1em;
}

.i-code {
	font-size:(122/10)*1rem;
	width:(142/122)*1em;
}

.i-coding {
	font-size:(122/10)*1rem;
	width:(142/122)*1em;
}

.i-design {
	font-size:(139/10)*1rem;
	width:(140/139)*1em;
}

.i-design-icon {
	font-size:(107/10)*1rem;
	width:(108/107)*1em;
}

.i-digital {
	font-size:(137/10)*1rem;
	width:(226/137)*1em;
}

.i-facebook {
	font-size:(512/10)*1rem;
	width:(511/512)*1em;
}

.i-instagram {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-linkedin {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-logo_square {
	font-size:(315/10)*1rem;
	width:(429/315)*1em;
}

.i-next {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-right-arrow {
	font-size:(16/10)*1rem;
	width:(50/16)*1em;
}

.i-right-arrow-2 {
	font-size:(512.02/10)*1rem;
	width:(512.02/512.02)*1em;
}

.i-shop {
	font-size:(122/10)*1rem;
	width:(142/122)*1em;
}

.i-super-web-factor {
	font-size:(574/10)*1rem;
	width:(900/574)*1em;
}

.i-symbol-black {
	font-size:(1200/10)*1rem;
	width:(1600/1200)*1em;
}

.i-telephone-webfactor {
	font-size:(480/10)*1rem;
	width:(480/480)*1em;
}

.i-twitter {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-w {
	font-size:(50/10)*1rem;
	width:(92/50)*1em;
}

.i-w-sign {
	font-size:(289/10)*1rem;
	width:(593/289)*1em;
}

.i-web-factor-center-white {
	font-size:(191/10)*1rem;
	width:(243/191)*1em;
}

.i-web-factor-sign {
	font-size:(289/10)*1rem;
	width:(593/289)*1em;
}

.i-webfactor {
	font-size:(297/10)*1rem;
	width:(1033/297)*1em;
}

.i-webfactor-center {
	font-size:(315/10)*1rem;
	width:(429/315)*1em;
}

.i-webfactor-h {
	font-size:(191/10)*1rem;
	width:(243/191)*1em;
}

.i-webfactor-sign {
	font-size:(768/10)*1rem;
	width:(884/768)*1em;
}

.i-webfactor-white {
	font-size:(62/10)*1rem;
	width:(209/62)*1em;
}

.i-woocommerce {
	font-size:(94/10)*1rem;
	width:(152/94)*1em;
}

.i-youtube {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

/* -------------------------- *\
    .after_sprite
\* -------------------------- */

.i {
	transition: .3s ease;
}

.i.c1 {
	fill: #5CE0D8;
}

.i.c2 {
	fill: #ECECEC;
}

.i {

}

.i-call.reda {
	font-size: 15rem;
	color: red;
}

.i-call {
	color: green;
	font-size: 50rem;
}

.i-bultag-logo {
	font-size: 200rem !important;
	color: red;
}

/* -------------------------- *\
    Plugins
\* -------------------------- */

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*@import "_slick-theme.css";*/

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
    color: #CCC; }

.mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }

.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
    margin-top: -54px; }

.mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

body.compensate-for-scrollbar{overflow:hidden}

.fancybox-active{height:auto}

.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}

.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}

.fancybox-container *{box-sizing:border-box}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}

.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}

.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}

.fancybox-is-open .fancybox-bg{opacity:.95;transition-timing-function:cubic-bezier(.22,.61,.36,1)}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}

.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.fancybox-toolbar{right:0;top:0}

.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}

.fancybox-is-open .fancybox-stage{overflow:hidden}

.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}

.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}

.fancybox-slide--image{overflow:hidden;padding:44px 0}

.fancybox-slide--image::before{display:none}

.fancybox-slide--html{padding:6px}

.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}

.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}

.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}

.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}

.fancybox-is-grabbing .fancybox-content{cursor:grabbing}

.fancybox-container [data-selectable=true]{cursor:text}

.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}

.fancybox-spaceball{z-index:1}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}

.fancybox-slide--video .fancybox-content{background:#000}

.fancybox-slide--map .fancybox-content{background:#e5e3df}

.fancybox-slide--iframe .fancybox-content{background:#fff}

.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}

.fancybox-iframe{left:0;position:absolute;top:0}

.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}

.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}

.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}

.fancybox-button:hover{color:#fff}

.fancybox-button:focus{outline:0}

.fancybox-button.fancybox-focus{outline:1px dotted}

.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}

.fancybox-button div{height:100%}

.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}

.fancybox-button svg path{fill:currentColor;stroke-width:0}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}

.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}

.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}

.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}

.fancybox-close-small:hover{color:#fff;opacity:1}

.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}

.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}

.fancybox-navigation .fancybox-button div{padding:7px}

.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}

.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}

.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}

@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}

.fancybox-caption--separate{margin-top:-50px}

.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}

.fancybox-caption a:hover{color:#fff;text-decoration:underline}

.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}

@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}

.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}

.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}

.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}

.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}

.fancybox-fx-fade.fancybox-slide--current{opacity:1}

.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}

.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}

.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}

@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}

.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}

.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}

.fancybox-share p{margin:0;padding:0}

.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}

.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}

.fancybox-share__button:hover{text-decoration:none}

.fancybox-share__button--fb{background:#3b5998}

.fancybox-share__button--fb:hover{background:#344e86}

.fancybox-share__button--pt{background:#bd081d}

.fancybox-share__button--pt:hover{background:#aa0719}

.fancybox-share__button--tw{background:#1da1f2}

.fancybox-share__button--tw:hover{background:#0d95e8}

.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}

.fancybox-share__button svg path{fill:#fff}

.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}

.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}

.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}

.fancybox-show-thumbs .fancybox-thumbs{display:block}

.fancybox-show-thumbs .fancybox-inner{right:212px}

.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}

.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}

.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}

.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}

.fancybox-thumbs__list a:focus::before{opacity:.5}

.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}

@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

@media only screen and (min-width:600px){body.admin-bar .fancybox-container:not(.fancybox-is-fullscreen) .fancybox-toolbar{top:32px}body.admin-bar .fancybox-container:not(.fancybox-is-fullscreen) .fancybox-infobar{top:38px}}

.fancybox-video{visibility:visible}

.fancybox-bg{background-color:#000}

body.compensate-for-scrollbar,html.compensate-for-scrollbar{margin-right:0!important}

html.compensate-for-scrollbar{overflow-y:scroll!important}

button.fancybox-button{background-color:#000}

body[data-button-style*=slightly_rounded] button.fancybox-button,body[data-button-style^=rounded] button.fancybox-button{border-radius:0!important}

button.fancybox-button--fsenter,button.fancybox-button--fsexit,html body[data-button-style*=slightly_rounded] button.fancybox-button--fsenter,html body[data-button-style^=rounded] button.fancybox-button--fsenter{border-radius:0 0 0 5px!important}

.fancybox-navigation button{color:#fff;background-color:transparent}

.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:25px;width:40px;height:40px;border-radius:50px;background-color:rgba(25,25,25,.45);z-index:-1;transform:scale(.9);transition:all .25s cubic-bezier(.15,.2,.1,1)}

.fancybox-navigation button.fancybox-button--arrow_right:before{right:5px}

@media only screen and (min-width:690px){.fancybox-navigation button:hover:before{transform:scale(1.1);box-shadow:0 7px 18px rgba(0,0,0,.25)}}

.fancybox-navigation .fancybox-button--arrow_left{left:20px}

.fancybox-navigation .fancybox-button--arrow_right{right:20px}

@media only screen and (max-width:690px){.fancybox-navigation button:before{transition:none}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}}

/* -------------------------- *\
    .h
\* -------------------------- */

.h {
	position: relative;
	z-index: 200;
}

.h .logo {
	transition: .3s ease;
	position: relative;
	top: 1rem;
}

/*opacity: 0;*/

.h .logo .i-webfactor{
	fill: #1D262D;
	font-size: 15rem;
	transition: .3s ease;
	margin-right: 3rem;
	height: 6rem;
	--stroke: 1600;
	stroke: #1D262D;
	stroke-width: 3.5;
	stroke-dasharray: var(--stroke);
	stroke-dashoffset: 0;
	animation: drawSVG 3s forwards;
}

.h .logo span {
	position: absolute;
	left: -999rem;
}

@media (max-width: 1200px) {

	.h ul {
		display: none;
	}
}

.h--open {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1500;
	width: 100%;
}

.h--open:before {
	transform: translate(0, -100%);
}

.h--open:after {
	width: 150vw;
}

.h--open .logo {
	position: absolute;
	top: 1rem;
	left: 2rem;
	transition: .3s ease;
}

.h--open .logo .i-webfactor {
	fill: #fff;
}

.h--open .i-webfactor {
	fill: #fff;
	font-size: 15rem;
	transition: .3s ease;
	margin-right: 3rem;
	height: 6rem;
}

.h--open ul {
	display: block;
	list-style-type: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.h--open ul>li {
	opacity: 0;
	transform: translateY(-3rem);
	animation: snow3 .3s forwards 1.1s;
}

.h--open ul>li:nth-child(2){
	animation: snow3 .3s forwards 1.2s;
}

.h--open ul>li:nth-child(3){
	animation: snow3 .3s forwards 1.3s;
}

.h--open ul>li:nth-child(4){
	animation: snow3 .3s forwards 1.4s;
}

.h--open ul>li:nth-child(5){
	animation: snow3 .3s forwards 1.5s;
}

.h--open ul>li:nth-child(6){
	animation: snow3 .3s forwards 1.6s;
}

.h--open ul>li:nth-child(7){
	animation: snow3 .3s forwards 1.7s;
}

.h--open ul>li:nth-child(8){
	animation: snow3 .3s forwards 1.8s;
}

.h--open ul>li:nth-child(9){
	animation: snow3 .3s forwards 1.9s;
}

.h--open ul>li:nth-child(10){
	animation: snow3 .3s forwards 2s;
}

.h--open ul a {
	text-transform: uppercase;
	font-size: 2.2rem;
	color: #A7AAAD;
	display: block;
	padding: 1.5rem 0;
	font-weight: 600;
	letter-spacing: .1rem;
	transition: .3s ease;
}

@media (min-width: 768px) {

	.h--open ul a {
		font-size: 2.5rem;
	}
}

@media (min-width: 1024px) {

	.h--open ul a {
		font-size: 3.5rem;
		padding: 2.5rem 0;
	}
}

.h--open ul a:hover {
	color: #fff;
	transform: scale(1.1);
}

@media (min-width: 1200px) {

	.h:not(.h--open) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;/*	 	background: #fff;*/
		padding-top: 3.5rem;
		transition: .3s ease;
	}

	.h:not(.h--open) .i-webfactor {
		fill: #FFF;
		font-size: 20rem;
		transition: .3s ease;
		margin-right: 3rem;
		height: 6rem;
	}

	.h:not(.h--open) .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;/*	 		background: #F3FCFC;*/
		padding: 4.2rem 2rem 4rem;
		transition: .3s ease;
	}

	@media (min-width: 1500px) {

		.h:not(.h--open) .shell {
			padding: 4.2rem 12.5rem 4rem;
			padding: 4.2rem 5rem 4rem;
		}
	}

	.h:not(.h--open) .menu-main-menu-container {
		width: calc(100% - 30rem);
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.h:not(.h--open) .menu {
		list-style-type: none;
		width: 100%;
		margin-bottom: 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: end;
		    justify-content: flex-end;
		animation: reveal-nav 1.5s forwards;
	}

	.h:not(.h--open) .menu li {
		display: inline-block;
		position: relative;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
	}

	.h:not(.h--open) .menu li:before,
	 			.h:not(.h--open) .menu li:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0%;
		height: .2rem;
		height: .3rem;
		background: #1D262D;
		transition: .3s ease;
	}

	.h:not(.h--open) .menu li:after {
		top: auto;
		left: auto;
		right: 0;
		bottom: 0;
	}

	.h:not(.h--open) .menu li + li {
		margin-left: 3rem;
		margin-left: .5rem;
	}

	@media (min-width: 1600px) {

		.h:not(.h--open) .menu li + li {
			margin-left: 2rem;
		}
	}

	.h:not(.h--open) .menu li:last-child {
		display: none;
	}

	.h:not(.h--open) .menu li:hover:before, .h:not(.h--open) .menu li.current-menu-item:before {
		animation: width .1s forwards;
	}

	.h:not(.h--open) .menu li:hover:after, .h:not(.h--open) .menu li.current-menu-item:after {
		animation: width .1s forwards .2s;
	}

	.h:not(.h--open) .menu li:hover a:before, .h:not(.h--open) .menu li.current-menu-item a:before {
		animation: height2 .5s forwards .3s;
	}

	.h:not(.h--open) .menu li:hover a:after, .h:not(.h--open) .menu li.current-menu-item a:after {
		animation: height .1s forwards .1s;
	}

	.h:not(.h--open) .menu a {
		position: relative;
		color: #1D262D;
		font-size: 1.2rem;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		padding: 1rem 1.5rem;
	}

	@media (min-width: 1366px) {

		.h:not(.h--open) .menu a {
			font-size: 1.6rem;
		}
	}

	@media (min-width: 1630px) {

		.h:not(.h--open) .menu a {
			font-size: 1.8rem;
		}

		.h:not(.h--open) .menu a:first-child(1) {
			color: red;
		}
	}

	.h:not(.h--open) .menu a:before,
	 			.h:not(.h--open) .menu a:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: .2rem;
		width: .3rem;
		height: 0%;
		background: #1D262D;
		transition: .3s ease;
	}

	.h:not(.h--open) .menu a:after {
		left: auto;
		right: 0%;
		height: 0%;
		bottom: auto;
		top: 0;
	}

	.h:not(.h--open) .menu a:hover:before {
		animation: height2 .5s forwards .3s;
	}

	.h:not(.h--open) .menu a:hover:after {
		animation: height .1s forwards .1s;
	}

	.h:not(.h--open) .word {
		display: block;
	}

	.h:not(.h--open)--scroll {
		padding-top: 0;
	}

	.h:not(.h--open)--scroll .shell {
		padding: 2.2rem 0 2rem;
	}/* -------------------------- *\
	    Animations
	\* -------------------------- */

	@keyframes width {

		from {
			width: 0;
		}

		to {
			width: 100%;
		}
	}

	@keyframes height {

		from {
			height: 0%;
		}

		to {
			height: 100%;
		}
	}

	@keyframes height2 {

		0% {
			height: 0%;
		}

		30% {
			height: 50%;
		}

		100% {
			height: calc(100% - 1.5rem);
		}
	}
}

@keyframes snow3 {
    0%    { transform: translateY(-2rem) scale(.8); opacity: 0; }
    100%  { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes drawSVG {
	0% {
		stroke-dashoffset: var(--stroke);
		fill: #FFFFFF00;
	}

	50% {
		stroke-dashoffset: 0;
		fill: #FFFFFF00;
	}

    100% {
        fill: #1D262D;
    }
}

@keyframes drawSVG-back {
    0% {
        fill: #1D262D;
    }

    50% {
    	stroke-dashoffset: 0;
    	fill: #FFFFFF00;
    }

    100% {
    	stroke-dashoffset: var(--stroke);
    	fill: #FFFFFF00;
    }
}

@keyframes reveal-nav {
		0% {
			transform: translate(0, -100%);
			opacity: 0;
		}

	    100% {
	        transform: translate(0, 0);
	        opacity: 1;
	    }
}

/* -------------------------- *\
    .m_menu
\* -------------------------- */

.m_menu { 
	display: none;
 }

.burger {
 	display: none;
 }

/* -------------------------- *\
    .webfactor_intro
\* -------------------------- */

.webfactor_intro { 
	position: relative;
	z-index: 10;
	padding: 0;
	text-align: center;
/*	min-height: 101vh;*/
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
 }

@media (min-width: 1200px) {

	.webfactor_intro {/*		min-height: 101vh;*/
		max-height: calc(100vh - 18.3rem - 3.5rem);
		max-height: calc(100vh - 18.3rem - 3.5rem);
	}
}

.webfactor_intro .shell {
	padding-top: 5rem;
	padding-bottom: 5rem;/*		background: $light;*/
	animation: rollatext 5s forwards;
}

@media (min-width: 768px) {

	.webfactor_intro .shell {
		padding-bottom: 10rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_intro .shell {
		position: static;
		min-height: calc(100vh - 18.3rem - 3.5rem);
		padding: 5rem 0 0 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-pack: center;
		    justify-content: center;
	}
}

.webfactor_intro .title:before {
	display: none;
	text-align: center;
}

.webfactor_intro h1:not(.title),
	.webfactor_intro .title-2 {
	position: relative;
	margin: 0 auto 3rem;
	margin: 0 auto 1.1rem;
	font-size: 2.2rem;
	font-weight: 600;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 2rem;
	position: relative;
	z-index: 10;
	opacity: 0;
	transform: translateY(3rem);
	animation: showup 1s forwards .8s;
}

@media (min-width: 768px) {

	.webfactor_intro h1:not(.title),
	.webfactor_intro .title-2 {
		font-size: 4.5rem;
	}
}

@media (min-width: 1024px) {

	.webfactor_intro h1:not(.title),
	.webfactor_intro .title-2 {
		font-size: 4.8rem;
	}
}

.webfactor_intro h1:not(.title):after, .webfactor_intro .title-2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 7.7rem;
	height: .3rem;
	background: #5CE0D8;
}

@media (min-width: 768px) {

	.webfactor_intro h1:not(.title):after, .webfactor_intro .title-2:after {
		width: 14rem;
	}
}

.webfactor_intro h2,
	.webfactor_intro .title {
	font-size: 2.3rem;
	font-weight: 800;
	text-align: center;
	position: relative;
	z-index: 10;
	margin: 0 auto 1rem;
	opacity: 0;
	transform: translateY(3rem);
	animation: showup 1s forwards .9s;
}

@media (min-width: 375px) {

	.webfactor_intro h2,
	.webfactor_intro .title {
		font-size: 3rem;
	}
}

@media (min-width: 768px) {

	.webfactor_intro h2,
	.webfactor_intro .title {
		font-size: 5.7rem;
		max-width: 87rem;
		margin: 0 auto 2.5rem;
	}
}

@media (min-width: 1024px) {

	.webfactor_intro h2,
	.webfactor_intro .title {
		font-size: 8rem;
		line-height: 1.02;
		max-width: 100rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_intro h2,
	.webfactor_intro .title {
		margin: 0 auto 2.5rem;
	}
}

.webfactor_intro p {
	position: relative;
	font-size: 1.5rem;
	line-height: 1.5;
	position: relative;
	z-index: 9;
	opacity: 0;
	transform: translateY(3rem);
	animation: showup 1s forwards 1s;
}

@media (min-width: 400px) {

	.webfactor_intro p {
		font-size: 1.6rem;
	}
}

@media (min-width: 768px) {

	.webfactor_intro p {
		max-width: 65rem;
		margin: 0 auto;
		font-size: 1.8rem;
		line-height: 2.9rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_intro p {
		margin-top: 3rem;
		margin-bottom: 14rem;
	}
}

.webfactor_intro p a {
	display: block;
	text-align: center;
	font-weight: 700;
	color: #1D262D;
	text-transform: uppercase;
	margin-top: 1rem;
	transition: .3s ease;
}

.webfactor_intro p a:hover {
	transform: scale(1.2);
}

.webfactor_intro p.rolla2:after {/*animation: rolla2 7s infinite 7s;*/
}

.webfactor_intro .arrow {
	display: inline-block;
	margin-top: 2rem;
}

.webfactor_intro .arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 7.5rem;
	height: 7.5rem;
	background: #5CE0D8;
	border-radius: 50%;
	opacity: 0;
	transition: .3s ease;
}

@media (min-width: 1200px) {

	.webfactor_intro .arrow:before {
		width: 12rem;
		height: 12rem;
	}
}

@media (min-width: 768px) {

	.webfactor_intro .arrow {
		margin-top: 3rem;
	}
}

.webfactor_intro .arrow svg {
	font-size: 4rem;
	fill: #5CE0D8;/*transform: rotate(90deg);*/
	opacity: 0;
	transform: translateY(2rem) rotate(90deg);
	animation: showup2 1s forwards 1.2s;
}

@media (min-width: 1200px) {

	.webfactor_intro .arrow svg {
		font-size: 5rem;
	}
}

.webfactor_intro .arrow:hover:before {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.webfactor_intro .arrow:hover svg {
	fill: #fff;
}

.arrow {
 	animation: arrowDownBounce 2s alternate-reverse infinite;
 	/*animation: bounce 2s infinite ease;*/
 	transition: .3s ease;
 }

.arrow svg {
	transition: .3s ease;
}

.arrow:hover svg {
	fill: #222;
}

@keyframes arrowDownBounce {
   0%   {transform: translateY(0);}
   100% {transform: translateY(3rem);}
 }

@keyframes bounceY {
     0%   { transform: translateX(0) rotate(180deg); }
     50%  { transform: translateX(-2rem) rotate(180deg) scale(1.1); }
     100% { transform: translateX(0) rotate(180deg); }
 }

@keyframes rollatext {
     0%   { transform: scale(1); }
     50%  { transform: scale(1); }
     70%  { transform: scale(1.1) rotate(-5deg); }
     75%  { transform: scale(1) rotate(0deg);; }
     85%  { transform: scale(1); }
     100% { transform: scale(1); }
 }

@keyframes rollatext2 {
     0%   { transform: scale(1); }
     50%  { transform: scale(1); }
     70%  { transform: scale(1.1) rotate(5deg); }
     75%  { transform: scale(1) rotate(0deg);; }
     85%  { transform: scale(1); }
     100% { transform: scale(1); }
 }

@keyframes showup {
     0%   { opacity: 0; transform: translateY(3rem); }
     100% { opacity: 1; transform: translateY(0); }
 }

@keyframes showup2 {
     0%   { opacity: 0; transform: translateY(3rem)  rotate(90deg); }
     100% { opacity: 1; transform: translateY(0)  rotate(90deg); }
 }

/* -------------------------- *\
    .breadcrumbs
\* -------------------------- */

.breadcrumbs { 
	list-style-type: none;
	font-weight: 300;
	text-align: center;
	opacity: 0;
	transform: translateY(2rem);
	animation: showup 1s forwards 1.1s;
 }

.breadcrumbs li {
	position: relative;
	display: inline-block;
	color: #131313;
	color: #1D262D;
}

.breadcrumbs li + li {
	margin-left: 3rem;
}

.breadcrumbs li + li:before {
	content: '/';
	position: absolute;
	top: 50%;
	left: -1.5rem;
	transform: translate(-50%, -50%);
}

.breadcrumbs a {
	color: rgba(19,19,19, .4);
}

/* -------------------------- *\
    .webfactor_blog_slider
\* -------------------------- */

.webfactor_blog_slider { 
	overflow: hidden;
	position: relative;
/*	background: $light;*/
	padding: 10.5rem 0 5.5rem 0;
 }

@media (min-width: 1200px) {

	.webfactor_blog_slider {
		padding: 12.5rem 0 7.5rem 0;
	}
}

.webfactor_blog_slider .slick-arrow {
	position: absolute;
	top: 0;
	left: 50%;
}

.webfactor_blog_slider .webfactor_slide {
	position: relative;
	display: inline-block;
	max-width: calc(100vw - 4rem);
	margin: 0 2rem;
	transition: .3s ease;
}

.webfactor_blog_slider .webfactor_slide::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

@media (min-width: 550px) {

	.webfactor_blog_slider .webfactor_slide.slick-active {
		opacity: 1;
	}
}

@media (min-width: 768px) {

}

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide {
		opacity: 1;
		margin: 0 2.5rem;
		transition: 1s !important;
	}

	.webfactor_blog_slider .webfactor_slide.slick-quick + .slick-quick {
		opacity: 1 !important;
	}

	.webfactor_blog_slider .webfactor_slide.slick-quick + .slick-active {
		opacity: 1 !important;
	}
}

.webfactor_blog_slider .webfactor_slide>a {
	display: block;
	overflow: hidden;
	margin-bottom: 3.2rem;
}

.webfactor_blog_slider .webfactor_slide>a img {
	display: block;/*margin-bottom: 3.2rem;*/
	transition: .3s ease;
}

.webfactor_blog_slider .webfactor_slide>a:hover img {
	transform: scale(1.2);
}

.webfactor_blog_slider .webfactor_slide span {
	position: relative;
	display: block;
	padding-left: 9.5rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 300;
	margin-bottom: 1rem;
}

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide span {
		font-weight: 400;
	}
}

.webfactor_blog_slider .webfactor_slide span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 7.4rem;
	height: .2rem;
	background: #5CE0D8;
}

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide span:before {
		height: .3rem;
	}
}

.webfactor_blog_slider .webfactor_slide h2 {
	margin-bottom: 1.8rem;
}

.webfactor_blog_slider .webfactor_slide h2 a {
	font-size: 2.1rem;
	font-weight: 700;
	color: #1D262D;
	letter-spacing: .1rem;
}

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide h2 a {
		font-size: 2.8rem;
	}
}

.webfactor_blog_slider .webfactor_slide p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-weight: 300;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: N;/* number of lines to show */
	line-height: X;/* fallback */
	max-height: X*N;
}

/* fallback */

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide p {
		font-weight: 400;
		padding-left: 5rem;
		font-size: 1.6rem;
		max-width: calc(100% - 8rem);
	}
}

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide .link {
		padding-left: 7.6rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_blog_slider .webfactor_slide .link:before {
		left: 5rem;
	}
}

/* -------------------------- *\
    .webfactor_web_services
\* -------------------------- */

.webfactor_web_services { 
	padding: 3rem 0 0 0;
	position: relative;
 }

/*&:before {
		content: "";
		display: block;
		width: 100%;
		height: 3rem;
		position: absolute;
		top: 0;
		left: 0;
		background: #FFF;

		@mixin min 768 {
			height: 5rem;
		}
	}*/

@media (min-width: 768px) {

	.webfactor_web_services {
		padding: 5rem 0 0 0;
	}
}

.webfactor_web_services .shell {
	position: relative;/*		background: $light;*/
	padding-top: 5rem;
}

@media (min-width: 768px) {

	.webfactor_web_services .shell {
		padding-top: 7rem;
	}

	@media (max-width: 1200px) {

		.webfactor_web_services .shell {
			padding: 7rem 1rem;
		}
	}
}

.webfactor_web_services p {
	font-size: 1.6rem;
	line-height: 2.9rem;
	font-weight: 300;
	margin-bottom: 1.1rem;
}

.webfactor_web_services p a {
	color: #1D252E;
}

.webfactor_web_services p a:not(.link){
	text-decoration: underline;
}

@media (min-width: 768px) {

	.webfactor_web_services p {
		font-size: 1.8rem;
	}
}

@media (min-width: 768px) {

	.webfactor_web_services .hold {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		gap: 1rem;
	}
}

@media (min-width: 768px) {

	.webfactor_web_services .hold .l,
		.webfactor_web_services .hold .r {
		width: 40%;
	}
}

@media (min-width: 768px) {

	.webfactor_web_services .hold .l.l, .webfactor_web_services .hold .r.l {
		margin-left: 9rem;
	}

	@media (max-width: 1200px) {

		.webfactor_web_services .hold .l.l, .webfactor_web_services .hold .r.l {
			margin-left: 2rem;
		}
	}
}

.webfactor_web_services .hold--1 ul {
	list-style-type: none;
}

.webfactor_web_services .hold--1 li {
	padding-left: 2rem;
	position: relative;
}

.webfactor_web_services .hold--1 li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #5CE0D8;
}

.webfactor_web_services .hold--1 li + li {
	margin-top: 1rem;
}

.webfactor_web_services .hold--2 {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (min-width: 768px) {

	.webfactor_web_services .hold--2 {
		padding: 7rem 0 4rem;
	}
}

.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service  {
	position: relative;
}

/*@mixin max 767 {
					&:before {
						content: '';
						position: absolute;
						top: -2.2rem;
						left: 0;
						z-index: 10;
						width: 100%;
						height: 2.3rem;
						background: #fff;
					}
				}*/

@media (min-width: 500px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		height: 40vw;
	}
}

@media (min-width: 768px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		font-size: 1rem;
	}
}

@media (min-width: 900px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		margin: 0 0 2rem;
		width: calc(50% - 1rem);
		height: 25vw;
	}
}

@media (min-width: 1024px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		font-size: 1.4rem;
		height: 26vw;
	}
}

@media (min-width: 1200px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		width: calc(33.333% - 1.5rem);
		margin: 0 0 2.2rem;
		border: .1rem solid #5CE0D8;
		height: 32vw;
		font-size: 1.2rem;
	}
}

@media (min-width: 1250px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		font-size: 1.4rem;
	}
}

@media (min-width: 1500px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		font-size: 1.6rem;
	}
}

@media (min-width: 1650px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		height: 23vw;
	}
}

@media (min-width: 1800px) {

	.webfactor_web_services .hold--2 .webfactor-service,
			.webfactor_web_services .hold--2 .wf-service {
		font-size: 1.7rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_web_services .hold--2:hover .flip {
		transform: scale(0.95);
	}

	.webfactor_web_services .hold--2:hover .flip:hover {
		transform: scale(1);
	}
}

@media (max-width: 767px) {

	.webfactor_web_services .link {
		margin-bottom: 5rem;
	}
}

.webfactor_web_services.dark .shell {
	background: #1D252E;
	color: #fff;
}

.webfactor_web_services.dark a {
	color: #fff;
}

/* -------------------------- *\
    .webfactor-service
\* -------------------------- */

.webfactor-service { 
	position: relative;
	display: block;
	width: calc(100% + 4rem);
	height: 25rem;
	background: #1D252E;
	margin: 0 -2rem 2.2rem;
	padding: 1.5rem;
	color: #fff;
 }

.webfactor-service img {
	max-width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 55%;
}

.webfactor-service h3 {
	position: absolute;
	top: 1rem;
	left: 1rem;
	margin-bottom: 1rem;
}

.webfactor-service h3 a {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.8rem;
}

@media (min-width: 768px) {

	.webfactor-service h3 a {
		font-size: 2.1rem;
	}
}

.webfactor-service h4 {
	position: absolute;
	top: 4.5rem;
	left: 1.5rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #5CE0D8;
	letter-spacing: .2rem;
	font-size: 300;
}

.webfactor-service .link {
	position: absolute;
	bottom: 1rem;
	right: 1.5rem;
	color: #fff;
	font-weight: 300;
}

/* -------------------------- *\
    .webfactor_post
\* -------------------------- */

dl {
  margin: 0;
  padding: 24px 0 0 0;
}

dt {
  background: #B8C1C8;
  border-bottom: 1px solid #989EA4;
  border-top: 1px solid #717D85;
  color: #FFF;
  margin: 0;
  padding: 2px 0 0 12px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

dd {
  font: bold 20px/45px Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0 0 0 12px;
  white-space: nowrap;
}

dd + dd {
  border-top: 1px solid #CCC
}

/*display: flex;
	  justify-content: space-around;
	  align-items: flex-start;
	  border: 2px dashed rgba(114, 186, 94, 0.35);
	  height: 400px;
	  background: rgba(114, 186, 94, 0.05);*/

.swss h1 {
	background: #B8C1C8;
	border-bottom: 1px solid #989EA4;
	border-top: 1px solid #717D85;
	color: #FFF;
	margin: 0;
	padding: 2px 0 0 12px;
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}

@media (min-width: 1200px) {

	.webfactor_post .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		padding: 0 2rem;
	}
}

.webfactor_post .t {
	position: relative;
	margin: 0 -2rem 5rem;
}

@media (min-width: 1200px) {

	.webfactor_post .t {
		width: calc(50%);/*position: sticky;*/
		position: -webkit-sticky;
		position: sticky;
		top: 5rem;
		height: 100%;
		margin: 0 -2rem;
	}
}

.webfactor_post .t .title {
	max-width: 90%;
}

/*background: #000;*/

@media (min-width: 1200px) {

	.webfactor_post .t .all {
		min-height: 100%;
		height: 100%;
		position: relative;/*background: #000;*/
	}
}

.webfactor_post .t .top {
	position: relative;
	padding: 6rem 0 4rem;
}

@media (min-width: 1200px) {

	.webfactor_post .t .top {
		position: -webkit-sticky;
		position: sticky;/*bottom: 4rem;*//*position: fixed;*/
	}
}

.webfactor_post .t .top:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	background: #F3FCFC;
	transition: .3s ease;
}

@media (min-width: 1200px) {

	.webfactor_post .t .top:before {
		width: 80%;
	}
}

.webfactor_post .b {
	margin: 0 -2rem;
}

@media (min-width: 1200px) {

	.webfactor_post .b {
		width: calc(50% );/*margin-bottom: 2.7rem;*/
	}
}

.webfactor_post .b img {
	display: block;
	margin-bottom: 2rem;
}

.webfactor_post .b ul {
	list-style-type: none;
}

.webfactor_post .b ul + h2,
			.webfactor_post .b ul + h3,
			.webfactor_post .b ul + h4,
			.webfactor_post .b ul + h5 {
	margin-top: 5rem;
}

.webfactor_post .b ul li {
	position: relative;
	padding-left: 2.5rem;
}

.webfactor_post .b ul li:before {
	content: '';
	position: absolute;
	top: .3rem;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background: #5CE0D8;
	opacity: .7;
}

.webfactor_post .b ul li + li {
	margin-top: 1rem;
}

.webfactor_post .b ol {
	list-style: none;
	counter-reset: muffins;
}

.webfactor_post .b ol li {
	position: relative;
	padding-left: 3rem;
	counter-increment: muffins;/*color: $c4;*/
	font-weight: 300;
}

.webfactor_post .b ol li:before {
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	left: 0;
	top: .1rem;
	content: counter(muffins) ". ";
	background: #5CE0D8;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	color: #fff;
	font-size: 1.2rem;
}

.webfactor_post .b ol li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}

.webfactor_post .b ol li + li {
	margin-top: 1.2rem;
}

.webfactor_post .b h2 {
	margin: 2rem 0 1rem;
}

.webfactor_post .b p {
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 300;
}

@media (min-width: 768px) {

	.webfactor_post .b p {
		font-size: 1.8rem;
		line-height: 1.7;
	}
}

.webfactor_post .b a {/*margin-top: 20rem;*/
	display: inline-block;
	position: relative;
	transition: .3s ease;
	color: #5CE0D8;
	font-weight: 600;/*	&:hover {
				this
			}*/
}

.webfactor_post .b a:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0%;
	min-width: 0;
	height: .2rem;
	background: #5CE0D8;
	transition: .3s ease;
}

.webfactor_post .b a:hover:before {
	width: 100%;
}

/* -------------------------- *\
    .webfactor_info
\* -------------------------- */

.webfactor_info {
	--progess: 0.5;
	overflow: hidden;
}

@media (min-width: 768px) {

	.webfactor_info {
		padding: 10rem 0;
	}
}

@media (min-width: 1024px) {

	.webfactor_info {
		padding: 15rem 0 5rem;
	}
}

@media (min-width: 1600px) {

	.webfactor_info {
		padding: 20rem 0 10rem;
	}
}

@media (min-width: 1800px) {

	.webfactor_info {
		padding: 30rem 0 12rem;
	}
}

.webfactor_info .shell {
	-ms-flex-align: center;
	    align-items: center;
	padding: 0;
}

@media (min-width: 768px) {

	.webfactor_info .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media (min-width: 1200px) {

	.webfactor_info .title {
		left: -5rem;
		width: calc(100% + 5rem);
	}
}

@media (min-width: 1366px) {

	.webfactor_info .title {
		margin-bottom: 5rem;
		left: -15rem;
		width: calc(100% + 15rem);
	}
}

.webfactor_info .t {
	position: relative;
	z-index: 5;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {

	.webfactor_info .t {
		-ms-flex-order: 2;
		    order: 2;
		width: calc(50% - 1rem);
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {

	.webfactor_info .t {
		width: calc(50% - 3rem);
	}
}

@media (min-width: 1200px) {

	.webfactor_info .t {
		width: calc(50% - 5rem);
		transform: translate(0, calc(-20% + 40% * var(--progress)));
	}
}

@media (min-width: 1366px) {

	.webfactor_info .t {
		width: calc(50% - 8rem);
	}
}

.webfactor_info .t a {
	color: #5CE0D8;
}

.webfactor_info .t p {
	position: relative;
	z-index: 10;
	font-weight: 300;
}

@media (min-width: 1366px) {

	.webfactor_info .t p {
		margin-bottom: 3.8rem;
		font-size: 1.8rem;
	}
}

@media (min-width: 1800px) {

	.webfactor_info .t p {
		max-width: 67rem;
	}
}

.webfactor_info .t .i {
	position: absolute;
	top: -6rem;
	right: 0;
	font-size: 21.5rem;
	fill: rgba(92,224,216, .18);
}

@media (min-width: 768px) {

	.webfactor_info .t .i {
		top: 5rem;
		right: -10rem;
		transform: translateY(-55%);
		font-size: 25rem;
		font-size: 35vw;
	}
}

@media (min-width: 1024px) {

	.webfactor_info .t .i {
		font-size: 50rem;
		transform: translateY(-60%);
	}
}

@media (min-width: 1600px) {

	.webfactor_info .t .i {
		right: 0;
	}
}

@media (min-width: 1800px) {

	.webfactor_info .t .i {
		font-size: 60rem;
		transform: translateY(-70%);
	}
}

.webfactor_info .b {
	position: relative;
}

@media (min-width: 768px) {

	.webfactor_info .b {
		-ms-flex-order: 1;
		    order: 1;
		width: calc(50% - 1rem);
	}
}

@media (min-width: 1024px) {

	.webfactor_info .b {
		width: calc(50% - 3rem);
	}
}

@media (min-width: 1200px) {

	.webfactor_info .b {
		width: calc(50% - 5rem);
	}
}

@media (min-width: 1366px) {

	.webfactor_info .b {
		width: calc(50% - 8rem);
	}
}

.webfactor_info .b .link_2 {
	text-align: right;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	font-size: 1.4rem;
}

@media (min-width: 375px) {

	.webfactor_info .b .link_2 {
		width: 90%;
		margin: 0 auto;
	}
}

@media (min-width: 1366px) {

	.webfactor_info .b .link_2 {
		position: relative;
		top: -6rem;
		right: 3rem;
	}
}

@media (min-width: 1600px) {

	.webfactor_info .b .link_2 {
		z-index: 10;
		top: -4rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_info .webfactor-logo-block:before {
		transform: translate(-50%, calc(-50% + 20% * var(--progress)));
	}
}

.webfactor_info .webfactor-logo-block svg {
	fill: #FFFFFF00;
	--stroke: 620;
	stroke: #1D262D;
	stroke-width: 1;
	stroke-dasharray: var(--stroke);
	stroke-dashoffset: 0;
	animation: drawSVG-back 1s forwards;
}

.webfactor_info:not(.is-inview) .t .i {
	transform: translateY(-30%);
	opacity: 0;
}

.webfactor_info.is-inview .webfactor-logo-block svg {
	animation: drawSVG 2s forwards;
}

.webfactor_info.is-inview .i-web-factor-sign {
	transform: translate(0, -55%);
	opacity: 1;
}

/* -------------------------- *\
    .webfactor-logo-block
\* -------------------------- */

.webfactor-logo-block {
	position: relative; 
	width: 100%;
	padding: 4rem 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
 }

@media (min-width: 365px) {

	.webfactor-logo-block {
		width: 90%;
		margin: 0 auto;
	}
}

@media (min-width: 375px) {

	.webfactor-logo-block {
		padding: 2rem 0;
	}
}

@media (min-width: 414px) {

	.webfactor-logo-block {
		width: 80%;
		padding: 3rem 0;
	}
}

@media (min-width: 500px) {

	.webfactor-logo-block {
		width: 60%;
	}
}

@media (min-width: 1024px) {

	.webfactor-logo-block {
		padding: 2rem 0;
	}
}

@media (min-width: 1200px) {

	.webfactor-logo-block {
		padding: 8rem 0;
	}
}

@media (min-width: 1366px) {

	.webfactor-logo-block {
		padding: 8rem 0 10rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-logo-block {
		padding: 7rem 0 6rem;
	}
}

@media (min-width: 1800px) {

	.webfactor-logo-block {
		padding: 10rem 0 9rem;
	}
}

.webfactor-logo-block:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: #F3FCFC;
}

@media (min-width: 768px) {

	.webfactor-logo-block:before {
		left: 50%;
		transform: translateX(-50%);
		width: 130%;
	}
}

@media (min-width: 1200px) {

	.webfactor-logo-block:before {
		width: 140%;
	}
}

@media (min-width: 1366px) {

	.webfactor-logo-block:before {
		top: 50%;
		transform: translate(-50%, -55%);
		height: 70%;
		width: 140%;
	}
}

@media (min-width: 1600px) {

	.webfactor-logo-block:before {
		height: 105%;
		transform: translate(-50%, -50%);
		width: 145%;
	}
}

.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-20%, 30%);
	width: 15rem;
	height: 15rem;
	background: #000;
	border-radius: 50%;
	background: #ECECEC;
}

@media (min-width: 1024px) {

	.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
		left: -5rem;
	}
}

@media (min-width: 1200px) {

	.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
		width: 20rem;
		height: 20rem;
		left: -8rem;
		bottom: 0;
	}
}

@media (min-width: 1366px) {

	.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
		width: 30rem;
		height: 30rem;
		left: -10rem;
		bottom: 10rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
		bottom: 0;
	}
}

@media (min-width: 1800px) {

	.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
		width: 40rem;
		height: 40rem;
	}
}

@media (min-width: 1900px) {

	.webfactor-logo-block .circle,
	.webfactor-logo-block .triangle {
		width: 45rem;
		height: 45rem;
	}
}

.webfactor-logo-block .triangle {
	width: 0;
	height: 0;
	border-bottom: 50vw solid #F3FCFC;
	border-left: 50vw solid transparent;
	border-radius: 0;
	bottom: auto;
	left: auto;
	top: 0;
	right: 0;
	transform: translate(12%, -50%);
	background: transparent;
}

@media (min-width: 414px) {

	.webfactor-logo-block .triangle {
		border-bottom: 40vw solid #F3FCFC;
		border-left: 40vw solid transparent;
		transform: translate(20%, -30%);
	}
}

@media (min-width: 768px) {

	.webfactor-logo-block .triangle {
		border-bottom: 20rem solid #F3FCFC;
		border-left: 20rem solid transparent;
	}
}

@media (min-width: 1024px) {

	.webfactor-logo-block .triangle {
		transform: translate(40%, -30%);
	}
}

@media (min-width: 1200px) {

	.webfactor-logo-block .triangle {
		border-bottom: 30rem solid #F3FCFC;
		border-left: 30rem solid transparent;
	}
}

@media (min-width: 1366px) {

	.webfactor-logo-block .triangle {
		border-bottom: 40rem solid #F3FCFC;
		border-left: 40rem solid transparent;
	}
}

@media (min-width: 1800px) {

	.webfactor-logo-block .triangle {
		border-bottom: 50rem solid #F3FCFC;
		border-left: 50rem solid transparent;
		transform: translate(57%, -45%);
	}
}

.webfactor-logo-block .i {
	font-size: 15rem;
	position: relative;
	z-index: 10;
}

.webfactor-logo-block .i:before {

}

@media (min-width: 414px) {

	.webfactor-logo-block .i {
		font-size: 18rem;
	}
}

@media (min-width: 768px) {

	.webfactor-logo-block .i {
		font-size: 25rem;
	}
}

@media (min-width: 1366px) {

	.webfactor-logo-block .i {
		font-size: 25rem;
	}
}

@media (min-width: 1800px) {

}

.webfactor-logo-block .web-factor {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%);
	font-size: 1rem;
}

@media (min-width: 1600px) {

	.webfactor-logo-block .web-factor {
		font-size: 1.5rem;
	}
}

/* -------------------------- *\
    .webfactor_testimonials
\* -------------------------- */

.webfactor_testimonials {
	--progress: 0;
    margin-top: 3rem;
    max-width: 100vw;
    overflow-x: hidden;
    padding-bottom: 0;
 }

.webfactor_testimonials .title {
	position: relative;
	left: -3rem;
	margin-bottom: 6rem;
	-ms-flex-item-align: start;
	    -ms-grid-row-align: start;
	    align-self: start;
}

@media (min-width: 1366px) {

	.webfactor_testimonials .title {
		min-width: 55rem;
		margin-right: 2rem;
		transform: translate(0, calc(30vh * var(--progress)));
	}
}

@media (min-width: 1600px) {

	.webfactor_testimonials .title {
		margin-right: 10rem;
	}
}

.webfactor_testimonials .shell {
	position: relative;
	padding-bottom: 2.5rem;/*&:before {
			content: '';
			position: absolute;
			top: -3rem;
			left: 1rem;
			width: 200%;
			height: calc(100% - 5rem);
			background: $light;

			@mixin min 1200 {
				height: calc(100% - 7rem);
				left: 21rem;
			}
		}*/
}

@media (min-width: 768px) {

	.webfactor_testimonials .shell {
		padding-bottom: 4rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_testimonials .shell {
		padding-bottom: 9rem;
	}
}

@media (min-width: 1366px) {

	.webfactor_testimonials .shell {
		padding-top: 10rem;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media (min-width: 1366px) {

	.webfactor_testimonials .hold {
		max-width: calc(100% - 65rem);
		padding-top: 1rem;
	}
}

/*.slick-list {
		position: relative;
		z-index: 20;
	}*/

.webfactor_testimonials .testimonial {
	position: relative;
	z-index: 10;
}

.webfactor_testimonials p {
	position: relative;
	font-size: 1.6rem;
	line-height: 2.8rem;
	font-weight: 300;
}

@media (min-width: 768px) {

	.webfactor_testimonials p {
		position: relative;
		z-index: 10;
		font-size: 1.7rem;
		line-height: 3.6rem;
		max-width: 64rem;
		margin-left: auto;
	}
}

@media (min-width: 1600px) {

	.webfactor_testimonials p {
		font-size: 2.1rem;
	}
}

.webfactor_testimonials p img {
	background: #000;
}

.webfactor_testimonials .b {
	position: relative;
	z-index: 20;
	background: #1D262D;
	color: #fff;
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	max-width: 42rem;
}

@media (min-width: 768px) {

	.webfactor_testimonials .b {
		padding: 3rem;
		margin-left: auto;
	}
}

.webfactor_testimonials .b div {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

.webfactor_testimonials .b div img {
	max-width: calc( 50% - 2rem);
}

.webfactor_testimonials .logo-little {
	filter: brightness(0) invert(1);
	opacity: .7;
}

.webfactor_testimonials .logo-big {
	position: absolute;
	top: 0;
	left: 0;
	filter: brightness(0) invert(.8);
	opacity: .2;
	min-width: 70%;
	transition: .3s ease;
	opacity: 0;
	transition-delay: .1s;
}

@media (min-width: 1200px) {

	.webfactor_testimonials .logo-big {
		top: -2rem;
		left: -1rem;
	}
}

.webfactor_testimonials h4 {
	margin-bottom: .5rem;
	font-weight: 900;
	font-size: 1.8rem;
}

@media (min-width: 1200px) {

	.webfactor_testimonials h4 {
		font-size: 2.4rem;
		line-height: 3.3rem;
	}
}

.webfactor_testimonials h5 {
	color: #5CE0D8;
	font-size: 1.4rem;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {

	.webfactor_testimonials h5 {
		margin-bottom: 3.5rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
		font-weight: 600;
	}
}

.webfactor_testimonials a {
	color: #fff;
	font-weight: 300;
}

.webfactor_testimonials .slick-arrow {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(calc(-50% - 5rem));
	transition: .3s ease;
	opacity: 0;
}

.webfactor_testimonials .slick-next {
	transform: translateX(calc(-50% + 5rem));
}

.webfactor_testimonials .slick-dots {
	position: absolute;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%);
	list-style-type: none;
	margin-bottom: 0;
}

@media (min-width: 375px) {

	.webfactor_testimonials .slick-dots {
		top: -3rem;
	}
}

@media (min-width: 414px) {

	.webfactor_testimonials .slick-dots {
		top: -3.5rem;
	}
}

/*@mixin min 888 {
			top: auto;
			bottom: 48%;
			left: 5.5rem;
		}*/

@media (min-width: 1200px) {

	.webfactor_testimonials .slick-dots {
		top: auto;
		bottom: 115%;
		left: 60rem;
	}
}

@media (min-width: 1366px) {

	.webfactor_testimonials .slick-dots {
		bottom: 35%;
		left: -11rem;
	}
}

.webfactor_testimonials .slick-dots li {
	display: inline-block;
	width: 2rem;
	height: .3rem;
	background: #CED6D6;
	transition: .3s ease;
}

@media (min-width: 414px) {

	.webfactor_testimonials .slick-dots li {
		width: 3rem;
		height: .4rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_testimonials .slick-dots li {
		width: 4rem;
		height: .4rem;
	}
}

.webfactor_testimonials .slick-dots li.slick-active {
	background: #5CE0D8;
}

.webfactor_testimonials .slick-dots li button {
	display: none;
}

.webfactor_testimonials .slick-dots li + li {
	margin-left: 1rem;
}

@media (min-width: 1200px) {

	.webfactor_testimonials .slick-dots li + li {
		margin-left: 1.5rem;
	}
}

.webfactor_testimonials .slick-current .logo-big {
	opacity: .2;
}

/* -------------------------- *\
    .webfactor_video
\* -------------------------- */

.webfactor_video { 
/*	background: $light;*/
	margin-top: 2rem;
	padding: 4rem 0;
 }

@media (min-width: 1200px) {

	.webfactor_video {
		padding-top: 10vh;
	}
}

@media (min-width: 1200px) {

	.webfactor_video .hold {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.webfactor_video .title {
	margin-bottom: 2rem;
}

@media (min-width: 1200px) {

	.webfactor_video .title {
		width: 50%;
	}

	@media (max-width: 1600px) {

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

	@media (max-width: 1800px) {

		.webfactor_video .title {
			font-size: 6rem;
		}
	}
}

@media (min-width: 1200px) {

	.webfactor_video .content {
		padding-left: 3rem;
		width: 45%;
	}
}

.webfactor_video p {
	font-size: 1.6rem;
	line-height: 2.8rem;
	font-weight: 300;
}

@media (min-width: 768px) {

	.webfactor_video p {
		font-size: 1.7rem;
		line-height: 3.6rem;
	}

	.webfactor_video p a {
		font-size: 1.6rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_video p {/*			width: calc(50% - 2.5rem);*/
		margin-bottom: 0;
	}
}

@media (min-width: 1600px) {

	.webfactor_video p {
		font-size: 2.1rem;
	}
}

.webfactor_video p a {
	margin-top: 1rem;
}

/* -------------------------- *\
    .webfactor-video-2
\* -------------------------- */

.webfactor-video-2 { 
	
 }

/* -------------------------- *\
    .webfactor-contacts
\* -------------------------- */

.webfactor-contacts { 
	padding:  7rem 0;
 }

@media (min-width: 1024px) {

	.webfactor-contacts {
		padding: 10rem 0;
	}
}

@media (min-width: 1200px) {

	.webfactor-contacts {
		padding: 12rem 0 10rem;
	}
}

.webfactor-contacts .shell {
	padding: 0;
}

@media (min-width: 1024px) {

	.title {
		margin-bottom: 5rem;
	}
}

@media (min-width: 1200px) {

	.title {
		margin-bottom: 6rem;
	}
}

@media (min-width: 1024px) {

	.webfactor-contact {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}

	.webfactor-contact:nth-child(odd) {
		-ms-flex-direction: row-reverse;
		    flex-direction: row-reverse;
	}
}

.webfactor-contact + .webfactor-contact  {
	margin-top: 5rem;
}

@media (min-width: 1024px) {

	.webfactor-contact + .webfactor-contact {
		margin-top: 5rem;
	}
}

@media (min-width: 1200px) {

	.webfactor-contact + .webfactor-contact {
		margin-top: 9rem;
	}
}

.webfactor-contact__t {
	padding: 2rem 1.5rem;
	background: #1D262D;
	color: #fff;
	margin-bottom: 2rem;
}

@media (min-width: 1024px) {

	.webfactor-contact__t {
		width: calc(50% - 1rem);
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {

	.webfactor-contact__t {
		width: 44rem;
		padding: 6rem 5rem;
	}
}

.webfactor-contact__t h2 {
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

@media (min-width: 1200px) {

	.webfactor-contact__t h2 {
		font-size: 3.6rem;
		line-height: 5rem;
		font-weight: 700;
	}
}

.webfactor-contact__t p {
	font-size: 1.7rem;
	line-height: 2;
}

.webfactor-contact__t .phone {
	position: relative;
	padding-left: 4rem;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {

	.webfactor-contact__t .phone {
		padding-left: 5.3rem;
	}
}

.webfactor-contact__t .phone .i {
	fill: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 3rem;
}

@media (min-width: 768px) {

	.webfactor-contact__t .phone .i {
		font-size: 3.8rem;
	}
}

.webfactor-contact__t .phone a {
	display: block;
	line-height: 1.6;
}

@media (min-width: 768px) {

	.webfactor-contact__t .phone a {
		font-size: 2.1rem;
	}
}

.webfactor-contact__t .email {
	position: relative;
	display: inline;
	font-size: 2rem;
	margin-bottom: 5rem;
}

@media (min-width: 768px) {

	.webfactor-contact__t .email {
		font-size: 2.1rem;
		line-height: 2.9rem;
	}
}

.webfactor-contact__t .email:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .1rem;
	background: #fff;
}

.webfactor-contact__t .link_3 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	margin-top: 5rem;
	color: #5CE0D8;
	text-transform: uppercase;
	letter-spacing: .2rem;
}

.webfactor-contact__t .link_3 span {
	display: block;
	width: 3rem;
	height: .2rem;
	background: #5CE0D8;
	margin-left: 1rem;
}

@media (min-width: 768px) {

	.webfactor-contact__t .link_3 span {
		margin-left: 1.5rem;
	}
}

@media (min-width: 1024px) {

	.webfactor-contact__b {
		width: calc(50% - 1rem);
	}
}

@media (min-width: 1200px) {

	.webfactor-contact__b {
		width: calc(100% - 50rem);
	}
}

/* -------------------------- *\
    .webfactor-contact-form
\* -------------------------- */

.webfactor-contact-form { 
	padding: 7rem 0;
	overflow-x: hidden;
 }

@media (max-width: 767px) {

	.webfactor-contact-form .shell {
		padding: 0;
	}
}

.webfactor-contact-form .webfactor-form-1 {
	margin-bottom: 10rem;
}

@media (min-width: 1366px) {

	.webfactor-contact-form .webfactor-form-1 {
		margin-bottom: 0;
	}
}

/* -------------------------- *\
    .webfactor-form-1
\* -------------------------- */

.webfactor-form-1 { 
	max-width: 37rem;
	overflow-x: hidden;
 }

@media (min-width: 768px) {

	.webfactor-form-1 {
		max-width: 73rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-form-1 {/*border: .2rem dashed $c1;
		padding: 2rem;*/
		position: relative;
	}
}

.webfactor-form-1 li {
	list-style-type: none;
}

.webfactor-form-1 li + li {
	margin-top: 2rem;
}

@media (min-width: 768px) {

	.webfactor-form-1 li + li {
		margin-top: 1rem;
	}
}

.webfactor-form-1 li:last-child {
	position: absolute;
	left: -999rem;
	visibility: hidden;
}

.webfactor-form-1 .field_sublabel_below {
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (min-width: 1024px) {

	.webfactor-form-1 .gfield:not(.textarea) {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
}

.webfactor-form-1 .gfield_label {
	font-weight: 600;
	font-size: 2.1rem;
}

@media (min-width: 768px) {

	.webfactor-form-1 .gfield_label {
		font-weight: 600;
		font-size: 2.6rem;
	}
}

.webfactor-form-1 .gfield_label span {
	display: none;
}

.webfactor-form-1 input[type=submit] {
	position: relative;
	background: none;
	border: 0;
	padding: 0;
	width: auto;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .2rem;
	cursor: pointer;
	transition: .3s ease;
	padding-right: 7rem;
	color: #1D262D;
}

/*color: red;*/

@media (min-width: 768px) {

	.webfactor-form-1 input[type=submit] {
		font-size: 2.8rem;
		line-height: 3.8rem;
	}
}

.webfactor-form-1 input[type=submit]:hover {
	color: #5CE0D8;
}

.webfactor-form-1 input,
	.webfactor-form-1 textarea {
	margin: 1rem 0 1.5rem 1rem;
	position: relative;
	border: none;
	border-bottom: .2rem solid #5CE0D8;
	font-size: 2rem;
	line-height: 3rem;
	padding: 0 2rem;
	display: inline-block;
	width: 46rem;
}

@media (min-width: 768px) {

	.webfactor-form-1 input:focus, .webfactor-form-1 textarea:focus {
		border: .2rem solid #5CE0D8;
	}
}

@media (min-width: 1200px) {

	.webfactor-form-1 input,
	.webfactor-form-1 textarea {
		line-height: 5rem;
	}
}

.webfactor-form-1 input:-ms-input-placeholder, .webfactor-form-1 textarea:-ms-input-placeholder {
	color: rgba(29,38,45, .4);
	font-weight: 400;
	font-size: 1.6rem;
	transition: .3s ease;
	margin-bottom: 2rem;
	padding-bottom: 3rem;
}

.webfactor-form-1 input::placeholder, .webfactor-form-1 textarea::placeholder {
	color: rgba(29,38,45, .4);
	font-weight: 400;
	font-size: 1.6rem;
	transition: .3s ease;
	margin-bottom: 2rem;
	padding-bottom: 3rem;
}

@media (min-width: 1200px) {

	.webfactor-form-1 input:-ms-input-placeholder, .webfactor-form-1 textarea:-ms-input-placeholder {
		font-weight: 600;
	}

	.webfactor-form-1 input::placeholder, .webfactor-form-1 textarea::placeholder {
		font-weight: 600;
	}
}

.webfactor-form-1 textarea {
	width: 100rem;
	height: 10rem;
	margin: 1rem 0 2rem 0;
	line-height: 1.1;
	padding-top: 1rem;
}

@media (min-width: 768px) {

	.webfactor-form-1 textarea {
		width: 100%;
	}
}

.webfactor-form-1 textarea:after {
	height: .3rem;
}

.webfactor-form-1 .gform_footer {
	position: relative;
}

.webfactor-form-1 .gform_footer:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 7rem;
	transform: translateY(-50%);
	width: 3rem;
	height: .3rem;
	background: #5CE0D8;
}

@media (min-width: 768px) {

	.webfactor-form-1 .gform_footer:after {
		width: 5rem;
		left: 11rem;/*left: 8rem;*/
	}
}

/* -------------------------- *\
    .contact-slider
\* -------------------------- */

.webfactor-contact-form .shell {
	padding: 0;
}

@media (min-width: 1366px) {

	.webfactor-contact-form .hold {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: center;
		    align-items: center;
	}
}

@media (min-width: 1920px) {

	.webfactor-contact-form .hold {
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.contact-slider { 
	overflow: hidden;
	min-height: 5rem;
	transition: .3s ease;		
	opacity: 0;
	transform: translateX(5rem);
	animation: showimg .5s forwards 1s;
 }

@media (min-width: 1200px) {

	.contact-slider {
		width: calc(100% - 78rem);
		position: relative;
	}
}

.contact-slider img {
	display: block;
	border: .3rem dashed #5CE0D8;
	padding: .5rem;
}

.contact-slider__img {
	display: none;
}

@keyframes showimg {
   from {
   	 opacity: 0;
     transform: translateX(5rem);
   }

   to {
    opacity: 1;
    transform: translateX(0);
   }
 }

/* -------------------------- *\
    .webfactor-image-slider
\* -------------------------- */

.webfactor-image-slider {
position: relative;
z-index: 90;
}

@media (min-width: 1200px) {

	.webfactor-image-slider {
		padding: 5rem 0 2rem;/*background: red;*//*padding: 5rem 0 10rem;*/
	}
}

.webfactor-image-slider .sl {
	position: relative;
	display: inline-block;
	max-width: 60vw;
	margin: 0 2rem;
	margin: 0 3vw;
	opacity: .8;
	transition: 1.5s all;
}

.webfactor-image-slider .sl img {
	opacity: .8;
	transition: .3s ease;
	position: relative;
	z-index: 10;
}

@media (min-width: 1200px) {

	.webfactor-image-slider .sl {
		margin: 0 7rem;
	}
}

.webfactor-image-slider .sl:not(.slick-current){
	cursor: pointer;
}

.webfactor-image-slider .sl .arrow {
	font-size: 3rem;
	position: relative;
	top: 2rem;
	transform:  scaleX(-1) rotate(-40deg) translateX(0);
	fill: rgba(0,0,0,.35);/*transform: translateX(-1rem);*/
	transition: .3s 1.5s all;
	opacity: 0;
}

.webfactor-image-slider figcaption {
	position: relative;
	left: 4rem;
	top: -2.5rem;
	display: block;
	max-width: 25rem;
	margin-top: 3rem;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 300;
	color: rgba(0,0,0,.7);
	transform: translateY(-1rem);
	opacity: 0;
	transition: .3s 1.6s all;
}

@media (min-width: 768px) {

	.webfactor-image-slider figcaption {
		max-width: 30rem;
	}
}

.webfactor-image-slider .sl.slick-current {
	opacity: 1;
}

.webfactor-image-slider .sl.slick-current img {
	opacity: 1;
}

.webfactor-image-slider .sl.slick-current figcaption {
	transform: translateY(0);
	opacity: 1;
}

.webfactor-image-slider .sl.slick-current .arrow {
	opacity: .5;
	transform:  scaleX(-1) rotate(-90deg) translateX(0);
}

/* -------------------------- *\
    .webfactor_intro_service
\* -------------------------- */

.webfactor_intro_service { 
	position: relative;
 }

@media (min-width: 1920px) {

	.webfactor_intro_service {/*padding-left: 18%;*/
	}
}

.webfactor_intro_service .shell {
	position: relative;
	z-index: 10;
}

@media (min-width: 768px) {

	.webfactor_intro_service .shell {
		padding: 0;
	}
}

@media (min-width: 768px) {

	.webfactor_intro_service .t {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: stretch;
		    align-items: stretch;
	}
}

@media (min-width: 1920px) {

	.webfactor_intro_service .t {
		padding-left: 12%;
	}
}

.webfactor_intro_service .t .l {
	position: relative;
	padding:  5rem 0;
}

@media (min-width: 768px) {

	.webfactor_intro_service .t .l {
		padding: 10rem 5rem 10rem 0;
		width: 50%;
	}
}

@media (min-width: 1024px) {

	.webfactor_intro_service .t .l {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
}

.webfactor_intro_service .t .l .title {
	position: relative;
	z-index: 10;
	margin-bottom: 0;
}

@media (min-width: 1600px) {

	.webfactor_intro_service .t .l .title {
		line-height: 1.05;
		max-width: 72rem;
	}
}

.webfactor_intro_service .t .l:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 80%;
	height: 100%;
	background: #F4FDFC;
}

.webfactor_intro_service .t .r {
	background: #EAFBF9;
	padding: 3rem 5rem;
	margin-bottom: 5rem;
}

@media (min-width: 768px) {

	.webfactor_intro_service .t .r {
		height: 100%;
		margin-bottom: 0;
		width: 50%;
	}
}

@media (min-width: 1200px) {

	.webfactor_intro_service .t .r {
		padding: 7.2rem 3rem 6rem;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
	}

	.webfactor_intro_service .t .r img {
		max-height: 40rem;
	}
}

@media (min-width: 1024px) {

	.webfactor_intro_service .b {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: stretch;
		    align-items: stretch;
	}
}

@media (min-width: 1920px) {

	.webfactor_intro_service .b {
		padding-left: 12%;
	}
}

@media (min-width: 650px) {

	.webfactor_intro_service .b .l {
		padding: 5rem 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media (min-width: 1024px) {

	.webfactor_intro_service .b .l {
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		width: 50%;
	}
}

@media (min-width: 1600px) {

	.webfactor_intro_service .b .l {
		padding: 7.6rem 0;
	}
}

.webfactor_intro_service .b .r {
	padding: 2rem;
	background: #F4FDFC;
}

@media (min-width: 768px) {

	.webfactor_intro_service .b .r {
		padding: 3rem 5rem;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
	}
}

@media (min-width: 1024px) {

	.webfactor_intro_service .b .r {
		width: 50%;
	}
}

@media (min-width: 1600px) {

	.webfactor_intro_service .b .r {
		padding: 3.5rem 10.7rem;
	}
}

.webfactor_intro_service .b .r p {
	color: #1D262D;
	font-size: 1.8rem;
	line-height: 2.9rem;
}

@media (min-width: 1200px) {

	.webfactor_intro_service .b .r p:last-child {
		margin-bottom: 0;
	}
}

.webfactor_intro_service .w {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateX(-15%);
	font-size: 30rem;
	opacity: .07;
}

@media (min-width: 768px) {

	.webfactor_intro_service .w {
		font-size: 40rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_intro_service .w {
		font-size: 57rem;
	}
}

@media (min-width: 1600px) {

	.webfactor_intro_service .w {
		top: 36.5%;
		top: 20%;
	}
}

.webfactor_intro_service .webfactor_percent + .webfactor_percent {
	margin-top: 4rem;
}

@media (min-width: 650px) {

	.webfactor_intro_service .webfactor_percent + .webfactor_percent {
		margin-top: 0;
	}
}

@media (min-width: 650px) {

	.webfactor_intro_service .webfactor_percent {
		width: calc(50% - 5rem);
		margin-right: 5rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_intro_service .webfactor_percent {
		width: 27.5rem;
	}

	.webfactor_intro_service .webfactor_percent p {
		margin-bottom: 0;
	}
}

@media (min-width: 1600px) {

	.webfactor_intro_service .webfactor_percent {
		margin-right: 13.5rem;
	}
}

/* -------------------------- *\
    .webfactor-benefits
\* -------------------------- */

@media (min-width: 768px) {

	.webfactor-benefits {
		padding-bottom: 0;
	}
}

@media (min-width: 768px) {

	.webfactor-benefits .shell {/*padding: 0;*/
	}
}

.webfactor-benefits .hold {
	margin-top: 5rem;
}

@media (min-width: 1024px) {

	.webfactor-benefits .hold {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

@media (min-width: 1024px) {

	.webfactor-benefits .title {
		margin-bottom: 10rem;
	}
}

@media (min-width: 1300px) {

	.webfactor-benefits .title {
		margin-bottom: 17.6rem;
	}
}

@media (min-width: 1024px) {

	.webfactor-benefits .webfactor-benefit {
		margin-bottom: 5rem;
		width: 48%;
	}

	.webfactor-benefits .webfactor-benefit p:after {
		display: none;
	}
}

@media (min-width: 1330px) {

	.webfactor-benefits .webfactor-benefit {
		width: 33.33%;
	}

	.webfactor-benefits .webfactor-benefit:last-child {
		padding-left: 7rem;
	}
}

.webfactor-benefits .webfactor-benefit + .webfactor-benefit {
	margin-top: 5rem;
}

@media (min-width: 1024px) {

	.webfactor-benefits .webfactor-benefit + .webfactor-benefit {
		margin-top: 0;
	}
}

/* -------------------------- *\
    .webfactor-how
\* -------------------------- */

.webfactor-how { 
	position: relative;
 }

@media (min-width: 768px) {

	.webfactor-how .shell {
		padding: 0;
	}
}

.webfactor-how:after {
	content: '';
	position: absolute;
	top: -5.5rem;
	left: 0;
	width: 100%;
	height: calc(100% + 5.5rem);
	background: #F8F8F8;
	transition: .3s ease;
}

@media (min-width: 768px) {

	.webfactor-how:after {
		width: 85%;
	}
}

@media (min-width: 1600px) {

	.webfactor-how {
		padding: 10rem 0;
	}
}

.webfactor-how h3 {
	position: relative;
	z-index: 10;
	text-align: center;
	margin-bottom: 2.5rem;
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 600;
}

@media (min-width: 768px) {

	.webfactor-how h3 {
		top: -1.4rem;
	}
}

.webfactor-how h3 span {
	position: relative;
	z-index: 10;
}

.webfactor-how h3:after {
	position: absolute;
	top: -4.6rem;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	border: .1rem solid #D8D8D8;
	background: rgba(216,216,216, .0);
	display: block;
	animation: cyrcleScale 3s alternate-reverse infinite;
	transition: .3s ease;
}

@media (min-width: 768px) {

	.webfactor-how h3:after {
		width: 20rem;
		height: 20rem;
		animation: cyrcleShine 2s alternate-reverse infinite;
	}
}

.webfactor-how .title {
	position: relative;
	z-index: 10;
}

.webfactor-how .content {
	position: relative;
	z-index: 10;
	text-align: center;
	max-width: 93.7rem;
	margin: -1.5rem auto 10rem;
	font-size: 1.8rem;
	line-height: 2.9rem;
	font-weight: 300;
}

@media (min-width: 1200px) {

	.webfactor-how .content {
		margin-bottom: 3.8rem;
	}
}

@media (min-width: 1024px) {

	.webfactor-how .hold {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

@media (min-width: 1200px) {

	.webfactor-how .hold {
		-ms-flex-pack: start;
		    justify-content: flex-start;
	}
}

@media (min-width: 1600px) {

	.webfactor-how .hold {
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.webfactor-how .webfactor-step {
	position: relative;
	z-index: 10;
}

@media (min-width: 1024px) {

	.webfactor-how .webfactor-step {
		width: 48%;
	}
}

@media (min-width: 1200px) {

	.webfactor-how .webfactor-step {
		width: 32%;
		margin-right: 1.2%;
		padding-right: 2rem;
	}
}

@media (min-width: 1366px) {

	.webfactor-how .webfactor-step {
		width: 30%;
		margin-right: 3.3333%;
		padding-right: 0;
	}

	.webfactor-how .webfactor-step:nth-child(1) {
		-ms-flex-order: 1;
		    order: 1;
	}

	.webfactor-how .webfactor-step:nth-child(2) {
		-ms-flex-order: 2;
		    order: 2;
	}

	.webfactor-how .webfactor-step:nth-child(3) {
		-ms-flex-order: 3;
		    order: 3;
	}

	.webfactor-how .webfactor-step:nth-child(4) {
		-ms-flex-order: 5;
		    order: 5;
	}

	.webfactor-how .webfactor-step:nth-child(5) {
		-ms-flex-order: 4;
		    order: 4;
	}

	.webfactor-how .webfactor-step:nth-child(6) {
		display: block;
		-ms-flex-order: 10;
		    order: 10;
	}

	.webfactor-how .webfactor-step:nth-child(6) span {
		color: transparent;
	}

	.webfactor-how .webfactor-step:nth-child(6) span span:before {
		background: #000;
	}

	.webfactor-how .webfactor-step:nth-child(6) span span:after {
		top: -50%;
		transform: translateY(-26rem );
		background: #979797;
		border: 0;
		width: .1rem;
		height: 30rem;
	}

	@media (min-width: 1366px) {

		.webfactor-how .webfactor-step:nth-child(3) span span:before, .webfactor-how .webfactor-step:nth-child(4) span span:before, .webfactor-how .webfactor-step:nth-child(5) span span:before {
			background: #979797;
		}

		.webfactor-how .webfactor-step:nth-child(3) span span:after, .webfactor-how .webfactor-step:nth-child(4) span span:after, .webfactor-how .webfactor-step:nth-child(5) span span:after {
			border-left: .8rem solid #979797;
			right: auto;
			left: 5rem;
			transform: translateY(-50%) rotate(180deg);
		}
	}

	.webfactor-how .webfactor-step:nth-child(3) span span:after {
		left: auto;
		right: 0;
		transform: translateY(0);
		border: 0;
		height: 50rem;
		width: .1rem;
		background: #979797;
	}

	.webfactor-how .webfactor-step:nth-child(6) {
		overflow: visible;
	}

	.webfactor-how .webfactor-step:nth-child(6) span span:before {
		width: calc(100% + 25rem);
		left: -25rem;
		background: #979797;
	}
}

@media (min-width: 1600px) {

	.webfactor-how .webfactor-step:nth-child(1),
			.webfactor-how .webfactor-step:nth-child(2),
			.webfactor-how .webfactor-step:nth-child(4),
			.webfactor-how .webfactor-step:nth-child(5) {
		margin-right: 10rem;
		margin-right: calc((100% - 143rem)/2);
	}

	.webfactor-how .webfactor-step:nth-child(3),
			.webfactor-how .webfactor-step:nth-child(6) {
		margin-right: 0;
	}
}

@keyframes cyrcleShine {
   from {background: rgba(216,216,216, .0);}
   to {background: rgba(216,216,216, .13);}
 }

@keyframes cyrcleScale {
   from {transform: translateX(-50%) scale(1); background: rgba(216,216,216, .3); opacity: 1;}
   to {transform: translateX(-50%) scale(1.2); background: rgba(216,216,216, .0); opacity: 0;}
 }

/* -------------------------- *\
    .webfactor-website-projects
\* -------------------------- */

.webfactor-website-projects { 
	overflow: hidden;
	position: relative;
	margin: 10rem 0;


 }

.webfactor-website-projects:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	background: #F8F8F9;
}

.webfactor-website-projects .shell {
	position: relative;
}

@media (min-width: 768px) {

	.webfactor-website-projects .shell {
		padding: 0 0 0 3rem;
	}

	.webfactor-website-projects .shell:before {
		content: '';
		position: absolute;
		top: -10rem;
		left: -100rem;
		z-index: 10;
		width: 100rem;
		height: calc(100% + 20rem );
		background: #fff;
	}
}

@media (min-width: 1200px) {

	.webfactor-website-projects .shell {
		padding: 0 0 0 9rem;
	}
}

.webfactor-website-projects .title {
	position: relative;
	z-index: 15;
}

.webfactor-website-projects .hold {
	position: relative;
	z-index: 10;
	padding-top: 2rem;
}

@media (min-width: 768px) {

	.webfactor-website-projects .hold {
		padding-top: 0;
	}
}

@media (min-width: 1366px) {

	.webfactor-website-projects .hold {
		margin-top: -9rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-website-projects .hold {
		margin-top: -12.5rem;
	}
}

@media (min-width: 1200px) {

	.webfactor-website-projects .slide {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.webfactor-website-projects .slide .t {
	margin-bottom: 3rem;
}

@media (min-width: 1200px) {

	.webfactor-website-projects .slide .t {
		-ms-flex-order: 2;
		    order: 2;
		margin: 0 0 0 5rem;
	}
}

@media (min-width: 1600px) {

}

.webfactor-website-projects .slide .website-project-top {
	max-width: 50rem;
}

@media (min-width: 1200px) {

	.webfactor-website-projects .slide .website-project-top {
		position: relative;
		-ms-flex-order: 1;
		    order: 1;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-pack: end;
		    justify-content: flex-end;
		padding-bottom: 2.2rem;
	}
}

@media (min-width: 1366px) {

	.webfactor-website-projects .slide .website-project-top {
		padding-top: 15rem;
	}
}

@media (min-width: 1200px) {

	.webfactor-website-projects .slider-nav {
		position: relative;
		top: -3rem;
	}
}

.webfactor-website-projects .slider-nav .arrow {
	animation: none !important;/*opacity: .1;*/
}

/* -------------------------- *\
    .webfactor-what
\* -------------------------- */

@media (min-width: 1200px) {

	.webfactor-what {
		padding-bottom: 0;
	}
}

@media (min-width: 768px) {

	.webfactor-what .shell {
		padding: 0;
	}
}

@media (min-width: 1366px) {

	.webfactor-what .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media (min-width: 1366px) {

	.webfactor-what .title {
		font-size: 5rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-what .title {
		font-size: 8rem;
	}
}

.webfactor-what .t {
	position: relative;
	z-index: 10;
	margin-bottom: 5rem;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

@media (min-width: 1366px) {

	.webfactor-what .t {
		-ms-flex-order: 2;
		    order: 2;
		width: 50%;
	}
}

@media (min-width: 1366px) {

	.webfactor-what .b {
		-ms-flex-order: 1;
		    order: 1;
		width: 50%;
	}
}

@media (min-width: 1600px) {

	.webfactor-what .b {
		width: 50%;
	}
}

/* -------------------------- *\
    .webfactor-big-small-shell
\* -------------------------- */

.webfactor-big-small-shell .title {
	line-height: 1.4;
}

.webfactor-big-small-shell p {
	font-size: 1.8rem;
	line-height: 2.9rem;
	font-weight: 300;
}

@media (min-width: 768px) {

	.webfactor-big-small-shell + .webfactor-big-small-shell {
		padding-top: 0;
	}
}

/* -------------------------- *\
    .webfactor-results
\* -------------------------- */

@media (min-width: 768px) {

	.webfactor-results .shell {
		padding: 0;
	}
}

@media (min-width: 1200px) {

	.webfactor-results .shell {
		padding-left: 6.5rem;
	}
}

@media (min-width: 1200px) {

	.webfactor-results ul {
		padding-left: 5rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-results ul {
		padding-left: 10rem;
	}
}

@media (min-width: 1800px) {

	.webfactor-results ul {
		padding-left: 21rem;
	}
}

/* -------------------------- *\
    .webfactor-projects-list
\* -------------------------- */

.webfactor-projects-list { 
	padding: 5rem 0;
	position: relative;
	--progress: 0;
}

@media (min-width: 768px) {

	.webfactor-projects-list:before,
		.webfactor-projects-list:after {
		content: "";
		display: block;
		width: 0rem;
		height: calc(100% + 200vh);
		background: #FFF;
		position: absolute;
		top: -100vh;
		transition: width 0.3s;
	}

	.webfactor-projects-list:before {
		left: 0;
	}

	.webfactor-projects-list:after {
		right: 0;
	}

	.webfactor-projects-list.is-inview:before,
			.webfactor-projects-list.is-inview:after {
		width: 10rem;
	}
}

.webfactor-projects-list .shell {
	padding: 0;
}

@media (min-width: 768px) {

	.webfactor-projects-list .shell {
		max-width: calc(100vw - 19rem);
	}
}

@media (min-width: 1200px) {

	.webfactor-projects-list .shell {
		max-width: calc(100vw - 23rem);
		overflow: hidden;
	}
}

.background {
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	--foreign-prog: 0;
}

.background .color {
	position: absolute;
	display: block;
	background: #F3FCFC;
	height: 100%;
	width: calc(100vw - 4rem);
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	transition: all 0.5s ease-in-out;
}

@media (min-width: 768px) {

	.background .color {
		width: calc(100vw - 23rem);
	}
}

.background .back_shape {
	position: absolute;
	display: block;
	z-index: 10;
	top: 0;
	left: 50%;
	width: 15rem;
	height: 15rem;
	transition: all 0.5s;
	animation: rolla2 5s infinite 2s;
	--off-val: 30vh;
	--off-top: calc(var(--off-val) - var(--off-val) * var(--foreign-prog));
	opacity: calc(1 - 1 * var(--foreign-prog));
	transform: translate(-50%, var(--off-top)) scale(1);
}

@media (min-width: 400px) {

	.background .back_shape {
		width: 18rem;
		height: 18rem;
	}
}

@media (min-width: 768px) {

	.background .back_shape {
		--off-val: 40vh;
		width: 20rem;
		height: 20rem;
	}
}

@media (min-width: 1200px) {

	.background .back_shape {
		--off-val: 50vh;
		width: 29rem;
		height: 29rem;
	}
}

.background .back_shape:after {
	content: '';
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: #5CE0D8;
	border-radius: 50%;
	box-shadow: 0 0 1rem rgba(0,0,0, .1);
	opacity: 0;
	animation: rolla 5s forwards;/*			transform: scale(calc(1 + 1 * var(--foreign-prog)));*/
	transition: all 0.5s;
	opacity: 1;
	transform: scale(1);
}

/*&:not(.in_webfactor_intro) {
		.back_shape {
			opacity: 0;
		}
	}*/

.background.in_web_services .color {
	height: 30vh;
}

.background.in_web_services .back_shape {
	opacity: 0;
}

.background.in_wf_video_1 .back_shape {
	opacity: 0;
}

.background.in_projects_list {/*@mixin min 768 {
			.color {
				background: rgba($c2, 0.2);
			}
		}*/
}

@media (max-width: 767px) {

	.background.in_projects_list .color {
		height: 40vh;
		width: 100%;
		background: #E6FFFD;
	}
}

.background.in_projects_list .back_shape {
	opacity: 0;
}

@media (min-width: 768px) {

	.background.in_projects_list_even .color, .background.in_projects_list_odd .color {
		top: 0;
		width: 100%;
		height: 100%;
		transition-duration: 1s;
	}
}

@media (min-width: 1200px) {

	.background.in_projects_list_even .color, .background.in_projects_list_odd .color {
		height: 80%;
		top: 50%;
	}
}

.background.in_projects_list_even .back_shape, .background.in_projects_list_odd .back_shape {
	opacity: 0;
}

.background.in_webfactor_video .back_shape {
	opacity: 0;
}

@media (min-width: 768px) {

	.background.in_projects_list_odd .color, .background.in_projects_list_even .color {
		transition-timing-function: linear;
	}
}

@media (min-width: 768px) {

	.background.in_projects_list_even .color {
		background: rgba(236,236,236, 0.5);
		transform: translate(10%, 0);
	}
}

@media (min-width: 1200px) {

	.background.in_projects_list_even .color {
		transform: translate(10%, -50%);
	}
}

.background.in_projects_list_even .back_shape {
	opacity: 0;
}

@media (min-width: 768px) {

	.background.in_projects_list_odd .color {
		background: rgba(92,224,216, 0.2);
		transform: translate(-110%, 0);
	}
}

@media (min-width: 1200px) {

	.background.in_projects_list_odd .color {
		transform: translate(-110%, -50%);
	}
}

.background.in_projects_list_odd .back_shape {
	opacity: 0;
}

.background.in_projects_list_odd.in_projects_list_even .color {
	transform: translate(-50%, -50%);
}

/*&.in_webfactor_info {
		.color {
			width: 50%;
			height: 50%;
			transform: scale(3);
			opacity: 0;
		}

		.back_shape {
			opacity: 0;
		}
	}*/

.background.in_webfactor_info .color {
	width: 100%;
	height: 100%;
	background: #F3FCFC;
	opacity: 0;
}

.background.in_webfactor_info .back_shape {
	opacity: 0;
}

.background.in_webfactor_testimonials .color {
	left: calc(50% + 1.5rem);
	top: 3rem;
	width: calc(100% - 3rem);
	height: calc(100% - 6rem);
}

@media (min-width: 768px) {

	.background.in_webfactor_testimonials .color {
		top: 3.5rem;
		left: calc(50% + 7rem);
	}
}

@media (min-width: 1200px) {

	.background.in_webfactor_testimonials .color {
		top: 7.5rem;
		height: calc(100% - 15rem);
		left: calc(50% + 30rem);
	}
}

.background.in_webfactor_testimonials .back_shape {
	opacity: 0;
}

.background.in_webfactor_blog_slider .color {
	top: 0%;
	left: 50%;
	width: 100%;
	height: 100%;
}

.background.in_webfactor_blog_slider .back_shape {
	opacity: 0;
}

@keyframes rolla2 {
    0%   { transform: translate(-50%, var(--off-top)) scale(1); }
    70%  { transform: translate(-50%, var(--off-top)) scale(1); }
    73%  { transform: translate(-50%, var(--off-top)) scale(1.1); }
    76%  { transform: translate(-50%, var(--off-top)) scale(1); }
    79%  { transform: translate(-50%, var(--off-top)) scale(1.1); }
    85%  { transform: translate(-50%, var(--off-top)) scale(1); }
    88%  { transform: translate(-50%, var(--off-top)) scale(1.25); }
    91%  { transform: translate(-50%, var(--off-top)) scale(1); }
    100% { transform: translate(-50%, var(--off-top)) scale(1); }
}

@keyframes rolla {
    0%   { opacity: 0; transform: scale(15); }
    50%  { opacity: 0; transform: scale(15); }
    70%  { opacity: 1; transform: scale(15); }
    75%  { opacity: 1; transform: scale(.7); }
    85% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}

.webfactor_popup_form {
	background: #165764;
}

.webfactor_popup_form h2, .webfactor_popup_form h3, .webfactor_popup_form h4, .webfactor_popup_form h5, .webfactor_popup_form h6, .webfactor_popup_form p {
	color: #FFF;
}

.webfactor_popup_form .shell {
	padding-left: 0;
	padding-right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	    flex-flow: column;
	-ms-flex-align: center;
	    align-items: center;
}

@media (min-width: 990px) {

	.webfactor_popup_form .shell {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr;
		gap: 2rem;
		-ms-flex-align: center;
		    align-items: center;
		max-width: 114rem;
	}
}

.webfactor_popup_form .text {
	max-width: 73rem;
}

.webfactor_popup_form .form {
	max-width: 73rem;
	width: 100%;
}

@media (min-width: 990px) {

	.webfactor_popup_form .form {
		background: #FFF;
		padding: 3rem;
		border-radius: 0.3rem;
	}

	.webfactor_popup_form .form h2 {
		color: #1D262D;
	}
}

.webfactor_popup_form .form .gform_title {
	display: none;
}

.webfactor_popup_form .form .gform_fields {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	    grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	list-style: none;
}

.webfactor_popup_form .form .gform_fields .gfield_label {
	display: none;
}

.webfactor_popup_form .form .gform_fields .gfield {
	width: 100%;
}

.webfactor_popup_form .form .gform_fields .gfield:not(.half_row) {
	-ms-grid-column-span: 2;
	-ms-grid-column: 1;
	    grid-column: 1 / span 2;
}

.webfactor_popup_form .form input {
	height: 5rem;
	width: 100%;
	font-size: 1.6rem;
	padding: 0 1.5rem;
	border-radius: 0.3rem;
	border: solid 0.1rem #ECECEC;
}

.webfactor_popup_form .form input:focus {
	border: solid 0.1rem #165764;
}

.webfactor_popup_form .form textarea {
	width: 100%;
	padding: 1.5rem;
	font-family: var(--font-family);
	border-radius: 0.3rem;
	border: solid 0.1rem #ECECEC;
}

.webfactor_popup_form .form textarea:focus {
	border: solid 0.1rem #165764;
}

.webfactor_popup_form .form .gform_button {
	background: #5CE0D8;
	border: none;
	border-radius: 0.3rem;
	font-size: 1.9rem;
	transition: all 0.3s;
	font-weight: 600;
	letter-spacing: 0.1rem;
}

.webfactor_popup_form .form .gform_button:hover {
	box-shadow: 0 0.3rem 1.5rem rgba(191,191,191,.8);
	transform: translate(0, -0.5rem);
}

.webfactor_popup_form .form .gform_button:focus {
	border: none;
	background: #ECECEC;
}

.webfactor_popup_form .form .validation_error {
	color: #FFF;
	padding-bottom: 2rem;
}

.webfactor_popup_form .form .validation_message {
	color: #FFF;
	padding-top: 1rem;
	font-size: 1.4rem;
}

/* -------------------------- *\
    Templates
\* -------------------------- */

/* -------------------------- *\
    .page-template-project
\* -------------------------- */

.page-template-project .shell--cta {
	padding: 0  0  6.5rem;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

/* -------------------------- *\
    Elements
\* -------------------------- */

/* -------------------------- *\
    .title
\* -------------------------- */

.title { 
	position: relative;
	font-size: 3.3rem;
	font-weight: 900;
	line-height: 1.2;
 }

@media (min-width: 768px) {

	.title {
		font-size: 4.5rem;
		max-width: 72rem;
		line-height: 1;
	}
}

@media (min-width: 1200px) {

	.title {
		font-size: 8rem;
	}
}

.title:before {
	content: '';
	position: absolute;
	top: -1.2rem;
	left: 0;
	width: 6.5rem;
	height: .2rem;
	background: #5CE0D8;
}

@media (min-width: 768px) {

	.title:before {
		width: 12rem,;
	}
}

@media (min-width: 1200px) {

	.title:before {
		top: -1.6rem;
		width: 14rem;
		height: .3rem;
	}
}

@media (min-width: 768px) {

	.title--middle {
		max-width: 105rem;
	}
}

@media (min-width: 768px) {

	.title--long {
		max-width: 100%;
	}
}

.title--center {
	text-align: center;
	width: 100%;
	margin: 0 auto 6rem;
}

.title--center:before {
	left: 50%;
	transform: translateX(-50%);
}

/* -------------------------- *\
    .btn
\* -------------------------- */

.link { 
	color: #1D262D;
	display: block;
	position: relative;
	padding-left: 2.6rem;
	font-weight: 600;

	color: #105B56 !important;
}

@media (min-width: 1200px) {

}

.link:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #5CE0D8;
}

.link_2 {
	position: relative;
	color: #105B56;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	font-weight: 600;
	transition: .3s ease;
}

.link_2 .i {
	font-size: 4rem;
	margin-right: 1rem;
	color: #5CE0D8;
}

.link_2:hover {
	color: #1D262D;
}

.link_2:hover .i {
	color: #1D262D;
}

.link_3 {
	position: relative;
	color: #5CE0D8;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 600;
	padding-right: 6rem;
	transition: .3s ease;
}

.link_3 i {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 3.8rem;
	height: .2rem;
	background: #5CE0D8;
	transition: .3s ease;
}

.link_3 i:before,
		.link_3 i:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1.8rem;
	height: .2rem;
	transform-origin: bottom right;
	background: inherit;
	transition: .3s ease;
	opacity: 0;
}

.link_3:after {
	transform-origin: top right;
}

.link_3:hover i {
	animation: link_3_hover 1s infinite alternate;
}

.link_3:hover i:before {
	transform: rotate(-25deg);
	opacity: 1;/*animation: link_3_hover_b 1s 1s infinite alternate-reverse;*/
}

.link_3:hover i:after {
	transform: rotate(25deg);
	opacity: 1;/*animation: link_3_hover_a 1s 1s infinite alternate-reverse;*/
}

.link_4 {
	color: rgba(0,0,0,.6);
	font-weight: 600;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	/*background: #000;*/
/*	transform-origin: top right;*/
	/*transform: rotate(0) translateY(-100%) scale(1);*/
	transform: rotate(-90deg) translateY(-75%);
	height: 12rem;
	font-size: 1.8rem;
	transition: .3s ease;

}

/*background: rgba(0,0,0,.3);*/

.link_4 .i {
	margin-right: 2rem;
	font-size: 4rem;
	transform: rotate(180deg);
	font-size: 5rem;
}

@keyframes link_3_hover {
  from {transform: translate(0, -50%) scale(1)}
  to {transform: translate(-1rem, -50%) scale(.9);}
}

@keyframes link_3_hover_b {
  from {transform: rotate(-25deg);}
  to {transform: rotate(-35deg);}
}

@keyframes link_3_hover_a {
  from {transform: rotate(25deg);}
  to {transform: rotate(35deg);}
}

.fixed_phone {
	position: fixed;
	z-index: 1000;
	bottom: 0rem;
	left: 0rem;
	background: #1D262D;
	height: 5rem;
	padding: 0 2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	width: calc(100% - 10rem);
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	border-top-right-radius: 1rem;
}

@media (min-width: 768px) {

	.fixed_phone {
		left: unset;
		right: 10rem;
		width: auto;
		border-top-right-radius: 0;
	}
}

.fixed_phone a {
	font-size: 2rem;
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	gap: 2rem;
	-ms-flex-align: center;
	    align-items: center;
	--js-1: -0.4rem;
	--js-2: 4deg;
	--hov: #FFF;
	animation: jump-shaking 10s infinite;
}

@media (min-width: 768px) {

	.fixed_phone a {
		font-size: 2.5rem;
	}
}

.fixed_phone a svg {
	fill: #FFF;
}

.fixed_phone a:hover {
	--hov: #5CE0D8;
}

.fixed_phone a:hover svg {
	fill: #FFF;
}

@keyframes jump-shaking {
	0% { transform: translateX(0); color: var(--hov); }
  90% { transform: translateX(0); color: var(--hov); }
  92.5% {
  	transform: translateY(var(--js-1));
  	color: #5CE0D8;
  }
  93.5% {
  	transform: translateY(var(--js-1)) rotate(var(--js-2));
  	color: #5CE0D8;
  }
  94.5% {
  	transform: translateY(var(--js-1)) rotate(calc(-1 * var(--js-2)));
  	color: #5CE0D8;
  }
  95.5% {
  	transform: translateY(var(--js-1)) rotate(var(--js-2));
  	color: #5CE0D8;
  }
  96.5% {
  	transform: translateY(var(--js-1)) rotate(calc(-1 * var(--js-2)));
  	color: #5CE0D8;
  }
  97.5% {
  	transform: translateY(var(--js-1)) rotate(var(--js-2));
  	color: #5CE0D8;
  }
  98.5% {
  	transform: translateY(var(--js-1)) rotate(calc(-1 * var(--js-2)));
  	color: #5CE0D8;
  }
  100% {
  	transform: translateY(0) rotate(0);
  	color: #FFF;
  }
}

/* -------------------------- *\
    .burger
\* -------------------------- */

.burg { 
	overflow: hidden;
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 1500;
	display: block;
	width: 7.3rem;
	height: 7.3rem;
	background: #1D262D;
	border-radius: 50%;
	transition: .3s ease;
 }

@media (min-width: 768px) {

	.burg {
		transform: translateX(15rem) rotate(180deg);
		right: 7rem;
	}

	.burg--show {
		transform: translateX(0) rotate(0deg);
	}
}

.burg--open {
	top: 1rem;
	right: 2rem;
}

.burg:before,
	.burg:after {
	content: 'Menu';
	position: absolute;
	bottom: 1.7rem;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	transition: .3s ease;
}

.burg:after {
	content: 'Close';
	left: -5rem;
}

.burg span {
	position: absolute;
	top: 1.7rem;
	left: 50%;
	transform: translateX(-50%);
	width: 3.3rem;
	height: .2rem;
	background: #fff;
	border-radius: 1rem;
	transition: .3s ease;
}

.burg span:before,
		.burg span:after {
	content: '';
	position: absolute;
	bottom: -.7rem;
	left: 0;
	width: 2.5rem;
	height: 100%;
	background: #fff;
	transition: .3s ease;
}

.burg span:after {
	bottom: -1.4rem;
	width: 1.7rem;
}

.burg:hover {
	background: #5CE0D8;
	cursor: pointer;
}

.burg:hover:before,
		.burg:hover:after {
	color: #1D262D;
}

.burg:hover span {
	background: #1D262D;
}

.burg:hover span:before,
			.burg:hover span:after {
	background: #1D262D;
}

.burg--open {
	background: #1D262D !important;/*right: 7rem;*/
	transform: translate(0) scale(1);
}

@media (min-width: 768px) {

	.burg--open {
		right: 7rem;
	}
}

.burg--open:before {
	left: 15rem;
	color: #fff !important;
}

.burg--open:after {
	left: 50%;
	color: #fff !important;
}

.burg--open span {
	background: #1D262D;
}

.burg--open span:before {
	width: 100%;
	transform: rotate(45deg);
	background-color: #fff !important;
}

.burg--open span:after {
	bottom: -.7rem;
	width: 100%;
	transform: rotate(-225deg);
	background-color: #fff !important;
}

.burg-bg {
	position: fixed;
	top: 0rem;
	right: 0rem;/*transform: translateX(120%) scale(1.2);*/
	display: block;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	background: #1D252E;
	transition: .3s ease;
	transition: .5s all;
	overflow: hidden;
	transform: scale(3);
	visibility: hidden;
	opacity: 0;
}

.burg-bg--open {
	position: fixed;
	top: 0;
	right: 0;/*transform: translateX(0) scale(1);*/
	width: 100vw;
	height: 100vh;
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

.burg-bg__menu {
	position: fixed;
	top: 5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	color: #232A32;
	text-transform: uppercase;
	font-size: 8rem;
	font-weight: 700;
	letter-spacing: .3rem;
	transition: .3s ease;
	animation: menu 90s infinite;
}

.burg-bg__menu--small {
	animation: none;
	transform: translate(-50%, -50%) scale(.4);
	opacity: .5;/*font-weight: 900;*//*animation: menu 10s infinite;*/
}

@media (min-width: 375px) {

	.burg-bg__menu {
		top: 6.5rem;
		font-size: 11rem;
	}
}

@media (min-width: 768px) {

	.burg-bg__menu {
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 25rem;
		letter-spacing: 1rem;
	}
}

@media (min-width: 1024px) {

	.burg-bg__menu {
		font-size: 30rem;
		letter-spacing: 1.7rem;
	}
}

.burg-bg li {
	position: absolute;
	top: 7rem;
	left: 20rem;
	z-index: 10;
	display: block;
	width: 2.3rem;
	height: 2.4rem;
	border-radius: 50%;
	animation: snow1 45s infinite;
}

.burg-bg li:before {
	content: '';
	position: absolute;
	background: #305C60;
	width: 2.3rem;
	height: 2.4rem;
	border-radius: 50%;
}

.burg-bg li:nth-child(2){
	top: 20rem;
	left: 10rem;
	animation: snow2 40s infinite;
}

.burg-bg li:nth-child(2):before {
	background: #353B41;
	transform: scale(.7);
}

.burg-bg li:nth-child(3){
	top: 30rem;
	left: 30rem;
}

.burg-bg li:nth-child(3):before {
	background: #293037;
	transform: scale(.5);
}

.burg-bg li:nth-child(4){
	animation: snow1 45s infinite;
	top: 5rem;
	left: 65vw;
}

.burg-bg li:nth-child(4):before {
	background: #293037;
	transform: scale(1);
}

.burg-bg li:nth-child(5){
	left: 90vw;
	animation: snow1 20s infinite;
}

.burg-bg li:nth-child(5):before {
	background: #293037;
	transform: scale(1);
}

.burg-bg li:nth-child(6){
	top: 10vh;
	left: 95vw;
	animation: snow2 115s infinite;
}

.burg-bg li:nth-child(6):before {
	transform: scale(.5);
}

.burg-bg li:nth-child(7){
	top: 15vh;
	left: 85vw;
	animation: snow1 50s infinite;
}

.burg-bg li:nth-child(7):before {
	transform: scale(.7);
	background: rgba(41,48,55, 1.2);
}

.burg-bg li:nth-child(8){
	top: 15vh;
	left: 40vw;
	animation: snow1 70s infinite;
}

.burg-bg li:nth-child(8):before {
	transform: scale(1.5);
	background: rgba(41,48,55, .7);
}

.burg-bg li:nth-child(9){
	top: 20vh;
	left: 75vw;
	animation: snow2 68s infinite;
}

.burg-bg li:nth-child(9):before {
	transform: scale(.4);
}

.burg-bg li:nth-child(10){
	top: 50vh;
	left: 80vw;
	animation: snow2 55s infinite;
}

.burg-bg li:nth-child(10):before {
	transform: scale(1.2);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(11){
	top: 70vh;
	left: 85vw;
	animation: snow1 45s infinite;
}

.burg-bg li:nth-child(11):before {
	transform: scale(.9);
}

.burg-bg li:nth-child(12){
	top: 75vh;
	left: 15vw;
	animation: snow2 30s infinite;
}

.burg-bg li:nth-child(12):before {
	transform: scale(1.1);
	background: rgba(41,48,55, .7);
}

.burg-bg li:nth-child(13){
	top: 90vh;
	left: 75vw;
	animation: snow2 70s infinite;
}

.burg-bg li:nth-child(13):before {
	transform: scale(1.4);
}

.burg-bg li:nth-child(14){
	top: 65vh;
	left: 35vw;
	animation: snow1 40s infinite;
}

.burg-bg li:nth-child(14):hover {
	transform: scale(.5);
}

.burg-bg li:nth-child(15){
	top: 55vh;
	left: 7vw;
	animation: snow2 80s infinite;
}

.burg-bg li:nth-child(15):before {
	transform: scale(1.2);
	background: rgba(41,48,55, .5);
}

.burg-bg li:nth-child(16){
	top: 85vh;
	left: 5vw;
	animation: snow1 40s infinite;
}

.burg-bg li:nth-child(16):before {
	transform: scale(.7);
}

.burg-bg li:nth-child(17){
	top: 85vh;
	left: 25vw;
	animation: snow2 28s infinite;
}

.burg-bg li:nth-child(17):before {
	transform: scale(.4);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(18){
	top: 95vh;
	opacity: .5;
	left: 20vw;
	animation: snow1 50s infinite;
}

.burg-bg li:nth-child(18):before {
	transform: scale(.8);
}

.burg-bg li:nth-child(19){
	top: 90vh;
	opacity: 1;
	left: 50vw;
	animation: snow2 50s infinite;
}

.burg-bg li:nth-child(19):before {
	transform: scale(.8);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(20){
	top: 96vh;
	opacity: 1;
	left: 80vw;
	animation: snow1 90s infinite;
}

.burg-bg li:nth-child(20):before {
	transform: scale(.4);
}

.burg-bg li:nth-child(21){
	top: 70vh;
	opacity: 1;
	left: 25vw;
	animation: snow2 400s infinite;
}

.burg-bg li:nth-child(21):before {
	transform: scale(1);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(22){
	top: 65vh;
	opacity: 1;
	left: 70vw;
	animation: snow1 27s infinite;
}

.burg-bg li:nth-child(22):before {
	transform: scale(.7);
}

.burg-bg li:nth-child(23){
	top: 45vh;
	opacity: 1;
	left: 15vw;
	animation: snow1 33s infinite;
}

.burg-bg li:nth-child(23):before {
	transform: scale(.5);
}

.burg-bg li:nth-child(24){
	top: 25vh;
	opacity: 1;
	left: 30vw;
	animation: snow2 119s infinite;
}

.burg-bg li:nth-child(24):before {
	transform: scale(1);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(25){
	top: 75vh;
	opacity: 1;
	left: 10vw;
	animation: snow1 100s infinite;
}

.burg-bg li:nth-child(25):before {
	transform: scale(1);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(26){
	top: 20vh;
	opacity: 1;
	left: 60vw;
	animation: snow1 50s infinite;
}

.burg-bg li:nth-child(26):before {
	transform: scale(.8);
}

.burg-bg li:nth-child(27){
	top: 30vh;
	opacity: 1;
	left: 10vw;
	animation: snow2 40s infinite;
}

.burg-bg li:nth-child(27):before {
	transform: scale(.8);
}

.burg-bg li:nth-child(27){
	top: 40vh;
	opacity: 1;
	left: 20vw;
	animation: snow2 70s infinite;
}

.burg-bg li:nth-child(27):before {
	transform: scale(1.5);
	background: rgba(41,48,55, .5);
}

.burg-bg li:nth-child(29){
	top: 5vh;
	opacity: 1;
	left: 45vw;
	animation: snow1 120s infinite;
}

.burg-bg li:nth-child(29):before {
	transform: scale(1);
}

.burg-bg li:nth-child(30){
	top: 15vh;
	left: 25vw;
	animation: snow1 40s infinite;
}

.burg-bg li:nth-child(30):before {
	transform: scale(.8);
}

.burg-bg li:nth-child(31){
	top: 60vh;
	left: 90vw;
	animation: snow2 35s infinite;
}

.burg-bg li:nth-child(31):before {
	transform: scale(1.4);
	background: rgba(41,48,55, .8);
}

.burg-bg li:nth-child(32){
	top: 90vh;
	left: 30vw;
	animation: snow1 60s infinite;
}

.burg-bg li:nth-child(32):before {
	transform: scale(1.2);
}

.burg-bg li:nth-child(33){
	top: 92vh;
	opacity: 1;
	left: 90vw;
	animation: snow1 150s infinite;
}

.burg-bg li:nth-child(33):before {
	transform: scale(1.4);
	background: rgba(41,48,55, .5);
}

.burg-bg li:nth-child(34){
	top: 90vh;
	left: 60vw;
}

.burg-bg li:nth-child(34):before {
	transform: scale(.4);
	background: #305C60;
}

@keyframes snow1 {
     0%   { transform: translate(0,0); }
     30%  { transform: translate(5rem,8rem); }
     50%  { transform: translate(-2rem,1rem); }
     80%  { transform: translate(-10rem,-9rem); }
     100% { transform: translate(0,0); }
 }

@keyframes snow2 {
     0%   { transform: translate(0,0); }
     30%  { transform: translate(-3rem,-5rem); }
     50%  { transform: translate(2rem,12rem); }
     80%  { transform: translate(-10rem,-9rem); }
     100% { transform: translate(0,0); }
 }

@keyframes menu {
     0%   { transform: translate(-50%, -50%) scale(1); }
     18%   { transform: translate(-50%, -50%) scale(1); }
     20%  { transform: translate(-50%, -50%) scale(1.1) rotate(-5deg); }
     25%  { transform: translate(-50%, -50%) scale(1); }
     30%  { transform: translate(-50%, -50%) scale(1.2) rotate(7deg); }
     35%  { transform: translate(-50%, -50%) scale(1); }
     100% { transform: translate(-50%, -50%) scale(1); }
 }

/* -------------------------- *\
    .ul-1
\* -------------------------- */

.ul-1 { 
	list-style-type: none;
 }

.ul-1 li {
	position: relative;
	font-size: 1.7rem;
	line-height: 2.9rem;
	padding-left: 2.4rem;
}

@media (min-width: 768px) {

	.ul-1 li {
		font-size: 1.8rem;
	}
}

.ul-1 li + li {
	margin-top: 1.2rem;
}

@media (min-width: 768px) {

	.ul-1 li + li {
		margin-top: 1.6rem;
	}
}

.ul-1 li:before {
	content: '';
	position: absolute;
	top: .8rem;
	left: 0;
	width: 1.4rem;
	height: 1.4rem;
	background: #5CE0D8;
	border-radius: 50%;
}

/* -------------------------- *\
    .cta-link
\* -------------------------- */

.cta-link {
 	position: relative;
 	margin-bottom: 0;
 	text-align: center;
 	margin: 0 auto;
 	max-width: 30rem;
 }

@media (min-width: 1024px) {

	.cta-link {
		margin: 0;
		text-align: left;
		padding: 6.8rem 0 6.8rem 6.8rem;
		max-width: 36.8rem;
		border-left: .15rem solid rgba(0,0,0,.1);
	}
}

.cta-link a {
	font-weight: 900;
	line-height: 1.2;
	font-size: 3rem;
	color: #1D262D;
	transition: .3s ease;
}

.cta-link a:hover {
	color: #5CE0D8;
}

.cta-link a:hover .i {
	color: #1D262D;
}

@media (min-width: 1024px) {

	.cta-link a {
		font-size: 3.6rem;
		line-height: 4.9rem;
	}
}

.cta-link .i {
	color: #5CE0D8;
	font-size: 3rem;
	position: absolute;
	top: 110%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 5rem;
}

@media (min-width: 1024px) {

	.cta-link .i {
		top: 50%;
		left: auto;
		right: 0;
		transform: translate(120%, -50%);
		font-size: 7rem;
	}
}

/* -------------------------- *\
    .helpers
\* -------------------------- */

body {
	/*background: $cb;*/
}

section {
/*	background: #fff;*/
}

a.l1 {
	font-size: 2rem;
	position: relative;
	color: #5CE0D8;
	text-transform: uppercase;
	font-weight: 600;
}

a.l1 .i-right-arrow {
	font-size: 3.5rem;
	position: absolute;
	top: 50%;
	right: -5rem;
	transform: translateY(-50%);
	transition: .3s ease;
}

/* -------------------------- *\
    .side
\* -------------------------- */

.side { 
	display: none;
}

@media (min-width: 768px) {

	.side {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 11.4rem;
		height: 100vh;
	}
}

.side--left .link_4 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 26.5rem;
	transform: rotate(-90deg) translate(20%, -75%);
}

.side--left .link_4 .i {
	animation: bounce 2s infinite ease;
}

@media (max-height: 770px) {

	.side--left .link_4 {
		top: 35%;
	}
}

.side--right {
	left: auto;
	right: 0;
}

.side--right .link_3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	transform-origin: center center;
	min-width: 30rem;
	letter-spacing: .1rem;
	text-transform: normal !important;
}

@media (max-height: 770px) {

	.side--right .link_3 {
		top: 35%;
	}
}

.side a.projects {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 1.7rem;
}

.side a.projects svg {
	fill: #FFF;
}

.side a.projects:hover {
	color: #5CE0D8;
}

@keyframes bounce {
    0%   { transform: translateX(0) rotate(180deg); }
    50%  { transform: translateX(-2rem) rotate(180deg) scale(1.1); }
    100% { transform: translateX(0) rotate(180deg); }
}

/* -------------------------- *\
    .projects
\* -------------------------- */

.projects { 
	position: absolute;
	bottom: 10rem;
	bottom: -2.5rem;
	left: 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	background: #1D262D;
	color: #fff;
	transform-origin: top left;
	transform: rotate(-90deg);
	padding: .8rem 1rem .8rem 2rem;
	padding: .6rem 1rem .6rem 2rem;
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .1rem;
 }

.projects .w {
	font-size: 5.3rem;
	margin-left: 0rem;
	transform: rotate(90deg);
	position: relative;
	top: .3rem;
}

/* -------------------------- *\
    .website-project-top
\* -------------------------- */

.website-project-top .num {
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-shadow: .1rem .1rem rgba(0,0,0,.3);
}

.website-project-top .num strong {
	color: #5CE0D8;
	font-size: 2.1rem;
	line-height: 2.8rem;
	text-shadow: .1rem .1rem rgba(0,0,0,0);
}

@media (min-width: 1200px) {

	.website-project-top .link_3 {
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

.website-project-top h3 {
	color: #5CE0D8;
	font-weight: 900;
	font-size: 4.2rem;
	margin-bottom: 1.1rem;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	.website-project-top h3 {
		font-size: 7.2rem;
	}
}

.website-project-top p {
	font-size: 1.8rem;
	line-height: 2.9rem;
	font-weight: 400;
	margin-bottom: 3.5rem;
}

.website-project-top.dark h3 {
	color: #1D262D;
}

/* -------------------------- *\
    Parts
\* -------------------------- */

/* -------------------------- *\
    .webfactor_percent
\* -------------------------- */

.webfactor_percent { 
	max-width: 27.5rem;
}

.webfactor_percent span {
	overflow: hidden;
	display: inline-block;
	padding: 1rem 0;
	position: relative;
	font-weight: 400;
	font-size: 5rem;
}

@media (min-width: 768px) {

	.webfactor_percent span {
		font-size: 7rem;
	}
}

@media (min-width: 1024px) {

	.webfactor_percent span {
		font-size: 5rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_percent span {
		font-size: 7rem;
	}
}

.webfactor_percent span:before,
		.webfactor_percent span:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: .3rem;
	background: rgba(29,37,45, .18);
}

.webfactor_percent span:after {
	background: rgba(29,37,45, .82);
	width: 75%;
}

.webfactor_percent span.s40:after {
	width: 40%;
}

.webfactor_percent span.s45:after {
	width: 45%;
}

.webfactor_percent span.s50:after {
	width: 50%;
}

.webfactor_percent span.s55:after {
	width: 55%;
}

.webfactor_percent span.s60:after {
	width: 60%;
}

.webfactor_percent span.s65:after {
	width: 65%;
}

.webfactor_percent span.s70:after {
	width: 70%;
}

.webfactor_percent span.s75:after {
	width: 75%;
}

.webfactor_percent span.s80:after {
	width: 80%;
}

.webfactor_percent span.s85:after {
	width: 85%;
}

.webfactor_percent span.s90:after {
	width: 90%;
}

.webfactor_percent span.s95:after {
	width: 95%;
}

.webfactor_percent p {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #1D262D;
}

/* -------------------------- *\
    .webfactor-benefit
\* -------------------------- */

.webfactor-benefit { 
	position: relative;
	text-align: center;
	padding-bottom: 5rem;
 }

@media (min-width: 1600px) {

	.webfactor-benefit:before {
		content: '';
		position: absolute;
		top: 5rem;
		left: 0;
		width: .1rem;
		height: 21.6rem;
		background: #D8D8D8;
	}

	.webfactor-benefit:nth-child(3n+3):after {
		content: '';
		position: absolute;
		top: 5rem;
		right: 0;
		width: .1rem;
		height: 21.6rem;
		background: #D8D8D8;
	}
}

.webfactor-benefit:last-child p:after {
	display: none;
}

.webfactor-benefit:last-child:after {
	display: none;
}

.webfactor-benefit h3 {
	color: #1D262D;
	font-size: 2.3rem;
	line-height: 4.4rem;
	font-weight: 600;
}

@media (min-width: 768px) {

	.webfactor-benefit h3 {
		font-size: 2.6rem;
	}
}

.webfactor-benefit h3 img {
	transition: .3s ease;
	margin: 1.5rem auto 1rem;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	text-align: center;
	max-height: 7.4rem;
}

@media (min-width: 768px) {

	.webfactor-benefit h3 img {
		margin: 3.5rem auto 3rem;
	}
}

.webfactor-benefit h3 a {
	color: #1D262D;
	transition: .3s ease;
}

.webfactor-benefit h3 a:hover {
	color: #5CE0D8;
}

.webfactor-benefit h3 a:hover img {
	transform: scale(1.1);
}

.webfactor-benefit p {
	position: relative;
	z-index: 5;
	font-size: 1.6rem;
	color: #1D262D;
	line-height: 2.4rem;
	background: #fff;
}

@media (min-width: 768px) {

	.webfactor-benefit p {
		max-width: 36rem;
		margin: 0 auto;
	}
}

.webfactor-benefit p:after {
	content: '';
	position: absolute;
	bottom: -5.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: .1rem;
	background: #D8D8D8;
}

.webfactor-benefit__link {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translate(-50%, -5rem);/*z-index: 10;*//*display: inline-block;*/
	color: #1D262D;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.4rem;/*transform: translateY(-5rem);*/
	opacity: 0;
	transition: .3s ease;
}

.webfactor-benefit:hover .webfactor-benefit__link {
	opacity: 1;
	transform: translate(-50%, 0);
}

.webfactor-benefit--last {
	padding: 0 0 10rem;
	text-align: left;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	min-height: 20rem;
}

/* -------------------------- *\
    .webfactor-step
\* -------------------------- */

@media (min-width: 1024px) {

	.webfactor-step {
		max-width: 41rem;
		overflow-x: hidden;
		overflow-y: hidden;
	}
}

.webfactor-step>span {
	position: relative;
	font-size: 20rem;
	font-weight: 900;
	color: rgba(19,19,19, .04);
	width: 100%;
	display: block;
}

.webfactor-step>span span {
	position: absolute;
	top: 58%;
	left: 0;
	transform: translateY(-50%);
	font-size: 3rem;
	font-weight: 300;
	color: #8E8E8E;
	display: block;
	min-width: 100%;
}

.webfactor-step>span span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 5rem;
	transform: translateY(50%);
	width: calc(100% - 5rem);
	height: .1rem;
	background: #5CE0D8;
}

@media (max-width: 1024px) {

	.webfactor-step>span span:before {
		width: calc(100% - 3rem);
	}
}

.webfactor-step>span span:after {
	content: '';
	position: absolute;
	top: 50%;
	width: .1rem;
	height: 70rem;
	right: -2rem;
	background: #5CE0D8;
}

@media (min-width: 1024px) {

	.webfactor-step>span span:after {
		right: 0;
		transform: translateY( -50% );
		width: 0;
		height: 0;
		border-top: .6rem solid transparent;
		border-left: .8rem solid #5CE0D8;
		border-bottom: .6rem solid transparent;
		background: transparent;
	}
}

.webfactor-step h4 {
	font-size: 2.4rem;
	line-height: 3.3rem;
	font-weight: 600;
	margin: -7.3rem 0 1.4rem;
	position: relative;
	z-index: 10;
}

.webfactor-step p {
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 300;
	padding-right: 3rem;
}

@media (min-width: 1024px) {

	.webfactor-step p {
		padding-right: 7rem;
	}
}

@media (min-width: 1366px) {

	.webfactor-step p {
		padding-right: 3rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-step p {
		padding-right: 7rem;
	}
}

.webfactor-step:nth-child(5) span span:after {
	background: #F8F8F8;
}

.webfactor-step:nth-child(6){
	display: none;
}

/* -------------------------- *\
    .slider-nav
\* -------------------------- */

.slider-nav { 
	position: relative;
	z-index: 20;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;


 }

.slider-nav span:not(.arrow),
	.slider-nav a {
	width: 4.3rem;
	height: .3rem;
	background: #1D252D;
	display: inline-block;
	position: relative;
	transform: translateY(-50%);
	top: -.1rem;
}

/*padding: 1rem 0;*/

.slider-nav span:not(.arrow).active, .slider-nav a.active {
	background: #5CE0D8;
}

.slider-nav span,
	.slider-nav a {
	cursor: pointer;
}

.slider-nav span + span, .slider-nav a + span {
	margin-left: 2.2rem;
}

.slider-nav .first-arrow {
	transform: rotate(180deg);
}

.slider-nav .i {
	font-size: 5rem;
}

.slider-nav .arrow .i {
	transition: .3s ease;
	cursor: pointer;
}

.slider-nav .arrow .i:hover {
	color: #5CE0D8;
}

/* -------------------------- *\
    .webffactor-title-content
\* -------------------------- */

.webffactor-title-content { 
	position: relative;
	padding: 3rem 1rem;
 }

@media (min-width: 1200px) {

	.webffactor-title-content {
		padding: 9rem 6.7rem;
	}
}

.webffactor-title-content.bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 130%;
	height: 100%;
	background: #F3FCFC;
	transition: .3s ease;
}

.webffactor-title-content .title {
	position: relative;
	z-index: 10;
}

@media (min-width: 1200px) {

	.webffactor-title-content .title {
		margin-bottom: 5.1rem;
	}
}

.webffactor-title-content p,
	.webffactor-title-content ul {
	position: relative;
	z-index: 10;
	padding-left: 4rem;
	margin-bottom: 0;
}

@media (min-width: 1200px) {

	.webffactor-title-content p,
	.webffactor-title-content ul {
		padding-left: 7rem;
	}
}

.webffactor-title-content ul {
	column-count: 2;
	column-gap: 2rem;
}

@media (min-width: 1600px) {

	.webffactor-title-content ul {
		column-gap: 0;
	}
}

.webffactor-title-content p,
	.webffactor-title-content li {
	font-size: 1.8rem;
	line-height: 2.9rem;
	margin-bottom: 0;
	font-weight: 300;
}

.webffactor-title-content li {
	list-style-type: none;
	margin-bottom: .5rem;
}

.webffactor-title-content + .webffactor-title-content {
	margin-top: 2rem;
}

/* -------------------------- *\
    .webfactor-difference
\* -------------------------- */

.webfactor-difference { 
	position: relative;
 }

@media (min-width: 1200px) {

	.webfactor-difference {
		padding: 4.1rem 0 5rem;
	}
}

@media (min-width: 1600px) {

	.webfactor-difference {
		padding-left: 4.2rem;
		margin-left: 10rem;
		width: calc(100% - 10rem);
	}
}

@media (min-width: 1750px) {

	.webfactor-difference {
		padding-left: 14rem;
		margin-left: 21rem;
		width: calc(100% - 31rem);
	}
}

@media (min-width: 1920px) {

	.webfactor-difference {
		width: calc(100% - 36rem);
	}
}

.webfactor-difference:before {
	content: '';
	position: absolute;
	top: 0;
	left: 2rem;
	width: 150%;
	height: 100%;
	background: #F3FCFC;
}

@media (min-width: 768px) {

	.webfactor-difference:before {
		left: 8rem;
	}
}

@media (min-width: 768px) {

	.webfactor-difference .shell {
		padding: 0;
	}
}

@media (min-width: 1024px) {

	.webfactor-difference .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media (min-width: 1024px) {

	.webfactor-difference .title {
		width: 49%;
		margin-top: 2.4rem;
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {

	.webfactor-difference .title {
		margin-top: 2.6rem;
	}
}

@media (min-width: 1366px) {

	.webfactor-difference .title {
		width: calc(50% - 5rem);
	}
}

@media (min-width: 1024px) {

	.webfactor-difference .b {
		width: 49%;
	}
}

@media (min-width: 1366px) {

	.webfactor-difference .b {
		width: calc(50% - 5rem);
	}
}

.webfactor-difference q {
	position: relative;
	z-index: 10;
	display: block;
	font-size: 2rem;
	line-height: 2.8rem;
	margin-bottom: 2rem;
	font-weight: 300;
	padding-left: 2rem;
}

@media (min-width: 768px) {

	.webfactor-difference q {
		font-size: 2.1rem;
		line-height: 3.6rem;
		margin-bottom: 3rem;
		padding-left: 5rem;
	}
}

@media (min-width: 1024px) {

	.webfactor-difference q {
		padding-left: 0;
	}
}

@media (min-width: 1200px) {

	.webfactor-difference q {
		margin-bottom: 11rem;
	}
}

.webfactor-difference abbr {
	position: relative;
	z-index: 10;
	font-size: 2.4rem;
	line-height: 3.3rem;
	font-weight: 900;
	display: block;
	text-decoration: none;
}

.webfactor-difference abbr + abbr {
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #5CE0D8;
	margin-top: 1rem;
}

/* -------------------------- *\
    .lang-menu
\* -------------------------- */

.lang-menu { 
	position: fixed;
	top: 10rem;
	right: 1rem;
	z-index: 1500;
	transition: .3s ease;
 }

@media (min-width: 768px) {

	.lang-menu {
		top: 5rem;
		top: 2rem;
	}
}

.lang-menu.zback {/*z-index: 88;*/
	transform: translateX(10rem) rotate(180deg);
}

@media (min-width: 768px) {

	.lang-menu.zback {
		transform: translateY(-18rem) rotate(180deg);
	}
}

.lang-menu ul {
	list-style-type: none;
	margin-bottom: 0;
}

.lang-menu a {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 600;
	color: #1D262D;
	background: #F3FCFC;
	padding: 1.5rem;
	border-radius: 50%;
	box-shadow: 0 .2rem .5rem rgba(0,0,0, .3);
}

.lang-menu a::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

.lang-menu a:hover {
	transform: rotate(360deg) scale(1.1);
	background: #5CE0D8;
	color: #1D262D;
}

/* -------------------------- *\
    .webfactor-web-service
\* -------------------------- */

.webfactor-web-service {
	margin-bottom: 2.9rem;
}

.webfactor-web-service span,
	.webfactor-web-service a {
	color: #1D262D;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-right: 2.6rem;
}

/*margin-left: 2.6rem;*/

.webfactor-web-service span + a:last-child, .webfactor-web-service span + span:last-child, .webfactor-web-service a + a:last-child, .webfactor-web-service a + span:last-child {
	margin-right: 0;
}

.webfactor-web-service a:hover {
	color: #5CE0D8;
}

/* -------------------------- *\
    .webfactor_project
\* -------------------------- */

.webfactor_project { 
	position: relative;
	--progress: 0;
}

/*	padding: 5rem 0;*/

@media (min-width: 768px) {

	.webfactor_project {
		overflow: hidden;
		padding: 0 2rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_project {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;/*		justify-content: space-between;*/
		-ms-flex-align: center;
		    align-items: center;
		padding: 0 3rem;
		height: 90vh;
		overflow: visible;
	}
}

@media (min-width: 1400px) {

	.webfactor_project {
		padding: 12rem 0;
	}
}

/*&:after {
		@mixin min 768 {
			content: '';
			position: absolute;
			top: 0;
			right: calc(100% + 2rem);
			width: 9.5rem;
			height: 50%;
			background: #FFF;
			@mixin tra;
		}
			

		@mixin min 1024 {
			left: 0;
			width: 40%;
			height: 100%;
		}
	}*/

.webfactor_project .t {
	text-align: center;/*		margin-bottom: 2rem;*/
	position: -webkit-sticky;
	position: sticky;
	z-index: 15;
	top: -12rem;
	display: block;
}

/*@mixin max 767 {
			&.is-inview {
				opacity: 0.3;
			}
		}*/

@media (min-width: 768px) {

	.webfactor_project .t {
		position: relative;
		top: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		    flex-flow: column;
	}
}

@media (min-width: 1200px) {

	.webfactor_project .t {
		width: 55%;
		margin: 0 3rem 0;
		transform: translate(0, calc(-10vh - 60vh * var(--progress) + 100vh * var(--progress)));
		transition: none;
	}
}

@media (min-width: 1400px) {

	.webfactor_project .t {
		width: calc(55% - 3rem);
	}
}

@media (min-width: 1800px) {

	.webfactor_project .t {
		width: calc(55% - 7rem);
	}
}

.webfactor_project .t figure {
	position: relative;
	z-index: 15;
	transition: transform 1s ease;
}

.webfactor_project .t figure img {
	max-height: 100%;
}

.webfactor_project .t figure:nth-child(1){
	display: inline-block;
	margin-bottom: 3rem;
	height: 9rem;
	-o-object-fit: scale-down;
	   object-fit: scale-down;
}

@media (min-width: 1366px) {

	.webfactor_project .t figure:nth-child(1) {
		max-height: 7rem;
	}
}

@media (min-width: 1600px) {

	.webfactor_project .t figure:nth-child(1) {
		max-height: 9rem;
	}
}

.webfactor_project .t figure:nth-child(2){
	padding-bottom: 1rem;
	max-height: 30vh;
}

@media (min-width: 768px) {

	.webfactor_project .t figure:nth-child(2) {
		max-height: 35vw;
	}
}

@media (min-width: 1200px) {

	.webfactor_project .t figure:nth-child(2) {
		width: 90%;
		margin-bottom: 0;
		position: relative;
		z-index: 10;
		-o-object-fit: scale-down;
		   object-fit: scale-down;
	}
}

.webfactor_project .t figure:nth-child(2).shadow {
	background: #E6FFFD;
	box-shadow: 0 0 2rem 2rem #E6FFFD;
}

.webfactor_project .t:not(.is-inview) img:nth-child(2) {
	transition: transform 1s ease;
}

@media (min-width: 1200px) {

	.webfactor_project .b {
		width: 40%;
	}
}

@media (min-width: 1400px) {

	.webfactor_project .b {
		width: calc(40% - 3rem);
	}
}

@media (min-width: 1900px) {

	.webfactor_project .b {
		width: calc(40% - 4rem);
	}
}

@media (min-width: 1200px) {

	.webfactor_project .link_3 {
		position: relative;
	}
}

@media (min-width: 1200px) {

	.webfactor_project h3 {
		line-height: 1.1;
		font-size: 6rem;
	}
}

@media (min-width: 1800px) {

	.webfactor_project h3 {
		font-size: 6.8rem;
	}
}

@media (min-width: 1200px) {

	.webfactor_project p {
		font-weight: 300;
	}
}

.webfactor_project + .webfactor_project {
	margin-top: 9rem;
}

@media (min-width: 1200px) {

	.webfactor_project + .webfactor_project {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {

	.webfactor_project:nth-child(even) {
		-ms-flex-pack: end;
		    justify-content: end;
	}

	.webfactor_project:nth-child(even) .t {
		-ms-flex-order: 2;
		    order: 2;
	}

	@media (min-width: 1200px) {

		.webfactor_project:nth-child(even) .t {
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: -ms-flexbox;
			display: flex;
		}
	}

	.webfactor_project:nth-child(even) .b {
		-ms-flex-order: 1;
		    order: 1;
	}
}

@media (min-width: 1400px) {

	.webfactor_project:nth-child(even) {
		padding: 12rem 0;
	}
}

@media (max-width: 767px) {

	.webfactor_project.is-inview .t {
		background: #E6FFFD;
		box-shadow: 0 0 2rem 2rem #E6FFFD;
	}
}

@media (min-width: 768px) {

	.webfactor_project:nth-child(odd) .t {
		-ms-flex-align: start;
		    align-items: start;
	}

	.webfactor_project:nth-child(odd) .t:not(.is-inview) figure {
		transform: translate(-120%, 0);
	}
}

@media (min-width: 768px) {

	.webfactor_project:nth-child(even) .t {
		-ms-flex-align: end;
		    align-items: end;
	}

	.webfactor_project:nth-child(even) .t:not(.is-inview) figure {
		transform: translate(140%, 0);
	}
}

.website-project-top {
	position: relative;
	margin-top: 5rem;
/*	z-index: 30;*/
}

@media (min-width: 768px) {

	.website-project-top {
		margin-top: 0;
	}
}

/* -------------------------- *\
    Footer
\* -------------------------- */

/* -------------------------- *\
    .af
\* -------------------------- */

.af { 
	position: relative;
	z-index: 55;
	/*background: $c3;*/
	color: #fff;
	text-align: left;
	background: #165764;
	/*background: linear-gradient(125deg,#ff156b,#ce0b52,#de7d19,#e8c41d,#1de840,#1ddde8,#2b1de8,#ff156b,#dd00f3);*/
	/*background: linear-gradient(125deg,#ff197d,#e00000,#FFA500,#FFEA00,#00FF00,$c1,#2b1de8,#ff156b,#bb54e7,$cb);*/
	/*background: linear-gradient(136deg, #de7d19, $c1, $c2, #ff156b);*/
	background-size: 2800% 2800%;
	/*animation: mazalo 28s ease infinite;*/
	/*animation: mazalo 60s ease infinite;*/
	animation-direction: alternate-reverse;
 }

@media (min-width: 1366px) {

	.af {
		padding: 4rem 0;
	}
}

@media (min-width: 1600px) {

	.af {
		padding: 7.5rem 0;
	}
}

/*&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1000vw;
		height: 100%;
		
	}*/

.af .shell {
	position: relative;
	z-index: 10;
}

@media (min-width: 768px) {

	.af .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: center;
		    align-items: center;
		padding: 0;
	}
}

.af h3 {
	font-weight: 800;
	font-size: 2.5rem;
}

@media (min-width: 375px) {

	.af h3 {
		font-size: 3rem;
	}
}

@media (min-width: 1200px) {

	.af h3 {
		font-size: 7rem;
		margin-bottom: 0;
	}
}

@media (min-width: 1366px) {

	.af h3 {
		font-size: 8rem;
	}
}

@media (min-width: 1920px) {

	.af h3 {
		font-size: 8rem;
	}
}

.af .r {
	text-align: right;
	max-width: 30rem;
	margin: 0 0 0 auto;
}

@media (min-width: 768px) {

	.af .r {
		max-width: 40rem;
	}
}

@media (min-width: 1200px) {

	.af .r {
		max-width: 50rem;
		line-height: 1.7;
		font-size: 1.8rem;
		font-weight: 300;
	}

	.af .r p {
		margin-bottom: 1rem;
	}
}

.af .l1 {
	color: #fff;
	margin-right: 5rem;
}

@keyframes mazalo {
   0%{background-position:0 82%}
   50%{background-position:100% 19%}
   100%{background-position:0 82%}
 }

/* -------------------------- *\
    .f
\* -------------------------- */

.f { 
	position: relative;
	z-index: 55;
	padding: 5rem 0;
	background: #1D262D;
	color: #fff;	
 }

@media (min-width: 1200px) {

	.f {
		padding: 8rem 0 4rem;
	}
}

@media (min-width: 1200px) {

	.f .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.f h3 {
	font-size: 1.8rem;
	line-height: 2.5;
	text-transform: uppercase;
	color: #D8D8D8;
	margin-bottom: 1rem;
}

.f a {
	color: #fff;
}

@media (min-width: 1200px) {

	.f a {
		color: #D8D8D8;
	}
}

.f ul {
	list-style-type: none !important;
	margin-bottom: 4rem !important;
}

@media (min-width: 1200px) {

	.f ul {
		margin-bottom: 2rem !important;
	}
}

.f ul:last-child {
	margin-bottom: 0;
}

.f ul li {
	list-style-type: none;
	line-height: 1.7;
	font-size: 1.7rem;
	padding-left: .5rem;
	position: relative;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
}

.f ul li + li {
	margin-top: 2rem;
}

@media (min-width: 1200px) {

	.f ul li + li {
		margin-top: 1rem;
	}
}

.f ul li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -1.5rem;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	background: #5CE0D8;
	border-radius: 50%;
	transition: .3s ease;
	opacity: 0;
}

@media (min-width: 1200px) {

	.f ul li:before {
		left: -2rem;
	}
}

.f ul li.current-menu-item:before, .f ul li:hover:before {
	opacity: 1;
	width: 1rem;
	height: 1rem;
}

.f__logo {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 2.2rem;
	padding: 0 0 3rem;
	transition: .3s ease;
}

@media (min-width: 1200px) {

	.f__logo {
		min-width: 25rem;
		padding: 0;
		position: relative;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		top: -3rem;
	}
}

.f__logo .i-w {
	font-size: 7.5rem;/*font-size: 6rem;*/
	fill: #fff;
	margin-right: 1rem;
}

@media (min-width: 1200px) {

	.f__logo .i-w {
		margin-right: 0;
	}
}

@media (min-width: 1200px) {

	.f__logo span {
		display: block;
		transform: rotate(-90deg);
		width: 22rem;
		font-size: 3rem;
		font-size: 3rem;
		position: absolute;
		top: 17rem;
		letter-spacing: .2rem;
	}
}

.f .columns {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (min-width: 1200px) {

	.f .columns {
		width: 60%;
	}
}

@media (min-width: 1200px) {

	.f .c {
		margin-right: 2rem;
	}
}

@media (min-width: 1200px) {

	.f .c--3 {
		margin-right: 0;
	}
}

.f__contacts {
	text-align: left;
}

.f__contacts span:not(.soc){
	display: inline-block;
	text-transform: uppercase;
	color: #D8D8D8;
	opacity: .7;
	min-width: 40%;
	text-align: right;
	padding-right: 1rem;
}

.f__contacts span.r {
	display: inline-block;
	text-transform: none;
	color: #fff !important;
	font-size: 1.4rem;
	width: calc(60% - 1rem);
	opacity: 1 !important;
	text-transform: none;
}

.f__contacts span.r.l {
	position: absolute;
	left: calc(40% + 1rem);
	text-align: left;
}

@media (min-width: 375px) {

	.f__contacts span.r {
		font-size: 1.6rem;
	}
}

.f__contacts span.r {
	left: 30%;
	text-align: left;
}

@media (min-width: 375px) {

	.f__contacts span.r {
		left: 35%;
	}
}

.f .soc a {
	font-size: 1.8rem;
	display: inline-block;
	padding: .4rem;
}

.f .soc a span {
	position: absolute;
	left: -9999rem;
}

@media (min-width: 1200px) {

	.f .soc a {
		font-size: 2rem;
		line-height: 1;
	}
}

.f .l1 {
	text-align: left;
}

.f__b {
	color: #D8D8D8;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 0;
	font-weight: 300;
	opacity: .7;
}

.f__b .i-w {
	font-size: 4rem;
	position: relative;
	bottom: -1.4rem;
}

.f__b a {
	color: #D8D8D8;
	text-decoration: underline;
}

.wf {
 	fill: #fff;
	 	font-size: 20rem;
	 	color: #fff;
 }

/* -------------------------- *\
    .kk-star-ratings
\* -------------------------- */

.kk-star-ratings { 
	/*background: #000;*/
	padding: 3rem 0;
 }

@media (min-width: 1200px) {

	.kk-star-ratings {
		padding: 3rem 1rem 3rem 0;
		margin-right: 12rem;
	}
}

.kk-star-ratings .kksr-icon {
	fill: #5CE0D8 !important;
	color: #5CE0D8 !important;
}

.kk-star-ratings .kksr-legend {
	position: absolute;
	z-index: -5;
	opacity: 0;
}

/* -------------------------- *\
    New 1
\* -------------------------- */

/* -------------------------- *\
    .wf_service
\* -------------------------- */

.wf-service { 
	border: 0 !important;
	position: relative;
	display: block;
	width: calc(100% + 4rem);
	height: 25rem;
	
	margin: 0 -2rem 2.2rem;
	padding: 1.5rem;
	color: #fff;
}

.wf-service img {
	max-width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

@media (min-width: 1200px) {

	.wf-service img {
		top: 55%;
	}
}

.wf-service>span h4, 
		.wf-service>span>span {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #5CE0D8;
	letter-spacing: .2rem;
	font-size: 300;
	margin-bottom: 0;
	text-align: right;
}

@media (min-width: 1200px) {

	.wf-service>span h4, 
		.wf-service>span>span {
		bottom: 2rem;
		right: 2rem;
	}
}

.flip {
	perspective: 500rem;
	border: 0;
}

.flip>span {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	display: block;
	border: .1rem solid #5CE0D8;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	transition: .6s all;
}

.flip>span h3 {
	position: absolute;
	top: 1rem;
	left: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.8rem;
}

@media (min-width: 768px) {

	.flip>span h3 {
		font-size: 2.1rem;
	}
}

@media (min-width: 1200px) {

	.flip>span h3 {
		top: 2rem;
		left: 2rem;
	}
}

@media (min-width: 1366px) {

	.flip>span h3 {
		top: 3.5rem;
		left: 3.5rem;
	}
}

.flip>span span {
	color: #1D252E;
	font-weight: 700;
}

.flip>span ul {
	color: #1D252E;
	list-style: none;/*margin: 6rem 0 0 5rem;*/
	margin: .5rem 0 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (min-width: 1200px) {

	.flip>span ul {/*margin: 12rem 0 0 11rem;*/
	}
}

@media (min-width: 1200px) {

	.flip>span ul li {
		position: relative;
	}
}

.flip>span ul li + li {
	margin-top: .5rem;
}

@media (min-width: 1200px) {

	.flip>span ul li + li {
		margin-top: 1rem;
	}
}

.flip>span li:before, .flip>span span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: .9rem;
	height: .9rem;
	transform: translate(-4.5rem, -50%);
	background: #5CE0D8;
	border-radius: 50%;
	box-shadow: 0 0 .2rem rgba(0,0,0, .5);
	opacity: 0;
	transition: .3s ease;
}

.flip>span li:hover:before, .flip>span span:hover:before {
	transform: translate(-2.5rem, -50%) scale(1);
	opacity: 1;
}

.flip>span span:before {
	transform: translate(-2.5rem, -50%) scale(1);
	opacity: 1;
}

.flip>span span:hover:before {
	transform: translate(-2.5rem, -50%) scale(1.5);
}

.flip>span:nth-child(1) {
	background: #1D252E;
	z-index: 2;
	transform: rotateY(0deg);
}

.flip>span:nth-child(2) {
	transform: rotateY(-180deg);
	background: #fff;
}

.flip>span:nth-child(2) h3 {
	color: #1D252E;
	font-weight: 700;
}

.flip>span:nth-child(2) span {/*left: 6.1rem;*/
}

@media (min-width: 1024px) {

	.flip:hover>span:nth-child(1) {
		transform: rotateY(180deg);
	}

	.flip:hover>span:nth-child(2) {
		transform: rotateY(0deg);
	}
}

/* -------------------------- *\
    New 2
\* -------------------------- */

/* -------------------------- *\
    .wf_blog
\* -------------------------- */

@media (min-width: 1200px) {

	.wf_blog .shell {
		padding: 0;
	}
}

@media (min-width: 1200px) {

	.wf_blog .hold::after {
		content: "";
		clear: both;
		display: table;
		line-height: 0;
	}

	.wf_blog .hold .wf_post_block {
		float: left;
		width: calc(50% - 2.4rem);
		margin-bottom: 7rem;
	}

	.wf_blog .hold .wf_post_block:nth-child(odd) {
		margin-right: 4.8rem;
	}
}

/* -------------------------- *\
    .wf_post_block
\* -------------------------- */

.wf_post_block { 
	position: relative;
 }

.wf_post_block .img {
	position: relative;
	display: block;
	min-width: 100%;
	background: red;
	margin-bottom: 0;
	overflow: hidden;
}

@media (min-width: 1200px) {

	.wf_post_block .img {
		margin-bottom: 3rem;
	}
}

.wf_post_block .img span {
	position: absolute;
	bottom: 0;
	left: 3.5rem;
	color: #fff;
	background: #000;
	padding: .5rem 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

@media (min-width: 1200px) {

	.wf_post_block .img span {
		font-size: 1.8rem;
		left: 8rem;
		padding: 1rem 2.5rem;
	}
}

.wf_post_block .img img {
	min-width: 100%;
	transition: .3s ease;/*position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);*/
}

.wf_post_block .img:hover img {
	transform: scale(1.2);
}

.wf_post_block h2 {
	margin-bottom: 1rem;
	font-size: 2rem;
	transition: .3s ease;
}

@media (min-width: 1200px) {

	.wf_post_block h2 {
		margin-bottom: 2rem;
		font-size: 3rem;
	}
}

.wf_post_block h2 a {
	color: #000;
	font-weight: 900;
}

.wf_post_block h2 a:hover {
	color: #5CE0D8;
}

.wf_post_block p {
	font-size: 1.4rem;
	line-height: 1.5;
	opacity: .5;
}

@media (min-width: 1200px) {

	.wf_post_block p {
		font-size: 1.6rem;
		opacity: 1;
	}
}

@media (min-width: 1600px) {

	.wf_post_block .b {
		padding: 0 5rem;
	}
}

@media (min-width: 1920px) {

	.wf_post_block .b {
		padding: 0 9.4rem;
	}
}

.wf_post_block .tags {
	margin-bottom: 1rem;
	padding-left: 1.2rem;
}

@media (min-width: 1200px) {

	.wf_post_block .tags {
		margin-bottom: 2rem;
	}
}

.wf_post_block .tags a {
	font-size: 1.2rem;
	position: relative;
	color: #1D252D;
	opacity: .5;
	text-transform: lowercase;
	margin-right: 2rem;
	transition: .3s ease;
}

.wf_post_block .tags a:hover {
	opacity: 1;
}

@media (min-width: 1200px) {

	.wf_post_block .tags a {
		font-size: 1.6rem;
		margin-right: 4rem;
	}
}

.wf_post_block .tags a:before {
	content: '#';
	position: absolute;
	top: 0;
	left: -1.1rem;
}

.wf_post_block + .wf_post_block {
	margin-top: 5rem;
}

@media (min-width: 1200px) {

	.wf_post_block + .wf_post_block {
		margin-top: 0;
	}
}

/* -------------------------- *\
    .wf_faq
\* -------------------------- */

.wf_faq { 
	box-shadow: 0 0 .5rem rgba(0,0,0, .05);	
	background: rgba(0,0,0,.01);
	padding: 3rem;
 }

.wf_faq h2 {
	padding-bottom: 3rem;
	font-weight: 600;
	text-transform: uppercase;
}

.wf_faq .faq__item {
	box-shadow: 0 0 .5rem rgba(0,0,0, .1);
	box-shadow: 0 0 .5rem rgba(92,224,216, .3);
	padding: 2.5rem;
	background: #fff;
}

.wf_faq .faq__item + .faq__item {
	margin-top: 4.5rem;
}

@media (min-width: 1200px) {

	.wf_faq h3 {
		font-size: 3rem;
		margin-bottom: 2rem;
	}
}

.wf_faq p,
	.wf_faq ul,
	.wf_faq ol {
	margin-bottom: 0;
}

@media (min-width: 1200px) {

	.wf_faq p,
	.wf_faq ul,
	.wf_faq ol {
		font-size: 1.8rem;
		color: rgba(0,0,0,.7);
	}
}

/* -------------------------- *\
    .wf_advert_1
\* -------------------------- */

.wf_advert_1 { 
	position: relative;
	padding: 3rem 0 0 0;
 }

.wf_advert_1 .b {
	width: 32rem;
}

@media (min-width: 1366px) {

	.wf_advert_1 {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}

	.wf_advert_1 .t {
		position: relative;
		min-width: calc(100% - 32rem);
		width: calc(100% - 32rem);
	}

	.wf_advert_1 .b {
		position: -webkit-sticky;
		position: sticky;
		top: 2rem;
		height: 100%;
	}
}

/* -------------------------- *\
    .ads_form_1
\* -------------------------- */

.ads_form_1 { 
	width: 32rem;
	border: .2 solid #5CE0D8;
	padding: 2.5rem;
	background: #5CE0D8;
	border-radius: .5rem;
	border: .1rem solid #5CE0D8;
	box-shadow: 0 0 1rem rgba(0,0,0, .1);		
	transition: .3s ease;		

	animation: ads_form_1_bg 20s forwards infinite;
 }

.ads_form_1:hover {
	background: rgba(0,0,0,.05);
	border: .1rem solid rgba(0,0,0,.05);
	animation: none;
}

.ads_form_1 h3 {
	font-size: 3rem;
	margin-bottom: 1.5rem;
}

.ads_form_1 ul.gform_fields {
	list-style-type: none;
	margin-bottom: 1.5rem;
}

.ads_form_1 ul.gform_fields li {
	padding-left: 0;
}

.ads_form_1 ul.gform_fields li:before {
	display: none;
}

.ads_form_1 ul.gform_fields li .gfield_label {
	display: none;
}

.ads_form_1 ul.gform_fields .gform_fields,
		.ads_form_1 ul.gform_fields blockquote,
		.ads_form_1 ul.gform_fields dl,
		.ads_form_1 ul.gform_fields ol,
		.ads_form_1 ul.gform_fields p,
		.ads_form_1 ul.gform_fields table,
		.ads_form_1 ul.gform_fields ul {
	margin-bottom: 0 !important;
}

.ads_form_1 ul.gform_fields .medium {
	min-width: 100%;
	border: 0;
	padding: 1rem 2rem;
	font-size: 1.5rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
}

.ads_form_1 ul.gform_fields .medium:-ms-input-placeholder {
	font-weight: 300;
	color: #000;
}

.ads_form_1 ul.gform_fields .medium::placeholder {
	font-weight: 300;
	color: #000;
}

.ads_form_1 .gform_button {
	border: 0;
	min-width: 100%;
	padding: 1.1rem 2rem .9rem;
	font-size: 2rem;
	font-weight: 400;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	cursor: pointer;
	transition: .3s ease;
}

.ads_form_1 .gform_button:hover {
	background: #5CE0D8;
	color: #000;
}

@keyframes ads_form_1_bg {
   0%   {background: #5CE0D8;}
   45%  {background: #5CE0D8;}
   50%  {background: rgba(0,0,0, .1); border: .1rem solid rgba(0,0,0,.05);}
   80%  {background: rgba(0,0,0, .1); border: .1rem solid rgba(0,0,0,.05);}
   85%  {background: #5CE0D8;}
 }

/* -------------------------- *\
    .wf_about_1
\* -------------------------- */

@media (min-width: 1700px) {

	.wf_about_1 .shell {
		max-width: 170rem;
	}
}

.wf_about_1 .t {
	position: relative;
}

.wf_about_1 .t:before {
	content: '';
	position: absolute;
	top: 3rem;
	left: 3rem;
	width: 110%;
	height: 20rem;
	background: #F7F7F7;
}

@media (min-width: 768px) {

	.wf_about_1 .t:before {
		top: -5rem;
		width: calc(50vw - 11.4rem);
		left: 50%;
		height: calc(100% + 18rem);
	}
}

.wf_about_1 .t img {
	display: none;
}

@media (min-width: 768px) {

	.wf_about_1 .t img {
		position: absolute;
		top: -7rem;
		right: 2rem;
		display: block;
		width: 40rem;
	}
}

.wf_about_1 h2 {
	font-weight: 900;
	position: relative;
	z-index: 10;
}

@media (min-width: 768px) {

	.wf_about_1 h2 {
		font-size: 8rem;
		max-width: calc(100% - 30rem);
		padding-top: 5rem;
	}
}

.wf_about_1 p,
	.wf_about_1 a {
	position: relative;
	font-weight: 300;
	z-index: 10;
}

@media (min-width: 1200px) {

	.wf_about_1 p,
	.wf_about_1 a {
		font-size: 1.8re;
	}
}

.wf_about_1 .logo {
	position: absolute;
	top: 12rem;
	right: -90%;
	transform: translateX(-50%);
	fill: rgba(0,0,0,.05);
	font-size: 30rem;
	z-index: 5;
}

@media (min-width: 768px) {

	.wf_about_1 .logo {
		top: -14.5rem;
		right: -12rem;
		width: 27rem;
		fill: rgba(0,0,0,1);
		z-index: 10;
		opacity: 0;
	}
}

@media (min-width: 768px) {

	.wf_about_1 .b {
		padding-top: 5rem;
	}
}

.wf_about_1 .b img {
	margin: 0 calc(-50vw + 50% + 11.4rem);
	min-width: 100vw;
}

@media (min-width: 768px) {

	.wf_about_1 .b img {
		min-width: calc(100vw - 22.8rem);
	}
}

.wf_about_1 a {
	color: #5CE0D8;
	transition: .3s ease;
	font-weight: 700;
}

.wf_about_1 a:hover {
	color: #1D262D;
}

/* -------------------------- *\
    Single Project
\* -------------------------- */

/* -------------------------- *\
    .single-project
\* -------------------------- */

.single-project .h {
	padding-top: 0;
}

/*background: green;*/

.single-project .h .logo {
	top: .3rem;
}

.single-project .h .shell {
	background: #fff;/*padding: 0;*/
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.single-project p {
	font-size:
}

.single-project .side {
	display: none;
}

.single-project .wf_project {
	padding-top: 8.5rem;
}

.single-project .wf_project h2,
        .single-project .wf_project h3 {
	position: relative;
	font-size: 4.2rem;
	color: #000;
	background: linear-gradient(140deg,#0bb99f 30%,#158bc0 70%);
	font-weight: 800;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.single-project .wf_project__intro {
	padding: 0;
	position: relative;
	min-height: 65vh;
	overflow: hidden;
}

.single-project .wf_project__intro img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.single-project .wf_project__intro div {
	position: absolute;
	z-index: 10;
	color: #fff;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.single-project .wf_project__intro div::before {
	content: '';
	position: absolute;
	top: -5.5rem;
	left: 50%;/*trnsform: translate(5rem;, -50%);*/
	width: .1rem;
	height: 4rem;
	background: #fff;
}

.single-project .wf_project__intro div h1 {
	margin-bottom: 2rem;
}

.single-project .down {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 10rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 300;
	padding-bottom: 2.5rem;
	color: #fff;
}

.single-project .down__click {
	position: relative;
	margin-top: 1rem;
	display: block;
	width: 6rem;
	height: 6rem;
	color: #fff;/*&:before {*//*    content: '';*//*    position: absolute;*//*    top: 50%; left: 50%;*//*    transform: translate(-50%, -50%) scale(1.2);*//*    z-index: 0;*//*    width: 100%; height: 100%;*//*    background: #000;*//*    border-radius: 50%;*//* }*/
}

.single-project .down__click>span {
	background: linear-gradient(160deg,#1dd6b9 0%,#1491ce 100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
	border-radius: 50%;
}

.single-project .down__click>span:nth-child(2){
	z-index: 5;
	background: rgba(0,0,0, .1);
	transform: translate(-50%, -50%) scale(1);
	animation: wf_pulse 1s infinite alternate;
}

.single-project .sizer {
	display: none;
}

.single-project .h .shell {
	padding-top: 0;
	padding-bottom: 0;
}

.single-project .webfactor_call {
	display: none;
}

.gg-chevron-double-down {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1.2));
    width: 22px;
    height: 22px
}

.gg-chevron-double-down::after,
.gg-chevron-double-down::before {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    top: 3px
}

.gg-chevron-double-down::after {
    top: 8px
}

@keyframes wf_pulse {
    0% {
        transform: translate(-50%, -50%) scale(.9);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.15);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate(-50%, -50%) scale(.9);
        animation-timing-function: ease-in;
    }
}

.wf_project__2 {
    background: #fafafa;
    padding-bottom: 0;
}

.wf_project__2 .shell {
	max-width: 100%;
	padding: 4rem 1.3rem;
	position: relative;
}

@media (min-width: 480px) {

	.wf_project__2 .shell {
		padding: 7rem 4rem;
	}
}

@media (min-width: 990px) {

	.wf_project__2 .shell {
		padding: 7rem 4rem 7rem 14rem;
		display: -ms-flexbox;
		display: flex;
	}
}

.wf_project__2 .shell .l {
	position: relative;
	margin-bottom: 10rem;
}

@media (min-width: 990px) {

	.wf_project__2 .shell .l {
		margin-bottom: 0;
		width: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
}

.wf_project__2 .shell .r h2 {
	font-size: 3.5rem;
	font-weight: 900;
	text-align: center;
}

@media (min-width: 990px) {

	.wf_project__2 .shell .r h2 {
		margin: 0 auto 2.6rem auto;
	}
}

.wf_project__2 .shell .r p {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 300;
	line-height: 2.5rem;
	margin-bottom: 0;
}

@media (min-width: 990px) {

	.wf_project__2 .shell .r p {
		margin: 0 auto;
		font-size: 1.8rem;
		line-height: 3.06rem;
	}
}

@media (min-width: 990px) {

	.wf_project__2 .shell .r h2, .wf_project__2 .shell .r p {
		max-width: 52rem;
		width: 80%;
		text-align: left;
	}
}

@media (min-width: 990px) {

	.wf_project__2 .shell .r {
		width: 50%;
		padding: 3rem 0;
	}
}

.wf_project__2 .shell .small_img {
	position: absolute;
	z-index: 10;
	width: 31%;
	left: 0;
	bottom: -4.1rem;
}

@media (min-width: 480px) {

	.wf_project__2 .shell .small_img {
		left: -2.3rem;
	}
}

@media (min-width: 990px) {

	.wf_project__2 .shell .small_img {
		left: -8.5rem;
		width: 30%;
	}
}

@media (min-width: 1020px) {

	.wf_project__2 .shell .small_img {
		bottom: -4rem;
	}
}

@media (min-width: 1100px) {

	.wf_project__2 .shell .small_img {
		bottom: -10.1rem;
	}
}

.wf_project__main {
    position: relative;
    margin: 0 auto;
    margin-top: 3.5rem;
    padding-top: 0;
}

.wf_project__main>.img {
	position: absolute;
	max-width: 80rem;
	width: 50%;
	top: 0;
	right: 0;
}

.wf_project__main .shell {
	padding: 0;
	position: relative;
	z-index: 20;
	width: 90%;
	max-width: 120rem;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 60% 40%;
	    grid-template-columns: 60% 40%;
	-ms-flex-align: start;
	    align-items: start;
}

.wf_project__main .shell h3 {
	font-size: 3.1rem;
	font-weight: 900;
	margin-bottom: 1.6rem;
	line-height: 3.1rem;
	text-align: center;
	position: relative;
	z-index: 10;
}

@media (min-width: 480px) {

	.wf_project__main .shell h3 {
		margin-bottom: 2.6rem;
		font-size: 4.2rem;
		line-height: 4.2rem;
	}
}

.wf_project__main .shell p {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 300;
	line-height: 2.5rem;
	margin-bottom: 1.7rem;
}

@media (min-width: 990px) {

	.wf_project__main .shell p {
		font-size: 1.8rem;
		line-height: 3.06rem;
	}
}

@media (min-width: 990px) {

	.wf_project__main .shell p {
		text-align: left;
		font-size: 1.4rem;
	}
}

.wf_project__main .shell .top {
	padding-bottom: 3.5rem;
	-ms-grid-column-span: 2;
	-ms-grid-column: 1;
	    grid-column: 1 / span 2;
}

.wf_project__main .shell>.img-wf-pr-bg {
	width: 100%;
}

@media (min-width: 990px) {

	.wf_project__main .shell>.img-wf-pr-bg:nth-of-type(2) {
		-ms-grid-row-span: 2;
		-ms-grid-row: 2;
		    grid-row: 2 / span 2;
		-ms-grid-column-span: 1;
		-ms-grid-column: 1;
		    grid-column: 1 / span 1;
	}
}

.wf_project__main .shell>.img-wf-pr-bg:nth-of-type(3) {
	margin-top: 2.5rem;
}

@media (min-width: 990px) {

	.wf_project__main .shell>.img-wf-pr-bg:nth-of-type(3) {
		-ms-grid-row-span: 1;
		-ms-grid-row: 2;
		    grid-row: 2 / span 1;
		-ms-grid-column-span: 1;
		-ms-grid-column: 2;
		    grid-column: 2 / span 1;
	}
}

.wf_project__main__bot {
    margin: 0 auto;
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
        grid-column: 1 / span 2;
    margin-top: 4rem;
}

@media (min-width: 990px) {

	.wf_project__main__bot {
		-ms-grid-row-span: 1;
		-ms-grid-row: 3;
		    grid-row: 3 / span 1;
		-ms-grid-column-span: 1;
		-ms-grid-column: 2;
		    grid-column: 2 / span 1;
		z-index: 20;
		width: 90%;
		margin: 0 0 0 auto;
	}
}

@media (min-width: 480px) {

	.wf_project__main__bot h3 {
		margin-bottom: 2.6rem;
		font-size: 4.2rem;
		line-height: 4.2rem;
	}
}

@media (min-width: 990px) {

	.wf_project__main__bot h3 {
		text-align: left;
		font-size: 3.1rem;
	}
}

.wf_project__main__bot .wf_project__more>div {
	margin-bottom: 3.7rem;
}

.wf_project__main__bot .wf_project__more>div .btn-4 {
	margin: 0 auto;
}

.wf_project__main__bot .wf_project__more>div:nth-child(1) {
	max-width: 100%;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	    flex-flow: column;
	-ms-flex-align: center;
	    align-items: center;
}

@media (min-width: 990px) {

	.wf_project__main__bot .wf_project__more>div:nth-child(1) {
		-ms-flex-align: start;
		    align-items: start;
		margin-left: auto;
	}

	.wf_project__main__bot .wf_project__more>div:nth-child(1) h3 {
		text-align: left;
	}
}

.wf_project__main__bot .wf_project__cta {
	padding: 3rem 2rem;
	background: #15b2bc;
	background-image: linear-gradient(-91deg,#148fc0 0%,#16d4b8 42%,#148fc0 100%);
	overflow: hidden;
	border-radius: 1rem;
}

.wf_project__main__bot .wf_project__cta p {
	font-size: 3rem;
	color: #FFF;
	line-height: 1.1em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-flow: column;
	    flex-flow: column;
	margin-bottom: 0;
	padding-bottom: 0;
}

.wf_project__main__bot .wf_project__cta p span {
	font-size: 0.7em;
	font-weight: 300;
	margin-bottom: 1rem;
}

@media (min-width: 1200px) {

	.wf_project__main__bot .wf_project__cta p span {
		font-size: 2.8rem;
		line-height: 1.2em;
	}
}

.wf_project__main__bot .wf_project__cta p strong {
	text-align: center;
	font-weight: 900;
	padding-bottom: 2rem;
}

@media (min-width: 1200px) {

	.wf_project__main__bot .wf_project__cta p strong {
		font-size: 3.5rem;
		line-height: 1.2em;
	}
}

.btn-3 {
    display: block;
    border-radius: 5rem;
    border: solid 0.1rem #000;
    padding: 1.2rem 1.3rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition: all 0.3s;
    color: #000;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	background: none;
}

.btn-3 svg {
	position: relative;
	top: 0.1rem;
}

.btn-3:hover {
	border-color: #5CE0D8;
	color: #5CE0D8;
}

.btn-3:hover svg {
	stroke: #5CE0D8;
	fill: #5CE0D8;
}

.btn-4 {
    display: block;
    background: linear-gradient(160deg,#7544f3 0%,#f8376a 100%);
    color: #FFF;
    border-radius: 4rem;
    font-weight: 600;
    padding: 1.5rem 2.9rem;
    box-shadow: 0 7px 21px 0 rgba(255,255,255,40%);
    line-height: 1em;
    font-size: 2.1rem;
    transition: none;
}

.btn-4:hover {
	background: #f8376a;
	color: #FFF;
}

.img-wf-pr-bg {
    box-shadow: 0 0px 0px 6px rgba(255,255,255,53%),inset 0 3px 5px 0 rgba(0,0,0,48%),0 13px 35px 0 rgba(151,151,151,34%);
    border-radius: 0.5rem;
}

.img-wf-pr-bg img {
	width: 100%;
	height: auto;
}

@media (min-width: 1200px) {

	.img-wf-pr-bg {
		box-shadow: 0 0px 0px 11px rgba(255, 255, 255, 53%), inset 0 3px 6px 0 rgba(0, 0, 0, 48%), 0 16px 46px 0 rgba(151, 151, 151, 65%);
	}
}

/* Промени направени горе 20:04:2024 ==================================================== */

.wf_project__intro .play {
    display: block;
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.7);
    transition: transform 0.3s;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 50;
}

.wf_project__intro .play:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.wf_project__intro .play svg {
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #000;
}

.single-project .top_video {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    padding: 5rem 0;
}

.single-project .top_video > div {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

.single-project .top_video video,
.single-project .top_video iframe {
    width: 100%;
    height: 100%;
}

.single-project .top_video__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    display: block;
    width: 4rem;
    height: 4rem;
    transition: transform 0.3s;
    z-index: 100;
}

.single-project .top_video__close:hover {
    transform: scale(1.2);
}

.single-project .top_video__close::before,
.single-project .top_video__close::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: rgba(255, 255, 255, 0.8);
}

.single-project .top_video__close::before {
    width: 100%;
    height: 0.3rem;
}

.single-project .top_video__close::after {
    height: 100%;
    width: 0.3rem;
}

.single-project .top_video.open {
    visibility: visible;
    opacity: 1;
    animation: 0.3s 1 video-fade-in;
}

@keyframes video-fade-in {
    0% {
        opacity: 0;
        transform: scale(0.8);
        visibility: hidden;
    }
    
    100% {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
}

.single-project .top_video.close {
    visibility: hidden;
    opacity: 0;
    animation: 0.3s 1 video-fade-out;
}

@keyframes video-fade-out {
    0% {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
    
    100% {
        opacity: 0;
        transform: scale(1.2);
        visibility: hidden;
    }
}

/* Промени направени горе 26:04:2024 ==================================================== */

.wf_project__intro {
    --progress: 0;
}

.single-project .wf_project__intro img {
    transform: translate(-50%, calc(-50% + 30% * var(--progress)));
}

.wf_project__2 {
    --progress: 1;
}

.wf_project__2 .shell .small_img {
    transform: translate(calc(-100% + 100% * var(--progress)), 0);
}

.wf_project__main {
    --progress: 1;
}

.wf_project__main .shell>.img-wf-pr-bg:nth-of-type(3) {
    transform: translate(0, calc(100% - 100% * var(--progress)));
}

.wf_project__main>.img {
    --progress: 1;
}

.wf_project__main>.img img {
    transform: translate(calc(90% - 90% * var(--progress)), 0);
}

.wf_project__main__bot {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* -------------------------- *\
    .wf_video_1
\* -------------------------- */

.wf_video_1 { 
	position: relative;
}

@media (min-width: 768px) {

	.wf_video_1 div.shell {
		max-width: calc(100vw - 23rem);
	}
}

@media (min-width: 1200px) {

	.wf_video_1 div.shell {
		max-width: 90rem;
	}
}

.wf_video_1 a {
	position: relative;
	display: block;
}

.wf_video_1 a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .4);
	transition: .3s all;
}

/*.play_image {
            @mixin trce;
            z-index: 10;
            max-width: 15rem;
            padding: 0;
            margin: 0;
            transition: .3s all;
        }*/

.wf_video_1 a .play_btn {
	display: block;
	width: 10rem;
	height: 10rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #5CE0D8;
	border-radius: 50%;
	z-index: 100;
	transition: transform 0.3s;
}

@media (max-width: 767px) {

	.wf_video_1 a .play_btn {
		width: 6rem;
		height: 6rem;
	}
}

.wf_video_1 a .play_btn:before,
            .wf_video_1 a .play_btn:after {
	content: "";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
}

.wf_video_1 a .play_btn:before {
	border-left: 2.5rem solid #1D262D;
	border-top: 1.5rem solid rgba(0,0,0,0);
	border-right: 2.5rem solid rgba(0,0,0,0);
	border-bottom: 1.5rem solid rgba(0,0,0,0);
	z-index: 10;
	top: 50%;
	left: calc(50% + 1.5rem);
}

@media (max-width: 767px) {

	.wf_video_1 a .play_btn:before {
		border-left: 1.5rem solid #1D262D;
		border-top: 1rem solid rgba(0,0,0,0);
		border-right: 1.5rem solid rgba(0,0,0,0);
		border-bottom: 1rem solid rgba(0,0,0,0);
		left: calc(50% + 1rem);
	}
}

.wf_video_1 a .play_btn:after {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: rgba(92,224,216, 0.5);
	border-radius: 50%;
	animation: 2s infinite play-btn;
}

/*.play_image {
                transform: translate(-50%, -50%) scale(1.2);
            }*/

.wf_video_1 a:hover .play_btn {
	transform: translate(-50%, -50%) scale(1.2);
}

.wf_video_1 a:hover:after {
	background: rgba(0,0,0, .3);
}

@keyframes play-btn {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5);
    }
}

/* -------------------------- *\
    .fixed_vid
\* -------------------------- */

.fixed_vid { 
	
 }

body header,
body .side,
body .lang-menu {
    transition: all 0.5s;
}

body.wf_vid_open {
    overflow: hidden;
}

body.wf_vid_open .side--right,
body.wf_vid_open .lang-menu {
    transform: translate(100%, 0);
    opacity: 0;
}

body.wf_vid_open .side--left {
    transform: translate(-100%, 0);
    opacity: 0;
}

body.wf_vid_open header {
    transform: translate(0, -100%);
    opacity: 0;
}

.fixed_vid {
    position: fixed;
    bottom: 2rem;
    bottom: 17rem;
    right: 2rem;
    width: 10rem;
    height: 10rem;
    transition: all 1s;
    z-index: 1500;
}

.fixed_vid .watch,
.fixed_vid .close {
    position: absolute;
    z-index: 20;
    color: #000;
    background: #FFF;
    display: block;
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
    transition: transform 0.2s, opacity 0.5 ease 1s;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 1.5rem;
    font-weight: 600;
}

.fixed_vid .close:hover {
    transform: scale(1.2);
}

.fixed_vid .watch {
    bottom: 2rem;
    left: 0;
    transform: translate(-50%, 0);
    visibility: visible;
    opacity: 1;
}

.fixed_vid .watch:hover {
    transform: translate(-50%, 0) scale(1.2);
}

.fixed_vid .close {
    top: 2rem;
    right: 2rem;
    visibility: hidden;
    opacity: 0;
}

.fixed_vid .cont {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
    border-radius: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.fixed_vid .vid {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hodden;
}

.fixed_vid .vid:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.fixed_vid .vid video {
    width: 100%;
    height: 100%;
    transform: scale(3);
    transition: all 1s;
}

.fixed_vid.ex {
    width: 100vw;
    height: 100vh;
    bottom: 0 !important;
    right: 0;
}

.fixed_vid.ex .watch {
    visibility: hidden;
    opacity: 0;
}

.fixed_vid.ex .cont {
    cursor: unset;
    -webkit-user-select: unset;
       -moz-user-select: unset;
        -ms-user-select: unset;
            user-select: unset;
}

.fixed_vid.ex .close {
    visibility: visible;
    opacity: 1;
}

.fixed_vid.ex .vid video {
    transform: scale(1);
}

.fixed_vid.ex .vid:before {
    content: none;
}

.fixed_vid.hid {
    transform: scale(0);
}

.fixed_vid.hid .watch {
    opacity: 0;
}

/* -------------------------- *\
    .customizer
\* -------------------------- */

.wf_video_1 .shell {
 max-width: 900px;
}

.wf_video_1 .shell .play_image {
 max-width: 15%;
}

.wf_video_1 .title {
 font-size: 2.5rem;
 margin-bottom: 2rem;
}

@media (min-width: 768px) {
 .wf_video_1 .title {
  font-size: 3.5rem;
  margin-bottom: 2rem;
 }
}

.wf_phone_2 {
//display: none;
}

@media (min-width: 768px) {
 .wf_phone_2 {
  display: block;
  position: fixed;
  bottom: 0; right: 0;
  height: 10rem;
  width: 10rem;
  background: red;
 }
}

.side .projects {
 width: 25.5rem;
 font-size: 2.5rem;
 color:  #fff;
}

.side .projects svg {
 fill: #5CE0D8;
}

/* -------------------------- *\
    .webfactor-text-images
\* -------------------------- */

.webfactor-text-images .title {
 max-width: 105.9rem;
}

@media (min-width: 768px) {

 .webfactor-text-images .title {
  margin-left: 5rem;
  line-height: 10.9rem;
 }
}

@media (min-width: 768px) {

 .webfactor-text-images .shell {
  padding: 0;
 }
}

.webfactor-text-images .shell div:first-child {
 margin-bottom: 12.5rem;
}

.webfactor-text-images .shell div:first-child p {
 max-width: 108.8rem;
 font-size: 1.8rem;
 line-height: 2.9rem;
 font-weight: 300;
 color: #1D252D;
 margin: 0 auto 5rem auto;
}

@media (min-width: 768px) {

 .webfactor-text-images .shell div:first-child p {
  font-weight: 400;
 }
}

.webfactor-text-images .shell div:nth-child(2) {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 3.3rem;
 -ms-flex-pack: center;
 justify-content: center;
 background: #1D252D;
 position: relative;
 padding: 0 calc(45% - 54.4rem) 7rem calc(45% - 54.4rem);
}

@media (min-width: 768px) {

 .webfactor-text-images .shell div:nth-child(2) {
  gap: 9.3rem;
 }
}

.webfactor-text-images .shell div:nth-child(2):before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 14.5rem;
 z-index: 0;
 background: #fff;
}

@media (min-width: 768px) {

 .webfactor-text-images .shell div:nth-child(2):before {
  height: 28.5rem;
 }
}

.webfactor-text-images .shell div:nth-child(2) img {
 display: block;
 position: relative;
 z-index: 10;
}

.webfactor-text-images .shell div:nth-child(2)>div {
 width: 100%;
}

.webfactor-text-images .shell div:nth-child(2)>div>a {
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 display: block;
 font-weight: 600;
 font-size: 1.8rem;
 line-height: 2.4rem;
 color: #fff;
 text-transform: uppercase;
 margin: 0 auto;
 position: relative;
 padding-right: 5.5rem;
}

.webfactor-text-images .shell div:nth-child(2)>div>a:before {
 content: "";
 position: absolute;
 top: calc(50% - 0.2rem);
 right: 0;
 display: block;
 width: 3.5rem;
 height: 0.3rem;
 background: #5CE0D8;
}

.webfactor-text-images .shell div:nth-child(2)>div>a:after {
 content: "";
 position: absolute;
 width: 0;
 height: 0;
 right: 0;
 top: 50%;
 border-right: solid 0.3rem #5CE0D8;
 border-top: solid 0.3rem #5CE0D8;
 transform: translate(0, -50%) rotate(45deg);
 transition: all 0.2s;
}

.webfactor-text-images .shell div:nth-child(2)>div>a:hover:after {
 width: 1.3rem;
 height: 1.3rem;
}

/* -------------------------- *\
    .webfactor-big-small-shell
\* -------------------------- */

.webfactor-big-small-shell.text-img-block .shell--small {
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 100%;
 grid-template-columns: 100%;
 gap: 2rem;
}

@media (min-width: 768px) {

 .webfactor-big-small-shell.text-img-block .shell--small {
  max-width: 100%;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding: 0 8rem;
 }
}

@media (min-width: 1024px) {

 .webfactor-big-small-shell.text-img-block .shell--small {
  gap: 4rem;
 }
}

@media (min-width: 1400px) {

 .webfactor-big-small-shell.text-img-block .shell--small {
  -ms-grid-columns: calc(61% - 3rem) calc(39% - 3rem);
  grid-template-columns: calc(61% - 3rem) calc(39% - 3rem);
  column-gap: 6rem;
  row-gap: 10.5rem;
  padding: 0 9.5rem 0 0;
  -ms-grid-column-align: end;
  justify-items: end;
 }
}

.webfactor-big-small-shell.text-img-block .shell--small>div {
 max-width: 67.1rem;
}

.webfactor-big-small-shell.text-img-block .shell--small>div.special {
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center;
}

.webfactor-big-small-shell.text-img-block .shell--small>div.special--logo {
 display: -ms-flexbox;
 display: flex;
 position: relative;
 overflow: hidden;
 max-width: 100%;
 width: 100%;
 padding: 2rem;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-flow: column;
 flex-flow: column;
}

@media (min-width: 1024px) {

 .webfactor-big-small-shell.text-img-block .shell--small>div.special--logo {
  padding: 4.2rem 8rem 4.2rem 8rem;
 }
}

@media (min-width: 1400px) {

 .webfactor-big-small-shell.text-img-block .shell--small>div.special--logo {
  padding: 4.2rem 8rem 4.2rem 17.8rem;
  -ms-flex-flow: row;
  flex-flow: row;
 }
}

.webfactor-big-small-shell.text-img-block .shell--small>div.special--logo>* {
 position: relative;
 z-index: 10;
}

.webfactor-big-small-shell.text-img-block .shell--small>div.special--logo:before {
 content: "";
 display: block;
 height: 100%;
 width: 92.3rem;
 position: absolute;
 left: 0;
 top: 0;
 background: #8E8E8E;
 opacity: 0.03;
 z-index: 0;
}

.webfactor-big-small-shell.text-img-block .shell--small>div.special--logo .vertical {
 font-size: 3.6rem;
 line-height: 4.9rem;
 text-transform: uppercase;
}

@media (min-width: 1400px) {

 .webfactor-big-small-shell.text-img-block .shell--small>div.special--logo .vertical {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(4vw, -50%) rotate(-90deg);
 }
}

.webfactor-big-small-shell.text-img-block .shell--small>div.special--logo .vertical:before {
 content: "";
 display: block;
 height: 0.3rem;
 width: 13.5rem;
 position: absolute;
 bottom: -0.5rem;
 left: 50%;
 background: #5CE0D8;
 transform: translateX(-50%);
}

.webfactor-big-small-shell .title {
 line-height: 1.09;
 letter-spacing: -0.168rem;
}

.webfactor-big-small-shell p {
 font-size: 1.8rem;
 line-height: 2.9rem;
 font-weight: 300;
 color: #1D252D;
}

.webfactor-big-small-shell p:last-of-type {
 margin-bottom: 0;
}

@media (min-width: 430px) {

 .webfactor-big-small-shell p {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 400;
 }
}

@media (min-width: 768px) {

 .webfactor-big-small-shell + .webfactor-big-small-shell {
  padding-top: 0;
 }
}

/* -------------------------- *\
    .webfactor-faq-section
\* -------------------------- */

.webfactor-faq-section {
 max-width: 100%;
 padding: 1rem;
}

@media (min-width: 1024px) {

 .webfactor-faq-section {
  padding: 5rem;
 }
}

.webfactor-faq-section .shell>div {
 max-width: 123rem;
 margin: 0 auto;
}

.webfactor-faq-section .faq-item {
 margin-bottom: 2rem;
}

@media (min-width: 1024px) {

 .webfactor-faq-section .faq-item {
  margin-bottom: 9rem;
 }
}

.webfactor-faq-section .faq-item .head {
 display: block;
 position: relative;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 font-weight: 500;
 margin: 0;
 font-size: 1.8rem;
 padding: 0 2rem 0.5rem 0;
}

@media (min-width: 370px) {

 .webfactor-faq-section .faq-item .head {
  padding-right: 7rem;
 }
}

@media (min-width: 1024px) {

 .webfactor-faq-section .faq-item .head {
  font-weight: 800;
  font-size: 3rem;
  padding-right: 13.5rem;
 }
}

.webfactor-faq-section .faq-item .head>span {
 width: 1.5rem;
 height: 1.5rem;
 position: absolute;
 right: 0;
 top: 0;
 display: none;
}

@media (min-width: 1024px) {

 .webfactor-faq-section .faq-item .head>span {
  width: 3.6rem;
  height: 3.6rem;
 }
}

.webfactor-faq-section .faq-item .head>span:before,
.webfactor-faq-section .faq-item .head>span:after {
 content: "";
 display: block;
 width: 100%;
 height: 0.3rem;
 position: absolute;
 left: 50%;
 top: 50%;
 background:#5CE0D8;
 transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {

 .webfactor-faq-section .faq-item .head>span:before,
 .webfactor-faq-section .faq-item .head>span:after {
  height: 0.6rem;
 }
}

.webfactor-faq-section .faq-item .head>span:before {
 transform: translate(-50%, -50%) rotate(90deg);
 transition: width 0.2s;
}

.webfactor-faq-section .faq-item .hid {
 overflow: hidden;
 transition: height 0.5s;
}

.webfactor-faq-section .faq-item .cont {
 padding-top: 1rem;
 position: relative;
 padding-top: 1rem;
}

.webfactor-faq-section .faq-item .cont p {
 font-size: 1.6rem;
 font-weight: 300;
 opacity: 0.7;
 padding-right: 1rem;
}

@media (min-width: 370px) {

 .webfactor-faq-section .faq-item .cont p {
  padding-right: 7rem;
 }
}

@media (min-width: 1024px) {

 .webfactor-faq-section .faq-item .cont p {
  font-weight: 500;
  font-size: 2rem;
  padding-right: 13.5rem;
 }
}

.webfactor-faq-section .faq-item.js-active .head span {
 display: block;
}

.webfactor-faq-section .faq-item.js-active .cont {
 top: 50%;
 transform: translateY(-50%);
}

@media (min-width: 1024px) {

 .webfactor-faq-section .faq-item.js-active .cont {
  padding-top: 6rem;
 }
}

.webfactor-faq-section .faq-item.ex .head span:before {
 width: 0;
}

/* -------------------------- *\
    .webfactor-difference
\* -------------------------- */

.webfactor-difference {
 position: relative;
 width: 100%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: end;
 justify-content: end;
}

.webfactor-difference>svg {
 position: absolute;
 z-index: 10;
 fill: #1D252D;
}

.webfactor-difference>svg.cham {
 width: 16.3rem;
 height: 16.8rem;
 left: 14%;
 top: 66%;
 fill: #1D252D;
 opacity: 0.7;
}

@media (max-width: 1024px) {

 .webfactor-difference>svg.cham {
  left: 74%;
 }
}

@media (max-width: 768px) {

 .webfactor-difference>svg.cham {
  opacity: 0.1;
  left: 60%;
  top: 50%;
 }
}

@media (max-width: 1024px) {

 .webfactor-difference>svg.con1,
 .webfactor-difference>svg.con2,
 .webfactor-difference>svg.fw1,
 .webfactor-difference>svg.fw2,
 .webfactor-difference>svg.fw3 {
  display: none;
 }
}

.webfactor-difference>svg.con1 {
 width: 5.1rem;
 height: 5.1rem;
 left: 27.4rem;
 top: 30%;
 transform: scale(-1, 1);
 opacity: 0.2;
}

.webfactor-difference>svg.con2 {
 width: 6.5rem;
 height: 6.5rem;
 left: 82.2rem;
 top: 45%;
 opacity: 0.2;
}

.webfactor-difference>svg.fw1 {
 width: 3.7rem;
 height: 3.7rem;
 left: 51.3rem;
 top: 55%;
 opacity: 0.2;
}

.webfactor-difference>svg.fw2 {
 width: 5.1rem;
 height: 5.1rem;
 left: 88.9rem;
 top: 12%;
 opacity: 0.2;
}

.webfactor-difference>svg.fw3 {
 width: 2.9rem;
 height: 2.9rem;
 left: 73.3rem;
 top: 77%;
 opacity: 0.2;
}

.webfactor-difference .shell {
 max-width: 160.5rem;
 position: relative;
 margin: 0;
}

@media (min-width: 768px) {

 .webfactor-difference .shell {
  padding: 4.1rem 7rem 5rem 1rem;
  margin-left: 9rem;
 }
}

@media (min-width: 1024px) {

 .webfactor-difference .shell {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 4.2rem;
  padding-right: 16.5rem;
 }
}

@media (min-width: 1600px) {

}

.webfactor-difference .shell:before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: #5CE0D8;
 opacity: 0.07;
}

@media (min-width: 1024px) {

 .webfactor-difference .title {
  width: 49%;
  margin-top: 2.4rem;
  margin-bottom: 0;
 }
}

@media (min-width: 1200px) {

 .webfactor-difference .title {
  margin-top: 2.6rem;
 }
}

@media (min-width: 1366px) {

 .webfactor-difference .title {
  width: calc(50% - 5rem);
 }
}

@media (min-width: 1024px) {

 .webfactor-difference .b {
  width: 49%;
 }
}

@media (min-width: 1366px) {

 .webfactor-difference .b {
  width: calc(50% - 5rem);
 }
}

.webfactor-difference q {
 position: relative;
 z-index: 10;
 display: block;
 font-size: 1.7rem;
 line-height: 2.8rem;
 margin-bottom: 2rem;
 font-weight: 300;
 padding-left: 2rem;
}

@media (min-width: 430px) {

 .webfactor-difference q {
  font-size: 2rem;
 }
}

@media (min-width: 768px) {

 .webfactor-difference q {
  font-size: 2.1rem;
  line-height: 3.6rem;
  margin-bottom: 3rem;
  padding-left: 3rem;
 }
}

@media (min-width: 1024px) {

 .webfactor-difference q {
  padding-left: 0;
 }
}

@media (min-width: 1200px) {

 .webfactor-difference q {
  margin-bottom: 11rem;
 }
}

.webfactor-difference abbr {
 position: relative;
 z-index: 10;
 font-size: 2.4rem;
 line-height: 3.3rem;
 font-weight: 800;
 display: block;
 text-decoration: none;
}

.webfactor-difference abbr + abbr {
 font-size: 1.8rem;
 line-height: 2.4rem;
 color: #5CE0D8;
 margin-top: 1rem;
 font-weight: 600;
}

/* -------------------------- *\
    BULTAG Base
\* -------------------------- */

html {
 font-size: 62.5%;
}

@media (max-width: 767px) {

 html {
  overflow-x: hidden;
 }
}

body.burg-bg--open {
 overflow: hidden;
}

main {
 padding-top: 0;
}

@media (min-width: 1200px) {

 main {
  padding-top: 18rem;
 }
}

a {
 color: #ECECEC;
 text-decoration: none;
 transition: .3s;
}

a:hover {
 color: #5CE0D8;
 cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 3rem; line-height: 1.3; font-weight: 400; }

h1 { font-size: 4rem; }

h2 { font-size: 3rem; }

h3 { font-size: 2.4rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.6rem; }

h6 { font-size: 1.4rem; }

@media(max-width: 330px){
 h1, h2 {
  font-size: 3rem;
 }
}

blockquote,
dl,
ol,
p,
table,
ul {
 margin-bottom: 1.3em;
}

nav li {
 list-style-type: none;
}

img { max-width: 100%; height: auto; vertical-align: middle; }

.lang-menu ul li + li {
 margin-top: 10px;
}

/* kirilov modifications 24.5.2024 */

@media(min-width: 768px){
 .fixed_phone {
  right: auto;
  left: 0rem
 }

 .side .projects {
  bottom: -1.5rem
 }
}

.breadcrumbs span { color: #000; }

p a {
 color: #000;
 text-decoration: underline;
}

.link_3 { color: #245956; }

.af a {
 color: #fff;
}

/* Accessibility: ensure .link contrast inside dark testimonials background (#1D262D) */
.webfactor_testimonials .b .link {
	color: #5CE0D8 !important;
}

.webfactor_testimonials .b .link:hover {
	color: #fff !important;
}