@import url('https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Rowdies:wght@300;400;700&display=swap');
html{margin:0px; padding:0px; }
body{margin:0px; padding:0px;}
.pacifico-regular {
  font-family: "Pacifico", serif;
  font-weight: 400;
  font-style: normal;
}
#bgbk{background:#fff; border-bottom:1vw solid #f6a507; height:12vw;}
#topheader{height:auto; width:100%; margin:0vw auto; position:absolute; top:0vw;left:0vw; border-top:1vw solid #fff;}
.topheaderone{}
.topheadertwo{background:#fff; 	display:flex; flex-direction:row;  justify-content:space-between; padding:0vw; align-items: center;}
.headerlogo{display:flex; flex-direction:row;  padding:1vw;}
.headerlogorsp{width:78%; padding-left:1vw;}
.headercontact{}
.headersocial{display:block}
.headerbtncol{	display:flex; flex-direction:row;  justify-content:space-around;}
.headerbtnone{text-decoration:none; color:#fff; padding:1.5vw 1vw; font-size:1vw;   font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; background:#f6a507; display:block; margin:1vw 1vw 1vw 0vw;}
.headerbtnone:hover{text-decoration:none; color:#000; padding:1.5vw 1vw; font-size:1vw;   font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; background:yellow;}

.headerbtnt{text-decoration:none; color:#fff; padding:1.5vw 1.4vw; font-size:1.2vw;   font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase;  background:#f6a507;  display:block; margin:1vw 1vw 1vw 0vw;}
.headerbtnt:hover{text-decoration:none; color:#000; padding:1.5vw 1.4vw; font-size:1.2vw; margin:1vw 1vw 1vw 0vw;  font-family:"Josefin Sans", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase;  background:yellow;}
.topheaderthree{background:#ffffff00; display:flex; flex-direction:row;  justify-content:start; border-top:.0vh solid #eee; padding-left:1vw;}
.topheaderthree a{text-decoration:none; color:#666666; padding:1vw; font-size:1vw;   font-family:"Josefin Sans", sans-serif; font-weight: 900; font-style: normal; text-transform:uppercase; line-height:2vw;}  
.topheaderthree a:hover{text-decoration:none; color:#f6a507; padding:1vw; font-size:1vw;   font-family:"Josefin Sans", sans-serif; font-weight: 900; font-style: normal; text-transform:uppercase;}
.activebtn{background:#006ccc;}

#silder{width:100%; height:auto;}
.silderrsp{width:100%;}


.silderbtn{}
.heding{text-decoration:none; color:#f3f3f3; padding:1vw 2vw; font-size:2vw;   font-family: "Josefin Sans", sans-serif; font-weight: 500; font-style: normal; text-transform:uppercase; background:#000; text-align:center;}

/*

.overlock-regular {
  font-family: "Overlock", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.overlock-bold {
  font-family: "Overlock", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.overlock-black {
  font-family: "Overlock", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.overlock-regular-italic {
  font-family: "Overlock", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.overlock-bold-italic {
  font-family: "Overlock", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.overlock-black-italic {
  font-family: "Overlock", sans-serif;
  font-weight: 900;
  font-style: italic;
}

*/

.josefin-sans-regular {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.sidebarbox{display:none;}
.boxbar{display:none;}
.boxclosed{display:none;}
.sidebarbar{display:none;}
.mlogosection{display:none;}
#mbox{display:none;}
.whatsappicon{display:block;position:fixed; bottom:1vw; right:2vw; rotate: -90deg;}
.whatsappicon i{font-size:3vw; padding:.5vw; background:#25D366; border-radius:10%; color:#fff;}
.whatsappicon i:hover{background:#009dff; color:#000;}
@media screen and (max-width:600px){
#bgbk{background:#000; height:31vw;}
#silder{}
.heding{padding: 2vw 1vw; font-size: 2.5vw;}
#topheader{height:0vw; width:100%; margin:0vw auto; position:relative; top:0vw;left:0vw; border-bottom:0vw solid transparent;}
.topheadertwo{background:transparent;	display:none; flex-direction:column;  justify-content:space-between; padding:1vw 1vw; align-items: center;}
.headersocial{display:none;}
.headerbtncol{	display:flex; flex-direction:row;  justify-content:space-around;}
.headerbtnone{text-decoration:none; color:#fff; padding:2vw 4vw; font-size:3vw;   font-family: "Overlock", sans-serif; font-weight: 500; font-style: normal; text-transform:uppercase; background:#666666; display:block;}
.headerbtnone:hover{text-decoration:none; color:#000; padding:2vw 4vw; font-size:3vw;   font-family: "Overlock", sans-serif; font-weight: 500; font-style: normal; text-transform:uppercase; background:yellow;}

.headerbtnt{text-decoration:none; color:#fff; padding:2vw 4vw; font-size:3vw;   font-family: "Overlock", sans-serif; font-weight: 500; font-style: normal; text-transform:uppercase;  background:#666666; display:block;}
.headerbtnt:hover{text-decoration:none; color:#000; padding:2vw 4vw; font-size:3vw;   font-family: "Overlock", sans-serif; font-weight: 500; font-style: normal; text-transform:uppercase;  background:yellow;}
.headerlogorsp{width:100%;}

.topheaderthree{background:#fff; display:none; flex-direction:row;  justify-content:start; padding:0.2vw 1vw; align-items: center; border-top:.2vh solid #eee;}

.sidebarbox{position:fixed; top:30vw; right:0vw; background-color:#fff;  display:none;  align-self:center; height:90vh; flex-direction:column; z-index:999; width:100%; backdrop-filter: blur(1vw); border-top:2vw solid black;}
.sidebarbox a{display:block; text-align:center; font-size:5vw; margin:6vw auto; padding:2vw; background:transparent;  text-transform: uppercase; color:#000; text-decoration:none; font-weight:900;} 
.sidebarbox a:hover{background:#000; color:#fff;}
.sidebarbar{display:flex; align-items:flex-start; justify-content:start; align-self:center; flex-direction:column; }

.boxbar{display:block; align-self:center; z-index:999;}
.boxbar i{font-size:9vw; color:#000; font-weight:900;}
.boxclosed{display:block; position:fixed; top:2vw; left:5vw; align-self:center; z-index:999;}
.boxclosed i{font-size:10vw; color:#000; font-weight:900;}
#mbox{position:fixed; top:0vw; right:0vw; width:100%; text-align:center; align-self:center; height:34vw; border-bottom:2vw solid #f7a709;display:block; background:#fff; padding-bottom:5vw;}
#mbox img{width:50%; padding:2vw 0vw;}
.mlogosection{ display:flex; align-items:flex-start; justify-content:space-around; align-self:center;}
.mboxbtno{text-decoration: none; color: #000; padding: 2vw 4vw; font-size: 4vw; font-family: "Overlock", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; background: #f7a709; display: block;}
.mboxbtnt{text-decoration: none; color: #000; padding: 2vw 4vw; font-size: 4vw; font-family: "Overlock", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; background: #f7a709; display: block;}
.whatsappicon{display:block;position:fixed; bottom:3vw; right:3vw; rotate: -90deg;}
.whatsappicon i{font-size:10vw; padding:2vw; background:#25D366; border-radius:10%; color:#fff;}
.whatsappicon i:hover{background:#009dff; color:#000;}
}