body, html {
	margin: 0;
	font-family: 'Bai Jamjuree', sans-serif;
    background: transparent url("maximagini/bodymx.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color:#9e9e9e;
}

a {
text-decoration:none;
color:#dadada;
}

a:hover {
	color:#269bff !important;
}

h1, h2, h3, h4, h5 {
color:#9e9e9e;
}

p {
color:#9e9e9e;
}

/* Default Settings */
.row,
.column {
  box-sizing: border-box;
}
.row:before,
.row:after {
  content: '';
  display: table;
}
.row:after {
  clear: both;
}*/
.column {
  position: relative;
  display: block;
}

/* Mobile Devices Styling */
.column-1,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9,
.column-10,
.column-11,
.column-12 {
  width: auto;
  float: none;
}
.column + .column {
  margin-left: 0;
}

/* General Styling */

.row {
  margin-bottom: 0;
}
.column {
  color: #fff;
  padding: 20px;
  min-height: 30px;
  margin-bottom: 10px;
}
.row:last-child .column:last-child {
  margin-bottom: 0;
}

/* Larger Screens Styling */
@media only screen and (min-width: 768px) {
  .column {
    position: relative;
    float: left;
    margin-bottom: 0;
  }
  .column + .column {
    margin-left: 1.6%;
  }
  .row {
    margin-bottom: 0px;  
  }
  .row .row:last-child {
    margin-bottom: 0;
  }
  .column-1 {
    width: 6.86666666667%;
  }
  .column-2 {
    width: 15.3333333333%;
  }
  .column-3 {
    width: 23.8%;
  }
  .column-4 {
    width: 32.2666666667%;
  }
  .column-5 {
    width: 40.7333333333%;
  }
  .column-6 {
    width: 49.2%;
  }
  .column-7 {
    width: 57.6666666667%;
  }
  .column-8 {
    width: 66.1333333333%;
  }
  .column-9 {
    width: 74.6%;
  }
  .column-10 {
    width: 83.0666666667%;
  }
  .column-11 {
    width: 91.5333333333%;
  }
  .column-12 {
    width: 100%;
  }
}

.typeleft {
	text-align:left !important;
}

.typeright {
   text-align:right !important;
}

.typecenter {
	text-align:center !important;
}

ion-icon {
	display:inline-block;
	vertical-align:middle;
}


.usermenu {
    padding: 1em;
    background: #252525;
    border-top:4px solid #269bff;
}

.logoindex {
   position: absolute;
    top: -3em;
    left: 4em;
}

.menuicosem {
	margin-right:2em;
}

.menuicos a {
	padding:0 12px;
	font-size:13px;
  position: relative;
	display:inline-block;
}

.menuicos ion-icon {
	color:#269bff;
}

.menuicosemz {
  display:none;
}

.egoz a {
display:none;
}

.egoz ion-icon {
 display:none;
}



.spaceradv {
	display: inline-block;
    height: 18px;
    width: 4px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background: #269bff;
    opacity: 1;
    position: relative;
    margin-left: 14px;
    margin-right: 14px;
    top: 6px;
    transform: rotate(20deg);
}

.cyberdrop {
  position: relative;
  display: inline-block;
}

.cyberdropbf {
  display: none;
  position: absolute;
  top:1.6em;
  background-color: #2b2b2b;
  border-top:2px solid #269bff;
  width:100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  min-width:360px; left:50%; margin-left:-190px;
}

.cyberdropbf:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(38, 155, 255, 0);
  border-bottom-color: #269bff;
  border-width: 8px;
  margin-left: -8px;
}

.cyberdrop:hover .cyberdropbf {
  display: block;
      transition-timing-function: ease-in-out;
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-name: fadeInDown;
    animation-duration: 1s;
}

.cyberdropbf img { 
	display:inline-block;
	vertical-align: middle;
}

