body {
	height: 100%;
  	margin: 0;

	background-color: #ffffff;
	font-family: 'Poppins', sans-serif;
}

a.logo {
	padding: 10px 0 15px 0;
}

.header-logo img {
	height: 100px;
}

#header-account {
	display: inline-block;
	vertical-align: top;
}

.navbar-nav .show>.nav-link, .navbar-nav .nav-link.active {
    color: #a4a4a4;
}

#header_account_name {
	display: inline-block;
	color: #ffffff;
}

#header-lang {
	display: inline-block;
	/*position: relative;
    margin-top: -30px;
    margin-right: 0px;
    left: 90%;
    margin-bottom: 20px;*/
    text-transform: capitalize;
}

#header-lang ul {
	list-style: none;
}

#header-lang img {
	width: 20px;
}

.navbar {
    --bs-navbar-padding-y: 0;
}

.nav-link {
    padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0;
}

.ds, .page_breadcrumbs.parallax {
	background-color: #37246b;
}

.counters_section.ds {
	background-image: none;
	background-color: #2b4a0e;
}

main {
	min-height: 400px;

}

.main_section {
	flex: 1 1 auto;
	background-color: #141c4b;
}

.main_section h2 {
	color: #ffffff;
}

.main_section_step3 {
	background-color: #ffffff;
}

.main_section label {
	color: #ffffff;
}

.login_box label {
    color: #000000;
}

.login_box .form-group {
    margin-bottom: 10px;
}

.login_box .btn-link:hover {
    color: #141c4b;
}

.login_box [class*="col-"] {
    margin-top: 0px;
}

.step3 label {
	color: #000000;
}

.main_section input[type="text"], .main_section_step3 input[type="text"],
.main_section select, .main_section_step3 select {
	border-radius: 10px;
}

.step2 {
	background: #433772 url('../img/bg_game_page2.jpg') no-repeat top center;
	background-size: cover;
}

.step1 {
	background: #141c4b url('../img/bg_game_page1new.jpg') no-repeat top center;
	background-size: 100%;
}

.step3 {
	background: transparent !important;
}

.participants_box {
	width: 250px;
	display: inline-block;
	padding: 15px;
	border: 1px solid grey;
	border-radius: 10px;
}

ul.participants {
	list-style: none;
	padding-left: 0;
}

.participants li {
	width: calc(100% - 10px);
	display: inline-block;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid grey;
}

.part_silent {
	display: inline-block;
	color: #ff0000;
	font-weight: bold;
}

.part_name.active {
	font-weight: bold;
	color: red;
}

.part_points {
	float: right;
	display: inline-block;
}

.part_add {
	float: right;
	display: inline-block;
	margin-left: 15px;
	margin-right: -25px;
	padding: 0px 6px 0px 6px;

	border: 1px solid grey;
	border-radius: 15px;
}

.part_actions_details {
	float: right;
	display: inline-block;
	margin-left: 5px;
	margin-right: -15px;
	/*padding: 0px 6px 0px 6px;

	border: 1px solid grey;
	border-radius: 15px;*/
	cursor: pointer;
}

.part_settings {
	display: none;
	margin: 5px 0 15px 0;
}

.part_point_cards {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 10px;

	border: 1px solid #fff;
	border-radius: 5px;
	background-color: #2e5894;
	color: #fff;
	cursor: pointer;
}

.part_point_cards:hover {
	color: #fcca03;
	border: 1px solid #fcca03;
}

.part_silent_cards {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 10px;

	border: 1px solid #fff;
	border-radius: 5px;
	background-color: #007573;
	color: #fff;
	cursor: pointer;
}

.part_silent_cards:hover {
	color: #fcca03;
	border: 1px solid #fcca03;
}

.part_silent_cards_receive {
	float: right;
	display: inline-block;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 10px;

	border: 1px solid #ff0000;
	border-radius: 5px;
	background-color: #007573;
	color: #ff0000;
	cursor: pointer;
}

.part_silent_cards_receive:hover {
	color: #fcca03;
	border: 1px solid #fcca03;
}

.facilitator_box {
	width: 250px;
	display: inline-block;
	margin-top: 20px;
	padding: 15px;
	border: 1px solid grey;
	border-radius: 10px;
}

.cards_box {
	margin: auto;
}

