@font-face {
	font-display: swap;
}


.box,
.heading {
    white-space: nowrap
}

.successfulcheckout {
	color: #305c8e;
}


.ribbon {
	transform: rotate(-34deg);
    position: absolute;
    left: -6px;
    top: 6px;
	background-color: #D80001;
    color: #fff;
	border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	/*z-index: 10;*/
}

textarea:focus, input:focus{
    outline: none;
}

h1,h2 {
	font-weight: 700;
	color: #40a0f1 !important;
	font-size: 1.25rem;
}

.signed-in-user {
	
}

.admin,
.box h4,
.box input,
.box p,
.button-submit input,
.button-swap input,
.content,
.content-header,
.content_full,
.content_half,
.fa-icon,
.featured-inner,
.footer-ul,
.header,
.heading,
.staff,
.subhead,
footer {
    font-style: normal
}

.content a {
	color: #007bff;	
}

.back-arrow {
	display: inline-flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}

.golden-text {
    color: #ffd771 !important;
}

.back-arrow::before {
	content: '←';
	margin-right: 8px; /* Space between the arrow and the text */
}

.border {
    border: 2px solid #46596d !important;	
}

.offer_box {
	padding: 10px;
	margin-top: 10% !important;
	}
	
	.offer_box:hover {
	
}

.white {
	color: white !important;	
}

.black {
	color: black !important;	
}

.bottom_ul,
li {
list-style-type: none
}

.stars {

}

/* Faucet */
/*
.faucet_container {
padding: 5%;	
}

.faucet {
position: relative;
border-style: solid;
border-width: 5px;
border-color: #0BA3F2;
width: 50%;
top: 5%;
border-radius: 25px;
}

.faucet_amount {
position: absolute;
border-style: solid;
border-width: 5px;
border-color: #0BA3F2;
width: 25%;
bottom: 100%;
left: 37%;
right: 37%;
border-radius: 15px;
}
*/
/* END Faucet */

.facebook_reviews {
font-size: 15px;
padding: 5px;
white-space: nowrap;
}

.btn_container {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;	
}

.btn_special {
color: #fff;
background-color: #f3e000;
-webkit-box-shadow: -1px 0px 19px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 19px 1px rgba(0,0,0,0.75);
box-shadow: -1px 0px 19px 1px rgba(0,0,0,0.75);
-webkit-animation-duration: 5s;
animation-duration: 5s;
}

.btn_special:hover {
color: #fff;
background-color: #ffef2f;
-webkit-box-shadow: -1px 0px 19px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 19px 1px rgba(0,0,0,0.75);
box-shadow: -1px 0px 19px 1px rgba(0,0,0,0.75);
}

.crypto_box img {
height: 100px;
padding: 10px;	
}

.crypto_currency {
background-color: DodgerBlue;
width: 50%;
height: 50px;
margin: 0 auto;
position: relative;
border-radius: 5px;
font-weight: bold;
}

.crypto_currency option {
margin: 0 auto;
}

.header-right {
text-align: center;
margin-left: auto;
float: right;
}

.admin,
.manage,
.panel-manage,
.staff {
min-width: 100%;
min-height: 100%;
}

.panel-manage input {
}

li,
nav,
ul {
padding: 0;
margin: 0
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
h9,
ul {
color: #f8f8f8
}

a,
a:hover {
text-decoration: none
}

.register,
option {
color: #000
}

.list-group-item {
color: black !important;	
}

html,
html a {
/*
-webkit-font-smoothing: antialiased!important;
text-shadow: 0 1px 5.7px rgba(0, 0, 0, .35)
*/
}

body,
html {
background-color: #f6f6f6;
margin: auto;
overflow-x: hidden;
-webkit-transition: all .5s;
/*
touch-action: manipulation;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
*/
padding-right: 0 !important;
/*font-family: 'Montserrat', Arial, sans-serif !important;*/
font-family: 'Roboto', sans-serif;
}

.footer-ul li a,
.footer-ul li a:hover,
a:hover {
transition: color .2s linear 0s, background .2s linear 0s
}

nav {
width: 100%;
-webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .75);
-moz-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .75);
box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .75)
}

a:hover {
color: #353a44
}

input,
select,
textarea {
color: #d3d3d3;
text-align: center
}

.input,
.register {
color: #000;
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.currency span,
.currency-mobile span {
text-align: right;
float: left;
padding: 0 .5rem
}

.box,
.center,
.mr-auto-left,
.nav-item-header,
.navbar-brand,
.navbar-nav {
text-align: center
}

.box input,
.currency,
.currency input,
.currency span,
.inline {
display: inline-block
}

::-webkit-input-placeholder {
color: #305c8e
}

:-ms-input-placeholder {
color: #305c8e
}

::-moz-placeholder {
color: #305c8e;
opacity: 1
}

:-moz-placeholder {
color: #305c8e;
opacity: 1
}

#total h3,
#total2 h3 {
color: #305c8e
}

select {
outline: 0;
box-shadow: none;
border: 0!important;
background: 0 0;
color: #fff
}

.currency {
margin-top: 2.5%;
margin-right: 2.5%;
border: 1px solid #fff;
height: 100%;
width: auto;
color: #fff
}

.currency-mobile {
display: none;
color: #fff
}

.bg-aud-icon,
.bg-cad-icon,
.bg-eur-icon,
.bg-gbp-icon,
.bg-h-icon,
.bg-m-icon,
.bg-s-icon,
.bg-usd-icon {
padding-left: 5px;
padding-right: 50px;
width: 255px;
height: 30px;
font-size: 24px
}

#character_name,
.subhead {
font-size: 20px
}

.push-rent {
left: 6.663333%
}

.push-osrs,
.push-rs3 {
left: 14.863333%
}

.push-sell {
left: 3.863333%
}

.push-swap {
left: 16.863333%
}

.bg-aud-icon,
.bg-cad-icon,
.bg-usd-icon {
background: url(/images/dollar.png) 15% 12.5px no-repeat #fff
}

.bg-eur-icon {
background: url(/images/euro.png) 15% 12.5px no-repeat #fff
}

.bg-gbp-icon {
background: url(/images/pound.png) 15% 12.5px no-repeat #fff
}

.bg-m-icon {
background: url(/images/m.png) 85.25% 13px no-repeat #fff
}

.bg-h-icon {
background: url(/images/h.png) 85.25% 13px no-repeat #fff
}

.bg-s-icon {
background: url(/images/s.png) 85.25% 13px no-repeat #fff
}

