*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:root {
    --swiper-theme-color:#856f44 !important;
}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
button,input,input[type=submit],input[type=reset],input[type=button]{resize:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
button{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{height:auto;width:auto\9;-ms-interpolation-mode:bicubic}
a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0;border:none;-webkit-tap-highlight-color:transparent}
em,i,textarea{font-style:normal;font-family:"Raleway", Arial, Helvetica, sans-serif;}
.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}

ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-family:"Raleway", Arial, Helvetica, sans-serif; font-weight:normal}
img{border:none;vertical-align:middle}
body,html{width:100%;margin:0;padding:0; font-family:"Raleway", Arial, Helvetica, sans-serif;}

a{color:#000;text-decoration:none;outline:0;transition:background-color .3s ease-out 0s,color .3s ease-out 0s; font-family:"Raleway", Arial, Helvetica, sans-serif;}
a:hover{color:#856f44;text-decoration:none;outline:0;}
body{
	width:100%;
	overflow-x:hidden;
	font-size: 17px;
	line-height:1.5;
    background:#fff;
    color: #000;
    font-weight: 300;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
}


.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.w{width:1140px; margin:auto;}
.wrap{width:980px; margin:auto;}
.h5{height:5px;width:100%;clear:both;}
.h10{height:10px;width:100%;clear:both;}
.h12{height:12px;width:100%;clear:both;}
.h15{height:15px;width:100%;clear:both;}
.h20{height:20px;width:100%;clear:both;}
.h25{height:25px;width:100%;clear:both;}
.h30{height:30px;width:100%;clear:both;}
.h35{height:35px;width:100%;clear:both;}
.h40{height:40px;width:100%;clear:both;}
.h45{height:45px;width:100%;clear:both;}
.h50{height:50px;width:100%;clear:both;}
.h60{height:60px;width:100%;clear:both;}
.h72{height:72px;width:100%;clear:both;}
.h90{height:90px;width:100%;clear:both;}
.h100{height:100px;width:100%;clear:both;}
.max_img{width:100%;line-height:0;text-align:center}
.max_img img{max-width:100%;}

.row {
    margin-left:-10px;
    margin-right:-10px
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.row::after {clear: both;}


.row5 {
    margin-left:-5px;
    margin-right:-5px
}
.row5::before, .row5::after {
    content: " ";
    display: table;
}
.row5::after {clear: both;}

.row15{
    margin-left:-15px;
    margin-right:-15px;
}


.row20{
    margin-left:-20px;
    margin-right:-20px;
}

.row25{
    margin-left:-25px;
    margin-right:-25px;
}

.row30{
    margin-left:-30px;
    margin-right:-30px;
}

.row25::before, .row25::after {
    content: " ";
    display: table;
}
.row25::after {clear: both;}

.row50{
    margin-left:-50px;
    margin-right:-50px;
}
.row50::before, .row50::after {
    content: " ";
    display: table;
}
.row50::after {clear: both;}

.fl{float:left}
.fr{float:right}


.gbf{text-align:center;color:#6f6f6f;padding:0 15px;font-family:arial;line-height: 0;}
.gbf a{font-family:arial}
.s_gbf{text-align:center;padding:10px}
.gbf img{vertical-align:middle}
.gbf .d,.gbf .h,.gbf .n{display:inline-block;text-align:center;padding:3px 10px;border-radius:3px;line-height:20px;background:#fff;border:none}
.gbf .n{background:#f3f3f3;border:none;color:#777;font-family:arial;font-size:15px}
.gbf .h,.gbf .n:hover{color:#fff;background:#856f44;border:none}
.gbf .d{background:#f3f3f3;border:none;color:#777}
.gbf .d:hover{border:none;color:#856f44}


@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Light.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Medium.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 500;
}


@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Heavy.ttf') format('truetype');
    font-weight: 700;
}