/* ///////////////////// */
/* MINECRAFT COLOR START */
/* ///////////////////// */

/* MC CARD COLOR */
.card.single-pricing-pack-minecraft {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 0 0 1px #ebebeb;
    box-shadow: 0 0 0 1px #ebebeb;
    border-radius: 1rem !important;
    border: 2px solid rgba(0, 0, 0, 0)
}

.card.single-pricing-pack-minecraft:hover {
    z-index: 2
}

.single-pricing-pack-minecraft:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    border: 2px solid #13cf4a
}

.single-pricing-pack-minecraft .card-body {
    color: #757575;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem
}

.single-pricing-pack-minecraft .card-body.px-5 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important
}
/* MC CARD COLOR */

/* MC MONEY COLOR */
.pricing-header-minecraft {
    position: relative;
    background: rgba(0, 0, 0, 0)
}

.pricing-header-minecraft .price {
    font-size: 35px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #13cf4a
}

.pricing-header-minecraft .price span {
    font-size: 14px;
    margin-left: 4px;
    font-weight: 500
}

.pricing-header-minecraft::after {
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(at center center, rgb(222, 228, 239) 0px, rgba(255, 255, 255, 0) 75%)
}
/* MC MONEY COLOR */

/* MC BUTON */
.outline-btn-minecraft,
.primary-solid-btn-minecraft {
    padding: 12px 28px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.outline-btn-minecraft {
    position: relative;
    display: inline-block;
    color: #13cf4a;
    border: 1px solid #13cf4a
}

.outline-btn-minecraft:hover {
    color: #fff;
    background: #13cf4a
}

.primary-solid-btn-minecraft {
    border: 1px solid #13cf4a;
    background: #13cf4a;
    color: #fff
}

.primary-solid-btn-minecraft:hover {
    border-color: #13cf4a;
    background: #13cf4a;
    color: #fff
}

/* MC BUTON */

/* MC POPULAR CARD*/

.popular-price-minecraft {
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    border: 2px solid #13cf4a !important
}

.popular-price-minecraft:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important
}
/* MC POPULAR CARD*/

.gradient-minecraft-right{
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.gradient-minecraft-right:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.gradient-minecraft-right:before {
    background: -webkit-gradient(linear, left top, right top, from(rgb(25, 27, 31)), to(rgba(19, 207, 74, 0.5)));
    background: linear-gradient(90deg, rgb(25, 27, 31), rgba(19, 207, 74, 0.5))
}
/* ///////////////////// */
/* MINECRAFT COLOR END   */
/* ///////////////////// */

/* ///////////////////// */
/* FIVEM COLOR START   */
/* ///////////////////// */

/* FIVEM CARD COLOR */
.card.single-pricing-pack-fivem {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 0 0 1px #ebebeb;
    box-shadow: 0 0 0 1px #ebebeb;
    border-radius: 1rem !important;
    border: 2px solid rgba(0, 0, 0, 0)
}

.card.single-pricing-pack-fivem:hover {
    z-index: 2
}

.single-pricing-pack-fivem:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    border: 2px solid #f2b511
}

.single-pricing-pack-fivem .card-body {
    color: #757575;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem
}

.single-pricing-pack-fivem .card-body.px-5 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important
}
/* FIVEM CARD COLOR */

/* FIVEM MONEY COLOR */
.pricing-header-fivem {
    position: relative;
    background: rgba(0, 0, 0, 0)
}

.pricing-header-fivem .price {
    font-size: 35px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #f2b511
}

.pricing-header-fivem .price span {
    font-size: 14px;
    margin-left: 4px;
    font-weight: 500
}

.pricing-header-fivem::after {
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(at center center, rgb(222, 228, 239) 0px, rgba(255, 255, 255, 0) 75%)
}
/* FIVEM MONEY COLOR */

/* FIVEM BUTON */
.outline-btn-fivem,
.primary-solid-btn-fivem {
    padding: 12px 28px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.outline-btn-fivem {
    position: relative;
    display: inline-block;
    color: #f2b511;
    border: 1px solid #f2b511
}

.outline-btn-fivem:hover {
    color: #fff;
    background: #f2b511
}

.primary-solid-btn-fivem {
    border: 1px solid #f2b511;
    background: #f2b511;
    color: #fff
}

.primary-solid-btn-fivem:hover {
    border-color: #f2b511;
    background: #f2b511;
    color: #fff
}

/* FIVEM BUTON */

/* FIVEM POPULAR CARD*/

.popular-price-fivem {
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    border: 2px solid #f2b511 !important
}

.popular-price-fivem:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important
}
/* FIVEM POPULAR CARD*/

