/* CSS CORE */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #7d7d7d;
    --secondary: #27292a;
    --success: #17ad56;
    --info: #595f72;
    --warning: #eec643;
    --danger: #db3a34;
    --light: #fafafa;
    --dark: #27292a;
	--principal-color          : #6CB7FE;
	--header_color             : #2294FF;
	--header_background_opacity: 0.29;
	--background_position      : center;
	--background_scale         : 1.5;
	--background_blur          : 0px;
	--background_url           : url(https://i.imgur.com/Td9Oc8H.jpg);
	--logo_width               : 250px;

  /* WRAPPER SPACING */
  --phone_wrap: 30px;
  --large_screen_wrap: 20px;

  /* TOGGLE PARTICLES */
  --particles: block; /* put block if you want to enable particles */
}

.detalii {
	position  : absolute;
	right     : 0;
	opacity   : .5;
	transition: all .3s;
}

.category .packages-image .package .image img {
	width: 165px
}

.module .featured-package .image img {
	width: 96px
}

.module .featured-package .info .text {
	float        : none;
	width        : 100%;
	text-align   : center;
	margin-bottom: 10px
}

.module .featured-package .info .button {
	float: none;
	width: 100%
}

.detalii:hover {
	color: #fff
}

.invarte {
	width        : 12px;
	height       : 12px;
	animation    : invarte 1s infinite;
	border-top   : 3px solid var(--principal-color);
	border-left  : 3px solid var(--principal-color);
	border-bottom: 3px solid var(--principal-color);
	border-right : 3px solid #fff;
	border-radius: 50%;
	display      : inline-block
}

#ipServer {
	cursor  : context-menu;
	opacity : 0;
	outline : 0;
	border  : none;
	position: fixed
}

@keyframes invarte {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

#logo-server {
	width    : var(--logo_width) !important;
	transform: scale(var(--background_scale))
}

@media only screen and (max-width:768px) {
	.logo-counter {
		transform: scale(1) !important
	}
}

a {
	text-decoration: none !important
}

* {
	margin     : 0;
	padding    : 0;
	font-family: Montserrat, sans-serif;
	outline    : 0 !important
}

body {
	font-family: Montserrat, sans-serif;
	overflow-x : hidden
}

ol,
ul {
	margin-top          : 0;
	margin-bottom       : 10.5px;
	padding-inline-start: 40px
}

.catalin-header .catalin-nav-links li a p {
	margin: 0 0 10.5px
}

.container-catalin {
	padding  : 5px var(--large_screen_wrap);
	max-width: 1170px;
	margin   : auto
}

@media only screen and (max-width:600px) {
	.container-catalin {
		padding: 5px var(--phone_wrap)
	}
}

.header-catalin {
	background       : url(https://imgur.com/QP4OOzr.png);
	height           : 410px;
	position         : relative;
	background-repeat: no-repeat;
	background-size  : cover
}

.spin {
	-webkit-animation: spin 30s linear infinite;
	-moz-animation   : spin 30s linear infinite;
	-ms-animation    : spin 30s linear infinite;
	-o-animation     : spin 30s linear infinite;
	animation        : spin 30s linear infinite
}

@keyframes spin {
	from {
		-ms-transform    : rotate(0);
		-moz-transform   : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0)
	}

	to {
		-ms-transform    : rotate(360deg);
		-moz-transform   : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg)
	}
}

.mergisus {
	transition      : .15s;
	position        : fixed;
	right           : 10px;
	bottom          : 10px;
	cursor          : pointer;
	width           : 28px;
	height          : 28px;
	outline         : 0;
	border          : none;
	background-color: var(--principal-color);
	border-bottom   : 3px solid rgba(0, 0, 0, .5);
	text-indent     : -9999px;
	display         : none;
	z-index         : 10000
}

.mergisus span {
	position           : absolute;
	top                : 50%;
	left               : 50%;
	margin-left        : -8px;
	margin-top         : -12px;
	height             : 0;
	width              : 0;
	border             : 8px solid transparent;
	border-bottom-color: #fff
}

.concurent-secundar {
	color: #aaacb2 !important
}

::-webkit-scrollbar {
	width: 3px
}

::-webkit-scrollbar-thumb {
	background: #37393e
}

::-webkit-scrollbar-track {
	background: #040807
}

.dropdown {
	position: relative
}

.dropdown-content {
	display         : none;
	position        : absolute;
	background-color: rgba(255, 255, 255, .07);
	min-width       : 160px;
	z-index         : 1
}

.dropdown-content a {
	color          : #fff;
	padding        : 12px 16px;
	text-decoration: none;
	display        : block
}

.dropdown-content a:hover {
	background-color: rgba(255, 255, 255, .1)
}

.dropdown:hover .dropdown-content {
	display: block
}

.logo-animation>img {
	left     : 50%;
	top      : 50%;
	position : absolute;
	transform: translate(-50%, -50%);
	width    : 500px
}

@media only screen and (max-width:600px) {
	.container {
		padding-right: 25px !important;
		padding-left : 25px !important
	}

	.dropdown-content {
		background-color: #43454a !important
	}

	.navigation-catalin {
		margin-top    : 0 !important;
		padding-bottom: 20px
	}

	.logo-animation>img {
		display: none
	}
}

.discord-top {
	padding   : 20px;
	background: #2b3035
}

.directie-elemente {
	display       : inline-block;
	vertical-align: middle;
	list-style    : none;
	padding       : 0;
	margin        : 0
}

.directie-elemente .principalul-element i {
	background   : #00000014;
	padding      : 15px;
	border-radius: 5px;
	font-size    : 35px;
	color        : var(--principal-color)
}

.directia-elementelor-secundare {
	display       : inline-block;
	vertical-align: middle;
	margin-left   : 15px !important;
	list-style    : none
}

.directia-elementelor-secundare .element-secundar h3 {
	color      : var(--principal-color);
	font-weight: 700;
	font-size  : 1.17em;
	margin     : 0;
	text-align : left
}

.directia-elementelor-secundare .element-secundar p {
	color     : #fff;
	margin    : 0;
	text-align: left
}