.button-login,
.button-submit a,
.button-submit input,
.button-swap input,
.buttons a {
background-image: -moz-linear-gradient(0deg, #005be4 0, #0cd8f0 100%);
background-image: -webkit-linear-gradient(0deg, #005be4 0, #0cd8f0 100%);
background-image: -ms-linear-gradient(0deg, #005be4 0, #0cd8f0 100%)
}

.normal {
color: #305c8e
}

.green {
color: #8fd197
}

.red {
color: red
}

.white {
color: white;	
}

.blue {
color: #1200ff
}

.inline {
margin: 30px
}

#amount {
padding-left: 30px;
padding-right: 0
}

.box input {
margin: 10px auto 0;
padding: 0;
font-weight: 400;
width: 50%;
height: 50px;
border-color: #1351b5;
border-style: solid;
color: #305c8e;
background-color: #f6f6f6
}

.center,
.headerlinks,
.navbar-brand {
display: block
}

.box h4 {
font-weight: 700
}

.box p {
line-height: .1em;
font-weight: 400
}

.box .row {
margin-top: 25px
}

.rsname input {
width: 100%;
height: 50px
}

.buttons {
margin: 50px
}

.button-submit a,
.buttons a {
text-transform: uppercase;
margin: auto;
font-size: 20px;
text-align: center;
text-decoration: none
}

.buttons a {
padding: 20px 30px;
border: 1px solid #fff;
color: #fff;
-webkit-transition: background .25s, color .25s ease;
-moz-transition: background .25s, color .25s ease;
-ms-transition: background .25s, color .25s ease;
-o-transition: background .25s, color .25s ease;
transition: background .25s, color .25s ease
}

.buttons a:hover {
-webkit-filter: grayscale(25%);
filter: grayscale(25%);
color: #000;
text-decoration: none
}

.button-login,
button:hover {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}

.button-login {
border: 0 solid #fff;
border-radius: 5px;
color: #fff;
width: 77px;
height: 37px
}

.button-login:hover {
-webkit-filter: grayscale(25%);
filter: grayscale(25%)
}

.button-submit input:hover {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-filter: grayscale(25%);
filter: grayscale(25%)
}

.button-submit input {
border: 0 solid #fff;
border-radius: 1px;
color: #fff;
width: 70%;
height: 50px;
font-weight: 400
}

.button-submit a {
padding: 5px 0;
border: 1px solid #fff;
color: #fff;
-webkit-transition: background .25s, color .25s ease;
-moz-transition: background .25s, color .25s ease;
-ms-transition: background .25s, color .25s ease;
-o-transition: background .25s, color .25s ease;
transition: background .25s, color .25s ease;
font-weight: 500
}

.button-swap input:hover {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-filter: grayscale(25%);
filter: grayscale(25%)
}

.button-swap input {
margin: 10px;
border: 0 solid #fff;
border-radius: 1px;
color: #fff;
width: 50%;
height: 40px;
font-weight: 400
}

hr {
border-bottom: 1px solid #202f5a;
}

.admin,
.header {
border: 0 solid
}

.navbar-light .navbar-nav .nav-link {
color: #fff
}

.navbar-toggler {
margin: 0 auto
}

.content-header {
font-weight: 700
}

.header {
background-color: #0b97f0;
background-image: url(/images/header-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
border-bottom-color: #0b71f0;
border-bottom-width: 5px;
font-weight: 400
}

.header input {
background-color: #0b71f0;
color: #fff
}

.subhead {
font-weight: 700
}

.navbar-nav {
width: 100%
}

.nav-item-header {
margin: 0;
float: right;
padding: 0 1.1rem
}

.footer-social,
.nav-item {
padding: 0
}

.nav-item {
margin: 0 auto
}

.signin {
padding-left: 15%;
color: #fff
}

.content h6,
h1,
h2,
h3,
h4,
h5,
p {
text-shadow: 0 0 0 rgba(0, 0, 0, .35);
color: #305c8e
}

.mr-auto-left {
margin-left: auto!important
}

.navbar {
padding: .5rem 15rem;
background-color: #0d41ab
}

.navbar-brand {
font-size: 10px;
letter-spacing: 2px
}

.col-centered {
float: none;
margin: 0 auto
}

.margin {
margin: 3%
}

.center {
margin: 0 auto
}

.content,
.content_full,
.content_half {
padding: 5rem 1.5rem;
text-align: left;
margin: 0 auto;
font-weight: 400;
color: #305c8e
}

.admin,
.banner,
.featured,
.howtobuy,
.staff,
.swap,
.swap-header,
footer {
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%
}

.left {
float: left
}

.bottom_ul,
.right {
float: right
}

.fa-icon,
.footer-social li {
float: left
}

.content {
width: 75%
}

.content_full {
width: 100%
}

.content_half {
width: 50%
}

.banner {
width: 100%;
height: 34.6rem;
overflow: hidden;
}

.banner img {
width: 100%;
height: 553px;
overflow: hidden;
}

.featured {
background-image: url(/images/featuredbg.png);
max-height: 16%
}

.featured-inner {
padding: 1.8rem 0;
text-align: center;
font-weight: 600
}

.copyright p,
.swapbox span {
text-align: left
}

.admin,
.dropdown-menu li,
.manage,
.order,
.staff,
.text-center,
td,
th {
text-align: center !important;
}

.featured h5 {
line-height: 50px;
font-size: 1.15rem
}

.content h6 {
line-height: 0
}

.img-responsive {
max-width: 100%;
display: block;
border: 0;
vertical-align: middle
}

.goldinput input,
.swapbox {
border-style: solid;
font-style: normal
}

.fa-icon {
padding: 0 .5rem;
font-weight: 400
}

/* LANDING PAGE 1 START */

.left_landing {
margin-left: 100px !important;
}

.right_landing {
margin-right: 255px !important;
}

.button-landing input:hover {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-filter: grayscale(25%);
filter: grayscale(25%)
}

.button-landing input {
margin: 10px;
margin-left: 22px;
border: 0 solid #fff;
border-radius: 1px;
color: #fff;
width: 50%;
height: 80px;
width: 60%;
font-weight: 400;
background-color: #dab20d;
text-align: center;
}

.google_landing {
margin-top: 10px;
}

.trustpilot_landing {
margin-top: 40px;	
}

.osbot_landing {
margin-top: 40px;	
}

.landing_reviews {
background-color:rgba(13, 37, 63, 0.5);
border-color: #0962A8;
border-width: 2px;
border-radius: 10px;
border-style: solid;
padding: 20px;
margin-top: 120px;
}

.landing_reviews p {
color: white;	
text-align: center;
}

.landing_reviews img {
margin-top: 20px;
}

.landing_why {
background-color: #FFD01F;
background-color:rgba(255, 219, 31, 0.85);
padding: 20px;
border-radius: 10px;
margin-top: 38px
}

.landing_why h2 {
color: white !important;
text-align: center;
}

.landing_why li,ul {
color: #5f74aa;
list-style-type: square;
margin-left: 15px;
}

.landing_why ul {
margin-top: 20px;
}

.ribbon_landing {
position: absolute;
top: 77%;
right: 70%;
}

.quickoptions_landing {
margin: 0 auto;
background-color:rgba(13, 37, 63, 0.5);
border-color: #0962A8;
border-width: 2px;
border-radius: 10px;
border-style: solid;
padding: 20px;
margin-top: 10px;
width: 105%;
height: 125px;
}

.quickoptions_landing_1 {
margin-top: 35px;
}

.landing_buynow {
margin-right: 20px;	
}

.quickbuy_landing {
position: relative;
}

.quickbuy_landing b {
font-size: 20px;
}

.quickbuy_landing h2 {
color: white !important;
text-align: center;
}

.quickbuy_landing button {
text-align: center;
height: 70px;
width: 125px;
background-color: rgba(255, 219, 31, 0.85);
}

.quickbuy_landing button:hover {
background-color: #dab20d;	
}

.landingpage {
background-image: url(/images/landingpage_bg.png);
width: 100%;
height: auto;
background-repeat: repeat;
background-position: 0px;
}

.swap {
background-image: url(/images/swapbg.png);
width: 100%;
height: auto
}

.buybox {
border-color: #0962A8;
border-width: 2px;
border-radius: 5px;
background-color:rgba(13, 37, 63, 0.5);
width: 110%;
height: 660px;
font-weight: 100;
border-style: solid;
margin-top: 35px
}

.buybox h3 {
color: white;	
}

.buybox img {
margin-top: 15px;
}

.buybox li {
color: #8d8d8d;
font-size: 20px;
padding: 1px;
color: white;
}

.push-buy {
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}

.landing-counter {
color: #fff;
background-color: #183b61;
border-color: #343a40;
height: 50px;
width: 35px;
margin-bottom: 13px;
}

.goldinputlanding input {
display: inline-block;
padding: 0;
font-weight: 700;
font-size: 30px;
width: 60%;
height: 50px;
border-color: #5F656B;
color: #3D5374;
background-color: #f6f6f6;
margin: 10px;
text-align: center;
}

.goldinputlanding input {
border-style: solid;
font-style: normal;
box-shadow:inset 0 0 5px 5px #888;
}

/* LANDING PAGE 1 END */

.swap .row {
padding-top: 0px;
padding-bottom: 0px
}

.btcspecial {
margin-top: 20px;
color: white;
}

.swap-header-landing {
margin-bottom: 30px
}

.swapbox {
border-color: #0594e9;
border-width: 5px;
background-color: #fff;
width: 100%;
height: 540px;
font-weight: 100
}

.swapbox li {
color: #8d8d8d;
font-size: 20px;
padding: 1px
}

.footer-forum,
.footer-ul {
padding-left: 0
}

.goldinput input {
display: inline-block;
padding: 0;
font-weight: 700;
font-size: 30px;
width: 70%;
height: 50px;
border-color: #0ba4f2;
color: #3e8cd5;
background-color: #f6f6f6;
margin: 10px
}

.form-process,
.post p span {
display: block
}

.footer-forum,
.footer-social,
.footer-ul {
margin-left: 2px;
list-style-type: none
}

.swap-header {
background-image: url(/images/swapboxbg.png);
margin-bottom: 30px
}

.swap-header p {
color: #fff
}

.swap-header h3 {
color: #fff
}

footer {
background-color: #0ca1f1;
min-height: 400px;
font-weight: 400;
background-image: url(/images/footer-bg.png)
}

.footer-col {
margin-top: 50px
}

.logofooter {
margin-bottom: 10px;
font-size: 25px;
color: #fff;
font-weight: 700
}

.footer-col p {
color: #fff;
font-size: 12px;
margin-bottom: 15px
}

.footer-col p i {
width: 20px;
color: #999
}

.footer-ul {
font-weight: 400
}

.footer-ul li {
line-height: 29px;
font-size: 15px
}

.footer-ul i {
margin-right: 10px
}

.footer-ul li a:hover {
color: #353a44
}

.copyright {
min-height: 40px;
background-color: #000
}

.copyright p {
padding: 10px 0;
margin-bottom: 0
}

.heading {
font-size: 22px;
margin-bottom: 22px;
font-weight: 700;
padding: 1rem 0
}

.bottom_ul li a,
.post p {
font-size: 12px
}

.post p {
line-height: 20px
}

.bottom_ul {
margin-bottom: 0
}

.bottom_ul li {
float: left;
line-height: 40px
}

.bottom_ul li:after {
content: "/";
margin-right: 8px;
margin-left: 8px
}

.admin a,
.staff a {
margin: 25px
}

.contact {
padding: .3rem 0;
font-size: 15px
}

.contact p {
padding: 0 3rem
}

.paymentmethods {
background-image: -moz-linear-gradient(0deg, #c6c6c6 10%, #e4e4e4 47%, #c6c6c6 82%);
background-image: -webkit-linear-gradient(0deg, #c6c6c6 10%, #e4e4e4 47%, #c6c6c6 82%);
background-image: -ms-linear-gradient(0deg, #c6c6c6 10%, #e4e4e4 47%, #c6c6c6 82%);
padding-top: 10px;
padding-bottom: 10px;
}

.paymentmethods img {
max-width: 100%;
max-height: 28px;
display: block;
border: 0;
vertical-align: middle;
padding-top: 0%;
}

.container-large {
max-width: 1581px;
}

.howtobuy {
background-image: url(/images/featuredbg.png)
}

.admin,
.staff {
background-color: #0b97f0;
background-image: url(/images/header-bg.png);
font-weight: 400
}

.howtobuy img {
padding: 0
}

.arrow {
padding: 2rem 0
}

.admin {
border-bottom-color: #0b71f0;
border-bottom-width: 5px
}

.staff {
border: 0 solid;
border-bottom-color: #0b71f0;
border-bottom-width: 5px
}

.panel-primary {
border-color: #337ab7
}

.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-primary>.panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}

.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}

.panel-body {
padding: 15px
}

.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}

.panel-primary-manage {
border-color: #337ab7
}

.panel-manage {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-primary-manage>.panel-heading-manage {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}

.panel-heading-manage {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}

.panel-body-manage {
padding: 15px
}

.panel-footer-manage {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}

table {
border-collapse: collapse;
width: 100%
}

td,
th {
padding: 8px;
}

tr:nth-child(even) {
/*background-color: #f2f2f2;*/
}

.table tr {
background-color: #f2f2f2;	
}

th {
background-color: #1e7ac5;
color: #fff
}

.form-process {
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.freegold {
padding-top: 20px;	
}

.button-process {
border: 0 solid #fff;
border-radius: 5px;
color: #fff;
background-image: -moz-linear-gradient(0deg, #005be4 0, #0cd8f0 100%);
background-image: -webkit-linear-gradient(0deg, #005be4 0, #0cd8f0 100%);
background-image: -ms-linear-gradient(0deg, #005be4 0, #0cd8f0 100%);
width: 100%;
margin-top: 5px
}

.button-process:hover {
-webkit-filter: grayscale(25%);
filter: grayscale(25%)
}

.payment-method>div span.img {
margin: 10px;
width: 100px;
height: 30px;
display: inline-block;
vertical-align: middle
}

.ariba {
background: #e7e7e7;
border-radius: 5px;
padding: 70px
}

.payment-method>div {
border-radius: 2px;
background-color: #E9E6E6;
border: 1px solid #bbb;
height: 90px;
margin-bottom: 16px;
cursor: pointer;
font-size: .8em;
-webkit-transition: all .5s
}

.payment-method>div:hover {
background-color: #D0CCCC
}

.img-order {
max-width: 90%;
max-height: 30px;
display: block;
border: 0;
vertical-align: middle;
margin-top: 1rem
}

.hide,
.modal {
display: none
}

div.selected {
border: 2px solid gold
}

.dropdown-menu {
background-color: #0069d9;
min-width: 10.1rem
}

.modal {
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4)
}

.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 50%
}

.modal-content a {
color: #007bff;
}

.transparent {
background-color: transparent;
border: 0px;
}

.margin50 {
margin-left: 50%
}

.close {
color: #aaa;
margin-left: 99%;
font-size: 28px;
font-weight: 700
}

.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}

.coupon-success {
color: #1b8c2f;
font-weight: 700
}

.rsborder {
outline: #08a9ec solid;
outline-offset: 18px
}

.feedback {
width: 90%;
text-align: left
}

.margin-top {
margin-top: 10px
}

.margin-right {
margin-right: 10px
}

.margin-left {
margin-left: 10px
}

.chat,
.email,
.skype {
margin-left: 0
}

.margin-bottom {
margin-bottom: 10px
}

.label-inline {
width: 100px
}

.email {
margin-top: .4rem
}

.instagram {
margin-left: -.1rem
}

.twitter {
margin-left: -0rem
}

.g2a {
margin-top: 14%
}

.sprite {
background-image: url(/images/spritesheet.png);
background-repeat: no-repeat;
display: block
}

.sprite-arrows {
width: 31px;
height: 19px;
background-position: -5px -5px
}

.sprite-box {
width: 62px;
height: 61px;
background-position: -46px -5px
}

.sprite-chat {
width: 28px;
height: 28px;
background-position: -118px -5px;
padding: 18px
}

.sprite-discount {
width: 62px;
height: 61px;
background-position: -5px -76px
}

.sprite-dollar {
width: 20px;
height: 20px;
background-position: -5px -43px
}

.sprite-envelope {
width: 28px;
height: 23px;
background-position: -118px -43px;
padding: 18px
}

.sprite-euro {
width: 20px;
height: 20px;
background-position: -77px -76px
}

.sprite-favorite {
width: 62px;
height: 61px;
background-position: -107px -76px
}

.sprite-h,
.sprite-m,
.sprite-pound {
width: 20px;
height: 20px
}

.sprite-h {
background-position: -5px -147px
}

.sprite-m {
background-position: -35px -147px
}

.sprite-pound {
background-position: -65px -147px
}

.sprite-shield {
width: 62px;
height: 61px;
background-position: -156px -5px
}

.sprite-skype-logo {
width: 32px;
height: 32px;
background-position: -179px -76px;
padding: 18px
}


.sprite_2 {
background-image: url(/images/spritesheet_2.png);
background-repeat: no-repeat;
display: block;
}

.sprite-bitcoin_small {
width: 42px;
height: 28px;
background-position: -5px -5px;
}

.sprite-facebook {
width: 16px;
height: 16px;
background-position: -57px -5px;
display: inline-block;
}

.sprite-google {
width: 16px;
height: 16px;
background-position: -57px -31px;
display: inline-block;
}

.sprite-ideal_small {
width: 32px;
height: 28px;
background-position: -5px -43px;
}

.sprite-skrill {
width: 83px;
height: 28px;
background-position: -83px -5px;
}





/* File upload start */
.file-upload {
background-color: #ffffff;
width: 600px;
margin: 0 auto;
padding: 6.4%;
}

.file-upload-btn {
width: 100%;
margin: 0;
color: #fff;
background: #1FB264;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #15824B;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}

.file-upload-btn:hover {
background: #1AA059;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}

.file-upload-btn:active {
border: 0;
transition: all .2s ease;
}

.file-upload-content {
display: none;
text-align: center;
}

.file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}

.image-upload-wrap {
margin-top: 20px;
border: 4px dashed #1FB264;
position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
background-color: #1FB264;
border: 4px dashed #ffffff;
}

.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}

.drag-text {
text-align: center;
}

.drag-text h3 {
font-weight: 100;
text-transform: uppercase;
color: #15824B;
padding: 60px 0;
}

.file-upload-image {
max-height: 200px;
max-width: 200px;
margin: auto;
padding: 20px;
}

.remove-image {
width: 200px;
margin: 0;
color: #fff;
background: #cd4535;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #b02818;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}

.remove-image:hover {
background: #c13b2a;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}

.remove-image:active {
border: 0;
transition: all .2s ease;
}
/* File upload end */

/* Wheel Spin */

.wheel_fixed {
position:fixed;
bottom:0;
left:0;
z-index: 9999;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 6s linear infinite;
-moz-animation: rotating 6s linear infinite;
-ms-animation: rotating 6s linear infinite;
-o-animation: rotating 6s linear infinite;
animation: rotating 6s linear infinite;
}

.rotating_idle {
-webkit-animation: rotating 20s linear infinite;
-moz-animation: rotating 20s linear infinite;
-ms-animation: rotating 20s linear infinite;
-o-animation: rotating 20s linear infinite;
animation: rotating 20s linear infinite;
}

.wheel_wrapper {
position: relative;
width: 613px;
height: 842px;
}

.tier-1-inner {
background: url(/images/inner-wheel-1-revision.png) no-repeat;
}

.tier-2-inner {
background: url(/images/inner-wheel-2-revision.png) no-repeat;
}

.tier-3-inner {
background: url(/images/inner-wheel-3-revision.png) no-repeat;
}

.tier-1-outer {
background: url(/images/outer-wheel-1.png) no-repeat;
}

.tier-2-outer {
background: url(/images/outer-wheel-2.png) no-repeat;
}

.tier-3-outer {
background: url(/images/outer-wheel-3.png) no-repeat;
}

.lottery {
position: absolute;
content: '';
width: 613px;
height: 842px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
z-index: 1;
}

.inner-wheel {
position: absolute;
left: 5%;
top: 3.5%;
content: '';
width: 540px;
height: 540px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
z-index: 0;
}

.wheel-luck {
position: absolute;
content: '';
left: 37.5%;
top: 27%;
background: url(/images/wheel-luck.png) no-repeat;
width: 138px;
height: 81px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
cursor: pointer;
z-index: 1;
}

.spin-rules img {
margin-left: -50%;
}

.blue-background {
background-color: #1AA7F3;
}

.light-background {
background-color: #30BDF0;
}

.white-background {
background-color: #ececec;	
}

.spin-modal {
width: 1000px;
background-image: url(/images/spin-wheel-modal-order.png);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
height: 700px;
margin: 0 auto;
}

.spin-modal input {
width: 400px;
position: absolute;
left: 30%;
top: 62%;
}

.spin-modal .btn {
width: 400px;
position: absolute;
left: 30%;
top: 67%;
}

.spin-modal .close {
width: 400px;
position: absolute;
left: -25%;
top: 37%;
}

.spin-modal p {
color: black;	
}

.spin-modal a {
color: white;	
}

.spin-modal a:hover {
color: black;	
}




.win-modal {
width: 1000px;
background-image: url(/images/win-wheel-modal.png);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
height: 830px;
margin: 0 auto;
}

.win-modal input {
width: 400px;
position: absolute;
left: 30%;
top: 65%;
}

#prize {
width: 400px;
position: absolute;
left: 30%;
top: 60%;
}

.win-modal .btn {
width: 400px;
position: absolute;
left: 30%;
top: 70%;
}

.win-modal .laterwin {
width: 400px;
position: absolute;
left: 30%;
top: 75%;
}

.win-modal .close {
width: 400px;
position: absolute;
left: -25%;
top: 37%;
}

.win-modal p {
color: black;	
}

.win-modal a {
color: white;	
}

.win-modal a:hover {
color: black;	
}

/* End Wheel Spin */


.menu_group span {
}

.menu_group img {
margin-bottom: 2px;
}







/* POWERLEVELLING QUESTING ETC START */


.osrs {
height: auto;
width: 100%;
position: relative;
}

.osrs .top {
width: 100%;
height: auto;
background-color: #121527;
}

.osrs .top .os-title {
font-size: 3rem;
padding: 3rem 0;
font-weight: bold;
color: white;
text-align: center;
}

.osrs .top .highlight {
color: #429df1;
}

.osrs .container-osrs {
margin: 3rem auto;
padding: 0 1rem;
}

.osrs .container-osrs .cards-osrs {
width: 100%;
margin: 7rem auto 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 93rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}

.osrs .container-osrs .cards-osrs .card-osrs {
-webkit-box-flex: 0;
-ms-flex: 0 0 25rem;
flex: 0 0 25rem;
width: 100%;
border: 1px solid #1e2ea9;
border-radius: 0.8rem;
margin: 0 auto 2rem auto;
height: auto;
}

.osrs .container-osrs .cards-osrs .card-osrs .skills {
width: inherit;
margin: 2rem auto 1rem auto;
padding: 0 1rem;
text-align: justify;
}

.osrs .container-osrs .cards-osrs .card-osrs .skill {
width: 100%;
max-width: 3.5rem;
display: inline-block !important;
text-align: center;
}

.skill img {
display: inline-block !important;
}

.osrs .container-osrs .cards-osrs .card-osrs .skill p {
font-size: 1.4rem;
}

.order_skill {
width: 100%;
max-width: 3.5rem;
display: inline-block !important;
text-align: center;
}

.order_skill img {
display: inline-block !important;
}

.order_skill p {
font-size: 1.4rem;
}

.osrs .container-osrs .cards-osrs .card-osrs h2 {
color: white;
background-color: #429df1;
font-size: 1.2rem;
padding: 0.5rem 0;
font-weight: normal;
text-align: center;
border-radius: 0.8rem 0.8rem 0 0;
}

.osrs .container-osrs .cards-osrs .card-osrs button {
display: block;
}

.osrs .container-osrs .cards-osrs .card-osrs .more {
color: white;
border-radius: 0.4rem;
background-color: #429df1;
width: 100%;
max-width: 22rem;
margin: 0 auto;
font-size: 1rem;
height: 2.5rem;
border: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.osrs .container-osrs .cards-osrs .card-osrs .more:hover {
opacity: 0.7;
}

.osrs .container-osrs .cards-osrs .card-osrs .bold {
font-weight: bold;
}

.osrs .container-osrs .cards-osrs .card-osrs .buy {
color: white;
border-radius: 0.4rem;
background-color: #38ad32;
width: 100%;
max-width: 22rem;
margin: 0.5rem auto 2rem auto;
font-size: 1.1rem;
height: 2.5rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 0;
}

.osrs .container-osrs .cards-osrs .card-osrs .buy:hover {
opacity: 0.7;
}

.osrs .container-osrs form {
text-align: center;
width: 100%;
margin: 0 auto;
position: relative;
max-width: 25rem;
}

.osrs .container-osrs form::-webkit-input-placeholder {
text-align: left;
}

.osrs .container-osrs form:-ms-input-placeholder {
text-align: left;
}

.osrs .container-osrs form::-ms-input-placeholder {
text-align: left;
}

.osrs .container-osrs form::placeholder {
text-align: left;
}

.osrs .container-osrs form img {
position: absolute;
right: 0;
margin: 1rem;
}

.osrs .container-osrs form input[type=search] {
border: 1px solid #429df1;
width: 100%;
text-align: left;
padding: 0 1rem;
color: black;
max-width: 25rem;
height: 3rem;
}

.osrs .container-osrs form input[type=search]:focus {
outline: 0;
border: 1px solid #429df1;
}

@media all and (max-width: 390px) {
.card-osrs {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 20rem !important;
flex: 0 0 20rem !important;
}
.buy,
.more {
width: 16rem !important;
}
}

.osrs .modal-q {
width: 100%;
height: 100%;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 999;
background-color: rgba(0, 0, 0, 0.5);
}

.osrs .modal-q .box-qq {
width: 90%;
max-width: 900px;
padding: 20px 30px;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
background-color: white;
border-radius: 0.6rem;
}

.osrs .modal-q .box-qq .close-modal {
color: gray;
font-weight: bold;
text-align: right;
height: 3px;
}

.osrs .modal-q .box-qq .misc {
margin: 20px 0 0 0;
text-align: right;
}

.osrs .modal-q .box-qq .misc .add-all {
border: 0;
background-color: #38ad32;
color: white;
padding: 10px 30px;
border-radius: 0.4rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.osrs .modal-q .box-qq .misc .add-all:hover {
opacity: 0.7;
}

.osrs .modal-q .box-qq .misc .clear {
border: 0;
background-color: #1e2ea9;
color: white;
padding: 10px 30px;
border-radius: 0.4rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.osrs .modal-q .box-qq .misc .clear:hover {
opacity: 0.7;
}

.osrs .modal-q .box-qq .order-card-h {
width: 100%;
height: auto;
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #e7e7e7;
border: 1px solid rgba(18, 21, 39, 0.2);
border-radius: 0.8rem;
}

.osrs .modal-q .box-qq .order-card-h .diff {
font-size: 14px;
font-weight: 500;
color: #979797;
}

.osrs .modal-q .box-qq .order-card-h .cost {
font-size: 16px;
font-weight: 500;
color: #464646;
}

.osrs .modal-q .box-qq .order-card-h .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
width: 37%;
}

.osrs .modal-q .box-qq .order-card-h p {
font-size: 14px;
margin-bottom: 0;
}

.osrs .modal-q .box-qq .order-card-h .remove {
color: white;
background-color: #e65d5d;
border: 0;
height: 30px;
width: 100%;
font-size: 12px;
max-width: 120px;
border-radius: 2rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.osrs .modal-q .box-qq .order-card-h .remove:hover {
opacity: 0.6;
}

.osrs .modal-q .box-qq .order-card-h .add {
background-color: #38ad32;
color: white;
border: 0;
height: 30px;
width: 100%;
font-size: 12px;
max-width: 130px;
border-radius: 2rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.checkout-button-questing {
text-align: right;
color: white !important;
}

.add {
background-color: #38ad32;
color: white;
border: 0;
height: 30px;
width: 100%;
font-size: 12px;
max-width: 130px;
border-radius: 2rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.osrs .modal-q .box-qq .order-card-h .add:hover {
opacity: 0.6;
}

.osrs .modal-q .box-qq h2 {
color: #1e2ea9;
font-weight: bold;
font-size: 20px;
}

.osrs .modal-q .box-qq p {
color: black;
font-size: 14px;
}

.container-q.quest {
height: auto;
width: 100%;
padding: 80px 20px;
max-width: 1080px;
margin: 0 auto;
}

.container-q.powerlevel {
height: auto;
width: 100%;
padding: 80px 20px;
max-width: 1000px;
margin: 0 auto;
}

.container-q p {
color: black;
}

.container-q .highlight {
color: #0b97f0;
font-weight: bold;
}

.container-q .total {
font-weight: 500;
color: black;
text-align: right;
padding: 20px 0px;
font-size: 18px;
}

.container-q .line {
height: 1px;
background-color: black;
width: 100%;
}

.container-q .order-c {
font-size: 17px;
}

.container-q .order-c img {
margin-right: 1rem;
}

.container-q .sure {
font-size: 15px;
padding-bottom: 20px;
}

.container-q .order-card {
width: 100%;
height: auto;
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #e7e7e7;
border: 1px solid rgba(18, 21, 39, 0.2);
border-radius: 0.8rem;
}

.container-q .order-card p {
font-size: 14px;
margin-bottom: 0;
}

.container-q .order-card .side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 60%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.container-q .order-card .side .diff {
font-size: 14px;
font-weight: 500;
color: #979797;
}

.container-q .order-card .side .cost {
margin: 0 5rem;
font-size: 16px;
font-weight: 500;
color: #464646;
}

.container-q .order-card .remove {
color: white;
background-color: #e65d5d;
border: 0;
height: 40px;
width: 100%;
max-width: 150px;
border-radius: 2rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.container-q .order-card .remove:hover {
opacity: 0.6;
}

.container-q .options {
margin-top: 60px;
}

.container-q .options .headings {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
padding: 0 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.container-q .options .headings h1 {
font-size: 18px;
font-weight: 600;
color: black;
}

.container-q .options .headings .side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 60%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.container-q .options .headings .side .price {
-webkit-box-flex: 0;
-ms-flex: 0 0 17%;
flex: 0 0 17%;
}

.container-q .options .order-card {
height: auto;
padding: 20px 20px;
}

.container-q .options .order-card .add {
background-color: #38ad32;
color: white;
border: 0;
height: 40px;
width: 100%;
max-width: 150px;
border-radius: 2rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.container-q .options .order-card .add:hover {
opacity: 0.6;
}

.container-q .account-form {
text-align: center;
margin-top: 100px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.container-q .account-form h1 {
color: #0b97f0;
font-size: 40px;
line-height: 30px;
font-weight: bold;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.container-q .account-form p {
font-size: 16px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
color: black;
}

.container-q .account-form form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 40px auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.container-q .account-form form .acc-box:nth-child(9) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.container-q .account-form form .acc-box:nth-child(9) input {
height: 200px;
border-radius: 0.5rem;
padding-bottom: 150px;
}

.container-q .account-form form a {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.container-q .account-form form button {
text-transform: uppercase;
color: white;
background-image: -webkit-gradient(linear, left top, right top, from(blue), to(cyan));
background-image: -webkit-linear-gradient(left, blue, cyan);
background-image: -o-linear-gradient(left, blue, cyan);
background-image: linear-gradient(to right, blue, cyan);
border: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding: 0.8rem 3rem;
}

.container-q .account-form form button:hover {
opacity: 0.7;
}

.container-q .account-form form .acc-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.container-q .account-form form .acc-box::-webkit-input-placeholder {
font-size: 13px;
text-align: left;
}

.container-q .account-form form .acc-box:-ms-input-placeholder {
font-size: 13px;
text-align: left;
}

.container-q .account-form form .acc-box::-ms-input-placeholder {
font-size: 13px;
text-align: left;
}

.container-q .account-form form .acc-box::placeholder {
font-size: 13px;
text-align: left;
}

.container-q .account-form form .acc-box .italic {
font-style: italic;
color: black;
font-weight: 300;
font-size: 13px;
}

.container-q .account-form form .acc-box input {
height: 50px;
padding: 0 10px;
text-align: left;
color: black;
width: 100%;
font-size: 13px;
background-color: transparent;
border: 1px solid #1351b5;
margin-bottom: 35px;
}

.container-q .account-form form .acc-box input:focus {
outline: 0;
}

.container-q .account-form form .acc-box h2 {
font-size: 14px;
text-align: left;
color: #1351b5;
}

@media all and (max-width: 500px) {
.account-form form .acc-box {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
}
.account-form h1 {
font-size: 30px !important;
}
}

@media all and (max-width: 650px) {
.osrs .modal-q .box-qq .order-card-h .buttons {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
}
.osrs .modal-q .box-qq h2 {
font-size: 14px;
}
.osrs .modal-q .box-qq .misc {
margin-top: 5px;
}
.osrs .modal-q .box-qq .misc .clear,
.add-all {
font-size: 11px;
padding: 0 30px !important;
height: 25px;
}
.osrs .modal-q .box-qq p {
font-size: 11px;
}
.osrs .modal-q .box-qq .order-card-h p {
font-size: 11px !important;
}
.order-card-h .remove,
.order-card-h .add {
font-size: 10px !important;
margin-bottom: 5px;
height: 25px !important;
}
.order-card-h .q-name {
margin: 0 !important;
}
.q-name {
margin-bottom: 20px !important;
}
.container-q .order-card {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.options .headings .side {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: right;
}
.order-card .side {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.order-card .side .cost {
margin: 20px 0 !important;
}
}

.select-skill {
width: 100%;
}

.select-skill h3 {
font-size: 17px;
color: black;
width: 100%;
padding-bottom: 60px;
}

.select-skill .card-skill {
display: inline-block;
padding: 0 18px 0 0;
width: 100%;
max-width: 100px;
margin: 0 15px 40px 0;
border-radius: 10px;
height: 100px;
}

.select-skill .card-skill img {
width: 100%;
max-width: 80px;
height: 80px;
padding: 10px;
background-color: #e4e4e4;
border-radius: 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.select-skill .card-skill img:hover {
background-color: #0d41ab;
}

.card-skill.chosen img {
background-color: #0d41ab;
}

.card-skill.disabled img {
background-color: grey;
}

.card-skill.disabled img:hover {
background-color: grey;
}

.select-skill .card-skill p {
text-transform: uppercase;
font-size: 10px;
width: 100%;
max-width: 100px;
text-align: center;
padding-top: 10px;
}

.account-form-power {
text-align: center;
width: 100%;
max-width: 900px;
margin: 50px auto 0 auto;
padding: 0 20px 80px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.account-form-power h1 {
color: #0b97f0;
font-size: 40px;
line-height: 30px;
font-weight: bold;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.account-form-power p {
font-size: 16px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
color: black;
}

.account-form-power {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 40px auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.account-form-power .acc-box:nth-child(9) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.account-form-power .acc-box:nth-child(9) input {
height: 200px;
border-radius: 0.5rem;
padding-bottom: 150px;
}

.account-form-power a {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.account-form-power button {
text-transform: uppercase;
color: white;
background-image: -webkit-gradient(linear, left top, right top, from(blue), to(cyan));
background-image: -webkit-linear-gradient(left, blue, cyan);
background-image: -o-linear-gradient(left, blue, cyan);
background-image: linear-gradient(to right, blue, cyan);
border: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding: 0.8rem 3rem;
}

.account-form-power button:hover {
opacity: 0.7;
}

.account-form-power .acc-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

.account-form-power .acc-box::-webkit-input-placeholder {
font-size: 13px;
text-align: left;
}

.account-form-power .acc-box:-ms-input-placeholder {
font-size: 13px;
text-align: left;
}

.account-form-power .acc-box::-ms-input-placeholder {
font-size: 13px;
text-align: left;
}

.account-form-power .acc-box::placeholder {
font-size: 13px;
text-align: left;
}

.account-form-power .acc-box .italic {
font-style: italic;
color: black;
font-weight: 300;
font-size: 13px;
}

.account-form-power .acc-box input {
height: 50px;
padding: 0 10px;
text-align: left;
color: black;
width: 100%;
font-size: 13px;
background-color: transparent;
border: 1px solid #1351b5;
margin-bottom: 35px;
}

.account-form-power .acc-box input:focus {
outline: 0;
}

.account-form-power .acc-box h2 {
font-size: 14px;
text-align: left;
color: #1351b5;
}

.rsn-power {
padding: 35px 0;
width: 100%;
background-color: #121527;
height: auto;
}

.rsn-power .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 60%;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
padding: 30px 20px;
margin-bottom: 20px;
border: 1px solid #0b97f0;
}

.rsn-power .info h2 {
color: white;
font-size: 16px;
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
}

.rsn-power .info .total {
margin-top: 10px;
}

.rsn-power .info .total h1 {
color: #0b97f0;
text-transform: uppercase;
font-size: 22px;
}

.rsn-power .info .current,
.rsn-power .info .target {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.rsn-power .info .current input,
.rsn-power .info .target input {
width: 100%;
max-width: 50px;
margin: 0 20px;
border-radius: 10px;
color: white;
font-size: 18px;
font-weight: bold;
border: 1px solid #0b97f0;
background-color: #1a1d2c;
height: 45px;
}

.rsn-power .info .current input:focus,
.rsn-power .info .target input:focus {
outline: 0;
}

.rsn-power .info .current p,
.rsn-power .info .target p {
color: white;
font-weight: bold;
padding: 13px 15px;
margin: 5px 10px;
background-color: #000000;
border: 1px solid #0b97f0;
border-radius: 10px;
}

.rsn-power .info .rsn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.rsn-power .info .rsn input {
border: 0;
border-radius: 5px;
width: 100%;
max-width: 170px;
margin-left: 20px;
color: black;
font-size: 13px;
text-align: left;
padding: 10px;
height: 45px;
}

.rsn-power .info .rsn input:focus {
outline: 0;
}

@media all and (max-width: 500px) {
.select-skill {
margin: 0 auto !important;
text-align: center;
}
.select-skill .card-skill {
padding: 0;
margin: 0 10px 40px 0;
}
.rsn-power .info {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.rsn-power .info .rsn h2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.rsn-power .info .rsn input {
margin-left: 0 !important;
margin-bottom: 20px;
}
}

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}



/* POWERLEVELLING QUESTING ETC END */




















/********************************************
CSS RUNSPINS DONATE
*****************************************/

.top_bar {
text-align: center;
background-image: url(../images/runespin-header.png);
background-repeat: no-repeat;
background-size: cover;
padding: 15.5px 15px;
background-position: center;
}

.top_bar h3 {
font-size: 36px;
color: #ffffff;
font-weight: 800;
line-height: 1.278;
text-align: center;
}

.runspin_logo {
text-align: center;
padding: 31px 15px;
background-color: #fff;
}

.runspin_logo img {
height: 127px;
-o-object-fit: cover;
object-fit: cover;
}

.runspin-form-main {
background-color: #f6f6f6;
padding: 60px 15px 80px;
}

.runspin-form-main .form-wrapper {
max-width: 600px;
margin: 0 auto;
}

.runspin-form-main .form-wrapper .form-group {
margin-bottom: 27px;
}

.runspin-form-main .form-wrapper .form-group label {
font-size: 14px;
text-align: left;
color: #4198f0;
margin-bottom: .5rem;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.35);
font-weight: 600;
line-height: 1.2;
}

.runspin-form-main .form-wrapper .form-group textarea.form-control {
height: 126px;
border-radius: 0.5rem;
padding: 15px !important;
color: black;
width: 100%;
font-size: 13px;
background-color: transparent;
border: 1px solid #1351b5;
resize: none;
text-align: left;
font-size: 14px;
}

.runspin-form-main .form-wrapper .form-group .amount_input {
position: relative;
}

.runspin-form-main .form-wrapper .form-group .amount_input .form-control {
margin-top: 10px;
padding: 0 15px !important;
border-radius: 3px;
background-color: #1e2ea9;
height: 50px;
font-size: 18px;
text-align: left;
font-weight: 500;
padding-right: 70px;
color: #fff;
}

.runspin-form-main .form-wrapper .form-group .amount_input .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.69);
}

.runspin-form-main .form-wrapper .form-group .amount_input .form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.69);
}

.runspin-form-main .form-wrapper .form-group .amount_input .form-control::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.69);
}

.runspin-form-main .form-wrapper .form-group .amount_input .form-control::placeholder {
color: rgba(255, 255, 255, 0.69);
}

.runspin-form-main .form-wrapper .form-group .amount_input .cur {
color: rgba(255, 255, 255, 0.69);
font-size: 18px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 15px;
font-weight: 500;
}

.runspin-form-main .form-wrapper .form-group .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}

.security_checkout {
border-top: 1px solid rgba(30, 46, 169, 0.29);
padding: 30px 0;
}

.security_checkout h3 {
font-size: 15px;
color: #4198f0;
font-weight: 800;
text-align: center;
margin-bottom: 24px;
}

.security_checkout .radio-style {
opacity: 0;
position: absolute;
}

.radio-style-2-label {
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}

.radio-style:checked + .radio-style-2-label:before {
content: '';
position: absolute;
background-image: url(../images/checkicon.png);
width: 19px;
height: 19px;
top: -9.5px;
right: -9.5px;
}

.radio-style-2-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
position: relative;
}

.check_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0;
margin: 0 -30px 12px;
}

.check_list li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
width: 100%;
display: block;
padding: 0 30px;
}

.radio-style-2-label span.icon-holder {
border-style: solid;
border-width: 1px;
border-color: #d6d6d6;
border-radius: 7px;
background-color: rgba(255, 255, 255, 0.13);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
width: 100%;
height: 86px;
}

.radio-style-2-label span.type {
font-size: 15px;
color: #429df1;
font-weight: 600;
line-height: 3.067;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.35);
}

.radio-style:checked + .radio-style-2-label span.icon-holder {
border-color: #429df1;
}

.cta-green {
font-size: 14px;
color: #fff;
font-weight: 700;
text-align: center;
text-transform: uppercase;
background-image: -moz-linear-gradient(144deg, #23b64c 0%, #00ff47 100%);
background-image: -webkit-linear-gradient(144deg, #23b64c 0%, #00ff47 100%);
background-image: -ms-linear-gradient(144deg, #23b64c 0%, #00ff47 100%);
min-width: 217px;
height: 59px;
z-index: 28;
border: none;
border-radius: 28px;
letter-spacing: 2px;
outline: none;
cursor: pointer;
}

.cta-green:focus,
.cta-green:hover {
outline: none;
background-image: -webkit-linear-gradient(144deg, #41ad49 0%, #21b72c 100%);
}

.bonuses_main {
background-color: #fff;
padding: 67px 0;
overflow: hidden;
}

.bonuses_main .tab-content {
display: block;
}

.bonuses_main .tab-content h4 {
color: #1e2ea9;
font-size: 16px;
font-weight: 600;
}

.bonuses_main .tab-content .card {
padding: 0;
-webkit-box-shadow: rgba(193, 213, 224, 0.35) 0px 0px 10px;
box-shadow: rgba(193, 213, 224, 0.35) 0px 0px 10px;
}

.bonuses_main .tab-content .card .card-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 0;
border: none;
background-color: #ffffff;
}

.bonuses_main .tab-content .card .card-header .media .price {
min-width: 76px;
padding: 0 5px;
text-align: center;
font-size: 22px;
font-weight: 700;
text-shadow: none;
line-height: 1;
}

.bonuses_main .tab-content .card .card-header .media .media-body h4 {
color: #1e2ea9;
font-size: 18px;
font-weight: 700;
text-shadow: none;
margin-bottom: 0;
}

.bonuses_main .tab-content .card .card-header .media .media-body p {
font-size: 12px;
font-style: italic;
color: #1e2ea9;
font-weight: 500;
margin: 0;
}

.bonuses_main .tab-content .card .card-header .media .media-body p span {
color: #1e2ea9;
}

.bonuses_main .tab-content .card .card-header .arrow {
padding: 0 16px;
}

.bonuses_main .tab-content .card .card-header a i {
text-shadow: none;
color: #1e2ea9;
}

.bonuses_main .tab-content .card .card-header a[aria-expanded="true"] i {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.bonuses_main .tab-content .open-bounty .card {
border-left: 3px solid #8300fb;
}

.bonuses_main .tab-content .open-bounty .card .card-header .media .price {
color: #8300fb;
}

.bonuses_main .tab-content .open-bounty .card .card-header .media .media-body p span {
color: #8300fb;
}

.bonuses_main .tab-content .completed .card {
border-left: 3px solid #41ad49;
}

.bonuses_main .tab-content .completed .card .card-header .media .price {
color: #41ad49;
}

.bonuses_main .tab-content .completed .card .card-header .media .media-body p span {
color: #41ad49;
}

.bonuses_main .tab-content .decline .card {
border-left: 3px solid #f2504c;
}

.bonuses_main .tab-content .decline .card .card-header .media .price {
color: #f2504c;
}

.bonuses_main .tab-content .decline .card .card-header .media .media-body p span {
color: #f2504c;
}

.bonuses_main .tab-content .card-body {
padding-top: 0;
padding-left: 76px;
text-shadow: none;
font-size: 13px;
line-height: 18px;
}

.bonuses_main .nav {
margin-bottom: 30px;
border-bottom: 2px solid #eee;
}

.bonuses_main .nav .nav-link {
background-color: transparent;
border-bottom: 2px solid transparent;
border-radius: 0;
font-weight: 700;
margin-bottom: -2px;
text-shadow: none;
opacity: 0.5;
color: #1e2ea9;
}

.bonuses_main .nav .nav-link span {
padding: 3px 8px;
background-color: #1e2ea9;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 50%;
font-size: 12px;
margin-left: 8px;
opacity: 0.5;
}

.bonuses_main .nav .nav-link.active {
border-bottom: 2px solid #1e2ea9;
color: #1e2ea9;
opacity: 1;
}

.bonuses_main .nav .nav-link.active span {
opacity: 1;
}

.bonuses_main .nav .nav-link:hover {
color: #1e2ea9;
border-bottom: 2px solid #1e2ea9;
opacity: 1;
}

.card_bonuses {
border-radius: 5px;
overflow: hidden;
padding-bottom: 4px;
background-color: #fff;
}

.card_bonuses .card_title {
background-color: #1e2ea9;
color: #fff;
font-size: 15px;
text-transform: uppercase;
margin: 0;
padding: 15.5px;
text-align: center;
}

.card_bonuses .card_body .table tbody tr {
background-color: #fff !important;
}

.card_bonuses .card_body .table tbody tr td {
padding: 0 5px;
border: 0;
text-align: left !important;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.35);
font-size: 15px;
color: #434447;
font-weight: 400;
line-height: 24px;
}

.card_bonuses .card_body .table tbody tr td span {
color: #429df1;
font-weight: 600;
}

.card_bonuses .card_body .table tbody tr td:nth-child(2) {
text-align: right !important;
}

.about-runespin {
padding: 68px 0 15px;
}

.about-runespin .content {
width: 100%;
padding: 0 0 89px;
text-align: center;
}

.about-runespin .content h3 {
font-size: 19px;
font-weight: 700;
color: #429df1;
margin-bottom: 35px;
}

.about-runespin .content p {
font-size: 13px;
color: #646c73;
line-height: 19px;
font-weight: 400;
}

@media (max-width: 991px) {
.bonuses_main .row {
margin: 0 -15px;
}
.bonuses_main .row [class*="col-"] {
padding: 0 15px;
}
.card_bonuses {
margin-bottom: 30px;
}
}

@media (max-width: 767px) {
.check_list {
margin: 0 -15px 10px;
}
.check_list li {
padding: 0 15px;
}
.top_bar h3 {
font-size: 24px;
}
.runspin_logo img {
height: 82px;
-o-object-fit: cover;
object-fit: cover;
}
}

@media (max-width: 575px) {
.icon-holder img {
width: 40px;
-o-object-fit: cover;
object-fit: cover;
}
.radio-style-2-label span.type,
.card_bonuses .card_body .table tbody tr td {
font-size: 11px;
}
.check_list {
margin: 0 -7px 10px;
}
.check_list li {
padding: 0 7px;
}
.about-runespin {
padding: 35px 0 15px;
}
.about-runespin .content h3 {
margin-bottom: 15px;
}
.about-runespin .content {
padding-bottom: 35px;
}
.bonuses_main {
padding: 35px 0;
}
.cta-green {
height: 43px;
}
}

/* INPUT NUMBER THINGS */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* -webkit-appearance: none; */
margin: 0;
}

/* Firefox */
input[type=number] {
/* -moz-appearance:textfield; */
}


.h-info {
height: auto;
padding: 60px;
width: 100%;
background-image: url("../images/bg.png");
background-repeat: no-repeat;
background-size: cover; }
.h-info .lblue {
color: #0b97f0; }
.h-info .container {
width: 100%;
max-width: 1600px;
position: relative;
margin: 0 auto; }
.h-info .lime {
color: lime; }
.h-info h3 {
color: white;
font-size: 17px; }
.h-info .box-p {
width: 100%;
max-width: 400px;
margin-right: 140px; }
.h-info .secure {
width: 100%;
max-width: 140px; }
.h-info .check {
width: 100%;
max-width: 280px; }
.h-info .safe {
text-align: center; }
.h-info .text-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.h-info .m-info {
margin-top: 45px;
width: 100%;
height: auto;
position: relative;
z-index: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.h-info .m-info .whyar {
width: 100%;
max-width: 500px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.h-info .m-info .whyar .m-col {
background-color: #0a0f30;
border-radius: 7px;
height: auto;
padding: 20px 20px;
position: relative; }
.h-info .m-info .whyar .m-col::before {
content: '';
background: -webkit-gradient(linear, left bottom, left top, from(#43beed), to(#132e6e));
background: -webkit-linear-gradient(bottom, #43beed, #132e6e);
background: -o-linear-gradient(bottom, #43beed, #132e6e);
background: linear-gradient(to top, #43beed, #132e6e);
border-radius: 7px;
width: 100.4%;
height: 100.4%;
left: -1px;
top: -0.6px;
position: absolute;
z-index: -1; }
.h-info .m-info .whyar .gold-col {
height: auto;
width: 100%;
margin-top: 60px; }
.h-info .m-info .whyar .g-card {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 20px;
margin-bottom: 10px;
border-radius: 7px;
background-color: #21329d; }
.h-info .m-info .whyar .g-card .ribbon-r {
position: absolute;
left: -16px;
width: 100%;
max-width: 80px;
bottom: 10px; }
.h-info .m-info .whyar .g-card::before {
content: '';
background: -webkit-gradient(linear, left bottom, left top, from(#43beed), to(#132e6e));
background: -webkit-linear-gradient(bottom, #43beed, #132e6e);
background: -o-linear-gradient(bottom, #43beed, #132e6e);
background: linear-gradient(to top, #43beed, #132e6e);
border-radius: 7px;
width: 100.3%;
height: 103%;
left: -1px;
top: -1px;
position: absolute;
z-index: -1; }
.h-info .m-info .whyar .g-card .green {
color: #99ff00; }
.h-info .m-info .whyar .g-card .buy {
background-color: #009b00;
border: 0;
font-size: 13px;
outline: 0;
border-radius: 20px;
width: 100%;
max-width: 140px;
height: 35px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: white;
font-style: italic;
font-weight: bold;
text-transform: uppercase; }
.h-info .m-info .whyar .g-card .buy:hover {
opacity: 0.7; }
.h-info .m-info .whyar .g-card p {
margin-bottom: 0;
color: white;
font-size: 26px;
font-weight: bold; }
.h-info .m-info .whyar .line {
width: 100%;
background-color: gray;
opacity: 30%;
margin: 20px 0;
height: 1px; }
.h-info .m-info .whyar h1 {
color: #0b97f0;
font-size: 26px;
font-weight: bold; }
.h-info .m-info .whyar li {
color: white;
list-style: disc;
padding: 10px 0; }
.h-info .m-info .rs07card {
width: 100%;
max-width: 500px;
height: 620px;
background: -webkit-gradient(linear, left top, right bottom, from(#151a39), to(#1e2ea9));
background: -webkit-linear-gradient(top left, #151a39, #1e2ea9);
background: -o-linear-gradient(top left, #151a39, #1e2ea9);
background: linear-gradient(to bottom right, #151a39, #1e2ea9);
border-radius: 7px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center; }
.h-info .m-info .rs07card::before {
content: '';
background: -webkit-gradient(linear, left bottom, left top, from(#43beed), to(#132e6e));
background: -webkit-linear-gradient(bottom, #43beed, #132e6e);
background: -o-linear-gradient(bottom, #43beed, #132e6e);
background: linear-gradient(to top, #43beed, #132e6e);
border-radius: 7px;
width: 100.5%;
height: 100.4%;
left: -1px;
top: -1.1px;
position: absolute;
z-index: -1; }
.h-info .m-info .rs07card img {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.h-info .m-info .rs07card p {
margin-bottom: 0;
font-size: 24px; }
.h-info .m-info .rs07card .price {
background-color: #0b97f0;
border-radius: 5px;
height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 83%;
margin: 0 auto;
padding: 0 10px;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.h-info .m-info .rs07card .price p {
color: white;
font-weight: bold;
font-size: 19px; }
.h-info .m-info .rs07card .price .value {
font-weight: normal; }
.h-info .m-info .rs07card .purchase {
background-color: #009b00;
border: 0;
width: 83%;
margin: 0 auto;
color: white;
font-size: 16px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: bold;
height: 60px;
border-radius: 50px; }
.h-info .m-info .rs07card .purchase:focus {
outline: 0;
border: 0; }
.h-info .m-info .rs07card .purchase:hover {
opacity: 0.7; }
.h-info .m-info .rs07card input[type=text] {
border-radius: 5px;
height: 60px;
width: 83%;
margin: 0 auto;
text-align: left;
padding: 0 0 0 10px;
color: gray;
font-weight: bold;
margin-bottom: 15px;
font-style: italic;
border: 0; }
.h-info .m-info .rs07card input[type=text]:focus {
border: 0;
outline: 0; }
.h-info .m-info .rs07card input[type=text]::-webkit-input-placeholder {
color: gray; }
.h-info .m-info .rs07card input[type=text]:-ms-input-placeholder {
color: gray; }
.h-info .m-info .rs07card input[type=text]::-ms-input-placeholder {
color: gray; }
.h-info .m-info .rs07card input[type=text]::placeholder {
color: gray; }
.h-info .m-info .rs07card .numbers {
padding: 20px 0; }
.h-info .m-info .rs07card .nowp {
color: white;
font-weight: bold; }
.h-info .m-info .rs07card .rs07 {
width: 80%; }
.h-info .m-info .rs07card .discount-p {
color: red;
font-weight: bold;
text-decoration: line-through; }
.h-info .m-info .trusted {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 473px; }
.h-info .m-info .t-col:nth-child(1) .t-card:nth-child(2) .logo {
width: 100%;
max-width: 200px; }
.h-info .m-info .t-col:nth-child(1) .t-card:nth-child(3) .stars {
margin-top: 16px; }
.h-info .m-info .t-col:nth-child(1) .t-card:nth-child(3) .logo {
margin-top: 12px; }
.h-info .m-info .t-col:nth-child(2) .t-card:nth-child(2) .logo {
width: 100%;
max-width: 60px; }
.h-info .m-info .t-card {
background-color: #0a0f30;
width: 230px;
height: 200px;
margin-bottom: 10px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-radius: 7px; }
.h-info .m-info .t-card::before {
content: '';
background: -webkit-gradient(linear, left bottom, left top, from(#43beed), to(#132e6e));
background: -webkit-linear-gradient(bottom, #43beed, #132e6e);
background: -o-linear-gradient(bottom, #43beed, #132e6e);
background: linear-gradient(to top, #43beed, #132e6e);
border-radius: 7px;
width: 101%;
height: 101%;
left: -1px;
top: -1px;
position: absolute;
z-index: -1; }
.h-info .m-info .t-card p {
color: white;
text-align: center;
font-weight: bold;
font-size: 15px; }
.h-info .m-info .t-card img {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
padding: 12px 0; }

@media all and (max-width: 1500px) {
.m-info {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important; }
.m-info .rs07card {
max-width: 40% !important; }
.m-info .whyar {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
width: 100% !important;
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
max-width: 100% !important;
margin-top: 50px !important; }
.m-info .whyar .gold-col {
margin-top: 0 !important;
width: 50% !important; }
.m-info .whyar .g-card {
width: 100% !important; } }

@media all and (max-width: 1024px) {
.h-info .m-info .rs07card {
width: 100%;
margin-top: 30px;
max-width: 100% !important; }
.text-info {
margin-top: 30px; }
.h-info .m-info .trusted {
margin: 0 auto;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.box-p {
margin: 10px 0; }
.h-info .m-info .whyar .m-col {
margin-bottom: 30px; }
.h-info .m-info .whyar .gold-col {
width: 100% !important; }
.h-info .m-info .whyar .gold-col .g-card {
width: 100% !important; } }

@media all and (max-width: 768px) {
.h-info .m-info .rs07card {
width: 100%;
margin-top: 30px;
max-width: 100% !important; }
.text-info {
margin-top: 30px; }
.h-info .m-info .trusted {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
margin: 0 auto; }
.box-p {
margin: 10px 0; }
.t-col {
margin-left: 6px; }
.h-info .m-info .whyar .m-col {
margin-bottom: 30px; }
.h-info .m-info .whyar .gold-col {
width: 100% !important; }
.h-info .m-info .whyar .gold-col .g-card {
width: 100% !important; } }

@media all and (max-width: 500px) {
.rs07card input[type=text] {
font-size: 12px; } }

@media all and (max-width: 400px) {
.rs07card input[type=text] {
font-size: 10px; } }

.wh-spin {
height: 100%;
min-height: 800px;
width: 100%; }
.wh-spin .container {
margin-top: 70px;
width: 100%; }
.wh-spin .col-r {
display: inline-block;
width: 100%;
margin: 0 auto;
max-width: 250px; }
.wh-spin .col-r .order-id {
width: 120%;
max-width: 900px;
margin: 2px 0 0 25px;
position: relative;
background-image: url("../images/orderid.png");
background-repeat: no-repeat;
background-size: 100%;
height: 65px; }
.wh-spin .col-r .order-id input {
border: none;
width: 100%;
max-width: 140px;
position: absolute;
font-size: 11px;
left: 37%;
margin-top: 5px;
font-style: italic;
text-transform: uppercase;
background-color: transparent;
height: 50px;
text-align: left;
color: gray; }
.wh-spin .col-r .order-id input::-webkit-input-placeholder {
color: #686868; }
.wh-spin .col-r .order-id input:-ms-input-placeholder {
color: #686868; }
.wh-spin .col-r .order-id input::-ms-input-placeholder {
color: #686868; }
.wh-spin .col-r .order-id input::placeholder {
color: #686868; }
.wh-spin .col-r .order-id input:focus {
outline: 0;
border: 0; }
.wh-spin .rules {
width: 130%;
max-width: 900px;
height: 100%;
min-height: 360px;
background-image: url("../images/rules.png");
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 100px auto 0 auto; }
.wh-spin .wheel-z {
position: absolute;
display: inline-block;
margin-left: 90px;
width: 100%;
max-width: 659px;
height: auto; }
.wh-spin .flash-l {
position: absolute;
width: 100%;
max-width: 659px;
height: 715px;
background-image: url("../images/wheelanimationtransparent.gif");
background-repeat: no-repeat;
background-size: 100%;
margin-top: 2px; }
.wh-spin .bg-cir {
position: absolute;
margin: 80px 50px 50px 50px;
background-image: url("../images/circle.png");
background-repeat: no-repeat;
background-size: 100%;
max-width: 559px;
width: 100%;
height: 559px; }
.wh-spin .green-p {
position: absolute;
background-image: url("../images/Green Prizes.png");
background-repeat: no-repeat;
width: 540px;
background-size: 100%;
margin: 90px 50px 50px 60px;
height: 540px; }
.wh-spin .spin-b {
position: absolute;
margin: 260px 50px 50px 230px;
width: 100%;
max-width: 195px;
background-size: 100%;
background-image: url("../images/spin.png");
background-repeat: no-repeat;
height: 195px; }
.wh-spin .arrow-b {
position: absolute;
width: 100%;
max-width: 333px;
height: 124px;
background-size: 100%;
margin: 590px 50px 50px 165px;
background-image: url("../images/arrow.png");
background-repeat: no-repeat; }

@media only screen and (max-width: 1060px) {
.wh-spin {
height: 100%;
min-height: 1000px; }
.wh-spin .rules {
margin-top: 50px !important;
margin-left: -40px !important; }
.wh-spin .col-r .order-id {
margin-left: -15px !important; }
.wh-spin .wheel-z {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 0 auto;
text-align: center; }
.wh-spin .wheel-z .bg-cir {
display: none; }
.wh-spin .wheel-z .arrow-b {
margin: 310px 0 0 0px;
width: 130px; }
.wh-spin .wheel-z .flash-l {
display: none; }
.wh-spin .wheel-z .spin-b {
width: 70px;
margin: 190px 0 0 0px; }
.wh-spin .wheel-z .green-p {
width: 250px;
height: 250px;
margin: 100px auto; }
.wh-spin .container {
text-align: center; } }

@media only screen and (max-width: 600px) {
.wh-spin {
min-height: 1000px; } }

@media all and (max-width: 400px) {
.col-r .order-id {
margin: 2px auto 0 auto !important;
max-width: 320px !important; } }

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }