body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

p {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 16px;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

/* 사인인 페이지*/

.launcherContainer {
  width: 1200px;
  height: 720px;
  background: url("./image/signin_bg.jpg");
  text-align: center;
}

.contentContainer {
  width: 500px;
  height: auto;
  display: inline-block;
  text-align: center;
}

.mainLogo {
  margin-top: 90px;
}

.inputContainer {
  width: 460px;
  display: inline-block;
}

.mainInput {
  background-color: transparent;
  border: 1px solid #fff;
  width: 435px;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  padding-left: 15px;
}

.mainCheck {
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
}

.checkboxText {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  float: left;
  margin-top: 14px;
  font-size: 12px;
}

::placeholder {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

input[type=text], select {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  outline: none;
}

input[type=text]:focus, select:focus {
  border: 1px solid #f2ee7f;
}

.buttonContainer {
  width: 460px;
  display: inline-block;
}

.button1 {
  width: 180px;
  height: 40px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #fff;
}

.button1:hover {
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #f2ee7f;
  color: #f2ee7f;
}

#signinButton {
  margin-top: 25px;
}

.forgotPassword {
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
}

.forgotPassword:hover {
  color: #f2ee7f;
}

.socialButtonContainer {
  width: 500px;
  display: inline-block;
  margin-top: 10px;
}

.socialButton {
  padding: 0 5px;
}

.socialButton:hover {
  opacity: 0.8;
}

/* 2step verification page*/

#verifyInput {
  width: 350px;
}

#verifyInput::placeholder {
  text-align: center;
}

#stepButton {
  margin: 0 3px;
  margin-top: 30px;
}

.stepBox {
  display: inline-block;
  width: 360px;
  border-top: 1px solid #696f78;
  margin-top: 30px;
}

.mobile {
  display: inline-block;
  margin-left: 30px;
}

.stepText {
  display: inline-block;
  width: 250px;
  text-align: left;
  font-size: 14px;
  margin-left: 30px;
  margin-top: 10px;
}

/* 메인 페이지*/

.launcherBody {
  width: 1200px;
  height: 720px;
}

.mainNavbar {
  width: 200px;
  height: 720px;
  background-color: #191c2b;
  position: absolute;
  z-index: 99;
  text-align: center;
}

.menuLogo {
  margin-top: 50px;
}

.navMenuHome {
  width: 200px;
  height: 45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/home.png");
}

.navMenuHome:hover {
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  background: url("./image/home_hover.png");
}

.navMenuHomeActive {
  width: 200px;
  height: 45px;
  text-align: center;
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/home_hover.png");
}

.navMenuShop {
  width: 200px;
  height: 45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/shop.png");
  margin-top: -6px;
}

.navMenuShop:hover {
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  background: url("./image/shop_hover.png");
}

.navMenuShopActive {
  width: 200px;
  height: 45px;
  text-align: center;
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/shop_hover.png");
  margin-top: -6px;
}

.navMenuBena {
  width: 200px;
  height: 45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/benacash.png");
  margin-top: -6px;
}

.navMenuBena:hover {
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  background: url("./image/benacash_hover.png");
}

.navMenuBenaActive {
  width: 200px;
  height: 45px;
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/benacash_hover.png");
  margin-top: -6px;
}

.navMenuCoupon {
  width: 200px;
  height: 45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/coupon.png");
  margin-top: -6px;
}

.navMenuCoupon:hover {
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  background: url("./image/coupon_hover.png");
}

.navMenuCouponActive {
  width: 200px;
  height: 45px;
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/coupon_hover.png");
  margin-top: -6px;
}

.navMenuAccount {
  width: 200px;
  height: 45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/account.png");
  margin-top: -6px;
}

.navMenuAccount:hover {
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  background: url("./image/account_hover.png");
}

.navMenuAccountActive {
  width: 200px;
  height: 45px;
  text-align: center;
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/account_hover.png");
  margin-top: -6px;
}

.navMenuSetting {
  width: 200px;
  height: 45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/setting.png");
  margin-top: -6px;
}

.navMenuSetting:hover {
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  background: url("./image/setting_hover.png");
}

