/*
Theme Name: Plugin Demo
Text Domain: plugindemo
Version: 1.3
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

.fonts {
	font-family: 'Poppins', sans-serif;
}
* {
	outline: none;
	box-sizing: border-box;
}
*:focus {
	outline: none
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Poppins', sans-serif;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

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

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

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
	max-width: 100%;
	height: auto;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: 'Poppins', sans-serif;
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 0;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

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

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.2em;
}

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	/* padding: 1.5em 0 0; */
	padding: 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 60px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
}

h2 {
	color: #1a1718 !important;
    font-weight: 700 !important;
    line-height: 1.2;
    margin: 0 0 20px !important;
    font-size: 30px !important;
    font-family: Poppins,sans-serif !important;
}

h3 {
	color: #333;
	font-size: 22px;
	font-size: 1.125rem;
	font-weight: 700;
}

h4 {
	color: #333;
	font-size: 20px;
	font-size: 1rem;
	font-weight: 700;
}

h5 {
	color: #767676;
	font-size: 18px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 16px;
	font-size: 0.9375rem;
	font-weight: 700;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.3;

}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 7px 15px;
	width: 100%;
}

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,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: 'Poppins', sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: 'Poppins', sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: 'Poppins', sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: 'Poppins', sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

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

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

body {
	width: 100%;
	overflow-x: hidden;
	background: #fff;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

/*html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	margin-bottom: -59px;
}*/


.content-section {
	padding:0;
}

.container {
	max-width: 1170px;
	width: 95%;
	margin: 0 auto
}

body > .wrapper {
	max-width: 100%;
}

body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a, .footer-menu a, .footer-widgets a,
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before, .singular:not(.overlay-header)
.entry-header a, .archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
    color: #d5326d;
}
.product-button{
	    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
}
/* yellow btn */
.header-inquiry {
	display: inline-block;
	padding: 10px 15px;
	font-size: 16px;
	color: #221e1f;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	cursor: pointer;
}



