@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.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: #fff; padding: 15px 0;}
.header-top p{color: #666; padding-left: 20px; font: 400 13px/normal 'Roboto', Helvetica, sans-serif;}
.header-top p span:first-child{margin-right: 60px;}
.header-top p i{width: 12px; height: 14px; display: inline-block; margin-right: 10px; vertical-align: bottom;}
.header-top p i.tm-a{background-position: 0 0;}
.header-top p i.tm-p{background-position: -21px 0; width: 10px;}

ul.tm-social{overflow: hidden; margin: 0 5px 0 -15px;}
ul.tm-social li{float: left; padding: 0 15px;}
ul.tm-social li a{display: block; height: 16px; text-indent: -9999px;}
ul.tm-social li a.tm-f{background-position: 0 -24px; width: 9px;}
ul.tm-social li a.tm-t{background-position: -19px -24px; width: 16px;}
ul.tm-social li a.tm-g{background-position: -45px -24px; width: 18px;}
ul.tm-social li a.tm-f:hover{background-position: 0 -40px;}
ul.tm-social li a.tm-t:hover{background-position: -19px -40px;}
ul.tm-social li a.tm-g:hover{background-position: -45px -40px;}

.header-bot{background: #ff6200; height: 70px; position: relative;}
.logo{position: relative;}
.logo a{width: 140px; height: 140px; overflow: hidden; border-radius: 100%; background: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: -42px; margin-left: -70px; z-index: 100;}

.tm-menu{padding: 15px 0;}
ul.menu:after{content: ''; display: block; clear: both;}
ul.menu li{float: left; padding: 0 15px; position: relative;}
ul.menu li:first-child{padding-left: 0;}
ul.menu li:nth-child(4),
ul.menu li:nth-child(5),
ul.menu li:nth-child(6),
ul.menu li:nth-child(7){float: right; padding: 0;}
ul.menu li a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; display: block; padding: 10px 20px; border-radius: 4px;
-webkit-transition: background 1s ease;
   -moz-transition: background 1s ease;
    -ms-transition: background 1s ease;
     -o-transition: background 1s ease;
        transition: background 1s ease;}
ul.menu li:hover > a,
ul.menu li a.active{background: #ffc000;}

ul.menu li a i{display: inline-block; height: 15px; width: 16px; vertical-align: text-top; margin-right: 9px;}
ul.menu li a i.tm-h{background-position: 0 -126px; }
ul.menu li a i.tm-i{background-position: -26px -126px; }
ul.menu li a i.tm-p{background-position: -51px -126px; }
ul.menu li a i.tm-d{background-position: -76px -126px; width: 18px;}
ul.menu li a i.tm-e{background-position: -104px -126px; width: 17px;}
ul.menu li a i.tm-l{background-position: -131px -126px; }


ul.menu li ul{position: absolute; left: 0; top: 60px; width: 200px; background: #FF6200; padding: 15px 0 3px; border-radius: 0 0 4px 4px;
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: 1000;}
ul.menu li:hover ul{display: block; opacity: 1; visibility: visible; top: 40px;}
ul.menu li ul li{float: none !important; padding: 0;}
ul.menu li ul li a{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; padding: 7px 15px; border-bottom: 1px solid #FF8A4A; text-transform: initial; border-radius: 0;}
ul.menu li ul li:hover a{color: #000;}
ul.menu li.tm-sub ul li:last-child a{border-bottom: none;}



#footer{background: url(../images/front/bg-footer.png) no-repeat; background-size: cover;}

.footer-bot{border-top: 1px solid rgba(255, 255, 255, .2); padding: 15px 0 14px;}
.footer-bot p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.footer-bot p a{color: #fff;}

.footer-top{padding: 45px 0 20px;}
.footer-top .col-md-6,
.footer-top .col-md-3{margin-bottom: 25px;}
.footer-top h3{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.footer-top ul.lst-txt{}
.footer-top ul.lst-txt li{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; margin-bottom: 10px;}
.footer-top ul.lst-txt li a{color: #fff; position: relative; display: block; padding-left: 12px;
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;}

.footer-top ul.lst-txt li a i{display: block; width: 4px; height: 7px; background-position: -93px -9px; position: absolute; left: 0; top: 5px;}
.footer-top ul.lst-txt li a:hover{padding-left: 15px;}
ul.lst-tt{margin-top: 20px;}
ul.lst-tt li{display: inline-block; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; margin-right: 4px;}
ul.lst-tt li a{display: block; width: 33px; height: 21px; text-indent: -9999px;}
ul.lst-tt li a.tm-1{background-position: 0 -65px;}
ul.lst-tt li a.tm-2{background-position: -39px -65px;}
ul.lst-tt li a.tm-3{background-position: -77px -65px;}
ul.lst-tt li a.tm-4{background-position: -116px -65px;}
ul.lst-tt li a.tm-5{background-position: 0 -96px;}
ul.lst-tt li a.tm-6{background-position: -39px -96px;}
ul.lst-tt li a.tm-7{background-position: -79px -96px;}
ul.lst-tt li a.tm-8{background-position: -118px -96px;}

.slider-top{background: url(../images/front/bg-slider.png) repeat; padding: 40px 0 20px;}
.slider-rg{width: 270px; float: left;}
.slider-rg ul li{margin-bottom: 30px;}
.slider-rg ul li a{display: block;}

.slider-lf{width: calc(100% - 300px); float: right;}
.slider{margin-bottom: 30px; position: relative;}
.slider .bx-wrapper{background: transparent; box-shadow: 0 0 0 transparent; border: none; margin: 0;}
.slider .bx-wrapper .bx-pager{padding: 0; position: absolute; left: 0; width: 100%; bottom: 20px;}
.slider .bx-wrapper .bx-pager.bx-default-pager a{width: 16px; height: 16px; background: url(../images/front/sprite.png) no-repeat -67px 0;}
.slider .bx-wrapper .bx-pager.bx-default-pager a.active{background-position: -41px 0;}



a.view-all{font: 400 14px/20px 'Roboto', sans-serif; color: #666; display: inline-block; margin-top: 6px;}
a.view-all i{width: 4px; height: 7px; background-position: -93px 0; display: inline-block; margin-right: 7px;}
a.view-all:hover i{background-position: -103px 0;}
.tm-promotion ul.lst-pro li h3 a:hover span{color: #ff1b1b;}
.tm-promotion ul.lst-pro li h3 a:hover,
ul.lst-prd li h3 a:hover,
.tm-project-h li h3 a:hover,
a.view-all:hover{color: #ff6200;}

ul.lst-prd:after,
.tm-tittle:after{content: ''; display: block; clear: both;}
.tm-tittle{border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.tm-tittle h2{border-bottom: 1px solid #ff7119; display: inline-block; padding-bottom: 10px; font: 400 18px/25px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; margin-bottom: -1px;}
.tm-tittle h2 i{width: 15px; height: 14px; display: inline-block; background-position: -71px -26px; margin-right: 10px;}

.tm-product{padding: 50px 0 0;}
ul.lst-prd{margin: 0 -15px;}
ul.lst-prd li{padding: 0 15px; width: 25%; float: left; margin-bottom: 20px;}
ul.lst-prd li h3{margin: 10px 0 3px;}
ul.lst-prd li h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}
ul.lst-prd li a.view-all{margin: 0;}
ul.lst-prd li a.img{display: block; position: relative; overflow: hidden;}



.tm-step-pt{padding: 20px 0 0;}
.tm-step-pt h2{text-align: center; font: 400 18px/25px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; position: relative; margin-bottom: 30px;}
.tm-step-pt h2:after{content: ''; display: block; width: 175px; height: 1px; background: #e1e1e1; position: absolute; left: 50%; margin-left: -87px; bottom: 5px; z-index: 0;}
.tm-step-pt h2:before{content: ''; display: block; width: 35px; height: 14px; background: #fff; position: absolute; left: 50%; margin-left: -17px; bottom: 0; z-index: 1;}
.tm-step-pt h2 i{width: 15px; height: 14px; display: block; background-position: -71px -26px; margin: 10px auto 0; position: relative; z-index: 2;}

.tm-step-pt ul li{margin: 50px 0 25px;}
.tm-step-pt .detail{border: 1px solid #e1e1e1; position: relative; padding: 65px 30px 20px; text-align: center;}
.tm-step-pt .detail img{position: absolute; left: 50%; top: -50px; margin-left: -50px;}
.tm-step-pt .detail h3{font: 500 15px/20px 'Roboto', sans-serif; color: #333; margin-bottom: 15px;}
.tm-step-pt .detail strong{font: 400 20px/25px 'Montserrat-SemiBold', sans-serif; color: #333; margin-bottom: 15px; display: block;}
.tm-step-pt .detail p{font: 400 14px/20px 'Roboto', sans-serif; color: #555;}

.tm-promotion{padding: 25px 0;}
.tm-promotion ul.lst-pro{}
.tm-promotion ul.lst-pro li{margin-bottom: 25px;}
.tm-promotion ul.lst-pro li a.img{overflow: hidden; display: block; height: 240px;}
.tm-promotion ul.lst-pro li a.img img{width: 100%; height: 100%;}
.tm-promotion ul.lst-pro li h3{margin: 10px 0 3px;}
.tm-promotion ul.lst-pro li h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}
.tm-promotion ul.lst-pro li h3 a span{color: #ff1b1b;}
.tm-promotion ul.lst-pro li a.view-all{margin: 0;}



.our-strengths{background: #fdfdfd; padding: 60px 0 30px; border-top: 1px dashed #e1e1e1; border-bottom: 1px dashed #e1e1e1;}
.tm-strength{}
.tm-strength li{margin-bottom: 30px;}
.tm-strength .detail{position: relative;}
.tm-strength h2{font: 400 18px/25px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 25px;}
.tm-strength h2 i{width: 15px; height: 14px; display: inline-block; background-position: -71px -26px; margin-right: 10px;}
.tm-strength h3{font: 500 15px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; color: #fff; text-align: center; padding: 15px; background: rgba(255, 113, 25, .9); position: absolute; left: 0; bottom: 30px; width: 100%;}
.tm-strength a.img{height: 275px; display: block; overflow: hidden;}
.tm-strength a.img img{width: 100%; height: 100%;}

.tm-support{border: 1px solid #e1e1e1; margin-bottom: 30px;}
.tm-support h2{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; background: #ff7119; margin: -1px -1px 15px -1px; padding: 15px 30px; border-radius: 4px 4px 0 0;}
.tm-support h2 i{width: 15px; height: 14px; display: inline-block; background-position: -96px -26px; margin-right: 10px;}
.tm-support li{margin-bottom: 11px;}
.tm-support li .detail{padding: 0 30px;}
.tm-support li strong{display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #333; margin-bottom: 5px;}
.tm-support li span{display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.tm-support li span .tm-m{display: inline-block; width: 15px; height: 10px; background-position: -71px -45px; vertical-align: middle; margin-right: 9px;}
.tm-support li span .tm-sk{display: inline-block; width: 12px; height: 12px; background-position: -91px -43px; vertical-align: middle; margin-right: 12px;}


.tm-project-h{padding: 50px 0 55px;}
.tm-project-h h2{text-align: center; font: 400 18px/25px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; position: relative; margin-bottom: 30px;}
.tm-project-h h2:after{content: ''; display: block; width: 175px; height: 1px; background: #e1e1e1; position: absolute; left: 50%; margin-left: -87px; bottom: 5px; z-index: 0;}
.tm-project-h h2:before{content: ''; display: block; width: 35px; height: 14px; background: #fff; position: absolute; left: 50%; margin-left: -17px; bottom: 0; z-index: 1;}
.tm-project-h h2 i{width: 15px; height: 14px; display: block; background-position: -71px -26px; margin: 10px auto 0; position: relative; z-index: 2;}
.tm-project-h li{margin-bottom: 15px;}
.tm-project-h li a.img{height: 240px; overflow: hidden; display: block;}
.tm-project-h li a.img img{width: 100%; height: 100%;}
.tm-project-h li h3{margin: 10px 0 0; text-align: left;}
.tm-project-h li h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}



/*==========================================================================*/
a.tm-mobile{position: absolute; z-index: 1000; top: 50%; margin-top: -12px; right: 36px; 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: #fff;}
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); }

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

@media (max-width: 1190px){
	.tm-menu{padding: 20px 0;}
	ul.menu li{padding: 0 13px;}
	ul.menu li a{font-size: 12px; padding: 5px 10px;}
	.slider-lf{width: calc(100% - 265px);}
	.slider-rg{width: 235px;}
	.slider-rg ul li{margin-bottom: 9px;}
	.tm-support h2{font-size: 14px; padding: 15px 10px;}
	.tm-support li .detail{padding: 0 10px;}
}
@media (max-width: 990px){
	.tm-menu ul.menu{display: none;}
	.logo {position: relative; width: 140px; overflow: hidden; height: 70px; float: left; }
	.logo a{border-radius: 0; left: 0; margin: 0; top: 0; width: 100%; height: 66px; position: relative; margin: 2px 0;}
	.tm-menu{padding: 0; width: calc(100% - 150px); float: right;}
	a.tm-mobile{display: block;}
	ul.mcd-menu{}
	#menu-mobile ul.mcd-menu li{float: none; padding: 0;}
	#menu-mobile ul.mcd-menu li a{padding: 10px 15px; border-radius: 0;font-size: 13px;}
	.mm-menu{background: #ff6200;}
	#menu-mobile a.mm-title{font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
	.mm-listview>li:not(.mm-divider):after{left: 0;}
	.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after {border-color: #EF5B00;}
	.mmmenu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span{background: #ffc000;}
	.mmmenu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
	.mm-menu .mm-listview>li a:not(.mm-next){color: #fff;}
	.footer-bot p{width: 100%; text-align: center;}
	.slider-lf,
	.slider-rg{width: 100%;}
	.slider-top{padding: 20px 0;}
	ul.lst-prd li{width: 33.33%;}
	.tm-product{padding: 25px 0 0;}
	.our-strengths{padding: 35px 0 0;}
	.tm-step-pt .detail{padding: 65px 10px 20px;}
	.tm-step-pt .detail h3,
	.tm-step-pt .detail strong{margin-bottom: 5px;}
	.tm-project-h{padding: 30px 0;}
}
@media (max-width: 750px){
	.slider{margin-bottom: 20px;}
	.slider-rg ul{margin: 0 -10px;}
	.slider-rg ul li{padding: 0 10px;}
}
@media (max-width: 680px){
	.header-top p{padding-left: 0;}
	.tm-step-pt ul li{width: 100%;}
}
@media (max-width: 630px){
	.footer-top .col-md-6, .footer-top .col-md-3{width: 100%;}
	.footer-top{padding: 25px 0 0;}
	ul.lst-prd li{width: 50%;}
}
@media (max-width: 500px){
	.header-top div.pull-right{display: none;}
	ul.lst-tt li:first-child{display: block; margin-bottom: 5px;}
	.tm-strength li{width: 100%;}
}
@media (max-width: 420px){
	.header-top p span:first-child{margin-right: 20px;}
	ul.lst-tt li{margin-right: 0;}
	.slider .bx-wrapper .bx-pager{bottom: 10px;}
	.tm-tittle h2{font-size: 16px;}
	.tm-project-h li{width: 100%;}
}
@media (max-width: 380px){
	.tm-support li{width: 100%;}
}

@media (max-width: 325px){
	.tm-promotion ul.lst-pro li,
	ul.lst-prd li{width: 100%;}
}