@font-face {
	font-family: 'Material Design Icons';
	src: url('../fonts/materialdesignicons-webfont.eot?v=6.9.96');
	src: url('../fonts/materialdesignicons-webfont.eot?#iefix&v=6.9.96')
			format('embedded-opentype'),
		url('../fonts/materialdesignicons-webfont.woff2?v=6.9.96') format('woff2'),
		url('../fonts/materialdesignicons-webfont.woff?v=6.9.96') format('woff'),
		url('../fonts/materialdesignicons-webfont.ttf?v=6.9.96') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'gilroyextrabold';
    src: url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}
@font-face {
    font-family: 'gilroysemibold';
    src: url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}



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

}




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

}


body {
	font-family: 'gilroyregular', sans-serif;
	color: #0E1923;
	background-color:#F0F0F5;
	font-size:20px;
}
body.single-service{
	background-color:#fff;
}
@media (min-width: 1630px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
}
}
header{
	background-color: #0E1923;
	padding:40px 20px;
}
.visible-mobile {
    display: block;
}
img{
	width: 100%;
    height: auto;
    max-width: 100%;
}
h1,h2,h3,h4{
	font-family: 'gilroyextrabold';
}
/*Menu*/
.topmenu li{
	font-family: 'gilroymedium', sans-serif;
}
.topmenu li a{
	color:#fff;
	height:50px;
	position: relative;
}

.topmenu li a:hover{
	color:#3DC880;
}

.topmenu li.current-menu-item a{
	color:#3DC880;
	font-family: 'gilroyextrabold', sans-serif;
}
.btn-style a span:nth-child(2){
	padding-left:5px;
}
.topmenu li.btn-style a{
	color: #0E1923;
    background: #3DC880;
    border-radius: 38px;
    padding: 13px 30px;
	display:flex;
	text-transform: none;
	font-family: 'gilroysemibold', sans-serif;
	transition:background .3s ease-in-out;
}
.topmenu li.btn-style a:hover{
	background:#fff;
}
.topmenu li.btn-style.current-menu-item a{
	color:#0E1923;
	font-family: 'gilroyextrabold', sans-serif;
}
.topmenu li.menu-item-has-children a{
	position:relative;
	padding-right:15px;
}
.topmenu li.menu-item-has-children > a:before{
	content:"+";
	display:block;
	position:absolute;
	right:0;
	color:#3DC880;
	font-family: 'gilroyextrabold', sans-serif;
	font-size: 21px;
    line-height: 24px;
}
.menu-item > .sub-menu {
    display: block;
    padding: 0;
    background: #0E1923;
    list-style: none;
	padding:20px;


}
.menu-item:hover .sub-menu {
	display: block;
}
.menu-item > .sub-menu .sub-menu{
	display:none;
}

.menu-item > .sub-menu > li a{
	color:#fff;
	font-family: 'gilroymedium', sans-serif;
	font-size: 16px;
    line-height: 24px;
	text-transform: none;
}
.menu-item > .sub-menu > li.submenu-icon > a{
	padding: 15px 10px 15px 0;
    position: relative;
    display: flex;
    line-height: 29px;
	margin-right:40px;
	z-index: 1;
}
.menu-item > .sub-menu > li.submenu-icon > a:hover{
	color:#707070;
}
.menu-item > .sub-menu > li.submenu-icon > a:after{
	content:"";
	width:60px;
	height:1px;
	position: absolute;
	bottom:0;
	left:50px;
	display:block;
	background-color: #707070;
}
.menu-item > .sub-menu > li.submenu-icon > a > span{
	background-size: contain;
	width:30px;
	height: 30px;
	display:block;
	background-repeat: no-repeat;
	margin-right:20px;
}
.menu-item > .sub-menu > li.submenu-icon > a >span.fs-icon{
	background-image: url(../images/financial_services_header.svg);
}
.menu-item > .sub-menu > li.submenu-icon > a >span.ls-icon{
	background-image: url(../images/life_sciences_header.svg);
}
.menu-item > .sub-menu  .sub-menu li a{
	color:#3DC880;
	font-family: 'gilroymedium', sans-serif;
	font-size: 14px;
    line-height: 24px;
}
.menu-item > .sub-menu  .sub-menu li a:hover{
	color:#5C70FF;
}
.menu-item > .sub-menu > li.submenu-icon > a:before{
	display:none;
}
.menu-item > .sub-menu > li.submenu-icon > a > span.arrow-icon{

	width:24px;
	height: 24px;
	display:block;
	background-image: url(../images/arrow_up.svg);
	background-repeat:no-repeat;
	background-size: contain;
	top:16px;
	position: absolute;
	right:-40px;
	z-index:2;
}
.icon-menu{
	content:"";
	display:block;
	height:24px;
	width:24px;
	background-size: contain;
	background-repeat: no-repeat;
}
.icon-contact{
	background-image:url(../images/icon-contact-black.svg) ;
}
.icon-search{
	background-image:url(../images/icon-search-black.svg) ;
}
/*Search*/
.arrayosite .searchwp-modal-form-default .searchwp-modal-form__close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #3DC880;
	font-size: 38px;
}
.arrayosite .searchwp-modal-form-default .searchwp-modal-form__overlay {
	background: #f2f2f2;

	background-image: url('../images/wave-bg.svg');
	background-size: cover;
	background-position: center;
}
.arrayosite .searchwp-modal-form-default .searchwp-modal-form__content {
	background: transparent;
	max-width: 900px;
	margin: auto;
}
.arrayosite .searchwp-modal-form__content form.searchform input[type='text'] {
	border: 0;
	background: 0 0;
	font-family: inherit;
	font-size: 4vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 0.1em;
	border-bottom: 1px solid rgba(112, 112, 112, 0.15);
	outline: 0;
	color: #0E1923;
}
.arrayosite .searchwp-modal-form__content form.searchform input[type='submit'] {
	display: none;
}
.arrayosite .searchwp-modal-form__content .help {
	font-size: 90%;
	font-weight: 700;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
	color: #3DC880;
}
.arrayosite .searchwp-modal-form__content ::-webkit-input-placeholder {
	/* Edge */
	opacity: 0.3;
}

.arrayosite .searchwp-modal-form__content :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	opacity: 0.3;
}

.arrayosite .searchwp-modal-form__content ::placeholder {
	opacity: 0.3;
}
/*Header Slide/Top*/
.header-slide{
	min-height: 400px;
	background-image: url("../images/header-bg.svg");
	background-size: auto;
	background-position: bottom;
	padding:150px 0 300px 0;
	color:#fff;
	font-size:20px;
	position: relative;
}
.header-slide.contact-slide{
	padding:150px 0 100px 0;
}
.header-title{
	min-height: 310px;
	position: relative;
	z-index: 1;
}
.header-title h1{
	font-family: 'gilroyextrabold';
	font-size:45px;
	line-height: 1em;
	color:#F2F2F7;
	text-transform: uppercase;
	position:relative;

}
.header-title.normal-title h1 {
	text-transform: none;
	font-size:38px;
	line-height: 0.9em;
}
.header-title h1 > span{
	color:#5C70FF;
}
.header-title.with-icon h1{
padding-left:70px;
}
.header-title.with-icon h1:before {
    content: '';
    display: block;
    background-image: url(../images/circle-title-white.svg);
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 0px;
}
.header-title.with-icon > p{
    padding-left: 70px;
}
@media screen and (max-width:480px){
	.header-title.with-icon > p{
		padding-left: 40px;
	}
	body{
		overflow-x: hidden;
		
	}
	div:has(.aos-init){
		overflow-x: hidden;
	}
	.aos-init{
		overflow: hidden;
	}
}
.header-title .header-date{
	font-size: 18px;
	font-family: 'gilroyextrabold';
	color: #5c70ff;
}
.header-title .header-apply{
	margin-top:20px;
}
.header-title .header-apply p{
	font-size: 18px;
	font-family: 'gilroyextrabold';
	color: #5c70ff;
}
.mask-blow {
	-webkit-mask-image: url("../images/header-bg-mask.png");
	mask-image: url("../images/header-bg-mask.png");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;    
	position:absolute;
	top: -50px;
	right: 0;
	width: 900px;
	mask-size: contain;
	-webkit-mask-size: contain;
  }
