/*--------------------------------------------------------------
Importing all CSS from navigation
--------------------------------------------------------------*/

.site {display:none;}
.preload { 
      justify-content: center;
      align-items: center;
      display: flex;
      height: 100vh; 
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      font-size:25px;
    }
    
    .site-content-contain{
       /*   background: linear-gradient(to bottom left, #f2e0d8 60%, white 40%); */
         background-image: radial-gradient(ellipse farthest-corner at -225% 165%, #f2e0d8 0%, #fff 81%, #f2e0d8 80%);
    }



#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px; 
	padding-left: 1em;
	padding-right: 1em;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}


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

body {
	margin: 0;
	margin-top:50px; /*Kam*/
}

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

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

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;
}

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;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	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: 1px dotted ButtonText;
}

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;
	outline-offset: -2px;
}

[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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}

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

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

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

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

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

body,
button,
input,
select,
textarea {
/*	color: #333; */
    color: #000;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, 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;
}

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

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

h3 {
	color: #000;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

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

h6 {
	color: #fff;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

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;
}

/*--------------------------------------------------------------
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,
td,
th:first-child,
td:first-child {
	padding-left: 0;
}

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

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

label {
	color: #000;
	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: 0.7em;
	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: 10px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

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: #ff5722;
	border: 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 10px 10px;
	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;
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > 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: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}




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

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

a:focus {
	outline: thin dotted;
}

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

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

.printanydesign-front-page .site-content {
	padding: 0;
}


.page .panel-content .entry-title,
.page-title,
body.page:not(.printanydesign-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 1.3rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-align:center;
}


/*--------------------------------------------------------------
20.0 My Custom Style Start
--------------------------------------------------------------*/

.page-id-148 .front-menu-dropbtn{display:none;}
/*
.page-id-11 #floating-button{display:none;}
.page-id-11 #container-floating{display:none;}
.page-id-148 .search-float{display:none;} */

.front-menu-dropbtn {
    background: #F44336;
    color: white;
    padding: 12px 6px 12px 0px;
    border-radius: 10px 0px 0px 10px;
    position: fixed;
    right: 0;
    top: 280px;
    z-index: 10;
}


 .product-by-event-list li{
    width: 100%;
    float: left;
    list-style: none;
    line-height: 40px;
    text-transform: uppercase;
    background-color: #8a9dd5;
    margin: 8px 0px 0px 0px;
    border-radius: 19px;
 }   
 .product-by-event-list li a{
    font-size:16px;
    font-weight:bold;
    color: white;
 }

.sidenav {
  height: 90%; /* 100% Full-height */
  width: 80%; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
/*  z-index: 999;  Stay on top */
  z-index: 99999999; /* Stay on top */
  top: 70px; /* Stay at the top */
  right: 0;
  background-color: #fff; /* White*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-left: 10px; 
  border-radius: 30px 0px 30px 0px;
  box-shadow: 0px 0px 14px 5px #000;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  display:none;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
}

.woof_submit_search_form {
    padding: 14px 20px 14px 20px;
    margin: 10px;
    border-radius: 10px;
    background: #ff5722;
}

.woof_reset_search_form {
    padding: 14px 20px 14px 20px;
    margin: 10px;
    border-radius: 10px;
    background: #000;
}

.woof_term_15 {
    display:none;
}

.woof_list_checkbox li div {
    margin-top: -7px;
}

/* Hiding terms count, Actual plugin function was not working */
.woof_checkbox_count {
    display: none;}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */
html,a {
    font-size: 1rem;
    text-decoration:none;
}

a:hover{
    text-decoration:none;
}

a{
	color:black;
	text-decoration:none;
}

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}
 
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

/* Sale badge */
.onsale {
    background-color: rgb(255 87 34);
    color: #fff;
    border-radius: 10px 0px 20px 0px;
}
/* Sale badge end */

.add_to_cart_button {
    background: rgb(103 58 183 / .5);
    padding: 0px 12px 0px 12px;
    border-radius: 5px;
    color: #673ab7;
    text-transform: Uppercase;
    font-weight: bold;
}


.custom_style{
    display:flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
    margin: 0px 10px 0px 10px;
    background: #f0f0f0;
    border-radius: 20px;
}



