/* embedding special fonts */

@import url("font/fonts.css");
@import url("tiny-slider/tiny-slider.css");
@import url("css/pages/team-page.css");

html {height: 100%;-webkit-font-smoothing: subpixel-antialiased;}
body {margin:0;padding:0;color:#000;font-family: var(--main-font), sans-serif;font-weight: 500; letter-spacing: var(--main-letter-spacing); background:#fff; background-repeat:no-repeat; background-position: left top; font-size: 13px; -webkit-font-smoothing:antialiased;font-smoothing:antialiased; color: #1d1d1f}
a {color: #0059c7;}
h1, h2, h3, h4 {font-weight: bold; font-family: var(--main-font), sans-serif; }
/* input {-webkit-appearance: none;} */
h1:focus,h2:focus,h3:focus { box-shadow: 0 0px 10px #b6b4ab; outline: none}

/* Flex */
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;-moz-align-items:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex; }
.flex-center { -ms-justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;align-items:center;-moz-align-items:center;-ms-align-items:center;-webkit-align-items:center;}
.flex-align-center {align-items:center;}
.flex-align-start {align-items:flex-start}
.flex-align-end {align-items:flex-end}
.flex-align-stretch {align-items: stretch}
.flex-justify-around {justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;}
.flex-justify-between {justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;}
.flex-justify-center {justify-content: center;}
.flex-justify-evenly {justify-content:space-evenly;-webkit-justify-content:space-evenly;-moz-justify-content:space-evenly;}
.flex-justify-end {justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;}
.flex-self-end {align-self: flex-end;}
.flex-self-start {align-self: flex-start;}
.flex-vertical {flex-direction: column;}
.flex-stretch {align-items: stretch;}
.flex-wrap { flex-wrap: wrap}
.flex-basis-30 {flex-basis: 30%}
.flex-column {flex-direction: column;}
.order-1 {order: 1}
.order-2 {order: 2}
.order-3 {order: 3}
.order-4 {order: 4}
.order-5 {order: 5}
.order-6 {order: 6}
.order-7 {order: 7}
.order-8 {order: 8}
.order-9 {order: 9}
.order-10 {order: 10}

.gap2 {gap: 2px;}
.gap3 {gap: 3px;}
.gap4 {gap: 4px;}
.gap5 {gap: 5px;}
.gap6 {gap: 6px;}
.gap7 {gap: 7px;}
.gap8 {gap: 8px;}
.gap9 {gap: 9px;}
.gap10 {gap: 10px;}

.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}

/* Grid */
.grid {display: grid;}
.grid-inline {display: inline-grid;}
.row2-f1 {grid-template-rows:1fr auto;}
.row2-f2 {grid-template-rows: auto 1fr;}
.col-inline-m350 {grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));}
.col-inline-m450 {grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));}
.grid-order {display: grid;grid-template-columns: auto;grid-template-rows: auto;}


