/*!
Theme Name: Zakra - child
Theme URI: https://zakratheme.com/
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Zakra is flexible, fast, lightweight and modern multipurpose theme that comes with many starter free sites (currently 10+ free starter sites and more will be added later) that you can use to make your site beautiful and professional. Check all the starter sites at https://zakratheme.com/demos. Suitable for personal blog, portfolio, WooCommerce stores, business websites and niche-based sites (like Cafe, Spa, Charity, Yoga, Wedding, Dentist, Education etc) as well. Works with Elementor plus other major page builders so you can create any layout you want. The theme is responsive, Gutenberg compatible, SEO friendly, translation ready and major WordPress plugins compatible.
Version: 2.0.2
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: zakra
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news, e-commerce, rtl-language-support

Zakra is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/**
*
* TABLE OF CONTENT
# Reset
# Typography
# Elements
# Forms
# Navigations
# Modules
# Icons
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Content
# Posts and Pages
# Asides
# Comments
# Footer
# Media
# captions
# galleries
# Media Queries
# Mobile
# Tablets
# Computers
# Print
*
*/
/*=============================================
=            Normalize            =
=============================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	vertical-align: baseline;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border-style: solid;
	border-width: 0;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

p {
	margin-bottom: 1.6em;
}

/*=============================================
=            Base Typography            =
=============================================*/
html {
	font-size: 90%;
}

body {
	font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;
	font-size: 1rem;
	color: #51585f;
	line-height: 1.8;
}

code {
	background-color: #f1f3f5;
	padding: 0.125em 0.25em;
}

pre {
	background-color: #f8f9fa;
	padding: 20px;
}

blockquote,
.wp-block-quote {
	padding: 1em;
	margin: 1.5em 1em 1.5em 2em;
	border-left: 4px solid #e9ecef;
}

blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right {
	border: unset;
	border-left: 4px solid #e9ecef;
}

/*=============================================
=            Heading Typography            =
=============================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #16181a;
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 20px;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2.25rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.313rem;
}

h6 {
	font-size: 1.125rem;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr,
.wp-block-separator {
	background-color: #e9ecef;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

iframe {
	max-width: 100%;
}

/*=============================================
=            Common CSS Style            =
=============================================*/
/*=============================================
=            GRID            =
=============================================*/
.tg-container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.tg-container--boxed .tg-site {
		max-width: 750px;
	}
	.tg-container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.tg-container--boxed .tg-site {
		max-width: 970px;
	}
	.tg-container {
		max-width: 940px;
	}
}

@media (min-width: 1200px) {
	.tg-container--boxed .tg-site {
		max-width: 1270px;
	}
	.tg-container {
		max-width: 1160px;
	}
}

.tg-container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.tg-container--flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tg-container--flex-center {
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-container--flex-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tg-site-layout--stretched #page #main :not(.tg-page-header) .tg-container {
	max-width: 100%;
}

.tg-site-layout--stretched #page #main :not(.tg-page-header) .tg-container #primary {
	width: 100%;
	padding-right: 0;
}

/*=============================================
=            Body            =
=============================================*/
body:not(.tg-container--separate) #page {
	background: #fff;
}

body.has-transparent-header.elementor-editor-active .tg-site-header {
	z-index: -1;
}

.page-template.tg-container--separate #page {
	background: #fff;
}

/* Boxed Layout */
.tg-container--boxed .tg-site {
	margin: 20px auto;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.tg-container--boxed .tg-site#page {
	background-color: #fff;
}

/* Streached Layout */
.tg-container--stretched .tg-container {
	width: 100%;
	max-width: unset;
}

/* Seperate Layout */
.tg-container--separate {
	background-color: #e9ecef;
}

.tg-container--separate .tg-site-header {
	background-color: #fff;
	border-bottom: 0 none;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.tg-container--separate .tg-page-header {
	background-color: #ced4da;
}

.tg-container--separate .tg-site-footer {
	background-color: #fff;
}

.tg-container--separate #primary {
	padding-right: 2em;
}

.tg-container--separate #secondary {
	padding-left: 2em;
	border-left: 0 none;
}

.tg-container--separate .tg-site-layout--left #primary {
	padding-left: 2em;
}

.tg-container--separate .tg-site-layout--left #secondary {
	padding-right: 2em;
	border-right: 0 none;
}

.tg-container--separate .hentry,
.tg-container--separate .widget {
	background-color: #fff;
	padding: 2em;
}

.tg-container--separate .tg-footer-widget-area .widget {
	padding: 0;
	background-color: transparent;
}

/* When transparent header is present */
.has-transparent-header:not(.blog):not(.has-page-header) .site-content,
.tg-no-content-margin .site-content {
	margin: 0;
}

.elementor-template-full-width .site-content {
	margin: 0;
}

.elementor-template-full-width .site-content > .tg-container--flex {
	display: block;
}

/*=============================================
=            Page builder            =
=============================================*/
.page-template-pagebuilder {
	background: #fff;
}

.page-template-pagebuilder .site-content {
	margin: 0;
}

.page-template-pagebuilder .widget {
	background: initial;
	padding: 0;
}

.page-template-pagebuilder #primary.content-area.pagebuilder-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: inherit;
	padding: 0;
}

@font-face {
	font-family: "themegrill-icons";
	src: url("assets/fonts/themegrill-icons.eot?5d42b271f668d2d6461ba91fc5a5a839?#iefix") format("embedded-opentype"), url("assets/fonts/themegrill-icons.woff2?5d42b271f668d2d6461ba91fc5a5a839") format("woff2"), url("assets/fonts/themegrill-icons.woff?5d42b271f668d2d6461ba91fc5a5a839") format("woff");
	font-display: swap;
}

.tg-icon {
	font-family: "themegrill-icons";
	display: inline-block;
	font-size: 1rem;
	font-style: normal;
}

.tg-icon-angle-down::after {
	content: "\f101";
}

.tg-icon-angle-left::after {
	content: "\f102";
}

.tg-icon-angle-right::after {
	content: "\f103";
}

.tg-icon-angle-up::after {
	content: "\f104";
}

.tg-icon-arrow-down::after {
	content: "\f105";
}

.tg-icon-arrow-left::after {
	content: "\f106";
}

.tg-icon-arrow-right::after {
	content: "\f107";
}

.tg-icon-arrow-up::after {
	content: "\f108";
}

.tg-icon-bars::after {
	content: "\f109";
}

.tg-icon-close::after {
	content: "\f10a";
}

.tg-icon-search::after {
	content: "\f10b";
}

.tg-icon-shopping-cart::after {
	content: "\f10c";
}

.tg-page-header {
	padding: 20px 0;
}

.tg-page-header .tg-page-header__title {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 1.3;
}

.tg-page-header.tg-page-header--left-right .tg-page-header__title {
	margin-right: auto;
}

.tg-page-header.tg-page-header--left-right .breadcrumbs {
	margin-left: auto;
}

.tg-page-header.tg-page-header--both-center .tg-container--flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.tg-page-header.tg-page-header--right-left .tg-page-header__title {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-left: auto;
}

.tg-page-header.tg-page-header--right-left .breadcrumbs {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-right: auto;
}

.tg-page-header.tg-page-header--both-left .tg-container--flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.tg-page-header.tg-page-header--both-right .tg-container--flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: end;
	align-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.tg-page-header .breadcrumb-trail ul {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
}

.tg-page-header .breadcrumb-trail ul li {
	font-size: 16px;
}

.tg-page-header .breadcrumb-trail ul li::after {
	padding: 7px;
	font-size: 12px;
	color: #51585f;
	font-family: "themegrill-icons" !important;
	vertical-align: middle;
	content: "\f103";
}

.tg-page-header .breadcrumb-trail ul li:last-child::after {
	content: none;
}

/*=============================================
=            Lists            =
=============================================*/
ul,
ol {
	margin: 0 0 1.6rem 1.6rem;
	padding-left: 0;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.6rem;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.6rem 1.6rem;
}

/*=============================================
=            Table            =
=============================================*/
table,
.wp-block-table {
	margin: 0 0 1.5em;
	width: 100%;
}

table th,
table td,
.wp-block-table th,
.wp-block-table td {
	text-align: left;
	border: 1px solid #e9ecef;
	padding: 1em;
}

/*=============================================
=            Admin Bar            =
=============================================*/
.admin-bar {
	--admin-bar: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar {
		--admin-bar: 46px;
	}
}

.search-form label {
	position: relative;
}

.search-form label::before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
	display: block;
	content: "\f10b";
	font-family: themegrill-icons;
	color: #adb5bd;
}

.search-form .search-submit {
	display: none;
}

.tg-menu-item-search {
	position: relative;
	cursor: pointer;
}

.tg-menu-item-search .search-form {
	position: absolute;
	top: 43px;
	right: 0;
	width: 200px;
	display: none;
	z-index: 999;
}

.tg-menu-item-search .search-form label {
	margin-bottom: 0;
	width: 100%;
}

.tg-menu-item-search.show-search .search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*=============================================
=                    Links                    =
=============================================*/
a {
	color: #16181a;
	text-decoration: none;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

a:hover, a:focus {
	color: #269bd1;
}

a:active {
	outline: 0;
}

.entry-content a {
	color: #269bd1;
}

.entry-content a:hover, .entry-content a:focus {
	color: #1e7ba6;
}

.tg-primary-menu {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-bottom: 0 solid #e9ecef;
	margin-left: auto;
}

.tg-primary-menu > div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tg-primary-menu > div ul li.current_page_ancestor > a, .tg-primary-menu > div ul li.current-menu-ancestor > a, .tg-primary-menu > div ul li.current_page_item > a, .tg-primary-menu > div ul li.current-menu-item > a {
	color: #269bd1;
}

.tg-primary-menu > div ul li:hover > a {
	color: #269bd1;
}

.tg-primary-menu > div ul li.menu-item-has-children, .tg-primary-menu > div ul li.page_item_has_children {
	position: relative;
}

.tg-primary-menu > div ul li.menu-item-has-children > a::after, .tg-primary-menu > div ul li.page_item_has_children > a::after {
	margin-left: 0.5rem;
	font-family: "themegrill-icons" !important;
	vertical-align: middle;
	content: "\f101";
}

.tg-primary-menu > div ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #16181a;
}

.tg-primary-menu > div ul li ul {
	position: absolute;
	display: block;
	top: 100%;
	border: 1px solid #e9ecef;
	width: 240px;
	background: #fff;
}

.tg-primary-menu > div ul li ul li {
	border-bottom: 1px solid #e9ecef;
}

.tg-primary-menu > div ul li ul li:last-child {
	border-bottom: 0;
}

.tg-primary-menu > div ul li ul li.menu-item-has-children > a::after, .tg-primary-menu > div ul li ul li.page_item_has_children > a::after {
	position: absolute;
	right: 1rem;
	font-family: "themegrill-icons" !important;
	vertical-align: middle;
	content: "\f103";
}

.tg-primary-menu > div ul li ul li a {
	padding: 1em;
}

.tg-primary-menu > div ul li ul li ul {
	top: -1px;
	left: 100%;
}

.tg-primary-menu > div ul li ul,
.tg-primary-menu > div ul li:hover ul ul,
.tg-primary-menu > div ul li.focus ul ul {
	z-index: 99999;
	position: absolute;
	left: -999999px;
}

.tg-primary-menu > div ul li:hover > ul,
.tg-primary-menu > div ul li.focus > ul {
	left: auto;
}

.tg-primary-menu > div ul li .sub-menu li.menu-item-has-children ul.tg-edge, .tg-primary-menu > div ul li .sub-menu li.page_item_has_children ul.tg-edge {
	left: -100%;
}

.tg-primary-menu > div ul li:hover > ul,
.tg-primary-menu > div ul li.focus > ul {
	left: auto;
}

.tg-primary-menu > div > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-primary-menu > div > ul > li {
	margin: 1em;
}

.tg-primary-menu > div > ul > li:hover ul ul,
.tg-primary-menu > div > ul > li.focus ul ul {
	position: absolute;
	left: -999999px;
}

.tg-primary-menu > div > ul > li:last-child {
	margin-right: 0;
}

.tg-primary-menu > div > ul > li.tg-menu-item-cart {
	margin-right: 10px;
}

.tg-primary-menu > div > ul > li > ul.tg-edge {
	right: 0;
	left: auto;
}

.tg-primary-menu > div > ul ul li:hover ul ul,
.tg-primary-menu > div > ul ul ul li:hover ul ul,
.tg-primary-menu > div > ul ul li.focus ul ul,
.tg-primary-menu > div > ul ul ul li.focus ul ul {
	position: absolute;
	left: -999999px;
}

.tg-primary-menu > div > ul ul li:hover > ul,
.tg-primary-menu > div > ul ul li.focus > ul {
	left: 100%;
}

.tg-primary-menu > div > ul ul ul li:hover > ul,
.tg-primary-menu > div > ul ul ul ul li:hover > ul,
.tg-primary-menu > div > ul ul ul li.focus > ul,
.tg-primary-menu > div > ul ul ul ul li.focus > ul {
	left: 100%;
}

.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_ancestor > a, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-ancestor > a, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_ancestor > a, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-ancestor > a, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_item > a, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-item > a, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_ancestor > a, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-ancestor > a, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_item > a, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-item > a {
	position: relative;
}

.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-item > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-item > a::before {
	content: "";
	position: absolute;
	background-color: #269bd1;
}

.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_ancestor > a, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-ancestor > a, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a {
	position: relative;
}

.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a::before {
	height: 2px;
	width: 100%;
	bottom: 0;
}

.tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-item > a::before {
	width: 2px;
	height: 12px;
	top: 50%;
	left: -5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-ancestor > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-item > a::before {
	width: 2px;
	height: 12px;
	top: 50%;
	left: auto;
	right: -5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Top Header Menu */
.tg-site-header-top ul.menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
}

.tg-site-header-top ul.menu li a {
	padding: 0 0.5em;
}

/* Header Action */
.tg-header-action-list {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
}

.tg-header-action-list .tg-header-action__item {
	position: relative;
}

.tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
	display: none;
}

/* Post Navigation */
.posts-navigation,
.post-navigation {
	border-top: 1px solid #e9ecef;
	padding: 2rem 0;
}

.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.posts-navigation .nav-links a,
.post-navigation .nav-links a {
	vertical-align: middle;
}

.posts-navigation .nav-links .nav-previous a::before,
.post-navigation .nav-links .nav-previous a::before {
	margin-right: 0.5rem;
	font-family: "themegrill-icons" !important;
	vertical-align: middle;
	content: "\f102";
}

.posts-navigation .nav-links .nav-next a::after,
.post-navigation .nav-links .nav-next a::after {
	margin-left: 0.5rem;
	font-family: "themegrill-icons" !important;
	vertical-align: middle;
	content: "\f103";
}

