

*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, 

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {display: block;}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

strong, b{font-weight:bold}

em, i{font-style:italic;}

u{text-decoration:underline}

a{text-decoration: none;transition: color 0.4s ease-in-out;}

*:focus{outline: none;}

a:hover, a:focus {text-decoration: none; outline: none !important;}

button[type="button"]:focus{outline: none;}





/* 1.1 SVG default css*/

svg:not(:root).svgImg { overflow: visible }

.svgImg { display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align: -.125em; }

.svg-icons { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }

/*SVG default css*/

img{display: block; max-width:100%; max-height:100%; width:auto; height:auto}



html{font-size: 10px;}

body{display:block; width:100%; padding:0; margin:0; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight:400; line-height:1.4; color:#fff; background-color:#010101; position: relative;}

/* Buttons */

.btn{display: inline-block; vertical-align: middle; font-family: 'Poppins', sans-serif; border-color: transparent; font-size: 1.5rem; font-weight: 700; color: #000; background: #fff; min-width: 19.5rem; border-radius: 6rem; padding: 2.9rem 3.5rem; position: relative; z-index: 1; overflow: hidden; transition: color 0.4s ease-in-out, border 0.4s ease-in-out, background-color 0.4s ease-in-out, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; /*border: 0.4rem solid transparent;*/ letter-spacing: 0rem; text-transform: uppercase;}

.btn ~ .btn{margin-left: 2.5rem}

.btn:hover{color: #fff; border-color: #0086f5; background: #0086f5; transform: translateY(-0.5rem); box-shadow: 0px 0.1rem 0.5rem rgb(0 0 0 / 10%);}

.btn.btn-outline{background: transparent; border: 0.4rem solid #fff; color: #fff }

.btn.btn-outline:hover{color: #000; border-color: #fff; background: #fff;}

/*---MasterWax-Splash---*/

.page-template-tpl-masterwax-splash .headerMain{display: none;}

html{margin-top: 0 !important;}
.bgimg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;filter: grayscale(100%);z-index: -1;}

.bgimg img{width: 100%;height: 100%;object-fit: cover;}

.masplboxmain{position: relative; display: block;text-align: center;height: 50vh;}

.masplboxmain:before{position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0; width: 100%;height: 100%;background: #000;opacity: 0.55;z-index: 0;}
.masplbox{z-index: 2;position: relative;padding: 17.4rem 9.6rem;height: 100%;}
.masplimg{max-width: 51rem;margin: auto;padding-bottom: 5rem;}
.masplboxmain .masplbtn{opacity: 0;visibility: hidden;transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;}
.masplboxmain:hover .masplbtn{opacity: 1;visibility: visible;}

/*---MasterWax-Splash---*/




@media only screen and (max-width: 1599px) {

    .masplbox{padding: 10rem;}
}


@media only screen and (max-width: 1199px) {
html{font-size: 8px;}
.btn{padding: 20px 25px;font-size: 14px;min-width: 180px;}

/*---MasterWax-Splash---*/
.masplbox{padding: 5rem;}
.masplboxmain .masplbtn{opacity: 1;visibility: visible;}
.masplimg{max-width: 250px;padding-bottom: 20px;}

/*---MasterWax-Splash---*/
}
@media only screen and (max-width: 767px) {
.btn{padding: 16px 22px;min-width: 160px;}
.masplbox{padding: 100px 15px;}
}

@media only screen and (min-width: 569px) and (max-width: 767px) {
   .masplbox{padding: 20px 15px;} 
}


























