html{scroll-behavior:smooth;}

/*-------------------------
			FONT
--------------------------*/
h1 { font-size: 40px !important; line-height:1.2!important; }
h2 { font-size: 40px !important; line-height:1.2!important; }
h3 { font-size: 40px !important; line-height:1.2!important; }
h4 { font-size: 35px !important; line-height:1.2!important; }
h5 { font-size: 25px !important; line-height:1.2!important; }
h6 { font-size: 20px !important; line-height:1.2!important; }
body {font-size: 14px !important;line-height:1.8!important;}

@media (min-width: 768px) and (max-width: 991px){
h1 { font-size: 40px !important; line-height:1.2!important; }
h2 { font-size: 40px !important; line-height:1.2!important; }
h3 { font-size: 35px !important; line-height:1.2!important; }
h4 { font-size: 25px !important; line-height:1.2!important; }
h5 { font-size: 20px !important; line-height:1.2!important; }
h6 { font-size: 18px !important; line-height:1.2!important; }
body { font-size: 14px !important; line-height:1.2!important; }
.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 18px!important;}
}
  
@media(max-width:768px){
h1, h1.sppb-addon-title { font-size: 26px !important; line-height:1.2!important; }
h2, h2.sppb-addon-title { font-size: 26px !important; line-height:1.2!important; }
h3, h3.sppb-addon-title { font-size: 26px !important; line-height:1.2!important; }
h4, h4.sppb-addon-title { font-size: 22px !important; line-height:1.2!important; }
h5, h5.sppb-addon-title { font-size: 20px !important; line-height:1.2!important; }
h6, h6.sppb-addon-title { font-size: 16px !important; line-height:1.2!important; }
body { font-size: 14px !important; line-height:1.2!important; }
.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 16px!important;}
}

/*nav-active*/
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #000;
}

li.sp-menu-item.current-item.active a:before {
    content: "\25B2";
    color: #000;
    position: absolute;
    transform: rotate(180deg);
    top: -34px;
    font-size:25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;}

/*home*/
.sppb-addon-title.sppb-cta-title {
    font-family: 'Lora';
}

/*about*/
@media screen and (min-width:768px){
.aboutimg2 img.sppb-img-responsive {
    transform: scale(0.8);
    opacity:0.5;
    z-index:-1!important;
}}

@media (min-width: 768px) and (max-width: 991px){
.aboutimg1 img.sppb-img-responsive {
    transform: scale(0.7);transform-origin:right top;
    z-index:-1!important;
}
.aboutimg2 img.sppb-img-responsive {
    transform: scale(0.6);
    opacity:0.5;transform-origin:left center;
    z-index:-1!important;
}}


/*line01*/
.line-01 .sppb-addon-title{
    position: relative;
}

.line-01 .sppb-addon-title:before {
    content: '';
    position: absolute;
    background: #000;
    width: 0%;
    left: -100%;
    bottom: 0;
    top: 0;
    height: 3px;
    margin: auto;
    transition:0.5s ease;
}

.line-trigger:hover .line-01 .sppb-addon-title:before {
    width: 95%;
    transition:0.5s ease;
}

/*line02*/
.line-02 .sppb-addon-title{
    position: relative;
    width: fit-content!important;
}

.line-02 .sppb-addon-title:after {
    content: '';
    position: absolute;
    background: #000;
    width: 0%;
    right: 0%;
    bottom: 0;
    top: 0;
    height: 3px;
    margin: auto;
    transition:0.5s ease;
    left: 110%!important;
}

.line-trigger:hover .line-02 .sppb-addon-title:after {
    width: 550%;
    transition:0.5s ease;
}

/*products nav*/
.products-quicknav a {
    position: relative;
}

.products-quicknav a:before {
    position: absolute;
    width:0%; left:0; right:0; margin:auto;
    content:'';
    height:1px; top:-5px;
    background: #0000007d;
    transition: 0.5s ease;
}

.products-quicknav a:hover:before {
    width:100%;
    transition: 0.5s ease;
}

