/*
Theme Name: HWP.com.vn
Theme URI: https://hwp.com.vn
Author:  Công ty HWP
Author URI: https://hwp.com.vn
Description: Công ty HWP chuyên thiết kế web cao cấp, website bằng wordpress. Hotline: 0909 257 034
Version: 1.0
*/
@-webkit-keyframes journey_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.tp_recent_tweets  li{background-image:url(../images/tweet.png);background-repeat:no-repeat;background-position:0px 4px;padding-left:30px;padding-bottom:20px;line-height:20px;list-style-type:none;}
.tp_recent_tweets  li a{font-weight:bold;}
.tp_recent_tweets .twitter_time {
    display:block;
    color: #999;
    font-size: 12px;
    font-style: italic;	
    font-weight: normal;
}
.vc_custom_1445941555299 {
    margin-bottom:0px !important;position: relative;
    left: -166.4px;
    box-sizing: border-box;
    width: 1473px;
}
.vc_custom_1448432556856{margin-bottom:80px !important;}
.vc_custom_1449213766351{margin-bottom:60px !important;background-image:url(images/mobile_slide.jpg) !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important;}
.vc_custom_1450264294682{margin-bottom:80px !important;}
.vc_custom_1450270522171{margin-bottom:0px !important;padding-top:40px !important;padding-bottom:14px !important;}
.vc_custom_1450269319951{margin-bottom:80px !important;padding-top:80px !important;padding-bottom:80px !important;}
.vc_custom_1450437407937{margin-bottom:80px !important;}
.vc_custom_1451973457656{margin-bottom:0px !important;}
.vc_custom_1450356826637{margin-bottom:0px !important;}
.vc_custom_1450356867512{margin-bottom:0px !important;padding-top:53px !important;padding-bottom:53px !important;}
.vc_custom_1451973500888{background-color:#f7f7f7 !important;}
.vc_custom_1446716672180{margin-bottom:0px !important;}
.vc_custom_1449213666600{padding-top:40px !important;padding-bottom:40px !important;}
.vc_custom_1495104670618{margin-top:-35px !important;}
.vc_custom_1450267009214{padding-top:5px !important;}
/* .vc_custom_1449142338264{margin-bottom:30px !important;} */
.vc_custom_1449142329000{margin-bottom:30px !important;}
.vc_custom_1449142343672{margin-bottom:30px !important;}
.vc_custom_1449142350247{margin-bottom:30px !important;}
.vc_custom_1450330273622{padding-top:60px !important;padding-right:0px !important;padding-bottom:60px !important;}
.vc_custom_1450446256472{background-image:url(images/cta-girl-1.png) !important;background-position:bottom center !important;background-repeat:no-repeat !important;background-size:contain !important;}
.vc_custom_1450446299241{margin-bottom:60px !important;}
.vc_custom_1450446304318{margin-bottom:60px !important;}
.vc_custom_1450337112571{margin-bottom:38px !important;}
.vc_custom_1450337066920{margin-bottom:38px !important;}
.vc_custom_1450444940366{padding-top:80px !important;padding-bottom:31px !important;}
.vc_custom_1451973486237{padding-left:45px !important;}
.vc_custom_1449127190171{margin-bottom:0px !important;}
.vc_custom_1449127193884{margin-bottom:0px !important;}
.vc_custom_1450423994691{margin-bottom:44px !important;}
.vc_custom_1450423999162{margin-bottom:44px !important;}
.vc_custom_1450424067703{margin-bottom:44px !important;}
.vc_custom_1450424075450{margin-bottom:44px !important;}
.vc_custom_1450423858601{padding-top:80px !important;padding-right:40px !important;padding-bottom:50px !important;padding-left:40px !important;}
#header{background-repeat:repeat;}
h1.no_before:before{display:none;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#icon_5c35cbd0bd2df{height:50px;width:77px;}
#icon_5c35cbd0bcd98{height:51px;width:72px;}
#service-box{background-size: cover; background-position: center right;}
#partner .vc_image_carousel_wr{margin: 0px -10px;}
#partner .owl-item .item {
    padding: 20px;
    border: 1px solid #ccc;
    margin: 0px 10px;
}
#header {
    background-image: url(img/header_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.9;
}
.stm_counter .icon img + svg {
    display: none;
}
table{margin-bottom: 10px !Important;}
#detail-service{margin-bottom: 30px;}
.vc_custom_1449207080478 {
    margin-bottom: 60px !important;
}
.vc_custom_1448605934156 {
    margin-bottom: 80px !important;
}
.vc_custom_1448604362911 {
    margin-bottom: 100px !important;
}
#page ul{margin-left: 30px;margin-bottom: 10px;}
.stm_sidebar ul{margin-left: 0px !Important;}
.tp-caption.STM-Title, .STM-Title{text-transform: uppercase;}
#services_text{color: rgba(255,255,255,.8);}
#noidung40{color: #404040;}
#breadcrumbs a{color: #444;}
.left{float: left;}
.right{float: right;}
.home .top_nav_affix{background: rgb(255 255 255);}
.not-home .top_nav_affix{background: rgba(255, 255, 255, 1);}
.wp-pagenavi{text-align: center;}
.wp-pagenavi a,.wp-pagenavi span{
    display: inline-block;
    vertical-align: middle;
    padding: 12px 19px;
    border: 2px solid #d9d9d9;
    border-radius: 50px;
    font-weight: bold;
    color: #000;
    margin: 0px 5px;
}
.stButton .stButton_gradient {height: auto !Important;}
.wp-pagenavi .current{background: #34ccff;color: #fff;border: 2px solid #183650;}
#related-box{margin-top: 40px;border-top:1px solid #e6e6e6;padding-top: 40px;}
#related-box .blog_grid > article .post_wr .content{padding: 10px;}
.page_title{
    background-image: url(img/header_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 57px 0px;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    display: none;
}
.page_title .title {
    text-shadow: 1px 1px 2px #333;
}
#detail-content img{max-width: 100%;height: auto;}
#detail-content ul{margin-left: 30px;margin-bottom: 10px;}
.wpcf7 input[type="submit"]{
    background: transparent;
    position: relative;
    color: #183650;
    background: #8daf05;
    border: none;
    padding: 15px 30px 15px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none !important;
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -ms-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
    outline: none !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
}
.no-result{margin-left: 15px;font-size: 12px;}
.item-search{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.item-search a{font-size: 20px;}
.item-search p{font-style: italic;}
.vc_news .news_list li .news_content h4{font-size: 19px;}
.gm-style-iw-d h6{margin-bottom: 0px;}
#lang_sel > ul > li > ul{z-index: 999999;}
li.lang-item img {
    width: 35px !important;
    height: 22px !important;
}
.stm_gmap_wrapper .gmap_addresses .owl-dots-wr{z-index: 999999;padding-right: 5px;}
.carousel-caption.d-none.d-md-block {
    position: absolute;
    left: 10%;
    /* color: #fff; */
    font-size: 30px;
    background: rgb(81 133 0 / 72%) !important;
    padding: 30px 15px;
    width: 450px;
    bottom: 35%;
    box-shadow: 0px 1px 2px #375e07;
}
.carousel-caption.d-none.d-md-block h3, .carousel-caption.d-none.d-md-block p {
        color: #efefef;
    text-align: left;
}
.carousel-caption.d-none.d-md-block p {
    line-height: 1.5em;
    font-size: 16px;
}

.sh-blog-shortcode.style-1 .element.item-new {
    margin-bottom: 0;
}

.sh-blog-shortcode.style-1 .element.item-new .post-inner {
    margin-bottom: 25px;
}

.sh-blog-shortcode.style-1 .element.item-new:not(:last-child) .post-inner {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 25px;
}

.sh-blog-shortcode .element.item-new .entry-description {
    color: #747474;
}

.sh-blog-shortcode .element.item-new .btn {
    border-radius: 20px;
}

.sh-blog-shortcode .element.item-new .view-detail {
    color: #111;
}

.sh-blog-shortcode .element.item-new .view-detail i {
    display: none;
}

.sh-blog-shortcode .element.item-new .entry-thumb {
    /* padding: 2px;
    box-shadow: 0 0 2px 0 #b5b5b5; */
}


/*--------------------------------------------------------------
## Shortcode 
--------------------------------------------------------------*/

.sh-blog-shortcode .element .entry-content {
    margin: 0;
}

.sh-blog-shortcode .element .entry-thumb a {
    overflow: hidden;
    display: block;
}

.sh-blog-shortcode .element .entry-thumb a img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.sh-blog-shortcode .element .entry-thumb a img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.sh-blog-shortcode .element .entry-meta {
    color: #888;
    font-style: italic;
    margin-bottom: 5px;
}

.sh-blog-shortcode .element .entry-meta i {
    margin-right: 5px;
}

.sh-blog-shortcode .element .entry-title {
    margin: 10px 0 5px 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.sh-blog-shortcode .element .entry-description {
    text-align: justify;
    line-height: 1.4;
}


/* Blog Shortcode 1 */

.sh-blog-shortcode.style-1 .element .entry-thumb {
    float: left;
    width: 30%;
    margin-right: 20px;
}

.sh-blog-shortcode.style-1 .element .entry-title {
    margin: 0 0 5px 0;
}

.sh-blog-shortcode.style-1 .element .entry-title a {
    color: #333333;
}

.sh-blog-shortcode.style-1 .element .entry-title a:hover {
    color: #111;
}

.sh-blog-shortcode.style-1 .element .entry-description p {
    margin-bottom: 5px;
}


/* Blog Shortcode 2 */


/* Blog Shortcode 3 */


/* Blog Shortcode 4 */


/* Blog Shortcode 5 */

.sh-blog-shortcode.style-5 .entry-thumb {
    float: left;
    width: 110px;
    margin-right: 15px;
}

.sh-blog-shortcode.style-5 .element .entry-title {
    margin-top: 0;
}

.sh-blog-shortcode.style-5 .element .entry-description {
    font-size: 13px;
}


/* Blog Shortcode 6 */

.sh-blog-shortcode.style-6 .entry-thumb {
    padding: 3px;
    background: #FFF;
    border: 1px solid #cdcdcd;
}

.sh-blog-shortcode.style-6 .entry-title a {
    color: #333333;
}

.sh-blog-shortcode.style-6 .entry-title a:hover {
    color: #111;
}

.sh-blog-shortcode.style-6 .first-element-layout,
.sh-blog-shortcode.style-6 .second-element-layout {
    margin-bottom: 20px;
}

.sh-blog-shortcode.style-6 .first-element-layout .element {
    margin-bottom: 0;
}

.sh-blog-shortcode.style-6 .second-element-layout .entry-thumb {
    float: left;
    width: 110px;
    margin-right: 15px;
}

.sh-blog-shortcode.style-6 .second-element-layout .entry-title {
    margin-top: 0;
}

.sh-blog-shortcode.style-6 .second-element-layout .element:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}

.sh-blog-shortcode.style-6 .second-element-layout .element:last-child {
    margin-bottom: 0;
}


/* Blog Shortcode 7 */

.sh-blog-shortcode.style-7 .first-element-layout .element .entry-thumb {
    float: left;
    width: 30%;
    margin-right: 20px;
}

.sh-blog-shortcode.style-7 .first-element-layout .element .entry-title {
    margin: 0 0 5px 0;
}

.sh-blog-shortcode.style-7 .second-element-layout {
    margin-bottom: 20px;
}

.sh-blog-shortcode.style-7 .second-element-layout .element {
    margin-bottom: 5px;
}

.sh-blog-shortcode.style-7 .second-element-layout .element .entry-title {
    margin: 0;
}

.sh-blog-shortcode.style-7 .second-element-layout .element .entry-title a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #111;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 5px;
}


/* Blog Shortcode 8 */

.sh-blog-shortcode.style-8 .element {
    margin-bottom: 30px;
}

.sh-blog-shortcode.style-8 .element .post-inner {
    position: relative;
}

.sh-blog-shortcode.style-8 .element .entry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: rgb(0, 0, 0, .5);
    padding: 10px 10px;
}

.sh-blog-shortcode.style-8 .element .entry-title {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.sh-blog-shortcode.style-8 .element .entry-title a {
    display: block;
    color: #FFF;
    max-height: 40px;
    overflow: hidden;
}

.sh-blog-shortcode.style-8 .element .entry-title a:hover {
    text-decoration: underline;
}
.slick-slide img {
    filter: brightness(0.7);
}
.top_nav_wr .top_nav ul.top_nav_menu li {
    padding: 0 20px;
}
.sidebar  .widget-title {
    text-transform: initial;
}
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,.top_nav_wr .top_nav ul.top_nav_menu {
    font-family: 'Roboto', sans-serif !important; 
}
@media (max-width: 414px) {
    .sh-blog-shortcode .element {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}