/* Mobile navigation */
.tg-mobile-navigation {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background: #fff;
	width: 300px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: 0.35s visibility ease, 0.35s opacity ease, 0.35s -webkit-transform ease;
	transition: 0.35s visibility ease, 0.35s opacity ease, 0.35s -webkit-transform ease;
	transition: 0.35s transform ease, 0.35s visibility ease, 0.35s opacity ease;
	transition: 0.35s transform ease, 0.35s visibility ease, 0.35s opacity ease, 0.35s -webkit-transform ease;
	padding: 50px 20px 20px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.tg-mobile-navigation > div ul li.current_page_ancestor > a, .tg-mobile-navigation > div ul li.current-menu-ancestor > a, .tg-mobile-navigation > div ul li.current_page_item > a, .tg-mobile-navigation > div ul li.current-menu-item > a {
	color: #269bd1;
}

.tg-mobile-navigation > div > ul {
	border-top: 1px solid #e9ecef;
	padding-top: 1em;
}

.tg-mobile-navigation .tg-mobile-navigation-close {
	background-color: unset;
	border: unset;
	padding: unset;
	color: unset;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}

.tg-mobile-navigation .tg-mobile-navigation-close::before {
	content: "\f00d";
	font-family: fontawesome;
}

.tg-mobile-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.tg-mobile-navigation li {
	position: relative;
}

.tg-mobile-navigation li.page_item_has_children, .tg-mobile-navigation li.menu-item-has-children {
	position: relative;
}

.tg-mobile-navigation li.page_item_has_children .tg-submenu-toggle, .tg-mobile-navigation li.menu-item-has-children .tg-submenu-toggle {
	position: absolute;
	right: 8px;
	top: 0;
	display: block;
	padding: 0.5em 0.8em;
	background: unset;
	color: unset;
	border: unset;
}

.tg-mobile-navigation li.page_item_has_children .tg-submenu-toggle::after, .tg-mobile-navigation li.menu-item-has-children .tg-submenu-toggle::after {
	content: '\f067';
	font-family: fontawesome;
	font-size: 12px;
}

.tg-mobile-navigation li.page_item_has_children ul, .tg-mobile-navigation li.menu-item-has-children ul {
	padding-left: 15px;
	max-height: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	overflow: hidden;
}

.tg-mobile-navigation li.page_item_has_children.submenu--show > .tg-submenu-toggle::after, .tg-mobile-navigation li.menu-item-has-children.submenu--show > .tg-submenu-toggle::after {
	content: '\f068';
}

.tg-mobile-navigation li.page_item_has_children.submenu--show > ul, .tg-mobile-navigation li.menu-item-has-children.submenu--show > ul {
	max-height: 500px;
	visibility: visible;
	overflow-y: scroll;
}

.tg-mobile-navigation li.tg-menu-extras-wrap {
	display: none;
}

.tg-mobile-navigation.tg-mobile-navigation--opened {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.tg-mobile-navigation a {
	display: block;
	padding: 0.5em;
	padding-right: 30px;
	word-break: break-all;
}

.tg-mobile-navigation li.tg-menu-item-search {
	padding: 0.5em;
}

.tg-mobile-navigation li.tg-menu-item-search label {
	display: block;
}

.tg-mobile-navigation li.tg-menu-item-search .search-form {
	position: unset;
	width: 100%;
	display: block;
}

.tg-primary-menu > div ul li.tg-header-button-wrap a {
	color: #fff;
	background-color: #269bd1;
	padding: 5px 10px;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	border: 0 solid #e9ecef;
}

.tg-primary-menu > div ul li.tg-header-button-wrap a:hover {
	color: #fff;
	background-color: #1e7ba6;
}

.tg-menu-item-cart .cart-page-link {
	position: relative;
}

.tg-menu-item-cart .cart-page-link .count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 10px;
	width: 16px;
	height: 16px;
	background-color: #343a40;
	color: #fff;
	position: absolute;
	top: -5px;
	right: -10px;
	border-radius: 50%;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-site-footer-bar .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
}

.tg-site-footer-bar .menu li a {
	padding: 0 0.5em;
}

.tg-primary-menu > div > ul > li.tg-menu-extras-wrap {
	margin: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-primary-menu > div > ul > li.tg-menu-extras-wrap .submenu-expand {
	cursor: pointer;
	width: 28px;
	height: 28px;
	padding: 0;
	text-align: center;
}

.tg-mobile-navigation li.menu-item-has-children .toggled-on + ul {
	max-height: 500px;
}

.tg-mobile-navigation li.menu-item-has-children .tg-submenu-toggle.toggled-on::after {
	content: "-";
}

/*=============================================
=            Accesibility            =
=============================================*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #e9ecef;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #16181a;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*=============================================
=            Alignments            =
=============================================*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tg-flex-left {
	margin-right: auto;
}

.tg-flex-right {
	margin-left: auto;
}

.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter,
.wp-block-social-links.alignleft,
.wp-block-social-links.alignright,
.wp-block-social-links.aligncenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*=============================================
=            Infinite Scroll            =
=============================================*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll .tg-numbered-pagination,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/*Display element when scroll ends. */
.infinity-end.neverending .site-footer {
	display: block;
}

#infinite-handle span {
	border: 0 solid #e9ecef;
	background-color: #269bd1;
	color: #fff;
	padding: 0.7rem 1rem;
}

#infinite-handle span:hover {
	background-color: #1e7ba6;
}

/*=============================================
=            Clearings            =
=============================================*/
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
	display: table;
	content: "";
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0 solid #e9ecef;
	background-color: #269bd1;
	color: #fff;
	padding: 0.7rem 1rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #1e7ba6;
}

.wp-block-button__link code {
	background-color: inherit;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
	color: #16181a;
	border: 1px solid #dee2e6;
	padding: 0.7rem 1rem;
	width: 100%;
	border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
	color: #51585f;
}

input[type="search"] {
	-webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 0.5rem;
	vertical-align: middle;
	display: inline-block;
}

label {
	margin-bottom: 0.5rem;
	display: inline-block;
}

select {
	border: 1px solid #dee2e6;
	padding: 0.5rem;
}

/*=============================================
=            Header            =
=============================================*/
/* Top Header */
.tg-site-header-top {
	padding: 0.5em 0;
	background-color: #e9ecef;
}

.tg-site-header-top .widget {
	margin: 0;
}

.tg-site-header-top .tg-header-top-left-content,
.tg-site-header-top .tg-header-top-right-content {
	width: 50%;
}

.tg-site-header-top .tg-header-top-right-content {
	text-align: right;
}

.tg-site-header-top .tg-header-top-right-content ul {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.tg-site-header-top p {
	margin: 0;
}

.tg-site-header {
	border-bottom: 1px solid #e9ecef;
	background-color: #fff;
}

.tg-site-header.tg-site-header--center .tg-site-header-bottom .tg-container--flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.tg-site-header.tg-site-header--center .site-branding {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.tg-site-header.tg-site-header--center .site-branding .custom-logo-link {
	margin-right: 0;
}

.tg-site-header.tg-site-header--center .tg-primary-menu {
	margin-left: initial;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tg-site-header.tg-site-header--right {
	/* Site brading */
	/* Menu primary */
}

.tg-site-header.tg-site-header--right .tg-site-header-bottom .tg-container--flex {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.tg-site-header.tg-site-header--right .tg-site-header-bottom .main-navigation ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.tg-site-header.tg-site-header--right .site-branding {
	margin-left: 20px;
}

.tg-site-header.tg-site-header--right .site-branding .custom-logo-link {
	margin-right: 0;
}

.tg-site-header.tg-site-header--right .tg-primary-menu {
	margin-left: initial;
	margin-right: auto;
}

.tg-site-header.tg-site-header--transparent {
	position: relative;
}

.tg-site-header.tg-site-header--transparent .tg-header-transparent-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	height: auto;
	width: 100%;
	background: transparent;
}

.tg-site-header-bottom {
	padding-top: 1em;
	padding-bottom: 1em;
}

.tg-site-header-bottom .tg-block--two {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* Site brading */
.site-branding {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    /* mdr added */
    display: none;
}

.site-branding .custom-logo-link {
	margin-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.site-branding .site-title {
	font-size: 1.313rem;
	color: #16181a;
	font-weight: 400;
	line-height: 1.5;
}

.site-branding .site-description {
	font-size: 1rem;
}

.site-branding .site-description,
.site-branding .site-title {
	font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;
	margin: 0;
}

.wp-custom-header img {
	margin: 0 auto;
	width: 100%;
	vertical-align: middle;
}

.wp-custom-header:hover .wp-custom-header-video-button {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.wp-custom-header .wp-custom-header-video-button {
	position: absolute;
	top: calc( 50% - 30px);
	left: calc( 50% - 30px);
	z-index: 9999;
	height: 60px;
	width: 60px;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
	-webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 0.35s, visibility 0.35s, -webkit-box-shadow 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, visibility 0.35s, -webkit-box-shadow 0.35s, -webkit-transform 0.35s;
	transition: box-shadow 0.35s, opacity 0.35s, visibility 0.35s, transform 0.35s;
	transition: box-shadow 0.35s, opacity 0.35s, visibility 0.35s, transform 0.35s, -webkit-box-shadow 0.35s, -webkit-transform 0.35s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.wp-custom-header .wp-custom-header-video-button:hover {
	-webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 75px rgba(0, 0, 0, 0.8);
}

/*=============================================
=            404 Page            =
=============================================*/
.error-404 {
	text-align: center;
}

.error-404 .search-form {
	margin-top: 20px;
}

.site-content {
	margin-top: 80px;
	margin-bottom: 80px;
}

#primary {
	width: 70%;
	padding-right: 60px;
}

#secondary {
	width: 30%;
	padding-left: 60px;
	border-left: 1px solid #e9ecef;
}

.tg-site-layout--default #primary {
	width: unset;
	padding: 0;
}

.tg-site-layout--default #primary .entry-content > .alignfull {
	width: auto;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.tg-site-layout--default #primary .entry-content > .alignwide {
	margin-left: -100px;
	margin-right: -100px;
	max-width: unset;
}

.tg-site-layout--default .content-area {
	max-width: 760px;
	margin: 0 auto;
}

.tg-site-layout--default .hentry {
	margin: 0 0 10em;
}

.tg-site-layout--left .site-content .tg-container--flex {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.tg-site-layout--left #primary {
	padding-right: 0;
	padding-left: 60px;
}

.tg-site-layout--left #secondary {
	padding-left: 0;
	padding-right: 60px;
	border-left: 0 none;
	border-right: 1px solid #e9ecef;
}

.tg-site-layout--no-sidebar #primary {
	width: 100%;
	padding-right: 0;
}

.tg-site-layout--no-sidebar #primary .entry-content > .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: unset;
}

.tg-site-layout--no-sidebar #primary .entry-content > .alignfull.wp-block-cover, .tg-site-layout--no-sidebar #primary .entry-content > .alignfull.wp-block-cover-image {
	width: unset;
}

.tg-site-layout--no-sidebar #primary .entry-content > .alignwide {
	margin-left: -100px;
	margin-right: -100px;
	max-width: unset;
}

/*=============================================
=            Sidebar            =
=============================================*/
/*=============================================
=            Widgets            =
=============================================*/
.widget {
	margin: 0 0 2.5rem;
	/* Recent Comments */
	/* Make sure select elements fit in widgets. */
}

.widget .widget-title {
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.widget.widget_recent_comments ul li {
	padding: 0.5rem 0;
}

.widget ul {
	margin: 0;
	list-style-type: none;
}

.widget ul li {
	border-bottom: 1px solid #e9ecef;
}

.widget ul li:last-child {
	border-bottom: none;
}

.widget ul li a {
	padding: 0.5rem 0;
	display: inline-block;
}

.widget ul li a + .post-date {
	margin-bottom: 0.5rem;
	display: block;
}

.widget ul ul {
	padding-left: 1em;
}

.widget select {
	max-width: 100%;
}

.widget.widget_search .search-form label {
	width: 100%;
}

.widget.widget_calendar table td, .widget.widget_calendar table th {
	padding: inherit;
	text-align: center;
}

.widget.widget_tag_cloud .tagcloud {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.widget.widget_tag_cloud .tagcloud a {
	font-size: 1rem !important;
	border: 1px solid;
	padding: 5px 10px;
	margin: 5px;
}

/*=============================================
=               Posts and Pages               =
=============================================*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 5em;
	border: 0 solid #e9ecef;
}

.single .hentry {
	border: 0 solid #e9ecef;
}

.updated:not(.published) {
	display: none;
}

.extra-hatom {
	display: none;
}

.post-thumbnail {
	margin: 0 0 1.5em;
}

.entry-content {
	margin: 0 0 3em;
}

.entry-content p {
	margin-bottom: 1.4em;
}

.entry-content p:last-child {
	margin-bottom: 0;
}

.post-thumbnail {
	display: block;
}

.page-links {
	clear: both;
	margin: 0 0 1.5rem;
}

.entry-title {
	margin: 0 0 0.5em;
	font-size: 2.25rem;
	word-wrap: break-word;
}

.entry-meta {
	margin: 0 0 1.5em;
	border: 0 solid #e9ecef;
}

.entry-meta > span {
	margin-right: 1.5rem;
	display: inline-block;
}

.entry-meta > span:last-child {
	margin-right: 0;
}

.tg-meta-style-two .entry-meta span, .tg-meta-style-two .entry-meta a {
	color: #269bd1;
}

.tg-meta-style-two .entry-meta a:hover {
	color: #1e7ba6;
}

.tg-meta-style-two .entry-meta > span {
	display: inline-block;
}

.tg-meta-style-two .entry-meta > span::before {
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 5px;
}

.tg-meta-style-two .entry-meta .byline::before {
	content: '\f007';
}

.tg-meta-style-two .entry-meta .posted-on::before {
	content: '\f017';
}

.tg-meta-style-two .entry-meta .cat-links::before {
	content: '\f07c';
}

.tg-meta-style-two .entry-meta .tags-links::before {
	content: '\f02c';
}

.tg-meta-style-two .entry-meta .comments-link::before {
	content: '\f075';
}

.tg-read-more-wrapper.tg-text-align--right {
	text-align: right;
}

.tg-read-more-wrapper.tg-text-align--center {
	text-align: center;
}

.tg-read-more-wrapper .tg-read-more {
	display: inline-block;
}

/*=============================================
=            Asides            =
=============================================*/
/*=============================================
=            Comments            =
=============================================*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments {
	border-top: 1px solid #e9ecef;
	padding-top: 2rem;
}

#comments .comment-list {
	list-style-type: none;
	margin-left: 0;
}

#comments .comment-list .children {
	list-style-type: none;
	margin-left: 2rem;
}

#comments .comment-list .comment-body {
	margin-bottom: 2rem;
}

#comments .comment-list .comment-meta {
	position: relative;
	margin-bottom: 0.5rem;
	min-height: 40px;
}

#comments .comment-list .comment-meta .comment-author img.avatar {
	position: absolute;
	left: 0;
	top: 0;
}

#comments .comment-list .comment-meta .comment-author .fn {
	margin-left: 3.5rem;
}

#comments .comment-list .comment-meta .comment-author .says {
	display: none;
}

#comments .comment-list .comment-meta .comment-metadata {
	margin-left: 3.5rem;
}

.comment-form-cookies-consent label {
	margin-bottom: 0;
}

/*=============================================
=            Captions            =
=============================================*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*=============================================
=            Gallery            =
=============================================*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.tg-oembed-container {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.tg-oembed-container iframe,
.tg-oembed-container object,
.tg-oembed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body .tg-oembed-container * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*=============================================
=            footer            =
=============================================*/
.tg-site-footer .site-info {
	text-align: center;
	padding: 1rem 0;
}

.tg-site-footer .tg-site-footer-widgets {
	border-top: 1px solid #e9ecef;
}

.tg-site-footer .tg-site-footer-widgets ul li a {
	display: block;
}

.tg-site-footer .tg-footer-widget-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 60px 0 25px;
}

.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--one .tg-footer-widget-area {
	width: 100%;
}

.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--two .tg-footer-widget-area {
	width: calc(50% - 20px);
}

.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area {
	width: calc(33.33% - 20px);
}

.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area {
	width: calc(25% - 20px);
}

.tg-site-footer .tg-footer-widget-container.tg-footer-widget--title-hidden .widget-title {
	display: none;
}

.tg-site-footer .tg-site-footer-bar {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 0 solid #e9ecef;
}

.tg-site-footer .tg-site-footer-bar .tg-container--flex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tg-site-footer .tg-site-footer-bar p {
	margin: 0;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 15px;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1 ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 15px;
	text-align: right;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 .menu {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 .widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 .widget li {
	text-align: right;
}

.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-container--flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
}

.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-1,
.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-2 {
	text-align: center;
}

.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-1 ul,
.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-2 ul {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-1 .widget,
.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-2 .widget {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-1 .widget li,
.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-2 .widget li {
	text-align: center;
}

.tg-scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
	color: #fff;
	background-color: #16181a;
}

.tg-scroll-to-top:hover {
	color: #fff;
	background-color: #269bd1;
}

.tg-scroll-to-top.tg-scroll-to-top--show {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.tg-overlay-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.05);
	display: none;
}

.tg-overlay-wrapper.overlay-show {
	display: block;
}

@media (min-width: 769px) {
	.tg-site-header--left .tg-block--two {
		margin-left: 4em;
	}
}

/*=============================================
=            Desktop Devices          =
=============================================*/
@media screen and (min-width: 1024px) {
	.tg-site-layout--default .post-thumbnail {
		display: block;
		margin-left: calc(50% - 26vw);
		margin-right: calc(50% - 26vw);
	}
}

/*=============================================
=            Tablet Devices            =
=============================================*/
/*=============================================
=            Mobile Devices            =
=============================================*/
@media screen and (max-width: 768px) {
	/* Page builder template */
	.page-template-pagebuilder #main .tg-container {
		padding-left: 0;
		padding-right: 0;
	}
	/* Boxed Layout */
	.tg-container--separate #primary {
		padding-right: 0;
	}
	.tg-container--separate #secondary {
		padding-left: 0;
	}
	/* Site Layout */
	.tg-site-layout--left #primary,
	.tg-site-layout--left #secondary {
		padding: 0;
	}
	.main-navigation {
		display: none;
	}
	.tg-site-header.tg-site-header--center .tg-primary-menu {
		display: none;
	}
	.tg-container--boxed .tg-site {
		width: 90%;
	}
	.tg-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* Header Main */
	.tg-site-header--center .site-branding {
		margin-bottom: 1em;
	}
	.tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.tg-site-header--left .tg-block--two {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.tg-menu-item-search {
		margin-top: 0.5em;
	}
	.tg-menu-item-search a {
		display: none;
	}
	#primary {
		margin-bottom: 60px;
	}
	#primary.pagebuilder-content {
		margin-bottom: 0;
	}
	#primary,
	#secondary {
		width: 100% !important;
		padding: 0;
		border: none;
	}
	#secondary .widget:last-child {
		margin-bottom: 0;
	}
	.tg-site-footer .tg-footer-widget-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--two .tg-footer-widget-area, .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area, .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area {
		width: 100%;
	}
	.tg-menu-item-cart .cart-page-link {
		display: inline-block;
	}
	.tg-menu-item-cart .cart-page-link .count {
		top: 0;
		right: 20px;
	}
}

