/* Themify Customize Styling */
#headerwrap {	background: none;
	background-color: #313132;margin: auto; 
}
#header {	height: auto;margin: auto;
	padding: 1px;
	font-family: "msd-pro-text-medium";	font-size:12px;
 
}
#headerwrap a {	
	color: #ffffff; 
}
#headerwrap a:hover {	
	color: #6e6e73; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: rgba(34,34,35,0.78); 
}
#headerwrap.fixed-header #site-logo a img {	
	height: 30px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {	
	font-family: "msd-pro-text-medium";	font-weight:100;
	font-size:12px;
 
}
#headerwrap.fixed-header a {	
	color: #f4ce0b; 
}
body #site-logo a {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
	letter-spacing:1px;
	font-size:14px;
 
}
#site-logo {	top: auto;right: auto;bottom: auto;left: auto;margin: auto; 
}
#site-description {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
margin: auto; 
}
#main-nav {	width: auto;height: auto;margin: auto; 
}
#main-nav a {	margin: auto;
	font-family: "msd-pro-text-medium";	font-weight:normal;
	font-size:12px;
 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #6e6e73; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: rgba(35,35,36,0.54);margin: auto; 
}
#main-nav ul a {	margin: auto;
	color: #ffffff;
	font-family: "msd-pro-text-medium";	font-weight:normal;
	font-size:14px;
 
}
#footerwrap {	background: none;
	background-color: #f5f5f7;
	background-size: cover;
	background-position: center center;margin: auto; 
}
#footer-logo a img {		width: 200px;
	height: 200px; 
}
#footer {	
	color: #000000; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {	
	font-family: "msd-pro-text-bold";	font-weight:normal;
	font-size:12px;
 
}
#footer a {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
	font-size:12px;

	color: #5e5e61; 
}
#footer a:hover {		text-decoration:underline;
 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #e5b400; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #000000; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
#header {	
	font-family: "msd-pro-text-medium";	font-weight:normal;

	color: #000000; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: rgba(0,0,0,0.48); 
}
#headerwrap.fixed-header #site-logo a img {	
	height: 30px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
 
}
#headerwrap.fixed-header a {	
	color: #f4ce0b; 
}
body #site-logo a {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
 
}
#main-nav a {	
	font-family: "msd-pro-text-medium"; 
}
#footerwrap {	
	background-size: cover;
	background-position: center center; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {	
	font-family: "msd-pro-text-bold";	font-weight:normal;
 
}
#footer a {	
	font-family: "MŞD-Pro-Text-medium"; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
#header {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
 
}
#headerwrap.fixed-header #site-logo a img {	
	height: 30px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:normal;
 
}
body #site-logo a {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
 
}
#main-nav a {	
	font-family: "msd-pro-text-medium"; 
}
#footerwrap {	
	background-size: cover;
	background-position: center center; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {	
	font-family: "msd-pro-text-bold";	font-weight:normal;
 
}
#footer a {	
	font-family: "MŞD-Pro-Text-medium"; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
#header {	
	font-family: "msd-pro-text-medium";	font-weight:normal;

	color: #000000; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: rgba(0,0,0,0.48); 
}
#headerwrap.fixed-header #site-logo a img {	
	height: 30px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:normal;
 
}
#headerwrap.fixed-header a {	
	color: #f4ce0b; 
}
body #site-logo a {	
	font-family: "msd-pro-text-medium";	font-weight:normal;
 
}
#main-nav a {	
	font-family: "msd-pro-text-medium"; 
}
#footerwrap {	
	background-size: cover;
	background-position: center center; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {	
	font-family: "msd-pro-text-bold";	font-weight:normal;
 
}
#footer a {	
	font-family: "MŞD-Pro-Text-medium"; 
}
 }
/* Themify Custom CSS */
style>
        body {
            text-align: center;
        }
          
          
        /* Set the style of container
            div element */
        .Container{
            height: 150px;
            width: 250px;
            overflow-y: auto;
            background-color: green;
            border-radius: 5px;
            margin: 0 auto;
        }
        /* Set the effects to the division
            named content */
        .Content{
            height: 200px;
            color: white;
            text-align: center;
        }
          
        /* Designing for scroll-bar */
        ::-webkit-scrollbar {
            width: 6px;
        }
      
        /* Track */
        ::-webkit-scrollbar-track {
            background: gainsboro;
            border-radius: 5px;
        }
      
        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #f4ce0b;
            border-radius: 5px;
        }
      
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }



.MSD-blur
 {
    backdrop-filter: saturate(180%) blur(20px) !important;
}


.hidden {
  display: none !important;
}

#installContainer {
  /*	 position: absolute; */
  bottom: 1em;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 8px;
}

#installContainer button {
  background-color: purple;
  border: 1px solid white;
  color: #ffffff;
  font-size: 1em;
  padding: 8px;
  box-shadow: -1px 6px 0px 0px rgb(128 0 128 / 61%);
  border-radius: 20px;
}


