/*----- font-family -----*/
@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');
}
@font-face {
    font-family: 'TrajanB';
    src: url('../fonts/UTMTrajan/UTMTrajanProBold.eot');
    src: url('../fonts/UTMTrajan/UTMTrajanProBold.eot') format('embedded-opentype'),
         url('../fonts/UTMTrajan/UTMTrajanProBold.woff2') format('woff2'),
         url('../fonts/UTMTrajan/UTMTrajanProBold.woff') format('woff'),
         url('../fonts/UTMTrajan/UTMTrajanProBold.ttf') format('truetype'),
         url('../fonts/UTMTrajan/UTMTrajanProBold.svg#UTMTrajanProBold') 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: #37a065; }
p{font: normal normal 1em Arial, Helvetica, sans-serif;}
.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;}
.btn-top {background-image: url('../images/front/go-to-top.png'); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; border: medium none; bottom: 20px; cursor: pointer; display: none; height: 50px; outline: medium none; padding: 0; position: fixed; right: 20px; width: 50px; z-index: 9999; }
/*===================================================================*/
.header-top{background: url('../images/bg-deader-top.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover; padding: 10px;}
.header-bot{background: #e66e05; position: relative; z-index: 1000;    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.5);  }
.th-logo{max-width: 470px; }
.hot-search{position: relative; margin: 24px 0; }
.hot-search h4{font: 400 22px/36px Avo, sans-serif; color: #00923f; text-transform: uppercase; float: left; padding-right: 30px;}
.hot-search h4 span{font-family: AvoB;}
.hot-search input{float: left; width: 230px; border-radius: 20px; height: 39px; position: relative; z-index: 10;}
.hot-search button{ border: 0; background: transparent; font-size: 16px; color: #868686; padding:0 15px; border-left: 1px solid #868686; position: absolute; top: 10px; right: 2px; z-index: 100;  }

.th-menu{position: relative;}
.th-menu ul{border-left: 1px solid #e66e05; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; text-align: center;}
.th-menu ul li{float: left; flex-grow: 1; border-right: 2px solid #e66e05;  -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s;}
.th-menu ul li:hover, .th-menu ul li.active{background: #f48727;}
.th-menu ul li a{display: block; position: relative;  font: 400 16px/35px 'Avo',sans-serif ; padding: 20px 5px; text-transform: uppercase; color: #fff;  }
.th-menu ul li a:after{content: ''; display: block; width: 100%; border-top: 5px solid #ffad64; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden;}
.th-menu ul li a:before{content: ''; display: block; width: 6px; height: 5px; border: 3px solid transparent; border-bottom: 3px solid #ffad64;  position: absolute; bottom: 5px; left: calc(50% - 3px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden;}
.th-menu ul li:hover a:after, .th-menu ul li:hover a:before, 
.th-menu ul li.active a:after, .th-menu ul li.active a:before{opacity: 1; visibility: visible;}

.th-menu a.menu-mobile{display: none; position: absolute;z-index: 100;top:-52px;right: 0;width: 40px;height: 24px;padding: 0;cursor: pointer;border: none;outline: none;background: transparent;}
.th-menu 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%;background: #1d5393;}
.th-menu 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);}
.th-menu 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);}
.th-menu a.active::before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.th-menu a.active::after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.th-menu 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;background: #1d5393;}
.th-menu a.active span{display: none;}


.camera_pie{display: none;}
.camera_wrap{float: none;}
.camera_prev > span:after{content: '\f104'; font-family: FontAwesome; font-size: 48px; color: rgba(255, 255, 255, 0.6); position: absolute; top: 35%; left: 9%; right: 20%; text-align: center;}
.camera_next > span:after{content: '\f105'; font-family: FontAwesome; font-size: 48px; color: rgba(255, 255, 255, 0.6); position: absolute; top: 35%; left: 9%; right: 0%; text-align: center;}
.camera_prev > span, .camera_next > span{width: 80px; height: 80px; background: rgba(255, 255, 255, 0.4);}
.camera_prev:hover > span:after, .camera_next:hover > span:after{color: rgba(0, 0, 0, 0.6);}
.camera_prev:hover > span, .camera_next:hover > span{ background: rgba(255, 255, 255, 0.8)}
.camera_prev, .camera_next, .camera_commands{top: calc(50% - 40px); background: none; width: 80px; height: 80px;}

.service-bt{margin-top: -138px;}
.item-service{height: 275px; overflow: hidden; position: relative;}
.item-service .img-ser img{width: 100%;}
.item-service .detail-ser{position: absolute; top: 65%; left: 0; width: 100%; height: 100%; text-align: center;  padding: 30px; background:none;  -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.item-service:hover .detail-ser{top: 0; background:  rgba(0, 146, 63, .8);}
.item-service .detail-ser h4{font: 400 22px/36px Avo, sans-serif; text-transform: uppercase;}
.item-service .detail-ser h4:after{content: none; display: block; width: 310px; height: 18px; margin: 15px 0 5px 0; background: url('../images/line-ser.png') no-repeat center; -webkit-background-size: cover; background-size: cover; }
.item-service:hover .detail-ser h4:after{content: ''; }
.item-service .detail-ser h4 a{color: #fff;}
.item-service .content-ser p{font: 400 14px/25px Avo, sans-serif; color: #fff; margin: 30px 0; height: 50px; overflow: hidden;}

.read-more{font: 400 14px/30px Avo, sans-serif; text-align: center; }
.read-more a{ color: #fff; display: inline-block; position: relative; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.read-more a:hover{background: #6cdb87;}
.slider-tips .owl-nav .owl-prev:before , .read-more a:before{content: ''; display: inline-block; width: 15px; height: 30px; border: 1px solid #6cdb87; border-right: 0; position: absolute; top: 0; left: 0px; }
.slider-tips .owl-nav .owl-next:after , .read-more a:after{content: ''; display: inline-block; width: 15px; height: 30px; border: 1px solid #6cdb87; border-left: 0; position: absolute; top: 0; right: 0px; }

.slider-service .owl-prev{width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; color: #fff; text-align: center; padding: 5px; position: absolute; top: calc(50% - 15px); left: 15px;}
.slider-service .owl-next{width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; color: #fff; text-align: center; padding: 5px; position: absolute; top: calc(50% - 15px); right: 15px;}

.slider-tips .owl-nav{display: block; position: relative; margin: 30px auto; color: #fff; text-align: center;}
.slider-tips .owl-nav .owl-prev{display: inline-block; position: relative;  line-height: 30px; width: 72px; text-align: center; border-right: 1px solid #6cdb87;transition: all 0.3s; }
.slider-tips .owl-nav .owl-next{display: inline-block; position: relative;  line-height: 30px; width: 72px; text-align: center; transition: all 0.3s; }
.slider-tips .owl-nav .owl-prev:hover, .slider-tips .owl-nav .owl-next:hover{background: #6cdb87;}

.th-title{padding: 50px 0;text-align: center;}
.th-title h4{font: 400 22px/36px TrajanB, sans-serif; text-transform: uppercase; color: #227f21; }
.th-title.title-o h4{color: #fff; }
.th-title h4:after{content: ''; display: block; width: 163px; height: 22px; margin: 0 auto; background: url('../images/front/sprite.png')no-repeat; }
.th-title.title-o h4:after{background-position: 0 -70px;}
.th-line-bottom{display: block; width: 390px; height: 32px; margin: 50px auto; background: url('../images/bg-line.png') no-repeat center; -webkit-background-size: cover; background-size: cover;}

.th-content p{font: 400 14px/24px Avo, sans-serif; color: #333333; }

.th-support{ margin-bottom: -60px; position: relative; z-index: 100; }
.support {background: #e77817; padding: 12px;  overflow: hidden;}
.support .bd-support{border: 1px solid #f48320; margin: 0 15px;}
.support .bd-support:after{content: ''; display: block; clear: both; }
.title-support{height: 112px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; font: 400 22px/30px AvoB, sans-serif; color: #fff; text-transform: uppercase; position: relative; }
.title-support h4{position: relative; z-index: 100; }
.title-support:after{content: ''; display: block; width: 117%; height: 138px; background: url('../images/bg-support.png') no-repeat center; -webkit-background-size: cover; background-size: cover; position: absolute; top: -13px; left: -28px; z-index: 10;}
.item-mentor{padding: 20px 0; overflow: hidden;}
.item-mentor .avatar-mentor{width: 61px; height: 61px; float: left; margin: 5px 15px 0 0; }
.item-mentor .avatar-mentor img{width: 100%; height: 100%;}
.item-mentor .detail-mentor{width: calc(100% - 76px); float: left;}
.item-mentor .detail-mentor p{font: 400 14px/24px Avo, sans-serif; color: #fff; }
.item-mentor .detail-mentor p span{font-family: AvoB;}

.th-tips{ position: relative; z-index: 10; padding-top: 60px;  background: #48b175 url('../images/bg-tree.png')no-repeat center; -webkit-background-size: cover; background-size: cover;}
.item-tips{padding: 5px 5px 20px 5px; background: #fff;}
.item-tips .img-tips{height: 247px; overflow: hidden;}
.item-tips .detail-tips h4{font: 400 14px/24px AvoB, sans-serif; color: #fff;  text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.item-tips .detail-tips h4 a{ color: #333333; }
.item-tips .detail-tips h4 a:hover{color: #37a065; }
.item-tips .detail-tips .content-tips{height: 80px; overflow: hidden;}
.item-tips .detail-tips .content-tips p{font: 400 14px/20px Avo, sans-serif;  color: #333333; }

.img-effect img{width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.img-effect img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.img-effect2{display: block; width: 100%; height: 100%; position: relative; }
.img-effect2 a:before{ content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;  opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.img-effect2 a:after{ content: '\f00e'; display: block; font-family: FontAwesome; font-size: 25px; color: #fff;  position: absolute; top: calc(50% - 13px); left: calc(50% - 13px); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.hack-tag{margin-bottom: 50px; text-align: center;}
.hack-tag ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.hack-tag ul li{background: #e8e8e8; flex-grow: 1;  -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.hack-tag ul li.active, .hack-tag ul li:hover{background: #e77817; }
.hack-tag ul li a{padding: 10px; border-radius: 0; font: 400 16px/29px Avo, sans-serif;  color: #333333; text-transform: uppercase;}
.hack-tag ul li.active a, .hack-tag ul li.active a:hover ,.hack-tag ul li:hover a{color: #fff; background: #e77817;} 

.item-pro{padding-bottom: 40px;}
.item-pro .img-pro{height: 300px; overflow: hidden;}
.item-pro .detail-pro h4{padding: 15px 0; font: 400 16px/24px Avo, sans-serif; color: #fff;  text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.item-pro .detail-pro .read-buy{border-top: 1px solid #b4b4b4; padding: 10px 0 0 0; font: 400 14px/24px Avo, sans-serif; overflow: hidden;}
.item-pro .detail-pro .read-buy a{color: #257b3a; }
.item-pro .detail-pro .read-buy a:hover{color: #f31449; }

.cont-storytelling{padding: 50px 0; background: url('../images/bg-story.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover;}
.item-story {padding-bottom: 20px; overflow: hidden;  margin-bottom: 20px;}
.cont-storytelling .col-md-6:nth-child(-n + 2) .item-story{border-bottom: 1px solid #528f3d; }
.item-story .img-story{width: 163px; height: 163px; margin-right: 15px; float: left;}
.item-story .img-story img{width: 100%; height: 100%; }
.item-story .detail-story{width: calc(100% - 178px); float: left;}
.item-story .detail-story h4{font: 400 16px/24px Avo, sans-serif; text-transform: uppercase;  }
.item-story .detail-story h4:after{content: ''; display: block; width: 68px; border-top: 1px solid #fff; margin: 20px 0 20px 0; }
.item-story .detail-story h4 a{display: block;color: #fff; height: 48px; overflow: hidden;}
.item-story .detail-story h4 a:hover{color: #f31449; }
.item-story .detail-story .cont-story{}
.item-story .detail-story .cont-story p{font: 400 14px/24px Avo, sans-serif; color: #fff ;}
.item-story:hover .img-effect2 a:before, .item-story:hover .img-effect2 a:after{opacity: 1; visibility: visible;}


.footer-top{padding: 50px 0;background: #e5e5e5 url('../images/bg-tree.png')no-repeat center; -webkit-background-size: cover; background-size: cover;}
.footer-top h4{font: 400 14px/24px AvoB, sans-serif; color: #252525 ; height: 48px; text-transform: uppercase;}
.footer-top ul li{font: 400 14px/34px Avo, sans-serif; color: #333333 ;}
.footer-top ul li span{display: inline-block; width: 25px;}
.footer-top ul.lst-category li{text-transform: uppercase;}
.footer-top ul.lst-social{display: inline-block; overflow: hidden; margin-top: 15px; padding: 15px 0; border-top: 1px solid #cccccc;}
.footer-top ul.lst-social li{display: inline-block; float: left; margin-right: 10px; }
.footer-top ul.lst-social li span{height: 25px; width: 25px; background: #fff; border-radius: 50%; text-align: center; padding: 5px;}
.footer-top ul.cat-img{margin: 0 -15px; }
.footer-top ul.cat-img li{width: 50%; padding: 0 15px 0 15px;  float: left;}
.footer-top ul.cat-img li img{width: 100%;}
.footer-top ul.cat-img li:nth-child(-n + 2){padding-bottom: 30px;}
.footer-bot{background: #e5e5e5;}
.coppyright{text-align: center; padding: 30px 0;}
.coppyright p{font: 400 14px/24px Arial, sans-serif; color: #333333 ;}


.tm-chat{width: 295px; position: fixed; right: 8%; bottom: 0; z-index: 1200; }
.tm-chat h3{ text-transform: uppercase;font-family: "Avo"; margin: 0px; font-size: 14px; line-height: 20px; color: #fff;  font-weight: 500; background: #e77817; padding: 12px 13px; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.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; font-size: 20px}
.tm-chat h3.active .tm-down{display: inline-block;  float: right;
-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 .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: "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;}

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


/*================================= BEGIN PAGER CHILDEN ==================================*/
.th-slider-content{padding: 65px 0; background: url('../images/bg-slider-port.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover;}
.th-slider-content h4{font: 400 26px/36px AvoB, sans-serif; color: #888888; text-transform: uppercase;}

.breadcrumbs ul{border-bottom: 1px solid #d7d7d7; padding: 19px 0; overflow: hidden;}
.breadcrumbs ul li a{color: #868686;}
.breadcrumbs ul li:not(:first-child):before{content: '\f105'; font-family: FontAwesome; display: inline-block; margin: 0 10px; }
.breadcrumbs ul li{font:300 14px/24px Roboto, sans-serif; color: #868686; float: left;}
.breadcrumbs ul li i{color: #868686; }
.breadcrumbs ul li i:before{padding-right: 10px;}
.breadcrumbs ul li i:after{content: ''; display: inline-block; width: 1px; height: 18px; background: #868686; margin-right: 15px;    margin-bottom: -4px; }

.th-content-port{padding: 30px 0;}

.th-lst-project{overflow: hidden;}
.th-lst-project .lst-tag{width: 50%; margin-left: 25%; }
.lst-pro{width: 20% ; float: left; padding: 1px; position: relative; overflow: hidden;  }
.lst-pro .img-pro{padding: 66%; position: relative; }
.lst-pro .img-pro img{position: absolute; top: 0; left: 0; width: 78%; }
.lst-pro .detail-pro{padding: 15px; width: 100%; height: 100%; position: absolute; top: 0; left: 100%; background: rgba(0, 146, 63, 0.8); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.lst-pro .detail-pro h4{ font: 400 16px/24px AvoB, sans-serif; color: #fff; text-transform: uppercase; }
.lst-pro .detail-pro h4 a{color: #fff; }
.lst-pro .detail-pro h4:after{content: ''; display: block; margin: 15px 0; width: 136px; border-top: 1px solid rgba(255, 255, 255, .6);}
.lst-pro .detail-pro .cont-pro p{font: 400 14px/24px Avo, sans-serif; color: #fff; height: 120px; overflow: hidden;}
.lst-pro:hover .detail-pro{left: 0;}

.item-news{position: relative; overflow: hidden; margin-bottom: 30px; z-index: 100;}
.item-news:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;  background: rgba(0, 146, 63, 0.8) ; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.item-news:after{    content: '\f00e'; display: block; font-family: FontAwesome; font-size: 30px; color: #fff; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 100;}
.item-news:hover:after, .item-news:hover:before{opacity: 1; visibility: visible;}
.item-news.item-intro:after, .item-news.item-intro:before{content: none; }
.item-news.item-news1 .cont-news{padding: 50%;}

.item-news.item-news2 .cont-news{padding: calc(100% + 15px); }
.item-news.item-news2 .cont-news .cont-intro{position: absolute; top: 0; left: 0; z-index: 10;}
.item-news .cont-news img{height: 100%; width: 100%; position: absolute; top: 0; left: 0;  z-index: 10;}
.item-news.item-news2 .cont-news h4{font: 400 14px/24px AvoB, sans-serif; color: #333;}
.item-news.item-news2 .cont-news h4:after{content: ''; display: block; width: 68px; border-top: 1px solid #cccccc; margin: 15px 0;}
.item-news.item-news2 .cont-news p{font: 400 14px/24px Avo, sans-serif; color: #333; }

.col-md-offset-top-3{ margin-top: -25%; }
.col-md-offset-top-3:nth-child(2n) {margin-left: 25%; }
.col-md-offset-top-3:nth-child(3n) {margin-left: 50%;}

.content-contact{padding-top: 45px; }
.content-contact .form-contact1{padding: 20px; position: relative; }
.content-contact .form-contact1:after{content: ''; display: block; width: 165px; height: 165px; border-top:  1px solid #15964d; border-right: 1px solid #15964d; position: absolute; top: 0; right: 0;}
.content-contact .form-contact1 ul{padding: 15px 0;}
.content-contact .form-contact1 ul li{ font: 400 14px/24px Avo, sans-serif; color: #252525;  }
.content-contact .form-contact1 ul li span{display: inline-block; width: 25px; color: #15964d; }
.content-contact h4{font: 400 14px/24px AvoB, sans-serif; color: #15964d; text-transform: uppercase;}
.content-contact h3{font: 400 26px/36px Avo, sans-serif; color: #868686; text-transform: uppercase; margin-bottom: 15px; text-align: center;}
.content-contact .form-contact2{margin-top: -200px; background: #fff; padding: 20px; box-shadow: 0 0 7px rgba(0, 0, 0, .6);  }
.content-contact .form-contact2 input{height: 46px;}
.content-contact .form-contact2 input, .content-contact .form-contact2 textarea{border-radius: 0; background: #f2f2f2; border: 0;  border-top: 1px solid #cbcbcb; margin-bottom: 25px;}
.content-contact .form-contact2 li{overflow: hidden; }
.content-contact .form-contact2 img.img-verify{float: left;}
.content-contact .form-contact2 .input-verify{margin: 0 15px; float: left; }
.content-contact .form-contact2 .read-more{float: right;}
.content-contact .form-contact2 .read-more a{color: #333; text-transform: uppercase; }

/*================================= END PAGER CHILDEN ==================================*/

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

@media (min-width: 1600px){
	.camera_prev{ left: calc((100% - 1600px)/2); }
	.camera_next{ right: calc((100% - 1600px)/2); }
}
@media (min-width: 1190px){}
@media (max-width: 1024px){
    .camera_prev{ left: calc((100% - 970px)/2); }
    .camera_next{ right: calc((100% - 970px)/2); }
    .title-support:after{height: 200%;}
    .lst-pro {width: 25%;}
}
@media (max-width: 991px){
    .header-bot.th-fixed{position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5); height: 50px;}
    .th-menu a.menu-mobile{display: block; }
	.header-bot.th-fixed .th-menu a.menu-mobile{top: 12px;}
	.th-menu {width: 100%; position: relative; border: none;}
	.th-menu ul{display: block; width: 100%; background: #6d6d6d; position: absolute; top: 65px; left: -150%;  border: 0; background: transparent; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.th-menu ul.active{ visibility: visible; left: 0;}
	.th-menu ul li.active, .th-menu ul li:hover{background: #fff; }
	.th-menu ul li{width: 100%; position: relative; left: 0; background: rgba(255, 255, 255, .8); border: 0; margin-bottom: 3px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.th-menu ul.active li{left: 0;}
	.th-menu ul li a{ color: #333; padding: 5px; }
    .th-menu ul li a:after, .th-menu ul li a:before{content: none; }
	.th-fixed .th-menu a.menu-mobile span{background: #fff;}
	.th-fixed .th-menu a.menu-mobile::before, .th-fixed a.menu-mobile::after{background: #fff;}

	.camera_prev{ left: calc((100% - 750px)/2); }
	.camera_next{ right: calc((100% - 750px)/2); }

	.hot-search{display: none;}
	.th-logo{width: 300px;}
    .item-tips{padding: 15px; margin-bottom: 30px;}
    .item-tips .img-tips{height: auto;padding-bottom: 15px;}
    .item-story{border-bottom: 1px solid #528f3d; }
    .hack-tag ul{display: block; text-align: center;}
    .hack-tag ul li{margin-right: 10px; margin-bottom: 10px;}
    .lst-pro {width: calc(100% / 3);}
    .th-lst-project .lst-tag{width: 100%; margin-left: 10%;}

    .col-md-offset-top-3{ margin-top: -50%; }
    .col-md-offset-top-3:nth-child(2n) {margin-top: 0; margin-left: 0; }
    .col-md-offset-top-3:nth-child(3n) {margin-top: -50%; margin-left: 50%;}
    .content-contact .form-contact2{margin-top: 30px;}

}
@media (max-width: 768px){
    .camera_prev{display: none; }
    .camera_next{display: none; }
    .title-support:after{content: none; }
    .service-bt{margin-top: 0;}
    .th-service{ padding-top: 50px;}
    .item-intro.item-news.item-news2 .cont-news {padding: 0;}
    .item-intro.item-news.item-news2 .cont-news .cont-intro{position: relative; }

}
@media (max-width: 750px){
    .hack-tag ul li{width: 100%;}
    .th-lst-project .lst-tag{margin-left: 0; padding: 0 15px;}
    .th-line-bottom{width: 100%;}

}
@media (max-width: 680px){}
@media (max-width: 630px){}
@media (max-width: 500px){
    .item-story .img-story{width: 100%; height: auto; margin-bottom: 10px; }
    .item-story .detail-story{width: 100%; }
    .tm-chat{display: none;}
    .th-logo{width: 220px;}
}
@media (max-width: 420px){
    .lst-pro{width: 100%;}
}
@media (max-width: 360px){
    .content-contact .form-contact2{text-align: center;}
    .content-contact .form-contact2 img.img-verify{ width: 100px; margin-right: 15px; }
    .content-contact .form-contact2 .input-verify{ margin: 0 ;width: calc(100% - 115px);  }
    .content-contact .form-contact2 .read-more{display: block; float: none; padding: 10px 0; clear: both;}
}