.widget_zwrew_plugin .widget-content ul.rew-entries li button,.woocommerce a.button, .yellow-button {

    font-size: 16px;
    padding: 14px 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px;
    background-color: #231f20;
    transition: background .3s ease;
	background-image: -moz-linear-gradient(0deg, #fdb84d 0, #faa74b 37%, #f79548 100%);
	background-image: -webkit-linear-gradient(0deg, #fdb84d 0, #faa74b 37%, #f79548 100%);
	background-image: -ms-linear-gradient(0deg, #fdb84d 0, #faa74b 37%, #f79548 100%);
	color: #221e1f;
}
.woocommerce a.button.black-button {
    background-color: #000;
    background-image: none;
}
.widget_zwrew_plugin .widget-content ul.rew-entries li button, .woocommerce a.button:hover, .yellow-button:hover {
	color: #221e1f;
	background-image: -moz-linear-gradient(0deg, #f79548 0, #faa74b 37%, #fdb84d 100%);
	background-image: -webkit-linear-gradient(0deg, #f79548 0, #faa74b 37%, #fdb84d 100%);
	background-image: -ms-linear-gradient(0deg, #f79548 0, #faa74b 37%, #fdb84d 100%);
}

/* flex */
.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: stretch
}

.flex-column {
	flex-direction: column;
}

.flex-align-start {
	align-items: flex-start;
}

.flex-align-center {
	align-items: center
}

.flex-align-end {
	align-items: flex-end;
}

.flex-justify-start {
	justify-content: flex-start;
}

.flex-justify-center {
	justify-content: center;
}

.flex-justify-end {
	justify-content: flex-end;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

/* header */
header.site-header {
	position: sticky;
	z-index: 1001;
	top: 0;
	left: 0;
	padding: 10px 0;
	width: 100%;
	background-color: rgb(27, 24, 25);
}

header .container {
	max-width: 1780px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .language-dropdown {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 130px;
	margin-right: 20px;
	height: 39px;
}
header .language-dropdown .topselect {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: 400;
}

header .language-dropdown h4 {
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	padding: 8.5px 10px;
	cursor: pointer;
	user-select: none;
	background-color: #fff;
	padding-right: 30px;
	margin: 0;
}

header .language-dropdown h4:after {
	content: '';
	position: absolute;
	top: calc(50% - 9px);
	right: 13px;
	width: 8px;
	height: 16px;
	background-size: 8px 16px;
	transform: rotate(90deg);
	transform-origin: center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAApCAQAAACWj2GPAAAAoklEQVR42q2UURHAIAxDYwEL01ILWMACFrCAFixgYRZmgd2V/TbZ3cb3OwhJWiDDQE/GicSBhcEAw8JCi4GEy5ESI8WBC0eMdEcmUzIc6UzJqZSYVlIdobZtsdS26UiNgeOxzZRtVEnVSoYO8D/bqJLGEy78hm1YqEH+QtSn8gJmnoVMU/RBNEp0cscTvv7VmsatEdMt94OpuZY76sWWo3vyBtcnedw7McJcAAAAAElFTkSuQmCC);
}

header .language-dropdown ul {
	padding: 0;
	margin: 0;
	border: 1px solid #d8d8d8;
	border-radius: 0 0 4px 4px;
	color: #171d36;
	z-index: 1;
	left: 0;
	top: 100%;
	width: 100%;
	user-select: none;
	font-size: 14px;
	background-color: #f1f1f1;
}

header .language-dropdown li {
	list-style: none;
	padding: 0;
}

header .language-dropdown li a {
	padding: 8px 10px;
	line-height: 1;
	color: inherit;
	display: flex;
	align-items: center;
}

header .language-dropdown li:first-child {
	display: none;
}

header .language-dropdown li a:hover {
	background-color: #fff;
}

header .language-dropdown .country-name {
	margin-left: 15px;
	font-size: 13px;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	line-height: 1.2;
}

.header-menu {
	margin-left: 30px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.2;
	cursor: pointer;
	font-weight: 500;
	transition: all .2s ease-in-out 0s;
}

.header-menu .wrapper-menu {
	display: block;
	margin-left: 10px
}

.wrapper-menu svg {
	width: 35px;
	height: 25px
}

.wrapper-menu svg g line {
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	stroke: #fff;
	-webkit-text-stroke-color: #fff;
	stroke-dasharray: 40px, 10px;
	stroke-dashoffset: 0;
	stroke-width: 3;
	-webkit-text-stroke-width: 2;
	transition: all .1s ease-in-out 0s
}

.wrapper-menu svg g line {
	stroke: #fff;
	-webkit-text-stroke: #fff
}

.wrapper-menu svg g line:nth-child(1) {
	stroke-dasharray: 30px, 5px, 5px, 0;
	animation-name: line1
}

.wrapper-menu svg g line:nth-child(3) {
	stroke-dasharray: 5px, 5px, 30px, 0;
	animation-name: line1
}

@keyframes line1 {
	0% {
		stroke-dashoffset: 0
	}

	50% {
		stroke-dashoffset: 40px
	}

	100% {
		stroke-dashoffset: 0
	}
}

.header-menu:hover svg g line {
	animation-direction: reverse;
	stroke: #f79548;
	-webkit-text-stroke: #f79548
}

.header-menu:hover .menu-text {
	color: #f79548
}

#sidebar-right {
	background-color: #073a52;
}

#menu-amp-header {
	padding-top: 20px;
	min-width: 400px;
	padding-left: 20px;
	padding-right: 55px;
	margin: 0;
}

#menu-amp-header li {
	color: #fff;
	padding: 0 10px;
	list-style: none;
}

#menu-amp-header li a {
	color: #fff;
	font-size: 18px;
	line-height: 2.0;
}

#menu-amp-header li a:hover {
	color: #f79548;
}

.sample-sidebar{
	width: 400px;
	height: 100%;
	position: fixed;
	right: -400px;
	z-index: 11111;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.sample-sidebar.open {
	right: 0;
	box-shadow: -15px 0 19px 1px rgba(0, 0, 0, .3);
}

.sidebar-mask.open{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 10000;
	background-image: none!important;
	background-color: rgba(0,0,0,0.5);
}

body.menu--opened{
	overflow-y: hidden;
}

.sample-sidebar .sidebar-close {
	display: block;
	position: absolute;
	right: 15px;
	top: 20px;
	cursor: pointer;
	outline: none;
}

.sample-sidebar .sidebar-close svg{
	fill: #ffffff;
}

.sample-sidebar .sidebar-close:hover svg{
	fill: #f79548;
}

.sample-sidebar .sidebar-close #close{
	font-size: 22px;
}


.custom-logo-link {
    position: relative;
    display: inline-block;
}


.site-logo .custom-logo-link:after, .site-logo .custom-logo-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    background-image: url( './assets/images/logo-sticky.svg' );
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 84px auto;
    opacity: 0;
    transition: opacity .3s ease;
}

