*{
    margin:  0;
    padding: 0;

    cursor: default;
    
    font-family: 'arial', sans-serif;
    font-size: 17px;
    line-height: 34px;
}

body{
    background: #ffffff;
}
a, a *, label, input[type='radio']{
    cursor: pointer;
}
p{
    margin: 0 0 26px 0;
}
h1, h2, h3, h4, h5, h6{
    margin: 0 0 36px 0;
    
    font-size: 34px;
    line-height: 46px;
    font-weight: normal;
}
h1{
    font-size: 60px;
    line-height: 75px;
}
small, small *{
    font-size: 18px;
}
img{
    vertical-align: bottom;
}



#header-01{
    height: 52px;

    border-bottom: solid thin #36322f;

    background: #333333;
}

#header-02{
    box-sizing: border-box;
    
    height: 180px;

    padding: 25px 0 0 0;
    
    border-top: solid thin #cfc0ab;

    background: #cfc0ab;
    
    text-align: center;
}
#header-02 a{
    color: #333333;
    text-decoration: none;
}
#header-02 span{
    display: block;
    
    font-family: 'times new roman', serif;
    color: #333333;
}
#header-02 img{
    width: 100%;
}
#header-03{
    height: 70px;

    background: #333333;
}
#header-03 .menu{
    
}
#header-03 .menu .mobil-menu-icon{
    display: none;
    
    padding: 23px 0 14px 23px;
    
    cursor: pointer;
}
#header-03 .menu .mobil-menu-icon svg line{
    stroke: #cfc0ab;

    stroke-width: 2;

    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;        
}
#header-03 .menu .mobil-menu-icon:hover svg line{
    stroke: #746e65;
}
#header-03 .menu ul{
    
}
#header-03 .menu ul li{
    display: inline-block;
    margin: 0 0 0 147px;
}
#header-03 .menu ul li:first-child{
    float: left;
    margin: 0 0 0 0;
}
#header-03 .menu ul li:last-child{
    float: right;
    margin: 0 0 0 0;
}

#header-03 ul li a, #header-03 ul li a:link, #header-03 ul li a:focus, #header-03 ul li a:visited{
    display: block;
    
    padding: 22px 0 18px 0;
    
    font-size: 30px;
    line-height: 30px;
    
    color: #cfc0ab;
    
    text-decoration: none;
    
    transition: color 0.5s;
}
#header-03 ul li a:hover{
    color: #746e65;
}

#header-03 .menu ul li ul{    
    position: absolute;
    
    visibility: hidden;
    
    margin: 0 0 0 -30px;
    
    padding: 0 30px 0 30px;
    
    background: #333333;
    
    z-index: -10;
    
}
#header-03 .menu ul li:hover ul{    

    visibility: visible;
    
    z-index: 1;
    
}
#header-03 .menu ul li ul li{
    float: none;
    
    display: block;
    
    margin: 0 0 0 0;
}
#header-03 .menu ul li ul li:first-child{
    float: none;
    margin: 0 0 0 0;
}
#header-03 .menu ul li ul li:last-child{
    float: none;
    margin: 0 0 0 0;
}
#header-03 .menu ul li ul li a, #header-03 .menu ul li ul li a:link, #header-03 .menu ul li ul li a:focus, #header-03 .menu ul li ul li a:visited{
    font-size: 25px;
    line-height: 25px;
}



#banner{
    text-align: center;
}
#banner img{
    width: 100%;
}


#content-menu{
    padding: 30px 0 0 0;

    text-align: center;
}
#content-menu > div{
    box-sizing: border-box;

    display: inline-block;

    width:  420px;

    padding: 15px 20px;
    
    overflow: hidden;
    
    vertical-align: bottom;

    border: solid thin #8f8f8f;
}
#content-menu > div:first-child{
    float: left;
}
#content-menu > div:last-child{
    float: right;
}
#content-menu > div img{
    position: relative;
    
    z-index: 2;

    width: 100%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    transition: all 0.5s;
}
#content-menu > div:hover img{
    width: 100%;

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
#content-menu > div > div:first-child{
    width: 100%;
    overflow: hidden
}
#content-menu > div .txt{
    position: relative;
    
    z-index: 4;        
    
    padding: 15px 0;
    
    margin: -60px 0 0 0;
    
    background: rgba(0,0,0,0.2);
}
#content-menu > div .txt, 
#content-menu > div .txt a, 
#content-menu > div .txt a:link, 
#content-menu > div .txt a:focus,
#content-menu > div .txt a:visited{
    font-size: 30px;
    line-height: 30px;
    
    color: #cfc0ab;
    
    text-decoration: none;
    
    transition: color 0.5s;
}
#content-menu > div .txt a:hover{

    color: #9f907b;

}


#content{
    clear: both;
    
    padding: 85px 0 70px 0;
    
    color: #494949;
}

#content ul, #content ol{
    margin: 0 0 36px 23px;
}

#content a, #content a:link, #content a:focus, #content a:visited{
    
    color: #494949;
    
    text-decoration: none;
    
    border-bottom: solid thin #ffffff;
    
    transition: border 0.5s;
}
#content a:hover{
    
    border-bottom: solid thin #494949;
    
}

#footer{
    box-sizing: border-box;

    padding: 15px 0 0 0;
    
    text-align: center;
    
    border-bottom: solid thin #36322f;

    background: #333333;
    
    font-size: 20px;
    line-height: 32px;
    
    color: #7a7a7a;
}
#footer a, #footer a:link, #footer a:focus, #footer a:visited{
    border-bottom: solid thin #333333;
    
    color: #7a7a7a;
    
    text-decoration: none;
    
    transition: border 0.5s;
}
#footer a:hover{
    border-bottom: solid thin #7a7a7a;
}
#footer p{
    margin: 0 0 20px 0;
}


.wrap{
    width: 1333px;

    margin: 0 auto;
}

#res-pc{
    display: block;
}
#res-mobil{
    display: none;
}