


body{
	background:#0056c0;
	padding:0;
	margin:0;
	height:100%;
	font-size: 13pt;
	line-height: 24pt;
	color:#FFF;
	overflow-x:hidden;
	position:relative;
	font-family: 'helvetica';
	font-weight: 400;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	transition: background 3s cubic-bezier(.19, 1, .22, 1) 0s;
}

/*div::-webkit-scrollbar,*/
/*body::-webkit-scrollbar {*/
	/*width: 12px;*/
	/*position: absolute;*/
/*}*/

/*div::-webkit-scrollbar-track ,*/
/*body::-webkit-scrollbar-track {*/
	/*background:none;*/
	/*position: absolute;*/
/*}*/
/*div::-webkit-scrollbar-thumb ,*/
/*body::-webkit-scrollbar-thumb {*/
	/*background-color: #000;*/
	/*outline: 1px solid slategrey;*/
	/*position: absolute;*/
/*}*/


html{
	height:100%;
	width:100%;
}

a{
	text-decoration:none;
}
h1{
	font-size: 80pt;
	line-height: 72pt;
	margin: 0;
	letter-spacing: 0;
	font-weight: normal;
	margin:0;
	font-family: 'helvetica';
	font-weight: 100;
}
h1.light{
	font-size: 47pt;
	line-height: 49pt;
	margin:0;
	font-weight:normal;
	font-family:thin;
	text-transform: uppercase;
}
h2{
	font-size: 62pt;
	line-height: 40pt;
	margin:0;
	margin-bottom: 2px;
	font-family: 'helvetica';
	font-weight: 100;
}
h3{
	font-size: 35pt;
	line-height: 35pt;
	margin:0;
	font-family: 'GT-Haptik';
	font-weight: 600;
}
h4{
	font-size: 16pt;
	line-height: 26pt;
	margin:0;
	font-weight:300;
}
h5{
	font-size: 17pt;
	line-height: 22pt;
	margin: 0;
	font-weight: normal;

}

button, .btn{
	font-size: 10pt;
	line-height: 15pt ;
	width: auto;
	display: inline-block;
	margin-top: 5px;
	bottom:30px;
	left: 25px;
	border-radius: 0;
	background:#FFF;
	border:none;
	color:#999;
	padding: 12px 24px;
	box-shadow: 0px 18px 40px rgba(0, 0, 0, 0.20);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	border-radius: 50px;
	font-weight: 600;
	color:#2b67b7;
	letter-spacing: 0px;
}
button:hover , .btn:hover{
	background:#FFF !important;
	color:#222;
	border:none;
	box-shadow: 0px 18px 50px rgba(0, 0, 0, 0.25);
}

button.bigger{
	width: 100%;
	padding:30px;
	border-radius: 50px;
	margin: 30px 0;
	}

img{
	display: block;
}
.btn:after {
	/*content: '\e706';*/
	/*font-family: icon;*/
	/*display: inline-block;*/
	/*-webkit-transition: 0.2s;*/
	/*-moz-transition: 0.2s;*/
	/*transition: 0.2s;*/
	display: none;
	}
a{
	color:#7b96cf;
	}

/* ===========================
Header
============================== */


header{

	width: 100%;
	padding:40px 0 0;


	z-index: 999999;

		position: fixed;
	top:0;
	background:#FFF;
	padding:15px 0;
	}


body.top header{
	position: absolute;
	padding:40px 0 0;
		background:none;
	}

body header a{
	color:#0156BF;
	}
body.top header a{
color:#fff;
}


body.about-us .logo,
body.what-we-do .logo,
body.contact .logo,
body.teams .logo,
body.statistic .logo{
		background-image:url('../img/logo-footer.svg');
}




.logo{
	display:inline-block;
    width: 88px;
    height: 36px;
        top: 13px;
    position: relative;
	background-repeat: no-repeat;
	background-image:url('../img/logo.svg');
	}
.logo img{
	width:110px;
	}

/*menu*/

.menu_parent{
	float: right;
	z-index: 999;
}
ul.menu{
	font-weight: 600;
	color: #FFF;
	font-size: 11.5pt;
	float: left;
}
ul.menu a{

	letter-spacing: 0.5pt;
}

