:root {
  --white: #ffffff;
  --black: #000000;
  --transparent: transparent;
}
/* --------------------------Header---------------------------- */
#header {
  background-color: var(--lightcyan);
}
.search-form button.search-submit,#sticky-onoff,.main-header-box #sticky-onoff,.toggle-menu-title,amp-sidebar#sidebar1,.headerbar,.side-navigation ul ul,.footer_hide{
  display: none;
}
.serach-page.show .search-field,.search-toggle::after,.search-toggle::before,.search-toggle,.side-navigation ul ul li.current_page_item,.side-navigation ul li:hover>ul,.side-navigation ul ul li{
  display: block;
}
.side-navigation li.current_page_item,.side-navigation li,.footer_menu ul li,#footer .custom-social-icons a,#footer .textwidget input[type="submit"] {
  display: inline-block;
}
#footer .widget_products ins,.side-navigation a{
  text-decoration: none;
}
.stickynavbar,#footer .footer-links{
  background-color: var(--white);
}
.footer_form .section-heading h3,.footer_form .section-heading p,.close-sidebar,.side-navigation ul ul a,.side-navigation ul.sub-menu li a:hover:before,.side-navigation ul ul a:hover,#header .header-search input[type="search"],#header .header-search input[type="search"]::placeholder,.footer_menu ul li a,.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea,.footer_form input[type="submit"],.footer-social .socialbox a i,#footer h3,#footer .textwidget input[type="submit"],.copyright .socialbox .screen-reader-text,#footer .copyright .socialbox i:hover,#footer .custom-social-icons i,#footer .custom-social-icons i:hover{
  color: var(--white);
}
.side-navigation,.side-navigation ul ul li,#header .header-logo,#footer,#footer ul li,.copyright p.left{
  text-align: left
}
.close-sidebar,.headerbar,.copyright p.right,.copyright .socialbox{
  text-align: right
}
.side-navigation ul,.footer_form .section-heading,.footer_form .section-heading h3,.copyright,.copyright p.center{
  text-align: center;
}
.stickynavbar {
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99;
}
#vw-sticky-menu .sticky .main-navigation a{
  color: var(--cyangray);
}
#vw-sticky-menu.sticky {
  margin-top: 0;
  padding: 20px 20px
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.hamburger {
  padding-left: 10px
}
.hamburger i,.headerbar{
  color: #ffffff;
}
.sticky .hamburger i,.sticky .headerbar{
  color: #000000;
}
.side-navigation {
  padding: 0;
  margin: 0;
}
.side-navigation>li {
  list-style: none;
  margin-bottom: 10px
}
.close-sidebar {
  font-size: 20px;
  width: 55px;
  float: right;
}
.headerbar {
  font-size: 30px;
  font-weight:900;
}
.side-navigation li.current_page_item .sub-menu li a{
  color: var(--white) !important;
}
.page-template-home-page .side-navigation li.current_page_item:after {
  background: linear-gradient(45deg, rgba(100,13,221,1), rgba(67,130,248,1));
  content: "";
  position: absolute;
  bottom: -2px;
  width: 80%;
  height: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.page-template-home-page .sticky .side-navigation li.current_page_item:after{
  display: none;
}
.i-amphtml-sidebar-mask {
  position: static!important
}
.side-navigation ul {
  margin: 0;
  padding: 0;
  touch-action: pan-y;
}
.side-navigation li {
  position: relative;
  margin-left: -5px;
  padding: 20px 11px 33px;
}
.sticky .side-navigation a{
  color: #000;
}
.sticky .side-navigation li{
  padding: 10px 11px;
}
.sticky .side-navigation ul ul li a{
  color: #000000 !important;
}
.side-navigation a {
  font: 600 14px "Jost";
  color: #ffffff;
  padding: 4px 6px;
  transition: .2s ease-out;
}
.side-navigation ul ul li.current_page_item{
  border-bottom: none;
}
.side-navigation ul ul>li.menu-item-has-children>a:before,.side-navigation li.current_page_item ul.sub-menu a:before,.side-navigation li.current_page_item ul.sub-menu:before,.side-navigation li.current_page_item ul.sub-menu li:before{
  content: none !important;
}
.side-navigation ul li a:hover {
   background: -webkit-linear-gradient(rgba(100,13,221,1), rgba(67,130,248,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: underline
}
.side-navigation ul ul {
  position: absolute;
  left: 15px;
  top: 40px;
  background: -webkit-linear-gradient(rgba(100,13,221,1), rgba(67,130,248,1));
  min-width: 230px;
  z-index: 9999;
}
.side-navigation ul ul ul {
  left: 15%;
  top: 41px;
}
.side-navigation ul ul a {
  padding: 10px 0px;
  transition: all .5s ease 0s;
  color: #ffffff;
}
.side-navigation ul ul li:hover{
  background-color: var(--black)
}
.side-navigation ul>li.menu-item-has-children>a:after {
    content: "\f107";
    position: static;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
    margin-top: 5%;
}
.side-navigation ul ul>li.menu-item-has-children>a:after {
    content: "\f105";
    position: static;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
    margin-top: 5px;
}
.side-navigation ul ul li {
  float: none;
  border-left: none;
  border-right: none!important;
  padding: 10px 12px;
  margin: 0px;
}
.main-menu-navigation {
  margin: 30px 0 0
}
#header-menu ul .current_page_item a {
  background: -webkit-linear-gradient(rgba(100,13,221,1), rgba(67,130,248,1));
  -webkit-background-clip: text;
}
/*#header-menu #sidebar1 ul .current_page_item a {
   color: #ffffff !important;
   -webkit-text-fill-color:unset;
}*/
/*#sidebar1 .side-navigation ul li a:hover{
  color: #ffffff !important;
   -webkit-text-fill-color:unset;
}*/
.page-template-home-page #sidebar1 .side-navigation li.current_page_item:after{
  display: none;
}
#header .innermenubox.sticky{
  padding: 10px 30px;
}
#header .header-logo h1{
  line-height: 30px;
  margin-bottom: 0;
  padding: 0;
}
#header .header-logo h1 a{
  font-size: 19px;
}
#header .header-logo p{
  font-size: 14px;
  letter-spacing: 0px;
  margin-bottom: 0;
}
.page-template-home-page #header .menubar-box {
  border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}