.card_col {
	display: inline-block;
	width: calc(100%/6 - 20px);
	margin-right: 15px;
	margin-top: 40px;
}

#count_numbers_game_box {
	float: right;
	display: inline-block;
	width: 320px;
	padding: 10px;
	border: 1px solid grey;
	border-radius: 10px;
	margin-bottom: 15px;
}

#count_numbers_game_box_right {
	display: inline-block;
	margin-left: 15px;
	line-height: 14px;
}

#count_numbers_game_box #countProgressBar {
    height: 25px;
    clear: both;
}

.part_point_allocation .form-group {
	margin-bottom: 5px;
}

.player_nr {
	display: none;
}

.game_title {
	margin-top: 10%;
	margin-bottom: 15px;
    display: inline-block;
}

.card_zoom {
	cursor: pointer;
}

.card_modal img {
    max-width: 90%;
    max-height: 90%;
}

.cards_select_box .sortable > div {
	display: flex;
	margin-bottom: 10px;
	padding: 5px;
	cursor: pointer;
}

.cards_select_box label {
	color: #ffffff;

}

.color_yellow {
	background-color: #FFCB08;
	color: #000000;
	border: 1px solid grey;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.color_zoom_yellow, .color_zoom_pink, .color_zoom_green, .color_zoom_blue {
    color: #000000 !important;
}

.color_brown {
	background-color: #89191C;
	color: #ffffff;
	border: 1px solid #b71515;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.color_zoom_brown, .color_zoom_black {
    color: #ffffff !important;
}

.color_pink {
	background-color: #EF3C76;
	color: #000000;
	border: 1px solid #000000;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.color_green {
	background-color: #5D7C38;
	color: #000000;
	border: 1px solid #000000;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.color_black {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #9e9e9e;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.color_blue {
	background-color: #25AAE1;
	color: #000000;
	border: 1px solid #000000;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.btn_primary {
	display: inline-block;
	background-color: #37246b;
    border-color: #ffffff;
	margin-left: 15px;
	padding: 7px 20px 7px 20px;
	border: 0;
	border-bottom: 6px solid #8e9091 !important;

	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0;
}

.btn_primary:hover {
	background-color: #00b2e3 !important;
	color: #ffffff !important;
	border-color: #ffffff;
	border: 0;
	border-bottom: 6px solid #8e9091 !important;
}

.btn_secundary {
	display: inline-block;
	background-color: #37246b;
    border-color: #ffffff;
	padding: 10px 15px 10px 15px;

	border: 0;
	border-bottom: 6px solid #8e9091 !important;

	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	border-radius: 0;
}

.btn_secundary:hover {
	background-color: #131c4b !important;
	color: #ffffff !important;
	border-color: #ffffff;
	border: 0;
	border-bottom: 6px solid #00b2e3 !important;
}

.btn_save_settings:hover, .btn_save_settings:active {

}

.btn_save_settings:focus {
	color: #000000;
}

.btn_start_game {
	width: 139px;
	height: 140px;
    margin: auto;
	margin-bottom: 30px;
	padding: 52px 12px 0px 12px;
    display: inline-block;

    background: transparent url('../img/btn_start_game.png') no-repeat top center;
	background-size: 100%;
    font-size: 18px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

#btn_start_timer {
	display: inline-block;
	cursor: pointer;
    vertical-align: top
}

#btn_next_player, #btn_action_card {
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn_allocate_to {
	padding: 3px 8px 3px 8px;
	font-size: 12px;
	margin-bottom: 10px;
}

.btn_rolldice {

}

#btn_endgame {
	float: right;
	margin-top: 20px;
    margin-right: 50px;
}

#btn_login {
	border: 0;
}

.btn-link {
	color: #cda75b;
}

.btn-link:hover {
	color: #ffffff;
}

.invalid-feedback {
	color: #ff0000;
}

#card_action {
	display: none;
}

.part_point_allocation, .part_silent_allocation {
	display: none;
}

.glyphicon-zoom-in {
	font-size: 30px;
	margin-top: 10px;
	color: #767676;
}

.glyphicon-download {
	font-size: 25px;
	color: #767676;
	font-weight: normal;
}

.hide {
    display: none !important;
}