.menuicos .fa {
    background: linear-gradient(0deg,#269bff,#269bff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 0px 15px #269bff);
}

.secondid {
  margin:8em 4em 8em 4em;
  background:#252525;
  padding:2em;
  z-index:2;
  position:relative;

}

.secondid:before {
    content: "";
    background: #252525;
    height: 25px;
    position: absolute;
    transform: rotate(1deg);
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: -30px;
    z-index: 1;
}

.secondid:after {
    content: "";
    background: #252525;
    height: 25px;
    position: absolute;
    transform: rotate(1deg);
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    left: 0px;
    right: 0;
    margin-top: 5px;
}

.coloz {
  background:#2b2b2b;
  position:relative;
}

.coloz:before {
      content: "";
    background: #2b2b2b;
    height: 25px;
    position: absolute;
    transform: rotate(1deg);
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: -30px;
    z-index: 1;
}

.colox {
  background:#2b2b2b;
  position:relative;
}

.olex {
   background:#2b2b2b;
  position:relative; 
}

.olex:before {
        content: "";
    background: #2b2b2b;
    height: 25px;
    position: absolute;
    transform: rotate(-1deg);
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: -30px;
    z-index: 1;
}

.colox:before {
    content: "";
    background: #2b2b2b;
    height: 25px;
    position: absolute;
    transform: rotate(1deg);
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: -30px;
    z-index: 1;
}

.rowsistem {
  padding:10px;
  margin:2em;
}

.abs {
  position:relative;
  padding:18px 0;
  color:#269bff;
}

.coloz a {
  padding:10px 38px;
  text-align:center;
  background:#252525;
}

.spacerdivz {
    display: block;
    height: 1px;
    width: 94%;
    background-color: transparent;
    border-bottom: 4px double #2b2b2b;
    position: relative;
    left: 0;
    right: 0;
    bottom: -40px;
    margin: 0 auto;
    z-index: 2;
  }


.spr {
    margin: 2em 0 6em 0;
}


  .imgssrv {
    display:block !important;
    margin:6px 0 6px 0;
    padding:0;
  }

   .ts {
    background-image: url('maximagini/teamspeak.png');
   height: 60px;
   width: 400px;
    }

    .discord {
  background-image: url('maximagini/discord.png');
   height: 60px;
   width: 400px;
    }

    .cs {
  background-image: url('maximagini/servercs.png');
   height: 60px;
   width: 400px;
    }

    .mix1 {
  background-image: url('maximagini/mix1.png');
   height: 60px;
   width: 400px;
    }

    .mix2 {
  background-image: url('maximagini/mix2.png');
   height: 60px;
   width: 400px;
    }

    .copyrightsite {
    background: #252525;
    padding: 2em;
    z-index: 2;
    position: relative;

}

.copyrightsite:before {
      content: "";
    background: #252525;
    height: 25px;
    position: absolute;
    transform: rotate(1deg);
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: -30px;
    z-index: 1;
}

  @media screen and (max-width: 767px) {
   .secondid {
    padding:unset !important;
    margin:unset !important;
   }

   .imgssrv {
    display: block !important;
    margin: 0px 0px 0px -38px;
  }

     .ts {
    background-image: url('maximagini/tsmobile.png');
   height: 92px;
   width: 313px;
    }

    .discord {
   background-image: url('maximagini/discordmobile.png');
  height: 92px;
   width: 313px;
    }

    .cs {
   background-image: url('maximagini/csmobile.png');
  height: 92px;
   width: 313px;
    }

    .mix1 {
   background-image: url('maximagini/mix1mobile.png');
  height: 92px;
   width: 313px;
    }

    .mix2 {
   background-image: url('maximagini/mix2mobile.png');
   height: 92px;
   width: 313px;
    }

    .colox {
      margin:40px 0 40px 0 !important;
    }

     .coloz {
      margin:40px 0 40px 0 !important;
    }

    .secondid:before {
    content: unset !important;

}

.menuicosemz .cyberdropbf { 
  width:96% !important;
      min-width: 347px;
}

.secondid:after {
   content: unset !important;
}

.menuicosemz {
  display:block;
  margin-right:0em !important;
}

.egoz {
  background:#252525;
  margin:8em 0 0em 0;
}

.egoz a {
   display:block;
  padding:8px 0;
  font-size:13px;
  position: relative;
  display:block;
}

.egoz .fa {
   display:block;
  color:#269bff;
}

.menuicosemz .spaceradv {
display:none;
}

.egoz .cyberdrop {
  display:block;
}

.menuicos { 
  display:none;
}

.logoindex {
  position:absolute;
 display: block;
 left:0;
 right:0;
  margin-left: auto;
  margin-right: auto;
top:-10px;
}

  }

  @media screen and (max-width: 1366px) { 
  	 .secondid {
    padding:unset !important;
    margin:unset !important;
   }

   .imgssrv {
    display: block !important;
    margin: 0px 0px 0px -38px;
  }

     .ts {
    background-image: url('maximagini/tsmobile.png');
   height: 92px;
   width: 313px;
    }

    .discord {
   background-image: url('maximagini/discordmobile.png');
  height: 92px;
   width: 313px;
    }

    .cs {
   background-image: url('maximagini/csmobile.png');
  height: 92px;
   width: 313px;
    }

    .mix1 {
   background-image: url('maximagini/mix1mobile.png');
  height: 92px;
   width: 313px;
    }

    .mix2 {
   background-image: url('maximagini/mix2mobile.png');
   height: 92px;
   width: 313px;
    }

   .pldd {
     padding:40px;
   }

   .secondid:before {
     margin-top:-12px !important;
   }

   .secondid {
   	top:16px;
   }

  }