@font-face { 
    font-family: 'Custom'; /*a name to be used later*/
    src: url('./BradhITC.TTF'); /*URL to font*/
} 
body {
    font-family: Custom !important;
    font-variant: normal !important;
    font-size: medium !important;
    font-weight: 700 !important;
background-size:cover !important;
background-position:center center !important;
}
a:link,a:visited,a:active {
text-decoration: none;
font-size:12px;
color: #d1d1b2;	
}
a:hover {
font-weight:800;
text-decoration: underline overline;
}
.table {     font-family: "Custom";
background: rgba(10 6 6 / 48%);
border-radius: 10px;
padding: 5px;
text-align:center;
}
.table td { font-size: 14px; font-weight: 600; padding: 3px; border-radius: 25px; } 
.table .td { font-size: 14px; font-weight: 600; padding: 3px; border-radius: 25px; } 
th {
    font-size: 15px;
    border-radius: 25px;
    font-weight: 800;
    padding: 3px;
background:url(tablgrad.png);
background-size:contain;
}
 .th {
    font-size: 15px;
    border-radius: 25px;
    font-weight: 800;
    padding: 3px;
background:url(tablgrad.png);
background-size:contain;
}
.bg {
   background:url(../STYLE/bg.gif); 
}
h6 {
	margin: 5px 0px 10px 0px;
	font-weight: bold;
	font-size: 14px;
	color:#d1d1b2;	
}
.inputbtn {
    background-image: url(tablgrad.png);
    background-size:contain;
    border-radius: 10px;
    border: none;
    color: white;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    margin: 2px 1px;
    cursor: pointer;
	font-family: "Custom"; 
}
.input {
	background: #9f998c;
	border: 1px solid #646058;
}
    .inputs  {
    background: #1F2124;
    background: -moz-linear-gradient(#1F2124, #27292C);
    background: -ms-linear-gradient(#1F2124, #27292C);
    background: -o-linear-gradient(#1F2124, #27292C);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1F2124), to(#27292C));
    background: -webkit-linear-gradient(#1F2124, #27292C);
    background: linear-gradient(#1F2124, #27292C);
    border: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    font-family: "Custom";
    color: #FFF;
    width:75px;
    height:25px
    }
     .inputs:focus {
    box-shadow: inset 0 0 2px #000;
    background: #494D54;
    border-color: #51CBEE;
    outline: none;
    }
    .input2  {
    background: #1F2124;
    background: -moz-linear-gradient(#1F2124, #27292C);
    background: -ms-linear-gradient(#1F2124, #27292C);
    background: -o-linear-gradient(#1F2124, #27292C);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1F2124), to(#27292C));
    background: -webkit-linear-gradient(#1F2124, #27292C);
    background: linear-gradient(#1F2124, #27292C);
    border: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    font-family: "Custom";
    color: #FFF;
	width: 180px;
	height: 29px;
    }
     .input2:focus {
    box-shadow: inset 0 0 2px #000;
    background: #494D54;
    border-color: #51CBEE;
    outline: none;
    }

#no-input {
	width: 180px;
	height: 29px;
	line-height: 29px;
	text-indent: 5px;
	background: 0;
	border: 0;
	padding-bottom: 2px;
}
#mid-login-content p {
        font-size: 15px;
	color: #652d0e;
	font-family: "Custom";
}

#title {
	float: left;
	height: 251px;
	width: 680px;
}
#login {
	float: left;
	width: 320px;
}
#login .padding {
	padding-top: 30px;
	padding-left: 15px;
}
#login-panel {
	width: 263px;
	height: 127px;
	background: url(login-panel.png) no-repeat;
}
#login-panel .panel-padding {
	padding: 8px;
}
#login-panel .input {
	width: 186px;
	height: 29px;
	line-height: 29px;
	text-indent: 5px;
	background: url(input-field.png) no-repeat;
}
#login-panel .submit {
	width: 77px;
	height: 27px;
	background: url(login-button.png) no-repeat;
}
#main-container {
	background: url(background.png) repeat-y top center;
}
#main-area {
	background: url(brick_bg.png) repeat-y;
}
#left-side {
	width: 290px;
	float: left;
}
#left-side .padding {
	padding-left: 37px;
}
#menu-container {
	width: 217px;
}
#top-menu {
	width: 217px;
	height: 20px;
	background: url(menu_01.png) no-repeat;
}
#mid-menu {
	width: 217px;
	background: url(menu_02.png) repeat-y;
}
#mid-menu ul.main-menu {
	width: 217px;
	margin:0 auto;
	padding: 0;
}
ul.main-menu li {
	width: 217px;
	list-style:none;
	text-align:center;
	display: block;
}
ul.main-menu li a {
	display: block;
	font-family: "Custom";
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	color: #f5f0ce;
	text-shadow: 2px 0px 2px #000;
}
ul.main-menu li a:hover {
	color: #d4a94c;
	width: 217px;
	height: 30px;
	background: url(hover-image.png) no-repeat;
}
#bot-menu {
	width: 217px;
	height: 40px;
	background: url(menu_04.png) no-repeat;
}
#middle-side2 {
	width: 700px;
	float: left;
}
#login-content-container2 {
	width: 665px;
}
#top-login-content2 {
	width: 665px;
	height: 20px;
	background: url(login_content_01.png) no-repeat;
        background-size: 100%;
} 
#mid-login-content2 {
	width: 665px;
	color: #4c250f;
	background: url(login_content_02.png) repeat;
        background-size: 100%;
}
#mid-login-content2 .padding2 {
	padding-left: 19px;
	padding-right: 19px;
}
#mid-login-content2 h2 {
	padding: 0;
	padding-bottom: 5px;
	margin: 0 auto;
	color: #652d0e;
	line-height: 45px;
	text-indent: 15px;
	width: 577px;
	height: 45px;
	background: url(header.png) no-repeat;
	font-family: "Custom";
}
#bot-login-content2 {
	width: 665px;
	height: 17px;
	background: url(login_content_04.png) no-repeat;
        background-size: 100%;
}
#middle-side {
	width: 455px;
	float: left;
}
#login-content-container {
	width: 420px;
}
#top-login-content {
	width: 420px;
	height: 20px;
	background: url(login_content_01.png) no-repeat;
}
#mid-login-content {
    font-weight: 600;
    font-size: small;
	width: 420px;
	color: #4c250f;
	background: url(login_content_02.png) repeat-y;
	  font-family: "Custom";
}
#mid-login-content .padding {
	padding-left: 19px;
	padding-right: 19px;
}
#mid-login-content h2 {
	padding: 0;
	padding-bottom: 5px;
	margin: 0 auto;
	color: #652d0e;
	line-height: 45px;
	text-indent: 15px;
	width: 377px;
	height: 45px;
	background: url(header.png) no-repeat;
	font-family: "Custom";
}
#bot-login-content {
	width: 420px;
	height: 17px;
	background: url(login_content_04.png) no-repeat;
}
#right-side {
	width: 255px;
	float: left;
}
#right-side #screenshot-container {
	width: 215px;
	height: 173px;
	margin-bottom: 6px;
	background: url(screenshot.png) no-repeat;
}
#right-side #screenshot-container2 {
	width: 215px;
	height: 200px;
	margin-bottom: 6px;
	color:#00529B;
	background-color:#BDE5F8;
        border: 2px solid;
}
#screenshot-container .padding {
	padding: 21px;
}
#screenshot-container .padding2 {
	padding: 21px;
}
#screenshot-container2 h2 {
        font-size: 16px;
	font-family: "Custom";
}
#register-button {
	display: block;
	width: 158px;
	height: 54px;
	background: url(register.png) no-repeat;
}
#bottom-table {
	width: 935px;
	height: 187px;
	background: url(bottom-table.png) no-repeat;
	margin: 0 auto;
}
table.login  th {
	line-height: 30px;
	font-family: "Custom";
	color: #fff2ce;
}
table.login td {
	line-height: 19px;
	color: #d6c8ab;
}