@media screen and (max-width: 600px) {
	.tg-site-header-top {
		display: none;
	}
	.tg-site-footer .tg-site-footer-bar .tg-container--flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 0.8rem;
	}
	.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1,
	.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1 .menu,
	.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 .menu {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.tg-page-header .tg-container--flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.tg-page-header.tg-page-header--left-right .tg-page-header__title {
		margin-right: 0;
	}
	.tg-page-header.tg-page-header--left-right .breadcrumbs {
		margin-left: 0;
	}
	.tg-page-header.tg-page-header--right-left .tg-page-header__title {
		margin-left: 0;
	}
	.tg-page-header.tg-page-header--right-left .breadcrumbs {
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {
	.tg-mobile-navigation {
		width: calc(100% - 60px);
	}
	.site-branding {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

/* Header Action */
.tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
	margin-left: 10px;
	padding: 0.5em 0.8em;
}

.tg-header-action-list .tg-header-action__item.tg-mobile-toggle > button {
	background: initial;
	color: inherit;
	border: initial;
	padding: initial;
	line-height: 1;
}

.tg-site-header--center .tg-header-action-list .tg-header-action__item.tg-mobile-toggle, .tg-site-header--right .tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
	margin-left: 0;
}

.tg-header-action-list .tg-header-action__item.tg-mobile-toggle .tg-icon-bars {
	font-size: 1.5rem;
	line-height: 1.2;
}


/* ***************************************  */

/*	All child theme styles go here.*/
/* http://csscompressor.com/ */

.quick-start-title{
  max-width: 400px;
  text-align:center;
   	margin-left: auto;
    margin-right: auto;

  font-family: 'Roboto';
  font-size: 48px;
  color:#707070;
  font-weight: 100;
  line-height: 1.4;
}


.boxBorder1{
	 border: 1px solid grey;
	 padding-left:10px;
	 	 padding-right:10px;
	 padding-top:10px;
	  background-color: #edefff;
	     margin-left: auto;
  margin-right: auto;
}

.quick-start-instructions-title {
  text-align:left;
  font-family: 'Roboto';
  font-size: 24px;
  color:#707070;
}

.quick-start-existing-code {
  text-align:left;
  font-family: 'Roboto';
  font-size: 24px;
  color:#707070;
}




.quick-start-question-set-title {
	text-align:center;
  font-family: 'Roboto';
  font-size: 24px;
  color:#707070;
  padding-bottom:15px;
}





.qs-title {
  text-align:center;
  font-family: 'Roboto';
  font-size: 20px;
  color:#333333;
  line-height:20px;
}
.qs-desc {
  text-align:center;
  font-family: 'Roboto';
  font-size: 14px;
  color:#707070;
}
.qs-allqa {
  display: none;
}
.qs-thisq {
cursor:pointer;
}

.pqa-game-switch{
	cursor:pointer;
}

.qs-thisq  img{
	display: block;
	border: 1px solid #CCC;
	margin: 0px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}

.display-sns, .display-wd,  .display-cw, .display-hp, .display-ps, .display-mu, .display-pm, .display-hw, .display-bp, .display-bc, .display-pow, .display-ww, .display-ws, .display-cb, .display-ss,  .display-wp, .display-hmws {
  display: none;
}

.qs-display-wd, .qs-display-cw, .qs-display-hp, .qs-display-ps,  .qs-display-mu,   .qs-display-pm, .qs-display-hw, .qs-display-bp, .qs-display-bc, .qs-display-pow, .qs-display-ww, .qs-display-ws, .qs-display-cb, .qs-display-wp, .qs-display-ss, .qs-display-sns{
    cursor:pointer;
}



#qs-pdf-container {
	display: none;
}

.qick-start-code-container {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  border: 1px solid grey;
  padding:8px;
  margin-top:5px;
  background-color: WhiteSmoke  ;
  }

.qick-start-code-container br {
   display: block;
   margin: 10px 0;
}

.qick-start-container {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  border: 1px solid grey;
  padding:8px;
  margin-top:5px;
  background-color: WhiteSmoke;
  }
 .quick-start-code-subtitle{
	 font-family: 'Roboto';
	 font-size: 12px;
	 color:#707070;
	 margin-bottom:5px;
	 padding-top:0px;
	 margin-top:0px;
 }

.quick-start-code-title {
  text-align:center;
  font-family: 'Roboto';
  font-size: 24px;
  color:#707070;
  	 padding-bottom:0px;
	 margin-bottom:0px;
}


.quick-start-code-button{
   background-color: #2D89EF; /* blue */
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 5px;
	border-color: #6cacf4;
    line-height: 26px;
	border-width: 1px;
border-style: solid;
 /* width:115px; */
font-size: 13px;
padding: 0px 16px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
}
.qick-start-container .del-q{
 /*    border: 1px solid #111111;  */
 	  cursor:pointer;
	  float:right;
	  color: red;
	  margin-bottom:5px;
}
.qick-start-container .quick-a{
  margin-top:10px;
}

.quick-start-min4-max12{
	display: none;
}

.quick-start-saved-class {
	text-align:center;
  display: none;
}

.quick-start-notsaved-class {
	text-align:center;
}

.quick-start-only-ans-ckbox{
   	margin-left: auto;
    margin-right: auto;
   border: 1px solid grey;
   max-width: 400px;
  background-color: WhiteSmoke;
  padding:10px;
  padding-top:2px;
}

.quick-start-qtot {
	margin-left: auto;
    margin-right: auto;
   max-width: 400px;

}


.quick-start-msg-box {
   display: none;
   text-align:center;
   	margin-left: auto;
    margin-right: auto;
   border: 1px solid grey;
   max-width: 400px;
   margin-bottom:10px;
}


.pqa-post-title{
  font-family: Roboto,sans-serif;
      font-size: 40px;
    text-align: center;
    color: #f88528;
    margin-bottom: 10px;
    line-height: 52px;
/*	  font-family: 'Roboto';
  font-size: 48px;
  color:#707070;
  //font-style: normal;
  font-weight: 100;
  line-height: 1.4;
  text-align: center;
*/
}
.pqa-post {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: normal;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 16px;
    color: #1e1e1e;
	text-align: center;
}


.pqa-post-list {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    color: #1e1e1e;
	text-align: center;
}



.pqa-post-qa-title {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #1e1e1e;
}

.pqa-post-qa{
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #1e1e1e;
	margin-left:20px;
}


.game-preview {

/*	border: 1px solid #111111; */

}

/*
//  float: left;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
//  width: 40px;
  border: 1px solid #111111;
   font-family: 'Roboto';
  font-size: 30px;
  color:#707070;
  font-weight: 100;
  line-height: 1.4;
  background-color: #FFFFFF;
*/
}


.the-qty-container .the-qty{
  float: left;
 // margin: auto;
  text-align: center;
  width: 40px;
  border: 1px solid #111111;
   font-family: 'Roboto';
  font-size: 30px;
  color:#707070;
  font-weight: 100;
  line-height: 1.4;
  background-color: #FFFFFF;
}



.the-qty-container .qtyminus {
	  text-align: center;
	  cursor:pointer;
	  width: 40px;
	   background-color: #F5F5F5;
}

.pownumsheetsplus{
	cursor:pointer;
}

.pownumsheetsminus{
	cursor:pointer;
}


.powgoalsminus{
	cursor:pointer;
}

.powgoalsplus {
	cursor:pointer;
}

.the-qty-container .qtyplus {
	  text-align: center;
	  cursor:pointer;
	  width: 40px;
	  background-color: #F5F5F5;
}

.the-qty-container .qtyminus {
	  text-align: center;
	  cursor:pointer;
	  width: 40px;
	   background-color: #F5F5F5;
}






/*
.get-qty {

    display: table;
	height: 400px;
	  background-color: #F0F0F0;

 text-align:center;
}
.get-qty-child {
    display: table-cell;

}

.get-qty-childinner {
    margin-left: 5px;
	width:75px;

    background-color: #F0F0F0;
	 font-size: 30px;
  text-align: center;

    font-family: 'Roboto';
  font-size: 24px;
  color:#707070;
  //font-style: normal;
  font-weight: 100;
  line-height: 1.4;
   border: 1px solid #444444;

}



.get-qty-child:first-child .childinner {
    margin-left: 0;
}
.qtyplus {
	    cursor:pointer;
}
.qtyminus {
	    cursor:pointer;
}
*/

.galleryid-40 .wp-caption-text {
 position: absolute;
 position:relative;
 width: 200px;
 bottom: 20px;
 // left: 40px;
  color: white;
  //margin: 0;
 // left: 0;
  font-size: 16px;
  text-align: center;
 //  margin-left: auto;
// margin-right: auto;
//	width: 200px;
//	 z-index: 1;
  //  overflow: auto;
 //   top: 0px;
 //   left: 0px;
    background: rgba(0, 0, 0, 0.3); /*can be anything, of course*/

}

.galleryid-40 figcaption{
	/* border: 1px dotted red; */
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

.galleryid-40 .gallery-icon{
	/*border: 1px dotted red; NYQKCLF74  924*/
	text-align: center;
}

.galleryid-40 .gallery-item{
	padding-bottom: 40px;
}


.galleryid-40 IMG{
  border: 1px solid #CCC;
  border-bottom: 0;
}


.site-footer{
	display:none;
}
.post-data{
	display:none;
}
#main article {
    padding-bottom: 0px;
}
.content-area {
	    padding-bottom: 0px;
}


.pqa-text01{
	/* font-size: 26px; */
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 21px;
  line-height: 33px;
  color: #1e1e1e;
}

.pqa-text01 h1{
  font-weight: bold;
  font-size: 24px;
  color: #1e1e1e;
}


.pqa-text01 h5 {
	font-weight: normal;
	font-size: 48px;
  line-height: 33px;
  text-align: center;
  margin-bottom: 16px;
	color: #1e1e1e;
}


.about-oneplus{
  font-weight: bold;
  font-size: 76px;
  line-height: 1;
  color: #23a2c8;
  text-align: center;
  /*border: 1px dotted red; */

}

.about-oneplus h1{
  display: inline;
  font-weight: bold;
  font-size: 36px;
}

.about-oneplus h3{
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 21px;
  line-height: 30px;
  margin-top: 0px;

}

.tclass001{
  font-size: 40px;
	border: 1px dotted black;
  background-color: red;
}

.footer-style{
	/* border: 1px dotted black; */
	background-color: #F5F5F5;
	margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;
  padding-bottom:40px;

}

.footer-style h4{
   font-family: 'Roboto';
  font-size: 16px;
  color:#000000;
}

.footer-style h5{
   font-family: 'Roboto';
  font-size: 14px;
  color:#707070;
  line-height: 140%;
}

.footer-style p{
  line-height: 90%;
}
.footer-style a{
  font-family: 'Roboto';
  font-size: 14px;
  color:#707070;
}

.footer-style .pqa-name{
  margin-top: 15px;
  font-family: 'Arial';
  font-size: 30px;
  color:#000000;
   font-weight: bold;
  letter-spacing: 3px;
}
.pqa-name .pqa-name-blue{
 display:inline;
 color: blue;
}







.coupon-title, .contact-title{
  text-align:center;
  font-family: 'Roboto';
  font-size: 36px;
  color:#707070;
  //font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.coupon-text, .contact-text{
  text-align:left;
  font-family: 'Roboto';
  font-size: 18px;
  color:#707070;
  //font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 20px;
  padding-top: 20px;
}


#live-game-title{
	text-align:center;
	  font-family: 'Roboto';
  font-size: 36px;
  color:#707070;
  //font-style: normal;
  font-weight: 400;
  line-height: 1.4;

}

.contact-page-head-title{
    display: block;
    font-weight: 700;
    font-size: 18px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
	text-align: left;
}

.su-spoiler.contact-page .su-spoiler-title { background-color: #84ADEA }





.testfone {
/* 	background-color: #ccc !important;
	border:5px solid #ccc !important; */
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .25s;
}

.tooltip .tooltiptext .nl{
line-height: 1px;
padding-bottom:10px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}




.pqa-game-page-title {
//	margin: auto;
	font-size: 800px;
	text-align:center;
	padding-top:20px;
//	padding-bottom:10px;

}



.site-header{
//	background-color:#CED7E0;
	width: 100%;
    text-align:center;
	padding-top:10px;
}

#site-branding{
	width: 100%;
//	text-align:center;
}
.site-name{
//	width: 100%;
//	background-color:#CED7E0;
   margin-top:15px;
   margin-bottom:0px;
}
.site-description{
//	background-color:#CED7E0;
margin-top:0px;
	margin-bottom:0px;
}
#header{
	padding-top:10px;
	padding-bottom:10px;
//	background-color:#CED7E0;
//		padding-top:0px;
//	padding-bottom:0px;
//line-height:12px;
//font-size:2px;
}

.content-area {
	padding-top:5px;
}


#wsr-tableLayout{
  margin-top: 5px;
  background-color:#CED7E0;
}

#wsr-nofit{
  margin-top: 5px;
  background-color:#cccccc;
}


.adding-to-cart{
    animation: blinker 1s linear infinite; 
    display:none;   
}

.atc-hourglass {
  display: inline-block;
  /* position: relative; */
  width: 80px;
  height: 80px;
    margin-left: auto;
  margin-right: auto;
    text-align: center;
  display:none; 
}
.atc-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #2ECC40;
  border-color: #2ECC40 transparent #2ECC40 transparent;
  animation: atc-hourglass 1.2s infinite;
}
@keyframes atc-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}








.making-game {
    animation: blinker 1s linear infinite; 
    display:none;
}

.loading-icon {
  animation: blinker 1s linear infinite;
  display:none;

}

@keyframes blinker {
  50% { opacity: 0.0; }
}

.mdr-bingo  .breadcrumb-list {
  display: none;
}

.bingo-css-table {
    display: table;
  //  background-color:#CED7E0;
}
.bingo-css-table-tr {
    display: table-row;
    height:30px;
}

.bingo-css-table-td {
    display: table-cell;
    border:1px solid #000;
    width: 30px;
    text-align:center;
   vertical-align:middle;
    cursor:pointer;
}


.bingo-css-table-span-5 {
  display: table;
  width: 75%;
  background-color:#fff;
  border:1px solid black;
  text-align: center;
}
.bingo-css-table-tr-span-5  {
 // overflow: hidden;
  height: 20px;
 // margin-bottom:10px;
 color:black;
  cursor:pointer;

}

.bingo-title-div {
	 height: 50px;

}

/*
.bingo-css-table-span-5 .bingo-css-table-td-span-5   {
 background-color:#fff;
 cursor:pointer;
 background: grey;
}
*/
.bingo-cell-bad{
	background: blue;
}

.bingo-cell-good{
	background: #90EE90;
}

.bingo-highligh-cell {
   background: blue;
}

.bingo-highligh-cell-good {
   background: green;
}

.bingo-error {
  display: none;
}

.bingo-error-close{
	cursor:pointer;
}


.codebox-error{
 display: none;
  border-width:5px solid grey;
  border-style:double;
  border-left:0px;
  border-right:0px;
  	margin-left: auto;
    margin-right: auto;
   max-width: 600px;
  padding:10px;
 /* width:00px; */
}
.codebox-close{
  text-align:center;
  cursor:pointer;
  color: green;
}


.pre-pdf-error {
  display: none;
  text-align:center;
  font-size: 120%;

  color: red;
  cursor:pointer;
}

.qs_gotocart {
    display: none;
	color: #428bca;
	text-decoration: none;
	background: transparent;
}



.create-game-error, .qs-save-qs-error, .create-game-error-sns{
  display: none; 
  border-width:5px solid grey;
  border-style:double;
  border-left:0px;
  border-right:0px;
  	margin-left: auto;
    margin-right: auto;
   max-width: 600px;
  padding:10px;
}


/*
not using this now. but can be used to  change how products can be displayed.
was considering using jquery to  modify  css name. also look in functions:

How can I define a custom template for woocommerce [products] shortcode? [closed]

.woocommerce-LoopProduct-link h2{
	text-align:center;
	position: absolute;
   top: 60%;
   background-color: black;
color: white;
	opacity: 0.6;
width: 100%;
	}

*/

.thank-you-page-choose-game{
  font-size: 28px;
  line-height: 32px;
  color: #000000;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 margin-left: auto;
  margin-right: auto;
  text-align: center;
}


.create-game-error-close, .qs-save-qs-error-close{
	cursor:pointer;
	text-align:center;
	color:red;
}