/********** Effects Flip & Dice roll *************/
.flip-card {
    background-color: transparent;
    width: 186px;
    height: 279px;
    perspective: 1000px;
    float: left;
    padding: 2% 1% 1% 1%;
    margin: 0 0em 0 0em;
    cursor: pointer;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.9);
}

.flip-card.flip .flip-card-inner {
	transform: rotateY(-180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-front {
	background-color: #000000;
	color: black;
}

.flip-card-back {
	background-color: #ffffff;
	color: white;
	transform: rotateY(-180deg);
}

.dice {
  align-items: center;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  grid-template-rows: auto;
  justify-items: center;
  padding: 2rem;
  perspective: 600px;
}
.die-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: 6rem;
  list-style-type: none;
  transform-style: preserve-3d;
  width: 6rem;
}
.even-roll {
  transition: transform 2.25s ease-out;
}
.odd-roll {
  transition: transform 2s ease-out;
}
.die-item {
  background-color: #fefefe;
  box-shadow: inset -0.35rem 0.35rem 0.75rem rgba(0, 0, 0, 0.3),
    inset 0.5rem -0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  display: grid;
  grid-column: 1;
  grid-row: 1;
  grid-template-areas:
    "one two three"
    "four five six"
    "seven eight nine";
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  height: 100%;
  padding: 1rem;
  width: 100%;
  border-radius: 10px;
}
.side1 {
	/*background-color: #000000;*/
	background: #000000 url('../img/dice/dice_black.jpg') no-repeat top center;
	background-size: 100%;
}
.side2 {
	/*background-color: #9d3033;*/
	background: #9d3033 url('../img/dice/dice_brown.jpg') no-repeat top center;
	background-size: 100%;
}
.side3 {
	/*background-color: #cc418c;*/
	background: #cc418c url('../img/dice/dice_pink.jpg') no-repeat top center;
	background-size: 100%;
}
.side4 {
	/*background-color: #b2d781;*/
	background: #b2d781 url('../img/dice/dice_green.jpg') no-repeat top center;
	background-size: 100%;
}
.side5 {
	/*background-color: #fad846;*/
	background: #fad846 url('../img/dice/dice_yellow.jpg') no-repeat top center;
	background-size: 100%;
}
.side6 {
	/*background-color: #009fd2;*/
	background: #009fd2 url('../img/dice/dice_blue.jpg') no-repeat top center;
	background-size: 100%;
}

.side_rotated1 {
	/*background-color: #000000;*/
	background: #000000 url('../img/dice/dice_black_rotated.jpg') no-repeat top center;
	background-size: 100%;
}
.side_rotated2 {
	/*background-color: #9d3033;*/
	background: #9d3033 url('../img/dice/dice_brown_rotated.jpg') no-repeat top center;
	background-size: 100%;
}
.side_rotated3 {
	/*background-color: #cc418c;*/
	background: #cc418c url('../img/dice/dice_pink_rotated.jpg') no-repeat top center;
	background-size: 100%;
}
.side_rotated4 {
	/*background-color: #b2d781;*/
	background: #b2d781 url('../img/dice/dice_green_rotated.jpg') no-repeat top center;
	background-size: 100%;
}
.side_rotated5 {
	/*background-color: #fad846;*/
	background: #fad846 url('../img/dice/dice_yellow_rotated.jpg') no-repeat top center;
	background-size: 100%;
}
.side_rotated6 {
	/*background-color: #009fd2;*/
	background: #009fd2 url('../img/dice/dice_blue_rotated.jpg') no-repeat top center;
	background-size: 100%;
}

.dot {
  align-self: center;
  background-color: #676767;
  border-radius: 50%;
  box-shadow: inset -0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.5);
  display: block;
  height: 1.25rem;
  justify-self: center;
  width: 1.25rem;
}
.even-roll[data-roll="1"] {
  transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);
}
.even-roll[data-roll="2"] {
  transform: rotateX(450deg) rotateY(720deg) rotateZ(360deg);
}
.even-roll[data-roll="3"] {
  transform: rotateX(360deg) rotateY(630deg) rotateZ(360deg);
}
.even-roll[data-roll="4"] {
  transform: rotateX(360deg) rotateY(810deg) rotateZ(360deg);
}
.even-roll[data-roll="5"] {
  transform: rotateX(270deg) rotateY(720deg) rotateZ(360deg);
}
.even-roll[data-roll="6"] {
  transform: rotateX(360deg) rotateY(900deg) rotateZ(360deg);
}
.odd-roll[data-roll="1"] {
  transform: rotateX(-360deg) rotateY(-720deg) rotateZ(-360deg);
}
.odd-roll[data-roll="2"] {
  transform: rotateX(-270deg) rotateY(-720deg) rotateZ(-360deg);
}
.odd-roll[data-roll="3"] {
  transform: rotateX(-360deg) rotateY(-810deg) rotateZ(-360deg);
}
.odd-roll[data-roll="4"] {
  transform: rotateX(-360deg) rotateY(-630deg) rotateZ(-360deg);
}
.odd-roll[data-roll="5"] {
  transform: rotateX(-450deg) rotateY(-720deg) rotateZ(-360deg);
}
.odd-roll[data-roll="6"] {
  transform: rotateX(-360deg) rotateY(-900deg) rotateZ(-360deg);
}
[data-side="1"] {
  transform: rotate3d(0, 0, 0, 90deg) translateZ(3rem);
}
[data-side="2"] {
  transform: rotate3d(-1, 0, 0, 90deg) translateZ(3rem);
}
[data-side="3"] {
  transform: rotate3d(0, 1, 0, 90deg) translateZ(3rem);
}
[data-side="4"] {
  transform: rotate3d(0, -1, 0, 90deg) translateZ(3rem);
}
[data-side="5"] {
  transform: rotate3d(1, 0, 0, 90deg) translateZ(3rem);
}
[data-side="6"] {
  transform: rotate3d(1, 0, 0, 180deg) translateZ(3rem);
}
[data-side="1"] .dot:nth-of-type(1) {
  grid-area: five;
}
[data-side="2"] .dot:nth-of-type(1) {
  grid-area: one;
}
[data-side="2"] .dot:nth-of-type(2) {
  grid-area: nine;
}
[data-side="3"] .dot:nth-of-type(1) {
  grid-area: one;
}
[data-side="3"] .dot:nth-of-type(2) {
  grid-area: five;
}
[data-side="3"] .dot:nth-of-type(3) {
  grid-area: nine;
}
[data-side="4"] .dot:nth-of-type(1) {
  grid-area: one;
}
[data-side="4"] .dot:nth-of-type(2) {
  grid-area: three;
}
[data-side="4"] .dot:nth-of-type(3) {
  grid-area: seven;
}
[data-side="4"] .dot:nth-of-type(4) {
  grid-area: nine;
}
[data-side="5"] .dot:nth-of-type(1) {
  grid-area: one;
}
[data-side="5"] .dot:nth-of-type(2) {
  grid-area: three;
}
[data-side="5"] .dot:nth-of-type(3) {
  grid-area: five;
}
[data-side="5"] .dot:nth-of-type(4) {
  grid-area: seven;
}
[data-side="5"] .dot:nth-of-type(5) {
  grid-area: nine;
}
[data-side="6"] .dot:nth-of-type(1) {
  grid-area: one;
}
[data-side="6"] .dot:nth-of-type(2) {
  grid-area: three;
}
[data-side="6"] .dot:nth-of-type(3) {
  grid-area: four;
}
[data-side="6"] .dot:nth-of-type(4) {
  grid-area: six;
}
[data-side="6"] .dot:nth-of-type(5) {
  grid-area: seven;
}
[data-side="6"] .dot:nth-of-type(6) {
  grid-area: nine;
}