/* fixed nav bar */
.navigation-top {
    /* width: 100%;
    https://codepen.io/utopianfool/pen/RwPNMGX
    https://stackoverflow.com/questions/49669689/how-to-create-a-curve-between-two-gradient-using-css
    */
    background: #21282e; 
   /*background-image: radial-gradient(ellipse farthest-corner at 411% 191%, #214689 67%, #ff5722 73%, #21282e 92%); */
  /* background: linear-gradient(to bottom right, #21282e 45%, #a74f4b 80%); */
  /*  background: linear-gradient(to top, #f95625, #21282e 55%, #21282e); */
   background-image: url("data:image/svg+xml,%20%20%20%20%3Csvg%20width%3D%22100%25%22%20height%3D%22200px%22%20fill%3D%22none%22%20version%3D%221.1%22%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3ClinearGradient%20id%3D%22grad1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff5722%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%23224488%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230083B0%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3Cpath%20%0A%20%20%20%20%20%20%20%20fill%3D%22url(%23grad1)%22%20%0A%20%20%20%20%20%20%20%20d%3D%22%0A%20%20%20%20%20%20%20%20%20%20M0%2067%0A%20%20%20%20%20%20%20%20%20%20C%20273%2C183%0A%20%20%20%20%20%20%20%20%20%20%20%20822%2C-40%0A%20%20%20%20%20%20%20%20%20%20%20%201920.00%2C106%20%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20V%20359%20%0A%20%20%20%20%20%20%20%20%20%20H%200%20%0A%20%20%20%20%20%20%20%20%20%20V%2067%0A%20%20%20%20%20%20%20%20%20%20Z%22%3E%0A%20%20%20%20%20%20%20%20%3Canimate%20%0A%20%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%20%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22url(%23grad1)%22%20%0A%20%20%20%20%20%20%20%20%20%20attributeName%3D%22d%22%20%0A%20%20%20%20%20%20%20%20%20%20dur%3D%2215s%22%0A%20%20%20%20%20%20%20%20%20%20attributeType%3D%22XML%22%0A%20%20%20%20%20%20%20%20%20%20values%3D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20M0%2077%20%0A%20%20%20%20%20%20%20%20%20%20%20%20C%20473%2C283%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20822%2C-40%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%201920%2C116%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%20359%20%0A%20%20%20%20%20%20%20%20%20%20%20%20H%200%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%2067%20%0A%20%20%20%20%20%20%20%20%20%20%20%20Z%3B%20%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20M0%2077%20%0A%20%20%20%20%20%20%20%20%20%20%20%20C%20473%2C-40%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%201222%2C283%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%201920%2C136%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%20359%20%0A%20%20%20%20%20%20%20%20%20%20%20%20H%200%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%2067%20%0A%20%20%20%20%20%20%20%20%20%20%20%20Z%3B%20%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20M0%2077%20%0A%20%20%20%20%20%20%20%20%20%20%20%20C%20973%2C260%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%201722%2C-53%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%201920%2C120%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%20359%20%0A%20%20%20%20%20%20%20%20%20%20%20%20H%200%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%2067%20%0A%20%20%20%20%20%20%20%20%20%20%20%20Z%3B%20%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20M0%2077%20%0A%20%20%20%20%20%20%20%20%20%20%20%20C%20473%2C283%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20822%2C-40%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%201920%2C116%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%20359%20%0A%20%20%20%20%20%20%20%20%20%20%20%20H%200%20%0A%20%20%20%20%20%20%20%20%20%20%20%20V%2067%20%0A%20%20%20%20%20%20%20%20%20%20%20%20Z%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%3E%0A%20%20%20%20%20%20%20%20%3C%2Fanimate%3E%0A%20%20%20%20%20%20%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fsvg%3E");

    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* breadcrumb color */
.woocommerce-breadcrumb{
    margin-top: 85px;
	padding: 10px 16px;
    background-color: #fff;
	font-size:20px;
	border-radius:10px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.woocommerce ul.products, .woocommerce-page ul.products {
    padding-top: 15px;}
    
.cart-collaterals .cross-sells{display:none;}    
    
.woocommerce-cart-form .button {
    padding: 10px 10px;
}

.shop_table.cart .mwb_wpr_apply_custom_points #mwb_cart_points{
    background-color: #ffff;
    border: 1px solid #bbb;
    margin-bottom: 10px;}
    
    
.custom_point_checkout #mwb_cart_points_apply {
    padding: 10px 10px;} 

