body{font-family:'Roboto', sans-serif;font-size:16px;line-height:1.42857143;color:#666}
.header_top_right ul{float:left;color:#666;font-size:12px;//background:url(../images/icon_dienthoai.png) center left no-repeat;padding-left:20px}
.header_top_right ul span{font-size:14px;font-weight:700;color:#573a1d;padding-right:10px}
.header .flex-row{height:100%;margin-top:-20px}
.header-top{padding-top:20px}
.nav>li>a{line-height:26px;font-size:14px;font-family:"Roboto"}
.nav-left>li>a{padding:0 18px}
.nav-right>li>a{padding:0 14px}
.nav{font-family:"Roboto"}
.logo-center .flex-left,.logo-center .flex-right{margin-top:50px;border-top:1px solid rgba(21, 67, 214,0.65)}
h1.home{font-size:2em}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(96,56,19,.3);-webkit-border-radius:0;border-radius:0}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(98,55,16,.75);-webkit-box-shadow:inset 0 0 6px rgba(96,56,19,.3);max-height:100px}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(96,56,19,.3)}
html{background:none}
h2.uppercase strong{text-shadow:-1px -1px 15px #603913,1px -1px 15px #603913,-1px 1px 15px #603913,1px 1px 15px #603913}
.headline{text-align:center;margin-bottom:25px}
.headline span{font-family:"Roboto";font-size:36px;letter-spacing:.01em;text-transform:capitalize;color:#603913;font-weight:400;background:url(../img/line3_nau.png)center bottom no-repeat;padding-bottom:22px;text-align:center}
.copyright-footer{width:700px;font-family:"Roboto";color:#555}
td{color:#333;font-family:"Roboto"}
h2.psa-title{font-family:"RobotoBold";color:#573b1d;font-size:1.25em}
.absolute-footer{border-top:1px solid #603913}
.add-company{margin-top:25px;color:#573a1d}
.add-company h5{color:#573a1d}
.order-onl-number span{font-family:"RobotoBold";color:#603913;font-size:14px}
.footer-wrapper{margin-top:60px}
.order-onl-number,.social-container{text-align:right}
.widgettitle{font-size:13px;font-weight:700;font-family:"RobotoBold";color:#603913}
#footer ul li a{font-family:"Roboto"}
.box-bounce .box-text{min-height:100px}
.box-text h5,{font-family:"Roboto";line-height:1.5em;font-size:13px}
h5.post-title.is-small{font-size:13px}
.box-text h5:hover{color:#573b1d}
.section-title i.icon-angle-right{margin-right:10px}
h1,h2,h3,h4,h5,h6,h1.entry-title,.heading-font,.off-canvas-center .nav-sidebar.nav-vertical>li>a{font-family:"Roboto"}
h1,h2,h3,h4,h5,h6{color:#333}
.entry-header-text{padding:1.5em 0 0em}
#breadcrumbs{font-size:14px;font-family:"Roboto"}
#breadcrumbs p{padding:3px 0}
.container-fluid{padding-left:0;padding-right:0}
.container-fluid{margin-right:auto;margin-left:auto}
#main .breadcrumb-container{background-color:#f6f6f6}
#main .breadcrumb-container .breadcrumb{padding:10px 0 0;margin-bottom:0}
.archive-page-header .page-title{margin-top:20px}
.page-wrapper{padding-top:0;padding-bottom:30px}
.entry-header{margin-top:20px}
.tieude-codong{background-color:rgba(74,166,153,.71);padding:12px 0}
.tieude-codong:before{content:'';position:absolute;top:9px;left:19px;border-width:7px;border-style:solid;border-color:#ff6e07 transparent transparent #d26e4b}
.section-title span,.section-title h2{font-family:"Roboto";text-transform:uppercase;font-size:20px}
.di:before{border-bottom:30px solid #6c0e09;border-right:560px solid transparent;content:"";height:30px;left:0;position:absolute;top:-30px;width:100%;transition:inherit}
.tp-link-thumb{float:left;font-size:13px;padding-right:10px}
.crpw-title{font-weight:700;font-family:"Roboto";color:#438c8e}
.crpw-date{font-size:10px;font-style:italic}
.tp-cat ul li{list-style-type:square}
.tp-cat ul li:first-child{list-style-type:none}
.tp-cat h2{display:none}
.tintuc li img{margin-bottom:20px;float:left;width:35%}
.tintuc li .title-news{float:right;width:60%;font-family:"Roboto";color:#603913;font-size:13px}
.tintuc{border:1px solid #dcdcdc}
.tintuc a{font-size:15px;color:#603913;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.tt{font-style:italic;font-size:11px;color:#828181}
.lcp_catlist li{clear:left;padding:5px 0;text-align:left;border-bottom:1px solid #dcdcdc}
.tintuc .lcp_catlist{margin:5px 0!important;display:block}
.tintuc .lcp_catlist{padding:20px 15px;margin-top:-15px;display:block}
.lcp_paginator{display:none}
span.widget-title{font-family:"Roboto";    background: #0030ce;
    display: block;
    padding: 10px;
    color: #fff;}
#row-467137494 .trangtrong {
    display: none;
}.why_thietkeweb24horg {
    background: url("../img/bg3.png") no-repeat scroll 100% 0%,rgba(0,0,0,0) url("../img/bg4.png") no-repeat scroll 0 100%;
    min-height: 300px;
    padding: 30px 0;margin-bottom: 50px;
    position: relative;
}.box-text.box-text2.text-center {
    padding: 0;
    font-weight: normal;
}.gallery-col .box-text1 h3 {
    font-size: 12px;
    line-height: normal;
    color: #0839d4;
}.box-text1.text-center {
    font-weight: bold;
    padding: 20px 5px;
    height: 62px;
    overflow: hidden;
}
.col-inner ul li.tab{padding:0 10px}
.gioithieu table td,.gioithieu table th{line-height:1.6}
#main p{line-height: 24px;margin-top:0;color:#555}
.entry-content ul li,.entry-summary ul li,.col-inner ul li{font-family:"Roboto";color:#666}
#secondary{margin-top:20px}
.section-title-normal span{border-bottom:2px solid #573b1d}
.secondary-footer li{display:inline;float:left;list-style:none;padding:0 10px;color:#555}
.secondary-footer{margin-top:13px}
.absolute-footer ul{border-bottom:none}
.box-text h4,.box-text h3{text-transform:uppercase}
.icon-social{width:100%;float:left}
.icon-social .item{width:10%;float:right;margin-left:0}
.ft-right span a{color:#ddbd8c}
.section-title a{font-size:.6em}
.page-id-184 .section-title a{font-size:.8em;margin-bottom:10px;position:absolute;right:0}
.crpw-item h3{font-size:16px}
.su-post>div{margin-top:10px;text-align:center;line-height:normal;font-size:15px}
.left-bg,.right-bg{content:"";position:absolute;top:0;bottom:0;background-repeat:no-repeat;z-index:1}
.right-bg{left:50%;right:0;background-position:top right;background-image:url(../img/x-mas-header-right.png)}
.left-bg{left:0;right:50%;background-position:top left;background-image:url(../img/hoa-dao.png)}
.meta-related{display:block;margin-top:10px;margin-bottom:10px}
.meta-related ul li{font-size:15px;margin-bottom:0}
.meta-related{border-top:1px solid #ecedee;padding:0 20px}
.meta-related{border-bottom:1px solid #ecedee;padding:10px 20px 0 20px}
.meta-related ul li a:before{background:#ed1b2f}
.meta-related ul li a{color:#ddbd8c!important;text-transform:none}
.meta-related ul li a:hover{color:#107f80!important}
.wp-caption-text{text-align:left}
.attachment-thumbnail{float:left!important;width:139px;height:79px;padding-right:5px}
.cuoi_bai{border:2px dotted #573b1d;padding:10px;background-color:#d9a6703d}
.entry-meta a{color:#e22b2b}
.tp-link-thumb img{width:370px;height:200px}
#contact-floater{height:107px;width:59px;display:block;position:fixed;top:40%;right:0;z-index:10000}
#contact-floater span{height:107px;width:59px;display:block;position:relative;top:0;right:0;background:url(https://2.bp.blogspot.com/-KgDHtLqcS0g/WAIruesT3NI/AAAAAAAAEQU/_nsPuewbjXQdmea8W5CTEDnUNTP4phJcQCLcB/s1600/ir-contact-floater.png) no-repeat 0 8px;z-index:10000}
#contact-floater:before{content:"";height:10px;width:59px;display:block;position:relative;top:51px;right:-9px;background:url(https://www.appsflyer.com/wp-content/themes/ohav-child/images/contact-floater-hands.png) no-repeat 0 0;z-index:0;-webkit-transition-delay:.4s;transition-delay:.4s}
#contact-floater:after{content:"";height:53px;width:59px;display:block;position:relative;top:-66px;right:-12px;background:url(https://1.bp.blogspot.com/-37i7aNaHLtc/WAIruK4iN-I/AAAAAAAAEQQ/YG9JHZ4kTIEY2-p0RFMtfp-9VxsdJXR3gCLcB/s1600/ir-contact-floater-person.png) no-repeat 0 0;z-index:0;-webkit-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
#contact-floater:hover span{height:107px;width:59px;display:block;position:relative;top:0;right:0;background:url(https://2.bp.blogspot.com/-KgDHtLqcS0g/WAIruesT3NI/AAAAAAAAEQU/_nsPuewbjXQdmea8W5CTEDnUNTP4phJcQCLcB/s1600/ir-contact-floater.png) no-repeat 0 8px;z-index:10000}
#contact-floater:hover:before{z-index:10001;top:47px;-webkit-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
#contact-floater:hover:after{top:-110px;-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s}
#contact-floater span:before{display:none!important}
#contact-floater span:after{display:none!important}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.col,.gallery-item,.columns{padding-bottom:5px}
.hotro p{font-size:16px;color:rgba(68,76,89,.76)!important;font-weight:300;line-height:26px!important}
.hotro{border:1px solid #ddd;padding:15px}
.welcome-single-services{margin-top:30px;background:#fff}
.welcome-single-services .img-box{width:39%}
.welcome-single-services .img-box,.welcome-single-services .text-box{display:inline-block}
.welcome-single-services .img-box{background:#fff;width:222px;-webkit-clip-path:polygon(0 0,100% 0,75% 100%,0 100%);clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}
.welcome-single-services .img-box,.welcome-single-services .text-box{display:table-cell;vertical-align:middle}
.welcome-single-services .text-box{width:60%}
.welcome-single-services .text-box{background:#EFF3F6;position:relative;padding-left:25px;padding-right:27px;-webkit-transition:all .5s ease;transition:all .5s ease}
.welcome-single-services .text-box p{color:#898989;line-height:24px;-webkit-transition:all .5s ease;transition:all .5s ease}
.welcome-single-services .text-box h3{font-size:20px;text-transform:uppercase;line-height:33px;margin-bottom:9px;margin-top:10px;-webkit-transition:all .5s ease;transition:all .5s ease}
.welcome-single-services .text-box .content{position:relative;z-index:11}
.welcome-single-services .text-box:before{content:'';width:50px;height:100%;position:absolute;top:0;left:-20px;-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg);background:#EFF3F6;z-index:9;-webkit-transition:all .5s ease;transition:all .5s ease}
.welcome-single-services .text-box:after{content:'';width:2px;height:100%;position:absolute;top:0;left:-21px;-webkit-transform:skew(-13deg);-ms-transform:skew(-13deg);transform:skew(-13deg);background:#DADADA;z-index:8;-webkit-transition:all .5s ease;transition:all .5s ease}
.welcome-single-services:hover .text-box{background:#ddbd8c}
.welcome-single-services:hover .text-box:before{background:#ddbd8c}
.welcome-single-services:hover .text-box:after{background:#573b1d;left:-23px;width:20px;transform:skew(-15deg)}
.welcome-single-services:hover .text-box h3,.welcome-single-services:hover .text-box p{color:#FFFFFF!important}
.portfolio-single-page{margin-top:30px}
.portfolio-single-page .meta-related,.portfolio-single-page .bottomcontainerBox,.portfolio-single-page .breadcums{display:none}
.page-header-wrapper h1.entry-title{font-family:Arial!important;font-size:2em}
#post-12094 .meta-related,#post-15460 .meta-related,#post-15457 .meta-related,#post-12133 .meta-related,#post-12104 .meta-related,#post-12115 .meta-related{display:none}
#banner-post-service{width:100%;position:relative}
#banner-post-service img{width:100%}
#banner-post-service .title-post-service{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#5A3B1A;font-size:50px;text-transform:uppercase;font-family:'RobotoBold';text-align:center}
.page-service .bottomcontainerBox{display:none}
.post-service{margin-top:-30px}
.row-service{margin-top:40px}
.row-service .post-sidebar{border:none!important}
.row-service #secondary{margin-top:0}
.list-service .service-item{margin-bottom:10px}
.list-service .service-item img{width:100%;height:145px;border-radius:4px}
.list-service .service-item h4{color:#5A3B1A;text-transform:uppercase;text-align:center;padding:0 15px;margin-top:10px;font-size:14px}
.list-service .service-item.last-service{left:50%;transform:translateX(-50%)}
.list-service h3{margin-bottom:20px}
.content-page,.excerpt-page{position:relative}
.content-page:before,.excerpt-page:before{content:'';position:absolute;right:-30px;top:4px;width:0;height:calc(100% + 50px);border-right:1px solid #ececec}
.content-page:before{height:calc(100% + 100px)}
#footer .su-image-carousel-item-content{top:50%;transform:translateY(-50%)}
#footer .su-image-carousel-item{width:18%!important;height:130px;padding:5px 0;border:1px solid #ccc}
#footer .su-image-carousel-item img{max-height:120px;width:auto;border:none;margin:0 auto;max-width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%)}
#footer .su-image-carousel button.flickity-prev-next-button.next,#footer .su-image-carousel button.flickity-prev-next-button.previous{opacity:1;background:none;right:-60px;color:#57a4d9;margin:0;font-size:20px;left:auto;transform:translateY(-50%)}
#footer .su-image-carousel button.flickity-prev-next-button.previous{left:-30px;right:auto}
#footer .flickity-prev-next-button svg{padding:0}
#footer .su-image-carousel{margin-bottom:40px}
#secondary .su-posts-teaser-loop .su-post-thumbnail img{border:none;border-radius:10px}
#secondary .su-posts-teaser-loop .su-post-thumbnail{width:100%;height:auto;float:none;margin:0;max-height:187px;border-radius:10px}
#secondary .su-posts-teaser-loop h2.su-post-title{text-align:center;color:#5A3B1A;padding:10px 10px 0 10px;font-size:15px}
#wpdcom .wpd-comment .wpd-comment-header{justify-content:unset}
#wpdcom .wpd-comment .wpd-avatar{margin-right:30px}
#wpdcom .wpd-comment .wpd-avatar img{border-radius:100%}
#wpdcom .wpd-comment-text{padding-left:94px}
#related-post{margin:30px 0 0}
#related-post .name-relate{text-transform:uppercase;text-align:center;font-size:20px;position:relative;color:#000;font-weight:700;margin-bottom:30px;font-family:'RobotoBold'}
#related-post .name-relate:before{border-bottom:2px solid #0083ff;position:absolute;top:30px;left:50%;transform:translateX(-50%);content:'';height:0;width:50px}
#related-post .related-item{display:inline-block;padding-top:15px;border-right:1px solid #f4f4f4}
#related-post .related-item:last-child{border:none}
#related-post .related-item img{width:100%;height:150px}
#related-post .related-item h4{font-size:15px;line-height:normal;height:40px;margin-top:5px;margin-bottom:5px}
#related-post .related-item p{margin-bottom:0;font-size:15px;height:70px;overflow:hidden;padding:5px 0}
#related-post .list-relate{display:flex;border:1px solid #f4f4f4;padding-bottom:5px}
#footer{margin-top:16px}
.flickity-prev-next-button .flickity-button-icon{left:50%!important;top:50%!important;width:100%!important;height:100%!important}
.flickity-prev-next-button{width:36px!important;height:36px!important;background-color:transparent!important}
.flickity-prev-next-button.previous{left:2%!important}
.flickity-prev-next-button.next{right:2%!important}
.widgets-framed .widget,.widgets-boxed .widget{z-index:9!important}
.service-item h2{color:#573A1D;line-height:1.3;margin-top:.1em;margin-bottom:.1em;font-size:1.125em;text-align:center;text-transform:uppercase;padding:.7em 10px 1.4em}
#wpdcom.wpdiscuz_unauth{width:70%;margin:30px auto}
.ftwp-in-post#ftwp-container-outer.ftwp-float-right{width:100%!important}
#ftwp-container.ftwp-wrap #ftwp-header-minimize{min-height:auto}
#ftwp-container.ftwp-fixed-to-post.ftwp-top-left #ftwp-trigger{min-height:auto}
#ftwp-container.ftwp-wrap #ftwp-contents{border-color:#603913}
#list-service{list-style:none;padding:0;margin-bottom:5px}
#list-service .service-item,.title-list strong{color:#fff;font-size:12px;display:table;padding:4px 10px 4px 5px;margin-bottom:2px}
.title-list strong{display:inline;font-size:14px;padding:10px}
#list-service .service-item .service-num{border:1px solid #fff;padding:0 10px 8px;border-radius:100%;height:29px;line-height:27px;display:block}
#list-service .service-item .service-name{padding-left:20px}
#list-service .service-item span{display:table-cell;vertical-align:middle}
.col-list-service{background:#667CC3;padding-top:10px}
.col-content{padding:0}
.col-content .col-inner.box-shadow-3{min-height:333px}
.tab-list-service ul.nav .tab{transform:skewX(-30deg);border:1px solid #e7e7e7;margin-right:4px}
.tab-list-service ul.nav .tab.active{background:#667CC3}
.tab-list-service ul.nav .tab a{padding:5px 0;transform:skewX(30deg);border:none;font-weight:700}
.tab-list-service ul.nav .tab.active a{color:#fff}
.tab-list-service .img-inner{position:relative;padding-bottom:81%}
.tab-list-service .img-inner img{position:absolute;top:50%;left:15px;transform:translateY(-50%);object-fit:cover}
.tab-list-service .box-shadow-3 .col:last-child .col-inner{padding:30px 20px 20px 20px}
.tab-list-service .box-shadow-3 .col:last-child .col-inner>p{margin-top:5px!important}
.tab-list-service .medium-6{padding-bottom:0}
.btn-home{display:inline-block;padding:10px 35px;background:#573A1D;color:#fff!important;border-radius:3px;margin:10px auto 30px}
.service-item a,a.su-post-thumbnail,.crpw-item a{display:block;overflow:hidden}
.crpw-item a{padding-right:0;margin-right:10px}
a:hover{color:initial;text-decoration:none;opacity:.6;transition:background-color 1s}
.page-id-14979 .box a img{object-fit:cover;-moz-transition:-moz-transform 0.5s linear;-webkit-transition:-webkit-transform 0.5s linear;-o-transition:-o-transform 0.5s linear;-ms-transition:-ms-transform 0.5s linear;transition:transform 0.5s linear}
.page-id-14979 .box a:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);cursor:pointer}
.home .box-text{line-height:normal}
.box-vertical .box-image{vertical-align:text-top;padding-top:15px}
#toc_container{background:#fff1e4;border-radius:3px;width:100%}
.category #text-4{display:none}
.gallery-box .image-cover img{width:auto!important;height:160px}
.wpd-comment-label{display:none!important}
.gallery-col .box-text h3{font-size:12px;line-height:normal}
h3.post-title{text-transform:none;font-size:16px}
.from_the_blog_comments{display:none}
.page-id-20146 #footer>div>.large-12{display:none}
#footer .large-12 .col-inner>div:first-child{font-size:1.6em;text-align:center}
@media (max-width:1025px){#footer .su-image-carousel-item{width:32.3333%!important;margin:0 10px}
}
@media (max-width:415px){.home .gallery-col .box-text.text-center{padding:0!important}
.home .gallery-col{margin-bottom:30px}
.home .tabbed-content .nav{white-space:nowrap;overflow-x:auto;height:70px;width:100%;display:block;padding-left:10px}
.home .tabbed-content .nav li,.home .tabbed-content .tab-panels li{display:inline-block}
.gallery-box .image-cover{padding-top:45%!important}
.gallery-box .image-cover img{width:auto!important;height:70px}
.tab-list-service .img-inner img{padding-left:15px;padding-right:15px;position:initial;transform:none}
.tab-list-service .img-inner{padding-bottom:0}
.copyright-footer p{margin-left:0!important;text-align:center}
#wpdcom.wpdiscuz_unauth{width:100%}
#footer .su-image-carousel-item{width:49%!important;margin:0 5px}
}
@media only screen and (max-width:48em){.vnt-header{display:none}
.copyright-footer{width:100%}
.left-bg,.right-bg{display:none;) .order-onl-number,.social-container{text-align:center}
.logo-center .flex-left,.logo-center .flex-right{margin-top:50px;border-top:0 solid rgba(91,152,138,.51)}
.headline h2{font-size:20px}
.add-company{margin:0 10px}
.banner h2{font-size:2.1em}
.order-onl-number,.social-container{text-align:center!important}
.headline span{font-size:24px}
.text-inner .text-center{display:none}
.text .dark{display:none}
}
@media only screen and (max-width:480px) and (min-width:320px){.service img{width:44%}
.service{text-align:center}
#media_image-2,#media_image-3{display:none}
.banner h2{font-size:1.9em}
.headline span{font-size:24px}
.welcome-single-services .img-box img{min-height:200px}
.welcome-single-services .text-box h3{font-size:15px}
.col-blog-2{margin-top:-70px}
.col-video{margin-top:-100px}
.text-inner .text-center{display:none}
.copyright-footer .alignleft.wp-image-25 {
  display: block;
  margin: 0 auto;
  text-align: center;
}
}
#banner-post-service .title-post-service{font-size:16px}
.list-service .service-item h4{font-size:12px}
#related-post .related-item{display:inline-block;width:50%;border-right:1px solid #f4f4f4;float:left;margin-bottom:10px}
#related-post .list-relate{display:block}


#row-2045870597 {
  padding-top: 16px;
}
span.widget-title {
    background: #0030ce;
    display: block;
    padding: 10px;
    color: #fff;
}