/*
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");
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@400;700&display=swap');
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

body,h1,h2,h3,h4,h5,h6,#header .main-menu > li.menu-item > a{font-family: 'Be Vietnam', sans-serif;}
header#header{background-image: url('imgs/bg-header-bl.png');background-repeat: no-repeat;background-size: cover;background-position-y: bottom; position: absolute;top: 0;z-index: 101;width: 100%;}
#main{background: #000000;background: -moz-linear-gradient(top, #000000 0%, #021c3c 20%, #0c8794 38%, #0c8794 63%, #021c3c 80%, #000000 100%);
background: -webkit-linear-gradient(top, #000000 0%,#021c3c 20%,#0c8794 38%,#0c8794 63%,#021c3c 80%,#000000 100%);background: linear-gradient(to bottom, #000000 0%,#021c3c 20%,#0c8794 38%,#0c8794 63%,#021c3c 80%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );}
a:hover, a:focus{text-decoration: none;}
#header .main-menu{display: inline-block;vertical-align: middle;}
.wrap_produce  .wpb_single_image .vc_single_image-wrapper:after{content: '';background-image: url('imgs/icon-video.png');width: 87px;position: absolute; height: 87px;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
.wrap_produce .wpb_single_image .vc_single_image-wrapper{overflow: hidden;}
.wrap_produce .wpb_single_image {margin-bottom: 0;}
.wrap_produce  .wpb_single_image .vc_single_image-wrapper:hover:after{box-shadow: 0 0 50px rgba(255,255,255,1);}
.vc_row-has-fill+.vc_row-full-width+.vc_row.wrap_produce>.vc_column_container>.vc_column-inner{padding-top: 0;}
/* Track */
.box_readmore {position: relative;}
.box_readmore .porto-sicon-description{height: 365px;overflow-y: scroll;padding-right: 10px;}
.wrap_produce ::-webkit-scrollbar {background-color: #999; }
.wrap_produce ::-webkit-scrollbar-thumb {background: #000; width: 15px;}
/* end */
#header.sticky-header .header-main{background-color: rgba(7,7,7,0.8);}
.wrap_pd_home .porto-sicon-box {background-color: #02798f;padding-bottom: 10px;transition: 0.3s all ease-in-out;box-shadow: 1px 1px 2px 0px #222;border-radius: 10px;border: 1px solid #fff;}
.wrap_pd_home .porto-sicon-box:hover{background-color: #7dc143;}
html .wrap_pd_home .porto-sicon-header h3.porto-sicon-title,html .wrap_sx .porto-sicon-header h3.porto-sicon-title{text-transform: uppercase;line-height: 1.5;padding: 0 5px;}
.wrap_sx .porto-sicon-body{padding-top: 50px;}
.wrap_sx .porto-sicon-box{transition: 0.3s all ease-in-out;}
.wrap_sx .porto-sicon-box:hover .porto-sicon-img {background-color: #71b333;}
.wrap_sx .porto-sicon-img {border-radius: 50%;border: 1px solid #fff;box-shadow: 1px 1px 5px 0px #222;background-color: #0597a6;}
.wrap_socials .vc_icon_element{display: inline-block;width: 20%;}
.wrap_product_cat .page-portfolios .portfolio.portfolio-masonry{position: relative !important;left: auto!important;top: auto!important;}
.wrap_product_cat .slick-slide:not(.slick-center) .thumb-info .thumb-info-wrapper{ transform: translate(0, 0) scale(.9);}
.wrap_product_cat .slick-slide .thumb-info .thumb-info-wrapper{border-radius: 15px;box-shadow: 0px 0px 10px 1px #000000;margin-top: 15px;}
.wrap_product_cat .page-portfolios.portfolios-masonry{max-height: 300px;}
/* Arrows slick*/
.wrap_product_cat .slick-prev,.wrap_product_cat .slick-next{font-size:0;line-height:0;position:absolute;top:52%;display:block;width:40px;height:75%;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:rgba(7,7,7,.7);z-index: 10;}
.wrap_product_cat button.slick-prev:before,.wrap_product_cat button.slick-next:before{color: #fff;font-family: "porto";font-style: normal;font-weight: normal;speak: none;font-size: 14px;}
.wrap_product_cat button.slick-prev:before{content: "\e816";}
.wrap_product_cat button.slick-next:before{content: "\e817";}
/*end*/
.wrap_product_cat .page-portfolios.portfolios-masonry .portfolio-row{height: auto!important;padding-top: 15px;}
.wrap_product_cat a.btn.btn-primary {border-radius: 20px;background-color: #7dc143;border-color: #7dc143;}
.wrap_product_cat a.btn.btn-primary:hover{background-color: #999;border-color: #999;}
.wrap_product_cat .thumb-info.thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-title{background: linear-gradient(to top, rgb(0 188 212 / 80%) 0%,rgba(255,255,255,0) 100%);opacity: 1;transform: translate3d(0, 0, 0);text-align: center;}
.wrap_product_cat .thumb-info.thumb-info-bottom-info:hover .thumb-info-title{background: linear-gradient(to top, rgb(63 162 50 / 75%) 0%,rgba(255,255,255,0) 100%);}
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button {outline: none;background-color: #0c8894;border-color: #0c8894;}
.slick-slider .slick-dots li {opacity: 1 !important;margin-right: 5px;}
.slick-dots li button {font-size: 12px;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;border-radius: 50%;cursor: pointer;color: #fff;border: 1px solid #999;outline: none;background: #999;}
.slick-slide .porto-sicon-header+.porto-sicon-description {margin-top: 0;}
.wrap_partner .slick-slide img {filter: brightness(0) invert(1);}
.wrap_partner .slick-slide img:hover{filter:none;}
#footer .footer-bottom{padding: 0;}
#footer .widget > div > ul, #footer .widget > ul, #footer .widget > div > ul li, #footer .widget > ul li, #footer .post-item-small{border: none;}
#footer .widget-title{font-size: 20px;font-weight: bold;}
#footer .widget h4{text-transform: uppercase;}
.wrap_form_contact {position: relative;}
#footer input[type="submit"]{position: absolute;right: 0;top: 0;background-color: #76bc36;border-color: #79be36;}
.page-top:before{content: '';background-color: rgb(0 0 0 / 35%);position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;}
.page-top:after{content: '';background: linear-gradient(to top, rgb(0 0 0 / 100%) 0%,rgba(255,255,255,0) 100%);position: absolute;left: 0;top: 65%;right: 0;bottom: 0;display: block;}
#footer .widget .share-links a{background: transparent;color: #fff;border: 1px solid;border-radius: 10px;}
.related-portfolios .thumb-info .thumb-info-title{padding: 13px 21px 13px;}
.page-portfolios .entry-title a{color: #fff;}
.page-portfolios .entry-title{text-transform: uppercase;font-size: 24px;}
.portfolio-filter li{font-size: 18px;}
#content .rev_slider_wrapper{background-color: transparent!important;}
.page-top .page-title {text-transform: uppercase;}
div#banner-wrapper:before{content: '';background: linear-gradient(to top, rgb(0 0 0 / 100%) 0%,rgba(255,255,255,0) 100%);position: absolute;left: 0;top: 65%;right: 0;bottom: 0;display: block;z-index: 11;}
.wrap_img_about{background-position: center center !important;}
.wrap_img_about .slick-slide img,.wrap_text_about .wpb_single_image img{border-radius: 10px;box-shadow: 0px 0px 4px 0px #000;margin-top: 5px;}
.wrap_img_about .slick-slide img:hover{filter:grayscale(1);transition: 0.3s all ease-in-out;cursor: pointer;}
.wrap_text_about .wpb_text_column {color: #000;}
.baogia .top-icon .porto-sicon-header{color: #fff;font-weight: bold;text-transform: uppercase;}
.btn_baogia {background-color: #006b77;padding: 10px 15px;color: #fff;border-radius: 5px;text-align: center;}
.btn_baogia:hover,.btn_baogia:focus,.btn_baogia:active{background-color: #444;color: #fff;}
.wrap-contact .top-icon .porto-sicon-header {margin-bottom: 0;}
.wrap-contact .top-icon .porto-sicon-header p{ color: #fe5721;font-weight: bold; }
.wrap-contact i.text-color-icon{position: absolute;top: 45%;z-index: 1;left: 20px;color: #fff;transform: translateY(-50%);}
.wrap-contact .form-group.area i.text-color-icon{top: 30px; transform: none;}
.wrap-contact input, .wrap-contact textarea{ padding: 10px 30px;border-radius: 5px;margin-bottom: 5px;background-color: rgba(255,255,255,.4);}
.wrap-contact ::-webkit-input-placeholder{color: #fff !important;}
.form-group{margin-bottom: 0;}
.wrap-contact textarea{height: 90px;}
.form-group.btn-submit input{width: 100%;border-radius: 5px;}
.modal-header {position: absolute;right: 10px;z-index: 1;}
.title-contact{text-transform: uppercase;margin-bottom: 15px;}
html .wrap_dichvu .porto-sicon-header h3.porto-sicon-title {font-size: 22px;text-transform: uppercase;}
.wrap_page_contact .widget ul li,.wrap_page_contact .widget > ul{border: none;}
.wrap_page_contact .widget a:hover, .wrap_page_contact .widget a{color: #fff;}
.wrap_page_contact .widget .widget-title{font-size: 20px;}
#content-top{background-color: transparent;}
.post-medium .post-meta span.d-block.float-sm-right{display: block;width: 100%;}
article.post .post-meta>span, article.post .post-meta>.post-views{margin-bottom: 15px;}
.blog-posts-hover_info2 .thumb-info-inner{font-size: 18px;line-height: 1.5;}
article.post h2 a, article.post h4 a{color: #fff;}
.post-medium .post-meta span.d-block .btn-default {background-color: #006b77 !important;border-color: #006b77 !important;color: #fff;}
.post-medium .post-meta span.d-block .btn-default:hover{background-color: #444!important;}
.wrap_news>.vc_column_container>.vc_column-inner{border-bottom: 1px solid rgba(255,255,255,0.06);}
.wrap_news .blog-posts-hover_info2 .thumb-info img,.wrap_news .thumb-info.thumb-info-no-borders .thumb-info-wrapper,.post-medium .owl-carousel .owl-item img.owl-lazy,.post-medium .img-thumbnail {border-radius: 15px;}
.wp-block-image{position: relative;}
.wp-block-image figcaption{color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;    background: linear-gradient(to top, rgb(0 0 0 / 80%) 0%,rgba(255,255,255,0) 100%);margin-bottom: 0;padding-bottom: 15px;font-size: 15px;}
.btn_readmore a.vc_btn3.vc_btn3-size-md{border: none;color: #fff;text-transform: uppercase;border-bottom: 1px solid #fff;border-radius: 0;padding: 5px 0px;}
.btn_readmore a.vc_btn3.vc_btn3-size-md:hover{color: #7dc143!important;}
.box_readmore .porto-sicon-description:after{content: '';background: linear-gradient(to top, rgb(0 24 54) 0%,rgba(255,255,255,0) 100%);position: absolute;left: 0;top: 65%;right: 0;bottom: -1px;display: block;z-index: 11;}
.btn_readmore {position: absolute;bottom: 0;z-index: 11;}
.wrap_news .blog-posts .grid-creative .thumb-info .thumb-info-wrapper:after{background: none;}
.wrap_news .blog-posts-hover_info2 .thumb-info .thumb-info-title{background: linear-gradient(to top, rgb(0 19 41) 20%,rgb(255 255 255 / 0%) 100%);}
div::-webkit-scrollbar {width: 10px;}
.wrap_address_ft .porto-icon i{padding: 10px;background-color: #fff;border-radius: 3px;width: 35px;}
.wrap_address_ft .default-icon .porto-sicon-default .porto-icon{margin-top: -10px;}
html .wrap_address_ft .porto-sicon-header h3.porto-sicon-title {font-size: 15px;line-height: 1.5;}
.img_border_sc .vc_single_image-wrapper{ position: relative; z-index: 1;}
.img_border_sc:after{content:"";position:absolute;top: 15px;left: 25px;bottom: 15px;right: -10px;border: 5px solid;}
.margin_top_sm .porto-sicon-left{ margin-top: 15px;}
.wrap_pd_home.contact_page .porto-sicon-box{padding: 15px;}
.wrap_pd_home.contact_page .top-icon .porto-sicon-header p{color: #fff;text-align: center;}
.wrap_pd_home.baogia .slick-slide .porto-sicon-header+.porto-sicon-description{text-align: left;padding: 0 10px;}
p{text-align: justify;}
.home .wrap_pd_home a.porto-sicon-box-link {width: 33%;display: inline-block;padding: 0 10px;}
.wrap_pd_home.baogia a.porto-sicon-box-link {width: 20%;display: inline-block;padding: 0 10px;}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner{padding-top: 15px;}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner .wpb_text_column.wpb_content_element {margin-bottom: 0;}
.wrap_pd_home.baogia .top-icon .porto-sicon-description{padding: 0 15px;}

@media(min-width: 992px){
	.wrap_text_about .wpb_single_image{margin-top: 30px;}
	.wrap_text_about>.vc_column_container:first-child:before{content: '';background-color:rgba(255,255,255,.7);position: absolute;right: 0;top: 0;bottom: 0;left: 100%;width: 175px; }
	.padding_top{padding-top: 110px;}
	.wrap_dichvu.order_row>.vc_column_container:first-child{order:2;}
	.wrap_news .blog-posts .grid-creative>article.post:first-child{height: 450px!important;}
	.wrap_news .blog-posts .grid-creative>article.post:nth-child(2){height: 350px!important;}
	.wrap_news .blog-posts .grid-creative>article.post:nth-child(4),.wrap_news .blog-posts .grid-creative>article.post:nth-child(5){height: 200px!important;}
	.wrap_sx .vc_column_container:not(:last-child) .porto-sicon-box:after{content: '';height: 1px; width: 162px;background-color: #fff;position: absolute;right: -80px;top: 30%;}
	.padding_toprow{padding-top: 60px!important;}
	.padding_leftrow{padding-left: 25px;}
	html .home .wrap_pd_home .porto-sicon-header h3.porto-sicon-title{min-height: 59px;}
}
@media(max-width: 991px){
	#header .header-main #main-menu {display: none;}
	.wrap_img_about{background-image: none!important;}
	.wrap_pd_home.baogia a.porto-sicon-box-link {width: 100%;}
}
@media(max-width: 767px){
	.wrap_product_cat .page-portfolios.portfolios-masonry{max-height: 200px;}
	.wrap_news .blog-posts .grid-creative>article.post:nth-child(2){height: 300px!important;}
	.home .wrap_pd_home .vc_column_container.col-md-4 {width: 50%;}
	.home .wrap_pd_home .porto-sicon-box{min-height: 230px;}
	html .wrap_sx .porto-sicon-header h3.porto-sicon-title{font-size: 11px;}
	.wrap_sx .vc_column_container.col-md-3 {width: 25%;}
	.wrap_sx .vc_column_container:not(:last-child) .porto-sicon-box:after{content: '';height: 1px; width: 19px;background-color: #fff;position: absolute;right: -10px;top: 21%;}
	.home .wrap_pd_home a.porto-sicon-box-link {width: 50%;}
}