@charset "utf-8";

/* =======================================
	PC Elements
======================================= */

section{
    height:88vh;
}

/*WORKS*/

div.showcase{
    width:50%;
    max-width:1200px;
    height:auto;
    display:block;
    margin:0 auto 0;
    font-family: 'Spartan', sans-serif;
}

div.showcase.fadeIn{
    animation-duration: 1.2s;
}

div.showcase h1{
    width:100%;
    text-indent: none;
    text-align: center;
    color:#7C573D;
	margin-bottom: 0.5em;
}

div.showcase h2{
    width:100%;
    text-indent: none;
    text-align: center;
	font-size:0.6em;
    color:#7C573D;
}

/*SLIDER*/
div.vidual{
    width:100%;
    max-width:1024px;
    height:auto;
    margin:3.5em auto;
    position:relative;
}

ul#slider{
    margin:0 auto;
    width:100%;
    /*display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    align-items:stretch;*/
}

ul#slider li{
    width:100%;
    height:50vh;
    margin:0 auto;
    position:relative;
}
ul#slider li img{
    width:100%;
    height:100%;
    object-fit:contain; 
    margin:0 auto 0;
}


/*CATEGORY*/

div.category{
    text-align:center;
    color:#7C573D;
    font-size:0.7em;
}

p{
    display:inline-block;
}


/*FOOTER*/
footer{
    position:absolute;
    bottom:0.5em;
    text-align: center;
    width:100%;
}

footer copyright{
    margin:1em auto;
    font-family: 'Spartan', sans-serif;
    font-size:0.6em;
    color:#FFF;
    font-weight:600;
}


/* slider actions */

.lSAction > .lSPrev {
    background:url("../img/arw_rw.png") no-repeat;
    background-size:90% auto;
    left: 0;
}
.lSAction > .lSNext {
    background:url("../img/arw_fw.png") no-repeat right;
    background-size:90% auto;
    right: 0;
}


/*menu*/
nav{
	position:fixed;
	left:2.5em;
	top:2.5em;
    margin-top:-3.5px;
}

nav div.menu {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition:0.5s;
}

nav div.menu:hover{
    opacity:0.5;
}

nav div.menu > span {
  width: 50px;
  height: 5px;
  background-color: #FFF;
  margin: 3.5px 0;
    transition:0.5s;
}

nav.open div.menu > span:nth-child(1) {
    transform: translate(0px, 12px);
}

nav.open div.menu > span:nth-child(3) {
    transform: translate(0px, -12px);
}

nav div.menu.x > span:nth-child(1) {
    transform: rotate(-45deg) translate(-2px, 15px);
}

nav div.menu.x > span:nth-child(2) {
    opacity:0;
}

nav div.menu.x > span:nth-child(3) {
    transform: rotate(45deg) translate(-2px, -15px);
}

nav ul{
    position:fixed;
    left:calc(2.5em + 65px);
	top:2.8em;
    display:none;
    text-align:left;
}

nav.open ul{
    display:block;
}

nav ul li{
	display: block;
    position:relative;
	transition: all 0.4s;
    cursor:pointer;
    vertical-align: top;
    font-family: 'Spartan', sans-serif;
    font-weight:900;
    font-size:0.8em;
    line-height:1.6em;
    margin-bottom:0.8em;
    letter-spacing:0.1em;
    color:#FFF;
}

nav ul li a:link,
nav ul li a:visited{
  position: relative;
  text-decoration: none;
  color:#FFF;
}

nav ul li.active a:link,
nav ul li:hover{
    color:#7C573D;
}


/*nav ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
nav ul li a:hover::after {
  transform: scale(1, 1);
}*/

nav ul li a > span{
    display:inline-block
}
/*
nav ul li#btn_home::after,
nav ul li#btn_about::after{
  position: absolute;
  bottom: -8px;
  left: 25%;
  content: '';
  width: 50%;
  height: 2px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

nav ul li#btn_home:hover,
nav ul li#btn_about:hover,
#link_jagda:hover{
    color:#77AEDE;
}

nav ul li#btn_home:hover::after,
nav ul li#btn_about:hover::after{
  transform: scale(1, 1);
}*/