.info-pdf{
  display: none;
}
.info-pdf-close{
	cursor:pointer;
	  color: blue;
}


.wspic-css-table-td:hover{
   background-color: red;
}​




.bingo-container{
   width:100%;
   font-size: 14px;
   line-height: 35px;

 //
}

.bingo-q-count{
    text-align:center;
}

.mdr-css-table{
  display: table;
//background-color:#ccc;
  width: 100%;
//  height: 35px;
}
.mdr-css-table-tr{
    display: table-row;
    width: 100%;
}
.mdr-whole-css-table-td{
    display: table-cell;
   border:1px solid #000;
    width: 100%;
    text-align:center;
    vertical-align:middle;
}

.mdr-obe-half-css-table-td{
 display: table-cell;
 border:1px solid #000;
 width: 50%;
    text-align:center;
    vertical-align:middle;
}


/*
<div class="bingo-title-css-table">
  <div class="bingo-title-css-table-tr">
    <div class="bingo-title-c1-css-table-td">one</div>
    <div class="bingo-title-c2-css-table-td">two</div>
  </div>
</div>


*/
.bingo-title-css-table {
    display: table;
    width: 50%;
//	border:1px solid #000;
}
.bingo-title-css-table-tr{

    display: table-row;
    width: 100%;
}
.bingo-title-c1-css-table-td {
//border:1px solid #000;
display: table-cell;
    width: 30%;
}
.bingo-title-c2-css-table-td {
 display: table-cell;
 width: 70%;
}

.bingo-title-c2-css-table-td  textarea{
   width: 300px;
}

.bingo-title-c2-css-table-td  input{
  margin-top: 5px;
   width: 300px;
}






/* **************************** */
/*
.mini-bingo-highligh-cell {
   background: #0000FF;
}

.mini-bingo-container{
  float: right;
 // height: 240px;
  width: 187px;
  height: 242px;
   border:1px solid #000;
  //display:nonw;
  margin-right: 80px;
}

.bingo-mini-css-table {
  display: table;
 // padding:0; margin:0;
  margin: auto;
  padding-top: 5px;
  vertical-align: middle;
 //   width: 40%;
	//border:2px solid #000;
	//float: right;
	//font-size: 4px;
}

.bingo-mini-css-table-tr{
 padding:0; margin:0;
    display: table-row;
 //   width: 100%;
	//	height:6px;
	font-size: 4px;
}

.bingo-mini-c1-css-table-td {
 padding:0; margin:0;
  border:1px solid #000;
  display: table-cell;
  width: 5px;
  font-size: 4px;
  height:5px;

}

.bingo-mini-s1-css-table-td {
 padding:0; margin:0;
  border:0px solid #000;
    border-top: 0px;
  border-bottom: 0px;
  display: table-cell;
  width: 5px;
  font-size: 4px;
}

.bingo-mini-s2-css-table-td {
 padding:0; margin:0;
  border:1px solid #000;
  border-top: 0px;
  border-bottom: 0px;
  display: table-cell;
  width: 5px;
  font-size: 3px;
}

.bingo-mini-title-css-table-tr{
 padding:0; margin:0;
 display: table-row;
 font-size: 3px;
 width: 50%;
}

.bingo-mini-title-css-table-td {
 padding:0; margin:0;
 border:0px solid #000;
 display: table-cell;
 width: 240px;
 text-align:center;
  //height: 5px;
 font-size: 6px;
 line-height: 10px;
 margin-left: auto;
 margin-right: auto
}

.bingo-mini-answers-css-table {
  display: table;
  margin:0;
  margin: auto;
  vertical-align: middle;
 //   width: 40%;
  border:1px solid #000;
	//float: right;
	//font-size: 4px;
  margin-top: 10px;
 // margin-left: 12px
}
.bingo-mini-answers-css-table-tr{
 padding:0; margin:0;
    display: table-row;
 //   width: 100%;
	height:27px;
	font-size: 3px;
}

.bingo-mini-answers-css-table-td {
 padding:0; margin:0;
  border:1px solid #000;
  display: table-cell;
  width: 27px;
  font-size: 4px;
  text-align:center;
  line-height: 5px;
  vertical-align:middle;
}


.bingo-mini-choose-pic-css-table {
 display: table;
  margin: auto;
//	border:1px solid #000;
	//float: right;
	//font-size: 4px;
  margin-top: 4px;
  vertical-align: middle;
}
.bingo-mini-choose-pic-css-table-tr{
 padding:0; margin:0;
    display: table-row;
 //   width: 100%;
	height:6px;
	font-size: 3px;
}

.bingo-mini-choose-pic-box-css-table-td{
 padding:0; margin:0;
  border:1px solid #000;
  display: table-cell;
  width: 4px;
  font-size: 4px;
}

.bingo-mini-choose-pic-box-spacer1-css-table-td{
 padding:0; margin:0;
  border:0px solid #000;
  display: table-cell;
  width: 35px;
  font-size: 4px;
}


.bingo-mini-instructions-css-table {
 display: table;
 margin: auto;
//	border:1px solid #000;
	//float: right;
	//font-size: 4px;
  vertical-align: middle;
	margin-top: 4px;
//	margin-left: 5px
}
.bingo-mini-instructions-css-table-tr{
 padding:0; margin:0;
    display: table-row;
 //   width: 100%;
	height:6px;
	font-size: 3px;
}
.bingo-mini-instructions-css-table-td{
 padding:0; margin:0;
  border:1px solid #000;
  display: table-cell;
  width: 160px;
  font-size: 4px;

    text-align:center;
  line-height: 5px;
  vertical-align:middle;
}

 */

/* end bingo mini table */


/* .bingo-free-qa-table{
  display: table;
//background-color:#ccc;
  width: 100%;
//  border:1px solid #abc;
  margin-bottom:20px;
}
.bingo-free-qa-table-tr{
   display: table-row;
   width: 100%;
   border:1px solid #abc;
   height:40px;
}
.bingo-free-qa-table-td-q{
  display: table-cell;
 // border:1px solid #abc;
  vertical-align:top;
 // text-align:center;
}
.bingo-free-qa-table-td-a{
  display: table-cell;
 // border:1px solid #abc;
  vertical-align:top;
 // text-align:center;
}
.bingo-free-q{
  width: 320px;
}
.bingo-free-a{
  width: 160px;
  float:right;
}
 */
/*                              */
.mdr-info-box-css-table{
  display: table;
//background-color:#ccc;
  width: 100%;
}
.mdr-info-box-css-table-tr{
    display: table-row;
    width: 100%;
}

.mdr-info-box-css-table-td{
  display: table-cell;
 // border:1px solid #abc;
  width: 50%;
  vertical-align:top;
  text-align:center;
 // vertical-align:middle;
}
.mdr-info-box-bullet {
  text-align: left;
  vertical-align:top;
  text-align:top;
//  border:1px solid #abc;
  margin-bottom: 50px;
  font-size: 18px;
}
.mdr-info-box-title {
 font-size: 24px;
 font-weight: bold;
 padding-bottom: 20px;
 text-decoration: underline;
}




.mdr-one-third-css-table-td{
    display: table-cell;
   border:1px solid #000;
    width: 33.3%;

 //   text-align:center;
 //   vertical-align:middle;
}
.mdr-two-thirds-css-table-td{
    display: table-cell;
 //   border:1px solid #000;
    width: 66.6%;
 //   text-align:center;
 //   vertical-align:middle;

}

.mdr-one-sixth-css-table-td{
    display: table-cell;
 //  border:1px solid #000;
    width: 16.66%;
	height:40px;
}
.mdr-five-sixth-css-table-td{
    display: table-cell;
 //  border:1px solid #000;
    width: 83.34%;
}



.bingo-load-game-link-style {
  font-size: 24px;
 cursor:pointer;

}

 .bingo-label{
    width:15%;
    float:left;
}

.bingo-input  input{
    width:45%;
    float:left
    outline: 0;
}

.qa-input-box input{
    width:45%;
    float:left
    outline: 0;
}
/*
.qa-input-box input{
    width:45%;
    float:left
    outline: 0;
}
 */


.pqa-qa-input-box input["text"] {
    width: 100%;
  //  padding: 5px 0;
    text-indent: 5px;
}

.pqa-qa-input-box textarea {
  resize:vertical;
  max-height:100px;
  min-height:100px;

  }



.pqa-qa-label {
//	 border: 1px solid #000;
  margin-top: 10px;
}

.pqa-game-button-center{
//	 border: 1px solid #000;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  text-align:center;
//  margin-top:22px;
 }


.all-qa textarea {
 width:100%;
 height: 250px;

 font: normal 14px verdana;
 line-height: 25px;
 padding: 2px 10px;
 border: solid 1px #ddd;
 border: 3px double #CCCCCC;
 background-color: #F0F8FF;
 margin-bottom:20px;
}
/*
D6F8DE
#
*/


.bingo-all-qa  textarea {
 width:100%;
 height: 250px;

 font: normal 14px verdana;
 line-height: 25px;
 padding: 2px 10px;
 border: solid 1px #ddd;
 border: 3px double #CCCCCC;
  background-color: #D6F8DE;
}

.addqa-button {
 // border: 1px solid #000000;
  float:right;
  padding-top:15px;
  padding-right:25px;
}

.bingo-addqa-button {
 // border: 1px solid #000000;
  float:right;
  padding-top:15px;
  padding-right:25px;
}

.mdrt1{
//border: 1px solid #000000;
height: 30px;
}

.mdrt2{
//border: 1px solid #000000;

height: 30px;
}
.mdrfix1{
//border: 1px solid #000000;
    height: 30px;
}

.insertqset {
  width:100%;
 //background: #999;
}

.insertqset select{
height: 30px;
// border:1px solid #000;
  width:95%;
}

.powered {
    display:none;
}

.bingo_title_container {
 // border:1px solid #000;
// padding: 0px;
  padding-top: 10px;
 // margin: 0px;
}

.bingo_title_container p{
display:none;
}

.bingo_title_container  .title_spacing{
 // border:1px solid #000;
padding-top: 5px;
 //margin: 0px;
}

.product-remove{
 width:5%;
}
.product-thumbnail{
 width:10%;
}
.product-thumbnail img{
    width: 10%;
    height: auto;
//	padding: 0px;
	margin: 0px;
	margin-left: auto;
    margin-right: auto;
}

/* mdr update 20200424
 .product-subtotal{
 width:10%;
}

.product-quantity{
 width:10%;
}


.product-name{
 width:50%;
}

.product-price{
 width:10%;
}
*/
.validatebox{
 display: none;
}

.home-info-box{
display: none;
}
.homepage-game-load-msg{
 display: none;
 text-align:center;
}

.homepage-game-load-msg-text{
 font-size: 24px;
  margin-bottom:20px;
}

.added-to-cart {
	display: none;
}

.pqa-pdf-highlights {
	 font-size: 30px;
	margin-top: 15px;
}

.pqa-pdf-highlights ul{
	font-size: 16px;
	line-height: 95%;
}


.pqa-info-box-format {
	margin-right:20px;

}


.homepage-code-button{
	cursor: pointer;
}


.bingo-header{
//  display: none;
    font-size: 30px;
}

.bingo-header-close{
//  display: none;
    font-size: 12px;
	line-height: 10px;
	margin-top: 5px;
	padding-top: 0px;
	cursor: pointer;
}


#clearfix {
	background-color:#CCCC99;


}

#wrapper {
  border-width:1px;
  border-style:solid;
  border-color:#808080;
}

#wrapper {
	background-color:#FFFFFF;
}

/*{background: #F9F1B5 }*/


.bingo-css-table-span-5{
  background-color:#FFFFFF;
}

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;
	display: inline-block;
	width: 5em;
	height: 5em;
	margin: 0 .5em;
	font-size: 12px;
	text-indent: 999em;
	overflow: hidden;
	animation: spin 1s infinite steps(8);
}

.small.progress {
	font-size: 6px;
}

.large.progress {
	font-size: 24px;
}

.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.25em; /* (container width - part width)/2  */
	width: .5em;
	height: 1.5em;
	border-radius: .2em;
	background: #eee;
	box-shadow: 0 3.5em #eee; /* container height - part height */
	transform-origin: 50% 2.5em; /* container height / 2 */
}

.progress:before {
	background: #555;
}

.progress:after {
	transform: rotate(-45deg);
	background: #777;
}

.progress > div:before {
	transform: rotate(-90deg);
	background: #999;
}

.progress > div:after {
	transform: rotate(-135deg);
	background: #bbb;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
    display:none;
}
@media screen and (max-width: 600px) {
  .spinner {
  position: fixed;
  z-index: 999;
  height: 12em;
  width: 12em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
    }
}



#featured {
  background: #298A08;
  border: 5px solid black;
}
.featured-title {
  color: #F4FA58;
}
.featured-subtitle {
  color: #fff;
  font-size: 24px;
}

#featured-content p {
 // display: none;
  color: #fff;
}

.home-page-featured{
 // display: none;
  border: 3px solid black;
  height: 297px;
  width: 445px;
// background-image: url('../wp-content/themes/g2t-child/images/bingo-how-to-001.gif');

}

.woocommerce-breadcrumb {

display: none;

}


.homepage-widget2 {
  text-align:center;
  font-size: 24px;
  font-weight: 700;
 // background-color: rgb(255,0,255);

}

#home_widget_1{
  width: 299px;
  border:1px solid #000;
  height: 342px;

}

/* this is for cloud tag widget on homepage */
#utcw-2{
  background-color: #FFF;
   border:0px;

}
#widget-title-three h3{
  text-align:center;
  font-size: 24px;
  font-weight: 700;
}

#widget-title-one h3{
  text-align:center;
  font-size: 24px;
  font-weight: 700;
}


#home_widget_3 {
  width: 299px;
//  text-align:center;
//  font-size: 24px;
 // font-weight: 700;
 background-color: #FFF;
  border:1px solid #000;
   height: 340px;
}



#enhancedtextwidget-2{
  background-color: #D6FFE0;
  border:1px solid #000;
  height: 300px;
}
.common-questions{
  margin-top: 20px;
  font-size: 18px;
  text-align:left;
}

.common-questions  li { padding: 5px 5px; }


.cw-noborder {
    display: table-cell;
    border:0px solid #000;
    width: 15px;
    height:15px;
	line-height: 15px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:10px;
	visibility: hidden;
}


.wspic-css-table, .qs-ws-css-table, .qs-hmws-css-table, .qs-sns-css-table{
    display: table;
	margin: auto;
	vertical-align: middle;
	margin-top:0px;
}


.wspic-css-table-td, .qs-ws-css-table-td, .qs-hmws-css-table-td, .qs-sns-css-table-td  {
    display: table-cell;
    width: 20px;
    height:20px;
	line-height: 20px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:10px;
	text-transform: uppercase;
	cursor: pointer;
}

.qs-ws-css-table-td{
	cursor: default;
}


.wspic-cell-on {
	 background-color: Lavender;
}


.hmws-message {
   background-color: Lavender;
}





.qs-ws-cell-on {
	 background-color: Lavender ;
}

.qs-sns-cell-on {
	 background-color: Lavender ;
}

.qs-hmws-cell-on {
	 background-color: Lavender;
}

.ps-noborder {
	background-color: white !important;
	border: 0px !important;
}

.ps-pdf-noborder {
  display: none;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}


.wspic-cell-off {
/*	 border:1px solid #000;  */
	 background-color: white;
}
.qs-ws-cell-off, .qs-sns-cell-off {
/*	 border:1px solid #000;  */
	 background-color: white;
}


.wspic-css-table-tr, .qs-ws-css-table-tr, .qs-hmws-css-table-tr, .qs-sns-css-table-tr {
    display: table-row;
	padding:0;
	margin: 0;
}


.bt {
	border-top: 1px solid #669999;
}
.bb {
	border-bottom: 1px solid #669999;
}
.bl {
	border-left: 1px solid #669999;
}
.br {
	border-right: 1px solid #669999;
}

.ps-using-css, .ws-using-css, .hmws-using-css, .sns-using-css {
	cursor: pointer;
	text-align:center;
	margin: auto 1.5em;
	color:green;
}

#ps-display-not-using, #ws-display-not-using{
	text-align:center;
	margin: auto;
	color: red;
	border:0px solid #000;
}



.ws-css-table, .cw-css-table, .hws-css-table{
    display: table;
//	border:1px solid #000;
	margin: auto;
	vertical-align: middle;
	margin-top:0px;

}
.ws-css-table-tr, .cw-css-table-tr, .hws-css-table-tr {
    display: table-row;
	padding:0;
	margin: 0;
}

.ws-css-table-td, .cw-css-table-td, .hws-css-table-td, .hws-css-table-td  {
    display: table-cell;
    border:1px solid #000;
    width: 15px;
    height:15px;
	line-height: 15px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:10px;
	text-transform: uppercase;
}

.gtt-game-page-001 {
	margin-top:  10px;
	font-weight: bold;

}