.position-relative{
	position:relative;
}
.mask-mask{
	position:absolute;
	right:0;
	top:-290px;
}
.mask-mask > svg{
	width:900px;
}
.mask-mask > svg > image{
	width:auto;
}
.mask-mask > svg#circle-svg, .mask-mask > svg#circle-path{
	position:absolute;
}
.mask-mask > svg#circle-svg{
	top:40px;
	z-index:2;
}
/*Buttons*/
.btn{
	display: inline-block;
    font-family: 'gilroyextrabold';
    line-height: 1.5;
    color: #0E1923;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 15px 50px;
    font-size: 12px;
    border-radius: 30px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: uppercase;
}
.btn-primary{
	color: #0E1923;
    background-color: transparent;
    border-color: #0E1923;
	transition:all .3s;
}
.btn-primary:hover{
	color: #fff;
    background-color:  #0E1923;
    border-color: #0E1923;
}
.btn-secondary{
	color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.btn-secondary:hover{
	color: #0E1923;
    background-color:  #fff;
    border-color: #0E1923;
}

.btn-green{
	color: #0E1923;
    background-color: #3EC880;
    border-color: #0E1923;
	transition:all .3s;
	font-size: 18px;
}
.btn-green:hover{
	color: #fff;
    background-color:  #0E1923;
    border-color: #0E1923;
}
/*Boxes*/
.box{

}
.box.style-1, .box.style-4{
	padding-left:70px;
}
.box.style-1 > .title, .title.title-decoupleted{
	position:relative;
	font-size: 40px;
	line-height: 49px;
	text-transform: uppercase;
}
.box.style-1 > .title:before, .title.title-decoupleted:before{
	content:'';
	display:block;
	background-image:url("../images/circle-title.svg");
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-size: contain;
	position:absolute;
	top:8px;
	left:-45px;
}
.box.style-1 .description{
	max-width: 650px;
}
.box.style-1 > .action{
	margin-top:30px;
}
.box.style-2{
	padding-top:100px;
}
.box.style-2 > h2{
	position:relative;
	font-size: 40px;
	line-height: 49px;
}

.box.style-2 .description{

}
.box.style-2 > .action{
	margin-top:30px;
}
.box.style-3{
	color:#fff;
	text-align: center;
}
.box.style-3 h3{
	color: #5c70ff;
	padding:30px 0;
}
.box.style-3 p{
	margin-top:30px;
}
.box-mask{
	background-color:#0E1923;
	margin:100px 0;
	padding:50px 0 30px 0;
	position: relative;
}
.box-mask.mask-blue{
	background-color:#0817C8;
}
.box-mask.box-mask-custom{
	margin:140px 0;
}
.box-mask.box-custom-top:before{
	background-color:#0E1923;
	content:'';
	display:block;
	position:absolute;
	top:-140px;
	width:100%;
	height:140px;
	background-position-y: top;
	background-repeat: no-repeat;
	-webkit-mask-image: url("../images/box_bg_bk.svg");
    mask-image: url("../images/box_bg_bk.svg");
	-webkit-mask-repeat: no-repeat;
  
	mask-repeat: no-repeat;
   
}
.box-mask.box-custom-bottom:after{
	background-color:#0E1923;
	content:'';
	display:block;
	position:absolute;
	bottom:-140px;
	width:100%;
	height: 140px;
	transform: rotate(180deg);
	background-position-y: top;
	background-repeat: no-repeat;
	-webkit-mask-image: url("../images/box_bg_bk.svg");
    mask-image: url("../images/box_bg_bk.svg");
	-webkit-mask-repeat: no-repeat;

	mask-repeat: no-repeat;

}
.box-mask.box-mask-top:before{
	content:'';
	display:block;
	position:absolute;
	top:-200px;
	width:100%;
	height: 200px;
	background-image:url("../images/box_bg.svg");
	background-position-y: top;
	background-repeat: no-repeat;
}
.box-mask.box-mask-bottom:after{
	content:'';
	display:block;
	position:absolute;
	bottom:-200px;
	width:100%;
	height: 200px;
	transform: rotate(180deg);
	background-image:url("../images/box_bg.svg");
	background-position-y: top;
	background-repeat: no-repeat;
}
.box-mask.box-mask-top:before path{
	fill:red;
}
.box-mask.mask-blue.box-mask-top:before, .box-mask.mask-blue.box-mask-bottom:after{
	background-image:url("../images/box_bg-blue.svg");
}
.bg-top-white:before, .bg-bottom-white:after{
	background-color: #fff!important;
}
.bg-top-gry:before, .bg-bottom-gry:after{
	background-color: #F0F0F5!important;
}
.bg-top-blue:before, .bg-bottom-blue:after{
	background-color: #0817C8!important;
}
.bg-top-black:before, .bg-bottom-black:after{
	background-color: #0E1923!important;
}


.box-mask .box.style-1{
	color:#F0F0F5;
}
.box-mask .box.style-1 > .title:before{
	background-image:url("../images/circle-title-white.svg");
}
.box-mask .box.style-1 .description{
	max-width: 700px;
	
}
.box-mask.box-reverse{
	background:#F0F0F5;
}
.box-mask.box-reverse:before, .box-mask.box-reverse:after{
	background:transparent;
	background-image: none;
}
.box-mask.box-reverse .box.style-1{
	color:#0E1923;
}
.box-mask.box-reverse .box.style-1 > .title:before{
	background-image:url("../images/circle-title.svg");
}

.gry-bg{
	background-color:#F0F0F5;
	margin-bottom:100px;
	padding-bottom:30px;
	position: relative;
	
}

.gry-bg:after{
	content:'';
	display:block;
	position:absolute;
	bottom:-200px;
	width:100%;
	height: 200px;
	transform: rotate(180deg);
	background-image:url("../images/gray-bottom-bg.svg");
	background-position-y: top;
	background-repeat: no-repeat;
	background-color:#fff;
}
.items-style{
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.items-style.big-items{
	flex-wrap: wrap!important;
	flex-direction: column!important;
}
.items-style .item{
	width:100%;
	padding:10px 40px;
	text-align: center;
}
.items-style .line-1{
	font-family: 'gilroyextrabold';
	font-size: 62px;
}
.items-style .line-2{
	font-size: 16px;
	
}
.services-box .service{
padding-top:30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.services-box .service .service-title{
	display:flex;
}
.services-box .service .service-title h3{
	font-size: 35px;
    display: block;
    padding: 15px;
    border: 1px solid #333;
    border-radius: 20px;
    line-height: 62px;
    margin: 0;
    margin-left: 7px;
}
.services-box .service .service-icon {
	display: flex;
    padding: 15px;
    border: 1px solid #333;
    border-radius: 20px;
}
.services-box .service .service-icon img {
	width:60px;
	height: 60px;
}
.services-box .service .service-description{
	padding-left:95px;
	padding-top:20px;
	padding-right:10px;
}
.skills-style{
	display:flex;
	gap:20px;
	flex-direction: column;
	flex-wrap: wrap;
}
.skill{
	display:flex;
	width:100%;
	max-width:400px;
	padding-top:20px;
	padding-right:20px;
}
.skill-icon{
	padding-right:25px;
}
.skill-icon img{
	width:70px;
	height:70px
}
.skill-desc{
	width:300px;
	display: flex;
    flex-direction: column;
}
.skill-desc > *{
	flex:1 1 120px;
}
.skill-desc > div.description{
	
	font-size:16px;
}
/*Resources Box*/
.load-resources .load-more-item{
	display:none;
}
.resources-section{
	background-color:#F0F0F5;
	position: relative;
	display:block;
	background-image:url("../images/resources-bg.svg"), url("../images/resources-bg.svg");
	background-position:bottom 1em left -20em, top 5em right -35em;
	background-size:clamp(100px, 60%, 1462px) clamp(100px, 60%, 1462px);
	background-attachment: local, local;
	background-repeat: no-repeat;
	
}

.resources-section.resources-reverse{
	background-color:#fff;
	padding-top:100px;
	padding-bottom:100px;
	
}
.resources-box{
	margin-top:30px;
	
}
@media screen and (max-width:480px){
	.resources-box{
		margin-bottom:45px;
	}
	.skill-desc > *{
		flex:1 1 100%;
	}
}
.resources-box .slide-item {
    display: flex;
    margin-bottom: 20px;
	width: 100%;
}
.resources-box .slide-item > a{
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    position: relative;
	text-decoration: none;
	color:#0E1923;
}
.resources-box .slide-item .slide-item-img {
    width: 320px;
    min-height: 220px;
	height: 100%;
	max-height: 80%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    border-radius: 15px;
    position: absolute;
    z-index: 2;
	transition:all .4s;
	transform:scale(1);
}
.resources-box .slide-item:hover .slide-item-img {
	transform:scale(1.07);
}
.resources-box .slide-item .slide-item-desc {
	width: 100%;
    height: 300px;
    margin-left: 160px;
}
.resources-box .slide-item .slide-item-desc>.back-style {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 41px;
    width: 95%;
    padding-left: 180px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	transition:all .4s ease-in-out;
}
.resources-reverse .resources-box .slide-item .slide-item-desc>.back-style{
	background:#F5F8FF;
}
.back-style:hover{
	box-shadow: 6px 7px 15px rgba(0,0,0,0.2);
}
.resources-box .slide-item .slide-top{
	display:flex;
	justify-content: space-between;

}
.resources-box .slide-item .slide-top > div{
	width:48%;
}
.resources-box .slide-item .slide-date{
	display:inline-block;
	/*border:1px solid #0E1923;*/
	padding:6px 0px;
	border-radius:5px;
	font-size: 13px;
	font-family: 'gilroyextrabold';
	text-align: left;
	background:#fff;
}
.resources-box .slide-item .slide-industry{
	position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
}
.resources-box .slide-item .slide-industry >span{
	display:block;
	border:1px solid #3DC880;
	background:#3DC880;
	color:#fff;
	text-transform: uppercase;
	padding:5px 5px;
	border-radius:5px;
	font-size: 14px;
	font-family: 'gilroyextrabold';
	text-align: center;
	margin-bottom:5px;

}
.resources-box .slide-item .slide-town{
	display:inline-block;
	border:1px solid #0817C8;
	background:#0817C8;
	color:#fff;
	text-transform: uppercase;
	padding:5px 5px;
	border-radius:5px;
	font-size: 14px;
	font-family: 'gilroyextrabold';
	text-align: center;
}
.resources-box .slide-item .slide-space{
	height:20px;
	display:block;
	position:relative;
}
.resources-box .slide-item .slide-space.with-line:after{
	content:"";
	display:block;
	height:1px;
	width:150px;
	background-color:#0E1923;
	position: absolute;
	bottom:0;
}
.resources-box .slide-item h4{
	color:#9A7FFF;
}
.resources-box .slide-item .slide-description{
	font-family: 'gilroyregular';
	font-size: 14px;
	line-height: 16px;
}
.resources-box .slide-item .slide-more{
	font-size: 16px;
	font-family: 'gilroymedium';
	position:relative;
	padding-right:50px;
	width:fit-content;
	margin-top:10px;
}
.resources-box .slide-item .slide-more:after{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background-image: url("../images/icon-more.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
	transition:all .4s;
}
.resources-box .slide-item .slide-more:hover:after{
	right:-10px;
}
/*Footer*/
.footer{
	background-color:#0817C8;
	color:#fff;
	margin:100px 0 0 0;
	padding:50px 0 0px 0;
	position: relative;
}
.footer a{
	color:#fff;
	transition:color .3s;
	position: relative;
}
.footer a:hover{
	color: #9A7FFF;
}
.footer .footer-menu a{
	padding:5px 0px;
}
.footer .footer-menu a:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background-color: #9A7FFF;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}
.footer .footer-menu a:hover:before{
	transform-origin: left;
	transform: scaleX(1);
}
.footer h3{
	font-size:36px;
}
.footer .spacer-line{
	display:block;
	height:1px;
	width:100%;
	background-color: #fff;
	margin-top:40px;
	margin-bottom:40px;
	content:"";
}
.footer:before{
	content:'';
	display:block;
	position:absolute;
	top:-200px;
	width:100%;
	height: 200px;
	background-image:url("../images/box_bg_footer.svg");
	background-position-y: top;
	background-repeat: no-repeat;
}
.social-footer{
	display:flex;
	justify-content: space-between;
    align-items: center;
    align-content: center;
    max-width: 300px;
}
a.social-box{
	width:40px;
	height: 40px;
	padding:5px;
	display:block;
}

.social-icon{
	display:block;
	width:60px;
	height: 40px;
	background-size: contain;
	background-repeat:no-repeat;
	transition:background .3s;
}
.icon-facebook{
	background-image: url('../images/icon-facebook.svg');
}
.icon-medium{
	background-image: url('../images/icon-medium.svg');
}
.icon-instagram{
	background-image: url('../images/icon-instagram.svg');
}
.icon-tweet{
	background-image: url('../images/icon-tweet.svg');
}
.icon-linkedin{
	background-image: url('../images/icon-linkedin.svg');
}
a.social-box:hover .icon-facebook{
	background-image: url('../images/icon-facebook-black.svg');
}
a.social-box:hover .icon-tweet{
	background-image: url('../images/icon-tweet-black.svg');
}
a.social-box:hover .icon-linkedin{
	background-image: url('../images/icon-linkedin-black.svg');
}
a.social-box:hover .icon-medium{
	background-image: url('../images/icon-medium-black.svg');
}
a.social-box:hover .icon-instagram{
	background-image: url('../images/icon-instagram-black.svg');
}
.footer-slogan > span{
	display:block;
	font-family: 'gilroymedium';
}
.address-footer{
	display:flex;
	align-items:flex-start;
	font-family: 'gilroymedium';
	font-size: 20px;
	line-height: 24px;
}
.address-footer > div{
	width:50%;
}
.links-footer ul{
	text-align: right;
	list-style: none;
}
.links-footer li{
	display:inline-block;
	border-right:1px solid #fff;
	padding:0 10px;
}
.links-footer a{
	text-decoration:none;
	display:inline-block;
	padding:0px 10px;
	
}
.links-footer li:last-child{
	border:0;
}
/*Social share*/
.social-share{
	display: inline-flex;
    padding: 10px 30px;
    border: 1px solid #707070;
    border-radius: 20px;
    align-items: center;
	margin:30px 0;
}
.social-share .caption{
	max-width: 85px;
    text-align: center;
	line-height: 20px;
}
.social-share .separator{
	width: 1px;
    height: 50px;
    background: #707070;
    margin: 0 30px;
}
.social-share ul{
	display:flex;
	list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
    justify-content: space-between;
}
.social-share ul li{

}

.social-share ul li a .social-icon{
	transition:background-image .4s ease-in-out;
}
.social-icon {
	display: block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.social-facebook {
	background-image: url('../images/facebook-share.svg');
}
.social-twitter {
	background-image: url('../images/tweet-share.svg');
}
.social-linkedin {
	background-image: url('../images/linkedin-share.svg');
}
.social-share ul li a:hover .social-facebook {
	background-image: url('../images/facebook-share-blue.svg');
}
.social-share ul li a:hover .social-twitter {
	background-image: url('../images/tweet-share-blue.svg');
}
.social-share ul li a:hover .social-linkedin {
	background-image: url('../images/linkedin-share-blue.svg');
}
.vertical-share{
	margin-bottom:5px;
}
/*About Page*/
.image-absolute{
	position: relative;
    margin: 10px 0;
    display: flex;
    height: 100%;
}
.image-absolute .page-featured-image{
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
    width: 100%;
    height: 450px;
    display: flex;
    border-radius: 28px;
}
.box-mask .image-absolute .page-featured-image{
	height:700px;
	top:50%;
	transform:translateY(-50%);
	z-index: 1;
}
.box.style-1 > .subtitle{
	padding: 10px 0;
    background-color: #5C70FF;
    color: #fff;
    display: inline-flex;
    position: relative;
	margin-bottom:10px;

}
.box.style-1 > .subtitle:before{
	content: "";
    display: block;
    height: 100%;
    width: 45px;
    left: -45px;
    position: absolute;
    top: 0;
    background-color: #5C70FF;
    border-radius: 50px 0 0 50px;
}
.box.style-1 > .subtitle:after{
	content: "";
    display: block;
    height: 100%;
    width: 45px;
    right: -45px;
    position: absolute;
    top: 0;
    background-color: #5C70FF;
    border-radius: 0 50px 50px 0;
}
.item-nr{
	border:1px solid #0E1923;
	border-radius:20px;
	padding:30px;
	margin:20px 0;
	display:block;
	align-items: center;
	gap:50px;
}
.item-reverse{
	flex-direction: row-reverse;
}
.item-nr > div{
	
}

.item-nr .nr-box {
    padding: 30px 10px;
    height: 200px;
    background: #3DC880;
    border-radius: 20px;
    color: #fff;
    display: block;
    text-wrap: nowrap;
    text-align: center;
}
/*Team Item*/
.team-items{
	display:flex;
	gap:30px;
	flex-wrap: wrap;
	margin:20px 0;
}
.team-item{
	width:100%;
	border: 1px solid #0E1923;
    border-radius: 20px;
    padding: 30px;
	text-align: center;
}
.team-item .circular-avatar{
	width:160px;
	height:160px;
	border-radius:100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom:10px;
	display: inline-block;
}
.team-item .team-list-title{
	font-family: 'gilroyextrabold';
}
.team-item .team-list-position{
	font-size:14px;
}
.filter-box{
	margin:30px 50px;
	display:flex;
}
.filter-item ul{
	list-style: none;
	display: inline-flex;
	gap:20px;
}
.filter-wrap{
	display:inline-flex;
	gap:20px;
}
.filter-item ul li{

}
.btn-filter{
	border:0;
	padding-right:20px;
	position: relative;
	background:transparent;
}
.btn-filter:after{
	content:"+";
	display:block;
	font-size: 22px;
	font-family: 'gilroyextrabold';
	color:#3DC880;
	position:absolute;
	right:-5px;
	top:50%;
	transform:translateY(-50%);

}
.arrayo-dropdown:before
        {
            content: attr(data-title);
            display: block;
            margin-bottom: .625rem;
        }
.arrayo-dropdown .arrayo-filter
        {
            padding: 0 60px 0 10px;
            position: relative;
            display: block;
            width: 100%;
            text-overflow: ellipsis;
            height: 2.25rem;
            text-align: center;
           text-transform: capitalize;
		   z-index:3;
        }
		@media screen and (min-width:480px){
.arrayo-dropdown .arrayo-filter:hover ul
        {
            visibility: visible;
            opacity: 1
        }
	}
.arrayo-dropdown .arrayo-filter-caption
        {
            line-height: 2.25rem;
            cursor: pointer
        }
.arrayo-dropdown .arrayo-filter-single
        {
            line-height: 2.25rem;
            cursor: pointer;
			font-family: 'gilroyextrabold';
        }
.arrayo-dropdown .arrayo-filter-caption:after
        {
			color:#3DC880;
            content: '+';
            position: absolute;
            top: 0;
            right: 1.125rem;
            bottom: 0;
            margin: auto 0;
            display: inline-block;
			font-family: 'gilroyextrabold';
			font-size: 22px;
            
        }
.arrayo-dropdown ul {
    position: absolute;
	z-index:2;
    left: 0;
    width: 180px;
    top: 2.25rem;
    padding: 0;
    z-index: 1;
    display: block;
    list-style: none;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 9px 13px 0 rgba(84, 84, 84, .2);
}
.arrayo-dropdown ul li
{
	padding: .75rem;
	cursor: pointer
}
.arrayo-dropdown ul li:hover
{
	background-color: #3DC880;
	color: #fff
}
.office-row{
	display: flex;
    gap: 25px;
    color: #fff;
    flex-wrap: wrap;
	padding:12px 0;
}

.office-row > div{
	border:1px solid #F0F0F5;
	border-radius:20px;
	flex:1 1 auto;
	min-height: 300px;
	animation-name: scale-out;
    animation-duration: 2s;
	background-size: 100% auto;
	-webkit-background-size: 100%;
}
.office-row > div:hover{
	background-size: 105% auto;
	-webkit-background-size: 105%;
    animation-name: scale-in;
    animation-duration: 2s;
}
.office-image{
	background-size: cover;
	background-repeat: no-repeat;
	
}
.office-address{
	padding:30px;
	display:flex;
	align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.transparent-border{
	border-color:transparent!important;
}
.center-focus{
	display:flex;
	justify-content: center;
    align-items: center;
}
.center-focus > div{
	max-width:230px ;
}
.variable-height{
	height:300px;
}
.office-desc{
	padding:30px;
	display:flex;
	align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
/*Service Custom*/
.pre-header{
	font-family: 'gilroyextrabold';
	font-size:40px;
	color:#5C70FF;
	text-transform: uppercase;

}
.header-type{
	background: #7448FF;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 18px;
	color:#fff;
	margin:0 10px;
	font-family: 'gilroymedium';
	text-transform: uppercase;
}
.tag-pills{
	display:flex;
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid #ddd;

}
.tag-pill{
	background: #3DC880;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 18px;
	color:#fff;
	margin:0 10px;
	font-family: 'gilroymedium';
	text-transform: uppercase;
}
.tag-pill a{
	text-decoration: none;
	color:#fff;
}
.pre-title{
	background: #7448FF;
    padding: 20px 25px;
    border-radius: 20px;
    font-size: 22px;
    display: inline-block;
    margin-bottom: 20px;
}
.service-title-icon{
	width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
}
.service-title {
	display:flex;
	gap:10px;
}
.service-title > div{
	border:1px solid #F0F0F5;
	padding:20px;
	border-radius:20px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-title .service-title{
	font-size: 12px;
	text-transform: uppercase;
}
.header-title .service-title h1{
	text-transform: none;
	line-height: 0.8em;
}
.header-title .service-title p{
	margin-bottom:0;
}
.service-row{
	display: flex;
    flex-wrap: wrap;
	padding:12px 0;
	flex-direction: column;
	position: relative;
}

.service-row > div{
	border-radius:20px;
	flex:1 1 auto;
	min-height: 400px;
}
.service-row .service-image{
	background-size: cover;
	background-repeat: no-repeat;
	
}
.service-row .service-desc{
	padding:30px;
	display:flex;
	align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	position: absolute;
	color:#0E1923;


}
.service-row .service-desc > div{
	background-color: #fff;
	border-radius:20px;
	width: 100%;
	height: 100%;
	min-height: 340px;
	color:#0E1923;
	padding:50px;
}
.service-row .service-desc h3{
	font-family: 'gilroymedium';
}
.service-row.odd .service-desc{
	padding-left:15%;
}
.service-row.even .service-desc{
	padding-right:15%;
}
.link-arrow{
	display: inline-block;
	color:#0E1923;
	font-size: 16px;
	padding:10px 30px 10px 0;
	position: relative;
	border-top:1px solid #1B3228;
	text-decoration: none;

}
.link-arrow:after{
content:"";
width:20px;
height: 20px;
display: block;
background:url('../images/link-arrow.svg') no-repeat;
background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
	transition:all 0.4s;
}
.link-arrow:hover:after{
right:-10px;
}
/*End Service Custom*/

/*Sliders*/
.slider-box-content {
    position: relative;
}
.slider-box-arrow {
	position: relative;
	width: 129px;
	height: 50px;
}
.slider-box-arrow .prev.slick-arrow {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s;
}
.slider-box-arrow .next.slick-arrow {
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.4s;
}
.slider-box-arrow .next.slick-arrow:hover,
.slider-box-arrow .prev.slick-arrow:hover {
	top: 5px;
}
.icon-arrow {
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	cursor: pointer;
}
.icon-left-arrow {
	background-image: url('../images/icon_arrow_left.svg');
}
.icon-right-arrow {
	background-image: url('../images/icon_arrow_right.svg');
}
.box-reverse .icon-left-arrow {
	background-image: url('../images/icon_arrow_left_black.svg');
}
.box-reverse .icon-right-arrow {
	background-image: url('../images/icon_arrow_right_black.svg');
}
.slide-line-item{
	padding:20px;
	border:1px solid #F0F0F5;
	border-radius: 25px;
	position: relative;
}
.box-reverse .slide-line-item{
	border-color:#0E1923;
}
.slide-item-topic{
	padding: 10px 20px;
    border-radius: 0 25px 0 25px;
    color: #fff;
    text-align: center;
    background: #3DC880;
    position: absolute;
    top: -1px;
    right: -1px;
    font-family: 'gilroyextrabold';
    font-size: 16px;
    min-width: 170px;
    display: block!important;
    text-transform: uppercase;
}
.slide-line-item > div{
	display:flex;
	gap:20px;
	align-items: center;
}
.slide-line-item .slide-space{
	height: 20px;
    display: block;
    position: relative;
}
.slide-line-item .slide-space.with-line:after {
    content: "";
    display: block;
    height: 1px;
    width: 150px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
}
.slide-item-date{
	width: 100%;
    max-width: 200px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	align-items: center;
	text-align:center;
}
.slide-item-date .type
	{
		text-transform: uppercase;
		font-size: 28px;
		font-family: 'gilroymedium';
		display: inline-flex;
		flex-wrap: wrap;
		text-align: center;
		line-height: 36px;
	}
	.box-reverse .slide-item-date{
		color:#fff;
		background: #0E1923;
		border-radius:25px;
		height: 150px;
	}
.slide-item-desc{
	width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	align-content: flex-start;
    justify-content: center;
	align-items: flex-start;
	padding:0 20px;
}
.slide-item-desc .title{
	padding-bottom:20px;
	font-family: 'gilroysemibold';
	font-size:25px;
}
.box-reverse .slide-item-desc .title{
	font-family: 'gilroyextrabold';
}

.read-more-white{
	font-size: 16px;
    font-family: 'gilroymedium';
    position: relative;
    padding-right: 30px;
    width: fit-content;
    margin-top: 10px;
	color:#fff;
	text-decoration: none;
	border-top: 1px solid #fff;
    padding-top: 15px;
	
}
.box-reverse .read-more-white{
	border-top-color: #0E1923;
	color: #0E1923;
}
.read-more-white:hover{
	color:#fff;
}
.box-reverse .read-more-white:hover{
	color:#0E1923;
}
.read-more-white:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon-more-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    right: 0;
	transition:all .4s;
}
.box-reverse .read-more-white:after{
	background-image: url(../images/icon-more-black.svg);
}
.read-more-white:hover:after{
	right:-10px
}
.slide-item-img .image{
	width:250px;
	height: 200px;
	border-radius:20px;
	transition:all .4s;
	transform:scale(1);
}
.slide-line-item:hover .slide-item-img .image{
	transform:scale(1.1);
}
.vertical-line{
	width:1px;
	height: 150px;
	background:#fff;
}
.box-reverse .vertical-line{
	background: #0E1923;
}
/*End Sliders*/
.jobs-box .slide-line-item{
	padding:40px;
}
.jobs-box .slide-line-item > div{
	align-items: normal;
}
.jobs-box .slide-item-date{
	border:1px solid #fff;
	border-radius:25px;
}
.jobs-box .slide-line-item .slide-top {
    display: flex;
    justify-content: space-between;
}
.jobs-box .slide-line-item .slide-top > div {
    width:auto;
	min-width:200px;
}
.jobs-box .slide-line-item .slide-town {
    display: inline-block;
    border: 1px solid #0817C8;
    background: #0817C8;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'gilroyextrabold';
    text-align: center;
}
.jobs-box .feature{
	margin-bottom:25px;
	font-size: 14px;;
}
/*Forms*/
.input-field{
	width:100%;
	margin-bottom:15px;
	height: 55px;
	background-color: #F0F0F5;
	border:1px solid #0E1923;
	border-radius:20px;
	padding:15px 20px;
}
.textarea-field{
min-height:250px;
}
/*End Forms*/
.bg-gry{
	background:#F0F0F5;
	color:#0E1923!important;
}
.mask-mask-mobile{
	display:none;
}
.header-text-mobile{
	margin-left:10px;
}
.header-text-mobile div{
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}
.header-text-mobile div > span:first-child{
	font-family: 'gilroyextrabold';
}
.jobs-form-wrap{
display:none;
position:fixed;
z-index: 1000;
top:0;
left:0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.7);
overflow: hidden;
}
.jobs-form-wrap.active{
	display:block;
}
.jobs-form{
	display:flex;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    justify-content: center;

	overflow: auto;
	flex-direction: column;
	padding: 10px;
	background-image: url('../images/bg-apply.svg');
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: left 101%;
	
}
.jobs-form-wrap .jobs-form{
	opacity:0;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition:all  .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
.jobs-form-wrap.active .jobs-form{
	opacity:100%;
}
.jobs-form .input-field{
	background-color: #fff;
}

.jobs-form .close-btn{
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
    display: block;
	width:40px;
	height: 40px;
	background-image: url('../images/close-apply.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
body.no-overflow{
	overflow: hidden;
}
.jobs-form > div{
	max-width:680px;
}
.jobs-form h3{
text-transform: uppercase;
}
.jobs-form h4{
	color:#7448FE;
}
.jobs-form .arrayo-form{
	margin-top:90px;
}
@media screen and (min-width:990px){
	.jobs-form{
		width:550px;
		min-height: 500px;
		height: auto;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		padding:50px 60px;
	}
	.jobs-form > h3{
		max-width:80%;
	}
	.jobs-form .close-btn{
		top:53px;
		right:50px;
	}
}
/*For team Form input file special style*/
.file-job{
	margin-bottom:5px;
}
.your-file-job {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.your-file-job + label {
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
	background-color: #fff;
    padding:12px 20px;
	width: 100%;
	padding-right:50px;
	position: relative;
	

  
}
.your-file-job + label:after{
	content:'';
	display:block;
	position: absolute;
	width:26px;
	height: 34px;
	background-image: url('../images/upload-apply.svg');
	background-repeat: no-repeat;
	background-size: contain;
	right: 10px;
    top: 10px;
}

.your-file-job:focus + label,
.your-file-job.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.your-file-job + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.your-file-job + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: #AAB2D4;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
.your-file-job + label {
    color: #313131;
    border: 1px solid #0E1923;
	border-radius:20px;
}

.your-file-job:focus + label,
.your-file-job.has-focus + label,
.your-file-job + label:hover {
    color: #AAB2D4;
}
.scroll-down{
	position: relative;
    bottom: 0;
    left: 0;
    color: #fff;
    text-decoration: none;
    font-family: 'gilroyextrabold';
    line-height: 24px;
    font-size: 24px;
    padding-left: 40px;
    display: block;
    margin-top: 30px;
}
.scroll-down span{
	font-family: 'gilroymedium';
	display:block;
}
.scroll-down:after{
	content:'';
display:block;
position: absolute;
width:20px;
height:100%;
background-image:url('../images/scroll-down.svg');
background-size:contain;
left: 0;
    top: 0;
    background-repeat: no-repeat;
	animation: shake 4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}


@media screen and (min-width: 780px){
	.visible-mobile {
		display: none;
	}
	.menu-item > .sub-menu {
		display: block;
		padding: 0;
		background: #0E1923;
		list-style: none;
		padding:20px;
		border:1px solid #707070;
		border-radius:10px;
	}
	.menu-item >.sub-menu {
		position: absolute;
		display:none;
		z-index:10;
		left:145px;
		padding:10px 0;
	}
	.menu-item >.sub-menu .sub-menu {
		position: absolute;
		display:none;
		z-index:10;
		left: 98%;
		top: -22%;
		width:400px;
		padding:20px 0;
	}
	.menu-item > .sub-menu > li.submenu-icon{
		padding:5px 20px;
	}

	.menu-item >.sub-menu .sub-menu li a{
		display: inline-block;
		height: 20px;
		line-height: 9px;
		

	}
	.menu-item >.sub-menu > li > .sub-menu.active{
		display:block;
	}

	.box-mask {
		background-color: #0E1923;
		margin: 200px 0;
		padding: 20px 0 20px 0;
		position: relative;
	}
	.footer{
		margin:200px 0 0 0;
	}
	.gry-bg {
		background-color: #F0F0F5;
		margin-bottom: 200px;
		padding-bottom:30px ;
		position: relative;
	}
	.box-mask.box-reverse {
		margin: 300px 0;
	}
	
}
@media screen and (min-width:992px){
	
	.image-absolute .page-featured-image{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index:1;
	}
	.team-item{
		width:48%;
	}
	.vertical-share
	{
		display: flex;
		justify-content: center;
	}
.vertical-share .social-share {
    display: flex;
    padding: 10px 30px;
    border: 1px solid #707070;
    border-radius: 20px;
    margin: 30px 0;
    flex-direction: column;
    align-items: center;
    width: 100px;
}
.vertical-share .social-share .separator {
    width: 50px;
    height: 1px;
    background: #707070;
    margin: 30px 0;
}
.vertical-share .social-share ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
	padding-bottom:30px;
}

}
@media screen and (min-width:1200px){
	.topmenu {
		display: flex;
		position: relative;
	}
	.logo-wrap-mobile{
		display:none;
	}
	.menu-btn {
		display: none;
	}
	.topmenu li {
		padding: 0 25px;
	}
	.topmenu li a {
		display: block;
		font-size: 16px;
		padding: 13px 0px;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
	}

	.topmenu .primary-menu-wrap > ul > li > a:before{
			content: '';
			position: absolute;
			width: 100%;
			height: 4px;
			border-radius: 4px;
			background-color: #3DC880;
			bottom: 5px;
			left: 0;
			transform-origin: right;
			transform: scaleX(0);
			transition: transform .3s ease-in-out;
	}

	.topmenu .primary-menu-wrap > ul > li > a:hover:before{
		transform-origin: left;
			transform: scaleX(1);
	}
	.topmenu li.menu-item-has-children a{
		padding-right:0;
	}
	.topmenu li.btn-style a{
		color: #333;
		background: #3DC880;
		border-radius: 38px;
		padding: 13px 18px;
	}
	menu-item >.sub-menu{
		opacity: 0;
	}
	.menu-item >.sub-menu{
		animation: fadeOutIn 1s;
	}
	.menu-item:hover >.sub-menu{
		animation: fadeInOut 1s;
	}
	.menu-item >.sub-menu .sub-menu{

	}
	.image-absolute{
		position: relative;
		margin: 50px 10px;
	}
	.box.style-1, .box.style-4{
		padding-left:100px;
	}
	.team-item{
		width:22%;
	}
	.item-nr{
		display:flex;
	}
	.item-nr .nr-box{
		padding:30px 50px;

	}
	.variable-height{
		height:500px;
	}
	.skills-style{
		flex-direction: row;
	}
	.skill{
		width:49%;
	}
	.items-style{
		flex-direction: row;
	}
	.items-style .item{
		width:49%;
	}
	
}
@media screen and (min-width:1400px){

	.header-slide{
		padding:150px 0 500px 0;
	}
	.header-slide.contact-slide{
		padding:150px 0 100px 0;
	}
	.header-title h1{
		font-size:70px;
	}
	.header-title.normal-title h1{
		font-size:58px;
	}
	.mask-blow {
		width:1200px;
	}
	.mask-mask{
		top:-175px;
	}
	.mask-mask > svg{
		width:1200px;
	}
	.item-nr .nr-box{
		padding:30px 100px;

	}
	.topmenu li.btn-style a{
		padding: 13px 30px;
	}
	.skills-style{
		flex-wrap: nowrap;
	}
	.skill{
		width:24%;
	}
	.items-style{
		flex-wrap: nowrap;
	}
	.items-style .item{
		width:24%;
	}
}
@media screen and (min-width:2000px){
	.header-slide{
		background-size: cover;
	}
}
@media screen and (max-width:1650px){
	.resources-box .slide-item .slide-item-img {
		width: 250px;

	}
	.resources-box .slide-item .slide-item-desc {
		height:350px;
		margin-left: 70px;
	}
}
@media screen and (max-width:1400px){
	.mask-mask {
		position: absolute;
		right: 0;
		top: -60px;
	}
	.mask-mask > svg {
		width: 900px;
		height: 600px;
	}
	.services-box .service .service-title h3 {
		font-size: 30px;
	}
}
.icon-menu-mobile{
	display:none;
}
.logo-mobile{
	display:none;
}
@media screen and (max-width:1200px){
	/*Start Menu Mobile*/
	
	.logo-wrap img{
		max-width:150px;
	}
	.visible-on-mobile{
		display:inline-block;
	}
	.logo-mobile{
		display:flex;
		background: transparent;
		padding: 20px;
		border-radius: 10px;
	}
	header.header-menu-top{
		z-index:5;
	}
	.topmenu{
		display:none;
	}
	.topmenu{
		position: absolute;
		width: 100%;
		z-index: 10;
		left: 0;
		top: 0;
		background:#0E1923;
		padding: 100px 30px 40px 30px;
		height: 100vh;
		overflow-y: scroll;
	}
	.topmenu ul.nav {
		flex-direction: column;
		align-content: center;
		align-items: start;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	.topmenu li {
		margin: 10px 0;
		width: 100%;
	}

	.icon-menu-mobile{
		display:block;
	}
	.icon-menu-mobile {
		display: block;
		position: absolute;
		left: 15px;
		width: 30px;
		height: 28px;
		top: 15px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.icon-menu-mobile.icon-home {
		background-image: url('../images/home-icon-mobile.svg');
	}
	.icon-menu-mobile.icon-about {
		background-image: url('../images/about-icon-mobile.svg');
	}
	.icon-menu-mobile.icon-services {
		background-image: url('../images/services-icon-mobile.svg');
	}
	.icon-menu-mobile.icon-insights {
		background-image: url('../images/insights-icon-mobile.svg');
	}
	.icon-menu-mobile.icon-careers {
		background-image: url('../images/board-icon-mobile.svg');
	}
	.icon-menu-mobile.icon-contact {
		background-image: url('../images/contact-icon-mobile.svg');
	}
	.icon-menu-mobile.icon-user {
		background-image: url('../images/user-icon-mobile.svg');
	}
	.icon-menu.icon-search {
		background-image: url('../images/search-icon-mobile.svg');
	}
	
	.topmenu li.fill-icon{
		padding-left:0;
	}
	.topmenu li.fill-icon > a{
		padding-left:60px;
	}
	.topmenu .menu-item > a{
		color:#fff;
		font-size: 18px;
		line-height: 28px;
		padding: 15px 15px 10px 0px;
		text-decoration: none;
		position:relative;
	}
	.menu-item > .sub-menu{
		background:transparent;
		display:none!important;

	}
	.menu-item > .sub-menu.active{
		display:block!important;
	}
	.menu-item  > .sub-menu li a {
	
		color: #fff;;
		font-size: 14px;
		line-height: 24px;
	}
	
	.topmenu.active-menu{
		display:block!important;
	}
	.menu-btn {
		width: 50px;
		height: 48px;
		border: 0;
		background: transparent;
		padding: 10px;
		position: relative;
		z-index: 200;
		border-radius:10px;
		border:1px solid transparent;
		transition:all .1s;
		top:-3px;
	}
	.menu-btn.menu-btn-active{
		border:1px solid #fff;
	}
	
	.menu-btn-icon {
		display: block;
		width: 30px;
		height: 25px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	.menu-btn-icon span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #fff;
		border-radius: 5px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out
	}
	
	.menu-btn-icon span:nth-child(1) {
		top: 0;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center
	}
	
	.menu-btn-icon span:nth-child(2) {
		top: 10px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center
	}
	
	.menu-btn-icon span:nth-child(3) {
		top: 20px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		width:55%;
	}
	.menu-btn-icon span:nth-child(3):after{
		content:'+';
		display:block;
		color:#3DC880;
		font-size: 21px;
		font-family: 'gilroyextrabold', sans-serif;
		position: absolute;
		top: -9px;
		line-height: 21px;
		right: -14px;
	}
	
	.menu-btn.menu-btn-active .menu-btn-icon span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0px;
		left: 4px
	}
	
	.menu-btn.menu-btn-active .menu-btn-icon span:nth-child(2) {
		width: 0%;
		opacity: 0
	}
	
	.menu-btn.menu-btn-active .menu-btn-icon span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 22px;
		left: 4px;
		width:100%;
	}
	.menu-btn.menu-btn-active .menu-btn-icon span:nth-child(3):after{
		display:none;
	} 
	.topmenu li.btn-style a {
		
	}
	.topmenu li.btn-style a .icon-menu{
		height: 18px;
		width: 18px;
	}
	.fill-icon > a:before {
		content: '';
		display: block;
		position: absolute;
		background-color: #fff;
		border-radius: 10px 0 0 10px;
		width: 50px;
		height: 100%;
		left: 0;
		top: 0;
	}
	.topmenu li.btn-style.item-search a{
		background: transparent;
		color: #fff;
		border:1px solid #fff;
	}
	/*End Menu Mobile*/
	.resources-section:before{
		display:none;
	}
	.box.style-1 > .action{
		text-align: center;
	}
	.slide-item-date{
		max-width: 100%;
	}
}
@media screen and (max-width:991px){
	.mask-mask-mobile{
		display:block;
		z-index:1;
		position: relative;
	}
	.header-slide{
		overflow: hidden;
	}
	.mask-mask{
		width: 80%;
		overflow: hidden;
		right: -115px;
    	top: 4px;
	}
	.service-row .service-desc{
		position: relative;
		padding-left:0!important;
		padding-right:0!important;
	}
}
@media screen and (max-width:768px){
	.logo-wrap img{
		max-width: 150px!important;
	}
	.resources-box .slide-item > a {
		flex-direction: column;
	}
	.resources-box .slide-item .slide-item-img{
		position: relative;
		width: 100%;
	}
	.resources-box .slide-item .slide-item-desc{
		margin-left:0;
	}
	.resources-box .slide-item .slide-item-desc>.back-style{
		padding-left:41px;
		width:100%;
	}
}
@media screen and (max-width:480px){
	body{
		font-size: 16px;
	}
	.mask-mask{
		width: 80%;
		overflow: hidden;
		right: -20px;
    	top: 35px;
	}
	.services-box .service .service-title h3 {
		font-size: 20px;
    border-radius: 10px;
    line-height: initial;
	}
	.slide-line-item > div{
		display:block;
	}
	.vertical-line {
		width: 100%;
		height: 1px;
		background: #fff;
		margin: 20px 0;
	}
	.slide-item-img .image {
		width: 100%;
		height: 200px;
		border-radius: 20px;
		margin-top: 30px;
	}
	.slide-item-date{
		margin-bottom:20px;
		height:100px;
		margin-top:15px;
	}
	.filter-wrap{
		display:block;
	}
	.box-section > .container{
		padding-left:20px!important;
		padding-right:20px!important;
	}
	.box.style-1 > .title, .title.title-decoupleted{
		font-size: 24px;
		line-height:2rem;
		padding-left: 30px;
	}
	.box.style-1 > .title:before, .title.title-decoupleted:before{
		top:40px;
		left:-30px;
		position: relative;
	}

	.box.style-1, .box.style-4{
		padding-left:0;
	}
	.header-title{
		margin:15px;
	}
	.header-title.with-icon h1 {
		padding-left: 40px;
	}
	.header-title h1{
		font-size:28px;
	}
	.header-title.with-icon h1:before {
		width: 30px;
		height: 30px;
		top: 4px;
		left: 0px;
	}
	.service-title > div {
		border: 1px solid #F0F0F5;
		padding: 9px;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.service-title-icon {
		width: 40px;
		height: 40px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	.services-box .service .service-title {
		
		text-align: center;
		gap: 15px;
	}
	.services-box .service .service-icon img {
		width: 30px;
		height: 30px;
	}
	.services-box .service .service-title h1{
		font-size: 21px;
	}
	.header-title .service-title p{
		font-size: 9px;
	}
	.services-box .service .service-icon {
		display: block;
		padding: 15px;
		border: 1px solid #333;
		border-radius: 10px;
	}
	.services-box .service .service-title h3{
		margin-left:0;
	}
	.services-box .service .service-description{
		padding-left:0;
	}
	.items-style .line-1 {
		font-size: 48px;
	}
	.box-mask .image-absolute .page-featured-image{
		height:450px;
	}
	.box.style-1 > .subtitle{
		padding:10px 25px;
		border-radius:50px;
	}
	.box.style-1 > .subtitle:before, .box.style-1 > .subtitle:after{
		display:none;
	}
	.item-nr .nr-box{
		height:auto;
		margin-bottom:20px;
	}
	.filter-box {
		margin: 0px;
		display: block;
	}
	.filter-item ul {
		
		padding: 0;
	}
	.pre-header{
		font-size: 24px;
	}
	/*Services*/
	.service-row .service-image{
		position: absolute;
		top: 0;
		width: 100%;
	}
	.service-row .service-desc{
		position: relative;
		padding:0;
		margin-top: 150px;
		height: 100%;
	}
	.service-row .service-desc > div{
		padding: 50px 15px;
		margin: 10px;
		width: auto;
	}
	.slider-services.pb-sm-120{
		padding-bottom:20px;
	}
	.slider-services-nav{
		margin-bottom:80px!important;
	}
	.pb-sm-120{
		padding-bottom:120px;
	}
	.links-footer ul{
		text-align: left;
		padding-left:0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.links-footer ul li{
		border-right:0;
		display:block;
	}
	.skill {
		display: flex;
		width: 100%;
		max-width: 400px;
		padding-top: 20px;
		padding-right: 20px;
		flex-direction: column;
		align-items: center;
	}
	.skill-icon {
		padding-right: 0;
	}
	.skill-desc {
		width: 300px;
		text-align: center;
	}
	.resources-box .slide-item{
		margin-top:50px;
		background:#fff;
		border-radius:17px;
		padding:10px;
	}
	.resources-reverse .resources-box .slide-item {
		background:#F5F8FF;
	}
	.resources-box .slide-item > a{
		padding-top:170px;
	}
	.resources-box .slide-item .slide-item-img {
		position: absolute;
		width: 100%;
		top: -40px;
		height: 200px;
	}
	.resources-box .slide-item .slide-item-desc>.back-style{
		padding-left:0;
		padding-right: 0;
	}
	.slider-related-resources .slick-slide, .slider-featured-resources .slick-slide, .slider-all-resources .slick-slide, .slider-jobs .slick-slide, .slider-layout .slick-slide{
		padding:15px;
	}
	.load-resources .load-more-item{
		display: block;
	}
	.load-resources  .loadMore{
		display:none;
	}
	.icon-left-arrow {
		background-image: url('../images/icon_arrow_left_mobile.svg');
	}
	.icon-right-arrow {
		background-image: url('../images/icon_arrow_right_mobile.svg');
	}
	.black-version .icon-left-arrow {
		background-image: url('../images/icon_arrow_left.svg');
	}
	.black-version .icon-right-arrow {
		background-image: url('../images/icon_arrow_right.svg');
	}
	.slider-box-arrow{
		margin:0 auto;
	}
	.footer{
		text-align: center;
	}
	.address-footer{
		flex-direction: column;
    	gap: 20px;
	}
	.address-footer > div{
		width:100%;
	}
	.social-footer{
		margin:0 auto;
	}
	.item-nr .nr-box{
		text-wrap: wrap;
	}
	.slider-numbers.items-style{
		display:block;
	}
	.slider-numbers-nav, .slider-teams-nav{
		position: relative;
		z-index:10;
	}
	.filter-item ul{
		display: flex;
		gap: 0px;
		flex-direction: column;
	}
	.filter-item ul li {
		padding: 10px 0;
		border-bottom: 1px solid #0E1923;
	}
	.arrayo-dropdown .arrayo-filter{
		text-align: left;
		height: auto;
	}
	.arrayo-dropdown ul{
		display:none;
		width: 100%;
		position: relative;
		top:0;
	}
	.arrayo-dropdown .arrayo-filter:hover ul{
		display:block;
	}
	.filter-wrap .arrayo-dropdown{
		border-bottom:1px solid #0E1923;
	}
	.slider-work{
		margin:20px 0;
	}
	
}

/*Effects*/
/*
[data-aos=only-zoom][data-aos=only-zoom]{
	opacity: 0;
}
[data-aos=only-zoom][data-aos=only-zoom].aos-animate {
    opacity: 1;
}
*/

@keyframes scale-in {
    0% {
        background-size: 100% auto;
		-webkit-background-size: 100%;
    }

    100% {
        background-size: 105% auto;
		-webkit-background-size: 105%;
    }

}
@keyframes scale-out {
    0% {
        background-size: 105% auto;
		-webkit-background-size: 105%;
    }

    100% {
        background-size: 100% auto;
		-webkit-background-size: 100%;
    }

}

@keyframes opacityin{
	from {
		opacity:0%;
	}
	to {
		opacity: 100%;
	}
}

@keyframes opacityout{
	from {
		opacity:100%;
	}
	to {
		opacity: 0%;
	}
}
@keyframes zoomInOut{
	0% {
		transform: scale(1) translateX(0%) translateY(0%);
	}
	50% {
		transform: scale(1.1) translateX(0%) translateY(0%);
	}
	100% {
		transform: scale(1) translateX(0%) translateY(0%);
	}

	
}
@keyframes opacitymenu{
	from {
		opacity:0%;
	}
	to {
		opacity: 100%;
	}
}
@keyframes fadeInOut{
	0% {
		opacity:0%;
	}

	100% {
		opacity: 100%;
	}
}
@keyframes fadeOutIn{
	0% {
		opacity:100%;
	}

	100% {
		opacity: 0%;
	}
}
@keyframes shake {
	10%,
	90% {
		transform: translate3d(0, -1px, 0);
	}
	20%,
	80% {
		transform: translate3d(0, 2px, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d( 0,-4px, 0);
	}
	40%,
	60% {
		transform: translate3d( 0,4px, 0);
	}
}

#circle-svg{
	animation: zoomInOut 5s;
	animation-iteration-count: infinite;
	
}

/*Layout Service*/
.layout-asimetric .slider-layout
{
	/*align-items: flex-start;*/
}
.layout-asimetric .slider-layout .col-12{
	margin-bottom:20px;
}
.layout-simetric .slider-layout .col-12{
	margin-bottom:20px;
}
.layout-service-item{
	background:#fff;
	border-radius: 20px;
	padding:30px;
	min-height: 100px;
	height: 100%;
	display: flex;

    width: 100%;
	flex-direction: column;

}
.layout-service-item h4{
	color:#0819C8;
	font-size: 30px;
	margin-bottom: 20px;
}
.layout-service-item .description{
	font-size: 16px;
	overflow: hidden;
}

.layout-image .layout-service-row{
	display: flex;
    flex-wrap: wrap;
	padding:12px 0;
	flex-direction: column;
	position: relative;
}

.layout-image .layout-service-row > div{
	border-radius:20px;
	flex:1 1 auto;
	min-height: 400px;
}
.layout-image .layout-service-row .layout-service-image{
	background-size: cover;
	background-repeat: no-repeat;
	
}
.layout-image .layout-service-row .layout-service-item{
	padding:30px;
	display:flex;
	align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	position: absolute;
	color:#0E1923;
	background: transparent;


}
.layout-image .layout-service-row .layout-service-item > div{
	background-color: #fff;
	border-radius:20px;
	width: 100%;
	/*height: 100%;*/
	min-height: 300px;
	color:#0E1923;
	padding:50px;
}

.layout-image .layout-service-row.odd .layout-service-item{
	padding-left:15%;
}
.layout-image .layout-service-row.even .layout-service-item{
	padding-right:15%;
}
@media screen and (max-width: 991px){
	.layout-image .layout-service-row .layout-service-item {
    position: relative;
    padding-left: 0!important;
    padding-right: 0!important;
}
}
@media screen and (max-width:480px){
	.service-title {
		display: inline-flex;
		gap: 10px;
		flex-wrap: wrap;
	}
}

@media screen and (min-width:1940px){
	.box-mask.box-mask-top:before{
		height:calc(100vh/4);
		top:calc(-100vh/4);
		background-size: cover;
	}
	.box-mask.box-custom-top:before{
		height:calc(100vh/4);
		top:calc(-100vh/4);
		background-size: cover;
		mask-size: cover;
		-webkit-mask-size:cover;
	}
	.box-mask.box-mask-bottom:after{
		height:calc(100vh/4);
		bottom:calc(-100vh/4);
		background-size:cover;
	}
	.box-mask.box-custom-bottom:after{
		height:calc(100vh/4);
		bottom:calc(-100vh/4);
		background-size:cover;
		mask-size: cover;
		-webkit-mask-size:cover;
	}
	.box-mask, .box-mask.box-mask-custom{
		margin:calc(100vh/4) 0;
	}
	.footer:before{
		height:calc(100vh/4);
		top:calc(-100vh/4);
		background-size: cover;
	}
	.gry-bg{
		margin-bottom: calc(100vh/4);
	}
	.gry-bg:after{
		height: calc(100vh/4);
    bottom: calc(-100vh/4);
    background-size: cover;
	}
	.resources-template-default.single .resources-section{
		margin-bottom: calc(100vh/4);
	}
}

/*Page Transition*/
.pagewrap{
	display:none;
}
.pagewrap.show{
	display:block;
}
.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index:999;
}

.pageload-overlay.show {
	visibility: visible;
}

.pageload-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.pageload-overlay svg path {
	fill: #3DC880;
}

.pageload-overlay::after,
.pageload-overlay::before {
	content: '';
	position: fixed;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
	background: #0E1923;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-animation: moveRight 0.6s linear infinite alternate;
	animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
	background: #5C70FF;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-animation: moveLeft 0.6s linear infinite alternate;
	animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
	to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
	to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
	to { transform: translateX(-20px); }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
/*Back to top*/
.back-top {
	display: none;
	background-color:#3DC880;
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius: 16px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
.back-top::after {
	position: absolute;
	content: '';
	font-size: 18px;
	display: block;
	width: 20px;
	height: 16px;
	background-image: url('../images/arrow-up-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.back-top:hover {
	cursor: pointer;
	background-color: #333;
}
.back-top:active {
	background-color: #555;
}
.back-top.show {
	opacity: 1;
	visibility: visible;
	display:inline-block;
}
.link-absolute{
	position: absolute;
	height: 100%;
	width: 100%;
	left:0;
	top:0;
}

@media screen and (min-width:480px){
	.job-box-item{
		display:flex;
		height: 100%;
		flex-direction: column;
	}
}
.bottom-blue:after{
	background-color: #0817C8;
}
.top-blue:before{
	background-color: #0817C8;
}
.bg-blue{
	background-color: #0817C8;
	color:#fff!important;
}
.bg-blue .box.style-1 > .title:before {
    background-image: url(../images/circle-title-white.svg)!important;
}
#circle-path{
	z-index:9;
}
#play-svg{
	position: absolute;
    top: 330px;
    z-index: 10;
    left: 250px;
	cursor: pointer;
}
#play-svg path{
	fill:#3EC880;
	transition:all .2s;
}
#play-all:hover #play-svg path{
	fill:#fff;
}
#play-teaser{
	opacity: 0.5;
	transition:all .2s;
	position: relative;
	z-index: 9;
   }
   #play-all:hover #play-teaser{
 opacity: 0.2;
}
@media screen and (max-width:480px){
	svg#circle-path{
		left: -110px;
    width: 400px;
    top: 180px;
	}
	.home .header-slide{
		padding: 50px 0 200px 0;
	}
	.home .mask-mask{
		top:-120px;
	}
}
.progress-container {
	width: 100%;
	height: 8px;
	background: #ccc;
	position: fixed;
	top:0;
	left: 0;
	z-index:2;
  }
  
  .progress-bar {
	height: 8px;
	background: #04AA6D;
	width: 0%;
  }
  .wpcf7-response-output{
	background-color: #fff;
  }
/*Style Newsletter subcribe*/
  .popmake-content h3{
	font-size: 22px;
	color:#7448FE!important;
	line-height: 27px;
  }
  .yikes-easy-mc-text, .yikes-easy-mc-email  {
	width: 100%;
    margin-bottom: 15px;
    height: 55px;
    background-color: #fff!important;
    border: 1px solid #0e1923!important;
    border-radius: 20px;
    padding: 15px 20px!important;
  }
  .pum-container.popmake{

    background: #fff;
	background-image: url('../images/bg-apply.svg');
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: left 101%;
  }
.yikes-mailchimp-container{
	margin-top:40px;
  }
  .yikes-mailchimp-eu-compliance-label{
	background: rgba(255, 255, 255, .8);
    padding: 30px;
    border-radius: 30px;
    color: #0E1923;
    font-size: 20px;
	border:1px solid #0E1923;
  }
 .yikes-mailchimp-eu-compliance-label .compliance-link{
	color: #0E1923;
  }
.yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label){
	position:relative;
  }
  .yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label) > span{
	position:absolute;
	top: 19px;
    left: 24px;
	transition: all .3s;

  }
  .yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label).active > span{
	position: absolute;
    top: -9px;
    left: 24px;
    background: #fff;
    padding: 3px;
  }
.pum-container .yikes-easy-mc-form{
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
  }
  @media screen and (min-width:1200px){
	.pum-container .yikes-easy-mc-form .FNAME-label,.pum-container .yikes-easy-mc-form .LNAME-label{
		width:49%;
	}
  }
/*Newsletter front*/
  .display_archive{
	display: flex;
        flex-wrap: wrap;
  }
   .display_archive .campaign {
    width: 100%;
    margin: 10px;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
	border:1px solid #0819C8;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto;
    font-size: 12px;
    line-height:18px;
    /*font-family: 'Rufina',serif;*/
    font-weight: 700;
    color: #0E1923;
    justify-content: center;
    min-height: 100px;
	align-items: flex-start;
}
@media screen and (min-width:780px){
	.display_archive .campaign {
		width: 50%;
	}
}
@media screen and (min-width:1200px){
	.display_archive .campaign {
		width: 30%;
	}
}
@media screen and (min-width:1360px){
	.display_archive .campaign {
		width: 25%;
	}
}

 .display_archive .campaign a {
    font-size: 25px;
    line-height: 38px;
    color: #0E1923;
	font-family: 'gilroymedium';
    font-weight: 400;
	text-decoration: none;
}
.display_archive .campaign > div.date{
	background:#3DC880;
	color:#fff;
	padding:3px 10px;
	font-family: 'gilroyextrabold';
	border-radius:4px;
	margin-bottom:10px;
	display: inline-block;
}
.display_archive .campaign > div.read-more{
	font-size: 16px;
    font-family: 'gilroymedium';
    position: relative;
    padding-right: 50px;
    width: fit-content;
    margin-top: 10px;
}
.display_archive .campaign > div.read-more:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-more.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all .4s;
}
.display_archive .campaign > div.space-line{
	height: 20px;
    display: block;
    position: relative;
}
.display_archive .campaign > div.space-line:after{
	content: "";
    display: block;
    height: 1px;
    width: 150px;
    background-color: #0E1923;
    position: absolute;
    bottom: 0;
}
/*Home newsletter*/
.home-newsletter{
	display:none;
	background-image: url('../images/news-home-bg.svg');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 100% -78px;
}
.home-newsletter.top-newsletter{
	display:flex;
	position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    left: 50%;
    padding: 20px 50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);

    z-index: 1001;
}
.home-newsletter .heading-block{
	padding-right:10px;
	margin-top:5px;
}
.home-newsletter .heading-block h1{
	font-size: 32px;
    text-transform: uppercase;
}
.home-newsletter .heading-block h3{
	font-size: 18px;
    color: #7448FE;
}
.home-newsletter.top-newsletter .close-box {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block !important;
}
.close-box > span {
    width: 20px;
    height: 20px;
    display: block;
    background-size: cover;
    background-image: url(../images/close-box.svg);
    background-repeat: no-repeat;
}
.home-newsletter .yikes-mailchimp-container{
	margin-top:10px;
}
.home-newsletter .yikes-mailchimp-eu-compliance-label{
	border:0;
	background:transparent;
	border-radius:0;
	font-size:12px;
	padding: 4px;
	max-width:500px;
}
.home-newsletter .yikes-easy-mc-form{
	display:flex;
	gap:5px;
	flex-wrap: wrap;
	align-items: flex-start;
}

.home-newsletter .yikes-easy-mc-form > label{
	width:19%;
	font-size:12px;
}
.home-newsletter .yikes-easy-mc-form > button{
	width:19%;
}
.home-newsletter .yikes-easy-mc-text, .home-newsletter .yikes-easy-mc-email{
	height:45px;
	padding: 0px 12px !important;
	background:#fff;
}
.home-newsletter .yikes-easy-mc-form > div{
	width:100%;
}
.home-newsletter .yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label) > span {
    position: absolute;
    top: 15px;
    left: 12px;
    transition: all .3s;
}
.home-newsletter .yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label).active > span {
    position: absolute;
    top: -12px;
    left: 12px;
    background: #fff;
    padding: 0px 3px;
}
.home-newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    display: block;
    margin-top: 0;
    min-height: 45px;
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
}
@media screen and (max-width:480px){
	.home-newsletter.top-newsletter{
		flex-direction: column!important;
	}
}
@media screen and (max-width:780px){
	.home-newsletter{
		background:none;
	}
	.home-newsletter .yikes-easy-mc-form > label{
		width:100%!important;
		font-size:12px;
	}
	.home-newsletter .yikes-easy-mc-form > button{
		width:100%;
	}
	
}
@media screen and (max-width:980px){
	.home-newsletter{
		background:none;
	}
	.home-newsletter .yikes-easy-mc-form > label{
		width:49%;
		font-size:12px;
	}
	.home-newsletter .yikes-easy-mc-form > button{
		width:100%;
	}
}
@media screen and (min-width:1200px){
	.home-newsletter .heading-block{
		min-width: 500px;
	}
}

