/*
Theme Name: Mypage Child
Theme URI: https://www.mypage.vn/
Author: Mypage
Author URI: https://www.mypage.vn/
Description: Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: mypage

*/

@import url("../mypage/style.css");
@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MYRIADPRO-REGULAR.eot');
  src: local('☺'), url('fonts/MYRIADPRO-REGULAR.ttf') format('truetype'), url('fonts/MYRIADPRO-REGULAR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-ExtraBold.eot');
  src: local('☺'), url('fonts/Montserrat-ExtraBold.woff') format('woff'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('fonts/Montserrat-ExtraBold.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}

.custom-font-secondary {
  font-family: "Poppins", sans-serif;
}
.font_2{
  font-family: 'Myriad Pro'!important;
}
/* header */
@media (min-width: 768px) {
  #header.header-11 .header-main:not(.sticky):before {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  #header.header-11 .header-main > .container {
    padding-right: 0;
    margin-top: 1px;
  }

  #header.header-11 .header-main:not(.sticky):before {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  #header.header-11 .header-main:not(.sticky):before {
    max-width: 1170px;
  }
}

#header .header-main .container .header-left {
  padding-top: 2px;
}

body:not(.home) #header.header-11 .header-main .container .header-left {
  padding-top: 13px;
}

#header.header-11 .header-main #main-menu .mega-menu > li.menu-item {
  margin-left: 2px;
}

#header.header-11 .header-main #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > h5 {
  padding: 22px 21px 18.5px;
  border-top: none !important;
}

#header.header-11 .share-links {
  margin-top: 3px !important;
  margin-right: 13px !important;
  padding-left: 15px !important;
}

.custom-valign-top {
  vertical-align: top;
}

.custom-btn-bg > button, .custom-btn-bg:hover > button {
  background: #ff8880;
  background: -webkit-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -o-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -ms-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: linear-gradient(to right, #f4645a 0%, #ff857c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4645a',endColorstr='#ff857c',GradientType=1);
}

.custom-btn-bg:hover > button {
  opacity: .9;
}

.vc_images_carousel .vc_carousel-control {
  top: 34% !important;
}

#header.header-corporate .share-links a {
  width: 16px !important;
  height: 16px !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  width: 21px !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  background: none;
  box-shadow: none;
  color: #fff;
}

.share-links .share-facebook:before {
  content: "\f082";
}

.share-links .share-twitter:before {
  content: "\f081";
}

.share-links .share-linkedin:before {
  content: "\f08c";
}

#header.header-corporate .share-links .share-facebook:hover {
  background: none;
  opacity: 0.7 !important;
}

#header.header-corporate .share-links .share-twitter:hover {
  background: none;
  opacity: 0.7 !important;
}

#header.header-corporate .share-links .share-linkedin:hover {
  background: none;
  opacity: 0.7 !important;
}

/* main menu */
#main-menu .mega-menu > li.menu-item.active > a, #main-menu .mega-menu > li.menu-item.active > h5,
#main-menu .mega-menu > li.menu-item.active:hover > a, #main-menu .mega-menu > li.menu-item:hover > a, #main-menu .mega-menu > li.menu-item.active:hover > h5, #main-menu .mega-menu > li.menu-item:hover > h5 {
  opacity: 0.7;
}

.vc_btn3-container a.vc_btn3 {
  font-size: 12px !important;
  line-height: 17px !important;
  padding: 13px 30px !important;
}

.home-top .bg-smartphone {
  padding: 32% 6.55% 0 6.6%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.home-top .bg-smartphone .owl-carousel {
    z-index: 0;
}

.home-top h1 {
  margin-left: -5px !important;
}

.home-top .owl-carousel .owl-nav [class*="owl-"] {
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  border-top: 2px solid #fff !important;
  border-left: 2px solid #fff !important;
  opacity: 0.5;
}

.home-top .owl-carousel .owl-nav [class*="owl-"]:before {
    display: none;
}

.home-top .owl-carousel .owl-nav .owl-prev {
  left: -80px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.home-top .owl-carousel .owl-nav .owl-next {
  right: -81px !important;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.custom-product-image-pos-1._absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.custom-product-image-pos-1._relative {
  position: relative;
  top: 60px;
  padding-bottom: 60px;
}

.custom-product-image-pos-2 {
  position: absolute;
  top: -80px;
  left: 61vw;
  width: auto;
  height: 170%;
  z-index: 2;
}

button.porto-btn {
  margin: 0 !important;
}

@media (max-width: 991px) {
  .custom-product-image-pos-2 {
    left: 74vw;
  }
}
@media (max-width: 767px) {
  .custom-product-image-pos-2 {
    display: none;
  }
}
.porto-u-heading-spacer {
  height: 2px;
}

.starz {
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
}

.clearb {
  clear: both;
}

#reviews .owl-carousel .owl-nav [class*="owl-"], #reviews .owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: transparent !important;
}

#reviews .owl-carousel .owl-nav .owl-prev:before {
  left: -15px;
}

#reviews .owl-carousel .owl-nav .owl-next:before {
  right: -15px;
}

