@font-face {
    font-family: 'UTMAVO';
    src: url('../fonts/Avo/UTMAVO.eot');
    src: url('../fonts/Avo/UTMAVO.eot') format('embedded-opentype'),
         url('../fonts/Avo/UTMAVO.woff2') format('woff2'),
         url('../fonts/Avo/UTMAVO.woff') format('woff'),
         url('../fonts/Avo/UTMAVO.ttf') format('truetype'),
         url('../fonts/Avo/UTMAVO.svg#UTMAVO') format('svg');
}
@font-face {
    font-family: 'UTMPENUMBRA';
    src: url('../fonts/Penumbra/UTMPENUMBRA.eot');
    src: url('../fonts/Penumbra/UTMPENUMBRA.eot') format('embedded-opentype'),
         url('../fonts/Penumbra/UTMPENUMBRA.woff2') format('woff2'),
         url('../fonts/Penumbra/UTMPENUMBRA.woff') format('woff'),
         url('../fonts/Penumbra/UTMPENUMBRA.ttf') format('truetype'),
         url('../fonts/Penumbra/UTMPENUMBRA.svg#UTMPENUMBRA') format('svg');
}

/*----- 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;}

ul.menu li a{-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
ul.menu li a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #EF851B; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
ul.menu li.active a:before,
ul.menu li:hover a:before{-webkit-transform: scaleY(1); transform: scaleY(1);}
/*===================================================================*/
#header{position: relative;}
.header-top{background: url(../images/front/bg-header.png) repeat-x; padding: 19px 0;}
.header-top p{font: 700 27px/normal 'Roboto', sans-serif; color: #fff;}
.header-top p span{color: #E5790E;}
.tm-logo{float: left; width: 440px;}
.tm-logo a{display: inline-block;}
.hd-top-rg{width: calc(100% - 440px); float: right;}
.tm-rg{text-align: right;}
.tm-rg span{display: block; font: 400 14px/18px 'Roboto', sans-serif; color: #fff; margin: 25px 0 ;}
ul.lst-social{overflow: hidden; margin: 0 -15px; text-align: right; display: inline-block;}
ul.lst-social li{float: left; padding: 0 15px;}
ul.lst-social li a{text-indent: 9999px; display: block; height: 18px; background: url(../images/front/ls-social.png) no-repeat;}
ul.lst-social li a.tm-f{background-position: 0 0; width: 9px;}
ul.lst-social li a.tm-g{background-position: -45px 0; width: 23px;}
ul.lst-social li a.tm-t{background-position: -99px 0; width: 19px;}
ul.lst-social li a.tm-y{background-position: -151px 0; width: 18px;}
.header-bot{background: url(../images/front/bg-header-bot.png) repeat-x; width: 100%; position: absolute; left: 0; bottom: -60px; z-index: 10;}
ul.menu li{float: left; text-transform: uppercase;}
ul.menu li a{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; padding: 20px 15px; display: block; border-right: 1px solid #B3B3B3;}
ul.menu li:last-child a{border-right: none;}
/*==========================================================================*/
#footer{background: url(../images/front/bg-footer.jpg) no-repeat bottom center; background-size: cover; padding-bottom: 53px;}
.footer-bot{background: #184671;; font: 500 17px/20px 'Roboto', sans-serif; padding: 15px 0 10px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; }
.footer-bot span.pull-left{color: #fff; text-transform: uppercase; margin: 4px 0; display: block;}
.footer-bot ul{margin: 0 -30px;}
.footer-bot ul li{float: left; padding: 0 30px; color: #fff;}
.footer-bot ul li i{display: inline-block; width: 24px; height: 28px; margin-right: 7px; vertical-align: middle;}
.footer-bot ul li i.tm-s{background-position: 0 0;}
.footer-bot ul li i.tm-p{background-position: 0 -41px;}
.footer-bot ul li i.tm-f{background-position: 0 -82px;}
.ft-top-t{margin: 0 -50px; padding: 35px 0 0;}
.ft-top-t .col-md-4{padding: 0 50px; margin-bottom: 30px; border-right: 1px solid #fff; font: 400 15px/20px 'Roboto', sans-serif; color: #fff; min-height: 205px;}
.ft-top-t .col-md-4.pull-right{border-right: none;}
.ft-top-t h3{text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9);font: 700 15px/20px 'Roboto', sans-serif; color: #EF851B; text-transform: uppercase; margin-bottom: 15px;}
.ft-top-t ul li{margin-bottom: 10px;}
.ft-top-t ul li:last-child{margin-bottom: 0;}
.ft-top-t .ft-tmn ul{overflow: hidden; margin: 0 -10px;}
.ft-top-t .ft-tmn ul li{padding: 0 10px; width: 50%; float: left;}
.ft-top-t ul li a{color: #fff;}
.ft-top-t ul li a:hover{color: #E5790E;}
.ft-top-t ul li a:hover:before{background: #E5790E;}
.ft-top-t ul li a:before{content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 20px; background: #fff; vertical-align: middle; margin-right: 10px;}
.ft-top-t p span{margin-bottom: 10px; display: block; position: relative; padding-left: 35px;}
.ft-top-t p span i{display: block; position: absolute; left: 0; top: 0;}
.ft-top-t p span .tm-a{background-position: -41px 0; width: 14px; height: 17px; top: 4px;}
.ft-top-t p span .tm-p{background-position: -42px -29px; width: 18px; height: 18px;}
.ft-top-t p span .tm-e{background-position: -42px -62px; width: 15px; height: 11px; top: 6px;}
.ft-top-t p span .tm-w{background-position: -42px -89px; width: 18px; height: 16px; top: 3px;}
.ft-top-b{border-top: 1px solid #fff; padding: 10px 0 24px; overflow: hidden; font: 400 14px/20px 'UTMAVO', sans-serif; color: #fff;}
.ft-top-b a{color: #fff;}
ul.ft-social{overflow: hidden; margin: 0 -15px; display: inline-block;}
ul.ft-social li{float: left; padding: 0 15px;}
ul.ft-social li a{text-indent: -9999px; display: block; height: 16px;}
ul.ft-social li a.tm-f{background-position: 0 -126px; width: 7px;}
ul.ft-social li a.tm-g{background-position: -36px -126px; width: 19px;}
ul.ft-social li a.tm-t{background-position: -80px -126px; width: 16px;}
ul.ft-social li a.tm-y{background-position: -122px -126px; width: 17px;}
/*==========================================================================*/
.tm-slider{position: relative; z-index: 1;}
.tm-slider .camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative; z-index: -1;}
.camera_caption{height: calc(100% - 60px);}
.camera_caption > div{width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; text-align: center; background: transparent;}
.yl-block{background: url(../images/front/bg-slider.png) repeat; border: 2px solid #E5790E; padding: 15px 50px;}
.yl-block h3{font: 400 30px/normal 'UTMAVO', sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 10px;}

.tm-title{border-bottom: 1px solid #CBCBCB; margin-bottom: 30px;}
.tm-title h2{font: 400 25px/normal 'UTMPENUMBRA', sans-serif; color: #000; border-bottom: 3px solid #e5790e; padding-bottom: 10px; display: inline-block; margin-bottom: -1px;}

.tm-template{padding: 40px 0 0;}
.lst-temp{}
.lst-temp ul{margin: 0 -15px;}
.lst-temp ul li{padding: 0 15px; float: left; width: 25%; margin-bottom: 30px;}
.lst-temp ul li .detail{position: relative; text-align: center;}
.lst-temp ul li a.img{display: block; overflow: hidden; height: 325px;}
.lst-temp ul li h3{padding: 7px 10px; background: rgba(255, 255, 255, .7); width: 100%; position: absolute; bottom: 0; left: 0;}
.lst-temp ul li h3 a{font: 500 16px/20px 'Roboto', sans-serif; color: #4b4b4b;}
.lst-temp ul li h3 a:hover{color: #b15e0b;}


.tm-service{padding: 35px 0 35px;}
.tm-service p{font: 300 20px/24px 'Roboto', sans-serif; text-align: center; color: #5d5d5d; margin: 0 auto 25px; width: 930px;}
.lst-sv{position: relative; overflow: hidden;}
.lst-sv .slick-list{margin: 0 -15px;}
.lst-sv ul li{padding: 0 15px;}
.lst-sv .detail{position: relative;}
.lst-sv a.img{height: 204px; overflow: hidden; display: block;}
.lst-sv h3{background: #EF851B; position: absolute; left: 0; bottom: 0; width: 100%; padding: 11px 15px 7px;}
.lst-sv h3 a{font: 700 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; display: block; width: calc(100% - 60px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lst-sv h3 a:hover{color: #17006c;}
.lst-sv h3 span{background: url(../images/front/bg-sv.png) no-repeat; width: 72px; height: 72px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: -35px;}
.lst-sv button{border: none; padding: 0; display: block; width: 47px; height: 49px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -25px;}
.lst-sv button.slick-prev{background-position: 0 -158px; left: 0;}
.lst-sv button.slick-next{background-position: 0 -220px; right: 0;}
.lst-sv button.slick-prev:hover{background-position: -60px -158px;}
.lst-sv button.slick-next:hover{background-position: -60px -220px;}


.tm-process{}
.tm-steps{background: url(../images/front/bg-step.png) no-repeat center; background-size: cover; padding-bottom: 15px;}
.tm-steps .text-step{padding: 27px 0 25px;}
.tm-steps ul{width: 830px; margin: 0 auto;}
.tm-steps ul li{}
.tm-steps .detail{overflow: hidden; margin-bottom: 20px;}
.tm-steps .st-nb{font: 700 30px/normal 'Roboto', sans-serif; color: #EF851B; width: 46px; height: 46px; background: #fff; border-radius: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; float: left; margin: 3px 0;}
.tm-steps .st-txt{width: calc(100% - 56px); float: right; background: #fff; padding: 6px 0; border-radius: 4px; text-align: center;}
.tm-steps .st-txt h4{font: 700 15px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase;}
.tm-steps .st-txt span{font: 400 14px/20px 'Roboto', sans-serif; color: #666; display: block;}

.tm-gallery-build a.img{display: block; overflow: hidden; position: relative;}
.tm-gallery-build .tm-title{position: relative;}
.tm-gallery-build .tm-title a.read-more{position: absolute; right: 0; bottom: 1px;}
a.read-more{font: 400 14px/20px Arial, Helvetica, sans-serif; color: #fff; background: #EF851B; border-radius: 5px; display: inline-block; padding: 5px 10px;}

.tm-gallery-build ul li{margin-bottom: 30px;}
.h-285{height: 285px;}
.h-205{height: 205px;}
.h-520{height: 520px;}
.tm-build span{font: 500 16px/20px 'Roboto', sans-serif; color: #fff; display: block; position: absolute; left: 5%; right: 5%; top: 50%; text-transform: uppercase; background: url(../images/front/bg-bld.png) repeat; padding: 18px 20px; margin-top: -28px;}

.tm-house{padding: 40px 0 0;}
.house-tab{}
.lst-tab{position: relative; margin-bottom: 30px;}
.lst-tab ul{text-align: center;}
.lst-tab ul li{display: inline-block; text-transform: uppercase;}
.lst-tab ul li a{font: 700 14px/20px 'Roboto', sans-serif; color: #ef851b; border: 1px solid #CBCBCB; display: block; padding: 9px 30px 7px;}
.lst-tab ul li a:hover,
.lst-tab ul li a.active{background: #ef851b; color: #fff; border-color: #ef851b;}

.lst-house{}
.lst-house ul{margin: 0 -15px; overflow: hidden;}
.lst-house ul li{padding: 0 15px; margin-bottom: 30px; float: left; width: 25%;}
.lst-house ul li .detail{position: relative;}
.lst-house ul li a.img{height: 345px; overflow: hidden; position: relative; display: block;}
.lst-house ul li h3{background: rgba(22, 107, 165, .5); position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 0; text-align: center;}
.lst-house ul li h3 a{font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; display: block;}

.tm-search{background: url(../images/front/bg-search.png) no-repeat center; background-size: cover; padding: 25px 25px 30px;  position: relative;}
.search-if{border: 1px dashed #fff; padding: 45px 0 25px; border-top: none; position: relative; border-bottom: none;}
.search-if:before{border-top: 1px dashed #fff; content: ''; display: block; height: 1px; position: absolute; left: 0; top: 0; width: calc((100%/2) - 130px); z-index: 1;}
.search-if:after{border-top: 1px dashed #fff; content: ''; display: block; height: 1px; position: absolute; right: 0; top: 0; width: calc((100%/2) - 130px); z-index: 1;}
.form-src:before{border-top: 1px dashed #fff; content: ''; display: block; height: 1px; position: absolute; left: 0; bottom: 0; width: calc((100%/2) - 50px); z-index: 1;}
.form-src:after{border-top: 1px dashed #fff; content: ''; display: block; height: 1px; position: absolute; right: 0; bottom: 0; width: calc((100%/2) - 50px); z-index: 1;}
.search-if button{font: 400 14px/20px Arial, Helvetica, sans-serif; color: #fff; background: #EF851B; border-radius: 5px; display: inline-block; padding: 5px 10px; border: none; position: absolute; left: 50%; bottom: -10px; margin-left: -40px;}
a.read-more:hover,
.search-if button:hover{background: #b16418;}

.txt-tl{position: absolute; left: 50%; top: -12px; margin-left: -120px;}
.form-src{width: 1000px; margin: 0 auto;}
.form-src ul li{margin-bottom: 20px;}
.form-src ul li label{width: 100%; position: relative; cursor: pointer;}
.form-src ul li label:after {content: ''; right: 20px; top:50%; margin-top: -3px; position:absolute; pointer-events:none; width: 10px; height: 6px; background: url(../images/front/sprite.png) no-repeat -73px -5px; }
.form-src ul li select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font: 400 15px/20px 'Roboto', sans-serif; color: #000; text-transform: capitalize; border: none; box-shadow: 0 0 0 !important;}

.lst-house ul li a.img img,
.tm-gallery-build a.img img,
.lst-sv a.img img,
.lst-temp ul li a.img img{width: 100%; height: 100%; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }
.lst-house ul li a.img:hover img,
.tm-gallery-build a.img:hover img,
.lst-sv a.img:hover img,
.lst-temp ul li a.img:hover img{webkit-transform: rotate(5deg) scale(1.1); -moz-transform: rotate(5deg) scale(1.1); -ms-transform: rotate(5deg) scale(1.1); -o-transform: rotate(5deg) scale(1.1); transform: rotate(5deg) scale(1.1);}
/*==========================================================================*/
/* Menu button */
a.menu-mobile{position: absolute; z-index: 1000; top: -55px; right: 0; width: 30px; height: 24px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent; display: none;}
a.menu-mobile::before,
a.menu-mobile::after,
a.menu-mobile span {background: #fff;}
a.menu-mobile::before,
a.menu-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.menu-mobile span {position: absolute; left: 0; top: 11px; overflow: hidden; width: 100%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
a.menu-mobile::before {-webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); }
a.menu-mobile::after {-webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); }
a.menu-mobile--open span {opacity: 0; }
a.menu-mobile--open::before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
a.menu-mobile--open::after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }


.mm-menu{background: #ef851b;}
.mm-listview>li>a, .mm-listview>li>span{font: 500 14px/20px 'Roboto', sans-serif; color: #fff;}
.mm-menu .mm-navbar a, 
.mm-menu .mm-navbar>*{font: 400 17px/normal 'UTM-Godswordbold', sans-serif; color: #fff; text-transform: uppercase;}
.mm-navbar,
.mm-listview>li, 
.mm-listview>li .mm-next, 
.mm-listview>li .mm-next:before, 
.mm-listview>li:after,
.mm-listview>li:not(.mm-divider):after{border-color: #da7108;}
.mm-listview>li:not(.mm-divider):after{left: 0; z-index: 3;}

.mm-menu .mm-btn:after, 
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-arrow:after, 
.mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}

.mm-menu .mm-listview>li.mm-selected>a, 
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), 
.mm-menu .mm-listview>li.mm-selected>span {background: rgba(204, 124, 0, 0.58); border-radius: 0;}
.mm-menu .mm-listview>li a:not(.mm-next) {-webkit-tap-highlight-color: rgba(204, 124, 0, 0.58); tap-highlight-color: rgba(204, 124, 0, 0.58); }


a.tm-responsive{display: none; font: 500 15px/20px 'Roboto', sans-serif; background: #ffaf01; color: #fff; padding: 8px 15px; overflow: hidden;}
a.tm-responsive i{font-style: initial;}
a.tm-responsive span{float: right; text-indent: -9999px; background: url(../images/front/arrow-down.png) no-repeat; width: 25px; height: 11px; margin-top: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
a.tm-responsive.active span{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }


.tm-social{position: fixed; left: 0; top: 50%; z-index: 100; margin-top: -78px;}
.tm-social ul li{margin-bottom: 5px;}
.tm-social ul li a{display: block; width: 35px; height: 34px; background: url(../images/front/social.png) no-repeat; text-indent: -9999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.tm-social ul li a.tm-f{background-position: 0 0;}
.tm-social ul li a.tm-f:hover{background-position: -45px 0;}
.tm-social ul li a.tm-t{background-position: -90px 0;}
.tm-social ul li a.tm-t:hover{background-position: -135px 0;}
.tm-social ul li a.tm-y{background-position: 0 -44px;}
.tm-social ul li a.tm-y:hover{background-position: -45px -44px;}
.tm-social ul li a.tm-g{background-position: -90px -44px;}
.tm-social ul li a.tm-g:hover{background-position: -135px -44px;}










@media (max-width: 1190px){
	.header-bot{bottom: -50px;}
	ul.menu li a{font-size: 12px; padding: 15px 10px;}
	.footer-bot ul{margin: 0 -10px;}
	.footer-bot ul li{padding: 0 10px;}
	.ft-top-t{margin: 0 -15px;}
	.ft-top-t .col-md-4{padding: 0 15px; font-size: 14px; border: none;}
	.lst-house ul li,
	.lst-temp ul li{width: 33.33%;}
	.tm-build span{font-size: 14px;}
	.form-src{width: 95%;}
    .hd-top-rg{text-align: right; padding: 15px 0;}
    .tm-rg span{margin: 10px 0;}
    .tm-title h2{font-size: 19px;}
    .lst-sv h3 a{font-size: 13px;}
}
@media (max-width: 990px){
	.tm-logo{width: 290px;}
	.hd-top-rg{width: calc(100% - 360px);}
	.header-bot{bottom: 0;}
	ul.menu,
	.camera_caption,
	.ft-top-b .pull-right,
	.tm-rg{display: none !important;}
	.header-top p{text-align: right;}
	.tm-menu{position: relative;}
	a.menu-mobile{display: block;}
	
	.footer-bot{font-size: 15px;}
    .footer-bot ul li{position: relative;}
    .footer-bot ul li i{margin-right: 0;}
    .footer-bot ul li span{display: none; width: 200px; position: absolute; right: 10px; top: -40px; background: #fff; z-index: 10; font: 500 14px/20px 'Roboto', sans-serif; color: #000; padding: 5px 10px; border-radius: 4px; text-align: center; border: 1px solid #e8e8e8; box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.56);}
    .footer-bot ul li span:after{content: ''; display: block; border: 7px solid transparent; border-top: 7px solid #fff; position: absolute; right: 5px; bottom: -14px;}
    .footer-bot ul li.active span{display: block;}

	.ft-top-t .col-md-4{min-height: initial;}
	.ft-top-t .ft-tmn ul li{width: 33.33%;}
	.ft-top-b{padding: 10px 0;}
	.tm-service p,
	.ft-top-b p{width: 100%; text-align: center;}
	.tm-steps{padding: 0 15px 15px;}
	.tm-steps ul{width: auto; margin: 0 -15px;}
	.tm-build a.img{height: 280px;}
	.lst-tab ul li a{padding: 9px 15px 7px;}
    .tm-title h2{font-size: 25px;}
}
@media (max-width: 750px){
	.tm-template{padding: 30px 0 0;}
	.lst-house ul li a.img{height: 275px;}
	a.tm-responsive{display: block;}
	.lst-tab ul{position: absolute; left: 0; top: 40px; width: 100%; background: #e1e1e1; z-index: 10; display: none;}
	.lst-tab ul li{display: block; margin-bottom: 1px;}
	.lst-tab ul li a{border: none; background: #fff;}
}
@media (max-width: 680px){
	.header-top p{font-size: 20px; margin-top: 15px;}
	.lst-temp ul li h3 a{font-size: 15px;}
	.tm-service p{font-size: 17px;}
    .hd-top-rg{padding: 0;}
}
@media (max-width: 630px){
	.lst-house ul li,
	.lst-temp ul li{width: 50%;}
	.tm-steps ul li{width: 100%;}
	.h-520{height: 430px;}
	.h-285{height: 230px;}
	.h-205{height: 170px;}
}
@media (max-width: 500px){
	.ft-top-t .col-md-4{width: 100%; float: none; margin-bottom: 20px;}
	.hd-top-rg{width: 100%; float: none;}
	.header-top{padding: 35px 0 15px;}
	.header-top p {margin-top: 0; position: absolute; right: 15px; top: 5px; }
	.tm-logo {width: 225px;}
	a.menu-mobile{top: -45px;}
}
@media (max-width: 440px){
	.tm-gallery-build ul li.col-md-3,
	.ft-top-t .ft-tmn ul li{width: 50%;}
	.tm-gallery-build ul li.col-md-6,
	.form-src ul li,
	.tm-build ul li{width: 100%;}
	.tm-gallery-build  a.img{height: auto;}
}
@media (max-width: 380px){
	.tm-title h2{font-size: 17px;}
	.lst-house ul li,
	.lst-temp ul li{width: 100%;}
	.tm-search{padding: 25px 10px 30px;}
}