#footer-container {
	background: url(bg_04.jpg) no-repeat top center;
}
#footer-area {
	text-align:center;
	color: #dacfae;
	height: 202px;
	background: url(footer_bg.png) no-repeat;
}
#footer-area .padding {
	padding-top: 40px;
}

/* Ingame Styles */

#user-area {
	float: left;
	width: 320px;
}
#user-panel {
	width: 294px;
}
#top-panel {
	width: 294px;
	height: 31px;
	background: url(panel_01.png) no-repeat;
}
#button-side {
	float: left;
	width: 117px;
}
#upgrade-button {
	width: 117px;
	height: 40px;
	background: url(panel_02.png) no-repeat;
}
#vote-button {
	width: 117px;
	height: 44px;
	background: url(panel_04.png) no-repeat;
}
#refer-button {
	width: 117px;
	height: 51px;
	background: url(panel_05.png) no-repeat;
}
#info-side {
	color: #d6c8ab;
	font-weight: 600;
	font-size: small;
	text-align:center;
	float: left;
	width: 177px;
	height: 186px;
	background: url(panel_03.png) no-repeat;
}
#info-side .info-padding {
	padding-right: 7px;
}
#info-side .username {
	line-height: 25px;
	margin-bottom: 13px;
}
#info-side .level-container {
	padding-left: 8px;
	padding-bottom: 15px;
}
#info-side .stat-container {
	width: 165px;
	height: 20px;
	margin-bottom: 5px;
}
#info-side .stat-name {
	float: left;
	width: 65px;
	color: #9f8e86;
	text-shadow: 0px 0px 5px #000;
}
#info-side .stat {
	float: left;
	width: 100px;
}
#left-index-side {
	width: 300px;
	float: left;
}
#left-index-side .padding {
	padding-left: 37px;
}
#right-index-side {
	width: 700px;
	float: left;
}
#right-index-side .padding {
	padding-top: 10px;
}
#top-navigation {
	width: 675px;
	height: 44px;
	background: url(top-navigation.png) no-repeat;
}
#top-navigation ul.top-menu {
	width: 675px;
	height: 44px;
	margin: 0 auto;
	padding: 0;
	padding-left: 20px;
}
ul.top-menu li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: 20px;
}
ul.top-menu li a {
	line-height: 44px;
	font-size: 18px;
	color: #5a5447;
	text-decoration: none;
	font-family: "Custom";
}
ul.top-menu li i:hover {
text-decoration: blink;
font-size:18px;
color: #000000de;
}
#content-container {
	width: 681px;
	margin-top: 15px;
}
#top-content {
	width: 681px;
	height: 19px;
	background: url(content_01.png) no-repeat;
}
#mid-content {
    	font-family: "Custom"; 
	 font-weight: 600;
	width: 681px;
	background: url(content_02.png) repeat-y;
}
#mid-content .padding {
	padding-left: 20px;
	padding-right: 20px;
}
#mid-content h2 {
	padding: 0;
	margin: 0;
	margin-top: -5px;
	padding-bottom: 5px;
	color: #652d0e;
	line-height: 45px;
	text-indent: 15px;
	width: 377px;
	height: 45px;
	background: url(header.png) no-repeat;
	font-family: "Custom";
}
#mid-content p {
    	font-family: "Custom"; 
	 font-weight: 600;
	margin: 0;
	padding-bottom: 5px;
}
#bot-content {
	width: 681px;
	height: 20px;
	background: url(content_04.png) no-repeat;
}
ul.top-menu li a:hover {
	color: #af0400;
}
.spacer {
	clear: both;
}
.newmember,.success,.alert,.error,.validation  {
border:2px
solid;
border-radius: 25px;
font-weight:bold;
font-size:15px;
margin:10px 0px;
padding:15px 10px 15px 50px;
background-repeat:no-repeat;
background-position:10px center
}
.info  {
border:2px
solid;
border-radius: 25px;
font-weight:bold;
font-size:15px;
margin:10px 0px;
padding:15px 10px 15px 15px;
background-repeat:no-repeat;
background-position:10px center
}
.newmember {
color: #a2d3ff;
background-color: #03a1c566;
background-image:url('../ICONS/info.png')
}
.info {
color: #a2d3ff;
background-color: #03a1c566;
}
.alert {
color: #9F6000;
background-color: #201b0573;
background-image:url('../ICONS/warning.png')
}
.error {
color:#300;
background-color:#db414194;
background-image:url('../ICONS/error.png')
}
.success {
color: #072c07;
background-color: #b8e16694;
background-image:url('../ICONS/success.png')
}
.online {
background-image:url('../ICONS/success.png');
background-repeat: no-repeat;
    background-position: center;
}
.offline {
background-image:url('../ICONS/error.png');
background-repeat: no-repeat;
    background-position: center;
}
span.error {
padding:0;
border:none;
background-color:transparent;
color:#920;
background-image:none;
font-weight:normal;
font-size:12px
}
span.success {
padding:0;
border:none;
background-color:transparent;
color:#390;
background-image:none;
font-weight:normal;
font-size:12px
}
span.newmember {
padding:0;
border:none;
background-color:transparent;
color:#390;
background-image:none;
font-weight:normal;
font-size:12px
}
span.alert {
padding:0;
border:none;
background-color:transparent;
color:#4a6681;
background-image:none;
font-weight:normal;
font-size:12px
}
.error a, .success a {
color:#fff
}
.alert a {
color:#000
}
/* Register Popup Styles */