#reviews .owl-nav .owl-prev:before,
#reviews .owl-nav .owl-next:before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#reviews .owl-nav .owl-next:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 991px) {
  .fixed-header #header .header-main .container > div {
    padding: 8px 0;
  }
}
#nav-panel .mobile-nav-wrap {
  padding: 10px !important;
}

#header .mobile-toggle,
#nav-panel .mobile-menu li > a, #nav-panel .mobile-menu li > h5 {
  border-radius: 0;
}

#nav-panel .mobile-menu > li > a, #nav-panel .mobile-menu > li > h5 {
  font-weight: 600;
  padding: 8px 20px;
}

/*.page-faqs .toggle > .toggle-content { padding: 25px 35px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }*/
section.toggle {
  padding: 0;
}

.app-faq h2 {
  font-weight: 600 !important;
}

section.toggle label {
  background: transparent;
  padding: 15px 50px 15px 35px;
  border-left: 2px solid transparent;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-radius: 0;
  color: #2e353e;
  font-size: 13.5px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 27px;
}

.faq-row .faq:last-child label {
  border-bottom: 1px solid #ddd;
}

section.toggle label:hover {
  background: transparent;
}

section.toggle label:before {
  right: 35px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2e353e;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transition: ease transform 300ms;
  -moz-transition: ease transform 300ms;
  transition: ease transform 300ms;
  margin-top: 0;
}

section.toggle.active > label {
  color: #f4645a;
  border: 1px solid #ddd;
  border-left: 2px solid #f4645a;
  background: #fff3f2;
}

.toggle.active > label:before {
  border-top-color: #f4645a;
  right: 35px;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  margin-top: 0;
}

.toggle > .toggle-content {
  padding: 0;
}

.toggle > .toggle-content .card-default {
  border-top: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.faq-row .card-default .card-body {
  padding: 25px 35px;
}

.custom-home-intro .wpb_wrapper.vc_column-inner {
  padding-top: 0 !important;
}

.custom-btn-style-1 a, .custom-btn-style-1 a:active {
  background: #f4645a;
  background: -moz-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f4645a), color-stop(100%, #ff857c));
  background: -webkit-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -o-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -ms-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: linear-gradient(to right, #f4645a 0%, #ff857c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4645a',endColorstr='#ff857c',GradientType=1);
  border: none;
  border-radius: 50px !important;
  padding: 13px 30px;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  transition: ease all 300ms;
}

.custom-btn-style-1 a:hover {
  opacity: .9;
}

.mt-xs {
  margin-top: 5px !important;
}

.custom-product-image-pos-3 {
  position: absolute;
  top: -140px;
  left: 100px;
  height: 170%;
  z-index: 2;
  width: 150%;
}

.custom-product-image-pos-3._litle-small {
  top: -130px;
  left: 200px;
  z-index: 1;
  height: 155%;
}

.custom-product-image-pos-3 img {
  max-width: inherit !important;
}

.mb-xlg {
  margin-bottom: 30px !important;
}

#footer h4 {
  font-weight: 400;
}

#footer .footer-main > .container {
  padding-top: 75px;
  padding-bottom: 20px;
}

#footer .footer-left ul.custom-social-icons-style-1 {
  position: relative;
  display: inline-block;
  top: 1px;
  margin: 0;
}

#footer .footer-left ul.custom-social-icons-style-1 li a {
  background: transparent !important;
  height: initial;
  width: initial;
  line-height: 1;
  font-size: 18px;
  -webkit-transition: ease opacity 300ms;
  -moz-transition: ease opacity 300ms;
  transition: ease opacity 300ms;
}

#footer .footer-left ul.custom-social-icons-style-1 li {
  margin: 0 3px;
  display: inline-block;
  padding: 0;
  border-radius: 100%;
  overflow: visible;
}

.social-icons.custom-social-icons-style-1._colored li.social-icons-facebook a {
  color: #3b5a9a !important;
}

.social-icons.custom-social-icons-style-1._colored li.social-icons-twitter a {
  color: #1aa9e1 !important;
}

.social-icons.custom-social-icons-style-1._colored li.social-icons-linkedin a {
  color: #0073b2 !important;
}