.dice_box button:hover {
  cursor: pointer;
}

@media (min-width: 900px) {
  .dice {
    perspective: 1300px;
  }
}


/********** Effects Flip & Dice roll end styles *************/
.dice_box {


}

.dice_box ul, .dice_box ol {
	padding: 0;
}

.page_copyright {
	bottom: 0;
	background: #37246b !important;
	color: #ffffff;
}

#canvas {
	height: 100%;
}

#box_wrapper {
	display: flex;
	flex-flow: column;
	height: 100%;
}

.page_toplogo {
	height: 130px;
	flex: 0 1 auto;
	/* The above is shorthand for:
	flex-grow: 0,
	flex-shrink: 1,
	flex-basis: auto
	*/
}

.page_copyright {
	height: 68px;
	flex: 0 1 40px;
}

footer {
	color: #ffffff !important;
}

footer a {
	color: #fcca03 !important;
}

footer a.logo {
	padding: 10px 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea, select, .form-control {
	border: 1px solid #333333;
}

.step3 .facilitator_box select, .step3 .participants_box select {
	padding-left: 10px;
	padding-right: 10px;
}

/* ---------- start popup cookies box ------------ */
.popup_cookies_message {
	width: calc(100% - 160px);
	display: inline-block;
	text-align: left;
	float: left;
	font-size: 14px;
	line-height: 18px;
}

.popup_cookies_btn {
	width: 160px;
	display: inline-block;
	text-align: right;
	float: right;
}

#popup_cookies {
	position: fixed;
	width: 100%;
	height: auto;
	top: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 99999;
	padding: 15px 15px;

	color: #000000;
	background-color: #edeff5;

	-ms-flex-align: center;
	align-items: center;

}