.fa-arrow-alt-circle-down:before {
    content: url(/images/0-thunder/others/arrowdown.png)!important;
    -webkit-animation-name: float!important;
    -webkit-animation-duration: 3500ms!important;
    -webkit-animation-iteration-count: infinite!important;
    -webkit-animation-timing-function: linear!important;}
}


/*----------------------------------------
     		   GALLERY
---------------------------------------*/
.com-speasyimagegallery.view-albums #sp-main-body{padding:30px 0px 30px 0px;}
.view-albums section#sp-main-body {padding-top: 50px!important;}

.com-speasyimagegallery.view-album #sp-main-body{padding:30px 0px 30px 0px;}

.com-speasyimagegallery.view-albums .page-header {display: none;}

.com-speasyimagegallery.view-album .page-header h1 {font-family: 'Lora'!important;}
.com-speasyimagegallery.view-album .page-header {font-family: 'Lora'!important;padding-bottom:0px!important;}


/*background*/
@media (max-width: 767px){
.mobile-bg {
    background-position: 100% 55%!important;
    background-attachment: scroll!important;
    /* background-size: contain!important; */
}}


/*--------------------------------
          SCROLL UP
--------------------------------*/
@media only screen and (min-width: 992px) {
a.scrollup {
    right: 30px;
    bottom: 100px!important;
}}


a.scrollup {
    right: 30px;
    bottom: 150px;
    border-radius: 50%;
    background: transparent!important;
    border: none!important;
}


@media (max-width: 767px){
a.scrollup {
    right: 100px;
    bottom: 10px!important;
    border-radius: 50%;
    background: transparent!important;
    border: none!important;
}}

.scrollup:before {
    color: #000;
}

.scrollup:before{
    right: 0;
    position: absolute;
    line-height: 15px;
    float:right;
    top: -80px;
    text-align:right;
    right: 0px;
}


.scrollup:before{
    content: " "!important;
    background: url(/images/0-thunder/others/arrowup.png);
    content: '';
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.fab-wrapper {
    right: 0px!important;
}




/*register*/
.reg-register-title {
    display: none;
}

.aboutimg1{
    position: relative;
}

.aboutimg1:before {
    position:absolute;
    right:-100px;
    top: -50px; left:0; bottom:0;
    content: url(/images/0-thunder/others/border1.png)!important;
    -webkit-animation-name: spin!important;
    -webkit-animation-duration: 4500ms!important;
    -webkit-animation-iteration-count: infinite!important;
    -webkit-animation-timing-function: linear!important;
    }


.flavour1{
    position: relative;
}

.flavour1:before {
    position:absolute;
    right: -18%!important;
    top: -18%;
    content: url(/images/0-thunder/others/border2.png)!important;
    -webkit-animation-name: spin!important;
    -webkit-animation-duration: 4500ms!important;
    -webkit-animation-iteration-count: infinite!important;
    -webkit-animation-timing-function: linear!important;
    }

.flavour2{
    position: relative;
}

.flavour2:before {
    position:absolute;
    left: -18%!important;
    top: -18%;
    content: url(/images/0-thunder/others/border2.png)!important;
    -webkit-animation-name: spin!important;
    -webkit-animation-duration: 4500ms!important;
    -webkit-animation-iteration-count: infinite!important;
    -webkit-animation-timing-function: linear!important;
    }


/*map*/
.leaflet-popup-content a {
    background: #000;border:1px solid #000;
    padding: 10px;
    color: #fff;
}

.leaflet-popup-content a:hover {
    background: #fff;
    color: #000;
}


/*error 404*/
.error-page .error-page-inner .error-logo-wrap{
    margin-bottom: 0px!important;
}

a.btn.error-btn {
    background: #000!important;
    border-radius: 0px!important;
    border: 1px solid #000!important;
    font-weight: normal!important;
}

a.btn.error-btn:hover {
    background: #fff!important; color:#000!important;
    border-radius: 0px!important;
    border: 1px solid #000!important;
    font-weight: normal!important;
}

/*pay*/
span.hikashop_checkout_payment_images {
    display: flex;
}