.pqa-game-page-icon{
	margin: auto;
	font-size: 30px;
	text-align:center;
}

#cw-table-html{
//	border:1px solid #000;
	margin-bottom:10px;
	padding-top:0px;
	margin-top:0px;

}

.ps-codebox-css{
  border: 1px solid #aaa;
   width: 300px;
	height: 100px;
	margin: 0 auto;
}


.aaaapqa-game-page-title {
//	margin: auto;
	font-size: 30px;
	text-align:center;
	padding-top:20px;
//	padding-bottom:10px;

}

/*
.mini-page-container {
 float: right;
 height: 242px;
 width: 187px;
 border:1px solid #aaa;
 //display:nonw;
 margin-right: 80px;

 overflow: hidden;


}


.ws-mini-css-table {
  display: table;
  border: 1px solid rgba(0,0,0,.25);
  margin: auto;
  vertical-align: middle;
}

.ws-mini-css-table-tr {
    display: table-row;
	padding:0;
	margin: 0;
}

.ws-mini-css-table-td {
    display: table-cell;
    border: 3em solid #000;
    border: 1px solid rgba(0,0,0,.25);
    width: 3px;
    height: 3px;
	line-height: 3px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:3px;
}
*/

.gtt-online-image-001{
  margin: auto;
  display: block;
 // width: 280px;
// border:1px solid #000;
 padding-top:10px;
 //text-align: center;
}

.mdr-center-1 {
  margin-left: auto;
  margin-right: auto;
 // width: 280px;
 // border:1px solid #000;
  padding-top:3px;
  text-align: center;

//  height: 40px;
}

.ws-table-blackcolor{
   color: #000!important;
}

#ws-notusing {
 //border:1px solid #000;
 font-size: 12px;
 width: 100%
}

#ws-using{
// border:1px solid #000;
 float:left;

 font-size: 12px;
 width: 100%;

}

.ws-highlightme, .sns-highlightme{
 font-size: 12px;
 //float: left;
 display: inline-block;
 padding-right: 10px;
 text-transform: uppercase;
}

.ws-inserted-word-highlight {
   background-color: #b0c4de;
}



.ws-create-container {
  // border:1px solid #000;
   width: 95%;
   height: 50px;
}
.mdr-2col-a {
   float:left;
  // border:2px solid #000;
   width: 20%;
}


#ws-all-data{
	visibility: hidden;
	display:none;

}

.hidden-info{
  visibility: hidden;
  display:none;
}

.mdr-2col-b{
   float:left;
  // border:2px solid #000;
   width: 75%;;
}

.ws-mini-instructions-css-table {
  display: table;
  padding:0; margin:0;
//	border:1px solid #000;
  margin-left: auto;
  margin-right: auto;
  padding-top:5px;
}
.ws-mini-instructions-css-table-tr{
 padding:0; margin:0;
 display: table-row;
 //height:6px;
 line-height: 4px;
 height: 4px;
 padding-top: 2px;
}
.ws-mini-instructions-css-table-td{
 padding:0; margin:0;
  border:1px solid #000;
  display: table-cell;
  width: 160px;
  font-size: 3px;
  text-align:center;
  line-height: 4px;
  height: 4px;
  vertical-align:middle;
  padding-top: 2px;
  background-color: #E0E0E0;
}


.ws-mini-answers-css-table {
  display: table;
  padding:0; margin:0;
  width: 92%;
// border:1px solid #000;
  //float: right;

  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8pt;
  line-height: 2px;
}

.ws-mini-q-1col{
  width: 150px;
  line-height: 5px;
 // border:1px solid #000;
 // height: 80px;
}

.ws-mini-q-2col-l{
    width: 83px;
    float: left;
    background: #ff;
	line-height: 5px;
	padding-right: 3px;
//	border:1px solid #000;
	//height: 80px;
}
.ws-mini-q-2col-r{
  width: 83px;
  float: left;
  line-height: 5px;
}
.ws-mini-q-2col-text {
//font-size: 4px;
}

.ws-mini-just-answers {
 width: 120px;
 font-size: 5px;
 margin-left: auto;
 margin-right: auto;
 line-height: 7px;
  //float: left;
 // border:1px solid #000;
  height: 80px;
   text-align: center;
}

.cw-mini-answers-css-table{
  display: table;
  padding:0; margin:0;
  width: 92%;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8pt;
  line-height: 3px;
}

.cw-mini-spacer  {
  display: block;
  //  height: 1.5pt;
    border: 0;
    border-top: 0px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
.cw-mini-left-col{
  width: 80px;
  font-size: 8px;
  //white-space: nowrap;
  padding-bottom: 2px;
  display:block;
    float:left;
}

.cw-mini-right-col{
  width: 80px;
  font-size: 8px;
// margin-left: 100px;
//  float: left;
  //white-space: nowrap;
 // padding-bottom: 2px;
}
*/
.cw-mini-left-col, .cw-mini-right-col {
  font-size: 4px;
  float: left;
  width: 48%;
   line-height: 3px;
}


.mu-center1{
  border:0px solid #000;
  text-align:center;

}

#mu-table-html{
  margin-left: auto;
  margin-right: auto;
 width: 430px;
// border:1px solid #000;
 // padding-top:3px;
// height: 120px;
  font-size: 12px;
 line-height: 14px;

}

.mu-mini-css-instructions{
 font-size: 5px;
 border:1px solid #BDBDBD;
 text-align:center;
 height:6px;
// line-height: 10px;
 width: 160px;
 font-size: 5px;

  padding:0; margin:0;
  margin: auto;
 //   display: inline-block;
  vertical-align: middle;
 line-height: normal;
 background-color: #F2F2F2;
 margin-bottom: 5px;

}

.mu-mini-css-title{
	font-size: 8px;
	border:0px solid #000;
	text-align:center;
	height: 10px;
	line-height: 10px;
	padding-top:5px;
}


.mu-css-table {
    display: table;
    background-color:#E8E8E8;
 //   width: 60px;
//	border:1px solid black;
//	margin-bottom:10px;
    //width: 300px;
    margin-bottom: 5px;
    padding-bottom: 5px;
   // border-bottom: 3px solid #777;
    max-height:200px;
    overflow:hidden;
    text-overflow: ellipsis;
    content: "";
    position:relative;

}

.mu-css-table:before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 150px, white);
}



.mu-option-container  a{
  color: blue;
}


.mu-option-container  a:hover{
  color: black;
}



.mu-opt-tbl{
	display: table;
	//border:1px solid #000;
	margin: auto;
	vertical-align: middle;
 	width: 100%;
  padding-top:10px;
}
.mu-opt-tbl-tr{
	display: table-row;
    height:30px;
}
.mu-opt-tbl-td{
   display: table-cell;
 //   border:1px solid #000;
    width: 33%;
    text-align:center;
   vertical-align:middle;

}

.mu-tbl-title {
 margin-top:5px;
 text-align: center;
 background-color: Azure;
 height:20px;


}

.mu-css-table-tr {
    display: table-row;
    height:30px;
//	display: none;
}
.mu-css-table-td {
    display: table-cell;
  //  border:1px solid #000;
    width: 30px;
    text-align:center;
   vertical-align:middle;
}

.mu-css-table-qtext-td {
    display: table-cell;
  //  border:1px solid #000;
    width: 280px;
    text-align:left;
   vertical-align:middle;
   padding-top: 5px;
   padding-bottom: 5px;
}

.mu-css-table-atext-td {
    display: table-cell;
 //   border:1px solid #000;
    width: 100px;
    text-align:center;
   vertical-align:middle;
}

.mu-create-container {
	padding:0px;
	margin:0px;
   text-align: center;
}

.mu-mini-css-table {
  display: table;
  padding:0; margin:0;
  width: 92%;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
 font-size: 4pt;
// font-size: 12pt;
  line-height: 3px;

}
.mu-mini-css-table-tr {
 padding:0; margin:0;
 display: table-row;
 //height:6px;
 line-height: 6px;
 height: 6px;
 padding-top: 2px;

}
.mu-mini-css-table-tdc1{
	 display: table-cell;
  // border:1px solid #000;
    width: 10px;
    text-align:center;
   vertical-align:middle;
}
.mu-mini-css-table-tdc2{
 display: table-cell;
   // border:1px solid #000;
    width: 90px;
    text-align:left;
   vertical-align:middle;
}
.mu-mini-css-table-tdc3{
		 display: table-cell;
  // border:1px solid #000;
    width: 10px;
    text-align:center;
   vertical-align:middle;
}
.mu-mini-css-table-tdc4{
		 display: table-cell;
  // border:1px solid #000;
    width: 50px;
    text-align:left;
   vertical-align:middle;
}

.fadeout {
    position: relative;
    bottom: 12em;
    height: 12em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

.live-loading {
  width: 50%;
}


.live-hidden-info{
  visibility: hidden;
  display:none;
}

.live-main-container{
 /* //live-hidden-info;
 //width: 90%; */
 margin-left: auto;
 margin-right: auto;
}

.live-mu-table{
    display: table;

 //   width: 60px;
//	border:1px solid black;
//	margin-bottom:10px;
    //width: 300px;
    margin-bottom: 5px;
    padding-bottom: 5px;
   // border-bottom: 3px solid #777;
 //   max-height:200px;
 //   overflow:hidden;
  //  text-overflow: ellipsis;
  //  content: "";
    position:relative;
margin-left: auto;
 margin-right: auto;
 width:80%;
// border-collapse: collapse;


border-spacing:0 4px;

}
.live-mu-table-tr{
    display: table-row;
  //  width:100%;
    height:30px;



}
.live-mu-table-tdq{
   display: table-cell;
  border:1px solid #000;
  //  width: 30px;
    width:60%;
    text-align:center;
   vertical-align:middle;
   cursor: pointer;
   background-color:Azure;

}
.live-mu-table-tdq:hover{
  background-color: yellow;
  border:2px solid #000;
}


.live-mu-table-tda{
   display: table-cell;
    border:1px solid #000;
   // width: 30px;
    width:30%;
    text-align:center;
   vertical-align:middle;
cursor: pointer;
background-color:Azure;
}
.live-mu-table-tda:hover{
  background-color: yellow;
  border:2px solid #000;
}


.live-mu-table-tdspacer1{
   display: table-cell;
    border:0px solid #000;
   // width: 30px;
    width:10%;
    text-align:center;
   vertical-align:middle;

}

.live-mu-game-instructions {
	padding:20px;
}

.live-mu-finish:hover{
  background-color: #E5EFF9;
  border:2px solid #000;
}

.live-mu-finish {
	-webkit-box-shadow: 5px 5px 5px 0px #C2C2C2;
	-moz-box-shadow: 5px 5px 5px 0px #C2C2C2;
	box-shadow: 5px 5px 5px 0px #C2C2C2;
	background-color: #E5EFF9;
	width: 400px;
	height: 200px;
  line-height: 200px;
   position: absolute;
  z-index:99;
  text-align:center;
  top:0;
   bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
 display: none;
 cursor: pointer;
 font-size: 24px;
 //vertical-align:middle;
}

.live-cw-table-container{
	//border:1px solid #000;
	margin-bottom: 10px;
}

.live-cw-css-table{
    display: table;
	//border:1px solid #000;
	margin: auto;
	vertical-align: middle;
}

.live-cw-css-table-tr{
    display: table-row;
	padding:0;
	margin: 0;
}
.live-cw-css-table-td{
   display: table-cell;
    border:1px solid #000;
    width: 30px;
    height:30px;
	line-height: 15px;
   text-align: center;
  vertical-align: middle;
	padding: 0;
	margin: 0;


	text-transform: uppercase;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    font: -moz-field;
    font: -webkit-small-control;
	font-size: 20px;
}

.live-cw-css-nb{
  border:0px solid #000;
}

.live-cw-clue-container{
 //border:1px solid #000;
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;

 cursor: pointer;

}
.live-cw-across-all-clues{
// border:1px solid #000;
 width:48%;
 float: left;
}
.live-cw-down-all-clues{
// border:1px solid #000;
 width: 48%;
 float: left;
}
.live-cs-clue{
	//border:1px solid #000;
}
.live-cs-clue:hover{
  background-color: Cornsilk;
 // border:2px solid #000;
}



.spinner-loading{
	border:1px solid #000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
	display:none;
}

.live-cw-clue-title{
	font-weight: bold;
	text-decoration: underline;
}

.live-cw-topclue {
 text-align:center;
	//border:1px solid #000;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 5px;

}


.live-ws-css-table{
    display: table;
	border:1px solid #000;
	margin: auto;
	vertical-align: middle;
	background-color: #F8F8F8 ;


}

.live-ws-css-table-tr {
    display: table-row;
	padding:0;
	margin: 0;
}

.live-ws-css-table-td{
    display: table-cell;
 //   border:1px solid #000;
    width: 25px;
    height:25px;
	line-height: 15px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:14px;
	 text-transform: uppercase;
	 cursor: pointer;
	 border-radius: 50%;
}

.live-ws-css-table-td:hover{
  background-color: yellow;
  border:2px solid #000;
}


#live-ws-clues-container{
 // border:1px solid #000;
  width: 60%;
 margin: auto;
  margin-top:10px;
 position: relative;
  overflow: hidden;
}

#live-ws-clues-left{
	 width:48%;
    float: left;
	 text-align:center;
}

#live-ws-clues-right{

  position: relative;
   overflow: hidden;
   float: left;
   width: 48%;
   left: 3%;
    text-align:center;
}

#live-ws-title{
  //border:1px solid #000;
  width: 60%;
  margin: auto;
text-align:center;
  margin-bottom: 10px;
  font-size: 140%;
}


#live-ws-game-instructions{
//  border:1px solid #000;
  width: 60%;
  margin: auto;
  text-align:center;
  margin-top: 15px;

}


.live-ws-finish:hover{
  background-color: #E5EFF9;
  border:2px solid #000;
}

.live-ws-finish {
  -webkit-box-shadow: 5px 5px 5px 0px #C2C2C2;
  -moz-box-shadow: 5px 5px 5px 0px #C2C2C2;
   box-shadow: 5px 5px 5px 0px #C2C2C2;
   background-color: #E5EFF9;
   width: 400px;
   height: 200px;

  line-height: 200px;

   position: absolute;
  z-index:99;
  text-align:center;
  top:0;
   bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
 display: none;
 font-size: 24px;
 cursor: pointer;
 //vertical-align:middle;
}

/* *****************************************************/
.live-hws-css-table{
    display: table;
	border:1px solid #000;
	margin: auto;
	vertical-align: middle;
	background-color: #F8F8F8 ;

}

.live-hws-css-table-tr {
    display: table-row;
	padding:0;
	margin: 0;
}

.live-hws-css-table-td{
    display: table-cell;
 //   border:1px solid #000;
    width: 25px;
    height:25px;
	line-height: 15px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:14px;
	 text-transform: uppercase;
	 cursor: pointer;
//	 border-radius: 50%;
}

.live-hws-css-filter {
  display: table;
  border:1px solid #000;
  margin: auto;
  vertical-align: middle;
}

.live-hws-css-filter-tr {
  display: table-row;
  padding: 0;
  margin: 0;
}

.live-hws-css-filter-td {
  display: table-cell;
  border: 1px solid #000;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  font-family: monospace;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.live-hws-found {
  background-color: PowderBlue ;
  color: black;
  border: 1px solid #000;
  font-weight: bold;
}

.live-hws-ishole{
	 border: 1px solid #000;
}


.live-hws-selected {
  background-color: LightGreen;
  color: LightGreen;
  border: 1px solid #000;
}

.live-hws-filtering-mask {
  background-color: LightGreen;
  color: LightGreen;
  border: 1px solid #000;
}
.live-hws-filtering-ishole{
	 border: 1px solid #000;
}


.live-hws-filter-let-select {
  background-color: blue;
  color: yellow;
   font-weight: bold;
  border: 1px solid #000;
  font-size: 175%;
}

.live-title {
  margin-left: auto;
  margin-right: auto;
 // width: 280px;
 // border:1px solid #000;
//  padding-top:3px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
   font-family: "Arial Black", Gadget, sans-serif;
//  height: 40px;
}

.hws-clue-list-line {
	margin-bottom: 10px;
	font-size: 14px;

}


.live-instructions {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding:10px;
}


.live-answer-list-container{
  margin-left: auto;
  margin-right: auto;
 // width: 280px;
 // border:1px solid #000;
//  padding-top:3px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;

   font-family: "Arial Black", Gadget, sans-serif;
//  height: 40px;
}


.live-answer-list-word {
	padding-right:10px;
	 display:inline;
     //float:left;
	font-size: 14px;
}

.live-answer-list-word-found {
	text-decoration: line-through;
	font-style: normal;
	  color: silver ;
}


.live-finish-message-show:hover{
  background-color: #E5EFF9;
  border:2px solid #000;
}