.menu_parent .social{
	float: left;
	margin-top: 12px;
	margin-left: 20px;
}

.menu > li.active > a{
	border-color:#0bc9d6;
	color:#0bc9d6;
}



/* ===========================
illustration
============================== */



.pattern{
	position: absolute;
	width: 92vh;
	height: 92vh;
	right:-5%;
	top:-20%;
	z-index: -1;
	}
#scene{
	position:absolute;
	width: 106vh !important;
	height:  106vh !important;
	top:0;
	}
.gr_effect:before{
	width: 84vh;
	height: 84vh;
	position: absolute;
	content: '';
	left: 13%;
	top: 10%;
	opacity: 0.5;
	background: -moz-linear-gradient(-45deg, rgba(1, 85, 192,0) 0%,  rgba(0,229,138,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(1, 85, 192,0) 0%,rgba(0,229,138,1) 100%);
	background: linear-gradient(135deg, rgba(1, 85, 192,0) 0%,rgba(0,229,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00e58a',GradientType=1 );
	border-radius: 50%;
	z-index: 3;
	}




/* ===========================
Sections
============================== */




section{
	font-size: 13pt;
	line-height: 25pt;
	position: relative;
	z-index: 1;
	}
section p{
	opacity: 0.8;
}

section.top{
	min-height: 100%;
}
section.top > .container{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 140px;
	margin: auto;
	}

section.about_us:before{
	width: 70vh;
	height: 70vh;
	position: absolute;
	content: '';
	left: -25%;
	top: 20%;
	opacity: 0.5;
	background: -moz-linear-gradient(-45deg, rgba(1, 85, 192,0) 0%,  rgba(0,229,138,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(1, 85, 192,0) 0%,rgba(0,229,138,1) 100%);
	background: linear-gradient(135deg, rgba(1, 85, 192,0) 0%,rgba(0,229,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00e58a',GradientType=1 );
	border-radius: 50%;
	z-index: -1;
	transition:  3s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 2s cubic-bezier(.19, 1, .22, 1) 0s;
	}
section.what-we-do:before{
	width: 40vh;
	height: 40vh;
	position: absolute;
	content: '';
	right: -10%;
	top: 20%;
	opacity: 0.5;
	background: -moz-linear-gradient(-45deg, rgba(1, 85, 192,0) 0%,  rgba(0,229,138,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(1, 85, 192,0) 0%,rgba(0,229,138,1) 100%);
	background: linear-gradient(135deg, rgba(1, 85, 192,0) 0%,rgba(0,229,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00e58a',GradientType=1 );
	border-radius: 50%;
	z-index: -1;
	transition:  3s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 2s cubic-bezier(.19, 1, .22, 1) 0s;
	}
section.top:before,
section.footer:after{
	content: '';
	width: 200vw;
	height: 200vw;
	top: -100vw;
	right: -100vw;
	opacity: 0.23;
	position: absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	pointer-events: none;
	}
section.top:before{
	width: 200vh;
	height: 200vh;
	top: -100vh;
	right: -100vh;
	}
section.footer:after{
	bottom: 0;
	top: auto;
	right: 0;
	left: -50vw;
	margin: auto;
	width: 200vw;
	height: 100vh;



    position: absolute;
    background: -moz-radial-gradient(bottom, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(bottom, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

}

section.about_us .container{
	padding-top:120px;
}

section.what-we-do .container{
	padding-bottom: 20px;
	padding-top:220px;
}



section.footer{
	z-index: -1;
}
section.teams{
	position: relative;
	z-index: 8888;
}

section .animate{
	transition:  3s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 2s cubic-bezier(.19, 1, .22, 1) 0s;
	position: relative;
}
section.what-we-do.active:before,
section.about_us.active:before{
	top: 0%;
}
section.top .animate{
	opacity: 0;
	top:-270px;
}
section.top.active .animate{
	opacity: 1;
	top:0;
}






/* ===========================
Why are we
============================== */



a.show_content{
	display: table;
	width:100%;
	text-align:center;
	padding:20px ;
	border:1px #1682ab solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 3%;
	margin-bottom: 3%;
	background:rgba(255,255,255,0.02);
	box-sizing:border-box;
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
}
a.show_content:hover{
	color:#0056c0;
	background:#FFF;
	box-shadow: 0px 45px 68px rgba(0, 0, 0, 0.07);
}




.hided-content{
	overflow: hidden;
	position: relative;
	max-height: 0;
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
}

.hided-content.active{
	overflow: hidden;
	position: relative;
	max-height: 1500px;
}




/* ===========================
Statistic
============================== */




div.statistic,
section.statistic{
	position: relative;
	min-height: 700px;
	padding:220px 0 100px; 
}
div.statistic img,
div.statistic svg{
	position: absolute;
	width: 120%;
	margin-left: -10%;
	left: 0;
	right: 0;

}

.statistic i.icon{
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 60px;
	height: 60px;
	margin-top: -8px;
}

.statistic i.icon-group{
	background-image:url('../img/group.svg');
}
.statistic i.icon-tag{
	background-image:url('../img/tag.svg');
}

.statistic i.icon-placeholder{
	background-image:url('../img/placeholder.svg');
}
.statistic i.icon-stats{
	background-image:url('../img/stats.svg');
}




/* ===========================
Features
============================== */


ul.features{
	padding:0;
	display: table;
	list-style: none;
	width:100%;
	margin:70px 0;
	z-index: 3;
	position: relative;
}
ul.features li{
	width:47%;
	float: left;
	padding:0 0 120px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 3%;
	margin-bottom: 3%;
	box-sizing:border-box;
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
	position: relative;
	padding-left: 70px;
}

ul.features li:nth-child(even){
	margin-right: 0;
}

ul.features li p{
    width: 80%;
    font-size: 16pt;
    opacity: 0.6;
    line-height: 30pt;
    margin: 0;
}



.grid-items > .width-6.column {
	width: 45%;
}
.row.grid-items > .column {
	margin-right: 6%;
}




/* ===========================
Team
============================== */




section.teams{
	text-align:center;
	padding-top:80px;
	height: 100%;
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
section.teams > div{
	width:100%;
}
section.teams .swiper-container{
	margin-top:80px;
}
section.teams .swiper-slide{
	width: auto;
	height: 650px;
	position: relative;
	z-index: 1;
}
section.teams .swiper-slide:hover{
	z-index: 4;
}
section.teams .swiper-slide img{
	bottom: 0;
	position: relative;
	opacity: 0.5;
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
	z-index: 2;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
section.teams .swiper-slide:hover img{
	opacity: 1;
	z-index: 6;
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	}

section.teams .swiper-slide > div{
	background: #FFF;
	padding: 70px 40px;
	padding-left: 110px;
	position: absolute;
	bottom: 0;
	min-height: 300px;
	right: -250px;
	width: 370px;
	z-index: 1;
	opacity: 0;
	transition:  0s ;
	-webkit-transition: 0s ;
	color:#124ea8;
	box-sizing:border-box;
	text-align: left;
}
section.teams .swiper-slide:hover > div{
	opacity: 1;
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0.2;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0.2s;
	right: -270px;
}

section.teams .swiper-slide:last-child > div{
	right: auto;
	left: -250px;
	padding: 70px 40px;
	padding-right: 120px;
	text-align: right;
}
section.teams .swiper-slide:last-child:hover > div{
	right: auto;
	left: -270px;
}
section.teams .swiper-slide > div p{
	line-height: 20pt;
}
section.teams .btn.join{
	background:none;
	box-shadow:none;
	padding:0;
	color:#FFF;
	font-family: 'helvetica';
	font-weight: 100;
	font-size: 25pt;
	margin-top:0;
}
section.teams .btn.join:hover{
	background:none !important;
}
section.teams .btn.join:before{
	font-size: 30pt;
	content: '+';
	background: none;
	border-radius: 50%;
	box-shadow: none;
	width: 70px;
	height: 70px;
	position: relative;
	display: inline-block;
	line-height: 70px;
	color:#0056c0;
	vertical-align: middle;
	margin-right: 10px;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
	z-index: 8;
}
section.teams .btn.join:after{
	display: none;
}

section.teams .swiper-button-prev,
section.teams .swiper-button-next{
	position: absolute;
	left: 50px;
	width: 80px;
	height: 30px;
	bottom: 110px;
	z-index: 2;
	background-image: url('../img/arrow.svg');
	background-size: 100%;
}
section.teams .swiper-button-next{
	left:auto;
	right: 50px;
	background-image: url('../img/arrow-right.svg');
}



.join-block{
	display: inline-block;
	position: relative;
	margin:30px 0;
}
.join-block:before{
	background: #FFF;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	position: absolute;
	display: inline-block;
	content: '';
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
	transform: scale(1);
	box-shadow: 0px 18px 40px rgba(0, 0, 0, 0.11);
	z-index: 7;
}

body#open-popup .join-block:before,
body#open-popup .join-block:hover:before{
	transform: scale(66.2);
	}
.join-block:hover:before{
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}



/*popup*/


body#open-popup{
	overflow: hidden;
}
div.pop-up{
	position: fixed;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: left;
	background:#FFF;
	top:100px;
	z-index: 99999999;
	color:#0056c0;
	/*display:none;*/
	pointer-events:none;
	opacity: 0;
	transition:  0;
	-webkit-transition: 0s;
	overflow: auto;
	padding:120px 0;
	box-sizing:border-box;
}

body#open-popup div.pop-up{
	opacity: 1;
	pointer-events:all;
	transition:  1s cubic-bezier(.19, 1, .22, 1) 0;
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
	top:0;
}
.popup-footer{
	background:#F8f8f8;
}
div.pop-up .close{
	position: fixed;
	top:70px;
	right: 70px;
	z-index: 9999999;
}
div.pop-up .close:before{
	content: '+';
	color: #0056c0;
	font-family: Helvetica;
	font-weight: 100;
	font-size: 50pt;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	margin: 11px;
}
div.pop-up .close:hover{
	opacity: 0.6;
}



/*acordion*/

.accordion{
	margin-left: -70px;
	margin-top:40px;
}

.accordion li{
	padding:10px 70px;
}
.accordion li a{
	font-size: 35pt;
	line-height: 35pt;
	margin: 0;
	font-family: 'GT-Haptik';
	font-weight: 600;
	padding: 30px 0;
	background:none;
	color:#0056c0;
}
.accordion li:hover > a{
	color:#01a2f4;
}

.accordion li.active a{
	padding: 30px 0;
	background:none;
	color:#222;
}
.accordion li.active{
	background:#F8f8f8;
}
.accordion li > div.content{
	padding: 10px 0 30px;
	border:none;
	color: #797979;
	font-size: 11pt;
}

.accordion li a.btn{
	margin-top:40px;
	background: #0056c0;
	font-size: 12pt;
	padding: 20px 30px;
	width: auto;
	display: inline-block;
	color:#FFF;
	line-height: 15pt;
}
.accordion li a.btn:hover{
	background: #0056c0 !important;
}




/*Inputs*/


.drp,
.input{
	border:none;
	margin:5px 0 15px;
	padding:0;
	height: 50px;
	width:100%;
	position: relative;
	box-sizing:border-box;
	display: inline-block;
}



.input input{
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: 0;
	font-family: "Avenir";
	font-size:12pt;
	color:#426c7e;
	font-weight: 600;
}
.drp label,
.input label{
	position: absolute;
	text-transform:uppercase;
	font-size: 9pt;
	color:#adadad;
	font-weight: 600;
	letter-spacing: 0.5pt;
	top:20px;
	-webkit-transition: all 0.5s cubic-bezier(.200, 1, .22, 1) 0s;
	transition: all 0.5s cubic-bezier(.200, 1, .22, 1) 0s;
}


.drp:before,
.drp:after,
.input:before,
.input:after{
	height:2px ;
	background:#66b5fc;
	width:0%;
	content: '';
	position: absolute;
	bottom: 0;
	-webkit-transition: all 0.5s cubic-bezier(.200, 1, .22, 1) 0s;
	transition: all 0.5s cubic-bezier(.200, 1, .22, 1) 0s;
}

.input.error.val:before,
.drp.error.val:before,
.drp:before,
.input:before{
	background:#f0f0f0;
	width:100%;
}
.drp.val:after,
.input.val:after{
	background:none;
	width:0%;
}
.drp.val.focus:after,
.input.focus:after{
	background:#66b5fc;
}
.drp.focus:after,
.drp.val:after,
.input.focus:after,
.input.val:after{
	width:100%;
}
.input input:hover,
.input input:focus:hover{
	box-shadow: none;
}
.drp.val.focus label,
.drp.val label,
.input.focus label,
.input.val label{
	top:0;
	font-size:7pt;
}

.drp.focus .dropdown:after{
	border-color:#66b5fc;
}
div.dropdown span{
	opacity: 0;
	color: #426c7e;
	font-weight: 600;
	font-size: 12pt;
}

.drp.val span{
	opacity: 1;
}
div.dropdown ul li.active:hover,
div.dropdown ul li.active{
	background-color: #66b5fc;
}

div.dropdown ul li:hover {
	background: #f6f6f6;
}
.input.error:before,
.drp.error:before{
	background:#ff9090;
}








.social a{
	display:inline-block;
}
.social a:before{
	content: '';
	width:17px;
	height: 17px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 5px;
}
.social a.icon-instagram:before{
	background-image:url('../img/instagram.svg');
}
.social a.icon-twitter:before{
	background-image:url('../img/twitter.svg');
}
.social a.icon-facebook:before{
	background-image:url('../img/facebook.svg');
}

.social.white a.icon-instagram:before{
	background-image:url('../img/instagram-top.svg');
}
.social.white a.icon-twitter:before{
	background-image:url('../img/twitter-top.svg');
}
.social.white a.icon-facebook:before{
	background-image:url('../img/facebook-top.svg');
}

.social a:hover{
	opacity: 0.7;
}








/* ===========================
Footer
============================== */

section.footer{
	/*height: 150px;*/
	/*min-height: 150px;*/
	/*background:#eee;*/
}
footer{
	padding: 30px 0;
	width: 100%;
	color:#FFF;
	font-size: 9pt;
	line-height: 17pt;
	z-index: 1;
	position: relative;
	bottom: 0;
	text-align: left;
}
footer .footer-logo{
	width:90px;
}





/* ===========================
Responsive
============================== */


@media screen and (max-width: 1310px){

}

@media screen and (max-width: 1225px){
	section.top:before, 
	section.teams:after{
		display: none;
	}

	.container{
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}


	.pattern{
		width: 100vw;
		height: 100vw;
		top:-30%;
	}
	/*section{*/
		/*overflow:hidden;*/
	/*}*/
	section.teams:before {
		width: 70vw;
		height: 70vw;
	}



	/*header*/



	header {
		padding: 15px 0 0px;
	}
	body.top header {
		padding: 40px 0 0;
	}

	h1{
		font-size: 51pt;
		line-height: 53pt;
	}
	h2{
		font-size: 35pt;
		line-height: 28pt;
	}
	h3{
		font-size: 26pt;
		line-height: 24pt;
	}
	header{
		/*display:none;*/
	}
	.logo img {
		width: 90px;
	}
	section.top > .container {
		bottom: 50px;
	}
	.compact-menu-icon figure:before,
	.compact-menu-icon figure:after,
	.compact-menu-icon figure{
		background-color:#FFF;
	}
	.compact-menu-icon figure{
		top: 2px;
		margin-left: 10px;
	}

	.menu.compact,
	.menu{
		background: #FFF;
		height: auto;
		width: 100%;
		position: absolute;
		top: 45px;
		margin: 0;
		right: 0;
		opacity: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 18px 260px rgba(0, 0, 0, 0.20);
	}
	.menu:before {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
		height: 10px;
		content: "";
		background: #fff;
		position: absolute;
		border-radius: 1px;
		top: -4px;
		margin: auto;
		/* left: 2px; */
		right: 0;
		border-radius: 2px;
		right: 13px;
	}

	ul.menu a{
		color: #0155c0;
	}
	.menu.compact li:hover,
	.menu li:hover{
		padding: 1.5rem 2rem;
	}
	.menu li{
	border-top: 1px #eee solid;
	}
	.menu li:first-child{
		border:none;
	}

	body.menu-active .menu.compact,
	body.menu-active .menu{
		opacity: 1;
		top: 45px;
		right: 0px;
		width: 100%;
		border-radius: 0;
	}



	/*features*/

	ul.features li{
		margin-right: 0;
		width: 100%;
		box-sizing:border-box;
	}


	/*team*/
	.teams .swiper-slide{
		height: 300px;
		text-align:left;

	}

	.teams .swiper-slide img{
		height: 100%;
		float: left;
	}
	.teams .swiper-slide:last-child:hover > div,
	.teams .swiper-slide:last-child > div,
	.teams .swiper-slide > div{
		color: #FFF;
		background: none;
		padding: 0;
		right: auto;
		width: 258px;
		float: left;
		left: auto;
		z-index: 5;
		top:70px;
		opacity: 1;
		position: relative;
		right: auto !important;
	}
	.teams .swiper-slide.swiper-slide-active:hover img,
	.teams .swiper-slide.swiper-slide-active img{
		opacity: 1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.teams .swiper-button-prev,
	.teams .swiper-button-next{
		display: none;
	}
	.teams .swiper-slide.swiper-slide-active > div{
		opacity: 1;
	}
	.teams .swiper-slide:hover img{
		opacity: 0.5;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.teams .swiper-slide:last-child > div {
		text-align: left;
	}
	/*feratures*/

	ul.features li{
		padding: 40px 31px 30px 60px;
	}
	.statistic i.icon{
		left: 0;
		width: 41px;
		height: 41px;
		margin-top: -1px;
	}

	ul.features li h2:before{
		width: 55px;
		height: 55px;
		margin-left: -80px;
	}

	.teams .swiper-container {
		margin-top: 40px;
	}


	section.teams {
		padding: 80px 0;
		height: auto;
	}
	.logo {
		top: 0;
		height: 35px;
	}

	.compact-menu-icon{
		display: block;
		top: 4px;
	}
	body.top .compact-menu-icon figure:before, body.top  .compact-menu-icon figure:after, body.top  .compact-menu-icon figure{
		background-color: #FFF;
	}
	.compact-menu-icon figure:before, .compact-menu-icon figure:after, .compact-menu-icon figure {
		background-color: #0054c7;
	}

	body.top .menu li a,
	.menu li a{
		color:#0054c7;
	}

	.menu.compact li{
		padding: 0 2rem;
	}
	body.menu-active .menu.compact li,
	body.menu-active .menu li{
		padding: 1rem 2rem;
	}
	section.footer{
		overflow: hidden;
	}
	section.footer:after{
		display: none;
	}

}



@media screen and (max-width: 768px){
	.teams .swiper-slide > div{

		line-height: 10pt;
		font-size: 9pt;
	}

	/*popups*/
	.accordion {
		margin-left: -30px;
		margin-top: 40px;
		width: 100vw;
	}
	.accordion li {
		padding: 10px 30px;
	}

	div.pop-up .close {
		top: 10px;
		right: 10px;
	}
	.accordion li a {
		font-size: 25pt;
		line-height: 10pt;
	}

	.menu_parent .social{
		float: left;
		margin-top: 2px;
	}
	footer .column.width-6,
	footer .column.width-3{
		width:33%;
		font-size: 9pt;
	}
	.gr_effect{
		pointer-events: none;
	}

	#scene{
		display: none;
	}

	section.about_us:before {
		left: -80%;
	}
	section.what-we-do:before {
		right: -51%;
	}

	section{
		overflow: hidden;
	}


}
@media screen and (max-width: 500px){
	.accordion li a {
		font-size: 19pt;
		line-height: 2pt;
	}
	.teams .swiper-slide {
		width:100%;
	}
	.teams .swiper-slide.swiper-slide-active:hover img,
	.teams .swiper-slide.swiper-slide-active img{
		opacity: 1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.accordion {
		margin-left: -30px;
		margin-top: 40px;
		width: 100vw;
	}
	.accordion li {
		padding: 10px 30px;
	}

	div.pop-up .close {
		top: 10px;
		right: 10px;
	}


	div.pop-up{
		padding: 70px 0;
	}

	.teams .swiper-slide:last-child:hover > div,
	.teams .swiper-slide:last-child > div,
	.teams .swiper-slide > div{
		position: absolute;
		left: 50%;
	}
	footer .column.width-6,
	footer .column.width-3{
		width:100%;
		font-size: 9pt;
		text-align:center ;
	}
	footer .column.width-6 img{
		margin:auto;
		max-width: 70px;
		margin-bottom: 20px;
	}





	
	
}