#coupon_code{
      margin-bottom: 10px;}
      
.woocommerce-message {
    background: #ffff;
    color: #000;
    padding: 0px;
    text-align: center;} 
    
.woocommerce-info {
    background: #f2e0d8;
    border: 1px dotted black;
    color: #000;
    padding: 10px;} 

.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
    color: #000;
    box-shadow: 0 1px 0 #fff!important;
    -webkit-transition: box-shadow ease-in-out 130ms;
    transition: box-shadow ease-in-out 130ms;} 
    
.woocommerce-product-gallery__trigger {
    top: 3em !important;}    


.custom-shop-thumbnail-wrapper, .custom-sub-category-thumbnail-wrapper {
    background: #eaeff3;
    border-radius: 0px 0px 20px 20px;}  


/* Zoom in thumbnail image start */    
.custom-shop-thumbnail-wrapper {
    height: 150px;
    position: relative;
    overflow: hidden;
}  

.custom-shop-thumbnail-wrapper img {

    position: absolute;
    top: 78%;
    transform: translate(-50%, -50%);
    min-width: 320px;
    min-height: 300px;
}  /* Zoom in thumbnail image end */  
    
    
/* Product page slider variation start */



        
.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 99;}
    
/* Product page slider variation end */    

ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;}
  
.quantity{
    width:20%;
    margin: 10px;}  


.entry-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 40px;
}

/* woocommmerce cart page for mobile*/
@media (max-width: 768px) {

.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    width: 100%;
    display: table;
    text-align: right!important;}

.woocommerce-cart-form .quantity input {
    width: 4em;
    float: right;}

}
/* woocommmerce cart page for mobile end*/    
#mwb_wpr_order_notice, .mwb_wpr_apply_custom_points{ display:none;}  
 
.woocommerce-error {
    background: #f2e0d8;
    color:red;
    font-weight: bold;
    padding: 10px;}    
    
.single-product form.cart .quantity {
    float: inherit;
    margin-right: 0px;
    margin-bottom: 20px;
} 

/* Customize button on the single product page start */
#lumise-customize-button{
    text-decoration: none;
    color: white;
    border-radius: 10px;
    margin-left: 10px;
    background-color: #6495ed;
    font-weight: 700;
    padding: 15px 25px;}
/* Customize button on the single product page end */

/* Customize button on the shop page */
.lumise-list-button{
    background-color: #fff !important;
    color: #ff5722 !important;
    font-weight:bold;
    padding: 12px 4px !important;}
    
.woocommerce a.lumise-edit-design{
    background-color: #ff5722 !important;}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    border-radius: 20px;
    box-shadow: 0px 0px 16px 0px grey;
   /* padding: 10px 20px 35px 20px;  */
    padding: 10px 20px 60px 20px;}
    
.woocommerce-product-gallery{
        margin-bottom: 120px;
} 

.woocommerce-product-gallery ol{
     margin-top:10px;
}