.gradient-fivem-right{
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.gradient-fivem-right:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.gradient-fivem-right:before {
    background: -webkit-gradient(linear, left top, right top, from(rgb(25, 27, 31)), to(rgba(242, 181, 17, 0.5)));
    background: linear-gradient(90deg, rgb(25, 27, 31), rgba(242, 181, 17, 0.5))
}
/* ///////////////////// */
/* FIVEM COLOR END   */
/* ///////////////////// */

/* ///////////////////// */
/* CPANEL COLOR START   */
/* ///////////////////// */

/* CPANEL CARD COLOR */
.card.single-pricing-pack-cpanel {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 0 0 1px #ebebeb;
    box-shadow: 0 0 0 1px #ebebeb;
    border-radius: 1rem !important;
    border: 2px solid rgba(0, 0, 0, 0)
}

.card.single-pricing-pack-cpanel:hover {
    z-index: 2
}

.single-pricing-pack-cpanel:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    border: 2px solid #f29311
}

.single-pricing-pack-cpanel .card-body {
    color: #757575;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem
}

.single-pricing-pack-cpanel .card-body.px-5 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important
}
/* CPANEL CARD COLOR */


.single-radio-box-cpanel input[type=radio]:checked~label {
	color: #fff;
	background: #757575;
	border-radius: 4px;
}

/* CPANEL MONEY COLOR */
.pricing-header-cpanel {
    position: relative;
    background: rgba(0, 0, 0, 0)
}

.pricing-header-cpanel .price {
    font-size: 35px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #f29311
}

.pricing-header-cpanel .price span {
    font-size: 14px;
    margin-left: 4px;
    font-weight: 500
}

.pricing-header-cpanel::after {
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(at center center, rgb(222, 228, 239) 0px, rgba(255, 255, 255, 0) 75%)
}
/* CPANEL MONEY COLOR */

/* CPANEL BUTON */
.outline-btn-cpanel,
.primary-solid-btn-cpanel {
    padding: 12px 28px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.outline-btn-cpanel {
    position: relative;
    display: inline-block;
    color: #f29311;
    border: 1px solid #f29311
}

.outline-btn-cpanel:hover {
    color: #fff;
    background: #f29311
}

.primary-solid-btn-cpanel {
    border: 1px solid #f29311;
    background: #f29311;
    color: #fff
}

.primary-solid-btn-cpanel:hover {
    border-color: #f29311;
    background: #f29311;
    color: #fff
}

/* CPANEL BUTON */

/* CPANEL POPULAR CARD*/

.popular-price-cpanel {
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    border: 2px solid #f29311 !important
}

.popular-price-cpanel:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12) !important
}
/* CPANEL POPULAR CARD*/

.gradient-bg-cpanel {
    background: -webkit-gradient(linear, left top, right top, from(#f29311), to(#f26311)) !important;
    background: linear-gradient(90deg, #f29311, #f26311) !important
}

/* ///////////////////// */
/* CPANEL COLOR END   */
/* ///////////////////// */

/* MENU IMG */

.menu-item-icon img {
    margin-top: 13px;
    height: 32px;
    top: 9%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
/* ///////////////////// */
/* Game Servers IMG Start */ 
/* ///////////////////// */

.gradient-games-right{
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.gradient-games-right:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.gradient-games-right:before {
    background: -webkit-gradient(linear, left top, right top, from(rgb(25, 27, 31)), to(rgba(242, 17, 143, 0.5)));
    background: linear-gradient(90deg, rgb(25, 27, 31), rgba(242, 17, 143, 0.5))
}


.game-img {
	height: 79px;
	width: 79px;
}
/* ///////////////////// */
/* Game Servers IMG End */ 
/* ///////////////////// */

/* ///////////////////// */
/* CO-Location     START */ 
/* ///////////////////// */

.colocation-text {
	flex: 1;
	padding-right: 10px;
	margin-bottom: 5px;
}

.colocation-price {
	flex-shrink: 0;
	padding-left: 10px;
	float: right;
	font-weight: 700;
	
}

/* ///////////////////// */
/* CO-Location       END */ 
/* ///////////////////// */