*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a{
	text-decoration: none;
	color: black;
}


.core{
	font-family: FiraSansCondensed;
	font-weight: 400;
	font-size: 14px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
    line-height: 1.5;
}

.core__main{
	width: 100%;
	height: 100vh;
	overflow: hidden;

}

.vh{
	height: 100vh;
	overflow: hidden;
	position: relative;
	padding: 10vh 60vw 55vh 9vw;
}



/*------------top pannel------------*/

.core__top-pannel{
	position: fixed;
	top: 0;
	width: 82%;
	/*width: calc(100vw-240px);*/
	height: 80px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}

.logo{
	width: 203px;
	height: 48px;
	background: url("../img/logo.svg") 0 0 no-repeat;
	bottom: 0;
}
.core__lang li img{
	visibility: hidden;
	width: 40px;
}
.core__lang li.active-page img{
	padding: 5px 11px;
	width: 40px;
	visibility: visible;
}
.core__lang{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	list-style: none;
	left: 30%;
	bottom: 0;
	margin-right: 100px;
	-ms-align-items: center;
	align-items: center;
	width: 130px;
}

.core__lang .active-page a{
	color: #00b2c4;
}



.core__menu{
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	list-style: none;
	right: 0;
	bottom: 0;
	width: 40%;
}

.hamburger,
.close-burger{
	display: none;
}

.core__menu li.active-page a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background-color: #00b1c4;
	visibility: visible;
}

.core__menu li a{
	text-transform: uppercase;
	position: relative;
}

.core__menu li a:before{
	content: "";
	position: absolute;
	width: 0%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background-color: #00b1c4;
	visibility: hidden;
  	-webkit-transition: all 0.5s;
  	transition: all 0.5s;
}

.core__menu li a:hover:before{
	width: 100%;
	visibility: visible;
}

.core__menu--contact {
	display: none;
}

#slide-out{
	padding-top: 17.3vh;
}
.sidenav li>a{
	padding: 0 3rem;
    height: 39px;
    line-height: 39px;
}
#slide-out a{ text-transform: uppercase; }

li.sidenav__footer{
	padding: 0 3rem;
	line-height: 18px;
	font-size: 1rem;
}
.sidenav__footer__title{
	margin-bottom: 10px;
	margin-top: 50px;
}
.sidenav__footer__mail{
	color: #00b2c4;
}
@media (max-width: 1024px) {
	.sidenav{
		width: 400px;
	}		
}
@media (max-width: 800px) {
	.sidenav{
		width: 300px;
	}		
}
@media(max-width: 450px){
	.sidenav{
		width: 260px;
	}	
}


/* //lang menu */

.core__lang li a{
	text-transform: uppercase;
	position: relative;
}
.core__lang li a{
	text-transform: uppercase;
	position: relative;
}
.core__lang li.active-page a:before{
    content: "";
    position: absolute;
    width: 20px;
    height: 1.5px;
    bottom: -3px;
    left: -30px;
    top: 7px;
    background-color: #00b1c4;
    visibility: visible;
}
.core__lang li a:before{
	content: "";
	position: absolute;
    width: 0px;
    height: 1.5px;
    bottom: -3px;
    left: -30px;
    top: 7px;
	background-color: #00b1c4;
	visibility: hidden;
  	-webkit-transition: all 0.5s;
  	transition: all 0.5s;
}
.core__lang li a:hover:before{
	width: 20px;
	visibility: visible;
}
/* //lang menu */



/*------------bottom pannel------------*/

.bottom-pannel{
	position: absolute;
    display: flex;
    align-items: center;
	bottom: 0;
	width: 100%;
	height: 12vh;
	background-color: #00b2c4;
	background: url(../img/we/background.png);
	padding: 0 60px;
	z-index: 1;	
	font-family: FiraSansCondensed;
	font-size: 14px;
}
/*------------Right Arrow For Content------------*/