.live-finish-message-show {
 -webkit-box-shadow: 5px 5px 5px 0px #C2C2C2;
  -moz-box-shadow: 5px 5px 5px 0px #C2C2C2;
  box-shadow: 5px 5px 5px 0px #C2C2C2;
  background-color: #E5EFF9;
  width: 400px;
  height: 200px;
// line-height: 200px;
 // position: absolute;
 //z-index:99;
 text-align:center;
 //top:0;
// bottom: 0;
// left: 0;
 //right: 0;
//  top: -400px;
 margin: auto;
 display: none;
 cursor: pointer;
 font-size: 24px;
     vertical-align:middle;


}

.imgBorder1 img{
   border:1px solid #021a40;
   background:white;
    margin-left: auto;
  margin-right: auto;
    text-align: center;
}

#qick-start-all-q-container-expert{
	display: none;
	margin-left: auto;
    margin-right: auto;
	max-width: 400px;
}

.qa-standard{
	display: none;
    margin-left: auto;
  margin-right: auto;
	 max-width: 400px;
	 cursor:pointer;
	 text-align: right;

	}

.qa-expert-flipqa{
  text-align:left;
  color:#cccccc;
  cursor:pointer;
}
.qa-expert-flipqa:hover {
	color:#323232;
}


.qa-expert{
    margin-left: auto;
  margin-right: auto;
	 max-width: 400px;
	 cursor:pointer;
	 text-align: right;
}




.thin-divide-line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
  margin-bottom: 10px;

}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 10px;
  width: 100%;
}

@media all and ( min-width: 600px ) {

  /* set col widths */
  .col-2-3 {
    width: 66.66%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%;
  }
  .col-3-10{
      width: 30%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-1-5 {
    width: 20%;
  }
  .col-1-8 {
    width: 12.5%;
  }
  .col-3-4 {
    width: 75%;
  }
  .col-2-5{
	  width: 40%;
  }

  .col-1-16 {
    width: 6.25%;
  }

   .col-3-16 {
    width: 18.75%;
  }

  .col-7-32 {
    width: 21.875%;
	text-align:center;
  }
  
    .col-1-1 {
    width: 100%;
  }


}


@media only screen and (max-device-width: 960px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */
   #main-menu-container{
	   display: none;
   }

}

@media screen and (max-width: 600px) {

#mobile-current-item{
	display: none;
}


 #game-desc-post .media600-game-desc-float-left{
    float: left;
	/*border: 1px solid #111111; */
 }
  #game-desc-post .media600-game-desc-float-right{
    float:right;
 }

  #game-desc-post .media600-game-desc-center{
  	text-align: center;
	margin-left: auto;
    margin-right: auto;
 }

 .edit-game-title{
	  font-family: 'Roboto';
  font-size: 48px;
  color:#707070;
  //font-style: normal;
  font-weight: 100;
  line-height: 1.4;
   	text-align: center;
 }

 .samp-game-img{
 display: block;
	border:3px solid #ccc;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
 }

.pqa-game-page-title{
	text-align: center !important;
}

.bingo-css-table {
    display: table;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

.bingo-css-table-span-5 {
  display: table;
  width: 75%;
  background-color:#fff;
  border:1px solid black;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

.count-control{
	border: 1px solid #ccc;
	//border-color:  #707070;
    width:  150px;
    overflow: hidden;
    white-space: nowrap;
	 text-align:center;
  font-family: 'Roboto';
  font-size: 24px;
   color:#707070;
  //font-style: normal;
  font-weight: 100;
  line-height: 1.4;
  	text-align: center;
	margin-left: auto;
    margin-right: auto;
}


}


/* *****************************************************/


.pqa-button {
    background-color: #2D89EF; /* blue */
  //  border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 5px;
	border-color: #6cacf4;
    line-height: 26px;
	border-width: 1px;
border-style: solid;
 /* width:115px; */
font-size: 13px;
//line-height: 26px;
padding: 0px 16px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
}

.pqa-button-green {
	background-color: #2ECC40; /* green */
}

.pqa-button-orange {
	background-color: #FF851B; /* orange */
}



.pqa-button:hover {
	opacity: 0.6;
    color: white;
}

/* *****************************************************/

.pqa-spacer-10{
	margin: 0 0 10px;
	line-height: 1.42857;
}
.pqa-spacer-5{
	margin: 0 0 5px;
	line-height: .82857;
}


/* *****************************************************/







.game-desc-post-quick-start{
    border:1px solid #9ad3de;
	background: #e3e3e3;

  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #1e1e1e;

}

.game-desc-post-quick-start h1{
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom:3px;
}

.game-desc-post-quick-start h2{
  font-weight: bold;
 font-size: 16px;
  line-height: 20px;
  color: #1e1e1e;
  margin-top:0px;
  margin-bottom:0px;
}







#game-desc-post .jr{
    text-align: right;
}

#game-desc-post .fillme{
     background-color: #89bdd3;
}

#game-desc-post .row {
	padding: 0;
 	margin: 0 ;
/*	border: 1px solid #111111;  */
}

#game-desc-post .col-1-3{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;

}

#game-desc-post .col-2-3{
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;

}

#game-desc-post .col-2-5{
	padding-top: 0px;
}

#game-desc-post  h1{
	padding-top: 0px;
	margin-top: 0px;
}

#game-desc-post  .pqa-text01{
/*
font-size: 18px;
line-height: 28px;
*/
}



/* divider between posts */

#main article {
	border-bottom: 0px solid #333333;
}




/* *****************************************************/

.col-container{
//  border:1px solid #000;
  width: 40%;
// margin: auto;
 // margin-top:10px;
 position: relative;
  overflow: hidden;
  margin-top: 5px;


}

.col1{
//  border:1px solid #000;
	 width:30%;
    float: left;
	 text-align:left;

}
.col2{
//	  border:1px solid #000;
	 position: relative;
   overflow: hidden;
   float: left;
   width: 65%;
   left: 3%;
   text-align:left;
}

.col2 textarea{
  height: 100px;
//	text-transform: uppercase;
}


.homepage-how-it-works {
	//border:1px solid #000;
	color: #67666A;



}

.homepage-how-it-works h2{
//	border:1px solid #000;

}

.homepage-how-it-works ul{
//	border:1px solid #000;
  margin-left: 18px;
}

.single-product .site-main#main {
//	border:1px solid #000;
      width: 100%;
}


.highlight-ws-word {
/* 
 background-color: white;
  padding-top:8px;
  padding-left: 8px;
*/ 
  font-weight: bold;
  color:blue;  
    
}



.highlight-grid-word{
   background-color: yellow; 
}

#hws-using {
 font-size: 12px;
 width: 100%;
 cursor: pointer;
  text-align:center;
  	margin-left: auto;
    margin-right: auto;
}



.hws-highlightme{
// font-size: 20px;
 font-size: 12px;
 float: left;
 padding-right: 10px;
 text-transform: uppercase;

}

.hws-css-filter{
    display: table;
	//border:1px solid #000;
	margin: auto;
	vertical-align: middle;
	padding-bottom:18px;
}
.hws-css-filter-tr {
    display: table-row;
	padding:0;
	margin: 0;
}


.hws-css-filter-td  {
    display: table-cell;
    border:1px solid #000;
    width: 15px;
    height:15px;
	line-height: 15px;
    text-align:center;
    vertical-align:middle;
	padding: 0;
	margin: 0;
	font-family: monospace;
	font-size:10px;
	text-transform: uppercase;
	cursor:pointer;
}

.hws-css-selected {
  background-color: blue;
}

.hws-filter-text {
//	border:1px solid #000;
	text-align:center;
	width: 100%;
	line-height: 20px;
	padding-bottom:10px;
//	display:inline-block;
//	overflow: hidden;
}


/* .group-line{

	 border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
} */

#hws-longest {
	display:inline-block;
}

.hws-css-filter-irow{
	cursor:pointer;
  display:inline-block;
	text-decoration: underline  black;

}
.hws-css-filter-drow{
	cursor:pointer;
	display:inline-block;
	text-decoration: underline  black;
}
.hws-filter-row{

//margin-bottom:10px;
}
.hws-css-random {
	cursor:pointer;
	display:inline-block;
	text-decoration: underline  black;

}
.homepage-code-input {
//	border:1px solid #000;
  width: 80%;
  margin-bottom: 10px;
}

.homepage-code-button {
	//border:1px solid #000;
	width: 100%;
//	margin-top: 1px;
//	padding-top: 1px;
}

.homepage-code-container{
	border:1px solid #D8D8D8;
	box-shadow: 10px 10px 5px #888888;
	width: 100%;
	padding:20px;
	background-color:#F7F7F7;
}
.homepage-code-img{
//	border:1px solid #D8D8D8;
	margin: auto;
	text-align:center;
	padding-bottom: 10px;
}
.homepage-code-text{
	text-align:center;
	font-size: 12pt;
padding-bottom: 10px;
font-family: 'Open Sans', arial

}

.homepage-code-helplink {
	padding-top:5px;
	text-align:right;
}
.homepage-code-helplink a{
	font-family: Arial, sans-serif;
	color:#427fed;
//	color:blue;
	font-weight: bolder;
}

