/*

Theme Name: Mypage Child
Theme URI: https://www.mypage.vn
Author: Mypage
Author URI: https://www.mypage.vn
Description: Mypage Responsive Wordpress + Woocommerce Theme.
Template: mypage
License URI: https://www.mypage.vn
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child

*/

@import url("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE ***************/
/* Header */
 @media (min-width: 992px) {
     #header.header-12 #main-menu .mega-menu > li.menu-item > a, #header.header-12 #main-menu .mega-menu > li.menu-item > h5 {
         padding: 0px 13px!important;
         line-height: 47px;
    }
     #header.header-12 .header-main #main-menu .mega-menu > li.menu-item {
        padding: 17px 0;
    }
}
 #header.header-corporate .share-links a {
     box-shadow: none;
     background: transparent;
}
 @media (max-width: 480px) {
     #header .logo {
         margin-left: 0;
    }
     #header.sticky-header .logo {
         display: block;
    }
     #header .mobile-toggle {
         left: auto;
         right: 5px;
         top: 15px;
    }
}
/* Breadcrumbs */
 .page-top .page-title {
     text-transform: uppercase;
}
/* Layouts */
 .main-content, .left-sidebar, .right-sidebar {
     padding-top: 50px;
}
/* Footer */
 #footer .container {
     padding-top: 0;
     padding-bottom: 0;
}
 #footer .widgettitle, #footer .widget-title {
     margin-bottom: 27px;
}
 #footer .widgettitle, #footer .widget-title, #footer .widgettitle a, #footer .widget-title a {
     font-size: 1.8em;
     font-weight: 200;
}
 #footer .footer-bottom {
     padding-top: 0;
     padding-bottom: 0;
}
 .footer-wrapper #footer .footer-bottom .container > div {
     padding-top: 20px;
}
 @media (min-width: 992px) {
     #footer .logo {
         margin-top: 75px;
    }
}
 #footer ul.list-footer-nav li {
     margin-bottom: 13px;
}
 #footer ul.list-footer-nav a {
     font-size: 14px;
     text-decoration: none;
}
 #footer .fa {
     display: inline-block;
     padding-right: 2px;
     position: relative;
     top: 1px;
     color: #000;
}
/* Newsletter */
 #footer .widget.widget_wysija {
     margin-bottom: -15px;
}
 #footer form.widget_wysija {
     display: table;
     width: 100%;
}
 #footer form.widget_wysija > * {
     display: table-caption;
}
 #footer .widget_wysija .wysija-paragraph {
     display: table-cell;
     width: 100%;
     vertical-align: bottom;
}
 #footer .widget_wysija .wysija-input {
     max-width: 100%;
     height: 45px;
     padding: 12px;
     borer-radius: 0;
}
 #footer .widget_wysija .wysija-submit {
     display: table-cell;
     height: 45px;
     padding: 12px;
     margin: 0;
     vertical-align: bottom;
     border-width: 0;
}
/* Testimonial */
 .testimonial.testimonial-with-quotes blockquote p {
     font-size: 20px;
}
/* Revolution Slider */
 .tparrows {
     background: transparent;
}
 .tparrows:hover {
     background: transparent;
}
 .tparrows:before {
     position: relative;
     z-index: 1;
     color: #fff !important;
     text-shadow: none;
}
 .tparrows:after {
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     transition: all 0.2s ease;
     background: #000 none repeat scroll 0 0;
     opacity: 0.2;
     height: 40px;
     margin: -40px 0 0;
     position: relative;
     transform: rotate(-45deg);
     width: 40px;
     content: "";
     display: block;
     z-index: 0;
}
 .tparrows:hover:after {
     opacity: 1;
}
/* Filter, Divider */
 .sort-source {
     font-size: 0.9em;
}
 .sort-source + hr {
     margin: 30px 0;
}
 hr {
     background: #dbdbdb;
}
/* Portfolio */
 .portfolio-item.outimage {
     text-align: left;
}
 ul.portfolio-details {
     margin-left: 0;
}
 .portfolio-info, .portfolio-desc:first-child, ul.portfolio-details li h5:first-child {
     display: none;
}
 .portfolio-medium .post-content, .portfolio-ajax-modal .post-content {
     margin-top: 6px !important;
}
 @media (min-width: 992px) {
     .portfolio-medium .col-md-8 > *, .portfolio-ajax-modal .col-md-8 > * {
         margin-left: 15px;
    }
}
 .vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:hover {
     color: #ffffff;
     border-color: #F8620D;
     background-color: #F8620D;
}
 .vc_btn3.vc_btn3-color-default.vc_btn3-style-modern {
     width: 180px;
}
 #header.header-corporate:not(.header-10) .header-main .searchform-popup, #header.header-corporate:not(.header-10) .header-main #mini-cart{
     display: inline-block;
}
 #header .show-menu-search .searchform-popup {
     left: initial;
     right: 0;
}
 .ab_intro.vc_column_container {
     background-color: rgba(0,0,0,0.85);
     padding: 15px;
}
 .ab_intro.vc_column_container .wpb_wrapper.vc_column-inner {
     border: 1px solid #fff;
     padding: 25px;
}
 .vc_custom_heading.title_custom {
     font-size: 25px;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 30px;
     margin-bottom: 20px;
     position: relative;
     padding-bottom: 10px;
     display: inline-block;
}
 .vc_custom_heading.title_custom:before {
     content: "";
     position: absolute;
     height: 1px;
     width: 100%;
     display: block;
     left: 0;
     bottom: 0;
     background-color: #686868;
}
 .vc_custom_heading.title_custom:after {
     content: "";
     position: absolute;
     height: 2px;
     width: 80px;
     display: block;
     left: 0;
     bottom: 0;
     background-color: #F8620D;
}
 .ab_intro.vc_column_container .wpb_text_column.wpb_content_element {
     color: #fff;
}
 .title_custom_icon .uvc-main-heading > h2 {
     font-size: 25px;
     text-transform: uppercase;
     font-weight: 500;
     color: #333;
}
 .title_custom_icon .uvc-main-heading {
     margin-bottom: 5px;
}
 .title_custom_icon .uvc-sub-heading {
     max-width: 570px;
     margin-bottom: 15px;
}
 .title_custom_icon .uvc-heading-spacer {
     margin-bottom: 10px;
}
 .project-list {
     margin-bottom: 20px;
}
 .project_item {
     position: relative;
     margin-bottom: 16px!important;
}
 .project_item:hover a:after{
     opacity: 1;
}
 .project_item a:after {
     position: absolute;
     content: "";
     right: 0;
     bottom: 0;
    /* top: 0;
     */
     background-color: rgba(0,0,0,0.5);
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     padding: 0 20px;
     opacity: 1;
     display: block;
}
 .project_item .project_meta {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0,0,0,0.5);
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     padding: 0 20px;
     height: 32px;
     overflow: hidden;
}
 .project_item .project_meta ul.project_meta_list {
     opacity: 0;
     list-style: none;
     padding-left: 0;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}
 .project_item .project_meta .project_title {
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 0;
     position: relative;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}
 .project_item:hover .project_meta {
     bottom: 10px;
     left: 10px;
     right: 10px;
     background-color: rgba(0,0,0,0.85);
     height: calc(100% - 20px);
}
 .project_item.horizontal:hover .project_meta{
     padding-top: 25px;
}
 .project_item.vertical:hover .project_meta{
     padding-top: 50px;
}
 .project_item:hover .project_meta .project_title {
     font-size: 18px;
     text-align: center;
     line-height: 24px;
     margin-bottom: 15px;
}
 .project_item:hover .project_meta ul.project_meta_list {
     opacity: 1;
     color: #fff;
}
 .project_item .project_meta ul.project_meta_list{
     color: #fff;
}
 .project_item .project_meta .project_title:after {
     content: "";
     position: absolute;
     bottom: -7px;
     left: 50%;
     width: 50px;
     height: 3px;
     background-color: #fff;
     margin-left: -25px;
     opacity: 0;
}
 .project_item:hover .project_meta .project_title:after {
     opacity: 1;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab .vc_tta-title-text {
     color: #555;
     font-size: 16px;
     font-weight: 500;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab a {
     position: relative;
     background-color: transparent;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab a:before, .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab a:before {
     content: "";
     position: absolute;
     left: calc(100% - 60px);
     top: 0;
     display: block;
     height: 1px!important;
     width: 40px!important;
     background-color: transparent;
     border: none;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab:hover a:before{
     background-color: #F8620D;
     left: 20px;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab a:after, .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab a:after {
     content: "";
     position: absolute;
     right: calc(100% - 60px);
     bottom: 0;
     display: block;
     height: 1px!important;
     width: 40px!important;
     background-color: transparent;
     border: none;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab.vc_active a:after, .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab:hover a:after{
     background-color: #F8620D;
     right: 20px;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab.vc_active .vc_tta-title-text, .vc_general.vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-list .vc_tta-tab:hover .vc_tta-title-text{
     color: #F8620D 
}
 section.section.project_custom {
     background-color: transparent;
     border: none;
     padding-top: 0;
     margin-top: 10px;
}
 .button_project_wrap{
     text-align: center;
}
 .button_project_wrap .project_button {
     color: #fff;
     font-size: 17px;
     line-height: 24px;
     background-color: #333;
     padding: 14px 90px;
     border-radius: 5px;
     text-transform: uppercase;
     display: inline-block;
     text-decoration: none;
}
 .button_project_wrap .project_button:hover{
     background-color: #F8620D;
     text-decoration: none;
}
 .button_project_wrap .project_button i {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-font-smoothing: antialiased;
     opacity: 0;
     position: relative;
     right: -5px;
}
 .button_project_wrap .project_button:hover i {
     right: -15px;
     opacity: 1;
}
 .vc_row.wpb_row.vc_row-fluid.bg_project_row .vc_column_container {
     z-index: 1;
}
 .vc_row.wpb_row.vc_row-fluid.bg_project_row:after {
     content: url(images/bg_bottom.jpg);
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
}
 .vc_row.wpb_row.vc_row-fluid.bg_project_row:before {
     content: url(images/bg_top.jpg);
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
}
 .vc_custom_heading.title_with_border_bottom.align-left {
     color: #fff;
     font-size: 16px;
     line-height: 20px;
     text-transform: uppercase;
     font-weight: 400;
     border-bottom: 1px solid rgba(255,255,255,0.3);
     padding-bottom: 10px;
}
 .stats-block.counter_custom .stats-desc {
     color: #fff;
     text-align: center;
}
 .stats-block.counter_custom {
     margin-bottom: 80px;
}
 .stats-block.counter_custom .stats-desc .stats-text {
     font-size: 14px!important;
     font-weight: 400;
}
 .stats-block.counter_custom .stats-desc .stats-number {
     font-size: 50px!important;
     line-height: 60px;
     font-weight: 700;
}
 .wpb_video_widget.wpb_content_element.video_custom {
     position: relative;
}
 .wpb_video_widget.wpb_content_element.video_custom:after {
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     right: -10px;
     top: -10px;
     border: 1px solid rgba(255,255,255,0.3);
     z-index: 0;
}
 .wpb_video_widget.wpb_content_element.video_custom .wpb_wrapper {
     z-index: 1;
}
 .member-item span.zoom {
     display: none;
}
 .member-item .member-info-container h4.m-t-md.m-b-none {
     font-size: 16px;
     text-transform: uppercase;
     margin-top: 5px!important;
}
 table.pricing_table th {
     background-color: #555;
     color: #fff;
     font-size: 18px;
}
 table.pricing_table.black th {
     background-color: #333;
}
 table.pricing_table.red th {
     background-color: #F8620D;
     padding: 21px 8px;
}
 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
     border-color: #EAE9E9;
}
 .table-striped > tbody > tr:nth-of-type(odd) {
     background-color: #eee;
}
 table.pricing_table td {
     padding: 20px!important;
     color: #666;
}
 .register_pricing {
     font-size: 16px;
     background-color: #F8620D;
     color: #fff;
     line-height: 20px;
     padding: 10px 36px;
     border-radius: 25px;
     display: inline-block;
     margin-top: 16px;
     text-transform: uppercase;
}
 span.big_price {
     font-size: 30px;
     font-weight: bold;
     color: #111;
}
 span.medium_price {
     font-size: 22px;
     font-weight: bold;
     color: #444;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab a {
     text-align: center;
     min-width: 180px;
     border: 1px solid #E2E2E2;
    ;
     background-color: #fff;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a{
     background-color: #F8620D;
     border-color: #F8620D;
     color: #fff;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab a:before {
     display: block;
     width: initial;
     height: initial;
     position: static;
     border: none;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab a {
     font-size: 18px;
     color: #333;
     text-transform: uppercase;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab:nth-child(1) a:before {
     content: url(images/icon_tab_3.png);
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab:nth-child(2) a:before {
     content: url(images/icon_tab_2.png);
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab:nth-child(3) a:before {
     content: url(images/icon_tab_1.png);
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab.vc_active:nth-child(1) a:before {
     content: url(images/icon_tab_3_w.png);
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab.vc_active:nth-child(2) a:before {
     content: url(images/icon_tab_2_w.png);
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab.vc_active:nth-child(3) a:before {
     content: url(images/icon_tab_1_w.png);
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a:after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     width: 30px;
     height: 10px;
     margin-left: -15px;
     display: block!important;
     border: none;
     border-top: 10px solid #F8620D;
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
}
 .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list {
     margin-bottom: 15px;
}
 .meta_date_wrap {
     position: absolute;
     left: 6px;
     bottom: 6px;
     background-color: rgba(206, 59, 40, 0.85);
     padding: 3px;
     display: none;
}
 .meta_date_wrap span.meta_date {
     color: #fff;
     font-size: 14px;
     border: 1px dashed;
     padding: 2px 10px;
     display: block;
}
 .post-item.style-5.post-title-simple h3 {
     font-size: 16px;
     line-height: 20px;
     color: #333;
     margin-bottom: 10px!important;
     font-weight: 500;
}
 .post-item.style-5.post-title-simple p {
     color: #666;
}
 .post-item.style-5.post-title-simple {
     border-bottom: 1px solid #e1e1e1;
}
 #footer .widget {
     margin-bottom: 0;
}
 #footer .footer-main > .container{
     padding-bottom: 0;
}
 .vc_row.wpb_row.vc_row-fluid.overflow_visible.vc_row-has-fill {
     overflow: visible;
}
 .padding_column_inner .wpb_wrapper.vc_column-inner {
     padding: 28px!important;
}
 #footer .widget.follow-us .share-links a {
     background-color: transparent;
     border: 1px solid #bababa;
     border-radius: 5px;
     color: #fff;
     height: 40px;
     width: 40px;
}
 #footer .widget.follow-us .share-links a:hover{
     border-color: transparent;
}
 span.thumb-info-inner i {
     background-color: rgba(255, 255, 255, 0.8);
     padding: 14px 14px 14px 12px;
     text-align: center;
     color: #F8620D;
     border-radius: 50%;
     width: 44px;
     height: 44px;
     vertical-align: middle;
}
 article.portfolio.portfolio-grid .thumb-info .thumb-info-wrapper:after {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background-color: transparent;
     display: block!important;
     border: 10px solid rgba(0,0,0,0.4);
}
 article.portfolio.portfolio-grid .thumb-info:hover img {
     -webkit-filter: brightness(120%);
     filter: brightness(120%);
}
 article.portfolio.portfolio-grid h4.m-t-md.m-b-none {
     font-size: 16px;
     line-height: 20px;
}
 article.portfolio.portfolio-grid .m-t {
     margin-top: 5px!important;
     position: relative;
     padding-right: 110px;
}
 a.project_detail {
     position: absolute;
     right: 0;
     bottom: 0;
     background-color: #EBEBEB;
     font-size: 14px;
     color: #111;
     padding: 9px 24px;
     border-radius: 5px;
     text-transform: uppercase;
     transition: 0.3s all;
     -webkit-transition: 0.3s all;
     -moz-transition: 0.3s all;
}
 a.project_detail i{
     color: #111!important;
}
 a.project_detail:hover{
     color: #fff;
     background-color: #BF0C0C;
     text-decoration: none;
}
 a.project_detail:hover i{
     color: #fff!important;
}
 article.portfolio.portfolio-grid .m-t i {
     color: #bf0c0c;
}
 article.portfolio.portfolio-grid .portfolio-item {
     padding-bottom: 15px!important;
     border-bottom: 1px solid #E2E2E2;
}
 a.register_pricing:hover {
     text-decoration: none;
     color: #fff;
     cursor: pointer;
}
 .align_center.vc_column_container .wpb_wrapper.vc_column-inner {
     text-align: center;
}
 .vc_btn3-container.button_custom_header.vc_btn3-inline {
     margin-right: 16px;
}
 .vc_btn3-container.button_custom_header.vc_btn3-inline:last-child{
     margin-right: 0;
}
 .vc_btn3-container.button_custom_header.vc_btn3-inline a.vc_general:hover {
     background-color: #F8620D;
     color: #fff;
}
 .vc_btn3-container.button_custom_header.vc_btn3-inline a.vc_general {
     padding: 11px;
     min-width: 226px;
}
 #float_contact_icon {
     position: fixed;
     right: 0;
     top: 158px;
     display: block;
     width: 47px;
     z-index: 9;
}
 #float_contact_icon ul{
     list-style: none;
     padding: 0px;
     display: block;
}
 #float_contact_icon ul li{
     width: 47px;
     height: 46px;
     position: relative;
     float: right;
     transition: 0.25s all;
}
 #float_contact_icon ul li:hover{
     border-bottom: 0px;    
     color: #fff;
}
 #float_contact_icon ul li a {
     background: #171717;
     display: block;
     color: #fff;
     white-space: nowrap;
     position: absolute;
     left: 0px;
     top: 0px;
     padding: 12px 20px  10px 20px;
     z-index: 2;
     font-weight: bold;
     transition: 0.4s all;
     -webkit-transition:all 0.4s;
     -moz-transition:all 0.4s;
}
 #float_contact_icon ul li:hover a {transform:translateX(-100%);}
 #float_contact_icon ul li a:hover{
     text-decoration: none;
}
 #float_contact_icon ul li:after {
     content: '';
     width: 47px;
     height: 46px;
     position: absolute;
     right: 0px;
     top: 0px;
     background-position: center;
     background-color: #171717;
     background-repeat: no-repeat;
     transition:all 0.3s;
     -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
     border-left: 1px solid transparent;
     border-top: 1px solid #D7D7D7;
     z-index: 3;
}
 #float_contact_icon ul li:hover:after{
     background-color: #F8620D;
     border-left: 1px solid #fff;
}
 #float_contact_icon ul li.hotline:after {
     background-image: url(images/phone.png);
}
 #float_contact_icon ul li.email:after {
     background-image: url(images/email.png);
}
 #float_contact_icon ul li.address:after {
     background-image: url(images/maker.png);
}
 
 .project_info.detail_address:before {
     content: "\f041";
}
 .project_info.detail_category:before {
     content: "\f040";
}
 .project_info.detail_price:before {
     content: "\f155";
}
 .project_info.detail_startime:before {
     content: "\f073";
}
 .project_info.detail_endtime:before {
     content: "\f073";
}
 .project_info{
     position: relative;
     padding-left: 24px;
     margin-bottom: 10px;
}
 .project_info p {
     margin-bottom: 2px;
}
 .project_info:before {
     font-family: Fontawesome;
     position: absolute;
     left: 0;
     top: 0;
     color: #F8620D;
}
 .project_info .detail_title {
     text-transform: uppercase;
     color: #333;
}
 .title_detail_project {
     font-size: 22px;
     text-transform: uppercase;
     margin-bottom: 26px;
     position: relative;
     line-height: 46px;
}
 .title_detail_project:after{
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     display: block;
     height: 2px;
     width: 60px;
     background-color: #F8620D;
}
 .project_info .detail_info {
     color: #666;
}
 body.single-portfolio .main-content {
     padding-top: 0;
}
 body.single-portfolio .thumb-info .thumb-info-wrapper:after{
     display: none;
}
 .project_social {
     margin-top: 16px;
}
 .project_social > * {
     vertical-align: middle;
     display: inline!important;
}
 button.contact {
     background-color: #FF0000;
     display: block;
     color: #fff;
     font-size: 20px;
     text-transform: uppercase;
     width: 100%;
     line-height: 42px;
     margin-top: 20px;
     position: relative;
     overflow: hidden;
     padding-left: 44px;
     border: none;
}
 button.contact:after {
     position: absolute;
     left: -55px;
     top: -50%;
     display: block;
     width: 88px;
     height: 88px;
     background-color: rgba(0,0,0,0.25);
     content: "";
     transform: rotate(45deg);
}
 button.contact:before {
     content: "\f1d8";
     font-family: Fontawesome;
     position: absolute;
     left: 12px;
     z-index: 1;
     font-size: 18px;
}
 a.project_back{
     background-color: #0099FF;
     display: block;
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
     width: 100%;
     line-height: 44px;
     margin-top: 20px;
     position: relative;
     overflow: hidden;
     border: none;
     text-align: center;
}
 a.project_back:hover{
     text-decoration: none;
}
 a.project_back:after {
     position: absolute;
     left: -55px;
     top: -50%;
     display: block;
     width: 88px;
     height: 88px;
     background-color: rgba(0,0,0,0.25);
     content: "";
     transform: rotate(45deg);
}
 a.project_back:before {
     content: "\f100";
     font-family: Fontawesome;
     position: absolute;
     left: 15px;
     z-index: 1;
     font-size: 18px;
}
 body.single.single-portfolio .porto-carousel.thumb-gallery-thumbs:after {
     content: "";
     background-color: #262626;
     position: absolute;
     height: calc(100% + 20px);
     width: 5000px;
     top: -10px;
     left: -2000px;
     z-index: -1;
}
 body.single.single-portfolio .owl-carousel.show-nav-hover .owl-nav .owl-prev {
     left: 0;
     border: none;
     background: none;
     width: 40px;
     height: 40px;
}
 body.single.single-portfolio .owl-carousel.show-nav-hover .owl-nav .owl-next{
     right: 0;
     border: none;
     background: none;
     width: 40px;
     height: 40px;
}
 body.single.single-portfolio .owl-carousel.show-nav-hover .owl-nav .owl-prev:before{
     content: url('images/prev.png');
}
 body.single.single-portfolio .owl-carousel.show-nav-hover .owl-nav .owl-next:before{
     content: url('images/next.png');
}
 .tag-info {
     background: #f0f0f0;
     height: 40px;
     margin-bottom: 15px;
}
 .tag-info .icon {
     display: inline-block;
     height: 100%;
     position: relative;
     width: 40px;
}
 .tag-info .title {
     display: inline-block;
     vertical-align: top;
     padding-top: 10px;
     padding-left: 15px;
     color: #707070;
}
 .tag-info .icon img {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 70%;
}
 .lien_he.popup {
     width: 100%;
}
 .lien_he.popup input.wpcf7-form-control[type="text"], .lien_he.popup input.wpcf7-form-control[type="email"], .lien_he.popup input.wpcf7-form-control[type="tel"], .lien_he.popup select, .lien_he textarea{
     margin-left: 0!important;
     width: 100%!important;
     color: #707070;
}
 .lien_he textarea{
     height: 100px!important;
}
 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #BFBFBF;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #BFBFBF;
}
 :-ms-input-placeholder {
    /* IE 10+ */
     color: #BFBFBF;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #BFBFBF;
}
 #popup_form button.close {
     position: absolute;
     background: none;
     border: none;
     color: gray;
     font-size: 30px;
     line-height: 20px;
     top: 5px;
     right: 5px;
     opacity: 1;
     z-index: 9999;
}
 #popup_form button.close:hover{
     color: red;
}
 .popup_submit{
     border: none;
     border-radius: 3px;
     display: inline-block;
     height: 36px;
     line-height: 36px;
     outline: 0;
     padding: 0 2rem;
     text-transform: uppercase;
     width: 100%;
}
 .modal-content {
     padding: 16px;
}
 .lien_he input.wpcf7-form-control[type="text"], .lien_he input.wpcf7-form-control[type="email"], .lien_he input.wpcf7-form-control[type="tel"], .lien_he select, .lien_he textarea {
     background-color: transparent;
     border: none;
     border-bottom: 1px solid #9e9e9e;
     border-radius: 0;
     outline: none;
     height: 3rem;
     width: 100%;
     font-size: 14px;
     margin: 0 0 15px 0;
     padding: 0;
     box-shadow: none;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     transition: all 0.3s;
     margin-left: 36px;
     width: 92%;
     width: calc(100% - 36px);
}
 .lien_he.chi_tiet input.wpcf7-form-control[type="text"], .lien_he.chi_tiet input.wpcf7-form-control[type="email"], .lien_he.chi_tiet input.wpcf7-form-control[type="tel"], .lien_he.chi_tiet select, .lien_he.chi_tiet textarea {
     margin-left: 0;
     border: 1px solid #ccc;
     padding: 5px 10px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     height: 42px;
     width: 100%;
}
 .lien_he.chi_tiet textarea {
     height: 64px!important;
}
 .lien_he.chi_tiet input[type="submit"] {
     height: 38px;
}
 .vc_btn3-container.detail_contact_phone a {
     height: 38px;
     padding: 0px!important;
     font-size: 24px!important;
     line-height: 36px;
}
 .vc_row.wpb_row.vc_row-fluid.border_1 {
     border: 1px solid #ccc;
     padding: 30px 30px 0px;
}
 .wpb_text_column.wpb_content_element.project_contact_info p {
     color: #000;
}
 .wpb_text_column.wpb_content_element.project_contact_info {
     margin-bottom: 16px;
}
 body.single.single-portfolio td {
     border-bottom: 1px dashed #dedede;
}
 .related-portfolios .owl-carousel .owl-nav.disabled {
     display: block;
}
 .related-portfolios .owl-carousel .owl-nav > * {
     border: 1px solid #E2E2E2;
     width: 24px!important;
     height: 24px;
     padding: 0;
     border-radius: 50%;
     line-height: 20px!important;
     font-size: 14px!important;
}
 .related-portfolios .owl-carousel .owl-nav .owl-prev {
     left: -60px;
}
 .related-portfolios h4.sub-title {
     font-size: 25px;
     text-transform: uppercase;
     margin-bottom: 26px;
     position: relative;
     line-height: 46px;
     border-bottom: 1px solid #e1e1e1;
}
 .related-portfolios h4.sub-title:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -1px;
     display: block;
     height: 1px;
     width: 60px;
     background-color: #F8620D;
}
 .owl-carousel.show-nav-title .owl-nav{
     margin-top: -60px!important;
}
 .mega-menu .narrow .popup ul.sub-menu {
     padding: 0;
}
 .mega-menu .narrow .popup ul.sub-menu li a {
     border-left: 2px solid transparent;
}
 .mega-menu .narrow .popup ul.sub-menu li a:hover {
     border-left: 2px solid #F8620D;
}
 .mega-menu .narrow .popup li.menu-item > a, .mega-menu .narrow .popup li.menu-item > h5 {
     padding: 12px 8px;
}
 #header.header-12 #main-menu .mega-menu > li.menu-item > a:before, #header.header-12 #main-menu .mega-menu > li.menu-item > h5:before{
     content: "";
     position: absolute;
     left: calc(100% - 60px);
     top: 0;
     display: block;
     height: 1px!important;
     width: 40px!important;
     background-color: transparent;
     border: none;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
}
 #header.header-12 #main-menu .mega-menu > li.menu-item > a:hover:before, #header.header-12 #main-menu .mega-menu > li.menu-item > h5:hover:before, #header.header-12 #main-menu .mega-menu > li.menu-item.current-menu-item > a:before, #header.header-12 #main-menu .mega-menu > li.menu-item.current-menu-item > h5:before{
     background-color: #F8620D;
     left: 0px;
}
 #header.header-12 #main-menu .mega-menu > li.menu-item > a:hover:after, #header.header-12 #main-menu .mega-menu > li.menu-item > h5:hover:after, #header.header-12 #main-menu .mega-menu > li.menu-item.current-menu-item > a:after, #header.header-12 #main-menu .mega-menu > li.menu-item.current-menu-item > h5:after{
     background-color: #F8620D;
     right: 0px;
}
 #header.header-12 #main-menu .mega-menu > li.menu-item > a:after, #header.header-12 #main-menu .mega-menu > li.menu-item > h5:after{
     content: "";
     position: absolute;
     right: calc(100% - 60px);
     bottom: 0;
     display: block;
     height: 1px!important;
     width: 40px!important;
     background-color: transparent;
     border: none;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
}
 .project_item .project_image img {
     width: 100%;
}
 #float_contact_icon ul li:first-child:after {
     border-top: none;
}
 body.portfolio-template-default.single.single-portfolio {
     overflow: hidden;
}
 .portfolio-image > .row {
     margin-bottom: 20px;
}
 .page-top{
     padding-top: 8px;
}
 #header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
     background-color: #fff;
}
 table.pricing_table th {
     min-height: 69px;
     display: block;
}
 table.pricing_table tr:nth-child(5) td{
     min-height: 175px;
     display: block;
}
 table.pricing_table tr:nth-child(4) td, table.pricing_table tr:nth-child(3) td{
     min-height: 130px;
     display: block;
}
 table.pricing_table tr:nth-child(2) td {
     min-height: 122px;
     display: block;
}
 p.margin_bottom_table {
     margin-bottom: 19px;
}
 #popup_banner .modal-content {
     padding: 0;
}
 #popup_banner .wpb_single_image.wpb_content_element {
     margin-bottom: 0;
}
 #popup_banner button.close {
     position: absolute;
     right: 10px;
     top: 5px;
     z-index: 1;
     color: #444;
     opacity: 1;
     font-size: 30px;
     transition: all 0.2s;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
}
 #popup_banner button.close:hover {
     color: #F8620D;
}
 .open_popup{
     cursor: pointer;
}
 .hotlinemp {
     display: none;
}
 .wpb_single_image.wpb_content_element.text_on_image > .wpb_wrapper {
     position: relative;
}
 .wpb_single_image.wpb_content_element.text_on_image > .wpb_wrapper .wpb_heading.wpb_singleimage_heading {
     position: absolute;
     top: 25px;
     left: 45px;
     right: 25%;
     color: #fff;
     font-size: 20px;
     text-align: left;
     line-height: 24px;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.wrap_lienhe {padding-top: 60px;background-position: center;background-size: cover;padding-bottom: 30px;}
.wrap_lienhe .wpb_text_column {font-size: 15px;color: #fff;background-color: rgba(0,0,0,0.7);padding: 15px;}
.wrap_lienhe .wpb_text_column h3 {font-weight: 700;color: #fff;}
.wrap_lienhe .wpb_text_column ul {margin: 0 0 20px;padding: 0;list-style: none;}
.wrap_lienhe .wpb_text_column ul li {margin-bottom: 5px;}
.wrap_lienhe .wpb_text_column ul li i {width: 20px;}
 @media (max-width: 1185px){
     .vc_custom_heading.title_custom{
         font-size: 18px;
    }
     .vc_custom_heading.title_custom:after{
         width: 50px;
    }
}
 @media (max-width: 1185px) and (min-width: 992px){
     .project-list.row div .project_item.horizontal:nth-child(2) {
         margin-top: -3px;
    }
     .project-list.row div:nth-child(5n) .project_item.horizontal:nth-child(2) {
         margin-top: -1px;
    }
     .stats-block.counter_custom {
         margin-bottom: 36px;
    }
     .project_item.horizontal:hover .project_meta {
         padding-top: 10px;
    }
     table.pricing_table tr:nth-child(3) td {
         min-height: 142px;
    }
     table.pricing_table tr:nth-child(4) td {
         min-height: 180px;
    }
}
 @media (min-width: 1170px){
     .ab_intro.vc_column_container .wpb_wrapper.vc_column-inner {
         padding: 65px 25px 200px;
    }
}
 @media (max-width:1169px) and (min-width: 992px){
     .ab_intro.vc_column_container .wpb_wrapper.vc_column-inner {
         padding: 65px 25px 100px;
    }
}
 @media (max-width: 991px) and (min-width: 768px){
     .ab_intro.vc_column_container .wpb_text_column.wpb_content_element {
         font-size: 12px;
         margin-bottom: 15px;
    }
     .project-list.row div .project_item.horizontal:nth-child(2) {
         margin-top: -7px;
    }
     .project-list.row div:nth-child(5n) .project_item.horizontal:nth-child(2) {
         margin-top: -3px;
    }
     #header .searchform-popup .search-toggle {
         right: 10px;
         top: 0px;
    }
     .project_item:hover .project_meta .project_title {
         font-size: 14px;
         line-height: 16px;
         text-overflow: ellipsis;
         white-space: nowrap;
         width: 100%;
         overflow: hidden !important;
         margin-bottom: 5px;
    }
     ul.project_meta_list li.project_meta_item {
         font-size: 11px;
         line-height: 12px;
    }
     table.pricing_table tr:nth-child(2) td {
         min-height: 122px;
         display: block;
    }
}
 @media (min-width: 992px){
     #header.header-corporate .header-main .container .header-right{
         padding-left: 0;
         padding-right: 40px;
    }
     #header.header-corporate .searchform input{
         width: 298px;
    }
     .vc_row.wpb_row.vc_inner.vc_row-fluid.no_margin {
         margin-right: 0;
         margin-left: 0;
    }
     .no_padding.vc_column_container {
         padding-left: 0;
         padding-right: 0;
    }
     .no_padding.vc_column_container .wpb_wrapper.vc_column-inner {
         padding-left: 1px;
    }
}
 @media (max-width: 992px){
     .stats-block.counter_custom {
         margin-bottom: 50px;
         display: table;
         margin-left: auto;
         margin-right: auto;
    }
     .vc_custom_heading.title_with_border_bottom.align-left{
         text-align: center;
    }
     .info_detail_project {
         position: absolute;
         left: 0;
         width: 100%;
    }
}
 @media (min-width: 768px){
     .ab_intro.vc_column_container {
         position: absolute;
         right: 0;
         top: -100px;
         z-index: 1;
    }
     .vc_row.wpb_row.vc_inner.vc_row-fluid.footer_info_custom {
         top: 92px;
         z-index: 1;
    }
     .ab_image.vc_column_container {
         position: absolute;
         top: 70%;
         left: 20%;
    }
     .vc_row.wpb_row.vc_row-fluid.m150{
         margin-bottom: 180px;
    }
     #footer .footer-bottom {
         padding-top: 100px;
    }
     #footer .wpb_content_element {
         margin-bottom: 0;
    }
     #footer .ult-carousel-wrapper {
         margin-bottom: 0;
    }
     .project-list.row div:nth-child(6n) {
         clear: both;
    }
     .project_item.vertical .project_image img:nth-child(2) {
         display: none;
    }
}
 @media (max-width: 767px){
     .ab_image.vc_column_container{
         display: none;
    }
     .ab_intro.vc_column_container{
        /*top: -124px;
        */
    }
     .project-list.row div:nth-child(3n) {
         clear: both;
    }
     header#header {
         position: static!important;
    }
     .project_item.vertical .project_image img:nth-child(1) {
         display: none;
    }
     .project_item.vertical .project_image img:nth-child(2) {
         display: block;
    }
     .project_item.vertical:hover .project_meta {
         padding-top: 25px;
    }
     .vc_btn3-container.button_custom_header.vc_btn3-inline {
         display: none!important;
    }
     .banner-container .vc_custom_heading {
         margin-bottom: 0;
    }
     .banner-container .vc_row.wpb_row.vc_row-fluid {
         padding-bottom: 15px!important;
         padding-top: 15px!important;
    }
     .banner-container .vc_row.wpb_row.vc_row-fluid.vc_inner{
         display: none;
    }
     body.archive.tax-portfolio_cat .main-content {
         padding-top: 0;
    }
     .wpb-js-composer .vc_tta.vc_tta-tabs.tab_with_image .vc_tta-tabs-container, .wpb-js-composer .vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-tabs-container {
         display: block;
    }
     .wpb-js-composer .vc_tta.vc_tta-tabs.tab_with_image .vc_tta-panels-container .vc_tta-panel-heading, .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab a:before, .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a:after, .wpb-js-composer .vc_tta.vc_tta-tabs.tab_project_custom .vc_tta-panels-container .vc_tta-panel-heading{
         display: none!important;
    }
     .vc_general.vc_tta.vc_tta-tabs.tab_with_image ul.vc_tta-tabs-list li.vc_tta-tab a {
         font-size: 14px;
         padding: 10px 15px;
    }
     .hotlinemp {
         display: block;
    }
     .mypage-alo-phone {
         position: fixed;
         left: 0px;
         bottom: 0px;
         visibility: visible;
         background-color: transparent;
         width: 110px;
         height: 110px;
         cursor: pointer;
         z-index: 200000 !important;
    }
     .mypage-alo-ph-circle {
         width: 90px;
         height: 90px;
         top: 12px;
         left: 12px;
         position: absolute;
         background-color: transparent;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         border-radius: 100%;
         border: 2px solid rgba(30, 30, 30, 0.4);
         opacity: .1;
         border-color: #b03726;
         opacity: .5;
    }
     .mypage-alo-ph-circle-fill {
         width: 60px;
         height: 60px;
         top: 28px;
         left: 28px;
         position: absolute;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         border-radius: 100%;
         border: 2px solid transparent;
         -webkit-transition: all .5s;
         -moz-transition: all .5s;
         -o-transition: all .5s;
         transition: all .5s;
         background-color: rgba(206, 59, 40, 0.5);
         opacity: .75 !important;
    }
     .mypage-alo-ph-img-circle {
         width: 30px;
         height: 30px;
         top: 43px;
         left: 43px;
         position: absolute;
         background: rgba(30, 30, 30, 0.1) url(images/call.png) no-repeat center center;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         border-radius: 100%;
         border: 2px solid transparent;
         opacity: .7;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
         -webkit-transform-origin: 50% 50%;
         -moz-transform-origin: 50% 50%;
         -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
         background-color: #F8620D;
         background-size: 70%;
    }
     #float_contact_icon{
         display: none;
    }
     .wpb_single_image.wpb_content_element.m_bt_0 {
         margin-bottom: 0;
    }
     .wpb_single_image.wpb_content_element.text_on_image img {
         width: 100%;
    }
     .wpb_single_image.wpb_content_element.text_on_image .vc_single_image-wrapper {
         width: 100%;
    }
     .wpb_single_image.wpb_content_element.text_on_image > .wpb_wrapper .wpb_heading.wpb_singleimage_heading{
         left: 5%;
         font-size: 18px;
    }
}
 @media (max-width: 480px){
    /*#header .searchform-popup .search-toggle {
         right: 39px;
         top: 14px;
    }
    */
     .vc_btn3-container.button_custom_header.vc_btn3-inline{
         display: block;
         margin: 0 0 15px;
    }
     .vc_custom_heading.title_custom.white.align-left {
         font-size: 14px;
         text-align: center;
         display: block;
    }
     #header .show-menu-search .searchform-popup {
         left: initial!important;
         right: 40px;
         top: 14px!important;
    }
     #header .header-right.search-popup .searchform-popup .searchform {
         border-width: 3px;
         right: -25px;
         left: initial;
         top: 42px;
    }
     #header .header-left .searchform-popup .searchform:before, #header .header-center .searchform-popup .searchform:before, #header .header-right .searchform-popup .searchform:before, #header .header-left.search-popup .searchform-popup .searchform:before, #header .header-center.search-popup .searchform-popup .searchform:before, #header .header-right.search-popup .searchform-popup .searchform:before {
         width: 14px;
         border-width: 7px;
         left: initial;
         right: 34px;
         top: -23px;
         border-color: transparent;
         border-bottom-color: inherit;
    }
     .project_item:hover .project_meta .project_title {
         font-size: 14px;
         line-height: 16px;
         text-overflow: ellipsis;
         white-space: nowrap;
         width: 100%;
         overflow: hidden !important;
    }
}
 @media (max-width: 700px){
     #float_contact_icon ul li.email, #float_contact_icon ul li.address{
         display: none;
    }
     #float_contact_icon ul li:after{
         border-bottom: none;
    }
     #float_contact_icon ul li.hotline:after{
         height: 45px;
    }
}