#coverall {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	background: #000;
	display: none;
	z-index: 9998;
}
#popup {
	width: 518px;
	height: 461px;
	background: url(popup_bg.png) no-repeat;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -296.5px;
	margin-top: -235px;
	z-index: 9999;
	display: none;
}
#popup .padding {
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 30px;
}
#popup .tr {
	clear: both;
	width: 435px;
	height: 50px;
}
#popup .td_name	{
	float: left;
	width: 30%;
	font-family: "Custom";
	font-size: 20px;
	color: #9f998c;	
	line-height: 50px;
}
#popup .td_input {
	float: left;
	width: 40%;
}
#popup .td_input .register_input {
	margin-top: 10px;
	color: #3a3731;
	width: 225px;
	height: 26px;
	line-height: 26px;
	text-indent: 8px;
	border: none;
	background: url(register_input.png) no-repeat;
}
#popup .info {
	float: left;
	width: 65%;
	line-height: 50px;
	font-size: 11px;
	color: #9f998c;
}
#popup #register {
	float: left;
	width: 35%;
}

#popup #register #register_button, #register_button_hover {
	display: block;
	width: 132px;
	height: 37px;
	background: url(register_button.png) no-repeat;
}
#register_button_hover {
	background: url(register_button_hover.png) no-repeat;
}
#popup_close, #popup_close_hover {
	float: right;
	width: 37px;
	height: 36px;
	cursor: pointer;
	background: url(popup_close.png) no-repeat;
}
#popup_close_hover {
	background: url(popup_close_hover.png) no-repeat;
}
/* Second Popup */
#popup_2 .modal-content {
    background:none;
    border:none;
}
#popup_2 #top_popup {
	height: 27px;
	width:100%;
	background: url(box_01.png) no-repeat;
	    background-size: contain;
}
#popup_2 #mid_popup {
	height: auto;
	background: url(box_02.png) repeat-y;
	    background-size: contain;
	overflow: hidden;
	color: #f5f0ce;
}
#popup_2 #bot_popup {
	height: 41px;
	background: url(box_04.png) no-repeat;
	    background-size: contain;
}
#popup_close_2, #popup_close_hover_2 {
	float: right;
	width: 37px;
	height: 36px;
	cursor: pointer;
	background: url(popup_close.png) no-repeat;
}
#popup_close_hover_2 {
	background: url(popup_close_hover.png) no-repeat;
}
#popup_2 .padding {
	padding: 5px 50px 0px 50px;
}

