@font-face {
  font-family: 'ComicBookBoldItalic';
  src: url(../fonts/ComicBookBoldItalic.otf);
}
@font-face {
  font-family: 'ComicBookBold';
  src: url(../fonts/ComicBookBold.otf);
}
@font-face {
  font-family: 'ComicBook';
  src: url(../fonts/ComicBook.otf);
}
@font-face {
  font-family: 'ARCO';
  src: url(../fonts/ARCO.ttf);
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
a:focus {
  outline: 0 solid
}
img {
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  color: #000000;
  font-family: 'ARCO', arial;
}
body {
  color: #000000;
  font-weight: 400;
  font-family: 'ComicBook', arial;
}
a:hover {
  text-decoration: none
}
a, button, input, textarea{
  outline: none !important;
  font-family: 'ComicBook';
}
.container{
  max-width: 1630px;
}
.logo {
  text-align:left;
  margin-left:25px;
}
.logo img {
  width: 250px;
}
.hero-area {
  height: 100vh;
  min-height:900px;
  position: relative;
  background: url(../assets/img/hero-bg.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
}
.hero-area .row {
  width:100%;
}
.hero-text h2, .hero-text h3, .hero-text .icon-background  {
  color: #fff !important;
  text-shadow: 8px 8px 8px rgb(0 0 0 / 100%)  !important;
}
.hero-text h2 {
  margin-bottom:160px;
  font-size: 90px;
}
.hero-text h3 {
  margin-bottom:75px;
  font-size: 50px;
}
.hero-text p {
  margin-bottom:50px;
}
.hero-text a {
  font-size: 50px;
  color:#424C67;
}
.hero-text a:hover .icon-background {
  color:lightgrey !important;
}
header.header-area {
  background: transparent;
  padding: 30px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: .3s;
}
.mainmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mainmenu li {
  display: inline-block;
  margin-right: 40px;
}
.mainmenu li a {
  display: inline-block;
  font-size: 42px;
  text-decoration: none;
  color: #fff;
  font-family: 'ARCO', arial;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 100%);
  letter-spacing: .6px;
}
.mainmenu li a:hover {
  color:#FFDD00;
}
.header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.title_text{
  font-size: 88px;
  color: #0078BE;
  font-family: 'ARCO', arial;
  letter-spacing: 1px;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 100%);
}
.case-laundry {
  border-right:5px black solid;
}
.case {
  margin: 0 auto;
  text-align: center;
}
.case p {
  font-size: 28px;
  font-family: 'ComicBookBold';
  line-height: 40px;
  padding: 0px 20px;
}
.case img {
  height: 100%;
  margin: 0 auto;
}
.about-area {
  position: relative;
  z-index: 1;
  background-color:#424C67;
  border-top:5px solid black;
  border-bottom:5px solid black;

}
.about-area .title_text {
  color:#FFDD00;
}
.about-area p {
  margin-top:50px;
  padding: 0px 25px;
  color:#FFF;
}
.about-area .case-right {
  padding: 30px 0px;
}
.collection-area {
  background: url(../assets/img/bg-socks.jpg);
  background-position: center;
  background-size: cover;
  padding-top: 50px;
}
.collection_single img {
  width: 450px !important;
  margin: 0 auto;
}
.collection_wrapper {
  min-height:533px;
}
.collection-slider {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.roadmap-area {
  background-color: #424C67;
  background-position: center;
  background-size: cover;
  position: relative;
}
.roadmap-area .title_text {
  color: #FFDD00;
}
.roadmap-area .row {
  min-height: 300px;
  border-top:5px solid black;
}
.roadmap-area .case h2 {
  margin-top:25px;
}
.roadmap-area .case p {
  margin: 25px 25px 50px 25px;
  color:#fff;
}
.case-search, .case-shop {
  border-left:5px solid black;
}
.case-search {
  min-height:400px;
}
.games-area {
  background-color: #FFDD00;
  background-position: center;
  background-size: cover;
  position: relative;
  border-top:5px solid black;
}
.games-area .col-games-text p {
  margin: 25px 25px 50px 25px;
}
.games-area h2 {
  margin-top:25px;
  margin-bottom:50px;
}
.case-game1 {
  border-right:5px solid black;
  border-bottom:5px solid black;
  background-color:#CFAEFF;
  min-height: 400px;
}
.case-game2 {
  border-right:5px solid black;
  background-color:#F6AE99;
  min-height: 400px;
}
.item_1{
  background-color: #80c35c;
}
.item_2{
  background-color: #725d19;
}
.item_3{
  background-color: #896aba;
}
.item_4{
  background-color: #412b93;
}
.item_5{
  background-color: #f3b8bd;
}
.item_6{
  background-color: #f7b18e;
}
.item_7{
  background-color: #f9b25c;
}
.item_8{
  background-color: #265ca8;
}
.item_9{
  background-color: #7DBBD3;
}
.item_10{
  background-color: #72dbab;
}
.item_11{
  background-color: #d68282;
}
.item_12{
  background-color: #b7b3b3;
}
.team-area {
  background: #7AA7CE;
  position: relative;
  overflow: hidden;
  border-top: 5px solid black;
}
.team-area h2 {
  margin-top:25px;
}

.team-area .col-team-text p {
  margin: 25px 25px 50px 25px;
}
.col-team-text {
  border-right:5px solid black;
}
.col-team-member img {
  width:150px;
}
.col-team-member {
  text-align: center;
  min-height:300px;
  padding:30px 10px;
}
.col-team-member .fab {
  color:white;
}
footer {
  padding-top: 50px;
  border-top: 5px solid black;
  padding-bottom: 35px;
  background-color:#424C67;
}
.footer-left p {
  color: #fff;
  font-size: 20px;
  margin: 0;
}
.footer-left {
  text-align: center;
}
.footer-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 25px;
}
.social_icon {
  width:100%;
  text-align:right;
}
.social_icon ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social_icon li {
  display: inline;
  margin-left: 10px;
}
.social_icon ul li a {
  display: inline-block;
  font-size:25px;
}
.social_icon ul li a .fab {
  color:#fff;
}
.trigger_col{
  display: none;
}
.footer-left.copyright {
  display: none;
}
.menu_x{
  position: absolute;
  top: 10px;
  right: 15px;
  width: 28px;
  cursor: pointer;
  display: none;
}
.icon-background {
  text-shadow: 4px 4px 4px rgb(0 0 0 / 100%);
}