.site-logo .custom-logo-link:before {
    background-image: url( './assets/images/logo-white.svg' );
    background-size: 100% auto;
}

body:not(.page-template-front-page) .site-logo .custom-logo-link:before {
    opacity: 1;
}

header.site-header.headroom--not-top .site-logo .custom-logo-link:before {
    opacity: 0;
}

header.site-header.headroom--not-top .site-logo .custom-logo-link:after {
    opacity: 1;
}

body:not(.page-template-front-page) .site-logo .custom-logo-link img {
	opacity: 0;
}

header.site-header.headroom--not-top .site-logo img {
    opacity: 0;
}


.site-logo img {
    width: 187px;
    height: auto;
    display: block;
    transition: opacity .3s ease;
}

.container.ctnt {
	padding: 40px 0;
}

#wpsc_tickets_container {
	width: 100% !important;
}

/*banner*/
.container-ratio {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
}

.container-ratio img {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.banner-section {
	position: relative;
	display: block;
	background-color: #175880;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;

}

.banner-image-wrap.container-ratio {
	position: relative;
	padding-top: 44.22%;
	max-height: 100vh;
	min-height: 300px;
	display: block;
	background-color: #175880;
	overflow: hidden;
}

.banner-section:after {
	content: '';
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	display: block;
	background-image: url( './assets/images/banner-inner-shape.png' );
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	bottom: -2px;
}

.banner-section .container-small.banner-text-wrap {
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.banner-section .banner-data {
	width: 60%;
	text-align: left;
	max-width: 630px;
	margin-bottom: 100px;
}

.banner-data .banner-title {
	font-size: 46px;
	color: rgb(255, 255, 255);
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.banner-data .banner-description {
	font-size: 18px;
	color: rgb(255, 255, 255);
	line-height: 1.667;
	text-align: left;
}


.banner-section .container-small.banner-text-wrap {
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 5;
}

/** small header **/


body.admin-bar header.site-header.headroom--top {
    top: 32px;
}
body.admin-bar header.site-header {
    top: 32px;
}


.ctnt p {
	color: rgb(50, 58, 69);
	word-break: break-word;
}

/* 404 page */

.error404 .ctnt ul {
	margin: 0 0 20px 0;
	padding: 0;
}
.error404 .ctnt ul li 	{
	position: relative;
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
    padding-left: 30px;
    background-image: url( './assets/images/right-angle-blue.png' );
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 17px auto;
    list-style: none;
}

.error404 .ctnt ul li + li {
   margin-top: 10px;
}

/* front page */

.main-page ul.products {
    margin: 40px -15px 10px -15px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
/*.main-page div.products {
    margin: 40px -15px 10px -15px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}*/

.main-page ul.products li {
	width: 30.75%;
	margin: 0 15px 40px;
    padding: 0;
    position: relative;
    list-style: none;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 35px;
}
/*.main-page div.products .product-item {
	width: 30.75%;
	margin: 0 15px 40px;
    padding: 0;
    position: relative;
    list-style: none;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 35px;
}*/
.main-page ul.products li a.productimg: hover image{
	border: 1px solid #000;
}
/*.main-page div.products .product-item a.productimg: hover image{
	border: 1px solid #000;
}*/

.main-page ul.products li h3 {
	font-weight: 600;
	margin-top: 10px;
}
/*.main-page div.products .product-item h3 {
	font-weight: 600;
	margin-top: 10px;
}*/

.main-page ul.products li h3 a {
	color: #000;
}
/*.main-page div.products .product-item h3 a {
	color: #000;
}*/

.main-page div.products li h3 a:hover {
	color: #136091;
}
/*.main-page div.products .product-item h3 a:hover {
	color: #136091;
}*/

.main-page ul.products li .svg-wrap {
    padding-top: 90.03%;
}
/*.main-page div.products product-item .svg-wrap {
    padding-top: 90.03%;
}*/

.main-page .container-ratio {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
}

.main-page .container-ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.main-page ul.products .product .woocommerce-loop-product__title {
    margin: 15px 0!important;
    padding: 0 20%!important;
    font-size: 16px!important;
    font-family: Poppins;
    color: #000!important;
    font-weight: 700!important;
    line-height: 1.375!important;
    text-align: center!important;
    text-decoration: none!important;
}
/*.main-page div.products .product .woocommerce-loop-product__title {
    margin: 15px 0!important;
    padding: 0 20%!important;
    font-size: 16px!important;
    font-family: Poppins;
    color: #000!important;
    font-weight: 700!important;
    line-height: 1.375!important;
    text-align: center!important;
    text-decoration: none!important;
}
*/
/*Form*/
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"], textarea {
	border-radius: 0;
    border: 0;
    border-bottom: 2px solid #b6bec3;
    height: 55px;
    padding: 10px 0;
    font-size: 16px;
    color: #000;
    line-height: 1.2;
    font-family: 'Poppins';
    font-weight: 400;
    width: 100%;
    outline: 0 !important;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
}
textarea {
    height: 125px;
}
fieldset{
	border: none;
}
button.form-button.action-button.cf7adn_next,input[type="submit"]{
	font-size: 16px;
    padding: 14px 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px;
    background-color: #231f20;
    transition: background .3s ease;
    background-image: -moz-linear-gradient(0deg, #fdb84d 0, #faa74b 37%, #f79548 100%);
    background-image: -webkit-linear-gradient(0deg, #fdb84d 0, #faa74b 37%, #f79548 100%);
    background-image: -ms-linear-gradient(0deg, #fdb84d 0, #faa74b 37%, #f79548 100%);
    color: #221e1f;
}
button.form-button.action-button.cf7adn_next:hover,input[type="submit"]:hover,input[type="submit"]:focus{
    color: #221e1f;
    background-image: -moz-linear-gradient(0deg, #f79548 0, #faa74b 37%, #fdb84d 100%);
    background-image: -webkit-linear-gradient(0deg, #f79548 0, #faa74b 37%, #fdb84d 100%);
    background-image: -ms-linear-gradient(0deg, #f79548 0, #faa74b 37%, #fdb84d 100%);
}
.support-block{
	margin: 0 !important;
}
.default-page-content {
    width: 70%;
      padding: 0 40px 0 0;
}
.login-box{
	width:30%;
}
pre{
	font-family: 'Poppins', sans-serif !important;
	border-radius: 5px;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]).wpcf7-not-valid{
	    border-color: #fdb64d;
}
span.wpcf7-not-valid-tip {
    font-size: 16px;
    display: none !important;
    color: #fdb64d;
}
.wpcf7-response-output {
    text-align: center;
    margin: 20px 0 0 !important;
    font-size: 16px;
    color: #fdb64d;
}
.wpcf7-response-output
{
   padding: 1em !important; 
}
.wpcf7-response-output.wpcf7-validation-errors {
    border-color: #fdb64d !important;
    color: #ff9800 !important;
    padding: 15px 0;
}
pre .yellow-button{
    display: block;
    margin-top: 15px;
}
.product .woocommerce-loop-product__title{
	font-size: 18px !important;
}
ul.post-meta {
    list-style: none;
    display: flex;
    justify-content: center;
}
ul.post-meta li{
	padding-right: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	    padding: 0;
    margin: 25px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    border-radius: 7px 0 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
    border-radius: 0 7px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: 0;
    border-radius: 7px 0 0 0;
    margin: 0 0 -4px;
    display: inline-block;
    position: relative;
    z-index: 0;
    /* border-radius: 0; */
    background-color: #4bb2e9 !important;
    height: auto;
    font-size: 14px;
    line-height: 10px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 23px;
    cursor: pointer;
    outline: none;
}
.widget_zwrew_plugin .widget-content{
	    display: flex;
    flex-wrap: wrap;
}
.widget_zwrew_plugin .widget-content ul.rew-entries {
    display: inline-grid;
    width: 100%;
    list-style: none;
    width: 50%;
    flex-wrap: wrap;
}
.widget_zwrew_plugin .widget-content ul.rew-entries li.rew-short-desc {
    margin-top: 15px;
	line-height: 20px;
}
.widget_zwrew_plugin .widget-content ul.rew-entries li {
    min-height: 15px;
    height: 100%;
}
.widget_zwrew_plugin .widget-content ul.rew-entries li a{
	color: #222;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,  .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a{
	color: #fff;
}
nav.pagination-single.section-inner.only-one.only-prev {
    display: none;
}
nav.pagination-single {
    display: none;
}
.woocommerce span.onsale{
	    background-color: #136091;
}
.woocommerce div.product p.price, .woocommerce ul.products li.product .price{
	color: #136091;
    font-size: 16px;
    font-weight: 700;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover{
    background-image: -moz-linear-gradient(28deg,#005c97 0,#1b4a96 37%,#363795 100%);
    background-image: -webkit-linear-gradient(28deg,#005c97 0,#1b4a96 37%,#363795 100%);
    background-image: -ms-linear-gradient(28deg,#005c97 0,#1b4a96 37%,#363795 100%);
}
.plugin-banner{
	margin-top: 60px;
}
.plugin-banner .banner-title{
	color: #000;
	margin-bottom: 15px;
}
h2.widget-title.subheading.heading-size-3 {
    display: none;
}
.widget_zwrew_plugin .widget-content ul.rew-entries{
	border: 1px solid #ddd;
	    width: 35%;
	 margin: 0 15px;
	width: 38%;
    	margin: 0 15px;
    	padding: 30px 15px;
}
.widget_zwrew_plugin .widget-content ul.rew-entries::first-child{
	margin: 0;
}
.widget_zwrew_plugin .widget-content ul.rew-entries::nth-child(1){
	margin: 0;
}
.widget_zwrew_plugin .widget-content ul.rew-entries li{
	text-align: center;
}
.demo-desc{
	    padding-bottom: 15px;
}
.woocommerce-Tabs-panel {
    background-color: #e5f2ff;
    padding: 30px !important;
    border-radius: 0 7px 7px;
    border: none;
    margin-top: -25px !important;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
	opacity: 1 !important;
}
.main-page ul.products li h3 {
    font-weight: 600;
    margin-top: 10px;
    max-width: 205px;
    margin: 15px auto;
   font-size:16px;
    text-transform: capitalize;
}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
    border: 2px solid #ff9800 !important;
    PADDING: 14px;
}
.mini-footer .footer-details{
	width: 100%;
}
.container-ratio img{
	object-fit: cover;
	    margin-top: -25px;
}
th {
    padding: 1.4em;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #ff9800 !important;
    padding: 15px;
}
a.download-lnk-pdf {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}
body.page-template-default .support-inner{display:flex;}
@media (max-width: 1240px) and (min-width: 768px){
	.container-ratio img{
		    margin-top: -15px;
	}
}
@media (max-width: 768px) and (min-width: 320px){
	.container-ratio img{
		    margin-top: 0;
	}
}
@media (max-width: 1400px) and (min-width: 1051px){
	.banner-data .banner-title {
  	    font-size: 36px;
	    margin-bottom: 10px;
	}
}
@media (max-width: 1190px){
	.main-page ul.products li {
  		 width: 29.75%;
	}
}
@media (max-width: 849px){
	.main-page ul.products li {
  		 width: 40.75%;
	}
}
@media (max-width: 1024px) and (min-width: 950px) {
	.widget_zwrew_plugin .widget-content ul.rew-entries{
		    width: 44%;
	}
}
@media (max-width: 949px) and (min-width: 768px) {
	.widget_zwrew_plugin .widget-content{
		justify-content: center;
	}
	.widget_zwrew_plugin .widget-content ul.rew-entries{
		  width: 65%;
   		 margin: 5px 15px;
	}
	li.rew-shortdesc-btn {
    		padding-top: 15px;
	}
	.widget_zwrew_plugin .widget-content ul.rew-entries:last-child li.rew-shortdesc-btn {
   		 padding-top: 0;
	}
}
@media (max-width: 1024px) and (min-width: 921px) {
	pre{
		font-size: 14px;
	}
	.site-logo img {
		width: 160px;
	}
	.default-page-content{
		width: 60%;
	}
                     .login-box{
		width:40%;
	}
	.woocommerce ul.products li.product{
		    width: 46.05%;
	}
}

@media (max-width: 920px) and (min-width: 768px) {
	pre{
		font-size: 14px;
	}
	.site-logo img {
		width: 130px;
	}
	.default-page-content{
		width: 60%;
	}
                     .login-box{
		width:40%;
	}
	.woocommerce ul.products li.product{
		    width: 46.05%;
	}
	.product .woocommerce-loop-product__title{
		font-size: 16px !important;
	}
}
@media (max-width: 850px) and (min-width: 820px) {
	.mini-footer .detail-block.address-part {
    		width: 26% !important;
	}
}
@media (max-width: 819px) and (min-width: 768px) {
	.mini-footer .detail-block.address-part {
    		width: 28% !important;
	}
}
@media (max-width: 767px) {
	.widget_zwrew_plugin .widget-content{
		justify-content: center;
	}
	li.rew-shortdesc-btn {
    		padding-top: 15px;
	}
	.widget_zwrew_plugin .widget-content ul.rew-entries:last-child li.rew-shortdesc-btn {
   		 padding-top: 0;
	}
	.mini-footer .detail-block.address-part {
    		width: 34% !important;
	}
	.site-logo img {
		width: 130px;
		height: auto;
	}
	.support-block{
		flex-direction: column-reverse;
	}
	.default-page-content {
   		 width: 100%;
		 padding: 0;
    		display: flex;
    		flex-wrap: wrap;
   		justify-content: center;
	}
	.login-box {
   		 width: 100%;
    		display: flex;
   		 justify-content: center;
	}

}
.woocommerce ul.products[class*=columns-] li.product{
	    text-align: center;
}

@media (max-width: 480px) {
	.site-logo a {
		width: 110px;
	}

	.header-menu {
		margin-left: 10px;
	}
}

@media (max-width: 640px) {
	.main-page ul.products{
		margin: 40px 0 10px;
	}
	.widget_zwrew_plugin .widget-content ul.rew-entries {
		width: 100%;
	}
	.main-page ul.products li {
  		 width: 45.75%;
	}
	.menu-text,
	header .header-inquiry,
	header .language-dropdown .country-name {
		display: none;
	}

	header .language-dropdown {
		width: 70px;
		margin-right: 0;
	}

	.header-menu {
		margin-left: 5px;
	}
	.main-page ul.products li h3 a{
		font-size: 16px;
	}
	.yellow-button{
		padding: 12px 30px;
	}
}
.button.yellow-button.single-btn {
	color: #000 !important;
	margin-bottom: 25px;
	padding: 14px 20px !important;
}

.button.yellow-button.single-btn i { max-height: 10px;  }
.single-product .entry-header  { text-align: left !important; }