.navMenuSettingActive {
  width: 200px;
  height: 45px;
  text-align: center;
  background-color: #1b2d3f;
  color: #f2ee7f;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background: url("./image/setting_hover.png");
  margin-top: -6px;
}

.menuText {
  display: inline-block;
  float: left;
  margin-top: 12px;
  margin-left: 60px;
}

.menuContainer {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

.carousel-indicators .active {
  background-color: #e7ce47 !important;
}

.carousel-indicators {
  bottom: 50px;
  width: 300px;
  margin-left: 550px;
}

.carousel-indicators li {
  width: 70px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.9);
}

.mainBanner {
  width: 1200px;
  height: 720px;
}

.carouselContainer {
  width: 1200px;
  height: 720px;
}

.carousel-control-prev {
  margin-left: 200px;
}

.bannerTextWrapper {
  position: absolute;
  width: 600px;
  margin-left: 400px;
  text-align: center;
  margin-top: 250px;
}

.bannerMainText {
  width: 600px;
  font-family: 'Anton', sans-serif;
  font-size: 40px;
  display: inline-block;
  text-align: center;
}

.bannerSubText {
  width: 600px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  font-weight: 300;
  line-height: 20px;
}

#bannerButton {
  margin: 0 5px;
  margin-top: 30px;
}

.newsbody {
  width: 200px;
  height: 35px;
  position: absolute;
  z-index: 77;
  margin-left: 1000px;
  margin-top: 650px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #696F78;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  font-family: 'Anton', sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
  box-shadow: none !important;
}

.newsbodyText {
  display: inline-block;
  margin-left: 30px;
  padding-top: 10px;
}

#myDIV {
  position: absolute;
  width: 200px;
  height: 400px;
  margin-top: 250px;
  margin-left: 1000px;
  z-index: 77;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  border: 1px solid #b4ab79;
}

.currrentNews {
  display: inline-block;
  width: 190px;
  text-align: center;
}

.newsTitle {
  font-family: 'Anton', sans-serif;
  font-size: 20px;
  margin-top: 20px;
}

.singleNews {
  width: 190px;
  height: 65px;
  display: inline-block;
}

.singleMain {
  font-family: 'Anton', sans-serif;
  font-size: 13px;
  margin-top: 10px;
}

.singleSub {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  margin-top: 5px;
  text-align: left;
  margin-left: 10px;
  max-height: 45px;
  overflow: hidden;
  &:after {
    content: "\02026";
    position: absolute;
    vertical-align: bottomm;
  }
}

.newsLine {
  width: 170px;
  height: 1px;
  background-color: #696f78;
  width: 170px;
  display: inline-block;
  margin-top: 5px;
}

::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

/* Track */

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #696f78;
  border-radius: 10px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #f2ee7f;
}

/*Shop*/

.mainBannerShop {
  width: 1200px;
  height: 720px;
  background: url("./image/shop_bg.jpg");
}

.legendaryShop {
  background-color: rgba(0, 0, 0, 0.7);
  width: 1000px;
  height: 560px;
  margin-left: 200px;
  margin-top: 120px;
  display: inline-block;
  text-align: center;
}

.shopItem {
  width: 300px;
  display: inline-block;
  margin-left: 180px;
  float: left;
  margin-top: 80px;
}

.packageTitle {
  font-family: 'Anton', sans-serif;
  font-size: 30px;
  letter-spacing: 0.5px;
  margin-top: 10px;
}

.packagePrice {
  font-size: 30px;
  color: #f2ee7f;
  font-weight: 900;
}

.itemDescription {
  width: 350px;
  display: inline-block;
  float: left;
  margin-left: 80px;
  margin-top: 70px;
  text-align: left;
}

.descTitle {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: -5px;
  letter-spacing: 0.5px;
}

.descTextMain {
  font-size: 18px;
  font-weight: 700;
  color: #f2ee7f;
  margin-top: 10px;
  letter-spacing: 0.5px;
}

.descTextSub {
  font-size: 14px;
  font-weight: 300;
  height: 200px;
}

.pageTitle {
  font-family: 'Anton', sans-serif;
  position: absolute;
  width: 600px;
  margin-left: 400px;
  text-align: center;
  font-size: 35px;
  margin-top: 60px;
}

