/*
Theme Name: Mypage Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: MyPage Theme.
Version: 1.1
Template: mypage
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: mypage-child
*/
@import url("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
h1, h2, h3, h4, h5, h6 {letter-spacing: 0;}
.grecaptcha-badge{display: none !important;}
#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right {padding-top: 8px;padding-bottom: 8px;}
#header .header-right-bottom > .searchform-popup {margin-left: 0;}
#header .header-main .header-contact a, .header-wrapper .custom-html a:not(.btn) {color: #fff; font-size: 16px; font-weight: 700; border-radius: 50px;transition:0.2s ease-in-out;}
#header .header-main .header-contact a:hover {border: 1px solid var(--porto-primary-color); background-color: transparent; color: #000;}
#header.sticky-header .header-contact {display: inline-block;}
#header .searchform-popup .search-toggle {font-size: 18px;color: #000;}
#header .searchform-popup .search-toggle:hover {color: var(--porto-primary-color);}
#header .main-menu>li.menu-item.menu_dangtin > a {background-color: #fb2929;color: #fff;border-radius: 30px;padding: 6px 20px;transition:0.2s ease-in-out;border:1px solid #fb2929;}
#header .main-menu>li.menu-item.menu_dangtin > a:hover {background-color: #fff;color: #000;}
.wrap_banner .porto-carousel-wrapper .slick-next, .wrap_banner .porto-carousel-wrapper .slick-prev{width: 50px;height: 50px;background-color: rgb(37 121 89 / 40%);text-shadow: none;cursor: pointer;}
.wrap_banner .porto-carousel-wrapper .slick-next i, .wrap_banner .porto-carousel-wrapper .slick-prev i{color: #fff;}
.wrap_banner .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;}
.wrap_banner .porto-carousel-wrapper .slick-dots li i {opacity: 1;}
.line_bottom:after {content: '';width: 80px;height: 2px;background-color: var(--porto-primary-color);display: block;margin: 5px auto 0;}
.dichvu_heading{padding-top: 20px;}
.wrap_dichvu {padding-bottom: 50px;}
.wrap_dichvu > .vc_column_container {}
.wrap_dichvu > .vc_column_container > .wpb_wrapper {position: relative;z-index: 3;}
.wrap_dichvu > .vc_column_container:after {content: '';position: absolute;top: 0;left: 15px; right: 15px;bottom: 0; background-color: #f2f2f2;z-index: 1;transition:0.3s ease-in-out;border: 1px solid #ccc;}
.wrap_dichvu > .vc_column_container:hover:after {background-color: #fb2929;}
.wrap_dichvu .porto-sicon-box-link {padding-top: 30px;padding-left: 5px;padding-right: 5px;}
.wrap_dichvu .top-icon h3.porto-sicon-title {font-size: 18px;color: #000;font-weight: 700;}
.wrap_dichvu > .vc_column_container:hover h3.porto-sicon-title, .wrap_dichvu > .vc_column_container:hover .top-icon .porto-just-icon-wrapper {color: #fff;}
.wrap_datnen {padding-top: 50px;background-color: #f2f2f2;text-align: center;padding-bottom: 20px;}
.portfolio-row .portfolio {padding-bottom: 10px;}
.portfolio-item.outimage p {margin-top: 5px;}
.portfolio-item.outimage p:before {content: "\f3c5";font-family: 'Font Awesome 5 Free';margin-right: 5px;font-weight: 900;}
.wrap_nhapho, .wrap_tintuc {padding-top: 50px;padding-bottom: 20px;}
body .post-carousel .post-item .post-recent-content .post-excerpt, .blog-posts .post .post-excerpt {text-align: justify;margin-bottom: 7px;}
.thongtin {padding-top: 50px;padding-bottom: 30px;color: #fff;background-size: cover;background-position: center;background-attachment: fixed;position: relative;}
.thongtin:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 1;background-color: rgba(0 0 0 / 70%);}
.thongtin .vc_custom_heading {color: #fff;}
.thongtin .line_bottom:after {background-color: #fff;}
.thongtin > .vc_column_container {position: relative;z-index: 3;}
.thongtin .wpb_text_column {font-size: 18px;}
.thongtin .wpb_text_column ul {padding: 0;margin: 0;list-style: none;}
.thongtin .wpb_text_column ul li {margin-bottom: 10px;}
.thongtin .wpb_text_column ul li a{color: #fff;}
.thongtin .vc_btn3-container .vc_general.vc_btn3{font-weight: 600;font-size: 17px;letter-spacing: 1px;}
.thongtin .wpcf7 input[type="text"], .thongtin .wpcf7 input[type="email"], .thongtin .wpcf7 input[type="tel"] {background-color: rgb(255 255 255 / 15%);color: #fff;border: 1px solid #fff;}
.thongtin .wpcf7 textarea {height: 90px;background-color:rgb(255 255 255 / 15%);color: #fff; border: 1px solid #fff;}
.thongtin .wpcf7 input[type="text"]::-webkit-input-placeholder, .thongtin .wpcf7 input[type="email"]::-webkit-input-placeholder, .thongtin .wpcf7 input[type="tel"]::-webkit-input-placeholder, .thongtin .wpcf7 textarea::-webkit-input-placeholder {color: #fff;}
.thongtin .wpcf7 input[type="text"]::-moz-placeholder, .thongtin .wpcf7 input[type="email"]::-moz-placeholder, .thongtin .wpcf7 input[type="tel"]::-moz-placeholder, .thongtin .wpcf7 textarea::-moz-placeholder {color: #fff;}
.thongtin .wpcf7 input[type="text"]:-ms-input-placeholder, .thongtin .wpcf7 input[type="email"]:-ms-input-placeholder, .thongtin .wpcf7 input[type="tel"]:-ms-input-placeholder, .thongtin .wpcf7 textarea:-ms-input-placeholder {color: #fff;}
.thongtin .wpcf7 input[type="text"]:-moz-placeholder, .thongtin .wpcf7 input[type="email"]:-moz-placeholder, .thongtin .wpcf7 input[type="tel"]:-moz-placeholder, .thongtin .wpcf7 textarea:-moz-placeholder {color: #fff;}
.thongtin .wpcf7 input[type="submit"] {padding: 6px 20px;border-radius: 30px;font-size: 16px;font-weight: 600;}
#footer {border-top: 1px solid #ddd;}
#footer .footer-main>.container {padding-top: 50px;}
#footer .widget_text img {max-width: 160px;margin-bottom: 15px;}
#footer .widget-title, #footer .widget-title a{font-size: 20px;}
#footer .footer-bottom {padding: 0;font-weight: 14px;}
.page-top {padding: 0;}
.page-top ul.breadcrumb>li {font-size: 13px;text-transform: none;}
.portfolio .entry-title {margin-bottom: 15px;}
.project_short ul {padding-left: 20px;}
.project_short ul li {border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.project_content {padding-top: 15px;border-top: 3px solid #ddd;margin-top: 30px;}
.project_content h2, .project_content h3, .project_content p {margin-bottom: 15px;}
.sidebar .widget .widget-title {font-size: 18px;padding-bottom: 2px;border-bottom: 2px solid #333;}
.widget li.current-cat-parent>a, .widget li.current-cat>a, .widget li.current-menu-item>a {color: #fb2929;}
.blog-posts .post .entry-title {font-size: 18px;margin-bottom: 7px;}
.single-post .entry-title {margin-bottom: 15px;}
.post-item-small h5 {font-size: 15px;}
.post-item-small h5 a {color: #000;}
.post-item-small .post-date {display: none;}
.wrap_lienhe .wpb_text_column  ul {padding: 0;margin: 0;list-style: none;}
.wrap_lienhe .wpb_text_column  ul li {margin-bottom: 7px;}
.wrap_lienhe .wpb_text_column  ul li i {width: 20px;margin-right: 5px;}
#main-menu .mega-menu .menu_dangtin a{cursor: pointer;pointer-events: auto;}
.portfolio-title {margin-top: 10px;}
.wrap_hotline .widget {margin: 0;}
.call-phone {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 1000;    
right: -10px;
bottom: 155px;
}
.call-circle {
width: 80px;
height: 80px;
top: -16px;
left: -16px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgb(0 167 216 / 50%);
}
.call-circle-fill {
width: 60px;
height: 60px;
top: -5px;
left: -5px;
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(237 29 36 / 20%);
}
.call-img-circle {
width: 50px;
height: 50px;
-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: #ed1d24;
background-size: 70%;
z-index: 3;
font-size: 22px;
line-height: 46px;
text-align: center;
}
.call-img-circle i {color: #fff;}
.call-img-circle:hover {background-color: #b70208;}
.call-phone span {font-size: 17px;padding: 4px 15px 4px 30px;border-radius: 0 20px 20px 0;color: #fff;background-color: #ed1d24;display: inline-block;position: absolute;right: -110px;top: 43px;    font-weight: 700;}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.sendemail {position: fixed;bottom: 90px;left: 22px;z-index: 99;}
.sendemail:hover{text-decoration: none;}
.sendemail:before {font-family: 'FontAwesome';content: "\f0e0"; width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;background-color: #4285f4;color: #fff;text-align: center;line-height: 46px;font-size: 20px;display: block;position: relative;z-index: 2;}
.sendemail span{position: absolute;top: 8px;background-color: #4285f4;color: #fff;padding: 7px 15px;border-radius: 0 20px 20px 0;left: -175px;display: inline-block;font-size: 14px;line-height: 20px;transition:0.2s ease-in-out;opacity: 0;visibility: hidden;border: 2px solid #fff;z-index: 1;}
.sendemail:hover span{left: 38px;opacity: 1;visibility: visible;}
.fb_zalo {position: fixed;right: 10px;bottom: 50px;z-index: 99;}
.fb_zalo ul {margin: 0;padding: 0;list-style: none;}
.widget .fb_zalo ul li {margin-bottom: 10px;}
.widget .fb_zalo ul li img {width: 54px;}
html #topcontrol {border-radius: 5px 5px 0 0;}
@media (max-width: 1229px) {
	#header .main-menu > li.menu-item > a {font-size: 14px;}
	#side-nav-panel .accordion-menu>li.menu-item a{padding-top: 10px;padding-bottom: 10px;font-size: 16px;font-weight: 600;}
}
@media(min-width: 768px){
	.modal-dialog {max-width: 600px;}
}
@media(min-width: 992px){
	#footer .contact-info.widget  {margin-top: 80px;}	
}

@media(max-width: 991px){
	.post-content {text-align: justify;}
}
#header .mobile-toggle {font-size: 20px;border-radius: 0;}
@media(max-width: 991px) and (min-width: 576px){
	#footer .footer-main>.container > .row > .col-lg-4:nth-child(n+2) {    flex: 0 0 auto;width: 50%;}
}
@media(max-width: 767px) and (min-width: 576px){
	.wrap_dichvu > .vc_column_container{    flex: 0 0 auto;width: 50%;}
}
@media(max-width: 767px){
	.wrap_dichvu > .vc_column_container, .portfolio-row .portfolio {margin-bottom: 30px;}
	html #topcontrol {display: block;right: 0;}
	.fb_zalo {right: 0;}
	.widget .fb_zalo ul li {margin-bottom: 5px;}
	.widget .fb_zalo ul li:first-child {margin-bottom: 10px;}
	.widget .fb_zalo ul li img {width: 44px;}
	.call-circle-fill {width: 52px;height: 52px;}
	.call-img-circle {width: 42px;height: 42px;font-size: 16px;line-height: 40px;}
}