#header .header-search-box i{
  font-size: 14px;
  cursor: pointer;
  color: #000000;
  padding: 9px
}
/* ------------- Mozilla Style -------------- */ 
.page-template-home-page .menubar {
  background-color: transparent;
}
#header .menubar-box{
  border: unset;
}
.menubar {
  position: relative;
  padding: 15px;
  background-color: #151515;
}
.search-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #ffffff;
  border-radius: 50px;
}
.search-toggle {
  position: relative;
  height: 10px;
  width: 10px;
}
.search-toggle::after,.search-toggle::before {
  content: "";
  position: absolute;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.search-toggle::before {
  border: 2px solid #000000;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: -2px;
  top: -2px;
}
.search-toggle::after {
  height: 2px;
  width: 7px;
  background: #000000;
  top: 9px;
  left: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-toggle.active::before {
  width: 0;
  border-width: 1px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}
.search-toggle.active::after {
  width: 12px;
  left: -1px;
  top: 4px;
}
.search-field:focus {
  outline: 0;
}
.serach-page .search-field {
  width: 100%;
  height: 100%;
  padding: 10px 1em;
  border: 0;
  background-color: var(--transparent);
  color: var(--black);
}
.menubar .serach-page .search-field::-webkit-input-placeholder {
  color: #000000;
  font-weight: 400;
}
.serach-page.show {
  z-index: 999;
  max-height: 48px;
}
/*-------------Footer Menu ------------*/
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  padding: 0 15px;
  font:600 16px var(--source-saun-font);
  letter-spacing: 1px;
}
/*---------------- Custom Footer ----------------------*/
.footer_form {
  padding: 0 40px 40px;
}
#footer .widget_media_gallery #gallery-1 img,.footer_form .section-heading h3,.footer_form input[type="submit"],#footer form.search-form,.about_me table, .about_me td, .about_me th{
  border: none;
}
.footer_form .section-heading h3 {
  display: table;
  margin: 0 auto;
  padding: 11px;
  font-weight: bold;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid var(--white);
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: var(--transparent);
  font-style: italic;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--black3);
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder,.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder,.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder,.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Chrome/Opera/Safari */
  color: var(--white);
}
.contact_us {
  background-attachment: fixed;
}
/*---------------- Footer Section ----------------------*/
#footer,.outer-footer{
  background-repeat: no-repeat;
  background-size: cover;
}
.outer-footer {
  background-attachment: fixed;
  background-size: 100% 100%;
  background-color: #151515;
}
#footer form.search-form{
  background: var(--transparent);
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid var(--white);
  margin: 20px 2px;
}
#footer form.search-form input[type="search"]{
  width: 100%;
  margin-bottom: 0px;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
  color: var(--lightgrayish);
  font-size: 13px !important;
}
#footer,#footer ul li a,#footer .about_me table p{ 
  color:var(--gray3);
}
#footer h3 {
  padding:10px 0 7px 0;
  font:600 26px/30px "Jost";
  letter-spacing: 0px;
  color: #ffffff;

}
#footer h3:after {
  content: '';
  background: linear-gradient(229deg, rgba(67,130,248,1) 3%, rgba(100,13,221,1) 100%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  margin-left: 2px;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  padding:5px 5px 5px 0;
}
#footer ul li a{
  font:500 15px/28px "Jost";
  color: #b3bbc6;
}
#footer ul li a:hover{
  background: linear-gradient(229deg, rgba(67,130,248,1) 3%, rgba(100,13,221,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#footer .about_me table{
  margin-bottom: 0;
}
#footer .about_me table p{
  font:400 16px/25px "Roboto";
  line-height: 25px;
  margin-bottom: 0;
  padding-left: 8px;
  color: #636363;
}
.widget_recent_entries img {
  width: 100px;
}
.about_me p.message {
  margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: var(--white) !important;
}
.copyright .container{
  background-repeat: no-repeat;
  background-size: cover;
  border-top:1px solid #242424;
}
.copyright p{
  font:400 12px/28px "Jost";
  color: #464646;
}
.copyright_themename{
  color: #ffffff;
  font-weight: 500;
}
span.credit_link a {
  font:500 14px/28px "Jost";
  color: #ffffff;
}
#footer .textwidget input[type="email"],#footer .textwidget input[type="email"]::placeholder{
  color: var(--lightgrayish);
}