.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
    box-shadow: inset 0 -1px 0 rgb(249 249 249);}

  
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{background: #eaeff3;} /* Background color for Single Product Page Simple Product */ 
/* .flex-viewport{background: #eaeff3;} /* Background color for Single Product Page Variable Product */

/* Background color for Single Product Page Variable Product Gallary Images */
.woocommerce-product-gallery .flex-control-thumbs img{
border-radius:10px;    
background-color: #cfc7f8;
background-image: linear-gradient(315deg, #cfc7f8 0%, #ebbba7 74%);}

.woocommerce-product-gallery .zoomImg {
    background: radial-gradient(circle, white, #5b5c5c, #000000);
  /*  background-color: #eaeff3;  */
  /*  opacity: 0; */}

/*Sub form in footer */
.footer_sub_form{margin: 0px;} 

    
/* Small devices (phones, 350px and up) */
@media (min-width: 350px) {
    html {
        font-size: 1rem;}
    .woocommerce-loop-product__title, .woocommerce-loop-category__title{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        padding: 4px 10px 0px 10px;}
        
    .yith-wcwl-add-to-wishlist, .yith-wcwl-icon, .woosq-btn{
        font-size:22px;} 
        
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        border-top: 1px solid #ddd; }
     .card {
      height: 170px;
      transition: 0.6s;
      transform-style: preserve-3d;
      position: relative;}
      
      .morestuff{
          display:none;}
      .morestuffbtn{
          display:block;}
          
    .woocommerce-product-gallery__image.flex-active-slide {
        width: 345px !important;}
        
    .flex-viewport {
       /* height: 350px !important; */
        height: 380px !important;
        overflow: hidden;
        position: relative;}
        
        .business-details{font-size:20px;}
            #cstom{ width: 80%; }

}

/* Woocommerce Layout adjustment for ipad air and surface pro */

/* surface pro */
@media screen and (max-width: 912px) { 
    
   .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 29%;
}

}

/* ipad air */
@media screen and (max-width: 820px) { 
    
   .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 46%;
}

}

/* Woocommerce Layout adjustment for ipad air and surface pro END */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    html {
        font-size: 1.2rem;}
        
    .woocommerce-product-gallery__image.flex-active-slide {
        width: 504px !important;}

}

/* Small devices (exclusive phones, 576px and up) */
@media (max-width: 576px) {
   .site-content {
		padding: 11.5em 0 0;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .home-quick-link{font-size:25px !important;}
    
    html {
        font-size: 1.4rem;}
    .sidenav {
        width: 350px;}
    .woof_submit_search_form, .woof_reset_search_form {
        font-size: 24px;}
        
    .yith-wcwl-add-to-wishlist, .yith-wcwl-icon, .woosq-btn{
        font-size:30px;} 
        
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left;
        width: 25%;
        border-top: 1px solid #ddd;}
        
    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: 70%;
}
     .card {
      height: 215px;}
      
     .card h4 {
      font-size:18px;}
      
    .morestuff{
          display:block;}
    .morestuffbtn{
          display:none;}
          
    .woocommerce-product-gallery__image.flex-active-slide {
        width: 615px !important;}
        
    .flex-viewport {
     /*   height: 600px !important; */
        height: 500px !important;
        overflow: hidden;
        position: relative;}
        
    .product-by-event-list li {
        width: 45%;
        float: left;
        list-style: none;
        line-height: 40px;
        text-transform: uppercase;
        background-color: #8a9dd5;
        margin: 8px 0px 0px 20px;
        border-radius: 19px;
}
  #cstom{ width: 25%; }      
        
}

/* Large devices (Ipad Pro, 992px and up) */
@media (min-width: 992px) {
    html {
        font-size: 1.5rem;
    }
    
    .woocommerce-product-gallery__image.flex-active-slide {
        width: 401px !important;}
        
    .flex-viewport {
      /*  height: 350px !important; */
        height: 380px !important;
        overflow: hidden;
        position: relative;}

}


/* Exclusive (Ipad Pro, 1024px and up) */
@media (width: 1024px) {
    .price {
        font-size: 20px;
    }

}

/* Extra Large devices (desktops, 1030px and up) */
@media (min-width: 1030px) {
    html {
        font-size: 1rem;
    }
    .yith-wcwl-add-to-wishlist, .yith-wcwl-icon, .woosq-btn{
        font-size:22px;} 
        
   .site-content {
		padding: 9.5em 0 0;
	}
    .card {
      height: 160px;
    }
    
    .woof_submit_search_form {
    padding: 5px 8px 5px 8px;
    margin: 10px;
    border-radius: 10px;
    background: #ff5722;
}

.woof_reset_search_form {
    padding: 5px 8px 5px 8px;
    margin: 10px;
    border-radius: 10px;
    background: #000;
}

.business-details{font-size:1.8vw;}

 .product-by-event-list li{
    width: 19%;
    float: left;
    list-style: none;
    line-height: 40px;
    text-transform: uppercase;
    background-color: #8a9dd5;
    margin: 8px 0px 0px 50px;
    border-radius: 19px;
 }   
 .product-by-event-list li a{
font-size:16px;
font-weight:bold;
color: white;
 }



}


/* Woocommerce thumbnails */
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 0px 10px 3px grey;
    padding-bottom: 15px;
    margin-top: 20px;
    background:#fff;}

/* Woocommerce view cart link appear next to button removed */    
.added_to_cart.wc-forward{
    display:none;}    

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product img{
    border-radius: 10px;}    
    
/* Woocommerce thumbnails after filter search data */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 0px 10px 3px grey;
    padding-bottom: 15px;
    margin-top: 20px;
    background:#fff;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product img{
    border-radius: 10px;}
 
.wc-tabs li {
    padding: 12px;
    font-weight: bold;
    border-radius: 15px;
} 