#popup_2_inner {
	width: 615px;
	height: 395px;
	overflow: auto;
}
#popup2 .padding {
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 30px;
}
#mid_popup .tr {
	clear: both;
	width: 435px;
	height: 50px;
}
#mid_popup .td_name	{
	float: left;
	width: 30%;
	font-family: "Custom";
	font-size: 20px;
	color: #9f998c;	
	line-height: 50px;
}
#mid_popup2 .td_input {
	float: left;
	width: 40%;
}
#mid_popup .td_input .register_input {
	margin-top: 10px;
	color: #3a3731;
	width: 225px;
	height: 26px;
	line-height: 26px;
	text-indent: 8px;
	border: none;
	background: url(register_input.png) no-repeat;
}
.bi::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  padding-right: 2px;
}
.btn {
    background-image: url(tablgrad.png);
    background-size:contain;
    border-radius: 10px;
    border: none;
    color: white;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 1px;
    cursor: pointer;
	font-family: "Custom"; 
}
.button {
    background-image: url(tablgrad.png);
    background-size:contain;
    border-radius: 10px;
    border: none;
    color: white;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 1px;
    cursor: pointer;
	font-family: "Custom"; 
}
.button:hover {
        text-decoration: underline overline;
}
.info2 {
	float: left;
	width: 65%;
	line-height: 50px;
	font-size: 11px;
	color: #9f998c;
}
.farmimage {
    width:150px;
    height:150px;
    opacity: 0.6;
    border-radius:68px;
    background-repeat: round;
}
    .icon-bar {
  width: 100%;
  background-color: #555;
  overflow: hidden;
  opacity: 80%;
  background:url(../STYLE/bg.gif); 
  position:fixed;   
  bottom: 0;
}

.icon-bar a {
  float: left;
  width: 20%;
  text-align: center;
  padding: 10px 0;
  transition: all 0.3s ease;
  color: white;
  font-size: 18px;
}

