.h--boab{padding-top:200px;}
.h--boab .content{padding:0}
.h--boab .content .boab-title{color:#4D4D4D}
.h--boab .content .boab-negation{margin:120px 0;color:#4D4D4D}
.h--boab .content .boab-negation h1,.h--boab .content .boab-negation h4{display:inline-block}
.h--boab .content .boab-process{margin-left: -1.5rem;margin-right: -1.5rem;height:2000px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.h--boab .content .boab-process .p-content {margin-right: -3rem;}
.h--boab .content .boab-process .p-content.slide-animation{display:grid;grid-template-columns:1fr}
.h--boab .content .boab-process .p-content.slide-animation .c__slide-title{grid-row:1 / -1;grid-column:1 / -1}
.h--boab .content .boab-process .p-content .c__slide-title{
	position:sticky;top:25%;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	position: -webkit-sticky;}
.h--boab .content .boab-process .p-content .c__slide-title.c__slide--mobile{display:none !important;opacity:0;filter:alpha(opacity=0);position:relative;grid-row:auto;margin-bottom:25px}
.h--boab .content .boab-process .p-content .c__slide-title .s__title{text-align:left;margin-bottom:0px;color:#303C6C;line-height:4.6875rem;margin-top:50px;margin-bottom:8px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;padding-bottom:16px}
.h--boab .content .boab-process .p-content .c__slide-title .s__title:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:35px;opacity:1;filter:alpha(opacity=100);border-bottom:3px solid #d93128}
.h--boab .content .boab-process .p-content .c__slide-title .s__title .t-text{position:relative;display:inline-block;z-index:2;vertical-align:middle}
.h--boab .content .boab-process .p-content .c__slide-title .s__title .t-number{font-size:5rem;line-height:4.6875rem;font-family:"Open Sans",sans-serif;font-weight:700;opacity:1;filter:alpha(opacity=100);color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#999;display:inline-block;margin-left:-25px;z-index:1;vertical-align:middle;opacity:.5;filter:alpha(opacity=50);-webkit-text-stroke-width:2px;margin-top:-10px}
.h--boab .content .boab-process .p-content .c__slide-title{opacity:0;filter:alpha(opacity=0);-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transform:translateY(-15%);-o-transform:translateY(-15%);-ms-transform:translateY(-15%);-webkit-transform:translateY(-15%);transform:translateY(-15%)}
.h--boab .content .boab-process .p-content .c__slide-title.title-active{z-index:1;opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.h--boab .content .boab-process .svg__wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;opacity:0;filter:alpha(opacity=0);-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}
.h--boab .content .boab-process .svg__wrapper .svg{height:50%;position: absolute;top:0;left:0;overflow: visible;}
.h--boab .content .boab-process .svg__wrapper .st {transform: scale(2);-moz-transform-origin:47% 50%;-o-transform-origin:47% 50%;-ms-transform-origin:47% 50%;-webkit-transform-origin:47% 50%;transform-origin:47% 50%;-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}
.h--boab .content .boab-process .svg__wrapper .line {-moz-transform-origin:47% 50%;-o-transform-origin:47% 50%;-ms-transform-origin:47% 50%;-webkit-transform-origin:47% 50%;transform-origin:47% 50%;-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}
.h--boab .content .boab-process .svg__wrapper .point {-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}
.h--boab .content .boab-process .svg__wrapper.animation-state--0 .st {transform: translateX(41%) translateY(95.5%) scale(2);}
.h--boab .content .boab-process .svg__wrapper.animation-state--1 .st {transform: translateX(52%) translateY(71%) scale(2);}
.h--boab .content .boab-process .svg__wrapper.animation-state--2 .st {transform: translateX(56.2%) translateY(45.2%) scale(2);}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .st {transform: translateX(56%) translateY(21.7%) scale(2);}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 #point1 {transform: translateX(-22.1%);}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 #point2 {transform: translateX(19.9%);}
.h--boab .content .boab-process .svg__wrapper #line2 {visibility: hidden;}
.h--boab .content .boab-process .svg__wrapper #line3 {visibility: hidden;}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 #line1 {transform: translateX(19.9%);}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 #line2 {visibility: visible;transform: translateX(2.1%) translateY(-42%) rotate(60deg);}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 #line3 {visibility: visible;transform: translateX(-14.8%) translateY(13.5%)}
.h--boab .content .boab-process .svg__wrapper .line{-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transform-origin:left;-o-transform-origin:left;-ms-transform-origin:left;-webkit-transform-origin:left;transform-origin:left;-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);fill:none;stroke:#e54342;stroke-linecap:round;stroke-width:1px;}
.h--boab .content .boab-process .svg__wrapper .point{fill:#e54342}
.h--boab .content .boab-process .svg__wrapper .middle{opacity:0;filter:alpha(opacity=0);-moz-transform:translate(-5%, 0);-o-transform:translate(-5%, 0);-ms-transform:translate(-5%, 0);-webkit-transform:translate(-5%, 0);transform:translate(-5%, 0);-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}
.h--boab .content .boab-process .svg__wrapper .circle_10,.h--boab .content .boab-process .svg__wrapper .circle_20,.h--boab .content .boab-process .svg__wrapper .circle_30{fill:#1283c3;-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transform-origin:47% 50%;-o-transform-origin:47% 50%;-ms-transform-origin:47% 50%;-webkit-transform-origin:47% 50%;transform-origin:47% 50%;-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}
.h--boab .content .boab-process .svg__wrapper .circle_10{opacity:.2;filter:alpha(opacity=20)}
.h--boab .content .boab-process .svg__wrapper .circle_20{opacity:.2;filter:alpha(opacity=20)}
.h--boab .content .boab-process .svg__wrapper .circle_30{opacity:.3;filter:alpha(opacity=30)}
.h--boab .content .boab-process .svg__wrapper .description--4,.h--boab .content .boab-process .svg__wrapper .description--5,.h--boab .content .boab-process .svg__wrapper .description--1,.h--boab .content .boab-process .svg__wrapper .description--2,.h--boab .content .boab-process .svg__wrapper .description--3{fill:#333;opacity:0;filter:alpha(opacity=0);-moz-transform:translate(-10%, -5%) scale(1);-o-transform:translate(-10%, -5%) scale(1);-ms-transform:translate(-10%, -5%) scale(1);-webkit-transform:translate(-10%, -5%) scale(1);transform:translate(-10%, -5%) scale(1);-moz-transform-origin:right;-o-transform-origin:right;-ms-transform-origin:right;-webkit-transform-origin:right;transform-origin:right;-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}
.h--boab .content .boab-process .svg__wrapper .description-text{-moz-transform-origin:right;-o-transform-origin:right;-ms-transform-origin:right;-webkit-transform-origin:right;transform-origin:right;-moz-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-moz-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-o-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);-webkit-transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1);fill:#4D4D4D}
.h--boab .content .boab-process .svg__wrapper.animation-state--0{opacity:1;filter:alpha(opacity=100)}
.h--boab .content .boab-process .svg__wrapper .circle_10{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}*/
.h--boab .content .boab-process .svg__wrapper.animation-state--0 .description--1{fill:#4D4D4D;opacity:1;filter:alpha(opacity=100);}
.h--boab .content .boab-process .svg__wrapper.animation-state--0 .middle{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.h--boab .content .boab-process .svg__wrapper.animation-state--1{opacity:1;filter:alpha(opacity=100)}
/*.h--boab .content .boab-process .svg__wrapper.animation-state--1 .circle_10{-moz-transform:scale(1.25);-o-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25)}*/
/*.h--boab .content .boab-process .svg__wrapper.animation-state--1 .circle_20{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}*/
.h--boab .content .boab-process .svg__wrapper.animation-state--0 .description--1{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(-.5%, -.25%) scale(1);-o-transform:translate(-.5%, -.25%) scale(1);-ms-transform:translate(-.5%, -.25%) scale(1);-webkit-transform:translate(-.5%, -.25%) scale(1);transform:translate(-.5%, -.25%) scale(1)}
.h--boab .content .boab-process .svg__wrapper.animation-state--1 .description--1{opacity:1;filter:alpha(opacity=100);fill:#4D4D4D;-moz-transform:translate(-.5%, -22.25%) scale(0.75);-o-transform:translate(-.5%, -22.25%) scale(0.75);-ms-transform:translate(-.5%, -22.25%) scale(0.75);-webkit-transform:translate(-.5%, -22.25%) scale(0.75);transform:translate(-.5%, -22.25%) scale(0.75)}
.h--boab .content .boab-process .svg__wrapper.animation-state--1 .description--2{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(0, 0) scale(1);-o-transform:translate(0, 0) scale(1);-ms-transform:translate(0, 0) scale(1);-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}
.h--boab .content .boab-process .svg__wrapper.animation-state--1 .middle{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.h--boab .content .boab-process .svg__wrapper.animation-state--2{opacity:1;filter:alpha(opacity=100)}
/*.h--boab .content .boab-process .svg__wrapper.animation-state--2 .circle_10{-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}*/
/*.h--boab .content .boab-process .svg__wrapper.animation-state--2 .circle_20{-moz-transform:scale(1.25);-o-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25)}*/
/*.h--boab .content .boab-process .svg__wrapper.animation-state--2 .circle_30{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}*/
.h--boab .content .boab-process .svg__wrapper.animation-state--2 .description--1{opacity:1;filter:alpha(opacity=100);fill:#6D6D6D;-moz-transform:translate(5%, -45.0%) scale(0.75);-o-transform:translate(5%, -45.0%) scale(0.75);-ms-transform:translate(5%, -45.0%) scale(0.75);-webkit-transform:translate(5%, -45.0%) scale(0.75);transform:translate(5%, -45.0%) scale(0.75)}
.h--boab .content .boab-process .svg__wrapper.animation-state--2 .description--2{opacity:1;filter:alpha(opacity=100);fill:#4D4D4D;-moz-transform:translate(-.5%, -22.25%) scale(0.75);-o-transform:translate(-.5%, -22.25%) scale(0.75);-ms-transform:translate(-.5%, -22.25%) scale(0.75);-webkit-transform:translate(-.5%, -22.25%) scale(0.75);transform:translate(-.5%, -22.25%) scale(0.75)}
.h--boab .content .boab-process .svg__wrapper.animation-state--2 .description--3{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(0, 0) scale(1);-o-transform:translate(0, 0) scale(1);-ms-transform:translate(0, 0) scale(1);-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}
.h--boab .content .boab-process .svg__wrapper.animation-state--2 .middle{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.h--boab .content .boab-process .svg__wrapper.animation-state--3{opacity:1;filter:alpha(opacity=100)}
/*.h--boab .content .boab-process .svg__wrapper.animation-state--3 .circle_10{-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}*/
/*.h--boab .content .boab-process .svg__wrapper.animation-state--3 .circle_20{-moz-transform:scale(1.25);-o-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25)}*/
/*.h--boab .content .boab-process .svg__wrapper.animation-state--3 .circle_30{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}*/
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .description--1{opacity:1;filter:alpha(opacity=100);fill:#9D9D9D;-moz-transform:translate(10.5%, -70.0%) scale(0.75);-o-transform:translate(10.5%, -70.275%) scale(0.75);-ms-transform:translate(10.5%, -70.275%) scale(0.75);-webkit-transform:translate(10.5%, -70.275%) scale(0.75);transform:translate(10.5%, -70.275%) scale(0.75)}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .description--2{opacity:1;filter:alpha(opacity=100);fill:#6D6D6D;-moz-transform:translate(5%, -45.0%) scale(0.75);-o-transform:translate(5%, -45.0%) scale(0.75);-ms-transform:translate(5%, -45.0%) scale(0.75);-webkit-transform:translate(5%, -45.0%) scale(0.75);transform:translate(5%, -45.0%) scale(0.75)}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .description--3{opacity:1;filter:alpha(opacity=100);fill:#4D4D4D;-moz-transform:translate(-.5%, -22.25%) scale(0.75);-o-transform:translate(-.5%, -22.25%) scale(0.75);-ms-transform:translate(-.5%, -22.25%) scale(0.75);-webkit-transform:translate(-.5%, -22.25%) scale(0.75);transform:translate(-.5%, -22.25%) scale(0.75)}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .description--4{opacity:1;filter:alpha(opacity=100);fill:#4D4D4D;-moz-transform:translate(-15.5%, 13.75%) scale(1);-o-transform:translate(-15.5%, 13.75%) scale(1);-ms-transform:translate(-15.5%, 13.75%) scale(1);-webkit-transform:translate(-15.5%, 13.75%) scale(1);transform:translate(-15.5%, 13.75%) scale(1)}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .description--5{opacity:1;filter:alpha(opacity=100);fill:#4D4D4D;-moz-transform:translate(11.5%, -.25%) scale(1);-o-transform:translate(11.5%, -.25%) scale(1);-ms-transform:translate(11.5%, -.25%) scale(1);-webkit-transform:translate(11.5%, -.25%) scale(1);transform:translate(11.5%, -.25%) scale(1)}
.h--boab .content .boab-process .svg__wrapper.animation-state--3 .middle{opacity:1;filter:alpha(opacity=100);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

.h--boab .content .boab-process .svg__wrapper.animation-state--1 .description--1 .description-text,.h--boab .content .boab-process .svg__wrapper .animation-state--2 .description--2 .description-text{-moz-transform:scale(1.15) translateY(-.8%);-o-transform:scale(1.15) translateY(-.8%);-ms-transform:scale(1.15) translateY(-.8%);-webkit-transform:scale(1.15) translateY(-.8%);transform:scale(1.15) translateY(-.8%)}

.h--boab .content .boab-process .p-image{position:sticky;top:25%;min-height:525px}
.h--boab .content .boab-process .p-image svg{width:100%;min-height:525px}
.h--boab .content .boab-process .p-image-mobile{display:none !important;margin-top:35px}
.h--boab .content .boab-process .p-image-mobile svg{width:100%;min-height:300px}
@media screen and (max-width: 351px){.h--boab .content{padding:0px 20px}
.h--boab .content .boab-negation{margin:60px 0}
.h--boab .content .boab-process{height:initial !important}
.h--boab .content .boab-process .p-content .c__slide-title{height:initial !important;position:relative;top:initial;margin-top:25px}
.h--boab .content .boab-process .p-content .c__slide-title.c__slide--mobile{display:block !important;opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.h--boab .content .boab-process .p-content .c__slide-title[data-scroll-step="0"],.h--boab .content .boab-process .p-content .c__slide-title[data-scroll-step="1"],.h--boab .content .boab-process .p-content .c__slide-title[data-scroll-step="2"],.h--boab .content .boab-process .p-content .c__slide-title.title-active{display:none !important;opacity:0;filter:alpha(opacity=0)}
.h--boab .content .boab-process .p-image{position:relative;top:initial;min-height:initial;margin-top:25px;display:none !important}
.h--boab .content .boab-process .p-image-mobile{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important}}


@media screen and (max-width: 599px){
.h--boab .content .boab-process .p-content .c__slide-title{
	position:sticky;top:40% !important;transform: translateX(40%) !important;
	margin-left: -50%; margin-right: -30%;
}
.h--boab .content .boab-process .p-image{position:sticky;top:40% !important;
	transform: translate(-50%, -65%);
}
.h--boab{padding-top:100px !important;}
}
h4 {
    font-family: poppins,sans-serif;
    font-weight: 500;
    font-size: 1.5625rem;
    line-height: 2rem;
}
.t-number {
	position: absolute;
	right: 0;
}
.t-text {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.8em;
}

 .st0{fill:#FFFFFF;stroke:#9E9E9E;stroke-width:1.0631;stroke-miterlimit:10;}
 .st1{fill:none;stroke:#9E9E9E;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;}
 .st2{fill:none;stroke:#9E9E9E;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5.6408,5.6408;}
 .st3{fill:none;stroke:#9E9E9E;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:5.6701;}

.svg__wrapper.animation-state--0 .c0{fill:none;stroke:#d93128;stroke-width:1.0631;stroke-miterlimit:10;}
.svg__wrapper.animation-state--0 .st1{fill:none;stroke:#9E9E9E;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;}
.svg__wrapper.animation-state--0 .st2{fill:none;stroke:#9E9E9E;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5.6408,5.6408;}
.svg__wrapper.animation-state--0 .st3{fill:none;stroke:#9E9E9E;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:5.6701;}
.svg__wrapper.animation-state--0 .t2{fill:#666;stroke-width:0.7088;}

.svg__wrapper.animation-state--1 .c0{fill:none;stroke:#d93128;stroke-width:1.0631;stroke-miterlimit:10;}
.svg__wrapper.animation-state--1 .p1{fill:none;stroke:#d93128;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;}
.svg__wrapper.animation-state--1 .c1{fill:none;stroke:#d93128;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;}
.svg__wrapper.animation-state--1 .t2{fill:#666;stroke-width:0.7088;}

.svg__wrapper.animation-state--2 .c0{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--2 .c1{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--2 .c2{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--2 .t2{fill:#d93128;stroke-width:0.7088;}
.svg__wrapper.animation-state--2 .p1{fill:none;stroke:#d93128;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5.6408,5.6408;}
.svg__wrapper.animation-state--2 .p2{fill:none;stroke:#d93128;stroke-width:0.7088;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:5.6701;}

.svg__wrapper.animation-state--3 .c0{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--3 .c1{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--3 .c2{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--3 .c3{fill:none;stroke:#d93128;}
.svg__wrapper.animation-state--3 .t2{fill:#d93128;stroke-width:0.7088;}
.svg__wrapper.animation-state--3 .p1{stroke:#d93128;}
.svg__wrapper.animation-state--3 .p2{stroke:#d93128;}
.svg__wrapper.animation-state--3 .p3{stroke:#d93128;}

.svg .big {	font-size: 40px; font-weight: bold;}
.svg .small { font-size:18px; }

.justify-content-center {align-content: top;}
.justify-content-center img {margin-left: auto; margin-right: auto;}

.s--portfolio{background:#fff;padding-top:38px}
.s--portfolio .container{max-width:100%;overflow:hidden; width: 100% !important;}
.s--portfolio .slider{position:relative;height:509px;width:97.5%;outline:0;margin-left:auto;margin-top:auto}
.s--portfolio .slider *,.s--portfolio .slider *:focus{outline:0}
.s--portfolio .slide__bg{position:absolute;top:109px;right:-50%;max-height:288px;height:288px;width:128%;opacity:1;filter:alpha(opacity=100);z-index:-1;-moz-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;transition:transform 1s;-moz-transform-origin:right;-o-transform-origin:right;-ms-transform-origin:right;-webkit-transform-origin:right;transform-origin:right;-moz-transform:scaleX(0.5);-o-transform:scaleX(0.5);-ms-transform:scaleX(0.5);-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}
.s--portfolio .slide__bg.bg-beige{background-color:rgba(255,223,197,0.212)}
.s--portfolio .slide__bg.bg-green{background:rgba(190,235,214,0.212)}
.s--portfolio .slide__bg.bg-red{background-color:#e5434230}
.s--portfolio .slider__slide{transform: translateX(0);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:flex-start;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;position:absolute;top:0;left:90px;right:0%;max-height:568px;height:96%;opacity:0;filter:alpha(opacity=0);z-index:0;-moz-transition:all 0.8s cubic-bezier(0.49, 0.04, 0.14, 0.21);-o-transition:all 0.8s cubic-bezier(0.49, 0.04, 0.14, 0.21);-webkit-transition:all 0.8s cubic-bezier(0.49, 0.04, 0.14, 0.21);transition:all 0.8s cubic-bezier(0.49, 0.04, 0.14, 0.21);outline:none}
.s--portfolio .slider__slide--active{z-index:1;opacity:1;filter:alpha(opacity=100);cursor:pointer}
.s--portfolio .slider__slide--active .slide__bg{display:block;-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.s--portfolio .slide__img{width:auto;height:auto;max-height:450px}
.s--portfolio .slide__info-content{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;text-align:left;padding:0;padding-right: 50px;}
.s--portfolio .slide__info-content .slide__title{margin-bottom:20px;color:#122333}
.s--portfolio .slide__info-content .slide__description{width:100%;padding:10px 0;color:#122333}
.s--portfolio .slide__info-content .slide-button{margin:20px 0}
.s--portfolio .slider__nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end;position:absolute;top:42%;left:0%;width:39px;height:95px;z-index:2}
.s--portfolio .slider__nav .slider__btn{display: flex;justify-content:center;align-items:center;padding:0;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:transparent;cursor:pointer;border:none}
.s--portfolio .slider__nav .slider__btn svg{height:39px;width:39px}
.s--portfolio .slider__nav .slider__btn path{-moz-transition:0.2s linear;-o-transition:0.2s linear;-webkit-transition:0.2s linear;transition:0.2s linear}
.s--portfolio .slider__nav .slider__btn:hover path:first-child{fill:#122333}
.s--portfolio .slider__dots-wrapper{position:absolute;bottom:0px;right:0;height:55px;padding:0 0 0 5px;z-index:5}
.s--portfolio .slider__dots-inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;height:55px;margin:auto 0;list-style-type:none}
.s--portfolio .slider__dot-element{height:75%;margin:auto 5px;cursor:pointer}
.s--portfolio .slider__dot-element--active .slider__dot-btn{background-color:#122333;border-top:solid 4px #122333}
.s--portfolio .slider__dot-element:hover .slider__dot-btn{background-color:#d93128}
.s--portfolio .slider__dot-element--active:hover .slider__dot-btn{background-color:#d93128;border-color:#d93128}
.s--portfolio .slider__dot-btn{cursor:pointer;height:2px;width:40px;background-color:#999;border:none;border-top:solid 0px transparent;-moz-transition:0.5s linear;-o-transition:0.5s linear;-webkit-transition:0.5s linear;transition:0.5s linear}
@media (min-width: 1366px){.s--portfolio .slider{width:1260px;margin:0 auto}}
@media (max-width: 767px){.s--portfolio .slider{min-height:585px;height:auto;width:100%}
.s--portfolio .slider__slide{max-height:100%;left:0}
.s--portfolio .slide__info-content{width:100%;max-width:100%;height:auto;min-height:285px;padding:0 25px;margin:0% auto;order:2;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:flex-start}
.s--portfolio .slide__bg{top:18%;right:0;height:40%;min-height:250px;width:50%}
.s--portfolio .slide__show-case{-webkit-align-self:center;-moz-align-self:center;-ms-align-self:center;align-self:center}
.s--portfolio .figure{min-height:270px;height:auto}
.s--portfolio .slide__img{max-height:250px;max-width:80%;width:auto}
.s--portfolio .slider__nav{top:85%;left:50%;height:140px;-moz-transform:translateX(-50%) rotate(90deg);-o-transform:translateX(-50%) rotate(90deg);-ms-transform:translateX(-50%) rotate(90deg);-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}
.s--portfolio .slider__nav .slider__btn svg{height:50px;width:50px}}
@media (min-width: 768px) and (max-width: 1100px){
	.s--portfolio .slide__img{max-height:350px; max-width: 100%;}
	.s--portfolio .slider {width:97%;}
	.s--portfolio .slide__info-content {padding-right: 30px;margin-left: -15px !important;}
}
@media (min-width: 1080px){
	.s--portfolio .slider__slide{transform: translateX(80px)}
	.s--portfolio .slider__slide:first-of-type{transform: translateX(-80px)}
}
@media (min-width: 600px) and (max-width: 767.98px){
	.s--portfolio .slider{min-height:575px}
	.s--portfolio .slide__bg{min-height:310px}
	.s--portfolio .figure{min-height:320px}
	.s--portfolio .slider__nav{top:86%}
}
@media (min-width: 540px) and (max-width: 767.98px){
	.s--portfolio .slider__nav{top:78%}
}


/*new effects for mobile version Kamil*/

/*case study button animation*/
.s--portfolio .slide-button .btn-text.slide__show-case{
	position: relative;
	transition: color 0.5s ease-out;
}
.s--portfolio .slide-button .btn-text.slide__show-case::after{
	content: '';
	display: block;
	height: 3px;
	background-color: #D93128;
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 0;
	transition: width 0.5s ease-out;
}
.s--portfolio .slide-button .btn-text.slide__show-case:hover {
	color: #122333;
}
.s--portfolio .slide-button .btn-text.slide__show-case:hover::after{
	left: 0;
  	width: 100%
}

@keyframes wiggle {
   50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  	}
	0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  	}
}

.s--portfolio .slide-button {
	animation: wiggle 1.5s infinite;
}
/*end of animation*/

@media screen and (max-width: 601px) {
	.s--portfolio{
		padding-top: 0;
	}
	.s--portfolio .slide__bg.bg-red{
		display: none;
	}
	.s--portfolio .container{
		overflow: unset;
	}
	.s--portfolio .slider__nav{
		bottom: 20px;
	}
	.s--portfolio .slide__info-content .slide-button{
		margin: 5px 0;
	}
	.s--portfolio .slide__info-content .slide__description p{
		margin: 0;
	}
	.s--portfolio .slide__info-content{
		min-height: unset;
	}
	.s--portfolio .slide__img{
		height: 200px;
		margin-bottom: 30px;
	}
	.s--portfolio .slider{
		min-height: 510px;
	}
}
@media screen and (max-device-width: 340px) {
	.s--portfolio .slider__nav{
		top: unset;
		bottom: -10%;
		height: 95vw;
	}
	.s--portfolio .figure{
		min-height: unset;
	}
}

/*end of new effects*/

/* <!-- How we work sections for devices below 351px --> */
.hww-small{
	margin-top: 100px;
}
.hww-small .t-number{
	font-size:5rem;
	line-height:4.6875rem;
	font-family:"Open Sans",sans-serif;
	font-weight:700;
	opacity:1;
	filter:alpha(opacity=100);
	color:transparent;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:#999;
	display:inline-block;
	margin-left:-25px;
	z-index:1;
	vertical-align:middle;
	opacity:.5;
	filter:alpha(opacity=50);
	-webkit-text-stroke-width:2px;
	margin-top:-10px
}

.hww-small .card {
	box-shadow: none;
}


@media screen and (min-width: 352px){
	.hww-small{
		display: none;
	}
}
@media screen and (max-width: 352px){
	.h--boab.hww-big{
		display: none !important;
	}
}