.price del {
    color: red;}
    
ul.products li.product .button {
    box-shadow: 0 0px 0 #ffffff; 
    border-radius: 39px;
    color: white;
    background: #ff5722;
    padding: 6px 10px 6px 10px;
}

ul.products li.product .button:hover {
    box-shadow: 0 0px 0 #ffffff; 
}

/* Center product elements on shop pages */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  text-align:center;
}

/* All review page reviews timestamp */
.all-review-timestamp{font-size:12px;}

.star-rating{
    color: #FF9800;}
.woocommerce-tabs #reviews p.stars a {
    color: #ff5722;}    
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
  float:none;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* Changed tabs text decorations */
.woocommerce-tabs a {
    box-shadow: 0 1px 0 #f0f0f0;}
.woocommerce-tabs li.active a {
    box-shadow: 0 3px 0 #ff5722;
} 

.wc-tabs {
    border-bottom: 1px solid #ff5722;
    padding-bottom: 10px;}
.comment_container img{
    display:none;} 
.panel{
    padding:10px;} 
 
/* Zebra strip start */ 
.commentlist li{
    padding:10px;}    
.commentlist li:nth-child(odd){
background:#f0f0f0; }
.woocommerce-product-attributes tr:nth-child(odd) {
   background-color: #f0f0f0;}
   
.woocommerce-cart-form__contents tr:nth-child(even) {
    background-color: #f0f0f0;}
    
/* Zebra strip end */     
  
  .woocommerce-cart-form__cart-item {
      padding:10px; }
   
   
.woocommerce-product-attributes tr>th{
 padding:10px;   }

.posted_in {
    width: 100%;
    float: left;}

/* User wishlist page */
.wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label{
    color:#000;}

/* Fly cart */    
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a{
    background:#ff5722;
    color:#fff;
    border-radius: 20px;
    border: none;}
    
/* Contact form */
#left {
    width: 47%;
    float: left;
    margin-right: 3%;
}

#right {
    width: 47%;
    float: left;
    margin-left: 3%;
}

.nav-pills>li>a {
    border-radius: 13px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ff5722;
}

.woocommerce-MyAccount-content a {color:#000; text-decoration: underline; font-weight:bold;}

/* Points and Rewards for WooCommerce */
.mwb_wpr_product_point {display:none;}

.earn-points{color: #f4511e; padding: 0px 0px 20px 0px; font-weight: 600;}

.team-title{
    font-weight:bold;
    cursor:pointer;}
    
.about-us p {
    font-size:20px;}   
    
.reorder{display:none;}   

/* GDPR  */
.moove-gdpr-branding-cnt{display:none;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{background:#333;}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
    top: 10px !important;
    right: 10px !important;}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
    width: 30px !important;
    height: 30px !important;}

@media (max-width: 767px){
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
    top: 10px !important;
    right: 10px !important;}

}

/* GDPR END */

/*................................................................................
        Custom Footer Start
...................................................................................*/
footer {
    padding: 30px 12px;
	/*padding: 60px 0; */
	background-color: #21282e;
	color: #fff;
}
footer a {
	color: #fff;
}
.f-about {
	padding-top: 15px;
	float: left;
}
.f-about p {	
	margin: 5px 0 5px;
}
.f-about .col-md-7 p {
	margin: 0;
}
footer a:hover {
	color: #f89901;
}
footer hr {
	width: 60px;
	float: left;
	border-bottom: 2px solid #f89901;
	margin: 10px 0;
}
.f-about, .f-about-img {
	width: 100%;
}
.f-about ul li {
	display: block;
	margin: 6px 0;
}
.f-about ul li:first-child {
	margin: 0;
}
.f-about-img ul {
	margin-top: 25px;
}
.f-about-img ul li {
	display: inline-block;
	width: 50%;
	margin: -3px 0 0;
	overflow: hidden;
}
.f-about-img ul li img {
	width: 100%;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.f-about-img ul li img:hover {
	transform: scale(1.3);
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
}
/*=-Copyright-=*/
.copyright {
	background-color: #21282e;
	padding: 15px 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.copyright ul li {
	display: inline-block;
	margin: 0px 15px 0px 15px;
}
.copyright ul li a {
	color: #fff;
}
.copyright ul li a:hover {
	color: #f89901;
}
 @media (min-width: 320px) and (max-width: 575px) {
.f-about {
	margin-bottom: 25px;
}
.copyright {
	text-align: center;
}
.copyright ul {
	width: 100%;
	margin-top: 10px;
}
}
 @media (min-width: 576px) and (max-width: 767px) {
.f-about {
	margin-bottom: 25px;
}
}
/* Custom Footer end */


/*--------------------------------------------------------------
HOME PAGE CSS START
--------------------------------------------------------------*/
.container-fluid {
    padding: 30px 30px 10px 30px;
  }
  

  .logo-small {
    color: #f4511e;
    font-size: 50px;
  }
  .logo {
    color: #f4511e;
    font-size: 200px;
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
  }

/*top carousel */
#myCarousel{
    padding-bottom:20px;
}

/*testimony */

.review-heading{color:red}


#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*testimony */

.myservice{
    border-radius: 20px;
    padding-top: 16px;
    box-shadow: 0px 0px 16px 0px grey;
}
.myservice span{
    color:#f4511e;
}
.nav-pills{
    border-radius: 20px;
    background: #fff;
    display: inline-block;
    padding: 10px 20px 10px 20px;

}

/*--------------------------------------------------------------
HOME PAGE CSS END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
CUSTOM ANIMMATION WHICH CAN BE USED ANYWHERE BY USING CUSTOM 
CLASS

https://codepen.io/kruxor/pen/tzqEn?editors=1100
--------------------------------------------------------------*/

/* Discount */

/*CLASS faa-shake animated */

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  -webkit-animation: tags 2.5s ease infinite;
  animation: shake 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

/* Hiding filter page preloader */
#woof_html_buffer{display:none!important;}

/* Smile */

/*CLASS faa-pulse animated */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}

/* Earn points */

/*CLASS faa-buzzer animated */

@-webkit-keyframes buzzer {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}


.faa-buzzer.animated,
.faa-buzzer.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-buzzer {
  -webkit-animation: buzzer 2s ease infinite;
  animation: buzzer 2s ease infinite;
}

/* Custom design */

/*CLASS faa-zoom animated */

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}


.faa-zoom.animated,
.faa-zoom.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-zoom {
  -webkit-animation: zoom 2s linear infinite;
  animation: zoom 2s linear infinite;
}


/*CLASS zoom-in-out animated */

@-webkit-keyframes zoom-in-out {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.zoom-in-out {
  -webkit-animation: zoom-in-out 2s;
  animation: zoom-in-out 2s;
}

/* CUSTOM ANIMMATION END */

/* flip card for what do we offer */
    .flipper.flip .card {
      transform: rotateY(180deg);
    }
    .front,
    .back {
      width: 100%;
      padding: 5px;
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
    }
    /* front pane, placed above back */
    .front {
      z-index: 2;
      /* for firefox 31 */
      transform: rotateY(0deg);
      height: 100%;
    }
        /* back, initially hidden pane */
    .back {
      transform: rotateY(180deg);
      height: 100%;
    }
/* flip card for what do we offer end */

.moreoffer{
    padding:15px 15px;}

.moreoffer, .carousel-inner>.item{
    background: linear-gradient(241deg, #efc1c1, transparent);
    border-radius:20px;
}

/* Home page Images slider carousel */ 
.carousel-control.right, .carousel-control.left{display:none;}
#myCarousel ol{display:none !important;}
/* Home page Images slider carousel */

.contact-modal-header{background:#21282e;}
.contact-modal-header h3{color:#fff; font-weight:bold;}
.contact-modal-body{background:#f2e0d8; color:#000;}
.contact-close{opacity: 1 !important; color: white !important; padding:6px !important;}


/* Web and graphic template */
.webservice_dropbtn {
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.webservice_dropbtn:hover, .webservice_dropbtn:focus {
  background-color: #3e8e41;
}

#webservice_myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#webservice_myInput:focus {outline: 3px solid #ddd;}

.webservice_dropdown {
  position: relative;
  display: inline-block;
}

.webservice_dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.webservice_dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.webservice_dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.webservices div.row{
    padding: 20px 0px 20px 0px;
    margin: 20px 0px 20px 0px;
    background-color: #ffffff;
    border-radius:20px;
    }

.populor-item p{
    font-size:18px;
    font-weight: bold;
}

.webservice-icon{
    color:#ff5722;
}

.col-sm-6 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.service-description{
    background: aliceblue;
    padding: 20px 20px;
}

#ecommerce{font-size:20px;}
/* Web and graphic template */

.custom-template-title{padding-top:12px !important;}

/* recaptch position to left side */
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: -2px !important;
bottom: 20px !important;
}

.grecaptcha-badge:hover {
width: 256px !important;
}

/* recaptch position to left side end*/

/* Inline CSS Start*/

#font-banner{padding-top: 120px;}

#font-banner img{
    border-radius: 100px;
    /* box-shadow: 0px 0px 16px 0px grey; */
    box-shadow: 0px -3px 20px 1px #818181;
    }


.back a{color:red;}
.about-us a{color:red;}

.phone-number{margin-left:10px;}

.topnav {
    overflow: hidden;
  /*  background-color: #21282e; */
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding-top:15px;
 /* padding: 14px 16px; */
  text-decoration: none;
  font-size: 17px;
  border-radius: 10px;
}



.topnav .icon {
  display: none;
}

.dropdown, .clothing-dropdown, .popular-dropdown, .support-dropdown, .service-dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn, .clothing-dropdown .clothing-dropbtn, .popular-dropdown .popular-dropbtn, .support-dropdown .support-dropbtn, .service-dropdown .service-dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content, .clothing-dropdown-content, .popular-dropdown-content, .support-dropdown-content, .service-dropdown-content {
  display: none;
  position: fixed;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.clothing-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.popular-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.support-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.service-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.topnav a:hover, .clothing-dropdown:hover .clothing-dropbtn {
  background-color: #555;
  color: white;
}

.topnav a:hover, .popular-dropdown:hover .popular-dropbtn {
  background-color: #555;
  color: white;
}

.topnav a:hover, .support-dropdown:hover .support-dropbtn {
  background-color: #555;
  color: white;
}

.topnav a:hover, .service-dropdown:hover .service-dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.clothing-dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.popular-dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.support-dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.service-dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

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

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

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

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

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





/* Medium devices (tablets, 768px and up) */
@media (min-width: 1024px) {
    .topnav {
    overflow: hidden;
    display: flex;
    align-items: center;}
    }
/* Medium devices (tablets, 768px and up) */

@media screen and (max-width: 768px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  
.topnav a:not(:first-child), .clothing-dropdown .clothing-dropbtn {
    display: none;
  }
 
.topnav a:not(:first-child), .popular-dropdown .popular-dropbtn {
    display: none;
  }  
  
.topnav a:not(:first-child), .support-dropdown .support-dropbtn {
    display: none;
  }
  
  .topnav a:not(:first-child), .service-dropdown .service-dropbtn {
    display: none;
  }
  
  .topnav a.icon {
    float: right;
    display: block;
  }
}

.panel-faq .panel-heading {
    background:#e69898;
    color:#fff;
}
.front-faq-img {
    color: #f4511e;
    font-size: 200px;
}

@media screen and (max-width: 768px) {
.logo{width:25%;}    
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown, .topnav.responsive .clothing-dropdown, .topnav.responsive .popular-dropdown, .topnav.responsive .support-dropdown, .topnav.responsive .service-dropdown  {float: none;}
  .topnav.responsive .dropdown-content, .topnav.responsive .clothing-dropdown-content, .topnav.responsive .popular-dropdown-content, .topnav.responsive .support-dropdown-content, .topnav.responsive .service-dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn, .topnav.responsive .clothing-dropdown .clothing-dropbtn, .topnav.responsive .popular-dropdown .popular-dropbtn, .topnav.responsive .support-dropdown .support-dropbtn, .topnav.responsive .service-dropdown .service-dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.small_header a{
    color:ghostwhite;
    float:right;
}

.small_header{background: linear-gradient(to bottom right, #21282e 25%, #a74f4b 80%);}

.logo {background-color: unset !important;} 


/* Inline CSS End*/

    /* Float nav bar start */

#presentation{
  width: 480px;
  height: 120px;
  padding: 20px;
  margin: auto;
  background: #FFF;
  margin-top: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 
  transition: all 0.3s; 
  border-radius: 3px;
}

#presentation:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transition: all 0.3s;
  transform: translateZ(10px);
}

.page-id-825 #floating-button{display:none;}
#floating-button{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #db4437;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}

.plus{
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
 /* z-index: 50; */
}

#container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

#container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}



#container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
}

.facebook-float{
  background: #4c6ef5;
  right: 40px;
  bottom: 120px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.contact-float{
  background: #3c80f6;
  right: 40px;
  bottom: 180px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.search-float{
  background: #ba68c8;
  right: 40px;
  bottom: 240px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.nd5{
  background-size: 100%;
  right: 40px;
  bottom: 300px;
  animation-delay: 0.08s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

#container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

#container-floating:hover .contact-float{
  animation-delay: 0.08s;
}
#container-floating:hover .search-float{
  animation-delay: 0.15s;
}
#container-floating:hover .nd5{
  animation-delay: 0.2s;
}

.letter{
  font-size: 23px;
  font-family: 'Roboto';
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 40px;
}

.reminder{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

.profile{
  border-radius: 50%;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}


/* Float nav bar end */ 

/* Unlock Your Creativity pop up */ 
.tnp-modal h1{
    color: #000 !important;}
.tnp-modal {
    background-color: #f2e0d8 !important;}
    
    .tnp-popup-pre, .tnp-popup-post {
    color: #000 !important;}
    
    .tnp-popup-main .tnp-field-name label {
    color: #000 !important;}
    
    .tnp-popup-main .tnp-field-email label{
        color: #000 !important;}

    
/* Unlock Your Creativity pop up end*/ 

/* Showing only image slider in quickview*/ 
#woosq-popup .single-product .product .summary {display:none !important;}
#woosq-popup .single-product .product > div {width: 100% !important;}



/* Contractors Packages start*/
* {
  box-sizing: border-box;
}

.columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}

.contractor-package-price {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #f3cec3;
  border-radius: 50px 0px 10px 10px;
}

.contractor-package-price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.contractor-package-price .header {
  background-color: #f4511e;
  color: white;
  font-size: 25px;
  border-radius: 50px 0px 71px 0px;
}

.contractor-package-price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
  font-size:20px;
}

.contractor-package-price .grey {
  background-color: #eee;
  font-size: 20px;
}

.button {
  background-color: #f4511e;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}

/* Contractors Packages end*/

 /* Website sample page */

.filter-list {
  text-align: center;
  padding: 5rem 0;
  text-transform: uppercase;
  width: 100%;
}

.filter-list h3{
  display: block;
}
.filter-list .btn {
  cursor: pointer;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0;
}
.filter-list .btn.active {
  background: #2e7ab5;
  color: #fff;
}


.web-sample-product{
  transition: 0.5s;
  margin-bottom: 2em;
  border-radius: 10px;
}

.web-sample-product img{
  width: 100%;
  height: auto;
}
.web-sample-product .info{
  padding: 15px;
  border-bottom: 2px solid #fff;
  background-color: #fff;
}

.web-sample-product .info span{font-size:20px;}
.web-sample-product .info {margin-top: -40px;}

.web-sample-product .info .name{
 font-size:25px;
}

.web-sample-product .info .price{
 font-size:18px;
}

.web-sample-product .info .price .original-price{
  color: #f54336;
  text-decoration: line-through;
  font-size: 0.7em;
  font-size:18px;
}
.web-sample-product .links{
  padding-bottom: 30px;
  background-color: #fff;
}
.web-sample-product .links .more{
  margin: 5px;    
  width: 150px;
  padding: 0.5em;
  text-align: center;
  color: #fff;
  background-color: #2e7ab5;
  cursor: pointer;
  border-radius:5px;
}
.web-sample-product .links .web-buy{
  color: #fff;
  background-color: #f4511e;
}


.web-sample-product .links .more:hover{
  text-decoration: none;
  opacity: .9;
}
.web-sample-product .links .add-to{
  margin-left: auto;
  padding: 0.5em;
  color: #fff;
  font-weight: 600;
  background-color: #75b545;
  text-transform: uppercase;
}
.web-sample-product .links .add-to:hover{
  text-decoration: none;
  opacity: .9;
}

 .modal-sample-preview .modal-dialog {
    width: 100%;
    max-width: none;
    height: 80%;
    margin: 0;
  }
.modal-sample-preview .modal-header {background:#21282e;} 
.modal-sample-preview h5 {text-align:center; font-size:25px; color:#fff;}  

/* Website sample page END*/   

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/* Copy my referral link in account page */
.wr_refl_button_copy{
    background-color: #f4511e;
    color: white;
    padding: 10px;
    border-radius: 50px;
}