@charset "UTF-8";


/* Hero */

#hero h1,
#hero li {
    font-family:"genath_light",serif;
    font-style:normal;
    font-weight:normal;
    font-size:10.1rem;
    line-height:11.6rem;
    letter-spacing:0;
    text-transform:none;
    color:rgb(216,209,186);
}


/* Logo */

#logo {
    float:left;
    position:relative;
    width:auto;
    padding-right:40px;
    opacity:0;
    -webkit-transform:translate3d(0,8%,0);
	        transform:translate3d(0,8%,0);
    -webkit-transition:-webkit-transform 0.25s ease-in-out,
                               opacity   0.25s ease-in-out;
	        transition:        transform 0.25s ease-in-out,
	                           opacity   0.25s ease-in-out;
}

.logo_active #logo {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
}

#logo h1 {
    position:relative;
    padding-top:10px;
}

.logo_svg {
    position:absolute;
    top:100%;
    width:100%;
    content:'';
}

.logo_active .logo_path {
    width:100%;
    fill:none; 
    stroke:#D8D0B9; 
    stroke-width:2;
    stroke-dasharray:1500;
    stroke-dashoffset:1500;
        -webkit-animation:animation_name 3.2s 0.5s forwards ease-in-out;
                animation:animation_name 3.2s 0.5s forwards ease-in-out;
}

@-webkit-keyframes animation_name
{
    from {stroke-dashoffset:1500;}
    to   {stroke-dashoffset:0;}
}

@keyframes animation_name
{
    from {stroke-dashoffset:1500;}
    to   {stroke-dashoffset:0;}
}
    


/* Carousel */

#carousel {position:relative;}

#carousel ul {
    position:absolute;
    padding:5px 0;
}

#carousel li {
    display:block;
    padding:5px 0;
    opacity:0;
    -webkit-transform:translate3d(0,8%,0);
	        transform:translate3d(0,8%,0);
    -webkit-transition:-webkit-transform 0.25s ease-in-out,
                               opacity   0.25s ease-in-out;
	        transition:        transform 0.25s ease-in-out,
	                           opacity   0.25s ease-in-out;
}

#carousel li:first-child {margin-left:274px;}

#carousel li.line_active {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
}




/* Responsive */


@media only screen and 
(max-height : 899px),
(max-width : 1279px) {
    
    
    #hero h1,
    #hero li {
        font-size:7.0rem;
        line-height:8.8rem;
    }
    
    
    /* Logo */

    #logo {padding-right:30px;}
    
    
    /* Carousel */
    
    #carousel li:first-child {margin-left:190px;}


}


@media only screen and 
(max-height : 767px),
(max-width : 1023px) {
    
    
    #hero h1,
    #hero li {
        font-size:5.4rem;
        line-height:6.2rem;
    }
    
    
    /* Logo */

    #logo {padding-right:22px;}
    
    
    /* Carousel */
    
    #carousel li:first-child {margin-left:146px;}
    
    
}


@media only screen and 
(max-height : 569px),
(max-width : 569px) {
    
    
    #hero h1,
    #hero li {
        font-size:3.2rem;
        line-height:4.0rem;
    }
    
    
    /* Logo */

    #logo {padding-right:14px;}
    
    
    /* Carousel */
    
    #carousel li:first-child {margin-left:87px;}
    
    
}