@font-face {
  	font-family: "Utm-Isadora";
  	src: url("../fonts/Utm-Isadora.eot");
  	src: local("☺"),
    url("../fonts/Utm-Isadora.woff") format("woff"),
    url("../fonts/Utm-Isadora.otf") format("opentype"),
    url("../fonts/Utm-Isadora.svg#filename") format("svg");
}
@font-face {
    font-family: 'Avo';
    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: 'AvoB';
    src: url('../fonts/AvoB/UTMAVOBOLD.eot');
    src: url('../fonts/AvoB/UTMAVOBOLD.eot') format('embedded-opentype'),
         url('../fonts/AvoB/UTMAVOBOLD.woff2') format('woff2'),
         url('../fonts/AvoB/UTMAVOBOLD.woff') format('woff'),
         url('../fonts/AvoB/UTMAVOBOLD.ttf') format('truetype'),
         url('../fonts/AvoB/UTMAVOBOLD.svg#UTMAVOBOLD') 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% 'Avo', sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; font-family: 'Avo';}
p{font:400 14px/normal 'Avo', sans-serif; color: #6d6f71;}
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; }
article.post-content cite,article.post-content dfn,article.post-content em{font-style:italic}article.post-content p{font-family: Roboto;font-size: 14px;margin:0 0 15px;line-height:1.8}article.post-content h1,article.post-content h2,article.post-content h3,article.post-content h4,article.post-content h5{font-family:Roboto}article.post-content h1{font-size:25px}article.post-content h2{font-size:20px}article.post-content h3{font-size:18px}article.post-content h4{font-size:16px}article.post-content h5{font-size:14px}article.post-content ol,article.post-content ul{margin:16px 0;padding:0 0 0 40px}article.post-content ul{list-style-type:square}article.post-content ol{list-style:decimal outside}article.post-content li > ul,article.post-content li > ol{margin:0}article.post-content dl{margin:0 20px}article.post-content dt{font-weight:bold}article.post-content dd{margin:0 0 20px}article.post-content strong{font-weight:bold}article.post-content code,article.post-content kbd,article.post-content pre,article.post-content samp{font-family:monospace,serif;font-size:14px}article.post-content pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}article.post-content blockquote,article.post-content q{quotes:none}article.post-content blockquote:before,article.post-content blockquote:after,article.post-content q:before,article.post-content q:after{content:"";content:none}article.post-content blockquote{font-size:24px;font-style:italic;font-weight:300;margin:24px 40px}article.post-content blockquote blockquote{margin-right:0}article.post-content blockquote cite,article.post-content blockquote small{font-size:14px;font-weight:normal;text-transform:uppercase}article.post-content cite{border-bottom:0}article.post-content abbr[title]{border-bottom:1px dotted}article.post-content address{font-style:italic;margin:0 0 24px}article.post-content del{color:#333}article.post-content ins{background:#fff9c0;border:none;color:#333;text-decoration:none}article.post-content sub,article.post-content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}article.post-content sup{top:-0.5em}article.post-content sub{bottom:-0.25em}article.post-content a{color:#ca3c08;text-decoration:none}article.post-content a:visited{color:#ac0404}article.post-content a:focus{outline:thin dotted}article.post-content a:active,article.post-content a:hover{color:#ea9629;outline:0}article.post-content a:hover{text-decoration:underline}article.post-content .alignleft{float:left;margin:5px 20px 5px 0}article.post-content .alignright{float:right;margin:5px 0 5px 20px}article.post-content .aligncenter{display:block;margin:5px auto}article.post-content img.alignnone{display:block;margin:5px auto}article.post-content table{border:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%}article.post-content caption,article.post-content th,article.post-content td{font-weight:normal!important;border:1px solid #ededed;text-align:left}article.post-content caption{font-size:16px;margin:20px 0}article.post-content th{font-weight:normal!important;text-transform:uppercase;border:1px solid #ededed}article.post-content td{border:1px solid #ededed;padding:6px 10px 6px 0}article.post-content img{height:auto;max-width:100%;vertical-align:middle}article.post-content .wp-caption{background:transparent;border:none;margin:0;padding:0;text-align:left}article.post-content .wp-caption.alignleft{margin:5px 10px 5px 0}article.post-content .wp-caption.alignright{margin:5px 0 5px 10px}article.post-content .wp-caption-dt{margin:0}article.post-content .wp-caption .wp-caption-text,article.post-content .wp-caption-dd{color:#220e10;font-size:14px;font-style:italic;font-weight:300;line-height:1.5;margin-bottom:24px;padding:0}article.post-content .mceTemp + ul,article.post-content .mceTemp + ol{list-style-position:inside}
article.post-content h3{border-top: none}
article.post-content {font-family: Roboto; font-size: 14px; line-height: 24px; }
a{
-webkit-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-moz-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-o-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
}
.th-ic{background: url('../images/front/sprite.png') no-repeat;}

/*===================================================================*/
#wrapper{overflow: hidden;}

.header-top{position: absolute; top: 40px; width: 100%; z-index: 100;}
.header-top .th-logo{background: #fff; padding: 28px 0; width: 260px; position: relative; } 
.header-top .th-logo:after{content: ''; display: block; position: absolute; left: calc(100% - 95px); top: -95px; border:  95px solid transparent; border-bottom: 140px solid #fff; z-index: 60;}
.header-top .th-logo:before{content: ''; display: block; position: absolute; left: calc(100%); top: 0; border:  95px solid transparent; border-top: 140px solid #c2c2c2; z-index: 50;}
.header-top .th-logo img{display: block; margin: 0 auto; position: relative; z-index: 100;}

.header-rg{position: relative; z-index: 50; width: calc(100% - 260px);}
.header-rg-top{height: 50px; background: #f58220;  }
.header-rg-top .th-menu{float: left;}
.header-rg-top .rearch-header{float: left;}
ul.menu-bar{padding-left: 45px;}
ul.menu-bar li{float: left; position: relative;}
ul.menu-bar li a{display: block;font:400 14px/36px 'Avo', sans-serif; padding: 7px 15px; text-transform: uppercase; color: #fff;}
ul.menu-bar li:hover a{background: #6d6f71;}
ul.menu-bar li.active a{background: #6d6f71;}
ul.menu-bar li a.th-dropdown{padding-right: 5px;}
ul.menu-bar li a.th-dropdown:after{content: '\f107'; font-weight: 300;display: inline-block; font-family: 'FontAwesome'; padding: 0 5px; vertical-align: middle;     margin-top: -4px; font-size: 20px;}

a.menu-mobile{display: none; width: 32px; height: 20px; background: url('../images/front/ic-menu.png') no-repeat;  position: absolute; top:15px; right: 15px;}

ul.menu-bar li ul{visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 49px; left: 0; z-index: 100;    box-shadow: 1px 1px 1px 1px #d6d1d1;}
ul.menu-bar li ul li{width: 235px; display: block;}
ul.menu-bar li ul li a, ul.menu-bar li:hover ul li a {	 background: #fff; color: #6d6f71;}
ul.menu-bar li:hover ul li:hover a {background: #f5f2f2;}
ul.menu-bar li ul li:not(:last-child) a:after {content: ''; display: block;width: 215px; margin: 0 auto; height: 1px; background: url('../images/front/border-menu.png') no-repeat; position: absolute; bottom: 0; left: 0;}
ul.menu-bar li:hover ul{visibility: visible; opacity: 1;}

.th-rearch{position: relative;width: 375px;}
.rearch-header{position: absolute; top: 8px; right: 10px; width: 140px; color: #fff;}
.th-rearch input{display: block; width: 100%;background: transparent; border: 1px solid rgba(255, 255, 255, .3); height: 34px; padding: 0 15px;}
.th-rearch input::-webkit-input-placeholder {color: #fff; font-style: italic; font-family: Arial;}
.th-rearch input:-moz-placeholder{color: #fff; font-style: italic; font-family: Arial;}
.th-rearch input::-moz-placeholder{color: #fff; font-style: italic; font-family: Arial;}
.th-rearch input:-ms-input-placeholder{color: #fff; font-style: italic; font-family: Arial;}
.th-rearch button{position: absolute; top: 5px; right: 4px; font-size: 16px; background: transparent; border: 0;     padding: 3px 10px; border-left: 1px solid rgba(255, 255, 255, .3);}
.rearch-header button{border: 0;}

.header-rg-bot{background: #f2f2f2; overflow: hidden; text-align: right; padding: 0 15px;}
.th-contacts ul li{float: right; }
.th-address p {font:italic 14px/35px 'Avo', sans-serif ;  color: #6d6f71; }
.th-address p i.fa{vertical-align: middle; margin: 0 5px;}
.th-contacts ul li a{display: block; padding: 0 15px 0 35px;margin: 5px 0 15px 15px; font:italic 14px/14px 'Avo', sans-serif ; color: #6d6f71; position: relative;}
.th-contacts ul li.hotline a{color: #f58220; line-height: 14px; border-left: 1px solid #ababab;padding: 0 15px; }
.th-contacts ul li a i.btn-zalo{width: 23px;height: 23px; display: inline-block; background-position: -32px 0px;position: absolute; top: -3px; left: 0; }
.th-contacts ul li a i.btn-sky{width: 23px;height: 23px; display: inline-block; background-position: 0px 0px; position: absolute; top: -3px; left: 0;}

.header-bot{position: relative; z-index: 30;overflow: hidden;}
.header-bot:after{content: ''; display: block; position: absolute; top: calc(100% - 250px); right: 0; border: 1600px solid transparent; border-top: 150px solid #f58220; z-index: -1;}


.th-footer{background: #6d6f71; color: #fff; position: relative; margin-top: 200px;}
.th-footer:before{content: ''; display: block; position: absolute; bottom: 100%; right: 0; border: 1600px solid transparent; border-bottom: 150px solid #ff7200;z-index: -1; }
.th-footer:after{content: ''; display: block; position: absolute; bottom: 99%; right: 0; border: 1600px solid transparent; border-bottom: 90px solid #6d6f71; z-index: -1;}

.footer-top{padding: 25px 0 30px 0;}
.footer-top ul.th-address-botton{margin-bottom: 15px;}
.footer-top ul.th-address-botton li{ line-height: 37px; font-size: 17px; text-transform: uppercase;}
.footer-top ul.th-address-botton li i{width: 30px; vertical-align: middle;}
.coppyright{padding: 40px 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, .3);}
.coppyright p{line-height: 20px; color: #fff;}
.coppyright p a{ color: #fff;}
.coppyright p a:hover{ color: #f58220;}

.footer-rg{text-align: right;}
ul.th-social{float: right; margin: 0 -10px; padding: 0 0 30px;}
ul.th-social li{display: block; width: 35px; height: 35px;text-align: center; border: 1px solid #fff; border-radius: 50% ;  float: left; margin: 0 10px;}
ul.th-social li a i{color: #fff;    font-size: 18px; padding: 8px 0; }
ul.th-access li span{font-family: 'AvoB';}

.th-intro{ background: #f1f1f1 ; padding: 120px 0 0 0; margin-top: -220px; position: relative; z-index: 20;}
.th-intro .container{position: relative;}
.th-intro:after{content: ''; display: block; position: absolute; bottom: 0; left: 200px; border: 2400px solid transparent; border-bottom: 350px solid #b6b6b6; z-index: -1;}
.th-title h3{ font: 400 32px/36px 'Avo', sans-serif; padding: 66px 0; text-align: center; text-transform: uppercase; color: #6d6f71;}
.th-title h3:after{content: ''; display: block; width: 38px; height: 1px; background: #f58220; margin: 0 auto; margin-top: 3px; }

.intro-content p{ padding: 0 0 15px; }

.th-btn {text-align: center;}
.th-btn a.btn-read-more{display: inline-block; padding: 10px 15px; border: 1px solid rgba(255, 255, 255, .5) ; font-size: 14px;}
.th-btn a.btn-read-more:after{content: '\f101'; font-family: 'FontAwesome'; display: inline-block; padding-left: 10px; }

.intro-btn{padding: 37px 0	37px; }
.btn-right {float: right;}
.btn-left {text-align: left;}
.btn-white a{color: #fff;}
.btn-box-white {width: 200px;}
.btn-box-white a.btn-read-more{ float: right;background: #fff; color: #6d6f71;}
.btn-pro {padding-top: 50px;}
.btn-black a.btn-read-more{border: 1px solid rgba(0, 0, 0, .3);  }

.intro-lf{position: absolute; right: 0; bottom: 0;}
.intro-lf img{margin-top: -25px; margin-bottom: -50px;}
.intro-lf:after{ content: ''; display: block; border-top: 50px solid #6d6f71;border-left: 25px solid transparent;  position: absolute; bottom: -50px; right: calc(100% - 15px);}
.intro-lf:before{content: ''; display: block; border-top: 50px solid #6d6f71;border-right: 25px solid transparent; position: absolute; bottom: -50px; left: calc(100% - 15px);}

.th-service{padding-bottom: 110px;}
ul.th-sole{text-align: center;}
ul.th-sole li{padding: 15px; display: inline-block; width: calc(100% / 3 - 3px);}
.items-service {position: relative; overflow: hidden;}
.items-service .detail-service{position: absolute; bottom: -70px; left: 0;width: calc(100% - 30px); margin: 15px; -ms-align-items: center;  color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.items-service:hover .detail-service{bottom: 30px;}
.items-service .detail-service h4{font-size: 17px; text-transform: uppercase;width: 100%; padding: 0 55px 45px 55px ; }
.items-service:before{content: ''; display: inline-block; width: 55px; height: 55px; border-top: 1px solid #fff; border-left: 1px solid #fff; position: absolute; top: 0; left: 0  ; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.items-service:after{content: ''; display: inline-block; width: 55px; height: 55px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 0; right: 0 ; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .items-service i:before{content: ''; display: inline-block; width: 55px; height: 55px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; position: absolute; bottom: 0; left: 0 ; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .items-service i:after{content: ''; display: inline-block; width: 55px; height: 55px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; bottom: 0; right: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .items-service:hover:before, .items-service:hover:after, .items-service:hover i:before, .items-service:hover i:after{margin: 30px;}

.th-contact{background: url('../images/bg-contact.jpg') no-repeat ; -webkit-background-size: cover; background-size: cover; position: relative; }
.th-contact:before{content: ''; display: block; border: 90px solid transparent; border-top: 90px solid #fff; position: absolute; top: 0; left: calc(50% - 45px);}
.from-contact{ padding: 60px 30px; background: #f58220; color: #fff; position: relative;}
.from-contact:after{ content: ''; display: block; clear: both; width: 100%; height: 100%;}
.form-fl{width: 66%;float: left;padding: 0 15px ;}
.from-contact ul li{padding-bottom: 25px; font-size: 14px;}
.from-contact ul li input{height: 37px;}
.from-contact ul li input,.from-contact ul li textarea {display: block; background: transparent; border: 1px solid rgba(255, 255, 255, .5); width: 100% ; margin-top: 3px ; padding: 15px; color: #fff;}
.from-contact ul li.w50{width: 50%; float: left;}
.from-contact ul li.w50:nth-child(2n){margin-left: 15px; width: calc(50% - 15px)}
.from-contact ul li.form-rg{position: absolute; width: 33%; top: 60px; right: 15px;}

.from-contact ul li .verify input {width: 125px; display: inline-block; margin: 0 15px;}
.verify{width: calc(100% - 200px); float: left;}
.verify button{background: none; border: 0; height: 27px; }
.verify button i{font-size: 22px; color: #fff; vertical-align: middle;}
.title-contact{ margin-top: 325px; position: relative;width: 100%;}
.title-contact:before{content: ''; display: block; width: 50%; height: 44px; background: url('../images/bg-contact-lf.png') no-repeat; position: absolute; bottom: 0; left: 0;z-index: 10;} 
.title-contact:after{content: ''; display: block; width: 632px; height: 450px; background: url('../images/bg-contact-rg.png') no-repeat; position: absolute; bottom: -67px; right: 0;z-index: 100;} 
.title-contact h2{font-size: 27px; text-transform: uppercase; padding: 3px 50px; color: #f58a2f;display: inline-block; position: relative; z-index: 100;}

.items-project{position: relative; overflow: hidden; height: 315px; overflow: hidden;}
.items-project .detail-project { position: absolute; bottom: -80px; left: 0; width: 100%;background: #2898bb; padding: 0 35px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.items-project:hover .detail-project {bottom: 0;}
.items-project img{ width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.items-project:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.detail-project p{color: #fff;padding: 20px 0;}


.content-projects .items-project{height: 285px;}

.owl-nav .owl-prev{position: absolute; top: calc(50% - 14px); left: 25px;}
.owl-nav .owl-next{position: absolute; top: calc(50% - 14px); right: 25px;}
.owl-nav .owl-prev i, .owl-nav .owl-next i{width: 28px; height: 28px; display: block; color: #bbb; font-size: 20px;}
.slider-project .owl-nav .owl-prev i{background-position: 0 -37px;} 
.slider-project .owl-nav .owl-next i{background-position: -38px -37px;}

.items-new{padding: 15px; border: 1px solid #d3d3d3; overflow: hidden; margin-bottom: 30px;}
.img-new{width: 230px; float: left; overflow: hidden;}
.items-new .img-new img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.items-new:hover .img-new img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.detail-new{width: calc(100% - 230px); float: left; padding-left: 15px;}
.detail-new h3{font-size: 17px; text-transform: uppercase; color: #6d6f71; padding-bottom: 15px;}
.detail-new h3 a{color: #6d6f71;}
.detail-new .content-new{margin-bottom: 15px; height: 95px; overflow: hidden;}

.th-pagination{padding-bottom: 30px;overflow: hidden; margin: 0 auto;}
.th-pagination ul {text-align: center;}
.th-pagination ul li{display: inline-block; text-align: center;}
.th-pagination ul li.active{ border: 1px solid #d3d3d3;}
.th-pagination ul li a{display: block;width: 22px; height: 22px; }

.slide-partner .owl-nav .owl-prev{left: -25px;}
.slide-partner .owl-nav .owl-next{right: -50px;}
.owl-carousel .owl-item img{width: auto; margin: 0 auto;  }
ul.slide-partner li{height: 167px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; text-align: center; background: #f5f5f5;}
ul.slide-partner li a{display: block; width: 100%;}
ul.slide-partner li img{margin: 0 auto; }

.th-banners{padding: 30px 0 0 0;}
.th-banners ul { margin: 0 -15px; }
.th-banners ul li{width: 50%; padding: 0 15px; float: left;}

.introduct{background: url('../images/bg-intro.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover;}
.th-list-intro{padding: 0 11px 95px 0; width: 800px; margin: 0 auto;}
.th-list-intro ul li{padding: 0;}
.th-logo-intro{padding: 93px 0;}
.th-logo-intro a{display: block;}
.th-logo-intro a img{display: block; margin: 0 auto;}
.item-intro{position: relative;}
.detail-intro{ height: 230px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; text-align: center; position: absolute; top: 0;left: 0; width: 100%;}
.detail-intro h3{ width: 200px; margin: 0 auto; font-size: 17px; text-transform: uppercase;}
.detail-intro h3 a{color: #fff;}
.detail-intro:hover h3 a{color: #f58220;}


.tm-chat{width: 195px; position: fixed; right: 8%; bottom: 0; z-index: 1200; }
.tm-chat h3{ text-transform: uppercase;font-family: "Conv_UTM Avo"; margin: 0px; font-size: 14px; line-height: 20px; color: #fff;  font-weight: 500; background: #2898bb; padding: 12px 13px; cursor: pointer;:}
.tm-chat h3 .tm-us{display: inline-block; width: 19px; height: 26px; background-position: -54px 0; margin-right: 20px; vertical-align: sub;}
.tm-chat h3 i{float: right;}
.tm-chat h3 .tm-down{display: inline-block; width: 14px; height: 8px; background-position: -106px -5px; float: right; margin: 5px 0;
-webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
     -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        -webkit-transform: rotate(180deg); 
        -moz-transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
        -o-transform: rotate(180deg); 
        transform: rotate(180deg);
}
.tm-chat h3.active .tm-down{
	
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    -o-transform: rotate(0deg); 
    transform: rotate(0deg);}

.tm-chat ul{ background: #f4f3f3; padding: 20px 25px; display: none; margin-bottom: 0px;}
.tm-chat ul li{list-style-type: none;}
.tm-chat ul li:not(:last-child){margin-bottom: 20px;}
.tm-chat ul li span{font-size: 15px; line-height: 20px; color: #555;}
.tm-chat ul li a.tm-ic{font-family: "Conv_UTM Avo"; display: inline-block; height: 14px; text-indent: -9999px;}
.tm-chat ul li a.tm-f{background-position: 0 -80px; width: 7px; margin: 0 7px 0 14px;}
.tm-chat ul li a.tm-g{background-position: -16px -80px; width: 17px;}
.tm-chat .form-control{height: 36px; border-radius: 0; font-size: 15px; font-weight: 400; color: #9c9c9c;}
.tm-chat textarea.form-control{height: 105px; resize: vertical;}
.tm-chat button{width: 160px; background: #32b5e7; border: none; display: block; margin: 0 auto; font-size: 15px; font-weight: 400; color: #fff; line-height: 20px; padding: 8px 0; text-align: center;}
.tm-chat button:hover{background: #326395;}

#menu-mobile{background: #2898bb; color: #fff; font: 'Avo'; text-transform: uppercase;}
.mm-navbar a.mm-title{color: #fff; text-transform: uppercase; font-size: 16px;}
.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: #fff;}

.th-slogan p{text-align: center; color: #ff7200; margin-bottom: 30px;    font-size: 20px; font-family: 'AvoB'; text-transform: uppercase;}

.tm-langues{padding: 10px 0;    padding: 10px 0;
    position: absolute;
    top: 0;
    right: 15px;}
.tm-langues label select option::before{content: '';width: 30px;height: 30px;}
.tm-show-all-prod a{width: 120px;display: block;height: 30px;border: 1px solid #d4d4d4;text-align: center;padding-top: 4px;text-transform: uppercase;color: #999999;}
.tm-show-all-prod a:hover{    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, #e7e3e3),color-stop(0.7, #ffffff));}
.select2-selection__rendered span{font-weight: normal;}
.select2-container--default .select2-selection--single{border-radius: 0;}
.tm-langues label{width: 43px;overflow: hidden;}
.tm-langues label select{height: 30px; min-width: 120px;border-color: #d4d4d4;color: #d4d4d4;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: normal;}
.select2-container .select2-selection--single .select2-selection__rendered{padding: 0;}
/*==========================================================================*/

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

@media (min-width: 1601px){
	.header-bot{margin-bottom: -340px; overflow: hidden;}
	.header-bot img{width: 100%;}
	.th-footer:before{ border: 2400px solid transparent; border-bottom: 150px solid #ff7200; }
	.th-footer:after{border: 2400px solid transparent; border-bottom: 90px solid #6d6f71; }
	.header-bot:after{border: 2500px solid transparent; border-top: 150px solid #f58220;top: calc(100%  - 350px)}
	.th-intro{ padding-top: 220px;}
}
@media (min-width: 1190px){}
@media (max-width: 1024px){
	.header-bot:after{top: calc(100%  - 160px)}
	ul.menu-bar li a{    padding: 7px 15px;   }
    .th-rearch{display: none;}
    .header-top .th-logo{width: 200px;}
    .header-rg{width: calc(100% - 200px)}
    ul.menu-bar{padding-left: 35px;}
}
@media (max-width: 991px){
	.header-bot:after{top: calc(100%  - 140px)}
	a.menu-mobile{display: block;}
	 ul.menu-bar{display: none;}
	.rearch-header{right: 60px;}
	.header-top .th-logo{width: 100%; }
	.header-top .th-logo img{margin: 0 30px; }
	.header-rg{width: 100%; position: relative;}
	.header-rg-top{position: absolute; top: -100px; right: 0;	}
	.th-contact:before, .title-contact:before, .header-top .th-logo:after, .header-top .th-logo:before{content: none;}
	
	.rearch-header input{color: #000;}
	.rearch-header input::-webkit-input-placeholder {color: #000;}
	.rearch-header input:-moz-placeholder{color: #000;}
	.rearch-header input::-moz-placeholder{color: #000 }
	.rearch-header input:-ms-input-placeholder{color: #000 }
	.rearch-header button{color: #555;}

	.intro-lf{display: none;}
	.th-intro:after{left: -300px;}

	.title-contact{margin-top: 0; position: absolute;}
	.title-contact h2{color: #fff;}
	.title-contact:after{    bottom: -25px; left: 0;}
    .tm-langues{right: 60px;}
	.th-contact{padding-top: 320px;}
	.from-contact ul li.form-rg{position: relative; top: 0; left: 0; width: 100%;}
	.form-fl{width: 100%;}
	.th-list-intro{width: 715px;}
}
@media (max-width: 750px){
	.header-bot{    margin-bottom: -100px; overflow: hidden;}
	.footer-rg{text-align: left;}
	ul.th-social{float: left; padding: 30px 0;}
	.title-contact:after{content: none;}
	.form-fl{width: 100%;}
	.from-contact ul li.w50, .from-contact ul li.w50:nth-child(2n){width: 100%; margin: 0;}
	.from-contact{padding-top: 100px; margin: 15px 0;}
	ul.th-sole li{width: 49%;}
	.slider-nav .owl-nav .owl-prev{left: 5px;}
	.slider-nav .owl-nav .owl-next{right: 5px;}
	.title-contact{margin-top: 20px;}
	.th-contact{padding-top: 0;}
	
	.th-list-intro{width: auto;}
	.th-list-intro ul li{padding-bottom: 30px;}
	.tm-chat{display: none;}
    .intro-content{height: 260px;overflow: hidden;}
}
@media (max-width: 680px){}
@media (max-width: 630px){
	.header-rg-bot{display: none;}
	.header-rg-top{top: -85px;}
	.header-top .th-logo img{width: 150px;}
    
}
@media (max-width: 500px){
    .th-footer{margin-top: 100px;}
    .th-service{    padding-bottom: 50px;}
    .th-title h3{    padding: 45px 0;}
    .verify, .form-fl ul li .th-btn{width: 100%;margin-bottom: 30px; }
    .img-new img{display: block; margin: 0 auto;margin-bottom: 30px;}
    .img-new, .detail-new{width: 100%;}
    .th-banners ul li{width: 100%; padding-bottom: 30px;}
    .header-top{ top: 20px; }
    .th-rearch{display: none;}
    .header-bot{    margin-bottom: -80px;}
    .th-intro:after{left: -500px;}
    .th-intro{margin-top: -180px;}
    .detail-intro{height: 200px;}
    .detail-intro h3{font-size: 12px;}
    .th-logo-intro { padding: 40px 15px;}
    .th-logo-intro img{max-width: 200px; display: block; margin: 0 auto;}
    .th-list-intro{padding-bottom: 15px;}
    .intro-content{height: 130px;overflow: hidden;}
    ul.th-sole.slider-service li{width: auto;   }
}
@media (max-width: 420px){
    
    .header-bot{    margin-bottom: -60px;}
    .detail-intro{height: 160px; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 320px){
    .from-contact ul li .verify input{width: 100px; display: block; padding: 0; margin:15px 0;}
}