.buttonDeluxe {
  width: 180px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #f2ee7f;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #f2ee7f;
}

.buttonDeluxe:hover {
  background: rgba(127, 124, 29, 0.8);
  border: 1px solid #f2ee7f;
  color: #f7f8f9;
}

#shopButton {
  margin-left: 80px;
  float: left;
  margin-top: 30px;
}

i {
/*   positioning */
		position: absolute;
		opacity: 0;

/*   gradient   */
background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 1%, rgba(255,255,255,0.38) 32%, rgba(255,255,255,0.45) 64%, rgba(255,255,255,0.4) 86%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.38) 32%,rgba(255,255,255,0.45) 64%,rgba(255,255,255,0.4) 86%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.38) 32%,rgba(255,255,255,0.45) 64%,rgba(255,255,255,0.4) 86%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1afefcea', endColorstr='#d6ca20',GradientType=1 ); /* IE6-9 */


/*  forming the shine element
    play around with the width, skew and gradient to get different effects
  */
		width: 20px;
		height: 40px;
    margin-top: -10px;
     transform: skew(-5deg,0deg);
		-webkit-transform: skew(-5deg,0deg);
     -moz-transform: skew(-5deg,0deg);
     -ms-transform: skew(-5deg,0deg);
     -o-transform: skew(-5deg,0deg);

/*  animating it  */
    animation: move 1s;
		animation-iteration-count: infinite;
		animation-delay: 2s;
		-webkit-animation: move 1s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: 2s;
		-moz-transform: skew(-40deg,0deg);
		-moz-animation: move 1s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-delay: 2s;
		-ms-transform: skew(-40deg,0deg);
		-ms-animation: move 1s;
		-ms-animation-iteration-count: infinite;
		-ms-animation-delay: 2s;
		-o-transform: skew(-40deg,0deg);
		-o-animation: move 1s;
		-o-animation-iteration-count: infinite;
		-o-animation-delay: 2s;
	}

/*  */
@keyframes move {
	0%  {margin-left: -100px; opacity: 0; }
	5% {opacity: 0.6}
	48% {opacity: 0.3}
	80% {opacity: 0}
	100% {margin-left: 40px; opacity: 0;}
}

@-webkit-keyframes move {
  0%  {margin-left: -100px; opacity: 0; }
  5% {opacity: 0.6}
  48% {opacity: 0.3}
  80% {opacity: 0}
  100% {margin-left: 40px; opacity: 0;}
}

@-moz-keyframes move {
  0%  {margin-left: -100px; opacity: 0; }
  5% {opacity: 0.6}
  48% {opacity: 0.3}
  80% {opacity: 0}
  100% {margin-left: 40px; opacity: 0;}
}

@-ms-keyframes move {
  0%  {margin-left: -100px; opacity: 0; }
  5% {opacity: 0.6}
  48% {opacity: 0.3}
  80% {opacity: 0}
  100% {margin-left: 40px; opacity: 0;}
}

@-o-keyframes move {
  0%  {margin-left: -100px; opacity: 0; }
  5% {opacity: 0.6}
  48% {opacity: 0.3}
  80% {opacity: 0}
  100% {margin-left: 40px; opacity: 0;}
}



/*Cash Shop*/

.mainBannerCashshop {
  width: 1200px;
  height: 720px;
  background: url("./image/cashshop_bg.jpg");
}

.cashShop {
  background-color: rgba(0, 0, 0, 0.7);
  width: 1000px;
  height: 560px;
  margin-left: 200px;
  margin-top: 120px;
  display: inline-block;
  text-align: center;
  color: #fff;
}

.button2 {
  width: 150px;
  height: 35px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
}

.button2:hover {
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #f2ee7f;
  color: #f2ee7f;
}

#cashRow {
  margin-top: 4px;
}

.cashItem {
  width: 200px;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.5px;
  height: 278px;
  background-color: rgba(0, 0, 0, 0.2);
}


.cashItem:hover {
  background-color: rgba(0, 0, 0, 0.7);
  color: #f2ee7f;
  width: 200px;
}

.cashImage {
  width: 120px;
}

.cashAmount {
  font-family: 'Anton', sans-serif;
  font-size: 20px;
}

