@font-face {
    font-family: 'PollyRounded';
    src: url('../fonts/PollyRounded.otf');
    src: url('../fonts/PollyRounded.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;}

/*===================================================================*/
.header-top{background: #0b9444; padding: 30px 0 20px;}
.header-top p{font: 400 italic 14px/20px 'Lora', serif; color: #c4ffdd;}
.header-top p span{margin-right: 30px;}
ul.social{margin: 0 -7.5px;}
ul.social li{float: left; padding: 0 7.5px; margin: 1px 0;}
ul.social li a{display: block; width: 18px; height: 18px; text-indent: -9999px;}
ul.social li a.tm-f{background-position: 0 -18px;}
ul.social li a.tm-g{background-position: -33px -18px;}
ul.social li a.tm-t{background-position: -66px -18px;}
ul.social li a.tm-f:hover{background-position: 0 0;}
ul.social li a.tm-g:hover{background-position: -33px 0;}
ul.social li a.tm-t:hover{background-position: -66px 0;}

.header-bot{background: #fff;position: relative;}
.header-bot:after{content: ''; display: block; width: 100%; height: 4px; background: url(../images/front/bg-shadow.png) repeat-x; position: absolute; left: 0; bottom: -4px;}
.logo{position: relative;}
.logo a{position: absolute; left: 50%; top: -50px; margin-left: -100px;}
.tm-menu{padding: 35px 0;}
ul.menu{margin: 0 -34px;}
ul.menu li{float: left; padding: 0 34px;}
ul.menu li a{font: 400 italic 16px/20px 'Lora', serif; color: #555;}
ul.list-sv h4 a:hover,
.tm-news ul li h4 a:hover,
ul.menu li.active a,
ul.menu li a:hover{color: #f1592a;}
ul.menu li:nth-child(5),
ul.menu li:nth-child(6),
ul.menu li:nth-child(7){float: right;}
/*==========================================================================*/
#footer{background: #0b9444 url(../images/front/bg-footer.png) no-repeat center top; padding: 85px 0 0;}
.footer-bot{font: 400 italic 14px/20px 'Lora', serif; color: #c4ffdd; padding: 17px 0; background: #045f37;}
.footer-bot p{padding: 3px 0;}
.footer-bot a{color: #c4ffdd;}

.footer-top{padding: 50px 0 25px; }
.footer-top h3.tm-title:after{content: ''; display: block; width: 66px; height: 11px; background: url(../images/front/sprite.png) no-repeat 0 -99px; margin: 10px 0 0;}
.footer-top .col-md-4{margin-bottom: 25px;}
.ft-social{padding-left: 70px;}
.ft-cus{font: 400 italic 14px/20px 'Lora', serif; padding-right: 40px;}
.ft-cus p{color: #c4ffdd;}
.ft-cus strong{color: #fff; display: block; font: 400 italic 14px/20px 'Lora', serif; margin: 5px 0 10px;}
a.tm-read{font: 400 italic 14px/20px 'Lora', serif; background: #c4ffdd; color: #0b9444; display: block; width: 118px; padding: 7px 0; text-align: center; border-radius: 4px;}
a.tm-read i{width: 4px; height: 7px; background-position: -8px -61px; display: inline-block; margin-left: 10px;}
a.tm-read.tm-ct:hover,
.footer-top a.tm-read:hover{background: #045f37; color: #fff;}
.footer-top a.tm-read:hover i{background-position: 0 -61px}

.tm-us{}
.tm-us p{margin-bottom: 20px;}
.tm-us span{display: block; font: 400 italic 15px/20px 'Lora', serif; color: #c4ffdd; margin-bottom: 14px;}
.tm-us span i{display: inline-block; width: 16px; margin-right: 7px; height: 16px; vertical-align: middle;}
.tm-us span i.tm-a{background-position: -93px -18px;}
.tm-us span i.tm-p{background-position: -93px -49px;}
.tm-us span i.tm-m{background-position: -93px -83px;}

/*==========================================================================*/
h3.tm-title{font: 700 italic 26px/normal 'Lora', serif; color: #fff; margin-bottom: 20px;}
h3.tm-title.tm-ct{color: #0b9444;}
h3.tm-title.tm-ct:after{content: ''; display: block; width: 66px; height: 11px; background: url(../images/front/sprite.png) no-repeat 0 -78px; margin: 10px 0 0;}

.slider{position: relative;}
.slider .container{height: 100%;}
.camera_fakehover:after{content: ''; display: block; width: 100%; height: 98px; background: url(../images/front/bg-slider.png) no-repeat center; position: absolute; left: 0; bottom: 0; z-index: 10; background-size: 100% 100%;}
.slider .txt-info{background: rgba(255, 255, 255, 0.5); width: 620px; padding: 34px 0; opacity: 0;
-webkit-transition: opacity .8s ease;
   -moz-transition: opacity .8s ease;
    -ms-transition: opacity .8s ease;
     -o-transition: opacity .8s ease;
        transition: opacity .8s ease;
}
.cameracurrent .txt-info{opacity: 1;}
.slider .txt-info h3{font: 700 italic 60px/normal 'Lora', sans-serif; color: #0b942b;}
.slider .txt-info p{font: 400 20px/20px 'PollyRounded', sans-serif; color: #333;}
.camera_caption,
.camera_caption > div{background: transparent; padding: 0; width: 100%; height: 100%;}
.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative;z-index: -1;}
.camera_pag{position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 150;}
.camera_wrap .camera_pag .camera_pag_ul{text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul li{width: 22px; height: 22px; background: url(../images/front/sprite.png) no-repeat -20px -45px; margin: 0 3px; padding: 0; text-indent: -9999px;}
.camera_wrap .camera_pag .camera_pag_ul li span{display: none;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background-position: -58px -45px;}


a.tm-read.tm-ct{background: #f1592a; color: #fff;}
a.tm-read.tm-ct i{background-position: 0px -61px;}
.tm-about{}
.about-info{padding: 40px 0;}
.tm-about p{font: 400 italic 14px/20px 'Lora', serif; color: #444; margin-bottom: 20px;}
.img-about{position: relative; padding: 84px 0 0 93px;}
.img-about:after{content: ''; width: 100%; height: 393px; background: url(../images/front/bg-around.png) no-repeat; display: block; position: absolute; left: 0; top: 0;}
.img-about img{width: 270px; height: 270px; display: block; border-radius: 100%;border: 1px dashed #d1dcb5; padding: 10px;}

h3.tm-title.tm-dot{text-align: center;}
h3.tm-title.tm-dot:after{width: 11px; height: 11px; margin: 10px auto; background-position: 0 -46px;}

.tm-service{background: #fafafa; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 45px 0 30px;}
ul.list-sv{}
ul.list-sv li{margin-bottom: 30px;}
ul.list-sv .detail{border: 1px solid #f2f2f2; background: #fff;}
ul.list-sv a.img{display: block; height: 260px; overflow: hidden; background: #fff; position: relative;}
/* Shine */
ul.list-sv a.img::before {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
ul.list-sv a.img:hover::before {-webkit-animation: shine 1.2s; animation: shine 1.2s; }
@-webkit-keyframes shine {100% {left: 125%; } }
@keyframes shine {100% {left: 125%; } }
.txt-sv{position: relative; padding: 55px 20px 50px; text-align: center;}
ul.list-sv h4{margin: 0 0 15px;}
ul.list-sv h4 a{font: 700 italic 20px/normal 'Lora', serif; color: #444;}
ul.list-sv p{font: 400 italic 14px/normal 'Lora', serif; color: #444;}
ul.list-sv span.dd{width: 84px; height: 84px; background: #fff; border-radius: 100%; display: block; position: absolute; left: 50%; top: -42px; margin-left: -42px; z-index: 10;}
ul.list-sv span.dd i{display: block; margin: 0 auto;}
ul.list-sv span.dd i.tm-rs{background-position: 0 -112px; width: 45px; height: 42px; margin-top: 21px;}
ul.list-sv span.dd i.tm-cs{background-position: -58px -112px; width: 48px; height: 39px; margin-top: 23px;}
ul.list-sv span.dd i.tm-ts{background-position: 0 -164px; width: 28px; height: 42px; margin-top: 21px;}
ul.list-sv span.dd i.tm-ps{background-position: -38px -164px; width: 43px; height: 48px; margin-top: 18px;}
ul.list-sv span.dd i.tm-ls{background-position: 0 -223px; width: 44px; height: 44px; margin-top: 20px;}
ul.list-sv span.dd i.tm-rts{background-position: -55px -223px; width: 42px; height: 40px; margin-top: 22px;}

ul.list-sv .detail:hover span.dd i.tm-rs{background-position: 0 -278px;}
ul.list-sv .detail:hover span.dd i.tm-cs{background-position: -56px -278px;}
ul.list-sv .detail:hover span.dd i.tm-ts{background-position: 0 -332px;}
ul.list-sv .detail:hover span.dd i.tm-ps{background-position: -38px -332px;}
ul.list-sv .detail:hover span.dd i.tm-ls{background-position: 0 -390px;}
ul.list-sv .detail:hover span.dd i.tm-rts{background-position: -53px -390px;}




.tm-ct-bot{background: #fff; padding: 60px 0 30px;}
.tm-ct-bot .col-md-6{margin-bottom: 30px;}
.tm-ct-bot a.tm-read.tm-ct{margin: 30px auto 0;}

ul.list-photo{overflow: hidden;}
ul.list-photo li{float: left; height: 142px; width: 25%;}
ul.list-photo li:first-child{height: 284px; width: 50%;}
ul.list-photo a{display: block; position: relative; width: 100%; height: 100%;}
ul.list-photo a:after{display: block; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: rgba(11, 148, 68, 0.4) url(../images/front/age.png) no-repeat center; opacity: 0;
-webkit-transition: opacity 1s ease;
   -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
     -o-transition: opacity 1s ease;
        transition: opacity 1s ease;
}
ul.list-photo a:hover:after{opacity: 1;}
ul.list-photo a img{display: block; width: 100%; height: 100%;}
.tm-ct-bot .tm-news a.tm-read{margin: 0 auto;}
.tm-news .row{margin: 0 -5px;}
.tm-news .col-md-6{padding: 0 5px;}
.tm-news ul{border-top: 1px solid #f2f2f2;}
.tm-news ul li{border-bottom: 1px solid #f2f2f2; text-align: center; padding: 15px 0;}
.tm-news ul li h4{margin-bottom: 5px;}
.tm-news ul li h4 a{font: 700 italic 14px/20px 'Lora', serif; color: #2c2c2c;}
.tm-news ul li span{font: 400 italic 13px/18px 'Lora', serif; color: #888;}
.img-bot{position: relative;}
.img-bot span{font: 400 italic 13px/20px 'Lora', serif; color: #fff;}
.img-bot .txt-{position: absolute; left: 0; bottom: 15px; padding: 0 20px;}
.img-bot h4 a{font: 700 italic 14px/20px 'Lora', serif; color: #fff;}

/*==========================================================================*/
/* Menu button */
.menu-button{position: absolute; z-index: 1000; top: 33px; right: 15px; width: 30px; height: 24px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent; display: none; }
.menu-button::before,
.menu-button::after,
.menu-button span {background: #0B9444;}
.menu-button::before,
.menu-button::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%; }
.menu-button span {position: absolute; left: 0; overflow: hidden; width: 100%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
.menu-button::before {-webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); }
.menu-button::after {-webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); }
.menu-button--open span {opacity: 0; }
.menu-button--open::before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menu-button--open::after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

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

@media (max-width: 1190px){
	ul.menu{margin: 0 -12px 0 -20px;}
	ul.menu li{padding: 0 20px;}
	ul.menu li:nth-child(5),
	ul.menu li:nth-child(6),
	ul.menu li:nth-child(7){padding: 0 12px;}
	.ft-social,
	.ft-cus{padding: 0;}
	.slider .txt-info{width: 500px; padding: 20px 0;}
	ul.list-sv a.img{height: 205px;}
	.txt-sv{padding: 50px 20px 30px;}
	.tm-news ul li{padding: 7px 0;}
	ul.list-photo li{height: 128px;}
	ul.list-photo li:first-child{height: 256px;}
}
@media (max-width: 990px){
	.header-top{padding: 25px 0;}
	.header-top p{width: calc(100% - 90px); text-align: right;}
	.header-top p span:first-child{display: none;}
	.logo a{left: 0; margin-left: 0;}

	.menu-button{display: block;}
	ul.menu{display: none; width: 100%; margin: 0; position: absolute; right: 0; top: 90px; z-index: 100; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);}
	.tm-menu{position: relative; padding: 45px 0;}
	.tm-menu ul.menu li{float: none; padding: 0; text-align: right;}
	.tm-menu ul.menu li a{display: block; padding: 7px 15px; background: #fff; background: rgba(255, 255, 255, 0.77); border-bottom: 1px solid #eee;}
	.tm-menu ul.menu li.active a,
	.tm-menu ul.menu li a:hover{background: #fff;}
	.footer-bot p{width: 100%; text-align: center;}
	.footer-bot .text-right p{padding-top: 10px;}
	#footer{background: #0b9444; padding: 0;}
	.table_cell{text-align: left;}
	.slider .txt-info h3{font-size: 40px;}
	.slider .txt-info{width: auto; display: inline-block; padding: 25px; text-align: center;}
	.about-info{padding: 0;}
	.tm-about{padding: 30px 0 45px;}
	.img-about{padding: 0; margin: 80px auto 0;}
	.img-about img{margin: auto;}
	.img-about:after{display: none;}
	.tm-news ul li{padding: 18px 0;}
	.camera_fakehover:after{background-size: initial;}
}
@media (max-width: 750px){
	.footer-top {padding: 30px 0 5px;}
	.camera_pag{bottom: 10px;}
	.img-about{margin: 10px auto 0;}
}
@media (max-width: 680px){
	.tm-news ul li{padding: 15px 0;}
	.camera_fakehover:after{display: none;}
}
@media (max-width: 640px){
	.menu-button{right: 0;}
	.slider .txt-info{padding: 10px;}
	.slider .txt-info h3{font-size: 20px;}
	.slider .txt-info p{font-size: 11px; line-height: 15px;}
	ul.list-sv h4 a{font-size: 17px;}
	.txt-sv {padding: 40px 10px 30px; }
	.tm-news ul li{padding: 12px 0;}
}
@media (max-width: 500px){
	ul.list-sv li{width: 100%;}
	ul.list-sv li a.img img{width: 100%;}
	ul.list-sv a.img{height: 240px;}
	.tm-news ul li{padding: 5px 0;}
}
@media (max-width: 420px){
	.header-top p{display: none;}
	.tm-news .col-md-6{width: 100%;}
	.tm-news ul li{padding: 10px 0;}
	ul.list-photo li{height: 100px;}
	ul.list-photo li:first-child{height: 200px;}
}

@media (max-width: 325px){
	ul.list-sv a.img{height: 200px;}
}