.su-tabs.qsedit-tabs { background-color: #84ADEA }
.su-tabs.qsedit-tabs .su-tabs-nav span { font-size: 1.3em }
  .su-tabs.qsedit-tabs .su-tabs-nav span.su-tabs-current { background-color: #EDFAFF }
  .su-tabs.qsedit-tabs .su-tabs-pane {
    padding: 1em;
    font-size: 1.3em;
    background-color: #EDFAFF;
  }


.qsedit-qacontainer{
  padding: 5px;
  background-color: white;
  font: normal 14px verdana;
  width: 80%;
  margin: auto;
  margin-top: 10px;


}

.qsedit-qacontainer .qa-input-box{
  background-color: blue;
  display: block;
}

.qsedit-one-qs-row{
	background-color: white;
	border-bottom: 1px solid #9a9fa8;
	font: 12px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	display: block;
}



.qsedit-qa input{
	border: none;
	outline: none;
  box-shadow: none;
//	background-color: #F0F0F0;
	padding-top:0px;
	padding-bottom:0px;
//	line-height:6px;

	color:#000000;
	line-height: 1.5;
}


.qsedit-qa {
	//background-color: green;
}



.qsedit-a{
//	background-color: blue !important;
   	color:#9a9fa8 !important;
}
.qsedit-num{
  float: left;
  width: 5%;
  background-color: white;
  padding-top:8px;
  padding-left: 8px;
  	font-weight: bold;
	font-size: 14px;
}
.qsedit-qa{
 //background-color: pink;
 display: inline-block; width: 85%;
}
.qsedit-delete{
	//background-color: gold;
	float: right; width: 10%;
  padding-top:8px;
  cursor:pointer;
}

.qsedit-delete:hover{
  font-weight: bold;
  color:blue;
}


.qsedit-input-table {
    display: table;
	width: 100%;
	margin-bottom:20px;
  //  background-color:#CED7E0;
}
.qsedit-input-table-tr {
    display: table-row;
  //  line-height: 60px;
	// border:1px solid #000;
}

.qsedit-input-table-input-td-1 {
    display: table-cell;
  //  border:1px solid #000;
    width: 70%;

 //   text-align:center;
 //  vertical-align:middle;
}

.qsedit-input-table-input-td-2 {
    display: table-cell;
 //   border:1px solid #000;
    width: 30%;
    padding-left: 30px;
 //   text-align:center;
   vertical-align:top;
}




.qsedit-input-table-input-td-3 {
    display: table-cell;
  //  border:1px solid #000;
    width: 100%;
    padding-left: 30px;
 //   text-align:center;
  // vertical-align:top;
}



.qsedit-qcount{
	display:inline;
    float:right;
	padding-left:10px;
	color:#9a9fa8;

}
.qsedit-unsaved{
	display:inline;
    float:right;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	color:#9a9fa8;
}
.qsedit-unsaved:hover{
  font-weight: bold;
}
.qsedit-unsaved-red {
	color:red;
}

.qsedit-qscode{
	display:inline;
    float:right;
	padding-left:10px;
}

.qsedit-details-table {
    display: table;
	width: 100%;
	margin-bottom:20px;
  //  background-color:#CED7E0;
}
.qsedit-details-table-tr {
    display: table-row;
  //  line-height: 60px;
	// border:1px solid #000;
		line-height: 1.5;
}

.qsedit-details-table-td-1 {
    display: table-cell;
  //  border:1px solid #000;
    width: 15%;
	font-weight: bold;
	color: #333;
    font: font: 12px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;

   padding-top:15px;
 //   text-align:center;
    vertical-align:middle;
}
.qsedit-details-table-td-2 {
   display: table-cell;
  // border:1px solid #000;
   width: 85%;
padding-top:15px;
 //   text-align:center;
   vertical-align:middle;
}

.qsedit-details-table-td-2 input{
//	border: none;
//	outline: none;
//    box-shadow: none;
//	background-color: #F0F0F0;
	padding-top:0px;
	padding-bottom:0px;
//	line-height:6px;
	color:#000000;
//	line-height: 1.5;
  width: 300px;
//  border:1px solid #000;
   padding-left:5px;

}

.qsedit-details-css{
	margin-left:20px;
//	border:1px solid #000;
}

/* .qsedit-details-css {
	border:1px solid #000;
	background-color: #F0F0F0;
	text-align:left;

} */

.qsedit-games-table {
    display: table;
width: 100%;
//border:1px solid #000;

//	margin-bottom:20px;
  //  background-color:#CED7E0;
}
.qsedit-games-table-tr {
  width: 100%;
    display: table-row;
  //  line-height: 60px;
	 border:1px solid #000;
	//	line-height: 1.5;

}
.qsedit-games-table-td{
	 display: table-cell;
//	border: none;
//	outline: none;
 //   box-shadow: none;
//	background-color: #F0F0F0;
//	padding-top:0px;
//	padding-bottom:0px;
//	line-height:6px;
//	color:#000000;
//	line-height: 1.5;
    width: 33%;
//	border:1px solid #000;
   text-align:center;
}




.imghvr-push-right .middleme{
  background-color: lightgray ;
  display: table-cell;
  vertical-align: middle;
  height: 200px;
  text-align: center;
  color: black;
}

.imghvr-push-right .mdrcap{
  padding:10px;
  background-color: lightgray ;
  display: table;
}

.imghvr-push-right img{
  background-color: #EDFAFF;
}


.center-choose-game{
	text-align: center;
	margin-left: auto;
    margin-right: auto;
//	border:1px solid #ccc;

}

.customize-label{
	font-weight: bold;
/* 	margin-left:10px; */
}

.choose-game-width{
	width: 80%;
	margin-left: auto;
    margin-right: auto;
}

/* +++++++++++++++++++++++++++++++  */
.samp-game-img{
	 border:2px solid #ccc;

}



.qsedit-games-table-td img{

  width:200px;


}

.qsedit-qsedit-nqs-td{
	width: 100%;

//	border:1px solid #000;

}

.qsedit-nqs  {
	display: table-cell;
//	background-color: #F0F0F0;
	float:right;
	cursor:pointer;
	//	border:1px solid #000;
}
.qsedit-nqs:hover{
  color:blue;
  font-weight: bold;
}


.qsedit-nqs-text{
		display: table-cell;
	//background-color: #F0F0F0;
	float:right;
	padding-right:10px;
	//font-weight: bold;

	//	border:1px solid #000;

}
.qsedit-nqs-yes{
	display: table-cell;
//	background-color: #F0F0F0;
	float:right;
	cursor:pointer;
padding-right:10px;

	//	border:1px solid #000;
}

.qsedit-nqs-yes:hover{
  font-weight: bold;
}

.qsedit-nqs-no:hover{
  font-weight: bold;
}


.qsedit-nqs-no{
	display: table-cell;
//	background-color: #F0F0F0;
	float:right;
	cursor:pointer;
	padding-right:10px;
	//	border:1px solid #000;
}


#main-menu-container{

//background: -moz-linear-gradient(top, #0056c7, #00439c);
  background:-webkit-linear-gradient(top, #0056c7, #00439c);

  background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, #0056c7, #00439c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0056c7, #00439c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #0056c7, #00439c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0056c7, #00439c); /* Standard syntax */
//	background: #1C62B6;
  background: #ffffff;
}

#wrapper {
border-width:0px;
}

.mdr-css-search-results-table{
  display: table;
//background-color:#ccc;
  width: 100%;
//  height: 35px;
}
.mdr-css-search-results-tr{
    display: table-row;
    width: 100%;
}
.mdr-css-search-results-td{
    display: table-cell;
 //  border:1px solid #000;
    width: 33%;
    text-align:center;
    vertical-align:middle;
}



.container-3col {
    font-size: 0; /*fix white space*/
}
.container-3col > div {
    font-size: 16px; /*reset font size*/
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
     border: 1px solid red;
    box-sizing: border-box;
    text-align: center;
	padding-bottom: 5px;
	padding-top:25px;
}
@media (max-width: 480px) { /*breakpoint*/
    .container-3col > div {
        display: block;
        width: 100%;
    }
}





.su-spoiler.gtt001 { 	margin-top:10px; }
.su-spoiler.gtt001 .su-spoiler-title { background-color: #84ADEA }
.su-spoiler.su-spoiler-closed.gtt001 .su-spoiler-title .su-spoiler-icon {
    left: 3px;
	right: 3px;
    background-color: #fff;
  }
  .su-spoiler.gtt001 .su-spoiler-content { background-color: #FFFFFF }



.su-spoiler.pqa001 { 	margin-top:10px; }
.su-spoiler.pqa001 .su-spoiler-title { background-color: #84ADEA }
.su-spoiler.su-spoiler-closed.pqa001 .su-spoiler-title .su-spoiler-icon {
    left: 3px;
    background-color: #fff;
  }
  .su-spoiler.pqa001 .su-spoiler-content { background-color: #FFFFFF }

.submit-overlay {
   // background: #e9e9e9;
  //  display: none;
  //  opacity: 0.5;

}


.pqa-bg{
	background-color: #edefff;
	margin:0px;
}

.submit-overlay-text {
	display: none;
	text-align:center;
	color: FireBrick ;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: LightYellow;
}


.border-thin {
    border-style: solid;
    border-width: 1px;
	border-color: #b2b2b2;
}


.cart-discount th{

	color: #FFF;
}




.edit-game-title{
  font-family: 'Roboto';
  font-size: 48px;
  color:#707070;
  //font-style: normal;
  font-weight: 100;
  line-height: 1.4;
}

.pqa-game-page-title{
  font-family: 'Roboto';
  font-size: 24px;
  color:#555555;
}

.musamptext {
 font-family: 'Titillium Web';
 font-size: 32px;
 font-style: normal;
 font-weight: 400;
 letter-spacing: 1px;
 text-decoration: none
}

.submit-overlay-text{
  font-family: 'Nunito';
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
}

.title-page-headings{
 font-family: 'Arial';
 color:#67666a;
 font-size: 30px;
 font-weight: 500;
line-height: 1.1;
  margin-left: auto;
  margin-right: auto;
 // width: 280px;
 // border:1px solid #000;
  padding-top:3px;
  text-align: center;
}

.title-page-text{
	 margin-left: auto;
  margin-right: auto;
 // border: 1px solid red;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  padding-left:20px;
  padding-right:20px;
  text-align:center;
}



.count-control{
	border: 1px solid #ccc;
	//border-color:  #707070;
    width:  150px;
    overflow: hidden;
    white-space: nowrap;
	 text-align:center;
  font-family: 'Roboto';
  font-size: 24px;
   color:#707070;
  //font-style: normal;
  font-weight: 100;
  line-height: 1.4;

}


#page-numbers-bc, #page-numbers-bp{
  display:inline;
  float:left;
  width: 33%;
}


.pow-num-goals {
  display:inline;
  float:left;
  width: 33%;
  cursor: pointer;
  text-align:center;
  background-color:white;
}

.white-bg{
	 background-color:white;
}

.page-inc-dec-mid,  .num-inc-dec-mid{
  display:inline;
  float:left;
  width: 33%;
}

.page-increase, .num-increase {
  display:inline;
  float:left;
  width: 33%;
  cursor: pointer;
}

.page-decrease, .num-decrease{
  display:inline;
  float:left;
  width: 33%;
  cursor: pointer;
}


.sow-carousel-title {
text-align: center;
	margin-left: auto;
    margin-right: auto;
}

.home_pillar {
  width: 90%;
  margin-left: 17px;
  margin-bottom: 5px;
 // padding-left:10px;
 // border: 1px solid #ccc;
      border-radius: 30px;
  background-color: #0072d2;
}

.home_pillar_px {
  width: 320px;
  margin-left: 17px;
  margin-bottom: 5px;
 // padding-left:10px;
  border: 2px solid #0072d2;
  border-radius: 30px;
 // background-color: #0072d2;
 // height:200px;
}

.home_pillar_px .header {
  width: 101%;
  color: #ffffff !important;
  background-color: #0072d2;
  //padding-top:0px;
   padding: 20px 20px 16px;  /* T ? b */
 // margin-top:5px;
 // outline: 3px solid #0072d2;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
}


.home_pillar .header {
  width: 100%;
  color: #ffffff !important;
  background-color: #0072d2;
  padding: 20px 20px 16px;  /* T ? b */
  margin-top:5px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  height: 70px;
    margin-left: auto;
  margin-right: auto;
}
.home_pillar h1{
  padding:0px;
  margin:0px;
  height:20px;
  color: #ffffff !important;
 // line-height: 18px;
  padding-left:0px;
   font-family: 'Cuprum';
  font-size: 24px;
}

.home_pillar_px h1{
  padding:0px;
  margin:0px;
  height:20px;
  color: #ffffff !important;
 // line-height: 18px;
  padding-left:0px;
   font-family: 'Cuprum';
  font-size: 24px;
}


.home_pillar_px .pop_list{
display: table;
 background-color: #fff;
  width:270px;

 margin-left: 25px;
//margin-right: 9px;
 //padding: 16px 0;
  margin-bottom:20px;
 //padding-bottom:10px;
 padding-top:10px;
 //padding-left:10px;


 //padding-bottom:15px;
 //border-bottom: 2px solid #0072d2;
   border-collapse: separate;
  border-spacing: 10px;
}




.home_pillar .game_list {
	background-color: #fff;
	width:99%;
	margin-left: auto;
    margin-right: auto;
	//margin-left: 9px;
//margin-right: 9px;
 //padding: 16px 0;
 // margin-bottom:20px;
 border-bottom-left-radius: 30px;
 border-bottom-right-radius: 30px;
padding-bottom:15px;
border-bottom: 2px solid #0072d2;
}


.home_pillar .item_container {
  display: table-row;
}

.home_pillar_px .pop_container {
  display: table-row;



 // width:295px;
 // height:200px;
 // 	margin-left: auto;
 //   margin-right: auto;
  //border: 1px solid red;
//  width:80%;

}
.home_pillar_px .pop_box {
  display: table-cell;
  width: 80px;
  height:80px;
  border:1px solid #ccc;
  float:left;
}

.home_pillar_px .pop_box_spacer {
  display: table-cell;
  width: 5px;
  height:80px;
 // border:1px solid #ccc;
  float:left;
}

.home_pillar img{
	width: 100px;
	height: auto;
	border: 1px solid #ccc;
}

.pop_container .img{
		width: 80px;
	height: 80px;

}


.home_pillar .left {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	padding-left:10px;
	//border:1px solid #ccc;
	padding-top:10px;
}

.home_pillar .right {
	padding-top:10px;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
  padding-left:10px;
	padding-right:12px;
}



.home_pillar .divider {
  width: 80%;
  height: 1px;
  margin: 10px auto;
  border-bottom: 1px solid #B3CEDC;
}

/*this is used to make sure menu is on top */
#container{
  position:relative;
  z-index:50;
}
#wrapper{
  position:relative;
  z-index:30;
}



#mobile-current-item{
	display: none;

}


/* start lightslider  */

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

        ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
        .demo .item{
            margin-bottom: 60px;
        }
		.choose-game-slider li{
           
		    background-color: #cccccc;
		    text-align: center;
		    color: #FFF;
            
           /*  heidght:400px */
            
		}
		.choose-game-slider h3 {
		    margin: 0;
		    padding: 20px 0;
            padding-top: 5px;
            padding-left:10px;
            padding-right:10px;
            padding-bottom:10px;
            
		}

        .choose-game-slider img {
            width:200px;
        }

		.demo{
			width: 800px;
		}

        .choose-game-slider figcaption{
            padding-top: 10px;
            font-size: 18px;
            color:#515151;
        
        }

.choose-game-slider .subcap{
    font-size: 12px;
    margin-top:5px;
    color:#515151;
}

.lSSlideWrapper h3 {
    height:350px;
    
}
.choose-game-slider .figcap:hover{
    font-weight: bold;
}

.pqaChooseGameB {
  border-radius: 12px;
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  /* margin: 4px 2px; */
  cursor: pointer;
  
 }

   .pqaChooseGameB:hover{
      font-weight: bold;
   }

.lslide {
    padding-top: 6px;
}

.lSSlideOuter {

    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/
.choose-game-slider figcaption  {
    cursor: pointer;
  height: auto;

 
}
/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
  /*  background-image: url('../img/controls.png'); */
/*    background-image: url('https://playqanda.com/wp-content/uploads/2020/03/slider_arrow_01.png'); */

    background-image: url('https://playqanda.com/wp-content/uploads/2020/03/slider_arrow_03_blk.png');

    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}


#hmpqinput, #hmpainput{
   width:100%;

}

.hmpQAinput {
   width:250px;
   margin-left: auto;
   margin-right: auto;
}

.hmpQAinput p{
   margin:0px;
}

#hmpCanvas{
    border: 0px solid;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;

}

.hmpRightCol{
   text-align:right;
}

.hmpSliceCount{
  float:right;

}

.hmpSliceCount p{
     margin:0px;
}

.hmpDivTable{
display: table;
width: 40%;
margin: 0 auto;
display: none;
}
.hmpDivTableRow {
display: table-row;
}
.hmpDivTableHeading {
background-color: #EEE;
display: table-header-group;
}
.hmpDivTableCell, .hmpDivTableHead {
  border: 1px solid #999999;
  display: table-cell;
  width:200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
vertical-align: middle;
}
.hmpDivTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.hmpDivTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.hmpDivTableBody {
display: table-row-group;
}

#download_hmp_image{
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:3px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;

    text-align:center;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    margin-bottom:5px;
}
#download_hmp_image:hover {
	background-color:#5cbf2a;
}
#download_hmp_image:active {
	position:relative;
	top:1px;
}

#hmpMakeGame {
	background-color:#007dc1;
	border-radius:28px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:3px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;

  text-align:center;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:5px;
  display: block;
}
#hmpMakeGame:hover {
	background-color:#0061a7;
}
#hmpMakeGame:active {
	position:relative;
	top:1px;
}

.hmpTitleContainer{
  text-align:center;
  font-family:Roboto;
}
.hmpTitle{
  font-weight: bold;
  font-size:30px;
}
.hmpInstructions{
  font-size:14px;
}
.hmpRowBold{
  color:blue;
  font-weight: bold;
}
.hmpChooseColor{
  border:2px solid blue
}

.hmpEditColor {
  text-align:center;
  color: 	#484848;
  font-family:Arial;
  font-size:17px;
  /* border:2px solid blue */
  display: none;
}

.hmpPQAlink{
  text-align:center;
  display: none;
}


/* *****************************  */
.qa-dis-container{
       margin-left: auto;
  margin-right: auto;
  text-align:center;
    
}

.collapsible {
  background-color: whitesmoke;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 50%;
  border: none;
 border: 1px solid grey;
  font-size: 15px;
  text-align: left;
font-family: 'Roboto';
font-size: 24px;
color: #707070;
  
  
  }

.active, .collapsible:hover {
  background-color: #e6e6e6;
}

.qa-dis-content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
        margin-left: auto;
  margin-right: auto;
  text-align:center;
  background-color: #f1f1f1;
  width: 50%;
}



/* *****************************/
.readyQS-container{
  width:60%;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}
.readyQS {
  background-color: #ffffff;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px 0px 1px 0px;  
  padding:0px;
  margin:0px;
  /* border: 1px solid #999999; */
}
.readyQS:hover {
  background-color:whitesmoke;
  border-width: 2px 0px 2px 0px;  
}

.readyQS .readyQSimg {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;    
}

.readyQSimg img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0px;
  margin: 0px;
  width: 50px;
  float:left;
  
}

.readyQSclick {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
    
}    

.readyQS-title, .readyQS-subtitle{
        text-align:left;
}

.readyQSdesc{
    border: 1px solid #111111;
    margin: 0px;

}
.readyQSgo {
   margin: 0px;   
  text-align: right;
border: 1px solid #111111;

}

.readyQS .readyQSimg {
        margin-left: auto;
    margin-right: auto;
    text-align:center;
}

/* *****************************/

.pqa1content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


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


.entry-header {
    display:none;
}

.pms-account-subscription-action-link.pms-account-subscription-action-link__cancel, .pms-account-subscription-action-link.pms-account-subscription-action-link__abandon{
 display:none;
    
}

#site-navigation{
    background-color:rgb(0, 86, 199);   
}


.tg-primary-menu > div ul li a {
   background-color:ffffff;
   color:yellow;
/*   border: 1px solid #111111; */
}

.menu-item {
     color:black;
}
/*
.tg-primary-menu > div ul li { 
   background-color:ffffff;
   color:black;
}
*/
/*
.pqamenuhome{
   background:#dbd7d2 !important;
   color: yellow !important;
}
*/

.pqamenuhome .ubermenu-target-text{
  text-transform: none;
  font-size: 20px;
  letter-spacing: 3px; 
  font-family: 'Roboto' !important;
  line-height: 14px !important;
}


/*

<input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="Coupon code">

*/

/*
<a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://playqanda.com" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Home</span></a>
*/




/* ****************************  */

/* https://www.jeremycarter.com.au/optimising-woocommerce-checkout-for-mobile/ */
/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */







/*
#download_hmp_image{
  text-align:center;
  padding-bottom:5px;
  cursor: pointer;
  width: 200px;
    margin-left: auto;
  margin-right: auto;
      display: none;

}
#download_hmp_image:hover{
 font-weight: bold;
 text-decoration: underline;

}​
*/




/*
.sow-carousel-title a.sow-carousel-next, .sow-carousel-title a.sow-carousel-previous {
display: none;
}
 */


 /* ************************************  */