#footer .footer-bottom .widget > div > ul li a {
  padding: 10px 15px;
  font-weight: 700;
  text-decoration: none;
}

#footer .footer-bottom .widget_nav_menu ul li:after {
  display: none;
}

#footer .footer-bottom .container {
  padding: 0;
}

#footer .widget .widget_wysija {
  max-width: none;
  position: relative;
  z-index: 2;
}
#footer form { opacity: 1; }
#footer .widget_wysija .wysija-input {
  width: 113% !important;
  height: 45px;
  border-radius: 50px;
  padding: 0 0 0 25px;
  border-right: none;
}

#footer .widget_wysija .wysija-submit {
  position: relative;
  z-index: 2;
  background: #f4645a;
  background: -moz-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f4645a), color-stop(100%, #ff857c));
  background: -webkit-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -o-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: -ms-linear-gradient(left, #f4645a 0%, #ff857c 100%);
  background: linear-gradient(to right, #f4645a 0%, #ff857c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4645a',endColorstr='#ff857c',GradientType=1);
  border: none;
  border-radius: 50px !important;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  transition: ease all 300ms;
  padding: 14px 42px;
  font-size: 12px;
  letter-spacing: .5px;
  color: #fff;
}

#footer .widget-wysija .wysija-submit:hover {
  opacity: 0.9;
}

#text-2 {f
  margin: 0 !important;
}

#downloads > .vc_parallax-inner {
  height: 100% !important;
  top: 0 !important;
}