.cashAmount:hover {
  color: #fa121a;
}

.cashPrice {
  font-family: 'Anton', sans-serif;
  font-size: 20px;
  color: #f2ee7f;
}

/*Coupon*/

.mainBannerCoupon {
  width: 1200px;
  height: 720px;
  background: url("./image/coupon_bg.jpg");
}

.couponContainer {
  background-color: rgba(0, 0, 0, 0.7);
  width: 1000px;
  height: 600px;
  margin-left: 200px;
  margin-top: 60px;
  display: inline-block;
  text-align: center;
  color: #fff;
}

.couponWrapper {
  width: 700px;
  display: inline-block;
}

.couponTitle {
  font-family: 'Anton', sans-serif;
  display: inline-block;
  width: 700px;
  text-align: left;
  font-size: 35px;
  margin-top: 40px;
  letter-spacing: 0.5px;
}

.couponSub {
  font-size: 16px;
  text-align: left;
  display: inline-block;
  width: 700px;
}

.couponInput {
  background-color: transparent;
  border: 1px solid #fff;
  width: 700px;
  height: 40px;
  border-radius: 20px;
  margin-top: 20px;
  text-align: center;
}

#redeemButton {
  text-align: center;
  margin-top: 30px;
}

.couponInput::placeholder {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  text-align: center;
}

.couponHistory {
  font-family: 'Anton', sans-serif;
  font-size: 24px;
  text-align: left;
  margin-top: 30px;
}

.line {
  background-color: #fff;
  margin-top: -1px;
}

.couponTable {
  text-align: center;
  margin-top: -15px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

.couponRowTitle {
  border-bottom: 1px solid #696f78;
  height: 45px;
}

.couponRow {
  border-bottom: 1px solid #696f78;
  height: 45px;
}

.couponRow:hover {
  color: #f2ee7f;
}

.tableName {
  width: 100px;
}

.tableDescription {
  width: 500px;
}

.tableClaim {
  width: 200px;
}

.tablePrevNext {
  display: inline-block;
}

.tablePrev {
  display: inline-block;
  margin: 0 10px;
  font-size: 30px;
  font-weight: 300;
}

.tablePrev:hover {
  color: #f2ee7f;
}

.tableNext {
  display: inline-block;
  margin: 0 10px;
  font-size: 30px;
  font-weight: 300;
}

.tableNext:hover {
  color: #f2ee7f;
}

/*ACCOUNT*/

.mainBannerAccount {
  width: 1200px;
  height: 720px;
  background: url("./image/account_bg.jpg");
}

.accountWrapper {
  width: 500px;
  display: inline-block;
}

.accountTitle {
  font-family: 'Anton', sans-serif;
  display: inline-block;
  width: 500px;
  text-align: left;
  font-size: 35px;
  margin-top: 40px;
  letter-spacing: 0.5px;
}

.infoRow {
  width: 500px;
  height: 70px;
  border-bottom: 1px solid #696f78;
  color: #fff;
}

.infoRow:hover {
  color: #f2ee7f;
  background-color: rgba(0, 0, 0, 0.5);
}

#infoRowFirst {
  border-top: 1px solid #696f78;
  margin-top: 10px;
}

.infoRowValue {
  font-family: 'Anton', sans-serif;
  font-size: 20px;
  width: 280px;
  display: inline-block;
  margin-top: 20px;
  float: left;
  text-align: left;
  margin-left: 10px;
}

.infoRowText {
  width: 200px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  float: left;
  margin-top: 25px;
}

.benacashAmount {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  display: flex;
}

#infoRowValueSecond {
  margin-top: 10px;
}

#infoValueButton {
  margin-top: 15px;
}

/*setting*/

.mainBannerSetting {
  width: 1200px;
  height: 720px;
  background: url("./image/setting_bg.jpg");
}

.versionText {
  display: inline-block;
  margin-top: 25px;
}

/*region select optoin tag*/

.regionMenu {
  width: 200px;
  height: 45px;
  background: url("./image/region.png");
  margin-top: 10px;
}

.regionSelect {
  background: transparent;
  border: none !important;
  width: 60%;
  font-size: 14px;
  margin-left: 27px;
  margin-top: 13px;
  font-family: 'Roboto', sans-serif;
  box-shadow: none !important;
}