/* common styles */
.inactive {background-color: #ebebeb}
.bdisabled {background-color: #cdcdcd!important; color: #222!important; -webkit-animation: bounce-light 1.5s infinite; animation: bounce-light 1.5s infinite; background-image: none;}

span.error {display: block; background-color: red; padding: 10px 10px;  color: #fff; /*position: absolute; */top: 0;left: 0; -moz-animation: opacity .3s;-webkit-animation: opacity .3s;animation: opacity .3s; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 1em; max-width: 400px;box-sizing: border-box;}
.valid {background-color: #b9ffd1!important; color: #006423;}
input[disabled] {border-color: #cdcdcd!important;background-color: #cdcdcd!important; color: #222!important;outline-width: 0;outline: none;}
p { line-height: 1.5em}
.lh05 {line-height: 1em}
.lh1 {line-height: 1em}
.lh12 {line-height: 1.2em}
.lh15 {line-height: 1.5em}
.lh2 {line-height: 2em}
.lh19 {line-height: 19.5px;}
.f12 {font-size: 12px}
.f13 {font-size: 13px}
.f15 {font-size: 15px}
.f16 {font-size: 16px}
.f17 {font-size: 17px}
.f18 {font-size: 18px}
.f19 {font-size: 19px}
.f20 {font-size: 20px}
.f24 {font-size: 24px}
.f25 {font-size: 25px}
.f27 {font-size: 27px}
.f30 {font-size: 30px}
.f35 {font-size: 35px}
.f40 {font-size: 40px}
.f50 {font-size: 50px}
.f60 {font-size: 60px}
.f65 {font-size: 65px;}
.f70 {font-size: 70px}
.f80 {font-size: 80px}
.f85 {font-size: 85px}
.fbold,strong {font-family:var(--main-font);font-weight: bold;}
.fmedium {font-family: var(--main-font); font-weight: 500;}
.fbook {font-family:var(--main-font); font-weight: normal;}
.fitalic {font-style: italic}
.fcapitalize {text-transform: capitalize;}
.tuppercase {text-transform: uppercase}
.tlowercase {text-transform: none!important}
.cwhite {color: white}
.cwhitetransparent30 {color: rgba(255,255,255,.3)}
.cblack {color: #1d1d1f;}
.cred {color: red}
.cyellow {color: #ffde00}
.cgrey {color: #777}
.cbordo {color: #752323}
.cblue {color: #3582ba}
.cgreen {color: #6dae39}
.cfacebook {color:#4468ad;}
.bblack {border-bottom: 2px solid black}
.w25 {width: 25%}
.w30 {width: 30%}
.tile-mini.w25,.tile.w25 {flex-basis: 24%; box-sizing: border-box}
.tile-mini.w30,.tile.w30 {flex-basis: 29%; box-sizing: border-box}
.w50 {width: 50%}
.tile-mini.w50,.tile.w50 {flex-basis: 49%; box-sizing: border-box}
.w100 {width: 100%}
.h100 {height: 100%}
.tile-mini.w100,.tile.w100 {flex-basis: 99%; box-sizing: border-box}
.tajustify {text-align: justify;}
.tacenter {text-align: center}
.taleft {text-align: left}
.taright {text-align: right}
.bcenter {display:-webkit-box;-webkit-box-pack: center;-webkit-box-align: center;}
.mwidth800 {max-width: 800px}
.mwidth700 {max-width: 700px}
.mwidth600 {max-width: 600px}
.mwidth550 {max-width: 550px}
.mwidth500 {max-width: 500px}
.mwidth450 {max-width: 450px}
.mwidth400 {max-width: 400px}
.mwidth350 {max-width: 350px}
.mwidth300 {max-width: 300px}
.mwidth250 {max-width: 250px}
.mwidth200 {max-width: 200px}
.mheight30 {min-height: 30px}
.mheight200 {min-height: 200px}
.mheight220 {min-height: 220px}
.mheight250 {min-height: 250px!important}
.mheight300 {min-height: 300px}
.mheightauto {min-height: auto!important}
.minwidth200 {min-width: 200px;}
.minwidth150 {min-width: 150px!important;}
.minwidth250 {min-width: 250px!important;}
.minwidth300 {min-width: 350px!important;}
.minwidth350 {min-width: 350px!important;}
.minwidth450 {min-width: 450px!important;}
.clear-ul {margin-top: 0; margin-bottom: 0; padding-left: 0}
.clear-ul>li {padding: 0; list-style: none}
.mauto {margin: auto;}
.mt0 {margin-top: 0em}
.mt05 {margin-top: .5em}
.mt1 {margin-top: 1em}
.mt2 {margin-top: 2em}
.mt3 {margin-top: 3em}
.mb0 {margin-bottom: 0em!important}
.mb05 {margin-bottom: .5em}
.mb1 {margin-bottom: 1em}
.mb2 {margin-bottom: 2em}
.mb3 {margin-bottom: 3em}
.ml0 {margin-left: 0em!important}
.ml1 {margin-left: 1em}
.ml2 {margin-left: 2em}
.ml3 {margin-left: 3em}
.mr0 {margin-right: 0em!important}
.mr1 {margin-right: 1em}
.mr2 {margin-right: 2em}
.mr3 {margin-right: 3em}
.p6p {padding: 6% 1em}
.p1 {padding: 1em}
.p15 {padding: 1.5em}
.p2 {padding: 2em}
.p3 {padding: 3em}
.p4 {padding: 4em}
.p6 {padding: 6em}
.pb05 {padding-bottom: .5em}
.pb05 {padding-bottom: .5em}
.pb1 {padding-bottom: 1em}
.pb2 {padding-bottom: 2em}
.pb3 {padding-bottom: 3em}
.pt0 {padding-top: 0em}
.pt05 {padding-top: .5em}
.pt1 {padding-top: 1em}
.pt2 {padding-top: 2em}
.pt3 {padding-top: 3em}
.pr1 {padding-right: 1em}
.pr2 {padding-right: 2em}
.pr3 {padding-right: 3em}
.pl0 {padding-left: 1em}
.pl1 {padding-left: 1em}
.pl2 {padding-left: 2em}
.pl3 {padding-left: 3em}
.pl30p {padding-left: 25%}
.pl34px {padding-left: 65px;}
.underline {border-bottom: 5px solid black; display: inline-block}
.invert {filter: invert(1)}
.tdnone {text-decoration: none;}
.dnone {display: none}
.tdunderline {text-decoration: underline;}
em {font-style: normal;}
.ttnone { text-transform: none!important}
.psticky {position: -webkit-sticky; position: sticky;top: 0px;}
.pfixed { position: fixed}
.dblock {display: block}
.dcontents {display: contents}
.dinlineblock {display: inline-block;}
.prelative { position: relative}
.ohidden {overflow: hidden;}
.top17 {top:17px}
.top94 {top:94px}
.drop-shadow {filter: drop-shadow(0 10px 10px rgba(0,0,0,.2))}
.box-shadow { box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.box-shadow-30 { box-shadow: 0 15px 30px rgba(0,0,0,.3);}
.img-border-white {border: 2px solid white;}
.border-bottom-grey { border-bottom: 1px solid #bbb}
.border-top-grey { border-top: 1px solid #bbb}
.transition-childred>* {transition: all .3s ease;}
.open-main-cta,.cpointer {cursor: pointer;}/* used to render click event with javascript */
.inner-shadow {box-shadow: inset 0 0 40px rgba(0,0,0,.3);}
.bsizing-bb {box-sizing: border-box;}
.zi1 {z-index: 1}
.zi2 {z-index: 2}
.zi3 {z-index: 3}
.zi4 {z-index: 4}
.zi5 {z-index: 5}

.bgrey {background-color:#edeced;}
.affiliate-grey {background-color:#EEECED;}
.byellow,
.yellow-circle::after {background-color:#ffde00;}
.b-yellow-bdf {position: relative; z-index: -1; transform-style:preserve-3d}
.b-yellow-bdf::before {content: ""; position: absolute; width: 120%; height: 150%; background-color:#ffde0044;  z-index: -1; transform: translateZ(-1px); top: -25%; left: -10%; -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-mask-image: url("../img/mask.png");-webkit-mask-size: 100% 100%;mask-image: url("../img/mask.png");mask-size: 100% 100%;}
.bdark,
.channels-list li::after,.channels-list li::before {background-color:#231f20; color: white;}
.bblack {background-color:black; color: white;}
.bwhite {background-color:#fff; }
.bcherry {background-color:#c13664; color: white;}
.bsepia {background-color: #f0eece;}
.bpink {background-color: #F3849B;}


.bmarine,
.marine-triangle::after {background-color:#4cccd3;}
.blightmarine,
.lightmarine-circle::after {background-color:#d6f5f7;}
.bred {background-color:#c43538; color: white;}
.bgreen {background-color: #6dae39; color: white;}
.bgreenswans {background-color: #D0ECE4;}
.blightgreen {background-color: #e1f0d5;}
.blightblue {background-color: #dcecf8;}
.bblue {background-color: #3582ba; color: white;}
.baqua {background-color: #75CBD4;}
.brose {background-color:#f3859b;}
.blightrose {background-color:#f6dede;}
.bpine {background-color:#d0ece4;}
.bbordo { background-color: #c03764; color: white;}
.bcrypto { background-color: #F78307;}
.bfacebook {background-color:#a1bbec;}
.bshopify {background-color:#9ab957; color: white;}
.binstagram {background-image:linear-gradient(45deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%); color: white;}
/* .binstagram {background-image:linear-gradient(45deg, #fdecbf 0%, #f3b9a3 50%, #cf9fd1 100%);} */
.bsystemwallpaper {background-image:linear-gradient(180deg, #787fb7 0%, #f5b2b8 33%, #f5c8a5 66%, #f5d7e2 100%);}

.formated-table td {border-bottom: 1px solid #000; padding: 5px 0;}
.formated-table td::nth-of-type(1) {border-bottom: 1px solid #000;}

.byellowgrey {background-image:linear-gradient(45deg, #ffde00, #edeced);}
.bgreyyellow {background-image:linear-gradient(45deg, #edeced, #ffde00);}
.bmarinegrey {background: linear-gradient(45deg, #4cccd3, #edeced);}
.bredgrey {background: linear-gradient(45deg, #c43538, #edeced)}
.bgreengrey {background: linear-gradient(45deg, #6dae39, #edeced)}
.bbluegrey {background: linear-gradient(45deg, #3582ba, #edeced)}
.bbluegrayyellow {background: rgb(150,218,223); background: linear-gradient(150deg, rgba(150,218,223,1) 0%, rgba(237,236,237,1) 50%, rgba(246,228,118,1) 100%);}



.left-right-2children:nth-of-type(even)>*:nth-child(1),.left-right-2children:nth-of-type(odd)>*:nth-child(2) {order:1}
.left-right-2children:nth-of-type(even)>*:nth-child(2),.left-right-2children:nth-of-type(odd)>*:nth-child(1) {order:2}


.dimmer-black {position: relative; overflow: hidden;}
.dimmer-black>* {position: relative; z-index: 2}
.dimmer-black::before {content: "";position: absolute;z-index: 1;width: 100%; height: 100%;background-color: rgba(0,0,0,.5);top: 0; left: 0;transition: all .3s ease-in-out;}
.dimmer-black:hover::after {filter:blur(5px)}

.author-info {display: inline-block;}
.author-pic {display: inline-block; position: relative; overflow: hidden; border-radius: 100px; margin-right: 1em; }
.author-pic img {width: 60px; height: 60px;}

/* buttons */
.button {display: inline-block; text-decoration: none; text-transform: uppercase; border: 2px solid; padding: 7px 14px 4px; cursor: pointer; border-radius: 4px; position: relative; transform:translateZ(1px);transform-style: preserve-3d;transform: translateZ(100px);transition: all .3s ease; font-family: var(--main-font); font-weight: bold;}
.button:active {transform: scale(.99)}
.b-blue {color: #0059c7!important; border-color: #0059c7;}
.b-black {color: black; border-color: black;}
.b-white {color: white; border-color: white;}
.b-white-filled {color: black; border-color: white;}
.b-yellow {color: black; border-color: black;}
.b-blue-filled {color: white; border-color: #0059c7;}
.b-black-filled {color: #fbde39; border-color: black;}
.b-black::before,.b-blue::before,.b-yellow::before,.b-yellow::after,.b-blue-filled::after,.b-black-filled::after,.b-blue-filled::before,.b-black-filled::before,.b-white::before, .b-white-filled::before, .b-white-filled::after {content:"";position:absolute; width:100%; height:0%; border-bottom-left-radius:100%;border-bottom-right-radius:100%;transition: all .3s ease; background-color: #000; top: 0%; left: 0; z-index: 0;cursor: pointer;transform: translateZ(-1px);z-index: -1}
.b-yellow::after,.b-blue-filled::after,.b-black-filled::after, .b-white-filled::after {height: 100%;border-radius:0; z-index: -2}
.b-yellow::after,.b-yellow.b-input{background-color:#ffde00;}
.b-white::before, .b-white-filled::after {background-color:white;}
.b-blue-filled::after,.b-blue-filled.b-input {background-color:#0059c7;}
.b-black-filled::after,.b-black-filled.b-input {background-color:black}
.b-black:not(.b-input):hover::before,.b-blue:not(.b-input):hover::before,.b-yellow:not(.b-input):hover::before,.b-blue-filled:not(.b-input):hover::before,.b-black-filled:not(.b-input):hover::before,.b-white:not(.b-input):hover::before, .b-white-filled:hover::before {height:100%; border-radius:0%;}
.b-black:not(.b-input):hover,.b-blue:not(.b-input):hover,.b-yellow:not(.b-input):hover, .b-white-filled:hover {color: white!important;}
.b-white:not(.b-input):hover {color: black!important;}
.b-blue-filled:not(.b-input):hover {color: #0059c7!important;}
.b-black-filled:not(.b-input):hover {color: #000!important;}
.b-blue::before {background-color:#0059c7;}
.b-blue-filled::before {background-color: #fbde39;}
.b-black-filled::before {background-color:#fbde39;}
.b-xl {padding: 14px 32px 11px;}
.b-ml {padding: 12px 25px 9px 25px;}
.b-ml:not(.pictogram-left).pictogram {padding-right: 15px;}
.b-bdf {-webkit-backdrop-filter:blur(10px);}
.on-top { transform-style: preserve-3d; z-index: 10;}
.b-input {}

.btn-special {display: inline-block; text-decoration: none; padding: 16px 50px 14px; cursor: pointer; border-radius: 4px; position: relative; transform:translateZ(1px);transition: all .3s ease; font-family: var(--main-font);font-weight: bold; box-shadow: 0 10px 20px rgba(0,0,0,.3);transition: all .3s ease-in-out; position: relative;}
.btn-special:hover { transform: scale(0.99); box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.btn-special-blue {background-color: #005cb6;}
.btn-special-li {background-color: #007AB6;}
.btn-special-fb {background-color: #5070A9;}

.pictogram>span {display: block;}
.pictogram:not(.pictogram-left)>span::after,.pictogram-left>span::before {content: ''; width: 19px; height: 19px; display: inline-block; background-repeat: no-repeat; background-position: center center; margin: -4px 5px -4px 10px;transition: filter .3s ease;filter:invert(0); position: relative;}
.b-white.pictogram>span::after,.btn-special.pictogram>span::after,.b-white.pictogram>span::before,.btn-special.pictogram>span::before {filter:invert(1);}
.pictogram:not(.btn-special):hover>span::after {filter:invert(1);}
.b-white.pictogram:hover>span::after {filter:invert(0);}
.sound-pictogram>span::after,.sound-pictogram>span::before { background-image: url('../img/sound-pictogram.svg');}
.chat-pictogram>span::after,.chat-pictogram>span::before { background-image: url('../img/chat-pictogram.svg');}
.phone-pictogram>span::after,.phone-pictogram>span::before { background-image: url('../img/phone-pictogram.svg');}
.pause-pictogram>span::after,.pause-pictogram>span::before { background-image: url('../img/pause-pictogram.svg');}
.linkedin-pictogram>span::after,.linkedin-pictogram>span::before { background-image: url('../img/linkedin.svg');}
.facebook-pictogram>span::after,.facebook-pictogram>span::before { background-image: url('../img/facebook.svg');}
.team-vacanciec-btn {
	width: 348px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 12px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #265BB0;
	font-weight: bold;
}


.share-button {border-radius:50px!important; padding-left: 40px;}
.share-button::after {content: ""; width: 31px; height: 31px; filter:grayscale(100%) brightness(470%); position: absolute; top: -1px; left: -1px;}
.share-li::after { background-image:url(../img/linkedin.svg);}
.share-fb::after { background-image:url(../img/facebook.svg);}
.share-in::after { background-image:url(../img/instagram.svg);}
.share-tw::after { background-image:url(../img/twitter.svg);}
.share-button:hover {color: #fff!important}
.share-button::before {background-color: #000; height: 100%; width: 0%; border-radius:50px!important;left: 15px;}
.share-button:hover::before{ border-radius:50px!important;height: 100%; width: 100%;left: 0px}
.b-black.share-button::after {filter:grayscale(1) brightness(1) contrast(3.5);background-color: #fff;border: 2px solid #000;border-radius: 50px; top: -1px;left: -1px; background-size: 30px 30px;background-position: center center;transition: all .3s ease-in-out;width: 28px; height: 28px;}


/* round-arrow icon button yellow*/
.round-arrow {padding-right: 40px;}
.round-arrow::after, .round-arrow::before {background-image:url(../img/round-arrow.svg);background-position: right center; background-repeat: no-repeat; background-size: 40px 15px;}
.round-arrow::before { filter: invert(1);background-color: #fff}
.big-cta {font-size: 17px; padding: 14px 120px 11px 20px;background-image:url(../img/zig-zag-arrow.svg); background-position: right center; background-repeat: no-repeat; background-size: 80px 7px; transition: all .3s ease-in-out;}
.big-cta:hover {background-size: 70px 8px;}


/* ------ MAIN PAGE styles ------- */

.tmh0 {min-height: 0;}

.support-your-app-wrapper {
	padding: 17px 5px 17px 5px; 
	position: relative;
}

.header-fixed {position: fixed; width: 100%; z-index: 10; background-color: rgba(255,255,255,1); top: 0; left: 0; padding: 17px 0px 17px 17px; box-sizing:border-box; transform: translateZ(100px);}
.body-if-header-fixed {padding-top: 62px;}
.header li ,.header ul, .header menu { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }
.header a {text-decoration: none; color: #000; position: relative; padding-bottom: 7px;}
.support-your-app-logo img {position: relative;}
.main-menu { min-width: 420px; transform-style: preserve-3d; position: relative}
@media (hover: hover) and (min-width: 901px) {
	.header menu a:not(.button)::before { content: ""; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0;background-color: black; transition: all 0.3s cubic-bezier(0,.45,.43,1.27); box-sizing: content-box}
	.header menu a:not(.button):hover::before { width: 100%; }
}
.main-menu li {padding: 0 17px 0 0; position: relative; perspective: 800px; transform-style: preserve-3d; }
.header-social li { padding: 0 13px 0 0; height: 25px; width: 25px}
@media screen and (min-width: 1300px){
	#menuToggle ul.header-social { flex: 1;}
}

/* Sub menu */
@media screen and (min-width: 901px){
	.main-menu>li>ul { position: absolute; left: -30px; top: 54px; padding: 30px; padding-top: 5px; overflow: hidden; transition: all 0.3s cubic-bezier(0,.45,.43,1.27); box-shadow: 0 10px 10px rgba(0,0,0,.1); transform-origin: top; transform-style: preserve-3d; transform: rotateX(90deg); opacity: 0}
	.main-menu>li>ul:not(.bwhite) {background-color: rgba(255,255,255,.8); -webkit-backdrop-filter:blur(10px)!important;}
	.main-menu>li:hover>span {opacity: .4}
	.main-menu>li:hover>ul { transform: rotateX(0deg); opacity: 1}
	.main-menu>li>span { cursor: default; transition: .3s all}
	.main-menu>li>span::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 56px; }
	.main-menu>li>ul>li { width: 155px; padding: 0; padding-bottom: 30px; }
	/* .main-menu>li:not(:hover)>ul>li { } */
	.main-menu>li>ul>li:last-child { padding-bottom: 0; }
}
@media screen and (max-width: 900px) {
	.main-menu>li>ul { height: auto !important; border-right: 1px dotted black ! important; left: -6px; position: relative; margin-top: .5em}
	.main-menu>li>ul>li>a { padding-right: 1em; font-size: .8em}
	.main-menu>li>ul.bwhite {background-color: transparent}
}


/* TILE styles */
.tile {margin-top: 17px; margin-right: 17px; min-width: 100px;min-height: 100px; position: relative;} /* universal tile styles if any */
.tmh0 {min-height: 0;}
.tmh300 {min-height:300px;}
.tmh250 {min-height: 250px;}
.tmaxh300 {max-height: 300px;}
.content-tile {padding:2em;}

.img-wrp { width:100%; background-repeat: no-repeat; background-position: center center;background-size: cover;}
.img-wrapper > img {width: 100%; height: 100%; object-fit: cover;}
.tile-row>*:not(.tile-container) {margin-right: 17px}
.photo-tiles {min-height: 50%}
.tile-mini {margin-top: 0px; margin-right: 2px;margin-bottom: 2px;position: relative;}
.tile.tile-mini-container {margin-right: 15px;margin-bottom: -2px;position:relative}
.tile-mheight-auto {min-height:intrinsic}

/* tiles with small icons inside */
.tile-icons {padding-left:0; margin-top: 0; margin-bottom: 0 /*removing UL predefined styles*/}
.tile-icons>li {min-height: intrinsic; min-width: 250px; list-style: none; box-sizing: border-box;}
.tile-icons>li a:not(.href)::before,.tile-icons>li div.a::before, .tile-icon-color::before { content: ""; min-width: 30px; min-height: 30px; height: 30px; width: 30px; background-repeat: no-repeat; background-position: center bottom;background-size: 30px 30px; position: relative; display: block; transition: transform .3s ease; margin-right: 1em}
.w100.tile-icon-color::before,.w100.tile-icon-color>h3 { display: inline-flex;}
.tile-icons>li a:not(.href),.tile-icons>li div.a { width:200px; position:relative; text-decoration:none;min-width:200px;}
.tile-icons>li span {display: block; padding-left: 20px}
.tile-icons>li a:not(.href):hover::before,.tile-icons>li div.a:hover::before, .tile-icon-color:hover::before {transform: rotateZ(-90deg)}
.tile-icons.flex-vertical li { min-height: 50px; padding-left: 3em}
.tile-icons-absolute li::before{ position: absolute!important; left: 0%;}
.custom-li-setting > p {
	padding-left: 54px;
}


/* - Colored services icons - */
.no-icon::before{background-image: none;transform-origin: 48% center; width: 0; min-width: 0; margin: 0; height: 0; min-height: 0;}
.bordo-circle::before{background-image: url(../img/color-icons/bordo-circle.svg);transform-origin: 48% center}
.green-triangle::before{background-image: url(../img/color-icons/green-triangle.svg);}
.marine-circle::before{background-image: url(../img/color-icons/marine-circle.svg); transform-origin: 62% center}
.yellow-square::before{background-image: url(../img/color-icons/yellow-square.svg);}
.blue-septagon::before{background-image: url(../img/color-icons/blue-septagon.svg);transform-origin: 40% center}
.bordo-demisquare::before{background-image: url(../img/color-icons/bordo-demisquare.svg);}
.marine-star::before{background-image: url(../img/color-icons/marine-star.svg);transform-origin: 45% center}
.red-rombus::before{background-image: url(../img/color-icons/red-rombus.svg);}
.yellow-demicircle::before{background-image: url(../img/color-icons/yellow-demicircle.svg);transform-origin: 38% center }

/* ----- */



.cta-kicker {position: relative}
.cta-kicker::before {content: "*"; position: absolute; left: -15px;top: -3px;font-size: 20px;}

.main-cta .big-cta {margin-top: 14px}

.video-overlay {position: fixed; z-index: 1000; top: 10%; left: 10%; width: 80%; height: 80%; transform: translateZ(1000px); box-shadow: 0 20px 60px rgba(0,0,0,.3);}
.video-overlay::before {content: "✕"; position: absolute; width: 40px; height: 40px; color: black; top: 0px; right: 0px; background-color: white; font-size: 30px; text-align: center; line-height: 38px; cursor: pointer}
.content-dimmer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(0,0,0,.5);transform: translateZ(1000px);z-index: 999;-webkit-backdrop-filter:blur(1px);}

/* header SUP */
.h-pic {height: 80px; width: 160px; background-position: center center; background-repeat: no-repeat;margin-right: 20px}
.h-pick .h-pic{background-image: url(../img/il-pick.svg); background-size: 135px auto;}
.h-connect .h-pic{background-image: url(../img/il-connect.png);background-size: 150px 40px;}
.h-coach .h-pic{background-image: url(../img/il-coach.png);background-size: 125px 60px;}
.h-line {background-image: url(../img/h-arrow.svg); background-size: auto 35px; height: 35px; margin: 0 0 -30px -20px; background-repeat: no-repeat}
.h-line-r {background-image: url(../img/h-arrow-r.svg); background-size: auto 75px; height: 80px; margin: -12px 0 -40px 0px; background-position: top right; max-width: 360px;background-repeat: no-repeat}
.under-button {background-image: url(../img/no-obligations.svg); background-size: 20px auto; background-position: left 1px; padding-left: 27px; opacity: .3; background-repeat: no-repeat; position: relative; top: 1.5em;}
.rocket-img {background-image: url(../img/il-rocket.png);background-position: right top; background-size: 35px 35px; padding-right: 46px; background-repeat: no-repeat; height: 36px;}


/* _Articles block main - for BLOG or articles section */
.tile-row.articles,.tile-row.articles li { list-style: none;flex-wrap:wrap}
.tile-row.articles li {min-width: 300px}
.tile-row.articles,.articles-list {padding: 0; margin: 0}
.article-thumbnail-img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;background-size: cover; background-position: center center}
.big-data-img::after {background-image: url(../img/a-vehicle-img3.html);}

/* _alternative header */
.flying-logos-wrapper {transform: translateX(150px) rotate(15deg); opacity: .9; animation: fadein 2s ease-in-out forwards;}
.flying-logos { position:absolute; top: -220px; z-index: 10; width: 100%; height: 50%; max-width: 220px; animation: logos-scroll 20s linear infinite;}
.flying-logos-4 {animation-name: logos-scroll-4;}
.flying-logos-5 {animation-name: logos-scroll-5;}
.flying-logos-6 {animation-name: logos-scroll-6;}
.flying-logos-7 {animation-name: logos-scroll-7;}
.flying-logos-8 {animation-name: logos-scroll-8;}
.flying-logos-9 {animation-name: logos-scroll-9;}
.flying-logos-10 {animation-name: logos-scroll-10;}
.flying-logos-11 {animation-name: logos-scroll-11;}
.flying-logos-14 {animation-name: logos-scroll-14;}
.flying-logos:nth-child(1) {left:calc(80% - 440px);}
.flying-logos:nth-child(2) {left:calc(80% -  220px);animation-duration:30s;}
.flying-logos:nth-child(3) {left: calc(80% - 0px); animation-duration:25s;}
.flying-logos img {max-width:180px;max-height:200px;}
.flying-logos img.larger {min-width:110px!important;}
.flying-logos div {background-color: rgba(255,255,255,.8); box-shadow: 0 5px 20px rgba(0,0,0,.2); border-radius: 20px; flex-basis: 200px; min-width: 200px; min-height: 200px; margin: 0 20px 20px 0;}

/* Home page */
.macpaw-review {
	padding-left: 60px;
}
@media screen and (max-width: 650px) {
	.macpaw-review {
		padding-left: 40px;
	}
	.custom-li-setting .pl1 {
		padding-left: 0;
	}
	.custom-li-setting > p {
		padding-left: 40px;
	}
}

/* security-page */

.security-slide .flying-logos { position:absolute; top: -220px; z-index: 10; width: 100%; height: 50%; max-width: 300px; animation: logos-scroll 20s linear infinite;}

.security-slide .flying-logos div {background-color: unset; box-shadow: unset; border-radius: unset; margin: unset; flex-basis: 300px; min-width: 100%; min-height: 150px;}

.security-slide .flying-logos img {max-width:100%; max-height: unset;}

.security-slide .flying-logos:nth-child(1) {left:calc(90% - 440px);}
.security-slide .flying-logos:nth-child(2) {left:calc(90% -  170px);animation-duration:30s;}

.compliance-list {
	list-style: none;
}

.compliance-list-wrapper {
	flex-wrap: unset !important;
}

.compliance-list-wrapper::before {
	content: url(../img/compliance-list-decor.svg);
}

.compliance-item {
	position: relative;
	border-bottom: 1px solid #979797;
	padding: 15px 0;
}

.compliance-item::before {
	position: absolute;
	top: 50%;
	transform: translate(-130%, -50%);
	content: url(../img/compliance-list-style.svg);
}

.compliance-img {
	background-image: url(../img/compliance-img.jpg);
	background-position: 50% 30%;
	/* max-width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover; */
}


@keyframes logos-scroll {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-660px);}
}
@keyframes logos-scroll-3-1 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-600px);}
}
@keyframes logos-scroll-4 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-800px);}
}
@keyframes logos-scroll-5 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-1100px);}
}
@keyframes logos-scroll-5-1 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-600px);}
}
@keyframes logos-scroll-5-2 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-450px);}
}
@keyframes logs-scroll-forward-5 {
	0%		{transform: translateY(1100px);}
	100%	{transform: translateY(0px);}
}
@keyframes logos-scroll-6 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-1320px);}
}
@keyframes logos-scroll-7 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-1075px);}
}

@keyframes logos-scroll-8 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-1760px);}
}
@keyframes logos-scroll-9 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-1980px);}
}
@keyframes logos-scroll-10 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-2200px);}
}
@keyframes logos-scroll-11 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-2430px);}
}
@keyframes logos-scroll-14 {
	0%		{transform: translateY(0px);}
	100%	{transform: translateY(-3100px);}
}
@keyframes fadein {
	0%		{opacity: 0;}
	100%	{opacity: 1}
}



/* _video */
.video-play-button {background-image: url(../img/play-icon.svg); background-color: red; padding: 11px 42px 8px 17px; background-position: right center; background-size: 40px 20px;color: #fff; border-radius: 100px;background-repeat: no-repeat;transition: all .3s ease-in-out; font-size: 17px; box-shadow: 0 10px 40px rgba(255,0,0,.5);   }


/* _reviews_ */
.review-logo {max-width: 150px; width: 130px; position: absolute;bottom: 2em; right: 2em;}
.calm-review .calm-logo {max-width: 150px; width: 130px;  position: absolute;bottom: 2em; left: 2em; }
.calm-review .timecode {position: absolute;bottom: 2em; right: 2em;}
.calm-review.video-tile .video-play-button { max-width: 150px; background-color: black; box-shadow: none; margin: auto; position: relative; top: 100px}

/* _service block_*/
.main-serv-icons li { min-width: 120px!important}
.main-serv-icons img {width: 80px}

/* _Security block - main page */
.security-pitch {margin-left:17px; }
.pcidss,.iso {flex: 1; padding:17px 0; min-width: 180px }

/* _Software Block */
.customization .software {margin-left: 17px}
.software img {transform-origin: 20% center}
.box {display: inline-block; padding: .3em 1em; background: #444; color: #fff; margin-right: 4px}

/* _Team Block */
.teams {margin-left: 17px;/* margin-right: 17px; */ position: relative}
.team1 .img-wrp {background-image: url(../img/pic1.html);}
.team2 .img-wrp {background-image: url(../img/pic2.html);}
.team3 .img-wrp {background-image: url(../img/pic3.html);}

.grad-transition-bottom::before { content: ""; position: absolute!important; top: -100px; left: 0px; width: 100%; height: 200px; -webkit-backdrop-filter:blur(20px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 45%, black 55%, transparent 100%); position: relative; z-index: 3;backdrop-filter:blur(20px); mask-image: linear-gradient(to bottom, transparent 0%, black 45%, black 55%, transparent 100%);}

/* _countries count_ */
/* .earth-map-grey {background-image: url(../img/earth-plan.jpg); background-size: 513px auto; background-position: center 1px; background-repeat: no-repeat;} */
.earth-map-grey::before {content: ""; height: 100%; width: 1400px;background-image: url(../img/earth-plan.svg);opacity: .1; position: absolute; top: 0; left: 0; z-index: 0; animation: earth_move 40s linear forwards infinite; background-size: 700px 350px; background-repeat: repeat-x; }
@keyframes earth_move {
	0%		{transform: translateX(0%);}
	100%	{transform: translateX(-700px);}
}


/* _Big CTA block */
.big-cta-tile {min-height: 70%;padding: 1em;}
.big-cta-tile img.client-logo {position:relative; max-width:170px; height: 70px; vertical-align: middle;}

/* Footer */
.footer {align-items: flex-start}
.footer a {border-bottom: 1px solid #ffffff11}
.footer>flex-1 {box-sizing: border-box}
.footer-social,.footer-social li {list-style: none; margin: 0; padding: 0;}
.footer-social li {margin: 17px 17px 0 0;filter:invert(1);}

/* --- Team Page --- */
.team-photo {
	
}


.team-description > .button {
	padding-bottom: 7px;
}

@media screen and (max-width: 440px) {
	.team-page .team-description .mr1 {
		margin: 0;
	}
}
.facelist .img-wrp img {max-height:300px; }
.facelist .img-wrp {min-height:300px;overflow:hidden; position: relative;}
.facelist>.tile {min-width:300px;}
.team-pitch {padding: 10% 2em}

/* --- Career/Jobs --- */
.vacancies>.tile {min-width:300px;}
.vacancies .scale-on-hover img {filter:drop-shadow(0 5px 6px rgba(0,0,0,.2));}

/* --- Services Page --- */
.img-services {max-width: 300px; width: 80%; height: auto; max-height: 300px; margin: auto; display: inline-block;}
.services-list>.tile {min-width:250px;}

/* --- Company Page --- */
.a-images {background-color: #fff; padding: 10px 0 0 10px}
.a-images>*{ margin-right: 10px; margin-bottom: 10px; padding: 20px}

/* --- Pricing --- */
.integration-tile {overflow: hidden;}
.intgr-cont-wrp {overflow-x: scroll; overflow-y: hidden; padding: 0 26px;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.intgr-cont-wrp::-webkit-scrollbar {display: none;}
.intgr-cont {width: 910px;height: 210px;position: relative;background: url(../img/progress-line.png)left 46px no-repeat; background-size: 900px 100px; margin:0; padding:0; list-style:none;margin:0 0 50px 0;}
.intgr-cont li {position:absolute;top:49px;left:0;width:125px;margin: 0; padding: 0;height: 78px;}
.intgr-cont li span {position: absolute; top: -30px;left: -9px;height: 13px; width: 140px;color: #000; font-family: var(--main-font); font-weight: 500;font-size: 16px; line-height: 12px}
.intgr-cont li p {height: 113px; position: absolute; left: -9px; top: 125px;margin: 0;padding: 0; font-size: 14px}
.i-24 {left:178px!important;background:url(../img/intgr-off.png) left 19px no-repeat; background-size:25px 25px;}
.i-week {left:354px!important;background:url(../img/intgr-man.png) 3px 19px no-repeat;background-size:10px 25px;}
.i-10d {left:521px!important;background:url(../img/intgr-monitor.png) left 19px no-repeat;background-size:25px 25px;}
.i-1month {left:695px!important;background:url(../img/intgr-rocket.png) left 19px no-repeat;background-size:25px 25px;}
.i-2month {left:782px!important;background:url(../img/intgr-rocket.png) left 19px no-repeat;background-size:50px 25px;}
.intgr-cont li:first-child span {
	top: -40px;
	left: 0px;
}
.intgr-cont li:first-child p {
	left: 0;
}
.intgr-cont li:nth-child(3) span {
	left: -14px;
}
.intgr-cont li:nth-child(3) p {
	left: -14px;
}
/* Services pages */

.video-block {border-radius: 10px; cursor: pointer; max-width: 400px }
.video-block>div:nth-child(1) img { width: 133px; height: 87px; z-index: 1; transition: all .3s ease-in-out}
.video-block>div:nth-child(1) {border-radius: 6px; position:relative; overflow: hidden; box-shadow:0 5px 4px rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.5); transform: translateZ(1px)}
.video-block>div:nth-child(1)::before {content: ""; position: absolute; width: 30px; height: 30px; top: 28px; left: 55px; background-image: url(../img/play-button-white.svg); background-repeat: no-repeat; background-position:center center; background-size:30px 30px; z-index:3; filter: drop-shadow(0 2px 5px rgba(0,0,0,.3));transition: all .3s ease-in-out}
.video-block>div:nth-child(1)::after {content: ""; position: absolute; background-color: black; opacity: .1; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;transition: all .3s ease-in-out}
.video-block>div:nth-child(2) {background-color: rgba(0,0,0,.1); border-radius: 6px; padding: 1.7em 1.5em  1.5em 2em; margin-left: -.5em;transition: all .3s ease-in-out;}
.video-background-light {background-color: rgba(255,255,255,.6)!important;}


.video-block:hover>div:nth-child(1) img {transform: scale(1.1);}
.video-block:hover>div:nth-child(2) {background-color:rgba(0,0,0,.3);}
.video-block:hover>div.video-background-light {background-color:rgba(255,255,255,.9)!important;}


.arrows-down::before, .arrows-left-overlap::before {content:"";position:absolute; width: 100%; top: -20px; left: 0; height: 40%; background-image:url(../img/white-dotted-arrow.svg); background-position:top center; background-repeat:no-repeat;z-index: 0}
.arrows-left-overlap::before {top: calc(50% - 120px); left: -335px; transform: rotateZ(90deg); width: 600px;}
.arrows-down>* { z-index:2;}

.clients-tile .flying-logos-wrapper {transform: translateY(00px) rotate(15deg) scale(.8); border: 1px solid red; position: absolute; right:-110px}

.ul-black-checkboxes li::before,.ul-green-checkboxes li::before { content: ""; width: 23px; height: 23px;min-width: 23px; min-height: 23px; background: url(../img/black-checkmark.svg) center center no-repeat; background-size: 23px 23px; display: inline-block; position: relative; margin-right: 1em;}
.ul-green-checkboxes li::before {background-image:url(../img/green-checkmark.svg);}
.checkbox-green {min-width: 23px; min-height: 23px;background: url(../img/green-checkmark.svg) center center no-repeat; margin-right: 1rem;}

.why-choose-tile .tile-icons li {min-width:300px;}

.launch-progress { max-width: 550px; min-width: 400px; background-image: url(../img/zigzag-vertical.svg); background-position: 190px 0; background-size: 40px 100%; background-repeat: no-repeat;}
.launch-progress li {min-height: 60px; position: relative; padding: .5em 0}
.launch-progress strong {max-width: 170px; margin-right: 80px}
.launch-progress span::before { content:"";border-bottom: 1px solid #bbb; width: 55%; bottom: 0;  position: absolute;}
.you-are-here-label { position: absolute; padding: 5px 10px; border-top-right-radius: 20px;border-bottom-right-radius: 20px; top: 0; }

.toc ol { list-style: upper-latin}
.toc ol ol { list-style: lower-latin}

.yellow-circle::after, .marine-triangle::after,.lightmarine-circle::after { content: ""; width: 500px; height: 500px; position: absolute; bottom: -490px; border-radius: 50%; left: -250px; z-index: 0; transform: translateY(200px)}
.marine-triangle::after { border-radius: 0; transform: translateY(200px) rotateZ(45deg); bottom: -590px;}
.lightmarine-circle::after { width: 150px; height: 150px; bottom:auto; left: calc(50% - 75px); top:calc(35% - 75px); transform: translateY(0px); z-index: 0}
.animate-circle::after {animation: animate-circle 2s ease-in-out forwards;}
.animate-triangle::after {animation: animate-triangle 2s .5s ease-in-out both;}
@keyframes animate-circle {
	0%		{transform: translateY(-100px);}
	100%	{transform: translateY(0px);}
}
@keyframes animate-triangle {
	0%		{transform: translateY(-100px)  rotateZ(45deg);}
	100%	{transform: translateY(0px)  rotateZ(45deg);}
}

/* @keradan */
/* styles for content that generated by wysiwyg in admin panel */
.content-from-wysiwyg {font-family: var(--main-font); font-weight: normal; font-size: 15px; line-height: 1.5em}
.content-from-wysiwyg h2 {font-family: var(--main-font); font-weight: bold; font-size: 30px; line-height: 1.2em}
.content-from-wysiwyg h3 {font-family: var(--main-font); font-weight: bold; font-size: 20px; line-height: 1.2em}
.content-from-wysiwyg ol {font-family: var(--main-font); font-weight: bold; font-size: 20px; line-height: 1.2em}
.content-from-wysiwyg ol p {font-family: var(--main-font); font-weight: normal; font-size: 15px; line-height: 1.5em}

/* @keradan */
/* safari fix for cookie policy banner */
.sp-banner-show, .sp-privacy-banner-middle {-webkit-transform: translate3d(0,0,100px)!important;}


/* reseting to default styling of content from wysiwyg */
.advantages-content span { display: inline!important; padding: 0!important; }



/* -- channel list -- */
.channels-list,.integrations-list {width: 1px; margin: auto; position: relative; height: 250px; z-index:1; margin-bottom: 3em}
.channels-list li {padding: 3px 17px; position:relative; height: 28px; margin-bottom: .5em; margin-bottom:-20px; position: absolute; left: 13px}
.channels-list li:nth-child(odd) { left:auto; right:13px; top:40px}
.channels-list li:nth-child(1) {top: 0}
.channels-list li:nth-child(2) {top: 22px}
.channels-list li:nth-child(3) {top: 44px}
.channels-list li:nth-child(4) {top: 66px}
.channels-list li:nth-child(5) {top: 88px}
.channels-list li:nth-child(6) {top: 110px}
.channels-list li:nth-child(7) {top: 132px}
.channels-list li:nth-child(8) {top: 154px}
.channels-list li:nth-child(9) {top: 176px}
.channels-list li::after,.channels-list li::before {content: ""; transform: rotateZ(45deg); width: 24px; height: 24px; position: absolute; left:-12px; top: 5px;}
.channels-list li::after {left:auto;right:-12px;}
.in-app { min-width: 90px}
.any-channel {min-width: 110px; border: 2px solid black; line-height: 28px; border-radius: 50px}
.any-channel::before,.any-channel::after {display: none;}

/* -- integrations list -- */
.integrations-list li {text-indent: -1000px; overflow: hidden; position: absolute; background-repeat: no-repeat; background-position: top; width: 100px; height: 30px; z-index: 1; animation: zoming 2s ease-in-out infinite;}
li.l-twitter {background-image: url(../img/integrations/twitter.svg); width: 50px; height: 50px; left: -25px; top: -5px; animation-duration: 2.5s}
li.l-gsuite {background-image: url(../img/integrations/gsuite.svg); top: 40px; right: 20px; animation-duration: 3.5s;}
li.l-zendesk {background-image: url(../img/integrations/zendesk.svg);top: 40px; left: 20px; animation-duration: 1.7s}
li.l-helpscout {background-image: url(../img/integrations/helpscout.svg);top: 80px; right: 70px; animation-duration: 2.2s}
li.l-fastspring {background-image: url(../img/integrations/fastspring.svg);top: 80px;left: -50px; animation-duration: 1.3s}
li.l-liveagent {background-image: url(../img/integrations/liveagent.svg);top: 80px; left: 70px; animation-duration: 3s}
li.l-intercom {background-image: url(../img/integrations/intercom.svg);top: 110px; right: 20px; width: 130px;height: 40px; animation-duration: 1.9s}
li.l-freshdesk {background-image: url(../img/integrations/freshdesk.svg);top: 114px; left: 20px;width: 130px;height: 40px; animation-duration: 2.9s}
li.l-kayako {background-image: url(../img/integrations/kayako.svg);top: 155px; right: 30px; animation-duration: 1.7s}
li.l-uservoice {background-image: url(../img/integrations/uservoice.svg);top: 152px; left: -14px;width: 130px;height: 40px}
@keyframes zoming {
	0%		{transform: scale(.97);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.97);}
}

/* -- services catalogue -- */
.services-catalogue-list li:nth-child(odd){ background-color: #e3e3e3}

.services-catalogue-list li::before { content: ""; display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; margin:auto auto 1em auto; }
.services-catalogue-list li.rombus::before { background-image: url('../img/services-list-pictograms/rombus.svg')}
.services-catalogue-list li.in-put::before { background-image: url('../img/services-list-pictograms/input.svg')}
.services-catalogue-list li.squares::before { background-image: url('../img/services-list-pictograms/squares.svg')}
.services-catalogue-list li.left::before { background-image: url('../img/services-list-pictograms/left.svg')}
.services-catalogue-list li.demicircle::before { background-image: url('../img/services-list-pictograms/demicircle.svg')}
.services-catalogue-list li.top::before { background-image: url('../img/services-list-pictograms/top.svg')}
.services-catalogue-list li.circles::before { background-image: url('../img/services-list-pictograms/circles.svg')}
.services-catalogue-list li.rombusright::before { background-image: url('../img/services-list-pictograms/rombusright.svg')}
.services-catalogue-list li.hexagon::before { background-image: url('../img/services-list-pictograms/hexagons.svg')}

/* qcrm */
.img-container { border-radius: 5px; margin-left: 10%; margin-right: 10%;}
.img-qcrm-cont {min-width: 886px;}
.img-quidget-cont {margin-left: auto; margin-right: auto;}
.img-qouston-cont {min-width: 779px;}
.software-names {transition: all .5s ease;}
.darker-on-hover {transition: background-color .3s ease;}
/* .software-names:hover {transform: translateX(-2px)}
.software-names:hover,.darker-on-hover:hover {background-color: #e3e3e3;} */
.software-active {
	transition: background-color .3s ease;
	background-color: #e3e3e3;
}

/* paging */
.paging-arrow-right,.paging-arrow-left {position:absolute; top: 49%; left: 25px; width: 20px; height: 20px;}
.paging-arrow-right { left: auto; right: 25px; transform: rotate(180deg)}
.paging-arrow-right::before,.paging-arrow-right::after,.paging-arrow-left::before,.paging-arrow-left::after {content: ''; position: absolute; left:0; top: 7px; width:20px; height:4px; background-color: #000; border-radius: 10px; transform: rotateZ(40deg); transform-origin: left center;transition: all .3s ease}
.paging-arrow-right::after,.paging-arrow-left::after {transform:rotateZ(-40deg); top: 9px}
.paging-arrow-right:hover::before,.paging-arrow-left:hover::before {transform:rotateZ(50deg);}
.paging-arrow-right:hover::after,.paging-arrow-left:hover::after {transform:rotateZ(-50deg);}


/* short request form on service page */
.short-request-form-arrow {padding-right: calc(3em + 140px); box-sizing:border-box; max-width: none!important; }

/* quotes */
.quote { overflow:visible!important}

/* cloud */
.cloud-url {color: black; text-decoration: none; display: inline-block; border: 1px solid black; border-radius: 30px; padding: 5px 15px  4px 15px}
.cloud-url>span {display:inline-block;border-radius:10px;width:10px;height:10px;position:relative; top:-1px; left:-5px;}
.cloud-url:hover { background-color: #fff}

/* q-n-a */
.q-n-a dt::before {content: 'Q'; background-color: #6dae39;}
.q-n-a dd::before {content: 'A'; background-color: black; }
.q-n-a dt::before,.q-n-a dd::before {color: #fff; padding: .2em; display: inline-block; border-radius: 20px; width: 25px; height: 20px; line-height: 21px; margin-right: 8px;text-align: center; margin-left: -40px;}
.q-n-a dt,.q-n-a dd {padding-left: 35px;}

/* Blog */
.article-list-img-hover {position: relative; overflow: hidden}
.article-list-img-hover::after,.article-list-img-hover::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:all .25s ease-in-out; z-index: 5}
.article-list-img-hover::before {-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px); background-color: rgba(0,0,0,0);}
.article-list-img-hover::after {content: "✺ Click To Read"; text-align: center; color: #fff; font-size: 20px; top: 48%; text-shadow: 0 2px 10px rgba(0,0,0,.9); transform: translateY(80px); opacity: 0;z-index: 6; height: auto}
.article-list-img-hover:hover::after {transform: translateY(0px); opacity: 1}
.article-list-img-hover:hover::before {-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); background-color: rgba(0,0,0,.2);}
.infinity-symbol::before { content: ''; width: 120px; height: 90px; background-image: url(../img/infinite.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; margin: auto}

/* Pagination indicator */
.pag-indicator-block {
	position: absolute;
	left: 50%;
	bottom: 0;
	display: flex;
	gap: 10px;
	padding-bottom: 1.5rem;
}
.pag-indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid rgb(0, 0, 0);
}
.active-indicator {
	background-color: rgb(0, 0, 0);
	border-color: rgb(0, 0, 0);
}

@media screen and (max-width: 1280px) {
	.pag-indicator-block {
		padding-bottom: 2.2rem;
	}
}

@media screen and (max-width: 1180px) {
	.pag-indicator-block {
		left: 40%;
	}
	.pag-indicator-block {
		padding-bottom: 2rem;
	}
}
@media screen and (max-width: 650px) {
	.pag-indicator-block {
		left: 7%;
	}
}
@media screen and (max-width: 579px) {
	.pag-indicator-block {
		left: 30%;
	}
}
@media screen and (max-width: 380px) {
	.pag-indicator-block {
		left: 7%;
	}
}

/* press-page */
.saas-img {
	object-fit: cover;
	max-height: calc(100vh - 111px);
	object-position: 50% 0;
}

.press-page-container .tab {
	display: flex;
    justify-content: center;
    align-items: center;
}
.press-page-container .tab.active {
	background-color:#222;
	color: white;
}

.press-page .tab-content:not(.active) {
	display: none;
}

.leading-logo-container {
	position: relative;
}

.pin-item {
	opacity: 0;
	transition: opacity .5s ease-in-out;
}

.map-counter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.item-title::after {
	content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 50%) rotate(-45deg);
    z-index: -1;
    width: 50px;
    height: 50px;
    background-color: #edeced;
    border: 17px solid white;
}

.articles-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-content: start
}
.article-item {
  flex: 1 1 min-content;
}

.article-item-small {
    min-width: calc(40% - 17px);
}
.article-item-big {
    min-width: calc(60% - 17px);
}

.press-ceo-btn {
	width: fit-content;
	padding: 0.5em 1em;
	border-radius: 30px;
}

.press-article {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.press-article-intro-img {
}

.press-article-img-blur {
	width: fit-content;
	z-index: 5;
}

.press-article-img-blur::before {
	--blur-img: 
	content: "";
	top: 0;
	left: -5%;
	position: absolute;
	width: 110%;
	height: 100%;
	background-image: url(../img/press-article-content/article-img-placeholder.jpg);
	background-size: cover;
	filter: blur(20px);
	opacity: .8;
	z-index: 0;
	background-position: center center;
}

 .article-img {
	/*max-width: 100%;*/
	/*max-height: 100%;*/
    height: 33vw;
    width: 100%;
	background-size: cover;
	background-position: center;
} 
.article-desc {
	width: 100%;
    box-sizing: border-box;
}

.press-page .pr-head-photo {
	background-position: center top;
    background-image: url(../img/viktoriia-cherednyk-horizontal-fliped.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
}

.press-page span.clients-count, .press-page span.countries-count {
    background: black;
    padding: 0 5px;
    display: inline-block;
    text-align: right;
}

.press-page span.clients-count { width: 220px; }
.press-page span.countries-count { width: 158px; }
.press-page span.clients-count::after, .press-page span.countries-count::after { content: "+"; }

@media screen and (max-width: 480px) {
	.press-page span.clients-count { width: auto; }
	.press-page span.countries-count { width: auto; }
	.map-wrapper .f80 {
		font-size: 30px !important;
	}
}

.press-page .media-logo img {
	max-width: 200px;
	max-height: 50px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.press-seo-text-block {
	justify-content: center;
}
.map-count-2{
	margin-top: 13px; 
	transform: translateX(-19px);
}
@media screen and (min-width: 1920px) {
	.press-seo-text-block .mwidth600 {
		max-width: 720px;
	}
	.press-seo-text-block .f40 {
		font-size: 45px;
	}
	.press-seo-text-block .f25 {
		font-size: 30px;
	}
	.press-seo-text-block .f20 {
		font-size: 25px;
	}
}
@media screen and (max-width: 700px){
	.press-seo {
		flex-direction: column;
	}
}
@media screen and (max-width: 420px) {
	.press-seo-text-block .f40 {
		font-size: 30px;
	}
	.press-seo-text-block .f25 {
		font-size: 18px;
	}
	.press-seo-text-block .f20 {
		font-size: 15px;
	}
}
@media screen and (max-width: 360px) {
	.press-seo {
		margin-bottom: 40px;
	}
	.languages .p6 {
		padding: 1rem;
	}
	.contacts .tile-mini{
		margin: 0;
	}
	.contacts .p2 {
		padding: 1rem;
	}
	.map-count-2{
		transform: translateX(0);
	}
}

/* WP styles */
.has-background { padding: 1em}
.mc4wp-form {margin-top: 0; margin-bottom: 0;}
.mc4wp-error p {color: #752323;}
.mc4wp-error p::before {content: '✕'; padding-right: 5px; font-size: 15px}
.admin-bar .psticky.top17{top: 49px}
#wpadminbar { transform: translateZ(101px);}
.updated:not(.published) {display: none;}
.ez-toc-title { font-family:var(--main-font);font-weight: bold; }
/* Fixing issue with images on article page */
figure.wp-block-image.size-large>img {height:auto!important;}

/* --- Qcrm page --- */
.q-logo { min-width: 200px}
.screenshot {max-width: 100%; height: auto; box-shadow: 0 0 40px rgba(0,0,0,.1);border: 4px solid white; box-sizing: border-box}
.fig-screenshot {margin: 6em 0;}
.bqcrm {background-image:url(../img/qgear-back.jpg); background-size: cover; background-position: center center; min-height: 500px; background-attachment: fixed}

/* --- FORM page --- */

.options-chooser {margin: 0; padding: 0; display:inline-block;position:relative;}
.options-chooser li {list-style: none; display: inline-block; border: 2px solid #A9A9A9;padding: 10px 20px 10px 10px;margin: 0;float:left;margin-right: -2px;margin-top: -2px;background-color: #fff;color: #484848}
.options-chooser-black li {border-color:#000;}
.options-chooser li input { display: inline-block; margin-right: -100%;float: left;}
.options-chooser li label {position: relative; top: 2px;left: 4px; display: block; padding-left: 1.5em}
.options-chooser li:last-child{border-right:2px solid #A9A9A9}
.options-chooser-black li:last-child{border-right-color:#000}
.options-chooser li label {cursor: pointer}
.options-chooser span.error {position: absolute;top: -36px;left: 0px}
.options-chooser span.valid {display: none!important}
input[type="submit"] {-webkit-appearance: none;display: none}
.input {border:2px solid #999; padding: 9px 13px 10px 13px; display: block; width:100%; max-width:100%; min-width:100%; font-size: 17px; margin-bottom:11px;outline-color:red; -webkit-font-smoothing:antialiased;}
::placeholder {font-family: var(--main-font);font-weight: normal; }
.input:focus {border-color:#000}
input,textarea {font-family: var(--main-font), sans-serif;font-weight: 500;}
textarea.input {max-width: 100%}
.major-request-form-contents {max-width: 700px}
.request-form input.error,.request-form textarea.error {border-color: red;}
span.error.valid {display: none!important}


/* security-page */
.title-check,
.arrow-list {
	position: relative;
}

.title-check::before {
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	content: url(../img/check-mark.svg);
}


/* animations */
.child-invisible>*:not(.no-child-animation):not(.button),.self-invisible:not(.button) {opacity: 0}
.animate-childs>*:not(.no-child-animation):not(.button),.animate-self:not(.button) {animation: fadeinandscale .3s cubic-bezier(0,.5,.5,1.3) forwards;}
.animate-childs>*:not(.no-child-animation):nth-child(1) {animation-delay: .1s;}
.animate-childs>*:not(.no-child-animation):nth-child(2) {animation-delay: .2s;}
.animate-childs>*:not(.no-child-animation):nth-child(3) {animation-delay: .3s;}
.animate-childs>*:not(.no-child-animation):nth-child(4) {animation-delay: .4s;}
.animate-childs>*:not(.no-child-animation):nth-child(5) {animation-delay: .5s;}
.animate-childs>*:not(.no-child-animation):nth-child(6) {animation-delay: .6s;}
.animate-childs>*:not(.no-child-animation):nth-child(7) {animation-delay: .7s;}
.animate-childs>*:not(.no-child-animation):nth-child(8) {animation-delay: .8s;}
.animate-childs>*:not(.no-child-animation):nth-child(9) {animation-delay: .9s;}
.animate-childs>*:not(.no-child-animation):nth-child(10) {animation-delay: 1.0s;}
.animate-childs>*:not(.no-child-animation):nth-child(11) {animation-delay: 1.1s;}
.animate-childs>*:not(.no-child-animation):nth-child(12) {animation-delay: 1.2s;}
.animate-childs>*:not(.no-child-animation):nth-child(13) {animation-delay: 1.3s;}

.scale-on-hover>*{transition: all .3s cubic-bezier(0,.5,.5,1.3);}
.scale-on-hover:hover>*,.scale-on-hover:active>*{transform: scale(1.1)}

.descale-on-showing {opacity: 0;}
.descale-and-show {animation: descaleandshow 3s cubic-bezier(0,.5,.5,1.3) forwards; }

@keyframes fadeinandscale {
	0%		{opacity:0;transform: scale(.8) translateZ(100px);}
	100%	{opacity:1;transform: scale(1) translateZ(100px);}
}
@keyframes descaleandshow {
	0%		{opacity:0;transform: scale(1.2);}
	100%	{opacity:1;transform: scale(1);}
}


/* retina images */
@media
    only screen and (-webkit-min-device-pixel-ratio:1.2),
    only screen and (min-moz-device-pixel-ratio:1.2),
    only screen and (-o-min-device-pixel-ratio:5/4),
    only screen and (min-device-pixel-ratio:1.2),
    only screen and (min-resolution:120dpi),
    only screen and (min-resolution:2dppx) { 

      

}


/* mobile adaptation */
@media screen and (max-width: 900px){
	
	.controls-title {
		font-size: 30px;
	}

	.controls-yellow p {
		font-size: 20px;
	}

	/* burger menu */
	.header {padding-right: 17px;flex-wrap: wrap;}
	.header a.button.b-yellow {transform: none !important;}
	.header-social {flex-wrap: wrap;}
	.menu-shadow-mobile::after {content:""; position: absolute;bottom: -80px; left: 0; width: 100%; height: 0px; opacity:0; background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);transition:all .4s ease;}
	#menuToggle {z-index: 10;-webkit-user-select: none;user-select: none}
	#menuToggle input {display:block;width: 50px;height: 50px;position: absolute;top: 17px;right: 17px;cursor: pointer;
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	-webkit-touch-callout: none;}
	#menuToggle .hmmbrgr { position: absolute; top: 35px; right: 17px}
	#menuToggle .hmmbrgr span { display: block; width: 30px; height: 3px; margin-bottom: 5px; position: relative; background: #2c2c2c; border-radius: 3px; z-index: 1; transform-origin: 4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  opacity 0.55s ease;}
	#menuToggle span:nth-of-type(1) {transform-origin: 0% 0%;}
	#menuToggle span:nth-of-type(2) {transform-origin: 0% 100%;}
	#menuToggle menu {height: 0px; transition: height .3s .1s,padding .3s .1s; padding-top: 0em;display: block;  min-width: 220px;  flex-basis: 100%;overflow: hidden}
	#menuToggle menu li {padding: .4em 0; font-size: 18px; text-align: right; box-sizing: border-box; flex-basis: 100%; transform: translateX(-20px);opacity:0;transition: all .2s .1s ease;}
	#menuToggle ul {height: 0px; overflow: hidden; transition: all .4s ease; border: 1px solid transparent;}
	#menuToggle ul.header-social {flex: 1;}
	#menuToggle ul li {transform: scale(.1); opacity: 0}
	#menuToggle ul * {transition: all .3s .2s ease;}
	#menuToggle input:checked ~ .menu-shadow-mobile::after {height: 80px; opacity:1;}
	#menuToggle input:checked ~ .hmmbrgr>span:nth-of-type(1) {opacity: 1;transform: rotate(45deg) translate(1px, -2px);background: #232323;}
	#menuToggle input:checked ~ .hmmbrgr>span:nth-of-type(2) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
	#menuToggle input:checked ~ .hmmbrgr>span:nth-of-type(3) {transform: rotate(-45deg) translate(-2px, 0px);}
	#menuToggle input:checked ~ menu {height:460px;padding-top: 1em;transition: height .3s,padding .3s;}
	#menuToggle input:checked ~ menu li {transform: translateX(0px);opacity:1;}
	#menuToggle input:checked ~ menu li:nth-of-type(1) {transition-delay:.1s}
	#menuToggle input:checked ~ menu li:nth-of-type(2) {transition-delay:.13s}
	#menuToggle input:checked ~ menu li:nth-of-type(3) {transition-delay:.16s}
	#menuToggle input:checked ~ menu li:nth-of-type(4) {transition-delay:.19s}
	#menuToggle input:checked ~ menu li:nth-of-type(5) {transition-delay:.22s}
	#menuToggle input:checked ~ menu li:nth-of-type(6) {transition-delay:.25s}
	#menuToggle input:checked ~ menu li:nth-of-type(7) {transition-delay:.28s}
	#menuToggle input:checked ~ menu li:nth-of-type(8) {transition-delay:.31s}
	#menuToggle input:checked ~ ul {height: 40px;padding: 2em 0 1em 0; transition: all .3s .1s ease; }
	#menuToggle input:checked ~ ul li {width: 30px; height: 30px;opacity: 1;transform: scale(1);}
	#menuToggle input:checked ~ ul li:nth-of-type(5) {transition-delay:.35s}
	#menuToggle input:checked ~ ul li:nth-of-type(4) {transition-delay:.38s}
	#menuToggle input:checked ~ ul li:nth-of-type(3) {transition-delay:.41s}
	#menuToggle input:checked ~ ul li:nth-of-type(2) {transition-delay:.44s}
	#menuToggle input:checked ~ ul li:nth-of-type(1) {transition-delay:.47s}
	#menuToggle input:checked ~ ul li img {height: 30px;}
}
@media screen and (max-width: 1195px) and (min-width: 900px){ 
	.header-social {display:none}
	.support-your-app-logo {flex:none; padding-right: 17px}
	menu li:last-child {padding-right: 0}
}
@media screen and (min-width: 901px){ 
	.hmmbrgr-ctrl, .hmmbrgr { display: none}
}
@media screen and (max-width: 901px){
	/* pricing */
	.intgr-cont-wrp {width: 100%;}
}
@media screen and (max-width: 768px) {

	.item-title::after {
		display: none;
	}

	.talented,
	.languages,
	.contacts,
	.leading,
	.saas,
	.company-links {
		flex-direction: column;
	}
}

@media screen and (max-width: 650px){

	.leading > .tile {
		max-width: 100%;
	}

	.talented .f85 {
		font-size: 50px;
	}

	.section-management,
	.section-logic,
	.section-compliance {
		flex-direction: column;
	}

	.p6 {padding: 2em;}
	.flex:not(.never-wrap) {flex-wrap:wrap;}
	.tile-row>.tile:not(.minwidth350),.tile-mini {min-width: 250px!important;}
	.f70:not(.no-mobile),.f80:not(.no-mobile),.f50:not(.no-mobile) {font-size: 35px}
	.fm30,.f40:not(.no-mobile) {font-size: 30px!important}
	.fm25 {font-size: 25px!important}
	.fm20,.f30:not(.no-mobile) {font-size: 20px!important}
	.p3 {padding: 2em}
	.pl3 {padding-left: 2em}
	.pr3 {padding-right: 2em}
	.mnone {display: none}
	.m-mt1 {margin-top:1em}
	.m-lh2 {line-height: 2em}
	.m-f20 {font-size:20px}
	.m-p1 {padding:1em;}
	
	/*custom styles*/
	.main-cta {padding: 1em}
	.b-yellow-bdf::before {background-color: #ffffff88; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
	
	
	/* service page */
	.tile-icons>li a:not(.href) {width: 100%; box-sizing: border-box; padding-left: 1em;}
	.tile-icons.flex-vertical li {padding-left: 2em}
	.launch-progress {min-width: 230px; background-position: 0 0; padding-left: 60px; background-size: 44px 100%}
	.launch-progress>.flex{ display: block}
	.launch-progress strong {margin-right: auto; display: block; max-width: auto; text-align: left}
	.launch-progress li>span {margin-left: 1em; display: block; margin-top: .5em}
	.you-are-here-label {position: relative; display: inline-block}
	.launch-progress span::before {width: 100%; box-sizing: border-box}
	.channels-list {transform: scale(.8)}
	.img-container {margin-left: auto;}
	.img-container img {max-height: 400px; width: auto}
	.quote {margin-left: 0; margin-top: 0; margin-right: 0}
	.quote figcaption p br{ display: none}
	.quote .order-2 {order: 1}
	.quote .order-1 {order: 2}
	.quote blockquote { box-sizing: border-box; min-width: 250px!important; margin-bottom: 1em!important; width: 100%; margin-right: 0}
	.paging-arrow-right, .paging-arrow-left { top: 0; bottom: 20px; left: auto; right: 20px; top: auto;}
	.paging-arrow-left {right: 60px}
	.request-form {min-width: 250px!important}
	textarea.input {min-height: 100px}
	.short-request-form .arrows-left-overlap { order: 1; overflow: hidden}
	.major-request-form-contents {order: 2}
	.arrows-left-overlap::before {transform: rotate(0deg); left: -100px; top: 165px}
	.page-content-text>.tile {order:2;}
	.page-content-text>.tmh300 {order: 1}
	.cloud-url {width:100%;margin-right: 0;font-size: 17px; position: relative; border-color: #ccc; background-color: #fff; padding-left: 1.8em}
	.cloud-url>span { position: absolute;  left: 2px; width:21px; height: 21px; left: 5px; top: 15%; }
	.tile-row>.tile.flex-1.minwidth350.minwidth300 {min-width: 250px!important}
	
	/*team*/
	.team-photo {min-height: 300px;}
	.left-right-2children:nth-of-type(even)>*:nth-child(2), .left-right-2children:nth-of-type(odd)>*:nth-child(1) { order: 1}
	


	/* request */
	.major-request-form .tmh300 {max-height: 300px}
	
	/* career */
	.tile.binstagram {padding: 2em; min-height: auto}

	/* knowledge base */
	.col-inline-m450 {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
	header h1.f60 {font-size: 35px}
	.blog-posts-list header.f20.p2 {padding: 1em}
	.blog-posts-list header>div.flex {display: block}
	.blog-posts-list header div.flex div.flex.flex-center.mt2 {margin-top:1em; }
	.blog-posts-list div.article-body.f18.p4 {padding: 2em 1em;font-size: 15px;}
	.blog-posts-list .share-button.share-fb {margin-top: 1em}
	.blog-posts-list p.has-background {padding: 1em}
	
	
	
	.footer>.pr3  {padding-right: 0; min-width: 100%!important}
	
/*
	.major-request-form-contents {min-width: 330px}
	.tile-row>*:not(:first-of-type) {margin-left: 0}
	.f25 {font-size: 20px}
	.f40 {font-size: 30px}
	.team-photo {width: 100%}
	.team-description {min-width: 200px;order: 2}
	.team-photo.img-tile {order: 1}
	.customization-pitch {order: 2}
	.big-cta-tile.bbluegrey .button {margin-bottom: 1em}
	.footer.p3 {padding: 2em}
	.footer>* {min-width: 160px}
	.main-menu {font-size: }
	.tile {box-sizing: border-box;}
	.main-key-art {padding: 17px}
	.main-cta {padding-top: 17px}
	.main-key-art h1 {max-height: 120px; left: -7px}
	.content-tile {padding: 2em 1em; min-width: 200px}
	.content-tile .f19 {font-size: 15px}
	.software {min-width: 200px; margin-left: 0!important; padding-top: 2em; padding-bottom: 2em;order: 1}
	.team1 { order: 1}
	.teams {margin-right: 0; order: 3}
	.team-pitch { order: 2}
	.main-menu li {padding: 0 2px 0 0; letter-spacing: normal  }
	.main-menu {min-width: 340px; background-color: #eee; margin-top: 17px!important; padding: 14px!important; justify-content:space-between; box-sizing: border-box}
	.header-social {position: absolute; top: 34px; right: 17px}
	.big-cta {padding-right: 100px}
	.services-page-contents.p3 {padding: 1.4em}
	.cta-kicker::before {-12px}
	.footer-sales {margin-top: 1em}
	.services-contents .cta-kicker {margin-top: 0}
*/
	
	
	
}
@media screen and (max-width: 425px) {
	.team-vacanciec-btn {
		width: 100%;
	}
}
@media screen and (max-width: 380px){ 
	.launch-progress { padding-left: 64px; background-size: 49px 100%;}
	.integrations-list {transform: scale(.8);}
	.integrations-list.animate-self {animation: none; opacity: 1}
	textarea.input {min-height: 120px}
	.f70:not(.no-mobile),.f80:not(.no-mobile),.f50:not(.no-mobile) {font-size: 30px}
}
@media screen and (max-width: 345px) {
	.f70:not(.no-mobile),.f80:not(.no-mobile),.f50:not(.no-mobile) {font-size: 25px}
}
@media screen and (max-width: 325px) {
	.tile-row>.tile:not(.minwidth350),.tile-mini {min-width: 220px!important;}
	.p3 {
		padding: 1em;
	}
}
@media screen and (min-width: 780px) {
	.minwidth250 {
		min-width: 350px !important;
	}
}

/* Editool customizatons */
span.mark {background-color:#ffde00;}
.mark-brose span.mark {background-color:#f3859b;}
.inner-links-cblack a { color: #1d1d1f !important;}
.inner-span-cyellow .colored { color: #ffde00;}
.inner-strongs-m0 strong { margin: 0; }


/* Dark Mode */
@media (prefers-color-scheme: none ) {/* switched off temporarily */
	/* /* Editool customizatons DARK */
	span.mark {background-color:#8e740b;}
	.mark-brose span.mark {background-color:#af4e60;}
	.inner-links-cblack a { color: #eee !important;}
	.inner-span-cyellow .colored { color: #8e740b;}

	.header menu a:not(.button)::before { background-color: #fff;}
	.main-menu>li>ul:not(.bwhite) {background-color: rgba(0,0,0,.5);}

	body {background-color: black; color: #eee}
	.bblack {border-bottom: 2px solid white}
	
	.header a {color: white}
	a {color: #0c73f2}

	.b-black:not(.no-dark-mode) {border-color:white;color: white}
	.b-black:not(.no-dark-mode)::before {background-color: white;}
	.b-black:not(.no-dark-mode):hover {color: black!important}
	.b-black.share-button:not(.no-dark-mode)::after {filter:grayscale(1) invert(1) contrast(3.5);}
	
	.support-your-app-logo img {border: 4px solid white;}
	
	.b-black-filled:not(.no-dark-mode) {border-color:white;color: white}
	
	.b-black:hover {color: #000}
	
	.b-yellow:not(.no-dark-mode) {color: #000!important;}
	.b-yellow:not(.no-dark-mode):hover {border-color: #fff}
	
	.dark-mode-invert {filter: invert(1);}/* apply to any object that may be inverted in dark mode*/
	
	.input {background-color: #555;color: #fff;}
	.input::placeholder {color: #777}
	.input:focus {border-color: white}
	
	.header-fixed {background-color: rgba(0,0,0,.5);}
	.flying-logos div {background-color: rgba(0,0,0,.7);}
	
	.software-names:hover,.darker-on-hover:hover {background-color: #333}
	.software-active {background-color: #333}
	.earth-map-grey::before {filter:invert(1);}
	
	.facelist .box { background-color: #000; color: #eee}
	.screenshot {border-color:#000}
	.border-bottom-grey,.border-top-grey {border-color: #444; }
	
	/* services landings */
	.cloud-url {color: #eee; border-color: #666}
	.cloud-url:hover {background-color: #000}
	.arrows-down::before, .arrows-left-overlap::before {filter: invert(1)}
	.services-catalogue-list li:nth-child(odd) {background-color: #333}
	.ul-black-checkboxes li::before {filter: invert(1)}
	.dark-mode-invert.pictogram>span::after {filter: invert(1)!important}
	.dark-mode-invert.pictogram:hover>span::after {filter: invert(0)!important}
	.pictogram:not(.b-yellow)>span::after {filter: invert(1)}
	.pictogram:not(.b-yellow):hover>span::after {filter: invert(0)}
	.img-border-white {border-color:#000}
	.any-channel {border-color: #777}
	.services-catalogue-list li::before {filter: invert(1)}
	.video-background-light {background-color: rgba(0,0,0,.3)!important}
	.video-block:hover>div.video-background-light {background-color: rgba(0,0,0,.6)!important}
	.video-background-light .invert { filter: invert(0)}
	.bsystemwallpaper {background-image:linear-gradient(180deg, #474b6c 0%, #9c454d 33%, #916949 66%, #8e6c78 100%);}
	
	/* request form */
	.options-chooser li {background-color: rgba(0,0,0,.2)}
	
	/* REQUIRE REVIEW */	
	.bgrey {background-color:#242424;}
	.byellow,
	.yellow-circle::after,.b-yellow-bdf::before {background-color:#8e740b;}/* dark yellow */
	.bsepia {background-color: #353222;}
	.bcherry,.bbordo {background-color: #6b2639}
	.bmarine,.marine-triangle::after {background-color: #2d6266}
	.blightmarine {background-color: #264548}
	.bblue,.blightblue {background-color:#214868;}
	.bgreen {background-color:#4c6d2c;}
	.blightgreen {background-color:#2f3b23;}
	.bwhite {background-color:#000;}
	.bred {background-color:#5d211e;}
	.brose {background-color:#af4e60;}
	.bdark,
	.channels-list li::after,.channels-list li::before {background-color:#222;}
	.bwhite {background-color:#000;}
	.bpine {background-color:#384843;}
	.cblack {color: #eee}
	
	/* REQUIRE REVIEW */	
	.byellowgrey {background-image:linear-gradient(45deg, #8e740b, #242424);}
	.bgreyyellow {background-image:linear-gradient(45deg, #242424, #8e740b);}
	.bmarinegrey {background: linear-gradient(45deg, #2d6266, #242424);}
	.bredgrey {background: linear-gradient(45deg, #6b2639, #242424)}
	.bgreengrey {background: linear-gradient(45deg, #4c6d2c, #242424)}
	.bbluegrey {background: linear-gradient(45deg, #214868, #242424)}
	
}
/* dark mode mobile */
@media (prefers-color-scheme: none ) and (max-width: 900px)  {
	.main-menu>li>ul { border-right: 1px dotted white ! important; }
}

/* ebook-page */

.section-preview {
	position: relative;
	display: flex;
	margin-right: 17px;
}

.customer-experience-wrapper {
	position: relative;
	z-index: 5;
	flex: 2;
	display: flex;
	flex-direction: column;
	margin-right: 16px;
}

.corner {
	position: absolute;
	z-index: -1;
	top: 80px;
	right: -10px;
	width: 44px;
	height: 44px;
	background-color: #00ADF9;
	outline: solid 15px #ffffff;
	transform: rotate(45deg);
}

.customer-experience {
	width: 100%;
	min-height: 604px;
	padding: 10px 0 35px 33px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #00ADF9;
	box-sizing: border-box;
}

.customer-experience > h1 {
	width: 30%;
	margin-bottom: 0;
}
.ebook-hand-img {
	display: flex;
	justify-content: flex-end;
	padding-right: 90px;
	box-sizing: border-box;
}
.customer-experience > p {
	margin-top: 40px;
}
.customer-care {
	width: 100%;
	min-height: 257px;	
	margin-top: 17px;
	padding: 0 29px 0 48px;
	background-color: #EDECED;
	box-sizing: border-box;
}

.trendbook-preview {
	flex: 1;
	min-height: 877px;
	padding: 55px 41px 0 42px;
	background-color: #ABE3FB;
	box-sizing: border-box;
}
.trendbook-preview-mobile {
	display: none;
}
.trendbook-preview-sticky {
	position: sticky;
	top: 150px;
	margin-bottom: 50px;
}
.book-slider {
	position: relative;
	min-height: 263px;
	margin-bottom: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.book-slider > button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

.btn-prev {
	transform: rotate(180deg);
}

.invisible {
	visibility: hidden;
}

.book-slider-item-wrapper {
	display: flex;
	justify-content: center;
}

.book-slide-item {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 186px;
	height: 263px;
	background-color: #fff;
	box-shadow: 0 8px 17px rgba(0,0,0,.5);
	overflow: hidden;
}

.book-slide-item > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.book-slide-item:nth-child(1) {
	margin: 26px 0 0 46px;
	z-index: 1;
}
.book-slide-item:nth-child(2) {
	margin: 13px 0 0 21px;
	z-index: 2;
}
.book-slide-item:nth-child(3) {
	z-index: 3;
}

.animate-slide {
	animation: sliding .2s ease;
}

@keyframes sliding {
	0% {
		transform: translate(10px, 10px);
		opacity: 0;
	}
	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}

@media screen and (max-width: 920px) {
	.trendbook-preview { 
		display: none;
	}
	.trendbook-preview-mobile {
		display: block;
		margin-top: 16px;
		min-height: 500px;
		padding: 40px 30px 38px 30px;
	}
	.trendbook-preview-mobile .trendbook-preview-sticky {
		position: static;
		margin-bottom: 0px;
	}

	.section-preview {
		flex-direction: column;
	}
	.customer-experience-wrapper {
		margin-right: 0;
	}
	.corner {
		display: none;
	}

	.book-slider {
		margin-bottom: 60px;
		justify-content: space-around;
	}
}

@media screen and (max-width: 650px) {
	.customer-experience {
		min-height: 402px;
	}
	.book-slider {
		justify-content: space-between;
	}
	.customer-experience > p {
		padding-right: 30px;
	}
	.customer-experience .f70 {
		font-size: 60px;
	}
}

@media screen and (max-width: 490px) {
	.customer-experience .f70 {
		font-size: 40px;
	}
	.ebook-hand-img {
		padding-right: 30px;
	}
	.ebook-hand-img > img {
		width: 70px;
		height: 107px;
	}
	
}

@media screen and (max-width: 420px) {
	.trendbook-preview {
		padding: 40px 0 0 0;
	}
	.trendbook-preview-title {
		padding-left: 30px;
		box-sizing: border-box;
	}
	.book-slider {
		width: 100%; 
		align-items: flex-start;
	}
	.book-slider-item-wrapper {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.btn-prev {
		align-self: center;
		position: absolute;
		left: 10px;
	}
	.btn-next {
		align-self: center;
		position: absolute;
		right: 10px;
	}
	.customer-care {
		padding: 40px 30px;
		box-sizing: border-box;
	}
	.customer-care .f20 {
		font-size: 18px;
	}
}

@media screen and (max-width: 375px) {
	.book-slide-item {
		width: 162px;
		height: 230px;
	}
	.btn-next {
		align-self: center;
		position: absolute;
		right: 0px;
	}
	.customer-experience .f70 {
		font-size: 30px;
	}
	.ebook-hand-img > img {
		width: 55px;
		height: 87px;
	}
}

/* section founder */
.section-trendbook-founder {
	margin-top: 17px;
	min-height: 532px;
}
.trendbook-founder-photo {
	max-width: 317px;
	height: 532px;
	margin-right: 16px;
}
.trendbook-founder-photo > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trendbook-founder-content {
	height: 532px;
	padding: 40px 48px 56px 48px;
	box-sizing: border-box;
}
.trendbook-founder-awards {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}
.trendbook-founder-awards > div:nth-child(1) {
	max-width: 220px;
	height: 52px;
	margin-right: 20px;
}
.trendbook-founder-awards > div:nth-child(2) {
	max-width: 120px;
	height: 120px;
}
.trendbook-founder-awards > div > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (min-width: 1600px) {
	.trendbook-founder-content > p {
		max-width: 600px;
	}
	.trendbook-founder-awards {
		justify-content: flex-start;
		gap: 33px;
	}
}
@media screen and (max-width: 1190px) {
	.trendbook-founder-content {
		padding: 40px 30px 56px 30px;
	}
}
@media screen and (max-width: 1145px) {
	.trendbook-founder-photo {
		height: 600px;
	}
	
	.trendbook-founder-content {
		height: 600px;
	}
}
@media screen and (max-width: 1100px) {
	.trendbook-founder-photo {
		max-width: 280px;
	}
	.trendbook-founder-content {
		padding: 25px 15px 30px 15px;
	}
}

@media screen and (max-width: 1024px) {
	.section-trendbook-founder {
		flex-direction: column;
	}
	.trendbook-founder-photo {
		max-width: 100%;
		height: 420px;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.trendbook-founder-photo > img {
		object-position: top;
	}
	.trendbook-founder-content {
		min-height: 420px;
		padding: 40px 48px 56px 48px;
	}
}
@media screen and (max-width: 920px) {
	.section-trendbook-founder {
		flex-direction: row;
	}
	.trendbook-founder-photo {
		max-width: 317px;
		height: 530px;
		margin-right: 16px;
		margin-bottom: 0;
	}
	.trendbook-founder-content {
		height: 530px;
		padding: 40px 48px 56px 48px;
	}
}
@media screen and (max-width: 730px) {
	.trendbook-founder-content {
		padding: 40px 30px 56px 30px;
	}
}
@media screen and (max-width: 690px) {
	.trendbook-founder-photo {
		max-width: 280px;
		height: 530px;
	}
}
@media screen and (max-width: 660px) {
	.section-trendbook-founder {
		flex-direction: column;
	}
	.trendbook-founder-photo {
		max-width: 100%;
		height: 460px;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.trendbook-founder-photo > img {
		object-position: top;
	}
	.trendbook-founder-content {
		min-height: 420px;
		padding: 40px 48px 56px 48px;
	}
}
@media screen and (max-width: 470px) {
	.trendbook-founder-photo {
		max-width: 100%;
		height: 380px;
	}
	.trendbook-founder-photo > img {
		object-position: top;
	}
	.trendbook-founder-content {
		min-height: 380px;
		padding: 40px 40px 39px 30px;
	}
}
@media screen and (max-width: 375px) {
	.trendbook-founder-photo {
		max-width: 100%;
		height: 320px;
	}
	.trendbook-founder-content {
		min-height: 380px;
		padding: 40px 15px 39px 15px;
	}
}

/* Section best practice */

.best-practice {
	margin-top: 16px;
}

.customer-service-during {
	width: 100%;
	min-height: 126px;
	background-color: #C13664;
	padding: 0 40px;
	box-sizing: border-box;
}

.brands-list {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 7px;
	margin-top: 6px;
}

.brand-item {
	min-height: 135px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #C13664;
}

.brand-item:last-child {
	margin-right: 0;
}

.trendbook-brands-info {
	min-height: 98px;
	margin-top: 6px;
	padding: 19px 50px 25px 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 920px) {
	.customer-service-during > p {
		font-size: 20px;
	}
}
@media screen and (max-width: 520px) {
	.trendbook-brands-info {
		display: none;
	}
}
@media screen and (max-width: 480px){
	.brands-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 6px;
	}
	.brand-item {
		margin: 0;
	}
}


/* section after-reading */
.section-trendbook-after-reading {
	margin-top: 17px;
}
.after-reading-title {
	width: 100%;
	min-height: 134px;
	padding-left: 29px;
	background-color: rgb(109,174,57);
	box-sizing: border-box;
}

.after-reading-title > h3 {
	margin: 0;
}

.after-reading-lists {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	background: rgb(109,174,57);
	background: linear-gradient(180deg, rgba(109,174,57,1) 0%, rgba(237,236,237,1) 100%);
}

.after-reading-list-item {
	width: 100%;
	min-height: 80px;
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	padding-left: 29px;
	box-sizing: border-box;
	border-top: 6px solid #fff;
}

.after-reading-list-item:last-child {
	margin-bottom: 0;
	background-color: #EDECED;
}

.after-reading-list-item > div {
	position: absolute;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	border-radius: 50%;
	background-color: #000;
}

.after-reading-list-item > p {
	margin-left: 80px;
}

@media screen and (max-width: 920px) {
	.after-reading-title > h3 {
		font-size: 26px;
	}
	.after-reading-list-item > div {
		font-size: 20px;
	}
	.after-reading-list-item > p {
		font-size: 20px;
	}
}
@media screen and (max-width: 460px) {
	.after-reading-title {
		padding: 0 15px 0 29px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.after-reading-list-item {
		padding: 0 15px 0 29px;
	}
}
@media screen and (max-width: 420px) {
	.after-reading-title > h3 {
		font-size: 20px;
	}
	.after-reading-list-item > div {
		width: 32px;
		height: 32px;
		font-size: 16px;
	}
	.after-reading-list-item > p {
		font-size: 16px;
	}
}

@media screen and (max-width: 390px) {
	.after-reading-list-item > p {
		margin-left: 50px;
	}
}

/* section ebbok-form */

.section-ebook-form {
	background-color: #EDECED;
	padding: 40px 0 38px 0;
	box-sizing: border-box;
}
.scroll-target {
 position: absolute;
 top: -150px;
}

.ebook-form-block {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}

.ebook-form {
	position: relative;
	display: flex;
	flex-direction: column;
}

.ebook-form-label {
	width: 358px;
	display: flex;
	flex-direction: column;
}


.ebook-form-label > input {
	height: 43px;
	padding-left: 13px;
	border: 2px solid #999999;
	outline-color: #FFDE00;
}
.ebook-form-label > input::placeholder {
	opacity: 0.3;
}

.ebook-form-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
}
/* custom checkbox */
.ebook-form-checkbox > input {
	position: absolute;
  z-index: -1;
  opacity: 0;
}

.ebook-form-checkbox > span {
	display: inline-flex;
  align-items: center;
  user-select: none;
}

.ebook-form-checkbox > span::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid #999999;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.ebook-form-checkbox > input:not(:disabled):active+span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.ebook-form-checkbox > input:checked+span::before {
  border-color: #000;
  background-color: #FFDE00;
  background-image: url("../img/ebook/check.svg");
}

.form-tooltip-btn {
	position: relative;
	bottom: 32px;
	right: 5px;
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
}

.form-tooltip-btn > span {
	width: 19px;
	height: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'SFPro bold';
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
}

.form-tooltip-btn > span:hover {
	animation: bounce .6s ease-in-out;
}

.form-tooltip {
	display: flex;
	flex-direction: column;
}

.tooltip-content {
	display: none;
}

.tooltip-content-enable {
	position: absolute;
	z-index: 100;
	width: 500px;
	bottom: 180px;
	right: -20px;
	min-height: 204px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 45px;
	background-color: #fff;
	border: 2px solid #999999;
}

.tooltip-content > a {
	max-width: 141px;
	height: 40px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tooltip-corner{
	position: relative;
	top: 33px;
	left: 11px;
	width: 25px;
	height: 25px;
	margin-left: auto;
	transform: rotate(45deg);
	background-color: #fff;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}

.download-btn {
	position: relative;
	width: 358px;
	height: 40px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
}
.ebook-form p.error {
	position: relative;
	top: -30px;
	margin: 0;
	padding: 0;
	height: 0;
	color: red;
	transform: translateY(0);
	opacity: 0;
	transition: all 0.3s ease;
	cursor: default;
}
.ebook-form p.error.show {
	transform: translateY(10px);
	opacity: 1;
}

@media screen and (max-width: 840px) {
	.tooltip-content-enable {
		max-width: 360px;
	}
	.one .form-tooltip .tooltip-corner {
		top: 21px;
	}
	.two .form-tooltip .tooltip-corner {
		top: 22px;
	}
}

@media screen and (max-width: 560px) {
	.tooltip-content-enable {
		max-width: 280px;
		align-items: center;
	}
	.one .form-tooltip .tooltip-corner {
		top: 15px;
	}
	.two .form-tooltip .tooltip-corner {
		top: 15px;
	}
	.tooltip-content > a {
		padding: 0px 12px;
	}
}

@media screen and (max-width: 420px) {
	.ebook-form-block {
		transform: scale(0.85);
	}
}

@media screen and (max-width: 390px) {
	.ebook-form-block {
		transform: scale(1);
	}
	.section-ebook-form {
		padding: 40px 30px 35px 30px;
	}
	.ebook-form-block {
		position: static;
	}
	.ebook-form-block .f30 {
		font-size: 28px !important;
	}
	.ebook-form {
		position: static;
		width: 100%;
	}
	
	.ebook-form-label {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.trendbook-preview .ebook-form-block{
		padding: 0 30px;
		box-sizing: border-box;
	}
	.download-btn {
		width: 100%;
		height: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.download-btn > span {
		margin-top: 3px;
	}
	.form-tooltip-btn {
		left: 0px;
	}
	.tooltip-content-enable {
		padding: 10px 15px;
		bottom: 200px;
	}
	.two .form-tooltip .tooltip-corner {
		top: 25px;
		left: -3px;
	}
}

@media screen and (max-width: 340px) {
	.tooltip-content-enable {
		bottom: 240px;
	}
	.two .form-tooltip .tooltip-corner {
		top: 25px;
		left: -3px;
	}
	.tooltip-content-enable {
		left: -40px;
	}
}
@media screen and (max-width: 320px) {
	.tooltip-content-enable {
		left: -45px;
	}
	.form-tooltip-btn {
		left: 15px;
	}
	.two .form-tooltip .tooltip-corner {
		left: -11px;
	}
}

/* section banner */

.trendbook-big-cta {
	min-height: 358px;
}
.trendbook-big-cta .trendbook-cta-wrapper {
	min-height: 358px;
	background-image: url('../img/ebook/bg-cta.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.trendbook-main-cta {
	padding-top: 74px;
	padding-left: 122px;
	box-sizing: border-box;
}
.trendbook-main-cta > h2 {
	margin: 0;
}
.trendbook-main-cta > p {
	margin-top: 28px;
	margin-bottom: 48px;
}
.trendbook-main-cta .round-arrow::before {
	filter: invert(1);
}
.trendbook-main-cta .b-yellow {
	color: white;
	border-color: white;
}
.trendbook-main-cta .b-yellow::after {
	background-color: transparent;
}
.trendbook-main-cta .b-yellow:not(.b-input):hover {
	color: #000 !important;
}
.trendbook-main-cta .round-arrow::before {
	filter: none;
}
.trendbook-main-cta .round-arrow::after {
	background-image: url('../img/ebook/round-arrow-white.svg');
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-15px);} 
	60% {transform: translateY(-5px);} 
}

/* trendbook carousel */

.trendbook-carousel .flying-logos-wrapper {
	transform: translateX(100px) rotate(25deg);
	min-height: 228px;
}
.trendbook-carousel .flying-logos{
	top: -200px;
	left: 0px;
	animation-duration: 30s;
}
.trendbook-carousel .flying-logos div {
	width: 450px;
	min-height: 120px;
	max-height: 200px;
	background-color: transparent;
	box-shadow: none;
	transform: rotate(-25deg);
}
.trendbook-carousel .flying-logos img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.trendbook-mobile-carousel {
	display: none;
}

@media screen and (max-width: 1024px) {
	.trendbook-carousel .flying-logos-wrapper {
		transform: translateX(80px) rotate(25deg);
	}
	.trendbook-main-cta {
		padding-top: 74px;
		padding-left: 80px;
	}
}
@media screen and (max-width: 920px) {
	.trendbook-carousel .flying-logos div {
		min-height: 75px;
		min-width: 250px;
		margin: 0;
	}
}
@media screen and (max-width: 860px) {
	.trendbook-main-cta {
		padding-top: 54px;
		padding-left: 60px;
	}
}
@media screen and (max-width: 750px) {
	.trendbook-carousel {
		display: none;
	}
	.trendbook-mobile-carousel {
		display: flex;
	}
	.trendbook-cta-wrapper {
		flex-direction: column;
	}
	.trendbook-big-cta .trendbook-cta-wrapper {
		background-image: url('../img/ebook/big-cta-mobile.jpg');
	}

	.trendbook-mobile-carousel .flying-logos-wrapper {
		transform: translateX(150px) rotate(90deg);
		min-height: 380px;
	}
	.trendbook-mobile-carousel .flying-logos {
		top: -400px;
	}
	.trendbook-mobile-carousel .flying-logos:nth-child(1) {
		left: -150px;
		animation-duration: 20s;
	}
	.trendbook-mobile-carousel .flying-logos:nth-child(2) {
		animation-duration: 40s;
		left: 10px;
		animation-name: logos-scroll-3-1;
	}
	.trendbook-mobile-carousel .flying-logos div {
		min-width: 180px;
		min-height: 200px;
		background-color: transparent;
		box-shadow: none;
		transform: rotate(-107deg);
		box-sizing: border-box;
		margin: 0;
	}
	.trendbook-mobile-carousel .flying-logos img {
		max-width: 100%;
		max-height: 100%;
	}
}
@media screen and (max-width: 520px) {
	.trendbook-main-cta {
		display: flex;
		flex-direction: column;
		padding: 40px 15px 0 30px;
	}
	.trendbook-main-cta .f30 {
		font-size: 28px !important;
	}
	.trendbook-main-cta > a {
		display: flex;
		justify-content: center;
	}
	.trendbook-main-cta .round-arrow::after {
		background-image: url('../img/ebook/round-arrow-white.svg');
		background-position: 65% center;
	}
	.trendbook-mobile-carousel .flying-logos div {
		min-width: 120px;
		min-height: 150px;
	}
	.trendbook-mobile-carousel .flying-logos:nth-child(1) {
		left: -150px;
		animation-duration: 15s;
		animation-name: logos-scroll-5-1;
	}
	.trendbook-mobile-carousel .flying-logos:nth-child(2) {
		animation-duration: 30s;
		left: 10px;
		animation-name: logos-scroll-5-2;
	}
}
@media screen and (max-width: 430px) {
	.trendbook-main-cta .round-arrow::after {
		background-position: 70% center;
	}
}
@media screen and (max-width: 375px) {
	.trendbook-main-cta .round-arrow::after {
		background-position: 75% center;
	}
}

/* css helpers for ebook-form */
.mb50 {
	margin-bottom: 50px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb15 {
	margin-bottom: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt13 {
	margin-top: 13px;
}
.mt10 {
	margin-top: 10px;
}

/* Price page */
.service_list {
	display: flex;
	flex-direction: column;
	padding: 0;
}
.service_list > li {
	width: 100%;
	height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.service_list > li > span {
	margin-right: 15px;
}

.hide {
	visibility: hidden;
}

/* Career page update */

/* setting class */
.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}
.bgyellow {
	background-color: #FFDD00;
}

.video-play-button {
	font-size: 15px;
}

.hr-section .team-description > h2 {
	max-width: 600px;
} 

.hr-section .team-description > p {
	max-width: 620px;
	padding-left: 22px;
}
/* css style for page */
.section-sup-here {
	padding: 50px 0;
}
@media screen and (max-width: 1150px) {
	.section-sup-here {
		text-align: center;
		padding: 50px 20px;
	}
}
@media screen and (max-width: 1024px) {
	.hr-section .team-description > p {
		padding-left: 0;
	}
}


.who-are-row-1 {
	min-height: 300px;
	padding: 0 60px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 16px;
}
.who-are-row-1 > h2 {
	margin: 0;
}
.who-are-row-1 > h3 {
	margin: 0;
	font-size: 50px;
}
.who-are-row-1 > p {
	margin: 10px 0 0 0;
	line-height: 18px;
}
.who-are-row-1:last-child {
	margin-right: 0px;
}

.who-are-row-2 {
	height: 300px;
	display: flex;
	flex-direction: column;
	padding: 30px 50px 0 50px;
	box-sizing: border-box;
	margin: 16px 16px 0 0;
	overflow: hidden;
}
.who-are-row-2:last-child {
	margin: 16px 0px 0 0;
}
.who-are-row-2 > h3 {
	margin: 0;
	font-size: 50px;
}
.who-are-row-2 > p {
	margin: 10px 0 0 0;
	line-height: 18px;
}

@media screen and (min-width: 1600px) {
	.who-are-row-1 > h3 {
		font-size: 60px;
	}
	.who-are-row-2 > h3 {
		font-size: 60px;
	}
}
@media screen and (max-width: 1360px) {
	.who-are-row-1 > h3 {
		font-size: 40px;
	}
	.who-are-row-2 > h3 {
		font-size: 40px;
	}
}
@media screen and (max-width: 1180px) {
	.who-are-row-2 {
		height: 320px;
		padding: 30px 30px 0 30px;
	}
}
@media screen and (max-width: 1092px) {
	
}
@media screen and (max-width: 1024px) {
	.who-are-row {
		flex-direction: column;
	}
	.who-are-row-1 {
		width: 100%;
		min-height: 220px;
		margin: 16px 0 0 0;
		padding: 30px 30px;
		box-sizing: border-box;
	}
	.who-are-row-1:first-child {
		margin-top: 0;
	}
	.who-are-row-2 {
		min-height: 220px;
		width: 100%;
		margin: 16px 0 0 0;
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 420px) {
	.who-are-row-1 > h3 {
		font-size: 36px;
	}
	.who-are-row-2 > h3 {
		font-size: 36px;
	}
	.who-are-row-1 > p {
		font-size: 14px;
	}
	.who-are-row-2 > p {
		font-size: 14px;
	}
}

/* Career awards section */
.career-award-block {
	height: 414px;
}
.career-award-block:nth-child(1) {
	flex: 1;
	margin-right: 16px;
}
.career-award-block:nth-child(2) {
	flex: 1;
	margin-right: 16px;
}
.career-award-block:nth-child(3) {
	flex: 1;
}

@media screen and (min-width: 1800px) {
	.career-award-block {
		height: 500px;
	}
}
@media screen and (max-width: 800px) {
	.section-awards {
		flex-wrap: wrap;
	}

	.career-award-block:nth-child(1) {
		width: calc(50% - 16px);
		flex: none;
	}
	.career-award-block:nth-child(2) {
		width: 50%;
		flex: none;
		margin-right: 0px;
	}
	.career-award-block:nth-child(3) {
		width: calc(50% - 16px);
		flex: none;
		margin-right: 0px;
		margin-top: 16px;
	}
}
@media screen and (max-width: 620px) {
	.section-awards {
		display: none;
	}
}

/* How we work section */

.how-we-work-section > div {
	min-height: 400px;
}
.how-we-work-section > div:first-child {
	margin-right: 16px;
	padding-left: 60px;
	box-sizing: border-box;
}
.how-we-work-section > div > h2 {
	margin: 70px 0 25px 0;
}
.how-we-work-section > div > p {
	max-width: 680px;
	line-height: 18px;
}

.how-we-work-section > div:last-child > div {
	min-height: 400px;
	background-image: url("../img/career/how-work-img.jpg");
}

@media screen and (min-width: 1600px) {
	.how-we-work-section > div > p {
		max-width: 80%;
	}
}
@media screen and (max-width: 800px) {
	.how-we-work-section .flex-2 {
		flex: none;
	}
	.how-we-work-section .flex-3 {
		flex: none;
	}
	.how-we-work-section {
		flex-direction: column;
	}
	.how-we-work-section > div {
		height: 100%;
	}
	.how-we-work-section > div:first-child {
		width: 100%;
		order: 2;
		margin: 16px 0 0 0;
		padding: 0 60px 77px 71px;
	}
	.how-we-work-section > div:last-child {
		order: 1;
	}
	.how-we-work-section > div:last-child {
		width: 100%;
	}
	.how-we-work-section > div > h2 {
		margin: 25px 0 25px 0;
	}
	.how-we-work-section > div > p {
		max-width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.how-we-work-section > div:first-child {
		padding: 0 30px 30px;
	}
}
@media screen and (max-width: 340px) {
	.how-we-work-section .f50 {
		font-size: 30px;
	}
	.how-we-work-section .f15 {
		font-size: 13px;
	}
}

/* How we care section */
.how-we-care-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 200px;
	padding: 0 60px;
	background-color: #B34264;
	box-sizing: border-box;
}
.how-we-care-section .button {
	width: 304px;
	padding: 12px 27px;
	text-transform: capitalize;
}
.how-we-care-section > div p  {
	margin-top: 8px;
}
.how-we-care-section > a {
	margin: 0;
}

@media screen and (max-width: 1180px) {
	.how-we-care-section > div p  {
		margin-right: 15px;
	}
}
@media screen and (max-width: 1134px) {
	.how-we-care-section .button {
		padding: 12px 15px;
	}
}
@media screen and (max-width: 770px) {
	.how-we-care-section {
		padding-top: 20px;
		padding-bottom: 20px;
		flex-direction: column;
		justify-content: center;
	}
	.how-we-care-section > div {
		text-align: center;
	}
	.how-we-care-section > div p  {
		margin-right: 0;
	}
	.how-we-care-section > a {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.how-we-care-section .button {
		max-width: 290px;
		padding: 12px 7px;
	}
}
@media screen and (max-width: 420px) {
	.how-we-care-section {
		padding: 20px 10px;
	}
}
@media screen and (max-width: 390px) {
	.how-we-care-section .button {
		max-width: 270px;
		padding: 10px 10px;
		font-size: 12px;
	}
}
@media screen and (max-width: 340px) {
	.how-we-care-section .button {
		max-width: 240px;
	}
}

/* Career Slider section */
.career-slider-section {
	width: 100%;
	min-height: 481px;
}
.career-slider-item {
	min-height: 481px;
	display: flex;
	gap: 6px;
}
.career-slider-item-photo {
	width: 50%;
}
.career-slider-item-photo > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.career-slider-item-content {
	width: 50%;
	padding: 58px 49px 55px 53px;
	box-sizing: border-box;
}
.career-slider-item-content > h4 {
	margin: 0;
}
.career-slider-item-content > p {
	margin-top: 20px;
	margin-bottom: 0;
}

/* Tiny slider settings */
.career-slider-height {
	height: 481px;
}
.career-slider-section #tns1-iw {
	margin-left: 0;
}
.career-slider-controls {
	position: absolute;
	right: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
	overflow-x: hidden;
}
.career-slider-controls > li {
	position: absolute;
	width: 127px;
	height: 127px;
	padding-left: 30px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	background: transparent;
	box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	box-sizing: border-box;
	cursor: pointer;
}

.career-slider-controls > li:nth-child(1) {
	transform: rotate(180deg);
	left: -30px;
}
.career-slider-controls > li:nth-child(2) {
	right: -70px;
}

@media screen and (max-width: 1395px) {
	.career-slider-height {
		height: 500px;
	}
}
@media screen and (max-width: 1340px) {
	.career-slider-height {
		height: 580px;
	}
}
@media screen and (max-width: 1270px) {
	.career-slider-item-content {
		padding: 58px 30px 55px 30px;
	}
}
@media screen and (max-width: 1110px) {
	.career-slider-height {
		height: 640px;
	}
}
@media screen and (max-width: 1054px) {
	.career-slider-item-content {
		padding: 58px 15px 55px 15px;
	}
}
@media screen and (max-width: 1024px) {
	.career-slider-item {
		gap: 16px;
	}
	.career-slider-height {
		height: 480px;
	}
	.career-slider-item-content {
		padding: 58px 49px 55px 53px;
	}
}
@media screen and (max-width: 720px) {
	.career-slider-height {
		height: 580px;
	}
}
@media screen and (max-width: 640px) {
	.career-slider-item-content {
		padding: 58px 39px 55px 43px;
	}
}
@media screen and (max-width: 607px) {
	.career-slider-item-photo {
		width: 40%;
	}
	.career-slider-item-content {
		width: 60%;
	}
}
@media screen and (max-width: 515px) {
	.career-slider-item {
		flex-direction: column;
	}
	.career-slider-item-photo {
		width: 100%;
	}
	.career-slider-item-content {
		width: 100%;
	}
	.career-slider-height {
		height: 480px;
	}
}

@media screen and (max-width: 355px) {
	.career-slider-item-photo {
		height: 380px;
	}
	.career-slider-item-content {
		padding: 58px 15px 55px 15px;
	}
}

/* What you'll get section */

.what-get-section {
	min-height: 800px;
}

.what-get-wrapper {
	margin-right: 16px;
}
.what-get-wrapper > div {
	background-color: #75CBD4;
	padding: 30px 0 30px 60px;
	box-sizing: border-box;
}

.get-you-lists {
	width: 100%;
	padding: 0;
	margin: 0;
}
.get-you-item {
	min-height: 66px;
	display: flex;
	align-items: center;
	margin: 4px 0 0 0;
	padding-left: 30px;
	box-sizing: border-box;
	background-color: #DCF4F6;
}
.get-you-item:hover.darker-on-hover:hover {background-color: #c0f1f6;}
.get-you-item:first-child {
	margin: 8px 0 0 0;
}
.get-you-item > div {
	width: 28px;
	height: 28px;
	margin-right: 15px;
}
.get-you-item > div > img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.what-get-photo {
	min-height: 800px;
	display: flex;
	align-items: center;
}
.what-get-photo > div {
	min-height: 600px;
}

@media screen and (max-width: 1200px) {
	.what-get-photo > div {
		min-height: 500px;
	}
}
@media screen and (max-width: 990px) {
	.what-get-photo > div {
		min-height: 450px;
	}
}
@media screen and (max-width: 900px) {
	.what-get-section {
		flex-direction: column;
	}
	.what-get-photo {
		min-height: 100%;
		margin-top: 16px;
	}
	.what-get-photo > div {
		min-height: 600px;
	}
	.what-get-wrapper {
		margin-right: 0px;
	}
}
@media screen and (max-width: 700px) {
	.get-you-item {
		padding-right: 30px;
	}
}
@media screen and (max-width: 600px) {
	.what-get-photo > div {
		min-height: 350px;
	}
}
@media screen and (max-width: 580px) {

}
@media screen and (max-width: 390px) {
	.what-get-wrapper > div {
		background-color: #75CBD4;
		padding: 30px 0 30px 30px;
		box-sizing: border-box;
	}
	.what-get-photo > div {
		min-height: 300px;
	}
}
@media screen and (max-width: 375px) {
	.get-you-item .f20 {
		font-size: 15px !important;
	}
}

/* Section message */
.message-yellow {
	background-color: #FFDE00;
}
.message-blue {
	background-color: #4980B5;
}
.message-rose {
	background-color: #B34264;
}

.section-message-header {
	padding: 56px 0 56px 60px;
}
.section-message-header > h2 {
	margin: 0;
}
.section-message-header > p {
	margin: 8px 0 0 0;
}

.message-item-box {
	padding: 50px 53px 50px 47px;
	box-sizing: border-box;
}
.message-item-box:last-child.tile {
	margin-right: 0;
}
.message-avatar-block {
	display: flex;
	align-items: center;
}
.message-avatar {
	width: 78px;
	height: 78px;
	margin-right: 17px;
}
.message-avatar > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.message-avatar-info > p {
	margin: 0;
}

@media screen and (max-width: 590px) {
	.section-message-header {
		padding: 56px 30px 56px 30px;
		text-align: center;
	}
}
@media screen and (max-width: 340px) {
	.section-message-header {
		padding: 56px 15px 56px 15px;
	}
}

/* Select language */

.lang-menu-container {
	width: 64px;
	min-height: 35px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.select-wrapper {
	position: absolute;
	top: 28px;
	width: 64px;
	height: 35px;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	border: 2px solid black;
	border-radius: 6px;
	background-color: transparent;
}
.select-open {
	height: 60px;
}

.selected-element-block {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.selected-element-block > img {
	transition: .3s ease-out;
}
.select-open .selected-element-block > img {
	transform: rotate(180deg);
	transition: .3s ease-in;
}
.selected-element {
	margin-right: 5px;
}
.select-menu {
	width: 100%;
	height: 100%;
}

.select-menu > div > a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	padding-right: 12px;
	box-sizing: border-box;
}

.lang-menu-1 {
	display: none;
	transition: .5s ease;
}

@media screen and (max-width: 1292px) {
	.header-social li {
		padding: 0 5px 0 0;
	}
	.header-social li:first-child {
		padding: 0 5px 0 5px;
	}
	.main-menu li {
		padding: 0 10px 0 0;
	}
}

@media screen and (max-width: 1195px) {
	.lang-menu-2 {
		display: none;
	}
	.lang-menu-1 {
		display: flex;
	}
	.lang-menu-container {
		min-height: 36px;
	}
	.lang-menu-container > .select-wrapper {
		top: 0;
	}
}

@media screen and (max-width: 945px) {
	.main-menu li {
		padding: 0;
	}
	.lang-menu-container > .select-wrapper {
		right: 2px;
	}
}
@media screen and (max-width: 900px) {
	.lang-menu-1 {
		display: none;
	}
	.lang-menu-hide {
		display: none;
	}
	.lang-menu-2 {
		display: flex;
		position: absolute;
		top: 25px;
		right: 70px;
	}
}

/* Big Cta Tile */
@media screen and (max-width: 390px) {
	.career-big-cta .big-cta-pitch > h3 {
		font-size: 30px !important;
	}
	.career-big-cta.big-cta-tile {
		padding: 0;
	}
}

/* fixed-download-btn */

.fixed-download-btn {
	display: none;
	position: fixed;
	top: 92px;
	left: 0;
	right: 0;
	z-index: 9;
	width: 100%;
	height: 80px;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,1);
	animation: showDownloanBtn .2s ease-in;
	transform: translateZ(100px);
}

.show-fixed-download-btn {
	display: flex;
}
@keyframes showDownloanBtn {
	0% {
		top: 40px;
		opacity: 0;
	}
	100% {
		top: 92px;
		opacity: 1;
	}
}

@media screen and (max-width: 390px) {
	.fixed-download-btn {
		padding: 0 30px;
		box-sizing: border-box;
	}
}
.thanks-for-download-section {
	min-height: 490px;
	display: flex;
	align-items: stretch;
	gap: 17px;
}
.ebook-download-block {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 30px 32px 50px;
	box-sizing: border-box;
	background: rgb(0,172,248);
	background: -moz-linear-gradient(184deg, rgba(0,172,248,1) 0%, rgba(57,128,185,1) 100%);
	background: -webkit-linear-gradient(184deg, rgba(0,172,248,1) 0%, rgba(57,128,185,1) 100%);
	background: linear-gradient(184deg, rgba(0,172,248,1) 0%, rgba(57,128,185,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00acf8",endColorstr="#3980b9",GradientType=1);
}
.ebook-big-img {
	max-width: 440px;
	max-height: 330px;
}
.ebook-big-img > img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.ebook-download-block > h4 {
	align-self: flex-start;
	margin: 0;
}
.ebook-download-block > p {
	align-self: flex-start;
	margin: 0;
	margin-top: 15px;
}

.ebook-thanks-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 0 50px 32px 50px;
	box-sizing: border-box;
}
.thankyou-img-block {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.thankyou-img {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	border-radius: 50%;
}
.ebook-thanks-block > p {
	margin: 0;
}

.section-ebook-form.hidden, .thanks-for-download-section.hidden { display: none; }

@media screen and (max-width: 900px) {
	.ebook-download-block {
		display: none;
	}
}

@media screen and (max-width: 420px) {
	.ebook-thanks-block {
		padding: 0 30px 30px 30px;
	}
}

.lang-countries-block {
	flex: 2;
	display: flex;
	align-items: stretch;
	margin-right: 0;
}

.yellow-quotes {
	color: #FDB940;
}

.ceo-info {
	flex: 1;
	width: 250px;
	height: 95%;
	position: absolute;
	z-index: 1;
	right: 30px;
	bottom: 0;
}

.white-daria {
	width: 100%;
	height: 100%;
	background-image: url('../img/white-daria.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.black-daria {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.with-qoutes > span {
	position: relative;
	top: 15px;
}

@media screen and (max-width: 1280px) {
	.front-ceo-info-block {
		flex-direction: column;
	}
	.ceo-info {
		right: 30%;
	}
}

@media screen and (max-width: 1024px) {
	.ceo-info {
		right: 10%;
	}
}

@media screen and (max-width: 800px) {
	.ceo-info {
		right: 2%;
	}
}

@media screen and (max-width: 650px) {
	.lang-countries-block > .flex {
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.ceo-info {
		right: 0%;
	}
	.lang-countries-block {
		flex-direction: column;
	}
}

/* SIGN UP PAGE */

.account-header {
  position: static;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #fff;
}

.account-head-icon {
  margin-right: auto;
  width: 148px;
  height: 68px;
  align-self: flex-start;
}

.account-head-icon > img {
  position: relative;
  right: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-login-block {
  min-height: 480px;
  display: flex;
  gap: 18px;
}

.login-content {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #EDECED;
}

.login-content > h2 {
	margin: 60px 0 0 0;
}

.login-content > p {
  margin: 26px 0 29px 0;
  color: #888888;
}

.login-content .button {
  width: 326px;
	padding: 12px 0px 12px;
  text-transform: inherit;
  font-weight: 500;
}

.login-content > a {
	display: flex;
	align-items: center;
  color: #888888;
  text-transform: inherit;
	text-decoration: none;
}

.login-content > a > img {
  margin-right: 5px;
}

.loginform-action-block {
	width: 326px;
	color: #000;
}

.loginform-action-block .btn-corp-email {
  text-align: center;
}


.loginform-action-block .input-email-wrapper {
  display: flex;
  gap: 3px;
}

.input-email-wrapper > input {
  width: 100%;
  padding: 10px 10px;
  border: 2px solid #888888;
  border-radius: 5px;
}

.input-email-wrapper >  a {
  display: flex;
  align-items: center;
  color: #000;
}

.loginform-action-block .error-text {
  display: block;
  color: red;
  margin-top: 5px;
  padding-left: 10px;
}

.login-with-social {
  width: 326px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.login-with-social > a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: 0;
  text-transform: inherit;
}

.login-with-social > a > img {
  width: 25px;
  height: 25px;
  margin-right: 8px;
  filter: invert(1);
}

.login-with-social > a:last-child > img {
	margin-left: 10px;
}

.login-security-icons {
  width: 326px;
  margin: 40px 0 20px 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  
}

.login-security-icons > img {
  width: 90px;
  height: 40px;
  color: #888888;
}

.login-photo {
  flex: 1;
	display: flex;
	align-items: stretch;
}

.login-photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-find-company {
  margin-top: 30px;
}

.account-find-company > label {
  width: 350px;
  margin-right: 5px;
}

.input-email-wrapper {
	display: flex;
	gap: 3px;
}

.input-email-wrapper > input {
	flex: 3;
	width: 100%;
	padding: 10px;
	border: 2px solid #888888;
	border-radius: 5px;
	outline: none;
}

.input-email-wrapper > a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}

.progressbar-status-list > li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	background-color: transparent;
	animation: color-change 3s forwards;
}

.progressbar-status-list > li:last-child {
	margin-bottom: 0;
}

.status-hold > div {
	width: 13px;
	height: 13px;
	border: 2px solid rgb(182, 182, 182);
	border-radius: 50%;
}

.status-hold > span {
	color: rgb(182, 182, 182);
}

.status-pending > div {
	width: 13px;
	height: 13px;
	border-width: 2px;
	border-style: solid;
	border-color: #888888 #000000 #888888 #000000;
	border-radius: 50%;
	animation: spin-anim 1.2s linear infinite;
}
	
.status-pending >	span {
		color: #888888;
		background: linear-gradient(to right, #888888, rgb(0,0,0));
		background-size: 400% 100%;
		background-position: 0 0;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		transition: background-position 4s;
}

.active-status > span {
	background-position: 400px 0;		
}

.status-checked > div {
	width: 15px;
	height: 15px;
	background-image: url('../img/checked.svg');
	background-size: cover;
	background-repeat: no-repeat;
}

.status-checked > span {
	color: #000000;
}

@keyframes spin-anim {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 2200px) {
	.login-content .f40 {
		font-size: 60px;
	}
	.login-content .f18 {
		font-size: 25px;
	}
	.login-content .f15 {
		font-size: 20px;
	}
	.login-content .button {
		width: 426px;
	}
	.login-with-social {
		width: 426px;
	}
	.loginform-action-block {
		width: 426px;
	}
	.loginform-action-block .error-text {
		font-size: 18px;
	}
	.input-email-wrapper > input {
		font-size: 18px;
	}
	.progressbar-status-list .f14 {
		font-size: 18px;
	}
}

@media screen and (max-width: 1080px) {
  .login-photo {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .login-security-icons {
    width: 100%;
  }

	.login-content {
		padding: 15px;
	}

	.login-with-social {
		width: 100%;
	}
	.login-content .button {
		width: 100%;
	}

	.loginform-action-block {
		width: 100%;
	}

	.login-content > h2  {
		margin-top: 15px;
	}
}

@media screen and (max-width: 375px) {
	.login-with-social .f18{
		font-size: 15px !important;
	}
}

@media screen and (max-width: 345px) {
	.login-content .f15 {
		font-size: 14px !important;
	}
	.login-with-social .f18{
		font-size: 14px !important;
	}
	.login-content .button {
		font-size: 14px !important;
	}
}

@media screen and (max-width: 320px) {
	.login-content .f15 {
		font-size: 12px !important;
	}
	.login-with-social .f18{
		font-size: 12px !important;
	}
	.login-content .button {
		font-size: 12px !important;
	}
	.progressbar-status-list .f14 {
		font-size: 12px !important;
	}
}


/* BANNER for UK users */
.svg-man::after, .svg-man::before {background-image: url(../img/banner-photos/human_1.svg);background-position: 90% center; background-repeat: no-repeat; background-size: 18px 35px;}
.svg-man::before { filter: invert(1);background-color: #fff}


.banner-uk-users-wrapper {
	height: 90vh;
	display: flex;
	align-items: stretch;
	gap: 17px;
	cursor: default;
}

.banner-left-content {
	overflow: hidden;
}

.banner-left-content .banner-photo-wrapper{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: url('../img/banner-photos/banner-bg-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-left-content > .banner-content-wrapper {
	background-color: #FFDE00;
	display: flex;
	justify-content: flex-end;
}

.banner-left-content .banner-content {
	text-align: right;
	align-items: flex-end;
}

.banner-content-wrapper {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 3rem;
	box-sizing: border-box;
}

.banner-content {
	width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner-content > h2 {
	font-size: 64px;
	margin: 0;
}

.banner-content > p {
	font-size: 28px;
	margin-top: 27px;
	margin-bottom: 50px;
}

.banner-content > a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	padding: 16px 50px 14px;
	box-sizing: border-box;
	white-space: nowrap;
}

.banner-content > p:last-child {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 20px;
	margin: 0;
	margin-top: 27px;
	color: #B39F33;
	white-space: nowrap;
}

.banner-right-content {
	overflow: hidden;
}

.banner-right-content .banner-photo-wrapper {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: url('../img/banner-photos/banner-bg-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-right-content > .banner-content-wrapper {
	background-color: #EEECED;
	display: flex;
	justify-content: flex-start;
}

.banner-right-content .banner-content {
	text-align: left;
	align-items: flex-start;
}

.non-active-content-right {
	animation: content-slide-right .3s ease-out;
	transform: translateX(100%);
}

.non-active-content-left {
	animation: content-slide-left .4s ease-out;
	transform: translateX(-100%);
}

.active-content-right {
	animation: content-slide-right-to-center .3s ease-out;
	transform: translateX(0%);
}

.active-content-left {
	animation: content-slide-left-to-center .4s ease-out;
	transform: translateX(00%);
}

.active-photo {
	animation: photo-scale-up .3s ease-in;
}

.non-active-photo {
	animation: photo-scale-down .3s ease-out;
}

@keyframes content-slide-left {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}

@keyframes content-slide-right {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(100%);
	}
}

@keyframes content-slide-left-to-center {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes content-slide-right-to-center {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0%);
	}
}

@keyframes photo-scale-up {
	0% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes photo-scale-down {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
	}
}

@media screen and (max-width: 1440px){
	.banner-content > h2 {
		font-size: 40px;
	}
	
	.banner-content > p {
		font-size: 20px;
	}
	
	.banner-content > p:last-child {
		font-size: 16px;
	}
}

@media screen and (max-width: 1360px) {
	.banner-content .f25 {
		font-size: 20px;
	}
}

@media screen and (max-width: 1180px){
	.banner-photo-wrapper {
		background-position: 100% center;
	}

	.banner-content {
		width: 80%;
	}
	
	.banner-content > h2 {
		font-size: 35px;
	}
	
	.banner-content > p {
		font-size: 18px;
	}
	
	.banner-content > p:last-child {
		font-size: 16px;
	}

	.svg-man::after, .svg-man::before {
		background-position: 95% center;
	}
}

@media screen and (max-width: 1080px) {
	.banner-content .f25 {
		font-size: 18px;
	}
}

@media screen and (max-width: 940px) {
	.banner-content {
		width: 100%;
	}
	.banner-content > p:last-child {
		font-size: 14px;
	}
}

@media screen and (max-width: 880px) {
	.banner-content .f25 {
		font-size: 16px;
	}
}

@media screen and (max-width: 800px) {
	.banner-uk-users-wrapper {
		flex-direction: column;
	}

	.banner-left-content > .banner-content-wrapper {
		justify-content: center;
	}

	.banner-left-content .banner-content {
		align-items: center;
		text-align: center;
	}

	.banner-right-content > .banner-content-wrapper {
		justify-content: center;
	}

	.banner-right-content .banner-content {
		align-items: center;
		text-align: center;
	}

	.banner-left-content .banner-content > h2 > br {
		display: none;
	}

	.banner-right-content .banner-content > h2 > br {
		display: none;
	}

	.banner-right-content .banner-content > p:nth-of-type(1) {
		max-width: auto;
	}

	.banner-content .f25 {
		font-size: 20px;
	}

	.banner-content > p {
		margin: 1rem;
	}
}

@media screen and (max-width: 540px) {

	.banner-uk-users-wrapper {
		height: auto;
		min-height: 90vh;
	}

	.banner-content-wrapper {
		padding: 1rem;
	}

	.banner-content > h2 {
		font-size: 30px;
	}
	
	.banner-content > p {
		font-size: 18px;
	}
	
	.banner-content > p:last-child {
		font-size: 12px;
	}

	.banner-content .f25 {
		font-size: 18px;
	}

	/* .svg-man::after, .svg-man::before {
		background-position: 80% center;
	} */
}

@media screen and (max-width: 420px) {
	.banner-uk-users-wrapper {
		min-height: 100vh;
	}
	.banner-content .f25 {
		font-size: 16px;
	}
}

@media screen and (max-width: 375px) {
	.banner-content > h2 {
		font-size: 26px;
	}
	
	.banner-content > p {
		font-size: 16px;
	}
	
	.banner-content > p:last-child {
		font-size: 12px;
	}

	.banner-content .f25 {
		font-size: 16px;
	}
}

@media screen and (max-width: 340px) {
	.banner-content > h2 {
		font-size: 22px;
	}
	
	.banner-content > p {
		font-size: 14px;
	}
	
	.banner-content > p:last-child {
		font-size: 11px;
	}

	.banner-content .f25 {
		font-size: 14px;
	}

	.banner-content > p {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 325px) {
	.banner-content .f25 {
		font-size: 12px;
	}
}

@media screen and (max-width: 300px) {
	.banner-content > p:last-child {
		white-space: pre-wrap;
	}
}

.referral-banner {
	background: linear-gradient(120deg, rgba(255,222,0,1) 0%, rgba(225,137,135,1) 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.referral-banner > p {
	color: #161618;
	opacity: 0.6;
}

.referral-content-container {
	display: flex;
	align-items: stretch;
	gap: 17px;
}

.referral-content-container a {
	text-decoration:none;
	color: #0059C7;
}

.referral-sidebar-list {
	position: sticky;
	top: 95px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0;
	margin: 0;
}

.referral-sidebar-item {
	display: flex;
	align-items: center;
	background-color: #EEECED;
	opacity: 0.5;
	cursor: pointer;
}

.referral-sidebar-item-wrapper {
	min-height: 40px;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 33px 39px 23px 39px;
	padding-right: 0;
}

.referral-sidebar-item-wrapper > div {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #6FAC3A;
	color: #ffffff;
}

.referral-sidebar-item-wrapper > span {
	color: #6FAC3A;
}

.sidebar-active-tab {
	opacity: 1;
}

.referral-content {
	display: flex;
	flex-direction: column;
	gap: 17px;
}

.content-wrapper {
	min-height: 40px;
	background-color: #EEECED;
	padding: 33px 39px 23px 39px;
}

.content-wrapper > h2 {
	margin: 0;
}

/* referral-introduction section */
.referral-introduction{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

#submit-referral {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.content-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-target {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.tooltip-text {
  position: absolute;
	top: 0;
	width: 320px;
	min-height: 50px;
	display: flex;
	align-items: center;
	transform: translateX(-90%) translateY(-115%);
  background-color: #E3E3E3;
  color: #000000;
  padding: 26px 33px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.tooltip-text::after {
	position: absolute;
	right: 5.3%;
	bottom: -8px;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-color: #E3E3E3;
	transform: rotate(45deg);
}

.tooltip-container:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}

.rewards-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.rewards-sticky-content  {
	position: sticky;
	top: 95px;
	max-height: 520px;
}

.submit-referral-content {
	display: flex;
	align-items: stretch;
	gap: 2px;
}

.rewards-content {
	display: flex;
	gap: 2px;
}

.eligibility-content {
	display: flex;
	align-items: stretch;
	gap: 2px;
}

.additional-content {
	display: flex;
	gap: 2px;
}

.fixed-swiper {
	display: none !important;
}

.referral-wrapper .lang-menu-container {
	display: none;
}

@media screen and (max-width: 1024px) {
	.submit-referral-content {
		flex-direction: column;
	}
	.rewards-content {
		flex-direction: column;
	}
	.rewards-sticky-content {
		position: static;
		height: auto;
	}
	.rewards-sticky-content > .img-wrapper > img {
		object-position: center top;
	}
	.eligibility-content {
		flex-direction: column;
	}
	.additional-content {
		flex-direction: column;
	}
}

@media screen and (max-width: 768px) {
	.referral-content-container {
		flex-direction: column;
	}
	.rewards-sticky-content {
		display: flex;
		max-height: 100%;
	}
	.submit-referral-content .img-wrapper {
		max-height: 100%;
	}
	.submit-referral-content .img-wrapper > img {
		object-position: center top;
	}
	.referral-sidebar-list {
		display: none;
	}
	.fixed-swiper {
		z-index: 999;
		display: block !important;
		top: 0;
		width: 100%;
		background-color: #EEECED;
	}
	.referral-sidebar-item-wrapper {
		min-height: 50px;
		padding: 17px;
	}
	.referral-sidebar-item {
		opacity: 1;
	}
	.referral-sidebar-item > div {
		opacity: 0.5;
	}
	.referral-sidebar-item > span {
		opacity: 0.5;
	}
	.sidebar-active-tab > div {
		opacity: 1;
	}
	.sidebar-active-tab > span {
		opacity: 1;
	}
}

@media screen and (max-width: 540px) {
	.referral-sidebar-item-wrapper .f20 {
		font-size: 16px;
	}
}

@media screen and (max-width: 420px) {
	.referral-sidebar-item-wrapper .f20 {
		font-size: 14px;
	}
	.referral-sidebar-item-wrapper > div {
		width: 24px;
		height: 24px;
		min-width: 24px;
		min-height: 24px;
	}
	.tooltip-text {
		width: 280px;
    transform: translateX(-70%) translateY(-115%);
	}
	.tooltip-text::after {
		right: 24.8%;
	}
	.content-wrapper .f20 {
		font-size: 14px;
	}
	.content-wrapper .f18 {
		font-size: 14px;
	}
}

@media screen and (max-width: 390px) {
	.tooltip-text {
		width: 200px;
    transform: translateX(-85%) translateY(-115%);
		padding: 17px;
	}
	.tooltip-text::after {
		right: 8.3%;
	}
}

@media screen and (max-width: 360px) {
	.referral-sidebar-item-wrapper .f20 {
		font-size: 12px;
	}
}

/* Affiliate Page */
.lh22-5 {line-height: 22.5px;}
.aff-content-padding {padding: 33px 39px}

.affiliate-preview {
	min-height: 340px;
	background-image: url('../img/affiliate/preview-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.affiliate-preview > h2 {
	margin-top: 0;
}

.affiliate-preview-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #EEECED;
}

.affiliate-preview-content > p {
	max-width: 930px;
}

.affiliate-preview-content > p:first-child {
	max-width: 850px;
}

.affiliate-title {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EEECED;
}

.affiliate-title > h2 {
	margin: 0;
}

.affiliate-offer-container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background: rgb(117,201,206);
	background: -moz-linear-gradient(246deg, rgba(117,201,206,1) 0%, rgba(234,51,244,1) 100%);
	background: -webkit-linear-gradient(246deg, rgba(117,201,206,1) 0%, rgba(234,51,244,1) 100%);
	background: linear-gradient(246deg, rgba(117,201,206,1) 0%, rgba(234,51,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75c9ce",endColorstr="#ea33f4",GradientType=1);
}

.affiliate-offer-container > h3 {
	padding: 33px 39px;
	margin: 0;
}

.affiliate-offer-container > ul {
	margin: 0;
	padding: 0;
}

.affiliate-offer-container > ul > li {
	padding: 16px 39px 23px 39px;
	list-style-type: none;
	border-top: 2px solid white;
}

.affiliate-industries-list {
	display: flex;
	flex-direction: column;
	margin-top: 2px;
	margin-bottom: 0;
	gap: 2px;
	padding: 0;
}

.affiliate-industries-list > li {
	min-height: 26px;
	list-style-type: none;
	padding: 16px 39px 16px 39px;
	display: flex;
	align-items: center;
	gap: 15px;
	border-top: 2px solid #ffffff;
}

.affiliate-industries-item {
	min-height: 26px;
	padding: 16px 39px 16px 39px;
	display: flex;
	align-items: center;
	border-top: 2px solid #ffffff;
}