@font-face {
	font-display: swap;
	font-family: pfdintextarabic;
	src: url(fonts/pfdintextarabic-regular.woff2) format('woff2'), url(fonts/pfdintextarabic-regular.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-display: swap;
	font-family: pfdintextarabic;
	src: url(fonts/pfdintextarabic-medium.woff2) format('woff2'), url(fonts/pfdintextarabic-medium.woff) format('woff');
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-display: swap;
	font-family: pfdintextarabic;
	src: url(fonts/pfdintextarabic-light.woff2) format('woff2'), url(fonts/pfdintextarabic-light.woff) format('woff');
	font-weight: 300;
	font-style: normal
}


@font-face {
	font-family: Calibre;
	src: url(fonts/Calibre-Black.eot);
	src: url(fonts/Calibre-Black.woff) format("woff"), url(fonts/Calibre-Black.ttf) format("truetype");
	font-weight: 900;
	font-style: normal
}

@font-face {
	font-family: Calibre;
	src: url(fonts/Calibre-Bold.eot);
	src: url(fonts/Calibre-Bold.woff) format("woff"), url(fonts/Calibre-Bold.ttf) format("truetype");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: Calibre;
	src: url(fonts/Calibre-Medium.eot);
	src: url(fonts/Calibre-Medium.woff) format("woff"), url(fonts/Calibre-Medium.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: Calibre;
	src: url(fonts/Calibre-Regular.eot);
	src: url(fonts/Calibre-Regular.woff) format("woff"), url(fonts/Calibre-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Calibre;
	src: url(fonts/Calibre-Light.eot);
	src: url(fonts/Calibre-Light.woff) format("woff"), url(fonts/Calibre-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face{ 
    font-family:"SilkSerif";
    src: url(fonts/SilkSerif-Light.eot);
    src: url(fonts/SilkSerif-Light.woff) format("woff"),url(fonts/SilkSerif-Light.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body, html {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
}
body, html {
    font-size: 17px;
    font-weight: 400;
    color: #202121;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
html {
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
}
::-webkit-scrollbar {
    width: 5px;
    background-color: #d7d7d7;
}
::-webkit-scrollbar-thumb {
    background-color: #000;
}
::selection {
    background-color: #022f92;
    color: #fff;
}
*, *:before, *:after {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}
* {
    -webkit-tap-highlight-color: transparent;
}
a {
    color: #000;
}
a, .link {
    color: currentColor;
    text-decoration: none;
}
a, a:hover, .trans, .espa-icon, .trans:hover, .espa-icon:hover, input, input:focus, textarea, textarea:focus, select, select:focus, table td, button, button:hover {
    -webkit-transition: color .45s cubic-bezier(.3,.1,.3,1);
    transition: color .45s cubic-bezier(.3,.1,.3,1);
    color: currentColor;
}
.trans-slow, .trans-slow:hover {
    -moz-transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -o-transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
    transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
}
.trans-slowest, .trans-slowest:hover {
    -moz-transition: all 790ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -o-transition: all 790ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 790ms cubic-bezier(0.16, 0.01, 0.77, 1);
    transition: all 790ms cubic-bezier(0.16, 0.01, 0.77, 1);
}
.trans-slowest2, .trans-slowest2:hover {
    -moz-transition: all 900ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -o-transition: all 900ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 900ms cubic-bezier(0.16, 0.01, 0.77, 1);
    transition: all 900ms cubic-bezier(0.16, 0.01, 0.77, 1);
}
a:active, a:hover, *:focus {
    outline: 0;
}
strong, b, bold, .font-bold {
    font-weight: bold;
}
img {
    width: 100%;
    height: 100%;
	max-width: 100%;
    object-fit: cover;
}
p {
    font-size: 19px;
    margin-bottom: 15px;
}
.font-sm {
	font-size: 15px;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.icon {
    width: 15px;
    height: 15px;
	fill: currentColor;
}
svg {
	fill: currentColor;
}
svg:not(:root) {
    overflow: hidden;
}
.svg-circle {
    width: 100%;
}
.display--inline {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
    float: none;
}
.center {
    text-align: center;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
}
.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container {
    max-width: 90%;
}
.block-100 {
	width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.block-90 {
	width: 90%;
	-ms-flex-preferred-size: 90%;
	flex-basis: 90%;
	max-width: 90%;
}
.block-80 {
	width: 80%;
	-ms-flex-preferred-size: 80%;
	flex-basis: 80%;
	max-width: 80%;
}
.block-70 {
	width: 70%;
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
	max-width: 70%;
}
.block-66 {
	width: 66.6%;
	-ms-flex-preferred-size: 66.6%;
	flex-basis: 66.6%;
	max-width: 66.6%;
}
.block-60 {
	width: 60%;
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
	max-width: 60%;
}
.block-50 {
	width: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.block-55 {
	width: 55%;
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
	max-width: 55%;
}
.block-45 {
	width: 45%;
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
	max-width: 45%;
}
.block-40 {
	width: 40%;
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
	max-width: 40%;
}
.block-33 {
	width: 33.333%;
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%;
}
.block-30 {
	width: 30%;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	max-width: 30%;
}
.block-25 {
	width: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.block-20 {
	width: 20%;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	max-width: 20%;
}
.block-15 {
	width: 16.66667%;
	-ms-flex-preferred-size: 16.66667%;
	flex-basis: 16.66667%;
	max-width: 16.66667%;
}
.block-10 {
	width: 10%;
	-ms-flex-preferred-size: 10%;
	flex-basis: 10%;
	max-width: 10%;
}
.a-center {
    text-align: center;
}
.relative {
    position: relative;
}.absolute {
    position: absolute;
}
.abs-tl, .fill-dimensions, .abs-bl, .abs-tr, .abs-tc, .abs-br, .abs-lc, .abs-bc, .abs-rc, .abs, .abs-center {
    position: absolute;
    z-index: 5;
}
.abs-tl {
    top: 0;
    left: 0;
}
.abs-tr {
    top: 0;
    right: 0;
}
.fill-dimensions {
    top: 0;
}
.fill-dimensions {
    width: 100%;
    height: 100%;
    display: block;
    backface-visibility: hidden;
}
.abs-br {
    bottom: 0;
    right: 0;
}
.abs-bl {
    bottom: 0;
    left: 0;
}
.abs-lc {
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.abs-rc {
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.abs-center {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.display--block {
    display: block;
}
.title-xs {
    font-size: 13px;
    line-height: 19px;
}
.grid {
    /*width: 90%;*/
    margin: 0 auto;
}
.grid-lg {
    max-width: 1700px;
}
.grid-med {
    max-width: 1200px;
}
.grid.grid-sm {
    max-width: 978px;
}
.grid.grid-sm3 {
    max-width: 900px;
}
.grid-12-g {
    max-width: 1332px;
}
.width-85 {
    width: 85%;
}
.grid, .width-90, .grid-post {
    position: relative;
    margin: 0 auto;
}
.gutter {
    margin-left: 30px;
    margin-right: 30px;
    display: block;
}
.gutter-sm {
    margin-left: 20px;
    margin-right: 20px;
}
.gutter-xs {
    margin-left: 15px;
    margin-right: 15px;
}
.h-100 {
    height: 100%;
}
.w-100 {
    width: 100%;
}
.cursor, .clickable {
    cursor: pointer;
}
.z-9 {
	z-index: 9
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.ds-flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.shift-xs {
    margin-left: -15px;
    margin-right: -15px;
}
.flex-lg {
    margin-right: -15px;
    margin-left: -15px;
}
.flex-sm {
    margin-right: -15px;
    margin-left: -15px;
}
.flex-shift {
    margin-right: -15px;
    margin-left: -15px;
}
.justify-end {
    justify-content: flex-end;
}
.ds-center {
    align-items: center;
    justify-content: center;
}
.js-center {
    justify-content: center;
}
.ds-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.js-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.fixed {
    position: fixed;
}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-position: center!important;
}
.cover-img {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.masked {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.p-gap {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.pt-gap {
    padding-top: 4rem;
}
.pm-gap {
    padding-bottom: 4rem;
}
.button {
    padding: 15px 30px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 15px;
    position: relative;
}
button {
    padding: 0;
    background-color: transparent;
    border: none;
    outline: 0;
    font: inherit;
    cursor: pointer;
}
.input, .select, .textarea, .ns__field, .search__field, .input-num, .input-c, .textarea-c {
    outline: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ns__field {
    width: 100%;
    border: none;
    font-size: 15px;
    color: #757575;
    padding: 15px;
    line-height: 30px;
    display: flex;
    font-family: pfdintextarabic,'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    background-color: #ebeef1;
}
.ns-holder {
    position: relative;
    margin-bottom: 25px;
}
.ns-holder img {
    position: absolute;
    bottom: 5px;
    max-width: 80px;
    height: 50px;
    object-fit: contain;
}
.ns__submit {
    margin-top: 30px;
}
.ns-holder label {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    color: #444;
    display: inline-flex;
}
.ns-holder textarea {
    height: 150px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.color-white {
    color: #fff;
}
.color-blue {
    color: #000c7d;
}
.color-red {
    color: #ed1c24;
}
.color-grey {
    color: #999;
}
.bg--blue {
    background-color: #000c7d!important;
}
.bg--red {
    background-color: #ed1c24;
}
.bg-light-black {
    background-color: #222;
}
.bg--black {
    background-color: #000;
}
.overflow {
    overflow: hidden;
}
.bg--white {
    background-color: #fff;
}
.bg--grey {
    background-color: #f0f1f1;
}
.bg-dark--grey {
    background-color: #efefef;
}
.bg-light-white {
    background-color: #f5f5f5;
}
.blue-overlay {
    -webkit-mix-blend-mode: hard-light;
    mix-blend-mode: hard-light;
    background-blend-mode: hard-light;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.opc-3 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .3;
}
.opc-5 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .5;
}
.opc-6 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .6;
}
.opc-7 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .7;
}
.opc-8 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .8;
}
.z-1 {
    z-index: 1;
}
.enter-y {
	transform: translateY(50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px)
}

.enter-y-r {
	transform: translateY(-50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px)
}

.enter-x {
	transform: translateX(-50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px)
}

.enter-x-r {
	transform: translateX(-50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px)
}
.loaded .is-inview .delay-1,
.loaded #header .delay-1 {
	transition-delay: .1s!important
}

.loaded .is-inview .delay-2,
.loaded #header .delay-2 {
	transition-delay: .2s!important
}

.loaded .is-inview .delay-3,
.loaded #header .delay-3 {
	transition-delay: .3s!important
}

.loaded .is-inview .delay-4,
.loaded #header .delay-4 {
	transition-delay: .4s!important
}

.loaded .is-inview .delay-5,
.loaded #header .delay-5 {
	transition-delay: .5s!important
}

.loaded .is-inview .delay-6,
.loaded #header .delay-6 {
	transition-delay: .6s!important
}

.loaded .is-inview .delay-7,
.loaded #header .delay-7 {
	transition-delay: .7s!important
}

.loaded .is-inview .delay-8,
.loaded #header .delay-8 {
	transition-delay: .8s!important
}

.loaded .is-inview .delay-9,
.loaded #header .delay-9 {
	transition-delay: .9s!important
}

.loaded .is-inview .delay-10,
.loaded #header .delay-10 {
	transition-delay: 1s!important
}

.loaded .is-inview .delay-11,
.loaded #header .delay-11 {
	transition-delay: 1.1s!important
}

.loaded .is-inview .delay-12,
.loaded #header .delay-12 {
	transition-delay: 1.2s!important
}

.loaded .is-inview .delay-13,
.loaded #header .delay-13 {
	transition-delay: 1.3s!important
}

.loaded .is-inview .delay-14,
.loaded #header .delay-14 {
	transition-delay: 1.4s!important
}

.loaded .is-inview .delay-15,
.loaded #header .delay-15 {
	transition-delay: 1.5s!important
}

.loaded .is-inview .enter-y,
.loaded .is-inview .enter-x,
.loaded .is-inview .enter-y-r,
.loaded .is-inview .enter-x-r,
.loaded #header .enter-x,
.loaded #header .enter-x-r,
.loaded #header .enter-y-r {
	opacity: 1;
	transform: translate(0)
}
.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    color: #000;
    background-color: transparent;
    font-size: 14px;
    z-index: 11;
    /*border-bottom: 1px solid hsla(0,0%,100%,.2);*/
}
.main-header {
    width: 100%;
    height: 100%;
}
.main-header .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100px;   
    background-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 5;
    position: relative;
    padding: 15px 30px;
}
/*.header__logo:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 5px;
    background: #c22b2f;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}*/
