/*
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  ***************/
a {color:#0c70e8; }
a:hover{color: #dc4900;}
#header .main-menu>li.menu-item {display: inline-block;}
#header .searchform input {width: 240px;font-size: 16px;}
#header .header-contact h3 {margin: 0;color: #0c70e8;font-weight: 500;font-family: Oswald,sans-serif;}
#header .searchform-popup .search-toggle {font-size: 20px;}

#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right {padding-top: 10px;padding-bottom: 10px;}
#header.sticky-header .header-main.sticky {box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);}
#main-menu.centered .mega-menu>li.menu-item {border-right: 1px solid #ff7029;border-left: 1px solid #af3a00;margin: 1px 0;}
#main-menu.centered .mega-menu>li.menu-item:first-child {border-left: none;}
#main-menu.centered .mega-menu>li.menu-item:last-child {border-right: none;}
#header .searchform-popup .search-toggle {font-size: 20px;}
.porto-carousel-wrapper .slick-next, .porto-carousel-wrapper .slick-prev{width: 36px;height: 50px;background-color: rgb(255 255 255 / 80%);text-shadow: none;cursor: pointer;}
.porto-carousel-wrapper .slick-next i, .porto-carousel-wrapper .slick-prev i{color: #000;}
.vc_row-no-padding .porto-carousel-wrapper .slick-next{right: 5px;}
.vc_row-no-padding .porto-carousel-wrapper .slick-prev {left: 5px;}
.porto-carousel-wrapper ul.slick-dots {z-index: 5;}
.porto-carousel-wrapper .slick-dots li i {opacity: 1;}
.owl-carousel .owl-dots .owl-dot span {width: 16px;height: 16px;margin: 5px 6px;}
.wpcf7 .form-group > p {margin-bottom: 0;}
.wrap_lienhe .wpb_text_column h2 {font-size: 24px;line-height: 30px;margin-bottom: 15px;}
.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;}
.wrap_lienhe .wpcf7 textarea {height: 90px;}
.wpcf7 textarea {height: 60px;}
.align-center .wpcf7-spinner {display: block;margin: 5px auto 0;}
.wpcf7 .form-group input[type="submit"] {font-size: 14px;transition: 0.3s ease-in-out;background-color: var(--porto-secondary-color);padding: 7px 25px;border-color: var(--porto-secondary-color);width: 100%;}
.wpcf7 .form-group input[type="submit"]:hover {color: var(--porto-secondary-color);background-color:transparent;}
.wpcf7 .form-group p > br {display: none;}
#banner-wrapper .porto-block > p {display: none;}
.btn_style.vc_btn3-container .vc_general.vc_btn3 {color: #fff;border-color: #fecd07;background-color: #fecd07;padding-left: 20px;padding-right: 20px;font-size: 15px;font-weight: 500;}
.btn_style.vc_btn3-container .vc_general.vc_btn3:hover {background-color: transparent;color: #fecd07;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots li {margin: 0 3px;}
.wrap_banner .wpb_single_image .vc_figure {position: relative;width: 100%;}
.wrap_banner .wpb_single_image .vc_figure img {filter: brightness(80%);position: relative;z-index: 1;}
.wrap_banner .wpb_single_image .vc_figure .vc_figure-caption {margin: 0;position: absolute;z-index: 3;top: 50%;left: 50%;color: #fff;width: 50%;font-size: 32px;line-height: 40px;transform:translate(-50%,-50%);text-shadow: 1px 1px 1px #000;background-color: rgba(0, 0, 0, 0.3);padding: 40px;font-weight: 500;transition: 1s;opacity: 0; transition-delay: 300ms;}
.wrap_banner .wpb_single_image.left .vc_figure .vc_figure-caption {left: 45%;}
.wrap_banner .wpb_single_image.right .vc_figure .vc_figure-caption {left: 55%;}
.wrap_banner .wpb_single_image.up .vc_figure .vc_figure-caption {top: 60%;}
.wrap_banner .wpb_single_image.down .vc_figure .vc_figure-caption {top: 40%;}
.wrap_banner .slick-active .wpb_single_image.left .vc_figure .vc_figure-caption, .wrap_banner .slick-active .wpb_single_image.right .vc_figure .vc_figure-caption{left: 50%;opacity: 1;}
.wrap_banner .slick-active .wpb_single_image.up .vc_figure .vc_figure-caption, .wrap_banner .slick-active .wpb_single_image.down .vc_figure .vc_figure-caption{top: 50%;opacity: 1;}
#footer .footer-main>.container {padding-top: 40px;padding-bottom: 0;}
#footer .widget-title {font-size: 22px;}
#footer .widget_text ul li {margin-bottom: 7px;}
#footer .widget_text ul li i {width: 20px;}
.follow-us .share-links a {width: 36px;height: 36px;border-radius: 4px;font-size: 18px;}
#footer .footer-bottom {padding: 0;font-size: 14px;}
.single-post .entry-title {font-size: 24px;margin-bottom: 10px;}
.entry-content {text-align: justify;margin-top: 10px;margin-bottom: 0;}
.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, .page-content ul, .page-content ol, .portfolio-large .post-content ul, .portfolio-large .post-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, .page-content ul li, .page-content ol li, .portfolio-large .post-content ul li, .portfolio-large .post-content ol li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe, .page-content table, .page-content iframe, .portfolio-large .post-content table, .portfolio-large .post-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, .page-content table td, .page-content table th, .portfolio-large .post-content table th, .portfolio-large .post-content table td {border: 1px solid #ccc;}
.single-post article{padding-bottom: 25px;border-bottom: 1px solid #ccc;}
body.single-post .page-top ul.breadcrumb>li:last-child, body.single-product .page-top ul.breadcrumb>li:last-child{display: none;}
body.single-post .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter, body.single-product .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter {display: none;}
.wp-caption .wp-caption-text, .wp-caption-dd {font-size: 15px;text-align: center;color: #000;}
.wp-caption.aligncenter, .wp-caption {margin-bottom: 15px;}
#header .mobile-toggle {font-size: 18px;border-radius: 0;margin-right: 0;}
#side-nav-panel .accordion-menu>li.menu-item a{padding-top: 10px;padding-bottom: 10px;letter-spacing: 0;font-size: 16px;}
#side-nav-panel .accordion-menu .arrow {height: 45px;line-height: 45px;}
.blog-posts .post .entry-title, .post-carousel h4, .post-carousel h5 {font-size: 18px;margin-bottom: 6px;}
.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;
}
.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;}
.wrap_home_topost .cat_title{margin-bottom: 15px;}
.wrap_home_topost .cat_title a {color:#dc4900; }
.wrap_home_topost .cat_title a:hover {color:#0c70e8; }
.wrap_home_topost .inner_post_thumb, .wrap_home_topost .inner_post {margin-bottom: 20px;}
.wrap_home_topost .inner_post_thumb .cat_thumb_link{display: block;transition:0.2s ease-in-out;border: 1px solid #ddd;position: relative;}
.wrap_home_topost .inner_post_thumb .cat_thumb_link:hover {border-color: #dc4900;}
.wrap_home_topost .inner_post_thumb .cat_thumb_link img {position: relative;z-index: 1;transition:0.2s ease-in-out;}
.wrap_home_topost .inner_post_thumb .cat_thumb_link:hover img {filter: brightness(50%);}
.wrap_home_topost .inner_post_thumb .cat_thumb_link:before {content: '';position: absolute;width: 40px;height: 25px;left: 50%;top: 60%;transform:translate(-50%,-50%);z-index: 3;transition:0.2s ease-in-out;opacity: 0;visibility: hidden;background-image: url(images/icon-info.png);background-position: center;background-repeat: no-repeat;filter: brightness(0) invert(1);}
.wrap_home_topost .inner_post_thumb .cat_thumb_link:hover:before {opacity: 1;visibility: visible;top: 50%;}
.wrap_home_topost .post_title {margin-bottom: 5px;font-size: 20px;line-height: 1.3;margin-top: -4px;}
.wrap_home_topost .post_date {color: #666;font-size: 15px;font-style: italic;}
.wrap_home_topost .post_excerpt {margin-top: 5px;}
.wrap_home_topost .post_excerpt p {margin-bottom: 0;}
.home_title {text-align: center;margin-top: 30px;}
.home_truonghoc .inner_post_thumb img, .logo_truong img  {border: 1px solid #ddd;transition:0.2s ease-in-out;}
.home_truonghoc .inner_post_thumb a:hover img, .logo_truong a:hover img  {border-color: #0c70e8;}
.home_truonghoc .post_title {font-size: 17px;line-height: 24px;margin-bottom: 0;}
.home_truonghoc .inner_post p {margin-bottom: 0;margin-top: 5px;}
.home_truonghoc .truong_item {margin-bottom: 20px;}
.home_truonghoc .truong_item > .row {align-items: center;}
.home_tab_pagi {margin: 0 0 20px;padding: 0!important;list-style: none;text-align: center;border-bottom: 1px solid #ccc;}
.home_tab_pagi li {display: inline-block;margin-right: -3px;border: 1px solid transparent;transition:0.3s ease-in-out;margin-bottom: -1px!important;}
.home_tab_pagi li:last-child{margin-right: 0;}
.home_tab_pagi li.active, .home_tab_pagi li:hover {border-color: #ccc;border-bottom-color: #fff;}
.home_tab_pagi li span {cursor: pointer;display: block;padding: 7px 30px;font-size: 18px;font-weight: 700;}
.home_tab_content {position: relative;}
.home_tab_content .home_tab_item {position: absolute;top: 0;left: 0;right: 0;transition:0.3s ease-in-out;opacity: 0;visibility: hidden;}
.home_tab_content .home_tab_item.active {position: relative;opacity: 1;visibility: visible;}
.sidebar .widget_media_image img {transition:0.3s ease-in-out;}
.sidebar .widget_media_image a:hover img {filter: brightness(130%);}
article.portfolio {margin-bottom: 30px;}
article.portfolio .entry-title {margin-bottom: 10px;}
.matruonghoc {margin-bottom: 10px;font-weight: 600;}
.related-portfolios .owl-carousel{margin-left: -10px;margin-right: -10px;width: auto;}
.related-portfolios .owl-carousel .portfolio-item{padding-left: 10px;padding-right: 10px;}
.blog-posts article{margin-bottom: 20px;padding-bottom: 0;}
.post-share-advance{position: relative;left: 0;right: auto;bottom: auto;}
.post-share-advance-bg{width: auto;float: none;}
.post-share-advance-bg:hover{max-height: 41px;height: auto;}
.post-share-advance .fa-share-alt{position: relative;display: inline-block;right: auto;}
.post-share-advance-bg .share-links{display: inline-block;}
.post-share-advance .share-links a:first-child{margin: 0 0 4px;}
.post-share-advance .share-links a{display: inline-block;opacity: 1;margin: 0 0 4px;font-size: 16px;}
.post_date, .post-meta .meta-date{color: #666;}
.related-posts{margin-top: 20px;}
.tinlienquan .style-2{margin-bottom: 20px;}
.tinlienquan .post-recent-content h5{margin-bottom: 5px;}
.footer-bottom{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#footer .widget_text ul li{margin-bottom: 7px;}
#footer .widget_text ul li:before{width: 6px;height: 6px;border-radius: 50%;content: '';display: inline-block;margin-right: 8px;background-color: #666;}
#footer .wpcf7 .form-group{margin-bottom: 5px;}
#footer .wpcf7 input[type="text"]::placeholder, #footer .wpcf7 input[type="tel"]::placeholder, #footer .wpcf7 input[type="email"]::placeholder, #footer .wpcf7 textarea::placeholder{color:#000;}
#footer .wpcf7 input[type="text"]::-webkit-input-placeholder, #footer .wpcf7 input[type="tel"]::-webkit-input-placeholder, #footer .wpcf7 input[type="email"]::-webkit-input-placeholder, #footer .wpcf7 textarea::-webkit-input-placeholder{color:#000;}
#footer .wpcf7 input[type="text"]:-moz-placeholder, #footer .wpcf7 input[type="tel"]:-moz-placeholder, #footer .wpcf7 input[type="email"]:-moz-placeholder, #footer .wpcf7 textarea:-moz-placeholder{color:#000;}
#footer .wpcf7 input[type="text"]:-ms-input-placeholder, #footer .wpcf7 input[type="tel"]:-ms-input-placeholder, #footer .wpcf7 input[type="email"]:-ms-input-placeholder, #footer .wpcf7 textarea:-ms-input-placeholder{color:#000;}
#footer .wpcf7 .row > div{padding-left: 4px;padding-right: 4px;}
div.ays-quiz-wrap{margin-top: 40px;margin-bottom: 40px;}
#ays-quiz-container-1{padding-top: 30px;}
#ays-quiz-container-1.ays-quiz-container .ays-questions-container .ays_message p{font-size: 20px;font-weight: 700;color: var(--porto-primary-color)!important;}
#ays-quiz-container-1 .ays_thank_you_fs p.ays_score {font-size: 18px;font-weight: 700;color: var(--porto-secondary-color)!important;}
#ays-quiz-container-1 .ays_quiz_question p{padding: 0;margin-left: 0;margin-right: 0;text-align: left!important;font-weight: 600;font-weight: 18px;color: var(--porto-secondary-color)!important;}
#ays-quiz-container-1 .ays_question_report{display: none;}
#ays-quiz-container-1 #ays_finish_quiz_1 .ays-field.checked_answer_div input~label[for^='ays-answer-']{color: #fff!important;}
#ays-quiz-container-1 p.ays-question-counter{}
#ays-quiz-container-1 #ays_finish_quiz_1 div.step{padding-top: 0!important;}
@media(max-width: 1289px){
	#header .header-contact h3{font-size: 20px;}
	#header .main-menu > li.menu-item > a{font-size: 16px;}
}
@media(max-width: 991px){
	.header-wrapper{z-index: 3;}
	#header .header-main{box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);}
	#header .header-main .container{min-height: 92px;}
	#header.sticky-header .header-main .container{min-height: 58px;}
	#header .header-main .container .header-left, #header .header-main .container .header-right{position: static;z-index: 3;}
	#header .logo{position: absolute;top: 30px;left: 50%;transform:translateX(-50%);}
	#header.sticky-header .logo{display: block!important;top: 3px;}
	#header .logo img {transform-origin: center center;}
	#header .searchform-popup .search-toggle,#header.sticky-header .searchform-popup .search-toggle{color: var(--porto-primary-color);}
	#header .header-contact{position: absolute;top: 3px;left: 50%;transform:translateX(-50%);margin: 0;}
	#header .header-contact h3{font-size: 16px;font-weight: 400;}
	.home_tab_pagi li span{padding-left: 20px;padding-right: 20px;}
}
@media(max-width: 767px){
	.wrap_home_topost .post_title{font-size: 18px;}
}
@media(max-width: 575px){
	#header .searchform-popup{display: inline-block;}
}
@media(max-width: 520px){
	.home_title{font-size: 20px;margin-bottom: 15px;line-height: 30px;}
	.home_tab_pagi{margin-left: -20px;margin-right: -20px;}
	.home_tab_pagi li span{font-size: 16px;padding: 6px 10px;}
}