.store-sale {
	display   : block;
	padding   : 20px 0;
	background: #2c3136;
	text-align: center
}

.store-sale a {
	color          : #fff;
	background     : var(--principal-color);
	text-transform : uppercase;
	padding        : 10px;
	text-decoration: none;
	display        : inline-block
}

.sticky-navigatie {
	position: fixed;
	top     : 0;
	width   : 100%;
	z-index : 100
}

.panel-default {
	border: none !important
}

.panel {
	background-color  : #2c3136;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
	box-shadow        : 0 10px 12px rgba(0, 0, 0, .1)
}

.panel-body {
	padding    : 20px;
	padding-top: 8px
}

.panel-video {
	width     : 100%;
	text-align: cen;
}

.panel-default>.panel-heading {
	color         : var(--principal-color);
	font-weight   : 700;
	text-transform: uppercase;
	text-align    : center;
	background    : #2e353b;
	border        : none;
	border-bottom : 3px solid rgba(0, 0, 0, .12);
	padding       : 20px
}

.progress-bar {
	background-color: var(--principal-color)
}

.progress {
	border       : none;
	height       : 20px;
	background   : #262b2f;
	border-radius: 6px
}

.buton-zone {
	border-bottom: 1px solid #262b2f
}

.imagine-zone {
	border-radius: 3px;
	transition   : all .3s ease 0s;
	cursor       : pointer;
	width        : 26px
}

.imagine-zone:hover {
	transform: scale(1.05)
}

.imagine-zone,
.span-zone {
	display       : inline-block;
	vertical-align: middle
}

.span-zone {
	margin: 10px
}

.span-zone h4 {
	font-size    : 14px;
	margin       : 0;
	font-weight  : 700;
	margin-bottom: 3px
}

.span-zone h5 {
	font-size     : 12px;
	margin        : 0;
	background    : #262b2f;
	color         : #b3b3b3 !important;
	font-weight   : 700 !important;
	text-transform: uppercase;
	border-radius : 3px;
	padding       : 2px 5px;
	display       : inline-block;
	white-space   : nowrap;
	overflow      : hidden;
	text-overflow : ellipsis;
	max-width     : 18ch
}

.navbar-default {
	border            : none;
	background-color  : #2c3136;
	border-radius     : 5px;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
	box-shadow        : 0 10px 12px rgba(0, 0, 0, .1);
	border-bottom     : 3px solid #262b2f
}

.navbar-default .navbar-nav>li>a {
	color     : #c8c8c8;
	font-size : 14px;
	padding   : 35px 20px;
	transition: all .3s
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background: 0 0;
	color     : #fff
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color           : var(--principal-color);
	background-color: transparent
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	text-decoration: none;
	color          : #fff
}

.dropdown-menu>li>a {
	display    : block;
	padding    : 10px 20px;
	clear      : both;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	text-align : center;
	font-size  : 13px;
	color      : #c8c8c8;
	transition : all .3s
}

.dropdown-menu {
	background-color: #2c3136 !important;
	margin-top      : 2px !important;
	border-radius   : 6px !important;
	border          : none !important
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
	border        : none;
	vertical-align: middle
}

.btn-primary:hover {
	color           : #fff;
	background-color: #1571A5;
	border-color    : #1886B6
}

.btn-primary {
	color           : #fff;
	border          : none;
	background-color: #1886B6;
	background-color: #2A90BF;
	text-shadow     : 0 2px 2px rgba(0, 0, 0, .1);
	border-bottom   : 3px solid rgba(0, 0, 0, .15) !important;
	outline         : 0;
	font-weight     : 700
}

a {
	color          : var(--principal-color);
	text-decoration: none
}

.cumpara-zone {
	float         : right;
	border        : none;
	background    : #2A90BF;
	padding       : 10px;
	font-weight   : 700;
	text-transform: uppercase;
	border-bottom : 3px solid rgba(0, 0, 0, .15) !important
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display  : block;
	max-width: 100%;
	height   : auto;
	margin   : auto
}

.bun-venit-pe {
	padding                   : 25px;
	text-align                : center;
	font-weight               : 700;
	text-transform            : uppercase;
	letter-spacing            : 5px;
	background                : #2e353b;
	color                     : var(--principal-color);
	border-radius             : 5px;
	border-bottom-left-radius : 0;
	border-bottom-right-radius: 0;
	border-bottom             : 3px solid rgba(0, 0, 0, .12)
}

.modal-content {
	background-color: #2c3136;
	background-clip : unset
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #262b2f
}

.form-control {
	display           : block;
	width             : 100%;
	height            : 45px;
	padding           : 10px 15px;
	font-size         : 15px;
	line-height       : 1.42857143;
	color             : #c8c8c8;
	background-color  : #262b2f;
	background-image  : none;
	border            : 1px solid #37393e;
	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, -webkit-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
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #262b2f;
	opacity         : 1
}

hr {
	margin-top   : 21px;
	margin-bottom: 21px;
	border       : 0;
	border-top   : 1px solid #262b2f
}

.modul-hr {
	margin-bottom: 0 !important;
	border       : 0;
	border-top   : 3px solid var(--principal-color);
	width        : 30px;
	transition   : all .3s;
	margin       : 8px auto
}

.buton-verde {
	color           : #fff;
	background-color: #2A90BF;
	border          : none;
	margin-right    : 0;
	font-size       : 13px;
	padding         : 8px 0;
	font-weight     : 700;
	text-shadow     : 0 2px 2px rgba(0, 0, 0, .1);
	border-bottom   : 3px solid rgba(0, 0, 0, .15) !important;
	outline         : 0
}

.buton-verde:focus,
.buton-verde:hover {
	color: #fff !important
}

.btn-primary.focus,
.btn-primary:focus {
	background-color: #1571A5 !important
}

.modal-title {
	color         : var(--principal-color);
	text-transform: uppercase;
	font-weight   : 700
}

.modal-header {
	padding: 30px 30px;
	border : none
}

.modal-footer {
	border : none;
	padding: 15px 30px
}