.btn_accept_all_cookies {
	float: right;
	margin-top: 10px;
	background-color: #37246b;
	color: #ffffff;
}

.btn_accept_all_cookies:hover {
	color: #fff;
	background-color: #31b0d5;
}

.popup_cookies_message a {
	font-weight: bold;
}

#cookies_text_box, #cookies_box {
	display: inline-block;
}

.cookie_category_all {
	font-size: 12pt;
}

.cookie_category {
	width: 100%;
	display: inline-block;
	margin: 30px 0 0 0;
}

.cookie_category span.titlu {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	color: rgb(84, 100, 110);
}

.cookie_category span.status {
	float: right;
}

.cookie_category [data-toggle=buttons]>.btn input[type=radio] {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none;
}

.cookie_category span.status.active_on {
	width: 125px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: rgb(116, 133, 141);
	border: 1px solid rgb(116, 133, 141);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cookie_category span.status .btn {
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	color: rgb(116, 133, 141);
	background-color: rgb(224,227,231);
}

.cookie_category span.status .btn:active, .cookie_category span.status .btn.active {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	color: rgb(255, 255, 255);
}

.cookie_category span.status .btn:first-child:active, .cookie_category span.status .btn:first-child.active {
	background-color: #024393;
}

.cookie_category span.status .btn:last-child:active, .cookie_category span.status .btn:last-child.active {
	background-color: rgb(176, 35, 39);
}

.cookie_category span.status .btn-group .btn + .btn {
	margin-left: 0;
	border-left: 1px solid rgb(255, 255, 255);
}

.cookie_category span.cookie_description {
	display: block;
	margin: 15px 0 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

/* ---------- end popup cookies box ------------ */

@media (min-width: 1750px) {
	.container {
		width: 96%;
		margin: 0 2% 0 2%;
	}
}

@media (min-width: 1400px) {
	.main_section {

	}
}

@media (max-width: 1750px) and (min-width: 1200px) {
	a.logo {
		margin-left: 5px;
	}

	.card_col {
		display: inline-block;
		width: calc(100% / 6 - 15px);
		margin-right: 10px;
		margin-top: 40px;
	}

	.flip-card {
		max-width: 100%;
	}

	.flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.6s;
		transform-style: preserve-3d;
		box-shadow: none;
	}

	.flip-card-front, .flip-card-back {
		height: auto;
		box-shadow: 0 4px 8px 0 rgb(0 0 0 / 90%);
	}
}

@media (max-width: 1749px) and (min-width: 1550px) {
	.container {
		width: 100%;
	}

	.flip-card {
		width: 176px;
		height: 259px;
	}
}

@media (max-width: 1549px) and (min-width: 1400px) {
	.container {
		width: 100%;
	}

	.flip-card {
		width: 157px;
		height: 232px;
	}
}

@media (max-width: 1399px) and (min-width: 1200px) {
	.container {
    	width: 100%;
	}

	.flip-card {
		width: 132px;
		height: 195px;
	}
}

@media (min-width: 1200px) {
	.step2 {
		max-height: 100%;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.container {
		width: 100%;
	}

	a.logo {
		margin-left: 5px;
	}

	.card_col {
		display: inline-block;
		width: calc(100%/6 - 15px);
		margin-right: 10px;
		margin-top: 30px;
	}
	.flip-card {
		width: 132px;
		height: 195px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {

}

@media (max-width: 767px) {

}