@font-face {
    font-family: 'myanmar-mn';
    src:  url('/templates/shaper_helixultimate/fonts/myanmar-mn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'myanmar-mn-bold';
    src:  url('/templates/shaper_helixultimate/fonts/myanmar-mn-bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5 {  
    font-family: 'myanmar-mn' !Important;
}
p {
    font-family: belleza;
    font-size: 17px;
}
a {
    color: #53585a;
}
.sppb-addon-content {
    font-family: 'Belleza' !important;
}
/*---------
top bar
---------*/
div#sp-top-bar {
    background: #e6e7e7;
    border-bottom: 2px solid #fd8204;
}
div#sp-top-bar, div#sp-top-bar a {
    color: #3b3b3b; 
}
header#sp-header.header-sticky {
    background: white;
}

/*small device*/
@media(max-width:767px){
div#sp-top2 li.sp-contact-email:before{
        top:2.5em !important;
        }
    }
@media(max-width:480px){
    div#sp-top2 ul.social-icons {
        margin-top:10px;
    }
}
@media(max-width:369px){
    div#sp-top2 ul.social-icons {
        margin-top:25px;
    }
    div#sp-top2 li.sp-contact-email:before{
        top:4.2em;
    }
}

/*---------
offcanvas
---------*/
@media(min-width:992px){
div#sp-menu a#offcanvas-toggler {
    display: none !important;
}
}
/*.burger-icon span {
    background: white;
}*/
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus, .offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #c57917 !important;
}
@media(max-width:991px){
div#sp-menu .sp-module {scale:.6;right:3em}
a#offcanvas-toggler {position: absolute; right: 20px;}
}
@media(max-width:350px){
div#sp-menu .sp-module {right:1.5em;}
}

/*---------
header
---------*/
/*header#sp-header {
    background: transparent;
    box-shadow: none;
}*/
header#sp-header .logo-image {
    height: 80px !important;
   /* filter: brightness(0) invert(1);*/
}
/*header#sp-header.header-sticky .logo-image {
    filter: none;
}*/
header#sp-header .sp-megamenu-parent>li>a:hover{color:#fd8209;}
header#sp-header .sp-megamenu-parent>li>a {
   /* color: #fff;*/
   /* font-size: 17px;*/
    font-family: 'myanmar-mn';
}
div#sp-menu  .sp-column.d-flex.justify-content-end.align-items-center {
    float: left;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{color:#fd8209;}
header#sp-header.header-sticky .sp-megamenu-parent>li>a {
    color: #53585a;
}
.sp-megamenu-parent>li>a {
    opacity:.8;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a {
    opacity:1;
}
@media(max-width:991px){
header#sp-header {
    height: 50px;
  }
}
.sp-megamenu-parent>li:hover>a {
    color: #fd8205;
}

.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a {
    color: #fd8205;
}

/*---------
dropdown
---------*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #fd8205;
}
ul.sp-mega-group .item-header { margin-bottom: 20px;}
ul.sp-mega-group a.sp-group-title {margin-bottom:0;}
ul.sp-mega-group-child.sp-dropdown-items li{margin-left:5px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #838383;
}
/*---------
page title
---------*/
/*section#sp-page-title {
    margin-top: -80px;
    padding: 100px 0 80px;
    background: grey;
}*/
.sp-page-title {
    padding: 180px 0 100px;
    margin-top: -80px;
}
@media(max-width:767px) and (min-width:576px){
  .sp-page-title { margin-top: -50px;}
}
@media(max-width:575px){
  .sp-page-title { margin-top: -40px;}
}
.sp-page-title {
    background: none;
}
section#sp-page-title h2.sp-page-title-heading {
    font-family: 'myanmar-mn';
}
@media(max-width:991px) and (min-width:768px){
    .sp-page-title {margin-top:-50px;}
}
/*---------
title
---------*/
h1.sppb-addon-title, h2.sppb-addon-title, h3.sppb-addon-title {
    font-family: 'myanmar-mn' !important;
    font-weight:500 !important;
}
.main-title h1.sppb-addon-title:before,
.main-title h2.sppb-addon-title:before,
.main-title h3.sppb-addon-title:before{
    content: ' ';
    background: url('/images/1_skingym/decor/decor-line.png');
    background-repeat:no-repeat;
    background-size:90%;
    width:10px;
    height:100px;
    position:absolute;
    margin-left: -15px;
    margin-top: -5px;
}
/*.sppb-addon-title {
    font-size: 2.2em !important;
    line-height: 1 !important;
}*/

@media(max-width:1199px) and (min-width:768px){
    h1.sppb-addon-title {
    font-size: 40px !important;
    line-height: 1.2 !important;
   } 
}
@media(max-width:1199px) and (min-width:768px){
    section#product-intro .sppb-addon-title  {
    font-size: 30px !important;
    line-height: 1.2 !important;
   }
  
}
/*-----
livechat
------*/
label.fabchat {
    font-size: 12px;
    color: #fd8205 !important;
}
.fabchat{
	background:#e6e7e7 !Important;
	animation:none !important;
}
#hover_text {
    color: #53585a !important;
    line-height:10px;
    margin-top:12px;
}
.fabchat:before {
    background-color: transparent !important;
}
/*--------------------------
Scrollup Button
--------------------------*/

.sp-scroll-up {
    bottom: 26px;
    background: #53585a;
    right: 100px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #272929;
}
/*--------
accordion
---------*/
.sppb-addon-wrapper.addon-root-accordion span.sppb-panel-title {
    color:#53585a !important;
    font-size:16px;
}