.modal-body {
	background: #262b2f;
	padding   : 30px 30px;
	max-height: 60vh;
	overflow-x: auto
}

.modal .close {
	background   : #3b4248;
	color        : #c8c8c8;
	width        : 40px;
	height       : 40px;
	border-radius: 5px
}

.modal-content {
	border-radius: 0
}

@keyframes zboara {
	0% {
		transform: scaleX(-1) translateY(0)
	}

	50% {
		transform: scaleX(-1) translateY(-10px)
	}

	100% {
		transform: scaleX(-1) translateY(0)
	}
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	outline: 0
}

.btn-primary.focus,
.btn-primary:focus {
	background-color: #1571A5 !important;
	outline         : 0
}

.shadow-open {
	width     : 100%;
	height    : 100%;
	position  : fixed;
	background: rgba(0, 0, 0, .5);
	z-index   : 50000
}

#testare-hide {
	display: inline-block
}

#open-nav {
	display   : none;
	cursor    : pointer;
	outline   : 0;
	border    : none;
	margin    : auto;
	background: 0 0;
	color     : #fff
}

#open-nav i {
	font-size: 20px
}

.mobile-navigation {
	z-index   : 10000;
	top       : 0;
	left      : -300px;
	transition: all .3s;
	overflow-y: auto;
	background: #262b2f;
	z-index   : 10000;
	position  : fixed;
	height    : 100%;
	width     : 300px
}

.mobile-navigation #close-nav {
	cursor    : pointer;
	outline   : 0;
	display   : block;
	width     : 100%;
	background: #37393e;
	border    : none;
	padding   : 10px;
	color     : #fff;
	font-size : 20px
}

.mobile-navigation .header-mobile-navigation img {
	padding: 20px;
	display: block;
	margin : auto
}

.mobile-navigation .body-mobile-navigation .navigatie-mobil {
	margin-bottom: 10px
}

.mobile-navigation .body-mobile-navigation .navigatie-mobil p {
	padding       : 20px;
	text-align    : center;
	text-transform: uppercase;
	background    : #2c3136;
	color         : #fff;
	letter-spacing: 1px;
	border-bottom : 3px solid rgba(0, 0, 0, .2)
}

.mobile-navigation .body-mobile-navigation ul {
	margin-bottom: 30px
}

.mobile-navigation .body-mobile-navigation ul li {
	margin-top: 5px
}

.mobile-navigation .body-mobile-navigation ul li a {
	padding        : 20px;
	color          : #fff;
	text-decoration: none;
	display        : block;
	transition     : all .15s
}

.mobile-navigation .body-mobile-navigation ul li a:hover {
	color: var(--principal-color)
}

.catalin-header {
	background-repeat: no-repeat;
	background-size  : cover;
	position         : relative;
	z-index          : 1020;
	background       : var(--header_color);
	overflow         : hidden
}

.catalin-header .catalin-navigatie {
	padding   : 20px 0;
	background: rgba(255, 255, 255, .05);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .08), 0 3px 6px rgba(0, 0, 0, .02);
	position  : relative;
	z-index   : 1020
}

.catalin-header .catalin-navigatie .catalin-nav-social {
	float     : left;
	display   : inline-block;
	margin-top: 3px !important;
	position  : absolute
}

.catalin-header .catalin-navigatie .catalin-nav-social li:not(:nth-child(1)) {
	margin-left: 5px
}

.catalin-header .catalin-navigatie .catalin-nav-social li {
	display: inline-block
}

.catalin-header .catalin-navigatie .catalin-nav-social li a {
	box-shadow     : inset 0 -3px 0 rgba(0, 0, 0, .2);
	color          : #fff;
	background     : rgba(255, 255, 255, .17);
	width          : 48px;
	height         : 48px;
	display        : inline-block;
	border-radius  : 5px;
	text-align     : center;
	text-decoration: none;
	transition     : all .3s
}

.catalin-header .catalin-navigatie .catalin-nav-social li a:hover {
	color    : #fff;
	transform: scale(1.05, 1.05)
}

.catalin-header .catalin-navigatie .catalin-nav-social li a i {
	text-shadow: 4px 4px 2px rgba(0, 0, 0, .08);
	font-size  : 1.4em;
	line-height: 48px;
	margin     : auto
}

.catalin-header .catalin-nav-links {
	display        : flex;
	align-items    : center;
	justify-content: center
}

.catalin-header .catalin-nav-links li {
	display: inline-block
}

.catalin-header .catalin-nav-links li .store {
	background    : var(--principal-color);
	position      : relative;
	padding       : 15px 35px;
	text-align    : center;
	font-weight   : 700;
	color         : #fff;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-bottom : 2px solid rgba(0, 0, 0, .2);
	border-radius : 50px
}

.catalin-header .catalin-nav-links li a {
	display        : inline-block;
	color          : #fff;
	text-decoration: none;
	font-weight    : 500;
	border-bottom  : 3px solid transparent;
	transition     : all .3s;
	text-shadow    : 4px 4px 2px rgba(0, 0, 0, .08);
	padding        : 15px 15px;
	border-bottom  : 1px solid transparent;
	position       : relative
}

.catalin-header .catalin-nav-links li a:hover {
	color: #fff
}

.catalin-header .catalin-nav-links li a:not(:nth-child(2)) {
	margin-left: 10px
}

