/*
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  ***************/
.grecaptcha-badge{display: none !important;}
#exampleModalCenter1 .wpb_single_image{
	margin-bottom:0px;
}
.header-main {background: #e6ccb5!important;}
.nutdh{
	display:none;
}
.wrap-hed h3{
	    display: table;
    background: white;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 16px;
}
.header-wrapper{
	z-index:88;
}
.porto-carousel-wrapper{
	margin-bottom:0 !important;
}
.wrap_iconLeft{
	position: fixed;
    top: 50%;
    height: auto;
    width: auto;
    left: 0;
    z-index: 999;
}
.wrap_iconRight{
	position: fixed;
    top: 50%;
    height: 200px;
    width: 130px;
    padding-left: 7px;
    right: 0;
    z-index: 999;
}
.wrap_iconLeft ul li{
	background: #a73654 !important;
    padding: 5px 5px !important;
 
}
.wrap_iconRight ul li{
	background: #a73654 !important;
    padding: 5px 5px !important;
    left: 92px !important;
}
.wrap_iconRight ul li a{
	color:#000000;
}
.wrap_iconLeft ul,
.wrap_iconRight ul{
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.wrap_iconLeft ul li:hover{
	background:black !important;
}
.wrap_iconRight ul li:hover a{
	color:white;
}
.wrap_iconRight ul li:hover{
	left:0 !important;
	background:black !important;
	color:white !important
}
#header .header-right-top{
	display:none;
}
#nav-panel .mobile-nav-wrap{
	background:transparent !important;
	
}
#nav-panel .mobile-nav-wrap .menu-wrap ul li a{
	color:white !important;
}
#side-nav-panel .accordion-menu>li.menu-item a{
	color:white !important;
}
tbody tr td{
	padding-bottom:0px;
	padding-top:0px;
}
tbody tr{
	height:auto !important;
}
.wrap-nen,
.home .wrap-bannerHeader{
	 background-attachment: fixed;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
   display: block;
   position: relative;
}
.wrap-bannerHeader:before{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background:#00000061;
}
.wrap-textHeader{
	position: absolute;
    top: 40%;
    width: 100%;
    transform: translate(-50%);
    left: 0%;
}
.wrap-bannerHeader .styleButton>.vc_btn3{
	border:none !important;
}
.wpb_text_column.wpb_content_element h2{
	font-weight: 500
}
.header-main .header-left,
.header-main .header-right{
	padding:0 !important;
}
#main-menu ul li:last-child:hover>a{
	background: black !important;
}
.mobile-toggle{
    background: #fadcd9 !important;
    border-radius: 0 !important;
    color: black !important;
}
.ddict_btn,
#footer .logo{display: none}
#footer .footer-left{
	text-align: center !important;
}
.wrap-textHeader .wpb_text_column.wpb_content_element h1{
	color: white;
} 
#header{
	border:none !important;
}
.wrap-bannerHeader{
	display: none;
}
.home #header>.header-top{
	display: block;
}
.page-top.page-header-1,
#header>.header-top>.container,
#header>.header-top{
	display: none
}   
.home .main-content{
	padding:0;
}
.wrap-bannerHeader .wpb_single_image.wpb_content_element.vc_align_center{
	padding:0;
	margin:0;
}

.wrap-content1 .wrap-ct1Left img{
	border-bottom-left-radius: 40%;
	border-top-right-radius: 40%;
}
.wrap-content1 .wrap-ct1Right img{
	border-bottom-right-radius: 40%;
	border-top-left-radius: 40%;
}
.wrap-content1 .wpb_wrapper ul{
	list-style: none;
	padding-left:0px;
}
.wrap-content1 .wpb_wrapper ul li span,
.wrap-content1 .wpb_wrapper ul li>a,
.wrap-content1 .wpb_wrapper ul li{
	color:black;
	font-size: 20px
}
.wrap-content1 .wpb_wrapper ul li{
	line-height: 2.2;
}
#header .main-menu > li.menu-item > a {
	color:white !important;
}
.styleButton>.vc_btn3{
    width: 200px !important;
    color: white !important;
    font-size: 20px !important;
    padding: 20px !important;
    border-top-right-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
    background:  black !important;
    font-weight: 500 !important;
}
.wrap-img3 .wpb_wrapper.vc_column-inner{
	    display: flex;
    justify-content: space-between;
}
.wrap-img3 .wpb_wrapper.vc_column-inner>.wpb_single_image.wpb_content_element:nth-child(2){
	    margin: 0 50px;
}
.wrap-slide .wpb_text_column.wpb_content_element{
	background: #fff8f4;
    height: 500px;
    padding: 25px;
    border-top: solid 8px #dcae96;

}
#main-menu ul li:last-child>a{
	background: black;
    color: white !important;
    padding: 24px 28px !important;
    border-top-right-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
        margin-left: 30px;

}
#main-menu ul{
	align-items: center;
}
#footer .footer-bottom{
	padding-bottom: 0
}
#header.sticky-header .header-main.sticky{
	border-top: none;
}
.main-content,
#footer .footer-bottom{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.wrap-text1 ul,
.wrap-text ul {
	list-style: none;
	padding-left: none;
}
.wrap-text ul li{
	display: flex;
}
.wrap-contentservice .wpb_wrapper.vc_column-inner{
	display: flex
}
.wrap-text ul{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0
}
.wrap-text ul li{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.wrap-text ul li:first-child{
	    /*width: 200px;*/
	display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
}
.wrap-text ul li:last-child{
	font-size: 20px;
	color: #c48711
}
.wrap-text ul li:first-child>div:first-child{
	width: max-content;
	font-weight: 600;
	font-size: 20px;
}

.wrap-text ul li:nth-child(2){
		border-bottom-style: dashed;
	    border-bottom-width: 2px;
	    border-bottom-color: #dcae96;
	    width: 100%;
	    margin-bottom: 0;
	    margin: 0 15px;
}
.wrap-text{
	width: 100%;
	padding-top:8px;
}

.wrap-text .wpb_wrapper>div{
	margin: 10px 33px;
}
.wrap-contract textarea,
.wrap-contract input,
.wrap-contract label{
	width:100%;
}
#footer .footer-bottom{
	background: #9e9e9e !important;
 }