.regionOption {
  background-color: #191c2b;
  border: none !important;
  font-family: 'Roboto', sans-serif;
  margin-top: 10px;
}

/*language select optoin tag*/

.languageOption {
  width: 160px;
  border: none;
  color: #fff;
  background: transparent;
  height: 40px;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  padding-left: 30px;
  font-family: 'Roboto', sans-serif;
  box-shadow: none !important;
}

.langOption {
  background-color: rgba(0, 0, 0, 1) !important;
  background: None;
  color: #fff;
  border: none !important;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  padding: 10px 0 !important;
}

.form-control {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
}

/*progress bar*/

.progressBar {
  display: inline-block;
  text-align: center;
  margin-top: 70px;
}

.progressCircle {
  width: 150px;
  height: 150px;
  background: url("./image/progress_default.png");
}

.playButton {
  width: 55px;
  height: 63px;
  background: url("./image/play.png");
  display: inline-block;
  margin-top: 40px;
  margin-left: 10px;
}

.playButton:hover {
  background: url("./image/play_hover.png");
}

/*progress bar_processing_only on shop page*/

.progressCircleProcess {
  width: 150px;
  height: 150px;
  background: url("./image/progress_processing.png");
}

.processText {
  font-family: 'Anton', sans-serif;
  color: #f2ee7f;
  font-size: 40px;
  padding-top: 35px;
}

.pause {
  background: url("./image/pause.png");
  width: 20px;
  height: 14px;
  display: inline-block;
}

.pause:hover {
  background: url("./image/pause_hover.png");
}

/*close, minimize, signout*/

.upperIcon {
  position: absolute;
  z-index: 99;
  margin-left: 1110px;
  margin-top: 5px;
}

/*UPGRADE page*/

#purchased {
  opacity: 0.3;
}

.disabledButton {
  width: 180px;
  height: 40px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #fff;
  opacity: 0.3;
}

.purchasedImage {
  opacity: 0.3;
}

/*selfUpdate Page*/



.defaultBar {
  width: 500px;
  height: 8px;
  border-radius: 2.5px;
  background-color: #fff;
  margin-top: 20px;
}

.actionBar {
  width: 50%;
  height: 8px;
  border-radius: 2.5px;
  background-color: #f2ee7f;
}

.progressContainer {
  margin-top: 20px;
}

.progressPercentage {
  font-family: 'Anton', sans-serif;
  font-size: 20px;
}

.updatingMessage {
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
}

/*maintenance Page*/

.maintenanceContainer {
  width: 1200px;
  height: 720px;
  background: url("./image/maintenance_bg.jpg");
  text-align: center;
}

.maintenanceContentContainer {
  clear: both;
  width: 600px;
  height: auto;
  display: inline-block;
  text-align: center;
}

.socialMediaContainer {
  position: absolute;
  margin: 40px 0 0 40px;
  width: 300px;
}

.fbicon {
  width: 35px;
  height: 35px;
  background: url("./image/fb_icon.png");
  float: left;
}

.fbicon:hover {
  width: 35px;
  height: 35px;
  background: url("./image/fb_icon_hover.png");
}

.twittericon {
  width: 35px;
  height: 35px;
  background: url("./image/twitter_icon.png");
  float: left;
  margin-left: 10px;
}

.twittericon:hover {
  width: 35px;
  height: 35px;
  background: url("./image/twitter_icon_hover.png");
}

.youtubeicon {
  width: 35px;
  height: 35px;
  background: url("./image/youtube_icon.png");
  float: left;
  margin-left: 10px;
}

.youtubeicon:hover {
  width: 35px;
  height: 35px;
  background: url("./image/youtube_icon_hover.png");
}


.maintenanceMainText {
  width: 600px;
  font-family: 'Anton', sans-serif;
  font-size: 45px;
  display: inline-block;
  margin-top: 160px;
  text-align: center;
}

.maintenanceSubText {
  width: 600px;
  font-size: 35px;
  display: inline-block;
  text-align: center;
  font-weight: 300;
  line-height: 20px;
  margin-top: 10px;
}


#maintenanceButton {
  margin-top: 25px;
}