/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

: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:#007bff;
	--secondary:#6c757d;
	--success:#28a745;
	--info:#17a2b8;
	--warning:#ffc107;
	--danger:#dc3545;
	--light:#f8f9fa;
	--dark:#343a40;
	--breakpoint-xs:0;
	--breakpoint-sm:576px;
	--breakpoint-md:768px;
	--breakpoint-lg:992px;
	--breakpoint-xl:1200px;
	--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*,::after,::before {
	box-sizing:border-box}
html {
	font-family:sans-serif;
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent}
footer,header {
	display:block}
body {
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#212529;
	text-align:left;
	background-color:#fff}
[tabindex="-1"]:focus {
	outline:0!important}
h1,h2,h3,h4,h5,h6 {
	margin-top:0;
	margin-bottom:.5rem}
p {
	margin-top:0;
	margin-bottom:1rem}
dl,ol,ul {
	margin-top:0;
	margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul {
	margin-bottom:0}
dt {
	font-weight:700}
dd {
	margin-bottom:.5rem;
	margin-left:0}
b {
	font-weight:bolder}
a {
	color:#007bff;
	text-decoration:none;
	background-color:transparent}
a:hover {
	color:#0056b3;
	text-decoration:underline}
a:not([href]):not([tabindex]) {
	color:inherit;
	text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
	color:inherit;
	text-decoration:none}
a:not([href]):not([tabindex]):focus {
	outline:0}
pre {
	font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-size:1em}
pre {
	margin-top:0;
	margin-bottom:1rem;
	overflow:auto}
img {
	vertical-align:middle;
	border-style:none}
svg {
	overflow:hidden;
	vertical-align:middle}
label {
	display:inline-block;
	margin-bottom:.5rem}
button {
	border-radius:0}
button:focus {
	outline:1px dotted;
	outline:5px auto -webkit-focus-ring-color}
button,input,select,textarea {
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit}
button,input {
	overflow:visible}
button,select {
	text-transform:none}
select {
	word-wrap:normal}
[type=button],[type=reset],[type=submit],button {
	-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
	cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	padding:0;
	border-style:none}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
	-webkit-appearance:listbox}
textarea {
	overflow:auto;
	resize:vertical}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto}
[type=search] {
	outline-offset:-2px;
	-webkit-appearance:none}
[type=search]::-webkit-search-decoration {
	-webkit-appearance:none}
::-webkit-file-upload-button {
	font:inherit;
	-webkit-appearance:button}
[hidden] {
	display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	margin-bottom:.5rem;
	font-weight:500;
	line-height:1.2}
.h1,h1 {
	font-size:2rem}
.h2,h2 {
	font-size:1.5rem}
.h3,h3 {
	font-size:1.5rem}
.h4,h4 {
	font-size:1.5rem}
.h5,h5 {
	font-size:1.25rem}
.h6,h6 {
	font-size:1rem}
.display-1 {
	font-size:6rem;
	font-weight:300;
	line-height:1.2}
.display-2 {
	font-size:5.5rem;
	font-weight:300;
	line-height:1.2}
.display-3 {
	font-size:4.5rem;
	font-weight:300;
	line-height:1.2}
.display-4 {
	font-size:3.5rem;
	font-weight:300;
	line-height:1.2}