/*&Iframe popup*/
.iframe-popup{
	display:none;
	position: relative;
}

.iframe-popup.active{
	display: block;
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 100;
    top: 0;
    left: 0;
}
.iframe-popup > div{
	height: 80vh;
    max-width: 750px;
	width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 800px;
}
.iframe-popup > div:before{
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 170px;
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.iframe-popup > div .close-box {
    position: absolute;
    right: 25px;
    top: 25px;
    display: block !important;
}
.iframe-popup > div .close-box > span {
    width: 40px;
    height: 40px;
    display: block;
    background-size: cover;
    background-image: url(../images/close-box.svg);
    background-repeat: no-repeat;
	font-size:0px;
}
.iframe-popup > div > iframe{
	max-height:800px;
	height:100%;
	width:100%;
	max-width:750px;
}
/*Extra Body*/
body{
	overflow-x: hidden;
}
/*Footer newsletter*/
.footer-newsletter{
	display:flex;
	gap:10px;
	align-items: center;
}
.footer-newsletter > h3{
	width:39%;
}
.footer-newsletter .yikes-mailchimp-container {
	width:59%;
	display:flex;
	flex-wrap:wrap;
}
.yikes-mailchimp-container .yikes-easy-mc-success-message,.yikes-mailchimp-container .yikes-easy-mc-error-message{
	width:100%;
	font-size:14px;
	padding:9px;
}
.footer-newsletter .yikes-easy-mc-form {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.footer-newsletter .yikes-easy-mc-form > label {
    width: 49%;
	font-size:12px;
  
}
.footer-newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    display: block;
    margin-top: 0;
    min-height: 45px;
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
}
.footer-newsletter .yikes-easy-mc-form > button {
    width: 49%;
}
.footer-newsletter .yikes-easy-mc-form > div {
    width: 100%;
}
.footer-newsletter .yikes-mailchimp-eu-compliance-label {
    border: 0;
    background: transparent;
    border-radius: 0;
    font-size: 15px;
    padding: 4px;
    max-width: 500px;
}
.footer-newsletter .yikes-easy-mc-text, .footer-newsletter .yikes-easy-mc-email {
    height: 45px;
    padding: 0px 12px !important;
    background: #fff;
}
.footer-newsletter .yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label) > span {
    position: absolute;
    top: 15px;
    left: 12px;
    transition: all .3s;
	color: #0E1923;
}
.footer-newsletter .yikes-mailchimp-eu-compliance-label input[type="checkbox"]{
	width:15px;
height:15px;
}
 .footer-newsletter  .yikes-easy-mc-form >label:not(.yikes-mailchimp-eu-compliance-label).active > span{
	position: absolute;
    top: -9px;
    left: 24px;
    background: #fff;
    padding: 3px;
  }
.footer-newsletter .yikes-mailchimp-eu-compliance-label {
    border: 0;
    background: transparent;
    border-radius: 0;
    font-size: 15px;
    padding: 4px;
    max-width: 500px;
	color:#fff;
}
.footer-newsletter .yikes-mailchimp-eu-compliance-label a{
	color:#fff;
}
.footer-newsletter .yikes-mailchimp-eu-compliance-label input[type="checkbox"]{
	position: relative;
	top:3px;
}
.social-box{
	font-size:0px;
}
@media screen and (max-width:480px){
	.footer-newsletter{
		display:block!important;
}
	.footer-newsletter>h3 {
    width: 100%!important;
		margin-top:40px;
}
	.footer-newsletter .yikes-mailchimp-container {
    width: 100%!important;
    display: flex;
}
	.footer-newsletter .yikes-easy-mc-form{
		display:block!important;
}
	.footer-newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button{
		width:100%!important;
	}
	.footer-newsletter .yikes-easy-mc-form>label{
		width:100%!important;
	}
}
.bg-black-bottom:after{
	background-color:#0e1923;
}