/*
Theme Name: Web4u.info Child
Theme URI: Web4u.info
Author: Web4u.info
Author URI: Web4u.info
Description: Web4u.info Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: web4u
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
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: web4u-child
*/
@import url("../web4u/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.sticky-header .main-menu-wrap .menu-left, .sticky-header .main-menu-wrap .menu-right {min-width: auto;width: auto;}
.main-menu-wrap .menu-right {display: none;}
#header.search-sm .search-popup .searchform {left: auto;right: -15px;border-radius: 25px;}
#header .search-popup .searchform:before {left: auto;right: 20px;}
#header .header-main .header-contact {display: block;}
#header .header-main .header-contact ul {margin: 0;padding: 0;list-style: none;}
#header .header-main .header-contact ul li {display: inline-block; margin-right: 20px;line-height: 22px;text-align: left;position: relative;padding-left: 65px;vertical-align: top;}
#header .header-main .header-contact ul li:last-child {margin-right: 0;}
#header .header-main .header-contact ul li i {margin-right: 10px;font-size: 38px;color: #e12029;padding-bottom: 10px;width: 50px;height: 65px;border: 1px solid #e12029;text-align: center;line-height: 63px;border-radius: 5px;position: absolute;left: 0;top: 0;}
#header .header-main .header-contact ul li strong {display: block;font-size: 18px;color: #0095d9;}
.main-menu-wrap {border-top: 1px solid #ccc;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;}
.porto-carousel-wrapper .slick-dots li i {opacity: 1;}
#banner-wrapper .porto-carousel-wrapper {margin-bottom: 0;}
body.home .no-breadcrumbs .main-content {padding-top: 0;}
.line_bottom:after{content: '';display: block;width: 80px;height: 3px;background-color: #0095d9;margin: 5px auto 0;}
.block_dichvu {background-color: #f5f5f5;padding-top: 50px;}
.block_dichvu .porto-sicon-wrapper {background-color: #fff;border:1px solid #ccc;box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.22);border-radius: 10px;padding: 0 10px;overflow: hidden;margin-bottom: 30px !important;}
.block_dichvu .porto-sicon-wrapper .porto-sicon-top {margin: 0 -10px 10px;}
.block_dichvu .porto-sicon-wrapper .porto-sicon-img img {border-radius: 10px 10px 0 0 !important;}
.block_dichvu .top-icon .porto-sicon-header h3.porto-sicon-title {font-size: 16px;font-weight: 600;margin: 0 -10px;}
.block_dichvu .top-icon .porto-sicon-header {margin-bottom: 10px;}
.block_dichvu .wpb_wrapper .porto-sicon-read {color: #fff;border-radius: 20px; background: #00a7f3; background: linear-gradient(180deg, rgba(0,167,243,1) 0%, rgba(0,167,243,1) 48%, rgba(0,145,210,1) 52%, rgba(0,145,210,1) 100%);font-weight: 600;padding: 8px;transition:0.3s ease-in-out;margin-top: 20px;}
.block_dichvu .wpb_wrapper .porto-sicon-read:hover{text-decoration: none;margin-top: 10px;margin-bottom: 10px;}
.block_dichvu .top-icon .porto-sicon-description {height: 188px;overflow: hidden;}
.block_apt {padding-top: 50px;}
.block_apt h2.vc_custom_heading  {margin-bottom: 10px;}
.block_apt .porto-sicon-wrapper {margin-bottom: 20px;}
.block_apt .left-icon .porto-sicon-left .porto-sicon-img {border-radius: 50%;overflow: hidden;border: 1px solid #ccc;box-shadow: 0 0 6px #000;}
.block_apt .porto-sicon-header h3.porto-sicon-title {font-weight: 600;color: #0095d9;border-bottom: 1px solid #0095d9;padding-bottom: 5px;}
.block_thongso {padding-top: 120px;padding-bottom: 100px;color: #fff;}
.block_thongso:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 1;background-color: rgba(0,0,0,0.6);}
.block_thongso >.vc_column_container {z-index: 3;}
.block_thongso .stats-top .stats-number {font-size: 32px !important;}
.block_duan {padding-top: 40px;padding-bottom: 20px;}
.block_duan .porto-sicon-box {border: 1px solid #0095d9;}
.block_duan .left-icon .porto-sicon-body {vertical-align: top;}
.block_duan .left-icon .porto-sicon-left .porto-sicon-img {display: block !important;margin-bottom: -1px;}
.block_duan .left-icon .porto-sicon-header .porto-sicon-title{background-color: #0095d9;margin-left: -20px;color: #fff;padding: 8px 0 6px 20px;font-weight: 600;}
.block_duan .porto-sicon-description {margin-top: 8px;}
.block_duan .porto-sicon-description ul {padding-left: 0;list-style: none;}
.block_duan .porto-sicon-description ul li {margin-bottom: 5px;}
.block_doitac {background-color: #f5f5f5;padding-top: 40px;padding-bottom: 20px;}
.block_tintuc {padding-top: 40px;}
.post-carousel h4, .post-carousel h5 {font-size: 16px;}
.block_tintuc .porto-recent-posts {margin-bottom: 0;}
.block_baogia {padding-top: 70px;padding-bottom: 40px;background-position: center;background-attachment: fixed;}
.block_baogia:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background-color: rgba(0,0,0,0.7);z-index: 1;}
.block_baogia > .vc_column_container {z-index: 3;}
.block_baogia .vc_custom_heading {color: #fff;font-size: 26px;line-height: 1.2;}
.block_baogia .wpcf7 input[type="text"] {padding: 10px 20px;background-color: transparent;border: 1px solid rgba(255,255,255,0.5);color: #fff;border-radius: 20px;}
.block_baogia .wpcf7 input[type="submit"] {position: absolute;top: 0;right: 15px;border-radius: 0 20px 20px 0;padding: 10px 12px 10px 36px;text-transform: uppercase;background-image: url(images/icon_send.png) !important;background-repeat: no-repeat;background-position: left 8px top 8px;}
.block_baogia .wpcf7 form .wpcf7-response-output {text-align: center;color: #fff;border: none;margin-top: 10px;}
#footer .widget-title {font-weight: 600;font-size: 20px;}
#footer .footer-bottom {padding: 0;}
.single-post article .entry-title {margin-right: 15px;}
.page-top {padding-top: 0;}
body.single-post .page-top .page-title, body.single-portfolio .page-top .page-title {display: none;}
.wrap_nghenghiep_item{border: 1px solid #ddd;margin-bottom: 80px;}
.nghenghiep_title {background-color: #3d8ee9;color: #fff;padding: 10px;}
.nghenghiep_content {padding-top: 0px; max-height: 0px;transition:0.3s ease-in-out all;overflow: hidden;background-color: #fff;border-top: 0px solid #fafafa}
.nghenghiep_item {padding: 10px 0;border-bottom: 1px solid #ddd;cursor: pointer;}
.nghenghiep_item.active {padding-bottom: 0;}
.nghenghiep_item h3 {font-size: 14px;font-weight: normal;margin-bottom: 0px;line-height: 20px;}
.nghenghiep_item:hover h3, .nghenghiep_item.active h3{color: #3d8ee9;}
.wrap_nghenghiep_item .nghenghiep_item:nth-child(2n){background-color: #f0f0f0;}
.nghenghiep_item.active .nghenghiep_content{max-height: 2000px;padding-top: 15px;margin-top: 10px;border-top-width: 1px}
.wrap_lienhe{margin-top: 50px;}
.wrap_lienhe h3.vc_custom_heading {font-size: 18px;margin-bottom: 10px;}
.wrap_lienhe .wpb_text_column {margin-bottom: 20px;}
.wrap_lienhe .wpb_text_column ul {margin: 0 0 20px;padding: 0;list-style: none;}
.wrap_lienhe .wpb_text_column ul li {margin-bottom: 7px;}
.wrap_lienhe .wpb_text_column i {width: 20px;font-size: 16px;}
.blog-posts article.post-grid .entry-title{font-size: 18px;line-height: 24px;}
.wrap_hotline .widget {margin: 0;}
.call-phone {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 1000;    
left: -10px;
bottom: -10px;
}
.call-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: #0095d9;
opacity: .5;
}
.call-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: rgb(0 149 217 / 50%);;
}
.call-img-circle {
width: 40px;
height: 40px;
top: 38px;
left: 38px;
position: absolute;
background: rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-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: #0095d9;
background-size: 70%;
z-index: 3;
}
.call-phone span {font-size: 17px;padding: 3px 15px 2px 30px;border-radius: 0 20px 20px 0;color: #fff;background-color: #0095d9;display: inline-block;position: absolute;right: -93px;top: 43px;    font-weight: 700;}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.fb_zalo {position: fixed;left: 23px;bottom: 80px;z-index: 99;}
.fb_zalo ul {margin: 0;padding: 0;list-style: none;}
.widget .fb_zalo ul li {margin-bottom: 5px;}
.widget .fb_zalo ul li img {width: 48px;}

.modal_dangky .modal-content {background-image: url(images/bg-form.jpg);background-position: center;background-size: 100% 100%;background-repeat: no-repeat;background-color: #000;color: #fff;padding: 30px 30px 0px 30px;}
.modal_dangky .modal-content h3 {color: #fff;font-size: 24px;line-height: 1.2;}
.modal_dangky .modal-content h3.ycbg, .modal_dangky .modal-content.laithu h3.dklt {display: none;}
.modal_dangky .modal-content.laithu h3.ycbg {display: block;}
.modal_dangky .modal-content > p {color: #fff;}
.modal_dangky .wpcf7 input[type="text"], .modal_dangky .wpcf7 input[type="email"], .modal_dangky .wpcf7 select, .blockdky .wpcf7 input[type="text"], .blockdky .wpcf7 input[type="email"], .blockdky .wpcf7 input[type="text"], .blockdky .wpcf7 select {background-color: transparent;border: none;box-shadow: none;border-bottom: 1px solid #fff;padding:0;height: 40px;line-height: 40px;color: #fff;}
.modal_dangky .wpcf7 select option, .blockdky .wpcf7 select option {padding: 5px 0 5px 15px;color: #000;}
.modal_dangky .wpcf7 .formsubmit,  .blockdky .wpcf7 .formsubmit{margin-top: 20px;position: relative;}
.modal_dangky .wpcf7 input[type="submit"], .blockdky .wpcf7 input[type="submit"] {text-transform: uppercase;box-shadow: none;border: none;padding: 9px 20px;height: 40px;}
.modal_dangky .wpcf7 input[type="submit"]:focus, .blockdky .wpcf7 input[type="submit"]:focus {box-shadow: none;}
.modal_dangky button.close {width: 50px;height: 40px;cursor: pointer;color: #fff;opacity: 1;}
.modal_dangky button.close:hover{color: #fff;opacity: 0.8;}
.modal_dangky .modal-content:after{}
.modal_dangky .modal-content .modal-body {z-index: 3;}
.modal_dangky .wpcf7 form .wpcf7-response-output {margin-top: 10px;}
.modal_dangky .wpcf7 form label {color: #fff;}

.wrap_laithu {position: fixed;bottom: 180px;right: 0px;z-index: 999;}
.wrap_laithu ul {margin: 0;padding: 0;list-style: none;}
.wrap_laithu ul li {transition:0.3s ease-in-out;}
.wrap_laithu ul li:hover {}
.wrap_laithu ul li a {background-color: #0095d9;border-radius: 30px 0 0 30px;color: #fff;padding:  4px 5px 4px 4px;position: relative;background-position: left 3px top 3px;background-repeat: no-repeat;font-size: 15px;text-transform: uppercase;font-weight: 700;display: block;transition:0.3s ease-in-out;transition:0.2s ease-in-out;}
.wrap_laithu ul li a:hover {text-decoration: none;background-color: #096088;}
.wrap_laithu ul li a:before {font-family: 'FontAwesome';content: "\f1d8";margin-right: 5px;background-color: #fff;color: #0095d9;width: 30px;height: 30px;border-radius: 50%;line-height: 30px;text-align: center;display: inline-block;}
.wrap_laithu ul li.dky_laithu a {}

.page-content table {margin-bottom: 30px;}
.page-content table th, .page-content table td {border: 1px solid #ccc;}
.page-content table tr:nth-child(odd) {background-color: #f2f2f2;}
.page-content ul {padding-left: 20px;}
.page-content ul li {margin-bottom: 8px;}
.entry-content ul, .entry-content ol, .product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol{padding-left: 20px;}
.entry-content ul li, .entry-content ol li, .product-summary-wrap .description ul li,.product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td {border: 1px solid #ccc;}

.portfolio-row .portfolio h4 {font-size: 18px;}
.block_tuvan {margin-top: 30px;}
.block_tuvan.vc_row.wpb_row > .col-md-6 > .wpb_wrapper {border: 1px solid #ccc;background-color: #f2f2f2;padding: 30px 20px;}

@media(max-width: 1199px){
	.block_dichvu .top-icon .porto-sicon-header h3.porto-sicon-title {font-size: 14px;}
	.block_dichvu .top-icon .porto-sicon-description {height: 228px;}
	.block_apt h4.vc_custom_heading {font-size: 18px;}
	.block_duan .left-icon .porto-sicon-header .porto-sicon-title {font-size: 15px;}
	.block_duan .left-icon .porto-sicon-left .porto-sicon-img {margin-right: 10px;}
	#footer .widget-title {font-size: 18px;}
}
@media(max-width: 991px){
	#header.sticky-header .header-main .header-contact {display: none;}
	#header .header-main .header-right, #header .header-main .header-left {padding-top: 5px;padding-bottom: 5px;}
	.block_dichvu .top-icon .porto-sicon-description {height: auto;}
	.block_duan .porto-sicon-box {display: block;}
	.block_duan .left-icon .porto-sicon-left,
	.block_duan .left-icon .porto-sicon-body {display: block;}
	.block_duan .left-icon .porto-sicon-left .porto-sicon-img {font-size: 328px !important;}
	.block_duan .left-icon .porto-sicon-description, .block_duan .left-icon .porto-sicon-header {float: none;}
	.block_duan .left-icon .porto-sicon-header .porto-sicon-title {margin-left: 0;}
	.block_duan .porto-sicon-description {padding: 0 10px;}
}
@media(max-width: 767px){
	#header .header-main .header-right {width: auto;}
	#header .header-main .header-contact{display: none;}
	.block_thongso >.vc_column_container {    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
    .block_duan .left-icon .porto-sicon-left .porto-sicon-img {font-size: 508px !important;}
    .call-phone span {display: none;}
}
@media(max-width: 480px){
	.block_apt .porto-sicon-box.left-icon,
	.block_apt .left-icon .porto-sicon-left,
	.block_apt .left-icon .porto-sicon-body {display: block;}
	.block_apt .left-icon .porto-sicon-description, .block_apt .left-icon .porto-sicon-header {float: none;}
	.block_apt .left-icon .porto-sicon-body {margin-top: 20px;}
	.block_apt .porto-sicon-header h3.porto-sicon-title {text-align: center;}
	.block_apt .left-icon .porto-sicon-description{text-align: justify;}
}