@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;}

.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
/*===================================================================*/
#header{position: absolute; left: 0; top: 0; width: 100%; z-index: 25;}
.header-top{background: rgba(255,255,255,0.70);}
.header-top p{padding: 12px 0;}
.header-top p span{display: inline-block; font: 400 13px/20px 'Roboto', sans-serif; color: #333; margin-right: 25px;}
.header-top p span:before{width: 14px; display: inline-block; content: ""; background: url(../images/front/sprite.png) no-repeat; vertical-align: sub; margin-right: 7px;}
.header-top p span.phone:before{height: 15px; background-position: 0 0;}
.header-top p span.mail:before{height: 12px; background-position: -24px 0;}

.header-top .block-search{position: relative;}
.header-top .block-search input{height: 44px; background: transparent; width: 240px; border: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; font: 300 13px/20px 'Roboto', sans-serif; color: #333; padding: 0 15px;}
.header-top .block-search button{border: none; padding: 0; margin: 0; width: 14px; height: 14px; background: url(../images/front/sprite.png) no-repeat -48px 0; text-indent: -9999px; display: block; position: absolute; right: 15px; top: 15px;}
.header-top .block-search ::-webkit-input-placeholder { font: 300 13px/20px 'Roboto', sans-serif; color: #333;}
.header-top .block-search :-moz-placeholder { font: 300 13px/20px 'Roboto', sans-serif; color: #333;}
.header-top .block-search ::-moz-placeholder { font: 300 13px/20px 'Roboto', sans-serif; color: #333;}
.header-top .block-search :-ms-input-placeholder { font: 300 13px/20px 'Roboto', sans-serif; color: #333;}
.logo{position: absolute; left: 50%; top: -10px; width: 164px; height: 128px; margin-left: -57px; z-index: 20;}
.header-bot{background: #fff; position: relative;}
.header-bot:after{content: ''; display: block; width: 100%; height: 12px; background: url(../images/front/bg-shadow.png) repeat-x; position: absolute; bottom: -12px; left: 0; z-index: 10;}
.block-menu{}
.mcd-menu li{float: left; position: relative; padding: 27px 0 24px; margin: 0 1px;}
.mcd-menu li.logo_{width: 240px; height: 39px;}
.mcd-menu li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #444; text-transform: uppercase; padding: 9px 20px 8px; border: 1px solid transparent;}
.mcd-menu li a:before{content: ''; display: block; border: 5px solid transparent; border-top: 5px solid transparent; position: absolute; left: 50%; bottom: -21px; margin-left: -2px;}
.mcd-menu li a.active:before{border-top: 5px solid #ff3123;}
.mcd-menu li a{position: relative; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; }
.mcd-menu li:hover a {opacity: 1; -webkit-animation: moveFromLeft 300ms ease-in-out; -moz-animation: moveFromLeft 300ms ease-in-out; -ms-animation: moveFromLeft 300ms ease-in-out; -o-animation: moveFromLeft 300ms ease-in-out; animation: moveFromLeft 300ms ease-in-out; }
.mcd-menu li a.active,
.mcd-menu li:hover > a {color: #ff3123; border-color: #ff3123; }
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.mcd-menu li ul {padding: 5px 0; width: 198px; position: absolute; background: #FFF; border-top: 1px solid #FF3123; 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; left: 0; top: 0px; }
.mcd-menu li ul:before {content: ""; position: absolute; top: -6px; left: 28%; border-bottom: 5px solid #FF3123; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.mcd-menu li:hover > ul{display: block; opacity: 1; visibility: visible; top: 90px; left: 0; }
.mcd-menu li ul li {float: none; padding: 0; border-bottom: 1px solid #EEE; }
.mcd-menu li ul li a {padding: 7px 15px; text-align: left; border: 0; border-bottom: 1px solid transparent; margin-bottom: -1px;}
/*========================================================================*/
#footer{background: #8e170e url(../images/front/bg-footer.png) no-repeat center top;}
.footer-top{padding: 45px 0 20px;}
.footer-top h1{margin-bottom: 10px;}
.footer-top h1 a{font: 400 18px/24px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase;}
.footer-top p span{display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #ffaca6; margin-bottom: 10px;}
.footer-top p span:before{display: inline-block; content: ''; width: 12px; height: 13px; background: url(../images/front/sprite.png) no-repeat; margin-right: 7px;}
.footer-top p span.add:before{background-position: 0 -51px;}
.footer-top p span.phone:before{background-position: 0 -78px;}
.footer-top p span.fax:before{background-position: 0 -107px;}
.footer-top p span.web:before{background-position: 0 -136px; height: 10px;}

.footer-top .menu-bot{margin-bottom: 15px; overflow: hidden;}
.footer-top .menu-bot li{float: left; text-transform: uppercase; padding: 0 15px; margin-bottom: 20px;}
.footer-top .menu-bot li a{display: inline-block; font: 400 13px/20px 'Roboto', sans-serif; color: #ffaca6; padding-bottom: 10px; border-bottom: 1px solid transparent;}
.footer-top .menu-bot li a.active,
.footer-top .menu-bot li a:hover{color: #fff; border-color: #fff;}
ul.social{}
ul.social li{float: left; padding: 0 10px;}
ul.social li a{display: block; width: 24px; height: 24px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat;}
ul.social li a.i-f{background-position: 0 -24px;}
ul.social li a.i-t{background-position: -34px -24px;}
ul.social li a.i-g{background-position: -68px -24px;}
ul.social li a.i-l{background-position: -102px -24px;}
.footer-bot{background: url(../images/front/bg-line.png) no-repeat center top; text-align: center;}
.footer-bot p{font: 400 13px/20px Arial; color: #ffaca6; padding: 15px 0;}
.footer-bot p a{color: #ffaca6;}
/*===========================================================================*/
h3.title{font: 400 20px/24px 'Montserrat-SemiBold', sans-serif; color: #2c2c2c; text-transform: uppercase; margin-bottom: 25px;}
h3.title:after{display: block; margin: 15px 0 0; width: 70px; height: 2px; background: #ff1000; content: "";}

.block-news{padding: 45px 0 35px; background: #fff;}
.block-news a.img-news{height: 180px; overflow: hidden; width: 100%; display: block; margin-bottom: 10px;}
.block-news a.img-news img{height: 100%; width: 100%;}
.block-news h4{margin-bottom: 5px;}
.block-news h4 a{font: 500 15px/18px 'Roboto', sans-serif; color: #333;}
.block-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.block-news span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}
a.views{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #ff6000; padding: 6px 15px; border-radius: 4px; display: inline-block; margin-top: 10px;}
a.views:hover{background: #DA0E00;}
a.views:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #fff; margin-right: 8px;}
.block-news .news ul li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1;}
.block-news .cust ul{overflow: hidden;}
.block-news .cust h3.title{padding-left: 15px;}
.block-news .cust .owl-item{padding: 0 15px;}
.block-news .cust li a:first-child{margin-bottom: 31px;}
.block-news .cust li a{display: block; height: 102px; border: 1px solid #e1e1e1; text-align: center;}
.block-news .owl-buttons{width: 100%; text-align: center; margin-top: 20px;}
.block-news .owl-buttons div{display: inline-block; margin: 0 4px; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat;}
.block-news .owl-buttons div.owl-prev{background-position: -30px -53px;}
.block-news .owl-buttons div.owl-next{background-position: -72px -53px;}
.block-news .owl-buttons div.owl-prev:hover{background-position: -30px -86px;}
.block-news .owl-buttons div.owl-next:hover{background-position: -72px -86px;}

.block-project{background: #ffefe5 url(../images/front/bg-prj.png) no-repeat center; padding: 30px 0;}
.left-pr{width: 270px; margin-right: 30px; float: left;}
.left-pr p{font: 400 13px/20px 'Roboto', sans-serif; color: #444; margin: 0 0 10px;}
.right-pr{overflow: hidden;}
.right-pr ul li{margin-bottom: 15px;}
.right-pr a.img{background: #ff6000; display: block; height: 175px; overflow: hidden; margin-bottom: 15px;}
.right-pr a.img img{width: 100%; height: 100%;}
.right-pr h4{overflow: hidden; height: 20px; margin-bottom: 5px;}
.right-pr h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.right-pr span{font: 400 13px/20px 'Roboto', sans-serif; color: #444; display: block; margin: 5px 0; height: 20px; overflow: hidden;}

.block-fields{padding: 30px 0 60px;}
.block-fields .container{padding: 0;}
.title-top{margin-bottom: 30px;}
.title-top h3{font: 400 20px/24px 'Montserrat-SemiBold', sans-serif; color: #2c2c2c; text-transform: uppercase; text-align: center; margin-bottom: 10px;}
.title-top p{font: 400 14px/20px 'Roboto', sans-serif; color: #555; text-align: center;}
.title-top p:after{display: block; width: 70px; height: 2px; background: #ff1000; margin: 15px auto 0; content: "";}
.block-fields .detail{position: relative;}
.block-fields a.img{height: 325px; overflow: hidden; display: block; width: 100%;}
.block-fields a.img img{height: 100%; width: 100%;}
.block-fields .info-txt{width: 100%; padding: 0 15px; position: absolute; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.70); z-index: 10; height: 44px; overflow: hidden; transition: height 1s;}
.block-fields .info-txt h4{height: 20px; overflow: hidden; margin: 14px 0 10px;}
.block-fields .info-txt h4 a{font: 700 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.block-fields .info-txt p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; height: 60px; overflow: hidden; margin-bottom: 5px;}
.block-fields a.read{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.block-fields a.read:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #fff; margin-right: 8px;}
.block-fields .owl-item li{padding: 0 15px;}
.block-fields li:hover .info-txt{background: rgba(255,16,0,0.70); height: 136px;}
.block-fields .owl-controls{margin: 20px 0 0; text-align: center;}
.owl-controls .owl-page{display: inline-block; margin: 0 5px;}
.owl-controls .owl-page span{width: 15px; height: 15px; background: #d1d1d1; display: block; border-radius: 100%;}
.owl-controls .owl-page.active span{background: #da0e00;}

.block-intro{padding: 35px 0 30px; background: url(../images/front/line-intro.png) no-repeat center bottom; overflow: hidden;}
.block-intro p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.block-intro ul{margin: 0 -20px;}
.block-intro ul li{float: left; width: 50%; padding: 0 20px; margin-bottom: 20px;}
.block-intro ul li:nth-child(2){margin-top: 15px;}
.block-intro ul li:nth-child(3){margin-top: -10px;}
.block-intro ul li .img_{position: relative;}
.block-intro ul li .img_ img{width: 100%;}
.block-intro ul li .img_:before{display: block; content: ''; width: 20px; height: 20px; background: url(../images/front/bg-bf.png) no-repeat; position: absolute; left: -9px; top: -9px;}
.block-intro ul li .img_:after{display: block; content: ''; width: 20px; height: 20px; background: url(../images/front/bg-af.png) no-repeat; position: absolute; right: -9px; bottom: -9px;}

.slider{overflow: hidden; position: relative;}
.slider .item-slider{overflow: hidden; position: relative; height: 590px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; height: 100%;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; height: 100%;}
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; height: 100%;}
.rslides_tabs{text-align: center; width: 100%; position: absolute; left: 0; bottom: 90px; z-index: 10;}
.rslides_tabs li{display: inline-block; padding: 0 5px;}
.rslides_tabs li a{display: inline-block; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 100%; text-indent: -9999px; background: #fff;}
.rslides_tabs li.rslides_here a{background: #da0e00;}

.block-dl-txt{position: absolute; left: 0; bottom: 0; width: 100%; background: #2f2f2f; z-index: 20; padding: 15px 0;}
.block-dl-txt p{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;}

.right-pr li,
.block-fields li .detail{overflow: hidden;}

.right-pr a.img::before,
.block-fields 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); }

.right-pr a.img:hover::before,
.block-fields a.img:hover::before {-webkit-animation: shine 1.2s; animation: shine 1.2s; }
@-webkit-keyframes shine {100% {left: 125%; } }
@keyframes shine {100% {left: 125%; } }

.block-news h4 a:hover,
.right-pr h4 a:hover{color: #DA0E00;}
.block-news .cust li a:hover{border-color: #da0e00;}
/*=======================*/
.banner-top{position: relative; width: 100%; height: 300px;background: url(../images/banner-top-1.jpg) no-repeat; background-size: cover;}
.banner-top .banner-txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.banner-top .table_cell{vertical-align: bottom;}
.banner-top .container{margin-bottom: 45px;}

.tm-bread{background: #e6eff6; padding: 12px 0;}
.tm-bread ul li{float: left; font: 400 13px/20px 'Roboto', sans-serif; color: #2aa0ff;}
.tm-bread ul li a{color: #666;}
.tm-bread ul li a:after{content: ''; display: inline-block; width: 4px; height: 7px; background: url(../images/front/sprite.png) no-repeat -72px 0; vertical-align: middle; margin: 0 10px;}


.tm-content{padding: 35px 0 40px;}
.tm-project{}
.overview h3.title.center,
.tm-customer h3.title,
.tm-project h3.title{text-align: center;}
.overview h3.title.center:after,
.tm-customer h3.title:after,
.tm-project-dt h3.title:after,
.tm-project h3.title:after{margin: 15px auto 0;}

.tab-project{}
.list-tab{text-align: center; margin-bottom: 30px;}
.list-tab ul{margin: 0 -15px;}
.list-tab ul li{display: inline-block; padding: 0 15px;}
.list-tab ul li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #333; padding: 10px 20px 9px; border: 1px solid #e1e1e1; text-transform: uppercase; margin: 0 -2px;}
.list-tab ul li a:hover,
.list-tab ul li a.active{background: #da0e00; color: #fff; border-color: #da0e00;}
ul.list-tm-tab{}
ul.list-tm-tab li{margin: 0 -2px 25px; display: inline-block; float: none; vertical-align: top;}
ul.list-tm-tab a.img{height: 175px; background: #ff6000; display: block; overflow: hidden; position: relative;}
ul.list-tm-tab h4{margin: 10px 0 5px;}
ul.list-tm-tab h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize;}
ul.list-tm-tab h4 a:hover{color: #DA0E00;}
ul.list-tm-tab p span{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #444;}

ul.overview li .row a.img,
.tm-news-dt ul.row a.img,
.pr-lq-dt li a.img{position: relative; display: block;}
.tm-news-dt ul.row a.img:after,
.pr-lq-dt li a.img:after,
ul.overview li .row a.img:after,
ul.list-tm-tab a.img:after{display: block; content: ''; background: rgba(218, 14, 0, 0.4) url(../images/front/link.png) no-repeat center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 0; }
.tm-news-dt ul.row a.img:hover:after,
.pr-lq-dt li a.img:hover:after,
ul.overview li .row a.img:hover:after,
ul.list-tm-tab a.img:hover:after{opacity: 1;}

.tm-pag{border-top: 1px solid #e1e1e1; text-align: center;}
.tm-pag ul li{display: inline-block; margin: 0 -2px;}
.tm-pag ul li a{display: block; color: #ff6000; border-top: 1px solid transparent; font: 400 13px/20px 'Roboto', sans-serif; color: #666; margin: -1px 3px 0;  padding: 20px 7px 0;}
.tm-pag ul li a:hover{color: #ff6000; border-top-color: #ff6000;}
.tm-pag ul li.prev a i{width: 13px; height: 7px; background-position: -86px 0; text-indent: -9999px; display: inline-block; vertical-align: middle;}
.tm-pag ul li.next a i{width: 13px; height: 7px; background-position: -104px 0; text-indent: -9999px; display: inline-block; vertical-align: middle;}
.tm-pag ul li.prev a:hover i{background-position: -86px -10px;}
.tm-pag ul li.next a:hover i{background-position: -104px -10px;}
.tab-project p.ct{text-align: center; font: 400 16px/20px 'Roboto', sans-serif; color: #555; margin-top: 30px; text-transform: uppercase;}
.tab-project p.ct span{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #ff1000;}

.tm-customer{}
.list-customer{}
.list-customer li{margin-bottom: 30px;}
.list-customer .detail{overflow: hidden; padding: 10px; border: 1px solid #e1e1e1;}
.list-customer a.img-cus{width: 260px; float: left; margin-right: 20px; display: block;}
.list-customer .txt-cus{overflow: hidden;}
.list-customer h4{text-transform: uppercase; margin: 5px 0;}
.list-customer h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #444;}
.list-customer p span{font: 400 13px/20px 'Roboto', sans-serif; color: #444; display: block; margin-top: 5px;}
.loader{}
.loader img {
    -webkit-animation-name: thumb;
    -webkit-animation-duration: 1500ms;
    /*-webkit-transform-origin:50% 50%;*/
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes thumb {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}


.tm-contact{}
.tm-contact .tm-map-ct{margin-bottom: 30px;}
.tm-contact h4{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; margin-bottom: 15px;}
.tm-contact p{margin-bottom: 20px;}
.tm-contact p span{font: 400 14px/20px 'Roboto', sans-serif; color: #444; display: block; margin-bottom: 5px;}
.tm-contact p span i{display: inline-block; width: 12px; height: 13px; margin-right: 7px;}
.tm-contact p span i.tm-a{background-position: -12px -51px;}
.tm-contact p span i.tm-p{background-position: -13px -78px;}
.tm-contact p span i.tm-f{background-position: -13px -107px;}
.tm-contact p span i.tm-w{background-position: -13px -136px; height: 10px;}

.tm-contact h5{font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 15px;}
.tm-contact ul{}
.tm-contact ul li{margin-bottom: 15px;}
.tm-contact ul li:nth-last-child(2){margin-bottom: 10px;}
.tm-contact ul li .form-control{height: 36px; border-color: #e1e1e1; font: 400 13px/20px 'Roboto', sans-serif; color: #666; border-radius: 0; box-shadow: 0 0 0 transparent !important;}
.tm-contact ul li textarea.form-control{height: 85px; resize: vertical;}
.tm-contact ul li button{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #ff6000; padding: 6px 15px; border-radius: 4px; display: inline-block; border: none;}
.tm-contact ul li button:hover{background: #DA0E00;}
.tm-contact ul li button:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #fff; margin-right: 8px;}


.left-content{width: 270px; float: left; margin-right: 30px;}
.right-content{width: calc(100% - 300px); float: right;}

ul.list-left{margin-bottom: 35px;}
ul.list-left li{}
ul.list-left li:last-child a{border-bottom: 1px solid #e1e1e1;}
ul.list-left li a{font: 400 13px/20px 'Roboto', sans-serif; color: #444; display: block; text-transform: uppercase; border-top: 1px solid #e1e1e1; padding: 13px 0 12px; background: url(../images/front/bg-left.png) no-repeat right center; 
-webkit-transition: all .7s linear;
   -moz-transition: all .7s linear;
    -ms-transition: all .7s linear;
     -o-transition: all .7s linear;
        transition: all .7s linear;}
ul.list-left li a i{width: 4px; height: 8px; display: inline-block; margin-right: 14px; background-position: -122px 0; }
ul.list-left li a.active,
ul.list-left li a:hover{color: #ff6000; background: transparent;}
ul.list-left li a.active i,
ul.list-left li a:hover i{background-position: -131px 0; }

.tm-ct-left{border-bottom: 1px solid #e1e1e1;}
.text-dt-pr h4,
.tm-ct-left h4{border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.text-dt-pr h4 span,
.tm-ct-left h4 span{border-bottom: 1px solid #2aa0ff; font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #2c2c2c; text-transform: uppercase; padding-bottom: 10px; display: inline-block; margin-bottom: -1px;}
.tm-ct-left p span{font: 400 14px/20px 'Roboto', sans-serif; color: #444; display: block; margin-bottom: 20px; position: relative; padding-left: 20px;}
.tm-ct-left p span i.tm-ic{display: inline-block; width: 12px; height: 13px; position: absolute; left: 0; top: 3px;}
.tm-ct-left p span i.tm-a{background-position: -123px -62px;}
.tm-ct-left p span i.tm-p{background-position: -123px -86px;}
.tm-ct-left p span i.tm-f{background-position: -123px -111px;}
.tm-ct-left p span i.tm-w{background-position: -123px -136px; height: 10px;}
    
.tm-introduce{}

ul.overview{}
ul.overview li{margin-bottom: 30px;}
ul.overview li div.text-center{padding: 50px 30px 20px;}
ul.overview li p.mg-top{margin-top: 15px;}
ul.overview li p{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
ul.overview li p a{color: #ff6000;}
ul.overview li .row{margin: 0 -10px;}
ul.overview li .row .col-md-3{padding: 0 10px;}
ul.overview li .row a.img{display: block; margin-bottom: 10px; text-align: center;}

.tm-letter{}
.tm-letter p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.tm-letter h4{font: 500 15px/20px 'Roboto', sans-serif; color: #333; margin-bottom: 15px;}
.tm-letter .text-center{margin-bottom: 15px}


.tm-news-dt{}
.tm-news-dt ul.row{}
.tm-news-dt ul.row li{margin-bottom: 25px;}
.tm-news-dt ul.row a.img{display: block; }
.tm-news-dt ul.row h4{height: 40px; overflow: hidden; margin: 10px 0 5px;}
.tm-news-dt ul.row h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #555; }
.tm-news-dt ul.row p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 5px;}
.tm-news-dt ul.row span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; }

.new-left{margin-top: 30px; border-bottom: none;}
.new-left li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1;}
.new-left h5{margin-bottom: 5px;}
.new-left h5 a{font: 500 15px/20px 'Roboto', sans-serif; color: #555;}
.new-left span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}

.tm-news-dt p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.tm-news-dt .text-center{margin-bottom: 15px}
.tm-news-dt span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; }


.tm-share{border-top: 1px solid #e1e1e1; overflow: hidden; padding: 10px 0; margin-top: 10px;}
.tm-share ul li{float: left; font: 400 14px/17px 'Roboto', sans-serif; color: #555; padding-right: 20px;}
.tm-share ul li .tm-ic{height: 14px; display: inline-block; height: 14px; text-indent: -9999px;}
.tm-share ul li .tm-ic.tm-s{width: 12px; background-position: -34px -132px; margin-right: 7px;}
.tm-share ul li .tm-ic.tm-f{width: 7px; background-position: -50px -132px; vertical-align: middle;}
.tm-share ul li .tm-ic.tm-t{width: 15px; background-position: -64px -132px; vertical-align: middle;}
.tm-share ul li .tm-ic.tm-g{width: 14px; background-position: -85px -132px; vertical-align: middle;}

.tm-share ul li .tm-ic.tm-f:hover{background-position: -50px -155px;}
.tm-share ul li .tm-ic.tm-t:hover{background-position: -64px -155px;}
.tm-share ul li .tm-ic.tm-g:hover{background-position: -85px -155px;}

.tm-project-dt .left-content{margin: 0 0 0 30px;}
.tm-project-dt{}
.tm-project-dt .tm-ct-left{margin-bottom: 35px;}
.pr-dt-l{}
.tm-project-dt .tm-ct-left p span{margin-bottom: 15px;}
.pr-dt-l p span i.tm-d{background-position: -141px 0; height: 9px; top: 5px;}
.pr-dt-l p span i.tm-cdt{background-position: -141px -10px;}
.pr-dt-l p span i.tm-hm{background-position: -141px -33px;}
.pr-dt-l p span i.tm-sum{background-position: -141px -54px; width: 13px; height: 13px;}
.pr-dt-l p span i.cl-red{font-style: initial; color: #ff1000;}
.pr-dt-l .tm-share{border-top: none; margin-top: 0; padding: 0 0 20px;}

.pr-lq-dt{border-bottom: none;}
.pr-lq-dt li{margin-bottom: 10px;}
.pr-lq-dt h5{margin: 5px 0;}
.pr-lq-dt h5 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.pr-lq-dt span{font: 400 13px/20px 'Roboto', sans-serif; color: #444; display: block;}

.text-dt-pr h5{font: 500 15px/20px 'Roboto', sans-serif; color: #2c2c2c; margin-bottom: 15px;}
.text-dt-pr p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 20px;}
.text-dt-pr p span{display: block;}
.prev-next{border-top: 1px solid #e1e1e1; padding: 30px 0;}
.prev-next a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #ff6000; padding: 6px 15px; border-radius: 4px; display: inline-block; border: none;}
.prev-next a:hover{background: #DA0E00;}
.prev-next a:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #fff; margin-right: 8px;}

.slider-rgt{overflow: hidden; margin-bottom: 35px;}
.slider-rgt .camera_thumbs_cont {background: transparent;}
.slider-rgt .camera_thumbs_cont ul{padding: 10px 0 0; float: left;}
.slider-rgt .camera_thumbs_cont ul li{padding: 0 5px; position: relative;}
/*.slider-rgt .camera_thumbs_cont ul li:after{content: ''; display: none; position: absolute; left: 5px; right:5px; top: -73px; bottom: 0; background: rgba(255, 96, 0, 0.3) url(../images/front/ic-search.png) no-repeat center; width: 135px; height: 89px; z-index: 0;}
.slider-rgt .camera_thumbs_cont ul li:hover:after{display: block;}
*/.slider-rgt .camera_thumbs_cont ul li > img{ border: none; margin-top: 0;}
.camera_pie{position: relative; z-index: -1;}

.tm-bread ul li a:hover,
.tm-news-dt ul.row h4 a:hover,
.pr-lq-dt h5 a:hover,
.new-left h5 a:hover,
ul.overview li p a:hover,
.list-customer h4 a:hover{color: #DA0E00;}

.tm-contact ul li .form-control:focus{border-color: #da0e00;}

.organizational{margin-bottom: 45px;}

ul.list-team{margin-bottom: 40px;}
ul.list-team li{margin-bottom: 15px;}
ul.list-team li .detail{overflow: hidden;}
ul.list-team .img-tl{width: 200px; height: 200px; margin-right: 20px; border: 1px solid #e1e1e1; float: left;}
ul.list-team .img-tl img{width: 150px; height: 150px;display: block; border-radius: 100%; margin: 24px auto;}

ul.list-team .txt-tl{overflow: hidden;}
ul.list-team h4{font: 400 16px/20px 'Roboto', sans-serif; color: #2c2c2c; text-transform: uppercase; margin: 25px 0 10px;}
ul.list-team span.pst{font: 400 14px/20px 'Roboto', sans-serif; color: #ef5b01; display: block; margin-bottom: 10px;}
ul.list-team p{font: 400 13px/20px 'Roboto', sans-serif; color: #444; margin-bottom: 15px;}
ul.list-team p.ct{font: 400 15px/20px 'Roboto', sans-serif; color: #555;}
ul.list-team p.ct span{display: inline-block; margin-right: 20px;}
ul.list-team p.ct span i.tm-ic{display: inline-block; height: 13px; background: url(../images/front/sprite.png) no-repeat; margin-right: 10px;}
ul.list-team p.ct span i.tm-p{background-position: -126px -86px; width: 7px;}
ul.list-team p.ct span i.tm-m{background-position: -123px -153px; width: 17px; vertical-align: middle;}

/*==========================================================================*/


a.menu-mobile{display: none; width: 50px; height: 20px; padding: 24px 0; background: url(../images/front/line.png) no-repeat center; border: 1px solid #ff3123; text-indent: -9999px;}
@-moz-document url-prefix() { 
    
}

@media (min-width: 1960px){
    .slider .item-slider{height: auto;}
}
@media (max-width: 1190px){
    .logo{margin-left: -55px;}
    .mcd-menu li.logo_{width: 173px;}
    .mcd-menu li a{padding: 9px 10px 8px;}
    .footer-top .menu-bot li{padding: 0 5px;}
    .block-fields a.img{height: 245px;}
    ul.list-tm-tab a.img{height: 140px;}
    .list-customer .detail{text-align: center;}
    .list-customer a.img-cus{float: none; margin: 0 auto;}
    ul.overview li div.text-center{padding: 20px 0;}
    ul.list-team h4{margin-top: 0;}
}
@media (max-width: 990px){
    #header{position: relative;}
    .header-top {background: rgba(230, 230, 230, 0.7);}
    .header-top p{padding: 8px 0;}
    .header-bot{height: 90px;}
    .block-menu{float: right; padding: 20px 0;}
    .mcd-menu li.logo_{display: none;}
    .logo{margin-left: 0; left: 15px;}
    a.menu-mobile{display: block;}
    .mcd-menu{width: 200px; position: absolute; right: 0; top: 90px; background: #fff; display: none;}
    .mcd-menu li{float: none; padding: 0; margin-bottom: 1px;}
    .mcd-menu li a:before{display: none;}
    .mcd-menu li a{padding: 5px 10px;}
    .mcd-menu li ul{position: relative; top: 0; left: 11px; visibility: initial; opacity: initial; display: none;}
    .mcd-menu li:hover > ul{top: 0; visibility: initial;}

    .footer-top .menu-bot{margin-top: 25px;}
    .slider .item-slider{height: auto;}
    .rslides_tabs{bottom: 20px;}
    .block-dl-txt{position: relative;}
    .intro-us,
    ul.overview li .row .col-md-3,
    .news .col-md-6:first-child{margin-bottom: 20px;}
    .tab-project p.ct span{display: block;}
    .banner-top{height: 200px;}
    ul.overview li div.text-center{padding: 0;}
    .tm-introduce{padding-bottom: 10px;}
    ul.list-team .img-tl{float: none; margin: 0 auto 20px;}
    ul.list-team{margin-bottom: 0;}
    ul.list-team li{margin-bottom: 30px;}
}
@media (max-width: 750px){
    .left-pr{width: 100%; float: none; margin: 0 0 20px;}
    .block-news .cust h3.title{padding-left: 0;}
    .footer-top .menu-bot{display: none;}
    .block-project,
    .block-intro{padding: 25px 0 20px;}
    .block-news,
    .block-fields {padding: 30px 0;}
    ul.list-tm-tab a.img{height: 185px;}
    ul.list-tm-tab a.img img{width: 100%; height: 100%;}
}
@media (max-width: 680px){
    .left-content{width: 100%; float: none; margin: 0 0 20px;}
    .right-content{width: 100%; float: none;}
    .pr-lq-dt ul{margin: 0 -10px;}
    .pr-lq-dt li{width: 50%; float: left; padding: 0 10px;}
}
@media (max-width: 640px){
    .header-top p{text-align: center; width: 100%;}
    .header-top .block-search{width: 100%; margin-bottom: 20px;}
    .header-top .block-search input{width: 100%; background: #fff;}
    ul.list-tm-tab a.img{height: 165px;}
    
}
@media (max-width: 500px){
    .rslides_tabs{bottom: 0;}
    .news .col-md-6{width: 100%; margin-bottom: 20px;}
    .list-customer a.img-cus{width: auto;}
    .pr-lq-dt h5{height: 40px; overflow: hidden;}
}
@media (max-width: 420px){
    .list-customer li,
    .pr-lq-dt li,
    .tm-news-dt ul.row li,
    .right-pr ul li{width: 100%;}
    .list-tab ul{margin: 0;}
    .list-tab ul li{padding: 0; width: 100%; margin-bottom: 10px;}
    ul.list-tm-tab li{width: 100%; margin: 0 0 20px;}
    .tab-project p.ct{font-size: 14px;}
}
@media (max-width: 375px){
    ul.overview li .row .col-md-3{width: 100%;}
}