.catalin-header .catalin-header-content {
	text-align    : center;
	top           : 50%;
	margin-top    : 80px;
	padding-bottom: 80px;
	background    : linear-gradient(transparent 0, rgba(0, 0, 0, .18) 30%, #262b2f 100%);
	position      : relative;
	z-index       : 999
}

.coloana-3 {
	display        : flex;
	align-items    : flex-end;
	justify-content: space-between
}

.coloana-3 .cutie-1 {
	flex      : 1;
	text-align: center
}

.coloana-3 .cutie-1 p {
	text-align: right
}

.coloana-3 .cutie-2 {
	flex: 1
}

.coloana-3 .cutie-3 {
	flex      : 1;
	text-align: center
}

.invarte {
	width        : 12px;
	height       : 12px;
	animation    : invarte 1s infinite;
	border-top   : 3px solid var(--principal-color);
	border-left  : 3px solid var(--principal-color);
	border-bottom: 3px solid var(--principal-color);
	border-right : 3px solid #fff;
	border-radius: 50%;
	display      : inline-block
}

@keyframes invarte {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.directie-elemente .principalul-element .discord-spatiu {
	margin-left: 10px
}

.no-padding-margin {
	margin : 0 !important;
	padding: 0 !important
}

.steluta {
	position  : absolute;
	top       : -7px;
	right     : 0;
	left      : 0;
	transition: all .15s
}

.store:hover .steluta {
	transition: all .15s;
	transform : rotate(180deg) scale(1.3, 1.3) !important;
	color     : #fff
}

.pret-obiecte {
	color        : #2A90BF;
	border-radius: 5px;
	display      : inline-block;
	margin       : 0
}

.numele-pachetului {
	background             : rgba(0, 0, 0, .2);
	padding                : 10px;
	border-top-left-radius : 4px;
	border-top-right-radius: 4px
}

.numele-pachetului p {
	text-align    : center;
	margin        : 0;
	color         : #fff;
	text-transform: uppercase;
	font-weight   : 700;
	letter-spacing: 1px
}

.pretul-pachetului {
	color         : #2A90BF;
	font-weight   : 700;
	display       : inline-block;
	vertical-align: middle;
	margin-top    : 12px;
	margin-bottom : 0
}

.pret-taiat {
	color: #f44336
}

body {
	background: #262b2f;
	color     : #c8c8c8;
	padding   : 0 !important;
	margin    : 0;
	font-size : 15px
}

.triplezone-cart {
	color        : #fff;
	background   : #2b3035;
	display      : flex;
	align-items  : center;
	padding      : 10px;
	border-radius: 5px;
	margin-bottom: 25px;
	cursor       : pointer
}

.triplezone-cart .cart-icon-zone {
	background   : #262b2f;
	border-radius: 5px
}

.cart-icon-zone i {
	padding  : 10px;
	color    : var(--principal-color);
	font-size: 20px
}

.triplezone-cart .text-cart-zone {
	padding    : 0;
	margin-left: 15px
}

.text-cart-zone p {
	margin     : 0;
	font-weight: 700
}

.text-cart-zone p:nth-child(2) {
	text-transform: uppercase;
	font-size     : .8em;
	color         : var(--principal-color)
}

.opened-basket {
	width     : 100%;
	height    : 100%;
	position  : fixed;
	background: rgba(0, 0, 0, .5);
	z-index   : 100000;
	top       : 0
}

.triplezone-basket-shadow .triplezone-basket {
	overflow-y           : auto;
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	-webkit-box-orient   : vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction   : column;
	flex-direction       : column;
	max-width            : 400px;
	width                : 400px;
	background           : #262b2f;
	height               : 100%;
	top                  : 0;
	right                : -400px;
	-webkit-transition   : all .3s;
	transition           : all .3s;
	position             : fixed;
	z-index              : 99999
}

.close-basket {
	position     : absolute;
	top          : 10px;
	right        : 10px;
	border-radius: 50%;
	border       : none;
	color        : #fff;
	background   : #bb3d3d;
	outline      : 0;
	width        : 24px;
	height       : 24px;
	line-height  : 24px
}

.triplezone-basket-shadow .triplezone-basket .triplezone-basket-header {
	position         : relative;
	padding          : 10px 30px;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	background       : rgba(0, 0, 0, .1)
}

.triplezone-basket-shadow .triplezone-basket .triplezone-basket-header .basket-avatar img {
	width: 48px
}

.triplezone-basket-shadow .triplezone-basket .triplezone-basket-header .text-basket {
	color      : #fff;
	font-weight: 700;
	margin-left: 30px
}

.triplezone-basket-shadow .triplezone-basket .triplezone-basket-header .text-basket p {
	margin        : 0;
	color         : #c8c8c8;
	letter-spacing: 1px
}

.triplezone-basket-shadow .triplezone-basket .triplezone-basket-header .text-basket button {
	background   : #262b2f;
	border       : none;
	color        : #2A90BF;
	font-size    : .9em;
	padding      : 6px;
	border-radius: 5px
}

.butoane-basket {
	margin-top: 5px
}

.triplezone-basket-shadow .triplezone-basket .triplezone-basket-header .text-basket .basket-logout {
	background     : #262b2f;
	border         : none;
	border-radius  : 5px;
	color          : #bb3d3d;
	font-size      : .9em;
	text-decoration: none;
	padding        : 6px
}

.triplezone-basket-shadow .triplezone-basket-body {
	padding: 30px
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-header {
	margin-bottom: 30px
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-header h3 {
	margin     : 0;
	color      : var(--principal-color);
	font-weight: 700
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-header p {
	margin        : 0;
	font-size     : .8em;
	text-transform: uppercase
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-items {
	border-radius        : 3px;
	margin               : 10px 0;
	background           : rgba(0, 0, 0, .1);
	position             : relative;
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	-webkit-box-orient   : vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction   : column;
	flex-direction       : column;
	padding              : 20px
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-items a {
	position       : absolute;
	border-radius  : 50%;
	border         : none;
	color          : #bb3d3d;
	outline        : 0;
	cursor         : pointer;
	text-decoration: none;
	text-align     : center;
	font-weight    : 700;
	font-size      : 16px;
	top            : 50%;
	transform      : translateY(-50%);
	right          : 20px;
	background     : #262b2f;
	width          : 36px;
	height         : 36px;
	line-height    : 36px
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-items p {
	margin     : 0;
	font-size  : .8em;
	color      : #fff;
	font-weight: 700
}

.triplezone-basket-shadow .triplezone-basket-body .basket-body-items .item-principal {
	color        : var(--principal-color);
	font-weight  : 700;
	font-size    : unset;
	margin-bottom: 3px
}

.triplezone-basket-shadow .triplezone-basket-footer {
	padding    : 30px;
	padding-top: 0
}

.triplezone-basket-shadow .triplezone-basket-footer a {
	display         : block;
	margin-bottom   : 10px;
	color           : #fff;
	border          : none;
	background-color: #2A90BF;
	text-shadow     : 0 2px 2px rgba(0, 0, 0, .1);
	border-bottom   : 3px solid rgba(0, 0, 0, .15) !important;
	outline         : 0;
	text-decoration : none;
	padding         : 20px;
	text-align      : center;
	text-transform  : uppercase;
	font-weight     : 700;
	font-size       : .8em
}

.triplezone-basket-shadow .triplezone-basket-footer a:nth-child(2) {
	background: rgba(0, 0, 0, .1);
	border    : 2px solid rgba(0, 0, 0, .1);
	color     : #c8c8c8;
	padding   : 15px
}

.dropdown-menu {
	position          : absolute;
	left              : unset;
	z-index           : 1000;
	min-width         : unset;
	display           : none;
	float             : right;
	padding           : 5px 0;
	margin            : 10px 0 0;
	list-style        : none;
	font-size         : 14px;
	background-color  : #22272a;
	border            : 1px solid #ccc;
	border            : 1px solid rgba(0, 0, 0, .15);
	border-radius     : 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow        : 0 6px 12px rgba(0, 0, 0, .175);
	background-clip   : padding-box;
	padding           : 5px;
	top               : unset
}

.dropdown-menu>li {
	margin: 5px 0
}

.dropdown-menu>li:last-child>a {
	border-bottom: none !important
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color           : #fff;
	text-decoration : none;
	outline         : 0;
	background-color: #2A90BF;
	border-radius   : 5px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	text-decoration : none;
	color           : #fff;
	background-color: #2c3136
}

.footer {
	border: none
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #2c3136
}

@media (min-width:768px) {
	.checkout .packages table tbody .buttons {
		min-width: 140px;
		width    : 20%
	}
}

.module .payments {
	position: relative
}

.module .payments li .info {
	line-height  : 15px;
	float        : left;
	font-size    : 12px;
	overflow     : hidden;
	text-overflow: clip;
	white-space  : nowrap;
	width        : 80%;
	margin       : 10px 5px
}

.module .payments li {
	display       : flex;
	align-items   : center;
	list-style    : none;
	border-bottom : 1px solid #2e353b;
	margin-bottom : unset;
	padding-bottom: unset
}

.module .payments li .avatar {
	margin-right: 7px
}

.module .payments li .info .ign h4 {
	font-weight  : 700;
	font-size    : 12px;
	margin       : 0;
	color        : unset;
	font-weight  : 700;
	margin-bottom: 3px
}

.extra h5 {
	font-size    : 12px;
	margin       : 0;
	color        : #b3b3b3 !important;
	border-radius: 3px;
	display      : inline-block;
	white-space  : nowrap;
	overflow     : hidden;
	text-overflow: ellipsis
}

.module .payments li .avatar {
	width       : unset;
	height      : unset;
	float       : unset;
	margin-right: 7px
}

.module .payments li .avatar img {
	border-radius: 5px
}

.module .payments li:last-child {
	border-bottom : none;
	padding-bottom: 0;
	margin-bottom : 0
}

.page-header {
	padding   : 0;
	margin    : 0 0 20px 0;
	background: #262b2f;
	padding   : 10px;
	border    : 1px solid #37393e
}

.tebexLogin {
	display: none !important
}

.top-bar-triplezone {
	background: rgba(255, 255, 255, 0);
	padding   : 10px
}

.top-currency {
	border       : none;
	background   : 0 0;
	padding      : 5px;
	border-radius: 5px;
	text-shadow  : 4px 4px 2px rgba(0, 0, 0, .08);
	margin-right : 10px
}

.logout-triplezone {
	text-transform : uppercase;
	display        : inline-block;
	vertical-align : middle;
	text-decoration: none;
	font-size      : 14px;
	color          : #c8c8c8
}

.logout-triplezone:hover {
	color          : #f45e5e !important;
	text-decoration: none !important
}

.logout-triplezone img {
	border-radius : 5%;
	width         : 24px;
	vertical-align: middle;
	margin-left   : 5px
}

.push-right-triplezone {
	display      : inline-block;
	background   : #00000030;
	padding      : 5px;
	border-radius: 5px
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color          : var(--principal-color);
	text-decoration: none
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color           : var(--principal-color);
	background-color: transparent;
	text-decoration : none
}

a:focus,
a:hover {
	color          : var(--principal-color);
	text-decoration: underline
}

.empty-cart {
	color: #f45e5e !important
}

.remove-item-triplezone {
	color           : #fff;
	background-color: #bb3d3d;
	border          : none;
	margin-right    : 0;
	font-size       : 13px;
	padding         : 8px 0;
	font-weight     : 700;
	text-shadow     : 0 2px 2px rgba(0, 0, 0, .1);
	border-bottom   : 3px solid rgba(0, 0, 0, .15) !important;
	outline         : 0
}

.category .packages-row table td {
	padding: 15px 15px
}

.remove-item-triplezone:hover {
	background-color: #bb3d3d !important
}

.border-checkout {
	border: 1px solid #37393e
}

.cantitate-checkout {
	background: #262b2f !important;
	border    : 1px solid #37393e !important;
	color     : #2A90BF !important
}

.checkout .packages table tbody .buttons .btn {
	margin-top   : 3px;
	margin-bottom: 3px;
	padding      : 6px 10px;
	border-bottom: 3px solid rgba(0, 0, 0, .3)
}

.text-mare {
	color    : var(--principal-color);
	font-size: 24px
}

.no-padding-form {
	height       : unset;
	padding      : 5px 10px;
	border-radius: 0
}

.descriere-categorie {
	background             : #2e353b;
	padding                : 25px;
	border-top-left-radius : 5px;
	border-top-right-radius: 5px
}

.user-panel {
	display           : flex;
	background        : #2c3136;
	justify-content   : space-between;
	align-items       : center;
	padding           : 20px;
	margin-bottom     : 26px;
	border-radius     : 5px;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
	box-shadow        : 0 10px 12px rgba(0, 0, 0, .1)
}

.user-panel-left {
	display    : flex;
	align-items: center
}

.user-panel-left-text {
	margin-left: 10px
}

.user-panel-left-text p {
	margin   : 0;
	padding  : 0;
	font-size: 12px
}

.user-panel-left .user-img img {
	border-radius: 5%
}

.user-panel-right {
	position: relative
}

#triplezone-cart {
	cursor: pointer
}

.user-name {
	color      : var(--principal-color);
	font-weight: 700;
	font-size  : 13px !important
}

.hover-obj {
	position        : absolute;
	color           : #fff;
	background-color: #f44336;
	top             : -11px;
	left            : 35px;
	text-align      : center;
	font-size       : 9px;
	padding         : 2px 3px;
	line-height     : .9;
	border-radius   : 2px;
	transition      : all .3s
}

#triplezone-cart:hover .hover-obj {
	transform: scale(1.2, 1.2)
}

.triplezone-payments {
	display        : flex;
	justify-content: space-evenly;
	align-items    : center;
	text-align     : center
}

.top-donator-triplezone {
	background        : #2b3035;
	padding           : 20px;
	margin-bottom     : 26px;
	border-radius     : 5px;
	position          : relative;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
	box-shadow        : 0 10px 12px rgba(0, 0, 0, .1)
}

.top-donator-crown {
	position : absolute;
	top      : 0;
	left     : 50%;
	transform: translateX(-50%);
	z-index  : 1000
}

.top-donator-crown i {
	position : absolute;
	top      : 100%;
	left     : 50%;
	transform: translate(-50%, -220%);
	color    : #ffeb3b
}

.top-donator-crown img {
	position : absolute;
	top      : 50%;
	left     : 50%;
	transform: translate(-50%, -50%);
	z-index  : -1
}

.top-donator-text {
	text-align: center
}

.top-donator-text p:nth-child(1) {
	margin        : 0;
	color         : var(--principal-color);
	text-transform: uppercase;
	font-weight   : 700;
	letter-spacing: 1px;
	margin-bottom : 10px
}

.top-donator-text p:nth-child(2) {
	margin: 0
}

.top-donator-text p span {
	color: var(--principal-color)
}

.header-hover {
	position           : absolute;
	top                : 0;
	right              : 0;
	left               : 0;
	bottom             : 0;
	background-size    : cover !important;
	background-repeat  : no-repeat !important;
	z-index            : 2;
	background         : var(--background_url);
	opacity            : var(--header_background_opacity);
	background-position: var(--background_position);
	filter             : blur(var(--background_blur))
}

.navbar-nav>li>.dropdown-menu {
	margin-top             : 0;
	border-top-right-radius: 0;
	border-top-left-radius : 0;
	padding                : 0;
	max-height             : 200px;
	overflow-y             : auto
}

.dropdown-menu>li {
	margin: 0
}

.fade {
	opacity           : 0;
	-webkit-transition: opacity .15s linear;
	-o-transition     : opacity .15s linear;
	transition        : opacity .15s linear
}

.cumpara-zone-sm {
	border       : none;
	background   : #2A90BF;
	font-weight  : 700;
	border-bottom: 2px solid rgba(0, 0, 0, .15) !important;
	padding      : 10px;
	color        : #fff !important;
	font-size    : 13px
}

@media (min-width:768px) {
	.modal-dialog {
		width    : 820px;
		max-width: calc(100% - 10px)
	}
}

.category .packages-image .package .info .button {
	float: none;
	width: 100%
}

.cumpara-zone-sm:hover {
	color: #fff !important
}

.vinde-zone-sm {
	float        : right;
	border       : none;
	background   : #f44336;
	font-weight  : 700;
	border-bottom: 2px solid rgba(0, 0, 0, .15) !important;
	padding      : 10px;
	color        : #fff !important
}

.vinde-zone-sm:hover {
	color: #fff !important
}

.footer-premium {
	background: #2c3136;
	color     : #888;
	margin-top: 60px
}

.footer-premium-flex {
	display       : flex;
	flex-direction: row
}

.col-footer {
	margin-right: 30px;
	flex        : 1;
	padding     : 25px 0;
	line-height : 24px
}

.col-footer h3 {
	margin       : 0;
	margin-bottom: 20px;
	color        : #fff;
	font-size    : 19px;
	font-weight  : 700
}

.col-footer p {
	margin-bottom: 20px
}

.col-footer ul {
	list-style-type: none !important;
	padding        : 0;
	margin-bottom  : 0
}

.col-footer ul li a {
	display        : block;
	padding-bottom : 10px;
	margin-bottom  : 10px;
	font-size      : 14px;
	text-decoration: none;
	color          : #888;
	border-bottom  : 1px dotted #404040;
	transition     : all .3s
}

.col-footer ul li a:hover {
	color: #fff !important
}

.col-footer .footer-store {
	padding        : 12px 30px;
	font-family    : Montserrat, sans-serif;
	font-weight    : 600;
	background     : var(--principal-color);
	font-size      : 13px;
	border-radius  : 2px;
	color          : #fff;
	text-decoration: none;
	text-shadow    : 0 2px 2px rgba(0, 0, 0, .1)
}

.footer-copyright-flex {
	display        : flex;
	align-items    : center;
	justify-content: space-between;
	margin-bottom  : 0
}

.footer-copyright {
	background   : rgba(0, 0, 0, .2);
	border-bottom: 1px solid #2c3136
}

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

.footer-copyright ul {
	list-style-type: none;
	padding        : 0;
	margin-bottom  : 0
}

.footer-copyright ul li {
	display: inline-block;
	margin : 5px
}

.footer-copyright ul li a {
	background   : rgba(0, 0, 0, .05);
	color        : #fff;
	font-size    : 17px;
	display      : block;
	border-bottom: 3px solid rgba(0, 0, 0, .05);
	width        : 36px;
	height       : 36px;
	line-height  : 36px;
	text-align   : center
}

@media only screen and (max-width:768px) {
	.footer-premium-flex {
		flex-direction: column
	}

	.col-footer {
		padding: 5px 0 20px 0
	}
}

@media only screen and (max-width:568px) {
	.footer-copyright-flex {
		flex-direction: column
	}
}

.copyright-footer {
	font-weight    : 600;
	color          : #888;
	text-decoration: none;
	display        : block;
	transition     : all .3s
}

.copyright-footer:hover {
	color          : #fff;
	text-decoration: none
}

.category .packages-image .package {
	border       : 2px solid #33383e;
	align-items  : center;
	flex         : 0 0 calc(33.5% - 15px);
	text-align   : center;
	border-radius: 6px;
	background   : #2e3338 !important;
	position     : relative;
	padding      : 15px
}

.package:not(:nth-child(3n)) {
	margin-right: 15px !important
}

.category .packages-image {
	flex-wrap   : wrap;
	margin-left : -15px;
	margin-right: -15px;
	display     : flex;
	padding     : 0 15px
}

.category .packages-image .package .info .text {
	width        : 100%;
	height       : unset;
	float        : none;
	padding-right: 0;
	font-size    : 12px;
	margin-bottom: 10px
}

.category .packages-image .package .info .text .name {
	font-weight: 700;
	color      : #fff;
	font-size  : 14px
}

.price {
	font-size     : 12px;
	font-weight   : 700;
	letter-spacing: 1px
}

@media only screen and (max-width:768px) {
	.category .packages-image .package {
		flex  : 0 0 calc(48.5% - 15px);
		margin: 10px auto
	}
}

@media only screen and (max-width:508px) {
	.category .packages-image {
		flex-direction: column
	}

	.category .packages-image .package {
		width: 100%
	}
}

.good-deal {
	position     : absolute;
	top          : 7px;
	left         : -6px;
	background   : #e74c3c;
	color        : #fff;
	padding      : 4px 10px;
	border-radius: 5px;
	font-size    : 10px
}

.logare-user {
	background   : #2b3035;
	padding      : 20px;
	margin-bottom: 26px;
	border-radius: 5px
}

.nav-item {
	position: relative
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #262b2f
}

.triplezone-payments {
	display        : flex;
	flex-wrap      : wrap;
	flex-direction : row;
	justify-content: center;
	align-items    : center
}

.triplezone-payments img {
	flex  : 0 0 auto;
	margin: 5px
}

@media only screen and (min-width:768px) {
	.catalin-nav-links li a:hover:after {
		width: 50%
	}
}

@media only screen and (min-width:768px) {
	.catalin-nav-links li a:after {
		content           : "";
		height            : 2px;
		width             : 0%;
		background        : var(--principal-color);
		position          : absolute;
		left              : 0;
		right             : 0;
		bottom            : 5px;
		margin            : 0 auto;
		-webkit-transition: all .35s ease;
		transition        : all .35s ease
	}
}

@media only screen and (min-width:768px) {
	.navbar-default .navbar-nav>li>a:hover:after {
		width: 25%
	}
}

@media only screen and (min-width:768px) {
	.navbar-default .navbar-nav>li>a:after {
		content           : "";
		height            : 2px;
		width             : 0%;
		background        : var(--principal-color);
		position          : absolute;
		left              : 0;
		right             : 0;
		bottom            : 22px;
		margin            : 0 auto;
		-webkit-transition: all .35s ease;
		transition        : all .35s ease
	}
}

#particles-js {
	position      : absolute;
	margin-left   : auto;
	margin-right  : auto;
	pointer-events: none;
	height        : 100%;
	width         : 100%;
	margin        : 0 auto;
	left          : 0;
	right         : 0;
	display       : var(--particles)
}

.economie-st {
	padding: 5px 15px !important
}

.dropdown-menu {
	-webkit-transition      : all .25s ease-out;
	transition              : all .25s ease-out;
	-webkit-transform       : rotateX(90deg);
	transform               : rotateX(90deg);
	-webkit-transform-origin: top;
	transform-origin        : top;
	opacity                 : 0;
	display                 : block;
	width                   : 100%;
	border                  : none
}

.open>.dropdown-menu {
	opacity                 : 1;
	-webkit-transform       : rotateX(0);
	transform               : rotateX(0);
	-webkit-transform-origin: top;
	transform-origin        : top;
	width                   : 100%;
	border                  : none
}

body .tebexLogin {
	position  : relative;
	background: rgba(0, 0, 0, .2)
}

body .tebexDropdown {
	display    : none;
	width      : 200px;
	background : #2c3136;
	position   : absolute;
	bottom     : 52px;
	top        : unset;
	left       : 0;
	border     : none;
	z-index    : 100;
	color      : #222;
	line-height: 100%
}

body .tebexDropdown:before {
	display: none
}

body .tebexContainer {
	width    : 100%;
	padding  : 0 15px;
	height   : 100%;
	max-width: 1170px;
	margin   : auto
}

.tebexManageAccount:focus,
.tebexManageAccount:hover,
body .tebexLogoutBtn:hover {
	background: 0 0 !important;
	color     : #c8c8c8 !important
}

body .tebexButtons {
	height     : 100%;
	float      : right;
	text-align : right;
	line-height: 40px;
	font-size  : 12px;
	color      : #c8c8c8
}

.tebexManageAccount,
.tebexSignupBtn,
body .tebexLogoutBtn {
	margin-left  : 10px;
	border       : none !important;
	border-radius: 3px;
	padding      : 8px 10px;
	color        : #c8c8c8 !important;
	cursor       : pointer
}

body .tebexLogin {
	height: 40px
}

body .tebexChooseProfile {
	padding-left: 0;
	font-size   : 115%
}

body .tebexProfileItem {
	height     : 40px;
	line-height: 40px;
	cursor     : pointer
}

body .tebexProfile {
	background: 0 0 !important
}

body .tebexProfilePicker:after {
	display: none
}

.module .top-donator .info {
	text-align: left;
	padding   : 0 25px
}

@media (min-width:768px) {
	.navbar-nav {
		width          : 100%;
		justify-content: center;
		align-items    : center;
		display        : flex
	}
}

@media (max-width:960px) {
	#open-nav {
		display: block
	}

	#button-open {
		display: block !important
	}

	#testare-hide {
		display: none
	}

	div#cutie-1 {
		order : 2;
		margin: auto
	}

	div#cutie-2 {
		order : 1;
		margin: auto
	}

	div#cutie-3 {
		order : 3;
		margin: auto
	}

	#coloana-3 {
		flex-direction: column
	}

	#nav-links {
		justify-content: flex-end !important
	}
}

