@font-face {
    font-family: 'Gods_word';
    src: url('../fonts/Gods_word.otf');
    src: url('../fonts/Gods_word.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Utm-Facebook';
    src: url('../fonts/Utm-Facebook.otf');
    src: url('../fonts/Utm-Facebook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Utm-Sarah';
    src: url('../fonts/Utm-Sarah.otf');
    src: url('../fonts/Utm-Sarah.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

.tm-ic{background: url(../images/front/sprite.png) no-repeat;}
.bg-sub {width: 100%; height: 100%; position: fixed; background: rgba(66, 12, 2, .25); opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: -1; left: 0; top: -100%;}
.active-sub .bg-sub{opacity: 1; visibility: visible; top: 0; z-index: 20;}

/*===================================================================*/
#header{position: absolute; left: 0; top: 0; z-index: 10; width: 100%;}
.header-top{padding: 15px 0; background: rgba(209, 162, 95, .4);}
.header-top ul.hd-ct{overflow: hidden; margin: 0 -20px;}
.header-top ul.hd-ct li{float: left; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; padding: 0 20px; border-right: 1px solid #fff;}
.header-top ul.hd-ct li:last-child{border: none;}

ul.lst-social{margin: 0 -6px; overflow: hidden;}
ul.lst-social li{float: left; padding: 3px 6px;}
ul.lst-social li a{text-indent: -9999px; display: block; height: 14px;}
ul.lst-social li a.tm-f{background-position: 0 0; width: 7px;}
ul.lst-social li a.tm-t{background-position: -20px 0; width: 16px;}
ul.lst-social li a.tm-g{background-position: -48px 0; width: 17px;}
ul.lst-social li a.tm-s{background-position: -77px 0; width: 15px;}
ul.lst-social li a.tm-f:hover{background-position: 0 -19px;}
ul.lst-social li a.tm-t:hover{background-position: -20px -19px;}
ul.lst-social li a.tm-g:hover{background-position: -48px -19px;}
ul.lst-social li a.tm-s:hover{background-position: -77px -19px;}

.header-bot{background: rgba(255, 255, 255, .93);}

.tm-menu{position: relative;}
ul.menu{}
ul.menu li.tm-sub{}
ul.menu li{float: left; text-transform: uppercase; margin-left: 35px; position: relative; padding: 19px 0; z-index: 30;}
ul.menu li a{font: 400 14px/20px 'Roboto', sans-serif; color: #444; display: block; border: 1px solid transparent; padding: 15px 25px;}
ul.menu li:hover a,
ul.menu li.active a{background: #fafdf9; color: #fc9501; border-color: #fc9501;}
.tm-menu ul.menu li ul {width: 238px; position: absolute; background: rgba(255, 255, 255, .70); opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 9; left: 0; top: 0px; text-align: center;}
.tm-menu ul.menu li:hover > ul{opacity: 1; visibility: visible; top: 90px;}
.tm-menu ul.menu li > ul li{margin: 0; float: none; width: 100%; padding: 0;}
.tm-menu ul.menu li > ul li a{padding: 15px; display: block; background: transparent; border: none; color: #444; border-bottom: 1px solid #999;}
.tm-menu ul.menu li > ul li a:hover{background: #fff; color: #fc9501;}
/*===================================================================*/
#footer{background: url(../images/front/bg-footer.png) no-repeat; padding: 50px 0; background-size: cover;}
.like-box{float: right; width: 270px;}

.footer-lf{}
.footer-lf h3{font: 400 22px/normal 'Gods_word', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.footer-lf .tkw{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; padding-top: 20px; border-top: 1px solid #ba9763; display: inline-block;}
.footer-lf .tkw a{color: #fff;}
.ft-intro span{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; position: relative; padding-left: 20px; margin-bottom: 10px;}
.ft-intro span i{position: absolute; left: 0; display: block;}
.ft-intro span i.tm-a{background-position: -56px -40px; width: 7px; height: 11px; top: 4px;}
.ft-intro span i.tm-h{background-position: -68px -40px; width: 13px; height: 13px; top: 4px;}
.ft-intro span i.tm-g{background-position: -86px -40px; width: 13px; height: 9px; top: 5px;}
.ft-intro ul.lst-social{margin-bottom: 20px; margin-top: 15px;}

.ft-product{padding-left: 25px;}
.ft-product ul li{margin-bottom: 10px;}
.ft-product ul li a{font: 400 14px/18px 'Roboto', sans-serif; color: #fff;}
.ft-product ul li a::before{content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 20px; background: #fff; margin-right: 10px;}
.ft-product ul li a:hover{color: #a70b00;}
.ft-product ul li a:hover::before{background: #a70b00;}
/*===================================================================*/
.tm-title{border-bottom: 1px solid #e1e1e1; text-transform: uppercase; margin-bottom: 20px;}
.tm-title h2{border-bottom: 1px solid #ff0000; display: inline-block; margin-bottom: -1px; font: 400 22px/normal 'Gods_word', sans-serif; color: #333; padding-bottom: 15px;}

.tm-slider{position: relative; overflow: hidden;}
.tm-slider .nivo-controlNav{position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center; z-index: 11; padding: 0;}
.tm-slider .nivo-controlNav a{display: inline-block; width: 18px; height: 18px; background: url(../images/front/sprite.png) no-repeat -26px -38px; text-indent: -9999px; margin: 0 4px;}
.tm-slider .nivo-controlNav a.active{background-position: 0 -38px;}
.tm-slider .nivo-directionNav a{display: block; width: 32px; height: 32px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; z-index: 12; top: auto; bottom: calc((100% - 140px)/2); margin-bottom: -16px;}
.tm-slider .nivo-directionNav a.nivo-prevNav{background-position: 0 -66px; left: 20px;}
.tm-slider .nivo-directionNav a.nivo-nextNav{background-position: -42px -66px; right: 20px;}
.tm-slider .nivo-directionNav a.nivo-prevNav:hover{background-position: 0 -99px;}
.tm-slider .nivo-directionNav a.nivo-nextNav:hover{background-position: -42px -99px;}
.tm-caption{display: none;}
.tm-slider .nivo-caption{background: transparent; padding: 0; opacity: 1; height: calc(100% - 140px); z-index: 8; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center;}
.sl-txt{background: rgba(209, 162, 95, .8); padding: 30px 25px 30px 45px; display: inline-block;}
.sl-txt h3{font: 400 30px/normal 'Gods_word', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 8px;}
.sl-txt h3:after{content: ''; display: inline-block; width: 150px; height: 3px; background: url(../images/front/line-slider.png) repeat-x; margin-left: 10px;}
.sl-txt span{font: 400 28px/normal 'Utm-Sarah', sans-serif; color: #fff; text-align: right; display: block;}
.sl-txt span:before{content: ''; display: inline-block; width: 190px; height: 3px; background: url(../images/front/line-slider.png) repeat-x; margin-right: 10px;}



.content-top{padding: 50px 0 0; overflow: hidden;}
.content-bot .col-md-9,
.content-bot .col-md-3,
.content-top .col-md-6{margin-bottom: 30px;}

.tm-slick{position: relative;}
.tm-slick button{position: absolute; top: -55px; width: 22px; height: 22px; display: block; border: none; text-indent: -9999px; padding: 0; margin: 0; background: url(../images/front/sprite.png) no-repeat;}
.tm-slick button.slick-prev{right: 30px; background-position: 0 -136px;}
.tm-slick button.slick-next{right: 0; background-position: -32px -136px;}
.tm-slick button.slick-prev:hover{background-position: 0 -159px;}
.tm-slick button.slick-next:hover{background-position: -32px -159px;}

.tm-items{}
.tm-items .slick-track{opacity: 0;}
.tm-items ul li{}
.tm-items a.tm-img{width: 325px; height: 300px; float: left; position: relative; overflow: hidden;}
.tm-items a.tm-img img{max-width: initial; width: 100%; height: 100%;}
.tm-items a.tm-img span{font: 500 15px/20px 'Roboto', sans-serif; color: #fff; width: 100%; height: 100%; position: absolute; background: rgba(252, 149, 1, .86); opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 9; left: 0; top: -100%; text-align: center; text-transform: uppercase; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; }
.tm-items a.tm-img:hover span{opacity: 1; visibility: visible; top: 0;}

.tm-items .tm-txt{width: calc(100% - 325px); height: 300px; float: left; border: 1px solid #e1e1e1; border-left: none; padding: 25px; background: #fff;}
.tm-items .tm-txt h3{text-transform: uppercase; margin-bottom: 10px;}
.tm-items .tm-txt h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #444;}
.tm-items .tm-txt p{font: 400 14px/20px 'Roboto', sans-serif; color: #444; margin-bottom: 10px;}
.tm-items .tm-txt p span{display: block;}
a.tm-views{display: block; width: 100px; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; background: #ff0000; border-radius: 4px; padding: 8px 0; text-align: center;}
a.tm-views:hover{background: #fc9501;}


.content-bot{padding: 0 0 25px; overflow: hidden;}
.tm-news{overflow: hidden;}
ul.lst-news .slick-list{margin: 0 -15px;}
ul.lst-news li{padding: 0 15px;}
ul.lst-news li a.img{display: block; height: 140px; overflow: hidden;}
ul.lst-news li a.img img{width: 100%;height: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
ul.lst-news li a.img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

ul.lst-news li h3{margin: 15px 0 5px;}
ul.lst-news li h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #444;}
ul.lst-news li h3 a:hover{color: #fc9501;}
ul.lst-news li p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
ul.lst-news li span{font: 400 14px/20px 'Roboto', sans-serif; color: #999; display: block;}

.tm-support{border: 1px solid #e1e1e1;}
.tm-support h3{font: 400 14px/20px 'Utm-Facebook', sans-serif; color: #fff; padding: 17px 0; text-align: center; background: url(../images/front/bg-sp.png) repeat-x; text-transform: uppercase; margin: -1px -1px 0;}
.tm-support ul{padding: 10px 20px 0;}
.tm-support ul li{border-bottom: 1px solid #e1e1e1; padding: 10px 0 10px 40px; position: relative;}
.tm-support ul li span.tm-ic{width: 29px; height: 29px; background-position: -63px -136px; position: absolute; left: 0; top: 15px;}
.tm-support ul li:last-child{border: none;}
.tm-support ul li span{display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #555;}
.tm-support ul li strong{display: block; font: 500 18px/20px 'Roboto', sans-serif; color: #da251c; margin: 5px 0 10px;}
.tm-support ul li label{display: block; font: 500 15px/20px 'Roboto', sans-serif; color: #c01c1c;}
/*==========================================================================*/
a.tm-mobile{position: absolute; z-index: 1000; top: 33px; right: 0; width: 30px; height: 24px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent; display: none; }
a.tm-mobile::before,
a.tm-mobile::after,
a.tm-mobile span {background: #302e2e;}
a.tm-mobile::before,
a.tm-mobile::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; pointer-events: none; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
a.tm-mobile span {position: absolute; left: 0; overflow: hidden; width: 100%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; top: 12px;}
a.tm-mobile::before {-webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); }
a.tm-mobile::after {-webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); }

.mm-menu{background: #a88249;}
.mm-panel.mm-hasnavbar .mm-navbar{background: #af6c07; padding: 0 40px;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{font: 400 15px/20px 'Gods_word', sans-serif; color: #302e2e; text-transform: uppercase;}
.mm-listview>li>a, 
.mm-listview>li>span{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.mm-listview>li:not(.mm-divider):after{border-color: #bf8d44; left: 0;}
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{border-color: #bf8d44;}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before{border-color: #302e2e;}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), 
.mm-menu .mm-listview>li.mm-selected>span {background: #ad813f;}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color: #ad813f; tap-highlight-color: #ad813f;}

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	ul.menu li{margin-left: 15px;}
	.footer-lf .tkw{font-size: 13px;}
	.tm-items a.tm-img{float: none; width: 100%; display: block;}
	.tm-items .tm-txt{float: none; height: auto; border-left: 1px solid #e1e1e1; border-top: none; width: 100%;}
	.tm-support ul li:last-child{padding: 10px 0; text-align: center;}
}
@media (max-width: 990px){
	.tm-slider .nivo-caption{display: none !important;}
	#footer{padding: 35px 0;}
	ul.menu li{margin: 0;}
	ul.menu li a{padding: 15px;}
	.like-box{float: none; margin-top: 20px;}
}
@media (max-width: 750px){
	a.tm-mobile{display: block;}
	.tm-menu ul.menu{display: none;}
	.header-top ul.hd-ct{margin: 0 -15px;}
	.header-top ul.hd-ct li{padding: 0 15px;}
	#header{position: relative;}
	.header-top{background: rgba(209, 162, 95, 1);}
	.tm-slider .nivo-directionNav a{bottom: 50%;}
	.content-top{padding: 30px 0 0;}
}
@media (max-width: 680px){}
@media (max-width: 630px){
	.footer-lf h3{font-size: 20px;}
}
@media (max-width: 500px){
	#header ul.lst-social{display: none;}
	.footer-lf .col-md-7,
	.content-top .col-md-6,
	.footer-lf .col-md-5{width: 100%;}
	.ft-product{padding: 0; margin: 0 0 20px;}
	.footer-lf h3{font-size: 18px;}
}
@media (max-width: 420px){
	.header-top ul.hd-ct li:first-child{display: none;}
	.tm-items a.tm-img{height: auto;}
}