.mark,mark {
	padding:.2em;
	background-color:#fcf8e3}
.list-inline {
	padding-left:0;
	list-style:none}
pre {
	display:block;
	font-size:87.5%;
	color:#212529}
.container {
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto}
@media (min-width:576px) {
	.container {
	max-width:540px}
}
@media (min-width:768px) {
	.container {
	max-width:720px}
}
@media (min-width:992px) {
	.container {
	max-width:960px}
}
@media (min-width:1200px) {
	.container {
	max-width:1140px}
}
.row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto {
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px}
.col {
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%}
.col-auto {
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:100%}
.col-1 {
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%}
.col-2 {
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%}
.col-3 {
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%}
.col-4 {
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%}
.col-5 {
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%}
.col-6 {
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%}
.col-7 {
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%}
.col-8 {
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%}
.col-9 {
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%}
.col-10 {
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%}
.col-11 {
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%}
.col-12 {
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%}
@media (min-width:768px) {
	.col-md {
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%}
.col-md-auto {
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:100%}
.col-md-1 {
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%}
.col-md-2 {
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%}
.col-md-3 {
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%}
.col-md-4 {
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%}
.col-md-5 {
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%}
.col-md-6 {
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%}
.col-md-7 {
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%}
.col-md-8 {
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%}
.col-md-9 {
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%}
.col-md-10 {
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%}
.col-md-11 {
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%}
.col-md-12 {
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%}
}
@media (min-width:992px) {
	.col-lg {
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%}
.col-lg-auto {
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:100%}
.col-lg-1 {
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%}
.col-lg-2 {
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%}
.col-lg-3 {
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%}
.col-lg-4 {
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%}
.col-lg-5 {
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%}
.col-lg-6 {
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%}
.col-lg-7 {
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%}
.col-lg-8 {
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%}
.col-lg-9 {
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%}
.col-lg-10 {
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%}
.col-lg-11 {
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%}
.col-lg-12 {
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%}
}
.form-control {
	display:block;
	width:100%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
	.form-control {
	transition:none}
}
.form-control::-ms-expand {
	background-color:transparent;
	border:0}
.form-control:focus {
	color:#495057;
	background-color:#fff;
	border-color:#80bdff;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.form-control::-webkit-input-placeholder {
	color:#6c757d;
	opacity:1}
.form-control::-moz-placeholder {
	color:#6c757d;
	opacity:1}
.form-control:-ms-input-placeholder {
	color:#6c757d;
	opacity:1}
.form-control::-ms-input-placeholder {
	color:#6c757d;
	opacity:1}
.form-control::placeholder {
	color:#6c757d;
	opacity:1}
.form-control:disabled,.form-control[readonly] {
	background-color:#e9ecef;
	opacity:1}
select.form-control:focus::-ms-value {
	color:#495057;
	background-color:#fff}
.col-form-label {
	padding-top:calc(.375rem + 1px);
	padding-bottom:calc(.375rem + 1px);
	margin-bottom:0;
	font-size:inherit;
	line-height:1.5}
.col-form-label-lg {
	padding-top:calc(.5rem + 1px);
	padding-bottom:calc(.5rem + 1px);
	font-size:1.25rem;
	line-height:1.5}
.form-control-lg {
	height:calc(1.5em + 1rem + 2px);
	padding:.5rem 1rem;
	font-size:1.25rem;
	line-height:1.5;
	border-radius:.3rem}
select.form-control[multiple],select.form-control[size] {
	height:auto}
textarea.form-control {
	height:auto}
.form-text {
	display:block;
	margin-top:.25rem}
.form-row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-5px;
	margin-left:-5px}
.form-row>.col,.form-row>[class*=col-] {
	padding-right:5px;
	padding-left:5px}
.form-check {
	position:relative;
	display:block;
	padding-left:1.25rem}
.form-check-input {
	position:absolute;
	margin-top:.3rem;
	margin-left:-1.25rem}
.form-check-input:disabled~.form-check-label {
	color:#6c757d}
.form-check-label {
	margin-bottom:0}
.form-check-inline {
	display:-ms-inline-flexbox;
	display:inline-flex;
	-ms-flex-align:center;
	align-items:center;
	padding-left:0;
	margin-right:.75rem}
.form-check-inline .form-check-input {
	position:static;
	margin-top:0;
	margin-right:.3125rem;
	margin-left:0}
.form-inline {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-ms-flex-align:center;
	align-items:center}
.form-inline .form-check {
	width:100%}
@media (min-width:576px) {
	.form-inline label {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-bottom:0}
.form-inline .form-control {
	display:inline-block;
	width:auto;
	vertical-align:middle}
.form-inline .custom-select {
	width:auto}
.form-inline .form-check {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:auto;
	padding-left:0}
.form-inline .form-check-input {
	position:relative;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-top:0;
	margin-right:.25rem;
	margin-left:0}
.form-inline .custom-control {
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center}
.form-inline .custom-control-label {
	margin-bottom:0}
}
.btn {
	display:inline-block;
	font-weight:400;
	color:#212529;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	border-radius:.25rem;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
	.btn {
	transition:none}
}
.btn:hover {
	color:#212529;
	text-decoration:none}
.btn:focus {
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.btn:disabled {
	opacity:.65}
.btn-info {
	color:#fff;
	background-color:#17a2b8;
	border-color:#17a2b8}
.btn-info:hover {
	color:#fff;
	background-color:#138496;
	border-color:#117a8b}
.btn-info:focus {
	box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-info:disabled {
	color:#fff;
	background-color:#17a2b8;
	border-color:#17a2b8}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active {
	color:#fff;
	background-color:#117a8b;
	border-color:#10707f}
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus {
	box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-danger {
	color:#fff;
	background-color:#dc3545;
	border-color:#dc3545}
.btn-danger:hover {
	color:#fff;
	background-color:#c82333;
	border-color:#bd2130}
.btn-danger:focus {
	box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-danger:disabled {
	color:#fff;
	background-color:#dc3545;
	border-color:#dc3545}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active {
	color:#fff;
	background-color:#bd2130;
	border-color:#b21f2d}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus {
	box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-link {
	font-weight:400;
	color:#007bff;
	text-decoration:none}
.btn-link:hover {
	color:#0056b3;
	text-decoration:underline}
.btn-link:focus {
	text-decoration:underline;
	box-shadow:none}
.btn-link:disabled {
	color:#6c757d;
	pointer-events:none}
.btn-lg {
	padding:.5rem 1rem;
	font-size:1.25rem;
	line-height:1.5;
	border-radius:.3rem}
.btn-block {
	display:block;
	width:100%}
.btn-block+.btn-block {
	margin-top:.5rem}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
	width:100%}
.custom-control {
	position:relative;
	display:block;
	min-height:1.5rem;
	padding-left:1.5rem}
.custom-control-inline {
	display:-ms-inline-flexbox;
	display:inline-flex;
	margin-right:1rem}
.custom-control-input {
	position:absolute;
	z-index:-1;
	opacity:0}
.custom-control-input:checked~.custom-control-label::before {
	color:#fff;
	border-color:#007bff;
	background-color:#007bff}
.custom-control-input:focus~.custom-control-label::before {
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color:#80bdff}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
	color:#fff;
	background-color:#b3d7ff;
	border-color:#b3d7ff}
.custom-control-input:disabled~.custom-control-label {
	color:#6c757d}
.custom-control-input:disabled~.custom-control-label::before {
	background-color:#e9ecef}
.custom-control-label {
	position:relative;
	margin-bottom:0;
	vertical-align:top}
.custom-control-label::before {
	position:absolute;
	top:.25rem;
	left:-1.5rem;
	display:block;
	width:1rem;
	height:1rem;
	pointer-events:none;
	content:"";
	background-color:#fff;
	border:#adb5bd solid 1px}
.custom-control-label::after {
	position:absolute;
	top:.25rem;
	left:-1.5rem;
	display:block;
	width:1rem;
	height:1rem;
	content:"";
	background:no-repeat 50%/50% 50%}
.custom-select {
	display:inline-block;
	width:100%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem 1.75rem .375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	vertical-align:middle;
	background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
	background-color:#fff;
	border:1px solid #ced4da;
	border-radius:.25rem;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none}
.custom-select:focus {
	border-color:#80bdff;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.custom-select:focus::-ms-value {
	color:#495057;
	background-color:#fff}
.custom-select[multiple],.custom-select[size]:not([size="1"]) {
	height:auto;
	padding-right:.75rem;
	background-image:none}
.custom-select:disabled {
	color:#6c757d;
	background-color:#e9ecef}
.custom-select::-ms-expand {
	display:none}
.custom-select-lg {
	height:calc(1.5em + 1rem + 2px);
	padding-top:.5rem;
	padding-bottom:.5rem;
	padding-left:1rem;
	font-size:1.25rem}
.custom-control-label::before,.custom-select {
	transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
	.custom-control-label::before,.custom-select {
	transition:none}
}
.navbar {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:.5rem 1rem}
.navbar>.container {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:justify;
	justify-content:space-between}
.navbar-brand {
	display:inline-block;
	padding-top:.3125rem;
	padding-bottom:.3125rem;
	margin-right:1rem;
	font-size:1.25rem;
	line-height:inherit;
	white-space:nowrap}
.navbar-brand:focus,.navbar-brand:hover {
	text-decoration:none}
.navbar-text {
	display:inline-block;
	padding-top:.5rem;
	padding-bottom:.5rem}
.page-link {
	position:relative;
	display:block;
	padding:.5rem .75rem;
	margin-left:-1px;
	line-height:1.25;
	color:#007bff;
	background-color:#fff;
	border:1px solid #dee2e6}
.page-link:hover {
	z-index:2;
	color:#0056b3;
	text-decoration:none;
	background-color:#e9ecef;
	border-color:#dee2e6}
.page-link:focus {
	z-index:2;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.jumbotron {
	padding:2rem 1rem;
	margin-bottom:2rem;
	background-color:#e9ecef;
	border-radius:.3rem}
@media (min-width:576px) {
	.jumbotron {
	padding:4rem 2rem}
}
@-webkit-keyframes progress-bar-stripes {
	from {
	background-position:1rem 0}
to {
	background-position:0 0}
}
@keyframes progress-bar-stripes {
	from {
	background-position:1rem 0}
to {
	background-position:0 0}
}
.close {
	float:right;
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
	color:#000;
	text-shadow:0 1px 0 #fff;
	opacity:.5}
.close:hover {
	color:#000;
	text-decoration:none}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
	opacity:.75}
button.close {
	padding:0;
	background-color:transparent;
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none}
.modal {
	position:fixed;
	top:0;
	left:0;
	z-index:1050;
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	outline:0}
.modal-dialog {
	position:relative;
	width:auto;
	margin:.5rem;
	pointer-events:none}
.modal-dialog-centered {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	min-height:calc(100% - 1rem)}
.modal-dialog-centered::before {
	display:block;
	height:calc(100vh - 1rem);
	content:""}
.modal-content {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	width:100%;
	pointer-events:auto;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0,0,0,.2);
	border-radius:.3rem;
	outline:0}
.modal-header {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:start;
	align-items:flex-start;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:1rem 1rem;
	border-bottom:1px solid #dee2e6;
	border-top-left-radius:.3rem;
	border-top-right-radius:.3rem}
.modal-header .close {
	padding:1rem 1rem;
	margin:-1rem -1rem -1rem auto}
.modal-title {
	margin-bottom:0;
	line-height:1.5}
.modal-body {
	position:relative;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	padding:1rem}
.modal-footer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:end;
	justify-content:flex-end;
	padding:1rem;
	border-top:1px solid #dee2e6;
	border-bottom-right-radius:.3rem;
	border-bottom-left-radius:.3rem}
.modal-footer>:not(:first-child) {
	margin-left:.25rem}
.modal-footer>:not(:last-child) {
	margin-right:.25rem}
@media (min-width:576px) {
	.modal-dialog {
	max-width:500px;
	margin:1.75rem auto}
.modal-dialog-centered {
	min-height:calc(100% - 3.5rem)}
.modal-dialog-centered::before {
	height:calc(100vh - 3.5rem)}
}
@media (min-width:992px) {
	.modal-lg {
	max-width:800px}
}
@-webkit-keyframes spinner-border {
	to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)}
}
@keyframes spinner-border {
	to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)}
}
@-webkit-keyframes spinner-grow {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)}
50% {
	opacity:1}
}
@keyframes spinner-grow {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)}
50% {
	opacity:1}
}
.align-top {
	vertical-align:top!important}
.align-bottom {
	vertical-align:bottom!important}
.align-text-bottom {
	vertical-align:text-bottom!important}
.align-text-top {
	vertical-align:text-top!important}
.border {
	border:1px solid #dee2e6!important}
.border-top {
	border-top:1px solid #dee2e6!important}
.border-right {
	border-right:1px solid #dee2e6!important}
.border-bottom {
	border-bottom:1px solid #dee2e6!important}
.border-left {
	border-left:1px solid #dee2e6!important}
.border-0 {
	border:0!important}
.border-top-0 {
	border-top:0!important}
.border-right-0 {
	border-right:0!important}
.border-bottom-0 {
	border-bottom:0!important}
.border-left-0 {
	border-left:0!important}
.border-info {
	border-color:#17a2b8!important}
.border-danger {
	border-color:#dc3545!important}
.d-none {
	display:none!important}
.d-inline {
	display:inline!important}
.d-inline-block {
	display:inline-block!important}
.d-block {
	display:block!important}
.d-flex {
	display:-ms-flexbox!important;
	display:flex!important}
.d-inline-flex {
	display:-ms-inline-flexbox!important;
	display:inline-flex!important}
@media (min-width:768px) {
	.d-md-none {
	display:none!important}
.d-md-inline {
	display:inline!important}
.d-md-inline-block {
	display:inline-block!important}
.d-md-block {
	display:block!important}
.d-md-flex {
	display:-ms-flexbox!important;
	display:flex!important}
.d-md-inline-flex {
	display:-ms-inline-flexbox!important;
	display:inline-flex!important}
}
@media (min-width:992px) {
	.d-lg-none {
	display:none!important}
.d-lg-inline {
	display:inline!important}
.d-lg-inline-block {
	display:inline-block!important}
.d-lg-block {
	display:block!important}
.d-lg-flex {
	display:-ms-flexbox!important;
	display:flex!important}
.d-lg-inline-flex {
	display:-ms-inline-flexbox!important;
	display:inline-flex!important}
}
.flex-row {
	-ms-flex-direction:row!important;
	flex-direction:row!important}
.flex-fill {
	-ms-flex:1 1 auto!important;
	flex:1 1 auto!important}
.justify-content-start {
	-ms-flex-pack:start!important;
	justify-content:flex-start!important}
.justify-content-end {
	-ms-flex-pack:end!important;
	justify-content:flex-end!important}
.justify-content-center {
	-ms-flex-pack:center!important;
	justify-content:center!important}
.align-items-start {
	-ms-flex-align:start!important;
	align-items:flex-start!important}
.align-items-end {
	-ms-flex-align:end!important;
	align-items:flex-end!important}
.align-items-center {
	-ms-flex-align:center!important;
	align-items:center!important}
.align-content-start {
	-ms-flex-line-pack:start!important;
	align-content:flex-start!important}
.align-content-end {
	-ms-flex-line-pack:end!important;
	align-content:flex-end!important}
.align-content-center {
	-ms-flex-line-pack:center!important;
	align-content:center!important}
@media (min-width:768px) {
	.flex-md-row {
	-ms-flex-direction:row!important;
	flex-direction:row!important}
.flex-md-fill {
	-ms-flex:1 1 auto!important;
	flex:1 1 auto!important}
.justify-content-md-start {
	-ms-flex-pack:start!important;
	justify-content:flex-start!important}
.justify-content-md-end {
	-ms-flex-pack:end!important;
	justify-content:flex-end!important}
.justify-content-md-center {
	-ms-flex-pack:center!important;
	justify-content:center!important}
.align-items-md-start {
	-ms-flex-align:start!important;
	align-items:flex-start!important}
.align-items-md-end {
	-ms-flex-align:end!important;
	align-items:flex-end!important}
.align-items-md-center {
	-ms-flex-align:center!important;
	align-items:center!important}
.align-content-md-start {
	-ms-flex-line-pack:start!important;
	align-content:flex-start!important}
.align-content-md-end {
	-ms-flex-line-pack:end!important;
	align-content:flex-end!important}
.align-content-md-center {
	-ms-flex-line-pack:center!important;
	align-content:center!important}
}
@media (min-width:992px) {
	.flex-lg-row {
	-ms-flex-direction:row!important;
	flex-direction:row!important}
.flex-lg-fill {
	-ms-flex:1 1 auto!important;
	flex:1 1 auto!important}
.justify-content-lg-start {
	-ms-flex-pack:start!important;
	justify-content:flex-start!important}
.justify-content-lg-end {
	-ms-flex-pack:end!important;
	justify-content:flex-end!important}
.justify-content-lg-center {
	-ms-flex-pack:center!important;
	justify-content:center!important}
.align-items-lg-start {
	-ms-flex-align:start!important;
	align-items:flex-start!important}
.align-items-lg-end {
	-ms-flex-align:end!important;
	align-items:flex-end!important}
.align-items-lg-center {
	-ms-flex-align:center!important;
	align-items:center!important}
.align-content-lg-start {
	-ms-flex-line-pack:start!important;
	align-content:flex-start!important}
.align-content-lg-end {
	-ms-flex-line-pack:end!important;
	align-content:flex-end!important}
.align-content-lg-center {
	-ms-flex-line-pack:center!important;
	align-content:center!important}
}
.float-left {
	float:left!important}
.float-right {
	float:right!important}
.float-none {
	float:none!important}
@media (min-width:768px) {
	.float-md-left {
	float:left!important}
.float-md-right {
	float:right!important}
.float-md-none {
	float:none!important}
}
@media (min-width:992px) {
	.float-lg-left {
	float:left!important}
.float-lg-right {
	float:right!important}
.float-lg-none {
	float:none!important}
}
.position-static {
	position:static!important}
.position-relative {
	position:relative!important}
.position-absolute {
	position:absolute!important}
@supports ((position:-webkit-sticky) or (position:sticky)) {
	.sticky-top {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:1020}
}
.shadow {
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.shadow-lg {
	box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.shadow-none {
	box-shadow:none!important}
.w-25 {
	width:25%!important}
.w-50 {
	width:50%!important}
.w-75 {
	width:75%!important}
.w-100 {
	width:100%!important}
.w-auto {
	width:auto!important}
.h-25 {
	height:25%!important}
.h-50 {
	height:50%!important}
.h-75 {
	height:75%!important}
.h-100 {
	height:100%!important}
.h-auto {
	height:auto!important}
.m-0 {
	margin:0!important}
.my-0 {
	margin-top:0!important}
.mr-0 {
	margin-right:0!important}
.my-0 {
	margin-bottom:0!important}
.m-1 {
	margin:.25rem!important}
.my-1 {
	margin-top:.25rem!important}
.mr-1 {
	margin-right:.25rem!important}
.my-1 {
	margin-bottom:.25rem!important}
.m-2 {
	margin:.5rem!important}
.my-2 {
	margin-top:.5rem!important}
.mr-2 {
	margin-right:.5rem!important}
.my-2 {
	margin-bottom:.5rem!important}
.m-3 {
	margin:1rem!important}
.my-3 {
	margin-top:1rem!important}
.mr-3 {
	margin-right:1rem!important}
.my-3 {
	margin-bottom:1rem!important}
.m-4 {
	margin:1.5rem!important}
.my-4 {
	margin-top:1.5rem!important}
.mr-4 {
	margin-right:1.5rem!important}
.my-4 {
	margin-bottom:1.5rem!important}
.m-5 {
	margin:3rem!important}
.my-5 {
	margin-top:3rem!important}
.mr-5 {
	margin-right:3rem!important}
.my-5 {
	margin-bottom:3rem!important}
.p-0 {
	padding:0!important}
.px-0 {
	padding-right:0!important}
.pl-0,.px-0 {
	padding-left:0!important}
.p-1 {
	padding:.25rem!important}
.px-1 {
	padding-right:.25rem!important}
.pl-1,.px-1 {
	padding-left:.25rem!important}
.p-2 {
	padding:.5rem!important}
.px-2 {
	padding-right:.5rem!important}
.pl-2,.px-2 {
	padding-left:.5rem!important}
.p-3 {
	padding:1rem!important}
.px-3 {
	padding-right:1rem!important}
.pl-3,.px-3 {
	padding-left:1rem!important}
.p-4 {
	padding:1.5rem!important}
.px-4 {
	padding-right:1.5rem!important}
.pl-4,.px-4 {
	padding-left:1.5rem!important}
.p-5 {
	padding:3rem!important}
.px-5 {
	padding-right:3rem!important}
.pl-5,.px-5 {
	padding-left:3rem!important}
.m-auto {
	margin:auto!important}
.my-auto {
	margin-top:auto!important}
.mr-auto {
	margin-right:auto!important}
.my-auto {
	margin-bottom:auto!important}
@media (min-width:768px) {
	.m-md-0 {
	margin:0!important}
.my-md-0 {
	margin-top:0!important}
.mr-md-0 {
	margin-right:0!important}
.my-md-0 {
	margin-bottom:0!important}
.m-md-1 {
	margin:.25rem!important}
.my-md-1 {
	margin-top:.25rem!important}
.mr-md-1 {
	margin-right:.25rem!important}
.my-md-1 {
	margin-bottom:.25rem!important}
.m-md-2 {
	margin:.5rem!important}
.my-md-2 {
	margin-top:.5rem!important}
.mr-md-2 {
	margin-right:.5rem!important}
.my-md-2 {
	margin-bottom:.5rem!important}
.m-md-3 {
	margin:1rem!important}
.my-md-3 {
	margin-top:1rem!important}
.mr-md-3 {
	margin-right:1rem!important}
.my-md-3 {
	margin-bottom:1rem!important}
.m-md-4 {
	margin:1.5rem!important}
.my-md-4 {
	margin-top:1.5rem!important}
.mr-md-4 {
	margin-right:1.5rem!important}
.my-md-4 {
	margin-bottom:1.5rem!important}
.m-md-5 {
	margin:3rem!important}
.my-md-5 {
	margin-top:3rem!important}
.mr-md-5 {
	margin-right:3rem!important}
.my-md-5 {
	margin-bottom:3rem!important}
.p-md-0 {
	padding:0!important}
.px-md-0 {
	padding-right:0!important}
.pl-md-0,.px-md-0 {
	padding-left:0!important}
.p-md-1 {
	padding:.25rem!important}
.px-md-1 {
	padding-right:.25rem!important}
.pl-md-1,.px-md-1 {
	padding-left:.25rem!important}
.p-md-2 {
	padding:.5rem!important}
.px-md-2 {
	padding-right:.5rem!important}
.pl-md-2,.px-md-2 {
	padding-left:.5rem!important}
.p-md-3 {
	padding:1rem!important}
.px-md-3 {
	padding-right:1rem!important}
.pl-md-3,.px-md-3 {
	padding-left:1rem!important}
.p-md-4 {
	padding:1.5rem!important}
.px-md-4 {
	padding-right:1.5rem!important}
.pl-md-4,.px-md-4 {
	padding-left:1.5rem!important}
.p-md-5 {
	padding:3rem!important}
.px-md-5 {
	padding-right:3rem!important}
.pl-md-5,.px-md-5 {
	padding-left:3rem!important}
.m-md-auto {
	margin:auto!important}
.my-md-auto {
	margin-top:auto!important}
.mr-md-auto {
	margin-right:auto!important}
.my-md-auto {
	margin-bottom:auto!important}
}
@media (min-width:992px) {
	.m-lg-0 {
	margin:0!important}
.my-lg-0 {
	margin-top:0!important}
.mr-lg-0 {
	margin-right:0!important}
.my-lg-0 {
	margin-bottom:0!important}
.m-lg-1 {
	margin:.25rem!important}
.my-lg-1 {
	margin-top:.25rem!important}
.mr-lg-1 {
	margin-right:.25rem!important}
.my-lg-1 {
	margin-bottom:.25rem!important}
.m-lg-2 {
	margin:.5rem!important}
.my-lg-2 {
	margin-top:.5rem!important}
.mr-lg-2 {
	margin-right:.5rem!important}
.my-lg-2 {
	margin-bottom:.5rem!important}
.m-lg-3 {
	margin:1rem!important}
.my-lg-3 {
	margin-top:1rem!important}
.mr-lg-3 {
	margin-right:1rem!important}
.my-lg-3 {
	margin-bottom:1rem!important}
.m-lg-4 {
	margin:1.5rem!important}
.my-lg-4 {
	margin-top:1.5rem!important}
.mr-lg-4 {
	margin-right:1.5rem!important}
.my-lg-4 {
	margin-bottom:1.5rem!important}
.m-lg-5 {
	margin:3rem!important}
.my-lg-5 {
	margin-top:3rem!important}
.mr-lg-5 {
	margin-right:3rem!important}
.my-lg-5 {
	margin-bottom:3rem!important}
.p-lg-0 {
	padding:0!important}
.px-lg-0 {
	padding-right:0!important}
.pl-lg-0,.px-lg-0 {
	padding-left:0!important}
.p-lg-1 {
	padding:.25rem!important}
.px-lg-1 {
	padding-right:.25rem!important}
.pl-lg-1,.px-lg-1 {
	padding-left:.25rem!important}
.p-lg-2 {
	padding:.5rem!important}
.px-lg-2 {
	padding-right:.5rem!important}
.pl-lg-2,.px-lg-2 {
	padding-left:.5rem!important}
.p-lg-3 {
	padding:1rem!important}
.px-lg-3 {
	padding-right:1rem!important}
.pl-lg-3,.px-lg-3 {
	padding-left:1rem!important}
.p-lg-4 {
	padding:1.5rem!important}
.px-lg-4 {
	padding-right:1.5rem!important}
.pl-lg-4,.px-lg-4 {
	padding-left:1.5rem!important}
.p-lg-5 {
	padding:3rem!important}
.px-lg-5 {
	padding-right:3rem!important}
.pl-lg-5,.px-lg-5 {
	padding-left:3rem!important}
.m-lg-auto {
	margin:auto!important}
.my-lg-auto {
	margin-top:auto!important}
.mr-lg-auto {
	margin-right:auto!important}
.my-lg-auto {
	margin-bottom:auto!important}
}
.text-justify {
	text-align:justify!important}
.text-left {
	text-align:left!important}
.text-right {
	text-align:right!important}
.text-center {
	text-align:center!important}
@media (min-width:768px) {
	.text-md-left {
	text-align:left!important}
.text-md-right {
	text-align:right!important}
.text-md-center {
	text-align:center!important}
}
@media (min-width:992px) {
	.text-lg-left {
	text-align:left!important}
.text-lg-right {
	text-align:right!important}
.text-lg-center {
	text-align:center!important}
}
.font-weight-bold {
	font-weight:700!important}
.text-info {
	color:#17a2b8!important}
a.text-info:focus,a.text-info:hover {
	color:#0f6674!important}
.text-danger {
	color:#dc3545!important}
a.text-danger:focus,a.text-danger:hover {
	color:#a71d2a!important}
.text-body {
	color:#212529!important}
@media print {
	*,::after,::before {
	text-shadow:none!important;
	box-shadow:none!important}
a:not(.btn) {
	text-decoration:underline}
pre {
	white-space:pre-wrap!important}
pre {
	border:1px solid #adb5bd;
	page-break-inside:avoid}
img {
	page-break-inside:avoid}
h2,h3,p {
	orphans:3;
	widows:3}
h2,h3 {
	page-break-after:avoid}
@page {
	size:a3}
body {
	min-width:992px!important}
.container {
	min-width:992px!important}
.navbar {
	display:none}
}

@font-face  {
	
  font-family: 'Nunito';
	
  src: url('/static/fonts/nunito/Nunito-Medium.ttf') format('truetype');
	
  font-weight: 400;
	
  font-style: normal;
	
  font-display: swap;
	
}
@font-face  {
	
  font-family: 'Nunito';
	
  src: url('/static/fonts/nunito/Nunito-Bold.ttf') format('truetype');
	
  font-weight: 500;
	
  font-style: normal;
	
  font-display: swap;
	
}

body {
	background-color:#ffefc3!important;
	font-family:'Nunito',sans-serif;
	font-weight:400;
	color:#300f04}
@media (max-width:500px) {
	body {
	font-size:18px}
}
h2 {
	font-size:2rem}
.col-md-4,.col-md-8 {
	float:left}
@media (max-width:500px) {
	.col-md-4,.col-md-8 {
	padding-left:0!important;
	padding-right:0!important}
}
li {
	text-align:left;
	contain:layout}
.navbar {
	background-color:#ecc671;
	padding:3px 1px;
	color:#000!important}
.navbar-brand {
	margin-right:-1rem}
.navbar-quizzes {
	cursor:pointer;
	color:#777;
	font-size:18px}
.navbar-quizzes img {
	height:20px}
.container {
	max-width:850px;
	display:block;
	padding-left:5px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom:3px;
	margin:auto}
.jumbotron {
	background-color:#fcf9f1;
	border-radius:0;
	contain:content;
	padding:40px 20px;
	overflow:hidden;
	border-radius:10px}
.mainbox {
	background-color:#fcf9f1;
	border-radius:10px}
label {
	margin-bottom:0;
	margin-top:10px}
#start-text {
	margin-bottom:30px}
#quizAbout {
	color:#36b975}
.underlined {
	color:#f16100;
	position:relative;
	display:inline-block;
	background-image:url('https://www.dudequiz.com/static/img/underline.webp');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% 10px;
	padding-bottom:5px}
@media (min-width:500px) {
	.question-jumbotron {
	max-width:550px;
	padding:3rem 3rem}
.question-jumbotron-larger {
	max-width:1850px}
.jumbotron {
	margin:10px auto}
}
@media (max-width:500px) {
	.question-jumbotron {
	padding:1rem 1rem}
.question-jumbotron-larger {
	padding:20px 10px;
	padding-bottom:20px}
.jumbotron {
	margin:5px auto}
}
.btn {
	padding:6px 20px;
	font-size:24px}
.btn-custom {
	background-color:#f16100;
	color:#fff!important;
	cursor:pointer}
.btn-orange {
	background-color:#f39a3e;
	color:#fff!important}
.btn-new {
	width:200px;
	font-size:16px;
	margin:0 auto}
#skipQuestion {
	padding:8px 17px;
	font-size:16px;
	background-color:rgb(238 238 238);
	font-weight:bolder;
	color:#4b4145;
	border:1px solid #e4cdbe;
	border-radius:18px;
	margin-top:25px;
	cursor:pointer}
#skipQuestion:hover {
	background-color:#ebe4df}
@media (min-width:500px) {
	.logo {
	height:32px}
}
@media (max-width:500px) {
	.logo {
	height:32px}
}
.question {
	color:#4b2205}
.answers {
	width:100%;
	max-width:250px;
	margin:10px auto}
.answers-image {
	max-width:1000px!important}
.image-answer-wrapper {
	max-width:45%;
	padding:0 0}
.answer {
	border-radius:10px;
	background-color:#e8e7e6;
	padding:5px 0;
	white-space:normal;
	word-wrap:break-word;
	margin:4px 4px;
	font-size:20px;
	width:calc(50% - 8px);
	max-width:200px;
	float:left;
	cursor:pointer}
@media (min-width:550px) {
	.answer:hover {
	background-color:#f8edb7;
	border-color:#dedede}
}
.image-answer {
	width:100%;
	font-size:85px;
	height:125px}
#questions {
	min-height:350px}
.name {
	width:350px;
	max-width:100%;
	margin:10px auto;
	border:1px solid #000}
.link {
	width:250px;
	max-width:100%;
	height:35px}
.link-copied-info {
	font-weight:700;
	font-size:20px}
.footer {
	margin:0 20px}
.container a,.footer a {
	text-decoration:none;
	color:#4b2205}
.footer {
	font-size:14px}
.shares {
	width:90%;
	margin:0 auto}
.bigShares {
	width:100%;
	margin:0 auto}
.one-share {
	margin:0 auto}
.share {
	float:left;
	padding:0 15px;
	margin:8px auto;
	max-width:100%;
	width:95%}
@media (min-width:768px) {
	.one-share {
	width:50%}
}
.inner_share {
	box-shadow:0 1px 4px 0 #dadada;
	border:1px solid #dadada;
	height:45px;
	border-radius:6px;
	cursor:pointer;
	padding-top:15px;
	padding-bottom:15px}
#fb_share,#fb_share_popup {
	background-image:radial-gradient(#5b79b8,#4b6190)}
#instagram_share,#instagram_share2 {
	background:-moz-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background:-webkit-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
#whatsapp_share,#whatsapp_share_popup {
	background-image:linear-gradient(to right,#12b975 0,#25d366 100%)}
.modal_share {
	width:100%;
	margin:20px auto}
#snapchat_share {
	background-image:linear-gradient(to right,#f7ee3b 0,#fffc0a 20%,#fffc05 40%,#faf700 60%,#f5f200 80%,#f5e200 100%);
	color:#555!important}
#messenger_share,#messenger_share_popup {
	background-image:linear-gradient(to right,#2a93e4 0,#4ab3f4 100%)}
.icon_snapchat {
	stroke:#555}
.inner_share,.inner_share :hover,.inner_share a,.inner_share:hover {
	color:#fff!important;
	width:100%;
	height:100%;
	text-decoration:none;
	display:block;
	font-weight:500;
	font-size:20px}
.inner_share svg,.inner_share svg:hover {
	height:23px!important;
	width:23px!important;
	display:inline-block;
	margin:-5px 0}
.inner_share img,.inner_share img:hover {
	height:25px!important;
	width:25px!important;
	display:inline-block}
.modal-body img {
	width:80%}
.modal-body h4 {
	margin-top:10px;
	margin-bottom:10px}
.modal-body .col-md-6 {
	width:50%}
.modal {
	opacity:1;
	background-color:rgba(0,0,0,.5);
	height:100%!important}
@media (max-width:700px) {
	.modal-content .col-md-6 {
	width:100%;
	max-width:100%}
.modal-content {
	margin-top:60px}
}
.close-button {
	width:40px}
.close-button span {
	font-size:35px}
p {
	margin-top:25px}
@media (max-width:500px) {
	.modal-body p {
	padding:1px 5px!important}
.modal-body,.modal-footer,.modal-header {
	padding:1.5rem}
}
.modal-body p {
	padding:10px 5px;
	text-align:left}
ul {
	list-style-type:decimal;
	padding:10px 30px;
	font-size:18px}
@media (min-width:500px) {
	ul {
	width:400px;
	max-width:100%;
	margin:20px auto}
}
@media (min-width:700px) {
	ul {
	width:520px;
	max-width:100%;
	margin:20px auto}
}
.start_info {
	max-width:460px;
	margin:10px auto;
	font-weight:200;
	padding:13px 5px;
	width:95%}
.col-lg-6 {
	float:left;
	font-size:90%}
.col-lg-6 h2,.col-lg-6 p {
	float:left!important}
#start-text ol {
	max-width:300px;
	margin:0 auto}
#start-text p {
	max-width:500px;
	margin:auto;
	padding-top:15px}
.feedback {
	width:100%}
.feedback-area {
	outline:0;
	overflow:auto;
	width:400px;
	max-width:95%;
	max-height:200px;
	margin:10px auto;
	box-shadow:0 0 3px 1px #3e6ef3}
.answers_create {
	width:100%;
	padding:0 5px}
textarea {
	resize:vertical;
	padding:5px 5px;
	background-color:#f6f6f6}
.btn:active,button:active,button:focus,button:hover,input:active,input:focus,input:hover,label:focus,textarea:active,textarea:focus,textarea:hover {
	outline:0!important;
	-webkit-appearance:none}
.bigger-text {
	font-size:20px}
::placeholder {
	color:#bebebe;
	opacity:1}
@media (min-width:500px) {
	.only-mobile {
	display:none}
}
.good-question {
	color:#00661a;
	cursor:pointer}
.good-question img {
	height:35px;
	padding:5px 5px}
.good-question {
	opacity:.4}
.good-question:hover {
	opacity:1}
.info {
	position:absolute;
	top:20px;
	margin:auto;
	color:#000;
	visibility:hidden;
	opacity:0;
	transition:opacity .2s,visibility .2s;
	word-wrap:break-word;
	white-space:pre-wrap;
	font-size:16px;
	cursor:pointer}
.languages {
	font-size:14px;
	max-width:600px;
	margin:auto}
.languages img {
	height:14px;
	margin-right:3px;
	border:1px solid #d3d3d3;
	display:none}
.languages a {
	word-break:keep-all;
	white-space:nowrap;
	margin:5px 10px;
	line-height:25px}
#polls {
	contain:content;
	width:100%}
#polls h2 {
	padding-top:20px;
	padding-bottom:20px}
.col-md-6 {
	float:left;
	padding-left:0;
	padding-right:0}
#questions {
	overflow:auto}
@media (max-width:500px) {
	.ad300x250 {
	min-height:372px}
}
ins[data-ad-slot="3151011243"]:before {
	display:block;
	top:5px;
	content:"Advertisement";
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#9b9b9b}
.col-lg-6 {
	max-width:500px;
	margin-left:auto;
	margin-right:auto}
.col-lg-4,.col-lg-6 {
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px}
.ratingStars {
	list-style-type:none;
	margin:auto;
	padding:0;
	text-align:left;
	width:fit-content}
.star {
	position:relative;
	line-height:60px;
	display:inline-block;
	transition:color .2s ease;
	color:grey;
	max-width:20%}
.star:before {
	content:'\2605';
	font-size:50px}
.smallstar {
	position:relative;
	line-height:15px;
	display:inline-block;
	transition:color .2s ease;
	color:grey}
.smallstar:before {
	content:'\2605';
	width:20px;
	height:20px}
#ratingInfo {
	font-size:14px}
.smallstar:before {
	font-size:20px}
.smallstar.selected,.smallstar.selected~.smallstar {
	transition:color .8s ease;
	color:gold}
.display-min-767 {
	display:none}
@media (min-width:767px) {
	.display-min-767 {
	display:block}
}
.faq_question {
	background-color:#fff;
	padding:1.5em 2em;
	text-align:left}
.faq_question h2 {
	margin-bottom:10px!important}
#faq,#howtoplay {
	max-width:800px;
	margin:auto;
	margin-bottom:20px}
#howtoplay img {
	width:80%;
	max-width:400px}
#howtoplay li {
	margin-top:20px}
.topadslot {
	min-height:250px!important;
	min-width:50px!important}
.mainList {
	list-style:none;
	padding:10px 10px;
	font-weight:500}
.shareList {
	list-style:none;
	padding:10px 10px;
	font-weight:400}
.mainList li,.shareList li {
	margin:10px 0;
	padding-left:2em;
	position:relative;
	font-size:20px}
.mainList .list1::before {
	content:"🎉"}
.mainList .list2::before {
	content:"🔍"}
.mainList .list3::before {
	content:"️🏆"}
.shareList .list1::before {
	content:"🎉"}
.shareList .list2::before {
	content:"📣"}
.shareList .list3::before {
	content:"️🏆"}
.list1:before,.list2:before,.list3:before {
	position:absolute;
	left:0}
#friendsRankingOnStart {
	padding:30px 10px}
.resultbar {
	height:100px;
	width:100%;
	contain:content}
.radialProgressBar {
    border-radius: 50%;
    -webkit-transform: translate(50%, 0%);
    transform: translate(50%, 0%);
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ddd;
    margin-top: 0px;
    margin-left: calc(50% - 100px);
    margin-right: calc(50% + 100px);}
.radialProgressBar .overlay {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: auto;
    background: #fff;
    text-align: center;
    padding-top: 20%;
    font-size: 26px;}
.result-99 {
	background-image:-webkit-linear-gradient(left,#36b976 50%,transparent 50%),-webkit-linear-gradient(left,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(90deg,#36b976 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,#36b976 50%)}
.result-89 {
	background-image:-webkit-linear-gradient(40deg,#36b976 50%,transparent 50%),-webkit-linear-gradient(left,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(50deg,#36b976 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,#36b976 50%)}
.result-79 {
	background-image:-webkit-linear-gradient(80deg,#36b976 50%,transparent 50%),-webkit-linear-gradient(left,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(10deg,#36b976 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,#36b976 50%)}
.result-69 {
	background-image:-webkit-linear-gradient(120deg,#36b976 50%,transparent 50%),-webkit-linear-gradient(left,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(-30deg,#36b976 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,#36b976 50%)}
.result-59 {
	background-image:-webkit-linear-gradient(160deg,#36b976 50%,transparent 50%),-webkit-linear-gradient(left,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(-70deg,#36b976 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,#36b976 50%)}
.result-49 {
	background-image:-webkit-linear-gradient(left,#ddd 50%,transparent 50%),-webkit-linear-gradient(40deg,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(70deg,#ddd 50%,#36b976 50%)}
.result-39 {
	background-image:-webkit-linear-gradient(left,#ddd 50%,transparent 50%),-webkit-linear-gradient(80deg,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(30deg,#ddd 50%,#36b976 50%)}
.result-29 {
	background-image:-webkit-linear-gradient(left,#ddd 50%,transparent 50%),-webkit-linear-gradient(120deg,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(-10deg,#ddd 50%,#36b976 50%)}
.result-19 {
	background-image:-webkit-linear-gradient(left,#ddd 50%,transparent 50%),-webkit-linear-gradient(160deg,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(-50deg,#ddd 50%,#36b976 50%)}
.result-09 {
	background-image:-webkit-linear-gradient(left,#ddd 50%,transparent 50%),-webkit-linear-gradient(right,#ddd 50%,#36b976 50%);
	background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(-90deg,#ddd 50%,#36b976 50%)}
h2,p {
	margin-top:0!important;
	margin-bottom:0!important}
#thoughts {
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:10px;
	contain:content}
.thought {
	display:flex;
	background-color:#fff;
	padding:20px;
	border-radius:30px;
	min-width:100px;
	max-width:100%;
	min-height:40px;
	margin:20px;
	position:relative;
	align-items:center;
	justify-content:center;
	text-align:center;
	float:left}
.thought:after,.thought:before {
	content:"";
	background-color:#fff;
	border-radius:50%;
	display:block;
	position:absolute;
	z-index:-1}
.thought:before {
	width:44px;
	height:44px;
	top:-12px;
	left:28px;
	box-shadow:-50px 30px 0 -12px #fff}
.thought:after {
	bottom:-10px;
	right:26px;
	width:30px;
	height:30px;
	box-shadow:40px -34px 0 0 #fff,-28px -6px 0 -2px #fff,-24px 17px 0 -6px #fff,-5px 25px 0 -10px #fff}

.poll-tile  {
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px #c5c3c3;
	margin-bottom: 20px;
	padding: 0px 0px;
	float: left;
	width: calc(100% - 10px);
	margin: 5px 5px;
	color: black !important;
}

.poll-tile img  {
	margin: 10px 10px;
	width: calc(100% - 20px);
}

.poll-title  {
    height: 50px;
    font-weight: bold;
}


table {
    margin: 10px auto;
    border-collapse: collapse;
    margin: 10px auto;
    font-size: 18px;
    min-width: 250px;
}
table th {
    font-weight: bold;
    background-color: #f58a54;
}
tbody tr:nth-child(even) {
	background-color: #fbe3d3;
}
tbody tr:nth-child(odd) {
	background-color: #fcf9f1;
}
table td, table th {
    padding: 6px 12px;
}
.ranking table td {
    border: 1px solid #f8b996;
    margin: 1px auto;
}
.ranking table th {
    border: 1px solid #f8b996;
}
table, th, td {
    border-left: none;
    border-right: none;
}

table.allLanguagesTable tr:nth-child(odd) td:nth-child(odd),
table.allLanguagesTable tr:nth-child(even) td:nth-child(even) {
  background-color:  #fbe3d3;
}

table.allLanguagesTable tr:nth-child(odd) td:nth-child(even),
table.allLanguagesTable tr:nth-child(even) td:nth-child(odd) {
  background-color: #fcf9f1;
}