@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
body { font-family: 'Poppins', sans-serif; font-weight: 400 }


/* Footer
===============================================================================*/
header {
    position: relative;
    z-index: 3;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
    background: #FEF1C0;
}
header .Row:nth-child(1) { text-align: center }
header .Row:nth-child(1) .Area { position: relative }
header .Row:nth-child(1) a { color: #825830 }
header .Row:nth-child(1) .Detail > p { margin: 0px }
header .Row:nth-child(1) .Detail > p img { margin: 12px 0px }
header .Row:nth-child(1) .Detail div { 
    position: absolute;
    right: calc(50% + 240px);
    top: 50px;
    text-align: right
}
header .Row:nth-child(1) .Detail div+div { left: calc(50% + 240px); right: auto; text-align:left }
header .Row:nth-child(1) h3 { margin: 4px 0px 0px 0px; line-height: 1.4;font-size: 18px; font-weight: normal; color: rgb(0,0,0,0.2) }
header .Row:nth-child(1) h4 { font-size: 18px; margin:0px; font-weight: bold }
header .Row:nth-child(3) .Area{ position: relative }
header .Row:nth-child(3) .Column { position: absolute; right: 0;  width: 88px; margin: auto; bottom: calc(100% + 10px) }
header .Row:nth-child(3) .Column a+a { margin-left: 12px; }
header .Row:nth-child(3) .Column a img { padding: 2px; background: rgba(0,0,0,0.5) }

/* Footer  #FEF1C0
===============================================================================*/
footer {
    padding-top: 60px;
    background: radial-gradient(#FEF1C0 0%, #eddc9c 100%); color: #825830
}
footer a:link,footer a:visited,footer a:active { color: #825830 }
footer a:hover { color: #3d250f }
footer a > i { font-size: 24px }
footer h2 { font-size: 36px; margin-bottom: 60px; color:#fff; font-weight: 300; text-shadow: 1px 2px 0px rgba(0,0,0,0.25), -1px 2px 0px rgba(0,0,0,0.25); text-transform: uppercase }
footer .Row:nth-child(1) .Column { width: 50%; margin-bottom: 60px; display: inline-block; padding-right: 40px }
footer .Row:nth-child(1) .Column+.Column { border-left: 1px solid rgba(0,0,0,0.2); min-height: 200px; padding-right: 0px; padding-left: 40px }
footer .Row:nth-child(1) .Column .Detail > div {  
    display: inline-block; 
    width: 49%;
    vertical-align: top;    
}
footer .Row:nth-child(1) .Column .Detail > div:nth-of-type(n+3) {
    margin-top: 20px
}
footer .Row:nth-child(1) h4 { color: #000; font-size: 18px; margin-bottom: 0px; font-weight: 500 }
footer .Row:nth-child(1) h3 { font-size: 24px; margin: 0px; text-shadow: 0px 2px 2px rgba(0,0,0,0.2) }
footer .Row:nth-child(1) p { text-shadow: 0px 2px 2px rgba(0,0,0,0.2); }


footer .Row:nth-child(1) .Column:nth-child(2) h4:first-child { 
    width: 64px; 
    height: 64px;
    margin-right: 20px;
margin-bottom: 20px;
    text-align: center;
    font-size: 36px;
    line-height: 64px;
    border-radius: 50%;
    float: left; 
    color: #1E1011;
    background: rgba(0,0,0,0.05); 
}
footer .Row:nth-child(1) .Column:nth-child(2) h4:first-child i { font-size: 0 }
footer .Row:nth-child(1) .Column:nth-child(2) h4:first-child i:before { font-size: 36px; }
footer .Row:nth-child(1) h4 + p { margin-top: 4px }
footer img { 
    width: 64px; 
    background: rgba(0,0,0,0.05); 
    padding: 8px; 
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}
footer h4 + p img { width: 32px; margin-right: 20px; padding: 0px; background: none; border-radius: 0px; margin-top: 12px }
footer .Row:nth-child(2) { padding: 30px 0px; border-top: 1px solid rgba(0,0,0,0.2); text-align: center }

#Section151:before { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5); left: 0px; z-index: 2; top: 0px; }


#Section152 h1 {  
 color: #fff; 
 font-size: 36px;
 font-weight: 400;
 line-height: 1.3;
text-shadow: 0px 0px 12px rgba(0,0,0,0.5);
 vertical-align: middle;
 max-width: calc(65% - 5px);
 width: 100%;
 left: 0; right: 0;
 margin: 0px auto;
 text-align: center; 
 }

#Section152 { position: absolute; margin: auto;  left: 0px;
 right: 0px;
 bottom: 10%;
 height: 124px;
 max-width: 1200px; 
z-index: 2; }

#Section153 {padding-top: 56.25%;overflow: hidden;position: relative; background: url(/Store/Pictures/14/banner.jpg); background-size: cover;}
#Section153 iframe { position: absolute; left: 0px; top: 0%; width: 100%; height: 100%; z-index: 1; }

main { background:#FEF1C0; padding: 60px 0px; color: #825830 }

.FirstPage main .Row:nth-child(1) .Column:nth-child(1) { float: none }


.FirstPage main .Row:nth-child(2) { padding: 60px 0px }
.FirstPage main .Row:nth-child(2) .Column:nth-child(1) { width: 50%; padding-right: 60px; border-right: 1px solid rgba(0,0,0,0.2); }
.FirstPage main .Row:nth-child(2) .Column:nth-child(2) { width: 50%; padding-left: 60px; color: #825830 }
@media only screen and (min-width: 1024px) { 
	.FirstPage main .Row:nth-child(2) .Column:nth-child(2) section:first-child img { max-width: 40% }
}
.FirstPage main .Row:nth-child(2) .Column:nth-child(2) img { float: left; max-width: 30%; margin-right: 20px }
.FirstPage main .Row:nth-child(2) .Column:nth-child(2) section + section { margin-top: 30px }
.FirstPage main .Row:nth-child(2) h4 { font-size: 18px; margin-bottom: 8px; line-height: 1.3; color: #1E1011 }
.FirstPage main .Row:nth-child(2) .Detail > div { line-height: 1.3 }
.FirstPage main .Row:nth-child(2) .Detail a { color: #1E1011; transition: all 0.2s }
.FirstPage main .Row:nth-child(2) .Detail a:hover { color: #c5b20e }
.FirstPage main .Row:nth-child(2) p { margin: 0px }
main .Name { margin: 0px; line-height: 1; margin-bottom: 20px; font-weight: 600; color: #1E1011 }


header .Row:nth-child(2) { text-align: center; border-top: 1px solid rgba(0,0,0,0.1) }
header .Row:nth-child(2) a { color: #1E1011; font-weight: 500; padding: 0px 30px; transition: all 0.2s }
header .Row:nth-child(2) a:hover { color: #1E1011; background: rgba(0,0,0,0.15) }
header .Row:nth-child(2) li.Active a { color: #1E1011; font-weight: 500; background: rgba(0,0,0,0.1) }

.FirstPage main,
#Page71 main { padding: 0px }
#Section164 { padding: 40px 0px }


#Section158 table { width: 100%; border: 1px solid rgba(0,0,0,0.2) }
#Section158 th { line-height: 40px; background: rgba(0,0,0,0.2); color: #1E1011 }
#Section158 th:first-child { text-align: left; padding-left: 180px }
#Section158 td { padding: 8px 12px }
#Section158 tbody tr+tr td { border-top: 1px solid rgba(0,0,0,0.2) }
#Section158 tbody td+td { text-align: center; width: 10% }
#Section158 tbody td:first-child { width: 50% }
#Section158 b { display: block; color: #000 }
#Section158 table+h3 { margin-top: 40px }

#Section160 h3 { display: none }


body.Popup { overflow: hidden }
body > .Popup { position: fixed; width: 100%; height: 100%; z-index: 100; top: 0px; opacity: 0 }
body > .Popup .Detail { position: absolute;
top: 50%; 
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%,-50%);
}
body > .Popup .Content img { position: absolute;
top: 50%; 
left: 50%;
max-width: calc(100% - 30px);
max-height: calc(100% - 30px);
transform: translate(-50%,-50%); }
body > .Popup .Background { background: rgba(0,0,0,0.8); height: 100%; width: 100% }
body > .Popup .Close { position: absolute; top: 15px; right: 15px; z-index: 1; width: 28px; height: 28px; cursor: pointer }



body > .Popup .Close:before,
body > .Popup .Close:after { 
    content: "";
	margin: auto;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	left: 0px;
	right: 0px;
	top: 0px;
	background: #fff;
	display: block;
	bottom: 0px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	transition: all 0.2s;
	top: 0px
}

body > .Popup .Close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
body > .Popup .Close:after { -webkit-transform: rotate(45deg); transform: rotate(-45deg) }

body > .Popup .Close:hover:before,
body > .Popup .Close:hover:after { background: #aaa }


@media only screen and (max-width: 1199px) {  
	header .Row:nth-child(3) .Column { bottom: calc(100% + 24px) }
	header .Row:nth-child(1) .Detail div {  top: 30px; }
	#Section152 h1 { font-size: 36px; text-align: center; margin:auto; display: block }
	#Section152 h4 { font-size: 20px; text-align: center; padding: 0 15px }
	.FirstPage main .Row:nth-child(2),
	.SubPage main .Row:nth-child(1),
	main .Row:nth-child(2),
	footer { padding-left: 15px; padding-right: 15px } 
}
@media only screen and (max-width: 959px) {  
	header .Row:nth-child(1) .Detail > p img { width: 30% }
	header .Row:nth-child(3) .Column { position: absolute; right: 0; left: 0; margin: auto; bottom: calc(100% - 36px) }
	header .Row:nth-child(1) .Detail div { 
		position: absolute;
		right: calc(50% + 140px);
		top: 13px;		
	}
	header .Row:nth-child(1) .Detail div+div { left: calc(50% + 140px); right: auto;  }
	header .Row:nth-child(1) h3 { margin-top: 5px; font-size: 0px }
	header .Row:nth-child(1) h3 a { display: block; font-size: 16px; }
	#Section152 h1 { font-size: 24px }	
	#Section152 h4 { font-size: 18px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {  
	footer .Row:nth-child(1) .Column .Detail > div { text-align: center }
	footer img { float: none; margin: auto; display: block; margin-bottom: 12px }
	footer h4 + p img { display: inline-block; margin-left: 20px }
}
@media only screen and (max-width: 767px) {
	header .Row:nth-child(1) .Detail > p img { width: 90% }
	header .Row:nth-child(1) .Detail div { position: static; text-align: center; display: inline-block; vertical-align: top }
	header .Row:nth-child(1) .Detail div+div { margin-left: 12px }
	#Section152 h1 { font-size: 19px; max-width: 90% } 
	.FirstPage main .Row:nth-child(2) { padding-top: 0px }
	.FirstPage main .Row:nth-child(2) .Column:nth-child(1),
	.FirstPage main .Row:nth-child(2) .Column:nth-child(2) {
		width: 100%; padding: 40px 0px 0px; border: 0px
	}
	.FirstPage main .Row:nth-child(2) .Column:nth-child(2) img { max-width: 100%; float: none; margin: 0px 0px 20px }
	footer .Row:nth-child(1) .Column:nth-child(1) { text-align: center; padding: 0px }
	footer .Row:nth-child(1) .Column+.Column { 
		border: 0px;
		border-top: 1px solid rgba(0,0,0,0.2);
		min-height: 200px;
		margin-top:40px;
		padding-top: 40px;
		padding-left: 0px;
	}
	footer .Row:nth-child(1) .Column .Detail > div {
		float: none;
		display: block;
		width: 100%;
	}
	header .Row:nth-child(3) .Column { margin: auto !important; width: 88px !important;  }
	#Section158 table { border: 0px }
	#Section158 thead { display: none }
	#Section158 tbody td:nth-of-type(n) { display: block; width: 100%; padding: 0px; border: 0px; text-align: left }	
	#Section158 tbody td:first-child { color: #1E1011; font-weight: bold }
	#Section158 tbody tr { display: block }
	#Section158 tbody tr+tr { margin-top: 20px; border-top: 1px solid rgba(0,0,0,0.2); padding-top: 20px }
	#Section158 td:nth-of-type(n+2):after { content: " / "attr(data-header);  }
    #Section152 h4 { font-size: 16px; }
    #Section152 { height: auto; position: relative; padding: 0 20px 20px }
}


.Image img[src="/Store/Pictures/15/201708101820180.jpg"] {
	-webkit-transform: translateY(0%) !important;
	transform: translateY(0%) !important;
	top: 0px !important;
}

#Section410 .border-bottom { border-color: rgba(0,0,0,0.2) !important }
#Section410 h4 { font-weight: 400; color: #000 }
#Section410 h2 { color: #1E1011; }

a.dropdown-item { color: #fff } 

#Section409 { padding-top: 40px; text-align: center }
#Section409 .btn { background: #fff; color: #825830; border-radius: 50px; font-size: 20px; line-height: normal; padding: 1rem 2rem; height: auto; font-weight: normal }
#Section409 .btn:hover { background: #fff; color: #825830; }

#Section152 h3 { font-size: 18px; text-align: center; max-width: 770px; margin-left: auto; margin-right: auto} 

#Section523 { padding-top: 40px; text-align: center }
#Section523 .btn { background: #fff; color: #825830; border-radius: 50px; font-size: 20px; line-height: normal; padding: 1rem 2rem; height: auto; font-weight: normal }
#Section523 .btn:hover { background: #fff; color: #825830; }

body.Mobile .Menu nav ul { background: #FEF1C0 }