.wrap-contract .wpcf7-submit{
	width: auto;
    background: #9e9e9e  !important;
    border: none;
    font-weight: 700;
    width: 150px
}
.btnBookNow{
	display: none;
}
.wrap-textHeader .wpb_text_column.wpb_content_element h2 span,
.wrap-textHeader .wpb_text_column.wpb_content_element h2 strong{
	    background: linear-gradient(50deg, #fbec66,#ffffE0) !important;
        color: transparent;
        background-clip: text !important;
}
.wrap-textHeader .wpb_text_column.wpb_content_element em{
	color:#fabd33;
}
.text_service {margin-top: 50px!important;}
.wrap-contract span,
.wrap-contract span>a,
.wrap-contract a,
.wrap-ct1Right span,
.wrap-ct1Right span>a,
.wrap-ct1Right a,
.wrap-ct1Left span,
.wrap-ct1Left span>a,
.wrap-ct1Left a{
	color:black !important;
}
@media(max-width:991px){
	.wrap-img3 .wpb_wrapper.vc_column-inner{
		    flex-direction: column;
	}
	.wrap-img3 .wpb_wrapper.vc_column-inner>div:last-child{
		margin-top: 25px;
	}
	.menu-wrap .mobile-menu.accordion-menu li:last-child{
		display: none;
	}
	.btnBookNow{
		display: block;
	}
	.btnBookNow .main-menu {
		display: block !important;
	}
	.btnBookNow .main-menu li{
		display: none;
	}
	.btnBookNow .main-menu li:last-child{
		display: block;
	
	}
	.btnBookNow .main-menu li:last-child>a{
		background: black;
	    color: white !important;
	    padding: 12px 25px !important;
	    border-top-right-radius: 40px !important;
	    border-bottom-left-radius: 40px !important;
	  
	}
    .header-right-bottom{
    	    display: flex;
    		align-items: center;
    		justify-content: space-between;
	}
	.wrap-textHeader {
    position: absolute;
    top: 20%;
    width: 100%;
    transform: translate(-50%);
    left: 50%;
	}
	.wrap-bannerHeader .styleButton>.vc_btn3{
	 border: none !important;
    padding: 15px 2px !important;
    font-size: 16px !important;
    width: 150px !important;
	}
	.home .wrap-bannerHeader{
		background-attachment:unset;
		background-position: center;
	}
	.home .wrap-bannerHeader .vc_empty_space{
		height:450px !important;
	}
	.wrap-textHeader h1{
		    font-size: 20px;
    		line-height: 28px;
	}
	.wrap-text{
		width: 100%;
		padding-top:8px;
	}
	.wrap-contentservice .wpb_wrapper.vc_column-inner{
    	flex-direction: column;
	}
	.wrap-text ul li:first-child{
		width: auto;
	}
	.wpb_text_column.wpb_content_element h2{
		font-size: 20px;
		line-height: 25px
	}
}

@media(max-width:767px){
	.btnBookNow{display:none !important;}
	.wrap-slide .wpb_text_column.wpb_content_element{
		height:auto;
	}
	.wrap-content1 .wrap-ct1Left .wpb_text_column.wpb_content_element p{
		text-align:center !important;
	}
	.wrap-textHeader .wpb_text_column.wpb_content_element h2 span,
	.wrap-textHeader .wpb_text_column.wpb_content_element h2 strong{
		font-size:22px;
	}
}
@media (max-width: 575px){
	.wrap-content1 .wpb_wrapper ul li span{
		font-size:17px !important;
	}
	h2{
		font-size:20px !important;
		line-height: 25px !important;
	}
	
}
@media(max-width:440px){
	.wpb_text_column.wpb_content_element h2{
		font-size:15px !important;
	}
	.wrap-textHeader .wpb_text_column.wpb_content_element h2 span,
	.wrap-textHeader .wpb_text_column.wpb_content_element h2 strong{
		font-size:19px;
	 
	}
	#header .main-menu > li.menu-item > a{
		font-size:10px;
	}
	.home .wrap-bannerHeader .vc_empty_space{
		height:300px !important;
	}
	.wrap-bannerHeader .styleButton>.vc_btn3{
		      border: none !important;
    padding: 10px 2px !important;
    font-size: 13px !important;
    width: 150px !important;
	}
	.wrap-textHeader {
    position: absolute;
    top: 20%;
    width: 100%;
    transform: translate(-50%);
    left: 50%;
}
	.wrap-contentservice tbody{
		display: inline-grid;
	}
	.wrap-contentservice tbody tr{
		height: 100% !important;
		width: 100% !important;
		
	}
	
	.wrap-contentservice tbody tr td:last-child>pre{
		width: 70px;
	}
	.wrap-contentservice tbody tr td pre>strong{
		    overflow: hidden;
    white-space: normal;
	}
}
@media(max-width:410px){
	#header .main-menu > li.menu-item > a{
		font-size:8px;
	}
	.sticky .btnBookNow .main-menu li:last-child>a{
		padding: 6px 17px !important;
        border-top-right-radius: 30px !important;
        border-bottom-left-radius: 30px !important;
	}
}