/*
 * ImageHover.css - http://www.imagehover.io

 [class*=' imghvr-'],[class^=imghvr-]{position:relative;display:inline-block;margin:0;max-width:100%;background-color:#2266a5;color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0)}[class*=' imghvr-']>img,[class^=imghvr-]>img{vertical-align:top;max-width:100%}[class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption{background-color:#135796;padding:30px;position:absolute;top:0;bottom:0;left:0;right:0;color:#fff}[class*=' imghvr-'] figcaption h1,[class*=' imghvr-'] figcaption h2,[class*=' imghvr-'] figcaption h3,[class*=' imghvr-'] figcaption h4,[class*=' imghvr-'] figcaption h5,[class*=' imghvr-'] figcaption h6,[class^=imghvr-] figcaption h1,[class^=imghvr-] figcaption h2,[class^=imghvr-] figcaption h3,[class^=imghvr-] figcaption h4,[class^=imghvr-] figcaption h5,[class^=imghvr-] figcaption h6{color:#fff}[class*=' imghvr-'] a,[class^=imghvr-] a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}[class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}[class*=' imghvr-fade'] figcaption,[class*=' imghvr-fade']:hover>img,[class^=imghvr-fade] figcaption,[class^=imghvr-fade]:hover>img{opacity:0}[class*=' imghvr-fade']:hover figcaption,[class^=imghvr-fade]:hover figcaption{opacity:1}[class*=' imghvr-fade']:hover figcaption,[class*=' imghvr-fade']:hover>img,[class^=imghvr-fade]:hover figcaption,[class^=imghvr-fade]:hover>img{-webkit-transform:translate(0,0);transform:translate(0,0)}.imghvr-fade-in-up figcaption{-webkit-transform:translate(0,15%);transform:translate(0,15%)}.imghvr-fade-in-down figcaption{-webkit-transform:translate(0,-15%);transform:translate(0,-15%)}.imghvr-fade-in-left figcaption{-webkit-transform:translate(-15%,0);transform:translate(-15%,0)}.imghvr-fade-in-right figcaption{-webkit-transform:translate(15%,0);transform:translate(15%,0)}[class*=' imghvr-push-']:hover figcaption,[class^=imghvr-push-]:hover figcaption{-webkit-transform:translate(0,0);transform:translate(0,0)}.imghvr-push-up figcaption{-webkit-transform:translateY(100%);transform:translateY(100%)}.imghvr-push-down figcaption,.imghvr-push-up:hover>img{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.imghvr-push-down:hover>img{-webkit-transform:translateY(100%);transform:translateY(100%)}.imghvr-push-left figcaption{-webkit-transform:translateX(100%);transform:translateX(100%)}.imghvr-push-left:hover>img,.imghvr-push-right figcaption{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.imghvr-push-right:hover>img{-webkit-transform:translateX(100%);transform:translateX(100%)}[class*=' imghvr-slide-']:hover figcaption,[class^=imghvr-slide-]:hover figcaption{-webkit-transform:translate(0,0);transform:translate(0,0)}.imghvr-slide-up figcaption{-webkit-transform:translateY(100%);transform:translateY(100%)}.imghvr-slide-down figcaption{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.imghvr-slide-left figcaption{-webkit-transform:translateX(100%);transform:translateX(100%)}.imghvr-slide-right figcaption{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.imghvr-slide-top-left figcaption{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.imghvr-slide-top-right figcaption{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}.imghvr-slide-bottom-left figcaption{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}.imghvr-slide-bottom-right figcaption{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}[class*=' imghvr-reveal-']:before,[class^=imghvr-reveal-]:before{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background-color:#135796}[class*=' imghvr-reveal-'] figcaption,[class^=imghvr-reveal-] figcaption{opacity:0}[class*=' imghvr-reveal-']:hover:before,[class^=imghvr-reveal-]:hover:before{-webkit-transform:translate(0,0);transform:translate(0,0)}[class*=' imghvr-reveal-']:hover figcaption,[class^=imghvr-reveal-]:hover figcaption{opacity:1;-webkit-transition-delay:.21s;transition-delay:.21s}.imghvr-reveal-up:before{-webkit-transform:translateY(100%);transform:translateY(100%)}.imghvr-reveal-down:before{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.imghvr-reveal-left:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.imghvr-reveal-right:before{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.imghvr-reveal-top-left:before{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.imghvr-reveal-top-right:before{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}.imghvr-reveal-bottom-left:before{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}.imghvr-reveal-bottom-right:before{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}[class*=' imghvr-hinge-'],[class^=imghvr-hinge-]{-webkit-perspective:50em;perspective:50em}[class*=' imghvr-hinge-'] figcaption,[class^=imghvr-hinge-] figcaption{opacity:0;z-index:1}[class*=' imghvr-hinge-']:hover img,[class^=imghvr-hinge-]:hover img{opacity:0}[class*=' imghvr-hinge-']:hover figcaption,[class^=imghvr-hinge-]:hover figcaption{opacity:1;-webkit-transition-delay:.21s;transition-delay:.21s}.imghvr-hinge-up img{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.imghvr-hinge-up figcaption{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.imghvr-hinge-up:hover>img{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.imghvr-hinge-up:hover figcaption{-webkit-transform:rotateX(0);transform:rotateX(0)}.imghvr-hinge-down img{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.imghvr-hinge-down figcaption{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% -50%;-ms-transform-origin:50% -50%;transform-origin:50% -50%}.imghvr-hinge-down:hover>img{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}.imghvr-hinge-down:hover figcaption{-webkit-transform:rotateX(0);transform:rotateX(0)}.imghvr-hinge-left img{-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.imghvr-hinge-left figcaption{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.imghvr-hinge-left:hover>img{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.imghvr-hinge-left:hover figcaption{-webkit-transform:rotateY(0);transform:rotateY(0)}.imghvr-hinge-right img{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.imghvr-hinge-right figcaption{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.imghvr-hinge-right:hover>img{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.imghvr-hinge-right:hover figcaption{-webkit-transform:rotateY(0);transform:rotateY(0)}[class*=' imghvr-flip-'],[class^=imghvr-flip-]{-webkit-perspective:50em;perspective:50em}[class*=' imghvr-flip-'] img,[class^=imghvr-flip-] img{backface-visibility:hidden}[class*=' imghvr-flip-'] figcaption,[class*=' imghvr-flip-']:hover>img,[class^=imghvr-flip-] figcaption,[class^=imghvr-flip-]:hover>img{opacity:0}[class*=' imghvr-flip-']:hover figcaption,[class^=imghvr-flip-]:hover figcaption{opacity:1;-webkit-transition-delay:.13999999999999999s;transition-delay:.13999999999999999s}.imghvr-flip-horiz figcaption{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.imghvr-flip-horiz:hover img{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.imghvr-flip-horiz:hover figcaption{-webkit-transform:rotateX(0);transform:rotateX(0)}.imghvr-flip-vert figcaption{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.imghvr-flip-vert:hover>img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.imghvr-flip-vert:hover figcaption{-webkit-transform:rotateY(0);transform:rotateY(0)}.imghvr-flip-diag-1 figcaption{-webkit-transform:rotate3d(1,-1,0,100deg);transform:rotate3d(1,-1,0,100deg)}.imghvr-flip-diag-1:hover>img{-webkit-transform:rotate3d(-1,1,0,100deg);transform:rotate3d(-1,1,0,100deg)}.imghvr-flip-diag-1:hover figcaption{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.imghvr-flip-diag-2 figcaption{-webkit-transform:rotate3d(1,1,0,100deg);transform:rotate3d(1,1,0,100deg)}.imghvr-flip-diag-2:hover>img{-webkit-transform:rotate3d(-1,-1,0,100deg);transform:rotate3d(-1,-1,0,100deg)}.imghvr-flip-diag-2:hover figcaption{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}[class*=' imghvr-shutter-out-']:before,[class^=imghvr-shutter-out-]:before{background:#135796;position:absolute;content:'';-webkit-transition-delay:105ms;transition-delay:105ms}[class*=' imghvr-shutter-out-'] figcaption,[class^=imghvr-shutter-out-] figcaption{opacity:0;-webkit-transition-delay:0s;transition-delay:0s}[class*=' imghvr-shutter-out-']:hover:before,[class^=imghvr-shutter-out-]:hover:before{-webkit-transition-delay:0s;transition-delay:0s}[class*=' imghvr-shutter-out-']:hover figcaption,[class^=imghvr-shutter-out-]:hover figcaption{opacity:1;-webkit-transition-delay:105ms;transition-delay:105ms}.imghvr-shutter-out-horiz:before{left:50%;right:50%;top:0;bottom:0}.imghvr-shutter-out-horiz:hover:before{left:0;right:0}.imghvr-shutter-out-vert:before{top:50%;bottom:50%;left:0;right:0}.imghvr-shutter-out-vert:hover:before{top:0;bottom:0}.imghvr-shutter-out-diag-1:before{top:50%;bottom:50%;left:-35%;right:-35%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.imghvr-shutter-out-diag-1:hover:before{top:-35%;bottom:-35%}.imghvr-shutter-out-diag-2:before{top:50%;bottom:50%;left:-35%;right:-35%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.imghvr-shutter-out-diag-2:hover:before{top:-35%;bottom:-35%}[class*=' imghvr-shutter-in-']:after,[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:after,[class^=imghvr-shutter-in-]:before{background:#135796;position:absolute;content:''}[class*=' imghvr-shutter-in-']:after,[class^=imghvr-shutter-in-]:after{top:0;left:0}[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:before{right:0;bottom:0}[class*=' imghvr-shutter-in-'] figcaption,[class^=imghvr-shutter-in-] figcaption{opacity:0;z-index:1}[class*=' imghvr-shutter-in-']:hover figcaption,[class^=imghvr-shutter-in-]:hover figcaption{opacity:1;-webkit-transition-delay:.21s;transition-delay:.21s}.imghvr-shutter-in-horiz:after,.imghvr-shutter-in-horiz:before{width:0;height:100%}.imghvr-shutter-in-horiz:hover:after,.imghvr-shutter-in-horiz:hover:before{width:50%}.imghvr-shutter-in-vert:after,.imghvr-shutter-in-vert:before{height:0;width:100%}.imghvr-shutter-in-vert:hover:after,.imghvr-shutter-in-vert:hover:before{height:50%}.imghvr-shutter-in-out-horiz:after,.imghvr-shutter-in-out-horiz:before{width:0;height:100%}.imghvr-shutter-in-out-horiz:hover:after,.imghvr-shutter-in-out-horiz:hover:before{width:100%;opacity:.75}.imghvr-shutter-in-out-vert:after,.imghvr-shutter-in-out-vert:before{height:0;width:100%}.imghvr-shutter-in-out-vert:hover:after,.imghvr-shutter-in-out-vert:hover:before{height:100%;opacity:.75}.imghvr-shutter-in-out-diag-1:after,.imghvr-shutter-in-out-diag-1:before{width:200%;height:200%;-webkit-transition:all .6s ease;transition:all .6s ease;opacity:.75}.imghvr-shutter-in-out-diag-1:after{-webkit-transform:skew(-45deg) translateX(-150%);transform:skew(-45deg) translateX(-150%)}.imghvr-shutter-in-out-diag-1:before{-webkit-transform:skew(-45deg) translateX(150%);transform:skew(-45deg) translateX(150%)}.imghvr-shutter-in-out-diag-1:hover:after{-webkit-transform:skew(-45deg) translateX(-50%);transform:skew(-45deg) translateX(-50%)}.imghvr-shutter-in-out-diag-1:hover:before{-webkit-transform:skew(-45deg) translateX(50%);transform:skew(-45deg) translateX(50%)}.imghvr-shutter-in-out-diag-2:after,.imghvr-shutter-in-out-diag-2:before{width:200%;height:200%;-webkit-transition:all .6s ease;transition:all .6s ease;opacity:.75}.imghvr-shutter-in-out-diag-2:after{-webkit-transform:skew(45deg) translateX(-100%);transform:skew(45deg) translateX(-100%)}.imghvr-shutter-in-out-diag-2:before{-webkit-transform:skew(45deg) translateX(100%);transform:skew(45deg) translateX(100%)}.imghvr-shutter-in-out-diag-2:hover:after,.imghvr-shutter-in-out-diag-2:hover:before{-webkit-transform:skew(45deg) translateX(0);transform:skew(45deg) translateX(0)}[class*=' imghvr-fold'],[class^=imghvr-fold]{-webkit-perspective:50em;perspective:50em}[class*=' imghvr-fold'] img,[class^=imghvr-fold] img{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}[class*=' imghvr-fold'] figcaption,[class^=imghvr-fold] figcaption{z-index:1;opacity:0}[class*=' imghvr-fold']:hover>img,[class^=imghvr-fold]:hover>img{opacity:0;-webkit-transition-delay:0;transition-delay:0}[class*=' imghvr-fold']:hover figcaption,[class^=imghvr-fold]:hover figcaption{-webkit-transform:rotateX(0) translate3d(0,0,0) scale(1);transform:rotateX(0) translate3d(0,0,0) scale(1);opacity:1;-webkit-transition-delay:.21s;transition-delay:.21s}.imghvr-fold-up>img{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.imghvr-fold-up figcaption{-webkit-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.imghvr-fold-up:hover>img{-webkit-transform:rotateX(90deg) scale(.6) translateY(50%);transform:rotateX(90deg) scale(.6) translateY(50%)}.imghvr-fold-down>img{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.imghvr-fold-down figcaption{-webkit-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.imghvr-fold-down:hover>img{-webkit-transform:rotateX(-90deg) scale(.6) translateY(-50%);transform:rotateX(-90deg) scale(.6) translateY(-50%)}.imghvr-fold-left>img{-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.imghvr-fold-left figcaption{-webkit-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.imghvr-fold-left:hover>img{-webkit-transform:rotateY(-90deg) scale(.6) translateX(50%);transform:rotateY(-90deg) scale(.6) translateX(50%)}.imghvr-fold-right{-webkit-perspective:50em;perspective:50em}.imghvr-fold-right>img{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.imghvr-fold-right figcaption{-webkit-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.imghvr-fold-right:hover>img{-webkit-transform:rotateY(90deg) scale(.6) translateX(-50%);transform:rotateY(90deg) scale(.6) translateX(-50%)}.imghvr-zoom-in figcaption{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.imghvr-zoom-in:hover figcaption{-webkit-transform:scale(1);transform:scale(1);opacity:1}[class*=' imghvr-zoom-out'] figcaption,[class^=imghvr-zoom-out] figcaption{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0}[class*=' imghvr-zoom-out'].hover figcaption,[class*=' imghvr-zoom-out']:hover figcaption,[class^=imghvr-zoom-out].hover figcaption,[class^=imghvr-zoom-out]:hover figcaption{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:.35s;transition-delay:.35s}.imghvr-zoom-out:hover>img{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.imghvr-zoom-out-up.hover>img,.imghvr-zoom-out-up:hover>img{-webkit-animation:imghvr-zoom-out-up .40249999999999997s linear;animation:imghvr-zoom-out-up .40249999999999997s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes imghvr-zoom-out-up{50%{-webkit-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(-150%);transform:scale(.8) translateY(-150%);opacity:.5}}@keyframes imghvr-zoom-out-up{50%{-webkit-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(-150%);transform:scale(.8) translateY(-150%);opacity:.5}}.imghvr-zoom-out-down.hover>img,.imghvr-zoom-out-down:hover>img{-webkit-animation:imghvr-zoom-out-down .40249999999999997s linear;animation:imghvr-zoom-out-down .40249999999999997s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes imghvr-zoom-out-down{50%{-webkit-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(150%);transform:scale(.8) translateY(150%);opacity:.5}}@keyframes imghvr-zoom-out-down{50%{-webkit-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(150%);transform:scale(.8) translateY(150%);opacity:.5}}.imghvr-zoom-out-left.hover>img,.imghvr-zoom-out-left:hover>img{-webkit-animation:imghvr-zoom-out-left .40249999999999997s linear;animation:imghvr-zoom-out-left .40249999999999997s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes imghvr-zoom-out-left{50%{-webkit-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(-150%);transform:scale(.8) translateX(-150%);opacity:.5}}@keyframes imghvr-zoom-out-left{50%{-webkit-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(-150%);transform:scale(.8) translateX(-150%);opacity:.5}}.imghvr-zoom-out-right.hover>img,.imghvr-zoom-out-right:hover>img{-webkit-animation:imghvr-zoom-out-right .40249999999999997s linear;animation:imghvr-zoom-out-right .40249999999999997s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes imghvr-zoom-out-right{50%{-webkit-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(150%);transform:scale(.8) translateX(150%);opacity:.5}}@keyframes imghvr-zoom-out-right{50%{-webkit-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(150%);transform:scale(.8) translateX(150%);opacity:.5}}.imghvr-zoom-out-flip-horiz{-webkit-perspective:50em;perspective:50em}.imghvr-zoom-out-flip-horiz figcaption{opacity:0;-webkit-transform:rotateX(90deg) translateY(-100%) scale(.5);transform:rotateX(90deg) translateY(-100%) scale(.5)}.imghvr-zoom-out-flip-horiz.hover>img,.imghvr-zoom-out-flip-horiz:hover>img{-webkit-transform:rotateX(-100deg) translateY(50%) scale(.5);transform:rotateX(-100deg) translateY(50%) scale(.5);opacity:0;-webkit-transition-delay:0;transition-delay:0}.imghvr-zoom-out-flip-horiz.hover figcaption,.imghvr-zoom-out-flip-horiz:hover figcaption{-webkit-transform:rotateX(0) translateY(0) scale(1);transform:rotateX(0) translateY(0) scale(1);opacity:1;-webkit-transition-delay:.35s;transition-delay:.35s}.imghvr-zoom-out-flip-vert{-webkit-perspective:50em;perspective:50em}.imghvr-zoom-out-flip-vert figcaption{opacity:0;-webkit-transform:rotateY(90deg) translate(50%,0) scale(.5);transform:rotateY(90deg) translate(50%,0) scale(.5)}.imghvr-zoom-out-flip-vert.hover>img,.imghvr-zoom-out-flip-vert:hover>img{-webkit-transform:rotateY(-100deg) translateX(50%) scale(.5);transform:rotateY(-100deg) translateX(50%) scale(.5);opacity:0;-webkit-transition-delay:0;transition-delay:0}.imghvr-zoom-out-flip-vert.hover figcaption,.imghvr-zoom-out-flip-vert:hover figcaption{-webkit-transform:rotateY(0) translate(0,0) scale(1);transform:rotateY(0) translate(0,0) scale(1);opacity:1;-webkit-transition-delay:.35s;transition-delay:.35s}.imghvr-blur figcaption{opacity:0}.imghvr-blur:hover>img{-webkit-filter:blur(30px);filter:blur(30px);-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}.imghvr-blur:hover figcaption{opacity:1;-webkit-transition-delay:.21s;transition-delay:.21s}

*/


/* Menu Wrapper Background */
/* #header-menu { background-color: #000000; } */

/* Menu Background */
/* .sb-options { background-color: #3A3D41; } */
/* Menu Hover Bavkground */

/* .sb-options a:hover, .sb-options a:focus, .sb-options a.sb-focus { background-color: #2d2d2d; }
} */



/*

container-full-width



[su_button class="add-qa" link="#apply"]Click to add the Question[/su_button]


<div class="qa-input-box">
<input id="qinput" name="qinput" size="15" type="text" placeholder="Type the question here"/>     </div>
<div class="qa-input-box"><input id="ainput" name="ainput" size="50" type="text" placeholder="Type   the answer here" /></div>





live-ws-clues-right

.quantity, .product-quantity{display:none;}


isplay: block;
  margin: 0;
  padding: 0 0 20px 0;
  font-size: 24px;
  font-weight: 700;

  text-align: left;


http://www.onextrapixel.com/2013/10/25/40-stunning-website-designs-with-great-color-schemes/
FFFFFF
DDDAD6
F9F1B5
A6D8DE
AE9C96
*/