#downloads .porto-u-heading-spacer {
  margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .top-mobine-screen {
    margin-top: 77px !important;
    margin-left: 55px;
  }
}
@media (max-width: 1150px) {
  #header .header-right .share-links {
    display: none;
  }

  #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > h5 {
    padding: 22px 25px 18.5px;
  }
}
@media (max-width: 991px) {
  .home-top > .vc_column_container {
    padding-top: 0 !important;
  }

  .home-top h1.vc_custom_heading {
    font-size: 64px;
  }

  .porto-block .vc_custom_1491415638352 {
    padding-top: 125px !important;
  }

  .custom-product-image-pos-3 {
    width: 220%;
  }
}
@media (max-width: 767px) {
  .top-mobine-screen {
    left: 0 !important;
  }

  .home-top .vc_left.vc_carousel-control {
    left: -70px !important;
  }

  .home-top .vc_right.vc_carousel-control {
    right: -71px !important;
  }

  #footer .footer-bottom .container .footer-right {
    text-align: right;
  }

  .banner-logo .vc_column_container {
    float: left;
    width: auto;
  }

  #downloads .wpb_single_image {
    margin-top: 15px !important;
  }

  .left-icon .right-icon .porto-sicon-right {
    left: 0;
    position: absolute;
    width: auto;
  }

  .left-icon .porto-sicon-box.right-icon {
    position: relative;
  }

  .left-icon .right-icon .porto-sicon-body {
    float: right;
    padding-left: 65px;
    width: 100%;
  }

  .left-icon .porto-sicon-right .porto-icon.advanced {
    margin-left: 0;
    margin-right: 15px;
  }

  .left-icon .right-icon .porto-sicon-description, .left-icon .right-icon .porto-sicon-header, .left-icon .porto-sicon-header h3 {
    float: left;
    text-align: left;
  }

  #header.sticky-header .logo {
    display: block !important;
  }
}
@media (max-width: 575px) {
  #footer .footer-bottom .container .footer-left {
    padding: 10px 15px;
  }

  #header .logo {
    float: left;
    text-align: left;
  }

  #porto-btn-9109 {
    margin-top: 19px;
  }

  #footer .widget > div > ul, #footer .widget > ul {
    text-align: left;
  }
}
#footer .widget-title { margin-bottom: 0; }

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.main-content {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.vc_custom_heading.title_one {
    font-size: 80px;
    line-height: 100px;
    font-weight: 900;
    color: #e7215e;
    margin-bottom: 20px;
}
.vc_custom_heading.title_one.white{
  color: #fff;
}
.wpb_text_column.wpb_content_element.desc_two .wpb_wrapper > * {
    letter-spacing: 1px;
}
.wpb_text_column.wpb_content_element.white .wpb_wrapper > * {
      color: #fff;
}
.wpb_text_column.wpb_content_element.white .wpb_wrapper > * strong{
  color: #e7215e;
  font-weight: 900;
}
.wpb_text_column.wpb_content_element.desc_one .wpb_wrapper > *{
	font-size: 18px;
    line-height: 30px;
}
.wpb_text_column.wpb_content_element.desc_two .wpb_wrapper > * strong {
    font-size: 18px;
    font-weight: bold;
    color: #e7215e;
}
.wpb_text_column.wpb_content_element.desc_two.white .wpb_wrapper > * strong{
    color: #fff;
}
.vc_row.wpb_row.overlay_color:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #e7275d;
    opacity: 0.8;
}
.vc_custom_heading.title_tag {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
    letter-spacing: 2px;
}
.vc_row.wpb_row.overlay_color.type_2:before {
    height: calc(100% - 269px);
    top: initial;
    bottom: 0;
}
.m_b_0{
    margin-bottom: 0;
}
.wpb_single_image.wpb_content_element.img_cover_1 img{
    height: 60vw;
    object-fit: cover;
}
.wpb_single_image.wpb_content_element.img_cover_2 img{
    height: 20vw;
    object-fit: cover;
}
.wpb_single_image.wpb_content_element.img_cover_3 img{
    height: 20vw;
    object-fit: cover;
}
.wpb_single_image.wpb_content_element.img_cover_4 img{
    height: 20vw;
    object-fit: cover;
}
.wpb_single_image.wpb_content_element.img_cover_5 img{
    height: 40vw;
    object-fit: cover;
}
.vc_row.no_padding_top_col .vc_column_container > .wpb_wrapper.vc_column-inner {
    padding-top: 0;
}
.vc_row.wpb_row.vc_inner.row.overlay_black_top {
    background-color: rgba(35, 25, 22, 0.5);
    position: relative;
}
.vc_row.wpb_row.vc_inner.row.overlay_black_top:before {
    content: "";
    background-color: rgba(35, 25, 22, 0.5);
    position: absolute;
    display: block;
    width: 2000px;
    height: 100%;
    top: 0;
    right: 100%;
}
.vc_row.wpb_row.vc_inner.row.overlay_black_top:after {
    content: "";
    background-color: rgba(35, 25, 22, 0.5);
    position: absolute;
    display: block;
    width: 2000px;
    height: 100%;
    top: 0;
    left: 100%;
}
.vc_row.wpb_row.bg_position_top_custom{
    background-position: center top!important;
}
.absolute_top.porto-container.container{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.wpb_single_image.wpb_content_element.max_width_200 img {
    max-width: 200px;
}
.vc_custom_heading.title_three {
    font-weight: 900;
    color: #595857;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 25px;
}
.vc_btn3-container.btn_one .vc_general.vc_btn3 {
    background-color: #e7215e;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    border-radius: 35px;
    padding: 15px 30px;
    cursor: pointer;
}
.porto-sicon-wrapper.info_one .porto-sicon-img {
    background-color: #e6215e;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}
.porto-sicon-wrapper.info_one .porto-sicon-img img {
    margin: 0;
    display: inline-block;
}
.porto-sicon-wrapper.info_one.grey .porto-sicon-img {
    background-color: #44515b;
}
.porto-sicon-wrapper.info_one .porto-sicon-box {
    margin-bottom: 0px;
}
.wpb_text_column.wpb_content_element.desc_footer .wpb_wrapper > * {
    font-size: 18px!important;
    line-height: 26px;
}
.wpb_text_column.wpb_content_element.desc_footer, #footer .wpb_widgetised_column.wpb_content_element, #footer .widget {
    margin-bottom: 15px;
}
#header .logo {
    transition: all 0.4s;
}
#header.sticky-header .logo {
    max-width: 65px;
}
.mfp-content {
    position: relative;
    background: #e6215e;
    padding: 30px;
    width: auto;
    max-width: 700px;
    margin: 20px auto;
    border-color: #c4c4c4;
}
.mfp-content .mfp-close {
    color: #fff;
}
.mfp-content span.wpcf7-not-valid-tip {
    color: #fff;
}
.wpcf7-submit.custom-btn-style-4 {
    background: transparent !important;
    color: #FFF;
    font-weight: 900 !important;
    border: 2px solid #fff !important;
    padding: 10px 30px !important;
    font-size: 14px;
    border-radius: 30px !important;
}
#footer a.hotline {
    color: #e6215e;
    font-weight: bold;
}
@media (min-width: 767px){
    .m_b_0_dt{
        margin-bottom: 0;
    }
}
@media (max-width: 768px){
    .vc_custom_heading.title_one{
        font-size: 48px;
        line-height: 64px;
    }
    .wpb_single_image.wpb_content_element.img_cover_1, .wpb_single_image.wpb_content_element.img_cover_2, .wpb_single_image.wpb_content_element.img_cover_3, .wpb_single_image.wpb_content_element.img_cover_4, .wpb_single_image.wpb_content_element.img_cover_5{
        height: initial;
        object-fit: none;
    }
}