.arrow-r{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 43%;
	width: 50px;
	height: 120px;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease-out;
    -webkit-transition:  box-shadow 0.3s ease-out;
    -moz-transition:  box-shadow 0.3s ease-out;
    -ms-transition:  box-shadow 0.3s ease-out;
    -o-transition:  box-shadow 0.3s ease-out;
}
.arrow-r:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.3);	
}
.arrow-r__anim{
	stroke-dasharray: 13;
	stroke-dashoffset: 13;
	animation: dash 3s ease forwards;
}
@keyframes dash{
	0%{
		stroke-dashoffset: 13;
	}
	100%{
		stroke-dashoffset: 0;
	}
}
@media (max-width: 450px) {
	.arrow-r{
	    width: 40px;
        height: 100px;
	}
}
/* BG IMG */
.contact-bg-img{
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/img/contact/contact-bg.png);
	width: 1344px;
	height: 480px;
	z-index: -1;
}

/* SOC_LINKS */
.soc-buttons{
	position: absolute;
	right: 7.5vw;
}
.soc-buttons ul{
	text-decoration: none;
	list-style-type: none;
	margin: 0;
}
.soc-buttons ul li{
	display: inline;
}
.soc-buttons ul li{
	display: inline;
	padding: 1vw;
}
.soc-buttons ul li a:hover{
	opacity: 0.5;
}

/* CONTACTS */
.contacts a{
	text-transform: uppercase;
	position: relative;
}
.contacts a:before{
	content: "";
	position: absolute;
	width: 0%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background-color: #00b1c4;
	visibility: visible;
  	-webkit-transition: all 0.5s;
  	transition: all 0.5s;
}
.contacts a:hover:before{
	width: 100%;
	visibility: visible;
}
.contacts {
	position: absolute;
	left: 8vw;
	padding: 1vw;
}
.contacts a{
	color: #fff;
	text-decoration: none;
}
.contacts a.active-page:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background-color: #00b1c4;
	visibility: visible;
}


/* LINE_DECOR */
.top-l-line{
	position: absolute;
	width: 1px;
	height: 56px;
	background-color:  #00b2c4;
	left: 50px;
	transform: translateX(-50%);
	top: 0;
	animation: lineTopSideAnimate 2s linear forwards;
}
.top-center-line{
	position: absolute;
	width: 15px;
	background-color:  #00b2c4;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	animation: lineTopAnimate 1s linear forwards;
}
.top-r-line{
	position: absolute;
	width: 1px;
	height: 56px;
	background-color:  #00b2c4;
	right: 50px;
	transform: translateX(-50%);
	top: 0;
	animation: lineTopSideAnimate 2s linear forwards;
}
.bottom-l-line{
	position: absolute;
	width: 1px;
	height: 56px;
	background-color: white;
	left: 50px;
	transform: translateX(-50%);
	bottom: 0;	
	animation: lineBottomSideAnimate 2s linear forwards;
}
.bottom-center-line{
	position: absolute;
	width: 15px;
	height: 40px;
	background-color: white;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;	
	animation: lineBottomAnimate 2s linear forwards;
}
.bottom-r-line{
	position: absolute;
	width: 1px;
	height: 56px;
	background-color: white;
	right: 50px;
	transform: translateX(-50%);
	bottom: 0;	
	animation: lineBottomSideAnimate 2s linear forwards;
}
@keyframes lineTopAnimate{
	from{
		height: 0px;
	}
	to{
		height: 40px;
	}
}
@keyframes lineTopSideAnimate{
	from{
		height: 0px;
	}
	to{
		height: 56px;
	}
}
@keyframes lineBottomAnimate{
	from{
		height: 0px;
	}
	to{
		height: 40px;
	}
}
@keyframes lineBottomSideAnimate{
	from{
		height: 0px;
	}
	to{
		height: 56px;
	}
}


/*----------HEADER--------------*/
h1{
	font-weight: 600;
	font-size: 2.3rem;
	margin: 0;
	text-transform: uppercase;
}
/*----------slide--------------*/


.slide__content{
	margin-top: 80px;
}

.slide__content__title{
	text-transform: uppercase;
	font-size: 40px;
	margin: 0;
	line-height: 0.9em;
}

.slide__content__text{
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4em;
	padding: 4vh 0;
}


.vh-3{
	/*background: url("../img/slide_3_img.jpg")center center no-repeat;*/
	background-size: contain;
}