#footer .textwidget input[type="email"]{
  border-bottom:1px solid var(--lightgrayish);
  border-left: none;
  border-right: none;
  border-top:none;
}
#footer .textwidget input[type="submit"]{
  background-color: var(--black1);
  border-radius: 40px;
  padding: 7px 20px;
  margin-top: 17px;
  font-family: var(--mulifont); 
}
#footer .about_me i{
  font-size: 14px;
  background: linear-gradient(229deg, rgba(67,130,248,1) 3%, rgba(100,13,221,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 30px;
  height: 30px;
  padding: 10px 9px;
  margin-bottom: 8px;
}
#footer .widget td {
  padding-top: 0px !important;
  padding-bottom: 0;
}
#footer .textwidget p,#footer .widget p,#footer .post-content a{
  font:400 16px var(--source-saun-font);
  color: var(--gray3);
  margin-bottom: 0;
}
#footer .textwidget p{
  margin: 10px 0;
}
#footer .post-content a{
  line-height: 21px;
}
#footer .widget_nav_menu ul,#footer .widget ul{
  margin-left: 0;
}
#footer .recent-post-box .post-thumb{
  padding: 3px;
}
#footer .copyright .socialbox i:hover{  
  border:2px solid var(--azureblue);
}
#footer #gallery-1 .gallery-item{
  margin: 3px;
}
.widget_nav_menu{
  margin-left: 40px;
}
#gallery-1 .gallery-item{
  width: 29% !important;
}
#footer .custom-social-icons{
  margin-top: 25px;
}
#footer .custom-social-icons i{
  width: 35px;
  height: 35px;
  padding: 11px 12px;
  color: #ffffff;
}
#footer .custom-social-icons a{
  margin-bottom: 5px;
  margin-right: 0;
  color: #ffffff;
}
#footer .recent-post-box p{
  line-height: 11px;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  color: var(--lightgrayish);
}
#footer .fab.fa-youtube,#footer .fab.fa-instagram,#footer i.fab.fa-facebook-f,#footer .fab.fa-tumblr,#footer i.fab.fa-linkedin-in,#footer i.fab.fa-twitter,#footer .fab.fa-pinterest-p{
  border-radius: 50%;
  margin: 0 3px;
}
#footer i.fab.fa-facebook-f{
  background-color: var(--blue1);
  padding: 10px 13px;
}
#footer i.fab.fa-linkedin-in{
  background-color: var(--blue2);
  padding: 10px 12px;
}
#footer i.fab.fa-twitter{
  background-color: var(--blue2);
  padding: 10px 12px;
}
#footer .fab.fa-pinterest-p{
  background-color: #c41b24;
  padding: 10px 12px;
}
#footer .fab.fa-tumblr{
  background-color: #000000;
  padding: 10px 12px;
}
#footer .fab.fa-youtube{
  background-color: #f61a00;
  padding: 10px 9px;
}
#footer .fab.fa-instagram{
  background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  padding: 10px 12px;
}
/*---Topbar Css ---*/
#topbar{
  background-color: #ffffff;
}
.contact-list{
  list-style: none;
  display: inline-block;
  padding: 9px 20px;
}
#topbar .topcon-title,#topbar .topcon-text{
  font-size: 13px;
  line-height: 24px;
  color: #131418;
  font-family: "Jost";
  font-weight: 700;
}
#topbar .contact-list i{
  background: linear-gradient(229deg, rgba(100,13,221,1) 3%, rgba(67,130,248,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#topbar .address_box{
  border-right: 1px solid #eee;
}
#topbar .vwsmp_front a {
  padding: 1px;
  position: relative;
}
#topbar .vwsmp_front a:before{
  content: "";
  width: 1px;
  height: 42px;
  background-color: #eee;
  position: absolute;
  top: -12px;
  left: -13px;
}
#topbar .top-button{
  background: linear-gradient(229deg, rgba(67,130,248,1) 3%, rgba(100,13,221,1) 100%);
}
#topbar .top-button a{
  font-size: 13px;
  line-height: 42px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Jost";
}
.logo-text a,.logo-text p{
  color: #640ddd;
  font-family: "Jost";
  font-size: 20px;
}
.page-template-home-page .menubar {
  position: absolute;
  top: 44px;
  z-index: 8;
  width: 100%;
}
#sb_instagram #sbi_load{
  text-align: left;
}
#sb_instagram #sbi_load .sbi_follow_btn svg path{ 
  fill: #6f2b6e;
}
#sb_instagram .sbi_follow_btn a{
  padding-left: 0;
  font:400 14px/25px "Jost";
  background: linear-gradient(180deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 0px;
}
#sb_instagram svg:not(:root).svg-inline--fa{
  height: 18px;
}
#sb_instagram #sbi_load .sbi_follow_btn {
  margin-left: 0;
}
#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover{
  box-shadow: unset;
}
#sb_instagram #sbi_images{
  position: relative;
  left: -7px;
}
#footer .cstmTitle{
  font-size: 15px;
  line-height: 28px;
  color: #636363;
  font-weight: 900;
  font-family: "Roboto";
}
#footer .cstmText{
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Roboto";
}
#footer h5{
  font-size: 15px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 800;
  font-family: "Jost";
}
.header-search-box form{
  position: relative;
  transition: all 1s;
  width: 50px;
  height: 50px;
  background: white;
  box-sizing: border-box;
  border-radius: 25px;
  border: 4px solid white;
  padding: 5px;
  float: right;
  margin-top: 5px;
}
.header-search-box input{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;;
  height: 42.5px;
  line-height: 30px;
  outline: 0;
  border: 0;
  display: none;
  font-size: 1em;
  border-radius: 20px;
  padding: 0 20px;
}
.header-search-box  .fa{
  box-sizing: border-box;
  padding: 10px;
  width: 42.5px;
  height: 42.5px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  color: #07051a;
  text-align: center;
  font-size: 1.2em;
  transition: all 1s;
}
.header-search-box form:hover{
  width: 200px;
  cursor: pointer;
}
.header-search-box form:hover .fa-search{
  display: none;
}
.header-search-box form:hover input{
  display: block;
}
.header-search-box form:hover .fa{
  background: #07051a;
  color: white;
}

.side-navigation ul ul{
   background: #ffffff;
}
.side-navigation ul ul a{
  color: #000000;
}
.side-navigation ul ul li:hover {
  background: -webkit-linear-gradient(rgba(100,13,221,1), rgba(67,130,248,1));
}
.side-navigation ul ul li a:hover{
  color: #ffffff !important;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
}
.sticky #sidebar1 .side-navigation ul ul li a{
  color: #ffffff !important;
}
#menu_overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 7;
  display: none;
}
.vwsmp_front a{
  height: 15px;
  width: 15px;
}
.top_bar{
  padding: 0;
}