.icon-bar a:hover {
  background-color: #5555554a;
}
.tooltip {
  position: relative;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
      	/* Toast notification */
.toast-notification {
  position: fixed;
  text-decoration: none;
  z-index: 999999;
  max-width: 300px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  display: flex;
  padding: 10px;
  transform: translate(0, -150%);
}
.toast-notification .toast-notification-wrapper {
  flex: 1;
  padding-right: 10px;
  overflow: hidden;
}
.toast-notification .toast-notification-wrapper .toast-notification-header {
  padding: 0 0 5px 0;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  word-break: break-all;
  color: #4f525a;
}
.toast-notification .toast-notification-wrapper .toast-notification-content {
  font-size: 12px;
  margin: 0;
  padding: 0;
  word-break: break-all;
  color: #4f525a;
}
.toast-notification .toast-notification-close {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 4px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.2);
}
.toast-notification .toast-notification-close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.toast-notification.toast-notification-top-center {
  transform: translate(calc(50vw - 50%), -150%);
}
.toast-notification.toast-notification-bottom-left, .toast-notification.toast-notification-bottom-right {
  transform: translate(0, 150%);
}
.toast-notification.toast-notification-bottom-center {
  transform: translate(calc(50vw - 50%), 150%);
}
.toast-notification.toast-notification-dark {
  background-color: #2d2e31;
}
.toast-notification.toast-notification-dark .toast-notification-wrapper .toast-notification-header {
  color: #edeff3;
}
.toast-notification.toast-notification-dark .toast-notification-wrapper .toast-notification-content {
  color: #edeff3;
}
.toast-notification.toast-notification-dark .toast-notification-close {
  color: rgba(255, 255, 255, 0.2);
}
.toast-notification.toast-notification-dark .toast-notification-close:hover {
  color: rgba(255, 255, 255, 0.4);
}
.toast-notification.toast-notification-success {
  background-color: #C3F3D7;
  border-left: 4px solid #51a775;
}
.toast-notification.toast-notification-success .toast-notification-wrapper .toast-notification-header {
  color: #51a775;
}
.toast-notification.toast-notification-success .toast-notification-wrapper .toast-notification-content {
  color: #51a775;
}
.toast-notification.toast-notification-success .toast-notification-close {
  color: rgba(0, 0, 0, 0.2);
}
.toast-notification.toast-notification-success .toast-notification-close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.toast-notification.toast-notification-danger {
  background-color: #f3c3c3;
  border-left: 4px solid #a75151;
}
.toast-notification.toast-notification-danger .toast-notification-wrapper .toast-notification-header {
  color: #a75151;
}
.toast-notification.toast-notification-danger .toast-notification-wrapper .toast-notification-content {
  color: #a75151;
}
.toast-notification.toast-notification-danger .toast-notification-close {
  color: rgba(0, 0, 0, 0.2);
}
.toast-notification.toast-notification-danger .toast-notification-close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.toast-notification.toast-notification-warning {
  background-color: #f3c3c3;
  border-left: 4px solid #a75151;
}
.toast-notification.toast-notification-warning .toast-notification-wrapper .toast-notification-header {
  color: #a75151;
}
.toast-notification.toast-notification-warning .toast-notification-wrapper .toast-notification-content {
  color: #a75151;
}
.toast-notification.toast-notification-warning .toast-notification-close {
  color: rgba(0, 0, 0, 0.2);
}
.toast-notification.toast-notification-warning .toast-notification-close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.toast-notification.toast-notification-info {
  background-color: #d0eaff;
  border-left: 4px solid #6097b8;
}
.toast-notification.toast-notification-info .toast-notification-wrapper .toast-notification-header {
  color: #6097b8;
}
.toast-notification.toast-notification-info .toast-notification-wrapper .toast-notification-content {
  color: #6097b8;
}
.toast-notification.toast-notification-info .toast-notification-close {
  color: rgba(0, 0, 0, 0.2);
}
.toast-notification.toast-notification-info .toast-notification-close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.toast-notification.toast-notification-primary {
  background-color: #d0eaff;
  border-left: 4px solid #6097b8;
}
.toast-notification.toast-notification-primary .toast-notification-wrapper .toast-notification-header {
  color: #6097b8;
}
.toast-notification.toast-notification-primary .toast-notification-wrapper .toast-notification-content {
  color: #6097b8;
}
.toast-notification.toast-notification-primary .toast-notification-close {
  color: rgba(0, 0, 0, 0.2);
}
.toast-notification.toast-notification-primary .toast-notification-close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.toast-notification.toast-notification-dimmed {
  opacity: .3;
}
.toast-notification.toast-notification-dimmed:hover, .toast-notification.toast-notification-dimmed:active {
  opacity: 1;
}

.toast-notification i {
  padding: 20px;
  background-position: center;
  background-repeat: no-repeat;
}