.sppb-panel-heading.active span.sppb-panel-title,
.sppb-panel-heading span.sppb-panel-title:hover{
   color:#fd8205 !important;
}

.sppb-panel-heading.active{
    background:#fff;
}
.sppb-panel-heading{
    background:#f4f4f4;
}
/*--------------------------
Carousel arrow
--------------------------*/
.sppb-carousel-extended-nav-control {
    position: absolute;top:0 !important;
    border:none !Important;
}
.sppb-carousel-extended-nav-control span{
    position: absolute;top:-13em !important;right:3em;
    border:none !Important;
}
span.prev-control.nav-control, span.next-control.nav-control {
    color: #fd972e;
}
/*---------
footer
---------*/

#sp-footer, #sp-bottom {
   /* background: #adadad !important;*/
  background:#cfb59c !important;
}
#sp-footer .container-inner{
     border:none !important;
}
footer#sp-footer {
   /* border-top: 1px solid #fc8409 !important;*/
   border-top: 1px solid #fff !important;
}
div#sp-bottom1 section#footer-icon ul.sppb-icons-group-list a{
    float:left;
    color:white;
    border-color:white !important;
    border-radius:100% !Important;
    font-size:28px;
    padding: 20px 0;   
}
div#sp-bottom1 section#footer-icon ul.sppb-icons-group-list a:hover{
    background:white;
    color:#adadad;
    border-radius:100% !Important;  
}

div#sp-bottom1 section#footer-icon ul.sppb-icons-group-list i{
    position:relative;top:-18px;
}

div#sp-bottom1 section#footer-icon ul.sppb-icons-group-list li{
    display: contents;
}
section#sp-bottom a {  color: white;}
div#sp-bottom3 .sppb-row-container,
div#sp-bottom4 .sppb-row-container{margin-left:-12px;}
div#sp-bottom2 a{font-size:16px;}
section#sp-bottom {
    padding: 50px 0 0 0;
}
footer#sp-footer {
    text-align: center;
    font-size: 15px;
}
div#sp-bottom1 img {
    margin-left: -8px;
}

@media(max-width:767px){
  div#sp-bottom2,
div#sp-bottom3,
div#sp-bottom4 {
    padding: 0 40px;
  }
}

/*-----
gallery
-----*/
@media(max-width:540px){
    .treatment-client .sppb-carousel-extended-outer-stage {
    height: 500px !Important;
    }
}
@media(max-width:500px){
    .treatment-client .sppb-carousel-extended-outer-stage {
    height: 450px !Important;
    }
}
@media(max-width:480px){
    .treatment-client .sppb-carousel-extended-outer-stage {
    height: 400px !Important;
    }
}

/*----
call to action
----*/
div#column-wrap-id-08421f3f-b2b5-4e7e-86e6-88e551ddcc72 {
    margin-bottom: 25px !important;
}
div#column-wrap-id-d1f70e99-2cd7-4102-919d-d1cbce485404,
div#column-wrap-id-738ebf20-eb37-49bf-8ad3-0b884ef75354{
    margin-bottom: 50px;
}


/******-------------------
MOBILE
-------------------******/
/*heading font size*/
@media(max-width:1199px) and (min-width:768px){}
.main-title .sppb-addon-title {
    font-size:30px !Important;
    line-height:1.2 !Important;
    }
}
@media(max-width:480px){
.main-title h3.sppb-addon-title {
 font-size:25px !important;line-height:1.2 !important; 
     }
}

/*footer*/
@media(max-width:480px){
/*section#footer-icon .addon-root-icons-group { 
    text-align:center !important;
    }*/
section#footer-icon .addon-root-icons-group >div {
    margin: 0 auto !important;
    float: none; 
    display: inline-block;
    }
section#sp-bottom .sppb-addon-single-image-container img{
    max-width:200px;
}

/*.sppb-addon.sppb-addon-single-image {
    display: ruby-text;
    }*/
.offcanvas-menu .offcanvas-inner .mb-4 li.sp-contact-mobile span{
    margin-right:6px;
    }
}


ul.sppb-icons-group-list {
    display: inline-flex;
}


/*--------
menu modal
-----------*/
tbody.modal-table img { max-width: 80px;margin: 0 auto; }
tbody.modal-table th{ background: transparent !important;}
div#popup1 .sppb-table-style th{background: none;margin:20px;}
div#popup1 img{max-width: 80px;margin:0 auto;padding:20px 10px 10px 10px;}
div#popup1 table p{text-align:center !important;font-size:14px !important;}
div#popup1 {margin-top: 30px;}
div#popup1 h3{margin-bottom:30px;}
div#popup1 th{border:none !important;}
.white-popup-block {
    align-items: center;
    display: grid;
}

/*-----
before after tags
-----*/
.sppb-before-after-image.sppb-image-before:before {
    content: 'Before';
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #fefcf5;
    padding: 3px 15px;
}


.sppb-before-after-image.sppb-image-after:before{
    content: 'After';
    position: absolute;
    right: 10px;
    bottom: 10px;
    color:white;
    background: #fd8205;
    padding: 3px 15px;
}
.sppb-before-after-wrapper {
    max-width: 100% !important;
}
@media(max-width:991px){
.addon-root-before-after .sppb-before-after-wrapper,
.addon-root-before-after .sppb-before-after-wrapper img{
    height: 300px !important; 
    }
}
@media(max-width:767px){
.addon-root-before-after .sppb-before-after-wrapper,
.addon-root-before-after .sppb-before-after-wrapper img{
    height: 450px !important; 
    }
}