.category .packages-row table .price {
	color     : #2A90BF;
	text-align: right
}

.table-striped tbody tr {
	border-bottom: 1px solid #2e353b
}

.category .packages-row table .name:before {
	font-family   : Material Design Icons;
	content       : "\F03D6";
	font-size     : 22px;
	margin        : 13px 13px 13px 0;
	font-weight   : 100;
	color         : #9999;
	vertical-align: middle
}

.activ-zone:after,
.nav-item:hover:after {
	content     : ' ';
	position    : absolute;
	border      : solid 10px transparent;
	border-top  : solid 0 transparent;
	border-width: 10px;
	top         : 6em;
	left        : 50%;
	margin-left : -10px;
	border-color: #2c3136 transparent transparent transparent
}

.navbar-nav>li>.dropdown-menu {
	width: auto
}

.open>.dropdown-menu {
	width: auto
}

.modal-body::-webkit-scrollbar {
	width: 5px
}

.sale {
	background   : #d14841;
	width        : auto;
	display      : inline-block;
	text-align   : center;
	border-radius: 40px 40px 40px 40px;
	padding      : 0 10px;
	margin       : -5px 0 20px 0;
	display      : none
}

.sale p {
	color         : #fff;
	font-weight   : 700;
	font-size     : 20px;
	text-transform: uppercase;
	padding       : 8px;
	margin        : 0
}

