@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/gilroy-light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/gilroy-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/gilroy-semibold-webfont.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/gilroy-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-ExtraBold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}


body {
background-color:#f5f5f5;
}

.m-top {
margin-top:20px;	
}

@media (max-width: 767px) {
.xs-m-top {
margin-top:20px;	
}
}

.m-top-lg {
margin-top:40px;	
}


section {
padding:40px 0;	
}

section.pad-xl {
padding:80px 0;	
}

.navi {
position: fixed;
top:0;
left:0;
right:0;
padding:30px 30px;
z-index: 999;
}

.navi a.logo {
font-size:40px;
color:#fff;
font-weight: 700;
}

.navi a.logo:hover {
opacity: 0.5;
}

@media (max-width: 767px) {
.navi {
padding:20px 30px;
}
}


section.home-intro {
position: absolute;
min-height:100%;
width: 100%;
height: auto;
top: 0;
left: 0;
/*background-image: linear-gradient(to top right, #00ffff, #ed1e79);*/
background-image: linear-gradient( 135deg, #FFF3B0 0%, #CA26FF 100%);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section.home-intro .header {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 15%;
  color: white;
  text-align: center;
}

section.home-intro .header a {
font-size:70px;
font-weight: 700 !important;
color:#fff;
line-height: 1;
}

section.home-intro .header a:hover {
opacity: 0.5;
}

@media (max-width: 767px) {
section.home-intro .header {
  width: 100%;
  height: 10%;
}

section.home-intro .header a {
font-size:55px;
}
}



.animated {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}