Hola, encontre esto que podría ayudar con mi pregunta, el archivo style.css, el cual jugue un rato con el y pude cambiar el color del texto, pero no el fondo gris que tiene.
@font-face {
font-family: FaceYourFears;
src: url('../fonts/FaceYourFears.ttf');
}
html {
min-width: 1000px;
height: 100%;
}
body {
background: #000000 url('../../images/background5.jpg') no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #111109;
color: #FF7000;
font-family: "Roboto Condensed",sans-serif;
font-size: 14px;
margin: 0;
height: 100%;
}
.shadow-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url('../img/shadow.png') repeat fixed;
text-indent: -9999em;
z-index: 1;
}
a {
color: #777;
text-decoration: none;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
a:hover {
color: #ffda8a;
}
img {
border: 0px;
}
input[type=text], input[type=password], input[type=number] {
background: #000;
border: 1px solid #444444;
color: #cccccc;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
border: 1px solid #00c6ff;
}
#container {
width: 1000px;
height: auto;
margin: 0px auto;
-moz-box-shadow: 0 0 30px #000000;
-webkit-box-shadow: 0 0 30px #000000;
box-shadow: 0 0 30px #000000;
}
/*
#header {
width: 1000px;
margin: 0px auto;
text-align: center;
}
#headerLogo {
width: 77%;
height: 100%;
margin: 60px 0px 20px 150px;
}
#headerLogo img {
width: 100%;
}
#headerTime {
width: 100%;
margin: 10px 0px;
text-align: right;
}
#serverTime_Wrap {
display: inline-block;
width: 280px;
height: 44px;
z-index: 8;
font: normal 11px/1.2 tahoma,Arial,Verdana;
color: #dfae38;
background: url(../img/timebox.png) no-repeat;
}
#serverTime_Wrap .serverTime_BoxOn {
width: 280px;
height: 24px;
padding: 5px 0 0 20px;
}
#serverTime_Wrap span {
float: left;
width: 135px;
text-align: left;
}
#serverTime_Wrap time {
float: left;
font-weight: normal;
color: #fff;
}
#serverTime_Wrap .serverTime_BoxOff {
width: 280px;
height: 24px;
padding: 0 0 0 20px;
}
*/
#header {
width: 1000px;
margin: 0px auto;
text-align: center;
}
#headerLogo {
width: 100%;
margin: 1px 0px;
}
#headerTime {
width: 100%;
margin: 10px 0px;
text-align: right;
}
#serverTime_Wrap {
display: inline-block;
width: 280px;
height: 44px;
z-index: 8;
font: normal 11px/1.2 tahoma,Arial,Verdana;
color: #dfae38;
background: url(../img/timebox.png) no-repeat;
}
#serverTime_Wrap .serverTime_BoxOn {
width: 280px;
height: 24px;
padding: 5px 0 0 20px;
}
#serverTime_Wrap span {
float: left;
width: 135px;
text-align: left;
}
#serverTime_Wrap time {
float: left;
font-weight: normal;
color: #fff;
}
#serverTime_Wrap .serverTime_BoxOff {
width: 280px;
height: 24px;
padding: 0 0 0 20px;
}
#footer {
width: 1000px;
margin: 5px auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
text-align: center;
font-size: 12px;
/*background-color: #111109;*/
/*background: #efefef;*/
padding: 20px 0px;
}
/*
.footer {
width: 1000px;
margin: 0px auto;
background: #efefef;
padding: 50px 60px;
font-size: 12px;
overflow: auto;
}
*/
#navbar {
background: rgba(9, 13, 16, 0.6);
width: 100%;
top: 0px;
left: 0px;
height: 40px;
display: block;
vertical-align: middle;
position: fixed;
z-index: 5;
}
#navbar-brand
{
position: relative;
background: url(../img/navlogo2.png);
width: 170px;
left: 15px;
max-height: 70px; /* height of the navbar */
}
#navbar ul{
text-align: center;
margin: auto;
padding: 10px;
-webkit-padding-start: 0px;
}
#navbar ul li {
font-family: "Roboto Condensed",sans-serif;
list-style-type: none;
display: inline-block;
font-size: 16px;
margin: 0px 15px;
text-shadow: 3px 3px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000;
}
#navbar ul li a {
color: #fff;
text-decoration: none;
}
#navbar ul li a:hover {
color: #eca746;
text-decoration: none;
text-shadow: 0 0 5px #0092ff;
}
#castle-siege {
width: 100%;
padding: 5px 0px;
background: #12110f;
text-align: center;
font-family: FaceYourFears;
}
#castle-siege table {
width: 980px;
height: 150px;
background: url('../img/castle-siege.jpg') no-repeat center;
margin: 0px auto;
font-size: 18px;
}
#castle-siege .cs-logo {
width: 160px;
}
#castle-siege .cs-guild-info {
width: 300px;
text-align: left;
}
#castle-siege .cs-guild-info span.cs-guild-title {
color: #ff0000;
font-size: 48px;
}
#castle-siege .cs-timeleft {
font-family: FaceYourFears;
font-size: 62px;
}
#castle-siege .cs-timeleft span {
color: #ff0000;
}
#content {
width: 100%;
overflow: auto;
min-height: 500px;
padding-top: 20px;
padding-bottom: 20px;
background: rgba(17, 17, 17, 0.85);
}
/* CS Siege Timer Side Styling
img {
border: 10px solid red !important;
}
*/
/*
.admincp-button {
position:absolute;
top:10px;
right:10px;
}*/
.page-title {
color: #dfad3a;
font-family: 'Cinzel', Arial, serif;
font-size: 32px;
margin-bottom: 10px;
text-shadow: 0px 0px 10px #000000;
}
.page-title2 {
color: #dfad3a;
font-family: 'Cinzel', Arial, serif;
font-size: 26px;
margin-bottom: 10px;
text-shadow: 0px 0px 10px #000000;
}
/* NEWS MODULE */
.panel-news {
margin-bottom: 30px;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
background: rgba(37, 35, 30, 0.2);
border: 1px solid #2c2820;
border-radius: 0px;
}
.panel-news .panel-heading {
background: rgba(0, 0, 0, 0.3) url('../img/news_head_bg_60.png') repeat;
border-bottom: 1px solid #2c2820;
padding-top: 20px;
padding-bottom: 20px;
}
.panel-news .panel-title {
color: #fbbd8d;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
}
.panel-news .panel-footer {
background: #1a1915;
font-family: "Roboto Condensed",sans-serif;
font-size: 11px;
height: 40px;
border: 0px;
color: #4f493b;
}
/* RANKINGS MODULE */
.rankings-table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
table-layout: fixed;
}
.rankings-table img {
width: 50px;
height: auto;
border: 1px solid #444;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
-moz-border-radius: 3px;
border-radius: 3px;
}
.rankings-table tr td {
border-bottom: 1px solid #1f1f1f;
padding: 10px;
font-size: 18px;
vertical-align: middle !important;
}
.rankings-table tr:nth-child(2) {
background: #181818;
}
.rankings-table tr:nth-child(2) .rankings-table-place {
font-size: 34px;
}
.rankings-table-place {
color: #8c8c8c;
font-weight: bold;
font-size: 24px;
text-align: center;
font-family: 'Trajan Pro', Arial, serif;
}
.rankings-table tr:first-child td {
color: #fbbd8d;
font-family: 'Cinzel', Arial, serif;
}
.rankings-update-time {
text-align: right;
font-size: 11px;
color: #fbbd8d;
padding: 10px 0px;
}
.rankings_menu {
width: 100%;
overflow: auto;
text-align: center;
margin-bottom: 10px;
}
.rankings_menu span {
width: 100%;
display: inline-block;
padding: 10px 0px;
color: #f3e6d0;
font-size: 24px;
}
.rankings_menu a {
display: inline-block;
width: 150px;
border: 1px solid #444;
text-align: center;
padding: 2px 0px;
margin: 2px;
background: #222;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
-moz-border-radius: 2px;
border-radius: 2px;
color: #777;
}
.rankings_menu a.active {
color: #e2b650;
border-color: #e2b650;
}
.rankings_guild_logo tr td {
border: 0px !important;
padding: 0px !important;
margin: 0px !important;
}
.rankings-gens-img {
width: 50px !important;
height: auto !important;
border: 0 !important;
-moz-box-shadow: 0 0 0px #000 !important;
-webkit-box-shadow: 0 0 0px #000 !important;
box-shadow: 0 0 0px #000 !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
/* MY ACCOUNT MODULE */
.myaccount-table {
width: 100%;
background: #000000;
border: 1px solid #1f1f1f;
}
.myaccount-table tr td:first-child {
color: #fbbd8d;
}
.myaccount-table tr td {
border-bottom: 1px solid #1f1f1f;
padding: 15px !important;
}
.myaccount-table tr:last-child td {
border: 0px;
}
/* GENERAL TABLE UI */
.general-table-ui {
width: 100%;
table-layout: fixed;
background: #000000;
border: 1px solid #1f1f1f;
padding: 10px;
margin: 10px 0px;
}
.general-table-ui tr td {
padding: 5px;
vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
color: #fbbd8d;
}
.general-table-ui tr:nth-child(2n+2) td {
background: #101010;
}
.general-table-ui tr td {
text-align: center;
}
.general-table-ui img {
width: 50px;
height: auto;
border: 1px solid #444;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* TERMS OF SERVICE PAGE */
.tos_list li {
color: #fbbd8d;
margin-bottom: 40px;
}
.tos_list li p {
color: #ccc;
text-align: justify;
text-justify: inter-word;
text-transform: none;
}
/* PAYPAL */
.paypal-gateway-container {
width: 100%;
background: #1a2133;
border: 1px solid #2e374f;
}
.paypal-gateway-logo {
width: 100%;
height: 68px;
background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat top center;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.paypal-gateway-content {
margin: 10px;
background: #fef2da;
border: 2px solid #f79433;
padding: 10px;
overflow: auto;
}
.paypal-gateway-conversion-rate {
margin: 0px auto;
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 0px;
}
.paypal-gateway-form {
width: 100%;
margin: 0px auto;
text-align: center;
}
.paypal-gateway-form div {
display: inline-block;
padding: 0px 10px;
color: #000;
font-size: 18px;
}
.paypal-gateway-form input[type=text] {
width: 40px;
}
.paypal-gateway-continue {
margin: 0px auto;
text-align: center;
}
.paypal-gateway-continue input[type=submit] {
background: url('../img/paypal-submit.jpg') no-repeat;
width: 200px;
height: 40px;
border: 0px;
}
/* SIDEBAR SERVER INFO CSS
.sidebar-srvinfo {
width: 100%;
background: #0b0a09;
border: 1px solid #221f19;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
padding: 0px;
margin: 10px 0px;
}
.sidebar-srvinfo tr td {
height: 30px;
border-bottom: 1px solid #221f19;
padding: 0px 10px;
}
.sidebar-srvinfo tr td:first-child {
color: #9a7e46;
}
.sidebar-srvinfo tr:first-child td {
background: url('../img/sidebar_usercp_title_bg.jpg') repeat-x;
height: 40px;
color: #ffcc00;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.sidebar-srvinfo tr:last-child td {
border: 0px;
}
*/
/* SIDEBAR SERVER INFO CSS */
.sidebar-srvinfo {
width: 100%;
background: rgba(20,20,20,0.7);
border: 1px solid #221f19;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
padding: 0px;
margin: 10px 0px;
}
.sidebar-srvinfo tr td {
height: 30px;
border-bottom: 1px solid #221f19;
padding: 0px 10px;
}
.sidebar-srvinfo tr td:first-child {
color: #9a7e46;
}
.sidebar-srvinfo tr:first-child td {
background-color: rgba(255,0,0,0.5);
border-radius: 5px;
height: 40px;
font-family: 'Russo One',sans-serif;
color: #ccc;
text-align: center;
text-transform: uppercase;
}
.sidebar-srvinfo tr:last-child td {
border: 0px;
}
/* CASTLE SIEGE CSS */
.csinfo_container {
background: url('../img/castle_siege.jpg') no-repeat top right;
width: 100%;
height: 200px;
margin-bottom: 20px;
}
.csinfo_content {
width: 100%;
height: 180px;
margin: 10px 0px 0px 10px;
display: inline-block;
}
.csinfo_glogo {
float: left;
width: 30%;
height: 180px;
text-align: center;
}
.csinfo_ginfo {
float: left;
width: 70%;
padding: 0px 10px;
}
.csinfo_ginfo table {
table-layout: fixed;
width: 400px;
}
.csinfo_ginfo table tr td {
padding: 3px 0px;
font-size: 20px;
}
.csinfo_ginfo table tr td:first-child {
color: #9a7e46;
}
.csinfo_glist {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.csinfo_glist li {
float: left;
width: 30%;
padding: 8px 10px;
}
.csinfo_glist li:hover {
background: #0d0c0b;
}
/* PAGSEGURO */
.pagseguro-gateway-container {
width: 100%;
background: #1a3322;
border: 1px solid #2a533c;
}
.pagseguro-gateway-content {
margin: 10px;
background: #ffffff;
border: 2px solid #bfbfbf;
padding: 10px;
overflow: auto;
}
.pagseguro-gateway-conversion-rate {
margin: 0px auto;
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 0px;
}
.pagseguro-gateway-form {
width: 100%;
margin: 0px auto;
text-align: center;
}
.pagseguro-gateway-form div {
display: inline-block;
padding: 0px 10px;
color: #000;
font-size: 24px;
}
.pagseguro-gateway-form input[type=text] {
width: 60px;
background: #ffffff;
border: 0px;
border-bottom: 1px dotted #000;
color: #1c713a;
font-weight: bold;
font-size: 24px;
}
.pagseguro-gateway-continue {
margin: 0px auto;
text-align: center;
padding: 10px;
}
.module-requirements {
font-size: 12px;
margin-top: 20px;
}
/* SIDEBAR */
.panel-sidebar {
width: 100%;
background: rgba(20,20,20,0.7);
border: 1px solid #221f19;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
padding: 0px;
margin: 10px 0px;
/*
background: rgba(13, 13, 13, 0.2);
border: 1px solid #333333;
border-radius: 0px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 7px #000;
*/
}
.panel-sidebar > .panel-heading {
background: #181818 url('../img/panel_head_bg.jpg') no-repeat top center;
border-color: #1e1e1e;
color: #ccc;
font-family: "Roboto Condensed",sans-serif;
text-shadow: 0px 0px 10px #000000;
}
.panel-usercp {
background: url('../img/usercp_bg.jpg') no-repeat top center;
}
.panel-usercp ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.panel-usercp ul li {
display: table;
width: 100%;
vertical-align: middle;
line-height: 30px;
}
.panel-usercp ul li img {
position: relative;
top: -2px;
padding-right: 10px;
}
.sidebar-banner {
text-align: center;
margin: 0px 0px;
}
.sidebar-banner img {
border: 1px solid #1e1e1e;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* GENERAL PANEL STYLING */
.panel-general {
margin-bottom: 30px;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
background: #181818;
border: 1px solid #1f1f1f;
}
.panel-body .panel-title {
color: #fbbd8d;
font-family: "Roboto Condensed",sans-serif;
font-size: 14px;
border-bottom: 1px solid #1a1915;
margin-bottom: 20px !important;
}
/* ADD STATS MODULE */
.panel-addstats {
margin-bottom: 30px;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
background: #181818;
border: 1px solid #1f1f1f;
}
.panel-addstats .character-avatar img {
width: 100px;
height: auto;
border: 1px solid #59411c;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
-moz-border-radius: 3px;
border-radius: 3px;
}
.panel-addstats .character-name {
color: #fbbd8d;
font-family: "Roboto Condensed",sans-serif;
font-size: 14px;
border-bottom: 1px solid #1a1915;
padding: 20px 0px;
margin-bottom: 20px !important;
}
/* extra*/
.convsel options {
color: black !important;
}
#vidback {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-color: #111109;
background-size: cover;
background-blend-mode: overlay;
}
.vidb::after {
content: "";
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
position: fixed;
left: 50%;
top: 50%;
/*background: url("../img/background4.jpg") center;*/
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
opacity: 0.7;
z-index: -5;
}
.requirements-table {
margin-bottom: 50px;
}
#slideshow {
margin: 10px auto;
position: relative;
width: fixed;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
.fullscreen-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-aspect-ratio: 16/9) {
.fullscreen-bg__video {
height: 300%;
top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
.fullscreen-bg__video {
width: 300%;
left: -100%;
}
}
@media (max-width: 767px) {
.fullscreen-bg__video {
display: none;
}
}
.shadow-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url('../img/shadow.png') repeat fixed;
text-indent: -9999em;
z-index: 1;
opacity: 0.5;
}
/* SIDEBAR SERVER INFO CSS
.sidebar-srvinfo {
width: 100%;
background: #0b0a09;
border: 1px solid #221f19;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
padding: 0px;
margin: 10px 0px;
}
.sidebar-srvinfo tr td {
height: 30px;
border-bottom: 1px solid #221f19;
padding: 0px 10px;
}
.sidebar-srvinfo tr td:first-child {
color: #9a7e46;
}
.sidebar-srvinfo tr:first-child td {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 5px;
height: 40px;
color: #ffcc00;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.sidebar-srvinfo tr:last-child td {
border: 0px;
}
*/
.servertime, .localtime
{
width: 75px;
color: #ffcc00;
}
#header2 {
background: transparent url('../img/.jpg') no-repeat top center;
width: 100%;
height: 380px;
}
#header-logo {
position: absolute;
margin-top: 100px;
margin-left: 300px;
}
.server_time {
width: auto%;
font-size: 12px;
float: right;
text-align: right;
color: #fff;
padding-top: 10px;
padding: 3px;
margin: 10px 10px 0 0;
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid #222;
border-radius: 5px;
}
#sidebar {
width: 300px;
float: left;
}
#sidebar-content {
width: 290px;
padding-top: 10px;
padding-bottom: 170px;
}
/* SIDEBAR SERVER INFO CSS */
.sidebar-srvinfo {
width: 100%;
background: #0b0a09;
border: 1px solid #221f19;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
padding: 0px;
margin: 10px 0px;
}
.sidebar-srvinfo tr td {
height: 30px;
border-bottom: 1px solid #221f19;
padding: 0px 10px;
}
.sidebar-srvinfo tr td:first-child {
color: #9a7e46;
}
.sidebar-srvinfo tr:first-child td {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 5px;
height: 40px;
color: #ffcc00;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.sidebar-srvinfo tr:last-child td {
border: 0px;
}
.sidebar-usercp {
width: 100%;
background: #0b0a09 no-repeat top right;
border: 1px solid #221f19;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 10px #000;
padding: 0px;
}
.sidebar-usercp tr td {
height: 30px;
border-bottom: 1px solid #221f19;
padding: 0px 10px;
}
.sidebar-usercp tr:first-child td {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 5px;
height: 40px;
color: #ffcc00;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.sidebar-usercp tr:last-child td {
border: 0px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background: #3a3a3a;
background-image: none;
}
/* Custom Select
.select {
position: relative;
display: block;
width: 15em;
height: 3em;
line-height: 3;
overflow: hidden;
border-radius: .25em;
}*/
select {
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 .5em;
color: #fff;
cursor: pointer;
}
select::-ms-expand {
display: none;
}
/* Arrow
.select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: #34495e;
pointer-events: none;
} */
/* Transition */
.select:hover::after {
color: #f39c12;
}
.select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}