#countdown-triplez {
	display      : inline-block;
	background   : rgba(0, 0, 0, .26);
	padding      : 0;
	border-radius: 40px;
	width        : 105px;
	margin       : 0 0 0 3px
}

.vote-content {
	margin               : 0 0 10px 0;
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	-webkit-box-align    : start;
	-ms-flex-align       : start;
	align-items          : flex-start;
	-webkit-box-orient   : horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction   : row;
	flex-direction       : row
}

.vote-content .vote-big-box {
	background-color  : #2c3136;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
	box-shadow        : 0 10px 12px rgba(0, 0, 0, .1);
	-webkit-box-flex  : 70%;
	-ms-flex          : 70%;
	flex              : 70%;
	padding           : 20px
}

.vote-content .vote-big-box p {
	margin    : 0;
	text-align: center
}

.vote-content .vote-big-box b {
	text-align: center;
	display   : block
}

.vote-content .vote-big-box img {
	display: block;
	margin : 10px auto
}

.vote-content .vote-big-box .vote-rewards {
	margin    : 15px 0;
	text-align: center
}

.vote-content .vote-big-box .vote-rewards .vote-reward {
	background   : #2A90BF;
	border-radius: 5px;
	width        : 300px;
	margin       : 10px;
	padding      : 15px;
	display      : inline-block;
	font-weight  : 700;
	border-bottom: 3px solid rgba(0, 0, 0, .15) !important
}

