/* CSS Document */
* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

.clear {
	clear:both;
}

.clear.h_50 {height:50px;}
.clear.h_60 {height:60px;}
.clear.h_70 {height:70px;}
.clear.h_80 {height:80px;}

body {
	position:relative;

	font-family: 'Open Sans', sans-serif;
	text-align:center;	
}

.background_img {
	position:absolute; 
	width:100%; 
	min-width:420px;
	height:100%; 
	left:0; 
	top:0; 
	z-index:-1;
	
	background:url('/design/bg_body_draw_1.jpg'), url('/design/bg_body_draw_2.jpg'), url('/design/bg_body.jpg');
	background-position:-10% 35%, 115% 70%, center top;
	background-repeat:no-repeat, no-repeat, repeat;
	background-size:30vw auto, 30vw auto, auto auto;
}

.main {
	max-width:1200px;
	min-width:380px;
	width:calc(100% - 40px);
	margin:auto;
}

.main .header {
	font-family: 'Amatic SC', cursive;
    font-size: 60px;
    color: #0071ba;
    font-weight: bold;
    line-height: 66px;
    padding-top: 40px;
    padding-bottom:30px;
    
    background: url('/design/bg_hp_text.png') center bottom no-repeat;
}

.main .header a {
	text-decoration: none;
	color: #0071ba;
}

.main .header span {
	font-size: 30px;
    display: block;
    color: #352e2c;
    line-height: 30px;
}

.main .menu {
	padding-top:20px;
	position:relative;
	z-index:5;
}

.main .hp_header .menu {
	padding-top:100px;
}

.main .hp_header .menu ul {
	float:left;
	display:block;
}

.main .menu ul {
	list-style-type: none;
	margin:auto;
	display:inline-block;
}

.main .menu ul li {
	float:left;
	padding-right:10px;
}

.main .menu ul li a {
	font-size:18px;
	color:#352e2c;
	text-decoration:none;
	text-transform: uppercase;
	height:34px;
	display:block;
	line-height:34px;
}

.main .menu ul li a span {
	padding-left:15px;
	padding-right:15px;
	display:block;
}

.main .menu ul li.active a span {
	background:url('/design/bg_menu_active.png') 6px 20px no-repeat;
}

.main .menu ul li a:hover {
	color:#756b68;
}

.main .menu .mobile_menu_icon {
	display:none;
	width:40px;
	height:40px;
	background:url('/design/mobile_menu.png') center center no-repeat;
	background-size:40px 40px;
	position:absolute;
	right:20px;
	bottom:0;
}

.main .menu.opened .mobile_menu_icon {
	background-image:url('/design/mobile_menu_close.png');
}

.main h2 {
	color:#352e2c;
	font-family: 'Amatic SC', cursive;
	font-size:50px;
	background:url('/design/bg_h2.png') center bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;
}

.for_footer {
	background:url('/design/bg_darker.png');
	width:100%;
	min-width:420px;
	margin-top:100px;
}

.for_footer .footer {
	width:calc(100% - 40px);
	max-width:1200px;
	padding-left:20px;
	padding-right:20px;
	margin:auto;
	position:relative;
	padding-top:50px;
	font-size:14px;
	line-height:24px;
	font-weight:300;
}

.for_footer .footer:before {
	content:'';
	display:block;
	height:9px;
	width:calc(100% - 40px);
	background:url('/design/bg_footer_top.png') center center no-repeat;
	position:absolute;
	top:-3px;
	color:#352e2c;
}

.for_footer .footer .left_content {
	width:50%;
	float:left;
	text-align:left;
}

.for_footer .footer .left_content strong {
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:32px;
	line-height:40px;
	display:block;
}

.for_footer .footer .right_content {
	width:50%;
	float:right;
	text-align:right;
}

.for_footer .footer .right_content a {
	color:#352e2c;
	text-decoration:none;
}

.for_footer .footer .right_content a:hover {
	text-decoration:underline;
}

.for_footer .footer .right_content ul {
	list-style-type: none;
	float:right;
	padding-top:25px;
}

.for_footer .footer .right_content ul li a {
	padding-left:22px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:15px 15px;
	display:block;
	font-family: 'Amatic SC', cursive;
	font-size:22px;
}

.for_footer .footer .right_content ul li a:hover {
	text-decoration:none;
}

.for_footer .footer .right_content ul li a.fb {
	background-image:url('/design/bg_fb.png');
}

.for_footer .footer .right_content ul li a.ig {
	background-image:url('/design/bg_ig.png');
}

.for_footer .footer .bottom {
	padding-top:30px;
	padding-bottom:20px;
	color:#988574;
}

.for_footer .footer .bottom a {
	color:#988574;
	text-decoration:none;
}

.for_footer .footer .bottom a:hover {
	text-decoration:underline;
}