/* 1. Theme default css */

@font-face {

  font-family: 'Segoe UI Emoji';

  src: url('../fonts/SegoeUIEmoji.woff2') format('woff2'),

      url('../fonts/SegoeUIEmoji.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}

body {

  font-weight: normal;

  font-style: normal;

  color: #fff;

  background-color: #090809; 

  

}



.img, img {

  max-width: 100%;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s; }



.f-left {

  float: left; }



.f-right {

  float: right; }



.fix {

  overflow: hidden; }



a,

.button {

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s; }



a:focus,

.button:focus {

  text-decoration: none;

  outline: none; }



a:focus,

a:hover {

  color: inherit;

  text-decoration: none; }



a,

button {

  color: inherit;

  outline: medium none;

    text-decoration: none;

}



button:focus, input:focus, input:focus, textarea, textarea:focus {

  outline: 0; }



.uppercase {

  text-transform: uppercase; }



.capitalize {

  text-transform: capitalize; }



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

  color: #000;

  margin-top: 0px;

  font-style: normal;

  font-weight: 400;

  text-transform: normal; }



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit; }



h1 {

  font-size: 40px;

  font-weight: 500; }



h2 {

  font-size: 35px; }



h3 {

  font-size: 28px; }



h4 {

  font-size: 22px; }



h5 {

  font-size: 18px; }



h6 {

  font-size: 16px; }



ul {

  margin: 0px;

  padding: 0px; }



li {

  list-style: none; }



p {

  font-size: 14px;

  font-weight: normal;

  line-height: 1.2;

  color: #555;

  margin-bottom: 15px; }



hr {

  border-bottom: 1px solid #eceff8;

  border-top: 0 none;

  margin: 30px 0;

  padding: 0; }



label {

  color: #7e7e7e;

  cursor: pointer;

  font-size: 14px;

  font-weight: 400; }



*::-moz-selection {

  background: #222;

  color: #ffffff;

  text-shadow: none; }



::-moz-selection {

  background: #222;

  color: #ffffff;

  text-shadow: none; }



::selection {

  background: #222;

  color: #ffffff;

  text-shadow: none; }



/*--

    - Input Placeholder

-----------------------------------------*/

*::-moz-placeholder {

  color: #222;

  font-size: 14px;

  opacity: 1; }



*::placeholder {

  color: #222;

  font-size: 14px;

  opacity: 1; }



/*--

    - Common Classes

-----------------------------------------*/

.fix {

  overflow: hidden; }



.clear {

  clear: both; }



  /* custom scroll bar  */

::-webkit-scrollbar {

  width: 8px;

}

div::-webkit-scrollbar {

  width: 4px;

}



::-webkit-scrollbar-thumb {

  background: #000;

  border-radius: 20px;

}

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 8px #fff;

}