.vote-content .vote-big-box .vote-rewards .vote-reward p {
	font-weight: 700;
	color      : #fff;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	margin     : 0
}

.vote-content .vote-medium-box {
	background        : #2c3136;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
	box-shadow        : 0 3px 5px rgba(0, 0, 0, .1);
	border-radius     : 5px;
	position          : relative;
	-webkit-box-flex  : 30%;
	-ms-flex          : 30%;
	flex              : 30%;
	margin-left       : 20px
}

.vote-content .vote-medium-box .vote-medium-box-header {
	padding      : 20px;
	font-size    : 14px;
	background   : var(--principal-color);
	border-bottom: 2px solid rgba(0, 0, 0, .2)
}

.vote-content .vote-medium-box .vote-medium-box-header h3 {
	color      : #fff;
	text-align : left;
	font-size  : 16px;
	font-weight: 700;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	margin     : 0
}

.vote-content .vote-medium-box .vote-medium-box-body {
	background: #2c3136;
	padding   : 10px
}

.vote-content .vote-medium-box .vote-medium-box-body a {
	display           : block;
	color             : #c8c8c8;
	padding           : 15px;
	margin-top        : 10px;
	border-radius     : 5px;
	text-decoration   : none;
	font-weight       : 700;
	font-size         : 14px;
	-webkit-transition: all .15s;
	transition        : all .15s;
	background        : #262b2f
}

.vote-content .vote-medium-box .vote-medium-box-body a:hover {
	color: var(--principal-color)
}

@media only screen and (max-width:768px) {
	.vote-content {
		display              : -webkit-box;
		display              : -ms-flexbox;
		display              : flex;
		-webkit-box-align    : start;
		-ms-flex-align       : start;
		align-items          : flex-start;
		-webkit-box-orient   : vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction   : column;
		flex-direction       : column;
		-ms-flex-wrap        : wrap;
		flex-wrap            : wrap
	}

	.vote-content .vote-big-box {
		padding      : 20px;
		background   : #2c3136;
		margin-bottom: 20px
	}

	.vote-content .vote-medium-box {
		margin-left: 0;
		width      : 100%;
		position   : relative;
		background : #2c3136
	}
}

.vote-title {
	text-align    : center;
	margin        : 20px 0;
	color         : var(--principal-color);
	font-size     : 22px;
	text-transform: uppercase;
	font-weight   : 700
}

btn.btn.gift-weight.btn-gift {
	background   : #4582ec;
	padding      : 10px;
	color        : #fff;
	border-bottom: 2px solid rgba(0, 0, 0, .15) !important;
	font-weight  : 700;
	font-size    : 13px
}