@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

.animated {
	animation-duration: 1.2s;
	animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite
}

.animated.hinge {
	animation-duration: 2s
}

.animated.fadeInUp,
.animated.fadeInUpBig {
	animation-duration: 1.75s
}

.animated.fadeInLeft,
.animated.fadeInRight {
	animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	animation-duration: .75s
}

@keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: translateZ(0)
	}

	40%,
	43% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	animation-name: bounce;
	transform-origin: center bottom
}

@keyframes flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	animation-name: flash
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform: scaleX(1)
	}
}

.pulse {
	animation-name: pulse
}

@keyframes rubberBand {
	0% {
		transform: scaleX(1)
	}

	30% {
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scaleX(1)
	}
}

.rubberBand {
	animation-name: rubberBand
}

@keyframes shake {

	0%,
	to {
		transform: translateZ(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	animation-name: shake
}

@keyframes headShake {
	0% {
		transform: translateX(0)
	}

	6.5% {
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		transform: translateX(0)
	}
}

.headShake {
	animation-name: headShake;
	animation-timing-function: ease-in-out
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0deg)
	}
}

.swing {
	animation-name: swing;
	transform-origin: top center
}

@keyframes tada {
	0% {
		transform: scaleX(1)
	}

	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		transform: scaleX(1)
	}
}

.tada {
	animation-name: tada
}

@keyframes wobble {
	0% {
		transform: none
	}

	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		transform: none
	}
}

.wobble {
	animation-name: wobble
}

@keyframes jello {

	0%,
	11.1%,
	to {
		transform: none
	}

	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	animation-name: jello;
	transform-origin: center
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}

	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		transform: scaleX(1)
	}
}

.bounceIn {
	animation-name: bounceIn
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0)
	}

	75% {
		transform: translate3d(0, -10px, 0)
	}

	90% {
		transform: translate3d(0, 5px, 0)
	}

	to {
		transform: none
	}
}

.bounceInDown {
	animation-name: bounceInDown
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0)
	}

	75% {
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		transform: translate3d(5px, 0, 0)
	}

	to {
		transform: none
	}
}

.bounceInLeft {
	animation-name: bounceInLeft
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		transform: translate3d(10px, 0, 0)
	}

	90% {
		transform: translate3d(-5px, 0, 0)
	}

	to {
		transform: none
	}
}

.bounceInRight {
	animation-name: bounceInRight
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	75% {
		transform: translate3d(0, 10px, 0)
	}

	90% {
		transform: translate3d(0, -5px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

.bounceInUp {
	animation-name: bounceInUp
}

@keyframes bounceOut {
	20% {
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	animation-name: bounceOut
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	animation-name: bounceOutRight
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	animation-name: bounceOutUp
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	animation-name: fadeIn
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -30%, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDown {
	animation-name: fadeInDown
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDownBig {
	animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-20%, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeft {
	animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeftBig {
	animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(20%, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRight {
	animation-name: fadeInRight
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRightBig {
	animation-name: fadeInRightBig
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 30%, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUp {
	animation-name: fadeInUp
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translate3d(0, 50%, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUpBig {
	animation-name: fadeInUpBig
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	animation-name: fadeOutUpBig
}

@keyframes flip {
	0% {
		animation-timing-function: ease-out;
		transform: perspective(400px) rotateY(-1turn)
	}

	40% {
		animation-timing-function: ease-out;
		transform: perspective(400px) translateZ(150px) rotateY(-190deg)
	}

	50% {
		animation-timing-function: ease-in;
		transform: perspective(400px) translateZ(150px) rotateY(-170deg)
	}

	80% {
		animation-timing-function: ease-in;
		transform: perspective(400px) scale3d(.95, .95, .95)
	}

	to {
		animation-timing-function: ease-in;
		transform: perspective(400px)
	}
}

.animated.flip {
	animation-name: flip;
	backface-visibility: visible
}

@keyframes flipInX {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateX(90deg)
	}

	40% {
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		opacity: 1;
		transform: perspective(400px) rotateX(10deg)
	}

	80% {
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInX {
	animation-name: flipInX;
	backface-visibility: visible !important
}

@keyframes flipInY {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateY(90deg)
	}

	40% {
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		opacity: 1;
		transform: perspective(400px) rotateY(10deg)
	}

	80% {
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInY {
	animation-name: flipInY;
	backface-visibility: visible !important
}

@keyframes flipOutX {
	0% {
		transform: perspective(400px)
	}

	30% {
		opacity: 1;
		transform: perspective(400px) rotateX(-20deg)
	}

	to {
		opacity: 0;
		transform: perspective(400px) rotateX(90deg)
	}
}

.flipOutX {
	animation-name: flipOutX;
	backface-visibility: visible !important
}

@keyframes flipOutY {
	0% {
		transform: perspective(400px)
	}

	30% {
		opacity: 1;
		transform: perspective(400px) rotateY(-15deg)
	}

	to {
		opacity: 0;
		transform: perspective(400px) rotateY(90deg)
	}
}

.flipOutY {
	animation-name: flipOutY;
	backface-visibility: visible !important
}

@keyframes lightSpeedIn {
	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0) skewX(-30deg)
	}

	60% {
		opacity: 1;
		transform: skewX(20deg)
	}

	80% {
		opacity: 1;
		transform: skewX(-5deg)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.lightSpeedIn {
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) skewX(30deg)
	}
}

.lightSpeedOut {
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in
}

@keyframes rotateIn {
	0% {
		opacity: 0;
		transform: rotate(-200deg);
		transform-origin: center
	}

	to {
		opacity: 1;
		transform: none;
		transform-origin: center
	}
}

.rotateIn {
	animation-name: rotateIn
}

@keyframes rotateInDownLeft {
	0% {
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: left bottom
	}

	to {
		opacity: 1;
		transform: none;
		transform-origin: left bottom
	}
}

.rotateInDownLeft {
	animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
	0% {
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: right bottom
	}

	to {
		opacity: 1;
		transform: none;
		transform-origin: right bottom
	}
}

.rotateInDownRight {
	animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
	0% {
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: left bottom
	}

	to {
		opacity: 1;
		transform: none;
		transform-origin: left bottom
	}
}

.rotateInUpLeft {
	animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
	0% {
		opacity: 0;
		transform: rotate(-90deg);
		transform-origin: right bottom
	}

	to {
		opacity: 1;
		transform: none;
		transform-origin: right bottom
	}
}

.rotateInUpRight {
	animation-name: rotateInUpRight
}

@keyframes rotateOut {
	0% {
		opacity: 1;
		transform-origin: center
	}

	to {
		opacity: 0;
		transform: rotate(200deg);
		transform-origin: center
	}
}

.rotateOut {
	animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
	0% {
		opacity: 1;
		transform-origin: left bottom
	}

	to {
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: left bottom
	}
}

.rotateOutDownLeft {
	animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
	0% {
		opacity: 1;
		transform-origin: right bottom
	}

	to {
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: right bottom
	}
}

.rotateOutDownRight {
	animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
	0% {
		opacity: 1;
		transform-origin: left bottom
	}

	to {
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: left bottom
	}
}

.rotateOutUpLeft {
	animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
	0% {
		opacity: 1;
		transform-origin: right bottom
	}

	to {
		opacity: 0;
		transform: rotate(90deg);
		transform-origin: right bottom
	}
}

.rotateOutUpRight {
	animation-name: rotateOutUpRight
}

@keyframes hinge {
	0% {
		animation-timing-function: ease-in-out;
		transform-origin: top left
	}

	20%,
	60% {
		animation-timing-function: ease-in-out;
		transform: rotate(80deg);
		transform-origin: top left
	}

	40%,
	80% {
		animation-timing-function: ease-in-out;
		opacity: 1;
		transform: rotate(60deg);
		transform-origin: top left
	}

	to {
		opacity: 0;
		transform: translate3d(0, 700px, 0)
	}
}

.hinge {
	animation-name: hinge
}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		transform: scale(.1) rotate(30deg);
		transform-origin: center bottom
	}

	50% {
		transform: rotate(-10deg)
	}

	70% {
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.jackInTheBox {
	animation-name: jackInTheBox
}

@keyframes rollIn {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.rollIn {
	animation-name: rollIn
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

.rollOut {
	animation-name: rollOut
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	animation-name: zoomIn
}

@keyframes zoomInDown {
	0% {
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
	}

	60% {
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
	}
}

.zoomInDown {
	animation-name: zoomInDown
}

@keyframes zoomInLeft {
	0% {
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
	}

	60% {
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
	}
}

.zoomInLeft {
	animation-name: zoomInLeft
}

@keyframes zoomInRight {
	0% {
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
	}

	60% {
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
	}
}

.zoomInRight {
	animation-name: zoomInRight
}

@keyframes zoomInUp {
	0% {
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
	}

	60% {
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
	}
}

.zoomInUp {
	animation-name: zoomInUp
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

.zoomOut {
	animation-name: zoomOut
}

@keyframes zoomOutDown {
	40% {
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
	}

	to {
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform-origin: center bottom
	}
}

.zoomOutDown {
	animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(-2000px, 0, 0);
		transform-origin: left center
	}
}

.zoomOutLeft {
	animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		transform: scale(.1) translate3d(2000px, 0, 0);
		transform-origin: right center
	}
}

.zoomOutRight {
	animation-name: zoomOutRight
}

@keyframes zoomOutUp {
	40% {
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
	}

	to {
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform-origin: center bottom
	}
}

.zoomOutUp {
	animation-name: zoomOutUp
}

@keyframes slideInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInDown {
	animation-name: slideInDown
}

@keyframes slideInLeft {
	0% {
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInLeft {
	animation-name: slideInLeft
}

@keyframes slideInRight {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInRight {
	animation-name: slideInRight
}

@keyframes slideInUp {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

.slideInUp {
	animation-name: slideInUp
}

@keyframes slideOutDown {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0, 100%, 0);
		visibility: hidden
	}
}

.slideOutDown {
	animation-name: slideOutDown
}

@keyframes slideOutLeft {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(-100%, 0, 0);
		visibility: hidden
	}
}

.slideOutLeft {
	animation-name: slideOutLeft
}

@keyframes slideOutRight {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(100%, 0, 0);
		visibility: hidden
	}
}

.slideOutRight {
	animation-name: slideOutRight
}

@keyframes slideOutUp {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0, -100%, 0);
		visibility: hidden
	}
}

.slideOutUp {
	animation-name: slideOutUp
}

html {
	-webkit-font-smoothing: antialiased;
	font-size: 16px
}

body {
	color: #6c757d;
	font-family: Rubik, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.6666
}

#page,
.hidd {
	overflow: hidden
}

.container,
.rel,
section {
	position: relative !important;
	z-index: 3
}

.section-overlay {
	height: 100%;
	width: 100%
}

.block-shadow {
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.block-border {
	border: 1px solid #e7e7e7
}

.block-border.block-shadow {
	border: 1px solid #f5f6f6
}

.x-border {
	border-bottom: 1px solid #e7e7e7
}

.top-border,
.x-border {
	border-top: 1px solid #e7e7e7
}

.bottom-border {
	border-bottom: 1px solid #e7e7e7
}

.r-0 {
	border-radius: 0
}

.r-02 {
	border-radius: 2px
}

.r-04 {
	border-radius: 4px
}

.r-06 {
	border-radius: 6px
}

.r-08 {
	border-radius: 8px
}

.r-10 {
	border-radius: 10px
}

.r-12 {
	border-radius: 12px
}

.r-14 {
	border-radius: 14px
}

.r-16 {
	border-radius: 16px
}

.r-18 {
	border-radius: 18px
}

.r-20 {
	border-radius: 20px
}

.r-22 {
	border-radius: 22px
}

.r-24 {
	border-radius: 24px
}

.r-26 {
	border-radius: 26px
}

.r-28 {
	border-radius: 28px
}

.r-30 {
	border-radius: 30px
}

.r-32 {
	border-radius: 32px
}

.r-34 {
	border-radius: 34px
}

.r-36 {
	border-radius: 36px
}

.r-100 {
	border-radius: 100px
}

.o-0 {
	opacity: 0 !important
}

.o-10 {
	opacity: .1 !important
}

.o-15 {
	opacity: .15 !important
}

.o-20 {
	opacity: .2 !important
}

.o-25 {
	opacity: .25 !important
}

.o-30 {
	opacity: .3 !important
}

.o-35 {
	opacity: .35 !important
}

.o-40 {
	opacity: .4 !important
}

.o-45 {
	opacity: .45 !important
}

.o-50 {
	opacity: .5 !important
}

.o-55 {
	opacity: .55 !important
}

.o-60 {
	opacity: .6 !important
}

.o-65 {
	opacity: .65 !important
}

.o-70 {
	opacity: .7 !important
}

.o-75 {
	opacity: .75 !important
}

.o-80 {
	opacity: .8 !important
}

.o-85 {
	opacity: .85 !important
}

.o-90 {
	opacity: .9 !important
}

.o-95 {
	opacity: .95 !important
}

.o-100 {
	opacity: 1 !important
}

.py-5 {
	padding-bottom: 5px;
	padding-top: 5px
}

.py-10 {
	padding-bottom: 10px;
	padding-top: 10px
}

.py-15 {
	padding-bottom: 15px;
	padding-top: 15px
}

.py-20 {
	padding-bottom: 20px;
	padding-top: 20px
}

.py-30 {
	padding-bottom: 30px;
	padding-top: 30px
}

.py-40 {
	padding-bottom: 40px;
	padding-top: 40px
}

.py-50 {
	padding-bottom: 50px;
	padding-top: 50px
}

.py-60 {
	padding-bottom: 60px;
	padding-top: 60px
}

.py-70 {
	padding-bottom: 70px;
	padding-top: 70px
}

.py-80 {
	padding-bottom: 80px;
	padding-top: 80px
}

.py-90 {
	padding-bottom: 90px;
	padding-top: 90px
}

.py-100 {
	padding-bottom: 100px;
	padding-top: 100px
}

.pt-30 {
	padding-top: 30px
}

.pt-40 {
	padding-top: 40px
}

.pt-50 {
	padding-top: 50px
}

.pt-60 {
	padding-top: 60px
}

.pt-70 {
	padding-top: 70px
}

.pt-80 {
	padding-top: 80px
}

.pt-90 {
	padding-top: 90px
}

.pt-100 {
	padding-top: 100px
}
.pt-150 {
	padding-top: 150px
}
.pb-30 {
	padding-bottom: 30px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-100 {
	padding-bottom: 100px
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px !important
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px!important
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 45px
}

.mt-50 {
	margin-top: 50px
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-70 {
	margin-top: 70px
}

.mt-75 {
	margin-top: 75px
}

.mt-80 {
	margin-top: 80px
}

.mt-85 {
	margin-top: 85px
}

.mt-90 {
	margin-top: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-55 {
	margin-bottom: 55px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-65 {
	margin-bottom: 65px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-85 {
	margin-bottom: 85px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-95 {
	margin-bottom: 95px
}

.mb-100 {
	margin-bottom: 100px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.ml-15 {
	margin-left: 15px
}

.ml-20 {
	margin-left: 20px
}

.ml-25 {
	margin-left: 25px
}

.ml-30 {
	margin-left: 30px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mr-25 {
	margin-right: 25px
}

.mr-30 {
	margin-right: 30px
}

.bg--fixed,
.bg--scroll {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%
}

.bg--fixed {
	background-attachment: scroll !important
}

.bg--scroll {
	background-attachment: fixed !important
}

.bg--white-500 {
	background-color: #f2f4f8
}

.bg--white-400 {
	background-color: #f4f4f9
}

.bg--white-300 {
	background-color: #f7f8f9
}

.bg--white-200 {
	background-color: #fbfbfd
}

.bg--white-100 {
	background-color: #fff
}

.bg--black-500 {
	background-color: #22223b
}

.bg--black-400 {
	background-color: #2e3648
}

.bg--black-300 {
	background-color: #394455
}

.bg--black-200 {
	background-color: #e1e3e5
}

.bg--black-100 {
	background-color: #ecf1f4
}

.bg--blue-500 {
	background-color: #185abd
}

.bg--blue-400 {
	background-color: #1680fb
}

.bg--blue-300 {
	background-color: #3eb1ff
}

.bg--blue-200 {
	background-color: #ddedff
}

.bg--blue-100 {
	background-color: #f4f9fc
}

.bg--green-500 {
	background-color: #00a14e
}

.bg--green-400 {
	background-color: #0fbc49
}

.bg--green-300 {
	background-color: #6fd792
}

.bg--green-200 {
	background-color: #cff2db
}

.bg--green-100 {
	background-color: #e9f8f2
}

.bg--pink-500 {
	background-color: #ff149c
}

.bg--pink-400 {
	background-color: #f74780
}

.bg--pink-300 {
	background-color: #fcb5cc
}

.bg--pink-200 {
	background-color: #fee4ec
}

.bg--pink-100 {
	background-color: #feecf2
}

.bg--purple-5000 {
	background-color: #663ae9
}

.bg--purple-500 {
	background-color: #7827e6
}

.bg--purple-400 {
	background-color: #7b5dd6
}

.bg--purple-300 {
	background-color: #bdaeea
}

.bg--purple-200 {
	background-color: #e5deff
}

.bg--purple-100 {
	background-color: #f1edff
}

.bg--red-500 {
	background-color: #da0f29
}

.bg--red-400 {
	background-color: #ff1e1a
}

.bg--red-300 {
	background-color: #ffa5a3
}

.bg--red-200 {
	background-color: #ffd2d1
}

.bg--red-100 {
	background-color: #fce7e4
}

.bg--violet-500 {
	background-color: #c73e9b
}

.bg--violet-400 {
	background-color: #7835E4
}

.bg--violet-300 {
	background-color: #e2bde2
}

.bg--violet-200 {
	background-color: #f1cde5
}

.bg--violet-100 {
	background-color: #f7e4f1
}

.bg--yellow-500 {
	background-color: #ffba01
}

.bg--yellow-400 {
	background-color: #ffbd45
}

.bg--yellow-300 {
	background-color: #ffdf35
}

.bg--yellow-200 {
	background-color: #fef5cd
}

.bg--yellow-100 {
	background-color: #fef9e5
}

.bg--tra-black {
	background-color: rgba(0, 0, 0, .04)
}

.bg--tra-white {
	background-color: hsla(0, 0%, 100%, .15)
}

.bg--primary-blue {
	background-color: #2160fd
}

.bg--light-grey {
	background-color: #f0f3ff
}

.bg--snow {
	background-color: #fdfdfd
}

.gr--ghost {
	background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05))
}

.gr--snow {
	background-image: linear-gradient(270deg, #f3edf7, #f9f6fa)
}

.gr--cotton {
	background-image: linear-gradient(180deg, rgba(223, 225, 250, .8) 50%, rgba(223, 225, 250, .05))
}

.gr--ghostwhite {
	background-image: linear-gradient(270deg, #e9e9f5, #f4f4f9)
}

.gr--smoke {
	background: linear-gradient(180deg, #f8f9fe, #f4f4f9)
}

.gr--whitesmoke {
	background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05))
}

.gr--perl {
	background-image: linear-gradient(180deg, rgba(236, 234, 253, .8) 50%, rgba(236, 234, 253, .05))
}

.shape--01:after,
.shape--02:after,
.shape--03:after,
.shape--04:after,
.shape--05:after,
.shape--06:after,
.shape--07:after {
	content: "";
	position: absolute;
	z-index: -1
}

.shape--02.r-24:after {
	border-radius: 24px
}

.shape--01:after {
	height: 80%;
	left: -25%;
	top: 13%;
	width: 150%
}

.shape--02:after {
	height: 80%;
	left: 7%;
	top: 13%;
	width: 86%
}

.shape--03:after {
	border-radius: 24px;
	height: 120%;
	left: 11%;
	top: -60px;
	width: 78%
}

.shape--04:after {
	height: 80%;
	left: 0;
	top: 10%;
	width: 100%
}

.shape--05:after {
	height: 90%;
	left: -25%;
	top: 0;
	width: 150%
}

.shape--06:after {
	height: 75%;
	left: -25%;
	top: 0;
	width: 150%
}

.shape--07:after {
	height: 50%;
	left: -50%;
	top: 37%;
	width: 200%
}

.shape--whitesmoke:after {
	background-color: rgba(123, 104, 238, .05)
}

.shape--white-500:after {
	background-color: #f2f4f8
}

.shape--white-400:after {
	background-color: #f4f4f9
}

.shape--white-300:after {
	background-color: #f7f8f9
}

.shape--white-200:after {
	background-color: #fbfbfd
}

.shape--black-500:after {
	background-color: #22223b
}

.shape--black-400:after {
	background-color: #2e3648
}

.shape--black-300:after {
	background-color: #394455
}

.shape--black-200:after {
	background-color: #e1e3e5
}

.shape--black-100:after {
	background-color: #ecf1f4
}

.shape--blue-500:after {
	background-color: #185abd
}

.shape--blue-400:after {
	background-color: #1680fb
}

.shape--blue-300:after {
	background-color: #3eb1ff
}

.shape--blue-200:after {
	background-color: #ddedff
}

.shape--blue-100:after {
	background-color: #f4f9fc
}

.shape--green-500:after {
	background-color: #00a14e
}

.shape--green-400:after {
	background-color: #0fbc49
}

.shape--green-300:after {
	background-color: #6fd792
}

.shape--green-200:after {
	background-color: #cff2db
}

.shape--green-100:after {
	background-color: #e9f8f2
}

.shape--pink-500:after {
	background-color: #ff149c
}

.shape--pink-400:after {
	background-color: #f74780
}

.shape--pink-300:after {
	background-color: #fcb5cc
}

.shape--pink-200:after {
	background-color: #fee4ec
}

.shape--pink-100:after {
	background-color: #feecf2
}

.shape--purple-500:after {
	background-color: #663ae9
}

.shape--purple-400:after {
	background-color: #7b5dd6
}

.shape--purple-300:after {
	background-color: #bdaeea
}

.shape--purple-200:after {
	background-color: #e5deff
}

.shape--purple-100:after {
	background-color: #f1edff
}

.shape--red-500:after {
	background-color: #da0f29
}

.shape--red-400:after {
	background-color: #ff1e1a
}

.shape--red-300:after {
	background-color: #ffa5a3
}

.shape--red-200:after {
	background-color: #ffd2d1
}

.shape--red-100:after {
	background-color: #fce7e4
}

.shape--violet-500:after {
	background-color: #c73e9b
}

.shape--violet-400:after {
	background-color: #7835E4
}

.shape--violet-300:after {
	background-color: #e2bde2
}

.shape--violet-200:after {
	background-color: #f1cde5
}

.shape--violet-100:after {
	background-color: #f7e4f1
}

.shape--gr-ghost:after {
	background-image: linear-gradient(180deg, rgba(247, 248, 249, .8) 50%, rgba(247, 248, 249, .05))
}

.shape--gr-whitesmoke:after {
	background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05))
}

.pattern-01,
.pattern-02,
.pattern-03,
.pattern-04,
.pattern-05 {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.pattern-01 {
	background-image: url(../_nuxt/pattern-01.9d20a9b1.png)
}

.pattern-02 {
	background-image: url(../_nuxt/pattern-02.34828768.png)
}

.pattern-03 {
	background-image: url(../_nuxt/pattern-03.d94638fe.png)
}

.pattern-04 {
	background-image: url(../_nuxt/pattern-04.a8c81013.png)
}

.pattern-05 {
	background-image: url(../_nuxt/pattern-04.a8c81013.png)
}

.bg--01,
.bg--02,
.bg--03,
.bg--04,
.bg--05,
.bg--06,
.bg--07,
.bg--08 {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.bg--01 {
	background-image: url(../_nuxt/bg-01.a8be4644.jpg)
}

.bg--02 {
	background-image: url(../_nuxt/bg-02.d3a016de.jpg)
}

.bg--03 {
	background-image: url(../_nuxt/bg-03.8677d87e.jpg)
}

.bg--04 {
	background-image: url(../_nuxt/bg-04.506f8bae.jpg)
}

.bg--05 {
	background-image: url(../_nuxt/bg-05.0a55f8d1.jpg)
}

.bg--06 {
	background-image: url(images/bg-06.html)
}

.bg--07 {
	background-image: url(images/bg-07.html)
}

.bg--08 {
	background-image: url(images/bg-08.html)
}

hr.divider {
	background-color: transparent;
	background-image: linear-gradient(90deg, rgba(206, 211, 246, 0), #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
	border: none;
	height: 1px;
	margin: 0;
	opacity: .4;
	width: 100%
}

.wave-shape-bottom {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #353f4f;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0
}

.font--jakarta h1,
.font--jakarta h2,
.font--jakarta h3,
.font--jakarta h4,
.font--jakarta h5,
.font--jakarta h6 {
	font-family: 'Poppins', sans-serif;
	line-height: 1.35
}

.font--jakarta h1,
.font--jakarta h2 {
	line-height: 1.25
}

.font--inter h1,
.font--inter h2,
.font--inter h3,
.font--inter h4,
.font--inter h5,
.font--inter h6 {
	font-family: Inter, sans-serif;
	letter-spacing: -.5px
}

p.p-sm {
	font-size: .9375rem
}

p {
	font-size: 1rem
}

p.p-md {
	font-size: 1.0625rem
}

p.p-lg {
	font-size: 1.125rem
}

p.p-xl {
	font-size: 1.2rem
}

.s-15 {
	font-size: .9375rem
}

.s-16 {
	font-size: 1rem
}

.s-17 {
	font-size: 1.0625rem
}

.s-18 {
	font-size: 1.125rem
}

.s-19 {
	font-size: 1.1875rem
}

.s-20 {
	font-size: 1.25rem
}

.s-21 {
	font-size: 1.3125rem
}

.s-22 {
	font-size: 1.375rem
}

.s-23 {
	font-size: 1.4375rem
}

.s-24 {
	font-size: 1.5rem
}

.s-26 {
	font-size: 1.625rem
}

.s-28 {
	font-size: 1.75rem
}

.s-30 {
	font-size: 1.875rem
}

.s-32 {
	font-size: 2rem
}

.s-34 {
	font-size: 2.125rem
}

.s-36 {
	font-size: 2.25rem
}

.s-38 {
	font-size: 2.375rem
}

.s-40 {
	font-size: 2.5rem
}

.s-42 {
	font-size: 2.625rem
}

.s-43 {
	font-size: 2.6875rem
}

.s-44 {
	font-size: 2.75rem
}

.s-45 {
	font-size: 2.8125rem
}

.s-46 {
	font-size: 2.875rem
}

.s-47 {
	font-size: 2.9375rem
}

.s-48 {
	font-size: 3rem
}

.s-50 {
	font-size: 3.125rem
}

.s-52 {
	font-size: 3.25rem
}

.s-54 {
	font-size: 3.375rem
}

.s-56 {
	font-size: 3.5rem
}

.s-58 {
	font-size: 3.625rem
}

.s-60 {
	font-size: 3.75rem
}

.s-62 {
	font-size: 3.875rem
}

.s-64 {
	font-size: 4rem
}

.s-66 {
	font-size: 4.125rem
}

.s-68 {
	font-size: 4.25rem
}

.s-70 {
	font-size: 4.375rem
}

.s-72 {
	font-size: 4.5rem
}

.s-74 {
	font-size: 4.625rem
}

.s-76 {
	font-size: 4.75rem
}

.s-78 {
	font-size: 4.875rem
}

.s-80 {
	font-size: 5rem
}

.txt-upcase {
	text-transform: uppercase
}

.w-200 {
	font-weight: 200
}

.w-300 {
	font-weight: 300
}

.w-400 {
	font-weight: 400
}

.w-500 {
	font-weight: 500
}

.w-600 {
	font-weight: 600
}

.w-700 {
	font-weight: 700
}

.w-800 {
	font-weight: 800
}

.w-900 {
	font-weight: 900
}

a {
	color: #6c757d;
	transition: all .4s ease-in-out
}

a,
a:hover {
	text-decoration: none
}

a:hover {
	color: #353f4f !important
}

a:focus {
	outline: none;
	text-decoration: none
}

a.tra-link {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1
}

a.tra-link span {
	transition: all .4s ease-in-out
}

.tra-link.ico-20 [class*=flaticon-]:after,
.tra-link.ico-20 [class*=flaticon-]:before {
	font-size: .75rem;
	left: 2px;
	line-height: .7rem !important;
	position: relative;
	top: 2px
}

a.tra-link:hover span {
	color: #353f4f !important
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.simple-list {
	list-style: disc;
	margin-left: 15px
}

ul.simple-list.long-list p {
	margin-bottom: 8px
}

ol.digit-list {
	margin-left: 15px;
	padding: 0
}

ol.digit-list p {
	margin-bottom: 8px
}

.btn {
	border: 2px solid transparent;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	padding: .9rem 1.8rem;
	transition: all .4s ease-in-out
}

.btn.btn-sm {
	font-size: .975rem;
	padding: .7rem 1.5rem
}

.btn.ico-30.ico-left,
.btn.ico-30.ico-right {
	padding: .37rem 0
}

.text-center .btns-group {
	display: inline-block
}

.btns-group .btn:first-child {
	margin-right: 15px
}

.btns-group .btn.ico-30.ico-left {
	padding: .37rem .5rem
}

.btns-group .btn.ico-30.ico-right {
	padding: .37rem 0
}

.btn.ico-20 [class*=flaticon-]:after,
.btn.ico-20 [class*=flaticon-]:before {
	font-size: 1rem;
	line-height: .7rem !important;
	position: relative;
	top: 4px
}

.btn.ico-left span {
	margin-right: 5px
}

.btn.ico-right span {
	margin-left: 5px
}

.btn.ico-30.ico-left span {
	position: relative;
	right: 4px;
	top: 0
}

.btn.ico-30.ico-right span {
	left: 4px;
	position: relative;
	top: 0
}

.btn.ico-30.ico-left span.ico-30-txt,
.btn.ico-30.ico-right span.ico-30-txt {
	position: relative;
	right: 0;
	top: -10px
}

.btn.ico-30.ico-right span.ico-30-txt {
	left: 0
}

p.btn-txt {
	margin: 20px 0 0
}

.btn-rating p.btn-txt {
	margin: 0
}

.star-rating span.rating-txt {
	font-size: .9375rem
}

p.btns-group-txt {
	margin: 14px 0 0
}

.btn-rating {
	margin-top: 18px
}

.text-center p.btns-group-txt {
	margin-top: 20px
}

p.btn-txt.ico-15,
p.btns-group-txt.ico-15 {
	padding-left: 5px
}

.text-center p.btn-txt.ico-15,
.text-center p.btns-group-txt.ico-15 {
	padding-left: 0
}

p.btn-txt span,
p.btns-group-txt span {
	position: relative;
	right: 2px;
	top: .5px
}

p.btns-group-txt span.txt-data {
	display: block;
	right: 0;
	top: 0
}

p.btns-group-txt span.txt-data a {
	margin-left: 4px;
	text-decoration: underline
}

p.btns-group-txt span.txt-data a:hover {
	text-decoration: none
}

.hero-section .color--white p.btns-group-txt span.txt-data a:hover {
	color: #fff !important
}

.btn-txt.ico-15 [class*=flaticon-]:after,
.btn-txt.ico-15 [class*=flaticon-]:before,
.btns-group-txt.ico-15 [class*=flaticon-]:after,
.btns-group-txt.ico-15 [class*=flaticon-]:before {
	font-size: .75rem
}

.star-rating.ico-15 [class*=flaticon-]:after,
.star-rating.ico-15 [class*=flaticon-]:before {
	font-size: 1rem;
	position: relative;
	top: 3px
}

.btn--tra {
	background-color: hsla(0, 0%, 100%, .2) !important;
	border-color: transparent !important;
	color: #fff !important
}

.btn--transparent {
	background-color: transparent;
	border-color: transparent;
	color: #353f4f
}

.btn--transparent:hover {
	background-color: transparent !important;
	border-color: transparent !important
}

.btn--white,
.hover--white:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #353f4f !important
}

.btn--tra-white,
.hover--tra-white:hover {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important
}

.white-scroll .scroll .hover--tra-white:hover {
	background-color: transparent !important;
	border-color: #353f4f !important;
	color: #353f4f !important
}

.btn--black,
.hover--black:hover {
	background-color: #353f4f !important;
	border-color: #353f4f !important;
	color: #fff !important
}

.btn--tra-black,
.hover--tra-black:hover {
	background-color: transparent !important;
	border-color: #353f4f !important;
	color: #353f4f !important
}

.black-scroll .scroll .hover--tra-grey:hover,
.btn--tra-grey,
.hover--tra-grey:hover,
.white-scroll .scroll .hover--tra-grey:hover {
	background-color: transparent !important;
	border-color: #ccc !important;
	color: #353f4f !important
}

.black-scroll .scroll .hover--blue-500:hover,
.btn--blue-500,
.hover--blue-500:hover,
.white-scroll .scroll .hover--blue-500:hover {
	background-color: #185abd !important;
	border-color: #185abd !important;
	color: #fff !important
}

.black-scroll .scroll .hover--blue-400:hover,
.btn--blue-400,
.hover--blue-400:hover,
.white-scroll .scroll .hover--blue-400:hover {
	background-color: #1680fb !important;
	border-color: #1680fb !important;
	color: #fff !important
}

.black-scroll .scroll .hover--blue-300:hover,
.btn--blue-300,
.hover--blue-300:hover,
.white-scroll .scroll .hover--blue-300:hover {
	background-color: #3eb1ff !important;
	border-color: #3eb1ff !important;
	color: #fff !important
}

.black-scroll .scroll .hover--blue-200:hover,
.btn--blue-200,
.hover--blue-200:hover,
.white-scroll .scroll .hover--blue-200:hover {
	background-color: #e3ebfe !important;
	border-color: #e3ebfe !important;
	color: #1680fb !important
}

.black-scroll .scroll .hover--blue-100:hover,
.btn--blue-100,
.hover--blue-100:hover,
.white-scroll .scroll .hover--blue-100:hover {
	background-color: transparent !important;
	border-color: #1680fb !important;
	color: #1680fb !important
}

.black-scroll .scroll .hover--green-500:hover,
.btn--green-500,
.hover--green-500:hover,
.white-scroll .scroll .hover--green-500:hover {
	background-color: #00a14e !important;
	border-color: #00a14e !important;
	color: #fff !important
}

.black-scroll .scroll .hover--green-400:hover,
.btn--green-400,
.hover--green-400:hover,
.white-scroll .scroll .hover--green-400:hover {
	background-color: #0fbc49 !important;
	border-color: #0fbc49 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--green-300:hover,
.btn--green-300,
.hover--green-300:hover,
.white-scroll .scroll .hover--green-300:hover {
	background-color: #6fd792 !important;
	border-color: #6fd792 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--green-200:hover,
.btn--green-200,
.hover--green-200:hover,
.white-scroll .scroll .hover--green-200:hover {
	background-color: #cff2db !important;
	border-color: #cff2db !important;
	color: #0fbc49 !important
}

.black-scroll .scroll .hover--green-100:hover,
.btn--green-100,
.hover--green-100:hover,
.white-scroll .scroll .hover--green-100:hover {
	background-color: transparent !important;
	border-color: #0fbc49 !important;
	color: #0fbc49 !important
}

.black-scroll .scroll .hover--pink-500:hover,
.btn--pink-500,
.hover--pink-500:hover,
.white-scroll .scroll .hover--pink-500:hover {
	background-color: #ff149c !important;
	border-color: #ff149c !important;
	color: #fff !important
}

.black-scroll .scroll .hover--pink-400:hover,
.btn--pink-400,
.hover--pink-400:hover,
.white-scroll .scroll .hover--pink-400:hover {
	background-color: #f74780 !important;
	border-color: #f74780 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--pink-300:hover,
.btn--pink-300,
.hover--pink-300:hover,
.white-scroll .scroll .hover--pink-300:hover {
	background-color: #fcb5cc !important;
	border-color: #fcb5cc !important;
	color: #fff !important
}

.black-scroll .scroll .hover--pink-200:hover,
.btn--pink-200,
.hover--pink-200:hover,
.white-scroll .scroll .hover--pink-200:hover {
	background-color: #fee4ec !important;
	border-color: #fee4ec !important;
	color: #f74780 !important
}

.black-scroll .scroll .hover--pink-100:hover,
.btn--pink-100,
.hover--pink-100:hover,
.white-scroll .scroll .hover--pink-100:hover {
	background-color: transparent !important;
	border-color: #f74780 !important;
	color: #f74780 !important
}

.black-scroll .scroll .hover--purple-500:hover,
.btn--purple-500,
.hover--purple-500:hover,
.white-scroll .scroll .hover--purple-500:hover {
	background-color: #663ae9 !important;
	border-color: #663ae9 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--purple-400:hover,
.btn--purple-400,
.hover--purple-400:hover,
.white-scroll .scroll .hover--purple-400:hover {
	background-color: #7b5dd6 !important;
	border-color: #7b5dd6 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--purple-300:hover,
.btn--purple-300,
.hover--purple-300:hover,
.white-scroll .scroll .hover--purple-300:hover {
	background-color: #bdaeea !important;
	border-color: #bdaeea !important;
	color: #fff !important
}

.black-scroll .scroll .hover--purple-200:hover,
.btn--purple-200,
.hover--purple-200:hover,
.white-scroll .scroll .hover--purple-200:hover {
	background-color: #e5deff !important;
	border-color: #e5deff !important;
	color: #7b5dd6 !important
}

.black-scroll .scroll .hover--purple-100:hover,
.btn--purple-100,
.hover--purple-100:hover,
.white-scroll .scroll .hover--purple-100:hover {
	background-color: transparent !important;
	border-color: #7b5dd6 !important;
	color: #7b5dd6 !important
}

.black-scroll .scroll .hover--red-500:hover,
.btn--red-500,
.hover--red-500:hover,
.white-scroll .scroll .hover--red-500:hover {
	background-color: #da0f29 !important;
	border-color: #da0f29 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--red-400:hover,
.btn--red-400,
.hover--red-400:hover,
.white-scroll .scroll .hover--red-400:hover {
	background-color: #ff1e1a !important;
	border-color: #ff1e1a !important;
	color: #fff !important
}

.black-scroll .scroll .hover--red-300:hover,
.btn--red-300,
.hover--red-300:hover,
.white-scroll .scroll .hover--red-300:hover {
	background-color: #ffa5a3 !important;
	border-color: #ffa5a3 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--red-200:hover,
.btn--red-200,
.hover--red-200:hover,
.white-scroll .scroll .hover--red-200:hover {
	background-color: #ffd2d1 !important;
	border-color: #ffd2d1 !important;
	color: #ff1e1a !important
}

.black-scroll .scroll .hover--red-100:hover,
.btn--red-100,
.hover--red-100:hover,
.white-scroll .scroll .hover--red-100:hover {
	background-color: transparent !important;
	border-color: #ff1e1a !important;
	color: #ff1e1a !important
}

.black-scroll .scroll .hover--violet-500:hover,
.btn--violet-500,
.hover--violet-500:hover,
.white-scroll .scroll .hover--violet-500:hover {
	background-color: #c73e9b !important;
	border-color: #c73e9b !important;
	color: #fff !important
}

.black-scroll .scroll .hover--violet-400:hover,
.btn--violet-400,
.hover--violet-400:hover,
.white-scroll .scroll .hover--violet-400:hover {
	background-color: #7835E4 !important;
	border-color: #7835E4 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--violet-300:hover,
.btn--violet-300,
.hover--violet-300:hover,
.white-scroll .scroll .hover--violet-300:hover {
	background-color: #e2bde2 !important;
	border-color: #e2bde2 !important;
	color: #fff !important
}

.black-scroll .scroll .hover--violet-200:hover,
.btn--violet-200,
.hover--violet-200:hover,
.white-scroll .scroll .hover--violet-200:hover {
	background-color: #f1cde5 !important;
	border-color: #f1cde5 !important;
	color: #7835E4 !important
}

.black-scroll .scroll .hover--violet-100:hover,
.btn--violet-100,
.hover--violet-100:hover,
.white-scroll .scroll .hover--violet-100:hover {
	background-color: transparent !important;
	border-color: #7835E4 !important;
	color: #7835E4 !important
}

.black-scroll .scroll .hover--yellow-500:hover,
.btn--yellow-500,
.hover--yellow-500:hover,
.white-scroll .scroll .hover--yellow-500:hover {
	background-color: #ffba01 !important;
	border-color: #ffba01 !important;
	color: #353f4f !important
}

.black-scroll .scroll .hover--yellow-400:hover,
.btn--yellow-400,
.hover--yellow-400:hover,
.white-scroll .scroll .hover--yellow-400:hover {
	background-color: #ffbd45 !important;
	border-color: #ffbd45 !important;
	color: #353f4f !important
}

.black-scroll .scroll .hover--yellow-300:hover,
.btn--yellow-300,
.hover--yellow-300:hover,
.white-scroll .scroll .hover--yellow-300:hover {
	background-color: #ffdf35 !important;
	border-color: #ffdf35 !important;
	color: #353f4f !important
}

.black-scroll .scroll .hover--yellow-200:hover,
.btn--yellow-200,
.hover--yellow-200:hover,
.white-scroll .scroll .hover--yellow-200:hover {
	background-color: #fef5cd !important;
	border-color: #fef5cd !important;
	color: #353f4f !important
}

.black-scroll .scroll .hover--yellow-100:hover,
.btn--yellow-100,
.hover--yellow-100:hover,
.white-scroll .scroll .hover--yellow-100:hover {
	background-color: transparent !important;
	border-color: #ffba01 !important;
	color: #ffba01 !important
}

.btn.btn--black:focus,
.btn:focus {
	box-shadow: none;
	color: #fff
}

.btn--transparent:focus {
	background-color: transparent !important;
	border-color: transparent !important
}

.btn--grey:focus {
	box-shadow: none;
	color: #666
}

.btn--tra-black:focus,
.btn--transparent:focus,
.btn.btn--tra-grey:focus {
	box-shadow: none;
	color: #353f4f
}

.download-links li {
	clear: none !important;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important
}

.download-links-divider {
	position: relative;
	top: 1.5px;
	transform: rotate(-90deg)
}

.download-links li p {
	display: inline-block;
	margin-bottom: 0
}

.download-links li p a {
	font-weight: 500
}

.download-links li p a:hover {
	text-decoration: underline
}

.color--white .download-links li p a:hover {
	color: #fff !important
}

.os-btn {
	align-items: stretch !important;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	min-width: 330px;
	padding: 17px 18px 15px;
	position: relative;
	text-align: left;
	transition: all .4s ease-in-out;
	width: 330px
}

.os-btn:hover {
	background-color: #f5f6f7;
	border: 1px solid #f5f6f7;
	box-shadow: 0 8px 10px 0 rgba(2, 2, 2, .05)
}

.os-btn-ico {
	margin-right: 20px;
	position: relative
}

.os-btn-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.os-btn-txt p {
	color: #353f4f;
	font-size: 1.05rem;
	font-weight: 500;
	letter-spacing: -.5px;
	line-height: 1;
	margin-bottom: 5px;
	margin-top: 6px
}

.os-btn-txt span {
	display: block;
	font-size: .9rem;
	line-height: 1;
	margin-bottom: 0
}

.store,
.stores-badge {
	display: inline-block
}

.store {
	margin-right: 10px;
	text-align: center
}

.store:last-child {
	margin-right: 0
}

.store img {
	max-width: inherit;
	width: auto
}

.badge-img-xs .store img {
	max-height: 2.5rem
}

.badge-img-sm .store img {
	max-height: 2.625rem
}

.badge-img-md .store img {
	max-height: 2.875rem
}

.badge-img-lg .store img {
	max-height: 3rem
}

.watch-video {
	align-items: stretch !important;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin-top: 25px;
	position: relative
}

.watch-video-link {
	border: none;
	border-radius: 100%;
	color: #fff;
	float: left;
	height: 2.85rem;
	margin-right: 12px;
	position: relative;
	text-align: center;
	width: 2.85rem
}

.watch-video-link:before {
	background: hsla(0, 0%, 100%, .2);
	border-radius: 50%;
	bottom: -3px;
	content: "";
	left: -3px;
	opacity: 0;
	position: absolute;
	right: -3px;
	top: -3px;
	transition: all .4s ease-in-out
}

.watch-video-link:hover:before {
	bottom: -8px;
	left: -8px;
	opacity: .75;
	right: -8px;
	top: -8px
}

.watch-video-link span[class^=flaticon-]:after,
.watch-video-link span[class^=flaticon-]:before {
	font-size: 2rem;
	line-height: 2.85rem !important;
	margin-left: 5px
}

.watch-video-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden;
	text-align: left !important
}

p.video-txt-lg {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 5px
}

p.video-txt-sm {
	font-size: .925rem;
	line-height: 1;
	margin-bottom: 0
}

.video-preview {
	position: relative;
	text-align: center
}

.video-btn {
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	left: 50%;
	position: absolute !important;
	text-align: center;
	top: 50%
}

.video-btn-xl {
	height: 6.25rem;
	margin-left: -3.125rem;
	margin-top: -3.125rem;
	width: 6.25rem
}

.video-btn-lg {
	height: 5.625rem;
	margin-left: -2.8125rem;
	margin-top: -2.8125rem;
	width: 5.625rem
}

.video-btn-md {
	height: 5rem;
	margin-left: -2.5rem;
	margin-top: -2.5rem;
	width: 5rem
}

.video-btn-sm {
	height: 4.375rem;
	margin-left: -2.1875rem;
	margin-top: -2.1875rem;
	width: 4.375rem
}

.video-block-wrapper {
	transition: all .4s ease-in-out
}

.video-btn.video-btn-xl [class^=flaticon-]:after,
.video-btn.video-btn-xl [class^=flaticon-]:before {
	font-size: 5rem;
	line-height: 6.25rem !important;
	margin-left: 10px
}

.video-btn.video-btn-lg [class^=flaticon-]:after,
.video-btn.video-btn-lg [class^=flaticon-]:before {
	font-size: 4.5rem;
	line-height: 5.625rem !important;
	margin-left: 8px
}

.video-btn.video-btn-md [class^=flaticon-]:after,
.video-btn.video-btn-md [class^=flaticon-]:before {
	font-size: 4.35rem;
	line-height: 5rem !important;
	margin-left: 8px
}

.video-btn.video-btn-sm [class^=flaticon-]:after,
.video-btn.video-btn-sm [class^=flaticon-]:before {
	font-size: 3.5rem;
	line-height: 4.375rem !important;
	margin-left: 5px
}

.video-btn:hover .video-block-wrapper {
	transform: scale(.95)
}

.video-btn:before {
	background: hsla(0, 0%, 100%, .2);
	border-radius: 50%;
	bottom: -5px;
	content: "";
	left: -5px;
	opacity: 0;
	position: absolute;
	right: -5px;
	top: -5px;
	transition: all .4s ease-in-out
}

.video-btn.video-btn-xl:hover:before {
	bottom: -1.5rem;
	left: -1.5rem;
	opacity: .75;
	right: -1.5rem;
	top: -1.5rem
}

.video-btn.video-btn-lg:hover:before {
	bottom: -1.25rem;
	left: -1.25rem;
	opacity: .75;
	right: -1.25rem;
	top: -1.25rem
}

.video-btn.video-btn-md:hover:before {
	bottom: -1rem;
	left: -1rem;
	opacity: .75;
	right: -1rem;
	top: -1rem
}

.video-btn.video-btn-sm:hover:before {
	bottom: -.75rem;
	left: -.75rem;
	opacity: .75;
	right: -.75rem;
	top: -.75rem
}

.ico-10 [class*=flaticon-]:after,
.ico-10 [class*=flaticon-]:before {
	font-size: .75rem
}

.ico-15 [class*=flaticon-]:after,
.ico-15 [class*=flaticon-]:before {
	font-size: .9375rem
}

.ico-20 [class*=flaticon-]:after,
.ico-20 [class*=flaticon-]:before {
	font-size: 1.25rem
}

.ico-25 [class*=flaticon-]:after,
.ico-25 [class*=flaticon-]:before {
	font-size: 1.5625rem
}

.ico-30 [class*=flaticon-]:after,
.ico-30 [class*=flaticon-]:before {
	font-size: 1.875rem
}

.ico-35 [class*=flaticon-]:after,
.ico-35 [class*=flaticon-]:before {
	font-size: 2.1875rem
}

.ico-40 [class*=flaticon-]:after,
.ico-40 [class*=flaticon-]:before {
	font-size: 2.5rem
}

.ico-45 [class*=flaticon-]:after,
.ico-45 [class*=flaticon-]:before {
	font-size: 2.8125rem
}

.ico-50 [class*=flaticon-]:after,
.ico-50 [class*=flaticon-]:before {
	font-size: 3.125rem
}

.ico-55 [class*=flaticon-]:after,
.ico-55 [class*=flaticon-]:before {
	font-size: 3.4375rem
}

.ico-60 [class*=flaticon-]:after,
.ico-60 [class*=flaticon-]:before {
	font-size: 3.75rem
}

.ico-65 [class*=flaticon-]:after,
.ico-65 [class*=flaticon-]:before {
	font-size: 4.0625rem
}

.ico-70 [class*=flaticon-]:after,
.ico-70 [class*=flaticon-]:before {
	font-size: 4.375rem
}

.ico-75 [class*=flaticon-]:after,
.ico-75 [class*=flaticon-]:before {
	font-size: 4.6875rem
}

.ico-80 [class*=flaticon-]:after,
.ico-80 [class*=flaticon-]:before {
	font-size: 5rem
}

.ico-85 [class*=flaticon-]:after,
.ico-85 [class*=flaticon-]:before {
	font-size: 5.3125rem
}

.ico-90 [class*=flaticon-]:after,
.ico-90 [class*=flaticon-]:before {
	font-size: 5.625rem
}

.ico-95 [class*=flaticon-]:after,
.ico-95 [class*=flaticon-]:before {
	font-size: 5.9375rem
}

.ico-100 [class*=flaticon-]:after,
.ico-100 [class*=flaticon-]:before {
	font-size: 6.25rem
}

.ico-105 [class*=flaticon-]:after,
.ico-105 [class*=flaticon-]:before {
	font-size: 6.5625rem
}

.ico-110 [class*=flaticon-]:after,
.ico-110 [class*=flaticon-]:before {
	font-size: 6.875rem
}

.ico-115 [class*=flaticon-]:after,
.ico-115 [class*=flaticon-]:before {
	font-size: 7.1875rem
}

.ico-120 [class*=flaticon-]:after,
.ico-120 [class*=flaticon-]:before {
	font-size: 7.5rem
}

.ico-125 [class*=flaticon-]:after,
.ico-125 [class*=flaticon-]:before {
	font-size: 7.8125rem
}

.shape-ico {
	display: inline-block;
	margin: 0 auto;
	position: relative
}

.shape-ico span {
	position: relative;
	z-index: 2
}

.shape-ico svg {
	position: absolute;
	z-index: 1
}

.ico-50 .shape-ico svg {
	height: 130px;
	left: calc(50% - 60px);
	top: -35px;
	width: 130px
}

.fbox-11 .ico-50 .shape-ico svg {
	left: calc(50% - 70px);
	top: -40px
}

.ico-55 .shape-ico svg {
	height: 135px;
	left: calc(50% - 60px);
	top: -30px;
	width: 135px
}

.ico-60 .shape-ico svg {
	height: 140px;
	left: calc(50% - 65px);
	top: -30px;
	width: 140px
}

.shape-ico.color--blue-300 path,
.shape-ico.color--blue-400 path,
.shape-ico.color--blue-500 path {
	fill: #f4f9fc
}

.shape-ico.color--green-300 path,
.shape-ico.color--green-400 path,
.shape-ico.color--green-500 path {
	fill: #e9f8f2
}

.shape-ico.color--pink-300 path,
.shape-ico.color--pink-400 path,
.shape-ico.color--pink-500 path {
	fill: #feecf2
}

.shape-ico.color--purple-300 path,
.shape-ico.color--purple-400 path,
.shape-ico.color--purple-500 path {
	fill: #f1edff
}

.shape-ico.color--red-300 path,
.shape-ico.color--red-400 path,
.shape-ico.color--red-500 path {
	fill: #fce7e4
}

.shape-ico.color--violet-300 path,
.shape-ico.color--violet-400 path,
.shape-ico.color--violet-500 path {
	fill: #f7e4f1
}

.ico-rounded,
.ico-rounded-lg,
.ico-rounded-md {
	border-radius: 100%;
	display: inline-block;
	text-align: center
}

.ico-rounded {
	height: 80px;
	width: 80px
}

.ico-rounded-md {
	height: 90px;
	width: 90px
}

.ico-rounded-lg {
	height: 100px;
	width: 100px
}

.ico-rounded [class*=flaticon-]:after,
.ico-rounded [class*=flaticon-]:before {
	font-size: 2.15rem;
	line-height: 80px !important
}

.ico-rounded-md [class*=flaticon-]:after,
.ico-rounded-md [class*=flaticon-]:before {
	font-size: 2.4rem;
	line-height: 90px !important
}

.ico-rounded-lg [class*=flaticon-]:after,
.ico-rounded-lg [class*=flaticon-]:before {
	font-size: 2.65rem;
	line-height: 100px !important
}

.ico-square {
	border-radius: 12px;
	display: inline-block;
	height: 80px;
	text-align: center;
	width: 80px
}

.ico-square [class*=flaticon-]:after,
.ico-square [class*=flaticon-]:before {
	font-size: 2.4rem;
	line-height: 80px !important
}

.ico-145 img {
	height: 145px;
	width: 145px
}

.ico-140 img {
	height: 140px;
	width: 140px
}

.ico-135 img {
	height: 135px;
	width: 135px
}

.ico-130 img {
	height: 130px;
	width: 130px
}

.ico-125 img {
	height: 125px;
	width: 125px
}

.ico-120 img {
	height: 120px;
	width: 120px
}

.ico-115 img {
	height: 115px;
	width: 115px
}

.ico-110 img {
	height: 110px;
	width: 110px
}

.ico-105 img {
	height: 105px;
	width: 105px
}

.ico-100 img {
	height: 100px;
	width: 100px
}

.ico-95 img {
	height: 95px;
	width: 95px
}

.ico-90 img {
	height: 90px;
	width: 90px
}

.ico-85 img {
	height: 85px;
	width: 85px
}

.ico-80 img {
	height: 80px;
	width: 80px
}

.ico-75 img {
	height: 75px;
	width: 75px
}

.ico-70 img {
	height: 70px;
	width: 70px
}

.ico-65 img {
	height: 65px;
	width: 65px
}

.ico-60 img {
	height: 60px;
	width: 60px
}

.ico-55 img {
	height: 55px;
	width: 55px
}

.ico-50 img {
	height: 50px;
	width: 50px
}

.ico-45 img {
	height: 45px;
	width: 45px
}

.ico-40 img {
	height: 40px;
	width: 40px
}

.ico-35 img {
	height: 35px;
	width: 35px
}

.ico-30 img {
	height: 30px;
	width: 30px
}

.ico-25 img {
	height: 25px;
	width: 25px
}

.ico-20 img {
	height: 20px;
	width: 20px
}

.section-id {
	display: block;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 1;
	margin-bottom: 35px
}

.section-id,
.section-id.rounded-id {
	font-size: .85rem;
	text-transform: uppercase
}

.section-id.rounded-id {
	border-radius: 100px;
	display: inline-block;
	margin-bottom: 40px;
	padding: 10px 24px
}

.section-id.border-id {
	border-style: solid;
	border-width: 2px
}

.section-id.border-id.border--grey {
	border-color: #757575
}

.section-id.border-id.border--blue {
	border-color: #1680fb
}

.font--jakarta .section-id {
	font-family: 'Poppins', sans-serif
}

.font--inter .section-id {
	font-family: Inter, sans-serif
}

.section-title {
	text-align: center
}

.section-title h2 {
	margin-bottom: 0
}

.section-title h2.w-700 {
	letter-spacing: -.5px
}

.section-title p.p-lg,
.section-title p.p-md,
.section-title p.p-xl,
.section-title p.s-20,
.section-title p.s-21 {
	margin-bottom: 0;
	margin-top: 18px
}

.section-title p.p-lg,
.section-title p.p-md {
	padding: 0 3%
}

.section-title a.contact-link {
	font-weight: 500;
	text-decoration: underline
}

.section-title .btns-group .btn {
	margin-top: 0
}

.section-title .advantages,
.section-title .btns-group-txt,
.section-title .btns-txt {
	margin-top: 20px
}

.color--white,
.color--white a,
.color--white h1,
.color--white h2,
.color--white h3,
.color--white h4,
.color--white h5,
.color--white h6,
.color--white i,
.color--white li,
.color--white p,
.color--white span {
	color: #fff
}

.color--snow,
.color--snow a,
.color--snow h1,
.color--snow h2,
.color--snow h3,
.color--snow h4,
.color--snow h5,
.color--snow h6,
.color--snow i,
.color--snow li,
.color--snow p,
.color--snow span,
.color--white .color--snow {
	color: #c2c3cb
}

.color--black,
.color--black a,
.color--black h1,
.color--black h2,
.color--black h3,
.color--black h4,
.color--black h5,
.color--black h6,
.color--black i,
.color--black li,
.color--black p,
.color--black span {
	color: #353f4f
}

.color--coal,
.color--coal a,
.color--coal h1,
.color--coal h2,
.color--coal h3,
.color--coal h4,
.color--coal h5,
.color--coal h6,
.color--coal i,
.color--coal li,
.color--coal p,
.color--coal span {
	color: #52595d
}

.color--grey,
.color--grey a,
.color--grey h1,
.color--grey h2,
.color--grey h3,
.color--grey h4,
.color--grey h5,
.color--grey h6,
.color--grey i,
.color--grey li,
.color--grey p,
.color--grey span,
.color--white .color--grey {
	color: #757575
}

.color--blue-500,
.color--blue-500 a,
.color--blue-500 h1,
.color--blue-500 h2,
.color--blue-500 h3,
.color--blue-500 h4,
.color--blue-500 h5,
.color--blue-500 h6,
.color--blue-500 i,
.color--blue-500 li,
.color--blue-500 p,
.color--blue-500 span,
.color--white .color--blue-500 {
	color: #185abd !important
}

.color--blue-400,
.color--blue-400 a,
.color--blue-400 h1,
.color--blue-400 h2,
.color--blue-400 h3,
.color--blue-400 h4,
.color--blue-400 h5,
.color--blue-400 h6,
.color--blue-400 i,
.color--blue-400 li,
.color--blue-400 p,
.color--blue-400 span,
.color--white .color--blue-400 {
	color: #1680fb !important
}

.color--blue-300,
.color--blue-300 a,
.color--blue-300 h1,
.color--blue-300 h2,
.color--blue-300 h3,
.color--blue-300 h4,
.color--blue-300 h5,
.color--blue-300 h6,
.color--blue-300 i,
.color--blue-300 li,
.color--blue-300 p,
.color--blue-300 span,
.color--white .color--blue-300 {
	color: #3eb1ff !important
}

.color--green-500,
.color--green-500 a,
.color--green-500 h1,
.color--green-500 h2,
.color--green-500 h3,
.color--green-500 h4,
.color--green-500 h5,
.color--green-500 h6,
.color--green-500 i,
.color--green-500 li,
.color--green-500 p,
.color--green-500 span,
.color--white .color--green-500 {
	color: #00a14e !important
}

.color--green-400,
.color--green-400 a,
.color--green-400 h1,
.color--green-400 h2,
.color--green-400 h3,
.color--green-400 h4,
.color--green-400 h5,
.color--green-400 h6,
.color--green-400 i,
.color--green-400 li,
.color--green-400 p,
.color--green-400 span,
.color--white .color--green-400 {
	color: #0fbc49 !important
}

.color--green-300,
.color--green-300 a,
.color--green-300 h1,
.color--green-300 h2,
.color--green-300 h3,
.color--green-300 h4,
.color--green-300 h5,
.color--green-300 h6,
.color--green-300 i,
.color--green-300 li,
.color--green-300 p,
.color--green-300 span,
.color--white .color--green-300 {
	color: #6fd792 !important
}

.color--pink-500,
.color--pink-500 a,
.color--pink-500 h1,
.color--pink-500 h2,
.color--pink-500 h3,
.color--pink-500 h4,
.color--pink-500 h5,
.color--pink-500 h6,
.color--pink-500 i,
.color--pink-500 li,
.color--pink-500 p,
.color--pink-500 span,
.color--white .color--pink-500 {
	color: #ff149c !important
}

.color--pink-400,
.color--pink-400 a,
.color--pink-400 h1,
.color--pink-400 h2,
.color--pink-400 h3,
.color--pink-400 h4,
.color--pink-400 h5,
.color--pink-400 h6,
.color--pink-400 i,
.color--pink-400 li,
.color--pink-400 p,
.color--pink-400 span,
.color--white .color--pink-400 {
	color: #f74780 !important
}

.color--pink-300,
.color--pink-300 a,
.color--pink-300 h1,
.color--pink-300 h2,
.color--pink-300 h3,
.color--pink-300 h4,
.color--pink-300 h5,
.color--pink-300 h6,
.color--pink-300 i,
.color--pink-300 li,
.color--pink-300 p,
.color--pink-300 span,
.color--white .color--pink-300 {
	color: #fcb5cc !important
}

.color--purple-500,
.color--purple-500 a,
.color--purple-500 h1,
.color--purple-500 h2,
.color--purple-500 h3,
.color--purple-500 h4,
.color--purple-500 h5,
.color--purple-500 h6,
.color--purple-500 i,
.color--purple-500 li,
.color--purple-500 p,
.color--purple-500 span,
.color--white .color--purple-500 {
	color: #663ae9 !important
}

.color--purple-400,
.color--purple-400 a,
.color--purple-400 h1,
.color--purple-400 h2,
.color--purple-400 h3,
.color--purple-400 h4,
.color--purple-400 h5,
.color--purple-400 h6,
.color--purple-400 i,
.color--purple-400 li,
.color--purple-400 p,
.color--purple-400 span,
.color--white .color--purple-400 {
	color: #7b5dd6 !important
}

.color--purple-300,
.color--purple-300 a,
.color--purple-300 h1,
.color--purple-300 h2,
.color--purple-300 h3,
.color--purple-300 h4,
.color--purple-300 h5,
.color--purple-300 h6,
.color--purple-300 i,
.color--purple-300 li,
.color--purple-300 p,
.color--purple-300 span,
.color--white .color--purple-300 {
	color: #bdaeea !important
}

.color--red-500,
.color--red-500 a,
.color--red-500 h1,
.color--red-500 h2,
.color--red-500 h3,
.color--red-500 h4,
.color--red-500 h5,
.color--red-500 h6,
.color--red-500 i,
.color--red-500 li,
.color--red-500 p,
.color--red-500 span,
.color--white .color--red-500 {
	color: #da0f29 !important
}

.color--red-400,
.color--red-400 a,
.color--red-400 h1,
.color--red-400 h2,
.color--red-400 h3,
.color--red-400 h4,
.color--red-400 h5,
.color--red-400 h6,
.color--red-400 i,
.color--red-400 li,
.color--red-400 p,
.color--red-400 span,
.color--white .color--red-400 {
	color: #ff1e1a !important
}

.color--red-300,
.color--red-300 a,
.color--red-300 h1,
.color--red-300 h2,
.color--red-300 h3,
.color--red-300 h4,
.color--red-300 h5,
.color--red-300 h6,
.color--red-300 i,
.color--red-300 li,
.color--red-300 p,
.color--red-300 span,
.color--white .color--red-300 {
	color: #ffa5a3 !important
}

.color--violet-500,
.color--violet-500 a,
.color--violet-500 h1,
.color--violet-500 h2,
.color--violet-500 h3,
.color--violet-500 h4,
.color--violet-500 h5,
.color--violet-500 h6,
.color--violet-500 i,
.color--violet-500 li,
.color--violet-500 p,
.color--violet-500 span,
.color--white .color--violet-500 {
	color: #c73e9b !important
}

.color--violet-400,
.color--violet-400 a,
.color--violet-400 h1,
.color--violet-400 h2,
.color--violet-400 h3,
.color--violet-400 h4,
.color--violet-400 h5,
.color--violet-400 h6,
.color--violet-400 i,
.color--violet-400 li,
.color--violet-400 p,
.color--violet-400 span,
.color--white .color--violet-400 {
	color: #7835E4 !important
}

.color--violet-300,
.color--violet-300 a,
.color--violet-300 h1,
.color--violet-300 h2,
.color--violet-300 h3,
.color--violet-300 h4,
.color--violet-300 h5,
.color--violet-300 h6,
.color--violet-300 i,
.color--violet-300 li,
.color--violet-300 p,
.color--violet-300 span,
.color--white .color--violet-300 {
	color: #e2bde2 !important
}

.color--white .color--yellow-500,
.color--yellow-500,
.color--yellow-500 a,
.color--yellow-500 h1,
.color--yellow-500 h2,
.color--yellow-500 h3,
.color--yellow-500 h4,
.color--yellow-500 h5,
.color--yellow-500 h6,
.color--yellow-500 i,
.color--yellow-500 li,
.color--yellow-500 p,
.color--yellow-500 span {
	color: #ffba01 !important
}

.color--white .color--yellow-400,
.color--yellow-400,
.color--yellow-400 a,
.color--yellow-400 h1,
.color--yellow-400 h2,
.color--yellow-400 h3,
.color--yellow-400 h4,
.color--yellow-400 h5,
.color--yellow-400 h6,
.color--yellow-400 i,
.color--yellow-400 li,
.color--yellow-400 p,
.color--yellow-400 span {
	color: #ffbd45 !important
}

.color--white .color--yellow-300,
.color--yellow-300,
.color--yellow-300 a,
.color--yellow-300 h1,
.color--yellow-300 h2,
.color--yellow-300 h3,
.color--yellow-300 h4,
.color--yellow-300 h5,
.color--yellow-300 h6,
.color--yellow-300 i,
.color--yellow-300 li,
.color--yellow-300 p,
.color--yellow-300 span {
	color: #ffdf35 !important
}

#loading {
	background-color: #f5f5f9;
	height: 100%;
	margin-top: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	z-index: 99999999
}

#loading-center {
	animation: loading-center-absolute 1s infinite;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	position: absolute;
	top: 50%
}

#loading-center,
.loader {
	height: 100px;
	width: 100px
}

.loader {
	animation: rotation 1s linear infinite;
	border-color: transparent #888;
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	display: inline-block;
	position: relative
}

.loading--blue .loader {
	border-color: transparent #1680fb
}

.loading--green .loader {
	border-color: transparent #0fbc49
}

.loading--pink .loader {
	border-color: transparent #f74780
}

.loading--purple .loader {
	border-color: transparent #7b5dd6
}

.loading--red .loader {
	border-color: transparent #ff1e1a
}

.loading--violet .loader {
	border-color: transparent #c73e9b
}

.loading--yellow .loader {
	border-color: transparent #ffba01
}

.loader:after {
	border-color: currentcolor;
	border-color: transparent rgba(30, 30, 30, .15);
	border-radius: 50%;
	border-style: solid;
	border-width: 50px;
	box-sizing: border-box;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.loading--blue .loader:after {
	border-color: transparent rgba(22, 128, 251, .15)
}

.loading--green .loader:after {
	border-color: transparent rgba(14, 188, 73, .15)
}

.loading--pink .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.loading--purple .loader:after {
	border-color: transparent rgba(123, 93, 214, .15)
}

.loading--red .loader:after {
	border-color: transparent rgba(255, 30, 26, .15)
}

.loading--violet .loader:after {
	border-color: transparent rgba(255, 108, 190, .15)
}

.loading--yellow .loader:after {
	border-color: transparent rgba(255, 186, 1, .15)
}

@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

#header {
	display: block;
	padding-top: 0;
	width: 100%
}

.header-wrapper {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1030
}

.headerwp {
	margin: 0 auto;
	max-width: 1140px;
	padding: 0
}

.posrlt {
	position: relative
}

.desktoplogo img {
	max-height: 48px;
	max-width: inherit;
	width: auto
}

.blog-header .desktoplogo img {
	max-height: 30px
}

.wsmainfull {
	height: auto;
	transition: all .45s ease-in-out;
	width: 100%;
	z-index: 1031
}

.tra-menu .wsmainfull {
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: hsla(0,0%,100%,.7)!important;
    box-shadow: 0 2px 3px rgba(96,96,96,.1);
    padding: 0;
}

.white-menu .wsmainfull {
	background-color: #fff !important;
	box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
	padding: 6px 0
}

.dark-menu .wsmainfull {
	background-color: #1d222f !important;
	box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
	padding: 6px 0
}

#header.hiddden-header {
	display: none
}

.hidden-nav .wsmainfull {
	box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
	margin-top: -140px;
	transition: all .4s ease-in-out
}

.wsmenu>.wsmenu-list>li>a {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 50px;
	margin: 0 7px;
	padding: 10px 15px;
	text-decoration: none
}

.navbar-dark .wsmenu>.wsmenu-list>li>a.h-link {
	color: #000
}

.navbar-light .wsmenu>.wsmenu-list>li>a.h-link {
	color: #fff
}

.wsmenu>.wsmenu-list>li>a.h-link.last-link {
	margin: 0;
	padding: 10px 0
}

.wsmenu>.wsmenu-list>li>a .wsarrow:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid;
	content: "";
	float: right;
	height: 0;
	margin: 0 0 0 14px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 35px;
	width: 0
}

.wsmenu>.wsmenu-list>li.reg-fst-link>a {
	margin-left: 30px
}

span.sm-info {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: .65rem;
	font-weight: 700;
	height: 20px;
	line-height: 19px;
	margin-left: 5px;
	position: relative;
	text-align: center;
	width: 20px
}

.nav-blue-500 .sm-info {
	background-color: #185abd
}

.nav-blue-400 .sm-info {
	background-color: #1680fb
}

.nav-blue-300 .sm-info {
	background-color: #3eb1ff
}

.nav-green-500 .sm-info {
	background-color: #00a14e
}

.nav-green-400 .sm-info {
	background-color: #0fbc49
}

.nav-green-300 .sm-info {
	background-color: #6fd792
}

.nav-pink-500 .sm-info {
	background-color: #ff149c
}

.nav-pink-400 .sm-info {
	background-color: #f74780
}

.nav-pink-300 .sm-info {
	background-color: #fcb5cc
}

.nav-purple-500 .sm-info {
	background-color: #663ae9
}

.nav-purple-400 .sm-info {
	background-color: #7b5dd6
}

.nav-purple-300 .sm-info {
	background-color: #bdaeea
}

.nav-red-500 .sm-info {
	background-color: #da0f29
}

.nav-red-400 .sm-info {
	background-color: #ff1e1a
}

.nav-red-300 .sm-info {
	background-color: #ffa5a3
}

.nav-violet-500 .sm-info {
	background-color: #c73e9b
}

.nav-violet-400 .sm-info {
	background-color: #7835E4
}

.nav-violet-300 .sm-info {
	background-color: #e2bde2
}

.nav-yellow-500 .sm-info {
	background-color: #ffba01
}

.nav-yellow-400 .sm-info {
	background-color: #ffbd45
}

.nav-yellow-300 .sm-info {
	background-color: #ffdf35
}

.wsmenu>.wsmenu-list>li a.btn {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 30px;
	margin-top: 14px;
	padding: 4px 28px;
	text-transform: none
}

.wsmenu>.wsmenu-list>li a.btn.reg-btn {
	padding: 4px 22px
}

.wsmenu>.wsmenu-list>li a.btn.fst-btn-link {
	margin-left: 12px
}

.wsmenu>.wsmenu-list>li a.store.header-store {
	line-height: 1;
	margin-bottom: 0;
	margin-left: 10px;
	margin-top: 13px;
	padding: 0
}

.store.header-store img {
	max-height: 44px
}

.header-socials {
	display: inline-block;
	margin: 0;
	text-align: center
}

.header-socials span {
	clear: none !important;
	display: inline-block !important;
	float: left;
	margin: 0;
	vertical-align: top;
	width: auto !important
}

.header-socials a {
	display: block;
	margin-left: 18px
}

.navbar-light .header-socials a {
	color: #ddd
}

.navbar-light .header-socials a:hover {
	color: #ccc !important
}

.header-socials.ico-20 [class*=flaticon-]:after,
.header-socials.ico-20 [class*=flaticon-]:before {
	line-height: 70px !important
}

.wsmenu>.wsmenu-list>li>ul.sub-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
	min-width: 200px;
	padding: 12px 10px;
	top: 62px;
	width: auto
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
	background-color: rgba(244, 244, 249, 0);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	color: #353f4f;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	padding: 11px 14px;
	transition: all .3s ease-in-out
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
	background-color: #f4f4f9;
	padding: 11px 14px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu {
	top: 62px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
	padding: 12px 0;
	width: 38%
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
	right: 2%
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li {
	border-bottom: none
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a {
	background-color: rgba(244, 244, 249, 0);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	color: #353f4f;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	padding: 11px 14px;
	transition: all .3s ease-in-out
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover {
	background-color: #f4f4f9;
	padding: 11px 14px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
	padding: 12px 0
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
	left: 23%;
	padding: 20px 10px;
	width: 76% !important
}

.wsmegamenu.w-75 .col-lg-3 {
	padding: 0 6px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .title,
.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title {
	color: #929394;
	font-family: 'Poppins', sans-serif;
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	margin: 10px 0 15px 13px;
	text-transform: uppercase
}

.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu,
.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu,
.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu {
	background-color: #2c3142 !important;
	border: 1px solid #2c3142 !important;
	box-shadow: 0 2px 3px rgba(1, 1, 1, .1)
}

.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
	background-color: hsla(0, 0%, 100%, 0) !important;
	color: #ddd
}

.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
	background-color: hsla(0, 0%, 100%, .05) !important
}

.black-scroll .scroll .icons-menu-txt span,
.black-scroll .scroll .title,
.dark-menu .icons-menu-txt span,
.dark-menu .title {
	color: #fff !important
}

.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
	max-width: 275px;
	min-width: 275px;
	padding: 12px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
	padding: 12px 6px;
	width: 52%
}

.wsmegamenu.halfmenu.icons-menu .col-lg-6 {
	padding: 0 6px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75 {
	left: 17%;
	padding: 12px 6px;
	width: 82% !important
}

.wsmegamenu.icons-menu.w-75 .col-lg-4 {
	padding: 0 6px
}

.icons-menu .icons-menu-item {
	align-items: stretch !important;
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: flex-start !important;
	position: relative !important
}

.icons-menu-ico {
	margin-right: 14px;
	position: relative
}

.wsmegamenu.ico-30 .icons-menu-ico span {
	position: relative;
	top: 6px !important
}

.icons-menu-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.icons-menu-txt h6 {
	color: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 0
}

.icons-menu-txt span {
	color: #898989;
	display: block;
	font-size: .925rem;
	font-weight: 400;
	margin-bottom: 0
}

.sub-menu.ico-30 .icons-menu-txt h6 {
	line-height: 30px
}

.navbar-light .wsmenu-list>li>a.h-link:hover {
	color: #eee !important
}

.navbar-dark .wsmenu-list>li>a.h-link:hover {
	color: #1d222f !important
}

.wsmenu>.wsmenu-list.nav-blue-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue-500>li>ul.sub-menu>li>a:hover {
	color: #185abd !important
}

.wsmenu>.wsmenu-list.nav-blue-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue-400>li>ul.sub-menu>li>a:hover {
	color: #1680fb !important
}

.wsmenu>.wsmenu-list.nav-blue-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue-300>li>ul.sub-menu>li>a:hover {
	color: #3eb1ff !important
}

.wsmenu>.wsmenu-list.nav-green-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green-500>li>ul.sub-menu>li>a:hover {
	color: #00a14e !important
}

.wsmenu>.wsmenu-list.nav-green-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green-400>li>ul.sub-menu>li>a:hover {
	color: #0fbc49 !important
}

.wsmenu>.wsmenu-list.nav-green-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green-300>li>ul.sub-menu>li>a:hover {
	color: #6fd792 !important
}

.wsmenu>.wsmenu-list.nav-pink-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-pink-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-pink-500>li>ul.sub-menu>li>a:hover {
	color: #ff149c !important
}

.wsmenu>.wsmenu-list.nav-pink-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-pink-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-pink-400>li>ul.sub-menu>li>a:hover {
	color: #f74780 !important
}

.wsmenu>.wsmenu-list.nav-pink-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-pink-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-pink-300>li>ul.sub-menu>li>a:hover {
	color: #fcb5cc !important
}

.wsmenu>.wsmenu-list.nav-purple-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-purple-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-purple-500>li>ul.sub-menu>li>a:hover {
	color: #663ae9 !important
}

.wsmenu>.wsmenu-list.nav-purple-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-purple-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-purple-400>li>ul.sub-menu>li>a:hover {
	color: #7b5dd6 !important
}

.wsmenu>.wsmenu-list.nav-purple-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-purple-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-purple-300>li>ul.sub-menu>li>a:hover {
	color: #bdaeea !important
}

.wsmenu>.wsmenu-list.nav-red-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-red-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-red-500>li>ul.sub-menu>li>a:hover {
	color: #da0f29 !important
}

.wsmenu>.wsmenu-list.nav-red-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-red-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-red-400>li>ul.sub-menu>li>a:hover {
	color: #ff1e1a !important
}

.wsmenu>.wsmenu-list.nav-red-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-red-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-red-300>li>ul.sub-menu>li>a:hover {
	color: #ffa5a3 !important
}

.wsmenu>.wsmenu-list.nav-violet-500>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-violet-500>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-violet-500>li>ul.sub-menu>li>a:hover {
	color: #c73e9b !important
}

.wsmenu>.wsmenu-list.nav-violet-400>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-violet-400>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-violet-400>li>ul.sub-menu>li>a:hover {
	color: #7835E4 !important
}

.wsmenu>.wsmenu-list.nav-violet-300>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-violet-300>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-violet-300>li>ul.sub-menu>li>a:hover {
	color: #e2bde2 !important
}

.hidden-nav .wsmainfull.scroll {
	margin-top: 0
}

.tra-menu.white-scroll .wsmainfull.scroll,
.white-menu.white-scroll .wsmainfull.scroll {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	background-color: hsla(0, 0%, 100%, .7) !important;
	box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
	padding: 0
}

.navbar-dark .tra-menu.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link,
.navbar-light .tra-menu.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
	color: #353f4f
}

.navbar-light .white-scroll .scroll .wsmenu-list>li>a.h-link:hover {
	color: #1d222f !important
}

.dark-menu.black-scroll .wsmainfull.scroll,
.tra-menu.black-scroll .wsmainfull.scroll {
	background-color: #1d222f !important;
	box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
	padding: 0
}

.navbar-dark .tra-menu.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
	color: #fff
}

.navbar-dark .tra-menu.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link:hover {
	color: #ccc !important
}

.white-scroll .scroll .btn--tra-white {
	border-color: #353f4f !important;
	color: #353f4f !important
}

.black-scroll .scroll .btn--tra-black {
	border-color: #fff !important;
	color: #fff !important
}

.dark-light-toggle {
	cursor: pointer;
	height: 18px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px
}

.dark-light-toggle .img-light {
	margin-left: -3px;
	margin-top: -3px
}

.navbar-light .dark-light-toggle img.img-dark {
	display: block !important
}

.navbar-light #header.scroll .dark-light-toggle img.img-dark,
.navbar-light .dark-light-toggle img.img-dark-black,
.navbar-light .dark-light-toggle img.img-light,
.navbar-light .dark-light-toggle img.img-light-black {
	display: none !important
}

.navbar-light #header.scroll .dark-light-toggle img.img-dark-black {
	display: block !important
}

.navbar-dark .dark-light-toggle img.img-dark {
	display: none !important
}

.navbar-dark .dark-light-toggle img.img-dark-black {
	display: block !important
}

.navbar-dark .dark-light-toggle img.img-light,
.navbar-dark .dark-light-toggle img.img-light-black,
.navbar-light.theme--dark .dark-light-toggle img.img-dark,
.navbar-light.theme--dark .dark-light-toggle img.img-dark-black {
	display: none !important
}

.navbar-light.theme--dark .dark-light-toggle img.img-light {
	display: block !important
}

.navbar-dark.theme--dark .dark-light-toggle img.img-dark,
.navbar-dark.theme--dark .dark-light-toggle img.img-dark-black,
.navbar-dark.theme--dark .dark-light-toggle img.img-light,
.navbar-light.theme--dark #header.scroll .dark-light-toggle img.img-dark,
.navbar-light.theme--dark #header.scroll .dark-light-toggle img.img-dark-black,
.navbar-light.theme--dark .dark-light-toggle img.img-light-black {
	display: none !important
}

.navbar-dark.theme--dark .dark-light-toggle img.img-light-black {
	display: block !important
}

.navbar-dark.theme--dark #header.scroll .dark-light-toggle img.img-dark,
.navbar-dark.theme--dark #header.scroll .dark-light-toggle img.img-dark-black,
.navbar-dark.theme--dark #header.scroll .dark-light-toggle img.img-light-black {
	display: none !important
}

.navbar-dark.theme--dark #header.scroll .dark-light-toggle img.img-light {
	display: block !important
}

.logo-black,
.logo-white {
	display: block
}

.navbar-dark .logo-white,
.navbar-dark .tra-menu.black-scroll .scroll .logo-black,
.navbar-light .logo-black,
.navbar-light .tra-menu .scroll .logo-white {
	display: none
}

.navbar-dark .tra-menu.black-scroll .scroll .logo-white,
.navbar-light .tra-menu .scroll .logo-black {
	display: block
}

.hero-section,
.hero-section .container {
	position: relative;
	z-index: 3
}

.hero-section.bg--img,
.hero-section.blur--purple:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%
}

.hero-section.blur--purple:after {
	background-attachment: scroll;
	background-image: url(../_nuxt/blur-purple.adc4acab.png);
	content: "";
	height: 100%;
	left: 0;
	opacity: .2;
	position: absolute;
	top: -30%;
	z-index: -1
}

.hero-logo {
	margin-bottom: 40px
}

.hero-square-logo {
	margin-bottom: 20px
}

#hero-22 .hero-logo {
	margin-bottom: 30px
}

.hero-logo img {
	max-height: 36px;
	max-width: inherit;
	width: auto
}

.hero-square-logo img {
	max-height: 90px;
	max-width: inherit;
	width: auto
}

.hero-app-logo {
	margin-bottom: 35px
}

#hero-25 .hero-app-logo {
	margin-bottom: 25px
}

.hero-app-logo img {
	max-height: 100px;
	max-width: inherit;
	width: auto
}

#hero-25 .hero-app-logo img {
	max-height: 110px
}

#hd-1-1,
#hd-1-2 {
	display: inline-block;
	padding-right: 20px
}

#hd-1-1 {
	width: 45%
}

#hd-1-2 {
	width: 55%
}

.hero-digits-block {
	align-items: stretch !important;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	position: relative
}

.hero-digits .block-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden;
	padding-left: 12px
}

.hero-digits h2.statistic-number {
	line-height: 1;
	margin-bottom: 0
}

.hero-digits h2.statistic-number span {
	font-size: 1.85rem
}

.hero-digits .block-txt p.p-sm {
	line-height: 1.35;
	margin-bottom: 0;
	margin-top: 5px
}

.hero-section h2 {
	margin-bottom: 28px
}

.hero-section h2.s-48,
.hero-section h2.s-50 {
	margin-bottom: 40px
}

.hero-section h2.s-62 {
	margin-bottom: 24px
}

.hero-section p.p-sm {
	padding: 0 !important
}

.hero-section p.p-md {
	margin-bottom: 30px
}

.hero-section p.p-lg,
.hero-section p.p-xl {
	margin-bottom: 32px
}

.hero-section p.s-20,
.hero-section p.s-22,
.hero-section p.s-24 {
	margin-bottom: 36px
}

.hero-section p.p-lg span,
.hero-section p.p-xl span {
	font-weight: 600;
	letter-spacing: -.35px
}

#hero-1 {
	background-image: url(../_nuxt/hero-1.bca6264f.jpg);
	padding-bottom: 100px;
	padding-top: 130px
}

.hero-1-txt p {
	padding-right: 2%
}

#hero-2 {
	background-image: url(../_nuxt/bg-04.506f8bae.jpg);
	padding-bottom: 100px;
	padding-top: 150px
}

.hero-2-txt p {
	padding-right: 3%
}

.hero-2-img {
	padding-right: 25px;
	text-align: center
}

#hero-3 {
	background-image: url(../_nuxt/hero-3.b30bb475.jpg);
	padding-top: 160px;
	position: relative
}

#hero-3:after {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 5%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1
}

.hero-3-txt {
	margin-top: -70px
}

.hero-3-txt p.p-lg {
	padding-right: 2%
}

.hero-3-img {
	margin: 0 -90% 0 -60px;
	position: relative;
	text-align: center
}

#hero-4 {
	background-image: url(../_nuxt/hero-4.570a5048.jpg);
	overflow: hidden;
	padding-top: 180px
}

#hero-4:after {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 10%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1
}

.hero-4-txt h2 {
	padding: 0 3%
}

.hero-4-txt p {
	padding: 0 5%
}

.hero-4-txt p.btns-group-txt {
	margin-top: 25px
}

.hero-4-img {
	margin-top: 60px
}

#hero-5 .wave-shape-bottom path {
	fill: #fff
}

#hero-5 {
	background-image: url(../_nuxt/hero-5.f5bed091.jpg);
	padding-bottom: 150px;
	padding-top: 140px
}

.hero-5-txt h2 {
	line-height: 1.3;
	margin-bottom: 25px
}

.hero-5-txt p.p-lg {
	margin-bottom: 30px;
	padding-right: 10%
}

.hero-5-img {
	margin: 0 0 -50px
}

#hero-6 {
	padding-top: 130px
}

.hero-6-wrapper {
	background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
	overflow: hidden;
	padding: 75px 80px
}

.hero-6-img {
	position: relative;
	text-align: center
}

#hero-7 {
	padding-bottom: 100px;
	padding-top: 140px
}

#hero-7 .quick-form {
	margin-right: 4%
}

.hero-7-img {
	padding-left: 30px
}

#hero-8 .wave-shape-bottom path {
	fill: #fff
}

#hero-8 {
	background-image: url(../_nuxt/hero-8.77b2d328.jpg);
	padding-bottom: 30px;
	padding-top: 170px;
	position: relative
}

.hero-8-txt {
	margin-top: -70px
}

.hero-8-txt p {
	padding-right: 10%
}

.hero-8-txt .hero-digits {
	padding-right: 15%
}

#hero-8-form {
	background-color: #fff;
	border: 1px solid #f8f8f8;
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .08);
	padding: 45px 35px;
	position: relative;
	z-index: 999
}

#hero-8-form h4 {
	line-height: 1.4;
	margin-bottom: 20px
}

#hero-8-form p {
	color: #757575;
	margin-bottom: 25px
}

#hero-8-form p.p-sm {
	margin-bottom: 0;
	margin-top: 5px;
	padding: 0 5% !important;
	text-align: center
}

#hero-8-form p a {
	color: #1e90ff;
	text-decoration: underline
}

#hero-9 {
	padding-top: 180px
}

.hero-9-txt h2 {
	line-height: 1
}

.hero-9-txt h2 img {
	margin: 0 3px;
	max-height: 100px;
	max-width: inherit;
	position: relative;
	top: -8px;
	width: auto
}

.hero-9-txt p {
	margin-top: 40px;
	padding: 0 5%
}

#hero-9 .quick-form {
	margin-left: 7%;
	margin-right: 7%
}

.hero-9-img {
	margin-top: 60px
}

#hero-10 {
	background-image: url(../_nuxt/hero-5.f5bed091.jpg);
	padding-bottom: 100px;
	padding-top: 170px;
	position: relative
}

.hero-10-txt h4 {
	font-weight: 300;
	line-height: 1.45;
	margin-bottom: 35px;
	padding-right: 5%
}

.hero-10-img {
	margin: 0 -95% 0 15px;
	position: relative;
	text-align: center
}

#hero-11 {
	background-image: url(../_nuxt/hero-11.dbd136a5.jpg);
	overflow: hidden;
	padding-top: 50px
}

.hero-11-txt {
	margin-top: 40px
}

.hero-11-txt p {
	padding-right: 5%
}

.hero-11-img {
	margin: -60px -12% -100px -15px;
	position: relative
}

#hero-12 {
	background-image: url(../_nuxt/hero-12.0ddc1eef.jpg);
	overflow: hidden;
	padding-top: 180px
}

.hero-12-txt h2 {
	padding: 0 3%
}

.hero-12-txt p {
	padding: 0 5%
}

.hero-12-txt p.btns-group-txt {
	margin-top: 25px
}

.hero-12-img {
	margin-bottom: -100px;
	margin-top: 60px
}

.hero-12-img .video-btn {
	top: calc(50% - 30px)
}

#hero-13 {
	background-image: linear-gradient(180deg, #f1edff, #f1edff);
	padding-bottom: 80px;
	padding-top: 130px
}

#hero-13:after {
	background-color: #fff;
	box-shadow: 0 0 35px 35px #fff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 43%;
	z-index: -1
}

.hero-13-txt .section-id {
	font-weight: 600;
	letter-spacing: 1.5px
}

.hero-13-txt p {
	padding-right: 5%
}

.hero-13-img {
	text-align: center
}

#hero-14 .wave-shape-bottom path {
	fill: #fff
}

#hero-14 {
	background-image: url(../_nuxt/hero-14.248dd168.jpg);
	padding-top: 170px
}

.hero-14-txt p.s-21 {
	font-size: 1.3125rem;
	margin-bottom: 40px
}

#hero-14 .quick-form {
	margin-left: 6%;
	margin-right: 6%
}

.hero-14-txt .btn-txt {
	margin-top: 40px
}

.hero-14-img {
	margin-top: 70px
}



.hero-15-txt {
	margin-top: -20px
}

.hero-15-txt h2 {
	padding-right: 5%
}

.hero-15-txt p {
	padding-right: 2%
}

#hero-16 .wave-shape-bottom path {
	fill: #fff
}

#hero-16 {
	background-image: url(../_nuxt/hero-16.10f27f67.jpg);
	margin-bottom: 80px;
	padding-top: 170px
}

.hero-16-img {
	margin-bottom: -80px;
	margin-top: 60px
}

#hero-17 {
	background-image: url(../_nuxt/hero-17.5917b82e.jpg);
	background-position: top;
	padding-top: 170px;
	text-align: center
}

#hero-17 #brands-1 {
	padding: 80px 6% 0
}

#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
	padding: 0 20px
}

#hero-17 .quick-form {
	margin-left: 8%;
	margin-right: 8%
}

#hero-18 {
	padding-bottom: 80px;
	padding-top: 140px
}

#hero-18:after {
	background-image: url(../_nuxt/hero-5.f5bed091.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0 0 0 60px;
	content: "";
	height: 100%;
	left: 26%;
	position: absolute;
	top: 0;
	width: 74%;
	z-index: -1
}

.hero-18-txt p {
	padding-right: 3%
}

#hero-18 .quick-form {
	margin-right: 4%
}

.hero-18-img {
	padding-right: 15px;
	text-align: center
}

#hero-19 {
	padding-top: 170px
}

.hero-19-txt p {
	padding: 0 10%
}

#hero-20 {
	background-image: url(../_nuxt/hero-20.9832f0e4.jpg);
	padding-bottom: 100px;
	padding-top: 100px
}

#hero-20:after {
	background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 51%;
	z-index: -1
}

.hero-20-txt {
	padding: 0 8% 0 15px
}

.hero-section .hero-20-txt h2.s-48 {
	margin-bottom: 28px
}

#hero-21 {
	padding-top: 170px
}

.hero-21-txt {
	margin-bottom: 60px
}

.hero-21-txt h2 {
	margin-bottom: 35px
}

.hero-21-wrapper {
	overflow: hidden
}

#hero-21 .hero-overlay {
	background-image: url(../_nuxt/bg-04.506f8bae.jpg);
	padding: 90px 70px 0
}

.hero-21-img {
	margin-bottom: -25%;
	position: relative
}

.hero-21-img .video-btn {
	top: calc(50% - 80px)
}

#hero-22 .wave-shape-bottom path {
	fill: #fff
}

#hero-22 {
	background-image: url(../_nuxt/hero-22.ded891f5.jpg);
	padding-top: 160px;
	position: relative
}

#hero-22-form {
	background-color: #fff;
	border: 1px solid #f8f8f8;
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .08);
	padding: 45px 35px 35px;
	position: relative;
	z-index: 999
}

#hero-22-form h4 {
	line-height: 1.4;
	margin-bottom: 20px
}

#hero-22-form p {
	color: #757575;
	margin-bottom: 25px
}

#hero-22-form p.p-sm {
	margin-bottom: 0;
	margin-top: 5px;
	padding: 0 5% !important;
	text-align: center
}

#hero-22-form p a {
	color: #1e90ff;
	text-decoration: underline
}

#hero-23 .wave-shape-bottom path {
	fill: #fff
}

#hero-23 {
	background-image: url(../_nuxt/hero-23.c24cea35.jpg);
	margin-bottom: 25px;
	padding-top: 100px;
	position: relative
}

.hero-23-txt p {
	padding: 0 5%
}

.hero-23-img {
	margin-bottom: -25px;
	margin-top: 40px
}

#hero-24 {
	background-image: url(../_nuxt/hero-24.b8395018.jpg);
	padding-bottom: 150px;
	padding-top: 200px
}

#hero-24 .quick-form {
	margin-left: 7%;
	margin-right: 7%
}

#hero-25 {
	background-image: url(../_nuxt/hero-25.cd1209d7.jpg);
	padding-bottom: 100px;
	padding-top: 120px
}

.hero-25-txt h2 {
	margin-bottom: 22px
}

.hero-25-txt p.p-lg {
	margin-bottom: 30px;
	padding-right: 10%
}

#hero-26 .wave-shape-bottom path {
	fill: #fff
}

#hero-26 {
	background-image: url(../_nuxt/bg-03.8677d87e.jpg);
	padding-top: 160px;
	position: relative;
	z-index: 3
}

.hero-26-txt {
	margin-top: -80px
}

.hero-26-txt h2 {
	padding-right: 2%
}

#hero-26 .quick-form {
	margin-right: 4%
}

.hero-26-img {
	margin: 0 -90% 0 -60px;
	position: relative;
	text-align: center
}

#hero-27 .hero-overlay {
	background-image: url(../_nuxt/hero-27.570d2c60.png);
	background-position: top;
	padding-top: 170px
}

.hero-27-txt h2 {
	margin-bottom: 26px !important
}

.hero-27-txt p.s-20 {
	margin-bottom: 30px !important;
	padding: 0 6%
}

.hero-27-txt p.s-21 {
	padding: 0 5%
}

.hero-section .quick-form .input-group {
	border: none
}

.hero-section .quick-form .form-control {
	background-color: #fff;
	border: 2px solid transparent;
	color: #666;
	font-size: 1.125rem;
	font-weight: 400;
	height: 64px;
	padding: 0 20px;
	transition: all .45s ease-in-out
}

.hero-section .quick-form.form-shadow .form-control {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}

.hero-section .quick-form.form-stroke .form-control {
	border-color: #353f4f
}

.hero-section .quick-form.form-half .form-control {
	font-size: 1.0625rem;
	height: 58px
}

.hero-section .quick-form .form-control::-moz-placeholder {
	color: #999
}

.hero-section .quick-form .form-control:-ms-input-placeholder {
	color: #999
}

.hero-section .quick-form .form-control::-webkit-input-placeholder {
	color: #999
}

.hero-section .quick-form .form-control:focus {
	background-color: #fff;
	border-color: #1680fb;
	box-shadow: none;
	outline: 0
}

.hero-section .quick-form .btn {
	font-size: 1.0625rem;
	height: 64px;
	margin-left: 15px;
	padding: 12px 45px
}

.hero-section .quick-form.form-half .btn {
	font-size: 1rem;
	height: 58px;
	margin-left: 14px;
	padding: 13px 40px
}

.hero-section .quick-form-msg {
	display: block;
	margin: 20px 0 15px 5px;
	width: 100% !important
}

.hero-section .text-center .quick-form-msg {
	margin: 20px 0 -15px
}

.hero-section .quick-form-msg .loading {
	color: #3eb1ff;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1
}

.hero-section .text-center .quick-form-msg .loading {
	font-size: 1.125rem
}

.request-form .form-control {
	background-color: #f5f6f8;
	border: 1px solid transparent;
	color: #666;
	font-size: 1rem;
	font-weight: 400;
	height: 58px;
	margin-bottom: 22px;
	transition: all .4s ease-in-out
}

.hero-form-wrapper .form-control::-moz-placeholder {
	color: #999
}

.hero-form-wrapper .form-control:-ms-input-placeholder {
	color: #999
}

.hero-form-wrapper .form-control::-webkit-input-placeholder {
	color: #999
}

.request-form .form-control:focus {
	background-color: #fff;
	border-color: #1680fb;
	box-shadow: none;
	outline: 0
}

#hero-22-form .btn,
#hero-8-form .btn {
	height: 58px;
	padding: 16px;
	width: 100%
}

.request-form-msg {
	display: block;
	margin-top: 15px;
	text-align: center;
	width: 100% !important
}

.request-form-msg .loading {
	color: #00b2e4;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1
}

.request-form .error {
	color: #e74c3c;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
	padding-left: 10px
}

.a2-txt {
	padding: 20px 30px 35px
}

.a2-txt-quote {
	margin-bottom: -45px;
	position: relative
}

.a2-txt-quote.ico-40 [class*=flaticon-]:after,
.a2-txt-quote.ico-40 [class*=flaticon-]:before {
	font-size: 4.25rem
}

#about-1 .txt-block p {
	margin-bottom: 0
}

#about-4 .txt-block p {
	margin-bottom: 0;
	margin-top: 25px
}

.a2-txt-author {
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 0;
	margin-top: 18px
}

.a2-txt-author span {
	display: block;
	font-weight: 300
}

.about-3-images {
	padding: 0 5%
}

.about-2-img,
.about-3-img {
	overflow: hidden
}

.about-3-img {
	height: 460px
}

.a-2-1 {
	margin-bottom: 30px;
	margin-left: 13%
}

.a-2-2 {
	margin-left: -10%
}

.a-2-3 {
	margin-bottom: 30px
}

.a-2-3,
.a-2-4 {
	margin-right: -10%
}

#a4-1 {
	margin-top: -30px;
	padding-right: 30px
}

#a4-1,
#a4-2 {
	position: relative
}

#a4-2 {
	margin-bottom: -30px;
	padding-left: 30px
}

#features-12.pt-100.shape--bg:after,
#features-12.py-100.shape--bg:after,
#features-13.pt-100.shape--bg:after,
#features-13.py-100.shape--bg:after {
	content: "";
	position: absolute;
	z-index: -1
}

#features-12.py-100.shape--bg:after {
	height: 64%;
	left: 52%;
	top: 18%;
	width: 48%
}

#features-12.pt-100.shape--bg:after {
	height: 72%;
	left: 52%;
	top: 21%;
	width: 48%
}

#features-13.py-100.shape--bg:after {
	height: 64%;
	top: 18%;
	width: 48%
}

#features-13.pt-100.shape--bg:after {
	height: 72%;
	top: 21%;
	width: 48%
}

.rows-2 .fb-1,
.rows-2 .fb-2,
.rows-2 .fb-3 {
	margin-bottom: 50px
}

.rows-2 .fbox-7.fb-1,
.rows-2 .fbox-7.fb-2,
.rows-2 .fbox-7.fb-3,
.rows-2 .fbox-9.fb-1,
.rows-2 .fbox-9.fb-2,
.rows-2 .fbox-9.fb-3,
.rows-3 .fb-1,
.rows-3 .fb-2,
.rows-3 .fb-3,
.rows-3 .fb-4 {
	margin-bottom: 40px
}

.rows-3 .fb-3.fbox-11-lst,
.rows-3 .fb-4.fbox-11-lst {
	margin-bottom: 0
}

.fbox-14-wrapper {
	padding: 80px 70px
}

.fbox-14-wrapper .col {
	padding: 0 10px
}

.row-cols-md-3 .fbox-4 {
	padding: 50px 35px
}

.row-cols-md-2 .fbox-4 {
	padding: 35px 20px
}

.fbox-5 {
	padding: 60px
}

.fbox-7 {
	border: 2px solid #eee;
	padding: 55px 40px 50px
}

.row-cols-md-2 .fbox-7 {
	padding: 35px 20px 30px
}

.fbox-8 {
	padding: 55px 40px
}

.fbox-8.bg--white-100 {
	padding: 60px 40px
}

.fbox-9 {
	padding: 40px 40px 35px
}

.fbox-14,
.fbox-9 {
	border: 2px solid #eee
}

.fbox-14 {
	padding: 40px 30px 35px
}

.fbox-img img {
	max-width: inherit;
	width: auto
}

.fbox-img.h-135 img {
	max-height: 135px
}

.fbox-img.h-140 img {
	max-height: 140px
}

.fbox-img.h-145 img {
	max-height: 145px
}

.fbox-img.h-150 img {
	max-height: 150px
}

.fbox-img.h-155 img {
	max-height: 155px
}

.fbox-img.h-160 img {
	max-height: 160px
}

.fbox-img.h-165 img {
	max-height: 165px
}

.fbox-img.h-170 img {
	max-height: 170px
}

.fbox-img.h-175 img {
	max-height: 175px
}

.fbox-img.h-180 img {
	max-height: 180px
}

.fbox-1 .fbox-img {
	margin-bottom: 35px
}

.row-cols-md-2 .fbox-1 .fbox-img {
	margin-bottom: 28px
}

.fbox-2 .fbox-img {
	border-radius: 12px 12px 0 0
}

.fbox-2 .fbox-img.h-135,
.fbox-2 .fbox-img.h-140,
.fbox-2 .fbox-img.h-145,
.fbox-2 .fbox-img.h-150,
.fbox-2 .fbox-img.h-155 {
	margin-bottom: 60px;
	padding-top: 35px
}

.fbox-2 .fbox-img.h-160 {
	margin: 0 20px 60px;
	padding-top: 35px
}

.fbox-2 .fbox-img.h-165 {
	margin: 0 15px 60px;
	padding-top: 38px
}

.fbox-2 .fbox-img.h-170 {
	margin: 0 10px 60px;
	padding-top: 40px
}

.fbox-2 .fbox-img.h-175 {
	margin: 0 8px 60px;
	padding-top: 42px
}

.fbox-2 .fbox-img.h-180 {
	margin: 0 5px 60px;
	padding-top: 44px
}

.fbox-2 .fbox-img img {
	margin-bottom: -25px
}

.fbox-3 .fbox-img {
	overflow: hidden
}

.fbox-3 .fbox-img.h-135 {
	margin: 0 0 35px;
	padding-top: 30px
}

.fbox-3 .fbox-img.h-160 {
	margin: 0 18px 35px;
	padding-top: 32px
}

.fbox-3 .fbox-img.h-170 {
	margin: 0 10px 35px;
	padding-top: 40px
}

.fbox-3 .fbox-img.h-175,
.fbox-3 .fbox-img.h-180 {
	margin: 0 5px 35px;
	padding-top: 40px
}

.row-cols-md-2 .fbox-3 .fbox-img {
	margin-bottom: 28px
}

.fbox-4 .fbox-img {
	margin-bottom: 35px
}

.row-cols-md-2 .fbox-4 .fbox-img {
	margin-bottom: 28px
}

.fbox-5.fb-1 .fbox-5-img,
.fbox-5.fb-5 .fbox-5-img,
.fbox-5.fb-6 .fbox-5-img {
	margin: 40px 5% 0
}

.fbox-5.fb-2 .fbox-5-img,
.fbox-5.fb-3 .fbox-5-img,
.fbox-5.fb-4 .fbox-5-img {
	margin: 0 5% 40px
}

.fbox-ico,
.fbox-ico.ico-rounded {
	margin-bottom: 20px
}

.fbox-ico.ico-rounded-lg,
.fbox-ico.ico-rounded-md {
	margin-bottom: 25px
}

.fbox-11 {
	align-items: stretch !important;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	position: relative
}

.fbox-ico-wrap {
	margin-right: 25px;
	position: relative
}

.rows-2 .fbox-ico-wrap {
	margin-right: 20px
}

.fbox-11 .fbox-ico {
	margin-top: 4px
}

.fbox-11 .fbox-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.fbox-wrapper .row-cols-lg-3 .fbox-title {
	margin-bottom: 10px
}

.fbox-title span {
	float: left;
	line-height: 1 !important;
	margin-right: 15px
}

.fbox-title h6 {
	line-height: 2.1875rem !important;
	margin-bottom: 0
}

.fbox-title.ico-30 h6 {
	line-height: 1.875rem !important;
	margin-bottom: 0
}

.fbox-wrapper .row-cols-md-3 h6 {
	margin-bottom: 15px
}

.fbox-wrapper .row-cols-md-2 h6,
.rows-2 .fbox-11 h6 {
	margin-bottom: 10px
}

.fbox-wrapper p {
	margin-bottom: 0
}

.fbox-14 h5,
.fbox-5 h5 {
	margin-bottom: 15px
}

.fbox-12-wrapper {
	padding-left: 45px
}

.fbox-13-wrapper {
	padding-right: 45px
}

.fbox-12,
.fbox-13 {
	padding: 32px 35px
}

.fbox-12 h5,
.fbox-13 h5 {
	margin-bottom: 10px;
	margin-top: 20px
}

.fbox-12 p,
.fbox-13 p,
.fbox-14 p {
	margin-bottom: 0
}

.ct-06 {
	margin-bottom: 80px
}

.ct-07 {
	margin-top: 80px
}

.ct-10 .section-overlay {
	margin-bottom: 100px
}

.ct-11,
.ct-12 {
	padding: 60px 0
}

.ct-11:after {
	left: 0
}

.ct-11:after,
.ct-12:after {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: -1
}

.ct-12:after {
	left: 50%
}

.bc-1-wrapper .section-overlay,
.bc-4-wrapper .section-overlay,
.bc-6-wrapper .section-overlay {
	padding: 80px 70px
}

.bc-2-wrapper .section-overlay,
.bc-3-wrapper .section-overlay,
.bc-5-wrapper .section-overlay {
	padding: 80px 70px 0
}

.bc-6 {
	padding: 40px 35px
}

.cbox-6-wrapper {
	padding: 60px 40px
}

.content-section .cbox-6-wrapper {
	padding: 80px 70px
}

.bc-5-wrapper .section-title p {
	padding: 0
}

.txt-box {
	margin-bottom: 20px
}

.txt-box:last-child {
	margin-bottom: 0
}

.bc-2-wrapper .txt-block,
.bc-3-txt,
.ct-06 .txt-block {
	margin-top: -40px
}

.bc-2-txt,
.ct-07 .txt-block {
	margin-top: 40px
}

.bc-1-wrapper .txt-block.pr-25.left-column,
.bc-2-wrapper .txt-block.pr-25.left-column {
	padding-right: 25px
}

.bc-1-wrapper .txt-block.pl-25.right-column,
.bc-2-wrapper .txt-block.pl-25.right-column {
	padding-left: 25px
}

.ct-11 .txt-block {
	padding-right: 50px
}

.ct-12 .txt-block {
	padding-left: 70px
}

.ct-13 .txt-block h5 {
	padding-right: 6%
}

.bc-2-txt h2,
.bc-3-txt h2,
.bc-4-txt h2,
.txt-block h2,
.txt-block h3 {
	margin-bottom: 26px
}

.txt-block h5,
h5.h5-title {
	margin-bottom: 20px
}

h5.h5-title {
	margin-top: 20px
}

.txt-block .btn,
.txt-block .btns-group .btn.btn--transparent {
	margin-top: 25px
}

.txt-block .btn.btn--transparent {
	margin-top: 0
}

.cbox-1,
.cbox-2,
.cbox-3 {
	align-items: stretch !important;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	position: relative
}

.cbox-5 {
	position: relative
}

.cbox-5-content {
	background-color: #fff;
	border: 1px solid #f5f6f6;
	box-shadow: 0 15px 20px 0 rgba(5, 5, 5, .05);
	margin: 0 12%;
	padding: 40px;
	z-index: 1
}

.cbox-5-content .divider {
	margin-bottom: 25px;
	margin-top: 25px
}

#cb-6-1,
#cb-6-2 {
	margin-bottom: 35px
}

.box-title h5,
.box-title h6 {
	display: inline-block;
	line-height: 2.35rem !important;
	margin-bottom: 15px
}

.box-title span {
	margin-right: 10px;
	position: relative;
	top: 12px
}

.box-title span[class*=flaticon-]:after,
.box-title span[class*=flaticon-]:before {
	font-size: 2.35rem
}

.txt-block .cbox-5-title h2 {
	font-size: 3.5rem;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 10px
}

.cbox-5-title .statistic-number sup {
	font-size: 3rem;
	right: 6px;
	top: -5px
}

.cbox-5-title .ico-15 [class*=flaticon-]:after,
.cbox-5-title .ico-15 [class*=flaticon-]:before {
	font-size: .875rem;
	line-height: 1 !important
}

.cbox-5-title p.p-lg {
	margin-bottom: 10px
}

.cbox-1 .ico-wrap {
	margin-left: 8px
}

.cbox-1.ico-10 span {
	position: relative;
	right: 7px;
	top: 0
}

.cbox-1.ico-15 span {
	position: relative;
	right: 8px;
	top: 1px
}

.cbox-1.ico-10 [class*=flaticon-]:after,
.cbox-1.ico-10 [class*=flaticon-]:before {
	font-size: .6rem
}

.cbox-1.ico-15 [class*=flaticon-]:after,
.cbox-1.ico-15 [class*=flaticon-]:before {
	font-size: .75rem
}

.cbox-2 .ico-wrap {
	margin-right: 1.625rem;
	position: relative
}

.cbox-2-ico {
	border: 2px solid transparent;
	border-radius: 100%;
	font-size: 1.1875rem;
	font-weight: 500;
	height: 2.625rem;
	line-height: 2.375rem;
	position: relative;
	text-align: center;
	transition: all .45s ease-in-out;
	width: 2.625rem
}

.ct-03 .cbox-2-ico {
	font-size: 1.15rem;
	height: 2.35rem;
	line-height: 2.15rem;
	position: relative;
	width: 2.35rem
}

.cbox-2-line {
	background-color: #e4e4e4;
	bottom: 20px;
	height: calc(100% - 90px);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 2px
}

.cbox-2:hover .cbox-2-ico {
	background-color: transparent;
	transform: scale(1.1)
}

.cbox-2:hover .cbox-2-ico.bg--blue-500 {
	border-color: #185abd;
	color: #185abd
}

.cbox-2:hover .cbox-2-ico.bg--blue-400 {
	border-color: #1680fb;
	color: #1680fb
}

.cbox-2:hover .cbox-2-ico.bg--blue-300 {
	border-color: #3eb1ff;
	color: #3eb1ff
}

.cbox-2:hover .cbox-2-ico.bg--green-500 {
	border-color: #00a14e;
	color: #00a14e
}

.cbox-2:hover .cbox-2-ico.bg--green-400 {
	border-color: #0fbc49;
	color: #0fbc49
}

.cbox-2:hover .cbox-2-ico.bg--green-300 {
	border-color: #6fd792;
	color: #6fd792
}

.cbox-2:hover .cbox-2-ico.bg--pink-500 {
	border-color: #ff149c;
	color: #ff149c
}

.cbox-2:hover .cbox-2-ico.bg--pink-400 {
	border-color: #f74780;
	color: #f74780
}

.cbox-2:hover .cbox-2-ico.bg--pink-300 {
	border-color: #fcb5cc;
	color: #fcb5cc
}

.cbox-2:hover .cbox-2-ico.bg--purple-500 {
	border-color: #663ae9;
	color: #663ae9
}

.cbox-2:hover .cbox-2-ico.bg--purple-400 {
	border-color: #7b5dd6;
	color: #7b5dd6
}

.cbox-2:hover .cbox-2-ico.bg--purple-300 {
	border-color: #bdaeea;
	color: #bdaeea
}

.cbox-2:hover .cbox-2-ico.bg--red-500 {
	border-color: #da0f29;
	color: #da0f29
}

.cbox-2:hover .cbox-2-ico.bg--red-400 {
	border-color: #ff1e1a;
	color: #ff1e1a
}

.cbox-2:hover .cbox-2-ico.bg--red-300 {
	border-color: #ffa5a3;
	color: #ffa5a3
}

.cbox-2:hover .cbox-2-ico.bg--violet-500 {
	border-color: #c73e9b;
	color: #c73e9b
}

.cbox-2:hover .cbox-2-ico.bg--violet-400 {
	border-color: #7835E4;
	color: #7835E4
}

.cbox-2:hover .cbox-2-ico.bg--violet-300 {
	border-color: #e2bde2;
	color: #e2bde2
}

.cbox-2:hover .cbox-2-ico.bg--yellow-500 {
	border-color: #ffba01;
	color: #ffba01
}

.cbox-2:hover .cbox-2-ico.bg--yellow-400 {
	border-color: #ffbd45;
	color: #ffbd45
}

.cbox-2:hover .cbox-2-ico.bg--yellow-300 {
	border-color: #ffdf35;
	color: #ffdf35
}

.cbox-3 .ico-wrap {
	margin-right: 1.15rem;
	margin-top: 0;
	position: relative;
	text-align: center
}

.cbox-3 .cbox-3-ico {
	position: relative;
	top: 3px
}

.cbox-3-ico span[class*=flaticon-]:after,
.cbox-3-ico span[class*=flaticon-]:before {
	font-size: 2.85rem
}

.cbox-1-txt,
.cbox-2-txt,
.cbox-3-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.cbox-2-txt,
.cbox-3-txt {
	margin-bottom: 35px
}

.ct-03 .cbox-2-txt {
	margin-bottom: 30px
}

.cbox-4-txt {
	margin-bottom: 25px
}

.cbox-2:last-child .cbox-2-txt,
.cbox-3:last-child .cbox-3-txt,
.cbox-4:last-child .cbox-4-txt {
	margin-bottom: 0
}

.cbox-5-fea {
	box-shadow: 0 15px 20px 0 rgba(5, 5, 5, .05);
	margin-top: 25px;
	padding: 20px 25px
}

.txt-block .cbox-5-fea h4 {
	line-height: 1;
	margin-bottom: 3px
}

.cbox-5-fea p {
	margin-bottom: 0
}

.cbox-2-txt h5,
.cbox-3-txt h5 {
	margin-bottom: 15px
}

.ct-03 .cbox-2-txt h5 {
	margin-bottom: 10px
}

.cbox-6 h6 {
	margin-bottom: 15px
}

.cbox-1-txt p {
	margin-bottom: 8px
}

.cbox-1-last .cbox-1-txt p {
	margin-bottom: 1rem
}

.cbox-2-txt p,
.cbox-3-txt p,
.cbox-4-txt p,
.cbox-6 p {
	margin-bottom: 0
}

.bc-6-txt {
	padding: 0 10px
}

.bc-6-txt h5 {
	margin-bottom: 15px
}

.txt-block .accordion-1 .accordion-item {
	background-color: transparent;
	border: none;
	padding: 25px 30px
}

.txt-block .accordion-2 .accordion-item {
	background-color: transparent;
	border: none;
	border-radius: 0 0;
	border-top: 1px solid #ccc;
	padding: 15px 0 25px
}

.txt-block .accordion-2 .accordion-item:last-child {
	border-bottom: 1px solid #ccc
}

.txt-block .accordion-item.r-02:first-of-type {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

.txt-block .accordion-item.r-04:first-of-type {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.txt-block .accordion-item.r-06:first-of-type {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.txt-block .accordion-item.r-08:first-of-type {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.txt-block .accordion-item.r-10:first-of-type {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.txt-block .accordion-item.r-12:first-of-type {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px
}

.txt-block .accordion-item.r-14:first-of-type {
	border-top-left-radius: 14px;
	border-top-right-radius: 14px
}

.txt-block .accordion-item.r-16:first-of-type {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px
}

.txt-block .accordion-item.r-02:last-of-type {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px
}

.txt-block .accordion-item.r-04:last-of-type {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.txt-block .accordion-item.r-06:last-of-type {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}

.txt-block .accordion-item.r-08:last-of-type {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.txt-block .accordion-item.r-10:last-of-type {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.txt-block .accordion-item.r-12:last-of-type {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.txt-block .accordion-item.r-14:last-of-type {
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px
}

.txt-block .accordion-item.r-16:last-of-type {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px
}

.txt-block .accordion-thumb {
	cursor: pointer;
	margin: 0;
	padding: 0;
	position: relative
}

.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
	color: #6c757d;
	color: #353f4f;
	font-family: Flaticon;
	font-weight: 400;
	position: absolute
}

.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
	content: "\f11a";
	font-size: .95rem;
	left: 0;
	top: 1px
}

.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
	content: "\f110";
	font-size: .95rem;
	right: 0;
	top: 12px
}

.txt-block .accordion-1 .accordion-item.is-active {
	background-color: #f4f4f9;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 35px 30px 19px
}

.txt-block .accordion-2 .accordion-item.is-active {
	background-color: transparent;
	margin-bottom: 0;
	margin-top: 0
}

.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
	content: "\f11b"
}

.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
	content: "\f111"
}

.txt-block .accordion-1 .accordion-panel {
	color: #6c757d;
	margin: 0;
	padding: 0 0 0 25px
}

.txt-block .accordion-2 .accordion-panel {
	color: #6c757d;
	margin: 15px 0 0
}

.txt-block .accordion-1 .accordion-thumb h5 {
	color: #353f4f;
	line-height: 1;
	margin-bottom: 0;
	padding-left: 28px
}

.txt-block .accordion-2 .accordion-thumb h5 {
	color: #353f4f;
	display: inline-block;
	line-height: 1;
	margin-bottom: 0;
	padding-left: 10px
}

.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
	margin-bottom: 20px
}

.accordion-2 .accordion-thumb span[class*=flaticon-]:after,
.accordion-2 .accordion-thumb span[class*=flaticon-]:before {
	color: #6c757d;
	font-size: 2.1875rem;
	position: relative;
	top: 10px
}

.txt-block .accordion-2 .accordion-panel .simple-list li {
	margin-bottom: 1rem
}

.txt-block .accordion-2 .accordion-panel .simple-list li:last-child,
.txt-block .accordion-2 .accordion-panel p {
	margin-bottom: 0
}

#tabs-1 .tabs-nav {
	text-align: center
}

.tabs-1 {
	display: inline-block;
	margin: 0 auto 60px
}

#tabs-1 .tab-content {
	display: none
}

#tabs-1 .tab-content.current {
	display: inherit
}

.tabs-1 li {
	background-color: transparent;
	border-bottom: 3px solid transparent;
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1;
	margin: 0 20px;
	padding: 0 2px 10px;
	transition: all .4s ease-in-out
}

.tabs-1 li:hover {
	border-color: #ccc;
	color: #888
}

.tabs-1 li.current,
.tabs-1 li.current:hover {
	border-color: #2b3648;
	color: #2b3648
}

.tabs-1.tabs--blue-500,
.tabs-1.tabs--blue-500 li.current:hover {
	border-color: #185abd;
	color: #185abd
}

.tabs-1.tabs--blue-400,
.tabs-1.tabs--blue-500 li.current:hover {
	border-color: #1680fb;
	color: #1680fb
}

.tabs-1.tabs--blue-300,
.tabs-1.tabs--blue-500 li.current:hover {
	border-color: #3eb1ff;
	color: #3eb1ff
}

.tabs-1.tabs--green-500,
.tabs-1.tabs--green-500 li.current:hover {
	border-color: #00a14e;
	color: #00a14e
}

.tabs-1.tabs--green-400,
.tabs-1.tabs--green-400 li.current:hover {
	border-color: #0fbc49;
	color: #0fbc49
}

.tabs-1.tabs--green-300,
.tabs-1.tabs--green-300 li.current:hover {
	border-color: #6fd792;
	color: #6fd792
}

.tabs-1.tabs--pink-500,
.tabs-1.tabs--pink-500 li.current:hover {
	border-color: #ff149c;
	color: #ff149c
}

.tabs-1.tabs--pink-400,
.tabs-1.tabs--pink-400 li.current:hover {
	border-color: #f74780;
	color: #f74780
}

.tabs-1.tabs--pink-300,
.tabs-1.tabs--pink-300 li.current:hover {
	border-color: #fcb5cc;
	color: #fcb5cc
}

.tabs-1.tabs--purple-500,
.tabs-1.tabs--purple-500 li.current:hover {
	border-color: #663ae9;
	color: #663ae9
}

.tabs-1.tabs--purple-400,
.tabs-1.tabs--purple-400 li.current:hover {
	border-color: #7b5dd6;
	color: #7b5dd6
}

.tabs-1.tabs--purple-300,
.tabs-1.tabs--purple-300 li.current:hover {
	border-color: #bdaeea;
	color: #bdaeea
}

.tabs-1.tabs--red-500,
.tabs-1.tabs--red-500 li.current:hover {
	border-color: #da0f29;
	color: #da0f29
}

.tabs-1.tabs--red-400,
.tabs-1.tabs--red-400 li.current:hover {
	border-color: #ff1e1a;
	color: #ff1e1a
}

.tabs-1.tabs--red-300,
.tabs-1.tabs--red-300 li.current:hover {
	border-color: #ffa5a3;
	color: #ffa5a3
}

.tabs-1.tabs--violet-500,
.tabs-1.tabs--violet-500 li.current:hover {
	border-color: #c73e9b;
	color: #c73e9b
}

.tabs-1.tabs--violet-400,
.tabs-1.tabs--violet-400 li.current:hover {
	border-color: #7835E4;
	color: #7835E4
}

.tabs-1.tabs--violet-300,
.tabs-1.tabs--violet-300 li.current:hover {
	border-color: #e2bde2;
	color: #e2bde2
}

.tabs-1.tabs--yellow-500,
.tabs-1.tabs--yellow-500 li.current:hover {
	border-color: #ffba01;
	color: #ffba01
}

.tabs-1.tabs--yellow-400,
.tabs-1.tabs--yellow-400 li.current:hover {
	border-color: #ffbd45;
	color: #ffbd45
}

.tabs-1.tabs--yellow-300,
.tabs-1.tabs--yellow-300 li.current:hover {
	border-color: #ffdf35;
	color: #ffdf35
}

.advantages {
	margin-top: 15px
}

.text-center .advantages {
	margin-top: 20px
}

.advantages li {
	clear: none !important;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important
}

.advantages-links-divider {
	position: relative;
	top: .5px;
	transform: rotate(-90deg)
}

.advantages li p {
	display: inline-block;
	float: left;
	margin-bottom: 0
}

.advantages.ico-15 li p span {
	position: relative;
	right: -1px;
	top: 2px
}

.advantages.ico-15 [class*=flaticon-]:after,
.advantages.ico-15 [class*=flaticon-]:before {
	font-size: .75rem
}

.advantages li p a {
	font-weight: 400
}

.advantages li p a,
.advantages li p a:hover {
	text-decoration: underline
}

.white--color .advantages li p a:hover {
	color: #fff !important
}

.compatibility {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 15px;
	padding: 3px 20px
}

.compatibility span {
	position: relative;
	right: 2px;
	top: -1.5px
}

.compatibility.ico-10 [class*=flaticon-]:after,
.compatibility.ico-10 [class*=flaticon-]:before {
	font-size: .5rem
}

.payment-methods,
.tools-list {
	margin-top: 25px
}

.payment-methods p,
.tools-list p {
	font-weight: 400;
	margin-bottom: 12px
}

.tools-list.ico-35 [class*=flaticon-]:after,
.tools-list.ico-35 [class*=flaticon-]:before {
	line-height: 2.1875rem !important;
	margin-right: 6px
}

.payment-icons li {
	clear: none !important;
	display: inline-block !important;
	margin: 0;
	padding-right: 5px;
	vertical-align: top
}

.payment-icons li:last-child {
	padding-right: 0
}

.payment-icons img {
	max-height: 32px;
	max-width: inherit;
	width: auto
}

.quote p {
	border-left: 3px solid #0195ff;
	color: #666;
	font-style: italic;
	margin-bottom: 12px;
	padding-left: 20px
}

.quote-avatar {
	display: inline-block;
	margin: 0 auto
}

.quote-avatar img {
	border-radius: 100%;
	height: 70px;
	width: 70px
}

.quote-author {
	display: inline-block;
	padding: 0 0 0 15px;
	position: relative;
	text-align: left;
	top: 16px
}

.quote-author h6 {
	margin-bottom: 0
}

.quote-author span {
	font-size: 1rem
}

.cbox-5-shape-1 {
	position: absolute;
	right: 30px;
	top: -35px;
	z-index: -1
}

.cbox-5-shape-2 {
	bottom: -25px;
	left: 30px;
	position: absolute;
	z-index: -1
}

.cbox-5-shape-1 img,
.cbox-5-shape-2 img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.grey-img {
	filter: grayscale(100%)
}

.img-block {
	text-align: center
}

.img-block.img-block-bkg {
	overflow: hidden
}

.img-block.img-block-bkg img {
	padding: 60px 45px
}

.bc-5-img.bc-5-dashboard.img-block-hidden,
.ct-10 .img-block,
.img-block-hidden {
	margin-bottom: -100px
}

.ct-05 .img-block-hidden {
	margin-bottom: -30px
}

.bc-5-img.bc-5-tablet.img-block-hidden {
	margin-bottom: -200px
}

.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn,
.img-block-hidden .video-btn {
	top: calc(50% - 30px)
}

.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
	top: calc(50% - 70px)
}

.ct-01 .img-block,
.ct-04 .img-block {
	margin-left: 30px
}

.ct-02 .img-block {
	margin-right: 30px
}

.ct-03 .img-block.right-column {
	margin-left: 20px
}

.ct-03 .img-block.left-column {
	margin-right: 20px
}

.ct-04 .img-block img {
	display: inline-block;
	max-width: none
}

.ct-06 .img-block {
	margin-bottom: -80px
}

.ct-07 .img-block {
	margin-top: -80px
}

.img-block-btn,
.img-block-txt {
	margin-top: 60px
}

.bc-1-wrapper .img-block.left-column,
.bc-2-wrapper .img-block.left-column {
	padding-right: 10px
}

.bc-1-wrapper .img-block.right-column,
.bc-2-wrapper .img-block.right-column {
	padding-left: 10px
}

.bc-2-img {
	margin-left: 15px
}

.bc-3-img {
	margin: 0 -65% -25px 15px
}

.bc-4-img {
	margin-left: 15px;
	margin-right: -65%
}

.bc-6-img {
	margin-bottom: 35px;
	padding: 50px 30px 0
}

.ct-11 .img-block {
	padding-left: 70px
}

.ct-11 .img-block,
.ct-12 .img-block {
	position: relative;
	text-align: center;
	z-index: 2
}

.ct-12 .img-block {
	padding-right: 70px
}

.ct-11 .img-block .tra-bkg,
.ct-12 .img-block .tra-bkg {
	height: 100%;
	left: 0;
	opacity: 0;
	-moz-opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.sb-rounded .statistic-block {
	padding: 35px 25px
}

#sb-2-1,
#sb-2-2 {
	display: inline-block;
	float: left;
	width: 48%
}

#sb-2-3,
#sb-2-4 {
	display: inline-block;
	float: left;
	padding-right: 15px
}

#sb-2-3 {
	width: 45%
}

#sb-2-4 {
	width: 55%
}

#sb-2-3 .statistic-block,
#sb-2-4 .statistic-block {
	align-items: stretch !important;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	position: relative
}

#sb-2-3 .statistic-block-txt,
#sb-2-4 .statistic-block-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden;
	padding-left: 15px
}

.statistic-1-wrapper .statistic-block-digit {
	display: inline-block !important;
	float: left;
	width: 35%
}

.statistic-1-wrapper .statistic-block-txt {
	display: inline-block !important;
	padding-left: 20px;
	width: 65%
}

#statistic-5 .statistic-digit {
	border-bottom: 1px solid #999;
	margin: 0 100px 20px 0;
	padding-bottom: 20px
}

#statistic-5 .color--white .statistic-digit {
	border-bottom: 1px solid hsla(0, 0%, 100%, .8)
}

.statistic-ico {
	margin-bottom: 10px
}

h2.statistic-number {
	display: flex;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 0
}

#sb-2-1 h2.statistic-number,
#sb-2-2 h2.statistic-number {
	margin-bottom: 15px
}

#sb-2-3 h2.statistic-number span,
#sb-2-4 h2.statistic-number span {
	font-size: 2rem
}

#statistic-5 .statistic-digit h2 {
	letter-spacing: -1.5px
}

#statistic-5 .statistic-txt h5 {
	line-height: 1;
	margin-bottom: 12px
}

.statistic-block-txt p.p-md {
	line-height: 1.35;
	margin-bottom: 0
}

#sb-2-1 .statistic-block p.p-sm,
#sb-2-2 .statistic-block p.p-sm {
	line-height: 1.4;
	margin-bottom: 0
}

#sb-2-3 .statistic-block p.p-sm,
#sb-2-4 .statistic-block p.p-sm {
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: 3px
}

.statistic-3-wrapper p {
	line-height: 1;
	margin-bottom: 0;
	margin-top: 15px
}

.statistic-3-wrapper p.p-md {
	line-height: 1;
	margin-bottom: 0;
	margin-top: 22px
}

.statistic-4-wrapper p {
	line-height: 1;
	margin-bottom: 14px
}

#statistic-5 .statistic-txt p {
	margin-bottom: 0;
	padding-right: 3%
}

.txt-block-stat .statistic-block .txt-block-rating {
	margin-bottom: -3px;
	margin-top: -4px
}

.txt-block-stat .ico-15 [class*=flaticon-]:after,
.txt-block-stat .ico-15 [class*=flaticon-]:before {
	font-size: .8125rem
}

.projects-wrapper {
	padding: 0 10px
}

#pt-1-1,
#pt-1-2,
.inner-page-hero #pt-1-3,
.inner-page-hero #pt-1-4 {
	margin-bottom: 50px
}

.project-details h5 {
	line-height: 1;
	margin-bottom: 30px
}

.project-preview {
	overflow: hidden;
	position: relative
}

.project-link {
	color: #fff;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 55%;
	transform: translateY(-50%);
	transition: all .4s ease-in-out;
	width: 100%
}

.hover-overlay {
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%
}

.hover-overlay img {
	overflow: hidden;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	transition: transform .4s
}

.item-overlay {
	background: hsla(0, 0%, 8%, .25);
	height: 100%;
	left: 0;
	opacity: 0;
	-moz-opacity: 0;
	position: absolute;
	top: 0;
	transition: all .4s ease-in-out;
	width: 100%
}

.project-preview:hover img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.project-preview:hover .project-link {
	opacity: 1;
	-moz-opacity: 1;
	top: 50%
}

.project-preview:hover .item-overlay {
	opacity: 1;
	-moz-opacity: 1
}

.more-projects {
	margin-top: 70px;
	text-align: center
}

.single-project .project-title {
	margin-bottom: 80px
}

.project-title h2 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 35px;
	padding-bottom: 40px;
	padding-right: 5%
}

.project-data p {
	margin-bottom: 4px
}

.project-data p span {
	color: #353f4f;
	font-weight: 500
}

.project-description .more-projects {
	margin-top: 65px
}

.project-description .more-projects h3 {
	display: inline-block;
	margin-bottom: 0;
	text-decoration: underline
}

.project-description .more-projects span {
	color: #353f4f;
	left: 5px;
	position: relative;
	top: 2px
}

.rating-section .rating-1-wrapper {
	padding: 0 16%
}

.rating-section .rating-2-wrapper {
	padding: 0 4%
}

.rating-title {
	text-align: center
}

.rating-title h5 {
	margin-bottom: 0
}

.rbox-1,
.rbox-2 {
	text-align: center
}

.rbox-1-img {
	margin-bottom: 20px
}

.rbox-1-img img {
	max-height: 38px;
	max-width: inherit;
	width: auto
}

.rbox-2-txt img {
	display: inline-block;
	left: 4px;
	max-height: 30px;
	max-width: inherit;
	position: relative;
	top: -1px;
	width: auto
}

.rbox-2-txt {
	margin-top: 20px
}

.rbox-1 .star-rating {
	border: 1px solid #f5f5f5;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
	display: inline-block;
	font-size: 17px;
	font-weight: 500;
	line-height: 15px;
	padding: 5px 18px;
	vertical-align: inherit
}

.rbox-1 .star-rating span {
	color: #ffb30c;
	position: relative;
	top: 1.5px
}

.rbox-1 .star-rating {
	font-size: .86rem;
	line-height: 1
}

p.rbox-2-txt {
	line-height: 22px;
	margin-bottom: 0;
	margin-top: 8px
}

p.rbox-2-txt span {
	font-weight: 500
}

.reviews-2-wrapper {
	padding: 0 10px
}

.reviews-3-wrapper {
	padding: 0 20px
}

.reviews-4-wrapper,
.reviews-5-wrapper {
	padding-left: 40px
}

.review-1 {
	margin: 0 10px 30px;
	padding: 40px 40px 30px
}

.review-1.block-border {
	border-color: #d2d2d2
}

.review-2 {
	padding: 45px 50px 35px
}

.review-3 {
	padding: 45px 50px 40px
}

.review-4 {
	padding: 40px 45px 30px
}

.review-5 {
	padding: 45px 45px 40px
}

#rw-2-1,
#rw-2-2,
.inner-page-hero #rw-2-3,
.inner-page-hero #rw-2-4 {
	margin-bottom: 20px
}

#rw-3-2 {
	margin-bottom: 45px
}

#rw-3-2,
#rw-3-3 {
	margin-left: 15px
}

#rw-4-1,
#rw-5-1 {
	margin-bottom: 30px
}

.review-ico {
	margin-left: -10px;
	margin-top: -25px;
	opacity: .1;
	position: relative
}

.review-txt {
	margin-top: -45px;
	position: relative
}

.review-txt h6 {
	margin-bottom: 15px
}

.review-1 .author-data {
	margin-top: 22px
}

.review-2 .author-data {
	margin-top: 15px
}

.review-3 .author-data {
	margin-top: 20px
}

.review-avatar {
	float: left;
	margin: 0 auto
}

.owl-item .review-avatar img,
.review-avatar img {
	border-radius: 100%;
	height: 54px;
	width: 54px
}

.review-2 .review-avatar img {
	height: 64px;
	width: 64px
}

.review-3 .review-avatar img,
.review-5 .review-avatar img {
	height: 62px;
	width: 62px
}

.review-author {
	display: inline-block;
	padding: 0 0 0 15px;
	position: relative;
	text-align: left
}

.review-1 .review-author {
	margin-top: 4px
}

.review-2 .review-author {
	margin-top: 10px
}

.review-3 .review-author,
.review-5 .review-author {
	margin-top: 8px
}

.review-4 .review-author {
	margin-top: 0;
	padding-left: 0
}

.review-author h6 {
	line-height: 1;
	margin-bottom: 8px
}

.review-1 .review-author h6 {
	font-size: .975rem
}

.review-author p {
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0
}

.reviews-section button {
	background-color: transparent;
	border: none;
	padding: 0 2px
}

.owl-theme .owl-dots .owl-dot span {
	margin: 0 7px
}

.owl-dots button:focus {
	outline: none;
	text-decoration: none
}

.press-logo img {
	max-height: 82px;
	max-width: inherit;
	position: relative;
	width: auto
}

.press-txt {
	margin-top: 15px;
	position: relative
}

.press-txt p {
	color: #999;
	font-weight: 400;
	margin-bottom: 0
}

.press-txt span {
	left: -1px;
	opacity: .6;
	position: relative;
	top: 3px
}

.press-txt.ico-20 [class^=flaticon-]:after,
.press-txt.ico-20 [class^=flaticon-]:before {
	font-size: 1.375rem
}

#brands-3 {
	position: relative
}

#brands-3:after {
	content: "";
	height: 80%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.brands-title {
	padding: 0 5%;
	text-align: center
}

.brands-title h2,
.brands-title h3,
.brands-title h4 {
	margin-bottom: 8px
}

.brands-title p {
	margin-bottom: 0
}

.brands-3-wrapper {
	background-color: #fff;
	border: 1px solid #e9ecef;
	border-radius: 10px;
	padding: 50px 30px
}

.brand-logo {
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all .4s ease-in-out
}

#brands-1 .brands-carousel-5 .brand-logo {
	padding: 0 30px
}

#brands-1 .brands-carousel-6 .brand-logo {
	padding: 0 20px
}

#brands-1 .justify-content-center .brand-logo {
	padding: 0 15px
}

#brands-2 .brand-logo {
	padding: 0
}

#brands-3 .brand-logo {
	padding: 0 25px
}

#brands-3 .brands-3-static .brand-logo {
	padding: 0 15px
}

#brands-4 .brand-logo {
	padding: 0 20px
}

.brand-logo:hover {
	top: -6px
}

.brands-section .more-btn {
	margin-top: 40px;
	text-align: center
}

.brands-section .owl-dots,
.hero-section .owl-dots {
	display: none
}

.integrations-2-wrapper {
	padding: 80px 70px
}

.in_tool_logo {
	margin-bottom: 25px;
	padding: 50px 30px;
	transition: all .4s ease-in-out
}

.integrations-1-wrapper .in_tool-logo {
	margin-right: 20px;
	position: relative
}

.integrations-1-wrapper .in_tool {
	align-items: stretch !important;
	border: 1px solid #ccc;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 22px 20px;
	position: relative
}

.integrations-1-wrapper .in_tool-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.in_tool h6 {
	line-height: 1;
	margin-bottom: 0
}

.integrations-1-wrapper .in_tool-txt h6 {
	margin-top: 5px
}

.integrations-1-wrapper .in_tool-txt p {
	margin-bottom: 0;
	margin-top: 5px
}

.integrations-1-wrapper .in_tool:hover {
	border-color: transparent;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.p-table {
	margin-bottom: 40px
}

.pricing-1-table {
	padding: 50px 38px 45px
}

.text-center .pricing-1-table {
	padding: 60px 35px 50px
}

.pricing-2-table {
	padding: 45px 38px 50px
}

.pricing-3-table {
	padding: 50px 40px
}

.pricing-4-table {
	padding: 45px;
	position: relative
}

#pt-4-1 {
	margin: 0 10px 40px 50px
}

#pt-4-2 {
	margin: 0 50px 40px 10px
}

.pricing-table-header {
	position: relative
}

.pricing-table-header h5 {
	margin-bottom: 10px
}

.pricing-table-header h4 {
	margin-bottom: 25px
}

.pricing-discount {
	padding: 8px 18px;
	position: absolute;
	right: -10px;
	top: -2px
}

.pricing-1-table .pricing-discount {
	padding: 7px 13px;
	right: -5px;
	top: -2px
}

.text-center .pricing-1-table .pricing-discount {
	right: -8px;
	top: -35px
}

.pricing-discount h6 {
	font-size: 1.1rem;
	line-height: 1;
	margin-bottom: 0
}

.pricing-1-table .pricing-discount h6 {
	font-size: .915rem
}

.price.color--black .white--color {
	color: #fff
}

.comp-table .table thead th {
	border-color: #ccc
}

.comp-table tbody th {
	border-bottom: 1px solid #ccc !important
}

.comp-table .table tr td {
	border-bottom: 2px solid #ccc
}

.price span {
	font-family: 'Poppins', sans-serif;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: -2px;
	line-height: 1
}

.pricing-2-table.highlight .price span {
	font-size: 2.4rem;
	letter-spacing: -1px
}

.pricing-3-table .price span {
	font-size: 4.35rem
}

.pricing-4-table .price span {
	font-size: 3.15rem
}

.price sup {
	font-family: 'Poppins', sans-serif;
	font-size: 2.05rem;
	font-weight: 600;
	letter-spacing: -1px;
	right: 2px;
	top: -5px
}

.pricing-3-table .price sup {
	font-size: 2.35rem;
	right: 3px;
	top: -23px
}

.pricing-4-table .price sup {
	font-size: 2.05rem;
	right: 2px;
	top: -10px
}

.pricing-3-table .price sup.coins {
	font-family: 'Poppins', sans-serif;
	font-size: 2.35rem;
	font-weight: 600;
	left: 3px;
	letter-spacing: -2px;
	top: -29px
}

.price sup.validity {
	font-family: 'Poppins', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	left: 0;
	top: -2px
}

.pricing-3-table .price sup.validity {
	display: block;
	font-size: 1.1875rem;
	letter-spacing: 0;
	margin-bottom: 40px;
	margin-top: 20px;
	top: 0
}

.price p {
	margin-bottom: 25px;
	margin-top: 25px
}

.pricing-2-table .price p {
	margin-bottom: 15px
}

.text-center .price p {
	padding: 0 2%
}

.pricing-section .btn-txt a {
	text-decoration: underline
}

.pricing-1-table hr {
	margin-top: 35px
}

.pricing-2-table hr {
	margin-top: 25px
}

.pricing-features li {
	padding: 11px 8px
}

.pricing-4-table .pricing-features li {
	padding: 10px
}

.pricing-features li p {
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0
}

.pricing-features li p span {
	position: relative;
	right: 5px;
	top: -2px
}

.pricing-features.ico-10 li p span {
	right: 4px;
	top: 0
}

.pricing-features.ico-5 [class*=flaticon-]:after,
.pricing-features.ico-5 [class*=flaticon-]:before {
	font-size: .5rem
}

.pricing-features li.disabled-option p,
.pricing-features li.disabled-option span {
	color: #b5b5b5 !important
}

.pt-btn {
	display: block;
	margin-top: 25px;
	width: 100%
}

.p-table p.btn-txt {
	margin: 14px 0 0
}

.ext-toggle-btn {
	text-align: center
}

.toggle-btn.inn-toggle-btn {
	position: absolute
}

#pricing-4 .ext-toggle-btn {
	margin: 0 50px 35px 10px
}

.toggle-btn-md .toggler-txt {
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 36px
}

.toggle-btn-lg .toggler-txt {
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 40px
}

.toggle-btn p {
	letter-spacing: -.25px;
	margin-bottom: 0;
	margin-top: 10px
}

.switch-wrap {
	display: inline-block;
	height: 32px;
	min-width: 50px;
	position: relative;
	vertical-align: middle
}

.toggle-btn-md .switch-wrap {
	height: 36px;
	margin: 0 8px;
	min-width: 65px
}

.toggle-btn-lg .switch-wrap {
	height: 40px;
	margin: 0 14px;
	min-width: 70px
}

.switcher {
	border-radius: 32px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: .925rem;
	font-weight: 500;
	height: 32px;
	padding: 0 15px 0 35px;
	position: relative;
	transition: all .15s ease-in-out
}

.toggle-btn-md .switcher {
	border-radius: 36px;
	height: 36px;
	padding: 0 20px 0 40px
}

.toggle-btn-lg .switcher {
	border-radius: 40px;
	height: 40px;
	padding: 0 20px 0 40px
}

.switcher.bg--tra-white {
	background-color: #fff;
	border: 2px solid #ccc
}

.switcher.bg--ghost-white {
	background-color: rgba(128, 143, 174, .45);
	border: 2px solid rgba(128, 143, 174, .15)
}

.switcher.bg--grey {
	background-color: #ccc;
	border: 2px solid #ccc
}

.switcher .show-annual,
.switcher .show-monthly {
	line-height: 32px
}

.toggle-btn-md .switcher .show-annual,
.toggle-btn-md .switcher .show-monthly {
	line-height: 36px
}

.toggle-btn-lg .switcher .show-annual,
.toggle-btn-lg .switcher .show-monthly {
	line-height: 40px
}

.switcher .show-monthly {
	display: block
}

.switcher .show-annual {
	display: none
}

.switcher:before {
	background-color: #fff;
	border-radius: 50%;
	bottom: 4px;
	content: " ";
	height: 24px;
	left: 4px;
	position: absolute;
	transition: all .45s ease-in-out;
	width: 24px
}

.toggle-btn-md .switcher:before {
	bottom: 5px;
	height: 26px;
	left: 5px;
	width: 26px
}

.toggle-btn-lg .switcher:before {
	bottom: 5px;
	height: 30px;
	left: 5px;
	width: 30px
}

.switcher.bg--ghost-white:before,
.switcher.bg--grey:before,
.switcher.bg--tra-white:before {
	background-color: #ccc;
	bottom: 3.5px;
	box-shadow: 0 1px 1px 0 #aaa;
	left: 4px
}

.switcher.bg--ghost-white:before,
.switcher.bg--grey:before {
	background-color: #fff
}

.switch-wrap input {
	display: none
}

.switch-wrap input:checked+.switcher {
	padding: 0 35px 0 15px
}

.toggle-btn-lg .switch-wrap input:checked+.switcher,
.toggle-btn-md .switch-wrap input:checked+.switcher {
	padding: 0 40px 0 20px
}

.switch-wrap input:checked+.switcher.switcher--blue-500 {
	background-color: #185abd;
	border-color: #185abd
}

.switch-wrap input:checked+.switcher.switcher--blue-400 {
	background-color: #1680fb;
	border-color: #1680fb
}

.switch-wrap input:checked+.switcher.switcher--blue-300 {
	background-color: #3eb1ff;
	border-color: #3eb1ff
}

.switch-wrap input:checked+.switcher.switcher--green-500 {
	background-color: #00a14e;
	border-color: #00a14e
}

.switch-wrap input:checked+.switcher.switcher--green-400 {
	background-color: #0fbc49;
	border-color: #0fbc49
}

.switch-wrap input:checked+.switcher.switcher--green-300 {
	background-color: #6fd792;
	border-color: #6fd792
}

.switch-wrap input:checked+.switcher.switcher--pink-500 {
	background-color: #ff149c;
	border-color: #ff149c
}

.switch-wrap input:checked+.switcher.switcher--pink-400 {
	background-color: #f74780;
	border-color: #f74780
}

.switch-wrap input:checked+.switcher.switcher--pink-300 {
	background-color: #fcb5cc;
	border-color: #fcb5cc
}

.switch-wrap input:checked+.switcher.switcher--purple-500 {
	background-color: #663ae9;
	border-color: #663ae9
}

.switch-wrap input:checked+.switcher.switcher--purple-400 {
	background-color: #7b5dd6;
	border-color: #7b5dd6
}

.switch-wrap input:checked+.switcher.switcher--purple-300 {
	background-color: #bdaeea;
	border-color: #bdaeea
}

.switch-wrap input:checked+.switcher.switcher--red-500 {
	background-color: #da0f29;
	border-color: #da0f29
}

.switch-wrap input:checked+.switcher.switcher--red-400 {
	background-color: #ff1e1a;
	border-color: #ff1e1a
}

.switch-wrap input:checked+.switcher.switcher--red-300 {
	background-color: #ffa5a3;
	border-color: #ffa5a3
}

.switch-wrap input:checked+.switcher.switcher--violet-500 {
	background-color: #c73e9b;
	border-color: #c73e9b
}

.switch-wrap input:checked+.switcher.switcher--violet-400 {
	background-color: #7835E4;
	border-color: #7835E4
}

.switch-wrap input:checked+.switcher.switcher--violet-300 {
	background-color: #e2bde2;
	border-color: #e2bde2
}

.switch-wrap input:checked+.switcher.switcher--yellow-500 {
	background-color: #ffba01;
	border-color: #ffba01
}

.switch-wrap input:checked+.switcher.switcher--yellow-400 {
	background-color: #ffbd45;
	border-color: #ffbd45
}

.switch-wrap input:checked+.switcher.switcher--yellow-300 {
	background-color: #ffdf35;
	border-color: #ffdf35
}

.switch-wrap input:checked+.switcher:before {
	left: auto;
	right: 4px;
	transition: all .35s ease-in-out
}

.switch-wrap input:checked+.switcher.bg--tra-white:before {
	background-color: #fff;
	bottom: 3px;
	box-shadow: 0 0
}

.switch-wrap input:checked+.switcher .show-annual {
	display: block
}

.switch-wrap input:checked+.switcher .show-monthly {
	display: none
}

.pricing-notice {
	margin-top: 20px;
	text-align: center
}

.pricing-notice p {
	margin-bottom: 0;
	padding: 0 8%
}

.pricing-notice p span {
	font-weight: 500
}

.table>:not(caption)>*>* {
	padding-bottom: 12px;
	padding-top: 12px
}

.comp-table .pricing-header {
	max-width: 700px
}

.comp-table .table-responsive thead th {
	font-family: 'Poppins', sans-serif;
	font-size: 1.15rem;
	font-weight: 600
}

.comp-table .table-responsive tbody th {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 600
}

.comp-table .table-responsive tbody td {
	font-size: 1rem;
	line-height: inherit;
	position: relative;
	top: 1px
}

.comp-table .table-responsive tbody td span {
	position: relative;
	top: 1px
}

.table-responsive .ico-15 [class*=flaticon-]:after,
.table-responsive .ico-15 [class*=flaticon-]:before {
	font-size: .75rem
}

.table-responsive .ico-20 [class*=flaticon-]:after,
.table-responsive .ico-20 [class*=flaticon-]:before {
	font-size: .95rem
}

.comp-table .table-responsive tbody tr {
	background-color: #fff;
	transition: all .35s ease-in-out
}

.comp-table .table tbody tr.table-last-tr {
	border-color: transparent
}

.comp-table .table-responsive tbody tr:hover {
	background-color: #f7f7f9
}

.comp-table .disabled-option {
	color: #999
}

.comp-table-payment h6 {
	margin-bottom: 20px
}

.comp-table-payment p {
	margin-bottom: 0
}

#tm-2-1,
#tm-2-10,
#tm-2-4,
#tm-2-7 {
	margin-right: 14px
}

#tm-2-11,
#tm-2-2,
#tm-2-5,
#tm-2-8 {
	margin-left: 7px;
	margin-right: 7px
}

#tm-2-12,
#tm-2-3,
#tm-2-6,
#tm-2-9 {
	margin-left: 14px
}

.team-member-photo {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	text-align: center
}

.team-member:hover img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.team-member:hover .item-overlay {
	opacity: .45;
	-moz-opacity: .45
}

.team-member-data {
	margin-left: 5px;
	position: relative
}

.team-member-data h6.s-20 {
	margin-bottom: 8px
}

.team-member-data p {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0
}

ul.tm-social {
	position: absolute;
	right: 8px;
	top: -1px;
	transition: all .3s ease-out
}

#team-1 ul.tm-social {
	right: 5px
}

ul.tm-social li {
	clear: none !important;
	display: inline-block !important;
	margin-left: 10px;
	opacity: .6;
	padding: 0;
	transition: all .5s ease-out;
	vertical-align: top;
	width: auto !important
}

.tm-social.ico-20 [class*=flaticon-]:after,
.tm-social.ico-20 [class*=flaticon-]:before {
	font-size: 1.15rem
}

.role-box {
	border: 1px solid #d2d2d2;
	margin-bottom: 30px;
	padding: 25px 35px;
	transition: all .4s ease-in-out
}

.role-box.bg--white-200,
.role-box.bg--white-300 {
	border: 1px solid transparent
}

.role-box:hover {
	border-color: transparent;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.role-box span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 1;
	margin-bottom: 14px;
	text-transform: uppercase
}

.role-box h6 {
	margin-bottom: 6px
}

.role-box p {
	margin-bottom: 0
}

#role-page .inner-page-title {
	margin-bottom: 50px;
	text-align: left
}

#role-page .inner-page-title span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: .5px;
	line-height: 1;
	margin-bottom: 35px;
	text-transform: uppercase
}

.role-info hr {
	margin: 50px 0
}

#role-page .cbox-6-wrapper {
	margin: 45px 0
}

.role-info h5 {
	margin-bottom: 25px
}

.role-info p a {
	font-weight: 500;
	text-decoration: underline
}

.txt-block.role-info .btn {
	display: block;
	margin-top: 50px
}

.banner-overlay {
	height: 100%;
	width: 100%
}

#banner-11 {
	margin-top: 50px
}

#banner-12 {
	margin-bottom: 10px;
	margin-top: 40px
}

.banner-1-wrapper,
.banner-2-wrapper,
.banner-3-wrapper {
	overflow: hidden;
	position: relative;
	text-align: center
}

.banner-1-wrapper .banner-overlay {
	padding: 75px 15% 85px
}

.banner-2-wrapper .banner-overlay {
	padding: 80px 15% 90px
}

.banner-3-wrapper .banner-overlay {
	padding: 75px 20% 85px
}

.banner-11-wrapper .banner-overlay {
	padding: 10px 70px 0
}

.banner-12-wrapper .banner-overlay {
	padding-left: 80px
}

.banner-13-wrapper {
	overflow: hidden
}

.banner-13-wrapper .banner-overlay {
	overflow: hidden;
	padding-left: 80px
}

.banner-16-wrapper .banner-overlay {
	padding: 45px 22%
}

.banner-16-wrapper.bg--white-100.block-border {
	border-color: #ccc
}

.banner-12-txt {
	margin-top: -10px
}

.banner-12-txt,
.banner-13-txt {
	padding-right: 15%
}

.banner-section .section-id {
	font-weight: 600;
	margin-bottom: 30px;
	padding-top: 10px
}

.banner-1-txt h2 {
	margin-bottom: 15px
}

.banner-2-txt h2 {
	margin-bottom: 35px
}

.banner-4-txt h2 {
	margin-bottom: 30px
}

.banner-7-txt h2 {
	margin-bottom: 35px
}

.banner-10-txt h6 {
	font-weight: 400;
	margin-bottom: 12px
}

.banner-10-txt h2 {
	margin-bottom: 25px
}

.banner-11-txt h2,
.banner-12-txt h2,
.banner-13-txt h2 {
	margin-bottom: 22px
}

.banner-15-txt h2 {
	margin-bottom: 45px
}

.banner-16-txt h4 {
	margin-bottom: 14px
}

.banner-section p.p-lg {
	font-size: 1.15rem;
	margin-bottom: 30px
}

.banner-section p.p-xl {
	margin-bottom: 25px
}

.sm-title .banner-1-txt p.p-lg,
.sm-title .banner-1-txt p.p-xl {
	margin-bottom: 22px !important;
	margin-top: 12px
}

.banner-3-txt p.p-lg,
.banner-3-txt p.p-xl,
.banner-5-txt p.p-lg,
.banner-5-txt p.p-xl {
	margin-top: 20px
}

.banner-5-txt p.s-21,
.banner-5-txt p.s-22 {
	margin-bottom: 26px;
	margin-top: 20px
}

.banner-6-txt p.p-lg,
.banner-6-txt p.p-xl {
	margin-bottom: 25px !important;
	margin-top: 15px
}

.banner-8-txt p.p-lg,
.banner-8-txt p.p-xl {
	margin-bottom: 0 !important;
	margin-top: 10px
}

.banner-9-txt p.p-lg,
.banner-9-txt p.p-xl {
	margin-bottom: 25px !important;
	margin-top: 20px
}

.banner-11-txt p {
	padding-right: 8%
}

.banner-14-txt p.p-lg {
	font-size: 1.25rem;
	margin-bottom: 40px;
	margin-top: 35px
}

.banner-15-txt p a {
	text-decoration: underline
}

.banner-11-img {
	margin-left: -40px;
	margin-top: -60px
}

.banner-12-img {
	margin: -40px -20px -30px -40px
}

.banner-13-img {
	margin: -60px -120px -70px -40px;
	transform: rotate(-20deg)
}

.version-release {
	margin-bottom: 80px
}

.release-data {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px
}

.release-data h5 {
	margin-bottom: 40px
}

span.version-data {
	color: #353f4f;
	font-size: 2rem;
	line-height: 1;
	margin-bottom: 0;
	margin-right: 20px
}

span.release-date {
	color: #999;
	font-size: 1.175rem;
	line-height: 1;
	margin-bottom: 0
}

span.release-date span {
	color: #353f4f;
	font-weight: 500;
	margin-left: 20px
}

.release-download {
	bottom: 0;
	position: absolute;
	right: 5px
}

.release-highlights .simple-list p {
	margin-bottom: 2px
}

#faqs-1 .section-title {
	margin-bottom: 50px
}

#faqs-2 .inner-page-title {
	margin-bottom: 55px
}

#faqs-3 .section-title {
	margin-bottom: 70px
}

.faqs-3-questions .questions-holder {
	padding: 0 10px
}

.faqs-section .accordion-item {
	background-color: transparent !important;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	list-style: none
}

#faqs-2.faqs-section .accordion-item {
	border-bottom: 1px solid #ddd
}

#faqs-2.faqs-section .accordion-item.acc-last-item,
.faqs-section .accordion-item.acc-last-item {
	border-bottom: none
}

.faqs-section .accordion-thumb {
	cursor: pointer;
	margin: 0;
	padding: 25px 0;
	position: relative
}

#faqs-2.faqs-section .accordion-thumb {
	padding: 25px 0 30px
}

.faqs-section .accordion-item .accordion-thumb:after,
.faqs-section .accordion-item.is-active .accordion-thumb:after {
	content: "\f11a";
	font-family: Flaticon;
	font-size: 1rem;
	font-weight: 300;
	position: absolute;
	right: 3px;
	top: 22px
}

#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
	font-size: 1rem;
	right: 2px;
	top: 26px
}

.faqs-section .accordion-item.is-active .accordion-thumb:after {
	content: "\f11b"
}

#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
	border-bottom: 1px solid #e5e5e5
}

.accordion-panel {
	margin: 0;
	padding: 0 0 15px
}

#faqs-2 .accordion-panel {
	padding: 45px 0 15px
}

.accordion-thumb h4,
.accordion-thumb h5 {
	line-height: 1;
	margin-bottom: 0
}

.accordion-panel-item h5,
.question h5 {
	margin-bottom: 20px
}

.accordion-panel-item h5 span,
.accordion-thumb h5 span,
.question h5 span {
	margin-right: 5px
}

.accordion-panel p a,
.question p a {
	font-weight: 500;
	text-decoration: underline
}

.accordion-panel.color--grey a.color--blue,
.question p.color--grey a.color--blue {
	color: #1680fb !important
}

.faqs-section .tabs-nav {
	text-align: center
}

.faqs-section .tabs-1 {
	display: inline-block;
	margin: 0 auto 60px
}

.faqs-section .tab-content.current {
	display: inherit
}

.faqs-section .tabs-1 li {
	background-color: transparent;
	border: 2px solid #ddd;
	cursor: pointer;
	display: inline-block;
	margin: 0 6px;
	min-width: 230px;
	padding: 30px 0;
	transition: all .4s ease-in-out
}

.faqs-section .tabs-1 li span {
	color: #c3c4c5
}

.faqs-section .tabs-1 li p {
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 15px
}

.faqs-section .tabs-1 li.current,
.faqs-section .tabs-1 li.current:hover {
	box-shadow: 0 15px 20px 0 rgba(5, 5, 5, .2)
}

.faqs-section .tabs-1 li.current p,
.faqs-section .tabs-1 li.current span {
	color: #fff
}

.faqs-section .tabs--blue .tabs-1 li.current,
.faqs-section .tabs--blue .tabs-1 li.current:hover {
	background-color: #1680fb;
	border-color: #1680fb !important
}

.faqs-section .tabs--purple .tabs-1 li.current,
.faqs-section .tabs--purple .tabs-1 li.current:hover {
	background-color: #7b5dd6;
	border-color: #7b5dd6 !important
}

.more-questions {
	text-align: center
}

#faqs-2 .more-questions {
	margin: 70px auto 0
}

.more-questions-txt {
	display: inline-block;
	padding: 22px 46px
}

.more-questions-txt p {
	line-height: 1;
	margin-bottom: 0
}

.more-questions-txt a {
	font-weight: 500;
	text-decoration: underline
}

#newsletter-1 .newsletter-overlay {
	padding-bottom: 60px;
	padding-top: 60px
}

#newsletter-2 .container {
	padding-left: 0;
	padding-right: 0
}

#newsletter-2 .newsletter-overlay {
	padding: 60px 50px
}

#newsletter-3 {
	margin-bottom: 50px;
	margin-top: 50px
}

#newsletter-4 .newsletter-overlay,
#newsletter-5 .newsletter-overlay {
	padding-bottom: 70px;
	padding-top: 80px
}

.newsletter-txt h2 {
	margin-bottom: 35px
}

#newsletter-4 .newsletter-txt h2 {
	margin-bottom: 40px
}

#newsletter-5 .newsletter-txt h2,
.newsletter-txt h3,
.newsletter-txt h4,
.newsletter-txt p.p-sm {
	margin-bottom: 0
}

#newsletter-4 .newsletter-txt p {
	padding: 0 10%
}

#newsletter-5 .newsletter-txt p {
	margin-bottom: 0;
	margin-top: 20px
}

.newsletter-txt a {
	font-weight: 500;
	text-decoration: underline
}

#newsletter-1 .newsletter-form {
	margin-top: 30px;
	padding-left: 15%
}

#newsletter-2 .newsletter-form {
	margin-top: 25px;
	padding-left: 12%
}

#newsletter-4 .newsletter-form {
	padding: 0 5%
}

#newsletter-5 .newsletter-form {
	margin-top: 35px;
	padding: 0 10%
}

.newsletter-section .form-control {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: none;
	color: #353f4f;
	font-size: 1rem;
	font-weight: 400;
	height: 56px;
	margin-right: 12px;
	padding: 0 15px
}

#newsletter-1.newsletter-section .form-control {
	font-size: .975rem;
	height: 54px
}

#newsletter-5.newsletter-section .form-control {
	font-size: 1.0625rem;
	height: 62px
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #1680fb;
	box-shadow: none;
	outline: 0
}

.newsletter-section .purple-focus .form-control:focus {
	border-color: #8863ee
}

.newsletter-section .form-control::-moz-placeholder {
	color: #aaa
}

.newsletter-section .form-control:-ms-input-placeholder {
	color: #aaa
}

.newsletter-section .form-control::-webkit-input-placeholder {
	color: #aaa
}

.newsletter-section .btn {
	display: block;
	height: 56px;
	width: 100% !important
}

#newsletter-1 .btn {
	font-size: .925rem;
	height: 54px;
	padding: .7rem 1.3rem
}

#newsletter-5.newsletter-section .btn {
	height: 62px
}

.newsletter-section .form-notification {
	color: #3eb1ff;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1;
	margin-left: 5px;
	margin-top: 15px
}

.newsletter-section .text-center .form-notification {
	margin-left: 0
}

.bg--color.newsletter-section .form-notification {
	color: #fff
}

.newsletter-section .form-notification.error,
.newsletter-section .form-notification.valid {
	color: #fc2f4b
}

.newsletter-section .newsletter-form.valid {
	color: #0fbc49
}

#newsletter-3 .newsletter-img {
	margin-bottom: -50px;
	margin-top: -50px
}

#newsletter-3 .col-lg-6 .newsletter-img {
	padding-left: 40px
}

.post-tag {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 20px;
	text-transform: uppercase
}

#single-post .post-tag {
	font-size: .85rem
}

.post-meta-list li {
	clear: none !important;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important
}

.post-meta-list p {
	color: #353f4f;
	line-height: 1;
	margin-bottom: 0
}

.bg--black-400 .post-meta-list p {
	color: #f8f9f9
}

.meta-list-divider {
	padding: 0 1px;
	position: relative;
	top: 0;
	transform: rotate(-90deg)
}

.blog-post-txt h6 {
	margin-bottom: 15px
}

.blog-post-txt p {
	margin-bottom: 0
}

.blog-post-txt a {
	color: #353f4f
}

.blog-post-txt a:hover {
	text-decoration: underline
}

.bg--black-400 .blog-post-txt a {
	color: #f8f9f9
}

.bg--black-400 .blog-post-txt a:hover {
	color: #fff !important
}

.wide-post {
	margin-bottom: 100px
}

.wide-post .blog-post-img {
	padding-right: 15px
}

.wide-post .blog-post-txt {
	padding-left: 15px
}

.square-post {
	margin-bottom: 40px;
	margin-top: 60px
}

.square-post-wrapper {
	overflow: hidden
}

.square-post .blog-post-txt {
	padding: 0 30px 0 60px
}

.posts-category {
	margin-bottom: 60px;
	margin-top: 40px
}

.posts-category h4 {
	line-height: 1;
	margin-bottom: 0
}

.posts-category span {
	position: relative;
	top: 1px
}

.single-post-title h2,
.single-post-title h3 {
	padding: 0 10px
}

.single-post-txt h4,
.single-post-txt h5 {
	margin-bottom: 30px;
	margin-top: 30px
}

.single-post-txt h5 span {
	display: block
}

.txt-code {
	background-color: #f8f9fa;
	margin: 30px 0;
	padding: 20px 18px
}

.txt-code p {
	color: #383a42;
	font-size: 1rem;
	line-height: 1.75;
	margin-bottom: 0
}

.single-post-txt p a {
	font-weight: 500;
	text-decoration: underline
}

.txt-code p code.code-language-js,
.txt-code span.code-property {
	color: #151515
}

.txt-code span.code-attribute,
.txt-code span.code-variable {
	color: #986801
}

.txt-code span.code-string {
	color: #50a14f
}

.single-post-txt figure {
	margin-bottom: 40px
}

.single-post-txt .blockquote p {
	font-size: 1.5rem;
	line-height: 1.45;
	margin-bottom: 40px
}

.single-post-txt .blockquote-footer {
	font-size: 1.125rem
}

.post-inner-img {
	margin-bottom: 50px;
	margin-top: 50px;
	text-align: center
}

.post-share-list {
	margin-top: 50px;
	padding-bottom: 50px
}

.share-social-icons {
	display: inline-block;
	padding-left: 0
}

.share-social-icons li {
	clear: none !important;
	display: inline-block !important;
	padding: 0;
	vertical-align: top;
	width: auto !important
}

.share-social-icons a.share-ico span {
	margin-right: 25px;
	opacity: .75;
	transition: all .45s ease-in-out
}

.share-social-icons a.share-ico:hover span {
	opacity: 1
}

.post-author {
	align-items: stretch !important;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	position: relative
}

.post-author-avatar {
	margin-right: 35px;
	position: relative;
	text-align: center
}

.post-author-avatar img {
	border-radius: 100%;
	height: 100px;
	width: 100px
}

.post-author-txt {
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.post-author-txt h5 {
	margin-bottom: 20px
}

.post-author-txt p {
	margin-bottom: 0
}

.author-follow-btn {
	border: 2px solid #ddd;
	display: inline-block;
	line-height: 1;
	padding: 6px 15px;
	position: absolute;
	right: 10px;
	top: 80px
}

.author-follow-btn a {
	color: #666;
	font-size: .935rem;
	font-weight: 400
}

.post-comments {
	padding-top: 100px
}

.post-comments hr {
	margin-bottom: 40px;
	margin-top: 24px
}

.post-comments h5 {
	margin-bottom: 60px
}

.post-comments img {
	border-radius: 100%;
	height: 68px;
	width: 68px
}

.comment-body {
	margin-left: 25px
}

.comment-meta {
	margin-bottom: 10px
}

.comment-meta h6 {
	line-height: 1;
	margin-bottom: 0
}

.comment-date {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px
}

.btn-reply {
	margin-left: 3px
}

.btn-reply a {
	font-size: 17px;
	font-weight: 400
}

.btn-reply span {
	left: 3px;
	margin-right: 4px;
	position: relative;
	top: 3px
}

.btn-reply.ico-20 [class*=flaticon-]:after,
.btn-reply.ico-20 [class*=flaticon-]:before {
	font-size: .975rem
}

.btn-reply a:hover {
	color: #222
}

.post-comments #leave-comment h5 {
	border: none;
	margin-bottom: 10px;
	margin-top: 80px;
	padding-bottom: 0
}

.comment-form {
	margin-top: 60px;
	position: relative
}

.comment-form p {
	color: #353f4f;
	display: block;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 15px;
	padding-left: 8px;
	position: relative
}

.comment-form p span {
	color: #f36;
	position: relative;
	top: -3px
}

.comment-form .form-control {
	background-color: #f5f6f8;
	border: 1px solid transparent;
	border-radius: 6px;
	box-shadow: 0 0 0 0;
	color: #353f4f;
	font-size: 1rem;
	font-weight: 400;
	height: 62px;
	line-height: 1;
	margin-bottom: 30px;
	padding: 0 20px;
	transition: all .3s ease-in-out
}

.comment-form textarea {
	min-height: 220px
}

.comment-form textarea.form-control {
	padding: 25px 20px
}

.comment-form .form-control:focus {
	background-color: #fcfdfd;
	border-color: #1680fb;
	box-shadow: none;
	outline: 0 none
}

.comment-form .btn {
	margin-top: 15px
}

.comment-form .btn:focus {
	box-shadow: none;
	outline: 0 none
}

.comment-form-msg {
	display: block;
	margin-top: 15px;
	padding-left: 0;
	width: 100% !important
}

.comment-form .loading {
	color: #00b2e4;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1
}

.comment-form .error {
	color: #e74c3c;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
	padding-left: 10px
}

#contacts-1 .contact-form p {
	color: #353f4f;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 10px;
	padding-left: 8px
}

#contacts-1 .contact-form .col-md-12 span {
	display: block;
	font-size: .95rem;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 20px;
	padding-left: 8px
}

#contacts-1 .contact-form .contact-form-notice p {
	font-size: .835rem;
	font-weight: 300;
	line-height: 1.5555;
	margin-top: 40px;
	padding-left: 0
}

.contact-form-notice p a {
	color: #353f4f;
	font-weight: 500;
	text-decoration: underline
}

.contact-form .form-control,
.contact-form .form-select {
	background-color: #f5f6f8;
	border: 1px solid transparent;
	border-radius: 6px;
	box-shadow: 0 0 0 0;
	color: #3a4a56;
	font-size: 1rem;
	font-weight: 400;
	height: 62px;
	margin-bottom: 30px;
	padding: 0 15px
}

.bg--snow .contact-form .form-control,
.bg--snow .contact-form .form-select {
	background-color: #fff;
	border: 1px solid #ccc
}

.contact-form .form-select {
	border-radius: 6px;
	box-shadow: none;
	color: #998da0;
	display: inline-block;
	width: 100%
}

.contact-form textarea {
	min-height: 220px
}

.contact-form textarea.form-control {
	padding: 20px 15px
}

.contact-form .form-control::-moz-placeholder {
	color: #999
}

.contact-form .form-control:-ms-input-placeholder {
	color: #999
}

.contact-form .form-control::-webkit-input-placeholder {
	color: #999
}

.contact-form .form-control:focus,
.contact-form .form-select:focus {
	background-color: #fcfdfd;
	border-color: #1680fb;
	box-shadow: none;
	outline: 0 none
}

.contact-form-msg {
	display: block;
	margin-top: 20px;
	padding-left: 0;
	width: 100% !important
}

.contact-form .loading {
	color: #00b2e4;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1;
	padding-left: 15px
}

.contact-form .error {
	color: #e74c3c;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
	padding-left: 10px
}

.footer {
	padding-bottom: 50px
}

.footer-info,
.footer-links {
	margin-bottom: 40px
}

#footer-10 .footer-info {
	border-bottom: 1px solid #dbdddf;
	margin-bottom: 40px;
	padding-bottom: 55px
}

#footer-10 .footer-links {
	margin-bottom: 30px
}

img.footer-logo,
img.footer-logo-dark {
	max-height: 40px;
	max-width: inherit;
	width: auto
}

#footer-10 img.footer-logo {
	max-height: 46px
}

#footer-1 .footer-logo,
#footer-5 .footer-logo,
#footer-6 .footer-logo,
#footer-7 .footer-logo,
.footer h6 {
	margin-bottom: 25px
}

.footer h6 {
	line-height: 1
}

#footer-9.footer h6 {
	line-height: 1.5
}

.bg--black.footer h6 {
	color: #fff
}

.footer-info-copyright p {
	margin-bottom: 0
}

.footer-info-copyright p span {
	padding: 0 2px;
	position: relative;
	top: 2px
}

.footer-info-copyright.ico-15 [class*=flaticon-]:after,
.footer-info-copyright.ico-15 [class*=flaticon-]:before {
	font-size: .85rem
}

.footer .footer-mail-link {
	margin-bottom: 0;
	margin-left: 3px
}

#footer-1 .footer-info .footer-mail-link {
	margin-top: 10px
}

#footer-2 .footer-links .footer-mail-link,
#footer-3 .footer-links .footer-mail-link {
	margin-bottom: 20px;
	margin-left: 0
}

.footer-mail-link a {
	font-weight: 400
}

.footer-mail-link span {
	position: relative;
	right: 3px;
	top: 4px
}

.footer-mail-link.ico-20 [class*=flaticon-]:after,
.footer-mail-link.ico-20 [class*=flaticon-]:before {
	font-size: 1.125rem
}

.bg--black.footer .footer-mail-link a {
	color: #a0a7b1
}

.bg--black.footer .footer-mail-link a:hover {
	color: #fff !important
}

#footer-2 .footer-links {
	padding-left: 10%
}

.foo-links li {
	clear: none !important;
	display: block !important;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: auto !important
}

.foo-links.ico-10 li span {
	position: relative;
	right: 3px;
	top: 1.5px
}

#footer-8 .foo-links li {
	display: inline-block !important;
	padding-left: 20px
}

#footer-8 .foo-links li.first-li {
	padding-left: 0
}

#footer-10 .foo-links li {
	display: inline-block !important;
	padding: 0 10px
}

.footer .foo-links li p {
	font-weight: 400;
	margin-bottom: 10px
}

.footer .foo-links li:last-child p {
	margin-bottom: 0
}

.foo-links li a span.ext-link {
	display: inline-block;
	left: 3px;
	position: relative;
	top: 1.5px;
	transform: rotate(-60deg)
}

.foo-links.ico-15 [class*=flaticon-]:after,
.foo-links.ico-15 [class*=flaticon-]:before {
	font-size: .75rem
}

.bg--black.footer .foo-links li p a {
	color: #a0a7b1
}

.bg--black.footer .foo-links li p a:hover {
	color: #fff !important
}

.footer-socials {
	display: inline-block;
	margin: 0
}

.footer-socials li {
	clear: none !important;
	display: inline-block !important;
	float: left;
	margin: 0;
	vertical-align: top;
	width: auto !important
}

.footer-socials a {
	display: block;
	margin-right: 15px
}

.footer-socials.ico-20 a,
.footer-socials.ico-25 a {
	margin-right: 16px
}

.footer-socials.ico-25 [class*=flaticon-]:after,
.footer-socials.ico-25 [class*=flaticon-]:before {
	font-size: 1.325rem
}

.bg--black.footer .footer-socials li a {
	color: #a0a7b1
}

.bg--black.footer .footer-socials li a:hover {
	color: #fff !important
}

.footer .store {
	float: none;
	margin-bottom: 15px;
	margin-right: 0
}

.footer-form {
	margin-bottom: 20px
}

#footer-7 .footer-form {
	padding-left: 8%
}

.footer-form .newsletter-form .input-group {
	background-color: #f4f4f4;
	border: 1px solid transparent;
	padding: 9px 2px
}

.footer-form .form-control {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #666;
	font-size: 1rem;
	font-weight: 400;
	height: 32px;
	padding: 0 10px
}

.footer-form .form-control:focus {
	border: none;
	box-shadow: none;
	outline: 0
}

.footer-form .form-control::-moz-placeholder {
	color: #6c757d
}

.footer-form .form-control:-ms-input-placeholder {
	color: #6c757d
}

.footer-form .form-control::-webkit-input-placeholder {
	color: #6c757d
}

.footer-form .btn {
	height: 32px;
	padding: 0 10px
}

.footer-form .ico-15 [class*=flaticon-]:after,
.footer-form .ico-15 [class*=flaticon-]:before {
	line-height: 28px !important
}

.footer-form .form-notification {
	color: #1680fb;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1.25;
	margin-left: 5px;
	margin-top: 12px
}

.footer-form .form-notification.error,
.footer-form .form-notification.valid {
	color: #fc2f4b
}

.footer-form .newsletter-form.valid {
	color: #0fbc49
}

.footer hr {
	margin-bottom: 50px;
	margin-top: 30px
}

#footer-8 .bottom-footer,
#footer-9 .bottom-footer {
	margin-top: 20px
}

.footer-copyright p {
	margin-bottom: 0
}

.bg--black.footer .footer-copyright p {
	color: #a0a7b1
}

.bottom-secondary-link p {
	margin-bottom: 0
}

.bottom-secondary-link p span {
	padding: 0 2px;
	position: relative;
	top: 1px
}

.bottom-secondary-link.ico-15 [class*=flaticon-]:after,
.bottom-secondary-link.ico-15 [class*=flaticon-]:before {
	font-size: .75rem
}

.bottom-footer-list li,
.bottom-footer-payment li,
.bottom-footer-socials li {
	clear: none !important;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important
}

.bottom-footer-socials li {
	padding-left: 14px
}

#footer-4 .bottom-footer-list li,
#footer-9 .bottom-footer-list li {
	padding-left: 15px
}

#footer-4 .bottom-footer-list li.first-li,
#footer-9 .bottom-footer-list li.first-li {
	padding-left: 0
}

#footer-10 .bottom-footer-socials li {
	padding: 0 15px
}

.footer-list-divider {
	margin-left: 4px;
	position: relative;
	top: -.5px;
	transform: rotate(-90deg)
}

.bottom-footer-list.ico-15 [class*=flaticon-]:after,
.bottom-footer-list.ico-15 [class*=flaticon-]:before {
	font-size: .8rem
}

.bottom-footer-list li p {
	display: inline-block;
	float: left;
	margin-bottom: 0
}

.bottom-footer-payment li span,
.bottom-footer-socials li span {
	opacity: .8;
	position: relative;
	top: 4px
}

.bottom-footer-payment li span {
	line-height: 1 !important
}

#footer-4 .bottom-footer-list li span,
#footer-9 .bottom-footer-list li span {
	margin-right: 2px;
	margin-top: 1px
}

.bottom-footer-socials.ico-20 [class*=flaticon-]:after,
.bottom-footer-socials.ico-20 [class*=flaticon-]:before {
	font-size: 1.115rem
}

.bottom-footer-socials.ico-25 [class*=flaticon-]:after,
.bottom-footer-socials.ico-25 [class*=flaticon-]:before {
	font-size: 1.25rem
}

.bg--black.footer .bottom-footer-list li p a {
	color: #a0a7b1
}

.bg--black.footer .bottom-footer-list li p a:hover {
	color: #fff !important
}

.inner-page-hero {
	padding-top: 180px
}

.page-hero-section-overlay {
	padding-top: 150px;
	position: relative;
	width: 100%
}

.page-hero-section-overlay .txt-block {
	margin-top: -40px
}

.page-hero-section .wave-shape-bottom path {
	fill: #fff
}

.inner-page-title {
	margin-bottom: 80px;
	text-align: center
}

.inner-page-title h2 {
	margin-bottom: 0
}

.inner-page-title p {
	font-size: 1.1875rem;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 20px
}

.page-hero-section h2 {
	line-height: 1.15;
	margin-bottom: 30px
}

.page-link {
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: 4px;
	color: #6c757d;
	font-size: 1.1rem;
	font-weight: 500;
	margin: 0 8px;
	padding: 2px 14px;
	transition: all .4s ease-in-out
}

.pagination.ico-20 [class*=flaticon-]:after,
.pagination.ico-20 [class*=flaticon-]:before {
	font-size: .9rem
}

.page-item:first-child .page-link {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.page-item:last-child .page-link {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.blue-pagination .page-item.active .page-link {
	background-color: #1680fb;
	border: 2px solid #1680fb;
	color: #fff !important
}

.green-pagination .page-item.active .page-link {
	background-color: #0fbc49;
	border: 2px solid #0fbc49;
	color: #fff !important
}

.pink-pagination .page-item.active .page-link {
	background-color: #f74780;
	border: 2px solid #f74780;
	color: #fff !important
}

.purple-pagination .page-item.active .page-link {
	background-color: #7b5dd6;
	border: 2px solid #7b5dd6;
	color: #fff !important
}

.red-pagination .page-item.active .page-link {
	background-color: #ff1e1a;
	border: 2px solid #ff1e1a;
	color: #fff !important
}

.violet-pagination .page-item.active .page-link {
	background-color: #7835E4;
	border: 2px solid #7835E4;
	color: #fff !important
}

.yellow-pagination .page-item.active .page-link {
	background-color: #ffba01;
	border: 2px solid #ffba01;
	color: #353f4f !important
}

.page-item.disabled .page-link {
	background-color: transparent;
	border: 2px solid transparent;
	color: #6c757d
}

.page-link:hover {
	border: 2px solid #ccc
}

.page-link:focus,
.page-link:hover {
	background-color: transparent;
	color: #6c757d
}

.page-link:focus {
	border: 2px solid transparent;
	box-shadow: 0 0
}

.txt-block.legal-info h5 {
	margin-bottom: 30px;
	margin-top: 30px
}

.txt-block.legal-info h4 {
	margin-bottom: 30px;
	margin-top: 80px
}

.txt-block.legal-info h4 span,
.txt-block.legal-info h5 span {
	margin-right: 4px
}

.legal-info p span {
	color: #353f4f;
	font-weight: 500
}

.legal-info a {
	font-weight: 500;
	text-decoration: underline
}

#login,
#signup {
	background: url(../_nuxt/login.96ff7abf.jpg);
	background-position: 0 100%;
	padding-bottom: 80px
}

#login,
#reset-password,
#signup {
	min-height: 100vh;
	padding-top: 80px
}

#reset-password {
	background: url(../_nuxt/reset-password.4b5a07ed.jpg);
	background-position: 50%;
	padding-bottom: 100px
}

.register-page-wrapper {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
	overflow: hidden;
	position: relative;
	z-index: 1
}

#login .register-page-wrapper {
	background: url(../_nuxt/login-wrapper.f4dcdb54.jpg);
	background-position: 0 0
}

#signup .register-page-wrapper {
	background: url(../_nuxt/login-wrapper.f4dcdb54.jpg);
	background-position: 100%
}

#login .register-page-wrapper:after,
#signup .register-page-wrapper:after {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: -1
}

#login .register-page-wrapper:after {
	left: 50%
}

#signup .register-page-wrapper:after {
	left: 0
}

.register-page-txt img {
	margin-bottom: 55px;
	max-height: 32px;
	max-width: inherit;
	width: auto
}

.login-page-logo {
	margin-bottom: 45px;
	text-align: center
}

.login-page-logo img {
	max-height: 45px;
	max-width: inherit;
	width: auto
}

.register-form-title {
	margin-bottom: 40px;
	text-align: center
}

.register-form-title h3 {
	line-height: 1;
	margin-bottom: 10px
}

.register-form-title p {
	margin-bottom: 0
}

.register-form-title a {
	font-weight: 500;
	text-decoration: underline
}

#login .register-page-txt,
#signup .register-page-txt {
	padding: 70px 60px
}

.register-page-txt h2 {
	font-weight: 700;
	line-height: 1.15;
	margin-bottom: 6px
}

#login .register-page-copyright {
	bottom: 45px;
	left: 60px;
	position: absolute
}

#signup .register-page-copyright {
	bottom: 45px;
	position: absolute;
	right: 60px
}

.register-page-copyright p {
	font-size: .85rem;
	line-height: 1;
	margin-bottom: 0
}

.reset-form-title {
	margin-bottom: 30px
}

.reset-form-title h5 {
	line-height: 1;
	margin-bottom: 0
}

.reset-form-title p.p-sm {
	font-size: .9rem;
	margin-bottom: 0;
	margin-top: 25px
}

.register-page-form {
	padding: 60px
}

.login-1 .register-page-form,
.signup-1 .register-page-form {
	padding: 20px 30px
}

.reset-page-wrapper {
	margin: 0 10px
}

.reset-page-wrapper form {
	background: #fff;
	border: 1px solid #fafafa;
	box-shadow: 0 15px 20px 0 rgba(5, 5, 5, .05);
	padding: 50px 30px 25px
}

.register-page-form p.input-header {
	color: #353f4f;
	font-size: .85rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 12px;
	padding-left: 5px;
	position: relative
}

.reset-password-link p {
	font-size: .9rem;
	line-height: 1;
	margin-bottom: 10px;
	margin-top: -8px;
	position: relative
}

.form-data span {
	display: block;
	font-size: .85rem;
	margin-bottom: 0
}

.form-data span a {
	color: #353f4f;
	font-weight: 500;
	text-decoration: underline
}

.register-page-form p.create-account {
	font-size: .925rem;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 30px
}

.register-page-form p.create-account a {
	font-weight: 500;
	text-decoration: underline
}

.separator-line {
	align-items: center;
	display: flex;
	font-family: 'Poppins', sans-serif;
	font-size: .9rem;
	font-weight: 500;
	justify-content: center;
	margin: 25px 0 30px;
	text-align: center;
	width: 100%
}

.separator-line:after,
.separator-line:before {
	border-top: 2px solid rgba(0, 0, 0, .1);
	content: "";
	flex: 1 0 20px;
	margin: 0 15px 0 0
}

.separator-line:after {
	margin: 0 0 0 15px
}

.register-page-form .form-control,
.reset-page-wrapper .form-control {
	background-color: #f5f6f8;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #353f4f;
	font-size: .95rem;
	font-weight: 400;
	height: 60px;
	line-height: 1;
	margin-bottom: 25px;
	padding: 5px 20px;
	transition: all .3s ease-in-out
}

.login-1 .form-control,
.signup-1 .form-control {
	background-color: #fff;
	border: 1px solid #ccc
}

.reset-page-wrapper .form-control {
	text-align: center
}

.register-page-form .form-control::-moz-placeholder {
	color: #999
}

.register-page-form .form-control:-ms-input-placeholder {
	color: #999
}

.register-page-form .form-control::-webkit-input-placeholder {
	color: #999
}

.register-page-form .form-control:focus,
.reset-page-wrapper .form-control:focus {
	background-color: #fcfdfd;
	border-color: #1680fb;
	box-shadow: none;
	outline: 0 none
}

#login .register-page-form .btn.submit,
#signup .register-page-form .btn.submit {
	height: 60px;
	margin-top: 20px;
	width: 100%
}

.reset-page-wrapper .btn.submit {
	margin-bottom: 20px;
	width: 100%
}

.register-page-form .btn-google {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: .95rem;
	width: 100%
}

.btn-google img {
	height: 22px;
	position: relative;
	right: 5px;
	top: -2px;
	width: 22px
}

.register-page-form .btn-google:hover {
	border: 1px solid #333
}

.reset-form-msg {
	display: block;
	text-align: center;
	width: 100% !important
}

.reset-password-form .loading {
	color: #00b2e4;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1;
	padding-left: 15px
}

.reset-password-form .error {
	color: #e74c3c;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 12px;
	padding-left: 10px;
	position: relative;
	top: -10px
}

.wrap-input {
	position: relative
}

.btn-show-pass {
	align-items: center;
	color: #999;
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 20px;
	top: 20px;
	transition: all .4s
}

.btn-show-pass.ico-20 [class^=flaticon-]:after,
.btn-show-pass.ico-20 [class^=flaticon-]:before {
	font-size: 1.125rem
}

.btn-show-pass:hover {
	color: #0195ff
}

.btn-show-pass.active {
	color: #6a7dfe
}

.page-404-txt {
	padding-bottom: 100px;
	padding-top: 180px
}

.page-404-txt h2 {
	margin-bottom: 20px
}

.page-404-txt h6 {
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 30px;
	padding: 0 5%
}

.page-404-img {
	margin-bottom: 60px;
	padding: 0 5%
}

.modal-body {
	padding: 0 !important
}

#modal-1 .modal-dialog {
	max-width: 700px
}

#modal-2 .modal-dialog {
	width: 440px
}

#modal-3 .modal-dialog.modal-xl {
	width: 750px
}

#modal-2.modal .modal-content,
#modal-3.modal .modal-content {
	border-radius: 10px;
	overflow: hidden
}

#modal-3.modal .bg-img {
	background: url(../_nuxt/modal-request.edcdb6c3.jpg);
	background-position: 0
}

#modal-2 .modal-body-content {
	padding: 35px 40px 15px
}

#modal-3 .modal-body-content {
	padding: 60px 35px 50px
}

.modal .btn-close {
	background: #fff !important;
	border-radius: 50%;
	height: 1.5rem;
	opacity: .9;
	padding: 0;
	position: absolute;
	right: 15px !important;
	top: 15px !important;
	width: 1.5rem;
	z-index: 1;
	z-index: 9999
}

#modal-3.modal .btn-close {
	background: hsla(0, 0%, 5%, .3) !important
}

.btn-close span {
	line-height: 24px !important;
	position: relative;
	top: -2px
}

.modal .btn-close.ico-10 [class^=flaticon-]:after,
.modal .btn-close.ico-10 [class^=flaticon-]:before {
	font-size: .6rem
}

button.btn-close:focus {
	outline: none !important;
	text-decoration: none !important
}

.modal-body .newsletter-form {
	margin-top: 25px
}

.modal .newsletter-form .form-control {
	background-color: #f5f6f8;
	border: 1px solid transparent;
	border-radius: 6px;
	box-shadow: none;
	color: #353f4f;
	font-size: 1rem;
	font-weight: 400;
	height: 56px;
	margin: 0 0 15px;
	padding: 0 15px;
	text-align: center
}

.modal .newsletter-form .form-control:focus {
	border-color: #1e90ff;
	box-shadow: none;
	outline: 0
}

.modal .newsletter-form.purple-focus .form-control:focus {
	border-color: #8863ee
}

.modal .newsletter-form .form-control::-moz-placeholder {
	color: #aaa
}

.modal .newsletter-form .form-control:-ms-input-placeholder {
	color: #aaa
}

.modal .newsletter-form .form-control::-webkit-input-placeholder {
	color: #aaa
}

.modal .input-group-btn,
.modal .newsletter-form .btn {
	display: block;
	width: 100% !important
}

.modal .newsletter-form .btn {
	height: 56px;
	margin: 0
}

.modal .form-notification {
	color: #1680fb;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1;
	margin-top: 12px;
	text-align: center
}

.modal .form-notification.error,
.modal .form-notification.valid {
	color: #fc2f4b
}

.modal .newsletter-form.valid {
	color: #0fbc49
}

#modal-3 .request-form {
	margin: 0
}

#modal-3 .request-form .col-md-12 {
	padding: 0
}

#modal-3 .request-form-title p {
	margin-bottom: 25px;
	margin-top: 18px
}

#modal-3 .request-form .form-control {
	margin: 0 0 25px;
	text-align: left
}

#modal-3 .request-form .btn {
	display: block;
	height: 56px;
	margin: 0;
	width: 100% !important
}

#modal-3 .request-form-msg {
	display: block;
	margin-top: 15px;
	padding-left: 0;
	width: 100% !important
}

#modal-3 .request-form .loading {
	color: #1680fb;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1
}

#modal-3 .request-form .error {
	color: #e74c3c;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
	padding-left: 10px
}

.theme--dark .bg--white-100,
body.theme--dark {
	background-color: #232734 !important
}

body.theme--dark {
	color: #b1b7cd
}

.theme--dark .block-shadow {
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13)
}

.theme--dark .block-border {
	border: 1px solid #e7e7e7
}

.theme--dark .block-border.block-shadow {
	border: 1px solid #f5f6f6
}

.theme--dark .x-border {
	border-bottom: 1px solid #1d212c
}

.theme--dark .top-border,
.theme--dark .x-border {
	border-top: 1px solid #1d212c
}

.theme--dark .bottom-border {
	border-bottom: 1px solid #1d212c
}

.theme--dark .bg--purple-100,
.theme--dark .bg--white-300,
.theme--dark .bg--white-400,
.theme--dark .shape--purple-100:after,
.theme--dark .shape--white-200:after,
.theme--dark .shape--white-300:after,
.theme--dark .shape--white-400:after,
.theme--dark .shape--white-500:after {
	background-color: #1d212c
}

.theme--dark .bg--02,
.theme--dark .bg--04,
.theme--dark .gr--ghost,
.theme--dark .gr--smoke,
.theme--dark .shape--whitesmoke:after {
	background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .55))
}

.theme--dark .gr--whitesmoke,
.theme--dark .shape--gr-whitesmoke:after {
	background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05))
}

.theme--dark .footer hr,
.theme--dark hr.divider {
	background-image: linear-gradient(90deg, rgba(122, 125, 147, 0), #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%)
}

.theme--dark hr.divider.divider-light {
	background-color: #fff;
	background-image: linear-gradient(90deg, rgba(206, 211, 246, 0), #dedede 38%, #dedede 64%, rgba(206, 211, 246, 0) 99%);
	opacity: 1
}

.theme--dark h1,
.theme--dark h2,
.theme--dark h3,
.theme--dark h4,
.theme--dark h5,
.theme--dark h6 {
	color: #fff
}

.theme--dark a {
	color: #b1b7cd
}

.theme--dark a.tra-link:hover span,
.theme--dark a:hover {
	color: #f7f8f9 !important
}

.theme--dark .btn--tra-black,
.theme--dark .hover--tra-black:hover {
	background-color: transparent !important;
	border-color: #b1b7cd !important;
	color: #b1b7cd !important
}

.theme--dark.navbar-dark .hover--tra-black:hover {
	background-color: transparent !important;
	border-color: #353f4f !important;
	color: #353f4f !important
}

.theme--dark .white-scroll .hover--tra-black:hover,
.theme--dark.navbar-dark .scroll .hover--tra-black:hover {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important
}

.theme--dark .btn--white,
.theme--dark .hover--white:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #353f4f !important
}

.theme--dark .btn--tra-white,
.theme--dark .hover--tra-white:hover {
	background-color: transparent !important;
	border-color: #f1f1f1 !important;
	color: #f1f1f1 !important
}

.theme--dark .white-scroll .scroll .hover--tra-white:hover {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--tra-grey:hover,
.theme--dark .btn--tra-grey,
.theme--dark .hover--tra-grey:hover,
.theme--dark .white-scroll .scroll .hover--tra-grey:hover {
	background-color: transparent !important;
	border-color: #b1b7cd !important;
	color: #b1b7cd !important
}

.theme--dark .black-scroll .scroll .hover--blue-500:hover,
.theme--dark .btn--blue-500,
.theme--dark .hover--blue-500:hover,
.theme--dark .white-scroll .scroll .hover--blue-500:hover {
	background-color: #185abd !important;
	border-color: #185abd !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--blue-400:hover,
.theme--dark .btn--blue-400,
.theme--dark .hover--blue-400:hover,
.theme--dark .white-scroll .scroll .hover--blue-400:hover {
	background-color: #1680fb !important;
	border-color: #1680fb !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--blue-300:hover,
.theme--dark .btn--blue-300,
.theme--dark .hover--blue-300:hover,
.theme--dark .white-scroll .scroll .hover--blue-300:hover {
	background-color: #3eb1ff !important;
	border-color: #3eb1ff !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--pink-500:hover,
.theme--dark .btn--pink-500,
.theme--dark .hover--pink-500:hover,
.theme--dark .white-scroll .scroll .hover--pink-500:hover {
	background-color: #ff149c !important;
	border-color: #ff149c !important;
	color: #fff !important
}

.black-scroll .scroll .hover--pink-400:hover,
.theme--dark .btn--pink-400,
.theme--dark .hover--pink-400:hover,
.white-scroll .scroll .hover--pink-400:hover {
	background-color: #f74780 !important;
	border-color: #f74780 !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--pink-300:hover,
.theme--dark .btn--pink-300,
.theme--dark .hover--pink-300:hover,
.theme--dark .white-scroll .scroll .hover--pink-300:hover {
	background-color: #fcb5cc !important;
	border-color: #fcb5cc !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--purple-500:hover,
.theme--dark .btn--purple-500,
.theme--dark .hover--purple-500:hover,
.theme--dark .white-scroll .scroll .hover--purple-500:hover {
	background-color: #663ae9 !important;
	border-color: #663ae9 !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--purple-400:hover,
.theme--dark .btn--purple-400,
.theme--dark .hover--purple-400:hover,
.theme--dark .white-scroll .scroll .hover--purple-400:hover {
	background-color: #7b5dd6 !important;
	border-color: #7b5dd6 !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--purple-300:hover,
.theme--dark .btn--purple-300,
.theme--dark .hover--purple-300:hover,
.theme--dark .white-scroll .scroll .hover--purple-300:hover {
	background-color: #bdaeea !important;
	border-color: #bdaeea !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--violet-500:hover,
.theme--dark .btn--violet-500,
.theme--dark .hover--violet-500:hover,
.theme--dark .white-scroll .scroll .hover--violet-500:hover {
	background-color: #c73e9b !important;
	border-color: #c73e9b !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--violet-400:hover,
.theme--dark .btn--violet-400,
.theme--dark .hover--violet-400:hover,
.theme--dark .white-scroll .scroll .hover--violet-400:hover {
	background-color: #7835E4 !important;
	border-color: #7835E4 !important;
	color: #fff !important
}

.theme--dark .black-scroll .scroll .hover--violet-300:hover,
.theme--dark .btn--violet-300,
.theme--dark .hover--violet-300:hover,
.theme--dark .white-scroll .scroll .hover--violet-300:hover {
	background-color: #e2bde2 !important;
	border-color: #e2bde2 !important;
	color: #fff !important
}

.theme--dark .section-id {
	color: #eee
}

.theme--dar .color--white .color--black,
.theme--dark .color--black,
.theme--dark .color--black a,
.theme--dark .color--black h2,
.theme--dark .color--black h3,
.theme--dark .color--black h4,
.theme--dark .color--black h5,
.theme--dark .color--black h6,
.theme--dark .color--black i,
.theme--dark .color--black li,
.theme--dark .color--black p,
.theme--dark .color--black span {
	color: #fff
}

.theme--dark .color--grey,
.theme--dark .color--grey a,
.theme--dark .color--grey h2,
.theme--dark .color--grey h3,
.theme--dark .color--grey h4,
.theme--dark .color--grey h5,
.theme--dark .color--grey h6,
.theme--dark .color--grey i,
.theme--dark .color--grey li,
.theme--dark .color--grey p,
.theme--dark .color--grey span,
.theme--dark .color--white .color--grey {
	color: #b1b7cd
}

.theme--dark .dark-menu .wsmainfull,
.theme--dark .white-menu .wsmainfull {
	background-color: #1d222f !important;
	box-shadow: 0 2px 3px rgba(1, 1, 1, .1)
}

.theme--dark.navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a,
.theme--dark.navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a,
.theme--dark.navbar-light .wsmenu>.wsmenu-list>li>a {
	color: #fff
}

.theme--dark.navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a:hover,
.theme--dark.navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a:hover,
.theme--dark.navbar-light .wsmenu-list>li>a.h-link:hover,
.theme--dark.navbar-light .wsmenu>.wsmenu-list>li>a:hover {
	color: #eee !important
}

.theme--dark.navbar-light .wsmenu>.wsmenu-list>li>a.btn:hover {
	color: #fff !important
}

.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu,
.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu {
	background-color: #2c3142 !important;
	border: 1px solid #2c3142 !important;
	box-shadow: 0 2px 3px rgba(1, 1, 1, .1)
}

.theme--dark .wsmenu>.wsmenu-list>li.mg_link:hover>a:after,
.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu:before,
.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu:before {
	background-color: #2c3142;
	border-left: 1px solid #2c3142;
	border-top: 1px solid #2c3142
}

.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
	background-color: transparent !important;
	color: #b1b7cd
}

.theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
.theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
.theme--dark .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
	color: #b1b7cd
}

.theme--dark .dark-menu.dark-scroll .wsmainfull.scroll,
.theme--dark .tra-menu .wsmainfull.scroll,
.theme--dark .white-menu .wsmainfull.scroll {
	background-color: #1d222f !important;
	box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
	padding: 0
}

.navbar-light .theme--dark .tra-menu .scroll .wsmenu>.wsmenu-list>li>a,
.navbar-light.theme--dark .tra-menu.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link,
.theme--dark.navbar-dark .tra-menu .scroll .wsmenu>.wsmenu-list>li>a,
.theme--dark.navbar-dark .tra-menu.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link {
	color: #b1b7cd
}

.theme--dark.navbar-light .white-scroll .scroll .wsmenu-list>li>a.h-link:hover {
	color: #fff !important
}

.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
	background-color: rgba(0, 0, 0, .12) !important
}

.theme--dark.navbar-light .scroll .btn.btn--tra-white {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important
}

.theme--dark.navbar-dark .inner-page-header .logo-black,
.theme--dark.navbar-dark .light-hero-header .logo-black,
.theme--dark.navbar-light .scroll .logo-black {
	display: none
}

.theme--dark.navbar-dark .inner-page-header .logo-white,
.theme--dark.navbar-dark .light-hero-header .logo-white,
.theme--dark.navbar-light .scroll .logo-white {
	display: block
}

.theme--dark.navbar-dark .scroll .logo-black {
	display: none
}

.theme--dark.navbar-dark .scroll .logo-white {
	display: block
}

.theme--dark .hero-section .color--black,
.theme--dark .hero-section .color--black a,
.theme--dark .hero-section .color--black h2,
.theme--dark .hero-section .color--black h3,
.theme--dark .hero-section .color--black h4,
.theme--dark .hero-section .color--black h5,
.theme--dark .hero-section .color--black h6,
.theme--dark .hero-section .color--black i,
.theme--dark .hero-section .color--black li,
.theme--dark .hero-section .color--black p,
.theme--dark .hero-section .color--black span,
.theme--dark .hero-section .color--white .color--black {
	color: #353f4f
}

.theme--dark .hero-section p {
	color: #6c757d
}

.theme--dark .hero-section .color--white p {
	color: #fff
}

.theme--dark .hero-section.gr--whitesmoke p {
	color: #b1b7cd
}

.theme--dark .hero-section .section-id.color--grey {
	color: #6c757d
}

.theme--dark .hero-10-txt p,
.theme--dark .hero-15-txt p,
.theme--dark .hero-16-txt p,
.theme--dark .hero-17-txt p,
.theme--dark .hero-18-txt p,
.theme--dark .hero-19-txt p,
.theme--dark .hero-20-txt p,
.theme--dark .hero-21-txt p,
.theme--dark .hero-23-txt p,
.theme--dark .hero-25-txt p,
.theme--dark .hero-5-txt p,
.theme--dark .hero-6-txt p {
	color: #b1b7cd
}

.theme--dark .hero-section .quick-form .form-control {
	background-color: #363f54;
	color: #fff
}

.theme--dark #hero-14.hero-section .quick-form .form-control,
.theme--dark #hero-24.hero-section .quick-form .form-control,
.theme--dark #hero-26.hero-section .quick-form .form-control {
	background-color: #fff;
	color: #666
}

.theme--dark .hero-section .quick-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .hero-section .quick-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .hero-section .quick-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark #hero-14.hero-section .quick-form .form-control::-moz-placeholder {
	color: #999
}

.theme--dark #hero-14.hero-section .quick-form .form-control:-ms-input-placeholder {
	color: #999
}

.theme--dark #hero-14.hero-section .quick-form .form-control::-webkit-input-placeholder {
	color: #999
}

.theme--dark #hero-24.hero-section .quick-form .form-control::-moz-placeholder {
	color: #999
}

.theme--dark #hero-24.hero-section .quick-form .form-control:-ms-input-placeholder {
	color: #999
}

.theme--dark #hero-24.hero-section .quick-form .form-control::-webkit-input-placeholder {
	color: #999
}

.theme--dark #hero-26.hero-section .quick-form .form-control::-moz-placeholder {
	color: #999
}

.theme--dark #hero-26.hero-section .quick-form .form-control:-ms-input-placeholder {
	color: #999
}

.theme--dark #hero-26.hero-section .quick-form .form-control::-webkit-input-placeholder {
	color: #999
}

.theme--dark .hero-section .quick-form .form-control:focus {
	background-color: #505c77;
	border-color: transparent
}

.theme--dark #hero-14.hero-section .quick-form .form-control:focus,
.theme--dark #hero-24.hero-section .quick-form .form-control:focus,
.theme--dark #hero-26.hero-section .quick-form .form-control:focus {
	background-color: #fff;
	border-color: transparent
}

.theme--dark .hero-section .request-form .form-control {
	background-color: #363f54;
	color: #fff
}

.theme--dark .hero-section .request-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .hero-section .request-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .hero-section .request-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark .hero-section .request-form .form-control:focus {
	background-color: #505c77;
	border-color: transparent
}

.theme--dark #hero-3:after,
.theme--dark #hero-4:after {
	background-color: #232734
}

.theme--dark .hero-4-txt h2 {
	color: #353f4f
}

.theme--dark .hero-4-txt .btn.btn--tra-black {
	background-color: transparent !important;
	border-color: #353f4f !important;
	color: #353f4f !important
}

.theme--dark #hero-5 {
	background-image: url(../_nuxt/hero-5-dark.2157cbf7.jpg)
}

.theme--dark .hero-6-wrapper {
	background-image: linear-gradient(90deg, #1d212c, #1d212c)
}

.theme--dark #hero-8-form {
	background-color: #1d222f;
	border: 1px solid #1d222f
}

.theme--dark #hero-8-form p {
	color: #b1b7cd
}

.theme--dark #hero-14 .wave-shape-bottom svg path,
.theme--dark #hero-16 .wave-shape-bottom svg path,
.theme--dark #hero-22 .wave-shape-bottom svg path,
.theme--dark #hero-23 .wave-shape-bottom svg path,
.theme--dark #hero-26 .wave-shape-bottom svg path,
.theme--dark #hero-5 .wave-shape-bottom svg path,
.theme--dark #hero-8 .wave-shape-bottom svg path {
	fill: #232734
}

.theme--dark #hero-10 {
	background-image: url(../_nuxt/hero-5-dark.2157cbf7.jpg)
}

.theme--dark #hero-15 {
	background-image: url(../_nuxt/hero-15-dark.f2ba84b3.jpg)
}

.theme--dark #hero-16 {
	background-image: url(../_nuxt/hero-5-dark.2157cbf7.jpg)
}

.theme--dark #hero-17 {
	background-image: url(../_nuxt/hero-17-dark.db9ee97f.jpg)
}

.theme--dark #hero-18:after {
	background-image: url(../_nuxt/hero-18-dark.9595122a.jpg)
}

.theme--dark #hero-20:after {
	background-image: linear-gradient(180deg, #1d212c, #232734)
}

.theme--dark #hero-21 .hero-overlay {
	background-image: url(../_nuxt/hero-18-dark.9595122a.jpg)
}

.theme--dark #hero-23 {
	background-image: url(../_nuxt/hero-5-dark.2157cbf7.jpg)
}

.theme--dark .hero-23-txt p span.color--black {
	color: #fff
}

.theme--dark #hero-25 {
	background-image: url(../_nuxt/hero-5-dark.2157cbf7.jpg)
}

.theme--dark #hero-27 .hero-overlay {
	background-image: url(../_nuxt/hero-27-dark.c5d93d72.png)
}

.theme--dark .features-section path {
	opacity: .05
}

.theme--dark .fbox-7 {
	border: 2px solid #363f54
}

.theme--dark .cbox-2-line {
	background-color: #363f54
}

.theme--dark #statistic-5 .statistic-digit {
	border-bottom: 1px solid #505c77
}

.theme--dark #reviews-2 .review-2.bg--white-100 {
	background-color: #1d212c !important
}

.theme--dark .owl-theme .owl-dots .owl-dot span {
	background: #1d212c
}

.theme--dark .owl-theme .owl-dots .owl-dot.active span {
	background: #b1b7cd
}

.theme--dark .review-3.block-border {
	border-color: #363f54
}

.theme--dark .project-title h2 {
	border-bottom: 1px solid #363f54
}

.theme--dark .project-data p span,
.theme--dark .project-description .more-projects span {
	color: #fff
}

.theme--dark .rbox-1 .star-rating {
	background-color: #1d212c !important;
	border: 1px solid #1d212c;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .13)
}

.theme--dark .pricing-discount h6 {
	color: #353f4f
}

.theme--dark .table>:not(caption)>*>* {
	background-color: #232734;
	color: #b1b7cd
}

.theme--dark .comp-table .table thead th {
	border-color: #363f54;
	color: #fff
}

.theme--dark .comp-table tbody th {
	border-bottom: 1px solid #363f54 !important
}

.theme--dark .comp-table .table tr td {
	border-bottom: 2px solid #363f54
}

.theme--dark .integrations-1-wrapper .in_tool {
	background-color: #1d212c;
	border: 1px solid #1d212c
}

.theme--dark .switcher.bg--grey {
	background-color: #363f54;
	border: 2px solid #363f54
}

.theme--dark .banner-16-wrapper.bg--white-100.block-border {
	border-color: #363f54
}

.theme--dark .release-data {
	border-bottom: 1px dashed #656565
}

.theme--dark span.release-date span,
.theme--dark span.version-data {
	color: #f1f1f1
}

.theme--dark span.release-date {
	color: #ccc
}

.theme--dark #faqs-2.faqs-section .accordion-item,
.theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb,
.theme--dark .faqs-section .accordion-item {
	border-bottom: 1px solid #363f54
}

.theme--dark .faqs-section .tabs-1 li {
	border: 2px solid #363f54
}

.theme--dark .faqs-section .accordion-item .accordion-thumb:after,
.theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after,
.theme--dark .faqs-section .tabs-1 li,
.theme--dark .faqs-section .tabs-1 li span {
	color: #b1b7cd
}

.theme--dark .newsletter-section .form-control {
	background-color: #363f54;
	border: 1px solid #363f54;
	color: #f1f1f1
}

.theme--dark .newsletter-section .form-control:focus {
	background-color: #505c77;
	border-color: transparent
}

.theme--dark .newsletter-section .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .newsletter-section .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .newsletter-section .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark .blog-post-txt a,
.theme--dark .post-meta-list p {
	color: #fff
}

.theme--dark .blog-post-txt a:hover {
	color: #ddd !important
}

.theme--dark .txt-code {
	background-color: #1d212c
}

.theme--dark .txt-code kbd {
	background-color: #363f54
}

.theme--dark .txt-code p {
	color: #b1b7cd
}

.theme--dark .blockquote-footer,
.theme--dark .comment-form p,
.theme--dark .txt-code p code.code-language-js,
.theme--dark .txt-code span.code-property {
	color: #fff
}

.theme--dark .comment-form .form-control {
	background-color: #363f54;
	color: #f1f1f1
}

.theme--dark .comment-form .form-control:focus {
	background-color: #505c77;
	border-color: transparent
}

.theme--dark .comment-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .comment-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .comment-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark #contacts-1 .contact-form p,
.theme--dark .contact-form-notice p a {
	color: #fff
}

.theme--dark .contact-form .form-control,
.theme--dark .contact-form .form-select {
	background-color: #363f54;
	color: #f1f1f1
}

.theme--dark .contact-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .contact-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .contact-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark .contact-form .form-control:focus,
.theme--dark .contact-form .form-select:focus {
	background-color: #505c77;
	border-color: transparent
}

.theme--dark #footer-10 .footer-info {
	border-bottom: 1px solid #363f54
}

.theme--dark .footer-form .newsletter-form .btn.dark-color span {
	color: #2f353e !important
}

.theme--dark .footer-form .newsletter-form .input-group {
	background-color: #282d3c;
	border: 1px solid #505c77
}

.theme--dark .footer-form .form-control {
	color: #fff
}

.theme--dark .footer-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .footer-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .footer-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark .legal-info p span {
	color: #fff
}

.theme--dark .page-hero-section .wave-shape-bottom path {
	fill: #232734
}

.theme--dark #modal-2 .modal-body-content h5,
.theme--dark #modal-3 .modal-body-content h3 {
	color: #353f4f
}

.theme--dark #footer-11.bg--white-300,
.theme--dark #page-404.bg--white-300 {
	background-color: #f7f8f9
}

.theme--dark #page-404 .color--dark {
	color: #353f4f
}

.theme--dark #footer-11.bg--white-300,
.theme--dark #footer-11.bg--white-300 .bottom-footer-list p a,
.theme--dark #page-404 h6.color--grey {
	color: #6c757d
}

.theme--dark #login,
.theme--dark #signup {
	background: url(../_nuxt/login_dark.fb010181.jpg)
}

.theme--dark #reset-password {
	background: url(images/reset-password-dark.html)
}

.theme--dark #login .register-page-wrapper:after,
.theme--dark #signup .register-page-wrapper:after {
	background-color: #1d212c
}

.theme--dark .form-data span a,
.theme--dark .register-page-form p.input-header {
	color: #fff
}

.theme--dark .separator-line:after,
.theme--dark .separator-line:before {
	border-top: 2px solid hsla(0, 0%, 100%, .15)
}

.theme--dark .register-page-form .form-control,
.theme--dark .reset-page-wrapper .form-control {
	background-color: #363f54;
	border: 1px solid #363f54;
	color: #f1f1f1
}

.theme--dark .reset-page-wrapper form {
	background: #1d212c;
	border: 1px solid #1d212c
}

.theme--dark .register-page-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .register-page-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .register-page-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark .reset-password-form .form-control::-moz-placeholder {
	color: #b1b7cd
}

.theme--dark .reset-password-form .form-control:-ms-input-placeholder {
	color: #b1b7cd
}

.theme--dark .reset-password-form .form-control::-webkit-input-placeholder {
	color: #b1b7cd
}

.theme--dark .register-page-form .btn-google {
	background-color: #363f54;
	border: 1px solid #363f54;
	color: #b1b7cd
}

.brands-carousel-5 img.theme-dark {
	display: none
}

.theme--dark .brands-carousel-5 img.theme-dark {
	display: block
}

.theme--dark .brands-carousel-5 img.theme-light {
	display: none
}

.navbar-fill .header-wrapper {
	background-color: #fff
}

.theme--dark.navbar-fill .header-wrapper {
	background-color: #232734 !important
}

.go-to-top {
	cursor: pointer;
	transition-duration: .2s
}

.tab-list {
	margin-bottom: 40px
}

.tab-list .tab-link {
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	margin: 0 6px;
	min-width: 230px;
	padding: 35px 0;
	text-align: center;
	transition: all .4s ease-in-out
}

.tab-list .tab-link.current {
	box-shadow: 0 15px 20px 0 rgba(5, 5, 5, .2)
}

@media (min-width:1200px) {
	html {
		font-size: 115.6%
	}

	.btn {
		padding: .8rem 1.7rem
	}

	.btn.ico-30.ico-left {
		padding: .286rem 0
	}

	.btns-group .btn.ico-30.ico-left {
		padding: .286rem .5rem
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		top: 3px
	}

	.watch-video-link {
		height: 2.8rem;
		width: 2.8rem
	}

	.watch-video-link span[class^=flaticon-]:after,
	.watch-video-link span[class^=flaticon-]:before {
		font-size: 1.75rem;
		line-height: 2.8rem !important
	}

	.wsmenu>.wsmenu-list>li>a {
		font-size: .9375rem
	}

	.wsmenu>.wsmenu-list>li a.btn {
		font-size: .9rem;
		line-height: 28px;
		margin: 14px 5px 0;
		padding: 4px 22px 6px
	}

	.wsmenu>.wsmenu-list>li a.btn.reg-btn {
		padding: 4px 20px 6px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
		font-size: .9rem
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .title,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title {
		font-size: .8rem
	}

	.icons-menu-txt span {
		font-size: .825rem
	}
}

@media (min-width:992px) and (max-width:1199.95px) {
	.py-5 {
		padding-bottom: 0;
		padding-top: 0
	}

	.py-10 {
		padding-bottom: 5px;
		padding-top: 5px
	}

	.py-15 {
		padding-bottom: 10px;
		padding-top: 10px
	}

	.py-20 {
		padding-bottom: 15px;
		padding-top: 15px
	}

	.py-30 {
		padding-bottom: 25px;
		padding-top: 25px
	}

	.py-40 {
		padding-bottom: 30px;
		padding-top: 30px
	}

	.py-50 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.py-60 {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.py-70,
	.py-80 {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.py-90 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.py-100 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.pt-30 {
		padding-top: 20px
	}

	.pt-40 {
		padding-top: 30px
	}

	.pt-50,
	.pt-60 {
		padding-top: 40px
	}

	.pt-70,
	.pt-80 {
		padding-top: 60px
	}

	.pt-90 {
		padding-top: 70px
	}

	.pt-100 {
		padding-top: 80px
	}

	.pb-30 {
		padding-bottom: 20px
	}

	.pb-40 {
		padding-bottom: 30px
	}

	.pb-50 {
		padding-bottom: 40px
	}

	.pb-60 {
		padding-bottom: 50px
	}

	.pb-70,
	.pb-80 {
		padding-bottom: 60px
	}

	.pb-90 {
		padding-bottom: 70px
	}

	.pb-100 {
		padding-bottom: 80px
	}

	.mt-40 {
		margin-top: 30px
	}

	.mt-45 {
		margin-top: 35px
	}

	.mt-50 {
		margin-top: 45px
	}

	.mt-55 {
		margin-top: 40px
	}

	.mt-60 {
		margin-top: 50px
	}

	.mt-65 {
		margin-top: 55px
	}

	.mt-70 {
		margin-top: 60px
	}

	.mt-75 {
		margin-top: 65px
	}

	.mt-80 {
		margin-top: 60px
	}

	.mt-85 {
		margin-top: 65px
	}

	.mt-90 {
		margin-top: 70px
	}

	.mt-95 {
		margin-top: 75px
	}

	.mt-100 {
		margin-top: 80px
	}

	.mb-40 {
		margin-bottom: 30px
	}

	.mb-45 {
		margin-bottom: 35px
	}

	.mb-50 {
		margin-bottom: 40px;
		margin-bottom: 45px
	}

	.mb-60 {
		margin-bottom: 50px
	}

	.mb-65 {
		margin-bottom: 55px
	}

	.mb-70 {
		margin-bottom: 60px
	}

	.mb-75 {
		margin-bottom: 65px
	}

	.mb-80 {
		margin-bottom: 60px
	}

	.mb-85 {
		margin-bottom: 65px
	}

	.mb-90 {
		margin-bottom: 70px
	}

	.mb-95 {
		margin-bottom: 75px
	}

	.mb-100 {
		margin-bottom: 80px
	}

	.shape--02:after {
		height: 82%;
		left: -20%;
		top: 12%;
		width: 140%
	}

	.shape--03:after {
		height: 127%;
		top: -70px
	}

	.shape--04:after {
		height: 84%;
		top: 8%
	}

	.shape--05:after {
		height: 85%
	}

	.s-15 {
		font-size: .9375rem
	}

	.s-16 {
		font-size: 1rem
	}

	.s-17 {
		font-size: 1.0625rem
	}

	.s-18,
	.s-19 {
		font-size: 1.125rem
	}

	.s-20 {
		font-size: 1.18755rem
	}

	.s-21,
	.s-22 {
		font-size: 1.25rem
	}

	.s-23 {
		font-size: 1.3125rem
	}

	.s-24 {
		font-size: 1.375rem
	}

	.s-26 {
		font-size: 1.5rem
	}

	.s-28 {
		font-size: 1.625rem
	}

	.s-30 {
		font-size: 1.75rem
	}

	.s-32 {
		font-size: 1.875rem
	}

	.s-34 {
		font-size: 2rem
	}

	.s-36 {
		font-size: 2.125rem
	}

	.s-38 {
		font-size: 2.25rem
	}

	.s-40 {
		font-size: 2.3125rem
	}

	.s-42 {
		font-size: 2.4375rem
	}

	.s-43,
	.s-44 {
		font-size: 2.5rem
	}

	.s-45 {
		font-size: 2.5625rem
	}

	.s-46 {
		font-size: 2.625rem
	}

	.s-47 {
		font-size: 2.6875rem
	}

	.s-48 {
		font-size: 2.75rem
	}

	.s-50 {
		font-size: 2.875rem
	}

	.s-52 {
		font-size: 3rem
	}

	.s-54 {
		font-size: 3.125rem
	}

	.s-56 {
		font-size: 3.25rem
	}

	.s-58 {
		font-size: 3.375rem
	}

	.s-60 {
		font-size: 3.5rem
	}

	.s-62 {
		font-size: 3.625rem
	}

	.s-64 {
		font-size: 3.75rem
	}

	.s-66 {
		font-size: 3.875rem
	}

	.s-68 {
		font-size: 4rem
	}

	.btn.btn-sm {
		font-size: .975rem;
		padding: .65rem 1.4rem
	}

	.btn.ico-30.ico-left {
		padding: .3845rem 0
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .3845rem .5rem
	}

	.btns-group .btn:first-child {
		margin-right: 12px
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1.15rem;
		line-height: .5rem !important;
		top: 3.5px
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		margin-right: 0
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		margin-left: 0
	}

	.btn.ico-left span {
		margin-right: 2px
	}

	.btn.ico-right span {
		margin-left: 2px
	}

	p.btn-txt,
	p.btns-group-txt {
		margin: 15px 0 0
	}

	.text-center p.btns-group-txt {
		margin-top: 18px
	}

	.btn-rating {
		margin: 15px 0 0
	}

	a.tra-link {
		font-size: 1.0625rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 2px
	}

	.os-btn {
		min-width: 270px;
		padding: 16px 16px 14px;
		width: 280px
	}

	.os-btn-ico {
		margin-right: 16px
	}

	.watch-video-link {
		margin-right: 10px
	}

	p.video-txt-lg {
		font-size: 1.125rem
	}

	p.video-txt-sm {
		font-size: 1rem
	}

	.ico-50 .shape-ico svg {
		height: 110px;
		left: calc(50% - 55px);
		top: -30px;
		width: 110px
	}

	.fbox-11 .ico-50 .shape-ico svg {
		left: calc(50% - 60px);
		top: -35px
	}

	.ico-55 .shape-ico svg {
		height: 115px;
		left: calc(50% - 60px);
		top: -30px;
		width: 115px
	}

	.ico-60 .shape-ico svg {
		height: 120px;
		left: calc(50% - 55px);
		top: -25px;
		width: 120px
	}

	.ico-rounded {
		height: 74px;
		width: 74px
	}

	.ico-rounded-md {
		height: 80px;
		width: 80px
	}

	.ico-rounded-lg {
		height: 90px;
		width: 90px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before {
		font-size: 2.35rem;
		line-height: 74px !important
	}

	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 2.5rem;
		line-height: 80px !important
	}

	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before {
		font-size: 2.875rem;
		line-height: 90px !important
	}

	.ico-square {
		height: 74px;
		width: 74px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.35rem;
		line-height: 74px !important
	}

	.section-id {
		font-size: .85rem;
		margin-bottom: 30px
	}

	.section-id.rounded-id {
		font-size: .8rem;
		margin-bottom: 35px;
		padding: 8px 22px
	}

	.section-title p.p-lg,
	.section-title p.p-md,
	.section-title p.p-xl,
	.section-title p.s-20,
	.section-title p.s-21 {
		margin-top: 15px
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.18755rem
	}

	.section-title .btns-group.mt-25 {
		margin-top: 20px
	}

	.section-title .btns-group.mt-35,
	.section-title .stores-badge.mt-30 {
		margin-top: 26px
	}

	.section-title .advantages,
	.section-title .btns-group-txt,
	.section-title .btns-txt {
		margin-top: 16px
	}

	#loading-center {
		margin-left: -45px;
		margin-top: -45px
	}

	#loading-center,
	.loader {
		height: 90px;
		width: 90px
	}

	.loader:after {
		border: 45px solid
	}

	.desktoplogo img {
		max-height: 34px
	}

	.blog-header .desktoplogo img {
		max-height: 28px
	}

	.wsmenu>.wsmenu-list>li>a {
		margin: 0 5px;
		padding: 10px 15px
	}

	span.sm-info {
		font-size: .725rem;
		height: 18px;
		line-height: 17px;
		margin-left: 5px;
		width: 18px
	}

	.wsmenu>.wsmenu-list>li a.btn {
		font-size: .9375rem;
		line-height: 28px;
		margin-top: 15px;
		padding: 3px 22px 5px
	}

	.wsmenu>.wsmenu-list>li a.btn.reg-btn {
		padding: 3px 20px 5px
	}

	.wsmenu>.wsmenu-list>li a.btn.fst-btn-link {
		margin-left: 0
	}

	.wsmenu>.wsmenu-list>li a.store.header-store {
		margin-left: 0;
		margin-top: 15px
	}

	.store.header-store img {
		max-height: 40px
	}

	.header-socials a {
		margin-left: 16px
	}

	.header-socials.ico-20 [class*=flaticon-]:after,
	.header-socials.ico-20 [class*=flaticon-]:before {
		font-size: 1.175rem
	}

	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		min-width: 180px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
		left: 10%;
		width: 86% !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
		width: 40%
	}

	.wsmegamenu .post-summary a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
		font-size: .9375rem
	}

	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		max-width: 225px;
		min-width: 225px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
		width: 62%
	}

	.icons-menu-ico {
		margin-right: 12px
	}

	.wsmegamenu.ico-30 .icons-menu-ico span {
		top: 8px !important
	}

	.hero-section h2 {
		margin-bottom: 24px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50 {
		margin-bottom: 35px
	}

	.hero-section p.p-md {
		margin-bottom: 25px
	}

	.hero-section p.p-lg,
	.hero-section p.p-xl {
		margin-bottom: 28px
	}

	.hero-section p.s-20,
	.hero-section p.s-22,
	.hero-section p.s-24 {
		margin-bottom: 32px
	}

	.hero-section p.s-21 {
		font-size: 1.25rem;
		margin-bottom: 22px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 10px
	}

	.hero-app-logo,
	.hero-logo {
		margin-bottom: 35px
	}

	.hero-logo img {
		max-height: 30px
	}

	.hero-square-logo img {
		max-height: 80px
	}

	.hero-app-logo img {
		max-height: 90px
	}

	#hero-25 .hero-app-logo img {
		max-height: 100px
	}

	.hero-digits .block-txt p.p-sm {
		margin-top: 2px
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.15rem;
		height: 60px
	}

	.hero-section .quick-form.form-half .form-control {
		font-size: 1rem;
		height: 54px;
		padding: 0 14px
	}

	.hero-section .quick-form.form-half .btn {
		font-size: .985rem;
		height: 54px;
		margin-left: 10px;
		padding: 13px 40px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 -5px
	}

	.request-form .form-control {
		height: 54px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		height: 54px;
		padding: 16px
	}

	#hero-1 {
		padding-bottom: 80px;
		padding-top: 120px
	}

	.hero-1-img {
		margin: 0 -30px 0 -20px
	}

	#hero-2 {
		padding-bottom: 80px;
		padding-top: 150px
	}

	.hero-2-txt p {
		padding-right: 0
	}

	.hero-2-img {
		padding-right: 15px
	}

	#hero-3 {
		padding-top: 140px
	}

	#hero-3:after {
		height: 6%
	}

	.hero-3-txt {
		margin-top: -60px
	}

	.hero-3-img {
		margin: 0 -75% 0 0
	}

	#hero-4 {
		padding-top: 150px
	}

	.hero-4-txt h2,
	.hero-4-txt p {
		padding: 0
	}

	.hero-4-img {
		margin-top: 50px
	}

	#hero-5 {
		padding-bottom: 50px;
		padding-top: 130px
	}

	.hero-5-txt h2 {
		margin-bottom: 20px
	}

	.hero-5-txt p.p-lg {
		margin-bottom: 25px;
		padding-right: 10%
	}

	.hero-6-wrapper {
		padding: 65px 70px
	}

	.hero-6-txt h2 {
		margin-bottom: 18px
	}

	.hero-6-txt p.p-lg {
		margin-bottom: 22px
	}

	#hero-7 {
		padding-bottom: 90px;
		padding-top: 140px
	}

	#hero-7 .quick-form {
		margin-right: 3%
	}

	.hero-7-txt .quick-form.form-half.mt-35 {
		margin-top: 25px
	}

	.hero-7-img {
		padding-left: 15px
	}

	#hero-8 {
		padding-bottom: 20px;
		padding-top: 150px
	}

	.hero-8-txt {
		margin-top: -50px
	}

	#hero-8-form {
		padding: 38px 25px
	}

	#hero-8-form h4 {
		margin-bottom: 15px
	}

	#hero-9 {
		padding-top: 150px
	}

	.hero-9-txt h2 img {
		margin: 0 3px;
		max-height: 80px;
		top: -5px
	}

	.hero-9-txt p {
		margin-top: 32px;
		padding: 0 5%
	}

	#hero-9 .quick-form {
		margin-left: 8%;
		margin-right: 8%
	}

	.hero-9-img {
		margin: 50px 15px 0
	}

	#hero-10 {
		padding-bottom: 80px;
		padding-top: 160px
	}

	.hero-10-txt {
		padding-right: 10%
	}

	.hero-10-txt h4 {
		margin-bottom: 30px;
		padding-right: 0
	}

	.hero-10-img {
		margin: 0 -95% 0 0
	}

	#hero-12 {
		padding-top: 150px
	}

	.hero-12-txt h2,
	.hero-12-txt p {
		padding: 0
	}

	.hero-12-img {
		margin-bottom: -80px
	}

	#hero-13 {
		padding-bottom: 70px;
		padding-top: 120px
	}

	#hero-14 {
		padding-top: 150px
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 35px
	}

	#hero-14 .quick-form {
		margin-left: 7%;
		margin-right: 7%
	}

	.hero-14-img {
		margin: 50px 10px 0
	}

	.hero-14-txt .btn-txt {
		margin-top: 30px
	}

	#hero-15 {
		padding-top: 120px
	}

	.hero-15-txt h2 {
		padding-right: 10%
	}

	#hero-16 {
		margin-bottom: 60px;
		padding-top: 150px
	}

	.hero-16-txt h2 {
		padding: 0 4%
	}

	.hero-16-img {
		margin-bottom: -60px;
		margin-top: 50px
	}

	#hero-17 {
		padding-top: 160px
	}

	.hero-17-txt p {
		padding: 0 3%
	}

	#hero-17 .quick-form {
		margin-left: 10%;
		margin-right: 10%
	}

	#hero-17 #brands-1 {
		padding: 50px 6% 0
	}

	#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
		padding: 0 14px
	}

	#hero-18 {
		padding-bottom: 70px;
		padding-top: 140px
	}

	#hero-18:after {
		left: 24%;
		width: 76%
	}

	.hero-18-img,
	.hero-18-txt p {
		padding-right: 0
	}

	#hero-19 {
		padding-top: 150px
	}

	#hero-20 {
		padding-bottom: 90px;
		padding-top: 90px
	}

	#hero-20:after {
		width: 50%
	}

	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 25px
	}

	#hero-21 {
		padding-top: 150px
	}

	.hero-21-txt {
		margin-bottom: 50px
	}

	.hero-21-txt h2 {
		margin-bottom: 25px
	}

	#hero-21 .hero-overlay {
		padding: 80px 60px 0
	}

	.hero-21-img {
		margin-bottom: -25%
	}

	#hero-22 {
		padding-top: 150px
	}

	#hero-22 .hero-logo {
		margin-bottom: 20px
	}

	#hero-22-form h4 {
		margin-bottom: 15px
	}

	#hero-22-form {
		padding: 38px 25px 28px
	}

	#hero-23 {
		margin-bottom: 25px;
		padding-top: 80px
	}

	.hero-23-txt p {
		padding: 0
	}

	.hero-23-img {
		margin-bottom: -25px;
		margin-top: 25px
	}

	#hero-24 {
		padding-bottom: 110px;
		padding-top: 160px
	}

	#hero-25 {
		padding-bottom: 80px;
		padding-top: 120px
	}

	.hero-25-txt h2 {
		margin-bottom: 18px
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 24px
	}

	#hero-26 {
		padding-top: 160px
	}

	.hero-26-txt h2 {
		padding-right: 3%
	}

	#hero-26 .quick-form {
		margin-right: 3%
	}

	.hero-26-img {
		margin: 0 -90% 0 -30px
	}

	#hero-27 .hero-overlay {
		padding-top: 160px
	}

	.hero-27-txt h2 {
		margin-bottom: 28px !important
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 8px
	}

	.about-2-title {
		margin-bottom: 40px;
		padding-right: 5%
	}

	.a2-txt {
		padding: 15px 20px 30px
	}

	.a-2-1 {
		margin-left: 3%
	}

	.a2-txt-quote {
		margin-bottom: -40px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4rem
	}

	.a2-txt-author {
		font-size: 1.0625rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .95rem;
		margin-top: 1px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 25px
	}

	#about-3 .txt-block h5 {
		margin-bottom: 15px
	}

	#about-4 .txt-block p {
		margin-top: 20px
	}

	#a4-1 {
		margin-top: -30px;
		padding-right: 20px
	}

	#a4-2 {
		margin-bottom: -30px;
		padding-left: 20px
	}

	.fbox-14-wrapper {
		padding: 70px 50px
	}

	.fbox-14-wrapper .col {
		padding: 0 8px
	}

	#features-12.py-100.shape--bg:after {
		height: 68%;
		left: 50%;
		top: 16%;
		width: 50%
	}

	#features-12.pt-100.shape--bg:after {
		height: 76%;
		left: 50%;
		top: 18%;
		width: 50%
	}

	#features-13.py-100.shape--bg:after {
		height: 68%;
		top: 16%;
		width: 50%
	}

	#features-13.pt-100.shape--bg:after {
		height: 76%;
		top: 18%;
		width: 50%
	}

	.fbox-12-wrapper {
		padding-left: 30px
	}

	.fbox-13-wrapper {
		padding-right: 30px
	}

	.rows-2 .fb-1,
	.rows-2 .fb-2,
	.rows-2 .fb-3 {
		margin-bottom: 40px
	}

	.rows-2 .fbox-7.fb-1,
	.rows-2 .fbox-7.fb-2,
	.rows-2 .fbox-7.fb-3,
	.rows-2 .fbox-9.fb-1,
	.rows-2 .fbox-9.fb-2,
	.rows-2 .fbox-9.fb-3 {
		margin-bottom: 30px
	}

	.row-cols-md-3 .fbox-4 {
		padding: 40px 30px
	}

	.row-cols-md-2 .fbox-4 {
		padding: 35px 20px
	}

	.fbox-7 {
		padding: 40px 25px 37px
	}

	.row-cols-md-2 .fbox-7 {
		padding: 28px 15px 25px
	}

	.fbox-8,
	.fbox-8.bg--white-100 {
		padding: 40px 25px
	}

	.fbox-9 {
		padding: 30px 30px 27px
	}

	.fbox-12,
	.fbox-13 {
		padding: 30px
	}

	.fbox-14 {
		padding: 35px 25px 30px
	}

	.fbox-img.h-180 img {
		max-height: 165px
	}

	.fbox-img.h-175 img {
		max-height: 160px
	}

	.fbox-img.h-170 img {
		max-height: 155px
	}

	.fbox-img.h-165 img {
		max-height: 150px
	}

	.fbox-img.h-160 img {
		max-height: 145px
	}

	.fbox-img.h-155 img {
		max-height: 140px
	}

	.fbox-img.h-150 img {
		max-height: 135px
	}

	.fbox-img.h-145 img {
		max-height: 130px
	}

	.fbox-img.h-140 img {
		max-height: 125px
	}

	.fbox-2 .fbox-img.h-135 img,
	.fbox-2 .fbox-img.h-140 img,
	.fbox-3 .fbox-img.h-135 img,
	.fbox-4 .fbox-img.h-135 img {
		max-height: 115px
	}

	.fbox-3 .fbox-img.h-175 img,
	.fbox-3 .fbox-img.h-180 img {
		max-height: 155px
	}

	.fbox-4 .fbox-img.h-170 img,
	.fbox-4 .fbox-img.h-175 img {
		max-height: 150px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-3 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 25px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155 {
		margin-bottom: 50px;
		padding-top: 25px
	}

	.fbox-2 .fbox-img.h-160 {
		margin: 0 10px 50px;
		padding-top: 30px
	}

	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170 {
		margin: 0 5px 50px;
		padding-top: 34px
	}

	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 0 50px;
		padding-top: 35px
	}

	.fbox-3 .fbox-img.h-135 {
		margin: 0 0 25px;
		padding-top: 25px
	}

	.fbox-3 .fbox-img.h-160 {
		margin: 0 5px 25px;
		padding-top: 30px
	}

	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 0 25px;
		padding-top: 35px
	}

	.fbox-4 .fbox-img.h-135 {
		margin-bottom: 25px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 35px 6% 0
	}

	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img {
		margin: 0 6% 30px
	}

	.fbox-ico {
		margin-bottom: 18px
	}

	.row-cols-md-2 .fbox-ico {
		margin-bottom: 15px
	}

	.fbox-ico.ico-square,
	.row-cols-md-2 .fbox-ico.ico-rounded {
		margin-bottom: 20px
	}

	.fbox-ico.ico-rounded-lg,
	.fbox-ico.ico-rounded-md {
		margin-bottom: 22px
	}

	.fbox-wrapper .row-cols-lg-3 .fbox-title {
		margin-bottom: 5px
	}

	.rows-2 .fbox-ico-wrap .ico-50 [class*=flaticon-]:after,
	.rows-2 .fbox-ico-wrap .ico-50 [class*=flaticon-]:before {
		font-size: 2.85rem
	}

	.rows-2 .fbox-ico-wrap {
		margin-right: 15px
	}

	.fbox-14 h5,
	.fbox-txt h5,
	.fbox-wrapper .row-cols-md-2 h6,
	.features-section h6.s-22,
	.rows-2 .fbox-11 h6 {
		margin-bottom: 12px
	}

	.fbox-14 h5 {
		padding-right: 8px
	}

	.ct-10 .section-overlay {
		margin-bottom: 80px
	}

	.cbox-6-wrapper {
		padding: 45px
	}

	.ct-11 .txt-block {
		padding-right: 40px
	}

	.ct-12 .txt-block {
		padding-left: 40px
	}

	.ct-13 .row.mb-60 {
		margin-bottom: 50px
	}

	.bc-1-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay,
	.bc-6-wrapper .section-overlay {
		padding: 65px 50px
	}

	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay,
	.bc-5-wrapper .section-overlay {
		padding: 65px 50px 0
	}

	.bc-6 {
		padding: 30px 25px
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 20px
	}

	.bc-6 h4,
	.txt-block h5,
	h5.h5-title {
		margin-bottom: 18px
	}

	h5.h5-title {
		margin-top: 18px
	}

	.bc-6 h4,
	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 12px
	}

	.ct-08 .section-title h2,
	.ct-09 .section-title h2,
	.ct-10 .section-title h2 {
		padding: 0 5px
	}

	.txt-block .btn {
		margin-top: 22px
	}

	.bc-6-link.mt-15 {
		margin-top: 10px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 18px
	}

	.bc-2-txt,
	.ct-07 .txt-block {
		margin-top: 20px
	}

	.bc-1-wrapper .txt-block.pr-25.left-column,
	.bc-2-wrapper .txt-block.pr-25.left-column {
		padding-right: 15px
	}

	.bc-1-wrapper .txt-block.pl-25.right-column,
	.bc-2-wrapper .txt-block.pl-25.right-column {
		padding-left: 15px
	}

	.cbox-5-content {
		margin: 0 10%;
		padding: 35px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 3.15rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.85rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		padding: 15px 20px
	}

	.cbox-2 .ico-wrap {
		margin-right: 1.1rem
	}

	.cbox-2-ico {
		font-size: 1.135rem;
		height: 2.35rem;
		line-height: 2rem;
		width: 2.35rem
	}

	.ct-03 .cbox-2-ico {
		font-size: 1.0625rem;
		height: 2.15rem;
		line-height: 1.95rem;
		width: 2.15rem
	}

	.cbox-2-line {
		height: calc(100% - 74px)
	}

	.cbox-3 .cbox-3-ico {
		top: 4px
	}

	.cbox-3-ico span[class*=flaticon-]:after,
	.cbox-3-ico span[class*=flaticon-]:before {
		font-size: 3rem
	}

	.cbox-2-txt,
	.cbox-3-txt,
	.ct-03 .cbox-2-txt {
		margin-bottom: 25px
	}

	.cbox-4-txt {
		margin-bottom: 22px
	}

	.cbox-6 h6,
	.ct-03 .cbox-2-txt h5 {
		margin-bottom: 12px
	}

	.cbox-1-txt p {
		margin-bottom: 5px
	}

	.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
		margin-bottom: 15px
	}

	.tabs-1 {
		margin: 0 auto 55px
	}

	.text-center .advantages {
		margin-top: 15px
	}

	.compatibility {
		margin-top: 10px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 10px
	}

	.payment-icons img {
		max-height: 32px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2.1875rem;
		line-height: 2.1875rem !important;
		margin-right: 4px
	}

	.quote-avatar img {
		height: 54px;
		width: 54px
	}

	.quote-author {
		padding: 0 0 0 10px
	}

	.quote.pr-15,
	.quote.pr-40,
	.quote.pr-50,
	.quote.pr-60 {
		padding-right: 0
	}

	.cbox-5-shape-1 {
		right: -20px;
		top: -20px
	}

	.cbox-5-shape-2 {
		bottom: -25px;
		left: 10px
	}

	.cbox-5-shape-1 img,
	.cbox-5-shape-2 img {
		height: 70%;
		width: 70%
	}

	.ct-01 .img-block {
		margin-left: 5px
	}

	.ct-02 .img-block {
		margin-right: 5px
	}

	.ct-03 .img-block.left-column {
		margin-right: 15px
	}

	.ct-03 .img-block.right-column,
	.ct-04 .img-block {
		margin-left: 15px
	}

	.ct-04 .img-block img {
		max-width: 175%
	}

	.ct-10 .img-block {
		margin-bottom: -80px
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 55px
	}

	.bc-1-wrapper .img-block.left-column,
	.bc-2-wrapper .img-block.left-column {
		padding-right: 10px
	}

	.bc-1-wrapper .img-block.right-column,
	.bc-2-wrapper .img-block.right-column {
		padding-left: 10px
	}

	.bc-3-img {
		margin: 0 -65% -25px 25px
	}

	.bc-4-img {
		margin-left: 25px;
		margin-right: -65%
	}

	.bc-6-img {
		margin-bottom: 25px;
		padding: 40px 30px 0
	}

	.img-block.img-block-bkg img {
		padding: 50px 35px
	}

	.ct-11 .img-block {
		padding-left: 50px
	}

	.ct-12 .img-block {
		padding-right: 50px
	}

	.sb-rounded .statistic-block {
		padding: 25px
	}

	#statistic-5 .statistic-digit {
		margin: 0 70px 18px 0;
		padding-bottom: 18px
	}

	.statistic-1-wrapper .statistic-block-digit {
		width: 32%
	}

	.statistic-1-wrapper .statistic-block-txt {
		padding-left: 10px;
		width: 68%
	}

	#sb-2-3,
	#sb-2-4 {
		padding-right: 12px
	}

	#statistic-5 .statistic-digit h2,
	h2.statistic-number {
		letter-spacing: -.5px
	}

	#statistic-1 h2.statistic-number {
		letter-spacing: -.5px;
		margin-top: 2px
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number,
	#statistic-5 .statistic-txt h5 {
		margin-bottom: 10px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 1px
	}

	.statistic-4-wrapper p {
		margin-bottom: 12px
	}

	#pt-1-1,
	#pt-1-2,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4 {
		margin-bottom: 40px
	}

	.project-details h5 {
		margin-bottom: 25px
	}

	.more-projects {
		margin-top: 45px
	}

	.single-project .project-title {
		margin-bottom: 60px
	}

	.project-title h2 {
		margin-bottom: 30px;
		padding-bottom: 35px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 30px;
		margin-top: 50px
	}

	.project-description .more-projects {
		margin-top: 50px
	}

	.project-description .more-projects span {
		left: 5px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.275rem
	}

	.rating-section .rating-1-wrapper {
		padding: 0 12%
	}

	.rating-section .rating-2-wrapper {
		padding: 0 3%
	}

	.inner-page-hero .rating-1-wrapper.mt-50 {
		margin-top: 40px
	}

	.rbox-1-img img {
		max-height: 34px
	}

	.rbox-1 .star-rating {
		font-size: .9rem;
		line-height: 1
	}

	.reviews-section .col-md-8 .section-title h2 {
		padding: 0 5%
	}

	.reviews-4-wrapper,
	.reviews-5-wrapper {
		padding-left: 35px
	}

	#reviews-4 .txt-block.left-column,
	#reviews-5 .txt-block.left-column {
		padding-left: 10px
	}

	.review-1 {
		padding: 35px 25px 25px
	}

	.review-2 {
		padding: 40px 35px 30px
	}

	.review-3 {
		padding: 40px 35px 35px
	}

	.review-4 {
		padding: 35px 35px 25px
	}

	.review-5 {
		padding: 40px 35px 35px
	}

	#rw-3-2 {
		margin-bottom: 25px
	}

	#rw-3-2,
	#rw-3-3 {
		margin-left: 0
	}

	#rw-4-1,
	#rw-5-1 {
		margin-bottom: 25px
	}

	.review-txt {
		margin-top: -42px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-1 .author-data {
		margin-top: 15px
	}

	.review-2 .author-data,
	.review-3 .author-data,
	.review-5 .author-data {
		margin-top: 8px
	}

	.review-4 .author-data {
		margin-top: 0
	}

	.owl-item .review-avatar img,
	.review-avatar img {
		height: 44px;
		width: 44px
	}

	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img {
		height: 52px;
		width: 52px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 5px
	}

	.review-author h6 {
		margin-bottom: 8px
	}

	.review-1 .review-author h6 {
		font-size: 1rem
	}

	.press-logo img {
		max-height: 74px
	}

	.press-txt {
		margin-top: 10px
	}

	.brands-title.mb-40 {
		margin-bottom: 30px
	}

	.brands-title.mb-50 {
		margin-bottom: 40px
	}

	.brands-3-wrapper {
		padding: 40px 30px
	}

	.brands-3-wrapper.brands-3-static {
		margin-left: 3%;
		margin-right: 3%
	}

	#brands-1 .brands-carousel-5 .brand-logo,
	#brands-1 .brands-carousel-6 .brand-logo,
	#brands-1 .justify-content-center .brand-logo,
	#brands-3 .brand-logo {
		padding: 0 12px
	}

	#brands-3 .brands-3-static .brand-logo {
		padding: 0 8px
	}

	.brands-section .brand-logo.mb-50 {
		margin-bottom: 40px
	}

	.brands-section .more-btn {
		margin-top: 30px
	}

	.integrations-2-wrapper {
		padding: 80px 60px
	}

	.in_tool_logo {
		margin-bottom: 25px;
		padding: 40px 30px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 50px
	}

	#integrations-1 .in_tool-logo.ico-60 img {
		height: 48px;
		width: 48px
	}

	.integrations-1-wrapper .in_tool {
		padding: 16px 20px
	}

	.integrations-1-wrapper .in_tool.mb-30 {
		margin-bottom: 20px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 40px
	}

	.pricing-1-wrapper .col,
	.pricing-2-wrapper .col,
	.pricing-3-wrapper .col {
		padding: 0 8px
	}

	.pricing-1-table {
		padding: 40px 25px 35px
	}

	.text-center .pricing-1-table {
		padding: 50px 25px 40px
	}

	.pricing-2-table {
		padding: 40px 25px
	}

	.pricing-3-table {
		padding: 30px 32px 35px
	}

	.pricing-4-table {
		padding: 35px 45px
	}

	#pt-4-1 {
		margin: 0 15px 40px 20px
	}

	#pt-4-2 {
		margin: 0 20px 40px 15px
	}

	.pricing-table-header h5 {
		margin-bottom: 25px
	}

	.pricing-table-header h4 {
		margin-bottom: 20px
	}

	.pricing-3-table .pricing-table-header h4 {
		margin-bottom: 10px
	}

	.pricing-1-table .pricing-discount {
		padding: 7px 13px;
		right: 0;
		top: -2px
	}

	.text-center .pricing-1-table .pricing-discount {
		right: -5px;
		top: -40px
	}

	.price span {
		font-size: 2.85rem;
		letter-spacing: -1.5px
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.15rem
	}

	.pricing-3-table .price span {
		font-size: 4.5rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 3.15rem
	}

	.price sup {
		font-size: 2rem;
		right: 2px;
		top: -4px
	}

	.pricing-3-table .price sup {
		font-size: 2.4rem;
		top: -22px
	}

	.pricing-4-table .price sup {
		font-size: 2.25rem;
		top: -8px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2.4rem;
		letter-spacing: -2px;
		top: -27px
	}

	.price sup.validity {
		font-size: 1.45rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.2rem;
		margin-bottom: 35px;
		margin-top: 20px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.65rem;
		left: 4px;
		top: -2px
	}

	.price p {
		margin-bottom: 15px;
		margin-top: 20px
	}

	.text-center .price p {
		padding: 0
	}

	.pricing-features.mt-25 {
		margin-top: 20px
	}

	.pricing-1-table hr {
		margin-top: 30px
	}

	.pricing-1-table .pt-btn,
	.pricing-2-table .pt-btn,
	.pricing-2-table hr {
		margin-top: 20px
	}

	.col-lg-10 .pricing-notice p {
		padding: 0 4%
	}

	.pricing-notice .btn.mt-25 {
		margin-top: 20px
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 20px 25px 15px
	}

	.toggle-btn-md .toggler-txt {
		font-size: 1.0625rem;
		line-height: 32px
	}

	.toggle-btn-lg .toggler-txt {
		font-size: 1.1rem;
		line-height: 36px
	}

	.switch-wrap {
		height: 30px;
		min-width: 50px
	}

	.toggle-btn-md .switch-wrap {
		height: 32px;
		margin: 0 6px;
		min-width: 55px
	}

	.toggle-btn-lg .switch-wrap {
		height: 36px;
		margin: 0 12px;
		min-width: 60px
	}

	.switcher {
		font-size: .9rem;
		height: 30px
	}

	.toggle-btn-md .switcher {
		border-radius: 32px;
		height: 32px;
		padding: 0 10px 0 30px
	}

	.toggle-btn-lg .switcher {
		border-radius: 36px;
		height: 36px;
		padding: 0 15px 0 35px
	}

	.switcher .show-annual,
	.switcher .show-monthly {
		line-height: 30px
	}

	.toggle-btn-md .switcher .show-annual,
	.toggle-btn-md .switcher .show-monthly {
		line-height: 32px
	}

	.toggle-btn-lg .switcher .show-annual,
	.toggle-btn-lg .switcher .show-monthly {
		line-height: 36px
	}

	.switcher:before {
		bottom: 4px;
		height: 22px;
		left: 4px;
		width: 22px
	}

	.toggle-btn-md .switcher:before {
		bottom: 5px;
		height: 22px;
		left: 5px;
		width: 22px
	}

	.toggle-btn-lg .switcher:before {
		bottom: 5px;
		height: 26px;
		left: 5px;
		width: 26px
	}

	.switcher.bg--ghost-white:before,
	.switcher.bg--grey:before,
	.switcher.bg--tra-white:before {
		bottom: 3px;
		left: 4px
	}

	.toggle-btn-md .switch-wrap input:checked+.switcher {
		padding: 0 30px 0 10px
	}

	.toggle-btn-lg .switch-wrap input:checked+.switcher {
		padding: 0 35px 0 15px
	}

	.comp-table .table-responsive.mb-50 {
		margin-bottom: 30px
	}

	.comp-table .table-responsive thead th {
		font-size: 1.1rem
	}

	.comp-table .table-responsive tbody th {
		font-size: 1rem
	}

	.comp-table .table-responsive tbody td {
		font-size: .975rem;
		top: 1px
	}

	.comp-table .table-responsive tbody td span {
		top: 2px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .785rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: 1.0625rem
	}

	.comp-table-payment h6 {
		margin-bottom: 14px
	}

	.comp-table-payment p {
		font-size: .965rem
	}

	#tm-2-1,
	#tm-2-10,
	#tm-2-4,
	#tm-2-7 {
		margin-right: 10px
	}

	#tm-2-11,
	#tm-2-2,
	#tm-2-5,
	#tm-2-8 {
		margin-left: 5px;
		margin-right: 5px
	}

	#tm-2-12,
	#tm-2-3,
	#tm-2-6,
	#tm-2-9 {
		margin-left: 10px
	}

	.team-member-photo {
		margin-bottom: 20px
	}

	#team-2 .team-member-data {
		margin-left: 5px
	}

	.team-member-data h6.s-20 {
		margin-bottom: 6px
	}

	ul.tm-social {
		right: 5px;
		top: 0
	}

	.team-section .more-btn.mt-20 {
		margin-top: 10px
	}

	#careers-1 {
		padding-bottom: 56px
	}

	.role-box {
		margin-bottom: 24px;
		padding: 22px 30px
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		font-size: .825rem;
		margin-bottom: 14px
	}

	.role-box-txt p {
		margin-bottom: 10px
	}

	#role-page .inner-page-title {
		margin-bottom: 35px
	}

	#role-page .inner-page-title span {
		margin-bottom: 24px
	}

	.role-info hr {
		margin: 40px 0
	}

	#role-page .cbox-6-wrapper {
		margin: 35px 0
	}

	.role-info h5 {
		margin-bottom: 18px
	}

	.txt-block.role-info .btn {
		margin-top: 40px
	}

	#banner-12 {
		margin-bottom: 5px;
		margin-top: 30px
	}

	#banner-9 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.banner-1-wrapper .banner-overlay {
		padding: 60px 15% 70px
	}

	.banner-2-wrapper .banner-overlay {
		padding: 60px 18% 70px
	}

	.banner-3-wrapper .banner-overlay {
		padding: 60px 22% 70px
	}

	.banner-11-wrapper .banner-overlay {
		padding: 10px 65px 0
	}

	.banner-12-wrapper .banner-overlay,
	.banner-13-wrapper .banner-overlay {
		padding-left: 65px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 40px 20%
	}

	.banner-9-txt {
		padding-left: 15px;
		padding-right: 30%
	}

	.banner-10-txt {
		padding-left: 25px
	}

	.banner-12-txt {
		padding-right: 10%
	}

	.banner-section .section-id {
		margin-bottom: 25px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 30px
	}

	.banner-1-txt h2 {
		margin-bottom: 16px
	}

	.banner-2-txt h2 {
		margin-bottom: 30px;
		padding: 0 2%
	}

	.banner-4-txt h2 {
		margin-bottom: 25px
	}

	.col-md-8 .banner-5-txt h2 {
		padding: 0 5%
	}

	.banner-7-txt h2 {
		margin-bottom: 30px
	}

	.banner-10-txt h2 {
		margin-bottom: 22px
	}

	.banner-11-txt h2,
	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 18px
	}

	.banner-13-txt h2 {
		padding-right: 4%
	}

	.banner-15-txt h2 {
		margin-bottom: 40px
	}

	.banner-16-txt h4 {
		margin-bottom: 10px
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		margin-bottom: 25px
	}

	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 10px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl,
	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 15px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 21px;
		margin-top: 15px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 12px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 15px
	}

	.banner-14-txt p.p-lg {
		margin-bottom: 28px;
		margin-top: 28px
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 30px
	}

	.banner-8-buttons.mt-20 {
		margin-top: 8px
	}

	.banner-15-txt .download-links {
		margin-top: 20px
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 10px
	}

	.banner-9-img {
		padding-right: 15px
	}

	.banner-10-img {
		padding-left: 25px
	}

	.banner-12-img {
		margin: -30px -20px -20px -40px
	}

	.banner-13-img {
		margin: -60px -120px -70px -25px
	}

	.version-release {
		margin-bottom: 60px
	}

	.release-data {
		margin-bottom: 25px;
		padding-bottom: 25px
	}

	.release-data h5 {
		margin-bottom: 30px
	}

	span.version-data {
		font-size: 1.9rem
	}

	span.release-date {
		font-size: 1.1rem
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 55px
	}

	.faqs-3-questions .questions-holder {
		padding: 0
	}

	#faqs-1 .section-title {
		margin-bottom: 30px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 38px
	}

	#faqs-3 .section-title {
		margin-bottom: 55px
	}

	.faqs-section .accordion-thumb {
		padding: 20px 0 22px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 22px 0 28px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .9rem;
		right: 2px;
		top: 19px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: 1rem;
		right: 2px;
		top: 23px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	#faqs-2 .accordion-panel {
		padding: 35px 0 20px
	}

	#faqs-2 .accordion-panel-item.mb-35 {
		margin-bottom: 30px
	}

	#faqs-3 .question.mb-35 {
		margin-bottom: 25px
	}

	.accordion-panel-item h5,
	.question h5 {
		margin-bottom: 15px
	}

	#faqs-4 .tabs-content {
		padding: 0 15px
	}

	.faqs-section .tabs-1 {
		margin: 0 auto 50px
	}

	.faqs-section .tabs-1 li {
		margin: 0 5px;
		min-width: 220px;
		padding: 25px 0
	}

	#faqs-2 .more-questions {
		margin: 50px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 20px
	}

	.more-questions-txt {
		padding: 18px 44px
	}

	.more-questions-txt p {
		font-size: 1.125rem
	}

	#newsletter-1 .newsletter-overlay {
		padding-bottom: 45px;
		padding-top: 45px
	}

	#newsletter-2 .newsletter-overlay {
		padding: 45px
	}

	#newsletter-3 {
		margin-bottom: 30px;
		margin-top: 30px
	}

	#newsletter-4 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 55px;
		padding-top: 65px
	}

	#newsletter-1 .newsletter-txt,
	#newsletter-2 .newsletter-txt {
		padding-right: 8%
	}

	#newsletter-3 .newsletter-txt {
		padding-right: 12%
	}

	#newsletter-3 .col-lg-6 .newsletter-txt {
		padding-right: 3%
	}

	.newsletter-txt h2 {
		margin-bottom: 25px
	}

	#newsletter-4 .newsletter-txt h2 {
		margin-bottom: 30px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form {
		margin-top: 25px;
		padding-left: 8%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 30px;
		padding: 0 8%
	}

	.newsletter-section .form-control {
		height: 50px
	}

	#newsletter-1.newsletter-section .form-control {
		font-size: .975rem;
		height: 50px
	}

	#newsletter-5.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	.newsletter-section .btn {
		height: 50px
	}

	#newsletter-1 .btn {
		font-size: .925rem;
		height: 50px;
		padding: .7rem 1.3rem
	}

	#newsletter-5.newsletter-section .btn {
		height: 54px
	}

	#newsletter-3 .newsletter-img {
		margin-bottom: -30px;
		margin-top: -30px
	}

	#newsletter-3 .col-lg-6 .newsletter-img {
		padding-left: 50px
	}

	#blog-1.pb-60 {
		padding-bottom: 40px
	}

	#blog-1 .col-lg-4,
	#blog-page .col-lg-4 {
		padding-left: 10px;
		padding-right: 10px
	}

	.blog-post-img.mb-35 {
		margin-bottom: 25px
	}

	.post-tag {
		font-size: .85rem;
		margin-bottom: 15px
	}

	.blog-post-txt h6 {
		margin-bottom: 12px
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20 {
		margin-bottom: 16px
	}

	.blog-post-meta.mt-20 {
		margin-top: 14px
	}

	.blog-post-meta.mt-30 {
		margin-top: 16px
	}

	.meta-list-divider {
		padding: 0 1px
	}

	.wide-post {
		margin-bottom: 80px
	}

	.wide-post .blog-post-img {
		padding-right: 10px
	}

	.wide-post .blog-post-txt {
		padding-left: 10px
	}

	.square-post {
		margin-bottom: 40px;
		margin-top: 20px
	}

	.square-post .blog-post-txt {
		padding: 0 30px 0 50px
	}

	.posts-category {
		margin-bottom: 40px;
		margin-top: 20px
	}

	.posts-category span {
		top: -1.5px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1.125rem
	}

	.single-post-title h2,
	.single-post-title h3 {
		padding: 0 10%
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 20px;
		margin-top: 16px
	}

	.single-post-txt .blockquote p {
		font-size: 1.225rem;
		margin-bottom: 30px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1.05rem
	}

	.post-share-list {
		margin-top: 40px;
		padding-bottom: 60px
	}

	.post-author-avatar {
		margin-right: 25px
	}

	.post-author-avatar img {
		height: 80px;
		width: 80px
	}

	.post-author-txt h5 {
		margin-bottom: 15px
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 60px
	}

	.author-follow-btn a {
		font-size: .875rem
	}

	.post-comments {
		padding-top: 60px
	}

	.post-comments img {
		height: 60px;
		width: 60px
	}

	.comment-meta,
	.comment-meta h6 {
		margin-bottom: 5px
	}

	.btn-reply a,
	.comment-date {
		font-size: 1rem
	}

	.post-comments #leave-comment h5 {
		margin-top: 60px
	}

	.comment-form .form-control {
		font-size: 1.05rem;
		height: 52px
	}

	.comment-form textarea {
		min-height: 190px
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		margin-bottom: 15px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 54px
	}

	.contact-form textarea {
		min-height: 190px
	}

	.footer {
		padding-bottom: 35px
	}

	.footer hr {
		margin-bottom: 35px;
		margin-top: 10px
	}

	#footer-10.pt-50 {
		padding-top: 10px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 34px
	}

	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 25px
	}

	#footer-10 img.footer-logo {
		max-height: 39px
	}

	.footer h6 {
		margin-bottom: 20px
	}

	#footer-1 .footer-info {
		padding-right: 5%
	}

	#footer-3 .footer-info {
		margin-bottom: 50px
	}

	#footer-10 .footer-info {
		margin-bottom: 30px;
		padding-bottom: 40px
	}

	#footer-2 .footer-links.fl-1 {
		padding-left: 34%
	}

	#footer-2 .footer-links.fl-2 {
		padding-left: 22%
	}

	#footer-2 .footer-links.fl-3 {
		padding-left: 0
	}

	#footer-2.ft-2-ntr .footer-links.fl-1 {
		padding-left: 25%
	}

	#footer-2.ft-2-ntr .footer-links.fl-2 {
		padding-left: 0
	}

	#footer-3.ft-3-ntr .footer-links.fl-3 {
		padding-left: 28%
	}

	#footer-8 .footer-info,
	#footer-8 .footer-links {
		margin-bottom: 20px
	}

	#footer-10 .footer-links {
		margin-bottom: 10px
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 35px
	}

	#footer-2 .footer-links .footer-mail-link,
	#footer-3 .footer-links .footer-mail-link {
		margin-bottom: 14px
	}

	.footer-mail-link {
		font-size: 1.0625rem
	}

	.foo-links li a span.ext-link {
		left: 3px;
		top: 1px
	}

	.foo-links.ico-15 [class*=flaticon-]:after,
	.foo-links.ico-15 [class*=flaticon-]:before {
		font-size: .815rem
	}

	.footer-socials.ico-20 a,
	.footer-socials.ico-25 a {
		margin-right: 14px
	}

	.footer-socials.ico-25 [class*=flaticon-]:after,
	.footer-socials.ico-25 [class*=flaticon-]:before {
		font-size: 1.1875rem
	}

	#footer-2 .footer-form,
	#footer-3 .footer-form {
		padding-left: 5%
	}

	.footer-form .btn,
	.footer-form .form-control {
		height: 28px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		line-height: 24px !important
	}

	.inner-page-hero {
		padding-top: 160px
	}

	.page-hero-section-overlay {
		padding-top: 120px
	}

	.inner-page-title {
		margin-bottom: 60px
	}

	.inner-page-title p {
		font-size: 1.15rem;
		margin-top: 18px
	}

	.page-hero-section h2 {
		line-height: 1.25;
		margin-bottom: 20px;
		padding-right: 3%
	}

	.txt-block.legal-info h5 {
		margin-bottom: 25px;
		margin-top: 25px
	}

	.txt-block.legal-info h4 {
		margin-bottom: 25px;
		margin-top: 60px
	}

	.txt-block.legal-info h4 span,
	.txt-block.legal-info h5 span {
		margin-right: 2px
	}

	#reset-password {
		padding-bottom: 80px
	}

	.register-page-txt img {
		margin-bottom: 45px;
		max-height: 30px
	}

	.login-page-logo {
		margin-bottom: 40px
	}

	.login-page-logo img {
		max-height: 40px
	}

	.register-form-title {
		margin-bottom: 30px
	}

	#login .register-page-txt,
	#signup .register-page-txt {
		padding: 60px 45px
	}

	#signup .register-page-txt h2 {
		line-height: 1
	}

	#login .register-page-copyright {
		bottom: 40px;
		left: 45px
	}

	#signup .register-page-copyright {
		bottom: 40px;
		right: 45px
	}

	.register-page-copyright p {
		font-size: .9rem
	}

	#login .register-page-form {
		padding: 50px 45px 50px 35px
	}

	#signup .register-page-form {
		padding: 50px 35px 50px 45px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 10px 30px
	}

	.separator-line {
		margin: 20px 0
	}

	.register-page-form p.input-header {
		font-size: .9rem;
		margin-bottom: 10px;
		padding-left: 5px
	}

	.register-page-form p.create-account {
		margin-top: 20px
	}

	.reset-form-title {
		margin-bottom: 25px
	}

	.reset-form-title p.p-sm {
		font-size: .95rem;
		margin-top: 20px
	}

	.reset-page-wrapper {
		margin: 0
	}

	.reset-page-wrapper form {
		padding: 40px 25px 15px
	}

	.register-page-form .form-control,
	.reset-page-wrapper .form-control {
		height: 54px;
		margin-bottom: 20px
	}

	#login .register-page-form .btn.submit {
		height: 54px;
		margin-top: 12px
	}

	#signup .register-page-form .btn.submit {
		height: 54px;
		margin-top: 20px
	}

	.btn-show-pass {
		top: 18px
	}

	.page-404-txt {
		padding-bottom: 80px;
		padding-top: 160px
	}

	.page-404-txt h2 {
		margin-bottom: 20px
	}

	.page-404-txt h6 {
		margin-bottom: 25px;
		padding: 0 8%
	}

	.page-404-img {
		margin-bottom: 40px;
		padding: 0 8%
	}

	#modal-1 .modal-dialog {
		max-width: 580px
	}

	#modal-2 .modal-dialog {
		width: 350px
	}

	#modal-3 .modal-dialog.modal-xl {
		width: 700px
	}

	#modal-2 .modal-body-content {
		padding: 30px 30px 10px
	}

	#modal-3 .modal-body-content {
		padding: 50px 30px 40px
	}

	.modal-body .newsletter-form {
		margin-top: 20px
	}

	.modal .newsletter-form .btn,
	.modal .newsletter-form .form-control {
		font-size: .975rem;
		height: 50px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 20px;
		margin-top: 15px
	}

	#modal-3 .request-form .btn {
		font-size: .975rem;
		height: 54px
	}
}

@media screen and (max-width:991.98px) {
	.dark-light-toggle {
		right: 70px;
		top: 39px;
		z-index: 10002
	}

	.wsactive .wsmenu {
		max-height: 100%
	}

	.navbar-light .wsmenu>.wsmenu-list>li>a.h-link {
		color: #353f4f
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	html {
		font-size: 85%
	}

	.py-10,
	.py-5 {
		padding-bottom: 0;
		padding-top: 0
	}

	.py-15 {
		padding-bottom: 5px;
		padding-top: 5px
	}

	.py-20 {
		padding-bottom: 10px;
		padding-top: 10px
	}

	.py-30 {
		padding-bottom: 15px;
		padding-top: 15px
	}

	.py-40 {
		padding-bottom: 20px;
		padding-top: 20px
	}

	.py-50 {
		padding-bottom: 30px;
		padding-top: 30px
	}

	.py-60 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.py-70,
	.py-80 {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.py-90 {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.py-100 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.pt-30 {
		padding-top: 10px
	}

	.pt-40 {
		padding-top: 20px
	}

	.pt-50 {
		padding-top: 30px
	}

	.pt-60 {
		padding-top: 40px
	}

	.pt-70,
	.pt-80 {
		padding-top: 50px
	}

	.pt-90 {
		padding-top: 60px
	}

	.pt-100 {
		padding-top: 70px
	}

	.pb-30 {
		padding-bottom: 10px
	}

	.pb-40 {
		padding-bottom: 20px
	}

	.pb-50 {
		padding-bottom: 30px
	}

	.pb-60 {
		padding-bottom: 40px
	}

	.pb-70,
	.pb-80 {
		padding-bottom: 50px
	}

	.pb-90 {
		padding-bottom: 60px
	}

	.pb-100 {
		padding-bottom: 70px
	}

	.mt-40 {
		margin-top: 30px
	}

	.mt-45 {
		margin-top: 35px
	}

	.mt-50 {
		margin-top: 30px
	}

	.mt-55 {
		margin-top: 35px
	}

	.mt-60 {
		margin-top: 50px
	}

	.mt-65 {
		margin-top: 55px
	}

	.mt-70 {
		margin-top: 50px
	}

	.mt-75 {
		margin-top: 55px
	}

	.mt-80 {
		margin-top: 50px
	}

	.mt-85 {
		margin-top: 55px
	}

	.mt-90 {
		margin-top: 60px
	}

	.mt-95 {
		margin-top: 65px
	}

	.mt-100 {
		margin-top: 70px
	}

	.mb-40 {
		margin-bottom: 30px
	}

	.mb-45 {
		margin-bottom: 35px
	}

	.mb-50 {
		margin-bottom: 30px
	}

	.mb-55 {
		margin-bottom: 35px
	}

	.mb-60 {
		margin-bottom: 50px
	}

	.mb-65 {
		margin-bottom: 55px
	}

	.mb-70 {
		margin-bottom: 50px
	}

	.mb-75 {
		margin-bottom: 55px
	}

	.mb-80 {
		margin-bottom: 50px
	}

	.mb-85 {
		margin-bottom: 55px
	}

	.mb-90 {
		margin-bottom: 60px
	}

	.mb-95 {
		margin-bottom: 65px
	}

	.mb-100 {
		margin-bottom: 70px
	}

	.shape--02:after {
		height: 82%;
		left: -20%;
		top: 12%;
		width: 140%
	}

	.shape--03:after {
		height: 129%;
		top: -60px
	}

	.shape--04:after {
		height: 80%;
		top: 10%
	}

	ol.digit-list p {
		margin-bottom: 5px
	}

	.s-15,
	.s-16 {
		font-size: 1rem
	}

	.s-17,
	.s-18 {
		font-size: 1.066176rem
	}

	.s-19 {
		font-size: 1.3rem
	}

	.s-20,
	.s-21,
	.s-22,
	.s-23 {
		font-size: 1.397058rem
	}

	.s-24,
	.s-26,
	.s-28 {
		font-size: 1.470588rem
	}

	.s-30,
	.s-32,
	.s-34 {
		font-size: 1.764705rem
	}

	.s-36,
	.s-38,
	.s-40 {
		font-size: 1.98529rem
	}

	.s-42,
	.s-43,
	.s-44,
	.s-45 {
		font-size: 2.20588rem
	}

	.s-46 {
		font-size: 2.35294rem
	}

	.s-47 {
		font-size: 2.42647rem
	}

	.s-48 {
		font-size: 2.5rem
	}

	.s-50 {
		font-size: 2.64705rem
	}

	.s-52,
	.s-54 {
		font-size: 2.79411rem
	}

	.s-56 {
		font-size: 2.94117rem
	}

	.s-58 {
		font-size: 3.08823rem
	}

	.s-60 {
		font-size: 3.23529rem
	}

	.s-62 {
		font-size: 3.38235rem
	}

	.s-64 {
		font-size: 3.52941rem
	}

	.s-66 {
		font-size: 3.67647rem
	}

	.s-68 {
		font-size: 3.82352rem
	}

	p.p-sm {
		font-size: 1rem
	}

	p.p-lg,
	p.p-md {
		font-size: 1.066176rem
	}

	a.tra-link {
		font-size: 1.0625rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 2px
	}

	.btn.btn-sm {
		font-size: .975rem;
		padding: .65rem 1.35rem
	}

	.btn.ico-30.ico-left {
		padding: .3665rem 0
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .31175rem .5rem
	}

	.btns-group .btn:first-child {
		margin-right: 10px
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1rem;
		line-height: .65rem !important;
		top: 3px
	}

	.btn.ico-30 [class*=flaticon-]:after,
	.btn.ico-30 [class*=flaticon-]:before {
		font-size: 2rem
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		font-size: 1.065rem;
		margin-right: 0;
		top: -8px
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		font-size: 1.065rem;
		margin-left: 0;
		top: -8px
	}

	.btn.ico-left span {
		margin-right: 2px
	}

	.btn.ico-right span {
		margin-left: 2px
	}

	p.btn-txt {
		margin: 13px 0 0
	}

	.btn-rating,
	p.btns-group-txt {
		margin: 15px 0 0
	}

	.text-center p.btns-group-txt {
		margin-top: 18px
	}

	.star-rating span.rating-txt {
		font-size: 1rem
	}

	.os-btn {
		min-width: 240px;
		padding: 14px 15px 12px;
		width: 240px
	}

	.os-btn-ico {
		margin-right: 14px
	}

	.os-btn-txt p {
		margin-top: 4px
	}

	.btn-os.mb-15 {
		margin-bottom: 15px
	}

	.btn-os.mr-15 {
		margin-right: 10px
	}

	.badge-img-xs .store img {
		max-height: 2.595rem
	}

	.badge-img-sm .store img {
		max-height: 2.72rem
	}

	.badge-img-md .store img {
		max-height: 2.97rem
	}

	.badge-img-lg .store img {
		max-height: 3.095rem
	}

	.watch-video {
		margin-top: 18px
	}

	.watch-video-link {
		margin-right: 10px
	}

	.watch-video-link span[class^=flaticon-]:after,
	.watch-video-link span[class^=flaticon-]:before {
		margin-left: 3px
	}

	p.video-txt-lg {
		font-size: 1.1rem
	}

	p.video-txt-sm {
		font-size: 1rem
	}

	.video-btn-xl {
		height: 7rem;
		margin-left: -3.5rem;
		margin-top: -3.5rem;
		width: 7rem
	}

	.video-btn-lg {
		height: 6.5rem;
		margin-left: -3.125rem;
		margin-top: -3.125rem;
		width: 6.5rem
	}

	.video-btn-md {
		height: 5.625rem;
		margin-left: -2.8125rem;
		margin-top: -2.8125rem;
		width: 5.625rem
	}

	.video-btn-sm {
		height: 5rem;
		margin-left: -2.5rem;
		margin-top: -2.5rem;
		width: 5rem
	}

	.video-btn.video-btn-lg [class^=flaticon-]:after,
	.video-btn.video-btn-xl [class^=flaticon-]:before {
		font-size: 5.5rem;
		line-height: 7rem !important;
		margin-left: 8px
	}

	.video-btn.video-btn-lg [class^=flaticon-]:after,
	.video-btn.video-btn-lg [class^=flaticon-]:before {
		font-size: 5rem;
		line-height: 6.25rem !important;
		margin-left: 10px
	}

	.video-btn.video-btn-lg [class^=flaticon-]:after,
	.video-btn.video-btn-md [class^=flaticon-]:before {
		font-size: 4.5rem;
		line-height: 5.625rem !important;
		margin-left: 8px
	}

	.video-btn.video-btn-md [class^=flaticon-]:after,
	.video-btn.video-btn-sm [class^=flaticon-]:before {
		font-size: 4.35rem;
		line-height: 5rem !important;
		margin-left: 8px
	}

	.ico-50 .shape-ico svg {
		height: 95px;
		left: calc(50% - 50px);
		top: -25px;
		width: 95px
	}

	.fbox-11 .ico-50 .shape-ico svg {
		left: calc(50% - 52px);
		top: -30px
	}

	.ico-55 .shape-ico svg {
		height: 100px;
		left: calc(50% - 55px);
		top: -30px;
		width: 100px
	}

	.ico-60 .shape-ico svg {
		height: 105px;
		left: calc(50% - 50px);
		top: -20px;
		width: 105px
	}

	.ico-rounded,
	.ico-rounded-md {
		height: 70px;
		width: 70px
	}

	.ico-rounded-lg {
		height: 80px;
		width: 80px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before,
	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 2.5rem;
		line-height: 70px !important
	}

	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before {
		font-size: 2.875rem;
		line-height: 80px !important
	}

	.ico-square {
		height: 70px;
		width: 70px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.5rem;
		line-height: 70px !important
	}

	.section-id {
		margin-bottom: 25px
	}

	.section-id.rounded-id {
		margin-bottom: 30px;
		padding: 7px 22px
	}

	.section-title.mb-60,
	.section-title.mb-70,
	.section-title.mb-80 {
		margin-bottom: 40px
	}

	.section-title p.p-lg,
	.section-title p.p-md,
	.section-title p.p-xl {
		margin-top: 12px
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.32352rem;
		margin-top: 12px
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title .btns-group.mt-25 {
		margin-top: 18px
	}

	.section-title .btns-group.mt-35 {
		margin-top: 22px
	}

	.section-title .stores-badge.mt-30 {
		margin-top: 25px
	}

	.section-title .advantages,
	.section-title .btns-group-txt,
	.section-title .btns-txt {
		margin-top: 15px
	}

	#loading-center {
		margin-left: -45px;
		margin-top: -45px
	}

	#loading-center,
	.loader {
		height: 90px;
		width: 90px
	}

	.loader:after {
		border: 45px solid
	}

	.headtoppart {
		display: none
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 22px;
		padding-left: 22px
	}

	.blog-header .wsmobileheader .smllogo {
		margin-top: 28px
	}

	.smllogo img {
		max-height: 34px;
		max-width: inherit;
		width: auto
	}

	.blog-header .smllogo img {
		max-height: 28px
	}

	.wsmobileheader {
		box-shadow: 0 0 2px rgba(50, 50, 50, .4);
		height: 80px
	}

	.tra-menu .wsmobileheader,
	.white-menu .wsmobileheader {
		background-color: #fff
	}

	.black-scroll .wsmobileheader,
	.dark-menu .wsmobileheader {
		background-color: #1d222f
	}

	.theme--dark .tra-menu .wsmobileheader,
	.theme--dark .white-menu .wsmobileheader {
		background-color: #1d222f !important;
		box-shadow: 0 2px 3px rgba(1, 1, 1, .1)
	}

	.wsmenu>.wsmenu-list>li.header-phone>a {
		font-size: 19px;
		margin: 0;
		padding: 7px 32px 6px 15px
	}

	.wsmenu>.wsmenu-list>li.header-phone>a span {
		height: 24px;
		line-height: 25px;
		top: 3px;
		width: 24px
	}

	.wsanimated-arrow {
		margin: 24px 28px 0 0;
		padding: 14px 22px 14px 0
	}

	.wsanimated-arrow span:before {
		top: -8px;
		width: 26px
	}

	.wsanimated-arrow span:after {
		bottom: -8px;
		width: 20px
	}

	.black-scroll .wsanimated-arrow span,
	.black-scroll .wsanimated-arrow span:after,
	.black-scroll .wsanimated-arrow span:before,
	.dark-menu .wsanimated-arrow span,
	.dark-menu .wsanimated-arrow span:after,
	.dark-menu .wsanimated-arrow span:before {
		background: #fff
	}

	.theme--dark .wsanimated-arrow span,
	.theme--dark .wsanimated-arrow span:after,
	.theme--dark .wsanimated-arrow span:before {
		background: #b1b7cd
	}

	.wsactive .wsanimated-arrow span:after,
	.wsactive .wsanimated-arrow span:before,
	.wsactive .wsanimated-arrow.active span:after {
		top: 0;
		width: 28px
	}

	.wsactive .wsanimated-arrow span {
		background: transparent
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click {
		height: 64px
	}

	.wsmenu>.wsmenu-list>li.mobile-last-link>a {
		border-bottom: none
	}

	.black-scroll .wsmenu>.wsmenu-list,
	.dark-menu .wsmenu>.wsmenu-list {
		background-color: #2c3142 !important
	}

	.black-scroll .wsmenu>.wsmenu-list>li>a,
	.dark-menu .wsmenu>.wsmenu-list>li>a {
		border-bottom-color: hsla(0, 0%, 100%, .13)
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before,
	.dark-menu .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {
		border-color: hsla(0, 0%, 100%, .85)
	}

	.wsmenu>.wsmenu-list>li>a {
		font-size: 1.25rem;
		line-height: 46px;
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.tra-menu .wsmenu>.wsmenu-list>li>a,
	.tra-menu.navbar-light .wsmenu>.wsmenu-list>li>a {
		color: #666
	}

	.black-scroll .wsmenu>.wsmenu-list>li>a.h-link {
		color: #fff
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 10px;
		margin: 21px 18px 0 0;
		width: 10px
	}

	.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i {
		margin-top: 28px;
		transform: rotate(-45deg)
	}

	.theme--dark .navbar-dark .wsmenu>.wsmenu-list>li>a,
	.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a {
		color: #fff !important
	}

	span.sm-info {
		font-size: .95rem;
		height: 22px;
		line-height: 20px;
		top: -1px;
		width: 22px
	}

	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		min-width: 100% !important;
		width: 100% !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
		padding: 10px;
		width: 100% !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
		left: 0;
		padding: 12px 10px;
		width: 100% !important
	}

	.wsmegamenu.halfmenu .col-lg-6,
	.wsmegamenu.halfmenu.icons-menu .col-lg-6,
	.wsmegamenu.icons-menu.w-75 .col-lg-4,
	.wsmegamenu.w-75 .col-lg-3 {
		padding: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
		right: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		border-bottom: 1px solid #ddd;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		box-shadow: 0 0;
		top: 5px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		opacity: 1 !important;
		transform: rotateX(0deg);
		visibility: visible !important
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu,
	.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu,
	.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu {
		border-bottom: 1px solid hsla(0, 0%, 100%, .13) !important;
		box-shadow: 0 0
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu {
		background-color: #2c3142 !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
		color: #666;
		font-size: 1.1765rem;
		padding: 15px 14px
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
		background-color: hsla(0, 0%, 100%, 0) !important;
		color: #ddd
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 15px 14px;
		text-decoration: none
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		background-color: hsla(0, 0%, 100%, .05) !important
	}

	.icons-menu.ico-30 [class*=flaticon-]:after,
	.icons-menu.ico-30 [class*=flaticon-]:before {
		font-size: 2.1875rem
	}

	.icons-menu.ico-40 [class*=flaticon-]:after,
	.icons-menu.ico-40 [class*=flaticon-]:before {
		font-size: 2.5rem
	}

	.icons-menu-ico {
		margin-right: 14px
	}

	.wsmegamenu.ico-30 .icons-menu-ico span {
		top: 8px !important
	}

	.icons-menu-txt h6 {
		font-size: 1.1765rem
	}

	.icons-menu-txt span {
		font-size: 1.066176rem
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		font-size: 1.1765rem;
		margin-bottom: 10px;
		padding: 0 14px
	}

	.black-scroll .icons-menu-txt span,
	.black-scroll .title,
	.dark-menu .icons-menu-txt span,
	.dark-menu .title {
		color: #b1b7cd !important
	}

	.wsmenu>.wsmenu-list>li a.btn {
		border-radius: 0;
		border-width: 2px;
		font-size: 1.25rem;
		margin: 1px 0 2px
	}

	.wsmenu>.wsmenu-list>li a.btn,
	.wsmenu>.wsmenu-list>li a.btn.reg-btn {
		line-height: 44px;
		padding: 5px 22px
	}

	.wsmenu>.wsmenu-list>li a.btn.fst-btn-link,
	.wsmenu>.wsmenu-list>li.reg-fst-link>a {
		margin-left: 0
	}

	.wsmenu>.wsmenu-list>li a.store.header-store {
		border-bottom: none;
		display: block;
		float: none;
		margin: 5px 0 0 12px
	}

	.store.header-store img {
		max-height: 46px
	}

	.wsmenu>.wsmenu-list>li.header-socials {
		display: block
	}

	.header-socials a {
		margin-left: 25px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		font-size: 1.65rem
	}

	.white-scroll .btn--tra-black {
		background-color: #353f4f !important;
		border-color: #353f4f !important;
		color: #fff !important
	}

	.black-scroll .btn--tra-black,
	.black-scroll .btn--tra-white {
		background-color: #fff !important;
		border-color: #fff !important;
		color: #353f4f !important
	}

	.black-scroll .btn--tra-grey,
	.white-scroll .btn--tra-grey {
		background-color: #eee !important;
		border-color: #eee !important;
		color: #353f4f !important
	}

	.white-scroll .hover--tra-white:hover {
		background-color: transparent !important;
		border-color: #353f4f !important;
		color: #353f4f !important
	}

	.theme--dark .white-scroll .hover--tra-white:hover {
		background-color: transparent !important;
		border-color: #fff !important;
		color: #fff !important
	}

	.black-scroll .hover--blue:hover,
	.white-scroll .hover--blue:hover {
		background-color: #007aff !important;
		border-color: #007aff !important;
		color: #fff !important
	}

	.black-scroll .hover--tra-blue:hover,
	.white-scroll .hover--tra-blue:hover {
		background-color: transparent !important;
		border-color: #007aff !important;
		color: #007aff !important
	}

	.black-scroll .hover--violet:hover,
	.white-scroll .hover--violet:hover {
		background-color: #b55e98 !important;
		border-color: #b55e98 !important;
		color: #fff !important
	}

	.black-scroll .hover--tra-violet:hover,
	.white-scroll .hover--tra-violet:hover {
		background-color: transparent !important;
		border-color: #b55e98 !important;
		color: #b55e98 !important
	}

	.theme--dark .wsmenu>.wsmenu-list {
		background-color: #2c3142 !important
	}

	.theme--dark .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {
		border-color: #fff
	}

	.theme--dark .navbar-dark .hover--tra-black:hover,
	.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
		background-color: transparent !important;
		border-color: #fff !important;
		color: #fff !important
	}

	.hero-section {
		margin-top: 80px
	}

	.hero-section h2 {
		margin-bottom: 18px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50,
	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl {
		margin-bottom: 24px
	}

	.hero-section p.s-20,
	.hero-section p.s-22,
	.hero-section p.s-24 {
		margin-bottom: 26px
	}

	.hero-section p.s-21 {
		font-size: 1.397058rem;
		margin-bottom: 22px
	}

	.hero-section .btn.mt-10,
	.hero-section .btns-group.mt-10 {
		margin-top: 5px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 8px
	}

	.hero-logo {
		margin-bottom: 30px
	}

	.hero-logo img {
		max-height: 28px
	}

	.hero-square-logo img {
		max-height: 65px
	}

	.hero-app-logo {
		margin-bottom: 25px
	}

	.hero-app-logo img {
		max-height: 78px
	}

	#hero-25 .hero-app-logo img {
		max-height: 88px
	}

	.hero-digits {
		margin-top: -8px
	}

	#hero-9 .hero-digits {
		margin-top: 10px
	}

	.hero-section .col-lg-6 .hero-digits {
		padding: 0 15%
	}

	#hd-1-1,
	#hd-1-2 {
		padding-right: 0;
		width: 50%
	}

	.hero-digits-block {
		display: block !important
	}

	.hero-digits .block-txt {
		padding-left: 0
	}

	.hero-digits h2.statistic-number {
		font-size: 2.75rem
	}

	.hero-digits h2.statistic-number span {
		font-size: 2.25rem
	}

	.hero-digits .block-txt p.p-sm {
		margin-top: 10px
	}

	.hero-section .quick-form.mt-45 {
		margin-top: 30px
	}

	.hero-section .quick-form.mt-35 {
		margin-top: 0
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.125rem;
		height: 52px
	}

	.hero-section .quick-form.form-half .form-control {
		font-size: 1.0625rem;
		height: 48px;
		padding: 0 12px
	}

	.hero-section .quick-form.form-half .btn {
		font-size: 1rem;
		height: 48px;
		margin-left: 10px;
		padding: 13px 22px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 -5px
	}

	.request-form .form-control {
		font-size: 1.0625rem;
		height: 48px;
		padding: 0 14px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		font-size: 1.0625rem;
		height: 48px;
		padding: 16px
	}

	#hero-1 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-1-txt p {
		padding-right: 0
	}

	.hero-1-img {
		margin: 0 -30px 0 -20px
	}

	#hero-2 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-2-txt p {
		padding-right: 0
	}

	.hero-2-img {
		padding-right: 5px
	}

	#hero-3 {
		padding-top: 80px
	}

	.hero-3-txt {
		margin-top: -50px
	}

	.hero-3-txt p.p-lg {
		padding-right: 0
	}

	.hero-3-img {
		margin: 0 -90% 0 10px
	}

	#hero-4 {
		padding-top: 80px
	}

	#hero-4:after {
		height: 11%
	}

	.hero-4-txt p {
		padding: 0
	}

	.hero-4-img {
		margin-top: 40px
	}

	#hero-5 {
		padding-bottom: 50px;
		padding-top: 80px
	}

	.hero-5-txt h2 {
		margin-bottom: 20px
	}

	.hero-5-txt p.p-lg {
		margin-bottom: 25px;
		padding-right: 0
	}

	#hero-6 {
		padding-top: 70px
	}

	.hero-6-wrapper {
		margin: 0 -10px;
		padding: 50px 40px
	}

	.hero-6-txt h2 {
		margin-bottom: 15px;
		padding-right: 5%
	}

	.hero-6-txt p.p-lg {
		margin-bottom: 18px
	}

	#hero-7 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.hero-7-txt p.p-lg {
		margin-bottom: 15px
	}

	#hero-7 .quick-form {
		margin-right: 2%
	}

	.hero-7-img {
		padding-left: 5px
	}

	#hero-8 {
		padding-bottom: 30px;
		padding-top: 80px
	}

	.hero-8-txt {
		margin-top: -30px
	}

	.hero-8-txt .hero-digits,
	.hero-8-txt p {
		padding-right: 0
	}

	#hero-8-form {
		border-radius: 10px;
		margin-left: 25px;
		padding: 26px 25px
	}

	#hero-10-form p,
	#hero-8-form h4 {
		margin-bottom: 15px
	}

	#hero-8-form p.p-sm {
		padding: 0 !important
	}

	#hero-9 {
		padding-top: 80px
	}

	.hero-9-txt h2 {
		padding: 0 3%
	}

	.hero-9-txt h2 img {
		margin: 0 3px;
		max-height: 66px;
		top: -5px
	}

	.hero-9-txt p {
		margin-top: 28px;
		padding: 0
	}

	#hero-9 .quick-form {
		margin-left: 6%;
		margin-right: 6%
	}

	.hero-9-img {
		margin: 45px 0 0
	}

	#hero-10 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-10-txt h4 {
		margin-bottom: 30px;
		padding-right: 5%
	}

	.hero-10-img {
		margin: 0 -98% 0 15px
	}

	.hero-11-txt {
		margin-top: -40px
	}

	.hero-11-txt p {
		padding-right: 0
	}

	.hero-11-img {
		margin: -100px -12% -50px 0
	}

	#hero-12 {
		padding-top: 80px
	}

	.hero-12-txt p {
		padding: 0
	}

	.hero-12-img {
		margin-bottom: -100px;
		margin-top: 40px
	}

	.hero-12-img .video-btn {
		top: calc(50% - 35px)
	}

	#hero-13 {
		margin-top: 80px;
		padding-bottom: 70px;
		padding-top: 60px
	}

	.hero-13-txt h2 {
		margin-bottom: 15px
	}

	.hero-13-txt p {
		padding-right: 0
	}

	#hero-14 {
		padding-top: 80px
	}

	.hero-14-txt h2.s-62 {
		margin-bottom: 18px
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 25px
	}

	#hero-14 .quick-form {
		margin-left: 7%;
		margin-right: 7%
	}

	.hero-14-img {
		margin-top: 40px
	}

	.hero-14-txt .btn-txt {
		margin-top: 25px
	}

	#hero-15 {
		padding-top: 70px
	}

	.hero-15-txt {
		margin-top: -35px
	}

	.hero-15-txt h2 {
		padding-right: 0
	}

	#hero-16 {
		margin-bottom: 50px;
		padding-top: 80px
	}

	.hero-16-txt h2 {
		padding: 0 6%
	}

	.hero-16-img {
		margin-bottom: -50px;
		margin-top: 40px
	}

	#hero-17 {
		padding-top: 80px
	}

	.hero-17-txt {
		padding: 0 3%
	}

	#hero-17 .quick-form {
		margin-left: 10%;
		margin-right: 10%
	}

	#hero-17 #brands-1 {
		padding: 30px 3% 0
	}

	#hero-17 #brands-1 .brands-carousel-5 .brand-logo {
		padding: 0 9px
	}

	#hero-18 {
		padding-bottom: 60px;
		padding-top: 70px
	}

	#hero-18:after {
		left: 22%;
		width: 78%
	}

	.hero-18-txt p {
		padding-right: 0
	}

	.hero-18-img {
		padding-right: 5px
	}

	#hero-19 {
		padding-top: 80px
	}

	.hero-19-txt h2 {
		padding: 0 5%
	}

	.hero-19-txt p {
		padding: 0 8%
	}

	#hero-20 {
		padding-bottom: 80px;
		padding-top: 90px
	}

	#hero-20:after {
		width: 54%
	}

	.hero-20-txt {
		padding: 0 10% 0 0
	}

	.hero-20-txt .hero-logo {
		display: none
	}

	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 18px
	}

	#hero-21 {
		padding-top: 80px
	}

	.hero-21-txt {
		margin-bottom: 40px
	}

	.hero-21-txt h2 {
		margin-bottom: 20px;
		padding: 0 3%
	}

	#hero-21 .hero-overlay {
		padding: 65px 45px 0
	}

	.hero-21-img {
		margin-bottom: -24%
	}

	.hero-21-img .video-btn {
		top: calc(50% - 50px)
	}

	#hero-22 {
		padding-top: 80px
	}

	#hero-22-form {
		padding: 35px 25px 25px
	}

	#hero-22 .hero-logo {
		margin-bottom: 20px
	}

	#hero-22-form h4 {
		font-size: 1.65rem;
		margin-bottom: 15px
	}

	#hero-22-form p {
		font-size: 1.1rem;
		margin-bottom: 15px
	}

	#hero-23 {
		margin-bottom: 25px;
		padding-top: 80px
	}

	.hero-23-txt p {
		padding: 0
	}

	.hero-23-img {
		margin-bottom: -25px;
		margin-top: 20px
	}

	#hero-24 {
		padding-bottom: 100px;
		padding-top: 100px
	}

	#hero-25 {
		padding-bottom: 80px;
		padding-top: 70px
	}

	.hero-25-txt h2 {
		margin-bottom: 14px
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 22px;
		padding-right: 0
	}

	#hero-26 {
		padding-top: 80px
	}

	.hero-26-txt h2 {
		padding-right: 2%
	}

	#hero-26 .quick-form {
		margin-right: 3%
	}

	.hero-26-img {
		margin: 0 -94% 0 -20px
	}

	#hero-27 .hero-overlay {
		padding-top: 80px
	}

	.hero-27-txt h2 {
		margin-bottom: 24px !important
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		padding: 0
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 0
	}

	.about-2-title {
		margin-bottom: 30px;
		padding-right: 5%
	}

	.a2-txt {
		padding: 12px 15px 20px
	}

	.a-2-1 {
		margin-bottom: 20px;
		margin-left: -10%
	}

	.a-2-2 {
		margin-left: -20%
	}

	.a-2-3 {
		margin-bottom: 20px;
		margin-right: -8%
	}

	.a-2-4 {
		margin-right: -20%
	}

	.a2-txt-quote {
		margin-bottom: -35px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4rem
	}

	.a2-txt-author {
		font-size: 1.1rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .95rem;
		margin-top: 1px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 20px
	}

	#about-3 .txt-block h5 {
		margin-bottom: 14px
	}

	#about-4 .txt-block p {
		margin-top: 15px
	}

	#a4-1 {
		margin-top: -30px;
		padding-right: 10px
	}

	#a4-2 {
		margin-bottom: -30px;
		padding-left: 10px
	}

	.fbox-14-wrapper {
		padding: 60px 50px
	}

	.fbox-14-wrapper .col {
		padding: 0 14px
	}

	#features-12.py-100.shape--bg:after {
		height: 68%;
		left: 48%;
		top: 16%;
		width: 52%
	}

	#features-12.pt-100.shape--bg:after {
		height: 75%;
		left: 48%;
		top: 19%;
		width: 52%
	}

	#features-13.py-100.shape--bg:after {
		height: 68%;
		top: 16%;
		width: 52%
	}

	#features-13.pt-100.shape--bg:after {
		height: 75%;
		top: 19%;
		width: 52%
	}

	.fbox-12-wrapper {
		padding-left: 0
	}

	.fbox-13-wrapper {
		padding-right: 0
	}

	#features-4 .row-cols-md-3 .col {
		padding: 0 8px
	}

	.row-cols-md-2 .fb-1,
	.row-cols-md-2 .fb-2,
	.rows-2 .fb-1,
	.rows-2 .fb-2,
	.rows-2 .fb-3 {
		margin-bottom: 35px
	}

	.fbox-14.fb-1,
	.fbox-14.fb-2 {
		margin-bottom: 30px
	}

	.row-cols-md-3 .fbox-4 {
		padding: 30px 15px
	}

	.row-cols-md-2 .fbox-4 {
		padding: 30px 45px
	}

	.fbox-5 {
		padding: 35px 25px
	}

	.row-cols-md-2 .fbox-4.fb-1,
	.row-cols-md-2 .fbox-4.fb-2,
	.row-cols-md-2 .fbox-7.fb-1,
	.row-cols-md-2 .fbox-7.fb-2,
	.row-cols-md-2 .fbox-9.fb-1,
	.row-cols-md-2 .fbox-9.fb-2,
	.rows-2 .fbox-7.fb-1,
	.rows-2 .fbox-7.fb-2,
	.rows-2 .fbox-7.fb-3,
	.rows-2 .fbox-9.fb-1,
	.rows-2 .fbox-9.fb-2,
	.rows-2 .fbox-9.fb-3 {
		margin-bottom: 22px
	}

	.fbox-7 {
		padding: 30px 15px 27px
	}

	.fbox-8,
	.fbox-8.bg--white-100 {
		padding: 30px 15px
	}

	.fbox-9 {
		padding: 25px 15px 22px
	}

	.fbox-12,
	.fbox-13 {
		padding: 22px 18px
	}

	.fbox-12.mb-30,
	.fbox-13.mb-30 {
		margin-bottom: 20px
	}

	.fbox-14 {
		padding: 40px 30px 35px;
		text-align: center
	}

	.fbox-img.h-155 img,
	.fbox-img.h-160 img,
	.fbox-img.h-165 img,
	.fbox-img.h-170 img,
	.fbox-img.h-175 img,
	.fbox-img.h-180 img {
		max-height: 128px
	}

	.fbox-2 .fbox-img.h-135 img,
	.fbox-3-wrapper .fbox-img.h-135 img,
	.fbox-img.h-140 img,
	.fbox-img.h-145 img,
	.fbox-img.h-150 img {
		max-height: 132px
	}

	.fbox-2 .fbox-img.h-160 img,
	.fbox-2 .fbox-img.h-165 img,
	.fbox-2 .fbox-img.h-170 img,
	.fbox-2 .fbox-img.h-175 img,
	.fbox-2 .fbox-img.h-180 img,
	.fbox-3 .fbox-img.h-160 img,
	.fbox-3 .fbox-img.h-170 img,
	.fbox-3 .fbox-img.h-175 img,
	.fbox-3 .fbox-img.h-180 img {
		max-height: 120px
	}

	.fbox-4 .fbox-img.h-160 img,
	.fbox-4 .fbox-img.h-165 img,
	.fbox-4 .fbox-img.h-170 img,
	.fbox-4 .fbox-img.h-175 img {
		max-height: 110px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 25px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155 {
		margin: 0 40px 45px;
		padding-top: 25px
	}

	.fbox-2 .fbox-img.h-160 {
		margin: 0 0 45px;
		padding-top: 25px
	}

	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170,
	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 0 45px;
		padding-top: 30px
	}

	.fbox-3 .fbox-img.h-160,
	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 0 25px;
		padding-top: 25px
	}

	.fbox-3 .fbox-img.h-135 {
		margin: 0 40px 25px;
		padding-top: 30px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 30px 6% 0
	}

	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img {
		margin: 0 6% 25px
	}

	.fbox-ico,
	.fbox-ico.ico-rounded-lg,
	.fbox-ico.ico-rounded-md,
	.fbox-ico.ico-square,
	.row-cols-md-2 .fbox-ico.ico-rounded {
		margin-bottom: 18px
	}

	.fbox-wrapper .row-cols-md-2 .ico-50 [class*=flaticon-]:after,
	.fbox-wrapper .row-cols-md-2 .ico-50 [class*=flaticon-]:before {
		font-size: 3.75rem
	}

	.fbox-wrapper .row-cols-md-2 .ico-rounded {
		height: 80px;
		width: 80px
	}

	.fbox-wrapper .row-cols-md-2 .ico-rounded [class*=flaticon-]:after,
	.fbox-wrapper .row-cols-md-2 .ico-rounded [class*=flaticon-]:before {
		font-size: 2.875rem;
		line-height: 80px !important
	}

	.fbox-wrapper .row-cols-md-2 .ico-square {
		height: 80px;
		width: 80px
	}

	.fbox-wrapper .row-cols-md-2 .ico-square [class*=flaticon-]:after,
	.fbox-wrapper .row-cols-md-2 .ico-square [class*=flaticon-]:before {
		font-size: 2.875rem;
		line-height: 80px !important
	}

	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:after,
	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:before {
		font-size: 2.75rem
	}

	.fbox-ico-wrap {
		margin-right: 18px
	}

	.rows-2 .fbox-ico-wrap {
		margin-right: 0
	}

	.rows-2 .fbox-11 {
		display: block;
		text-align: center
	}

	.rows-2 .fbox-11 .fbox-ico {
		margin-top: 0
	}

	.fbox-10 .fbox-title span {
		float: none;
		line-height: 1 !important;
		margin-right: 0
	}

	.fbox-10 .fbox-title h6 {
		line-height: 1 !important;
		margin-bottom: 15px;
		margin-top: 10px
	}

	.features-section h6.s-18 {
		font-size: 1.397058rem;
		margin-bottom: 12px
	}

	.fbox-txt h5,
	.fbox-wrapper .row-cols-md-2 h6,
	.features-section h6.s-20,
	.features-section h6.s-22,
	.rows-2 .fbox-11 h6 {
		margin-bottom: 12px
	}

	.fbox-12 h5,
	.fbox-13 h5 {
		font-size: 1.3rem;
		margin-bottom: 10px
	}

	.fbox-14 h5 {
		margin-bottom: 12px;
		padding-right: 0
	}

	.row-cols-md-2 .fbox-7 p {
		padding: 0 15%
	}

	.fbox-14 p {
		padding: 0 20%
	}

	.ct-10 .section-overlay {
		margin-bottom: 80px
	}

	.cbox-6-wrapper {
		padding: 40px 35px
	}

	.ct-11 .txt-block {
		padding-right: 25px
	}

	.ct-12 .txt-block {
		padding-left: 25px
	}

	.ct-13 .row.mb-60 {
		margin-bottom: 30px
	}

	.bc-1-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay {
		padding: 60px 40px
	}

	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay,
	.bc-5-wrapper .section-overlay {
		padding: 60px 40px 0
	}

	.bc-6-wrapper .section-overlay {
		padding: 60px 30px
	}

	.bc-6 {
		padding: 24px 16px
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 15px
	}

	.bc-6 h4,
	.txt-block h5,
	h5.h5-title {
		margin-bottom: 18px
	}

	h5.h5-title {
		margin-top: 18px
	}

	.txt-block p.s-20,
	.txt-block p.s-21 {
		font-size: 1.14705rem
	}

	.ct-08 .section-title h2,
	.ct-09 .section-title h2,
	.ct-10 .section-title h2 {
		padding: 0 5%
	}

	.bc-5-wrapper .section-title {
		margin-bottom: 35px
	}

	.txt-box {
		margin-bottom: 5px
	}

	.txt-block .txt-box h5 {
		margin-bottom: 13.5px
	}

	.bc-6-txt h5 {
		margin-bottom: 12px
	}

	ul.simple-list li:not(:last-child) p {
		margin-bottom: 8px
	}

	.txt-block .btn {
		margin-top: 15px
	}

	.txt-block .btns-group .btn.btn--transparent {
		margin-top: 10px
	}

	.txt-block .stores-badge.mt-15,
	.ws-wrapper .stores-badge.mt-15 {
		margin-top: 5px
	}

	.bc-6-link.mt-15 {
		margin-top: 10px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 14px
	}

	.img-block-txt .box-title h5,
	.img-block-txt .box-title h6 {
		line-height: 1;
		margin-bottom: 15px
	}

	.img-block-txt .box-title span {
		display: block;
		margin-right: 0;
		top: 0
	}

	.ct-07 .txt-block {
		margin-top: 30px
	}

	.bc-1-wrapper .txt-block.pr-25.left-column,
	.bc-2-wrapper .txt-block.pr-25.left-column {
		padding-right: 0
	}

	.bc-1-wrapper .txt-block.pl-25.right-column,
	.bc-2-wrapper .txt-block.pl-25.right-column {
		padding-left: 0
	}

	.bc-6-txt {
		padding: 0
	}

	.cbox-5-content {
		margin: 0 5%;
		padding: 30px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 3rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.5rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		margin-top: 18px;
		padding: 12px 16px
	}

	#cb-6-1,
	#cb-6-2 {
		margin-bottom: 30px
	}

	.cbox-2 .ico-wrap {
		margin-right: 1.15rem
	}

	.cbox-2-ico {
		font-size: 1.125rem;
		height: 2.15rem;
		line-height: 1.85rem;
		width: 2.15rem
	}

	.ct-03 .cbox-2-ico {
		font-size: 1.0625rem;
		height: 2rem;
		line-height: 1.8rem;
		width: 2rem
	}

	.cbox-2-line {
		height: calc(100% - 74px)
	}

	.cbox-3 .cbox-3-ico {
		top: 5px
	}

	.cbox-3-ico span[class*=flaticon-]:after,
	.cbox-3-ico span[class*=flaticon-]:before {
		font-size: 3rem
	}

	.cbox-2-txt,
	.cbox-3-txt,
	.ct-03 .cbox-2-txt {
		margin-bottom: 20px
	}

	.cbox-4-txt {
		margin-bottom: 16px
	}

	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 10px
	}

	.cbox-6 h6 {
		margin-bottom: 12px
	}

	.cbox-1-txt p {
		margin-bottom: 5px
	}

	.txt-block .accordion-1 .accordion-item {
		padding: 18px 30px
	}

	.txt-block .accordion-2 .accordion-item {
		padding: 10px 0 20px
	}

	.txt-block .accordion-1 .accordion-item.is-active {
		padding: 30px 30px 14px
	}

	.txt-block .accordion-2 .accordion-item.is-active {
		padding: 15px 0 20px
	}

	.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
		font-size: .85rem;
		top: .5px
	}

	.txt-block .accordion-1 .accordion-panel {
		padding: 0
	}

	.accordion-2 .accordion-thumb span[class*=flaticon-]:after,
	.accordion-2 .accordion-thumb span[class*=flaticon-]:before {
		font-size: 2.1875rem;
		line-height: 1.5rem;
		top: 9px
	}

	.txt-block .accordion-1 .accordion-thumb h5 {
		padding-left: 20px
	}

	.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
		margin-bottom: 15px
	}

	.tabs-1 {
		margin: 0 auto 50px
	}

	.tabs-1 li {
		font-size: 1.125rem
	}

	.text-center .advantages {
		margin-top: 15px
	}

	.compatibility {
		margin-top: 5px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 10px
	}

	.payment-icons img {
		max-height: 26px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2rem;
		line-height: 2rem !important;
		margin-right: 4px
	}

	.quote-avatar img {
		height: 54px;
		width: 54px
	}

	.quote p {
		font-size: 1.05rem;
		margin-top: 15px;
		padding-left: 14px
	}

	.quote-author {
		padding: 0 0 0 10px
	}

	.quote.pr-15,
	.quote.pr-40,
	.quote.pr-50,
	.quote.pr-60 {
		padding-right: 0
	}

	.cbox-5-shape-1 {
		right: -55px;
		top: -20px
	}

	.cbox-5-shape-2 {
		bottom: -25px;
		left: -20px
	}

	.cbox-5-shape-1 img,
	.cbox-5-shape-2 img {
		height: 55%;
		width: 55%
	}

	.img-block.img-block-bkg img {
		padding: 35px 20px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.ct-10 .img-block,
	.img-block-hidden {
		margin-bottom: -80px
	}

	.ct-01 .img-block,
	.ct-03 .img-block.right-column {
		margin-left: 0
	}

	.ct-02 .img-block,
	.ct-03 .img-block.left-column {
		margin-right: 0
	}

	.ct-04 .img-block {
		margin-left: 15px
	}

	.ct-04 .img-block img {
		max-width: 220%
	}

	.ct-06 .img-block {
		margin-right: -20%
	}

	.ct-07 .img-block {
		margin-left: -20%
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 45px
	}

	.bc-1-wrapper .img-block.left-column,
	.bc-2-wrapper .img-block.left-column {
		padding-right: 0
	}

	.bc-1-wrapper .img-block.right-column,
	.bc-2-wrapper .img-block.right-column {
		padding-left: 0
	}

	.bc-2-img {
		margin: 0 -45% 0 15px
	}

	.bc-3-img {
		margin: 0 -90% -25px 15px
	}

	.bc-4-img {
		margin-left: 15px;
		margin-right: -100%
	}

	.bc-5-img.bc-5-tablet.img-block-hidden {
		margin-bottom: -150px
	}

	.bc-6-img {
		margin-bottom: 20px;
		padding: 30px 20px 0
	}

	.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
		top: calc(50% - 60px)
	}

	.ct-11 .img-block {
		padding-left: 15px
	}

	.ct-12 .img-block {
		padding-right: 15px
	}

	.ct-13 .img-block {
		margin-top: 30px
	}

	.sb-rounded .statistic-block {
		padding: 20px
	}

	#sb-2-1,
	#sb-2-2 {
		width: 50%
	}

	#statistic-5 .statistic-digit {
		margin: 0 40px 15px 0;
		padding-bottom: 15px
	}

	#statistic-1 .statistic-block {
		display: block !important;
		text-align: center
	}

	.statistic-1-wrapper .statistic-block-digit {
		display: block !important;
		float: none;
		margin-bottom: 15px;
		width: 100%
	}

	.statistic-1-wrapper .statistic-block-txt {
		display: inline-block !important;
		padding: 0 8%;
		width: 100%
	}

	#sb-2-3,
	#sb-2-4 {
		padding-right: 0;
		width: 50%
	}

	#sb-2-3 .statistic-block,
	#sb-2-4 .statistic-block {
		display: block !important
	}

	#sb-2-3 .statistic-block-txt,
	#sb-2-4 .statistic-block-txt {
		padding-left: 0
	}

	#statistic-2 .statistic-block-digit {
		display: block !important
	}

	h2.statistic-number {
		letter-spacing: -.5px
	}

	#statistic-1 h2.statistic-number,
	#statistic-5 .statistic-digit h2,
	.txt-block-stat h2.statistic-number {
		font-size: 2.5rem;
		letter-spacing: -.5px
	}

	#statistic-1 h2.statistic-number {
		line-height: 1
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number {
		margin-bottom: 10px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 10px
	}

	#statistic-5 .statistic-txt h5 {
		margin-bottom: 10px
	}

	.statistic-3-wrapper p {
		margin-top: 12px
	}

	.statistic-4-wrapper p {
		margin-bottom: 12px
	}

	#statistic-5 .statistic-txt p {
		padding-right: 0
	}

	.txt-block-stat .statistic-block .txt-block-rating {
		margin-bottom: -1px;
		margin-top: -2px
	}

	.projects-wrapper {
		padding: 0
	}

	#pt-1-1,
	#pt-1-2,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4 {
		margin-bottom: 35px
	}

	.project-details h5 {
		margin-bottom: 20px
	}

	.more-projects {
		margin-top: 35px
	}

	.single-project .project-title {
		margin-bottom: 40px
	}

	.project-title h2 {
		margin-bottom: 25px;
		padding-bottom: 30px;
		padding-right: 10%
	}

	.project-priview-img.mb-50 {
		margin-bottom: 40px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 20px;
		margin-top: 40px
	}

	.project-description .more-projects {
		margin-top: 45px
	}

	.project-description .more-projects span {
		left: 4px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.175rem
	}

	.rating-section .rating-1-wrapper {
		padding: 0 10%
	}

	.rating-section .rating-2-wrapper {
		padding: 0
	}

	.inner-page-hero .rating-1-wrapper.mt-50 {
		margin-top: 40px
	}

	.rbox-1 .star-rating {
		font-size: 1rem
	}

	.rbox-2-txt {
		margin-top: 14px
	}

	p.rbox-2-txt {
		line-height: 1;
		margin-top: 10px
	}

	.rbox-1-img {
		margin-bottom: 12px
	}

	.rbox-1-img img {
		max-height: 28px
	}

	.rbox-2-txt img {
		display: block;
		margin: 8px auto 0;
		max-height: 28px
	}

	.rbox-2 .ico-25 [class*=flaticon-]:after,
	.rbox-2 .ico-25 [class*=flaticon-]:before {
		font-size: 1.3rem
	}

	.reviews-2-wrapper,
	.reviews-3-wrapper {
		padding: 0
	}

	.reviews-4-wrapper,
	.reviews-5-wrapper {
		padding-left: 15px
	}

	#reviews-4 .txt-block.left-column p,
	#reviews-5 .txt-block.left-column p {
		margin-right: -10px
	}

	.review-1,
	.review-2,
	.review-3 {
		padding: 35px 25px 25px
	}

	.review-4,
	.review-5 {
		padding: 35px 30px 25px
	}

	#rw-2-1,
	#rw-2-2 {
		margin-bottom: 12px
	}

	#rw-3-2 {
		margin-bottom: 30px
	}

	#rw-3-2,
	#rw-3-3 {
		margin-left: 8px
	}

	#rw-4-1,
	#rw-5-1 {
		margin-bottom: 25px
	}

	.review-txt {
		margin-top: -38px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-1 .author-data,
	.review-2 .author-data,
	.review-3 .author-data,
	.review-4 .author-data,
	.review-5 .author-data {
		margin-top: 0
	}

	.owl-item .review-avatar img,
	.review-avatar img {
		height: 40px;
		width: 40px
	}

	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img {
		height: 46px;
		width: 46px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-1 .review-author,
	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 3px
	}

	.review-author h6 {
		margin-bottom: 5px
	}

	.review-1 .review-author h6 {
		font-size: 1rem
	}

	#press-05,
	#press-06 {
		margin-bottom: 30px
	}

	.press-logo img {
		max-height: 74px
	}

	.press-txt {
		margin-top: 10px
	}

	.brands-title.mb-35,
	.brands-title.mb-40 {
		margin-bottom: 25px
	}

	.brands-title.mb-50 {
		margin-bottom: 35px
	}

	.brands-title h2,
	.brands-title h3,
	.brands-title h4 {
		margin-bottom: 5px
	}

	.brands-3-wrapper {
		padding: 35px 25px
	}

	.brands-3-wrapper.brands-3-static {
		margin-left: 3%;
		margin-right: 3%
	}

	#brands-1 .brands-carousel-5 .brand-logo {
		padding: 0 12px
	}

	#brands-1 .brands-carousel-6 .brand-logo,
	#brands-1 .justify-content-center .brand-logo,
	#brands-3 .brand-logo {
		padding: 0 10px
	}

	#brands-3 .brands-3-static .brand-logo,
	#brands-4 .brand-logo {
		padding: 0 8px
	}

	.brands-section .brand-logo.mb-50 {
		margin-bottom: 40px
	}

	.brands-section .more-btn {
		margin-top: 30px
	}

	.integrations-2-wrapper {
		padding: 60px 40px
	}

	.in_tool_logo {
		margin-bottom: 25px;
		padding: 30px
	}

	.in_tool_logo.ico-65 img {
		height: 48px;
		width: 48px
	}

	.in_tool h6 {
		line-height: 1.3
	}

	#integrations-1 .in_tool-logo.ico-60 img {
		height: 52px;
		width: 52px
	}

	.integrations-1-wrapper .in_tool {
		padding: 16px
	}

	.integrations-1-wrapper .in_tool.mb-30,
	.integrations-1-wrapper .it-8 {
		margin-bottom: 20px
	}

	.integrations-1-wrapper .in_tool-txt h6 {
		margin-top: 2px
	}

	.integrations-1-wrapper .in_tool-txt p {
		font-size: 1.0625rem;
		margin-top: 0
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 30px
	}

	#pricing-1 .container,
	#pricing-2 .container,
	#pricing-3 .container,
	.pricing-1-wrapper .col,
	.pricing-2-wrapper .col,
	.pricing-3-wrapper .col {
		padding: 0 5px
	}

	.pricing-1-table {
		padding: 30px 25px 25px
	}

	.text-center .pricing-1-table {
		padding: 35px 25px 25px
	}

	.pricing-2-table {
		padding: 30px 25px
	}

	.pricing-3-table {
		padding: 25px 20px 30px
	}

	.pricing-4-table {
		padding: 30px 35px
	}

	#pt-4-1 {
		margin: 0 10px 40px 35px
	}

	#pt-4-2 {
		margin: 0 35px 40px 10px
	}

	.pricing-table-header h5 {
		margin-bottom: 20px
	}

	.pricing-table-header h4 {
		margin-bottom: 15px
	}

	.pricing-3-table .pricing-table-header h4 {
		margin-bottom: 10px
	}

	.pricing-1-table hr {
		margin-top: 30px
	}

	.pricing-2-table hr,
	.pricing-3-table hr {
		margin-top: 20px
	}

	.pricing-discount {
		padding: 6px 11px;
		right: -2px;
		top: 0
	}

	.pricing-1-table .pricing-discount {
		padding: 5px 9px;
		right: -3px;
		top: -12px
	}

	.text-center .pricing-1-table .pricing-discount {
		right: -5px;
		top: -30px
	}

	.pricing-discount h6 {
		font-size: 1rem
	}

	.pricing-1-table .pricing-discount h6 {
		font-size: .8rem
	}

	.pricing-3-table .price.mt-25 {
		margin-top: 20px
	}

	.price span {
		font-size: 2.45rem;
		letter-spacing: -1.5px
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.05rem
	}

	.pricing-3-table .price span {
		font-size: 4.15rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 2.85rem
	}

	.price sup {
		font-size: 2.125rem;
		top: -2px
	}

	.pricing-3-table .price sup {
		font-size: 2.25rem;
		top: -20px
	}

	.pricing-4-table .price sup {
		font-size: 2rem;
		top: -7px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2rem;
		letter-spacing: -1px;
		top: -25px
	}

	.price sup.validity {
		font-size: 1.2rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.125rem;
		margin-bottom: 25px;
		margin-top: 15px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.3rem;
		left: 4px;
		top: -2px
	}

	.pt-btn {
		font-size: .95rem;
		margin-top: 25px;
		padding: .785rem .5rem
	}

	.pricing-1-table .pt-btn,
	.pricing-2-table .pt-btn {
		margin-top: 15px
	}

	.pricing-4-table .pt-btn {
		margin-top: 20px
	}

	.pricing-3-table .pt-btn {
		margin-top: 0
	}

	.p-table p.btn-txt {
		font-size: .875rem
	}

	.price p {
		font-size: .9075rem;
		margin-bottom: 14px;
		margin-top: 14px
	}

	.pricing-4-table .price p {
		margin-bottom: 10px
	}

	.text-center .price p,
	.text-center .pricing-2-table .price p {
		padding: 0
	}

	.pricing-table-header p.p-md {
		font-size: .9rem
	}

	.pricing-features.mt-25 {
		margin-top: 15px
	}

	.pricing-4-table .pricing-features li,
	.pricing-features li,
	.text-center .pricing-features li {
		padding: 6px 0
	}

	.pricing-features span {
		display: none
	}

	.pricing-features p.p-md {
		font-size: .935rem;
		line-height: 1.5
	}

	.pricing-notice {
		margin-top: 0
	}

	.col-lg-9 .pricing-notice p {
		padding: 0 15%
	}

	.col-lg-10 .pricing-notice p {
		padding: 0 8%
	}

	.pricing-notice .btn.mt-25,
	.pricing-section .toggle-btn.mt-30 {
		margin-top: 20px
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 35px 20px 10px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1rem;
		line-height: 32px
	}

	.switch-wrap {
		height: 30px;
		min-width: 50px
	}

	.toggle-btn-lg .switch-wrap,
	.toggle-btn-md .switch-wrap {
		height: 32px;
		margin: 0 6px;
		min-width: 55px
	}

	.switcher {
		font-size: .85rem;
		height: 30px
	}

	.toggle-btn-lg .switcher,
	.toggle-btn-md .switcher {
		border-radius: 32px;
		height: 32px;
		padding: 0 10px 0 30px
	}

	.switcher .show-annual,
	.switcher .show-monthly {
		line-height: 30px
	}

	.toggle-btn-lg .switcher .show-annual,
	.toggle-btn-lg .switcher .show-monthly,
	.toggle-btn-md .switcher .show-annual,
	.toggle-btn-md .switcher .show-monthly {
		line-height: 32px
	}

	.switcher:before {
		bottom: 4px;
		height: 22px;
		left: 4px;
		width: 22px
	}

	.toggle-btn-lg .switcher:before,
	.toggle-btn-md .switcher:before {
		bottom: 5px;
		height: 22px;
		left: 5px;
		width: 22px
	}

	.switcher.bg--ghost-white:before,
	.switcher.bg--grey:before,
	.switcher.bg--tra-white:before {
		bottom: 3px;
		left: 4px
	}

	.toggle-btn-lg .switch-wrap input:checked+.switcher,
	.toggle-btn-md .switch-wrap input:checked+.switcher {
		padding: 0 30px 0 10px
	}

	.table-responsive.mb-50 {
		margin-bottom: 30px
	}

	.table>:not(caption)>*>* {
		padding-bottom: 10px;
		padding-top: 10px
	}

	.comp-table .table-responsive thead th {
		font-size: 1rem
	}

	.comp-table .table-responsive tbody th {
		font-size: .9375rem
	}

	.comp-table .table-responsive tbody td {
		font-size: .9215rem;
		top: 1px
	}

	.comp-table .table-responsive tbody td span {
		top: 1px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .715rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: .925rem
	}

	.comp-table-payment .col {
		padding: 0 10px
	}

	.comp-table-payment h6 {
		font-size: 1.15rem;
		margin-bottom: 14px
	}

	.payment-icons li {
		padding-right: 2px
	}

	.comp-table-payment .payment-icons {
		margin-top: 18px
	}

	.comp-table-payment .payment-icons img {
		max-height: 22px;
		max-width: inherit;
		width: auto
	}

	#tm-2-1,
	#tm-2-10,
	#tm-2-4,
	#tm-2-7 {
		margin-right: 0
	}

	#tm-2-11,
	#tm-2-2,
	#tm-2-5,
	#tm-2-8 {
		margin-left: 0;
		margin-right: 0
	}

	#tm-2-12,
	#tm-2-3,
	#tm-2-6,
	#tm-2-9 {
		margin-left: 0
	}

	.team-member-photo {
		margin-bottom: 20px
	}

	#team-2 .team-member-data {
		margin-left: 5px
	}

	.team-member-data h6.s-20 {
		margin-bottom: 6px
	}

	.team-member-data p,
	.team-member-data p.p-lg,
	.team-member-data p.p-md {
		font-size: 1.135rem
	}

	ul.tm-social {
		right: 5px;
		top: 4px
	}

	ul.tm-social li {
		margin-left: 8px
	}

	.team-section .more-btn.mt-20 {
		margin-top: 10px
	}

	.role-box {
		margin-bottom: 20px;
		padding: 20px
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		font-size: .85rem;
		margin-bottom: 12px
	}

	#careers-1 .role-box h6,
	.role-box-txt h6 {
		margin-bottom: 5px
	}

	.role-box-txt p {
		margin-bottom: 10px
	}

	#role-page .inner-page-title {
		margin-bottom: 25px
	}

	#role-page .inner-page-title span {
		margin-bottom: 20px
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 25px 0
	}

	.role-info h5 {
		margin-bottom: 15px
	}

	.txt-block.role-info .btn {
		margin-top: 30px
	}

	#banner-11 {
		margin-top: 20px
	}

	#banner-12 {
		margin-bottom: 5px;
		margin-top: 30px
	}

	#banner-8 {
		text-align: center
	}

	#banner-9 {
		padding-bottom: 55px;
		padding-top: 55px
	}

	.banner-1-wrapper .banner-overlay {
		padding: 45px 12% 55px
	}

	.banner-2-wrapper .banner-overlay {
		padding: 45px 15% 55px
	}

	.banner-3-wrapper .banner-overlay {
		padding: 45px 20% 55px
	}

	#banner-5 .banner-overlay.pt-80.pb-90,
	#banner-6 .banner-overlay,
	#banner-7 .banner-overlay.pt-80.pb-90 {
		padding-bottom: 55px;
		padding-top: 45px
	}

	#banner-8 .banner-overlay {
		padding-bottom: 50px;
		padding-top: 40px
	}

	.banner-11-wrapper .banner-overlay {
		padding: 0 40px 0 45px
	}

	.banner-12-wrapper .banner-overlay,
	.banner-13-wrapper .banner-overlay {
		padding-left: 45px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 40px 16% 35px
	}

	.banner-9-txt {
		padding-right: 25%
	}

	.banner-12-txt {
		margin-top: 0;
		padding-right: 0
	}

	.banner-13-txt {
		padding-right: 8%
	}

	.banner-section .section-id {
		margin-bottom: 18px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 22px
	}

	.banner-1-txt h2 {
		margin-bottom: 16px
	}

	.banner-2-txt h2 {
		padding: 0 3%
	}

	.banner-2-txt h2,
	.banner-4-txt h2 {
		margin-bottom: 25px
	}

	.col-md-8 .banner-5-txt h2 {
		padding: 0 5%
	}

	.banner-7-txt h2 {
		margin-bottom: 25px
	}

	.banner-10-txt h2 {
		margin-bottom: 22px
	}

	.banner-11-txt h2 {
		margin-bottom: 14px
	}

	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 14px;
		padding-right: 10%
	}

	.banner-15-txt h2 {
		margin-bottom: 30px
	}

	.banner-16-txt h4 {
		margin-bottom: 10px
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		margin-bottom: 20px
	}

	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 18px !important;
		margin-top: 10px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl {
		margin-bottom: 15px;
		margin-top: 10px
	}

	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 15px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 20px;
		margin-top: 15px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 12px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 15px
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-14-txt p.p-lg {
		font-size: 1.2rem;
		margin-bottom: 25px;
		margin-top: 25px
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 25px
	}

	.banner-8-buttons.text-end {
		margin-top: 20px;
		text-align: center !important
	}

	.banner-15-txt .download-links {
		margin-top: 15px
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 10px
	}

	.banner-9-img {
		padding-right: 10px
	}

	.banner-10-img {
		padding-left: 0
	}

	.banner-11-img {
		margin-left: -3px;
		margin-top: -20px
	}

	.banner-12-img {
		margin: -30px -20px -20px -40px
	}

	.banner-13-img {
		margin: -30px -100px -30px 0
	}

	.version-release {
		margin-bottom: 50px
	}

	.release-data {
		margin-bottom: 20px;
		padding-bottom: 20px
	}

	.release-data h5 {
		margin-bottom: 30px
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 50px
	}

	.faqs-3-questions .questions-holder {
		padding: 0
	}

	#faqs-1 .section-title {
		margin-bottom: 27px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 25px
	}

	#faqs-3 .section-title {
		margin-bottom: 45px
	}

	.faqs-section .accordion-thumb {
		padding: 18px 0 20px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 20px 0 25px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .825rem;
		right: 2px;
		top: 19px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .935rem;
		right: 2px;
		top: 23px
	}

	#faqs-2 .accordion-panel {
		padding: 25px 0 10px
	}

	#faqs-2 .accordion-panel-item.mb-35 {
		margin-bottom: 25px
	}

	#faqs-3 .question.mb-35 {
		margin-bottom: 20px
	}

	.accordion-panel-item h5,
	.question h5 {
		margin-bottom: 12px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	.faqs-section .tabs-1 {
		margin: 0 auto 35px
	}

	.faqs-section .tabs-1 li {
		margin: 0 4px;
		min-width: 162px;
		padding: 20px 0
	}

	#faqs-2 .more-questions {
		margin: 45px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 15px
	}

	.more-questions-txt {
		padding: 18px 42px
	}

	.more-questions-txt p {
		font-size: 1.125rem
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-2 .newsletter-overlay {
		padding: 40px 18% 30px;
		text-align: center
	}

	#newsletter-3 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	#newsletter-4 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 40px;
		padding-top: 50px
	}

	#newsletter-3 .newsletter-txt {
		margin-top: -10px;
		padding-right: 5%
	}

	#newsletter-3 .col-lg-6 .newsletter-txt {
		margin-top: 0
	}

	#newsletter-4 .newsletter-txt h2,
	.newsletter-txt h2 {
		margin-bottom: 20px
	}

	.newsletter-txt h3,
	.newsletter-txt h4 {
		margin-bottom: 22px;
		padding: 0 10%
	}

	#newsletter-4 .newsletter-txt p {
		padding: 0 5%
	}

	#newsletter-5 .newsletter-txt p {
		margin-top: 15px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form {
		margin-top: 0;
		padding: 0 10%
	}

	#newsletter-4 .newsletter-form {
		padding: 0 5%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 20px;
		padding: 0 5%
	}

	.newsletter-section .form-control {
		height: 46px;
		margin-right: 8px
	}

	#newsletter-1.newsletter-section .form-control,
	#newsletter-5.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 46px
	}

	.newsletter-section .btn {
		height: 46px
	}

	#newsletter-1 .btn {
		font-size: 1.0625rem;
		height: 46px;
		padding: .7rem 1.3rem
	}

	#newsletter-5.newsletter-section .btn {
		height: 46px
	}

	#newsletter-3 .newsletter-img {
		margin-bottom: -25px;
		margin-top: -25px
	}

	#newsletter-3 .col-lg-6 .newsletter-img {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 0
	}

	.blog-post.mb-40 {
		margin-bottom: 30px
	}

	.posts-wrapper .col-md-12 .blog-post.mb-40 {
		margin-top: 5px
	}

	#bp-1-3 {
		display: none
	}

	.blog-post-img.mb-35 {
		margin-bottom: 25px
	}

	.posts-wrapper .col-md-12 .blog-post-img.mb-35 {
		margin-bottom: 0
	}

	.post-tag {
		font-size: .85rem
	}

	.blog-post-txt h6,
	.post-tag {
		margin-bottom: 12px
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20 {
		margin-bottom: 14px
	}

	.blog-post-meta.mt-20,
	.blog-post-meta.mt-30 {
		margin-top: 14px
	}

	.meta-list-divider {
		padding: 0 1px
	}

	.wide-post {
		margin-bottom: 60px
	}

	.wide-post .blog-post-img {
		padding-right: 0
	}

	.wide-post .blog-post-txt {
		padding-left: 0
	}

	.square-post {
		margin-bottom: 40px;
		margin-top: 30px
	}

	.square-post .col-md-12 {
		padding: 0
	}

	.square-post .blog-post-txt {
		padding: 0 10px 0 30px
	}

	.posts-category {
		margin-bottom: 40px;
		margin-top: 30px
	}

	.posts-category span {
		top: 1px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1.125rem
	}

	.posts-wrapper .col-md-12 .blog-post-img {
		display: inline-block;
		float: left;
		width: 50%
	}

	.posts-wrapper .col-md-12 .blog-post-txt {
		display: inline-block;
		float: none;
		margin-top: 25px;
		padding-left: 25px;
		width: 50%
	}

	.single-post-title h2,
	.single-post-title h3 {
		margin-bottom: 20px;
		padding: 0 3%
	}

	.single-post-title .blog-post-meta.mt-35 {
		margin-top: 25px
	}

	.post-inner-img {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 15px
	}

	.txt-code {
		margin: 20px 0;
		padding: 18px 15px
	}

	.single-post-txt figure {
		margin-bottom: 20px
	}

	.single-post-txt .blockquote p {
		font-size: 1.25rem;
		margin-bottom: 25px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1rem
	}

	.post-share-list {
		margin-top: 30px;
		padding-bottom: 40px
	}

	.post-author {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.post-author-avatar {
		margin-right: 25px
	}

	.post-author-avatar img {
		height: 75px;
		width: 75px
	}

	.post-author-txt h5 {
		margin-bottom: 12px
	}

	.post-author-txt p {
		padding-right: 4%
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 45px
	}

	.post-comments {
		padding-top: 50px
	}

	.post-comments h5 {
		margin-bottom: 40px
	}

	.comment-body {
		margin-left: 20px
	}

	.post-comments img {
		height: 52px;
		width: 52px
	}

	.comment-meta,
	.comment-meta h6 {
		margin-bottom: 5px
	}

	.btn-reply a,
	.comment-date {
		font-size: 1.0625rem
	}

	.post-comments #leave-comment h5 {
		margin-top: 50px
	}

	.comment-form {
		margin-top: 40px
	}

	.comment-form p {
		margin-bottom: 12px
	}

	.comment-form .form-control {
		height: 52px
	}

	.comment-form textarea {
		min-height: 190px
	}

	.comment-form .btn {
		margin-top: 0
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		margin-bottom: 15px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 52px
	}

	.contact-form textarea {
		min-height: 160px
	}

	.contact-form textarea.form-control {
		padding: 15px
	}

	.contact-form .form-btn.mt-15 {
		margin-top: 0
	}

	.footer {
		padding-bottom: 25px
	}

	.footer hr {
		margin-bottom: 25px;
		margin-top: 5px
	}

	#footer-10.pt-50 {
		padding-top: 10px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 33px
	}

	#footer-1 .footer-logo,
	#footer-5 .footer-logo,
	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 20px
	}

	#footer-10 img.footer-logo {
		max-height: 36px
	}

	.footer h6 {
		font-size: 1.17647rem;
		margin-bottom: 16px
	}

	#footer-6 .footer-info {
		padding-left: 5%
	}

	#footer-7 .footer-info {
		margin-bottom: 0
	}

	#footer-8 .footer-info {
		margin-bottom: 25px
	}

	#footer-10 .footer-info {
		margin-bottom: 30px;
		padding-bottom: 40px
	}

	#footer-1 .footer-links.fl-1 {
		padding-left: 22%
	}

	#footer-1 .footer-links.fl-2 {
		padding-left: 12%
	}

	#footer-2 .footer-links.fl-1 {
		padding-left: 18%
	}

	#footer-2 .footer-links.fl-2 {
		padding-left: 10%
	}

	#footer-2 .footer-links.fl-3,
	#footer-2.ft-2-ntr .footer-links.fl-1,
	#footer-2.ft-2-ntr .footer-links.fl-2 {
		padding-left: 0
	}

	#footer-6 .footer-links.fl-2 {
		padding-left: 18%
	}

	#footer-8 .footer-links.text-end {
		margin-bottom: 10px;
		text-align: left !important
	}

	#footer-10 .footer-links {
		margin-bottom: 10px
	}

	.footer-mail-link {
		font-size: 1.073529rem
	}

	#footer-5 .footer-info p {
		margin-bottom: 5px
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 15px
	}

	#footer-2 .footer-links .footer-mail-link,
	#footer-3 .footer-links .footer-mail-link {
		margin-bottom: 10px
	}

	.footer .foo-links li p {
		margin-bottom: 8px
	}

	.foo-links li a span.ext-link {
		left: 3px;
		top: 1px
	}

	.foo-links.ico-15 [class*=flaticon-]:after,
	.foo-links.ico-15 [class*=flaticon-]:before {
		font-size: .775rem
	}

	.footer-socials.ico-20 a,
	.footer-socials.ico-25 a {
		margin-right: 11px
	}

	.footer-socials.ico-20 li:last-child a,
	.footer-socials.ico-25 li:last-child a {
		margin-right: 0
	}

	.footer-socials.ico-25 [class*=flaticon-]:after,
	.footer-socials.ico-25 [class*=flaticon-]:before {
		font-size: 1.175rem
	}

	#footer-2 .footer-form {
		padding-left: 3%
	}

	#footer-7 .footer-form {
		padding-left: 0
	}

	.footer-form .btn,
	.footer-form .form-control {
		height: 28px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		line-height: 24px !important
	}

	#footer-8 .bottom-footer {
		margin-top: 0
	}

	.inner-page-hero {
		margin-top: 80px;
		padding-top: 70px
	}

	.page-hero-section-overlay {
		margin-top: 80px;
		padding-top: 60px
	}

	.inner-page-title {
		margin-bottom: 45px
	}

	.inner-page-title h2 {
		margin-bottom: 0
	}

	.inner-page-title p {
		font-size: 1.15rem;
		margin-top: 14px
	}

	.page-hero-section h2 {
		line-height: 1.25;
		margin-bottom: 20px
	}

	.txt-block.legal-info h5 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.txt-block.legal-info h4 {
		margin-bottom: 20px;
		margin-top: 40px
	}

	.txt-block.legal-info h4 span,
	.txt-block.legal-info h5 span {
		margin-right: 2px
	}

	#reset-password {
		padding-bottom: 80px
	}

	.register-page-txt img {
		margin-bottom: 40px;
		max-height: 26px
	}

	.login-page-logo {
		margin-bottom: 40px
	}

	.login-page-logo img {
		max-height: 35px
	}

	.register-form-title {
		margin-bottom: 30px
	}

	#login .register-page-txt,
	#signup .register-page-txt {
		padding: 50px 30px 0
	}

	#signup .register-page-txt h2 {
		line-height: 1
	}

	.register-page-txt p.mt-25 {
		margin-top: 20px
	}

	.reset-password-link p {
		margin-top: 0
	}

	#signup .form-data span {
		font-size: .9rem
	}

	#login .register-page-copyright {
		bottom: 40px;
		left: 30px
	}

	#signup .register-page-copyright {
		bottom: 40px;
		right: 30px
	}

	.register-page-copyright p {
		font-size: .95rem
	}

	#login .register-page-form {
		padding: 45px 35px 45px 25px
	}

	#signup .register-page-form {
		padding: 45px 25px 45px 35px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 10px 30px
	}

	.separator-line {
		font-size: 1rem;
		margin: 20px 0
	}

	.register-page-form p.input-header {
		font-size: .95rem;
		margin-bottom: 10px;
		padding-left: 5px
	}

	.register-page-form p.create-account {
		margin-top: 20px
	}

	.reset-password-link p {
		font-size: 1rem;
		margin-bottom: 10px;
		margin-top: -3px
	}

	.form-data span {
		font-size: .875rem
	}

	.register-page-form p.create-account,
	.reset-page-wrapper .form-data span {
		font-size: 1rem
	}

	.reset-form-title {
		margin-bottom: 20px
	}

	.reset-form-title p.p-sm {
		font-size: 1rem;
		margin-top: 15px
	}

	.reset-page-wrapper {
		margin: 0 30px
	}

	.reset-page-wrapper form {
		padding: 35px 25px 10px
	}

	.register-page-form .form-control,
	.reset-page-wrapper .form-control {
		font-size: 1.0625rem;
		height: 50px;
		margin-bottom: 20px;
		padding: 5px 15px
	}

	#login .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 50px;
		margin-top: 12px
	}

	#signup .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 50px;
		margin-top: 20px
	}

	.reset-page-wrapper .btn.submit {
		font-size: 1.0625rem;
		height: 50px
	}

	.btn-google img {
		height: 18px;
		top: -2px;
		width: 18px
	}

	.register-page-form .btn-google {
		font-size: 1rem
	}

	.btn-show-pass {
		top: 17px
	}

	.page-404-txt {
		margin-top: 80px;
		padding-bottom: 80px;
		padding-top: 100px
	}

	.page-404-txt h2 {
		margin-bottom: 20px
	}

	.page-404-txt h6 {
		margin-bottom: 25px;
		padding: 0 5%
	}

	.page-404-img {
		margin-bottom: 30px;
		padding: 0 8%
	}

	#modal-1 .modal-dialog {
		max-width: 520px
	}

	#modal-2 .modal-dialog {
		width: 320px
	}

	#modal-3 .modal-dialog.modal-xl {
		max-width: 600px !important
	}

	#modal-2 .modal-body-content {
		padding: 30px 30px 10px
	}

	#modal-3 .modal-body-content {
		padding: 40px 25px 30px
	}

	.modal-body .newsletter-form {
		margin-top: 20px
	}

	.modal .newsletter-form .btn,
	.modal .newsletter-form .form-control {
		font-size: .975rem;
		height: 50px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 20px;
		margin-top: 15px
	}

	#modal-3 .request-form .form-control {
		margin: 0 0 20px
	}

	#modal-3 .request-form .btn {
		font-size: .975rem;
		height: 48px
	}
}

@media (max-width:767px) {
	.block-shadow {
		box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .08)
	}

	.ts-0 {
		padding-top: 80px
	}

	.py-10,
	.py-5 {
		padding-bottom: 0;
		padding-top: 0
	}

	.py-15 {
		padding-bottom: 5px;
		padding-top: 5px
	}

	.py-20 {
		padding-bottom: 10px;
		padding-top: 10px
	}

	.py-30 {
		padding-bottom: 15px;
		padding-top: 15px
	}

	.py-40 {
		padding-bottom: 20px;
		padding-top: 20px
	}

	.py-50 {
		padding-bottom: 30px;
		padding-top: 30px
	}

	.py-60 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.py-70,
	.py-80 {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.py-90 {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.py-100 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.pt-30 {
		padding-top: 10px
	}

	.pt-40 {
		padding-top: 20px
	}

	.pt-50 {
		padding-top: 30px
	}

	.pt-60 {
		padding-top: 40px
	}

	.pt-70,
	.pt-80 {
		padding-top: 50px
	}

	.pt-90 {
		padding-top: 60px
	}

	.pt-100 {
		padding-top: 70px
	}

	.pb-30 {
		padding-bottom: 10px
	}

	.pb-40 {
		padding-bottom: 20px
	}

	.pb-50 {
		padding-bottom: 30px
	}

	.pb-60 {
		padding-bottom: 40px
	}

	.pb-70,
	.pb-80 {
		padding-bottom: 50px
	}

	.pb-90 {
		padding-bottom: 60px
	}

	.pb-100 {
		padding-bottom: 70px
	}

	.mt-40 {
		margin-top: 30px
	}

	.mt-45 {
		margin-top: 35px
	}

	.mt-50 {
		margin-top: 30px
	}

	.mt-55 {
		margin-top: 35px
	}

	.mt-60 {
		margin-top: 50px
	}

	.mt-65 {
		margin-top: 55px
	}

	.mt-70 {
		margin-top: 50px
	}

	.mt-75 {
		margin-top: 55px
	}

	.mt-80 {
		margin-top: 50px
	}

	.mt-85 {
		margin-top: 55px
	}

	.mt-90 {
		margin-top: 60px
	}

	.mt-95 {
		margin-top: 65px
	}

	.mt-100 {
		margin-top: 70px
	}

	.mb-40 {
		margin-bottom: 30px
	}

	.mb-45 {
		margin-bottom: 35px
	}

	.mb-50 {
		margin-bottom: 30px
	}

	.mb-55 {
		margin-bottom: 35px
	}

	.mb-60 {
		margin-bottom: 50px
	}

	.mb-65 {
		margin-bottom: 55px
	}

	.mb-70 {
		margin-bottom: 50px
	}

	.mb-75 {
		margin-bottom: 55px
	}

	.mb-80 {
		margin-bottom: 50px
	}

	.mb-85 {
		margin-bottom: 55px
	}

	.mb-90 {
		margin-bottom: 60px
	}

	.mb-95 {
		margin-bottom: 65px
	}

	.mb-100 {
		margin-bottom: 70px
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: 1.35
	}

	p.p-sm {
		font-size: 1rem
	}

	p.btn-txt,
	p.btns-group-txt {
		margin: 12px 0 0
	}

	.text-center p.btns-group-txt {
		margin-top: 16px
	}

	.section-id {
		margin-bottom: 24px
	}

	.section-id.rounded-id {
		margin-bottom: 35px
	}

	.section-title.mb-60 {
		margin-bottom: 40px
	}

	.section-title.mb-70,
	.section-title.mb-80 {
		margin-bottom: 50px
	}

	.section-title .btns-group.mt-25 {
		margin-top: 18px
	}

	.section-title .btns-group.mt-35 {
		margin-top: 22px
	}

	.section-title .stores-badge.mt-30 {
		margin-top: 25px
	}

	.section-title .advantages,
	.section-title .btns-group-txt,
	.section-title .btns-txt {
		margin-top: 15px
	}

	.headtoppart {
		display: none
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 22px;
		padding-left: 22px
	}

	.blog-header .wsmobileheader .smllogo {
		margin-top: 27px
	}

	.smllogo img {
		max-height: 36px;
		max-width: inherit;
		width: auto
	}

	.blog-header .smllogo img {
		max-height: 30px
	}

	.wsmobileheader {
		box-shadow: 0 0 2px rgba(50, 50, 50, .4);
		height: 80px
	}

	.tra-menu .wsmobileheader,
	.white-menu .wsmobileheader {
		background-color: #fff
	}

	.black-scroll .wsmobileheader,
	.dark-menu .wsmobileheader {
		background-color: #1d222f
	}

	.theme--dark .tra-menu .wsmobileheader,
	.theme--dark .white-menu .wsmobileheader {
		background-color: #1d222f !important;
		box-shadow: 0 2px 3px rgba(1, 1, 1, .1)
	}

	.wsmenu>.wsmenu-list>li.header-phone>a {
		font-size: 19px;
		margin: 0;
		padding: 7px 32px 6px 15px
	}

	.wsmenu>.wsmenu-list>li.header-phone>a span {
		height: 24px;
		line-height: 25px;
		top: 3px;
		width: 24px
	}

	.wsanimated-arrow {
		margin: 24px 28px 0 0;
		padding: 14px 22px 14px 0
	}

	.wsanimated-arrow span:before {
		top: -8px;
		width: 26px
	}

	.wsanimated-arrow span:after {
		bottom: -8px;
		width: 20px
	}

	.black-scroll .wsanimated-arrow span,
	.black-scroll .wsanimated-arrow span:after,
	.black-scroll .wsanimated-arrow span:before,
	.dark-menu .wsanimated-arrow span,
	.dark-menu .wsanimated-arrow span:after,
	.dark-menu .wsanimated-arrow span:before {
		background: #fff
	}

	.theme--dark .wsanimated-arrow span,
	.theme--dark .wsanimated-arrow span:after,
	.theme--dark .wsanimated-arrow span:before {
		background: #b1b7cd
	}

	.wsactive .wsanimated-arrow span:after,
	.wsactive .wsanimated-arrow span:before,
	.wsactive .wsanimated-arrow.active span:after {
		top: 0;
		width: 28px
	}

	.wsactive .wsanimated-arrow span {
		background: transparent
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click {
		height: 64px
	}

	.wsmenu>.wsmenu-list>li.mobile-last-link>a {
		border-bottom: none
	}

	.black-scroll .wsmenu>.wsmenu-list,
	.dark-menu .wsmenu>.wsmenu-list {
		background-color: #2c3142 !important
	}

	.black-scroll .wsmenu>.wsmenu-list>li>a,
	.dark-menu .wsmenu>.wsmenu-list>li>a {
		border-bottom-color: hsla(0, 0%, 100%, .13)
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before,
	.dark-menu .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {
		border-color: hsla(0, 0%, 100%, .85)
	}

	.wsmenu>.wsmenu-list>li>a {
		font-size: 1.125rem;
		line-height: 46px;
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.tra-menu .wsmenu>.wsmenu-list>li>a,
	.tra-menu.navbar-light .wsmenu>.wsmenu-list>li>a {
		color: #666
	}

	.black-scroll .wsmenu>.wsmenu-list>li>a.h-link {
		color: #fff
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 10px;
		margin: 21px 18px 0 0;
		width: 10px
	}

	.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i {
		margin-top: 28px;
		transform: rotate(-45deg)
	}

	.theme--dark .navbar-dark .wsmenu>.wsmenu-list>li>a,
	.theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a {
		color: #fff !important
	}

	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		min-width: 100% !important;
		width: 100% !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu g {
		padding: 10px;
		width: 100% !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
		left: 0;
		padding: 12px 10px;
		width: 100% !important
	}

	.wsmegamenu.halfmenu .col-lg-6,
	.wsmegamenu.halfmenu.icons-menu .col-lg-6,
	.wsmegamenu.icons-menu.w-75 .col-lg-4,
	.wsmegamenu.w-75 .col-lg-3 {
		padding: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu {
		right: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		border-bottom: 1px solid #ddd;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		box-shadow: 0 0;
		top: 5px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		opacity: 1 !important;
		transform: rotateX(0deg);
		visibility: visible !important
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu,
	.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu,
	.dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu {
		border-bottom: 1px solid hsla(0, 0%, 100%, .13) !important;
		box-shadow: 0 0
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu {
		background-color: #2c3142 !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
		color: #666;
		font-size: 1.0625rem;
		padding: 15px 14px
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
		background-color: hsla(0, 0%, 100%, 0) !important;
		color: #ddd
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 15px 14px;
		text-decoration: none
	}

	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.black-scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.black-scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		background-color: hsla(0, 0%, 100%, .05) !important
	}

	.icons-menu.ico-30 [class*=flaticon-]:after,
	.icons-menu.ico-30 [class*=flaticon-]:before {
		font-size: 2.1875rem
	}

	.icons-menu.ico-40 [class*=flaticon-]:after,
	.icons-menu.ico-40 [class*=flaticon-]:before {
		font-size: 2.5rem
	}

	.icons-menu-ico {
		margin-right: 14px
	}

	.wsmegamenu.ico-30 .icons-menu-ico span {
		top: 8px !important
	}

	.icons-menu-txt h6 {
		font-size: 1.0625rem
	}

	.icons-menu-txt span {
		font-size: 1rem
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		font-size: 1.0625rem;
		margin-bottom: 10px;
		padding: 0 7px
	}

	.black-scroll .icons-menu-txt span,
	.black-scroll .title,
	.dark-menu .icons-menu-txt span,
	.dark-menu .title {
		color: #b1b7cd !important
	}

	.wsmenu>.wsmenu-list>li a.btn {
		border-radius: 0;
		border-width: 2px;
		font-size: 1.125rem;
		margin: 1px 0 2px
	}

	.wsmenu>.wsmenu-list>li a.btn,
	.wsmenu>.wsmenu-list>li a.btn.reg-btn {
		line-height: 44px;
		padding: 5px 22px
	}

	.wsmenu>.wsmenu-list>li a.btn.fst-btn-link,
	.wsmenu>.wsmenu-list>li.reg-fst-link>a {
		margin-left: 0
	}

	.wsmenu>.wsmenu-list>li a.store.header-store {
		border-bottom: none;
		display: block;
		float: none;
		margin: 5px 0 0 12px
	}

	.store.header-store img {
		max-height: 46px
	}

	.wsmenu>.wsmenu-list>li.header-socials {
		display: block
	}

	.header-socials a {
		margin-left: 25px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		font-size: 1.45rem
	}

	.white-scroll .hover--tra-white:hover {
		background-color: transparent !important;
		border-color: #353f4f !important;
		color: #353f4f !important
	}

	.theme--dark .white-scroll .hover--tra-white:hover {
		background-color: transparent !important;
		border-color: #fff !important;
		color: #fff !important
	}

	.white-scroll .btn--tra-black {
		background-color: #353f4f !important;
		border-color: #353f4f !important;
		color: #fff !important
	}

	.black-scroll .btn--tra-black,
	.black-scroll .btn--tra-white {
		background-color: #fff !important;
		border-color: #fff !important;
		color: #353f4f !important
	}

	.black-scroll .btn--tra-grey,
	.white-scroll .btn--tra-grey {
		background-color: #eee !important;
		border-color: #eee !important;
		color: #353f4f !important
	}

	.black-scroll .hover--blue:hover,
	.white-scroll .hover--blue:hover {
		background-color: #007aff !important;
		border-color: #007aff !important;
		color: #fff !important
	}

	.black-scroll .hover--tra-blue:hover,
	.white-scroll .hover--tra-blue:hover {
		background-color: transparent !important;
		border-color: #007aff !important;
		color: #007aff !important
	}

	.black-scroll .hover--violet:hover,
	.white-scroll .hover--violet:hover {
		background-color: #b55e98 !important;
		border-color: #b55e98 !important;
		color: #fff !important
	}

	.black-scroll .hover--tra-violet:hover,
	.white-scroll .hover--tra-violet:hover {
		background-color: transparent !important;
		border-color: #b55e98 !important;
		color: #b55e98 !important
	}

	.theme--dark .wsmenu>.wsmenu-list {
		background-color: #2c3142 !important
	}

	.theme--dark .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {
		border-color: #fff
	}

	.theme--dark .navbar-dark .hover--tra-black:hover,
	.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
		background-color: transparent !important;
		border-color: #fff !important;
		color: #fff !important
	}

	.hero-section {
		margin-top: 80px
	}

	.hero-section h2 {
		margin-bottom: 15px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50 {
		margin-bottom: 25px
	}

	.hero-section h2.s-62 {
		margin-bottom: 15px
	}

	.hero-section p.p-sm {
		padding: 0 !important
	}

	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl {
		margin-bottom: 22px
	}

	.hero-section p.s-20,
	.hero-section p.s-21,
	.hero-section p.s-22,
	.hero-section p.s-24 {
		margin-bottom: 24px
	}

	.hero-section .btn.mt-10,
	.hero-section .btns-group.mt-10 {
		margin-top: 5px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 8px
	}

	#hd-1-1,
	#hd-1-2 {
		padding-right: 0;
		width: 50%
	}

	.hero-digits-block {
		display: block !important
	}

	.hero-digits .block-txt {
		padding-left: 0
	}

	.hero-digits .block-txt p.p-sm {
		margin-top: 10px
	}

	.hero-section .quick-form .form-control {
		margin-bottom: 15px;
		text-align: center
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .input-group-btn {
		display: block;
		width: 100% !important
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form.form-half .btn {
		margin-left: 0
	}

	#hero-1 {
		padding-bottom: 80px;
		padding-top: 80px;
		text-align: center
	}

	.hero-1-txt p {
		padding-right: 0
	}

	.hero-1-img {
		margin-top: 40px
	}

	#hero-2 {
		padding-bottom: 80px;
		padding-top: 80px;
		text-align: center
	}

	.hero-2-img,
	.hero-2-txt p {
		padding-right: 0
	}

	.hero-2-img {
		margin-top: 40px
	}

	#hero-3 {
		padding-top: 80px;
		text-align: center
	}

	.hero-3-txt {
		margin-top: 0
	}

	.hero-3-txt p {
		padding-right: 0
	}

	.hero-3-img {
		margin: 40px 0 0
	}

	#hero-4 {
		padding-top: 80px
	}

	.hero-4-txt h2,
	.hero-4-txt p {
		padding: 0
	}

	#hero-5 {
		padding-bottom: 0;
		padding-top: 80px;
		text-align: center
	}

	.hero-5-txt p.p-lg {
		padding-right: 0
	}

	.hero-5-img {
		margin: 40px 0 -50px
	}

	#hero-6 {
		padding-top: 70px;
		text-align: center
	}

	.hero-6-wrapper {
		padding: 65px 60px
	}

	.hero-6-img {
		margin-top: 40px
	}

	#hero-7 {
		padding-top: 80px;
		text-align: center
	}

	#hero-7 .quick-form {
		margin-right: 0
	}

	.hero-7-img {
		margin-top: 40px;
		padding-left: 0
	}

	#hero-8 {
		margin-bottom: 10px;
		padding-bottom: 0;
		padding-top: 80px;
		text-align: center
	}

	.hero-8-txt {
		margin-top: 0
	}

	.hero-8-txt p {
		padding-right: 0
	}

	#hero-8-form {
		margin-top: 40px
	}

	#hero-9 {
		padding-top: 80px
	}

	.hero-9-txt h2 img {
		margin: 0 3px;
		max-height: 64px;
		top: -5px
	}

	.hero-9-txt p {
		margin-top: 28px;
		padding: 0
	}

	#hero-10 {
		padding-bottom: 0;
		padding-top: 80px;
		text-align: center
	}

	#hero-10:after {
		background-color: #fff;
		bottom: 0;
		content: "";
		height: 7%;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: -1
	}

	.hero-10-txt h4 {
		margin-bottom: 30px;
		padding-right: 0
	}

	.hero-10-img {
		margin: 40px 0 0
	}

	#hero-11 {
		padding-top: 80px;
		text-align: center
	}

	.hero-11-txt {
		margin-top: 0
	}

	.hero-11-txt p {
		padding-right: 0
	}

	.hero-11-img {
		margin: 40px 0 -100px
	}

	#hero-12 {
		border-bottom: none;
		padding-top: 80px
	}

	#hero-12:after {
		background-color: #fff;
		bottom: 0;
		content: "";
		height: 7%;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: -1
	}

	.hero-12-txt h2,
	.hero-12-txt p {
		padding: 0
	}

	.hero-12-img {
		margin-bottom: 0;
		margin-top: 40px
	}

	.hero-12-img .video-btn {
		top: calc(50% - 2px)
	}

	#hero-13 {
		padding-bottom: 80px;
		padding-top: 80px;
		text-align: center
	}

	#hero-13:after {
		display: none
	}

	.hero-13-txt p {
		padding-right: 0
	}

	.hero-13-img {
		margin-top: 40px
	}

	#hero-14 {
		padding-top: 80px
	}

	.hero-14-txt h2.s-62 {
		margin-bottom: 18px
	}

	#hero-15 {
		padding-top: 80px;
		text-align: center
	}

	.hero-15-txt {
		margin-top: 0
	}

	.hero-15-txt h2,
	.hero-15-txt p {
		padding-right: 0
	}

	.hero-15-img {
		margin-top: 40px
	}

	#hero-16 {
		margin-bottom: 50px;
		padding-top: 80px
	}

	.hero-16-img {
		margin-bottom: -50px
	}

	#hero-17 {
		padding-top: 80px
	}

	#hero-17 .quick-form {
		margin-left: 0;
		margin-right: 0
	}

	#hero-17 #brands-1 {
		padding: 45px 0 0
	}

	#hero-18 {
		padding-bottom: 70px;
		padding-top: 80px;
		text-align: center
	}

	#hero-18:after {
		left: 0;
		width: 100%
	}

	.hero-18-txt p {
		padding-right: 0
	}

	#hero-18 .quick-form {
		margin-right: 0
	}

	.hero-18-img {
		margin-top: 40px;
		padding-right: 0
	}

	#hero-19 {
		padding-top: 80px
	}

	.hero-19-txt p {
		padding: 0
	}

	#hero-20 {
		padding-bottom: 0;
		padding-top: 80px;
		text-align: center
	}

	#hero-20:after {
		width: 100%
	}

	.hero-20-txt {
		padding: 0
	}

	#hero-21 {
		padding-top: 80px;
		text-align: center
	}

	.hero-21-txt {
		margin-bottom: 40px
	}

	#hero-21 .hero-overlay {
		padding: 65px 45px 0
	}

	#hero-22 {
		padding-top: 80px
	}

	#hero-22 .hero-logo {
		margin-bottom: 20px
	}

	#hero-23 {
		margin-bottom: 25px;
		padding-top: 80px
	}

	.hero-23-txt p {
		padding: 0
	}

	.hero-23-img {
		margin-bottom: -25px;
		margin-top: 15px
	}

	#hero-24 {
		padding-bottom: 100px;
		padding-top: 100px
	}

	#hero-25 {
		padding-bottom: 80px;
		padding-top: 80px;
		text-align: center
	}

	.hero-25-txt h2 {
		margin-bottom: 14px
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 22px;
		padding-right: 0
	}

	#hero-26 {
		padding-top: 80px;
		text-align: center
	}

	.hero-26-txt {
		margin-top: 0
	}

	.hero-26-txt h2 {
		padding-right: 0
	}

	#hero-26 .quick-form {
		margin-right: 0
	}

	.hero-26-img {
		margin: 40px 0 0
	}

	#hero-27 .hero-overlay {
		padding-top: 80px
	}

	.hero-27-txt h2 {
		margin-bottom: 24px !important
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		padding: 0
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 0
	}

	.about-2-title {
		margin-bottom: 30px
	}

	.a-2-1 {
		display: none
	}

	.a-2-1,
	.a-2-2 {
		margin-bottom: 30px;
		margin-left: 0
	}

	.a-2-3 {
		margin-bottom: 30px
	}

	.a-2-3,
	.a-2-4 {
		margin-right: 0
	}

	.a-2-4 {
		display: none
	}

	#a3-1 {
		margin-bottom: 25px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 20px
	}

	.txt-block h5.mb-20 {
		margin-bottom: 15px
	}

	#about-4 .txt-block p {
		margin-top: 18px
	}

	#a4-1 {
		display: none
	}

	#a4-2 {
		margin-bottom: 0;
		margin-top: 30px;
		padding-left: 0
	}

	.fbox-14-wrapper .col {
		padding: 0 12px
	}

	#features-12.py-100.shape--bg:after {
		height: 70%;
		left: 0;
		top: 30%;
		width: 100%
	}

	#features-12.pt-100.shape--bg:after {
		height: 66%;
		left: 0;
		top: 30.25%;
		width: 100%
	}

	#features-13.py-100.shape--bg:after {
		height: 70%;
		top: 30%;
		width: 100%
	}

	#features-13.pt-100.shape--bg:after {
		height: 66%;
		top: 30.25%;
		width: 100%
	}

	.fbox-12-wrapper {
		padding-left: 0;
		text-align: center
	}

	.fbox-13-wrapper {
		padding-right: 0;
		text-align: center
	}

	.fb-1,
	.fb-2,
	.fbox-5.fb-3,
	.fbox-5.fb-5,
	.row-cols-md-2 .fb-3,
	.rows-2 .fb-1,
	.rows-2 .fb-2,
	.rows-2 .fb-3,
	.rows-2 .fb-4,
	.rows-2 .fb-5,
	.rows-2 .fbox-7.fb-1,
	.rows-2 .fbox-7.fb-2,
	.rows-2 .fbox-7.fb-3,
	.rows-2 .fbox-9.fb-1,
	.rows-2 .fbox-9.fb-2,
	.rows-2 .fbox-9.fb-3,
	.rows-3 .fb-3.fbox-11-lst,
	.rows-3 .fbox-11.fb-5 {
		margin-bottom: 40px
	}

	.fbox-5.fb-2,
	.fbox-5.fb-4,
	.fbox-5.fb-6 {
		margin-bottom: 0
	}

	.fbox-5.fb-1,
	.fbox-5.fb-5,
	.fbox-5.fb-6 {
		display: flex;
		flex-flow: wrap
	}

	.fbox-8.fb-1 {
		padding-top: 0
	}

	.fbox-8.fb-1,
	.fbox-8.fb-2,
	.fbox-8.fb-3 {
		margin-bottom: 0
	}

	.fbox-8.fb-3 {
		padding-bottom: 0
	}

	.fbox-10,
	.fbox-9 {
		text-align: center
	}

	#fb-12-1,
	#fb-12-2,
	#fb-12-3,
	#fb-13-1,
	#fb-13-2,
	#fb-13-3 {
		margin-bottom: 40px
	}

	#fb-12-1,
	#fb-13-1 {
		margin-top: 75px
	}

	#features-12 .txt-block,
	#features-13 .txt-block {
		margin-bottom: 40px
	}

	.fbox-14 {
		text-align: center
	}

	.fbox-14.fb-1,
	.fbox-14.fb-2 {
		margin-bottom: 35px
	}

	.fbox-1 .fbox-img {
		margin-bottom: 30px
	}

	.fbox-2 .fbox-img img {
		margin-bottom: -20px
	}

	.fbox-5-1 .fbox-5-img,
	.fbox-5-2 .fbox-5-img,
	.fbox-5-3 .fbox-5-img,
	.fbox-5-4 .fbox-5-img,
	.fbox-5-5 .fbox-5-img,
	.fbox-5-6 .fbox-5-img {
		margin: 0 5% 40px
	}

	.fbox-ico {
		margin-bottom: 15px
	}

	.fbox-ico.ico-rounded-lg,
	.fbox-ico.ico-rounded-md,
	.fbox-ico.ico-square,
	.row-cols-md-2 .fbox-ico.ico-rounded {
		margin-bottom: 20px
	}

	.fbox-11 {
		display: block;
		text-align: center
	}

	.fbox-11 .fbox-ico {
		margin-top: 0
	}

	.fbox-ico-wrap,
	.rows-2 .fbox-ico-wrap {
		margin-right: 0
	}

	.fbox-title {
		display: inline-block;
		margin: 0 auto 8px;
		text-align: center
	}

	.fbox-wrapper .row-cols-lg-3 .fbox-title {
		margin-bottom: 0
	}

	.fbox-title h6 {
		display: inline-block
	}

	.fbox-14 h5 {
		margin-bottom: 12px;
		padding-right: 0
	}

	.ct-11,
	.ct-12 {
		padding: 0
	}

	.ct-11 .txt-block {
		padding-right: 0
	}

	.ct-12 .txt-block {
		padding-left: 0
	}

	.ct-top {
		margin-bottom: 80px
	}

	.ct-13 .row.mb-60 {
		margin-bottom: 0
	}

	.ct-13 .img-block,
	.ct-13 .txt-block {
		margin-bottom: 40px
	}

	.ct-13 .img-block.ml-block,
	.ct-13 .txt-block.ml-block {
		margin-bottom: 0
	}

	.bc-6-txt {
		padding: 0
	}

	.ct-11:after,
	.ct-12:after {
		left: 0;
		top: 0;
		width: 100%
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 15px
	}

	.txt-block h5,
	h5.h5-title {
		margin-bottom: 18px
	}

	h5.h5-title {
		margin-top: 18px
	}

	.txt-block .btn,
	.txt-block .btns-group .btn.btn--transparent {
		margin-top: 10px
	}

	.bc-1-wrapper .section-overlay,
	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay {
		padding: 60px 50px
	}

	.ct-06 {
		margin-bottom: 0;
		margin-top: 80px;
		padding-bottom: 80px;
		padding-top: 0 !important
	}

	.ct-10 .section-overlay {
		margin-bottom: 80px
	}

	.bc-2-txt,
	.bc-2-wrapper .txt-block,
	.bc-3-txt,
	.ct-06 .txt-block,
	.ct-07 .txt-block {
		margin-top: 0
	}

	#ib-box-1,
	#ib-box-2 {
		margin-bottom: 25px
	}

	#cb-6-1,
	#cb-6-2,
	#cb-6-3 {
		margin-bottom: 30px
	}

	.bc-1-wrapper .txt-block.pr-25.left-column,
	.bc-2-wrapper .txt-block.pr-25.left-column {
		padding-right: 0
	}

	.bc-1-wrapper .txt-block.pl-25.right-column,
	.bc-2-wrapper .txt-block.pl-25.right-column {
		padding-left: 0
	}

	.bc-6-top {
		margin-bottom: 40px
	}

	.tabs-1 {
		margin: 0 auto 40px
	}

	.tabs-1 li {
		display: block;
		font-size: 1.135rem;
		margin: 0 20px 10px
	}

	.tabs-1 li.current {
		margin: 0 20px 20px
	}

	#tabs-1 .tab-content .img-block {
		margin-bottom: 40px
	}

	.text-center .advantages {
		margin-top: 16px
	}

	.quote-avatar img {
		height: 54px;
		width: 54px
	}

	.quote p {
		margin-top: 15px;
		padding-left: 14px
	}

	.quote-author {
		padding: 0 0 0 10px
	}

	.quote.pr-15,
	.quote.pr-40,
	.quote.pr-50,
	.quote.pr-60 {
		padding-right: 0
	}

	.img-block.img-block-bkg {
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.ct-10 .img-block,
	.img-block-hidden {
		margin-bottom: -80px
	}

	.ct-01 .img-block {
		margin-bottom: 40px;
		margin-left: 0
	}

	.ct-02 .img-block {
		margin-right: 0
	}

	.ct-02 .img-block,
	.ct-03 .img-block,
	.ct-05 .img-block,
	.ct-07 .img-block {
		margin-bottom: 40px
	}

	.ct-03 .img-block.right-column {
		margin-left: 0
	}

	.ct-03 .img-block.left-column {
		margin-right: 0
	}

	.ct-04 .img-block {
		margin-bottom: 40px;
		margin-left: 0
	}

	.ct-04 .img-block img {
		max-width: 100%
	}

	.ct-06 .img-block {
		margin-bottom: 40px;
		margin-top: -80px
	}

	.bc-1-wrapper .img-block.left-column,
	.bc-2-wrapper .img-block.left-column {
		padding-right: 0
	}

	.bc-1-wrapper .img-block.right-column,
	.bc-2-wrapper .img-block.right-column {
		padding-left: 0
	}

	.bc-1-wrapper .img-block,
	.bc-2-wrapper .img-block {
		margin-bottom: 40px
	}

	.bc-2-img,
	.bc-3-img,
	.bc-4-img {
		margin: 0 0 40px
	}

	.bc-5-img.bc-5-tablet.img-block-hidden {
		margin-bottom: -100px
	}

	.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
		top: calc(50% - 30px)
	}

	.ct-11 .img-block {
		margin-bottom: 40px;
		padding-left: 0
	}

	.ct-12 .img-block {
		margin-bottom: 40px;
		padding-right: 0
	}

	.ct-11 .img-block,
	.ct-12 .img-block {
		border-radius: 12px;
		margin-bottom: 40px;
		overflow: hidden;
		padding: 50px 15%
	}

	.ct-11 .img-block .tra-bkg,
	.ct-12 .img-block .tra-bkg {
		opacity: 1;
		-moz-opacity: 100
	}

	#sb-2-1,
	#sb-2-2,
	#sb-2-3,
	#sb-2-4 {
		padding-right: 0;
		width: 40%
	}

	#sb-1-1,
	#sb-1-2,
	#sb-3-1,
	#sb-3-2 {
		margin-bottom: 40px
	}

	#sb-4-1,
	#sb-4-2 {
		margin-bottom: 30px
	}

	#sb-5-1,
	#sb-5-2 {
		margin-bottom: 40px
	}

	#statistic-5 {
		text-align: center
	}

	#statistic-1 .statistic-block {
		display: block !important;
		text-align: center
	}

	.statistic-1-wrapper .statistic-block-digit {
		display: block !important;
		float: none;
		margin-bottom: 15px;
		width: 100%
	}

	.statistic-1-wrapper .statistic-block-txt {
		display: inline-block !important;
		padding-left: 0;
		width: 100%
	}

	#statistic-5 .statistic-digit {
		margin: 0 0 20px;
		padding-bottom: 20px
	}

	#sb-2-3 .statistic-block,
	#sb-2-4 .statistic-block {
		display: block !important
	}

	#sb-2-3 .statistic-block-txt,
	#sb-2-4 .statistic-block-txt {
		padding-left: 0
	}

	#statistic-2 .statistic-block-digit {
		display: block !important
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number {
		margin-bottom: 10px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 10px
	}

	.statistic-3-wrapper p {
		margin-top: 12px
	}

	.statistic-4-wrapper p {
		margin-bottom: 12px
	}

	#statistic-5 .statistic-txt p {
		padding-right: 0
	}

	.txt-block-stat .statistic-block .txt-block-rating {
		margin-bottom: -1px;
		margin-top: -2px
	}

	.projects-wrapper {
		padding: 0
	}

	#pt-1-1,
	#pt-1-2,
	#pt-1-3,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4,
	.inner-page-hero #pt-1-5 {
		margin-bottom: 40px
	}

	.project-details h5 {
		margin-bottom: 25px
	}

	.more-projects {
		margin-top: 40px
	}

	.rating-section .rating-1-wrapper,
	.rating-section .rating-2-wrapper {
		padding: 0
	}

	.inner-page-hero .rating-1-wrapper.mt-50 {
		margin-top: 40px
	}

	#rb-1-1,
	#rb-1-2,
	#rb-2-1,
	#rb-2-2 {
		margin-bottom: 30px
	}

	.rbox-2-txt img {
		left: 6px;
		max-height: 24px;
		top: -1px
	}

	p.rbox-2-txt {
		line-height: 24px;
		margin-top: 8px
	}

	.reviews-2-wrapper,
	.reviews-3-wrapper {
		padding: 0
	}

	.reviews-4-wrapper,
	.reviews-5-wrapper {
		padding-left: 0
	}

	#reviews-4 .txt-block,
	#reviews-5 .txt-block {
		margin-bottom: 40px
	}

	#rw-2-1,
	#rw-2-2,
	#rw-2-3,
	#rw-3-1,
	#rw-3-2 {
		margin-bottom: 30px
	}

	#rw-3-2,
	#rw-3-3 {
		margin-left: 0
	}

	.inner-page-hero #rw-2-3,
	.inner-page-hero #rw-2-4,
	.inner-page-hero #rw-2-5 {
		margin-bottom: 30px
	}

	.integrations-2-wrapper {
		padding: 60px 40px 70px
	}

	.it-1,
	.it-2,
	.it-3,
	.it-4,
	.it-5 {
		display: block;
		margin-bottom: 30px
	}

	.in_tool_logo {
		display: inline-block;
	    margin-bottom: 15px;
	    padding: 10px;
	}

	.in_tool_logo.ico-65 img {
		height: 52px;
		width: 52px
	}

	.in_tool h6 {
		font-size: 1rem
	}

	.integrations-1-wrapper .it-7,
	.integrations-1-wrapper .it-8 {
		margin-bottom: 30px
	}

	#press-05,
	#press-06,
	#press-07 {
		margin-bottom: 40px
	}

	#pt-4-1,
	#pt-4-2 {
		margin: 0 0 40px
	}

	.pricing-table-header h4,
	.pricing-table-header h5 {
		margin-bottom: 15px
	}

	.pricing-3-table .pricing-table-header h4 {
		margin-bottom: 10px
	}

	.price p {
		margin-bottom: 18px;
		margin-top: 14px
	}

	.pricing-features.mt-25 {
		margin-top: 20px
	}

	.pricing-notice {
		margin-top: 0
	}

	.pricing-notice .btn.mt-25,
	.pricing-section .toggle-btn.mt-30 {
		margin-top: 20px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1rem;
		line-height: 32px
	}

	.switch-wrap {
		height: 30px;
		min-width: 50px
	}

	.toggle-btn-lg .switch-wrap,
	.toggle-btn-md .switch-wrap {
		height: 32px;
		margin: 0 6px;
		min-width: 55px
	}

	.switcher {
		font-size: .85rem;
		height: 30px
	}

	.toggle-btn-lg .switcher,
	.toggle-btn-md .switcher {
		border-radius: 32px;
		height: 32px;
		padding: 0 10px 0 30px
	}

	.switcher .show-annual,
	.switcher .show-monthly {
		line-height: 30px
	}

	.toggle-btn-lg .switcher .show-annual,
	.toggle-btn-lg .switcher .show-monthly,
	.toggle-btn-md .switcher .show-annual,
	.toggle-btn-md .switcher .show-monthly {
		line-height: 32px
	}

	.switcher:before {
		bottom: 4px;
		height: 22px;
		left: 4px;
		width: 22px
	}

	.toggle-btn-lg .switcher:before,
	.toggle-btn-md .switcher:before {
		bottom: 5px;
		height: 22px;
		left: 5px;
		width: 22px
	}

	.switcher.bg--ghost-white:before,
	.switcher.bg--grey:before,
	.switcher.bg--tra-white:before {
		bottom: 3px;
		left: 4px
	}

	.toggle-btn-lg .switch-wrap input:checked+.switcher,
	.toggle-btn-md .switch-wrap input:checked+.switcher {
		padding: 0 30px 0 10px
	}

	.comp-table-payment .payment-icons {
		margin-top: 18px
	}

	#tm-2-1,
	#tm-2-10,
	#tm-2-4,
	#tm-2-7 {
		margin-right: 0
	}

	#tm-2-11,
	#tm-2-2,
	#tm-2-5,
	#tm-2-8 {
		margin-left: 0;
		margin-right: 0
	}

	#tm-2-12,
	#tm-2-3,
	#tm-2-6,
	#tm-2-9 {
		margin-left: 0
	}

	.team-section .more-btn.mt-20 {
		margin-top: 10px
	}

	#role-page .inner-page-title {
		margin-bottom: 40px
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 30px 0
	}

	.role-info h5 {
		margin-bottom: 15px
	}

	#banner-10,
	#banner-8,
	#banner-9 {
		text-align: center
	}

	#banner-11,
	#banner-12,
	#banner-13 {
		margin-top: 0;
		text-align: center
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-8-buttons.text-end {
		text-align: center !important
	}

	.banner-11-img {
		margin-left: 0;
		margin-top: 40px
	}

	.banner-12-img {
		margin: 40px 0 0
	}

	.banner-13-img {
		display: none
	}

	#download-1 {
		padding-bottom: 30px
	}

	.version-release {
		margin-bottom: 40px
	}

	.release-data h5 {
		margin-bottom: 30px !important
	}

	.release-data {
		margin-bottom: 25px;
		padding-bottom: 30px
	}

	.release-download {
		bottom: 0;
		margin-top: 20px;
		position: relative;
		right: 0
	}

	.faqs-3-questions .questions-holder {
		padding: 0
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-2 .newsletter-overlay,
	#newsletter-3 {
		text-align: center
	}

	#newsletter-3 {
		margin-bottom: 0;
		margin-top: 0;
		padding-bottom: 70px;
		padding-top: 70px
	}

	.newsletter-img.text-end {
		display: none
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form {
		margin-top: 0;
		padding-left: 0
	}

	.newsletter-section .form-control {
		margin-bottom: 15px;
		margin-right: 0;
		text-align: center
	}

	.newsletter-section .btn,
	.newsletter-section .input-group-btn {
		display: block;
		width: 100% !important
	}

	.newsletter-section .btn {
		margin: 0
	}

	#bp-1-1,
	#bp-1-2 {
		margin-bottom: 40px
	}

	.blog-post-img.mb-35 {
		margin-bottom: 30px
	}

	#blog-page.pb-60 {
		padding-bottom: 30px
	}

	.wide-post {
		margin-bottom: 40px
	}

	.wide-post .blog-post-img {
		margin-bottom: 30px;
		padding-right: 0
	}

	.wide-post .blog-post-txt {
		padding-left: 0
	}

	.square-post {
		margin-bottom: 50px;
		margin-top: 10px
	}

	.square-post .col-md-12 {
		padding: 0
	}

	.square-post .blog-post-txt {
		padding: 45px 35px 35px
	}

	.posts-category {
		margin-bottom: 40px;
		margin-top: 10px
	}

	.post-inner-img {
		margin-bottom: 40px;
		margin-top: 40px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 18px
	}

	.txt-code {
		margin: 20px 0;
		padding: 18px 15px
	}

	.single-post-txt figure {
		margin-bottom: 20px
	}

	.comment-body {
		margin-left: 20px
	}

	.comment-form .form-control {
		height: 52px
	}

	.comment-form textarea,
	.contact-form textarea {
		min-height: 190px
	}

	.contact-form .form-btn.mt-15 {
		margin-top: 0
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 15px
	}

	#footer-2 .footer-links .footer-mail-link,
	#footer-3 .footer-links .footer-mail-link {
		margin-bottom: 15px
	}

	#footer-11 {
		text-align: center
	}

	#footer-9 .footer-info.text-end {
		text-align: left !important
	}

	#footer-2 .footer-links,
	#footer-7 .footer-form {
		padding-left: 0
	}

	#footer-8 .footer-links.text-end,
	.bottom-footer .bottom-footer-list.text-end,
	.bottom-footer .bottom-footer-socials.text-end,
	.bottom-footer .bottom-secondary-link.text-end,
	.footer-stores-badge.text-end {
		text-align: left !important
	}

	#footer-11 .bottom-footer-list.text-end {
		text-align: center !important
	}

	.inner-page-hero,
	.page-hero-section-overlay {
		margin-bottom: 40px;
		margin-top: 80px;
		padding-top: 80px
	}

	.page-hero-section-overlay .txt-block {
		margin-bottom: 40px;
		margin-top: 0
	}

	.inner-page-title {
		margin-bottom: 60px
	}

	.inner-page-title p {
		line-height: 1.6666;
		margin-bottom: 0;
		margin-top: 15px
	}

	.page-hero-section-overlay .img-block {
		margin-bottom: -50px
	}

	.txt-block.legal-info h5 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.txt-block.legal-info h4 {
		margin-bottom: 20px;
		margin-top: 40px
	}

	.txt-block.legal-info h4 span,
	.txt-block.legal-info h5 span {
		margin-right: 2px
	}

	#login,
	#reset-password,
	#signup {
		padding-bottom: 70px;
		padding-top: 70px
	}

	#login .register-page-wrapper:after,
	#signup .register-page-wrapper:after {
		left: 0;
		width: 100%
	}

	.register-form-title {
		margin-bottom: 30px
	}

	#login .register-page-txt,
	#signup .register-page-txt {
		display: none
	}

	.page-404-txt {
		margin-top: 80px;
		padding-bottom: 70px;
		padding-top: 70px
	}
}

@media (min-width:480px) and (max-width:767.98px) {
	.bg--fixed {
		width: auto
	}

	.bg--scroll {
		background-attachment: scroll !important;
		width: auto
	}

	.shape--01:after {
		height: 90%;
		top: 6%
	}

	.shape--02:after {
		height: 92%;
		left: -20%;
		top: 5.5%;
		width: 140%
	}

	.shape--03:after {
		height: 128%;
		top: -65px
	}

	.shape--04:after {
		height: 90%;
		top: 0
	}

	.shape--07:after {
		height: 80%;
		top: 15%
	}

	.font--jakarta h1,
	.font--jakarta h2 {
		line-height: 1.35
	}

	.font--jakarta h3,
	.font--jakarta h4,
	.font--jakarta h5,
	.font--jakarta h6 {
		line-height: 1.4
	}

	.s-15,
	.s-16 {
		font-size: 1.0625rem
	}

	.s-17 {
		font-size: 1.125rem
	}

	.s-18,
	.s-19,
	.s-20,
	.s-21,
	.s-22 {
		font-size: 1.4375rem
	}

	.s-24,
	.s-26,
	.s-28 {
		font-size: 1.625rem
	}

	.s-30,
	.s-32,
	.s-34 {
		font-size: 1.81255rem
	}

	.s-36,
	.s-38,
	.s-40 {
		font-size: 2.0625rem
	}

	.s-42,
	.s-43,
	.s-44,
	.s-45,
	.s-46,
	.s-47,
	.s-48 {
		font-size: 2.25rem
	}

	.s-50,
	.s-52,
	.s-54,
	.s-56 {
		font-size: 2.375rem
	}

	.s-58 {
		font-size: 2.5rem
	}

	.s-60,
	.s-62 {
		font-size: 2.625rem
	}

	.s-64,
	.s-66 {
		font-size: 2.75rem
	}

	.s-68 {
		font-size: 2.875rem
	}

	p.p-sm {
		font-size: 1rem
	}

	p {
		font-size: 1.0625rem
	}

	p.p-lg,
	p.p-md {
		font-size: 1.125rem
	}

	p.p-xl {
		font-size: 1.1875rem
	}

	a.tra-link {
		font-size: 1.125rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 1px
	}

	.btn {
		font-size: 1.125rem
	}

	.btn.btn-sm {
		font-size: 1rem;
		padding: .7rem 1.5rem
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .3845rem .5rem
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1.225rem;
		line-height: .45rem !important;
		top: 4px
	}

	.btn.ico-30 [class*=flaticon-]:after,
	.btn.ico-30 [class*=flaticon-]:before {
		font-size: 2.05rem
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		font-size: 1.15rem;
		margin-right: 0;
		top: -10px
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		font-size: 1.15rem;
		margin-left: 0;
		top: -10px
	}

	.btn.ico-left span {
		margin-right: 3px
	}

	.btn.ico-right span {
		margin-left: 3px
	}

	.btn-rating,
	p.btn-txt,
	p.btns-group-txt {
		margin: 15px 0 0
	}

	.text-center p.btns-group-txt {
		margin-top: 18px
	}

	.star-rating span.rating-txt {
		font-size: 1.0625rem
	}

	.store-btn-4 {
		margin-top: 15px
	}

	.os-btn {
		min-width: 280px;
		padding: 14px 15px 12px;
		width: 280px
	}

	.os-btn-ico {
		margin-right: 14px
	}

	.os-btn-txt p {
		margin-top: 4px
	}

	.btn-os.mb-15,
	.btn-os.mr-15 {
		margin-bottom: 15px
	}

	.btn-os.mr-15 {
		margin-right: 0
	}

	.watch-video {
		margin-top: 22px
	}

	p.video-txt-lg {
		font-size: 1.125rem
	}

	p.video-txt-sm {
		font-size: 1.0625rem
	}

	.ico-50 .shape-ico svg {
		height: 125px;
		left: calc(50% - 65px);
		top: -35px;
		width: 125px
	}

	.ico-55 .shape-ico svg {
		height: 135px;
		left: calc(50% - 70px);
		top: -30px;
		width: 135px
	}

	.ico-60 .shape-ico svg {
		height: 140px;
		left: calc(50% - 65px);
		top: -35px;
		width: 140px
	}

	.ico-rounded,
	.ico-rounded-lg,
	.ico-rounded-md {
		height: 94px;
		width: 94px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before,
	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before,
	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 3rem;
		line-height: 94px !important
	}

	.ico-square {
		height: 88px;
		width: 88px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.85rem;
		line-height: 88px !important
	}

	.section-id {
		margin-bottom: 25px
	}

	.section-title p.p-lg,
	.section-title p.p-md,
	.section-title p.p-xl {
		margin-top: 14px
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.21875rem;
		margin-top: 12px
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title .btns-group.mt-25 {
		margin-top: 20px
	}

	.section-title .btns-group.mt-35,
	.section-title .stores-badge.mt-30 {
		margin-top: 25px
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 23px;
		padding-left: 18px
	}

	.smllogo img {
		max-height: 34px;
		max-width: inherit;
		width: auto
	}

	.overlapblackbg {
		width: calc(100% - 345px)
	}

	.wsanimated-arrow {
		margin: 25px 18px 0 0;
		padding: 14px 30px 14px 0
	}

	span.sm-info {
		font-size: .8rem;
		height: 22px;
		line-height: 20px;
		margin-left: 8px;
		top: -1px;
		width: 22px
	}

	.wsmenu>.wsmenu-list>li>a {
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 8px;
		margin: 24px 18px 0 0;
		width: 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		top: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu,
	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		padding: 6px 10px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 12px 10px
	}

	.store.header-store img {
		max-height: 46px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		line-height: 52px !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		margin-top: 12px
	}

	.icons-menu-ico {
		margin-right: 18px
	}

	.icons-menu-txt span {
		font-size: 1rem
	}

	.hero-section h2 {
		margin-bottom: 15px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50,
	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl {
		margin-bottom: 25px
	}

	.hero-section p.s-21 {
		font-size: 1.375rem;
		margin-bottom: 22px
	}

	.hero-logo {
		margin-bottom: 30px
	}

	.hero-logo img {
		max-height: 34px
	}

	.hero-square-logo img {
		max-height: 65px
	}

	.hero-app-logo {
		margin-bottom: 32px
	}

	#hero-25 .hero-app-logo img,
	.hero-app-logo img {
		max-height: 100px
	}

	.hero-digits {
		padding: 0 10%
	}

	.hero-digits h2.statistic-number {
		font-size: 2.75rem
	}

	.hero-digits h2.statistic-number span {
		font-size: 2.25rem
	}

	#hero-9 .hero-digits {
		padding: 0
	}

	.hero-section .quick-form.mt-45 {
		margin-top: 0
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.175rem;
		height: 60px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 -5px
	}

	.request-form .form-control {
		font-size: 1.0625rem;
		height: 56px;
		padding: 0 14px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		font-size: 1.0625rem;
		height: 56px;
		padding: 16px
	}

	.hero-1-txt,
	.hero-2-txt {
		padding: 0 3%
	}

	.hero-3-txt {
		padding: 0 4%
	}

	#hero-4:after {
		height: 8%
	}

	.hero-4-img {
		margin-top: 40px
	}

	#hero-5 {
		margin-bottom: 50px
	}

	.hero-5-txt {
		padding: 0 5%
	}

	.hero-6-wrapper {
		padding: 60px 50px
	}

	#hero-7 .quick-form {
		margin: 25px 4% 0
	}

	.hero-8-txt .hero-logo {
		display: none
	}

	.hero-8-txt .hero-digits {
		padding: 0 10%
	}

	#hero-8-form {
		border-radius: 10px;
		margin: 40px 5% 0;
		padding: 40px 30px
	}

	#hero-8-form h4 {
		margin-bottom: 15px
	}

	#hero-8-form p {
		margin-bottom: 20px;
		padding: 0 3%
	}

	#hero-8-form p.p-sm {
		padding: 0 5% !important
	}

	.hero-9-txt h2 {
		padding: 0 3%
	}

	.hero-9-txt h2 img {
		margin: 0 2px;
		max-height: 66px;
		top: -5px
	}

	.hero-9-txt p {
		margin-top: 28px;
		padding: 0 4%
	}

	.hero-9-txt p.s-20 {
		font-size: 1.175rem
	}

	#hero-9 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-9-img {
		margin: 45px 0 0
	}

	#hero-10 {
		padding-bottom: 0
	}

	.hero-10-txt h2 {
		padding: 0 8%
	}

	.hero-10-txt h4 {
		margin-bottom: 30px;
		padding: 0 5%
	}

	.hero-11-txt {
		padding: 0 3%
	}

	.hero-11-img {
		margin: 40px 0 -80px
	}

	.hero-12-img {
		margin-top: 35px
	}

	.hero-13-txt {
		padding: 0 10%
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 25px;
		padding: 0 3%
	}

	#hero-14 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-14-img {
		margin-top: 40px
	}

	.hero-14-txt .btn-txt {
		margin-top: 25px
	}

	.hero-15-txt h2 {
		padding: 0 5%
	}

	#hero-16 {
		margin-bottom: 40px
	}

	.hero-16-txt h2 {
		padding: 0 4%
	}

	.hero-16-img {
		margin: 40px 0 -40px
	}

	.hero-17-txt p {
		padding: 0 2%
	}

	#hero-17 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	#hero-17 #brands-1 {
		padding-top: 35px
	}

	.hero-18-txt {
		padding: 0 3%
	}

	#hero-18 .quick-form {
		margin: 25px 4% 0
	}

	.hero-19-txt h2 {
		padding: 0 5%
	}

	.hero-20-txt .hero-logo {
		display: none
	}

	.hero-21-txt h2,
	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 20px
	}

	#hero-21 .hero-overlay {
		padding: 55px 35px 0
	}

	.hero-21-wrapper {
		border-radius: 12px
	}

	.hero-21-img {
		margin-bottom: -18%
	}

	.hero-21-img .video-btn {
		top: calc(50% - 30px)
	}

	#hero-22-form {
		margin: 0 3%;
		padding: 45px 40px 35px;
		text-align: center
	}

	#hero-22 .hero-logo {
		display: none
	}

	#hero-22-form h4 {
		font-size: 2rem;
		margin-bottom: 16px;
		padding: 0
	}

	#hero-22-form p {
		font-size: 1.175rem;
		margin-bottom: 25px;
		padding: 0 3%
	}

	#hero-24 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	#hero-24 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-25-txt {
		padding: 0 10%
	}

	.hero-25-img {
		margin: 40px 5% 0
	}

	.hero-26-txt {
		padding: 0 5%
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		font-size: 1.285rem;
		padding: 0 2%
	}

	#about-2 .container-fluid {
		max-width: 540px
	}

	.a2-txt {
		padding: 20px 30px 40px
	}

	.a2-txt-quote {
		margin-bottom: -40px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4.25rem
	}

	.a2-txt-author {
		font-size: 1.125rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .975rem;
		margin-top: 1px
	}

	#about-4 .txt-block h2 {
		padding: 0 10%
	}

	.fbox-14-wrapper {
		padding: 70px 50px
	}

	.row-cols-md-2 .fbox-4,
	.row-cols-md-3 .fbox-4 {
		padding: 45px 65px 40px
	}

	.fbox-5 {
		padding: 50px 50px 45px
	}

	.fbox-7,
	.row-cols-md-2 .fbox-7 {
		padding: 45px 50px 40px
	}

	.fbox-8.fb-1 {
		padding: 0 75px 50px
	}

	.fbox-8.bg--white-100 {
		padding: 45px 75px
	}

	.fbox-8.fb-3 {
		padding: 55px 75px 0
	}

	.fbox-9 {
		padding: 40px 75px 35px
	}

	.fbox-12,
	.fbox-13 {
		padding: 40px 50px
	}

	.fbox-img.h-135 img,
	.fbox-img.h-140 img,
	.fbox-img.h-145 img,
	.fbox-img.h-150 img,
	.fbox-img.h-155 img,
	.fbox-img.h-160 img,
	.fbox-img.h-165 img,
	.fbox-img.h-170 img,
	.fbox-img.h-175 img,
	.fbox-img.h-180 img {
		max-height: 220px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 30px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155,
	.fbox-2 .fbox-img.h-160,
	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170,
	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 10% 50px;
		padding-top: 46px
	}

	.fbox-3 .fbox-img.h-135,
	.fbox-3 .fbox-img.h-140,
	.fbox-3 .fbox-img.h-145,
	.fbox-3 .fbox-img.h-150,
	.fbox-3 .fbox-img.h-155,
	.fbox-3 .fbox-img.h-160,
	.fbox-3 .fbox-img.h-165,
	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 10% 30px;
		padding-top: 46px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 0 10% 30px
	}

	.fbox-ico {
		margin-bottom: 18px
	}

	.fbox-ico.ico-rounded-lg,
	.fbox-ico.ico-rounded-md,
	.fbox-ico.ico-square,
	.row-cols-md-2 .fbox-ico.ico-rounded {
		margin-bottom: 22px
	}

	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:after,
	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:before,
	.fbox-wrapper .ico-50 [class*=flaticon-]:after,
	.fbox-wrapper .ico-50 [class*=flaticon-]:before,
	.fbox-wrapper .ico-55 [class*=flaticon-]:after,
	.fbox-wrapper .ico-55 [class*=flaticon-]:before,
	.fbox-wrapper .ico-60 [class*=flaticon-]:after,
	.fbox-wrapper .ico-60 [class*=flaticon-]:before {
		font-size: 4rem
	}

	.features-section h6.s-18,
	.features-section h6.s-20,
	.features-section h6.s-22 {
		font-size: 1.625rem
	}

	.fbox-txt h5,
	.features-section h6 {
		margin-bottom: 15px
	}

	.fbox-10 .fbox-title {
		margin: 0 auto
	}

	.fbox-10 .fbox-title span {
		float: none;
		line-height: 1 !important;
		margin-right: 0
	}

	.fbox-10 .fbox-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px;
		margin-top: 15px
	}

	.fbox-14 h5 {
		padding: 0 14%
	}

	.fbox-1 .fbox-txt p,
	.fbox-10 .fbox-txt p {
		padding: 0 5%
	}

	.fbox-2 .fbox-txt p {
		padding: 0 6%
	}

	.rows-2 .fbox-11 p {
		padding: 0 8%
	}

	.fbox-6 .fbox-txt p {
		padding: 0 5%
	}

	.row-cols-lg-3 .fbox-10 .fbox-txt p {
		padding: 0
	}

	.rows-3 .fbox-11 p {
		padding: 0 2%
	}

	.ct-10 .section-overlay {
		margin-bottom: 50px
	}

	.bc-1-wrapper .section-overlay,
	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay,
	.bc-6-wrapper .section-overlay {
		padding: 70px 50px
	}

	.bc-5-wrapper .section-overlay {
		padding: 70px 40px 0
	}

	.cbox-6-wrapper {
		padding: 45px 35px
	}

	.bc-6 {
		padding: 35px 30px 40px
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 20px
	}

	.txt-block h5,
	h5.h5-title {
		margin-bottom: 18px
	}

	h5.h5-title {
		margin-top: 18px
	}

	.bc-6-txt h5,
	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 12px
	}

	.txt-block p.s-20,
	.txt-block p.s-21 {
		font-size: 1.3125rem
	}

	.txt-block .btn {
		margin-top: 18px
	}

	.txt-block .stores-badge.mt-15,
	.ws-wrapper .stores-badge.mt-15 {
		margin-top: 8px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 18px
	}

	.box-title h5,
	.box-title h6 {
		margin-bottom: 20px
	}

	.cbox-6 h6 {
		margin-bottom: 12px
	}

	.ct-03 .cbox-2-ico {
		font-size: 1.0625rem;
		height: 2.15rem;
		line-height: 1.95rem;
		width: 2.15rem
	}

	.right-column .cbox-5 {
		margin-bottom: 60px
	}

	.cbox-5-content {
		margin: 0;
		padding: 35px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.cbox-5-fea {
		margin-top: 15px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 3.25rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.75rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		margin-top: 20px;
		padding: 15px 20px
	}

	.cbox-5-txt .btn {
		margin-top: 10px
	}

	.cbox-3 .cbox-3-ico {
		top: 4px
	}

	.txt-block .accordion-1 .accordion-item {
		padding: 18px 25px
	}

	.txt-block .accordion-1 .accordion-item.is-active {
		padding: 30px 25px 14px
	}

	.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
		top: 0
	}

	.txt-block .accordion-1 .accordion-panel {
		padding: 0
	}

	.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
	.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
		top: 14px
	}

	.advantages,
	.text-center .advantages {
		margin-top: 15px
	}

	.compatibility {
		margin-top: 10px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 15px
	}

	.payment-icons img {
		max-height: 32px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2.125rem;
		line-height: 2.5rem !important;
		margin-right: 5px
	}

	.cbox-5-shape-1 {
		right: -50px;
		top: -30px
	}

	.cbox-5-shape-2 {
		bottom: -25px;
		left: -30px
	}

	.cbox-5-shape-1 img,
	.cbox-5-shape-2 img {
		height: 80%;
		width: 80%
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.ct-10 .img-block,
	.img-block-hidden {
		margin-bottom: -50px
	}

	.ct-01 .img-block,
	.ct-02 .img-block,
	.ct-03 .img-block.left-column,
	.ct-03 .img-block.right-column {
		margin-left: 3%;
		margin-right: 3%
	}

	.ct-01 .img-block.j-img,
	.ct-02 .img-block.j-img {
		margin-left: 0;
		margin-right: 0
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 45px
	}

	.ct-11 .img-block,
	.ct-12 .img-block {
		margin-bottom: 40px;
		padding: 50px 10%
	}

	.bc-6-img {
		margin-bottom: 25px;
		padding: 35px 30px 0
	}

	.sb-rounded .statistic-block {
		padding: 25px;
		text-align: center
	}

	#statistic-5 .statistic-digit {
		margin: 0 12% 20px;
		padding-bottom: 20px
	}

	.statistic-1-wrapper .statistic-block-digit {
		margin-bottom: 12px
	}

	h2.statistic-number {
		font-size: 2.5rem;
		letter-spacing: -.5px
	}

	.txt-block-stat h2.statistic-number {
		font-size: 2.35rem
	}

	#statistic-1 h2.statistic-number {
		letter-spacing: -.5px
	}

	#statistic-5 .statistic-digit h2,
	.txt-block-stat h2.statistic-number {
		font-size: 2.5rem;
		letter-spacing: -.5px
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number,
	#statistic-5 .statistic-txt h5 {
		margin-bottom: 12px
	}

	.txt-block-stat .statistic-block p {
		font-size: .95rem
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 12px
	}

	#statistic-5 .statistic-txt p {
		padding: 0 5%
	}

	#pt-1-1,
	#pt-1-2,
	#pt-1-3,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4,
	.inner-page-hero #pt-1-5 {
		margin-bottom: 40px
	}

	.single-project .project-title {
		margin-bottom: 50px
	}

	.project-title h2 {
		margin-bottom: 30px;
		padding-bottom: 35px
	}

	.project-data p {
		margin-bottom: 10px
	}

	.project-priview-img.mb-50 {
		margin-bottom: 40px
	}

	.project-inner-img .top-img {
		margin-bottom: 30px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 25px;
		margin-top: 25px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 25px;
		margin-top: 40px
	}

	.project-description .more-projects {
		margin-top: 45px
	}

	.project-description .more-projects span {
		left: 5px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.2125rem
	}

	.rating-title h5 {
		font-size: 1.1875rem
	}

	.rbox-2-txt img {
		max-height: 34px
	}

	p.rbox-2-txt {
		line-height: 30px;
		margin-top: 8px
	}

	.rbox-1 .star-rating {
		font-size: .9rem;
		line-height: 1
	}

	.rbox-1 .star-rating span {
		top: 2px
	}

	.rbox-1 .ico-10 [class*=flaticon-]:after,
	.rbox-1 .ico-10 [class*=flaticon-]:before {
		font-size: .9rem
	}

	.rbox-1 .ico-15 [class*=flaticon-]:after,
	.rbox-1 .ico-15 [class*=flaticon-]:before {
		font-size: 1rem
	}

	.rbox-2 .ico-20 [class*=flaticon-]:after,
	.rbox-2 .ico-20 [class*=flaticon-]:before,
	.rbox-2 .ico-25 [class*=flaticon-]:after,
	.rbox-2 .ico-25 [class*=flaticon-]:before {
		font-size: 1.35rem
	}

	.reviews-section .col-md-8 .section-title h2 {
		padding: 0 5%
	}

	#reviews-4 .txt-block,
	#reviews-5 .txt-block {
		padding: 0 10%;
		text-align: center
	}

	.review-1 {
		padding: 35px 32px 30px
	}

	.review-2,
	.review-3,
	.review-4,
	.review-5 {
		padding: 35px 35px 30px
	}

	.review-txt {
		margin-top: -43px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-1 .author-data,
	.review-2 .author-data,
	.review-3 .author-data,
	.review-4 .author-data,
	.review-5 .author-data {
		margin-top: 20px
	}

	.owl-item .review-avatar img,
	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img,
	.review-avatar img {
		height: 52px;
		width: 52px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-1 .review-author,
	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 3px
	}

	.review-author h6 {
		margin-bottom: 8px
	}

	.review-1 .review-author h6,
	.review-2 .review-author h6,
	.review-3 .review-author h6,
	.review-4 .review-author h6,
	.review-5 .review-author h6 {
		font-size: 1.25rem
	}

	.brands-title {
		padding: 0
	}

	.brands-title.mb-35,
	.brands-title.mb-40 {
		margin-bottom: 30px
	}

	.brands-title.mb-50 {
		margin-bottom: 40px
	}

	.brands-title h5.s-19 {
		font-size: 1.25rem
	}

	.brands-title h2,
	.brands-title h3,
	.brands-title h4 {
		margin-bottom: 8px
	}

	.brands-3-wrapper {
		padding: 35px 25px
	}

	.brands-3-wrapper.brands-3-static {
		padding: 35px 30px
	}

	#brand-2-1,
	#brand-2-2,
	#brand-2-3,
	#brand-4-6,
	#brands-4 .brand-logo.mb-40 {
		margin-bottom: 35px
	}

	#brand-3-1,
	#brand-3-2 {
		margin-bottom: 25px
	}

	#brand-4-10 {
		display: none
	}

	#brands-1 .brands-carousel-5 .brand-logo,
	#brands-1 .justify-content-center .brand-logo {
		padding: 0 20px
	}

	#brands-2 .brand-logo {
		padding: 0 10px
	}

	#brands-3 .brand-logo {
		padding: 0 15px
	}

	#brands-3 .brands-3-static .brand-logo {
		padding: 0 8px
	}

	#brands-4 .brand-logo {
		padding: 0 15px
	}

	.brands-section .brand-logo.mb-50 {
		margin-bottom: 35px
	}

	.brands-section .more-btn {
		margin-top: 40px
	}

	#integrations-1 .section-title h2 {
		padding: 0 5%
	}

	.integrations-1-wrapper .in_tool {
		padding: 25px
	}

	.integrations-1-wrapper .in_tool-txt h6 {
		font-size: 1.4rem;
		line-height: 1;
		margin-top: 4px
	}

	.integrations-1-wrapper .in_tool-txt p {
		font-size: 1.0625rem;
		margin-top: 6px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 30px
	}

	.pricing-1-table,
	.pricing-2-table,
	.text-center .pricing-1-table {
		padding: 35px 30px 40px
	}

	.pricing-3-table {
		padding: 35px 25px
	}

	.pricing-table-header h4,
	.pricing-table-header h5 {
		font-size: 1.6875rem !important
	}

	.p-table p.btn-txt {
		margin: 12px 0 0
	}

	.price span {
		font-size: 2.875rem;
		letter-spacing: -1.5px
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.65rem
	}

	.pricing-3-table .price span {
		font-size: 4.5rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 2.875rem
	}

	.price sup {
		font-size: 2.15rem;
		top: -4px
	}

	.pricing-3-table .price sup {
		font-size: 2.5rem;
		top: -20px
	}

	.pricing-4-table .price sup {
		font-size: 2.15rem;
		right: 2px;
		top: -6px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2.5rem;
		letter-spacing: -2px;
		top: -24px
	}

	.price sup.validity {
		font-size: 1.4375rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.4375rem;
		margin-bottom: 35px;
		margin-top: 20px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.4375rem;
		left: 4px
	}

	.text-center .price p,
	.text-center .pricing-2-table .price p {
		padding: 0
	}

	.pricing-2-table hr {
		margin-top: 20px
	}

	.pricing-features.mt-25 {
		margin-top: 18px
	}

	.pricing-4-table .pricing-features li,
	.pricing-features li {
		padding: 10px 8px
	}

	.pricing-notice.mb-40 {
		margin-bottom: 30px
	}

	.col-lg-10 .pricing-notice p,
	.col-lg-9 .pricing-notice p {
		padding: 0
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 auto 30px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1.15rem
	}

	.table-responsive.mb-50 {
		margin-bottom: 35px
	}

	.table>:not(caption)>*>* {
		padding-bottom: 9px;
		padding-top: 9px
	}

	.comp-table .table-responsive thead th {
		font-size: .975rem
	}

	.comp-table .table-responsive tbody th {
		font-size: .95rem
	}

	.comp-table .table-responsive tbody td {
		font-size: .915rem;
		top: 0
	}

	.comp-table .table-responsive tbody td span {
		top: 1px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .725rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: .875rem
	}

	#pbox-1,
	#pbox-2,
	#pbox-3 {
		margin-bottom: 30px
	}

	.pricing-section .pm-last,
	.pricing-section .txt-box-last {
		margin-bottom: 40px
	}

	.comp-table-payment h6 {
		margin-bottom: 15px
	}

	.team-member.mb-40,
	.team-member.mb-50,
	.team-member.mb-60 {
		margin-bottom: 40px
	}

	.team-member-photo {
		margin-bottom: 20px
	}

	#team-2 .team-member-data {
		margin-left: 5px
	}

	.team-member-data h6.s-20 {
		margin-bottom: 6px
	}

	.team-member-data p {
		font-size: 1.15rem
	}

	ul.tm-social {
		right: 5px;
		top: 6px
	}

	#careers-1 {
		padding-bottom: 40px
	}

	.role-box {
		padding: 30px;
		text-align: center
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		margin-bottom: 12px
	}

	.role-box-txt h6 {
		line-height: 1.4;
		margin-bottom: 5px
	}

	#careers-1 .role-box h6 {
		line-height: 1.4;
		margin-bottom: 4px
	}

	.role-box-txt p {
		margin-bottom: 18px
	}

	#role-page .inner-page-title {
		margin-bottom: 25px
	}

	#role-page .inner-page-title span {
		margin-bottom: 20px
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 35px 0
	}

	.txt-block.role-info .btn {
		margin-top: 35px
	}

	#banner-12,
	#banner-13 {
		margin-bottom: 15px;
		margin-top: 0
	}

	#banner-9.py-70 {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-1 .container,
	#banner-11 .container,
	#banner-12 .container,
	#banner-13 .container,
	#banner-2 .container,
	#banner-3 .container {
		max-width: 100%
	}

	.banner-1-wrapper,
	.banner-11-wrapper,
	.banner-12-wrapper,
	.banner-13-wrapper,
	.banner-2-wrapper,
	.banner-3-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px
	}

	.banner-1-wrapper .banner-overlay,
	.banner-2-wrapper .banner-overlay,
	.banner-3-wrapper .banner-overlay {
		padding: 55px 60px 65px
	}

	#banner-14 .banner-overlay,
	#banner-15 .banner-overlay,
	#banner-5 .banner-overlay.pt-80.pb-90,
	#banner-6 .banner-overlay,
	#banner-7 .banner-overlay.pt-80.pb-90,
	#banner-8 .banner-overlay {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-10 .banner-overlay {
		padding-bottom: 65px;
		padding-top: 60px
	}

	.banner-11-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: hidden;
		padding: 60px 60px 0
	}

	.banner-12-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 60px 60px 0
	}

	.banner-13-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 60px 60px 70px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 40px 6%
	}

	.col-md-8 .banner-5-txt {
		padding: 0 3%
	}

	.banner-9-txt {
		padding: 0 14%
	}

	.banner-12-txt,
	.banner-13-txt {
		margin-top: 0;
		padding: 0 3%
	}

	.banner-section .section-id {
		margin-bottom: 20px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 24px
	}

	.banner-1-txt h2 {
		margin-bottom: 12px
	}

	.banner-2-txt h2 {
		margin-bottom: 25px
	}

	.banner-4-txt h2 {
		margin-bottom: 24px
	}

	.banner-7-txt h2 {
		margin-bottom: 25px
	}

	.banner-10-txt h2 {
		margin-bottom: 22px
	}

	.banner-11-txt h2,
	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 14px
	}

	.banner-15-txt h2 {
		margin-bottom: 30px
	}

	.banner-16-txt h4 {
		margin-bottom: 14px
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		margin-bottom: 20px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl,
	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 12px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl,
	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 12px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 18px;
		margin-top: 12px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 15px
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-14-txt p.p-lg {
		font-size: 1.125rem;
		margin-bottom: 25px;
		margin-top: 20px
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 25px
	}

	.banner-8-buttons.mt-20 {
		margin-top: 22px
	}

	.banner-15-txt .download-links {
		margin-top: 20px
	}

	.banner-section .btns-group .btn.mr-15 {
		margin-right: 8px
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 14px
	}

	.banner-10-img,
	.banner-9-img {
		margin: 40px 10% 0
	}

	.banner-11-img {
		margin: 40px 5% -30px
	}

	.banner-12-img {
		margin: 35px 0 -40px;
		transform: rotate(0deg)
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 50px
	}

	#faqs-1 .section-title {
		margin-bottom: 20px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 30px
	}

	#faqs-3 .section-title {
		margin-bottom: 40px
	}

	.faqs-section .accordion-thumb {
		padding: 20px 0 22px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 20px 0 25px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .875rem;
		right: 2px;
		top: 20px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .9rem;
		right: 2px;
		top: 22px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	#faqs-2 .accordion-panel {
		padding: 30px 0 15px
	}

	#faqs-2 .accordion-panel-item.mb-35,
	#faqs-3 .question.mb-35 {
		margin-bottom: 25px
	}

	.accordion-panel-item h5,
	.question h5 {
		margin-bottom: 15px
	}

	.faqs-section .tabs-1 {
		margin: 0 auto 20px
	}

	.faqs-section .tabs-1 li {
		margin: 0 6px 20px;
		min-width: 240px
	}

	#faqs-2 .more-questions {
		margin: 45px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 15px
	}

	.more-questions-txt {
		padding: 18px 42px
	}

	.more-questions-txt p {
		font-size: 1.125rem
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 40px;
		padding-top: 50px
	}

	#newsletter-2 .newsletter-overlay {
		padding: 50px 3% 40px
	}

	#newsletter-3,
	#newsletter-4 .newsletter-overlay {
		padding-bottom: 60px;
		padding-top: 55px
	}

	#newsletter-3 .newsletter-txt,
	#newsletter-4 .newsletter-txt,
	#newsletter-5 .newsletter-txt {
		padding: 0 8%
	}

	#newsletter-4 .newsletter-txt h2,
	.newsletter-txt h2 {
		margin-bottom: 30px
	}

	.newsletter-txt h3,
	.newsletter-txt h4 {
		font-size: 2.0625rem;
		margin-bottom: 30px;
		padding: 0 5%
	}

	#newsletter-4 .newsletter-txt p {
		font-size: 1rem;
		margin-bottom: 0;
		padding: 0
	}

	#newsletter-5 .newsletter-txt p {
		margin-top: 15px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form {
		padding: 0 10%
	}

	#newsletter-3 .newsletter-form,
	#newsletter-4 .newsletter-form {
		padding: 0 2%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 20px;
		padding: 0
	}

	#newsletter-1 .btn,
	#newsletter-1.newsletter-section .form-control,
	#newsletter-5.newsletter-section .btn,
	#newsletter-5.newsletter-section .form-control,
	.newsletter-section .btn,
	.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	.square-post h4.s-34,
	.wide-post h3.s-36,
	.wide-post h3.s-38,
	.wide-post h3.s-40 {
		font-size: 1.4375rem
	}

	.square-post .blog-post-txt {
		padding: 45px 35px
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20,
	.blog-post-txt h6 {
		margin-bottom: 18px
	}

	.blog-post-meta.mt-20,
	.blog-post-meta.mt-30 {
		margin-top: 18px
	}

	.posts-category span {
		top: 1px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1.125rem
	}

	.single-post-title h2,
	.single-post-title h3 {
		margin-bottom: 20px;
		padding: 0 5%
	}

	.single-post-title .blog-post-meta.mt-35 {
		margin-top: 20px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 15px
	}

	.single-post-txt .blockquote p {
		font-size: 1.1875rem;
		margin-bottom: 30px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1.0625rem
	}

	.post-share-list {
		margin-top: 30px;
		padding-bottom: 40px
	}

	.post-author {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.post-author-avatar {
		margin-right: 14px
	}

	.post-author-avatar img {
		height: 70px;
		width: 70px
	}

	.post-author-txt h5 {
		margin-bottom: 15px
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 60px
	}

	.post-comments {
		padding-top: 50px
	}

	.post-comments h5 {
		margin-bottom: 40px
	}

	.post-comments img {
		height: 52px;
		width: 52px
	}

	.comment-body {
		margin-left: 20px
	}

	.comment-meta,
	.comment-meta h6 {
		margin-bottom: 5px
	}

	.comment-form,
	.post-comments #leave-comment h5 {
		margin-top: 50px
	}

	.comment-form .btn {
		margin-top: 0
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		margin-bottom: 15px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 54px
	}

	.footer {
		padding-bottom: 30px
	}

	.footer hr {
		margin-bottom: 30px;
		margin-top: 15px
	}

	#footer-10.pt-50 {
		padding-top: 5px
	}

	#footer-11.p-404.pt-50 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.footer-info,
	.footer-links,
	.footer-stores-badge {
		margin-bottom: 35px
	}

	#footer-2 .footer-links.fl-3 {
		margin-top: 20px
	}

	#footer-6 .footer-info,
	#footer-7 .footer-info {
		margin-bottom: 0;
		margin-top: 15px
	}

	#footer-10 .footer-info {
		margin-bottom: 30px;
		padding-bottom: 45px
	}

	#footer-10 .footer-links,
	#footer-8 .footer-links {
		margin-bottom: 10px
	}

	#footer-4 .footer-stores-badge {
		margin-top: 15px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 38px
	}

	#footer-1 .footer-logo,
	#footer-5 .footer-logo,
	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 24px
	}

	#footer-2 .footer-logo,
	#footer-3 .footer-logo {
		margin-bottom: 30px
	}

	#footer-10 img.footer-logo {
		max-height: 38px
	}

	.footer h6 {
		font-size: 1.21875rem;
		margin-bottom: 20px
	}

	.footer-mail-link {
		font-size: 1.125rem
	}

	.footer-mail-link span {
		right: 4px;
		top: 3px
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 5px
	}

	#footer-8 .foo-links li {
		display: block !important;
		padding-left: 0
	}

	#footer-10 .foo-links li {
		padding: 0 8px
	}

	.foo-links li a span.ext-link {
		left: 3px;
		top: 1px
	}

	.foo-links.ico-10 li span {
		right: 3px;
		top: 1px
	}

	.footer-stores-badge .store {
		margin-right: 10px
	}

	.footer-socials.ico-25 [class*=flaticon-]:after,
	.footer-socials.ico-25 [class*=flaticon-]:before {
		font-size: 1.3925rem
	}

	#footer-9 .footer-form {
		margin-bottom: 0;
		padding-right: 15%
	}

	.footer-form .form-control {
		font-size: 1.0625rem;
		height: 32px
	}

	.footer-form .btn {
		height: 32px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		line-height: 26px !important
	}

	.bottom-footer-socials {
		margin-top: 10px
	}

	.bottom-footer-socials li {
		padding-left: 12px
	}

	.bottom-footer-socials li:first-child {
		padding-left: 0
	}

	.bottom-footer-list {
		margin-top: 5px
	}

	.footer-list-divider {
		top: -1px
	}

	.bottom-secondary-link p span {
		padding: 0 2px;
		top: 1.5px
	}

	.footer-info-copyright p span {
		padding: 0 2px;
		top: 2px
	}

	.footer-info-copyright.ico-15 [class*=flaticon-]:after,
	.footer-info-copyright.ico-15 [class*=flaticon-]:before {
		font-size: .815rem
	}

	.inner-page-title {
		margin-bottom: 50px
	}

	.inner-page-title h2 {
		margin-bottom: 0
	}

	.inner-page-title p {
		font-size: 1.15rem;
		margin-top: 10px
	}

	.page-hero-section h1 {
		line-height: 1.25;
		margin-bottom: 20px
	}

	.register-form-title h3 {
		font-size: 2.0625rem
	}

	.form-data span,
	.register-page-form .btn-google,
	.register-page-form p.create-account,
	.register-page-form p.input-header,
	.reset-password-link p,
	.separator-line {
		font-size: 1rem
	}

	.reset-password-link p {
		margin-bottom: 10px;
		margin-top: 0
	}

	.register-page-wrapper {
		margin: 0 25px;
		width: auto
	}

	.reset-page-wrapper {
		margin: 0 45px
	}

	#login .register-page-form,
	#signup .register-page-form {
		padding: 50px 40px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 10px 40px
	}

	.reset-form-title {
		margin-bottom: 25px
	}

	.reset-form-title p.p-sm {
		font-size: 1.0625rem;
		margin-top: 20px
	}

	#login .register-page-form .btn.submit,
	#signup .register-page-form .btn.submit,
	.register-page-form .form-control,
	.reset-page-wrapper .btn.submit,
	.reset-page-wrapper .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	.btn-google img {
		height: 20px;
		right: 5px;
		top: -2px;
		width: 20px
	}

	.page-404-txt {
		padding-top: 100px
	}

	.page-404-txt h2 {
		margin-bottom: 15px
	}

	.page-404-txt h6 {
		font-size: 1.375rem;
		line-height: 1.666;
		margin-bottom: 25px;
		padding: 0 3%
	}

	.page-404-img {
		margin-bottom: 40px;
		padding: 0 8%
	}

	#modal-1 .modal-dialog {
		max-width: 490px
	}

	#modal-2 .modal-dialog {
		width: 390px
	}

	#modal-3 .modal-dialog.modal-xl {
		width: 400px
	}

	#modal-2 .modal-body-content {
		padding: 25px 30px 5px
	}

	#modal-3 .modal-body-content {
		padding: 40px 25px 30px
	}

	.modal-body .newsletter-form {
		margin-top: 20px
	}

	.modal .newsletter-form .btn,
	.modal .newsletter-form .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 20px;
		margin-top: 15px
	}
}

@media (min-width:414px) and (max-width:479.98px) {
	#stlChanger {
		display: none
	}

	.division {
		padding-left: 10px;
		padding-right: 10px
	}

	.bg--fixed {
		width: auto
	}

	.bg--scroll {
		background-attachment: scroll !important;
		width: auto
	}

	.shape--01:after,
	.shape--02:after {
		height: 90%;
		top: 6.5%
	}

	.shape--02:after,
	.shape--03:after {
		left: -20%;
		width: 140%
	}

	.shape--03:after {
		height: 129%;
		top: -70px
	}

	.shape--04:after {
		height: 94%;
		top: 0
	}

	.shape--06:after {
		height: 92%
	}

	.shape--07:after {
		height: 80%;
		top: 14%
	}

	ol.digit-list p {
		margin-bottom: 5px
	}

	.font--jakarta h1,
	.font--jakarta h2 {
		line-height: 1.35
	}

	.font--jakarta h3,
	.font--jakarta h4,
	.font--jakarta h5,
	.font--jakarta h6 {
		line-height: 1.4
	}

	.s-15,
	.s-16 {
		font-size: 1.0625rem
	}

	.s-17 {
		font-size: 1.125rem
	}

	.s-18,
	.s-19,
	.s-20,
	.s-21,
	.s-22,
	.s-23 {
		font-size: 1.3125rem
	}

	.s-24,
	.s-26,
	.s-28 {
		font-size: 1.4375rem
	}

	.s-30,
	.s-32,
	.s-34 {
		font-size: 1.5625rem
	}

	.s-36,
	.s-38,
	.s-40 {
		font-size: 1.6875rem
	}

	.s-42,
	.s-43,
	.s-44,
	.s-45,
	.s-46,
	.s-47 {
		font-size: 1.8125rem
	}

	.s-48 {
		font-size: 1.9375rem
	}

	.s-50,
	.s-52,
	.s-54,
	.s-56,
	.s-58,
	.s-60 {
		font-size: 2.0625rem
	}

	.s-62 {
		font-size: 2.125rem
	}

	.s-64,
	.s-66 {
		font-size: 2.25rem
	}

	.s-68 {
		font-size: 2.375rem
	}

	p.p-sm {
		font-size: 1rem
	}

	p {
		font-size: 1.0625rem
	}

	a.tra-link,
	p.p-lg,
	p.p-md {
		font-size: 1.125rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 1px
	}

	.btn {
		font-size: 1.125rem
	}

	.btn.btn-sm {
		font-size: 1rem;
		padding: .7rem 1.5rem
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .68165rem .5rem 0
	}

	.btns-group .btn:first-child {
		margin-bottom: 15px
	}

	.btns-group .btn:first-child,
	.btns-group .btn:last-child {
		margin-left: 8px;
		margin-right: 8px
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1.225rem;
		line-height: .45rem !important;
		top: 4px
	}

	.btn.ico-30 [class*=flaticon-]:after,
	.btn.ico-30 [class*=flaticon-]:before {
		font-size: 2.05rem
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		font-size: 1.15rem;
		margin-right: 0;
		top: -10px
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		font-size: 1.15rem;
		margin-left: 0;
		top: -10px
	}

	.btn.ico-left span {
		margin-right: 3px
	}

	.btn.ico-right span {
		margin-left: 3px
	}

	.text-center p.btns-group-txt,
	p.btn-txt {
		margin-bottom: 0;
		margin-top: 18px
	}

	.btn-rating {
		margin: 15px 0 0
	}

	.btn-rating p.p-sm {
		font-size: .9375rem
	}

	.os-btn {
		min-width: 280px;
		padding: 14px 15px 10px;
		width: 280px
	}

	.os-btn-ico {
		margin-right: 14px
	}

	.os-btn-txt p {
		margin-top: 4px
	}

	.btn-os.mb-15,
	.btn-os.mr-15 {
		margin-bottom: 15px
	}

	.btn-os.mr-15 {
		margin-right: 0
	}

	.store {
		margin-right: 6px
	}

	.store.store-btn-2 {
		margin-right: 0
	}

	.store-btn-3,
	.store-btn-4 {
		margin-top: 15px
	}

	.watch-video {
		margin-top: 20px
	}

	.watch-video-link {
		margin-right: 10px
	}

	p.video-txt-lg {
		font-size: 1.125rem
	}

	p.video-txt-sm {
		font-size: 1.0625rem
	}

	.ico-50 .shape-ico svg {
		height: 120px;
		left: calc(50% - 60px);
		top: -35px;
		width: 120px
	}

	.fbox-11 .ico-50 .shape-ico svg {
		left: calc(50% - 65px);
		top: -35px
	}

	.ico-55 .shape-ico svg {
		height: 125px;
		left: calc(50% - 65px);
		top: -30px;
		width: 125px
	}

	.ico-60 .shape-ico svg {
		height: 130px;
		left: calc(50% - 60px);
		top: -35px;
		width: 130px
	}

	.ico-rounded,
	.ico-rounded-lg,
	.ico-rounded-md {
		height: 94px;
		width: 94px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before,
	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before,
	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 3rem;
		line-height: 94px !important
	}

	.ico-square {
		height: 88px;
		width: 88px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.85rem;
		line-height: 88px !important
	}

	.section-id.rounded-id {
		font-size: .8rem;
		margin-bottom: 30px;
		padding: 8px 22px
	}

	.section-title.mb-60 {
		margin-bottom: 35px
	}

	.section-title.mb-70,
	.section-title.mb-80 {
		margin-bottom: 45px
	}

	.section-title h2 {
		padding: 0 1%
	}

	.content-section .col-md-8 .section-title h2 {
		padding: 0 1.5%
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		margin-top: 14px
	}

	.section-title p.p-xl {
		font-size: 1.125rem;
		margin-top: 14px
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.1875rem;
		margin-top: 12px;
		padding: 0 3%
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title .btns-group.mt-35 {
		margin-top: 20px
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 23px;
		padding-left: 16px
	}

	.blog-header .wsmobileheader .smllogo {
		margin-top: 29px
	}

	.smllogo img {
		max-height: 34px;
		max-width: inherit;
		width: auto
	}

	.blog-header .smllogo img {
		max-height: 28px
	}

	.wsmenu>.wsmenu-list {
		margin-right: -325px;
		width: 325px
	}

	.overlapblackbg {
		width: calc(100% - 325px)
	}

	.wsanimated-arrow {
		margin: 25px 16px 0 0;
		padding: 14px 30px 14px 0
	}

	span.sm-info {
		font-size: .8rem;
		height: 22px;
		line-height: 20px;
		margin-left: 8px;
		top: -1px;
		width: 22px
	}

	.wsmenu>.wsmenu-list>li>a {
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 8px;
		margin: 24px 18px 0 0;
		width: 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		top: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu,
	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		padding: 6px 10px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 12px 10px
	}

	.store.header-store img {
		max-height: 45px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		line-height: 52px !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		margin-top: 12px
	}

	.icons-menu-ico {
		margin-right: 18px
	}

	.icons-menu-txt span {
		font-size: 1rem
	}

	.hero-section.blur--purple:after {
		opacity: .18;
		top: -25%
	}

	.hero-section h2 {
		margin-bottom: 18px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50 {
		margin-bottom: 20px
	}

	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl {
		margin-bottom: 25px
	}

	.hero-section p.s-21 {
		font-size: 1.3125rem;
		margin-bottom: 22px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 8px
	}

	.hero-section .text-center .advantages {
		margin-top: 18px
	}

	.hero-section .advantages li {
		display: block !important;
		margin-top: 4px
	}

	.hero-section .advantages li p {
		display: block;
		float: none
	}

	.hero-section li.advantages-links-divider {
		display: none !important
	}

	.hero-app-logo,
	.hero-logo {
		margin-bottom: 30px
	}

	.hero-logo img {
		max-height: 34px
	}

	.hero-square-logo {
		margin-bottom: 12px
	}

	.hero-square-logo img {
		max-height: 64px
	}

	#hero-25 .hero-app-logo img,
	.hero-app-logo img {
		max-height: 96px
	}

	.hero-digits {
		margin-top: -5px;
		padding: 0 3%
	}

	#hero-9 .hero-digits {
		margin-top: 3px;
		padding: 0
	}

	.hero-digits h2.statistic-number {
		font-size: 2.5rem
	}

	.hero-digits h2.statistic-number span {
		font-size: 2.25rem
	}

	.hero-section .quick-form.mt-35,
	.hero-section .quick-form.mt-45 {
		margin-top: 0
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.175rem;
		height: 58px
	}

	.hero-section .quick-form.form-half .form-control {
		font-size: 1.175rem;
		height: 58px;
		padding: 0 14px
	}

	.hero-section .quick-form.form-half .btn {
		font-size: 1.15rem;
		height: 58px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 0
	}

	.request-form .form-control {
		font-size: 1.0625rem;
		height: 56px;
		padding: 0 14px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		font-size: 1.0625rem;
		height: 56px;
		padding: 16px
	}

	.hero-1-txt {
		padding: 0 4%
	}

	.hero-1-img {
		margin-top: 35px
	}

	.hero-2-txt {
		padding: 0 3%
	}

	.hero-2-img {
		margin-top: 40px
	}

	.hero-3-txt {
		padding: 0 3%
	}

	#hero-3:after {
		height: 8%
	}

	.hero-3-img {
		margin-top: 35px
	}

	#hero-4 {
		padding-top: 70px
	}

	#hero-4:after {
		height: 7%
	}

	.hero-4-txt h2 {
		padding: 0 3%
	}

	.font--inter .hero-4-txt h2 {
		padding: 0 5.5%
	}

	.hero-4-txt p {
		padding: 0 4%
	}

	.hero-4-img {
		margin-top: 40px
	}

	#hero-5 {
		margin-bottom: 50px
	}

	.hero-5-txt h2 {
		margin-bottom: 15px
	}

	.hero-5-txt p.p-lg {
		margin-bottom: 20px
	}

	#hero-6 {
		padding-top: 0
	}

	#hero-6 .container {
		max-width: 100%
	}

	.hero-6-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 25px
	}

	.hero-6-img {
		margin: 35px 1% 0
	}

	#hero-7 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.hero-7-txt h2 {
		padding: 0 6%
	}

	#hero-7 .quick-form {
		margin-left: 3%;
		margin-right: 3%
	}

	.hero-7-img {
		margin-top: 35px
	}

	.hero-8-txt {
		padding: 0 5%
	}

	.hero-8-txt .hero-logo {
		display: none
	}

	.hero-8-txt .hero-digits {
		padding: 0 3%
	}

	#hero-8-form {
		border-radius: 10px;
		margin: 40px 4% 0;
		padding: 30px 22px
	}

	#hero-8-form h4 {
		margin-bottom: 15px
	}

	#hero-8-form p {
		font-size: 1.0625rem;
		margin-bottom: 16px
	}

	#hero-8-form p.p-sm {
		font-size: 1rem;
		padding: 0 2% !important
	}

	.hero-9-txt h2 {
		line-height: 1.45;
		padding: 0 3%
	}

	.hero-9-txt h2 img {
		margin: 0 2px;
		max-height: 56px;
		top: -9px
	}

	.hero-9-txt p.s-20 {
		font-size: 1.125rem;
		margin-top: 10px
	}

	#hero-9 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	.hero-9-img {
		margin: 45px 0 0
	}

	#hero-10:after {
		height: 7%
	}

	.hero-10-txt h2 {
		margin-bottom: 15px;
		padding: 0 2%
	}

	.hero-10-txt h4 {
		margin-bottom: 25px;
		padding: 0 2%
	}

	.hero-10-img {
		margin-top: 35px
	}

	.hero-11-txt {
		padding: 0 4%
	}

	.hero-11-img {
		margin: 35px 3% -50px
	}

	#hero-12:after {
		height: 7%
	}

	.hero-12-txt h2 {
		padding: 0 6%
	}

	.font--inter .hero-12-txt h2 {
		padding: 0 5.5%
	}

	.hero-12-txt p {
		padding: 0 4%
	}

	.hero-12-img {
		margin-top: 35px
	}

	#hero-13 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-13-txt {
		padding: 0 3%
	}

	.hero-13-img {
		margin: 40px 2% 0
	}

	#hero-14 {
		margin-bottom: 20px
	}

	.hero-14-txt h2 {
		padding: 0 3%
	}

	.hero-14-txt h2.s-62 {
		font-size: 2.0625rem
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 25px;
		padding: 0 3%
	}

	#hero-14 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-14-img {
		margin-bottom: -20px;
		margin-top: 35px
	}

	.hero-14-txt .btn-txt {
		margin-top: 25px
	}

	.hero-15-txt {
		padding: 0 3%
	}

	.hero-15-img {
		margin: 35px 2% 0
	}

	#hero-16 {
		margin-bottom: 35px;
		padding-top: 70px
	}

	.hero-16-txt p {
		padding: 0 5%
	}

	.hero-16-img {
		margin: 40px 0 -35px
	}

	.hero-17-txt p {
		padding: 0 2%
	}

	#hero-17 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	#hero-17 #brands-1 {
		padding-top: 35px
	}

	.hero-18-txt {
		padding: 0 3%
	}

	#hero-18 .quick-form {
		margin: 20px 0 0
	}

	.hero-18-img {
		margin-top: 40px
	}

	.hero-19-txt h2 {
		padding: 0 5%
	}

	.hero-19-txt p {
		padding: 0 2%
	}

	.hero-20-txt {
		padding: 0 7%
	}

	.hero-20-txt .hero-logo {
		display: none
	}

	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 20px
	}

	#hero-21 {
		margin-bottom: 50px;
		overflow: visible
	}

	#hero-21 .container {
		max-width: 100%
	}

	.hero-21-txt {
		margin-bottom: 50px
	}

	.hero-21-txt h2 {
		margin-bottom: 18px
	}

	.hero-21-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		overflow: visible
	}

	#hero-21 .hero-overlay {
		padding: 60px 25px 0;
		position: relative
	}

	.hero-21-img {
		margin-bottom: -50px
	}

	.hero-21-img .video-btn {
		top: calc(50% - 2px)
	}

	#hero-22-form {
		margin: 0 2%;
		padding: 35px 25px 25px;
		text-align: center
	}

	#hero-22 .hero-logo {
		display: none
	}

	#hero-22-form h4 {
		font-size: 1.6875rem;
		margin-bottom: 15px;
		padding: 0
	}

	#hero-22-form p {
		font-size: 1.125rem;
		margin-bottom: 16px;
		padding: 0 5%
	}

	.hero-23-txt {
		padding: 0 4%
	}

	.hero-23-img {
		margin-top: 12px
	}

	#hero-24 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.hero-24-txt p.p-xl {
		padding: 0 3%
	}

	#hero-24 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 22px
	}

	.hero-25-img {
		margin: 35px 2% 0
	}

	.hero-26-txt {
		padding: 0 5%
	}

	.hero-26-txt h2 {
		padding: 0 3%
	}

	.hero-26-img {
		margin-top: 35px
	}

	.hero-27-txt h2 {
		font-size: 2.05rem;
		margin-bottom: 15px !important
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		font-size: 1.1875rem
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 0 !important
	}

	.about-2-title {
		margin-bottom: 30px
	}

	.a2-txt {
		padding: 15px 20px 30px
	}

	.a2-txt-quote {
		margin-bottom: -40px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4.25rem
	}

	.a2-txt-author {
		font-size: 1.125rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .975rem;
		margin-top: 1px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 15px
	}

	#about-4 .txt-block h2 {
		padding: 0 6%
	}

	#about-4 .txt-block p {
		margin-top: 12px
	}

	#a4-2 {
		margin: 35px 3% 0
	}

	#features-14 .container {
		max-width: 100%
	}

	.fbox-14-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 30px
	}

	#features-12.py-100.shape--bg:after,
	#features-13.py-100.shape--bg:after {
		height: 68%;
		top: 32%
	}

	#features-12.pt-100.shape--bg:after,
	#features-13.pt-100.shape--bg:after {
		height: 64%;
		top: 32.35%
	}

	.fbox-7,
	.fbox-9,
	.row-cols-md-2 .fbox-4,
	.row-cols-md-3 .fbox-4 {
		padding: 40px 25px 35px
	}

	.fbox-5 {
		padding: 45px 25px 40px
	}

	.row-cols-md-2 .fbox-7 {
		padding: 40px 55px 35px
	}

	.fbox-8.fb-1 {
		padding: 0 25px 40px
	}

	.fbox-8.bg--white-100 {
		padding: 45px 25px
	}

	.fbox-8.fb-3 {
		padding: 45px 25px 0
	}

	.fbox-12,
	.fbox-13 {
		padding: 35px 30px
	}

	#fb-12-1,
	#fb-13-1 {
		margin-top: 65px
	}

	.fbox-14 {
		padding: 45px 40px
	}

	.fbox-14.fb-1,
	.fbox-14.fb-2 {
		margin-bottom: 30px
	}

	.fbox-img.h-135 img,
	.fbox-img.h-140 img,
	.fbox-img.h-145 img,
	.fbox-img.h-150 img,
	.fbox-img.h-155 img,
	.fbox-img.h-160 img,
	.fbox-img.h-165 img,
	.fbox-img.h-170 img,
	.fbox-img.h-175 img,
	.fbox-img.h-180 img {
		max-height: 185px
	}

	.fbox-2 .fbox-img.h-135 img,
	.fbox-2 .fbox-img.h-140 img,
	.fbox-2 .fbox-img.h-145 img,
	.fbox-2 .fbox-img.h-150 img,
	.fbox-2 .fbox-img.h-155 img,
	.fbox-2 .fbox-img.h-160 img,
	.fbox-2 .fbox-img.h-165 img,
	.fbox-2 .fbox-img.h-170 img,
	.fbox-2 .fbox-img.h-175 img,
	.fbox-2 .fbox-img.h-180 img,
	.fbox-3 .fbox-img.h-135 img,
	.fbox-3 .fbox-img.h-140 img,
	.fbox-3 .fbox-img.h-145 img,
	.fbox-3 .fbox-img.h-150 img,
	.fbox-3 .fbox-img.h-155 img,
	.fbox-3 .fbox-img.h-160 img,
	.fbox-3 .fbox-img.h-165 img,
	.fbox-3 .fbox-img.h-170 img,
	.fbox-3 .fbox-img.h-175 img,
	.fbox-3 .fbox-img.h-180 img {
		max-height: 180px
	}

	.fbox-4 .fbox-img.h-135 img,
	.fbox-4 .fbox-img.h-145 img,
	.fbox-4 .fbox-img.h-150 img,
	.fbox-4 .fbox-img.h-155 img,
	.fbox-4 .fbox-img.h-160 img,
	.fbox-4 .fbox-img.h-165 img,
	.fbox-4 .fbox-img.h-170 img,
	.fbox-4 .fbox-img.h-175 img,
	.fbox-4.fbox-img.h-140 img {
		max-height: 165px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 30px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155,
	.fbox-2 .fbox-img.h-160,
	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170,
	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 12px 50px;
		padding-top: 40px
	}

	.fbox-3 .fbox-img.h-135,
	.fbox-3 .fbox-img.h-140,
	.fbox-3 .fbox-img.h-145,
	.fbox-3 .fbox-img.h-150,
	.fbox-3 .fbox-img.h-155,
	.fbox-3 .fbox-img.h-160,
	.fbox-3 .fbox-img.h-165,
	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 12px 30px;
		padding-top: 40px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 0 9% 30px
	}

	.fbox-ico,
	.fbox-ico.ico-rounded,
	.fbox-ico.ico-square {
		margin-bottom: 20px
	}

	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:after,
	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:before,
	.fbox-wrapper .ico-50 [class*=flaticon-]:after,
	.fbox-wrapper .ico-50 [class*=flaticon-]:before,
	.fbox-wrapper .ico-55 [class*=flaticon-]:after,
	.fbox-wrapper .ico-55 [class*=flaticon-]:before,
	.fbox-wrapper .ico-60 [class*=flaticon-]:after,
	.fbox-wrapper .ico-60 [class*=flaticon-]:before {
		font-size: 3.65rem
	}

	.fbox-10 .fbox-title {
		margin: 0 auto
	}

	.fbox-10 .fbox-title span {
		float: none;
		line-height: 1 !important;
		margin-right: 0
	}

	.fbox-10 .fbox-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px;
		margin-top: 15px
	}

	.features-section h6.s-18,
	.features-section h6.s-20,
	.features-section h6.s-22 {
		font-size: 1.4375rem
	}

	.fbox-txt h5,
	.fbox-wrapper .row-cols-md-2 h6,
	.features-section h6,
	.rows-2 .fbox-11 h6 {
		margin-bottom: 15px
	}

	.fbox-14 h5 {
		margin-bottom: 12px;
		padding: 0 10%
	}

	.fbox-10 p,
	.fbox-5 .fbox-txt p,
	.row-cols-md-2 .fbox-1 p,
	.row-cols-md-2 .fbox-2 p,
	.row-cols-md-2 .fbox-3 p,
	.row-cols-md-3 .fbox-1 p,
	.row-cols-md-3 .fbox-2 p,
	.row-cols-md-3 .fbox-3 p,
	.row-cols-md-3 .fbox-6 p {
		padding: 0 8%
	}

	.row-cols-md-2 .fbox-4 p,
	.row-cols-md-3 .fbox-4 p {
		padding: 0 4%
	}

	.fbox-5 .fbox-txt p,
	.rows-3 .fbox-11 p {
		padding: 0 2%
	}

	.row-cols-md-2 .fbox-6 p {
		padding: 0 10%
	}

	.row-cols-lg-3 .fbox-10 .fbox-txt p {
		padding: 0 2%
	}

	.ct-10 .section-overlay {
		margin-bottom: 40px
	}

	.ct-top {
		margin-bottom: 70px
	}

	.ct-13 .img-block,
	.ct-13 .txt-block {
		margin-bottom: 35px
	}

	.ct-13 .img-block.ml-block,
	.ct-13 .txt-block.ml-block {
		margin-bottom: 0
	}

	.content-section.ws-wrapper {
		margin: 0 -15px
	}

	.bc-1-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay {
		padding: 70px 22px
	}

	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay {
		padding: 70px 14px
	}

	.bc-5-wrapper .section-overlay {
		padding: 70px 14px 0
	}

	.cbox-6-wrapper {
		padding: 30px 20px
	}

	.bc-6-wrapper .section-overlay {
		padding: 70px 20px
	}

	.bc-6 {
		padding: 25px 17px 35px
	}

	.bc-1-wrapper,
	.bc-2-wrapper,
	.bc-3-wrapper,
	.bc-4-wrapper,
	.bc-5-wrapper,
	.bc-6-wrapper {
		border-radius: 0 0 !important
	}

	.bc-5-wrapper .section-title p {
		padding: 0 5%
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 15px
	}

	.bc-6-txt h5,
	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 12px
	}

	.txt-block p,
	.txt-block p.p-sm {
		margin-bottom: .875rem
	}

	.txt-block p.s-20,
	.txt-block p.s-21 {
		font-size: 1.1875rem
	}

	.cbox-5-fea p,
	.txt-block p.btn-txt,
	.txt-block p.btns-group-txt,
	.txt-block p.compatibility,
	.txt-block p.video-txt-sm {
		margin-bottom: 0
	}

	.txt-block p.video-txt-lg {
		margin-bottom: 6px
	}

	.txt-block .btn {
		margin-top: 18px
	}

	.txt-block .btns-group .btn.btn--transparent {
		margin-top: 0
	}

	.txt-block .stores-badge.mt-15,
	.ws-wrapper .stores-badge.mt-15 {
		margin-top: 8px
	}

	.bc-6-link.mt-15 {
		margin-top: 12px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 16px
	}

	.right-column .cbox-5 {
		margin-bottom: 40px
	}

	.cbox-5-content {
		margin: 0;
		padding: 35px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 3rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.5rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		margin-top: 20px;
		padding: 15px 20px
	}

	.txt-block .cbox-5-fea h4 {
		font-size: 1.625rem
	}

	.cbox-5-txt .btn {
		margin-top: 14px
	}

	#cb-6-1,
	#cb-6-2,
	#cb-6-3 {
		margin-bottom: 24px
	}

	.cbox-1.ico-10 span {
		right: 6px
	}

	.cbox-1.ico-15 span {
		right: 6px;
		top: .5px
	}

	.cbox-1.ico-15 [class*=flaticon-]:after,
	.cbox-1.ico-15 [class*=flaticon-]:before {
		font-size: .7rem
	}

	.cbox-2 .ico-wrap {
		margin-right: 1rem
	}

	.cbox-2-ico {
		font-size: 1.15rem;
		height: 2.3rem;
		line-height: 2.05rem;
		width: 2.3rem
	}

	.ct-03 .cbox-2-ico {
		font-size: 1.0625rem;
		height: 2rem;
		line-height: 1.8rem;
		width: 2rem
	}

	.cbox-2-line {
		height: calc(100% - 74px)
	}

	.cbox-3 {
		display: block;
		text-align: center
	}

	.cbox-3 .ico-wrap {
		margin-right: 0
	}

	.cbox-3 .cbox-3-ico {
		margin-bottom: 10px;
		top: 0
	}

	.cbox-2-txt,
	.cbox-3-txt,
	.ct-03 .cbox-2-txt {
		margin-bottom: 25px
	}

	.ct-03 .cbox-2-txt {
		margin-bottom: 20px
	}

	.cbox-4 {
		text-align: center
	}

	.box-title h5,
	.box-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px
	}

	.cbox-4-txt {
		margin-bottom: 30px
	}

	.img-block-txt .box-title h5,
	.img-block-txt .box-title h6 {
		display: inline-block;
		line-height: 2.35rem !important;
		margin-bottom: 20px
	}

	.box-title span {
		display: block;
		margin-bottom: 10px;
		margin-right: 0;
		position: relative;
		top: 0
	}

	.img-block-txt .box-title span {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
		top: 10px
	}

	.box-title span[class*=flaticon-]:after,
	.box-title span[class*=flaticon-]:before {
		font-size: 3.25rem
	}

	.img-block-txt .box-title span[class*=flaticon-]:after,
	.img-block-txt .box-title span[class*=flaticon-]:before {
		font-size: 2.35rem
	}

	.cbox-1-txt p {
		margin-bottom: 5px
	}

	.cbox-6 h6 {
		margin-bottom: 12px
	}

	.txt-block .accordion-1 .accordion-item {
		padding: 18px 25px
	}

	.txt-block .accordion-2 .accordion-item {
		padding: 10px 0 20px
	}

	.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
		font-size: .95rem;
		top: 0
	}

	.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
	.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
		font-size: .95rem;
		top: 8px
	}

	.txt-block .accordion-1 .accordion-item.is-active {
		padding: 30px 25px 14px
	}

	.txt-block .accordion-2 .accordion-item.is-active {
		padding: 15px 0 20px
	}

	.txt-block .accordion-1 .accordion-panel {
		padding: 0
	}

	.txt-block .accordion-2 .accordion-thumb h5 {
		padding-left: 12px;
		padding-right: 0
	}

	.accordion-2 .accordion-thumb span[class*=flaticon-]:after,
	.accordion-2 .accordion-thumb span[class*=flaticon-]:before {
		font-size: 1.75rem;
		top: 6px
	}

	.tabs-1 li {
		font-size: 1.125rem
	}

	.advantages,
	.text-center .advantages {
		margin-top: 15px
	}

	.img-block-btn .advantages li {
		display: block !important;
		margin-top: 4px
	}

	.img-block-btn .advantages li p {
		display: block;
		float: none
	}

	.img-block-btn li.advantages-links-divider {
		display: none !important
	}

	.compatibility {
		margin-top: 5px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 12px
	}

	.tools-list span {
		padding-right: 1px
	}

	.payment-icons img {
		max-height: 30px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2.125rem;
		line-height: 2.125rem !important;
		margin-right: 4px
	}

	.cbox-5-shape-1,
	.cbox-5-shape-2 {
		display: none
	}

	.img-block.img-block-bkg img {
		padding: 40px 25px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.img-block-hidden {
		margin-bottom: -30px
	}

	.ct-10 .img-block {
		margin-bottom: -40px
	}

	.ct-01 .img-block,
	.ct-02 .img-block,
	.ct-03 .img-block.left-column,
	.ct-03 .img-block.right-column {
		margin: 0 2% 35px
	}

	.ct-01 .img-block.j-img,
	.ct-02 .img-block.j-img {
		margin-left: 0;
		margin-right: 0
	}

	.ct-06 .img-block,
	.ct-07 .img-block {
		margin-bottom: 40px;
		margin-top: -80px
	}

	.bc-5-img.bc-5-tablet.img-block-hidden {
		margin-bottom: -70px
	}

	.bc-6-img {
		margin-bottom: 25px;
		padding: 30px 15px 0
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn,
	.img-block-hidden .video-btn {
		top: 50%
	}

	.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
		top: calc(50% - 30px)
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 35px
	}

	.ct-11 .img-block,
	.ct-12 .img-block {
		margin-bottom: 40px;
		padding: 40px 8%
	}

	.sb-rounded .statistic-block {
		padding: 25px;
		text-align: center
	}

	#statistic-5 .statistic-digit {
		margin: 0 12% 18px;
		padding-bottom: 18px
	}

	#sb-2-1,
	#sb-2-2,
	#sb-2-3,
	#sb-2-4 {
		width: 50%
	}

	#sb-3-3,
	#sb-4-3 {
		margin-bottom: 30px
	}

	#sb-2-3,
	#sb-2-4 {
		padding-right: 12px
	}

	#sb-5-1,
	#sb-5-2 {
		margin-bottom: 35px
	}

	.statistic-1-wrapper .statistic-block-digit {
		margin-bottom: 12px
	}

	h2.statistic-number {
		font-size: 2.25rem;
		letter-spacing: -.5px;
		line-height: 1
	}

	.txt-block-stat h2.statistic-number {
		font-size: 2.125rem
	}

	#statistic-1 h2.statistic-number {
		letter-spacing: -.5px
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number {
		margin-bottom: 12px
	}

	#statistic-5 .statistic-digit h2 {
		font-size: 2.125rem;
		letter-spacing: -.5px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 12px
	}

	.txt-block-stat .statistic-block p {
		font-size: .95rem
	}

	#statistic-5 .statistic-txt p {
		padding: 0 8%
	}

	#pt-1-1,
	#pt-1-2,
	#pt-1-3,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4,
	.inner-page-hero #pt-1-5 {
		margin-bottom: 40px
	}

	.project-details h5 {
		margin-bottom: 25px
	}

	.more-projects {
		margin-top: 45px
	}

	.single-project .project-title {
		margin-bottom: 40px
	}

	.project-title h2 {
		margin-bottom: 25px;
		padding-bottom: 25px;
		padding-right: 0
	}

	.project-data p {
		margin-bottom: 5px
	}

	.project-priview-img.mb-50 {
		margin-bottom: 35px
	}

	.project-inner-img .top-img {
		margin-bottom: 30px
	}

	.project-inner-img.mt-50 {
		margin-top: 35px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 20px;
		margin-top: 35px
	}

	.project-description .more-projects {
		margin-top: 45px
	}

	.project-description .more-projects span {
		left: 4px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.125rem
	}

	#rb-2-1,
	#rb-2-2 {
		margin-bottom: 25px
	}

	.rating-title h5 {
		font-size: 1.125rem
	}

	.rbox-1-img {
		margin-bottom: 15px
	}

	.rbox-1-img img,
	.rbox-2-txt img {
		max-height: 31px
	}

	p.rbox-2-txt {
		line-height: 31px;
		margin-top: 8px
	}

	.rbox-1 .star-rating {
		font-size: .9rem;
		line-height: 1;
		padding: 5px 16px
	}

	.rbox-1 .star-rating span {
		top: 2px
	}

	.rbox-1 .ico-10 [class*=flaticon-]:after,
	.rbox-1 .ico-10 [class*=flaticon-]:before {
		font-size: .9rem
	}

	.rbox-1 .ico-15 [class*=flaticon-]:after,
	.rbox-1 .ico-15 [class*=flaticon-]:before {
		font-size: 1rem
	}

	.rbox-2 .ico-20 [class*=flaticon-]:after,
	.rbox-2 .ico-20 [class*=flaticon-]:before,
	.rbox-2 .ico-25 [class*=flaticon-]:after,
	.rbox-2 .ico-25 [class*=flaticon-]:before {
		font-size: 1.35rem
	}

	#reviews-4 .txt-block,
	#reviews-5 .txt-block {
		text-align: center
	}

	#reviews-4 .txt-block h2,
	#reviews-5 .txt-block h2 {
		font-size: 1.90625rem;
		padding: 0 6%
	}

	.review-1 {
		margin: 0 6px 20px
	}

	.review-1,
	.review-2,
	.review-3,
	.review-4,
	.review-5 {
		padding: 35px 20px 30px
	}

	.review-txt {
		margin-top: -40px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-3 .review-txt p {
		font-size: 1.0625rem
	}

	.review-1 .author-data,
	.review-2 .author-data,
	.review-3 .author-data,
	.review-4 .author-data,
	.review-5 .author-data {
		margin-top: 20px
	}

	.owl-item .review-avatar img,
	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img,
	.review-avatar img {
		height: 52px;
		width: 52px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-1 .review-author,
	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 3px
	}

	.review-author h6 {
		margin-bottom: 8px
	}

	.review-1 .review-author h6,
	.review-2 .review-author h6,
	.review-3 .review-author h6,
	.review-4 .review-author h6,
	.review-5 .review-author h6 {
		font-size: 1.2rem
	}

	.press-logo img {
		max-height: 74px
	}

	.press-txt {
		margin-top: 10px;
		padding: 0 3%
	}

	#brands-3:after {
		height: 75%
	}

	.brands-title {
		padding: 0 4%
	}

	.brands-title.mb-35,
	.brands-title.mb-40 {
		margin-bottom: 25px
	}

	.brands-title.mb-50 {
		margin-bottom: 30px
	}

	.brands-title h2,
	.brands-title h3,
	.brands-title h4 {
		margin-bottom: 8px
	}

	.brands-title p.p-lg,
	.brands-title p.p-md {
		font-size: 1.0625rem
	}

	.brands-3-wrapper,
	.brands-3-wrapper.brands-3-static {
		padding: 25px 15px
	}

	#brand-2-1,
	#brand-2-2,
	#brand-2-3,
	#brand-2-4,
	#brand-3-1,
	#brand-3-2,
	#brand-4-1,
	#brand-4-2,
	#brand-4-3,
	#brand-4-4,
	#brand-4-5,
	#brand-4-6,
	#brand-4-7,
	#brand-4-8,
	#brands-4 .brand-logo.mb-40 {
		margin-bottom: 30px
	}

	#brand-3-5 {
		display: none
	}

	#brands-1 .brands-carousel-5 .brand-logo,
	#brands-1 .brands-carousel-6 .brand-logo,
	#brands-1 .justify-content-center .brand-logo,
	#brands-4 .brand-logo {
		padding: 0 25px
	}

	#brands-2 .brand-logo,
	#brands-3 .brand-logo,
	#brands-3 .brands-3-static .brand-logo {
		padding: 0 20px
	}

	.brands-section .more-btn {
		margin-top: 30px
	}

	#integrations-2 .container {
		max-width: 100%
	}

	.integrations-2-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 20px 15px
	}

	.in_tool_logo.ico-65 img {
		height: 55px;
		width: 55px
	}

	.in_tool h6 {
		font-size: 1.125rem
	}

	.integrations-1-wrapper .in_tool {
		padding: 20px 25px
	}

	.integrations-1-wrapper .in_tool-txt h6 {
		font-size: 1.4rem;
		line-height: 1;
		margin-top: 4px
	}

	.integrations-1-wrapper .in_tool-txt p {
		font-size: 1.0625rem;
		margin-top: 6px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 30px
	}

	.pricing-1-table,
	.text-center .pricing-1-table {
		padding: 35px 40px
	}

	.pricing-2-table {
		padding: 35px 50px
	}

	.pricing-3-table {
		padding: 30px 50px 35px
	}

	.pricing-4-table {
		padding: 35px 40px
	}

	.pricing-table-header h4,
	.pricing-table-header h5 {
		font-size: 1.5625rem !important
	}

	.pricing-discount {
		padding: 6px 11px;
		right: -2px;
		top: 0
	}

	.pricing-1-table .pricing-discount {
		padding: 7px 13px;
		right: 0;
		top: -4px
	}

	.text-center .pricing-1-table .pricing-discount {
		right: -5px;
		top: -32px
	}

	.pricing-discount h6 {
		font-size: 1.05rem
	}

	.pricing-1-table .pricing-discount h6 {
		font-size: .9375rem
	}

	.p-table p.btn-txt {
		margin: 12px 0 0
	}

	.price span {
		font-size: 2.75rem
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.5rem
	}

	.pricing-3-table .price span {
		font-size: 4.25rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 2.75rem
	}

	.price sup {
		font-size: 2rem;
		top: -5px
	}

	.pricing-3-table .price sup {
		font-size: 2.45rem;
		top: -19px
	}

	.pricing-4-table .price sup {
		font-size: 2rem;
		top: -5px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2.45rem;
		letter-spacing: -2px;
		top: -22px
	}

	.price sup.validity {
		font-size: 1.3125rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.3125rem;
		margin-bottom: 35px;
		margin-top: 20px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.3125rem;
		left: 4px
	}

	.text-center .price p,
	.text-center .pricing-2-table .price p {
		padding: 0
	}

	.pricing-2-table hr,
	.pricing-features.mt-25 {
		margin-top: 20px
	}

	.pricing-4-table .pricing-features li,
	.pricing-features li {
		padding: 10px 8px
	}

	.pricing-notice.mb-40 {
		margin-bottom: 30px
	}

	.col-lg-10 .pricing-notice p,
	.col-lg-9 .pricing-notice p {
		padding: 0
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 auto 30px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1.15rem
	}

	.table-responsive.mb-50 {
		margin-bottom: 30px
	}

	.table>:not(caption)>*>* {
		padding-bottom: 9px;
		padding-top: 9px
	}

	.comp-table .table-responsive thead th {
		font-size: .9375rem
	}

	.comp-table .table-responsive tbody th {
		font-size: .915rem;
		line-height: 1.25
	}

	.comp-table .table-responsive tbody td {
		font-size: .9rem;
		line-height: 1.25;
		top: 0
	}

	.comp-table .table-responsive tbody td span {
		top: 3px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .675rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: .835rem
	}

	.pbox {
		padding: 0
	}

	#pbox-1,
	#pbox-2,
	#pbox-3,
	.pricing-section .pm-last,
	.pricing-section .txt-box-last {
		margin-bottom: 40px
	}

	.comp-table-payment h6 {
		margin-bottom: 15px
	}

	#team-1.pb-40,
	#team-2.pb-40 {
		padding-bottom: 30px
	}

	.team-member.mb-40,
	.team-member.mb-50,
	.team-member.mb-60 {
		margin-bottom: 40px
	}

	.team-member-photo {
		margin-bottom: 25px
	}

	#team-1 .team-member-data,
	#team-2 .team-member-data {
		margin-left: 10px
	}

	.team-member-data h6.s-20 {
		font-size: 1.4375rem;
		margin-bottom: 6px
	}

	.team-member-data p {
		font-size: 1.175rem
	}

	#team-1 ul.tm-social,
	ul.tm-social {
		right: 10px;
		top: 5px
	}

	.tm-social.ico-20 [class*=flaticon-]:after,
	.tm-social.ico-20 [class*=flaticon-]:before {
		font-size: 1.4125rem
	}

	#careers-1 {
		padding-bottom: 40px
	}

	.role-box {
		padding: 28px 50px;
		text-align: center
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		margin-bottom: 12px
	}

	.role-box-txt h6 {
		line-height: 1.4;
		margin-bottom: 5px
	}

	#careers-1 .role-box h6 {
		line-height: 1.4;
		margin-bottom: 6px
	}

	.role-box-txt p {
		margin-bottom: 14px
	}

	#role-page .inner-page-title {
		margin-bottom: 25px
	}

	#role-page .inner-page-title span {
		margin-bottom: 20px
	}

	#role-page .inner-page-title p {
		padding: 0
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 35px 0
	}

	.txt-block.role-info .btn {
		margin-top: 30px
	}

	#banner-12,
	#banner-13 {
		margin-bottom: 25px;
		margin-top: 0
	}

	#banner-9.py-70 {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-1 .container,
	#banner-11 .container,
	#banner-12 .container,
	#banner-13 .container,
	#banner-2 .container,
	#banner-3 .container {
		max-width: 100%
	}

	.banner-1-wrapper,
	.banner-11-wrapper,
	.banner-12-wrapper,
	.banner-13-wrapper,
	.banner-2-wrapper,
	.banner-3-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px
	}

	.banner-1-wrapper .banner-overlay,
	.banner-2-wrapper .banner-overlay,
	.banner-3-wrapper .banner-overlay {
		padding: 60px 30px 70px
	}

	.banner-1-wrapper .banner-overlay.sm-title {
		padding: 55px 30px 65px
	}

	#banner-14 .banner-overlay,
	#banner-15 .banner-overlay,
	#banner-5 .banner-overlay.pt-80.pb-90,
	#banner-6 .banner-overlay,
	#banner-7 .banner-overlay.pt-80.pb-90,
	#banner-8 .banner-overlay {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-10 .banner-overlay {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.banner-11-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: hidden;
		padding: 55px 45px 0
	}

	.banner-12-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 55px 45px 0
	}

	.banner-13-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 55px 45px 65px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 40px 10%
	}

	.banner-5-txt {
		padding: 0
	}

	.col-md-8 .banner-5-txt {
		padding: 0 3%
	}

	.banner-8-txt {
		padding: 0 5%
	}

	.banner-12-txt,
	.banner-13-txt {
		margin-top: 0;
		padding-right: 0
	}

	.banner-section .section-id {
		margin-bottom: 18px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 22px
	}

	.banner-section h2 {
		font-size: 1.90625rem !important
	}

	.banner-section h3 {
		font-size: 1.78125rem !important
	}

	.banner-1-txt h2 {
		margin-bottom: 12px
	}

	.banner-2-txt h2 {
		margin-bottom: 25px
	}

	.banner-10-txt h2,
	.banner-4-txt h2 {
		margin-bottom: 22px
	}

	.banner-7-txt h2 {
		margin-bottom: 25px;
		padding: 0 4%
	}

	.banner-10-txt h6 {
		margin-bottom: 8px
	}

	.banner-10-txt h2 {
		font-size: 3.5rem !important;
		margin-bottom: 18px
	}

	.banner-11-txt h2,
	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 14px
	}

	.banner-15-txt h2 {
		margin-bottom: 30px
	}

	.banner-16-txt h4 {
		margin-bottom: 10px;
		padding: 0 5%
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		margin-bottom: 20px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl,
	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 12px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl,
	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 12px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 18px;
		margin-top: 12px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 12px
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-14-txt p.p-lg {
		font-size: 1.125rem;
		margin-bottom: 25px;
		margin-top: 20px;
		padding: 0 10%
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 20px
	}

	.banner-8-buttons {
		margin-top: 15px;
		padding: 0 4%
	}

	.banner-15-txt .download-links {
		margin-top: 15px
	}

	.banner-section .btns-group .btn:first-child {
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 12px
	}

	.banner-9-img {
		margin: 40px 5% 0
	}

	.banner-10-img {
		margin: 40px 8% 0
	}

	.banner-11-img {
		margin: 35px 3% -20px
	}

	.banner-12-img {
		margin: 35px 0 -40px;
		transform: rotate(0deg)
	}

	span.version-data {
		font-size: 2rem;
		margin-right: 10px
	}

	span.release-date span {
		margin-left: 10px
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 50px
	}

	#faqs-1 .section-title {
		margin-bottom: 20px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 30px
	}

	#faqs-3 .section-title,
	#faqs-4 .inner-page-title {
		margin-bottom: 40px
	}

	#faqs-3 .section-title h2 {
		padding: 0 4%
	}

	#faqs-3 .section-title .contact-link {
		display: block
	}

	.faqs-section .accordion-thumb {
		padding: 20px 0 22px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 20px 0 25px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .875rem;
		right: 0;
		top: 23px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .9rem;
		right: 2px;
		top: 22px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	#faqs-2 .accordion-panel {
		padding: 30px 0 15px
	}

	#faqs-2 .accordion-panel-item.mb-35,
	#faqs-3 .question.mb-35 {
		margin-bottom: 25px
	}

	.faqs-section .accordion-thumb h5 {
		line-height: 1.4;
		padding-right: 8%
	}

	.accordion-panel-item h5,
	.question h5 {
		line-height: 1.4;
		margin-bottom: 15px
	}

	.faqs-section .tabs-1 {
		margin: 0 5px 10px
	}

	.faqs-section .tabs-1 li {
		margin: 0 0 20px;
		min-width: 100%;
		padding: 20px 0
	}

	#faqs-2 .more-questions {
		margin: 45px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 15px
	}

	.more-questions-txt {
		padding: 18px 36px
	}

	.more-questions-txt p {
		font-size: 1.125rem
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 40px;
		padding-top: 50px
	}

	#newsletter-2 .container {
		max-width: 100%
	}

	#newsletter-2 .newsletter-overlay {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 50px 8% 40px
	}

	#newsletter-3,
	#newsletter-4 .newsletter-overlay {
		padding-bottom: 60px;
		padding-top: 55px
	}

	#newsletter-4 .newsletter-txt,
	#newsletter-5 .newsletter-txt {
		padding: 0
	}

	#newsletter-4 .newsletter-txt h2,
	.newsletter-txt h2 {
		margin-bottom: 25px
	}

	#newsletter-3 .newsletter-txt h2 {
		padding: 0 1%
	}

	.newsletter-txt h3,
	.newsletter-txt h4 {
		font-size: 1.75rem;
		margin-bottom: 25px;
		padding: 0
	}

	#newsletter-3 .newsletter-txt p {
		padding: 0 5%
	}

	#newsletter-4 .newsletter-txt p {
		font-size: 1rem;
		margin-bottom: 0;
		padding: 0 5%
	}

	#newsletter-5 .newsletter-txt p {
		margin-top: 15px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form,
	#newsletter-3 .newsletter-form,
	#newsletter-4 .newsletter-form {
		padding: 0 5%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 25px;
		padding: 0 5%
	}

	#newsletter-1 .btn,
	#newsletter-1.newsletter-section .form-control,
	#newsletter-5.newsletter-section .btn,
	#newsletter-5.newsletter-section .form-control,
	.newsletter-section .btn,
	.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	.blog-post-img.mb-35 {
		margin-bottom: 30px
	}

	.post-tag {
		font-size: .825rem
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20,
	.blog-post-txt h6,
	.post-tag {
		margin-bottom: 14px
	}

	.blog-post-meta.mt-20,
	.blog-post-meta.mt-30 {
		margin-top: 14px
	}

	.post-meta-list p {
		margin-bottom: 0
	}

	.wide-post {
		margin-bottom: 40px
	}

	.square-post h4.s-34,
	.wide-post h3.s-36,
	.wide-post h3.s-38,
	.wide-post h3.s-40 {
		font-size: 1.3125rem
	}

	.wide-post .blog-post-img {
		margin-bottom: 30px
	}

	.square-post {
		margin-bottom: 40px;
		margin-top: 10px
	}

	.square-post .blog-post-txt {
		padding: 40px 20px
	}

	.posts-category {
		margin-bottom: 30px;
		margin-top: 10px
	}

	.posts-category span {
		top: 1.25px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1.0625rem
	}

	.single-post-title h2,
	.single-post-title h3 {
		margin-bottom: 20px;
		padding: 0 8%
	}

	.single-post-title .blog-post-meta.mt-35 {
		margin-top: 25px
	}

	#single-post .post-meta-list .meta-list-divider {
		display: none !important
	}

	#single-post .post-meta-list li {
		display: block !important;
		margin-top: 10px
	}

	.post-inner-img {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 15px
	}

	.single-post-txt .blockquote p {
		font-size: 1.0625rem;
		margin-bottom: 25px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1rem;
		line-height: 1.3
	}

	.post-share-list {
		margin-top: 30px;
		padding-bottom: 40px
	}

	.post-author {
		display: block !important;
		padding: 50px 0
	}

	.post-author-avatar {
		display: block !important;
		margin-bottom: 20px;
		margin-right: 0;
		text-align: left
	}

	.post-author-avatar img {
		height: 70px;
		width: 70px
	}

	.post-author-txt h5 {
		margin-bottom: 10px
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 135px
	}

	.post-comments {
		padding-top: 50px
	}

	.post-comments h5 {
		margin-bottom: 40px
	}

	.post-comments img {
		height: 45px;
		width: 45px
	}

	.comment-body {
		margin-left: 18px
	}

	.comment-meta {
		margin-bottom: 8px
	}

	.comment-meta h6 {
		margin-bottom: 5px
	}

	.post-comments #leave-comment h5 {
		margin-top: 50px
	}

	.comment-form p {
		margin-bottom: 10px
	}

	.comment-form {
		margin-top: 50px
	}

	.comment-form .btn {
		font-size: 1rem;
		margin-top: 0
	}

	#contacts-1 .section-title p {
		padding: 0 3%
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		line-height: 1.4;
		margin-bottom: 15px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 54px
	}

	.contact-form textarea {
		min-height: 170px
	}

	.contact-form textarea.form-control {
		padding: 15px
	}

	.footer {
		padding-bottom: 30px
	}

	.footer hr {
		margin-bottom: 30px;
		margin-top: 5px
	}

	.bottom-footer p.p-sm {
		margin-bottom: 0
	}

	#footer-10.pt-50 {
		padding-top: 0
	}

	#footer-11.p-404.pt-50 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.footer .col-sm-4,
	.footer .col-sm-6,
	.footer .col-sm-8 {
		float: left;
		width: 50% !important
	}

	#footer-3.footer .col-sm-6.col-md-3 {
		float: none;
		width: 100% !important
	}

	.footer-info,
	.footer-links,
	.footer-stores-badge {
		margin-bottom: 35px
	}

	#footer-2 .footer-info {
		margin-bottom: 40px
	}

	#footer-6 .footer-info,
	#footer-7 .footer-info {
		margin-bottom: 0;
		margin-top: 15px
	}

	#footer-10 .footer-info {
		margin-bottom: 25px;
		padding-bottom: 35px
	}

	#footer-10 .footer-links,
	#footer-8 .footer-links {
		margin-bottom: 10px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 37px
	}

	#footer-1 .footer-logo,
	#footer-5 .footer-logo,
	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 24px
	}

	#footer-10 img.footer-logo {
		max-height: 37px
	}

	.footer h6 {
		font-size: 1.21875rem;
		margin-bottom: 20px
	}

	.footer-mail-link {
		font-size: 1.125rem
	}

	.footer-mail-link span {
		right: 0;
		top: 3px
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 5px
	}

	#footer-8 .foo-links li {
		display: block !important;
		padding-left: 0
	}

	#footer-10 .foo-links li {
		padding: 0 8px
	}

	.foo-links li a span.ext-link {
		left: 3px;
		top: .5px
	}

	.foo-links.ico-10 li span {
		right: 3px;
		top: 1px
	}

	.footer-stores-badge .store {
		margin-right: 0
	}

	.footer-socials.ico-25 [class*=flaticon-]:after,
	.footer-socials.ico-25 [class*=flaticon-]:before {
		font-size: 1.3925rem
	}

	.footer-form {
		margin-right: 5%
	}

	#footer-9 .footer-form {
		margin-bottom: 0
	}

	#footer-9 .footer-form h6 {
		padding-right: 10%
	}

	.footer-form .form-control {
		font-size: 1.1rem;
		height: 34px
	}

	.footer-form .btn {
		height: 34px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		font-size: 1.125rem;
		line-height: 28px !important
	}

	.bottom-footer-socials {
		margin-top: 10px
	}

	.bottom-footer-socials li {
		padding-left: 12px
	}

	.bottom-footer-socials li:first-child {
		padding-left: 0
	}

	.bottom-footer-list {
		margin-top: 3px
	}

	#footer-4 .bottom-footer-list li,
	#footer-9 .bottom-footer-list li {
		padding-left: 8px
	}

	.footer-list-divider {
		top: -1px
	}

	.bottom-secondary-link p span {
		padding: 0 2px;
		top: 1.5px
	}

	.footer-info-copyright p span {
		padding: 0 2px;
		top: 2px
	}

	.footer-info-copyright.ico-15 [class*=flaticon-]:after,
	.footer-info-copyright.ico-15 [class*=flaticon-]:before {
		font-size: .815rem
	}

	.inner-page-title {
		margin-bottom: 50px
	}

	.inner-page-title h2 {
		margin-bottom: 0
	}

	.inner-page-title p {
		font-size: 1.15rem;
		line-height: 1.6666;
		margin-top: 10px;
		padding: 0 5%
	}

	.page-hero-section h1 {
		line-height: 1.25;
		margin-bottom: 20px
	}

	.page-link {
		font-size: .95rem;
		padding: 2px 10px
	}

	.pagination.ico-20 [class*=flaticon-]:after,
	.pagination.ico-20 [class*=flaticon-]:before {
		font-size: .75rem
	}

	.login-page-logo {
		margin-bottom: 40px
	}

	.login-page-logo img {
		max-height: 40px
	}

	.register-form-title {
		margin-bottom: 25px
	}

	.register-form-title h3 {
		font-size: 1.6875rem
	}

	.form-data span,
	.register-page-form .btn-google,
	.register-page-form p.input-header,
	.separator-line {
		font-size: 1rem
	}

	#signup .form-data span {
		font-size: .9rem
	}

	.reset-password-link p {
		font-size: 1rem;
		margin-bottom: 8px;
		margin-top: 0
	}

	.register-page-form p.create-account {
		font-size: 1rem;
		margin-top: 20px
	}

	.separator-line {
		margin: 24px 0
	}

	.reset-page-wrapper {
		margin: 0 15px
	}

	.reset-page-wrapper form {
		padding: 40px 20px 15px
	}

	#login .register-page-form,
	#signup .register-page-form {
		padding: 35px 20px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 15px
	}

	.reset-form-title {
		margin-bottom: 20px
	}

	.reset-form-title p.p-sm {
		font-size: 1rem;
		margin-top: 20px
	}

	#login .register-page-form .btn.submit,
	#signup .register-page-form .btn.submit,
	.register-page-form .form-control,
	.reset-page-wrapper .btn.submit,
	.reset-page-wrapper .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	.btn-google img {
		height: 20px;
		right: 5px;
		top: -2px;
		width: 20px
	}

	.btn-show-pass {
		top: 18px
	}

	.page-404-txt {
		padding-bottom: 60px;
		padding-top: 100px
	}

	.page-404-txt h2 {
		margin-bottom: 15px
	}

	.page-404-txt h6 {
		line-height: 1.6666;
		margin-bottom: 22px;
		padding: 0 2%
	}

	.page-404-img {
		margin-bottom: 35px;
		padding: 0 4%
	}

	#modal-1 .modal-dialog {
		margin: auto;
		max-width: 370px
	}

	#modal-2 .modal-dialog {
		margin: auto;
		width: 340px
	}

	#modal-3 .modal-dialog.modal-xl {
		margin: auto;
		width: 360px
	}

	#modal-1.modal .btn-close {
		right: 10px !important;
		top: 10px !important
	}

	#modal-2 .modal-body-content {
		padding: 25px 30px 5px
	}

	#modal-3 .modal-body-content {
		padding: 30px 15px 20px
	}

	.modal-body .newsletter-form {
		margin-top: 20px
	}

	.modal .newsletter-form .btn,
	.modal .newsletter-form .form-control {
		font-size: 1rem;
		height: 52px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 20px;
		margin-top: 15px
	}
}

@media (min-width:390px) and (max-width:413.98px) {
	#stlChanger {
		display: none
	}

	.division {
		padding-left: 3px;
		padding-right: 3px
	}

	.bg--fixed {
		width: auto
	}

	.bg--scroll {
		background-attachment: scroll !important;
		width: auto
	}

	.shape--01:after,
	.shape--02:after {
		height: 90%;
		top: 6.5%
	}

	.shape--02:after,
	.shape--03:after {
		left: -20%;
		width: 140%
	}

	.shape--03:after {
		height: 129%;
		top: -70px
	}

	.shape--04:after {
		height: 94%;
		top: 0
	}

	.shape--06:after {
		height: 92%
	}

	.shape--07:after {
		height: 80%;
		top: 15%
	}

	ol.digit-list p {
		margin-bottom: 5px
	}

	.font--jakarta h1,
	.font--jakarta h2 {
		line-height: 1.35
	}

	.font--jakarta h3,
	.font--jakarta h4,
	.font--jakarta h5,
	.font--jakarta h6 {
		line-height: 1.4
	}

	.s-15,
	.s-16 {
		font-size: 1.0625rem
	}

	.s-17 {
		font-size: 1.125rem
	}

	.s-18,
	.s-19,
	.s-20,
	.s-21,
	.s-22,
	.s-23 {
		font-size: 1.3125rem
	}

	.s-24,
	.s-26,
	.s-28 {
		font-size: 1.4375rem
	}

	.s-30,
	.s-32,
	.s-34 {
		font-size: 1.5625rem
	}

	.s-36,
	.s-38,
	.s-40 {
		font-size: 1.6875rem
	}

	.s-42,
	.s-43,
	.s-44,
	.s-45,
	.s-46,
	.s-47 {
		font-size: 1.8125rem
	}

	.s-48 {
		font-size: 1.9375rem
	}

	.s-50,
	.s-52,
	.s-54,
	.s-56,
	.s-58,
	.s-60 {
		font-size: 2rem
	}

	.s-62 {
		font-size: 2.0625rem
	}

	.s-64,
	.s-66 {
		font-size: 2.125rem
	}

	.s-68 {
		font-size: 2.25rem
	}

	p.p-sm {
		font-size: 1rem
	}

	p {
		font-size: 1.0625rem
	}

	a.tra-link,
	p.p-lg,
	p.p-md {
		font-size: 1.125rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		top: 1px
	}

	a.tra-link {
		font-size: 1.0625rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 2px
	}

	.btn {
		font-size: 1.0625rem
	}

	.btn.btn-sm {
		font-size: 1rem;
		padding: .7rem 1.5rem
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .61915rem .5rem 0
	}

	.btns-group .btn:first-child {
		margin-bottom: 15px
	}

	.btns-group .btn:first-child,
	.btns-group .btn:last-child {
		margin-left: 8px;
		margin-right: 8px
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1.225rem;
		line-height: .45rem !important;
		top: 4px
	}

	.btn.ico-30 [class*=flaticon-]:after,
	.btn.ico-30 [class*=flaticon-]:before {
		font-size: 2.05rem
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		font-size: 1.15rem;
		margin-right: 0;
		top: -10px
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		font-size: 1.15rem;
		margin-left: 0;
		top: -10px
	}

	.btn.ico-left span {
		margin-right: 3px
	}

	.btn.ico-right span {
		margin-left: 3px
	}

	.text-center p.btns-group-txt,
	p.btn-txt {
		margin-bottom: 0;
		margin-top: 18px
	}

	.btn-rating {
		margin: 15px 0 0
	}

	.btn-rating p.p-sm {
		font-size: .9375rem
	}

	.os-btn {
		min-width: 280px;
		padding: 14px 15px 10px;
		width: 280px
	}

	.os-btn-ico {
		margin-right: 14px
	}

	.os-btn-txt p {
		margin-top: 4px
	}

	.btn-os.mb-15,
	.btn-os.mr-15 {
		margin-bottom: 15px
	}

	.btn-os.mr-15 {
		margin-right: 0
	}

	.store {
		margin-right: 6px
	}

	.store.store-btn-2 {
		margin-right: 0
	}

	.store-btn-3,
	.store-btn-4 {
		margin-top: 15px
	}

	.watch-video {
		margin-top: 20px
	}

	.watch-video-link {
		margin-right: 10px
	}

	p.video-txt-lg {
		font-size: 1.125rem
	}

	p.video-txt-sm {
		font-size: 1.0625rem
	}

	.ico-50 .shape-ico svg {
		height: 120px;
		left: calc(50% - 60px);
		top: -35px;
		width: 120px
	}

	.fbox-11 .ico-50 .shape-ico svg {
		left: calc(50% - 65px);
		top: -35px
	}

	.ico-55 .shape-ico svg {
		height: 125px;
		left: calc(50% - 65px);
		top: -30px;
		width: 125px
	}

	.ico-60 .shape-ico svg {
		height: 130px;
		left: calc(50% - 60px);
		top: -35px;
		width: 130px
	}

	.ico-rounded,
	.ico-rounded-lg,
	.ico-rounded-md {
		height: 94px;
		width: 94px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before,
	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before,
	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 3rem;
		line-height: 94px !important
	}

	.ico-square {
		height: 88px;
		width: 88px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.85rem;
		line-height: 88px !important
	}

	.section-id.rounded-id {
		font-size: .8rem;
		margin-bottom: 30px;
		padding: 8px 22px
	}

	.section-title.mb-60 {
		margin-bottom: 35px
	}

	.section-title.mb-70,
	.section-title.mb-80 {
		margin-bottom: 40px
	}

	.section-title h2 {
		padding: 0 1%
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		margin-top: 14px
	}

	.section-title p.p-xl {
		font-size: 1.125rem;
		margin-top: 14px
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.1875rem;
		margin-top: 12px;
		padding: 0 2%
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title .btns-group.mt-35 {
		margin-top: 20px
	}

	.section-title .btns-group .btn {
		margin-left: 10px;
		margin-right: 10px
	}

	.section-title .btns-group .btn:first-child {
		margin-bottom: 15px
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 23px;
		padding-left: 16px
	}

	.blog-header .wsmobileheader .smllogo {
		margin-top: 29px
	}

	.smllogo img {
		max-height: 34px;
		max-width: inherit;
		width: auto
	}

	.blog-header .smllogo img {
		max-height: 28px
	}

	.wsmenu>.wsmenu-list {
		margin-right: -325px;
		width: 325px
	}

	.overlapblackbg {
		width: calc(100% - 325px)
	}

	.wsanimated-arrow {
		margin: 25px 16px 0 0;
		padding: 14px 30px 14px 0
	}

	span.sm-info {
		font-size: .8rem;
		height: 22px;
		line-height: 20px;
		margin-left: 8px;
		top: -1px;
		width: 22px
	}

	.wsmenu>.wsmenu-list>li>a {
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 8px;
		margin: 24px 18px 0 0;
		width: 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		top: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu,
	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		padding: 6px 10px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 12px 10px
	}

	.store.header-store img {
		max-height: 45px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		line-height: 52px !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		margin-top: 12px
	}

	.icons-menu-ico {
		margin-right: 18px
	}

	.icons-menu-txt span {
		font-size: 1rem
	}

	.hero-section.blur--purple:after {
		opacity: .18;
		top: -25%
	}

	.hero-section h2 {
		margin-bottom: 15px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50 {
		margin-bottom: 20px
	}

	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl {
		margin-bottom: 25px
	}

	.hero-section p.s-21 {
		font-size: 1.3125rem;
		margin-bottom: 22px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 8px
	}

	.hero-section .text-center .advantages {
		margin-top: 18px
	}

	.hero-section .advantages li {
		display: block !important;
		margin-top: 4px
	}

	.hero-section .advantages li p {
		display: block;
		float: none
	}

	.hero-section li.advantages-links-divider {
		display: none !important
	}

	.hero-logo {
		margin-bottom: 28px
	}

	.hero-logo img {
		max-height: 32px
	}

	.hero-square-logo {
		margin-bottom: 10px
	}

	.hero-square-logo img {
		max-height: 64px
	}

	.hero-app-logo {
		margin-bottom: 25px
	}

	#hero-25 .hero-app-logo img,
	.hero-app-logo img {
		max-height: 90px
	}

	.hero-digits {
		margin-top: -5px
	}

	#hero-9 .hero-digits {
		margin-top: 3px
	}

	.hero-digits h2.statistic-number {
		font-size: 2.25rem
	}

	.hero-digits h2.statistic-number span {
		font-size: 2rem
	}

	.hero-section .quick-form.mt-35,
	.hero-section .quick-form.mt-45 {
		margin-top: 0
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.175rem;
		height: 58px
	}

	.hero-section .quick-form.form-half .form-control {
		font-size: 1.175rem;
		height: 58px;
		padding: 0 14px
	}

	.hero-section .quick-form.form-half .btn {
		font-size: 1.15rem;
		height: 58px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 0
	}

	.request-form .form-control {
		font-size: 1.0625rem;
		height: 56px;
		padding: 0 14px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		font-size: 1.0625rem;
		height: 56px;
		padding: 16px
	}

	.hero-1-txt {
		padding: 0 3%
	}

	.hero-1-img {
		margin-top: 35px
	}

	.hero-2-txt {
		padding: 0 2%
	}

	.hero-2-img {
		margin-top: 35px
	}

	.hero-3-txt {
		padding: 0 2%
	}

	#hero-3:after {
		height: 8%
	}

	.hero-3-img {
		margin-top: 35px
	}

	#hero-4 {
		padding-top: 70px
	}

	#hero-4:after {
		height: 7%
	}

	.hero-4-txt h2 {
		padding: 0 3%
	}

	.font--inter .hero-4-txt h2 {
		padding: 0 4%
	}

	.hero-4-txt p {
		padding: 0 5px
	}

	.hero-4-img {
		margin-top: 35px
	}

	#hero-5 {
		margin-bottom: 50px
	}

	.hero-5-txt h2 {
		margin-bottom: 15px
	}

	.hero-5-txt p.p-lg {
		margin-bottom: 20px
	}

	#hero-6 {
		padding-top: 0
	}

	#hero-6 .container {
		max-width: 100%
	}

	.hero-6-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 20px
	}

	.hero-6-txt p {
		padding: 0 3%
	}

	.hero-6-img {
		margin: 35px 1% 0
	}

	#hero-7 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.hero-7-txt h2 {
		padding: 0 5%
	}

	#hero-7 .quick-form {
		margin-left: 3%;
		margin-right: 3%
	}

	.hero-7-img {
		margin-top: 35px
	}

	.hero-8-txt {
		padding: 0 4%
	}

	.hero-8-txt .hero-logo {
		display: none
	}

	.hero-8-txt .hero-digits {
		padding: 0
	}

	#hero-8-form {
		border-radius: 10px;
		margin: 40px 2% 0;
		padding: 30px 18px
	}

	#hero-8-form h4 {
		margin-bottom: 15px
	}

	#hero-8-form p {
		font-size: 1.0625rem;
		margin-bottom: 16px
	}

	#hero-8-form p.p-sm {
		font-size: 1rem;
		padding: 0 !important
	}

	.hero-9-txt h2 {
		line-height: 1.45;
		padding: 0 3%
	}

	.hero-9-txt h2 img {
		margin: 0 2px;
		max-height: 52px;
		top: -9px
	}

	.hero-9-txt p.s-20 {
		font-size: 1.125rem;
		margin-top: 10px
	}

	#hero-9 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	.hero-9-img {
		margin-top: 35px
	}

	#hero-10:after {
		height: 7%
	}

	.hero-10-txt h2 {
		padding: 0 2%
	}

	.hero-10-txt h4 {
		margin-bottom: 25px;
		padding: 0 2%
	}

	.hero-10-img {
		margin-top: 35px
	}

	.hero-11-txt p {
		padding: 0 4%
	}

	.hero-11-img {
		margin: 30px 3% -50px
	}

	#hero-12:after {
		height: 7%
	}

	.hero-12-txt h2 {
		padding: 0 5%
	}

	.font--inter .hero-12-txt h2 {
		padding: 0 4%
	}

	.hero-12-txt p {
		padding: 0 5px
	}

	.hero-12-img {
		margin-top: 35px
	}

	.hero-13-txt {
		padding: 0 3%
	}

	.hero-13-img {
		margin: 40px 2% 0
	}

	#hero-14 {
		margin-bottom: 20px
	}

	.hero-14-txt h2.s-62 {
		font-size: 2rem;
		margin-bottom: 15px;
		padding: 0 3%
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 25px;
		padding: 0
	}

	#hero-14 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-14-img {
		margin-bottom: -20px;
		margin-top: 35px
	}

	.hero-14-txt .btn-txt {
		margin-top: 25px
	}

	.hero-15-txt {
		padding: 0 3%
	}

	.hero-15-img {
		margin: 0 2%;
		margin: 35px 2% 0
	}

	#hero-16 {
		margin-bottom: 35px;
		padding-top: 70px
	}

	.hero-16-txt h2 {
		padding: 0 5%
	}

	.hero-16-img {
		margin: 35px 0 -35px
	}

	.hero-17-txt p {
		padding: 0 2%
	}

	#hero-17 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	#hero-17 #brands-1 {
		padding-top: 40px
	}

	.hero-18-txt {
		padding: 0 2%
	}

	.hero-18-img {
		margin-top: 35px
	}

	.hero-19-txt h2 {
		padding: 0 4%
	}

	.hero-19-txt p {
		padding: 0 1%
	}

	.hero-20-txt {
		padding: 0 4%
	}

	.hero-20-txt .hero-logo {
		display: none
	}

	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 20px
	}

	#hero-21 {
		margin-bottom: 40px
	}

	#hero-21 .container {
		max-width: 100%
	}

	.hero-21-txt {
		margin-bottom: 50px
	}

	.hero-21-txt h2 {
		margin-bottom: 20px
	}

	.hero-21-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		overflow: visible
	}

	#hero-21 .hero-overlay {
		padding: 60px 25px 0;
		position: relative
	}

	.hero-21-img {
		margin-bottom: -40px
	}

	.hero-21-img .video-btn {
		top: calc(50% - 2px)
	}

	#hero-22-form {
		margin: 0 1%;
		padding: 35px 20px 25px;
		text-align: center
	}

	#hero-22 .hero-logo {
		display: none
	}

	#hero-22-form h4 {
		font-size: 1.6875rem;
		margin-bottom: 15px;
		padding: 0
	}

	#hero-22-form p {
		font-size: 1.125rem;
		margin-bottom: 16px;
		padding: 0 5%
	}

	.hero-23-txt {
		padding: 0 2%
	}

	.hero-23-img {
		margin-top: 12px
	}

	#hero-24 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.hero-24-txt p.p-xl {
		padding: 0 2%
	}

	#hero-24 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	.hero-25-img {
		margin: 35px 2% 0
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 22px
	}

	.hero-26-txt {
		padding: 0 5%
	}

	.hero-26-img {
		margin-top: 35px
	}

	.hero-27-txt h2 {
		font-size: 1.9rem;
		margin-bottom: 15px !important
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		font-size: 1.15rem
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 0 !important
	}

	.about-2-title {
		margin-bottom: 30px
	}

	.a2-txt {
		padding: 15px 20px 30px
	}

	.a2-txt-quote {
		margin-bottom: -40px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4.25rem
	}

	.a2-txt-author {
		font-size: 1.125rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .975rem;
		margin-top: 1px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 15px
	}

	#about-4 .txt-block h2 {
		padding: 0 6%
	}

	#about-4 .txt-block p {
		margin-top: 15px
	}

	#a4-2 {
		margin: 35px 3% 0
	}

	#features-14 .container {
		max-width: 100%
	}

	.fbox-14-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 30px
	}

	#features-12.py-100.shape--bg:after,
	#features-13.py-100.shape--bg:after {
		height: 67%;
		top: 33%
	}

	#features-12.pt-100.shape--bg:after,
	#features-13.pt-100.shape--bg:after {
		height: 64%;
		top: 32.6%
	}

	.fbox-7,
	.fbox-9,
	.row-cols-md-2 .fbox-4,
	.row-cols-md-3 .fbox-4 {
		padding: 40px 25px 35px
	}

	.fbox-5 {
		padding: 45px 25px 40px
	}

	.row-cols-md-2 .fbox-7 {
		padding: 40px 35px 35px
	}

	.fbox-8.fb-1 {
		padding: 0 25px 40px
	}

	.fbox-8.bg--white-100 {
		padding: 45px 25px
	}

	.fbox-8.fb-3 {
		padding: 45px 25px 0
	}

	.fbox-12,
	.fbox-13 {
		padding: 32px 25px
	}

	#fb-12-1,
	#fb-13-1 {
		margin-top: 60px
	}

	.fbox-14 {
		padding: 40px 30px
	}

	.fbox-14.fb-1,
	.fbox-14.fb-2 {
		margin-bottom: 30px
	}

	.fbox-img.h-135 img,
	.fbox-img.h-140 img,
	.fbox-img.h-145 img,
	.fbox-img.h-150 img,
	.fbox-img.h-155 img,
	.fbox-img.h-160 img,
	.fbox-img.h-165 img,
	.fbox-img.h-170 img,
	.fbox-img.h-175 img,
	.fbox-img.h-180 img {
		max-height: 185px
	}

	.fbox-2 .fbox-img.h-135 img,
	.fbox-2 .fbox-img.h-140 img,
	.fbox-2 .fbox-img.h-145 img,
	.fbox-2 .fbox-img.h-150 img,
	.fbox-2 .fbox-img.h-155 img,
	.fbox-2 .fbox-img.h-160 img,
	.fbox-2 .fbox-img.h-165 img,
	.fbox-2 .fbox-img.h-170 img,
	.fbox-2 .fbox-img.h-175 img,
	.fbox-2 .fbox-img.h-180 img,
	.fbox-3 .fbox-img.h-135 img,
	.fbox-3 .fbox-img.h-140 img,
	.fbox-3 .fbox-img.h-145 img,
	.fbox-3 .fbox-img.h-150 img,
	.fbox-3 .fbox-img.h-155 img,
	.fbox-3 .fbox-img.h-160 img,
	.fbox-3 .fbox-img.h-165 img,
	.fbox-3 .fbox-img.h-170 img,
	.fbox-3 .fbox-img.h-175 img,
	.fbox-3 .fbox-img.h-180 img {
		max-height: 180px
	}

	.fbox-4 .fbox-img.h-135 img,
	.fbox-4 .fbox-img.h-145 img,
	.fbox-4 .fbox-img.h-150 img,
	.fbox-4 .fbox-img.h-155 img,
	.fbox-4 .fbox-img.h-160 img,
	.fbox-4 .fbox-img.h-165 img,
	.fbox-4 .fbox-img.h-170 img,
	.fbox-4 .fbox-img.h-175 img,
	.fbox-4.fbox-img.h-140 img {
		max-height: 165px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 30px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155,
	.fbox-2 .fbox-img.h-160,
	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170,
	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 12px 50px;
		padding-top: 40px
	}

	.fbox-3 .fbox-img.h-135,
	.fbox-3 .fbox-img.h-140,
	.fbox-3 .fbox-img.h-145,
	.fbox-3 .fbox-img.h-150,
	.fbox-3 .fbox-img.h-155,
	.fbox-3 .fbox-img.h-160,
	.fbox-3 .fbox-img.h-165,
	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 12px 30px;
		padding-top: 40px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 0 9% 30px
	}

	.fbox-ico,
	.fbox-ico.ico-rounded,
	.fbox-ico.ico-square {
		margin-bottom: 20px
	}

	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:after,
	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:before,
	.fbox-wrapper .ico-50 [class*=flaticon-]:after,
	.fbox-wrapper .ico-50 [class*=flaticon-]:before,
	.fbox-wrapper .ico-55 [class*=flaticon-]:after,
	.fbox-wrapper .ico-55 [class*=flaticon-]:before,
	.fbox-wrapper .ico-60 [class*=flaticon-]:after,
	.fbox-wrapper .ico-60 [class*=flaticon-]:before {
		font-size: 3.65rem
	}

	.fbox-10 .fbox-title {
		margin: 0 auto
	}

	.fbox-10 .fbox-title span {
		float: none;
		line-height: 1 !important;
		margin-right: 0
	}

	.fbox-10 .fbox-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px;
		margin-top: 15px
	}

	.features-section h6.s-18,
	.features-section h6.s-20,
	.features-section h6.s-22 {
		font-size: 1.4375rem
	}

	.fbox-txt h5,
	.fbox-wrapper .row-cols-md-2 h6,
	.features-section h6,
	.rows-2 .fbox-11 h6 {
		margin-bottom: 15px
	}

	.fbox-14 h5 {
		margin-bottom: 12px;
		padding: 0 10%
	}

	.fbox-10 p,
	.fbox-5 .fbox-txt p,
	.row-cols-md-2 .fbox-1 p,
	.row-cols-md-2 .fbox-2 p,
	.row-cols-md-2 .fbox-3 p,
	.row-cols-md-2 .fbox-6 p,
	.row-cols-md-3 .fbox-1 p,
	.row-cols-md-3 .fbox-2 p,
	.row-cols-md-3 .fbox-3 p,
	.row-cols-md-3 .fbox-6 p {
		padding: 0 8%
	}

	.row-cols-md-2 .fbox-4 p,
	.row-cols-md-3 .fbox-4 p {
		padding: 0 4%
	}

	.fbox-5 .fbox-txt p,
	.rows-3 .fbox-11 p {
		padding: 0 2%
	}

	.row-cols-lg-3 .fbox-10 .fbox-txt p {
		padding: 0
	}

	.ct-10 .section-overlay {
		margin-bottom: 40px
	}

	.ct-top {
		margin-bottom: 70px
	}

	.ct-13 .img-block,
	.ct-13 .txt-block {
		margin-bottom: 35px
	}

	.ct-13 .img-block.ml-block,
	.ct-13 .txt-block.ml-block {
		margin-bottom: 0
	}

	.content-section.ws-wrapper {
		margin: 0 -15px
	}

	.bc-1-wrapper .section-overlay,
	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay {
		padding: 70px 17px
	}

	.bc-4-wrapper .section-overlay {
		padding: 70px 20px
	}

	.bc-5-wrapper .section-overlay {
		padding: 70px 17px 0
	}

	.cbox-6-wrapper {
		padding: 30px 17px
	}

	.bc-6-wrapper .section-overlay {
		padding: 70px 22px
	}

	.bc-6 {
		padding: 20px 15px 30px
	}

	.bc-1-wrapper,
	.bc-2-wrapper,
	.bc-3-wrapper,
	.bc-4-wrapper,
	.bc-5-wrapper,
	.bc-6-wrapper {
		border-radius: 0 0 !important
	}

	.bc-5-wrapper .section-title p {
		padding: 0 3%
	}

	.txt-box {
		margin-bottom: 15px
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 14px
	}

	.bc-6-txt h5,
	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 12px
	}

	.txt-block p,
	.txt-block p.p-sm {
		margin-bottom: .875rem
	}

	.txt-block p.s-20,
	.txt-block p.s-21 {
		font-size: 1.1875rem
	}

	.cbox-5-fea p,
	.txt-block p.btn-txt,
	.txt-block p.btns-group-txt,
	.txt-block p.compatibility,
	.txt-block p.video-txt-sm {
		margin-bottom: 0
	}

	.txt-block p.video-txt-lg {
		margin-bottom: 6px
	}

	.txt-block .btn {
		margin-top: 18px
	}

	.txt-block .btns-group .btn.btn--transparent {
		margin-top: 0
	}

	.txt-block .stores-badge.mt-15,
	.ws-wrapper .stores-badge.mt-15 {
		margin-top: 8px
	}

	.bc-6-link.mt-15 {
		margin-top: 12px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 16px
	}

	.right-column .cbox-5 {
		margin-bottom: 40px
	}

	.cbox-5-content {
		margin: 0;
		padding: 35px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 2.65rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.15rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		margin-top: 20px;
		padding: 15px 20px
	}

	.txt-block .cbox-5-fea h4 {
		font-size: 1.625rem
	}

	.cbox-5-txt .btn {
		margin-top: 14px
	}

	#cb-6-1,
	#cb-6-2,
	#cb-6-3 {
		margin-bottom: 24px
	}

	.cbox-1.ico-10 span {
		right: 6px
	}

	.cbox-1.ico-15 span {
		right: 6px;
		top: .5px
	}

	.cbox-1.ico-15 [class*=flaticon-]:after,
	.cbox-1.ico-15 [class*=flaticon-]:before {
		font-size: .7rem
	}

	.cbox-2 .ico-wrap {
		margin-right: 1rem
	}

	.cbox-2-ico {
		font-size: 1.15rem;
		height: 2.3rem;
		line-height: 2.05rem;
		width: 2.3rem
	}

	.ct-03 .cbox-2-ico {
		font-size: 1rem;
		height: 1.6rem;
		line-height: 1.4rem;
		width: 1.6rem
	}

	.cbox-2-line {
		height: calc(100% - 74px)
	}

	.cbox-3 {
		display: block;
		text-align: center
	}

	.cbox-3 .ico-wrap {
		margin-right: 0
	}

	.cbox-3 .cbox-3-ico {
		margin-bottom: 10px;
		top: 0
	}

	.cbox-2-txt,
	.cbox-3-txt {
		margin-bottom: 25px
	}

	.ct-03 .cbox-2-txt {
		margin-bottom: 20px
	}

	.cbox-4 {
		text-align: center
	}

	.box-title h5,
	.box-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px
	}

	.cbox-4-txt {
		margin-bottom: 30px
	}

	.img-block-txt .box-title h5,
	.img-block-txt .box-title h6 {
		display: inline-block;
		line-height: 2.35rem !important;
		margin-bottom: 20px
	}

	.box-title span {
		display: block;
		margin-bottom: 10px;
		margin-right: 0;
		position: relative;
		top: 0
	}

	.img-block-txt .box-title span {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
		top: 10px
	}

	.box-title span[class*=flaticon-]:after,
	.box-title span[class*=flaticon-]:before {
		font-size: 3.25rem
	}

	.img-block-txt .box-title span[class*=flaticon-]:after,
	.img-block-txt .box-title span[class*=flaticon-]:before {
		font-size: 2.35rem
	}

	.cbox-1-txt p {
		margin-bottom: 5px
	}

	.cbox-6 h6 {
		margin-bottom: 12px
	}

	.txt-block .accordion-1 .accordion-item {
		padding: 18px 25px
	}

	.txt-block .accordion-2 .accordion-item {
		padding: 10px 0 20px
	}

	.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
		font-size: .95rem;
		top: 0
	}

	.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
	.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
		font-size: .95rem;
		top: 8px
	}

	.txt-block .accordion-1 .accordion-item.is-active {
		padding: 30px 25px 14px
	}

	.txt-block .accordion-2 .accordion-item.is-active {
		padding: 15px 0 20px
	}

	.txt-block .accordion-1 .accordion-panel {
		padding: 0
	}

	.txt-block .accordion-2 .accordion-thumb h5 {
		padding-left: 12px;
		padding-right: 0
	}

	.accordion-2 .accordion-thumb span[class*=flaticon-]:after,
	.accordion-2 .accordion-thumb span[class*=flaticon-]:before {
		font-size: 1.75rem;
		top: 6px
	}

	.tabs-1 li {
		font-size: 1.125rem
	}

	.advantages,
	.text-center .advantages {
		margin-top: 15px
	}

	.img-block-btn .advantages li {
		display: block !important;
		margin-top: 4px
	}

	.img-block-btn .advantages li p {
		display: block;
		float: none
	}

	.img-block-btn li.advantages-links-divider {
		display: none !important
	}

	.compatibility {
		margin-top: 10px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 12px
	}

	.tools-list span {
		padding-right: 1px
	}

	.payment-icons img {
		max-height: 30px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2.125rem;
		line-height: 2.125rem !important;
		margin-right: 4px
	}

	.cbox-5-shape-1,
	.cbox-5-shape-2 {
		display: none
	}

	.img-block.img-block-bkg img {
		padding: 35px 20px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.img-block-hidden {
		margin-bottom: -30px
	}

	.ct-10 .img-block {
		margin-bottom: -40px
	}

	.ct-01 .img-block,
	.ct-02 .img-block,
	.ct-03 .img-block.left-column,
	.ct-03 .img-block.right-column {
		margin: 0 2% 35px
	}

	.ct-01 .img-block.j-img,
	.ct-02 .img-block.j-img {
		margin-left: 0;
		margin-right: 0
	}

	.ct-06 .img-block,
	.ct-07 .img-block {
		margin-bottom: 40px;
		margin-top: -80px
	}

	.bc-5-img.bc-5-tablet.img-block-hidden {
		margin-bottom: -70px
	}

	.bc-6-img {
		margin-bottom: 25px;
		padding: 30px 15px 0
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn,
	.img-block-hidden .video-btn {
		top: 50%
	}

	.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
		top: calc(50% - 30px)
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 40px
	}

	.ct-11 .img-block,
	.ct-12 .img-block {
		margin-bottom: 40px;
		padding: 40px 7%
	}

	.sb-rounded .statistic-block {
		padding: 25px;
		text-align: center
	}

	#statistic-5 .statistic-digit {
		margin: 0 12% 18px;
		padding-bottom: 18px
	}

	#sb-1-1,
	#sb-1-2,
	#sb-3-1,
	#sb-3-2,
	#sb-3-3 {
		margin-bottom: 35px
	}

	#sb-2-1,
	#sb-2-2,
	#sb-2-3,
	#sb-2-4 {
		width: 50%
	}

	#sb-2-3,
	#sb-2-4 {
		padding-right: 12px
	}

	#sb-4-3 {
		margin-bottom: 30px
	}

	#sb-5-1,
	#sb-5-2 {
		margin-bottom: 35px
	}

	.statistic-1-wrapper .statistic-block-digit {
		margin-bottom: 12px
	}

	h2.statistic-number {
		font-size: 2.25rem;
		letter-spacing: -.5px;
		line-height: 1
	}

	.txt-block-stat h2.statistic-number {
		font-size: 2rem
	}

	#statistic-1 h2.statistic-number {
		letter-spacing: -.5px
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number {
		margin-bottom: 12px
	}

	#statistic-5 .statistic-digit h2 {
		font-size: 2.25rem;
		letter-spacing: -.5px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 12px
	}

	.txt-block-stat .statistic-block p {
		font-size: .95rem
	}

	#statistic-5 .statistic-txt p {
		padding: 0 8%
	}

	#pt-1-1,
	#pt-1-2,
	#pt-1-3,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4,
	.inner-page-hero #pt-1-5 {
		margin-bottom: 40px
	}

	.project-details h5 {
		margin-bottom: 25px
	}

	.more-projects {
		margin-top: 45px
	}

	.single-project .project-title {
		margin-bottom: 40px
	}

	.project-title h2 {
		margin-bottom: 25px;
		padding-bottom: 25px;
		padding-right: 0
	}

	.project-data p {
		margin-bottom: 5px
	}

	.project-priview-img.mb-50 {
		margin-bottom: 35px
	}

	.project-inner-img .top-img {
		margin-bottom: 30px
	}

	.project-inner-img.mt-50 {
		margin-top: 35px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 20px;
		margin-top: 35px
	}

	.project-description .more-projects {
		margin-top: 45px
	}

	.project-description .more-projects span {
		left: 4px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.125rem
	}

	#rb-2-1,
	#rb-2-2 {
		margin-bottom: 25px
	}

	.rating-title h5 {
		font-size: 1.125rem;
		padding: 0 15%
	}

	.rbox-1-img {
		margin-bottom: 15px
	}

	.rbox-1-img img,
	.rbox-2-txt img {
		max-height: 31px
	}

	p.rbox-2-txt {
		line-height: 31px;
		margin-top: 8px
	}

	.rbox-1 .star-rating {
		font-size: .9rem;
		line-height: 1;
		padding: 5px 16px
	}

	.rbox-1 .star-rating span {
		top: 2px
	}

	.rbox-1 .ico-10 [class*=flaticon-]:after,
	.rbox-1 .ico-10 [class*=flaticon-]:before {
		font-size: .9rem
	}

	.rbox-1 .ico-15 [class*=flaticon-]:after,
	.rbox-1 .ico-15 [class*=flaticon-]:before {
		font-size: 1rem
	}

	.rbox-2 .ico-20 [class*=flaticon-]:after,
	.rbox-2 .ico-20 [class*=flaticon-]:before,
	.rbox-2 .ico-25 [class*=flaticon-]:after,
	.rbox-2 .ico-25 [class*=flaticon-]:before {
		font-size: 1.35rem
	}

	#reviews-4 .txt-block,
	#reviews-5 .txt-block {
		text-align: center
	}

	#reviews-4 .txt-block h2,
	#reviews-5 .txt-block h2 {
		font-size: 1.90625rem;
		padding: 0 4%
	}

	.review-1 {
		margin: 0 6px 20px
	}

	.review-1,
	.review-2,
	.review-3,
	.review-4,
	.review-5 {
		padding: 35px 20px 30px
	}

	.review-txt {
		margin-top: -40px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-3 .review-txt p {
		font-size: 1.0625rem
	}

	.review-1 .author-data,
	.review-2 .author-data,
	.review-3 .author-data,
	.review-4 .author-data,
	.review-5 .author-data {
		margin-top: 20px
	}

	.owl-item .review-avatar img,
	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img,
	.review-avatar img {
		height: 52px;
		width: 52px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-1 .review-author,
	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 3px
	}

	.review-author h6 {
		margin-bottom: 8px
	}

	.review-1 .review-author h6,
	.review-2 .review-author h6,
	.review-3 .review-author h6,
	.review-4 .review-author h6,
	.review-5 .review-author h6 {
		font-size: 1.2rem
	}

	.press-logo img {
		max-height: 74px
	}

	.press-txt {
		margin-top: 10px;
		padding: 0 1%
	}

	#brands-3:after {
		height: 75%
	}

	.brands-title {
		padding: 0 4%
	}

	.brands-title.mb-35,
	.brands-title.mb-40 {
		margin-bottom: 25px
	}

	.brands-title.mb-50 {
		margin-bottom: 30px
	}

	.brands-title h2,
	.brands-title h3,
	.brands-title h4 {
		margin-bottom: 8px
	}

	.brands-title p.p-lg,
	.brands-title p.p-md {
		font-size: 1.0625rem
	}

	.brands-3-wrapper,
	.brands-3-wrapper.brands-3-static {
		padding: 25px 15px
	}

	#brand-2-1,
	#brand-2-2,
	#brand-2-3,
	#brand-2-4,
	#brand-3-1,
	#brand-3-2,
	#brand-4-1,
	#brand-4-2,
	#brand-4-3,
	#brand-4-4,
	#brand-4-5,
	#brand-4-6,
	#brand-4-7,
	#brand-4-8,
	#brands-4 .brand-logo.mb-40 {
		margin-bottom: 25px
	}

	#brand-3-5 {
		display: none
	}

	#brands-1 .brands-carousel-5 .brand-logo,
	#brands-1 .brands-carousel-6 .brand-logo,
	#brands-1 .justify-content-center .brand-logo,
	#brands-4 .brand-logo {
		padding: 0 25px
	}

	#brands-2 .brand-logo,
	#brands-3 .brand-logo,
	#brands-3 .brands-3-static .brand-logo {
		padding: 0 17px
	}

	.brands-section .more-btn {
		margin-top: 30px
	}

	#integrations-2 .container {
		max-width: 100%
	}

	.integrations-2-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 20px
	}

	.in_tool_logo.ico-65 img {
		height: 55px;
		width: 55px
	}

	.in_tool h6 {
		font-size: 1.125rem
	}

	#integrations-1 .in_tool-logo.ico-60 img {
		height: 52px;
		width: 52px
	}

	.integrations-1-wrapper .in_tool {
		padding: 18px 22px
	}

	.integrations-1-wrapper .in_tool.mb-30,
	.integrations-1-wrapper .it-7,
	.integrations-1-wrapper .it-8 {
		margin-bottom: 25px
	}

	.integrations-1-wrapper .in_tool-txt h6 {
		font-size: 1.325rem;
		line-height: 1;
		margin-top: 5px
	}

	.integrations-1-wrapper .in_tool-txt p {
		font-size: 1.0625rem;
		margin-top: 6px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 30px
	}

	.pricing-1-table,
	.text-center .pricing-1-table {
		padding: 35px 40px
	}

	.pricing-2-table {
		padding: 35px 50px
	}

	.pricing-3-table {
		padding: 30px 50px 35px
	}

	.pricing-4-table {
		padding: 35px 40px
	}

	.pricing-table-header h4,
	.pricing-table-header h5 {
		font-size: 1.5625rem !important
	}

	.pricing-discount {
		padding: 6px 11px;
		right: -2px;
		top: 0
	}

	.pricing-1-table .pricing-discount {
		padding: 7px 13px;
		right: 0;
		top: -4px
	}

	.text-center .pricing-1-table .pricing-discount {
		right: -5px;
		top: -32px
	}

	.pricing-discount h6 {
		font-size: 1.05rem
	}

	.pricing-1-table .pricing-discount h6 {
		font-size: .9375rem
	}

	.p-table p.btn-txt {
		margin: 12px 0 0
	}

	.price span {
		font-size: 2.75rem
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.5rem
	}

	.pricing-3-table .price span {
		font-size: 4.25rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 2.75rem
	}

	.price sup {
		font-size: 2rem;
		top: -5px
	}

	.pricing-3-table .price sup {
		font-size: 2.45rem;
		top: -19px
	}

	.pricing-4-table .price sup {
		font-size: 2rem;
		top: -5px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2.45rem;
		letter-spacing: -2px;
		top: -22px
	}

	.price sup.validity {
		font-size: 1.3125rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.3125rem;
		margin-bottom: 35px;
		margin-top: 20px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.3125rem;
		left: 4px
	}

	.text-center .price p,
	.text-center .pricing-2-table .price p {
		padding: 0
	}

	.pricing-2-table hr,
	.pricing-features.mt-25 {
		margin-top: 20px
	}

	.pricing-4-table .pricing-features li,
	.pricing-features li {
		padding: 10px 8px
	}

	.pricing-notice.mb-40 {
		margin-bottom: 30px
	}

	.col-lg-10 .pricing-notice p,
	.col-lg-9 .pricing-notice p {
		padding: 0
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 auto 30px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1.15rem
	}

	.table-responsive.mb-50 {
		margin-bottom: 30px
	}

	.table>:not(caption)>*>* {
		padding-bottom: 9px;
		padding-top: 9px
	}

	.comp-table .table-responsive thead th {
		font-size: .9375rem
	}

	.comp-table .table-responsive tbody th {
		font-size: .915rem;
		line-height: 1.25
	}

	.comp-table .table-responsive tbody td {
		font-size: .9rem;
		line-height: 1.25;
		top: 0
	}

	.comp-table .table-responsive tbody td span {
		top: 3px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .675rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: .835rem
	}

	.pbox {
		padding: 0
	}

	#pbox-1,
	#pbox-2,
	#pbox-3 {
		margin-bottom: 30px
	}

	.pricing-section .pm-last,
	.pricing-section .txt-box-last {
		margin-bottom: 40px
	}

	.comp-table-payment h6 {
		margin-bottom: 15px
	}

	#team-1.pb-40,
	#team-2.pb-40 {
		padding-bottom: 30px
	}

	.team-member.mb-40,
	.team-member.mb-50,
	.team-member.mb-60 {
		margin-bottom: 40px
	}

	.team-member-photo {
		margin-bottom: 25px
	}

	#team-1 .team-member-data,
	#team-2 .team-member-data {
		margin-left: 10px
	}

	.team-member-data h6.s-20 {
		font-size: 1.4375rem;
		margin-bottom: 6px
	}

	.team-member-data p {
		font-size: 1.175rem
	}

	#team-1 ul.tm-social,
	ul.tm-social {
		right: 10px;
		top: 5px
	}

	.tm-social.ico-20 [class*=flaticon-]:after,
	.tm-social.ico-20 [class*=flaticon-]:before {
		font-size: 1.4125rem
	}

	#careers-1 {
		padding-bottom: 40px
	}

	.role-box {
		padding: 28px 40px;
		text-align: center
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		margin-bottom: 12px
	}

	.role-box-txt h6 {
		line-height: 1.4;
		margin-bottom: 5px
	}

	#careers-1 .role-box h6 {
		line-height: 1.4;
		margin-bottom: 6px
	}

	.role-box-txt p {
		margin-bottom: 14px
	}

	#role-page .inner-page-title {
		margin-bottom: 25px
	}

	#role-page .inner-page-title span {
		margin-bottom: 20px
	}

	#role-page .inner-page-title p {
		padding: 0
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 35px 0
	}

	.txt-block.role-info .btn {
		margin-top: 30px
	}

	#banner-12,
	#banner-13 {
		margin-bottom: 25px;
		margin-top: 0
	}

	#banner-9.py-70 {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-1 .container,
	#banner-11 .container,
	#banner-12 .container,
	#banner-13 .container,
	#banner-2 .container,
	#banner-3 .container {
		max-width: 100%
	}

	.banner-1-wrapper,
	.banner-11-wrapper,
	.banner-12-wrapper,
	.banner-13-wrapper,
	.banner-2-wrapper,
	.banner-3-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px
	}

	.banner-1-wrapper .banner-overlay,
	.banner-2-wrapper .banner-overlay,
	.banner-3-wrapper .banner-overlay {
		padding: 60px 20px 70px
	}

	.banner-1-wrapper .banner-overlay.sm-title {
		padding: 55px 25px 65px
	}

	#banner-14 .banner-overlay,
	#banner-15 .banner-overlay,
	#banner-5 .banner-overlay.pt-80.pb-90,
	#banner-6 .banner-overlay,
	#banner-7 .banner-overlay.pt-80.pb-90,
	#banner-8 .banner-overlay {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-10 .banner-overlay {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.banner-11-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: hidden;
		padding: 55px 35px 0
	}

	.banner-12-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 55px 35px 0
	}

	.banner-13-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 55px 35px 65px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 35px 10%
	}

	.banner-5-txt {
		padding: 0 3%
	}

	.banner-8-txt {
		padding: 0 5%
	}

	.banner-12-txt,
	.banner-13-txt {
		margin-top: 0;
		padding-right: 0
	}

	.banner-section .section-id {
		margin-bottom: 18px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 22px
	}

	.banner-section h2 {
		font-size: 1.90625rem !important
	}

	.banner-section h3 {
		font-size: 1.78125rem !important
	}

	.banner-1-txt h2 {
		margin-bottom: 12px
	}

	.banner-10-txt h2,
	.banner-2-txt h2 {
		margin-bottom: 25px
	}

	.banner-4-txt h2 {
		margin-bottom: 22px;
		padding: 0 8%
	}

	.banner-7-txt h2 {
		margin-bottom: 25px;
		padding: 0 2%
	}

	.banner-10-txt h6 {
		margin-bottom: 8px
	}

	.banner-10-txt h2 {
		font-size: 3.5rem !important;
		margin-bottom: 18px
	}

	.banner-11-txt h2,
	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 14px
	}

	.banner-15-txt h2 {
		margin-bottom: 30px
	}

	.banner-16-txt h4 {
		margin-bottom: 10px;
		padding: 0 5%
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		margin-bottom: 20px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl,
	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 12px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl,
	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 12px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 18px;
		margin-top: 12px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 22px !important;
		margin-top: 12px
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-14-txt p.p-lg {
		font-size: 1.125rem;
		margin-bottom: 25px;
		margin-top: 20px;
		padding: 0 10%
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 20px
	}

	.banner-8-buttons {
		margin-top: 15px;
		padding: 0 4%
	}

	.banner-15-txt .download-links {
		margin-top: 15px
	}

	.banner-section .btns-group .btn:first-child {
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 12px
	}

	.banner-9-img {
		margin: 40px 5% 0
	}

	.banner-10-img {
		margin: 40px 8% 0
	}

	.banner-11-img {
		margin: 35px 3% -20px
	}

	.banner-12-img {
		margin: 35px 0 -40px;
		transform: rotate(0deg)
	}

	span.version-data {
		font-size: 2rem;
		margin-right: 10px
	}

	span.release-date span {
		margin-left: 10px
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 50px
	}

	#faqs-1 .section-title {
		margin-bottom: 20px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 30px
	}

	#faqs-3 .section-title,
	#faqs-4 .inner-page-title {
		margin-bottom: 40px
	}

	#faqs-3 .section-title .contact-link {
		display: block
	}

	.faqs-section .accordion-thumb {
		padding: 20px 0 22px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 20px 0 25px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .875rem;
		right: 0;
		top: 23px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .9rem;
		right: 2px;
		top: 22px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	#faqs-2 .accordion-panel {
		padding: 30px 0 15px
	}

	#faqs-2 .accordion-panel-item.mb-35,
	#faqs-3 .question.mb-35 {
		margin-bottom: 25px
	}

	.faqs-section .accordion-thumb h5 {
		line-height: 1.4;
		padding-right: 8%
	}

	.accordion-panel-item h5,
	.question h5 {
		line-height: 1.4;
		margin-bottom: 15px
	}

	.faqs-section .tabs-1 {
		margin: 0 5px 10px
	}

	.faqs-section .tabs-1 li {
		margin: 0 0 20px;
		min-width: 100%;
		padding: 20px 0
	}

	#faqs-2 .more-questions {
		margin: 45px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 15px
	}

	.more-questions-txt {
		padding: 18px 36px
	}

	.more-questions-txt p {
		font-size: 1.125rem
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 40px;
		padding-top: 50px
	}

	#newsletter-2 .container {
		max-width: 100%
	}

	#newsletter-2 .newsletter-overlay {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 50px 8% 40px
	}

	#newsletter-3,
	#newsletter-4 .newsletter-overlay {
		padding-bottom: 60px;
		padding-top: 55px
	}

	#newsletter-4 .newsletter-txt,
	#newsletter-5 .newsletter-txt {
		padding: 0
	}

	#newsletter-4 .newsletter-txt h2,
	.newsletter-txt h2 {
		margin-bottom: 25px
	}

	.newsletter-txt h3,
	.newsletter-txt h4 {
		font-size: 1.75rem;
		margin-bottom: 25px;
		padding: 0
	}

	#newsletter-3 .newsletter-txt p {
		padding: 0 4%
	}

	#newsletter-4 .newsletter-txt p {
		font-size: 1rem;
		margin-bottom: 0;
		padding: 0 4%
	}

	#newsletter-5 .newsletter-txt p {
		margin-top: 15px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form,
	#newsletter-3 .newsletter-form,
	#newsletter-4 .newsletter-form {
		padding: 0 5%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 25px;
		padding: 0 5%
	}

	#newsletter-1 .btn,
	#newsletter-1.newsletter-section .form-control,
	#newsletter-5.newsletter-section .btn,
	#newsletter-5.newsletter-section .form-control,
	.newsletter-section .btn,
	.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 54px
	}

	.blog-post-img.mb-35 {
		margin-bottom: 30px
	}

	.post-tag {
		font-size: .825rem
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20,
	.blog-post-txt h6,
	.post-tag {
		margin-bottom: 14px
	}

	.blog-post-meta.mt-20,
	.blog-post-meta.mt-30 {
		margin-top: 14px
	}

	.post-meta-list p {
		margin-bottom: 0
	}

	.wide-post {
		margin-bottom: 40px
	}

	.square-post h4.s-34,
	.wide-post h3.s-36,
	.wide-post h3.s-38,
	.wide-post h3.s-40 {
		font-size: 1.3125rem
	}

	.wide-post .blog-post-img {
		margin-bottom: 30px
	}

	.square-post {
		margin-bottom: 40px;
		margin-top: 10px
	}

	.square-post .blog-post-txt {
		padding: 40px 20px
	}

	.posts-category {
		margin-bottom: 30px;
		margin-top: 10px
	}

	.posts-category span {
		top: 1.25px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1.0625rem
	}

	.single-post-title h2,
	.single-post-title h3 {
		margin-bottom: 20px;
		padding: 0 6%
	}

	.single-post-title .blog-post-meta.mt-35 {
		margin-top: 25px
	}

	#single-post .post-meta-list .meta-list-divider {
		display: none !important
	}

	#single-post .post-meta-list li {
		display: block !important;
		margin-top: 10px
	}

	.post-inner-img {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 15px
	}

	.single-post-txt .blockquote p {
		font-size: 1.0625rem;
		margin-bottom: 25px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1rem;
		line-height: 1.3
	}

	.post-share-list {
		margin-top: 30px;
		padding-bottom: 40px
	}

	.post-author {
		display: block !important;
		padding: 50px 0
	}

	.post-author-avatar {
		display: block !important;
		margin-bottom: 20px;
		margin-right: 0;
		text-align: left
	}

	.post-author-avatar img {
		height: 70px;
		width: 70px
	}

	.post-author-txt h5 {
		margin-bottom: 10px
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 135px
	}

	.post-comments {
		padding-top: 50px
	}

	.post-comments h5 {
		margin-bottom: 40px
	}

	.post-comments img {
		height: 45px;
		width: 45px
	}

	.comment-body {
		margin-left: 18px
	}

	.comment-meta {
		margin-bottom: 8px
	}

	.comment-meta h6 {
		margin-bottom: 5px
	}

	.post-comments #leave-comment h5 {
		margin-top: 50px
	}

	.comment-form p {
		margin-bottom: 10px
	}

	.comment-form {
		margin-top: 50px
	}

	.comment-form .btn {
		margin-top: 0
	}

	#contacts-1 .section-title p {
		padding: 0 3%
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		line-height: 1.4;
		margin-bottom: 15px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 54px
	}

	.contact-form textarea {
		min-height: 170px
	}

	.contact-form textarea.form-control {
		padding: 15px
	}

	.footer {
		padding-bottom: 30px
	}

	.footer hr {
		margin-bottom: 30px;
		margin-top: 5px
	}

	.bottom-footer p.p-sm {
		margin-bottom: 0
	}

	#footer-10.pt-50 {
		padding-top: 0
	}

	#footer-11.p-404.pt-50 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.footer .col-sm-4,
	.footer .col-sm-6,
	.footer .col-sm-8 {
		float: left;
		width: 50% !important
	}

	#footer-3.footer .col-sm-6.col-md-3 {
		float: none;
		width: 100% !important
	}

	.footer-info,
	.footer-links,
	.footer-stores-badge {
		margin-bottom: 35px
	}

	#footer-2 .footer-info {
		margin-bottom: 40px
	}

	#footer-6 .footer-info,
	#footer-7 .footer-info {
		margin-bottom: 0;
		margin-top: 15px
	}

	#footer-10 .footer-info {
		margin-bottom: 25px;
		padding-bottom: 35px
	}

	#footer-10 .footer-links,
	#footer-8 .footer-links {
		margin-bottom: 10px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 37px
	}

	#footer-1 .footer-logo,
	#footer-5 .footer-logo,
	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 24px
	}

	#footer-10 img.footer-logo {
		max-height: 37px
	}

	.footer h6 {
		font-size: 1.21875rem;
		margin-bottom: 20px
	}

	.footer-mail-link {
		font-size: 1.125rem
	}

	.footer-mail-link span {
		right: 2px;
		top: 3px
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 5px
	}

	#footer-8 .foo-links li {
		display: block !important;
		padding-left: 0
	}

	#footer-10 .foo-links li {
		padding: 0 8px
	}

	.foo-links.ico-10 li span {
		right: 3px;
		top: 1px
	}

	.foo-links li a span.ext-link {
		left: 3px;
		top: .5px
	}

	.footer-stores-badge .store {
		margin-right: 0
	}

	.footer-socials.ico-25 [class*=flaticon-]:after,
	.footer-socials.ico-25 [class*=flaticon-]:before {
		font-size: 1.3925rem
	}

	.footer-form {
		margin-right: 5%
	}

	#footer-9 .footer-form {
		margin-bottom: 0
	}

	.footer-form .form-control {
		font-size: 1.1rem;
		height: 34px
	}

	.footer-form .btn {
		height: 34px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		font-size: 1.125rem;
		line-height: 28px !important
	}

	.bottom-footer-socials {
		margin-top: 10px
	}

	.bottom-footer-socials li {
		padding-left: 12px
	}

	.bottom-footer-socials li:first-child {
		padding-left: 0
	}

	.bottom-footer-list {
		margin-top: 3px
	}

	#footer-4 .bottom-footer-list li,
	#footer-9 .bottom-footer-list li {
		padding-left: 8px
	}

	.footer-list-divider {
		top: -1px
	}

	.bottom-secondary-link p span {
		padding: 0 2px;
		top: 1.5px
	}

	.footer-info-copyright p span {
		padding: 0 2px;
		top: 2px
	}

	.footer-info-copyright.ico-15 [class*=flaticon-]:after,
	.footer-info-copyright.ico-15 [class*=flaticon-]:before {
		font-size: .815rem
	}

	.inner-page-title {
		margin-bottom: 50px
	}

	.inner-page-title h2 {
		margin-bottom: 0
	}

	.inner-page-title p {
		font-size: 1.15rem;
		line-height: 1.6666;
		margin-top: 10px;
		padding: 0 5%
	}

	.page-hero-section h1 {
		line-height: 1.25;
		margin-bottom: 20px
	}

	.page-link {
		font-size: .95rem;
		padding: 2px 10px
	}

	.pagination.ico-20 [class*=flaticon-]:after,
	.pagination.ico-20 [class*=flaticon-]:before {
		font-size: .75rem
	}

	.login-page-logo {
		margin-bottom: 40px
	}

	.login-page-logo img {
		max-height: 40px
	}

	.register-form-title {
		margin-bottom: 25px
	}

	.register-form-title h3 {
		font-size: 1.6875rem
	}

	.form-data span,
	.register-page-form .btn-google,
	.register-page-form p.input-header,
	.separator-line {
		font-size: 1rem
	}

	#signup .form-data span {
		font-size: .935rem
	}

	.reset-password-link p {
		font-size: 1rem;
		margin-bottom: 10px;
		margin-top: 0
	}

	.register-page-form p.create-account {
		font-size: 1rem;
		margin-top: 20px
	}

	.separator-line {
		margin: 20px 0
	}

	.reset-form-title {
		margin-bottom: 16px
	}

	.reset-form-title p.p-sm {
		font-size: 1rem;
		margin-top: 15px
	}

	.reset-page-wrapper {
		margin: 0 10px
	}

	.reset-page-wrapper form {
		padding: 35px 10px 10px
	}

	#login .register-page-form,
	#signup .register-page-form {
		padding: 35px 25px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 15px 10px
	}

	.register-page-form .form-control,
	.reset-page-wrapper .form-control {
		font-size: 1.0625rem;
		height: 56px;
		margin-bottom: 20px;
		padding: 5px 12px
	}

	#login .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 56px;
		margin-top: 12px
	}

	#signup .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 56px;
		margin-top: 20px
	}

	.reset-page-wrapper .btn.submit {
		font-size: 1.0625rem;
		height: 56px
	}

	.btn-google img {
		height: 20px;
		right: 5px;
		top: -2px;
		width: 20px
	}

	.btn-show-pass {
		top: 18px
	}

	.page-404-txt {
		padding-bottom: 60px;
		padding-top: 100px
	}

	.page-404-txt h2 {
		margin-bottom: 15px
	}

	.page-404-txt h6 {
		line-height: 1.6666;
		margin-bottom: 22px;
		padding: 0
	}

	.page-404-img {
		margin-bottom: 35px;
		padding: 0 4%
	}

	#modal-1 .modal-dialog {
		margin: auto;
		max-width: 350px
	}

	#modal-2 .modal-dialog {
		margin: auto;
		width: 340px
	}

	#modal-3 .modal-dialog.modal-xl {
		margin: auto;
		width: 360px
	}

	#modal-1.modal .btn-close {
		right: 10px !important;
		top: 10px !important
	}

	#modal-2 .modal-body-content {
		padding: 25px 30px 5px
	}

	#modal-3 .modal-body-content {
		padding: 30px 15px 22px
	}

	.modal-body .newsletter-form {
		margin-top: 20px
	}

	.modal .form-control,
	.modal .newsletter-form .btn {
		font-size: 1rem;
		height: 52px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 20px;
		margin-top: 15px
	}

	#modal-3 .request-form .btn {
		font-size: 1.0625rem;
		height: 52px
	}
}

@media (min-width:321px) and (max-width:389.98px) {
	html {
		font-size: 97.5%
	}

	#stlChanger {
		display: none
	}

	.ts-0 {
		padding-top: 80px
	}

	.division {
		padding-left: 3px;
		padding-right: 3px
	}

	.bg--fixed {
		width: auto
	}

	.bg--scroll {
		background-attachment: scroll !important;
		width: auto
	}

	.shape--01:after,
	.shape--02:after {
		height: 90%;
		top: 7%
	}

	.shape--02:after,
	.shape--03:after {
		left: -20%;
		width: 140%
	}

	.shape--03:after {
		height: 129%;
		top: -70px
	}

	.shape--04:after {
		height: 94%;
		top: 0
	}

	.shape--06:after {
		height: 92%
	}

	.shape--07:after {
		height: 80%;
		top: 15%
	}

	ol.digit-list p {
		margin-bottom: 5px
	}

	.font--jakarta h1,
	.font--jakarta h2 {
		line-height: 1.35
	}

	.font--jakarta h3,
	.font--jakarta h4,
	.font--jakarta h5,
	.font--jakarta h6 {
		line-height: 1.4
	}

	.s-15,
	.s-16 {
		font-size: 1.0625rem
	}

	.s-17 {
		font-size: 1.125rem
	}

	.s-18,
	.s-19,
	.s-20,
	.s-21,
	.s-22,
	.s-23 {
		font-size: 1.217948rem
	}

	.s-24,
	.s-26,
	.s-28 {
		font-size: 1.34615rem
	}

	.s-30,
	.s-32,
	.s-34 {
		font-size: 1.47435rem
	}

	.s-36,
	.s-38,
	.s-40 {
		font-size: 1.60256rem
	}

	.s-42,
	.s-43,
	.s-44,
	.s-45,
	.s-46,
	.s-47 {
		font-size: 1.730769rem
	}

	.s-48 {
		font-size: 1.85897rem
	}

	.s-50,
	.s-52,
	.s-54,
	.s-56,
	.s-58,
	.s-60 {
		font-size: 1.923076rem
	}

	.s-62 {
		font-size: 1.98717rem
	}

	.s-64,
	.s-66 {
		font-size: 2.05128rem
	}

	.s-68 {
		font-size: 2.17948rem
	}

	p.p-lg,
	p.p-md {
		font-size: 1.0625rem
	}

	p.p-xl {
		font-size: 1.125rem
	}

	a.tra-link {
		font-size: 1.0625rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 1px
	}

	.btn,
	.btn.btn-sm {
		font-size: 1rem
	}

	.btn.btn-sm {
		padding: .7rem 1.5rem
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .61095rem .5rem 0
	}

	.btns-group .btn:first-child {
		margin-bottom: 15px;
		margin-left: 5px;
		margin-right: 5px
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1.225rem;
		line-height: .5rem !important;
		top: 4px
	}

	.btn.ico-30 [class*=flaticon-]:after,
	.btn.ico-30 [class*=flaticon-]:before {
		font-size: 2rem
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		font-size: 1.1rem;
		margin-right: 0;
		top: -10px
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		font-size: 1.1rem;
		margin-left: 0;
		top: -10px
	}

	.btn.ico-left span {
		margin-right: 2px
	}

	.btn.ico-right span {
		margin-left: 2px
	}

	p.p-sm.btns-group-txt {
		font-size: .95192rem
	}

	.text-center p.btns-group-txt {
		margin-top: 18px
	}

	.btn-rating {
		margin: 15px 0 0
	}

	.btn-rating p.p-sm {
		font-size: .9375rem
	}

	.os-btn {
		min-width: 270px;
		padding: 14px 15px 10px;
		width: 270px
	}

	.os-btn-ico {
		margin-right: 14px
	}

	.os-btn-txt p {
		margin-top: 4px
	}

	.btn-os.mb-15,
	.btn-os.mr-15 {
		margin-bottom: 15px
	}

	.btn-os.mr-15 {
		margin-right: 0
	}

	.store {
		margin-right: 6px
	}

	.store.store-btn-2 {
		margin-right: 0
	}

	.store-btn-3,
	.store-btn-4 {
		margin-top: 15px
	}

	.watch-video {
		margin-top: 18px
	}

	.watch-video-link {
		margin-right: 10px
	}

	p.video-txt-lg {
		font-size: 1.0625rem
	}

	p.video-txt-sm {
		font-size: 1rem
	}

	.video-btn-xl {
		height: 5.625rem;
		margin-left: -2.8125rem;
		margin-top: -2.8125rem;
		width: 5.625rem
	}

	.video-btn-lg,
	.video-btn-md {
		height: 5rem;
		margin-left: -2.5rem;
		margin-top: -2.5rem;
		width: 5rem
	}

	.video-btn.video-btn-xl [class^=flaticon-]:after,
	.video-btn.video-btn-xl [class^=flaticon-]:before {
		font-size: 4.5rem;
		line-height: 5.625rem !important;
		margin-left: 8px
	}

	.video-btn.video-btn-lg [class^=flaticon-]:after,
	.video-btn.video-btn-lg [class^=flaticon-]:before,
	.video-btn.video-btn-md [class^=flaticon-]:after,
	.video-btn.video-btn-md [class^=flaticon-]:before {
		font-size: 4.35rem;
		line-height: 5rem !important;
		margin-left: 8px
	}

	.ico-50 .shape-ico svg {
		height: 120px;
		left: calc(50% - 60px);
		top: -35px;
		width: 120px
	}

	.fbox-11 .ico-50 .shape-ico svg {
		left: calc(50% - 65px);
		top: -35px
	}

	.ico-60 .shape-ico svg {
		height: 125px;
		left: calc(50% - 65px);
		top: -30px;
		width: 125px
	}

	.ico-55 .shape-ico svg {
		height: 120px;
		left: calc(50% - 60px);
		top: -30px;
		width: 120px
	}

	.ico-rounded,
	.ico-rounded-lg,
	.ico-rounded-md {
		height: 94px;
		width: 94px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before,
	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before,
	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 3rem;
		line-height: 94px !important
	}

	.ico-square {
		height: 88px;
		width: 88px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.85rem;
		line-height: 88px !important
	}

	.section-id {
		margin-bottom: 25px
	}

	.section-id.rounded-id {
		font-size: .8rem;
		margin-bottom: 30px;
		padding: 8px 22px
	}

	.section-title.mb-60 {
		margin-bottom: 35px
	}

	.section-title.mb-70,
	.section-title.mb-80 {
		margin-bottom: 40px
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		margin-top: 14px
	}

	.section-title p.p-xl {
		font-size: 1.0625rem;
		margin-top: 14px
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.15384rem;
		margin-top: 12px;
		padding: 0 2%
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title .btns-group.mt-35,
	.section-title .stores-badge.mt-30 {
		margin-top: 22px
	}

	.section-title .btns-group .btn {
		margin-left: 10px;
		margin-right: 10px
	}

	.section-title .btns-group .btn:first-child {
		margin-bottom: 15px
	}

	#loading-center {
		margin-left: -45px;
		margin-top: -45px
	}

	#loading-center,
	.loader {
		height: 90px;
		width: 90px
	}

	.loader:after {
		border: 45px solid
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 23px;
		padding-left: 16px
	}

	.blog-header .wsmobileheader .smllogo {
		margin-top: 29px
	}

	.smllogo img {
		max-height: 34px;
		max-width: inherit;
		width: auto
	}

	.blog-header .smllogo img {
		max-height: 28px
	}

	.wsmenu>.wsmenu-list {
		margin-right: -310px;
		width: 310px
	}

	.overlapblackbg {
		width: calc(100% - 310px)
	}

	.wsanimated-arrow {
		margin: 25px 16px 0 0;
		padding: 14px 30px 14px 0
	}

	span.sm-info {
		font-size: .8rem;
		height: 22px;
		line-height: 20px;
		margin-left: 8px;
		top: -1px;
		width: 22px
	}

	.wsmenu>.wsmenu-list>li>a {
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 8px;
		margin: 24px 18px 0 0;
		width: 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		top: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		padding: 6px 10px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		padding: 6px 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 12px 10px
	}

	.store.header-store img {
		max-height: 44px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		line-height: 52px !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		margin-top: 12px
	}

	.icons-menu-ico {
		margin-right: 17px
	}

	.icons-menu-txt span {
		font-size: .9rem
	}

	.hero-section.blur--purple:after {
		opacity: .16;
		top: -25%
	}

	.hero-section h2 {
		margin-bottom: 15px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50 {
		margin-bottom: 20px
	}

	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl {
		margin-bottom: 25px
	}

	.hero-section p.s-21 {
		font-size: 1.217948rem;
		margin-bottom: 22px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 8px
	}

	.hero-section .text-center .advantages {
		margin-top: 18px
	}

	.hero-section .advantages li {
		display: block !important;
		margin-top: 3px
	}

	.hero-section .advantages li p {
		display: block;
		float: none
	}

	.hero-section li.advantages-links-divider {
		display: none !important
	}

	.hero-logo {
		margin-bottom: 30px
	}

	.hero-logo img {
		max-height: 30px
	}

	.hero-square-logo {
		margin-bottom: 10px
	}

	.hero-square-logo img {
		max-height: 60px
	}

	.hero-app-logo {
		margin-bottom: 25px
	}

	#hero-25 .hero-app-logo img,
	.hero-app-logo img {
		max-height: 88px
	}

	.hero-digits {
		margin-top: -5px
	}

	#hero-9 .hero-digits {
		margin-top: 3px
	}

	.hero-digits h2.statistic-number {
		font-size: 2.3125rem
	}

	.hero-digits h2.statistic-number span {
		font-size: 2rem
	}

	.hero-section .quick-form.mt-35,
	.hero-section .quick-form.mt-45 {
		margin-top: 0
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.15rem;
		height: 56px
	}

	.hero-section .quick-form.form-half .form-control {
		font-size: 1.15rem;
		height: 56px;
		padding: 0 14px
	}

	.hero-section .quick-form.form-half .btn {
		font-size: 1.125rem;
		height: 56px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 -10px
	}

	.request-form .form-control {
		font-size: 1.0625rem;
		height: 54px;
		padding: 0 14px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		font-size: 1.0625rem;
		height: 54px;
		padding: 16px
	}

	.hero-1-txt {
		padding: 0 3%
	}

	.hero-1-img {
		margin-top: 35px
	}

	.hero-2-txt {
		padding: 0 2%
	}

	.hero-2-img {
		margin-top: 35px
	}

	.hero-3-txt {
		padding: 0 2%
	}

	#hero-3:after {
		height: 8%
	}

	.hero-3-img {
		margin-top: 35px
	}

	#hero-4 {
		padding-top: 70px
	}

	#hero-4:after {
		height: 7%
	}

	.font--inter .hero-4-txt h2,
	.hero-4-txt h2 {
		padding: 0 3%
	}

	.hero-4-txt p {
		padding: 0 5px
	}

	.hero-4-img {
		margin-top: 35px
	}

	#hero-5 {
		margin-bottom: 50px
	}

	.hero-5-txt h2 {
		margin-bottom: 12px
	}

	.hero-5-txt p.p-lg {
		margin-bottom: 20px
	}

	#hero-6 {
		padding-top: 0
	}

	#hero-6 .container {
		max-width: 100%
	}

	.hero-6-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 15px
	}

	.hero-6-txt p {
		padding: 0 3%
	}

	.hero-6-img {
		margin: 35px 1% 0
	}

	#hero-7 {
		padding-bottom: 80px;
		padding-top: 70px
	}

	.hero-7-txt h2 {
		padding: 0 4%
	}

	#hero-7 .quick-form {
		margin-left: 3%;
		margin-right: 3%
	}

	.hero-7-img {
		margin-top: 35px
	}

	.hero-8-txt {
		padding: 0 4%
	}

	.hero-8-txt .hero-logo {
		display: none
	}

	.hero-8-txt .hero-digits {
		padding: 0
	}

	#hero-8-form {
		border-radius: 10px;
		margin: 35px 2% 0;
		padding: 26px 15px
	}

	#hero-8-form h4 {
		margin-bottom: 15px
	}

	#hero-8-form p {
		font-size: 1rem;
		margin-bottom: 20px
	}

	#hero-8-form p.p-sm {
		font-size: .9375rem;
		padding: 0 !important
	}

	#hero-9 {
		padding-top: 70px
	}

	.hero-9-txt h2 {
		line-height: 1.45;
		padding: 0 3%
	}

	.hero-9-txt h2 img {
		margin: 0 2px;
		max-height: 48px;
		top: -6px
	}

	.hero-9-txt p.s-20 {
		font-size: 1.0625rem;
		margin-top: 10px
	}

	#hero-9 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	.hero-9-img {
		margin: 35px 0 0
	}

	#hero-10:after {
		height: 7%
	}

	.hero-10-txt h2 {
		padding: 0 3%
	}

	.hero-10-txt h4 {
		margin-bottom: 25px;
		padding: 0 3%
	}

	.hero-10-img {
		margin-top: 35px
	}

	.hero-11-txt p {
		padding: 0 4%
	}

	.hero-11-img {
		margin: 30px 3% -50px
	}

	#hero-12 {
		padding-top: 70px
	}

	#hero-12:after {
		height: 6%
	}

	.hero-12-txt h2 {
		padding: 0 4%
	}

	.font--inter .hero-12-txt h2 {
		padding: 0 3%
	}

	.hero-12-txt p {
		padding: 0 5px
	}

	.hero-12-img {
		margin-top: 35px
	}

	#hero-13 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-13-txt {
		padding: 0 3%
	}

	.hero-13-img {
		margin: 35px 1% 0
	}

	#hero-14 {
		margin-bottom: 15px;
		padding-top: 80px
	}

	.hero-14-txt h2.s-62 {
		font-size: 1.923076rem;
		margin-bottom: 15px;
		padding: 0 3%
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 25px;
		padding: 0
	}

	#hero-14 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-14-img {
		margin-bottom: -15px;
		margin-top: 35px
	}

	.hero-14-txt .btn-txt {
		margin-top: 25px
	}

	.hero-15-txt {
		padding: 0 2%
	}

	.hero-15-img {
		margin: 35px 1% 0
	}

	#hero-16 {
		margin-bottom: 35px;
		padding-top: 70px
	}

	.hero-16-txt h2 {
		padding: 0 4%
	}

	.hero-16-txt p {
		padding: 0 2%
	}

	.hero-16-img {
		margin: 35px 0 -35px
	}

	.hero-17-txt p {
		padding: 0 2%
	}

	#hero-17 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	#hero-17 #brands-1 {
		padding-top: 35px
	}

	.hero-18-txt p {
		padding: 0 3%
	}

	#hero-18 .quick-form {
		margin: 20px 2% 0
	}

	.hero-18-img {
		margin-top: 35px
	}

	.hero-19-txt h2 {
		padding: 0 3%
	}

	.hero-19-txt p {
		padding: 0 1%
	}

	#hero-20 {
		padding-bottom: 80px;
		padding-top: 80px
	}

	.hero-20-txt {
		padding: 0 3%
	}

	.hero-20-txt .hero-logo {
		display: none
	}

	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 20px
	}

	#hero-21 {
		margin-bottom: 40px
	}

	#hero-21 .container {
		max-width: 100%
	}

	.hero-21-txt {
		margin-bottom: 50px
	}

	.hero-21-txt h2 {
		margin-bottom: 20px
	}

	.hero-21-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		overflow: visible
	}

	#hero-21 .hero-overlay {
		padding: 50px 25px 0;
		position: relative
	}

	.hero-21-img {
		margin-bottom: -40px
	}

	.hero-21-img .video-btn {
		top: calc(50% - 2px)
	}

	#hero-22-form {
		margin: 0 1%;
		padding: 30px 18px 20px;
		text-align: center
	}

	#hero-22 .hero-logo {
		display: none
	}

	#hero-22-form h4 {
		font-size: 1.60256rem;
		margin-bottom: 15px;
		padding: 0
	}

	#hero-22-form p {
		font-size: 1.1rem;
		margin-bottom: 20px;
		padding: 0 5%
	}

	#hero-23 {
		margin-bottom: 20px;
		padding-top: 70px
	}

	.hero-23-txt {
		padding: 0 2%
	}

	.hero-23-img {
		margin-bottom: -20px;
		margin-top: 10px
	}

	#hero-24 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-24-txt p.p-xl {
		padding: 0 2%
	}

	#hero-24 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 22px
	}

	.hero-25-img {
		margin: 35px 1% 0
	}

	.hero-26-txt {
		padding: 0 5%
	}

	.hero-26-img {
		margin-top: 35px
	}

	.hero-27-txt h2 {
		font-size: 1.85rem;
		margin-bottom: 15px !important
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		font-size: 1.0625rem
	}

	.hero-27-txt p.s-20 {
		margin-bottom: 20px !important
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 0 !important
	}

	.about-2-title {
		margin-bottom: 30px
	}

	.a2-txt {
		padding: 15px 20px 30px
	}

	.a2-txt-quote {
		margin-bottom: -40px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4.25rem
	}

	.a2-txt-author {
		font-size: 1.125rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .975rem;
		margin-top: 1px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 15px
	}

	#about-4 .txt-block h2 {
		padding: 0 5%
	}

	#about-4 .txt-block p {
		margin-top: 15px
	}

	#a4-2 {
		margin: 35px 3% 0
	}

	#features-14 .container {
		max-width: 100%
	}

	.fbox-14-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 30px
	}

	#features-12.py-100.shape--bg:after,
	#features-13.py-100.shape--bg:after {
		height: 68%;
		top: 32%
	}

	#features-12.pt-100.shape--bg:after,
	#features-13.pt-100.shape--bg:after {
		height: 65%;
		top: 32%
	}

	.fbox-7,
	.fbox-9,
	.row-cols-md-2 .fbox-4,
	.row-cols-md-3 .fbox-4 {
		padding: 40px 25px 35px
	}

	.fbox-5 {
		padding: 45px 25px 40px
	}

	.row-cols-md-2 .fbox-7 {
		padding: 40px 40px 35px
	}

	.fbox-8.fb-1 {
		padding: 0 25px 40px
	}

	.fbox-8.bg--white-100 {
		padding: 45px 25px
	}

	.fbox-8.fb-3 {
		padding: 45px 25px 0
	}

	.fbox-12,
	.fbox-13 {
		padding: 32px 25px
	}

	#fb-12-1,
	#fb-13-1 {
		margin-top: 50px
	}

	#features-12 .txt-block,
	#features-13 .txt-block {
		margin-bottom: 35px
	}

	.fbox-14 {
		padding: 30px 25px
	}

	.fbox-14.fb-1,
	.fbox-14.fb-2 {
		margin-bottom: 30px
	}

	.fbox-2 .fbox-img.h-135 img,
	.fbox-2 .fbox-img.h-140 img,
	.fbox-2 .fbox-img.h-145 img,
	.fbox-2 .fbox-img.h-150 img,
	.fbox-2 .fbox-img.h-155 img,
	.fbox-2 .fbox-img.h-160 img,
	.fbox-2 .fbox-img.h-165 img,
	.fbox-2 .fbox-img.h-170 img,
	.fbox-2 .fbox-img.h-175 img,
	.fbox-2 .fbox-img.h-180 img,
	.fbox-3 .fbox-img.h-135 img,
	.fbox-3 .fbox-img.h-140 img,
	.fbox-3 .fbox-img.h-145 img,
	.fbox-3 .fbox-img.h-150 img,
	.fbox-3 .fbox-img.h-155 img,
	.fbox-3 .fbox-img.h-160 img,
	.fbox-3 .fbox-img.h-165 img,
	.fbox-3 .fbox-img.h-170 img,
	.fbox-3 .fbox-img.h-175 img,
	.fbox-3 .fbox-img.h-180 img,
	.fbox-img.h-135 img,
	.fbox-img.h-140 img,
	.fbox-img.h-145 img,
	.fbox-img.h-150 img,
	.fbox-img.h-155 img,
	.fbox-img.h-160 img,
	.fbox-img.h-165 img,
	.fbox-img.h-170 img,
	.fbox-img.h-175 img,
	.fbox-img.h-180 img {
		max-height: 170px
	}

	.fbox-4 .fbox-img.h-135 img,
	.fbox-4 .fbox-img.h-145 img,
	.fbox-4 .fbox-img.h-150 img,
	.fbox-4 .fbox-img.h-155 img,
	.fbox-4 .fbox-img.h-160 img,
	.fbox-4 .fbox-img.h-165 img,
	.fbox-4 .fbox-img.h-170 img,
	.fbox-4 .fbox-img.h-175 img,
	.fbox-4.fbox-img.h-140 img {
		max-height: 155px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 30px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155,
	.fbox-2 .fbox-img.h-160,
	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170,
	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 0 50px;
		padding-top: 40px
	}

	.fbox-3 .fbox-img.h-135,
	.fbox-3 .fbox-img.h-140,
	.fbox-3 .fbox-img.h-145,
	.fbox-3 .fbox-img.h-150,
	.fbox-3 .fbox-img.h-155,
	.fbox-3 .fbox-img.h-160,
	.fbox-3 .fbox-img.h-165,
	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 0 30px;
		padding-top: 40px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 0 6% 30px
	}

	.fbox-ico,
	.fbox-ico.ico-rounded,
	.fbox-ico.ico-square {
		margin-bottom: 20px
	}

	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:after,
	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:before,
	.fbox-wrapper .ico-50 [class*=flaticon-]:after,
	.fbox-wrapper .ico-50 [class*=flaticon-]:before,
	.fbox-wrapper .ico-55 [class*=flaticon-]:after,
	.fbox-wrapper .ico-55 [class*=flaticon-]:before,
	.fbox-wrapper .ico-60 [class*=flaticon-]:after,
	.fbox-wrapper .ico-60 [class*=flaticon-]:before {
		font-size: 3.6rem
	}

	.features-section h6.s-18,
	.features-section h6.s-20,
	.features-section h6.s-22 {
		font-size: 1.34615rem
	}

	.fbox-txt h5,
	.fbox-wrapper .row-cols-md-2 h6,
	.features-section h6,
	.rows-2 .fbox-11 h6 {
		margin-bottom: 15px
	}

	.fbox-10 .fbox-title {
		margin: 0 auto
	}

	.fbox-10 .fbox-title span {
		float: none;
		line-height: 1 !important;
		margin-right: 0
	}

	.fbox-10 .fbox-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px;
		margin-top: 15px
	}

	.fbox-14 h5 {
		margin-bottom: 12px;
		padding: 0 8%
	}

	.fbox-10 .fbox-txt p,
	.row-cols-md-3 .fbox-1 p,
	.row-cols-md-3 .fbox-2 p,
	.row-cols-md-3 .fbox-3 p,
	.row-cols-md-3 .fbox-6 p {
		padding: 0 4%
	}

	.row-cols-md-2 .fbox-1 p,
	.row-cols-md-2 .fbox-2 p,
	.row-cols-md-2 .fbox-3 p,
	.row-cols-md-2 .fbox-6 p {
		padding: 0 8%
	}

	.row-cols-md-2 .fbox-4 p {
		padding: 0 7%
	}

	.fbox-5 .fbox-txt p,
	.rows-2 .fbox-11 p {
		padding: 0 5%
	}

	.rows-3 .fbox-11 p {
		padding: 0 2%
	}

	.row-cols-lg-3 .fbox-10 .fbox-txt p {
		padding: 0 1%
	}

	.ct-06 {
		padding-bottom: 70px
	}

	.ct-10 .section-overlay {
		margin-bottom: 40px
	}

	.ct-top {
		margin-bottom: 70px
	}

	.ct-13 .img-block,
	.ct-13 .txt-block {
		margin-bottom: 30px
	}

	.ct-13 .img-block.ml-block,
	.ct-13 .txt-block.ml-block {
		margin-bottom: 0
	}

	.content-section.ws-wrapper {
		margin: 0 -15px
	}

	.bc-1-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay {
		padding: 70px 20px
	}

	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay {
		padding: 70px 15px
	}

	.bc-5-wrapper .section-overlay {
		padding: 70px 15px 0
	}

	.cbox-6-wrapper {
		padding: 30px 20px
	}

	.bc-6-wrapper .section-overlay {
		padding: 70px 15px
	}

	.bc-6 {
		padding: 20px 15px 30px
	}

	.bc-1-wrapper,
	.bc-2-wrapper,
	.bc-3-wrapper,
	.bc-4-wrapper,
	.bc-5-wrapper,
	.bc-6-wrapper {
		border-radius: 0 0 !important
	}

	.bc-5-wrapper .section-title p {
		padding: 0 2%
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 14px
	}

	.bc-6-txt h5,
	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 12px
	}

	.txt-block p,
	.txt-block p.p-sm {
		margin-bottom: .897435rem
	}

	.txt-block p.s-20,
	.txt-block p.s-21 {
		font-size: 1.1282rem
	}

	.cbox-5-fea p,
	.txt-block p.btn-txt,
	.txt-block p.btns-group-txt,
	.txt-block p.compatibility,
	.txt-block p.video-txt-sm {
		margin-bottom: 0
	}

	.txt-block p.video-txt-lg {
		margin-bottom: 6px
	}

	.txt-block .btn {
		margin-top: 18px
	}

	.txt-block .stores-badge.mt-15,
	.ws-wrapper .stores-badge.mt-15 {
		margin-top: 8px
	}

	.txt-block .btns-group .btn.btn--transparent {
		margin-top: 0
	}

	.bc-6-link.mt-15 {
		margin-top: 12px
	}

	.right-column .cbox-5 {
		margin-bottom: 40px
	}

	.cbox-5-content {
		margin: 0;
		padding: 25px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 2.45rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.05rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		margin-top: 20px;
		padding: 15px 20px
	}

	.txt-block .cbox-5-fea h4 {
		font-size: 1.625rem
	}

	.cbox-5-txt .btn {
		margin-top: 10px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 16px
	}

	#cb-6-1,
	#cb-6-2,
	#cb-6-3 {
		margin-bottom: 22px
	}

	.cbox-1.ico-10 span {
		right: 6px
	}

	.cbox-1.ico-15 span {
		right: 6px;
		top: .5px
	}

	.cbox-1.ico-15 [class*=flaticon-]:after,
	.cbox-1.ico-15 [class*=flaticon-]:before {
		font-size: .7rem
	}

	.cbox-2 .ico-wrap {
		margin-right: 1rem
	}

	.cbox-2-ico {
		font-size: 1.15rem;
		height: 2.3rem;
		line-height: 2.05rem;
		width: 2.3rem
	}

	.ct-03 .cbox-2-ico {
		font-size: 1rem;
		height: 1.55rem;
		line-height: 1.35rem;
		width: 1.55rem
	}

	.cbox-2-line {
		height: calc(100% - 74px)
	}

	.cbox-3 {
		display: block;
		text-align: center
	}

	.cbox-3 .ico-wrap {
		margin-right: 0
	}

	.cbox-3 .cbox-3-ico {
		margin-bottom: 10px;
		top: 0
	}

	.cbox-3-ico span[class*=flaticon-]:after,
	.cbox-3-ico span[class*=flaticon-]:before {
		font-size: 3rem
	}

	.cbox-4 {
		text-align: center
	}

	.box-title h5,
	.box-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px
	}

	.img-block-txt .box-title h5,
	.img-block-txt .box-title h6 {
		display: inline-block;
		line-height: 2.35rem !important;
		margin-bottom: 20px
	}

	.box-title span {
		display: block;
		margin-bottom: 10px;
		margin-right: 0;
		position: relative;
		top: 0
	}

	.img-block-txt .box-title span {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
		top: 10px
	}

	.box-title span[class*=flaticon-]:after,
	.box-title span[class*=flaticon-]:before {
		font-size: 3rem
	}

	.img-block-txt .box-title span[class*=flaticon-]:after,
	.img-block-txt .box-title span[class*=flaticon-]:before {
		font-size: 2.35rem
	}

	.cbox-2-txt,
	.cbox-3-txt,
	.ct-03 .cbox-2-txt {
		margin-bottom: 20px
	}

	.cbox-4-txt {
		margin-bottom: 30px
	}

	.cbox-1-txt p {
		margin-bottom: 5px
	}

	.cbox-6 h6 {
		margin-bottom: 12px
	}

	.txt-block .accordion-1 .accordion-item {
		padding: 18px 25px
	}

	.txt-block .accordion-2 .accordion-item {
		padding: 10px 0 20px
	}

	.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
		font-size: .95rem;
		top: -1px
	}

	.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
	.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
		font-size: .95rem;
		top: 8px
	}

	.txt-block .accordion-1 .accordion-item.is-active {
		padding: 30px 25px 14px
	}

	.txt-block .accordion-2 .accordion-item.is-active {
		padding: 15px 0 20px
	}

	.txt-block .accordion-1 .accordion-panel {
		padding: 0
	}

	.txt-block .accordion-2 .accordion-thumb h5 {
		padding-left: 10px;
		padding-right: 0
	}

	.accordion-2 .accordion-thumb span[class*=flaticon-]:after,
	.accordion-2 .accordion-thumb span[class*=flaticon-]:before {
		font-size: 1.75rem;
		top: 6px
	}

	.tabs-1 li {
		font-size: 1.125rem
	}

	.advantages,
	.text-center .advantages {
		margin-top: 15px
	}

	.img-block-btn .advantages li {
		display: block !important;
		margin-top: 4px
	}

	.img-block-btn .advantages li p {
		display: block;
		float: none
	}

	.img-block-btn li.advantages-links-divider {
		display: none !important
	}

	.compatibility {
		margin-top: 10px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 12px
	}

	.tools-list span {
		padding-right: 1px
	}

	.payment-icons img {
		max-height: 30px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2.125rem;
		line-height: 2.125rem !important;
		margin-right: 4px
	}

	.cbox-5-shape-1,
	.cbox-5-shape-2 {
		display: none
	}

	.img-block.img-block-bkg img {
		padding: 35px 20px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.img-block-hidden {
		margin-bottom: -30px
	}

	.ct-10 .img-block {
		margin-bottom: -40px
	}

	.ct-01 .img-block,
	.ct-02 .img-block,
	.ct-03 .img-block.left-column,
	.ct-03 .img-block.right-column {
		margin: 0 2% 35px
	}

	.ct-01 .img-block.j-img,
	.ct-02 .img-block.j-img {
		margin-left: 0;
		margin-right: 0
	}

	.ct-06 .img-block,
	.ct-07 .img-block {
		margin-bottom: 40px;
		margin-top: -80px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn,
	.img-block-hidden .video-btn {
		top: 50%
	}

	.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
		top: calc(50% - 25px)
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 35px
	}

	.bc-5-img.bc-5-tablet.img-block-hidden {
		margin-bottom: -60px
	}

	.bc-6-img {
		margin-bottom: 25px;
		padding: 30px 15px 0
	}

	.ct-11 .img-block,
	.ct-12 .img-block {
		margin-bottom: 35px;
		padding: 40px 6%
	}

	.sb-rounded .statistic-block {
		padding: 25px;
		text-align: center
	}

	#statistic-5 .statistic-digit {
		margin: 0 10% 18px;
		padding-bottom: 18px
	}

	#sb-1-1,
	#sb-1-2,
	#sb-3-1,
	#sb-3-2,
	#sb-3-3 {
		margin-bottom: 35px
	}

	#sb-2-1,
	#sb-2-2,
	#sb-2-3,
	#sb-2-4 {
		width: 50%
	}

	#sb-2-3,
	#sb-2-4 {
		padding-right: 12px
	}

	#sb-4-3 {
		margin-bottom: 30px
	}

	#sb-5-1,
	#sb-5-2 {
		margin-bottom: 35px
	}

	.statistic-1-wrapper .statistic-block-digit {
		margin-bottom: 12px
	}

	h2.statistic-number {
		font-size: 2.21153rem;
		letter-spacing: -.5px;
		line-height: 1
	}

	.txt-block-stat h2.statistic-number {
		font-size: 1.98717rem
	}

	#statistic-1 h2.statistic-number {
		letter-spacing: -.5px
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number {
		margin-bottom: 12px
	}

	#statistic-5 .statistic-digit h2 {
		font-size: 2.21153rem;
		letter-spacing: -.5px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 12px
	}

	.txt-block-stat .statistic-block p {
		font-size: .95rem
	}

	#statistic-5 .statistic-txt p {
		padding: 0 5%
	}

	#pt-1-1,
	#pt-1-2,
	#pt-1-3,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4,
	.inner-page-hero #pt-1-5 {
		margin-bottom: 35px
	}

	.project-details h5 {
		margin-bottom: 25px
	}

	.more-projects {
		margin-top: 45px
	}

	.single-project .project-title {
		margin-bottom: 40px
	}

	.project-title h2 {
		margin-bottom: 25px;
		padding-bottom: 25px;
		padding-right: 0
	}

	.project-data p {
		margin-bottom: 5px
	}

	.project-priview-img.mb-50 {
		margin-bottom: 35px
	}

	.project-inner-img .top-img {
		margin-bottom: 30px
	}

	.project-inner-img.mt-50 {
		margin-top: 35px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 20px;
		margin-top: 35px
	}

	.project-description .more-projects {
		margin-top: 40px
	}

	.project-description .more-projects span {
		left: 4px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.1rem
	}

	#rb-2-1,
	#rb-2-2 {
		margin-bottom: 25px
	}

	.rating-title h5 {
		font-size: 1.125rem;
		padding: 0 15%
	}

	.rbox-1-img {
		margin-bottom: 15px
	}

	.rbox-1-img img {
		max-height: 32px
	}

	.rbox-2-txt img {
		max-height: 30px
	}

	p.rbox-2-txt {
		line-height: 30px;
		margin-top: 8px
	}

	.rbox-1 .star-rating {
		font-size: .9rem;
		line-height: 1;
		padding: 5px 16px
	}

	.rbox-1 .star-rating span {
		top: 2px
	}

	.rbox-1 .ico-10 [class*=flaticon-]:after,
	.rbox-1 .ico-10 [class*=flaticon-]:before {
		font-size: .9rem
	}

	.rbox-1 .ico-15 [class*=flaticon-]:after,
	.rbox-1 .ico-15 [class*=flaticon-]:before {
		font-size: 1rem
	}

	.rbox-2 .ico-20 [class*=flaticon-]:after,
	.rbox-2 .ico-20 [class*=flaticon-]:before,
	.rbox-2 .ico-25 [class*=flaticon-]:after,
	.rbox-2 .ico-25 [class*=flaticon-]:before {
		font-size: 1.3rem
	}

	#reviews-4 .txt-block,
	#reviews-5 .txt-block {
		text-align: center
	}

	#reviews-4 .txt-block h2,
	#reviews-5 .txt-block h2 {
		font-size: 1.826923rem;
		padding: 0 3%
	}

	.review-1 {
		padding: 35px 25px 30px
	}

	.review-2 {
		padding: 35px 20px 24px
	}

	.review-3,
	.review-4,
	.review-5 {
		padding: 35px 25px 24px
	}

	.review-txt {
		margin-top: -43px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-3 .review-txt p {
		font-size: 1rem
	}

	.review-1 .author-data,
	.review-2 .author-data,
	.review-3 .author-data,
	.review-4 .author-data,
	.review-5 .author-data {
		margin-top: 20px
	}

	.owl-item .review-avatar img,
	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img,
	.review-avatar img {
		height: 52px;
		width: 52px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-1 .review-author,
	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 3px
	}

	.review-author h6 {
		margin-bottom: 8px
	}

	.review-1 .review-author h6,
	.review-2 .review-author h6,
	.review-3 .review-author h6,
	.review-4 .review-author h6,
	.review-5 .review-author h6 {
		font-size: 1.1875rem
	}

	#press-01,
	#press-02,
	#press-03,
	#press-04,
	#press-05,
	#press-06,
	#press-07 {
		margin-bottom: 25px
	}

	.press-logo img {
		max-height: 72px
	}

	.press-txt {
		margin-top: 10px;
		padding: 0 1%
	}

	#brands-3:after {
		height: 75%
	}

	.brands-title {
		padding: 0 4%
	}

	.brands-title.mb-35,
	.brands-title.mb-40 {
		margin-bottom: 25px
	}

	.brands-title.mb-50 {
		margin-bottom: 30px
	}

	.brands-title h2,
	.brands-title h3,
	.brands-title h4 {
		margin-bottom: 8px
	}

	.brands-title p.p-lg,
	.brands-title p.p-md {
		font-size: 1rem
	}

	.brands-3-wrapper,
	.brands-3-wrapper.brands-3-static {
		padding: 25px 15px
	}

	#brand-2-1,
	#brand-2-2,
	#brand-2-3,
	#brand-2-4,
	#brand-3-1,
	#brand-3-2,
	#brand-4-1,
	#brand-4-2,
	#brand-4-3,
	#brand-4-4,
	#brand-4-5,
	#brand-4-6,
	#brand-4-7,
	#brand-4-8,
	#brands-4 .brand-logo.mb-40 {
		margin-bottom: 25px
	}

	#brand-3-5 {
		display: none
	}

	#brands-1 .brands-carousel-5 .brand-logo,
	#brands-1 .brands-carousel-6 .brand-logo,
	#brands-1 .justify-content-center .brand-logo,
	#brands-4 .brand-logo {
		padding: 0 18px
	}

	#brands-2 .brand-logo,
	#brands-3 .brand-logo,
	#brands-3 .brands-3-static .brand-logo {
		padding: 0 13px
	}

	.brands-section .more-btn {
		margin-top: 30px
	}

	#integrations-2 .container {
		max-width: 100%
	}

	.integrations-2-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 70px 20px
	}

	.in_tool_logo.ico-65 img {
		height: 55px;
		width: 55px
	}

	.in_tool h6 {
		font-size: 1.125rem
	}

	#integrations-1 .in_tool-logo.ico-60 img {
		height: 48px;
		width: 48px
	}

	.integrations-1-wrapper .in_tool {
		padding: 18px 22px
	}

	.integrations-1-wrapper .in_tool.mb-30,
	.integrations-1-wrapper .it-7,
	.integrations-1-wrapper .it-8 {
		margin-bottom: 25px
	}

	.integrations-1-wrapper .in_tool-txt h6 {
		font-size: 1.25rem;
		line-height: 1;
		margin-top: 3px
	}

	.integrations-1-wrapper .in_tool-txt p {
		font-size: 1.0625rem;
		margin-top: 4px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 30px
	}

	.pricing-1-table,
	.text-center .pricing-1-table {
		padding: 35px 40px 30px
	}

	.pricing-2-table {
		padding: 35px
	}

	.pricing-3-table {
		padding: 30px 30px 35px
	}

	.pricing-4-table {
		padding: 35px 30px
	}

	.pricing-table-header h4,
	.pricing-table-header h5 {
		font-size: 1.47435rem !important
	}

	.pricing-discount {
		padding: 6px 11px;
		right: -2px;
		top: 0
	}

	.pricing-1-table .pricing-discount {
		padding: 7px 13px;
		right: 0;
		top: -4px
	}

	.text-center .pricing-1-table .pricing-discount {
		right: -5px;
		top: -32px
	}

	.pricing-discount h6 {
		font-size: 1.05rem
	}

	.pricing-1-table .pricing-discount h6 {
		font-size: .9375rem
	}

	.pricing-3-table .price.mt-25 {
		margin-top: 20px
	}

	.p-table p.btn-txt {
		margin: 10px 0 0
	}

	.price span {
		font-size: 2.564102rem;
		letter-spacing: -1.5px
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.35rem
	}

	.pricing-3-table .price span {
		font-size: 4.102564rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 2.564102rem
	}

	.price sup {
		font-size: 1.9230769rem;
		top: -4px
	}

	.pricing-3-table .price sup {
		font-size: 2.35rem;
		top: -18px
	}

	.pricing-4-table .price sup {
		font-size: 1.9230769rem;
		right: 2px;
		top: -4px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2.35rem;
		letter-spacing: -2px;
		top: -21px
	}

	.price sup.validity {
		font-size: 1.282051rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.282051rem;
		margin-bottom: 35px;
		margin-top: 20px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.282051rem;
		left: 4px;
		top: 0
	}

	.text-center .price p,
	.text-center .pricing-2-table .price p {
		padding: 0
	}

	.pricing-4-table .pricing-table-header p.p-lg {
		font-size: .9375rem
	}

	.pricing-4-table .price p {
		margin-bottom: 10px;
		margin-top: 15px
	}

	.pricing-1-table .pt-btn {
		margin-top: 10px
	}

	.pricing-2-table .pt-btn,
	.pricing-2-table hr,
	.pricing-3-table .pt-btn,
	.pricing-4-table .pt-btn {
		margin-top: 20px
	}

	.pricing-features.mt-25 {
		margin-top: 15px
	}

	.pricing-4-table .pricing-features li,
	.pricing-features li {
		padding: 10px 8px
	}

	.pricing-notice.mb-40 {
		margin-bottom: 30px
	}

	.col-lg-10 .pricing-notice p,
	.col-lg-9 .pricing-notice p {
		padding: 0
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 auto 30px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1.15rem
	}

	.table-responsive.mb-50 {
		margin-bottom: 30px
	}

	.comp-table-rouded {
		padding: 10px 10px 0
	}

	.table>:not(caption)>*>* {
		padding-bottom: 9px;
		padding-top: 9px
	}

	.comp-table .table-responsive thead th {
		font-size: .9rem
	}

	.comp-table .table-responsive tbody th {
		font-size: .815rem;
		line-height: 1.25
	}

	.comp-table .table-responsive tbody td {
		font-size: .85rem;
		line-height: 1.25;
		top: 0
	}

	.comp-table .table-responsive tbody td span {
		top: 3px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .675rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: .835rem
	}

	.pbox {
		padding: 0
	}

	#pbox-1,
	#pbox-2,
	#pbox-3 {
		margin-bottom: 30px
	}

	.pricing-section .pm-last,
	.pricing-section .txt-box-last {
		margin-bottom: 40px
	}

	.comp-table-payment h6 {
		margin-bottom: 15px
	}

	#team-1.pb-40,
	#team-2.pb-40 {
		padding-bottom: 30px
	}

	.team-member.mb-40,
	.team-member.mb-50,
	.team-member.mb-60 {
		margin-bottom: 40px
	}

	.team-member-photo {
		margin-bottom: 25px
	}

	#team-1 .team-member-data,
	#team-2 .team-member-data {
		margin-left: 10px
	}

	.team-member-data h6.s-20 {
		font-size: 1.34615rem;
		margin-bottom: 6px
	}

	.team-member-data p,
	.team-member-data p.p-lg,
	.team-member-data p.p-md {
		font-size: 1.175rem
	}

	#team-1 ul.tm-social,
	ul.tm-social {
		right: 10px;
		top: 0
	}

	.tm-social.ico-20 [class*=flaticon-]:after,
	.tm-social.ico-20 [class*=flaticon-]:before {
		font-size: 1.34615rem
	}

	#careers-1 {
		padding-bottom: 40px
	}

	.role-box {
		padding: 25px 40px;
		text-align: center
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		margin-bottom: 12px
	}

	.role-box-txt h6 {
		line-height: 1.4;
		margin-bottom: 5px
	}

	#careers-1 .role-box h6 {
		line-height: 1.4;
		margin-bottom: 6px
	}

	.role-box-txt p {
		margin-bottom: 14px
	}

	#role-page .inner-page-title {
		margin-bottom: 25px
	}

	#role-page .inner-page-title span {
		margin-bottom: 20px
	}

	#role-page .inner-page-title p {
		padding: 0
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 35px 0
	}

	.txt-block.role-info .btn {
		margin-top: 30px
	}

	#banner-12,
	#banner-13 {
		margin-bottom: 25px;
		margin-top: 0
	}

	#banner-9.py-70 {
		padding-bottom: 60px;
		padding-top: 60px
	}

	#banner-1 .container,
	#banner-11 .container,
	#banner-12 .container,
	#banner-13 .container,
	#banner-2 .container,
	#banner-3 .container {
		max-width: 100%
	}

	.banner-1-wrapper,
	.banner-11-wrapper,
	.banner-12-wrapper,
	.banner-13-wrapper,
	.banner-2-wrapper,
	.banner-3-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px
	}

	.banner-1-wrapper .banner-overlay,
	.banner-1-wrapper .banner-overlay.sm-title,
	.banner-2-wrapper .banner-overlay,
	.banner-3-wrapper .banner-overlay {
		padding: 55px 20px 65px
	}

	#banner-14 .banner-overlay,
	#banner-15 .banner-overlay,
	#banner-5 .banner-overlay.pt-80.pb-90,
	#banner-6 .banner-overlay,
	#banner-7 .banner-overlay.pt-80.pb-90,
	#banner-8 .banner-overlay {
		padding-bottom: 65px;
		padding-top: 55px
	}

	#banner-10 .banner-overlay {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.banner-11-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: hidden;
		padding: 55px 25px 0
	}

	.banner-12-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 55px 25px 0
	}

	.banner-13-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 55px 25px 65px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 35px 10%
	}

	.banner-5-txt {
		padding: 0 3%
	}

	.banner-8-txt {
		padding: 0 5%
	}

	.banner-12-txt,
	.banner-13-txt {
		margin-top: 0;
		padding-right: 0
	}

	.banner-section .section-id {
		margin-bottom: 18px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 22px
	}

	.banner-section h2 {
		font-size: 1.826923rem !important
	}

	.banner-section h3 {
		font-size: 1.698717rem !important
	}

	.banner-1-txt h2 {
		margin-bottom: 12px
	}

	.banner-10-txt h2,
	.banner-2-txt h2 {
		margin-bottom: 25px
	}

	.banner-4-txt h2 {
		margin-bottom: 22px;
		padding: 0 6%
	}

	.banner-7-txt h2 {
		margin-bottom: 25px
	}

	.banner-10-txt h6 {
		margin-bottom: 5px
	}

	.banner-10-txt h2 {
		font-size: 3.25rem !important;
		margin-bottom: 18px
	}

	.banner-11-txt h2,
	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 14px
	}

	.banner-15-txt h2 {
		margin-bottom: 25px
	}

	.banner-16-txt h4 {
		margin-bottom: 10px;
		padding: 0 5%
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		font-size: 1.121794rem;
		margin-bottom: 20px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl,
	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 12px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl,
	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 12px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 18px;
		margin-top: 12px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 10px
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-14-txt p.p-lg {
		margin-bottom: 20px;
		margin-top: 18px;
		padding: 0 5%
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 20px
	}

	.banner-8-buttons {
		margin-top: 15px;
		padding: 0 4%
	}

	.banner-15-txt .download-links {
		margin-top: 15px
	}

	.banner-section .btns-group .btn:first-child {
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 12px
	}

	.banner-9-img {
		margin: 40px 2% 0
	}

	.banner-10-img {
		margin: 40px 5% 0
	}

	.banner-11-img {
		margin: 35px 2% -20px
	}

	.banner-12-img {
		margin: 35px 0 -40px;
		transform: rotate(0deg)
	}

	.release-data {
		margin-bottom: 25px;
		padding-bottom: 25px
	}

	span.version-data {
		font-size: 1.75rem;
		margin-right: 10px
	}

	span.release-date span {
		font-size: 1.125rem;
		margin-left: 10px
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 50px
	}

	#faqs-1 .section-title {
		margin-bottom: 20px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 30px
	}

	#faqs-3 .section-title,
	#faqs-4 .inner-page-title {
		margin-bottom: 40px
	}

	#faqs-3 .section-title .contact-link {
		display: block
	}

	.faqs-section .accordion-thumb {
		padding: 20px 0 22px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 20px 0 25px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .875rem;
		right: 0;
		top: 23px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .9rem;
		right: 2px;
		top: 22px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	#faqs-2 .accordion-panel {
		padding: 30px 0 15px
	}

	#faqs-2 .accordion-panel-item.mb-35,
	#faqs-3 .question.mb-35 {
		margin-bottom: 25px
	}

	.faqs-section .accordion-thumb h5 {
		line-height: 1.35;
		padding-right: 8%
	}

	.accordion-panel-item h5,
	.question h5 {
		line-height: 1.35;
		margin-bottom: 15px
	}

	.faqs-section .tabs-1 {
		margin: 0 5px 10px
	}

	.faqs-section .tabs-1 li {
		margin: 0 0 20px;
		min-width: 100%;
		padding: 20px 0
	}

	#faqs-2 .more-questions {
		margin: 45px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 15px
	}

	.more-questions-txt {
		padding: 14px 20px
	}

	.more-questions-txt p {
		font-size: 1.1rem
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 40px;
		padding-top: 50px
	}

	#newsletter-2 .container {
		max-width: 100%
	}

	#newsletter-2 .newsletter-overlay {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 50px 8% 40px
	}

	#newsletter-3,
	#newsletter-4 .newsletter-overlay {
		padding-bottom: 60px;
		padding-top: 55px
	}

	#newsletter-4 .newsletter-txt,
	#newsletter-5 .newsletter-txt {
		padding: 0
	}

	#newsletter-4 .newsletter-txt h2,
	.newsletter-txt h2 {
		margin-bottom: 25px
	}

	.newsletter-txt h3,
	.newsletter-txt h4 {
		font-size: 1.666666rem;
		margin-bottom: 25px;
		padding: 0
	}

	#newsletter-3 .newsletter-txt p {
		padding: 0 2%
	}

	#newsletter-4 .newsletter-txt p {
		font-size: 1rem;
		margin-bottom: 0;
		padding: 0 2%
	}

	#newsletter-5 .newsletter-txt p {
		margin-top: 15px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form,
	#newsletter-3 .newsletter-form,
	#newsletter-4 .newsletter-form {
		padding: 0 3%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 25px;
		padding: 0 3%
	}

	#newsletter-1 .btn,
	#newsletter-1.newsletter-section .form-control,
	#newsletter-5.newsletter-section .btn,
	#newsletter-5.newsletter-section .form-control,
	.newsletter-section .btn,
	.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 52px
	}

	#bp-1-1,
	#bp-1-2 {
		margin-bottom: 35px
	}

	.blog-post-img.mb-35 {
		margin-bottom: 30px
	}

	.post-tag {
		font-size: .815rem
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20,
	.blog-post-txt h6,
	.post-tag {
		margin-bottom: 14px
	}

	.blog-post-meta.mt-20,
	.blog-post-meta.mt-30 {
		margin-top: 14px
	}

	.wide-post {
		margin-bottom: 40px
	}

	.square-post h4.s-34,
	.wide-post h3.s-36,
	.wide-post h3.s-38,
	.wide-post h3.s-40 {
		font-size: 1.217948rem
	}

	.wide-post .blog-post-img {
		margin-bottom: 30px
	}

	.square-post {
		margin-bottom: 40px;
		margin-top: 10px
	}

	.square-post .blog-post-txt {
		padding: 40px 20px 35px
	}

	.posts-category {
		margin-bottom: 30px;
		margin-top: 10px
	}

	.posts-category span {
		top: 1.25px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1.0625rem
	}

	.single-post-title h2,
	.single-post-title h3 {
		margin-bottom: 20px;
		padding: 0 5%
	}

	.single-post-title .blog-post-meta.mt-35 {
		margin-top: 25px
	}

	#single-post .post-meta-list .meta-list-divider {
		display: none !important
	}

	#single-post .post-meta-list li {
		display: block !important;
		margin-top: 10px
	}

	.post-inner-img {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 15px
	}

	.single-post-txt .blockquote p {
		font-size: 1.0625rem;
		margin-bottom: 30px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1rem;
		line-height: 1.3
	}

	.post-share-list {
		margin-top: 30px;
		padding-bottom: 40px
	}

	.post-author {
		display: block !important;
		padding: 50px 0
	}

	.post-author-avatar {
		display: block !important;
		margin-bottom: 20px;
		margin-right: 0;
		text-align: left
	}

	.post-author-avatar img {
		height: 70px;
		width: 70px
	}

	.post-author-txt h5 {
		margin-bottom: 10px
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 135px
	}

	.post-comments {
		padding-top: 50px
	}

	.post-comments h5 {
		margin-bottom: 40px
	}

	.comment-body {
		margin-left: 18px
	}

	.post-comments img {
		height: 43px;
		width: 43px
	}

	.comment-meta {
		margin-bottom: 8px
	}

	.comment-meta h6 {
		margin-bottom: 5px
	}

	.post-comments #leave-comment h5 {
		margin-top: 50px
	}

	.comment-form p {
		margin-bottom: 10px
	}

	.comment-form {
		margin-top: 50px
	}

	.comment-form .btn {
		margin-top: 0
	}

	#contacts-1 .section-title p {
		padding: 0 3%
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		line-height: 1.4;
		margin-bottom: 15px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 54px
	}

	.contact-form textarea {
		min-height: 170px
	}

	.contact-form textarea.form-control {
		padding: 15px
	}

	.footer {
		padding-bottom: 30px
	}

	.footer hr {
		margin-bottom: 30px;
		margin-top: 5px
	}

	#footer-10.pt-50 {
		padding-top: 0
	}

	#footer-11.p-404.pt-50 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.footer .col-sm-4,
	.footer .col-sm-6,
	.footer .col-sm-8 {
		float: left;
		width: 50% !important
	}

	#footer-3.footer .col-sm-6.col-md-3 {
		float: none;
		width: 100% !important
	}

	.footer-info,
	.footer-links,
	.footer-stores-badge {
		margin-bottom: 35px
	}

	#footer-2 .footer-info {
		margin-bottom: 40px
	}

	#footer-6 .footer-info,
	#footer-7 .footer-info {
		margin-bottom: 0;
		margin-top: 10px
	}

	#footer-10 .footer-info {
		margin-bottom: 25px;
		padding-bottom: 35px
	}

	#footer-10 .footer-links,
	#footer-8 .footer-links {
		margin-bottom: 10px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 36px
	}

	#footer-1 .footer-logo,
	#footer-5 .footer-logo,
	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 24px
	}

	#footer-10 img.footer-logo {
		max-height: 36px
	}

	.footer h6 {
		font-size: 1.153846rem;
		margin-bottom: 18px
	}

	.footer-mail-link {
		font-size: 1.0641rem
	}

	.footer-mail-link span {
		right: 4px;
		top: 3px
	}

	#footer-1 .footer-info .footer-mail-link {
		margin-top: 5px
	}

	#footer-8 .foo-links li {
		display: block !important;
		padding-left: 0
	}

	#footer-10 .foo-links li {
		padding: 0 8px
	}

	.foo-links.ico-10 li span {
		right: 3px;
		top: 1px
	}

	.foo-links li a span.ext-link {
		left: 2px;
		top: .5px
	}

	.footer-stores-badge .store {
		margin-right: 6px
	}

	.footer-form {
		margin-right: 5%
	}

	#footer-9 .footer-form {
		margin-bottom: 0
	}

	#footer-9 .footer-form h6 {
		padding-right: 5%
	}

	.footer-form .form-control {
		font-size: 1.0625rem
	}

	.footer-form .btn,
	.footer-form .form-control {
		height: 30px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		font-size: 1.1rem;
		line-height: 26px !important
	}

	.bottom-footer-socials {
		margin-top: 10px
	}

	.bottom-footer-socials li {
		padding-left: 12px
	}

	.bottom-footer-socials li:first-child {
		padding-left: 0
	}

	.bottom-footer-list {
		margin-top: 3px
	}

	#footer-4 .bottom-footer-list li,
	#footer-9 .bottom-footer-list li {
		padding-left: 8px
	}

	#footer-4 .bottom-footer-list li span,
	#footer-9 .bottom-footer-list li span {
		margin-right: 1px
	}

	.footer-list-divider {
		top: 0
	}

	.bottom-secondary-link p span {
		padding: 0 2px;
		top: 1.5px
	}

	.footer-info-copyright p span {
		padding: 0 2px;
		top: 2px
	}

	.footer-info-copyright.ico-15 [class*=flaticon-]:after,
	.footer-info-copyright.ico-15 [class*=flaticon-]:before {
		font-size: .815rem
	}

	.inner-page-title {
		margin-bottom: 50px
	}

	.inner-page-title h2 {
		margin-bottom: 0
	}

	.inner-page-title p {
		font-size: 1.125rem;
		line-height: 1.6666;
		margin-top: 12px;
		padding: 0 3%
	}

	.page-hero-section h1 {
		line-height: 1.25;
		margin-bottom: 20px
	}

	.page-link {
		font-size: .95rem;
		padding: 2px 10px
	}

	.pagination.ico-20 [class*=flaticon-]:after,
	.pagination.ico-20 [class*=flaticon-]:before {
		font-size: .75rem
	}

	.login-page-logo {
		margin-bottom: 38px
	}

	.login-page-logo img {
		max-height: 36px
	}

	.register-form-title {
		margin-bottom: 25px
	}

	.register-form-title h3 {
		font-size: 1.60256rem
	}

	.form-data span,
	.register-page-form .btn-google,
	.register-page-form p.input-header,
	.separator-line {
		font-size: 1rem
	}

	#signup .form-data span {
		font-size: .935rem
	}

	.reset-password-link p {
		font-size: 1rem;
		margin-bottom: 10px;
		margin-top: 0
	}

	.register-page-form p.create-account {
		font-size: 1rem;
		margin-top: 20px
	}

	.separator-line {
		margin: 20px 0
	}

	.reset-form-title {
		margin-bottom: 16px
	}

	.reset-form-title p.p-sm {
		font-size: 1rem;
		margin-top: 15px
	}

	.reset-page-wrapper {
		margin: 0 10px
	}

	.reset-page-wrapper form {
		padding: 35px 10px 10px
	}

	#login .register-page-form,
	#signup .register-page-form {
		padding: 35px 20px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 15px 10px
	}

	.register-page-form .form-control,
	.reset-page-wrapper .form-control {
		font-size: 1.0625rem;
		height: 50px;
		margin-bottom: 20px;
		padding: 5px 12px
	}

	#login .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 50px;
		margin-top: 12px
	}

	#signup .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 50px;
		margin-top: 20px
	}

	.reset-page-wrapper .btn.submit {
		font-size: 1.0625rem;
		height: 50px
	}

	.btn-google img {
		height: 18px;
		right: 5px;
		top: -2px;
		width: 18px
	}

	.btn-show-pass {
		top: 16px
	}

	.page-404-txt {
		padding-bottom: 60px;
		padding-top: 100px
	}

	.page-404-txt h2 {
		margin-bottom: 15px
	}

	.page-404-txt h6 {
		line-height: 1.6;
		margin-bottom: 22px;
		padding: 0 2%
	}

	.page-404-img {
		margin-bottom: 35px;
		padding: 0 6%
	}

	#modal-1 .modal-dialog {
		margin: auto;
		max-width: 330px
	}

	#modal-2 .modal-dialog {
		margin: auto;
		width: 310px
	}

	#modal-3 .modal-dialog.modal-xl {
		margin: auto;
		width: 320px
	}

	#modal-1.modal .btn-close {
		right: 10px !important;
		top: 10px !important
	}

	#modal-2 .modal-body-content {
		padding: 22px 30px 5px
	}

	#modal-3 .modal-body-content {
		padding: 30px 10px 20px
	}

	.modal-body .newsletter-form {
		margin-top: 15px
	}

	.modal .form-control,
	.modal .newsletter-form .btn {
		font-size: 1rem;
		height: 48px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 20px;
		margin-top: 15px
	}

	#modal-3 .request-form .form-control {
		margin: 0 0 20px
	}

	#modal-3 .request-form .btn {
		font-size: 1.0625rem;
		height: 48px
	}
}

@media (max-width:320.98px) {
	html {
		font-size: 87.5%
	}

	#stlChanger {
		display: none
	}

	.ts-0 {
		padding-top: 80px
	}

	.bg--fixed {
		width: auto
	}

	.bg--scroll {
		background-attachment: scroll !important;
		width: auto
	}

	.py-50 {
		padding-bottom: 30px;
		padding-top: 30px
	}

	.py-60,
	.py-70,
	.py-80 {
		padding-bottom: 40px;
		padding-top: 40px
	}

	.py-90 {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.py-100 {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.pt-50 {
		padding-top: 30px
	}

	.pt-60,
	.pt-70,
	.pt-80 {
		padding-top: 40px
	}

	.pt-90 {
		padding-top: 50px
	}

	.pt-100 {
		padding-top: 60px
	}

	.pb-50 {
		padding-bottom: 30px
	}

	.pb-60,
	.pb-70,
	.pb-80 {
		padding-bottom: 40px
	}

	.pb-90 {
		padding-bottom: 50px
	}

	.pb-100 {
		padding-bottom: 60px
	}

	.mb-40 {
		margin-bottom: 20px
	}

	.mb-50 {
		margin-bottom: 30px
	}

	.mb-60 {
		margin-bottom: 40px
	}

	.shape--01:after,
	.shape--02:after {
		height: 90%;
		top: 6.5%
	}

	.shape--02:after,
	.shape--03:after {
		left: -20%;
		width: 140%
	}

	.shape--03:after {
		height: 129%;
		top: -70px
	}

	.shape--04:after {
		height: 92%;
		top: 0
	}

	.shape--05:after {
		height: 94%
	}

	.shape--06:after {
		height: 92%
	}

	.shape--07:after {
		height: 80%;
		top: 15%
	}

	ol.digit-list p {
		margin-bottom: 5px
	}

	.font--jakarta h1,
	.font--jakarta h2 {
		line-height: 1.35
	}

	.font--jakarta h3,
	.font--jakarta h4,
	.font--jakarta h5,
	.font--jakarta h6 {
		line-height: 1.4
	}

	.s-15,
	.s-16 {
		font-size: 1rem
	}

	.s-17 {
		font-size: 1.0625rem
	}

	.s-18,
	.s-19,
	.s-20,
	.s-21,
	.s-22,
	.s-23 {
		font-size: 1.285714rem
	}

	.s-24,
	.s-26,
	.s-28 {
		font-size: 1.35714rem
	}

	.s-30,
	.s-32,
	.s-34 {
		font-size: 1.5rem
	}

	.s-36,
	.s-38,
	.s-40 {
		font-size: 1.57142rem
	}

	.s-42,
	.s-43,
	.s-44,
	.s-45,
	.s-46,
	.s-47 {
		font-size: 1.714285rem
	}

	.s-48 {
		font-size: 1.85714rem
	}

	.s-50,
	.s-52,
	.s-54,
	.s-56,
	.s-58,
	.s-60 {
		font-size: 1.92857rem
	}

	.s-62 {
		font-size: 2rem
	}

	.s-64,
	.s-66,
	.s-68 {
		font-size: 2.07142rem
	}

	.s-68 {
		font-size: 2.14285rem
	}

	p.p-lg,
	p.p-md {
		font-size: 1.0625rem
	}

	p.p-xl {
		font-size: 1.125rem
	}

	a.tra-link {
		font-size: 1.0625rem
	}

	.tra-link.ico-20 [class*=flaticon-]:after,
	.tra-link.ico-20 [class*=flaticon-]:before {
		font-size: .785rem;
		left: 2px;
		line-height: .7rem !important;
		top: 1px
	}

	.btn,
	.btn.btn-sm {
		font-size: 1rem
	}

	.btn.btn-sm {
		padding: .7rem 1.5rem
	}

	.btns-group .btn.ico-30.ico-left,
	.btns-group .btn.ico-30.ico-right {
		padding: .391175rem .5rem 0
	}

	.btns-group .btn:first-child {
		margin-bottom: 15px;
		margin-left: 5px;
		margin-right: 5px
	}

	.text-center p.btns-group-txt {
		margin-top: 18px
	}

	.btn-rating {
		margin: 15px 0 0
	}

	.btn-rating p.p-sm {
		font-size: .9375rem
	}

	.btn.ico-20 [class*=flaticon-]:after,
	.btn.ico-20 [class*=flaticon-]:before {
		font-size: 1.15rem;
		line-height: .45rem !important;
		top: 3.5px
	}

	.btn.ico-30 [class*=flaticon-]:after,
	.btn.ico-30 [class*=flaticon-]:before {
		font-size: 1.85rem
	}

	.btn.ico-30.ico-left span.ico-30-txt {
		font-size: 1.125rem;
		margin-right: 0;
		top: -8px
	}

	.btn.ico-30.ico-right span.ico-30-txt {
		font-size: 1.125rem;
		margin-left: 0;
		top: -8px
	}

	.btn.ico-left span {
		margin-right: 2px
	}

	.btn.ico-right span {
		margin-left: 2px
	}

	.os-btn {
		min-width: 250px;
		padding: 14px 15px 10px;
		width: 250px
	}

	.os-btn-ico {
		margin-right: 14px
	}

	.os-btn-txt p {
		margin-top: 4px
	}

	.btn-os.mb-15,
	.btn-os.mr-15 {
		margin-bottom: 12px
	}

	.btn-os.mr-15 {
		margin-right: 0
	}

	.store {
		margin-right: 6px
	}

	.store.store-btn-2 {
		margin-right: 0
	}

	.store-btn-3,
	.store-btn-4 {
		margin-top: 12px
	}

	.watch-video {
		margin-top: 18px
	}

	.watch-video-link {
		margin-right: 8px
	}

	p.video-txt-lg {
		font-size: 1.0625rem
	}

	p.video-txt-sm {
		font-size: 1rem
	}

	.ico-50 .shape-ico svg {
		height: 100px;
		width: 100px
	}

	.fbox-11 .ico-50 .shape-ico svg,
	.ico-50 .shape-ico svg {
		left: calc(50% - 55px);
		top: -30px
	}

	.ico-55 .shape-ico svg {
		height: 105px;
		left: calc(50% - 50px);
		top: -30px;
		width: 105px
	}

	.ico-60 .shape-ico svg {
		height: 110px;
		left: calc(50% - 55px);
		top: -30px;
		width: 110px
	}

	.ico-rounded,
	.ico-rounded-lg,
	.ico-rounded-md {
		height: 88px;
		width: 88px
	}

	.ico-rounded [class*=flaticon-]:after,
	.ico-rounded [class*=flaticon-]:before,
	.ico-rounded-lg [class*=flaticon-]:after,
	.ico-rounded-lg [class*=flaticon-]:before,
	.ico-rounded-md [class*=flaticon-]:after,
	.ico-rounded-md [class*=flaticon-]:before {
		font-size: 2.85rem;
		line-height: 88px !important
	}

	.ico-square {
		height: 80px;
		width: 80px
	}

	.ico-square [class*=flaticon-]:after,
	.ico-square [class*=flaticon-]:before {
		font-size: 2.85rem;
		line-height: 80px !important
	}

	.section-id.rounded-id {
		font-size: .8rem;
		margin-bottom: 25px;
		padding: 7px 20px
	}

	.section-title.mb-60 {
		margin-bottom: 32px
	}

	.section-title.mb-70,
	.section-title.mb-80 {
		margin-bottom: 35px
	}

	.section-title h2 {
		padding: 0 1%
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		margin-top: 12px
	}

	.section-title p.p-xl {
		font-size: 1.125rem;
		margin-top: 12px
	}

	.section-title p.s-20,
	.section-title p.s-21 {
		font-size: 1.285714rem;
		margin-top: 10px
	}

	.section-title p.p-lg,
	.section-title p.p-md {
		padding: 0
	}

	.section-title .btns-group.mt-35,
	.section-title .stores-badge.mt-30 {
		margin-top: 20px
	}

	.section-title .btns-group .btn {
		margin-left: 10px;
		margin-right: 10px
	}

	.section-title .btns-group .btn:first-child {
		margin-bottom: 12px
	}

	#loading-center {
		margin-left: -40px;
		margin-top: -40px
	}

	#loading-center,
	.loader {
		height: 80px;
		width: 80px
	}

	.loader:after {
		border: 40px solid
	}

	.wsmobileheader .smllogo {
		display: block;
		margin-top: 24px;
		padding-left: 15px
	}

	.blog-header .wsmobileheader .smllogo {
		margin-top: 30px
	}

	.smllogo img {
		max-height: 32px;
		max-width: inherit;
		width: auto
	}

	.blog-header .smllogo img {
		max-height: 26px
	}

	.wsmenu>.wsmenu-list {
		margin-right: -250px;
		width: 250px
	}

	.overlapblackbg {
		width: calc(100% - 250px)
	}

	.wsanimated-arrow {
		margin: 25px 15px 0 0;
		padding: 14px 30px 14px 0
	}

	span.sm-info {
		font-size: .785rem;
		height: 20px;
		line-height: 18px;
		margin-left: 5px;
		top: -1px;
		width: 20px
	}

	.wsmenu>.wsmenu-list>li>a {
		margin: 0;
		padding: 5px 32px 4px 20px
	}

	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {
		height: 8px;
		margin: 24px 18px 0 0;
		width: 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		top: 0
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		padding: 6px 10px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.icons-menu,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.icons-menu.w-75,
	.wsmenu>.wsmenu-list>li>ul.sub-menu.icons-menu {
		padding: 6px 8px
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
	.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
		padding: 12px 9px
	}

	.store.header-store img {
		max-height: 42px
	}

	.header-socials.ico-20 [class*=flaticon-]:before,
	.header-socials.ico-25 [class*=flaticon-]:after {
		line-height: 52px !important
	}

	.wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title {
		margin-top: 12px
	}

	.icons-menu-txt span {
		font-size: .885rem
	}

	.hero-section.blur--purple:after {
		opacity: .16;
		top: -25%
	}

	.hero-section h2 {
		margin-bottom: 13px
	}

	.hero-section h2.s-48,
	.hero-section h2.s-50 {
		margin-bottom: 20px
	}

	.hero-section p.p-lg,
	.hero-section p.p-md,
	.hero-section p.p-xl,
	.hero-section p.s-20,
	.hero-section p.s-22,
	.hero-section p.s-24 {
		margin-bottom: 23px
	}

	.hero-section p.s-21 {
		font-size: 1.285714rem;
		margin-bottom: 22px
	}

	.hero-section .btn.mt-15,
	.hero-section .btns-group.mt-15 {
		margin-top: 8px
	}

	.hero-section .text-center .advantages {
		margin-top: 15px
	}

	.hero-section .advantages li {
		display: block !important;
		margin-top: 3px
	}

	.hero-section .advantages li p {
		display: block;
		float: none
	}

	.hero-section li.advantages-links-divider {
		display: none !important
	}

	.hero-logo {
		margin-bottom: 28px
	}

	.hero-logo img {
		max-height: 28px
	}

	.hero-square-logo {
		margin-bottom: 10px
	}

	.hero-square-logo img {
		max-height: 58px
	}

	.hero-app-logo {
		margin-bottom: 25px
	}

	#hero-25 .hero-app-logo img,
	.hero-app-logo img {
		max-height: 85px
	}

	.hero-digits {
		margin-top: -5px
	}

	#hero-9 .hero-digits {
		margin-top: 3px
	}

	.hero-digits h2.statistic-number {
		font-size: 2.2rem
	}

	.hero-digits h2.statistic-number span {
		font-size: 2.15rem
	}

	.hero-section .quick-form.mt-35,
	.hero-section .quick-form.mt-45 {
		margin-top: 0
	}

	.hero-section .quick-form .btn,
	.hero-section .quick-form .form-control {
		font-size: 1.15rem;
		height: 52px
	}

	.hero-section .quick-form.form-half .form-control {
		font-size: 1.15rem;
		height: 52px;
		padding: 0 14px
	}

	.hero-section .quick-form.form-half .btn {
		font-size: 1.125rem;
		height: 52px
	}

	.hero-section .text-center .quick-form-msg {
		margin: 20px 0 -10px
	}

	.request-form .form-control {
		font-size: 1.0625rem;
		height: 50px;
		padding: 0 14px
	}

	#hero-10-form .btn,
	#hero-22-form .btn {
		font-size: 1.0625rem;
		height: 50px;
		padding: 16px
	}

	#hero-1,
	#hero-2 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-1-txt {
		padding: 0 3%
	}

	.hero-1-img,
	.hero-2-img {
		margin-top: 30px
	}

	#hero-3 {
		padding-top: 70px
	}

	.hero-3-txt {
		padding: 0 2%
	}

	#hero-3:after {
		height: 8%
	}

	.hero-3-img {
		margin-top: 30px
	}

	#hero-4 {
		padding-top: 70px
	}

	#hero-4:after {
		height: 7%
	}

	.hero-4-txt h2 {
		padding: 0 3%
	}

	.font--inter .hero-4-txt h2 {
		padding: 0 2.4%
	}

	.hero-4-txt p {
		padding: 0 5px
	}

	.hero-4-img {
		margin-top: 30px
	}

	#hero-5 {
		margin-bottom: 50px;
		padding-top: 70px
	}

	.hero-5-txt h2 {
		margin-bottom: 12px
	}

	.hero-5-txt p.p-lg {
		margin-bottom: 20px
	}

	.hero-5-img {
		margin-top: 35px
	}

	#hero-6 {
		padding-top: 0
	}

	#hero-6 .container {
		max-width: 100%
	}

	.hero-6-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 65px 15px
	}

	.hero-6-txt p {
		padding: 0 3%
	}

	.hero-6-img {
		margin: 30px 1% 0
	}

	#hero-7 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-7-txt h2 {
		padding: 0 3%
	}

	#hero-7 .quick-form {
		margin-left: 3%;
		margin-right: 3%
	}

	.hero-7-img {
		margin-top: 30px
	}

	#hero-8 {
		padding-top: 70px
	}

	.hero-8-txt {
		padding: 0 4%
	}

	.hero-8-txt .hero-logo {
		display: none
	}

	.hero-8-txt .hero-digits {
		padding: 0
	}

	#hero-8-form {
		border-radius: 10px;
		margin: 30px 2% 0;
		padding: 26px 12px
	}

	#hero-8-form h4 {
		margin-bottom: 12px
	}

	#hero-8-form p {
		font-size: 1rem;
		margin-bottom: 15px
	}

	#hero-8-form p.p-sm {
		font-size: .9375rem;
		padding: 0 !important
	}

	#hero-9 {
		padding-top: 70px
	}

	.hero-9-txt h2 {
		line-height: 1.45;
		padding: 0 3%
	}

	.hero-9-txt h2 img {
		margin: 0 2px;
		max-height: 48px;
		top: -6px
	}

	.hero-9-txt p.s-20 {
		font-size: 1rem;
		margin-top: 10px
	}

	#hero-9 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	.hero-9-img {
		margin: 30px 0 0
	}

	#hero-10 {
		padding-top: 70px
	}

	#hero-10:after {
		height: 7%
	}

	.hero-10-txt h2 {
		padding: 0 3%
	}

	.hero-10-txt h4 {
		margin-bottom: 23px;
		padding: 0 2%
	}

	.hero-10-img {
		margin-top: 30px
	}

	#hero-11 {
		padding-top: 70px
	}

	.hero-11-txt p {
		padding: 0 5%
	}

	.hero-11-img {
		margin: 30px 3% -50px
	}

	#hero-12 {
		padding-top: 70px
	}

	#hero-12:after {
		height: 6%
	}

	.hero-12-txt h2 {
		padding: 0 3%
	}

	.font--inter .hero-12-txt h2 {
		padding: 0 2.4%
	}

	.hero-12-txt p {
		padding: 0 5px
	}

	.hero-12-img {
		margin-top: 30px
	}

	#hero-13 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-13-txt h2 {
		padding: 0 3%
	}

	.hero-13-img {
		margin: 30px 1% 0
	}

	#hero-14 {
		margin-bottom: 20px;
		padding-top: 70px
	}

	.hero-14-txt h2.s-62 {
		font-size: 1.92857rem;
		margin-bottom: 15px
	}

	.hero-14-txt p.s-21 {
		margin-bottom: 25px;
		padding: 0
	}

	#hero-14 .quick-form {
		margin-left: 4%;
		margin-right: 4%
	}

	.hero-14-img {
		margin-bottom: -20px;
		margin-top: 35px
	}

	.hero-14-txt .btn-txt {
		margin-top: 25px
	}

	#hero-15 {
		padding-top: 70px
	}

	.hero-15-img {
		margin: 30px 1% 0
	}

	#hero-16 {
		margin-bottom: 30px;
		padding-top: 70px
	}

	.hero-16-txt h2 {
		padding: 0 4%
	}

	.hero-16-img {
		margin: 30px 0 -30px
	}

	#hero-17 {
		padding-top: 70px
	}

	.hero-17-txt p {
		padding: 0 2%
	}

	#hero-17 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	#hero-17 #brands-1 {
		padding-top: 30px
	}

	#hero-18 {
		padding-bottom: 60px;
		padding-top: 70px
	}

	.hero-18-txt p {
		padding: 0 3%
	}

	#hero-18 .quick-form {
		margin: 20px 2% 0
	}

	.hero-18-img {
		margin-top: 30px
	}

	#hero-19 {
		padding-top: 70px
	}

	.hero-19-txt h2 {
		padding: 0 3%
	}

	#hero-20 {
		padding-top: 70px
	}

	.hero-20-txt {
		padding: 0 3%
	}

	.hero-20-txt .hero-logo {
		display: none
	}

	.hero-section .hero-20-txt h2.s-48 {
		margin-bottom: 18px
	}

	#hero-21 {
		margin-bottom: 35px;
		padding-top: 70px
	}

	#hero-21 .container {
		max-width: 100%
	}

	.hero-21-txt {
		margin-bottom: 40px
	}

	.hero-21-txt h2 {
		margin-bottom: 18px
	}

	.hero-21-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		overflow: visible
	}

	#hero-21 .hero-overlay {
		padding: 40px 20px 0
	}

	.hero-21-img {
		margin-bottom: -35px
	}

	.hero-21-img .video-btn {
		top: calc(50% - 2px)
	}

	#hero-22 {
		padding-top: 70px
	}

	#hero-22-form {
		margin: 0 1%;
		padding: 30px 15px 20px;
		text-align: center
	}

	#hero-22 .hero-logo {
		display: none
	}

	#hero-22-form h4 {
		font-size: 1.57142rem;
		margin-bottom: 12px;
		padding: 0
	}

	#hero-22-form p {
		font-size: 1.1rem;
		margin-bottom: 15px;
		padding: 0 5%
	}

	#hero-23 {
		margin-bottom: 20px;
		padding-top: 70px
	}

	.hero-23-txt {
		padding: 0 2%
	}

	.hero-23-img {
		margin-bottom: -20px;
		margin-top: 12px
	}

	#hero-24 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-24-txt p.p-xl {
		padding: 0 2%
	}

	#hero-24 .quick-form {
		margin-left: 2%;
		margin-right: 2%
	}

	#hero-25 {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.hero-25-txt p.p-lg {
		margin-bottom: 20px
	}

	.hero-25-img {
		margin: 30px 0 0
	}

	#hero-26 {
		padding-top: 70px
	}

	.hero-26-txt {
		padding: 0 5%
	}

	.hero-26-img {
		margin-top: 30px
	}

	#hero-27 .hero-overlay {
		padding-top: 70px
	}

	.hero-27-txt h2 {
		font-size: 1.85rem;
		margin-bottom: 15px !important
	}

	.hero-27-txt p.s-20,
	.hero-27-txt p.s-21 {
		font-size: 1.0625rem
	}

	.hero-27-txt p.s-20 {
		margin-bottom: 20px !important
	}

	.hero-27-txt .btns-group.mt-15 {
		margin-top: 0 !important
	}

	.about-2-title {
		margin-bottom: 30px
	}

	.a2-txt {
		padding: 10px 20px 25px
	}

	#a3-1 {
		margin-bottom: 20px
	}

	.a2-txt-quote {
		margin-bottom: -35px;
		position: relative
	}

	.a2-txt-quote.ico-40 [class*=flaticon-]:after,
	.a2-txt-quote.ico-40 [class*=flaticon-]:before {
		font-size: 4.25rem
	}

	.a2-txt-author {
		font-size: 1.125rem;
		margin-top: 10px
	}

	.a2-txt-author span {
		font-size: .975rem;
		margin-top: 1px
	}

	#about-1 .txt-block h3.mb-30,
	.about-2-title h2.mb-30 {
		margin-bottom: 15px
	}

	#about-4 .txt-block h2 {
		padding: 0 5%
	}

	#about-4 .txt-block p {
		margin-top: 12px
	}

	#a4-2 {
		margin: 30px 2% 0
	}

	#features-14 .container {
		max-width: 100%
	}

	.fbox-14-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 60px 30px
	}

	#features-12.py-100.shape--bg:after,
	#features-13.py-100.shape--bg:after {
		height: 69%;
		top: 31%
	}

	#features-12.pt-100.shape--bg:after,
	#features-13.pt-100.shape--bg:after {
		height: 65%;
		top: 32%
	}

	.fb-1,
	.fb-2,
	.fbox-5.fb-3,
	.fbox-5.fb-5,
	.row-cols-md-2 .fb-3,
	.rows-2 .fb-1,
	.rows-2 .fb-2,
	.rows-2 .fb-3,
	.rows-2 .fb-4,
	.rows-2 .fb-5,
	.rows-2 .fbox-7.fb-1,
	.rows-2 .fbox-7.fb-2,
	.rows-2 .fbox-7.fb-3,
	.rows-2 .fbox-9.fb-1,
	.rows-2 .fbox-9.fb-2,
	.rows-2 .fbox-9.fb-3,
	.rows-3 .fb-3.fbox-11-lst {
		margin-bottom: 30px
	}

	.fbox-5.fb-2,
	.fbox-5.fb-4,
	.fbox-5.fb-6 {
		margin-bottom: 0
	}

	.fbox-5,
	.fbox-8.bg--white-100,
	.row-cols-md-2 .fbox-4,
	.row-cols-md-3 .fbox-4 {
		padding: 35px 25px
	}

	.fbox-7,
	.fbox-9 {
		padding: 35px 25px 30px
	}

	.row-cols-md-2 .fbox-7 {
		padding: 35px 35px 30px
	}

	.fbox-8.fb-1 {
		padding: 0 25px 35px
	}

	.fbox-8.fb-3 {
		padding: 40px 25px 0
	}

	.fbox-12,
	.fbox-13 {
		padding: 30px 25px
	}

	#fb-12-1,
	#fb-12-2,
	#fb-12-3,
	#fb-13-1,
	#fb-13-2,
	#fb-13-3 {
		margin-bottom: 30px
	}

	#fb-12-1,
	#fb-13-1 {
		margin-top: 50px
	}

	#features-12 .txt-block,
	#features-13 .txt-block {
		margin-bottom: 30px
	}

	.fbox-14 {
		padding: 30px 25px 25px
	}

	.fbox-14.fb-1,
	.fbox-14.fb-2 {
		margin-bottom: 25px
	}

	.fbox-2 .fbox-img.h-135 img,
	.fbox-2 .fbox-img.h-140 img,
	.fbox-2 .fbox-img.h-145 img,
	.fbox-2 .fbox-img.h-150 img,
	.fbox-2 .fbox-img.h-155 img,
	.fbox-2 .fbox-img.h-160 img,
	.fbox-2 .fbox-img.h-165 img,
	.fbox-2 .fbox-img.h-170 img,
	.fbox-2 .fbox-img.h-175 img,
	.fbox-2 .fbox-img.h-180 img,
	.fbox-3 .fbox-img.h-135 img,
	.fbox-3 .fbox-img.h-140 img,
	.fbox-3 .fbox-img.h-145 img,
	.fbox-3 .fbox-img.h-150 img,
	.fbox-3 .fbox-img.h-155 img,
	.fbox-3 .fbox-img.h-160 img,
	.fbox-3 .fbox-img.h-165 img,
	.fbox-3 .fbox-img.h-170 img,
	.fbox-3 .fbox-img.h-175 img,
	.fbox-3 .fbox-img.h-180 img,
	.fbox-img.h-135 img,
	.fbox-img.h-140 img,
	.fbox-img.h-145 img,
	.fbox-img.h-150 img,
	.fbox-img.h-155 img,
	.fbox-img.h-160 img,
	.fbox-img.h-165 img,
	.fbox-img.h-170 img,
	.fbox-img.h-175 img,
	.fbox-img.h-180 img {
		max-height: 160px
	}

	.fbox-4 .fbox-img.h-135 img,
	.fbox-4 .fbox-img.h-145 img,
	.fbox-4 .fbox-img.h-150 img,
	.fbox-4 .fbox-img.h-155 img,
	.fbox-4 .fbox-img.h-160 img,
	.fbox-4 .fbox-img.h-165 img,
	.fbox-4 .fbox-img.h-170 img,
	.fbox-4 .fbox-img.h-175 img,
	.fbox-4.fbox-img.h-140 img {
		max-height: 145px
	}

	.fbox-1 .fbox-img,
	.fbox-4 .fbox-img,
	.row-cols-md-2 .fbox-1 .fbox-img,
	.row-cols-md-2 .fbox-4 .fbox-img {
		margin-bottom: 25px
	}

	.fbox-2 .fbox-img.h-135,
	.fbox-2 .fbox-img.h-140,
	.fbox-2 .fbox-img.h-145,
	.fbox-2 .fbox-img.h-150,
	.fbox-2 .fbox-img.h-155,
	.fbox-2 .fbox-img.h-160,
	.fbox-2 .fbox-img.h-165,
	.fbox-2 .fbox-img.h-170,
	.fbox-2 .fbox-img.h-175,
	.fbox-2 .fbox-img.h-180 {
		margin: 0 0 45px;
		padding-top: 35px
	}

	.fbox-3 .fbox-img.h-135,
	.fbox-3 .fbox-img.h-140,
	.fbox-3 .fbox-img.h-145,
	.fbox-3 .fbox-img.h-150,
	.fbox-3 .fbox-img.h-155,
	.fbox-3 .fbox-img.h-160,
	.fbox-3 .fbox-img.h-165,
	.fbox-3 .fbox-img.h-170,
	.fbox-3 .fbox-img.h-175,
	.fbox-3 .fbox-img.h-180 {
		margin: 0 0 25px;
		padding-top: 35px
	}

	.fbox-5.fb-1 .fbox-5-img,
	.fbox-5.fb-2 .fbox-5-img,
	.fbox-5.fb-3 .fbox-5-img,
	.fbox-5.fb-4 .fbox-5-img,
	.fbox-5.fb-5 .fbox-5-img,
	.fbox-5.fb-6 .fbox-5-img {
		margin: 0 3% 25px
	}

	.fbox-ico,
	.fbox-ico.ico-rounded,
	.fbox-ico.ico-square {
		margin-bottom: 18px
	}

	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:after,
	.fbox-10 .fbox-title.ico-35 [class*=flaticon-]:before,
	.fbox-wrapper .ico-50 [class*=flaticon-]:after,
	.fbox-wrapper .ico-50 [class*=flaticon-]:before,
	.fbox-wrapper .ico-55 [class*=flaticon-]:after,
	.fbox-wrapper .ico-55 [class*=flaticon-]:before,
	.fbox-wrapper .ico-60 [class*=flaticon-]:after,
	.fbox-wrapper .ico-60 [class*=flaticon-]:before {
		font-size: 3.6rem
	}

	.features-section h6.s-18,
	.features-section h6.s-20,
	.features-section h6.s-22 {
		font-size: 1.35714rem
	}

	.fbox-txt h5,
	.fbox-wrapper .row-cols-md-2 h6,
	.features-section h6,
	.rows-2 .fbox-11 h6 {
		margin-bottom: 12px
	}

	.fbox-10 .fbox-title {
		margin: 0 auto
	}

	.fbox-10 .fbox-title span {
		float: none;
		line-height: 1 !important;
		margin-right: 0
	}

	.fbox-10 .fbox-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px;
		margin-top: 10px
	}

	.fbox-14 h5 {
		margin-bottom: 12px;
		padding: 0 5%
	}

	.fbox-10 .fbox-txt p,
	.row-cols-md-3 .fbox-1 p,
	.row-cols-md-3 .fbox-2 p,
	.row-cols-md-3 .fbox-3 p,
	.row-cols-md-3 .fbox-6 p {
		padding: 0 3%
	}

	.row-cols-md-2 .fbox-1 p,
	.row-cols-md-2 .fbox-2 p,
	.row-cols-md-2 .fbox-3 p,
	.row-cols-md-2 .fbox-6 p {
		padding: 0 8%
	}

	.fbox-5 .fbox-txt p,
	.row-cols-md-2 .fbox-4 p,
	.rows-2 .fbox-11 p {
		padding: 0 5%
	}

	.row-cols-lg-3 .fbox-10 .fbox-txt p {
		padding: 0
	}

	.rows-3 .fbox-11 p {
		padding: 0 4%
	}

	.ct-06 {
		padding-bottom: 60px
	}

	.ct-10 .section-overlay {
		margin-bottom: 40px
	}

	.ct-top {
		margin-bottom: 60px
	}

	.ct-13 .img-block,
	.ct-13 .txt-block {
		margin-bottom: 30px
	}

	.ct-13 .img-block.ml-block,
	.ct-13 .txt-block.ml-block {
		margin-bottom: 0
	}

	.content-section.ws-wrapper {
		margin: 0 -15px
	}

	.bc-1-wrapper .section-overlay,
	.bc-4-wrapper .section-overlay {
		padding: 60px 18px
	}

	.bc-2-wrapper .section-overlay,
	.bc-3-wrapper .section-overlay {
		padding: 60px 14px
	}

	.bc-5-wrapper .section-overlay {
		padding: 60px 14px 0
	}

	.bc-6-wrapper .section-overlay {
		padding: 60px 14px
	}

	.bc-6 {
		padding: 20px 15px 25px
	}

	.bc-6-top {
		margin-bottom: 30px
	}

	.cbox-6-wrapper {
		padding: 28px 18px
	}

	.bc-1-wrapper,
	.bc-2-wrapper,
	.bc-3-wrapper,
	.bc-4-wrapper,
	.bc-5-wrapper,
	.bc-6-wrapper {
		border-radius: 0 0 !important
	}

	.bc-5-wrapper .section-title p {
		padding: 0 3%
	}

	.bc-2-txt h2,
	.bc-3-txt h2,
	.bc-4-txt h2,
	.txt-block h2,
	.txt-block h3 {
		margin-bottom: 14px
	}

	.txt-block h5,
	h5.h5-title {
		margin-bottom: 16px
	}

	h5.h5-title {
		margin-top: 16px
	}

	.bc-6-txt h5,
	.cbox-2-txt h5,
	.cbox-3-txt h5 {
		margin-bottom: 12px
	}

	.txt-block p,
	.txt-block p.p-lg,
	.txt-block p.p-md {
		margin-bottom: .85714rem
	}

	.txt-block p.s-20,
	.txt-block p.s-21 {
		font-size: 1.14285rem
	}

	.cbox-5-fea p,
	.txt-block p.btn-txt,
	.txt-block p.btns-group-txt,
	.txt-block p.compatibility,
	.txt-block p.video-txt-sm {
		margin-bottom: 0
	}

	.txt-block p.video-txt-lg {
		margin-bottom: 6px
	}

	.txt-block .btn {
		margin-top: 16px
	}

	.txt-block .stores-badge.mt-15,
	.ws-wrapper .stores-badge.mt-15 {
		margin-top: 8px
	}

	.txt-block .btns-group .btn.btn--transparent {
		margin-top: 0
	}

	.bc-6-link.mt-15 {
		margin-top: 12px
	}

	.txt-block-tra-link.mt-25 {
		margin-top: 16px
	}

	.txt-box {
		margin-bottom: 15px
	}

	.right-column .cbox-5 {
		margin-bottom: 40px
	}

	.cbox-5-content {
		margin: 0 1%;
		padding: 25px
	}

	.cbox-5-content .divider {
		margin-bottom: 22px;
		margin-top: 22px
	}

	.txt-block .cbox-5-title h2 {
		font-size: 2.45rem;
		margin-bottom: 10px
	}

	.cbox-5-title .statistic-number sup {
		font-size: 2.05rem;
		right: 6px;
		top: -5px
	}

	.cbox-5-fea {
		margin-top: 20px;
		padding: 15px 20px
	}

	.txt-block .cbox-5-fea h4 {
		font-size: 1.625rem
	}

	.cbox-5-txt .btn {
		margin-top: 10px
	}

	#cb-6-1,
	#cb-6-2,
	#cb-6-3 {
		margin-bottom: 20px
	}

	.cbox-1.ico-10 span {
		right: 5px
	}

	.cbox-1.ico-15 span {
		right: 5px;
		top: .5px
	}

	.cbox-1.ico-15 [class*=flaticon-]:after,
	.cbox-1.ico-15 [class*=flaticon-]:before {
		font-size: .7rem
	}

	.cbox-2 .ico-wrap {
		margin-right: 1rem
	}

	.cbox-2-ico {
		font-size: 1.0625rem;
		height: 2.15rem;
		line-height: 1.85rem;
		width: 2.15rem
	}

	.ct-03 .cbox-2-ico {
		font-size: 1rem;
		height: 1.65rem;
		line-height: 1.4rem;
		width: 1.65rem
	}

	.cbox-2-line {
		height: calc(100% - 70px)
	}

	.cbox-3 {
		display: block;
		text-align: center
	}

	.cbox-3 .ico-wrap {
		margin-right: 0
	}

	.cbox-3 .cbox-3-ico {
		margin-bottom: 10px;
		top: 0
	}

	.cbox-3-ico span[class*=flaticon-]:after,
	.cbox-3-ico span[class*=flaticon-]:before {
		font-size: 3rem
	}

	.cbox-4 {
		text-align: center
	}

	.box-title h5,
	.box-title h6 {
		display: block;
		line-height: 1 !important;
		margin-bottom: 15px
	}

	.img-block-txt .box-title h5,
	.img-block-txt .box-title h6 {
		display: inline-block;
		line-height: 2.5rem !important;
		margin-bottom: 20px
	}

	.box-title span {
		display: block;
		margin-bottom: 10px;
		margin-right: 0;
		position: relative;
		top: 0
	}

	.img-block-txt .box-title span {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
		top: 10px
	}

	.box-title span[class*=flaticon-]:after,
	.box-title span[class*=flaticon-]:before {
		font-size: 3rem
	}

	.img-block-txt .box-title span[class*=flaticon-]:after,
	.img-block-txt .box-title span[class*=flaticon-]:before {
		font-size: 2.5rem
	}

	.cbox-2-txt,
	.cbox-3-txt,
	.cbox-4-txt {
		margin-bottom: 25px
	}

	.ct-03 .cbox-2-txt {
		margin-bottom: 20px
	}

	.cbox-1-txt p {
		margin-bottom: 5px
	}

	.cbox-6 h6 {
		margin-bottom: 10px
	}

	.txt-block .accordion-1 .accordion-item {
		padding: 18px 20px
	}

	.txt-block .accordion-2 .accordion-item {
		padding: 10px 0 20px
	}

	.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
		font-size: .95rem;
		top: -1px
	}

	.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
	.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
		font-size: .95rem;
		top: 7px
	}

	.txt-block .accordion-1 .accordion-item.is-active {
		padding: 25px 20px 9px
	}

	.txt-block .accordion-2 .accordion-item.is-active {
		padding: 15px 0 20px
	}

	.txt-block .accordion-1 .accordion-panel {
		padding: 0
	}

	.txt-block .accordion-1 .accordion-thumb h5 {
		padding-left: 22px
	}

	.txt-block .accordion-2 .accordion-thumb h5 {
		padding-left: 10px;
		padding-right: 0
	}

	.accordion-2 .accordion-thumb span[class*=flaticon-]:after,
	.accordion-2 .accordion-thumb span[class*=flaticon-]:before {
		font-size: 1.75rem;
		top: 6px
	}

	.tabs-1 li {
		font-size: 1.125rem
	}

	#tabs-1 .tab-content .img-block {
		margin-bottom: 30px
	}

	.advantages,
	.text-center .advantages {
		margin-top: 15px
	}

	.img-block-btn .advantages li {
		display: block !important;
		margin-top: 4px
	}

	.img-block-btn .advantages li p {
		display: block;
		float: none
	}

	.img-block-btn li.advantages-links-divider {
		display: none !important
	}

	.compatibility {
		margin-top: 10px
	}

	.payment-methods p,
	.tools-list p {
		margin-bottom: 12px
	}

	.tools-list span {
		padding-right: 1px
	}

	.payment-icons img {
		max-height: 26px
	}

	.tools-list.ico-35 [class*=flaticon-]:after,
	.tools-list.ico-35 [class*=flaticon-]:before {
		font-size: 2rem;
		line-height: 2rem !important;
		margin-right: 3px
	}

	.cbox-5-shape-1,
	.cbox-5-shape-2 {
		display: none
	}

	.img-block.img-block-bkg img {
		padding: 30px 15px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden,
	.img-block-hidden {
		margin-bottom: -30px
	}

	.ct-10 .img-block {
		margin-bottom: -40px
	}

	.ct-01 .img-block,
	.ct-02 .img-block,
	.ct-03 .img-block.left-column,
	.ct-03 .img-block.right-column {
		margin: 0 2% 30px
	}

	.ct-01 .img-block.j-img,
	.ct-02 .img-block.j-img {
		margin-left: 0;
		margin-right: 0
	}

	.ct-04 .img-block,
	.ct-05 .img-block,
	.ct-06 .img-block,
	.ct-07 .img-block- {
		margin-bottom: 30px
	}

	.ct-06 .img-block,
	.ct-07 .img-block {
		margin-bottom: 40px;
		margin-top: -80px
	}

	.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn,
	.img-block-hidden .video-btn {
		top: 50%
	}

	.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
		top: calc(50% - 20px)
	}

	.img-block-btn,
	.img-block-txt {
		margin-top: 30px
	}

	.bc-1-wrapper .img-block,
	.bc-2-img,
	.bc-2-wrapper .img-block,
	.bc-3-img,
	.bc-4-img {
		margin-bottom: 30px
	}

	.bc-5-img.bc-5-tablet.img-block-hidden {
		margin-bottom: -50px
	}

	.bc-6-img {
		margin-bottom: 20px;
		padding: 25px 15px 0
	}

	.ct-11 .img-block,
	.ct-12 .img-block {
		margin-bottom: 30px;
		padding: 40px 5%
	}

	.sb-rounded .statistic-block {
		padding: 25px;
		text-align: center
	}

	#statistic-5 .statistic-digit {
		margin: 0 12% 18px;
		padding-bottom: 18px
	}

	#sb-1-1,
	#sb-1-2,
	#sb-3-1,
	#sb-3-2,
	#sb-3-3 {
		margin-bottom: 30px
	}

	#sb-2-1,
	#sb-2-2,
	#sb-2-3,
	#sb-2-4 {
		width: 50%
	}

	#sb-2-3,
	#sb-2-4 {
		padding-right: 10px
	}

	#sb-4-1,
	#sb-4-2,
	#sb-4-3 {
		margin-bottom: 25px
	}

	#sb-5-1,
	#sb-5-2 {
		margin-bottom: 30px
	}

	.statistic-1-wrapper .statistic-block-digit {
		margin-bottom: 12px
	}

	h2.statistic-number {
		font-size: 2.125rem;
		letter-spacing: -.5px;
		line-height: 1
	}

	.txt-block-stat h2.statistic-number {
		font-size: 2rem
	}

	#statistic-1 h2.statistic-number {
		letter-spacing: -.5px
	}

	#sb-2-1 h2.statistic-number,
	#sb-2-2 h2.statistic-number {
		margin-bottom: 12px
	}

	#statistic-5 .statistic-digit h2 {
		font-size: 2.125rem;
		letter-spacing: -.5px
	}

	#sb-2-3 .statistic-block p.p-sm,
	#sb-2-4 .statistic-block p.p-sm {
		margin-top: 12px
	}

	.txt-block-stat .statistic-block p {
		font-size: .95rem
	}

	#statistic-5 .statistic-txt p {
		padding: 0 8%
	}

	#pt-1-1,
	#pt-1-2,
	#pt-1-3,
	.inner-page-hero #pt-1-3,
	.inner-page-hero #pt-1-4,
	.inner-page-hero #pt-1-5 {
		margin-bottom: 35px
	}

	.project-details h5 {
		margin-bottom: 20px
	}

	.more-projects {
		margin-top: 40px
	}

	.single-project .project-title {
		margin-bottom: 35px
	}

	.project-title h2 {
		margin-bottom: 25px;
		padding-bottom: 25px;
		padding-right: 0
	}

	.project-data p {
		margin-bottom: 5px
	}

	.project-inner-img .top-img,
	.project-priview-img.mb-50 {
		margin-bottom: 30px
	}

	.project-inner-img.mt-50 {
		margin-top: 30px
	}

	.project-txt h5.mt-35.mb-35 {
		margin-bottom: 20px;
		margin-top: 20px
	}

	.project-txt h5.mt-50.mb-35 {
		margin-bottom: 20px;
		margin-top: 30px
	}

	.project-description .more-projects {
		margin-top: 40px
	}

	.project-description .more-projects span {
		left: 4px;
		top: 1px
	}

	.project-description .more-projects.ico-25 [class*=flaticon-]:after,
	.project-description .more-projects.ico-25 [class*=flaticon-]:before {
		font-size: 1.125rem
	}

	#rb-2-1,
	#rb-2-2 {
		margin-bottom: 25px
	}

	.rating-title h5 {
		font-size: 1.125rem;
		padding: 0 15%
	}

	.rbox-1-img {
		margin-bottom: 15px
	}

	.rbox-1-img img {
		max-height: 30px
	}

	.rbox-2-txt img {
		max-height: 28px
	}

	p.rbox-2-txt {
		line-height: 28px;
		margin-top: 8px
	}

	.rbox-1 .star-rating {
		font-size: .9rem;
		line-height: 1;
		padding: 5px 16px
	}

	.rbox-1 .star-rating span {
		top: 2px
	}

	.rbox-1 .ico-10 [class*=flaticon-]:after,
	.rbox-1 .ico-10 [class*=flaticon-]:before {
		font-size: .9rem
	}

	.rbox-1 .ico-15 [class*=flaticon-]:after,
	.rbox-1 .ico-15 [class*=flaticon-]:before {
		font-size: 1rem
	}

	.rbox-2 .ico-20 [class*=flaticon-]:after,
	.rbox-2 .ico-20 [class*=flaticon-]:before,
	.rbox-2 .ico-25 [class*=flaticon-]:after,
	.rbox-2 .ico-25 [class*=flaticon-]:before {
		font-size: 1.225rem
	}

	#reviews-4 .txt-block,
	#reviews-5 .txt-block {
		text-align: center
	}

	#reviews-4 .txt-block h2,
	#reviews-5 .txt-block h2 {
		font-size: 1.82142rem;
		padding: 0 2%
	}

	.review-1 {
		padding: 30px 30px 24px
	}

	.review-2 {
		padding: 35px 15px 24px
	}

	.review-3,
	.review-4,
	.review-5 {
		padding: 35px 25px 24px
	}

	.review-txt {
		margin-top: -40px
	}

	.review-txt h6 {
		margin-bottom: 10px
	}

	.review-3 .review-txt p {
		font-size: 1rem
	}

	.review-1 .author-data,
	.review-2 .author-data,
	.review-3 .author-data,
	.review-4 .author-data,
	.review-5 .author-data {
		margin-top: 20px
	}

	.owl-item .review-avatar img,
	.review-2 .review-avatar img,
	.review-3 .review-avatar img,
	.review-5 .review-avatar img,
	.review-avatar img {
		height: 45px;
		width: 45px
	}

	.review-author {
		padding: 0 0 0 12px
	}

	.review-1 .review-author,
	.review-2 .review-author,
	.review-3 .review-author,
	.review-5 .review-author {
		margin-top: 2px
	}

	.review-author h6 {
		margin-bottom: 8px
	}

	.review-1 .review-author h6,
	.review-2 .review-author h6,
	.review-3 .review-author h6,
	.review-4 .review-author h6,
	.review-5 .review-author h6 {
		font-size: 1.225rem
	}

	#press-01,
	#press-02,
	#press-03,
	#press-04,
	#press-05,
	#press-06,
	#press-07 {
		margin-bottom: 25px
	}

	.press-logo img {
		max-height: 70px
	}

	.press-txt {
		margin-top: 8px;
		padding: 0 1%
	}

	#brands-3:after {
		height: 85%
	}

	.brands-title {
		padding: 0 3%
	}

	.brands-title.mb-35,
	.brands-title.mb-40 {
		margin-bottom: 20px
	}

	.brands-title.mb-50 {
		margin-bottom: 25px
	}

	.brands-title h5.s-19 {
		font-size: 1.21428rem
	}

	.brands-title h2,
	.brands-title h3,
	.brands-title h4 {
		margin-bottom: 8px
	}

	.brands-title p.p-lg,
	.brands-title p.p-md {
		font-size: 1rem
	}

	.brands-3-wrapper,
	.brands-3-wrapper.brands-3-static {
		padding: 25px 15px
	}

	#brand-2-1,
	#brand-2-2,
	#brand-2-3,
	#brand-2-4,
	#brand-3-1,
	#brand-3-2,
	#brand-4-1,
	#brand-4-2,
	#brand-4-3,
	#brand-4-4,
	#brand-4-5,
	#brand-4-6,
	#brand-4-7,
	#brand-4-8,
	#brands-4 .brand-logo.mb-40 {
		margin-bottom: 25px
	}

	#brand-3-5 {
		display: none
	}

	#brands-1 .brands-carousel-5 .brand-logo,
	#brands-1 .brands-carousel-6 .brand-logo,
	#brands-1 .justify-content-center .brand-logo,
	#brands-4 .brand-logo {
		padding: 0 15px
	}

	#brands-2 .brand-logo,
	#brands-3 .brand-logo,
	#brands-3 .brands-3-static .brand-logo {
		padding: 0 11px
	}

	.brands-section .more-btn {
		margin-top: 30px
	}

	#integrations-2 .container {
		max-width: 100%
	}

	.integrations-2-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 60px 20px
	}

	.in_tool_logo.ico-65 img {
		height: 55px;
		width: 55px
	}

	.in_tool h6 {
		font-size: 1.125rem
	}

	#integrations-1 .in_tool-logo.ico-60 img {
		height: 48px;
		width: 48px
	}

	.integrations-1-wrapper .in_tool {
		padding: 15px 20px
	}

	.integrations-1-wrapper .in_tool.mb-30,
	.integrations-1-wrapper .it-7,
	.integrations-1-wrapper .it-8 {
		margin-bottom: 20px
	}

	.integrations-1-wrapper .in_tool-txt h6 {
		font-size: 1.25rem;
		line-height: 1;
		margin-top: 5px
	}

	.integrations-1-wrapper .in_tool-txt p {
		font-size: 1.0625rem;
		margin-top: 4px
	}

	.integrations-section .more-btn.mt-60,
	.integrations-section .more-btn.mt-70 {
		margin-top: 30px
	}

	.p-table {
		margin-bottom: 30px
	}

	.pricing-1-table,
	.text-center .pricing-1-table {
		padding: 35px 30px 30px
	}

	.pricing-2-table {
		padding: 35px 30px
	}

	.pricing-3-table {
		padding: 30px 30px 35px
	}

	.pricing-4-table {
		padding: 25px 30px
	}

	.pricing-table-header h4,
	.pricing-table-header h5 {
		font-size: 1.4285714rem !important
	}

	.pricing-discount {
		padding: 6px 11px;
		right: -2px;
		top: 0
	}

	.pricing-1-table .pricing-discount {
		padding: 7px 13px;
		right: 0;
		top: -4px
	}

	.text-center .pricing-1-table .pricing-discount {
		right: -5px;
		top: -32px
	}

	.pricing-discount h6 {
		font-size: 1rem
	}

	.pricing-1-table .pricing-discount h6 {
		font-size: .9rem
	}

	.p-table p.btn-txt {
		margin: 10px 0 0
	}

	.pricing-3-table .price.mt-25 {
		margin-top: 20px
	}

	.price span {
		font-size: 2.85rem;
		letter-spacing: -1.5px
	}

	.pricing-2-table.highlight .price span {
		font-size: 2.6rem
	}

	.pricing-3-table .price span {
		font-size: 4.285714rem;
		letter-spacing: -3px
	}

	.pricing-4-table .price span {
		font-size: 2.85rem
	}

	.price sup {
		font-size: 2.4rem;
		top: -2px
	}

	.pricing-3-table .price sup {
		font-size: 2.5rem;
		top: -16px
	}

	.pricing-4-table .price sup {
		font-size: 2.4rem;
		top: -2px
	}

	.pricing-3-table .price sup.coins {
		font-size: 2.5rem;
		letter-spacing: -2px;
		top: -19px
	}

	.price sup.validity {
		font-size: 1.285714rem
	}

	.pricing-3-table .price sup.validity {
		font-size: 1.285714rem;
		margin-bottom: 35px;
		margin-top: 20px;
		top: 0
	}

	.pricing-4-table .price sup.validity {
		font-size: 1.285714rem;
		left: 4px;
		top: 0
	}

	.text-center .price p,
	.text-center .pricing-2-table .price p {
		padding: 0
	}

	.pricing-4-table .price p {
		margin-bottom: 10px;
		margin-top: 15px
	}

	.pricing-1-table .pt-btn,
	.pricing-2-table .pt-btn,
	.pricing-2-table hr,
	.pricing-3-table .pt-btn,
	.pricing-4-table .pt-btn,
	.pricing-5-table .pt-btn,
	.pricing-6-table .pt-btn {
		margin-top: 20px
	}

	.pricing-features.mt-25 {
		margin-top: 12px
	}

	.pricing-4-table .pricing-features li,
	.pricing-features li {
		padding: 9px 8px
	}

	.pricing-notice.mb-40 {
		margin-bottom: 20px
	}

	.col-lg-10 .pricing-notice p,
	.col-lg-9 .pricing-notice p {
		padding: 0
	}

	#pricing-4 .ext-toggle-btn {
		margin: 0 auto 25px
	}

	.toggle-btn-lg .toggler-txt,
	.toggle-btn-md .toggler-txt {
		font-size: 1.15rem
	}

	.table-responsive.mb-50 {
		margin-bottom: 30px
	}

	.comp-table-rouded {
		padding: 10px 10px 0
	}

	.table>:not(caption)>*>* {
		padding-bottom: 9px;
		padding-top: 9px
	}

	.comp-table .table-responsive thead th {
		font-size: .9rem
	}

	.comp-table .table-responsive tbody th {
		font-size: .815rem;
		line-height: 1.25
	}

	.comp-table .table-responsive tbody td {
		font-size: .85rem;
		line-height: 1.25;
		top: 0
	}

	.comp-table .table-responsive tbody td span {
		top: 3px
	}

	.table-responsive .ico-15 [class*=flaticon-]:after,
	.table-responsive .ico-15 [class*=flaticon-]:before {
		font-size: .675rem
	}

	.table-responsive .ico-20 [class*=flaticon-]:after,
	.table-responsive .ico-20 [class*=flaticon-]:before {
		font-size: .835rem
	}

	#pbox-1,
	#pbox-2,
	#pbox-3 {
		margin-bottom: 30px
	}

	.pricing-section .pm-last,
	.pricing-section .txt-box-last {
		margin-bottom: 40px
	}

	.comp-table-payment h6 {
		margin-bottom: 14px
	}

	#team-1.pb-40,
	#team-2.pb-40 {
		padding-bottom: 25px
	}

	.team-member.mb-40,
	.team-member.mb-50,
	.team-member.mb-60 {
		margin-bottom: 35px
	}

	.team-member-photo {
		margin-bottom: 22px
	}

	#team-1 .team-member-data,
	#team-2 .team-member-data {
		margin-left: 10px
	}

	.team-member-data h6.s-20 {
		font-size: 1.35714rem;
		margin-bottom: 6px
	}

	.team-member-data p,
	.team-member-data p.p-lg,
	.team-member-data p.p-md {
		font-size: 1.15rem
	}

	#team-1 ul.tm-social,
	ul.tm-social {
		right: 10px;
		top: 0
	}

	.tm-social.ico-20 [class*=flaticon-]:after,
	.tm-social.ico-20 [class*=flaticon-]:before {
		font-size: 1.375rem
	}

	#careers-1 {
		padding-bottom: 30px
	}

	.role-box {
		padding: 25px 30px;
		text-align: center
	}

	#careers-1 .role-box span,
	.role-box-txt span {
		margin-bottom: 10px
	}

	#careers-1 .role-box h6 {
		line-height: 1.4;
		margin-bottom: 4px
	}

	.role-box-txt h6 {
		line-height: 1.4;
		margin-bottom: 5px
	}

	.role-box-txt p {
		margin-bottom: 14px
	}

	#role-page .inner-page-title,
	#role-page .inner-page-title span {
		margin-bottom: 20px
	}

	#role-page .inner-page-title p {
		padding: 0
	}

	#role-page .cbox-6-wrapper,
	.role-info hr {
		margin: 25px 0
	}

	.txt-block.role-info .btn {
		margin-top: 25px
	}

	#banner-12,
	#banner-13 {
		margin-bottom: 25px;
		margin-top: 0
	}

	#banner-9.py-70 {
		padding-bottom: 60px;
		padding-top: 60px
	}

	#banner-1 .container,
	#banner-11 .container,
	#banner-12 .container,
	#banner-13 .container,
	#banner-2 .container,
	#banner-3 .container {
		max-width: 100%
	}

	.banner-1-wrapper,
	.banner-11-wrapper,
	.banner-12-wrapper,
	.banner-13-wrapper,
	.banner-2-wrapper,
	.banner-3-wrapper {
		border-radius: 0 0 !important;
		margin: 0 -15px
	}

	.banner-1-wrapper .banner-overlay,
	.banner-2-wrapper .banner-overlay,
	.banner-3-wrapper .banner-overlay {
		padding: 55px 15px 65px
	}

	.banner-1-wrapper .banner-overlay.sm-title {
		padding: 50px 20px 60px
	}

	#banner-14 .banner-overlay,
	#banner-15 .banner-overlay,
	#banner-5 .banner-overlay.pt-80.pb-90,
	#banner-6 .banner-overlay,
	#banner-7 .banner-overlay.pt-80.pb-90,
	#banner-8 .banner-overlay {
		padding-bottom: 60px;
		padding-top: 50px
	}

	#banner-10 .banner-overlay {
		padding-bottom: 60px;
		padding-top: 60px
	}

	.banner-11-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: hidden;
		padding: 50px 25px 0
	}

	.banner-12-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 50px 25px 0
	}

	.banner-13-wrapper .banner-overlay {
		border-radius: 0 0 !important;
		overflow: visible;
		padding: 50px 25px 60px
	}

	.banner-16-wrapper .banner-overlay {
		padding: 30px 10%
	}

	.banner-5-txt {
		padding: 0
	}

	.banner-8-txt {
		padding: 0 5%
	}

	.banner-12-txt,
	.banner-13-txt {
		margin-top: 0;
		padding-right: 0
	}

	.banner-section .section-id {
		margin-bottom: 18px
	}

	#banner-15.banner-section .section-id {
		margin-bottom: 22px
	}

	.banner-section h2,
	.banner-section h3 {
		font-size: 1.82142rem !important
	}

	.banner-1-txt h2 {
		margin-bottom: 12px
	}

	.banner-10-txt h2,
	.banner-2-txt h2 {
		margin-bottom: 25px
	}

	.banner-4-txt h2 {
		padding: 0 6%
	}

	.banner-4-txt h2,
	.banner-7-txt h2 {
		margin-bottom: 22px
	}

	.banner-10-txt h6 {
		margin-bottom: 5px
	}

	.banner-10-txt h2 {
		font-size: 3.25rem !important;
		margin-bottom: 18px
	}

	.banner-11-txt h2,
	.banner-12-txt h2,
	.banner-13-txt h2 {
		margin-bottom: 14px
	}

	.banner-15-txt h2 {
		margin-bottom: 25px
	}

	.banner-16-txt h4 {
		margin-bottom: 10px;
		padding: 0 5%
	}

	.banner-section p.p-lg,
	.banner-section p.p-xl {
		font-size: 1.142857rem;
		margin-bottom: 20px
	}

	.banner-6-txt p.p-lg,
	.banner-6-txt p.p-xl,
	.sm-title .banner-1-txt p.p-lg,
	.sm-title .banner-1-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 12px
	}

	.banner-3-txt p.p-lg,
	.banner-3-txt p.p-xl {
		margin-bottom: 18px;
		margin-top: 10px
	}

	.banner-5-txt p.p-lg,
	.banner-5-txt p.p-xl {
		margin-top: 12px
	}

	.banner-5-txt p.s-21,
	.banner-5-txt p.s-22 {
		margin-bottom: 18px;
		margin-top: 11px
	}

	.banner-9-txt p.p-lg,
	.banner-9-txt p.p-xl {
		margin-bottom: 20px !important;
		margin-top: 10px
	}

	.banner-11-txt p {
		padding-right: 0
	}

	.banner-14-txt p.p-lg {
		margin-bottom: 18px;
		margin-top: 18px;
		padding: 0 5%
	}

	.banner-5-txt .btns-group.mt-35 {
		margin-top: 18px
	}

	.banner-8-buttons {
		margin-top: 15px;
		padding: 0 4%
	}

	.banner-15-txt .download-links {
		margin-top: 15px
	}

	.banner-section .btns-group .btn:first-child {
		margin-bottom: 12px;
		margin-left: 0;
		margin-right: 0
	}

	.banner-16-txt .txt-block-tra-link.mt-15 {
		margin-top: 10px
	}

	.banner-9-img {
		margin: 35px 2% 0
	}

	.banner-10-img {
		margin: 35px 5% 0
	}

	.banner-11-img {
		margin: 30px 2% -20px
	}

	.banner-12-img {
		margin: 30px 0 -40px;
		transform: rotate(0deg)
	}

	#download-1 {
		padding-bottom: 30px
	}

	.version-release {
		margin-bottom: 30px
	}

	.release-data h5 {
		margin-bottom: 30px !important
	}

	.release-data {
		margin-bottom: 20px;
		padding-bottom: 20px
	}

	span.version-data {
		font-size: 1.5rem;
		margin-right: 5px
	}

	span.release-date span {
		font-size: 1.05rem;
		margin-left: 5px
	}

	.release-download {
		margin-top: 15px
	}

	#faqs-1,
	#faqs-4 {
		padding-bottom: 40px
	}

	#faqs-1 .section-title {
		margin-bottom: 19px
	}

	#faqs-2 .inner-page-title {
		margin-bottom: 24px
	}

	#faqs-3 .section-title,
	#faqs-4 .inner-page-title {
		margin-bottom: 35px
	}

	#faqs-3 .section-title .contact-link {
		display: block
	}

	.faqs-section .accordion-thumb {
		padding: 16px 0 20px
	}

	#faqs-2.faqs-section .accordion-thumb {
		padding: 16px 0 21px
	}

	.faqs-section .accordion-item .accordion-thumb:after,
	.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .875rem;
		right: 2px;
		top: 20px
	}

	#faqs-2.faqs-section .accordion-item .accordion-thumb:after,
	#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
		font-size: .875rem;
		right: 2px;
		top: 17px
	}

	.accordion-panel {
		padding: 0 0 5px
	}

	#faqs-2 .accordion-panel {
		padding: 25px 0 10px
	}

	#faqs-2 .accordion-panel-item.mb-35,
	#faqs-3 .question.mb-35 {
		margin-bottom: 20px
	}

	.faqs-section .accordion-thumb h5 {
		line-height: 1.35;
		padding-right: 8%
	}

	.accordion-panel-item h5,
	.question h5 {
		line-height: 1.35;
		margin-bottom: 15px
	}

	.faqs-section .tabs-1 {
		margin: 0 5px 10px
	}

	.faqs-section .tabs-1 li {
		margin: 0 0 15px;
		min-width: 100%;
		padding: 20px 0
	}

	#faqs-2 .more-questions {
		margin: 40px auto 0
	}

	#faqs-3 .more-questions.mt-40 {
		margin-top: 15px
	}

	.more-questions-txt {
		padding: 14px 20px
	}

	.more-questions-txt p {
		font-size: 1.1rem
	}

	#newsletter-1 .newsletter-overlay,
	#newsletter-5 .newsletter-overlay {
		padding-bottom: 40px;
		padding-top: 50px
	}

	#newsletter-2 .container {
		max-width: 100%
	}

	#newsletter-2 .newsletter-overlay {
		border-radius: 0 0 !important;
		margin: 0 -15px;
		padding: 50px 8% 40px
	}

	#newsletter-3,
	#newsletter-4 .newsletter-overlay {
		padding-bottom: 50px;
		padding-top: 50px
	}

	#newsletter-4 .newsletter-txt,
	#newsletter-5 .newsletter-txt {
		padding: 0
	}

	#newsletter-4 .newsletter-txt h2,
	.newsletter-txt h2 {
		margin-bottom: 25px
	}

	.newsletter-txt h3,
	.newsletter-txt h4 {
		font-size: 1.642857rem;
		margin-bottom: 25px;
		padding: 0
	}

	#newsletter-3 .newsletter-txt p {
		padding: 0 2%
	}

	#newsletter-4 .newsletter-txt p {
		font-size: 1rem;
		margin-bottom: 0;
		padding: 0 2%
	}

	#newsletter-5 .newsletter-txt p {
		margin-top: 15px
	}

	#newsletter-1 .newsletter-form,
	#newsletter-2 .newsletter-form,
	#newsletter-3 .newsletter-form,
	#newsletter-4 .newsletter-form {
		padding: 0 3%
	}

	#newsletter-5 .newsletter-form {
		margin-top: 25px;
		padding: 0 3%
	}

	#newsletter-1 .btn,
	#newsletter-1.newsletter-section .form-control,
	#newsletter-5.newsletter-section .btn,
	#newsletter-5.newsletter-section .form-control,
	.newsletter-section .btn,
	.newsletter-section .form-control {
		font-size: 1.0625rem;
		height: 46px
	}

	#bp-1-1,
	#bp-1-2 {
		margin-bottom: 30px
	}

	.blog-post-img.mb-35 {
		margin-bottom: 25px
	}

	.post-tag {
		font-size: .825rem;
		margin-bottom: 14px
	}

	.blog-post-txt h3,
	.blog-post-txt h4.mb-20,
	.blog-post-txt h6 {
		margin-bottom: 10px
	}

	.blog-post-meta.mt-20,
	.blog-post-meta.mt-30 {
		margin-top: 14px
	}

	.wide-post {
		margin-bottom: 30px
	}

	.square-post h4.s-34,
	.wide-post h3.s-36,
	.wide-post h3.s-38,
	.wide-post h3.s-40 {
		font-size: 1.285714rem
	}

	.wide-post .blog-post-img {
		margin-bottom: 25px
	}

	.square-post {
		margin-bottom: 40px;
		margin-top: 10px
	}

	.square-post .blog-post-txt {
		padding: 40px 20px 35px
	}

	.posts-category {
		margin-bottom: 30px;
		margin-top: 10px
	}

	.posts-category span {
		top: 1.25px
	}

	.posts-category .more-projects.ico-20 [class*=flaticon-]:after,
	.posts-category.ico-20 [class*=flaticon-]:before {
		font-size: 1rem
	}

	.single-post-title h2,
	.single-post-title h3 {
		margin-bottom: 20px;
		padding: 0 5%
	}

	.single-post-title .blog-post-meta.mt-35 {
		margin-top: 22px
	}

	#single-post .post-meta-list .meta-list-divider {
		display: none !important
	}

	#single-post .post-meta-list li {
		display: block !important;
		margin-top: 10px
	}

	.post-inner-img {
		margin-bottom: 25px;
		margin-top: 25px
	}

	.single-post-txt h4,
	.single-post-txt h5 {
		margin-bottom: 18px;
		margin-top: 15px
	}

	.single-post-txt .blockquote p {
		font-size: 1.0625rem;
		margin-bottom: 25px
	}

	.single-post-txt .blockquote-footer {
		font-size: 1rem;
		line-height: 1.3
	}

	.post-share-list {
		margin-top: 30px;
		padding-bottom: 40px
	}

	.post-author {
		display: block !important;
		padding: 50px 0
	}

	.post-author-avatar {
		display: block !important;
		margin-bottom: 20px;
		margin-right: 0;
		text-align: left
	}

	.post-author-avatar img {
		height: 70px;
		width: 70px
	}

	.post-author-txt h5 {
		margin-bottom: 10px
	}

	.author-follow-btn {
		padding: 5px 12px;
		right: 10px;
		top: 130px
	}

	.post-comments {
		padding-top: 50px
	}

	.post-comments h5 {
		margin-bottom: 40px
	}

	.comment-body {
		margin-left: 15px
	}

	.post-comments img {
		height: 37px;
		width: 37px
	}

	.comment-meta,
	.comment-meta h6 {
		margin-bottom: 5px
	}

	.btn-reply a,
	.btn-reply.ico-20 [class*=flaticon-]:after,
	.btn-reply.ico-20 [class*=flaticon-]:before,
	.comment-date {
		font-size: .95rem
	}

	.post-comments #leave-comment h5 {
		margin-top: 50px
	}

	.comment-form p {
		margin-bottom: 10px
	}

	.comment-form {
		margin-top: 50px
	}

	.comment-form .btn {
		margin-top: 0
	}

	#contacts-1 .section-title p {
		padding: 0 3%
	}

	#contacts-1 .contact-form .contact-form-notice p {
		font-size: .875rem;
		margin-top: 30px
	}

	#contacts-1 .contact-form .col-md-12 span {
		line-height: 1.4;
		margin-bottom: 12px
	}

	.contact-form .form-control,
	.contact-form .form-select {
		height: 50px
	}

	.contact-form textarea {
		min-height: 170px
	}

	.contact-form textarea.form-control {
		padding: 15px
	}

	.footer {
		padding-bottom: 30px
	}

	.footer hr {
		margin-bottom: 30px;
		margin-top: 5px
	}

	#footer-10.pt-50 {
		padding-top: 0
	}

	.footer .col-sm-4,
	.footer .col-sm-6,
	.footer .col-sm-8 {
		float: left;
		width: 50% !important
	}

	#footer-3.footer .col-sm-6.col-md-3 {
		float: none;
		width: 100% !important
	}

	#footer-2 .footer-info,
	.footer-info,
	.footer-links,
	.footer-stores-badge {
		margin-bottom: 35px
	}

	#footer-6 .footer-info,
	#footer-7 .footer-info {
		margin-bottom: 0;
		margin-top: 10px
	}

	#footer-10 .footer-info {
		margin-bottom: 25px;
		padding-bottom: 35px
	}

	#footer-10 .footer-links,
	#footer-8 .footer-links {
		margin-bottom: 10px
	}

	img.footer-logo,
	img.footer-logo-dark {
		max-height: 34px
	}

	#footer-1 .footer-logo,
	#footer-5 .footer-logo,
	#footer-6 .footer-logo,
	#footer-7 .footer-logo {
		margin-bottom: 22px
	}

	#footer-10 img.footer-logo {
		max-height: 34px
	}

	.footer h6 {
		font-size: 1.1785714rem;
		margin-bottom: 18px
	}

	.footer-mail-link {
		font-size: 1.0714285rem
	}

	.footer-mail-link span {
		right: 4px;
		top: 3px
	}

	#footer-8 .foo-links li {
		display: block !important;
		padding-left: 0
	}

	#footer-10 .foo-links li {
		padding: 0 8px
	}

	.foo-links.ico-10 li span {
		right: 3px;
		top: 1px
	}

	.foo-links li a span.ext-link {
		left: 3px;
		top: 0
	}

	.footer-stores-badge .store {
		display: block !important;
		margin-bottom: 15px;
		margin-right: 0;
		text-align: left
	}

	.footer-form {
		margin-right: 6%
	}

	#footer-9 .footer-form {
		margin-bottom: 0
	}

	.footer-form .form-control {
		font-size: 1.1rem
	}

	.footer-form .btn,
	.footer-form .form-control {
		height: 28px
	}

	.footer-form .ico-15 [class*=flaticon-]:after,
	.footer-form .ico-15 [class*=flaticon-]:before {
		font-size: 1.125rem;
		line-height: 22px !important
	}

	.bottom-footer-socials {
		margin-top: 10px
	}

	.bottom-footer-socials li {
		padding-left: 12px
	}

	.bottom-footer-socials li:first-child {
		padding-left: 0
	}

	.bottom-footer-list {
		margin-top: 3px
	}

	#footer-4 .bottom-footer-list li,
	#footer-9 .bottom-footer-list li {
		padding-left: 8px
	}

	#footer-4 .bottom-footer-list li span,
	#footer-9 .bottom-footer-list li span {
		margin-right: 1px
	}

	.footer-list-divider {
		top: 0
	}

	.bottom-secondary-link p span {
		padding: 0 2px;
		top: 1.5px
	}

	.footer-info-copyright p span {
		padding: 0 2px;
		top: 2px
	}

	.footer-info-copyright.ico-15 [class*=flaticon-]:after,
	.footer-info-copyright.ico-15 [class*=flaticon-]:before {
		font-size: .815rem
	}

	.inner-page-hero,
	.page-hero-section-overlay {
		padding-top: 60px
	}

	.inner-page-title {
		margin-bottom: 40px
	}

	.inner-page-title h2 {
		margin-bottom: 0
	}

	.inner-page-title p {
		font-size: 1.125rem;
		line-height: 1.6666;
		margin-top: 12px;
		padding: 0 3%
	}

	.page-hero-section h1 {
		line-height: 1.25;
		margin-bottom: 20px
	}

	.page-link {
		font-size: .95rem;
		padding: 2px 10px
	}

	.pagination.ico-20 [class*=flaticon-]:after,
	.pagination.ico-20 [class*=flaticon-]:before {
		font-size: .75rem
	}

	#login,
	#reset-password,
	#signup {
		padding-bottom: 70px;
		padding-top: 70px
	}

	.login-page-logo {
		margin-bottom: 38px
	}

	.login-page-logo img {
		max-height: 36px
	}

	.register-form-title {
		margin-bottom: 25px
	}

	.register-form-title h3 {
		font-size: 1.57142rem;
		margin-bottom: 8px
	}

	.form-data span,
	.register-page-form .btn-google,
	.register-page-form p.input-header,
	.separator-line {
		font-size: 1rem
	}

	#signup .form-data span {
		font-size: .95rem
	}

	.reset-password-link p {
		font-size: 1rem;
		margin-bottom: 10px;
		margin-top: 0
	}

	.register-page-form p.create-account {
		font-size: 1rem;
		margin-top: 20px
	}

	.separator-line {
		margin: 20px 0
	}

	.reset-form-title {
		margin-bottom: 16px
	}

	.reset-form-title p.p-sm {
		font-size: 1rem;
		margin-top: 15px
	}

	.reset-page-wrapper {
		margin: 0 10px
	}

	.reset-page-wrapper form {
		padding: 35px 10px 10px
	}

	#login .register-page-form,
	#signup .register-page-form {
		padding: 35px 20px
	}

	#login.login-1 .register-page-form,
	#signup.signup-1 .register-page-form {
		padding: 5px
	}

	.register-page-form .form-control,
	.reset-page-wrapper .form-control {
		font-size: 1.0625rem;
		height: 50px;
		margin-bottom: 20px;
		padding: 5px 12px
	}

	#login .register-page-form .btn.submit {
		font-size: 1.0625rem;
		height: 50px;
		margin-top: 12px
	}

	#signup .register-page-form .btn.submit {
		font-size: 1.1rem;
		height: 50px;
		margin-top: 20px
	}

	.reset-page-wrapper .btn.submit {
		font-size: 1.0625rem;
		height: 50px
	}

	.btn-google img {
		height: 18px;
		right: 5px;
		top: -2px;
		width: 18px
	}

	.btn-show-pass {
		top: 16px
	}

	.page-404-txt {
		padding-bottom: 50px;
		padding-top: 80px
	}

	.page-404-txt h2 {
		margin-bottom: 12px
	}

	.page-404-txt h6 {
		line-height: 1.6;
		margin-bottom: 20px;
		padding: 0
	}

	.page-404-img {
		margin-bottom: 30px;
		padding: 0 8%
	}

	#modal-1 .modal-dialog {
		margin: auto;
		max-width: 280px
	}

	#modal-2 .modal-dialog {
		margin: auto;
		width: 300px
	}

	#modal-3 .modal-dialog.modal-xl {
		margin: auto;
		width: 310px
	}

	#modal-1.modal .btn-close {
		right: 10px !important;
		top: 10px !important
	}

	#modal-2 .modal-body-content {
		padding: 22px 25px 5px
	}

	#modal-3 .modal-body-content {
		padding: 25px 10px 15px
	}

	.modal-body .newsletter-form {
		margin-top: 15px
	}

	.modal .form-control,
	.modal .newsletter-form .btn {
		font-size: 1.0625rem;
		height: 46px
	}

	#modal-3 .request-form-title p {
		margin-bottom: 16px;
		margin-top: 12px
	}

	#modal-3 .request-form .form-control {
		margin: 0 0 20px
	}

	#modal-3 .request-form .btn {
		font-size: 1rem;
		height: 46px
	}
}

.scheme-blue .go-to-top {
	background-color: #1680fb
}

.scheme-blue .tab-list .tab-link.current {
	background-color: #1680fb;
	border: 2px solid #1680fb;
	color: #fff
}

.scheme-blue .bg--theme,
.scheme-blue .shape--blue-400:after {
	background-color: #1680fb
}

.scheme-blue .btn--theme {
	background-color: #1680fb !important;
	border-color: #1680fb !important;
	color: #fff !important
}

.scheme-blue .black-scroll .scroll .hover--theme:hover,
.scheme-blue .hover--theme:hover,
.scheme-blue .theme--dark .white-scroll .hover--theme:hover,
.scheme-blue .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-blue .white-scroll .scroll .hover--theme:hover {
	background-color: #185abd !important;
	border-color: #185abd !important;
	color: #fff !important
}

.scheme-blue .color--theme,
.scheme-blue .color--theme a,
.scheme-blue .color--theme h1,
.scheme-blue .color--theme h2,
.scheme-blue .color--theme h3,
.scheme-blue .color--theme h4,
.scheme-blue .color--theme h5,
.scheme-blue .color--theme h6,
.scheme-blue .color--theme i,
.scheme-blue .color--theme li,
.scheme-blue .color--theme p,
.scheme-blue .color--theme span,
.scheme-blue .color--white .color--theme {
	color: #1680fb !important
}

.scheme-blue .loading--theme .loader {
	border-color: transparent #1680fb
}

.scheme-blue .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-blue .nav-theme .sm-info {
	background-color: #1680fb
}

.scheme-blue .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-blue .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-blue .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #1680fb !important
}

.scheme-blue .hero-section .quick-form .form-control:focus {
	border-color: #1680fb
}

.scheme-blue .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-blue .tabs-1.tabs--theme,
.scheme-blue .tabs-1.tabs--theme li.current:hover {
	border-color: #1680fb;
	color: #1680fb
}

.scheme-blue .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-blue .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #1680fb;
	border-color: #1680fb !important
}

.scheme-blue .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #1680fb;
	border-color: #1680fb
}

.scheme-blue .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-blue .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-blue .theme-pagination .page-item.active .page-link {
	background-color: #1680fb;
	border: 2px solid #1680fb;
	color: #fff !important
}

.scheme-crocus .go-to-top {
	background-color: #7b5dd6
}

.scheme-crocus .tab-list .tab-link.current {
	background-color: #7b5dd6;
	border: 2px solid #7b5dd6;
	color: #fff
}

.scheme-crocus .bg--theme,
.scheme-crocus .shape--blue-400:after {
	background-color: #7b5dd6
}

.scheme-crocus .btn--theme {
	background-color: #7b5dd6 !important;
	border-color: #7b5dd6 !important;
	color: #fff !important
}

.scheme-crocus .black-scroll .scroll .hover--theme:hover,
.scheme-crocus .hover--theme:hover,
.scheme-crocus .theme--dark .white-scroll .hover--theme:hover,
.scheme-crocus .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-crocus .white-scroll .scroll .hover--theme:hover {
	background-color: #6a4ec1 !important;
	border-color: #6a4ec1 !important;
	color: #fff !important
}

.scheme-crocus .color--theme,
.scheme-crocus .color--theme a,
.scheme-crocus .color--theme h1,
.scheme-crocus .color--theme h2,
.scheme-crocus .color--theme h3,
.scheme-crocus .color--theme h4,
.scheme-crocus .color--theme h5,
.scheme-crocus .color--theme h6,
.scheme-crocus .color--theme i,
.scheme-crocus .color--theme li,
.scheme-crocus .color--theme p,
.scheme-crocus .color--theme span,
.scheme-crocus .color--white .color--theme {
	color: #7b5dd6 !important
}

.scheme-crocus .loading--theme .loader {
	border-color: transparent #7b5dd6
}

.scheme-crocus .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-crocus .nav-theme .sm-info {
	background-color: #7b5dd6
}

.scheme-crocus .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-crocus .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-crocus .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #7b5dd6 !important
}

.scheme-crocus .hero-section .quick-form .form-control:focus {
	border-color: #7b5dd6
}

.scheme-crocus .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-crocus .tabs-1.tabs--theme,
.scheme-crocus .tabs-1.tabs--theme li.current:hover {
	border-color: #7b5dd6;
	color: #7b5dd6
}

.scheme-crocus .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-crocus .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #7b5dd6;
	border-color: #7b5dd6 !important
}

.scheme-crocus .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #7b5dd6;
	border-color: #7b5dd6
}

.scheme-crocus .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-crocus .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-crocus .theme-pagination .page-item.active .page-link {
	background-color: #7b5dd6;
	border: 2px solid #7b5dd6;
	color: #fff !important
}

.scheme-green .go-to-top {
	background-color: #0fbc49
}

.scheme-green .tab-list .tab-link.current {
	background-color: #0fbc49;
	border: 2px solid #0fbc49;
	color: #fff
}

.scheme-green .bg--theme,
.scheme-green .shape--blue-400:after {
	background-color: #0fbc49
}

.scheme-green .btn--theme {
	background-color: #0fbc49 !important;
	border-color: #0fbc49 !important;
	color: #fff !important
}

.scheme-green .black-scroll .scroll .hover--theme:hover,
.scheme-green .hover--theme:hover,
.scheme-green .theme--dark .white-scroll .hover--theme:hover,
.scheme-green .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-green .white-scroll .scroll .hover--theme:hover {
	background-color: #07a53c !important;
	border-color: #07a53c !important;
	color: #fff !important
}

.scheme-green .color--theme,
.scheme-green .color--theme a,
.scheme-green .color--theme h1,
.scheme-green .color--theme h2,
.scheme-green .color--theme h3,
.scheme-green .color--theme h4,
.scheme-green .color--theme h5,
.scheme-green .color--theme h6,
.scheme-green .color--theme i,
.scheme-green .color--theme li,
.scheme-green .color--theme p,
.scheme-green .color--theme span,
.scheme-green .color--white .color--theme {
	color: #0fbc49 !important
}

.scheme-green .loading--theme .loader {
	border-color: transparent #0fbc49
}

.scheme-green .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-green .nav-theme .sm-info {
	background-color: #0fbc49
}

.scheme-green .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-green .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-green .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #0fbc49 !important
}

.scheme-green .hero-section .quick-form .form-control:focus {
	border-color: #0fbc49
}

.scheme-green .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-green .tabs-1.tabs--theme,
.scheme-green .tabs-1.tabs--theme li.current:hover {
	border-color: #0fbc49;
	color: #0fbc49
}

.scheme-green .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-green .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #0fbc49;
	border-color: #0fbc49 !important
}

.scheme-green .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #0fbc49;
	border-color: #0fbc49
}

.scheme-green .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-green .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-green .theme-pagination .page-item.active .page-link {
	background-color: #0fbc49;
	border: 2px solid #0fbc49;
	color: #fff !important
}

.scheme-magenta .go-to-top {
	background-color: #c73e9b
}

.scheme-magenta .tab-list .tab-link.current {
	background-color: #c73e9b;
	border: 2px solid #c73e9b;
	color: #fff
}

.scheme-magenta .bg--theme,
.scheme-magenta .shape--blue-400:after {
	background-color: #c73e9b
}

.scheme-magenta .btn--theme {
	background-color: #c73e9b !important;
	border-color: #c73e9b !important;
	color: #fff !important
}

.scheme-magenta .black-scroll .scroll .hover--theme:hover,
.scheme-magenta .hover--theme:hover,
.scheme-magenta .theme--dark .white-scroll .hover--theme:hover,
.scheme-magenta .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-magenta .white-scroll .scroll .hover--theme:hover {
	background-color: #b3338a !important;
	border-color: #b3338a !important;
	color: #fff !important
}

.scheme-magenta .color--theme,
.scheme-magenta .color--theme a,
.scheme-magenta .color--theme h1,
.scheme-magenta .color--theme h2,
.scheme-magenta .color--theme h3,
.scheme-magenta .color--theme h4,
.scheme-magenta .color--theme h5,
.scheme-magenta .color--theme h6,
.scheme-magenta .color--theme i,
.scheme-magenta .color--theme li,
.scheme-magenta .color--theme p,
.scheme-magenta .color--theme span,
.scheme-magenta .color--white .color--theme {
	color: #c73e9b !important
}

.scheme-magenta .loading--theme .loader {
	border-color: transparent #c73e9b
}

.scheme-magenta .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-magenta .nav-theme .sm-info {
	background-color: #c73e9b
}

.scheme-magenta .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-magenta .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-magenta .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #c73e9b !important
}

.scheme-magenta .hero-section .quick-form .form-control:focus {
	border-color: #c73e9b
}

.scheme-magenta .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-magenta .tabs-1.tabs--theme,
.scheme-magenta .tabs-1.tabs--theme li.current:hover {
	border-color: #c73e9b;
	color: #c73e9b
}

.scheme-magenta .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-magenta .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #c73e9b;
	border-color: #c73e9b !important
}

.scheme-magenta .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #c73e9b;
	border-color: #c73e9b
}

.scheme-magenta .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-magenta .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-magenta .theme-pagination .page-item.active .page-link {
	background-color: #c73e9b;
	border: 2px solid #c73e9b;
	color: #fff !important
}

.scheme-pink .go-to-top {
	background-color: #f74780
}

.scheme-pink .tab-list .tab-link.current {
	background-color: #f74780;
	border: 2px solid #f74780;
	color: #fff
}

.scheme-pink .bg--theme,
.scheme-pink .shape--blue-400:after {
	background-color: #f74780
}

.scheme-pink .btn--theme {
	background-color: #f74780 !important;
	border-color: #f74780 !important;
	color: #fff !important
}

.scheme-pink .black-scroll .scroll .hover--theme:hover,
.scheme-pink .hover--theme:hover,
.scheme-pink .theme--dark .white-scroll .hover--theme:hover,
.scheme-pink .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-pink .white-scroll .scroll .hover--theme:hover {
	background-color: #e73971 !important;
	border-color: #e73971 !important;
	color: #fff !important
}

.scheme-pink .color--theme,
.scheme-pink .color--theme a,
.scheme-pink .color--theme h1,
.scheme-pink .color--theme h2,
.scheme-pink .color--theme h3,
.scheme-pink .color--theme h4,
.scheme-pink .color--theme h5,
.scheme-pink .color--theme h6,
.scheme-pink .color--theme i,
.scheme-pink .color--theme li,
.scheme-pink .color--theme p,
.scheme-pink .color--theme span,
.scheme-pink .color--white .color--theme {
	color: #f74780 !important
}

.scheme-pink .loading--theme .loader {
	border-color: transparent #f74780
}

.scheme-pink .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-pink .nav-theme .sm-info {
	background-color: #f74780
}

.scheme-pink .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-pink .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-pink .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #f74780 !important
}

.scheme-pink .hero-section .quick-form .form-control:focus {
	border-color: #f74780
}

.scheme-pink .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-pink .tabs-1.tabs--theme,
.scheme-pink .tabs-1.tabs--theme li.current:hover {
	border-color: #f74780;
	color: #f74780
}

.scheme-pink .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-pink .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #f74780;
	border-color: #f74780 !important
}

.scheme-pink .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #f74780;
	border-color: #f74780
}

.scheme-pink .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-pink .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-pink .theme-pagination .page-item.active .page-link {
	background-color: #f74780;
	border: 2px solid #f74780;
	color: #fff !important
}

scheme-skyblue .go-to-top {
	background-color: #3eb1ff
}

.scheme-skyblue .tab-list .tab-link.current {
	background-color: #3eb1ff;
	border: 2px solid #3eb1ff;
	color: #fff
}

.scheme-skyblue .bg--theme,
.scheme-skyblue .shape--blue-400:after {
	background-color: #3eb1ff
}

.scheme-skyblue .btn--theme {
	background-color: #3eb1ff !important;
	border-color: #3eb1ff !important;
	color: #fff !important
}

.scheme-skyblue .black-scroll .scroll .hover--theme:hover,
.scheme-skyblue .hover--theme:hover,
.scheme-skyblue .theme--dark .white-scroll .hover--theme:hover,
.scheme-skyblue .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-skyblue .white-scroll .scroll .hover--theme:hover {
	background-color: #1680fb !important;
	border-color: #1680fb !important;
	color: #fff !important
}

.scheme-skyblue .color--theme,
.scheme-skyblue .color--theme a,
.scheme-skyblue .color--theme h1,
.scheme-skyblue .color--theme h2,
.scheme-skyblue .color--theme h3,
.scheme-skyblue .color--theme h4,
.scheme-skyblue .color--theme h5,
.scheme-skyblue .color--theme h6,
.scheme-skyblue .color--theme i,
.scheme-skyblue .color--theme li,
.scheme-skyblue .color--theme p,
.scheme-skyblue .color--theme span,
.scheme-skyblue .color--white .color--theme {
	color: #3eb1ff !important
}

.scheme-skyblue .loading--theme .loader {
	border-color: transparent #3eb1ff
}

.scheme-skyblue .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-skyblue .nav-theme .sm-info {
	background-color: #3eb1ff
}

.scheme-skyblue .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-skyblue .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-skyblue .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #3eb1ff !important
}

.scheme-skyblue .hero-section .quick-form .form-control:focus {
	border-color: #3eb1ff
}

.scheme-skyblue .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-skyblue .tabs-1.tabs--theme,
.scheme-skyblue .tabs-1.tabs--theme li.current:hover {
	border-color: #3eb1ff;
	color: #3eb1ff
}

.scheme-skyblue .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-skyblue .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #3eb1ff;
	border-color: #3eb1ff !important
}

.scheme-skyblue .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #3eb1ff;
	border-color: #3eb1ff
}

.scheme-skyblue .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-skyblue .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-skyblue .theme-pagination .page-item.active .page-link {
	background-color: #3eb1ff;
	border: 2px solid #3eb1ff;
	color: #fff !important
}

.scheme-violet .go-to-top {
	background-color: #7835E4
}

.scheme-violet .tab-list .tab-link.current {
	background-color: #7835E4;
	border: 2px solid #7835E4;
	color: #fff
}

.scheme-violet .bg--theme,
.scheme-violet .shape--blue-400:after {
	background-color: #7835E4
}



.scheme-violet .black-scroll .scroll .hover--theme:hover,
.scheme-violet .hover--theme:hover,
.scheme-violet .theme--dark .white-scroll .hover--theme:hover,
.scheme-violet .theme--dark .white-scroll .scroll .hover--theme:hover,
.scheme-violet .white-scroll .scroll .hover--theme:hover {
	background-color: #a959a9 ;
	border-color: #a959a9 !important;
	color: #fff !important
}

.scheme-violet .color--theme,
.scheme-violet .color--theme a,
.scheme-violet .color--theme h1,
.scheme-violet .color--theme h2,
.scheme-violet .color--theme h3,
.scheme-violet .color--theme h4,
.scheme-violet .color--theme h5,
.scheme-violet .color--theme h6,
.scheme-violet .color--theme i,
.scheme-violet .color--theme li,
.scheme-violet .color--theme p,
.scheme-violet .color--theme span,
.scheme-violet .color--white .color--theme {
	color: #7835E4 !important
}

.scheme-violet .loading--theme .loader {
	border-color: transparent #7835E4
}

.scheme-violet .loading--theme .loader:after {
	border-color: transparent rgba(247, 71, 128, .15)
}

.scheme-violet .nav-theme .sm-info {
	background-color: #7835E4
}

.scheme-violet .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.scheme-violet .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
.scheme-violet .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover {
	color: #7835E4 !important
}

.scheme-violet .hero-section .quick-form .form-control:focus {
	border-color: #7835E4
}

.scheme-violet .cbox-2:hover .cbox-2-ico.bg--theme,
.scheme-violet .tabs-1.tabs--theme,
.scheme-violet .tabs-1.tabs--theme li.current:hover {
	border-color: #7835E4;
	color: #7835E4
}

.scheme-violet .faqs-section .tabs--theme .tabs-1 li.current,
.scheme-violet .faqs-section .tabs--theme .tabs-1 li.current:hover {
	background-color: #7835E4;
	border-color: #7835E4 !important
}

.scheme-violet .switch-wrap input:checked+.switcher.switcher--theme {
	background-color: #7835E4;
	border-color: #7835E4
}

.scheme-violet .shape-ico.color--theme path {
	fill: #feecf2
}

.scheme-violet .newsletter-section .form-control:focus {
	background-color: #fff;
	border-color: #353f4f
}

.scheme-violet .theme-pagination .page-item.active .page-link {
	background-color: #7835E4;
	border: 2px solid #7835E4;
	color: #fff !important
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-1.848492d3.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-2.262a1054.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-3.fe977ddb.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-4.89b4a3fe.woff2) format("woff2");
	unicode-range: u+0370-03ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-5.ac4e131c.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-6.45606f83.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Inter-400-7.450f3ba4.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-1.848492d3.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-2.262a1054.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-3.fe977ddb.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-4.89b4a3fe.woff2) format("woff2");
	unicode-range: u+0370-03ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-5.ac4e131c.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-6.45606f83.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Inter-400-7.450f3ba4.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-1.848492d3.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-2.262a1054.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-3.fe977ddb.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-4.89b4a3fe.woff2) format("woff2");
	unicode-range: u+0370-03ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-5.ac4e131c.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-6.45606f83.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Inter-400-7.450f3ba4.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-1.848492d3.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-2.262a1054.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-3.fe977ddb.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-4.89b4a3fe.woff2) format("woff2");
	unicode-range: u+0370-03ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-5.ac4e131c.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-6.45606f83.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Inter-400-7.450f3ba4.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-1.848492d3.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-2.262a1054.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-3.fe977ddb.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-4.89b4a3fe.woff2) format("woff2");
	unicode-range: u+0370-03ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-5.ac4e131c.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-6.45606f83.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(../_nuxt/Inter-400-7.450f3ba4.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url("data:font/woff2;base64,d09GMgABAAAAAAZMABQAAAAADFgAAAXfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbbhwoP0hWQVJYP01WQVJGBmA/U1RBVIEcAEwvXBEICoMkgmELEAAwhAgBNgIkAxoEIAWGXAdRDAcbrAoRVazlgPh5YDtPuYeVhCwYIP8bOqRjg0Z4JTV4/v/b9Pe5o8xgTYmsvthrSWpU1KmJ/BVq7k9NiBP6v1/k/uGaFtC4yGKSAisaENwT3YcG2k3YBcD/HDNdpEVi/q11z0c6kSzqvKOofn5iN6CrTLDpWfGB8WxbVkKxh3CYTm1tsPc2HgKkgbtSCIKGIIBDmMaort37DsE/Z+KSefjRAV4czWZPXTQPGwxsdBSnEWwUWXQFIlRHUAAA6f0KjVzSHCxIL6QQmxYFFkXxigCEgRAAAEFMFAAgKAQIo4AMIIgAoOh+pSRa6iCop3kagI50BAHARpG9eMmi+YCsmDF9CRfuRYDsUFPiHRY5ZSa66iU7MEBtUiOAPtNCZBy1pDOQswBFSRkyoM8AnqZT/h3dnxoYQZmSj+wGUFnqFyAfDUGwUUAIGwijlk+fsUQ0mLlk4hxxEYJkU4uWdCXKGGYgAKLzMiAAYkgE0ACFkh2gHgcEQCz5XwVbjYD+Hjeyo+UraghKvOBGJS4PoSHT79NpCTjYKBSdeEZU/p0UoGJST+tEvooiYCkBgiiEEBb2NhvxMsgOWL4xiCY6YG5ugERATJcdiAXyP4gNagSIZ4tuccIvXZAUAgBYAPgBLzAN2ApkAyEAdFQK4ugIorNtPTNTrxAcLwGWHNh5r+nOdmc6w7xDRvtGudMv35b4sx86m95v6Jz+6CN38wcfELtRa8SmDz+U+O2H3As3iD3zgbv5oybuifffn5akbPxwd8hsL58be+I06ylxY1XanOpud7ck7uscbuDnYf1qh3S426/j3VFk7rucxbVXdi/JLWzRKade0yENew/9cBedUrdt56mNW41olRc0XvlAazayZV5+YvzqNa7EZoMnfXEvOrlur7ROBZ3Ch+hATFs5bO/0hXvRVzbpVhDuEulZ983atd+s2yNSo4tpPVQhAlgYPMI7nWTSad6GAC6ouPbT9HMLICggjAVALQAepgHtuMsL/N2Rp4kpvFRDqAb43MAvfzgq8edv/ooKSuJrzECAf/6pWnV1zPv7lGi5p9uQYWV5jYiebPbtt+Tmvvvu6iRI8w+YoESUuCXiIL9GpYjRVRAfYMqRC+stBFrkZGdhgaBtJv/8My3gmCZlJUWkvCype1y25fnxx98m/K8iaaSn//N/aYXremrFRJTGfcnKpDgZOThQwOvVKlcZSteMVPHsyvJkuWia0lL/9buijmz0f1LhFBU5Lbe6xc9ffIoFvi/WM+s0/PLz3yo1f3aNIhJpbCX//In95cfVIw2XKAyZ/379aaRenvvrr/n5dSKcuM/V/vrls1eewYE++uOPktQqoyLxT5ntxrN1J2CWJBLJKpkFLTqUVWpXreoRykOh8t8N4/dbhbT8LugrGp99s3q9Vi05fOLqmOTmrnFBZkxVKx/HI6KUKPlAnv8q+PHnP//+6NPvYnZlUeL33xNFleAObhvOrjZtxrjBvTp06sxWtrCK2avjXl9mKFTQAuYCft10dw0CqLR6icHdOo8PtE3YmvYzwBc3I1kAX5/fPSY1WdCI6mcBEwWAwNvQvNaB0HtjIFBbU8Voq7bgHr/tGC2A6UxHAIspWIzBCG6sIUAaXyrNdQ/wvDzKAKG6HACFXzaBRlfpDjqNJQQGrfkUTOpzhe+nOcvkRMPLLNAJMQwMHPqCiV82gYWXjmATpCF4sKkFDmlkgIsXR1vvT80gTCE70pCE9t6PlrDBxOn+GzfEFZqQZ0ineJOehn6gU5jM2QdX1VLp0rlaMqZsGeZaURUmFKXPLvZPLxOjjiEGqeEGMtW/dn2TgLx3pQoxI0PKZ4OV72nERL1wuqAj/rbUYGS4yFBCOqbP316ciNFcXXJHQ08vo+0W8195Y8vJkAs/uTUi3R5v5ziXEiPX1mRtdIDSZfDWIwv6If83xqI2pkxjjPo3dxkn2yWoTLmtXViE/0WJJroYZifrVx6+WDdZOOSbcRNso92vWdEap+IjPv2T1Nob+lYAAA==") format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-37.392f0f18.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-38.ecc48347.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-39.1262bff0.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url("data:font/woff2;base64,d09GMgABAAAAAAZMABQAAAAADFgAAAXfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbbhwoP0hWQVJYP01WQVJGBmA/U1RBVIEcAEwvXBEICoMkgmELEAAwhAgBNgIkAxoEIAWGXAdRDAcbrAoRVazlgPh5YDtPuYeVhCwYIP8bOqRjg0Z4JTV4/v/b9Pe5o8xgTYmsvthrSWpU1KmJ/BVq7k9NiBP6v1/k/uGaFtC4yGKSAisaENwT3YcG2k3YBcD/HDNdpEVi/q11z0c6kSzqvKOofn5iN6CrTLDpWfGB8WxbVkKxh3CYTm1tsPc2HgKkgbtSCIKGIIBDmMaort37DsE/Z+KSefjRAV4czWZPXTQPGwxsdBSnEWwUWXQFIlRHUAAA6f0KjVzSHCxIL6QQmxYFFkXxigCEgRAAAEFMFAAgKAQIo4AMIIgAoOh+pSRa6iCop3kagI50BAHARpG9eMmi+YCsmDF9CRfuRYDsUFPiHRY5ZSa66iU7MEBtUiOAPtNCZBy1pDOQswBFSRkyoM8AnqZT/h3dnxoYQZmSj+wGUFnqFyAfDUGwUUAIGwijlk+fsUQ0mLlk4hxxEYJkU4uWdCXKGGYgAKLzMiAAYkgE0ACFkh2gHgcEQCz5XwVbjYD+Hjeyo+UraghKvOBGJS4PoSHT79NpCTjYKBSdeEZU/p0UoGJST+tEvooiYCkBgiiEEBb2NhvxMsgOWL4xiCY6YG5ugERATJcdiAXyP4gNagSIZ4tuccIvXZAUAgBYAPgBLzAN2ApkAyEAdFQK4ugIorNtPTNTrxAcLwGWHNh5r+nOdmc6w7xDRvtGudMv35b4sx86m95v6Jz+6CN38wcfELtRa8SmDz+U+O2H3As3iD3zgbv5oybuifffn5akbPxwd8hsL58be+I06ylxY1XanOpud7ck7uscbuDnYf1qh3S426/j3VFk7rucxbVXdi/JLWzRKade0yENew/9cBedUrdt56mNW41olRc0XvlAazayZV5+YvzqNa7EZoMnfXEvOrlur7ROBZ3Ch+hATFs5bO/0hXvRVzbpVhDuEulZ983atd+s2yNSo4tpPVQhAlgYPMI7nWTSad6GAC6ouPbT9HMLICggjAVALQAepgHtuMsL/N2Rp4kpvFRDqAb43MAvfzgq8edv/ooKSuJrzECAf/6pWnV1zPv7lGi5p9uQYWV5jYiebPbtt+Tmvvvu6iRI8w+YoESUuCXiIL9GpYjRVRAfYMqRC+stBFrkZGdhgaBtJv/8My3gmCZlJUWkvCype1y25fnxx98m/K8iaaSn//N/aYXremrFRJTGfcnKpDgZOThQwOvVKlcZSteMVPHsyvJkuWia0lL/9buijmz0f1LhFBU5Lbe6xc9ffIoFvi/WM+s0/PLz3yo1f3aNIhJpbCX//In95cfVIw2XKAyZ/379aaRenvvrr/n5dSKcuM/V/vrls1eewYE++uOPktQqoyLxT5ntxrN1J2CWJBLJKpkFLTqUVWpXreoRykOh8t8N4/dbhbT8LugrGp99s3q9Vi05fOLqmOTmrnFBZkxVKx/HI6KUKPlAnv8q+PHnP//+6NPvYnZlUeL33xNFleAObhvOrjZtxrjBvTp06sxWtrCK2avjXl9mKFTQAuYCft10dw0CqLR6icHdOo8PtE3YmvYzwBc3I1kAX5/fPSY1WdCI6mcBEwWAwNvQvNaB0HtjIFBbU8Voq7bgHr/tGC2A6UxHAIspWIzBCG6sIUAaXyrNdQ/wvDzKAKG6HACFXzaBRlfpDjqNJQQGrfkUTOpzhe+nOcvkRMPLLNAJMQwMHPqCiV82gYWXjmATpCF4sKkFDmlkgIsXR1vvT80gTCE70pCE9t6PlrDBxOn+GzfEFZqQZ0ineJOehn6gU5jM2QdX1VLp0rlaMqZsGeZaURUmFKXPLvZPLxOjjiEGqeEGMtW/dn2TgLx3pQoxI0PKZ4OV72nERL1wuqAj/rbUYGS4yFBCOqbP316ciNFcXXJHQ08vo+0W8195Y8vJkAs/uTUi3R5v5ziXEiPX1mRtdIDSZfDWIwv6If83xqI2pkxjjPo3dxkn2yWoTLmtXViE/0WJJroYZifrVx6+WDdZOOSbcRNso92vWdEap+IjPv2T1Nob+lYAAA==") format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-37.392f0f18.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-38.ecc48347.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-39.1262bff0.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url("data:font/woff2;base64,d09GMgABAAAAAAZMABQAAAAADFgAAAXfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbbhwoP0hWQVJYP01WQVJGBmA/U1RBVIEcAEwvXBEICoMkgmELEAAwhAgBNgIkAxoEIAWGXAdRDAcbrAoRVazlgPh5YDtPuYeVhCwYIP8bOqRjg0Z4JTV4/v/b9Pe5o8xgTYmsvthrSWpU1KmJ/BVq7k9NiBP6v1/k/uGaFtC4yGKSAisaENwT3YcG2k3YBcD/HDNdpEVi/q11z0c6kSzqvKOofn5iN6CrTLDpWfGB8WxbVkKxh3CYTm1tsPc2HgKkgbtSCIKGIIBDmMaort37DsE/Z+KSefjRAV4czWZPXTQPGwxsdBSnEWwUWXQFIlRHUAAA6f0KjVzSHCxIL6QQmxYFFkXxigCEgRAAAEFMFAAgKAQIo4AMIIgAoOh+pSRa6iCop3kagI50BAHARpG9eMmi+YCsmDF9CRfuRYDsUFPiHRY5ZSa66iU7MEBtUiOAPtNCZBy1pDOQswBFSRkyoM8AnqZT/h3dnxoYQZmSj+wGUFnqFyAfDUGwUUAIGwijlk+fsUQ0mLlk4hxxEYJkU4uWdCXKGGYgAKLzMiAAYkgE0ACFkh2gHgcEQCz5XwVbjYD+Hjeyo+UraghKvOBGJS4PoSHT79NpCTjYKBSdeEZU/p0UoGJST+tEvooiYCkBgiiEEBb2NhvxMsgOWL4xiCY6YG5ugERATJcdiAXyP4gNagSIZ4tuccIvXZAUAgBYAPgBLzAN2ApkAyEAdFQK4ugIorNtPTNTrxAcLwGWHNh5r+nOdmc6w7xDRvtGudMv35b4sx86m95v6Jz+6CN38wcfELtRa8SmDz+U+O2H3As3iD3zgbv5oybuifffn5akbPxwd8hsL58be+I06ylxY1XanOpud7ck7uscbuDnYf1qh3S426/j3VFk7rucxbVXdi/JLWzRKade0yENew/9cBedUrdt56mNW41olRc0XvlAazayZV5+YvzqNa7EZoMnfXEvOrlur7ROBZ3Ch+hATFs5bO/0hXvRVzbpVhDuEulZ983atd+s2yNSo4tpPVQhAlgYPMI7nWTSad6GAC6ouPbT9HMLICggjAVALQAepgHtuMsL/N2Rp4kpvFRDqAb43MAvfzgq8edv/ooKSuJrzECAf/6pWnV1zPv7lGi5p9uQYWV5jYiebPbtt+Tmvvvu6iRI8w+YoESUuCXiIL9GpYjRVRAfYMqRC+stBFrkZGdhgaBtJv/8My3gmCZlJUWkvCype1y25fnxx98m/K8iaaSn//N/aYXremrFRJTGfcnKpDgZOThQwOvVKlcZSteMVPHsyvJkuWia0lL/9buijmz0f1LhFBU5Lbe6xc9ffIoFvi/WM+s0/PLz3yo1f3aNIhJpbCX//In95cfVIw2XKAyZ/379aaRenvvrr/n5dSKcuM/V/vrls1eewYE++uOPktQqoyLxT5ntxrN1J2CWJBLJKpkFLTqUVWpXreoRykOh8t8N4/dbhbT8LugrGp99s3q9Vi05fOLqmOTmrnFBZkxVKx/HI6KUKPlAnv8q+PHnP//+6NPvYnZlUeL33xNFleAObhvOrjZtxrjBvTp06sxWtrCK2avjXl9mKFTQAuYCft10dw0CqLR6icHdOo8PtE3YmvYzwBc3I1kAX5/fPSY1WdCI6mcBEwWAwNvQvNaB0HtjIFBbU8Voq7bgHr/tGC2A6UxHAIspWIzBCG6sIUAaXyrNdQ/wvDzKAKG6HACFXzaBRlfpDjqNJQQGrfkUTOpzhe+nOcvkRMPLLNAJMQwMHPqCiV82gYWXjmATpCF4sKkFDmlkgIsXR1vvT80gTCE70pCE9t6PlrDBxOn+GzfEFZqQZ0ineJOehn6gU5jM2QdX1VLp0rlaMqZsGeZaURUmFKXPLvZPLxOjjiEGqeEGMtW/dn2TgLx3pQoxI0PKZ4OV72nERL1wuqAj/rbUYGS4yFBCOqbP316ciNFcXXJHQ08vo+0W8195Y8vJkAs/uTUi3R5v5ziXEiPX1mRtdIDSZfDWIwv6If83xqI2pkxjjPo3dxkn2yWoTLmtXViE/0WJJroYZifrVx6+WDdZOOSbcRNso92vWdEap+IjPv2T1Nob+lYAAA==") format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-37.392f0f18.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-38.ecc48347.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-39.1262bff0.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url("data:font/woff2;base64,d09GMgABAAAAAAZMABQAAAAADFgAAAXfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbbhwoP0hWQVJYP01WQVJGBmA/U1RBVIEcAEwvXBEICoMkgmELEAAwhAgBNgIkAxoEIAWGXAdRDAcbrAoRVazlgPh5YDtPuYeVhCwYIP8bOqRjg0Z4JTV4/v/b9Pe5o8xgTYmsvthrSWpU1KmJ/BVq7k9NiBP6v1/k/uGaFtC4yGKSAisaENwT3YcG2k3YBcD/HDNdpEVi/q11z0c6kSzqvKOofn5iN6CrTLDpWfGB8WxbVkKxh3CYTm1tsPc2HgKkgbtSCIKGIIBDmMaort37DsE/Z+KSefjRAV4czWZPXTQPGwxsdBSnEWwUWXQFIlRHUAAA6f0KjVzSHCxIL6QQmxYFFkXxigCEgRAAAEFMFAAgKAQIo4AMIIgAoOh+pSRa6iCop3kagI50BAHARpG9eMmi+YCsmDF9CRfuRYDsUFPiHRY5ZSa66iU7MEBtUiOAPtNCZBy1pDOQswBFSRkyoM8AnqZT/h3dnxoYQZmSj+wGUFnqFyAfDUGwUUAIGwijlk+fsUQ0mLlk4hxxEYJkU4uWdCXKGGYgAKLzMiAAYkgE0ACFkh2gHgcEQCz5XwVbjYD+Hjeyo+UraghKvOBGJS4PoSHT79NpCTjYKBSdeEZU/p0UoGJST+tEvooiYCkBgiiEEBb2NhvxMsgOWL4xiCY6YG5ugERATJcdiAXyP4gNagSIZ4tuccIvXZAUAgBYAPgBLzAN2ApkAyEAdFQK4ugIorNtPTNTrxAcLwGWHNh5r+nOdmc6w7xDRvtGudMv35b4sx86m95v6Jz+6CN38wcfELtRa8SmDz+U+O2H3As3iD3zgbv5oybuifffn5akbPxwd8hsL58be+I06ylxY1XanOpud7ck7uscbuDnYf1qh3S426/j3VFk7rucxbVXdi/JLWzRKade0yENew/9cBedUrdt56mNW41olRc0XvlAazayZV5+YvzqNa7EZoMnfXEvOrlur7ROBZ3Ch+hATFs5bO/0hXvRVzbpVhDuEulZ983atd+s2yNSo4tpPVQhAlgYPMI7nWTSad6GAC6ouPbT9HMLICggjAVALQAepgHtuMsL/N2Rp4kpvFRDqAb43MAvfzgq8edv/ooKSuJrzECAf/6pWnV1zPv7lGi5p9uQYWV5jYiebPbtt+Tmvvvu6iRI8w+YoESUuCXiIL9GpYjRVRAfYMqRC+stBFrkZGdhgaBtJv/8My3gmCZlJUWkvCype1y25fnxx98m/K8iaaSn//N/aYXremrFRJTGfcnKpDgZOThQwOvVKlcZSteMVPHsyvJkuWia0lL/9buijmz0f1LhFBU5Lbe6xc9ffIoFvi/WM+s0/PLz3yo1f3aNIhJpbCX//In95cfVIw2XKAyZ/379aaRenvvrr/n5dSKcuM/V/vrls1eewYE++uOPktQqoyLxT5ntxrN1J2CWJBLJKpkFLTqUVWpXreoRykOh8t8N4/dbhbT8LugrGp99s3q9Vi05fOLqmOTmrnFBZkxVKx/HI6KUKPlAnv8q+PHnP//+6NPvYnZlUeL33xNFleAObhvOrjZtxrjBvTp06sxWtrCK2avjXl9mKFTQAuYCft10dw0CqLR6icHdOo8PtE3YmvYzwBc3I1kAX5/fPSY1WdCI6mcBEwWAwNvQvNaB0HtjIFBbU8Voq7bgHr/tGC2A6UxHAIspWIzBCG6sIUAaXyrNdQ/wvDzKAKG6HACFXzaBRlfpDjqNJQQGrfkUTOpzhe+nOcvkRMPLLNAJMQwMHPqCiV82gYWXjmATpCF4sKkFDmlkgIsXR1vvT80gTCE70pCE9t6PlrDBxOn+GzfEFZqQZ0ineJOehn6gU5jM2QdX1VLp0rlaMqZsGeZaURUmFKXPLvZPLxOjjiEGqeEGMtW/dn2TgLx3pQoxI0PKZ4OV72nERL1wuqAj/rbUYGS4yFBCOqbP316ciNFcXXJHQ08vo+0W8195Y8vJkAs/uTUi3R5v5ziXEiPX1mRtdIDSZfDWIwv6If83xqI2pkxjjPo3dxkn2yWoTLmtXViE/0WJJroYZifrVx6+WDdZOOSbcRNso92vWdEap+IjPv2T1Nob+lYAAA==") format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-37.392f0f18.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-38.ecc48347.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Plus_Jakarta_Sans-400-39.1262bff0.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	src: url(../_nuxt/Rubik-300-52.bc857679.woff2) format("woff2");
	unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0898-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	src: url(../_nuxt/Rubik-300-53.452feb2a.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	src: url(../_nuxt/Rubik-300-54.a7ad9db1.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	src: url(../_nuxt/Rubik-300-55.95d333fe.woff2) format("woff2");
	unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	src: url(../_nuxt/Rubik-300-56.f4bbc2bf.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 300;
	src: url(../_nuxt/Rubik-300-57.47374cb7.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Rubik-300-52.bc857679.woff2) format("woff2");
	unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0898-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Rubik-300-53.452feb2a.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Rubik-300-54.a7ad9db1.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Rubik-300-55.95d333fe.woff2) format("woff2");
	unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Rubik-300-56.f4bbc2bf.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	src: url(../_nuxt/Rubik-300-57.47374cb7.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Rubik-300-52.bc857679.woff2) format("woff2");
	unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0898-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Rubik-300-53.452feb2a.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Rubik-300-54.a7ad9db1.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Rubik-300-55.95d333fe.woff2) format("woff2");
	unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Rubik-300-56.f4bbc2bf.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	src: url(../_nuxt/Rubik-300-57.47374cb7.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Rubik-300-52.bc857679.woff2) format("woff2");
	unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0898-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Rubik-300-53.452feb2a.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Rubik-300-54.a7ad9db1.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Rubik-300-55.95d333fe.woff2) format("woff2");
	unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Rubik-300-56.f4bbc2bf.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	src: url(../_nuxt/Rubik-300-57.47374cb7.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Rubik-300-52.bc857679.woff2) format("woff2");
	unicode-range: u+06??, u+0750-077f, u+0870-088e, u+0890-0891, u+0898-08e1, u+08e3-08ff, u+200c-200e, u+2010-2011, u+204f, u+2e41, u+fb50-fdff, u+fe70-fe74, u+fe76-fefc
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Rubik-300-53.452feb2a.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Rubik-300-54.a7ad9db1.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Rubik-300-55.95d333fe.woff2) format("woff2");
	unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Rubik-300-56.f4bbc2bf.woff2) format("woff2");
	unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-display: swap;
	font-family: Rubik;
	font-style: normal;
	font-weight: 700;
	src: url(../_nuxt/Rubik-300-57.47374cb7.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

.swiper {
	display: block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	overflow: clip;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	width: 100%;
	z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid transparent;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.swiper .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transform-origin: center bottom
}

.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	backface-visibility: hidden;
	height: 100%;
	pointer-events: none;
	transform-origin: 0 0;
	visibility: hidden;
	width: 100%;
	z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	width: 100%;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	background: #000;
	bottom: 0;
	content: "";
	filter: blur(50px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	backface-visibility: hidden;
	pointer-events: none;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0
}

.swiper-free-mode>.swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	margin-top: calc(0px - var(--swiper-navigation-size)/2);
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/44*27);
	z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	cursor: auto;
	opacity: 0;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	transform-origin: center;
	width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-lock {
	display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	font-variant: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	left: auto;
	right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	top: var(--swiper-pagination-top, auto);
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	display: inline-block;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	left: var(--swiper-pagination-left, auto);
	right: var(--swiper-pagination-right, 8px);
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
	width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	-ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	bottom: var(--swiper-scrollbar-bottom, 4px);
	height: var(--swiper-scrollbar-size, 4px);
	left: var(--swiper-scrollbar-sides-offset, 1%);
	position: absolute;
	top: var(--swiper-scrollbar-top, auto);
	width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
	z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
	left: var(--swiper-scrollbar-left, auto);
	position: absolute;
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	width: var(--swiper-scrollbar-size, 4px);
	z-index: 50
}

.swiper-scrollbar-drag {
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
	height: var(--swiper-virtual-size);
	width: 1px
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none
}

.hTitleHome{
	font-size: 64px;
}

.elSignalsBusiness {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
 
	margin-bottom: 10px
}

.elSignalsBusiness div{
    width: 135px;
    margin-right: 10px;
    border-radius: 5px;
    padding: 10px 15px;
     border: 1px solid #e1e1e1;
}
.elSignalsBusiness img {
	width: 100%
}

.corretorasLogos img{
	width: 100%;
	height: auto;
}

.corretorasLogos  a{
	color: #000;
	text-decoration: none
}





@media screen and (min-width: 767px){
  .btFloatSat {
     
    position: fixed;
    top: auto;
    left: auto;
    right: 10px;
    font-size: 16px;
    max-height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    background-color: #7835E4  !important;
    color: #fff !important;
    bottom: 30px !important;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 8px 25px;
    border-radius: 50px;
    white-space: nowrap;
    text-align: center;
    transition: all .3s;
    z-index: 3;
    box-shadow: 0 0 0 0 rgb(120 53 228 / 50%);
    -webkit-animation: pulseA 1.5s infinite;
  }
 
}
 
@media screen and (max-width: 766px)
{
  .copyHAKK {
      text-align: center;
  }

	.btFloatSat{
		width: 90%;
		position: fixed;
		margin: 0 25px 0 25px;
		top: auto;
 		font-size: 14px;
		max-height: 100%;
		overflow-y: auto;
		background-color: #7835E4  !important;
		color: #fff !important;
		bottom: 20px !important;

		display: inline-block;
		vertical-align: top;
		text-decoration: none;
		padding: 5px 5px;
		border-radius: 50px;
		white-space: nowrap;
		text-align: center;
		transition: all .3s;
		z-index: 6;
		box-shadow: 0 0 0 0 rgb(120 53 228 / 50%);
		-webkit-animation: pulseA 1.5s infinite;
	} 
	
	.floatIconeDesktop{
		display: none
	}
}

@media (max-width: 767px){
	.hTitleHome{
		font-size: 32px;
		font-weight: 900;
	}

	#statistic-1 h2.statistic-number{
		display: flex; 
		justify-content: space-evenly !important;
	}

	.in_tool_logo.ico-65 img {
		width: 120px !important;
		height: auto !important;
	}

	.navMenuOpen{
		.wsmenu{
			visibility: visible;
		}
	}
		.navMenuOpen .wsmenu>.wsmenu-list{
		    margin-right: 0;
		    margin-top: 80px;
		    width: 100%;
		    position: fixed;
		    z-index: 999;
		}
}

.pricingDataItemFlex{
	display: flex;
	gap: 10px;
	justify-content: space-around;
}
.pricingDataItem {
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 7px;
    padding: 10px;
	    width: 100%; 
}
.section-id {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    background: #7835E4;
    width: 200px;
    text-align: center;
    padding: 4px;
}
.section-id span {
    padding: 7px;
    border: 2px solid #fff;
    display: block;
    width: 100%;
}
.section-id.center {
    margin: 0 auto;
	display: flex;
	align-items: center;
	font-size: 30px;
	 width: 100%;
	 justify-content: center;
}
 
 .hero-15-img {
    position: absolute;
    right: -50px;
    top: 90px; 
}
	.hero-15-img img{
		width: 90%
	}
#hero-15 {
	background-image: url(../_nuxt/hero-15.cd18e7cd.jpg);
	padding-top: 160px;
 	padding-bottom: 130px;
	position: relative;
	z-index: 3
}
#statistic-1{
	margin-bottom: 30px
}


.headerTopSonic, 
.headerTopGot, 
.headerTopSpider, 
.headerTopMessi{
	position: absolute;
	z-index: 999
}

.headerTopSonic{
    left: 20px;
    top: 150px; 
	width: 400px
}
.headerTopGot{
    left: 20%;
    top: 280px; 
	width: 150px
}

.headerTopSpider{
    right: 20%;
    top: 90px; 
	width: 150px
}
.headerTopMessi{
    
	right: 10%;
    top: 170px; 
	width: 300px
}


@media screen and (max-width: 1600px){
	.headerTopSonic, 
	.headerTopGot, 
	.headerTopSpider, 
	.headerTopMessi{
		display: none
	}
}

	@media screen and (max-width: 780px){
		.headerTopSonic,
		.headerTopMessi{
			display: block !important
		}
			.headerTopSonic{
				left: 0;
				top: 10px; 
				width: 80px
			}
			
			.headerTopMessi{
				right: 0;
				top: 10px; 
				width: 70px
			}
			
	}


.btn--theme {
	background-color: #7835E4  ;
	border-color: #7835E4 !important;
	color: #fff !important
}
.whatsappBotao{
	background: #2bad00 !important
}






@media screen and (min-width: 767px)
{
	  .btFloatCS {
		width: 190px;
		bottom: 150px;  
		position: fixed;
  		right: 20px;
		font-size: 16px;
		background-color: #7835E4;
		color: #fff;
		text-decoration: none;
		padding: 8px 25px;
		border-radius: 50px;
		white-space: nowrap;
		text-align: center;
		transition: all .3s;
		z-index: 9999;
		box-shadow: 0 0 0 0 rgb(120, 53, 228 / 50%);
		-webkit-animation: pulseA 1.5s infinite;
	  }
 
		 .btFloatIPTV {
			 width: 190px;
			bottom: 90px; 
			position: fixed;
			top: auto;
 			right: 20px;
			font-size: 16px;
			background-color: #450ba1;
			color: #fff;
			text-decoration: none;
			padding: 8px 25px;
			border-radius: 50px;
			white-space: nowrap;
			text-align: center;
			transition: all .3s;
			z-index: 9999;
			box-shadow: 0 0 0 0 rgb(120, 53, 228 / 50%);
			-webkit-animation: pulseA 1.5s infinite;
		  }
		 .btFlatZAP {
			 width: 190px;
			bottom: 30px; 
			position: fixed;
			top: auto;
 			right: 20px;
			font-size: 16px;
			background-color: #3ac100;
			color: #fff;
			text-decoration: none;
			padding: 8px 25px;
			border-radius: 50px;
			white-space: nowrap;
			text-align: center;
			transition: all .3s;
			z-index: 9999;
			box-shadow: 0 0 0 0 rgb(120, 53, 228 / 50%);
			-webkit-animation: pulseA 1.5s infinite;
		  }
}
 
@media screen and (max-width: 766px)
{
	  .btFloatCS {
		width: 30%;
		bottom: 10px;  
		position: fixed;
  		left: 10px;
		font-size: 16px;
		background-color: #7835E4;
		color: #fff;
		text-decoration: none;
		padding: 8px 25px;
		border-radius: 50px;
		white-space: nowrap;
		text-align: center;
		transition: all .3s;
		z-index: 9999;
		box-shadow: 0 0 0 0 rgb(120, 53, 228 / 50%);
		-webkit-animation: pulseA 1.5s infinite;
	  }
 
		 .btFloatIPTV {
			width: 30%;
			bottom: 10px; 
			position: fixed;
			top: auto;
			left: 35%;
 			margin: 0 auto;
			font-size: 16px;
			background-color: #450ba1;
			color: #fff;
			text-decoration: none;
			padding: 8px 25px;
			border-radius: 50px;
			white-space: nowrap;
			text-align: center;
			transition: all .3s;
			z-index: 9999;
			box-shadow: 0 0 0 0 rgb(120, 53, 228 / 50%);
			-webkit-animation: pulseA 1.5s infinite;
		  }
		 .btFlatZAP {
			width: 30%;
			bottom: 10px; 
			position: fixed;
			top: auto;
 			right: 10px;
			font-size: 16px;
			background-color: #3ac100;
			color: #fff;
			text-decoration: none;
			padding: 8px 25px;
			border-radius: 50px;
			white-space: nowrap;
			text-align: center;
			transition: all .3s;
			z-index: 9999;
			box-shadow: 0 0 0 0 rgb(120, 53, 228 / 50%);
			-webkit-animation: pulseA 1.5s infinite;
		  }
}

@-webkit-keyframes pulseA {
  0%{ -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

70%{
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 20px rgba(1, 200, 84, 0);
}
  
100% {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  box-shadow: 0 0 0 0 rgba(1, 200, 84, 0);
}