/*----------right title CORE--------------*/

.core-pic{
	position: absolute;
    top: 11vh;
    right: 0;
    z-index: 2;
    height: 74vh;
    width: 18vw;
	background: url(../img/we/core.png) no-repeat;
	background-size: contain;
    background-position: center;
}


/*----------svg arrow scroll animation--------------*/

.arrow-r:hover img{
	opacity: 0.5;
}


/*----------btn color--------------*/

.to-open{
	background-color: #00b1c4!important;
}
.waves-effect.waves-core .waves-ripple{
	background-color: rgba(0, 177, 196, 0.65);
}


/*--------- MEDIA QUERY FOR MENU -------------*/
@media (min-width: 1200px) {
	.core__lang{
	    margin-right: 75px;
	    width: 110px;
	}
	.core__lang li{
		margin-right: 10px;
	}
	.core__menu--contact {
		display: none;
	}
}

@media screen and (max-width: 1666px) {
	.contact-bg-img{		
	    width: 75vw;
	    height: 41vh;
	}
}

@media screen and (max-width: 1300px){
	.core__menu li{
		padding: 5px 15px;
	}
}

@media screen and (max-width: 1200px){
	.core__menu{
		position: absolute;
		display: none;
		bottom: auto;
		top: 80px;
		border: 2px solid #00b2c4;
		background-color: #fff;
		z-index: 3;
   		width: 120px;
	}

	.hamburger{
		display: block;
		position: absolute;
		right: 0;
		top: 30px;
		width: 40px;
		height: 25px;
		background: url("../img/hamburger.svg") 0 0 no-repeat;
	}

	.close-burger{
		display: none;
		position: absolute;
		right: -1px;
	    top: 27px;
	    width: 25px;
	    height: 25px;
		background: url("../img/close_burger.svg") 0 0 no-repeat;
	}

	.core__lang{
		left: 50%;
	}

	.contacts{
    	bottom: 11px;
    	left: 8.5vw;
	}
	.contact-bg-img{		
	    width: 75vw;
	    height: 41vh;
	}	
}
@media (max-width: 1024px) {
	.core{
		font-size: 14px;
	}
}
@media (max-width: 768px) {
	.core{
		height: 90vh;
	}
}
@media (max-width: 450px) {
	.core__lang li a:before{
		display: none;
	}
	h1{
		font-size: 1.6rem;
	}
	.core{
		font-size: 12px;
	}
	.top-l-line,.top-r-line{
		display: none;
	}
	.top-center-line, .bottom-center-line{
   		width: 9px;
	}
	.core__top-pannel .logo{
		height: 27px;
		width: 130px;
	}
	.core__lang{
		margin-right: 60px;
		transform: scale(1);
		width: 65px;
	}
	.core__lang img{
		display: none;
	}
	.hamburger{
		right: -10px;
	}

	.soc-buttons {
		left: unset;
		right: 3vw;
	    position: absolute;
	    bottom: 5px;
	}
	.bottom-l-line{
		display: none;
	}
	.bottom-r-line{
		display: none;
	}
}
@media (max-width: 360px){
	.core__lang{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		font-size: 14px;
		margin-right: 32px;
	}
}

/* FIX 4 BTSTRP*/
a{text-decoration: none!important;} 
dl, ol, ul {
    margin-bottom: 0;
}
img {
     vertical-align: inherit; 
}
/* FIX 4 BTSTRP*/

/* SOC BTN FIX */
@media (width: 1366px) {
	.soc-buttons{
		bottom: 30px;
	}
}
@media (width: 1024px) {
	.soc-buttons{
		bottom: 11px;
	}
}
@media screen and (width: 800px), (width: 768px) {	
	.soc-buttons{
		bottom: 11px;
	}
}


/* DISABLE LANDSCAPE VIEW */
.core-disable-landscape{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
}

/* FOR IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body{
		overflow-y: hidden;
	}
	.core__menu{
		display: flex;
	}
	.anim-scroll{
		width: 98.3%!important;
	}
	.contacts{
		padding: 0;
	}
	.soc-buttons ul li{
		padding: 30px;
	}
}