.header__logo .logo {
    width: 120px;
    height: 90px;
    -webkit-transition: opacity .45s cubic-bezier(.3,.1,.3,1);
    transition: opacity .45s cubic-bezier(.3,.1,.3,1);
}
.header__logo .logo a {
    display: flex;
    height: 100%;
}
.main-header .site-branding a img {
    width: 100%;
    object-fit: contain;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.main-header .main-navigation-area {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1;
    padding: 0 20px;
    z-index: 5;
}
/*.main-header .main-navigation-area .main-navigation ul.menu>li:first-child>a {
    padding-right: 0;
}
.main-header .main-navigation-area .main-navigation ul.menu>li:last-child>a {
    padding-left: 0;
}*/
.main-header .main-navigation-area .main-navigation {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
}
.menu-main-menu-container {
    height: 100%;
}
.main-header .main-navigation-area .menu {
    height: 100%;
    display: flex;
    justify-content: center;
}
.main-header .main-navigation-area .main-navigation ul li a {
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    padding: 15px 0;
    margin: 0 20px;
    height: 100%;
    width: auto
}
.main-header .main-navigation-area .main-navigation ul.menu>li>a:after {
    content: "";
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.62,.05,.01,.98);
    transition: -webkit-transform 1s cubic-bezier(.62,.05,.01,.98);
    transition: transform 1s cubic-bezier(.62,.05,.01,.98);
    transition: transform 1s cubic-bezier(.62,.05,.01,.98),-webkit-transform 1s cubic-bezier(.62,.05,.01,.98);
}
.main-header .main-navigation-area .main-navigation ul.menu>li>a:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #000c7d;
}
.main-header .main-navigation-area .main-navigation ul.menu>li:hover>a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.solutions-menuwrapper .sub-menu--menu {
    display: flex;
    flex-direction: column;
}
.menu__item .nav-arrow {
    fill: none;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    stroke: #000;
}
.main-header .main-navigation-area .main-navigation ul li .sub-menu {
    right: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    color: #000;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 50%);
    box-shadow: 0 2px 2px rgb(0 0 0 / 50%);
}
@media (min-width: 1025px) {  
    .main-header .main-navigation-area .main-navigation ul li .sub-menu {
        right: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    .main-header .main-navigation-area .main-navigation ul li.mega-menu:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
.main-header .main-navigation-area .main-navigation ul li.mega-menu>.sub-menu {
    border-top: 1px solid #f5f5f5;
    padding: 25px;
}
.main-header .main-navigation-area .main-navigation ul li .sub-menu li a {
    color: #111;
    border-radius: 4px;
    padding: 0;
}
.main-header .main-navigation-area .main-navigation ul li .sub-menu  li a {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    display: inline-flex;
}
.dropdown-menu--holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
/*.openmenu-item.menu-item--link::before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    opacity: .2;
    border-top: solid 1px #222;
    top: 13px;
    left: 0;
    transition: all 1.2s cubic-bezier(.25,.8,.25,1);
}
.openmenu-item.menu-item--link.active::before {
    width: 100%;
}*/
.openmenu-item.menu-item--link .openmenu-text {
    position: relative;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    background-color: #fff;
    display: inline-block;
    transition: all .3s;
}
.openmenu-item.menu-item--link.active .openmenu-text {
    color: #222;
    animation: link-dot .5s .3s;
}
.openmenu-item.menu-item--link .openmenu-text::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transition: all .5s cubic-bezier(.73,.29,.18,1.69);
    transform: scale(0);
    display: block;
    background-color: #ed1c24;
}
.openmenu-item.menu-item--link.active .openmenu-text::after {
    transform: scale(1);
}
.menu-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-basis: 65%;
    -ms-flex-preferred-size: 65%;
    flex-basis: 60%;
    flex: 1;
    margin-left: -15px;
    margin-right: -15px;
}
.solutions-thumb {
    width: 40%;
}
.solutions-thumb-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.w-dropdown-title {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    color: #aba9a9;
}
.w-dropdown-title h6 {
    display: flex;
}
.menu-wrapper.solution-menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.solutions-menuwrapper {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 15px;
}
.block-search {
    display: flex;
    background-color: #fff;
    padding: 0 30px;
}
.header-search-area {
    margin-bottom: 30px;
}
.vertical-menu-area .vertical-menu-btn {
    border-radius: 4px 4px 0 0;
    background-color: #111;
    padding: 5px 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 60px;
}
.vertical-menu-area .vertical-menu-btn .rtin-title {
    color: #fff;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    margin-right: 15px;
}
.vertical-menu-btn .menu-item__icon {
    fill: #fff;
    stroke: #fff;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.product-search .input-group {
    border: 1px solid #ddd;
    border-radius: 4px;
    -ms-flex-line-pack: center;
    align-content: center;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-family: pfdintextarabic,'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rightMenu {
    display: none;
}
.site-menu-toggle {
    color: #000;
    outline: none;
    border: none;
    display: none;
    width: 100px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    transition: color 0.4s, border 0.4s;
}
.site-menu-toggle.open {
    color: #000;
}
.site-menu-toggle .icon {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    overflow: hidden;
    background: transparent;
}
.site-menu-toggle .icon span {
    display: block;
    width: 1.8rem;
    height: 2px;
    margin: 2px 0;
    background: #000;
    transform: scaleX(1);
    transform-origin: left;
}
.site-menu-toggle .icon span:nth-child(1) {
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .4s cubic-bezier(.19,1,.22,1);
    transition: transform .4s cubic-bezier(.19,1,.22,1);
    transition: transform .4s cubic-bezier(.19,1,.22,1),-webkit-transform .4s cubic-bezier(.19,1,.22,1);
}
.site-menu-toggle .icon span:nth-child(2) {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
}
.site-menu-toggle .icon span:nth-child(3) {
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .4s cubic-bezier(.19,1,.22,1);
    transition: transform .4s cubic-bezier(.19,1,.22,1);
    transition: transform .4s cubic-bezier(.19,1,.22,1),-webkit-transform .4s cubic-bezier(.19,1,.22,1);
}
.site-menu-toggle.open .icon span.line--top {
    -webkit-transform: rotate(-45deg) translate(-4px,3.5px);
    transform: rotate(-45deg) translate(-4px,3.5px);
}
.site-menu-toggle.open .icon span.line--mid {
    -moz-transform: translateX(115%);
    -ms-transform: translateX(115%);
    -webkit-transform: translateX(115%);
    transform: translateX(115%);
}
.site-menu-toggle.open .icon span.line--bottom {
    -webkit-transform: rotate(45deg) translate(-5px,-5px);
    transform: rotate(45deg) translate(-5px,-5px);
}
.menu-bg__bg {
    display: none;
}
.actions {
    height: 100%;
    display: inline-flex;
    /*flex: 1 1 calc(100% - 214px);*/
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-right: 2px;
    position: relative;
    z-index: 5;
}
.actions {
    flex-basis: 250px;
    padding-right: 0;
}
.actions-btns {
    display: flex;
    align-items: center;
}
.actions-btn {
    border: 1px solid #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    overflow: hidden;
}
.actions-btn:hover {
    color: #fff;
    border-color: #21409a;
    background-color: #21409a;
}
.header.scrolled .actions-btn {
    border-color: #000;
}
.header.scrolled .actions-btn:hover {
    border-color: #21409a;
}
.actions-btn.lang-btn a {
    padding: 10px 15px;
    font-weight: normal;
}
.actions-btn.social-action {
    width: 50px;
}
.header__menu-wrapper {
    display: flex;
    align-items: center;
}
.hamburger-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    width: 90px;
    height: 100%;
    color: #000;
    flex: 0 0 auto;
}
.hamburger {
    display: block;
    width: 24px;
    height: 20px;
    position: relative;
    z-index: 6;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
}
.hamburger .hamburger__bar {
    display: block;
    position: absolute;
    height: 2px;
    background-color: currentColor;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0deg) scaleX(1) translateY(0);
    transform: rotate(0deg) scaleX(1) translateY(0);
    -webkit-transition: opacity .45s cubic-bezier(.3,.1,.3,1),-webkit-transform .45s cubic-bezier(.3,.1,.3,1);
    transition: opacity .45s cubic-bezier(.3,.1,.3,1),-webkit-transform .45s cubic-bezier(.3,.1,.3,1);
    transition: transform .45s cubic-bezier(.3,.1,.3,1),opacity .45s cubic-bezier(.3,.1,.3,1);
    transition: transform .45s cubic-bezier(.3,.1,.3,1),opacity .45s cubic-bezier(.3,.1,.3,1),-webkit-transform .45s cubic-bezier(.3,.1,.3,1);
    top: 9px;
}
.hamburger .hamburger__bar:last-child {
    top: 18px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
.hamburger_type-asym .hamburger__bar {
    -webkit-transform: rotate(
0deg
) scaleX(.6) translateY(0);
    transform: rotate(
0deg
) scaleX(.6) translateY(0);
}
.hamburger .hamburger__bar:first-child {
    top: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.hamburger_type-asym .hamburger__bar:first-child, .hamburger_type-asym .hamburger__bar:last-child {
    -webkit-transform: rotate(
0deg
) scaleX(1) translateY(0);
    transform: rotate(
0deg
) scaleX(1) translateY(0);
}
.menu-opened .hamburger_type-asym.hamburger .hamburger__bar {
    opacity: 0;
}
.menu-opened .hamburger_type-asym.hamburger .hamburger__bar:first-child, .menu-opened .hamburger_type-asym.hamburger .hamburger__bar:last-child {
    opacity: 1;
}
.menu-opened .hamburger_type-asym.hamburger .hamburger__bar:first-child {
    -webkit-transform: rotate(
45deg
) scaleX(1.1);
    transform: rotate(
45deg
) scaleX(1.1);
}
.menu-opened .hamburger_type-asym.hamburger .hamburger__bar:last-child {
    -webkit-transform: rotate(
-45deg
) scaleX(1.1);
    transform: rotate(
-45deg
) scaleX(1.1);
}
.menu-opened .actions .hamburger-container {
    color: #fff;
    display: flex;
}
.hamburger-container:hover .hamburger .hamburger__bar {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.social-action-item a {
    display: flex;
}
.social-action--slider {
    height: 40px;
    width: 100%;
    display: flex;
    overflow: hidden;
}
.social-action--slider .swiper-container {
    height: 100%;
    width: 100%;
}
.social-action-item {
    height: 100%;
    width: 100%;
}
.social-action-item a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-bg {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transition: -moz-transform .5s cubic-bezier(0.37, 0.01, 0, 0.98);
    -o-transition: -o-transform .5s cubic-bezier(0.37, 0.01, 0, 0.98);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.37, 0.01, 0, 0.98);
    transition: transform .5s cubic-bezier(0.37, 0.01, 0, 0.98);
}
.header-bg {
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
.header.scrolled .header-bg {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.header.scrolled { 
    color: #000;
}
.header.scrolled .hamburger-container {
    color: #000;
}
.header.scrolled .header__menu-wrapper {
    border-color: #ddd;
}
.header.scrolled .menu__item .nav-arrow {
    stroke: #000;
}
html.menu-opened .header.scrolled .menu__item .nav-arrow {
    stroke: #fff;
}
html.menu-opened .header.scrolled .hamburger-container {
    color: #fff;
}
.header-holder {
    top: 20px;
    -moz-transition: all .5s cubic-bezier(0.37, 0.01, 0, 0.98);
    -o-transition: all .5s cubic-bezier(0.37, 0.01, 0, 0.98);
    -webkit-transition: all .5s cubic-bezier(0.37, 0.01, 0, 0.98);
    transition: all .5s cubic-bezier(0.37, 0.01, 0, 0.98);
}
.header.scrolled .header-holder {
    top: 0;
}
.menu_aside {
    -webkit-box-shadow: 0 20px 40px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 10%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height: 100vh;
    padding: 100px 0 130px;
    -webkit-transform: translateY(-100%) translateY(-100px);
    transform: translateY(-100%) translateY(-100px);
    background-color: #000c7d;
    color: #fff;
    overflow: hidden;
}
.menu_aside, .menu__inner {
    -webkit-transition: -webkit-transform .675s cubic-bezier(.3,.1,.3,1);
    transition: -webkit-transform .675s cubic-bezier(.3,.1,.3,1);
    transition: transform .675s cubic-bezier(.3,.1,.3,1);
    transition: transform .675s cubic-bezier(.3,.1,.3,1),-webkit-transform .675s cubic-bezier(.3,.1,.3,1);
}
.menu-opened .menu_aside {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.menu__inner {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    margin: auto;
}
.menu__inner, .menu__section>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
}
.menu__inner {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
.menu__inner::-webkit-scrollbar {
    background-color: #ccc;
}
.menu__inner::-webkit-scrollbar-thumb {
    background-color: #fff;
}
.menu__section_categories {
    margin-bottom: 32px;
}
.menu__section_categories li {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 20px;
}
.menu-opened .menu__section_categories li {
    opacity: 1;
}
.menu__section_categories li .menu-image {
    overflow: hidden;
}
.menu__section_categories li .menu-image img {
    font-family: "object-fit: cover;";
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .7;
    -webkit-transition: opacity 1s cubic-bezier(.3,.1,.3,1),-webkit-transform 1s cubic-bezier(.3,.1,.3,1);
    transition: opacity 1s cubic-bezier(.3,.1,.3,1),-webkit-transform 1s cubic-bezier(.3,.1,.3,1);
    transition: transform 1s cubic-bezier(.3,.1,.3,1),opacity 1s cubic-bezier(.3,.1,.3,1);
    transition: transform 1s cubic-bezier(.3,.1,.3,1),opacity 1s cubic-bezier(.3,.1,.3,1),-webkit-transform 1s cubic-bezier(.3,.1,.3,1);
}
.menu__section_categories li:hover .menu-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.menu__section_categories li.is-active .menu-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.menu__section_categories li .title {
    padding: 20px 0;
    font-size: 19px;
    margin: 0;
    text-align: center;
    -webkit-transition: opacity .45s cubic-bezier(.165,.84,.44,1);
    transition: opacity .45s cubic-bezier(.165,.84,.44,1);
}
.menu__section_categories li:hover .title {
    opacity: .6;
}
.menu__footer {
    position: relative;
    max-width: 1024px;
    margin: auto;
    width: 100%;
    height: 150px;
}
.menu__inner:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    content: "";
    display: block;
    z-index: 2;
    pointer-events: none;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(15%,#000c7d),to(transparent));
    background: linear-gradient(0deg ,#000c7d 15%,transparent);
}
.menu__footer .line-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid hsla(0,0%,100%,.2);
    border-bottom: 1px solid hsla(0,0%,100%,.2);
}
.menu__footer .line-top a {
    -webkit-transition: opacity .45s cubic-bezier(.3,.1,.3,1);
    transition: opacity .45s cubic-bezier(.3,.1,.3,1);
    text-transform: uppercase;
    display: block;
    margin: 15px;
    font-size: 18px;
    color: #b2b5d7;
}
.menu__footer .line-bottom {
    font-size: 17px;
}
.menu__footer .line-bottom a {
    -webkit-transition: opacity .45s cubic-bezier(.3,.1,.3,1);
    transition: opacity .45s cubic-bezier(.3,.1,.3,1);
}
.menu__footer .line-bottom a, .copyright {
    padding: 15px;
    display: inline-flex;
}
.menu__footer .line-top a:hover {
    opacity: 1;
}
.menu__footer .line-bottom a:hover {
    opacity: .6;
}
.number {
    direction: ltr;
    unicode-bidi: embed;
}
.main-header .main-navigation-area .main-navigation ul li .solutions-col a {
    padding: 0;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
}
.solutions-col {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.solutions-col__img {
    width: 100%;
    height: 135px;
    margin-bottom: 15px;
    background-color: #fff;
    position: relative;
    display: inline-flex;
}
.solutions-col__content {
    font-size: 17px;
    font-weight: normal;
}
.openmenu-icon {
    display: flex;
}
.openmenu-icon svg {
    width: 10px;
    height: 10px;
}
.media-icon__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-icon {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-icon__circle {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.media-icon__circle {
    opacity: 0;
}
.media-icon__circle svg {
    fill: #fff;
}
.media-icon__circle .camera-icon {
    width: 25px;
    height: 25px;
}
.media-icon__circle .play-icon {
    width: 22px;
    height: 22px;
    transform: translateX(2px)
}
.media-item:hover .media-icon__circle {
    opacity: 1;
}
.solutions-col__img .media-icon svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}
.title {
    position: relative;
    margin-bottom: 50px;
    display: inline-flex;
}
.title_with-line {
    padding-right: 80px;
}
.title_with-line:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    padding-right: 60px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: center right;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.title_with-line.is-inview:before {
    transform: scaleX(1);
    /*transition-delay: 0.5s;*/
}
.title_small-line {
    display: flex;
    align-items: center;
}
.title_small-line:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 2px;
    background: currentColor;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.3,.1,.3,1);
    transition: -webkit-transform .45s cubic-bezier(.3,.1,.3,1);
    transition: transform .45s cubic-bezier(.3,.1,.3,1);
    transition: transform .45s cubic-bezier(.3,.1,.3,1),-webkit-transform .45s cubic-bezier(.3,.1,.3,1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    margin-left: 15px;
    margin-top: 5px;
}
.half-cover {
    width: 50%;
    height: 100%;
    background-color: #f0f1f1;
    z-index: -1;
}
.tab-item {
    display: none;
}
.show {
    display: block;
}
.tabs-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tab-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    margin: 0 -10px;
}
.tab-links__item {
    font-size: 17px;
    font-weight: 800;
    margin: 0 10px;
    margin-bottom: 15px;
}
.tab-links__item .link {
    display: flex;
    color: currentColor;
    cursor: pointer;
    align-items: center;
}
.roll-hover-btn__label p {
    margin: 0;
}
.small-title {
    margin-bottom: 15px;
}
.tab-links__item .link .site-button {
    border: 1px solid #000c7d;
}
.tabs-content {
    width: 100%;
}
.tab-links__item.active .site-button.light {
    color: #fff;
    background: #000c7d;
}
.tab-links__item.active .site-button:hover span:first-child {
    transform: translateY(-30px);
    opacity: 0;
}
.tab-links__item.active .site-button:hover span:last-child {
    opacity: 1;
}
.scroll-wrap {
    width: 32px;
    bottom: 75px;
    height: 54px;
}
.scroll-wrap .mouse-svg {
    width: 32px;
    height: 54px;
	fill: #fff;
	color: #fff;
}
.mouse-icon {
    width: 35px;
    height: 75px;
    border: 2px solid transparent;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    text-align: center;
    pointer-events: auto;
}
@keyframes wheel-up-down{0%{margin-top:-40px;opacity:0}30%{opacity:1;transform:scale(1)}100%{margin-top:15px;opacity:0}}
.mouse-wheel {
    margin: 2px auto 0;
    display: block;
    width: 9px;
    height: 9px;
    position: relative;
    top: 50px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: 3s cubic-bezier(.37,.01,0,.98) infinite wheel-up-down;
    -moz-animation: 3s cubic-bezier(.37,.01,0,.98) infinite wheel-up-down;
    animation: 2s cubic-bezier(.37,.01,0,.98) infinite wheel-up-down;
}
.map-holder {
    height: 100%;
}
.iframe__label {
    height: 100%;
}
iframe {
    width: 100%;
    height: 100%;
}
.brand-wrapper {
    display: flex;
    position: relative;
}
.cx-title .cx-title--text {
    position: relative;
    padding-top: 10px;
    display: inline-flex;
}
.brand-wrapper .cx-title {
    padding-left: 50px;
    width: 25%;
}
.cx-title .line {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 1px;
    background: rgba(34, 34, 34, 0.2);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.brand-slider {
    width: 70%;
}
.brand-holder {
    display: flex;
    flex-direction: column;
}
.brand-holder .swiper-slide {
    max-width: 20%;
}
.brand-wrapper + .brand-wrapper {
    margin-top: 50px ;
}
.brand-wrapper .swiper-button-next svg, .brand-wrapper .swiper-button-prev svg {
    width: 15px;
    height: 15px;
}
.brand-wrapper .swiper-button-next svg g, .brand-wrapper .swiper-button-prev svg g {
    stroke: #888;
}
.brand-wrapper .swiper-button-next, .brand-wrapper .swiper-button-prev {
    top: 50%;
    color: #000;
    height: auto;
    width: auto;
    display: inline-flex;
    transform: translate(0, -50%);
    margin: 0;
}
.brand-img {
    display: flex;
    position: relative;
    overflow: hidden;
}
.filter-img {
    -webkit-transition: filter 300ms ease-in-out;
    -o-transition: filter 300ms ease-in-out;
    transition: filter 300ms ease-in-out;
    filter: grayscale(100%);
}
.filter-img:hover {
    filter: grayscale(0%);
}
.brand-img img {
    object-fit: contain;
    transition: all .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.brand-img:hover img {
    transform: scale(1.1);
}
.flex-block {
    display: flex;
    align-items: flex-start;
}
.footer-logo {
    max-width: 170px;
}
.footer-logo img {
    object-fit: contain;
}
.c-title__tagline p {
    margin: 0;
    line-height: 1.7;
    color: #fff;
    font-size: 17px;
}
@keyframes link-dot{0%{transform:translateX(0)}50%{transform:translateX(-5px)}100%{transform:translateX(0)}}
.link-dot {
    position: relative;
    transition: color .3s;
    display: inline-block;
    background: none;
    border: none;
    cursor: pointer;
}
.link-dot::before {
    content: '';
    position: absolute;
    right: -35px;
    width: 7px;
    height: 7px;
    opacity: 0;
    background: #fff;
    border-radius: 50%;
    transition: all .6s cubic-bezier(.25,.8,.25,1) 0s;
}
footer {
    background: #1a1a1a;
    color: #ccc;
}
.footer .column .nav-menu a {
    padding-bottom: 15px;
    font-size: 17px;
    width: fit-content;
    font-weight: bold;
}
.footer .column .nav-menu ul li:last-child a {
    padding-bottom: 0;
}
.footer-menu .column {
    width: 50%;
}
.m-flex {
    margin-left: -15px;
    margin-right: -15px;
}
.footer-menu .column {
    padding-right: 15px;
    padding-left: 15px;
}
.footer .top {
    padding: 50px 0;
}
.footer .bottom {
    background: #101010;
    padding: 50px 0;
}
.newsletter-form {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.newsletter-form p {
    max-width: 130px;
    line-height: 1.63;
    color: #fff;
    font-size: 20px;
}
.newsletter-form .input {
    flex: 1;
}
.newsletter-form .input {
    position: relative;
}
.newsletter-form .input input {
    display: block;
    width: 100%;
    background: #333;
    border: none;
    color: #fff;
    font-size: 15px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.newsletter-form .input input::-webkit-input-placeholder { 
    color: #ccc;
}
.newsletter-form .input input::-moz-placeholder { 
    color: #ccc;
}
.newsletter-form .input input:-ms-input-placeholder { 
    color: #ccc;
}
.newsletter-form .input input:-moz-placeholder {
    color: #ccc;
}
.newsletter-form .site-button {
    min-width: 200px;
    border: none;
    cursor: pointer;
}
.newsletter-form .site-button.light {
    color: #222;
}
.newsletter-form .site-button.light:hover {
    background: #000c7d;
}
.newsletter-form .site-button.light::before {
    background: #000c7d;
}
.footer .social {
    position: relative;
    text-align: center;
} 
.footer .social::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #505050;
}
.footer .social .inner {
    display: inline-flex;
    background: #101010;
    align-items: center;
    position: relative;
    padding: 0 40px;
}
.footer .social a {
    font-size: 22px;
    color: #fff;
    padding: 10px 20px;
    transition: all .3s;
}
.footer .social a svg {
    width: 20px;
    height: 20px;
}
.footer .copy {
    display: flex;
    margin-top: 50px;
    padding-bottom: 0;
    justify-content: space-between;
}
.footer .copy a {
    transition: all .3s;
    position: relative;
}
.footer .copy p:first-child a {
    margin-right: 10px;
}
.footer .copy p {
    font-size: 16px;
    margin-bottom: 0;
}
.footer-info {
    display: flex;
}
.footer .copy .developer-com {
    color: #00b6ff;
}
.w-header--title .w-header--light {
    font-weight: normal;
}
.w-header--title  .w-header--light,
.w-header--title  .w-header--bold {
    display: inline-flex;
}
.circle .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}
.view-all {
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-all-wrap {
    margin-top: 50px;
}
.site-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 18px 45px;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    overflow: hidden;
    transition: all .5s,width 1s cubic-bezier(.73,.29,0,1);
    border: none;
}
.site-button.dark {
    color: #fff;
    background: #000c7d;
}
.site-button.light {
    color: #000c7d;
    background: #fff;
}
.site-button:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    transition: all .3s;
}
.site-button.dark:hover {
    color: #000c7d;
    background: #fff;
}
.site-button.light:hover {
    color: #fff;
    background: #000c7d;
}
.site-button.light:hover svg * {
    color: #fff;
    stroke: #fff;
}
.site-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .5s cubic-bezier(.73,.29,0,1);
}
.site-button.dark::before {
    background: #fff;
}
.site-button.light::before {
    background: #000c7d;
}
.site-button span {
    position: relative;
    transition: all .8s cubic-bezier(.73,.29,0,1);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.site-button span:last-child {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
}
.site-button.dark span:last-child {
    color: #000c7d;
}
.site-button.light span:last-child {
    color: #fff;
}
.site-button:hover span:last-child {
    top: 50%;
    transform: translate(0, -50%);
}
.b-slider--holder {
    padding: 0 50px; 
    position: relative;
}
.b-slider--holder .swiper-container {
    height: 100%;
}
.b-slider-wrapper {
    height: 100%;
}
.b-slider-thumb {
    height: 300px;
}
.b-slider-content {
    padding-bottom: 25px;
}
.b-slider--holder .site-button span {
    width: 100%;
    height: 100%;
}
.b-slider--holder .swiper-pagination {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    bottom: 15px;
    color: #fff;
}
.b-slider--holder .swiper-separator {
    width: 32px;
    height: 1px;
    background: #979797;
    left: 0;
    top: 5px;
    right: 0;
    margin: 0 10px;
    display: inline-block;
}
.b-slider--holder .swiper-slide {
    padding-bottom: 100%;
    position: relative;
    transition: all 0s .5s!important;
}
.b-slider--holder .swiper-container .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #040d69;
    z-index: 1;
    transition: all .7s cubic-bezier(.73,.29,0,1);
}
.b-slider--holder .swiper-container .swiper-slide-active::before {
    width: 0;
    transition-delay: .3s;
}
.b-slider--holder .b-store--content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    text-shadow: #000 0.06rem 0 0.25rem;
}
.featured-arrows .site-button {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 70px;
    padding: 0;
    line-height: 10px;
    background-color: #fff;
    pointer-events: auto;
    margin: 0;
    transform: translate(0, -50%);
    box-shadow: 1px 1px 22px -7px rgb(0 0 0 / 25%);
}
.b-slider--holder .swiper-wrapper {
    overflow: hidden;
}
.svg-play {
    transform: translateX(2px);
}
.news-columns {
    position: relative;
    background: #fff;
    border-top: solid 1px #979797;
}
.news-columns .w-header--title {
    font-size: 30px;
}
.news-columns .new-column {
    padding: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    height: 100%;
    cursor: pointer;
}
.news-columns .new-column .news-header {
    flex: 1;
}
.new-column .little {
    color: #000c7d;
    margin-bottom: 10px;
    font-size: 17px;
    display: inline-flex;
}
.new-column .line {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #222;
    transition: all .6s cubic-bezier(.25,.8,.25,1);
}
.new-column .b-title  {
    margin-bottom: 20px;
}
.new-column p {
    font-size: 17px;
    margin-bottom: 30px;
}
.new-column .news-img {
    height: 250px;
    overflow: hidden;
}
.new-column .news-img img {
    transition: all .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.product-thumb {
    height: 100%;
}
.property__link {
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
    height: 100%;
}
.section-archive .property__link {
    padding: 30px 50px;
}
.cell .property__link {
    padding: 35px 50px;
}
.property__link .img {
    flex: 0 0 auto;
    display: flex;
    height: 150px;
}
.img-wrap.property__img {
    width: 100%;
}
.property__link, .property__link:hover {
    transition: all .5s cubic-bezier(.165,.84,.44,1);
    transition-property: transform,box-shadow;
}
.dark .property__link {
    background-color: #eee;
}
.property__title {
    padding-top: 15px;
    position: relative;
}
.product-thumb img {
    display: block;
    object-fit: contain;
    max-width: 250px;
    margin: 0 auto;
    transition: all 1s cubic-bezier(.25,.8,.25,1);
}
.product-thumb img.shadow-img {
    position: relative;
    flex: 0;
}
.swiper-slide {
    height: auto;
}
.b-meta {
    margin-top: 15px;
}
.b-meta-img {
    opacity: 0.7;
    display: inline-flex;
}
.b-meta-icon {
    display: inline-flex;
}
.b-meta-icon svg {
    width: 17px;
    height: 17px;
}
.b-meta-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.b-meta-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 7px;
}
.b-meta-item:last-child {
    margin-bottom: 0;
}
.g-meta {
    display: flex;
    flex-direction: column;
}
.g-meta .g-meta--text {
    margin-bottom: 10px;
}
.g-meta .g-meta--text:last-child {
    margin-bottom: 0;
}
.c-title__tagline {
    max-width: 300px;
}
.pagination {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}
.pagination li span, .pagination li a {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 1px;
    line-height: 60px;
    text-align: center;
    background-color: #eee;
    transition: all 0.3s ease-in-out;
}
.pagination li span, .pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li span.current, .pagination li a:hover {
    background-color: #000c7d;
    color: #fff;
}
.pagination li a:hover svg g {
    stroke: #fff;
}
.pagination li svg {
    width: 15px;
    height: 15px;
}
.pagination li svg g {
    stroke: #000c7d;
}
#page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
}
#page-transition .grid {
    height: 100%;
}
.logo-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
    z-index: 10;
    margin-right: 0;
    display: block;
    transform: translate(-50%,-50%);
    display: flex;
}
.logo-loader .logo-img {
    width: 220px;
    height: 220px;
    object-fit: contain;
}
.logo-loader .logo-img {
    animation: loader .8s infinite alternate;
}
@-moz-keyframes loader{0%{opacity:.2;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes loader{0%{opacity:.2;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}@keyframes loader{0%{opacity:.2;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}
#page-transition .loder-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
}
.back--btn .gutter {
    position: relative;
    padding-bottom: 50px;
}
.footer .top .ds-flex {
    position: relative;
}
.back-to-top {
    width: 28px;
    height: 40px;
}
.vertical-writing {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.back-to-top .icon {
    width: 100%;
    height: 100%;
}
.h-text ul li {
    position: relative;
}
.h-text ul li:before {
    content: '';
    position: absolute;
    top: 11px;
    width: 5px;
    height: 2px;
    background-color: #000c7d;
}
.max-400 {
    max-width: 400px;
    margin: 0 auto;
}
.text-content table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-collapse: collapse;
    border-spacing: 0;

}
.text-content table tr td {
    width: auto;
    min-width: 150px;
    text-align: right;
    max-width: 150px;
}