/*
Theme Name: mypetdmv
Theme URI: http://underscores.me/
Description: This theme is developed for My Petdmv
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mypetdmv
Tags:
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.
mypetdmv is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
*{
	margin:0;
	padding:0;
}
body{
	font-size:14px;
}
/*@font-face {
    font-family: 'appleberryregular';
    src: url('appleberry-webfont.eot');
    src: url('appleberry-webfont.eot?#iefix') format('embedded-opentype'),
         url('appleberry-webfont.woff') format('woff'),
         url('appleberry-webfont.ttf') format('truetype'),
         url('appleberry-webfont.svg#appleberryregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}*/
@font-face {
	font-family: 'appleberryregular';
	src: url('appleberry-webfont.woff2') format('woff2'),
		 url('appleberry-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
  
/*@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('Raleway-SemiBold.eot');
  src: url('Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('Raleway-SemiBold.woff') format('woff'),
       url('Raleway-SemiBold.ttf') format('truetype'),
       url('Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
}*/
@font-face {
	font-family: 'Raleway-SemiBold';
	src: url('Raleway-SemiBold.woff2') format('woff2'),
		 url('Raleway-SemiBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
.header_wrapper {
	background-image: url(images/header_bg_02.png);
	background-repeat: repeat-x;
	height: 78px;
	width: 100%;
}
.logo_container {	
	float: left;
	margin-top: 10px;
}
.logo_container_static {	
margin:auto;
	margin-top: 10px;
}
.nav_container{
	float:left;
	margin-top:27px;
}
.nav_container ul{
	list-style:none;
	float:left;
}
.nav_container ul li{
	float:left;	
}
.nav_container ul li a{
	float: left;
	text-decoration: none;
	color: #3d3d3d;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	padding: 5px 11px;
	text-transform:uppercase;
/*font-weight: bold;*/
}
.design_now{
	float:right;
	margin-top:0.5em;
}
.left_dog{
	float:left;
}
.idcard{
	float:right;
}
.top_heading {
	font-family: 'appleberryregular';
	color: #00ccff;
	float: right;
	width: 100%;
	text-align: right;
	font-size: 3em;
	margin:0;
	/*margin-bottom:0.5em;*/
	margin-top:0.5em;
}
.top_heading2 {
	font-family: 'appleberryregular';
	color: #3d3d3d;
	float: right;
	width: 100%;
	text-align: right;
	font-weight: normal;
	font-size: 2.7em;
	margin:0;
	/*margin-bottom:0.5em;*/
}
.top_heading3 {
	color: #00ccff;
	float: right;
	width: 100%;
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Raleway-SemiBold';
}
.top_heading3 a {
	color: #00ccff;
	text-decoration: none;
}
.top_heading3 a:hover{
	 color:#f9821a;
text-decoration: underline;
}
.right_card_img{
	margin-top:-84px;
}
.blue_wrapper {
	width: 100%;
	height: 33px;
	background-color: #00ccff;
	clear: both;
	margin-top: 20px;
}
.blue_pra{
	float:left;
}
.blutxt {
	float: left;
	padding-left: 23px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 36px;
	font-size:14px;
}
.orangebox_container{
	float:right;
}
.orange_box {
	float: right;
	background-image: url(images/box_03.png);
	width: 260px;
	height: 103px;
	margin-right: 121px;
	margin-top: -40px;
	position: relative;
	z-index:100;
}
.orange_box h2 {
	color: #fff;
	font-size: 21px;
	font-family: 'Raleway-SemiBold',sans-serif;
	text-align: center;
	margin-top: 9px;
	margin-bottom: 2px;
}
.orange_box p {
	line-height: none!important;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
	text-align: center!important;
	margin: 0!important;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}
.orange_box label {
	margin-left: 28px;
	margin-top: 4px;
	float: left;
}
.orange_box select {
	width: 200px;
	margin-left: -30px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding: 6px 5px;
	margin-bottom: 12px;
	color: #999999;
	margin-left: 3px;
	font-size:14px;
}
.mid_dogs{
	background-image:url(images/mid_dogs_03.png);
	width:100%;
	margin-top: 1px;
	background-size:contain;
    background-position:center;
	height:399px;
	background-repeat:no-repeat;
}
.mid_dogs:hover{
	background-image:url(images/mid_dogs_03_hover.png);
}
.gry_border {
	background-color: #f1f1f1;
	height: 47px;
	width: 100%;
	clear: both;
}
.bottom_wrapper{
	margin-top: -105px;
	padding: 7px 0px;
	float: left;
	background-color: #fff;
}
.asseen {
	background-image: url(images/as-seen-img_03.png);
	height: 102px;
	margin: 20px auto;
	background-size:contain;
    background-position:center;
	width:100%;
	background-repeat:no-repeat;
	clear:both;
}

.asseenheader {
	background-image: url(images/as-seen-img_03.png);
	height: 102px;
	background-size:contain;
        background-position:center;
	width:100%;
	background-repeat:no-repeat;
	clear:both;
}

.utubev{
	float:left;
}
.bottom_para {
	float: right;
}
.bottom_para p {
	font-family: 'Raleway', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 20px;
}
.testimonials{
	color: #00ccff;
	text-decoration: none;
	font-size: 14px;
	float: left;
	font-family: 'Raleway', sans-serif;
}
.bottom_para a:hover {
	color: #f9821a;
	text-decoration: underline;
}
.footer_wrapper {
	background-image: url(images/footer_bg_03.png);
	height: 58px;
	background-repeat: repeat-x;
	clear: both;
	margin-bottom: 30px;
	width:100%;
}
.footer_nav {
	float: left;
	margin-top: 20px;
}
.footer_nav ul {
	list-style: none;
	float: left;
}
.footer_nav ul li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
.footer_nav ul li a {
	color: #000000;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	padding: 5px 13px;
	text-decoration: underline;
}
.footer_nav_social {
	float: right;
	margin-top: 8px;
}
.social_icon{
	padding-left:7px;
	padding-top:7px;
	float:left;
}
.ssl_icon{
	float:right;	
}
.footer_nav_dis{
	font-family: "Raleway",sans-serif;
	float: left;
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.dogbox h3 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: 'Raleway-SemiBold';
}
.dogbox p {
  font-family: 'Raleway-SemiBold';
  float: left;
  width: 100%;
  padding: 5px;
  font-size: 12px;
}
.bottom_content, .bottom_boxex_container{
	float:left;
}
.client_heading {
  /* font-family: 'Myriad Pro';*/
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 28px;
  margin: 10px 0;
}
.bottom_wrapper2 {
  /* margin-top: -105px; */
  padding: 7px 0px;
  float: left;
  background-color: #fff;
}
.full_width{
	width:100%;
}
/*For ID card generator card page*/
.redeem_id {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 200px;
}
.id_heading_blue {
  font-family: 'appleberryregular';
  color: #00ccff;
  float: right;
  width: 100%;
  text-align: left;
  font-weight: normal;
  font-size: 22px;
}
.form_box {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  border: 1px solid #e7dee1;
  /* min-height: 300px; */
  margin-top: 24px;
}
.form_box_frn {
  float: left;
  background-color: #f5f5f5;
  border: 1px solid #e7dee1;
  /* min-height: 300px; */
  margin-top: 24px;
}
.form_box label {
 /* margin-left: 10px;
  margin-top: 3px;
  margin-bottom: 3px;*/
    font-family: 'Raleway', sans-serif;
  font-size: 13px;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	/*font-size: 1rem;*/
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.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: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	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/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	font-family:'Raleway', sans-serif;
	font-size: 1.5em;
	
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	/*margin: 0 1.5em 1.5em;*/
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/*button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}*/
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	padding-left: 3px;
	width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}
a:visited {
	color: purple;
}
a:hover,
a:focus,
a:active {
	color: midnightblue;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation a:hover {
	display: block;
	text-decoration: none;
	color:#fff;
	background-color:#00ccff;
}
.main-navigation ul ul a{
	padding:8px;
	margin:0;
	text-transform:none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.8em;
	left: -999em;
	z-index: 99999;
	background-color:#C8C8C8;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
/* Small menu. */
.menu-toggle {
	display: none;
}
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	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: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
7.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;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
.left_sidebar, .right_content_part{
	float:left;
	margin-top: 15px;
}
@media(max-width:800px){
#click-menu {
  right: 82%!important;
  top: 10px!important;
}
}
@media(max-width:990px){
	.top_heading, .top_heading2{
	font-size:2.3em;
}
}
@media(max-width:990px) and (min-width:560px) {
.top_heading3{
	  margin-bottom: 33px;
}
}
@media(max-width:767px){
.blutxt{
	padding-left: 0px;
	font-size:12px;
}
.blue_pra {
  height: 33px;
}
/**/
.orangebox_container {
  float: left!important;
  margin-top: 5px;
  margin-bottom: 5px;
}
.orange_box_small {
	float: right;
	/*background-image: url(images/box_03.png);*/
	background-color:#f9821a;
}
.orange_box_small h2 {
	color: #fff;
	font-size: 24px;
	font-family: 'Raleway-SemiBold',sans-serif;
	text-align: center;
	margin-top: 9px;
	margin-bottom: 2px;
}
.orange_box_small p {
	line-height: none!important;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
	text-align: center!important;
	margin: 0!important;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}
.orange_box_small label {
	margin-top: 4px;
	float: left;
	width:100%;
}
.orange_box_small select {
/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding: 6px 5px;
	margin-bottom: 12px;
	color: #999999;
	font-size:14px;
	width:100%!important;
	float:left;*/
	width: 100%;
  border: 0;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  color:#000;
  background: #fff url("images/BipJkdI.png") no-repeat scroll 97% 8px;
  margin-bottom: 12px;
}
.orange_box_small {
  float: left!important;
  margin-right:0!important;
  margin-top: 5px!important;
}
.bottom_wrapper {
  margin-top:0!important;
}
.asseen {
  margin: 5px auto!important;
}
.design_now_mobile{
	float:right;
}
.dsg_now_btn{
	background-color:#00ccff;
	color:#fff!important;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
	text-decoration:none;
	font-weight:bold;
	float: right;
  margin-right: -15px;
  margin-top: 11px;
}
.dsg_now_btn:hover{
	background-color:#f9821a;
}
.footer_nav ul li a{
	  font-size: 11px!important;
	  padding: 5px 2px!important;
}
.footer_nav ul li:last-child{
	border:none;
}
.footer_nav ul{
	margin-left:0!important;
}
}
@media(max-width:380px){
.asseen {
  height: 62px!important;
  margin: 5px auto!important;
}
.footer_nav ul li a {
  font-size: 13px;
  padding: 5px 6px;
  float: left;
  line-height: 7px;
}
.blutxt{
	padding-left: 0px;
	font-size:11px;
}
/**/
/*.orange_box_small select {
    background: -webkit-linear-gradient(white, #666);
    border: 1px solid #ccc;
    border-radius: 5px;
    color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
}*/
.orange_box_small select {
 width: 100%;
  border: 0;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  color:#000;
  background: #fff url("images/BipJkdI.png") no-repeat scroll 97% 8px;
}
/**/
}
@media only screen and (max-width:768px){
.mobile_bottom_space{
	margin-bottom:15px;
}
}
.entry-title{
	font-family:'appleberryregular';
}
.approve{
	border-radius: 21px;
    background-color: #f9821a;
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-weight: bold;
    margin-top: 5px;
}
@media only screen and (max-width:988px){
	.top_heading2{
		font-size: 2.0em;
	}
}
/*For gallery */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{
	.ngg-gallery-thumbnail-box{
		    padding-left: 26px!important;
	}
}
@media(max-width:480px){
	.logo_container {
		margin-left:50px;
	}
	.design_now_mobile{
		margin-left:-28px;
	}
.footer_wrapper{
	 background-repeat:no-repeat;
	 background-color:#e8e8e8;
	 height:123px;
}
}
@media(min-width:500px) and (max-width:667px) {
		.logo_container {
		margin-left: 199px;
    width: 252px;
	}
		.design_now_mobile{
		margin-left:-100px;
	}
}
.footer_nav a{
	padding:7px;
	float:left;
}
.btn_cls{
	background-color: #f9821a;
    color: #fff;
}
.btn_cls:hover{
	background-color: #00ccff;
    color: #fff;
}
.pic_container {
	margin-left: auto;
   /* width: 68%; */
    text-align: center;
    margin-right: auto;
}
.famer {
    background-color: #FFFFFF;
    /*box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);*/
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0 15px 14px;
    overflow: hidden;
    display: inline-block;
    width: 312px;
height:400px;
}
.famer p{
	text-align:center;
	width:100%;
}
.famer img {
    border: 3px solid #fff;
}
.famer img:hover {
    border: 3px solid #fc9a24;
}
.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
    width: 175px !important;
    border: 1px solid #cfcfcf;
    border-radius: 10px !important;
    margin-bottom: 25px !important;
}
/*REMOVE THE QTY FROM TABLE */
.woocommerce table.cart td:nth-of-type(5), .woocommerce table.cart th:nth-of-type(5) {
display: none;
}
.product-quantity{
display:none;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {   
    font-size: 28px;
}
.price{
margin-bottom: 10px;
}
.woocommerce-checkout .woocommerce form .form-row-first, .woocommerce-checkout .woocommerce form .form-row-last, .woocommerce-checkout .woocommerce-page form .form-row-first, .woocommerce-checkout .woocommerce-page form .form-row-last{
	width:100%!important;
}
.woocommerce div.product div.images img {
    display: none;
}
.petid petid_space_bottom hidden-sm hidden-md hidden-lg{
    display: none;
}
.woocommerce-breadcrumb {
    display: none;
}
.onsale {
    display: none;
}

.socialicons ul {
/*    width: 210px;
    position: absolute;
    left: 38%;
    margin-top: -40px;
    padding: 0;
    list-style: none;*/
	width: 210px;
    /* position: absolute; */
    /* left: 38%; */
    margin-top: -40px;
    padding: 0;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.empty_spance {
    float: left;
    width: 100%;
    height: 25px;
}
.shoping_button_mid {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #20bef8;
    padding: 8px 17px;
    text-align: center;
    margin-top: 4px;
}
@media screen and (max-width: 768px){
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
    display: block !important;
}
.woocommerce #content table.cart .product-thumbnail img,
.woocommerce table.cart .product-thumbnail img,
.woocommerce-page #content table.cart .product-thumbnail img,
.woocommerce-page table.cart .product-thumbnail img {
    max-width: 100% !important;
    float: none;
    display: table;
    margin: 0 auto;
}
.woocommerce #content table.cart .product-thumbnail::before,
.woocommerce table.cart .product-thumbnail::before,
.woocommerce-page #content table.cart .product-thumbnail::before,
.woocommerce-page table.cart .product-thumbnail::before {
    display: none !important;
}
}
.first_continue {
	text-align:right;
	margin-right:3%;
	margin-bottom:4%;
}
.second_continue {
	text-align:right;
	margin-right:3%;
	margin-bottom:4%;
}
.first_continue input[type="button"] {
	background-color:#00ccff;
	color:#fff;
	width:100%;
	border-radius: 4px;
        border-color: #00ccff;
        padding: 5px;
}
.second_continue input[type="button"] {
	background-color:#00ccff;
	color:#fff;
	width:100%;
	border-radius: 4px;
        border-color: #00ccff;
        padding: 5px;
}
@media screen and (max-width: 990px) {
	.first_continue input[type="button"] {
		width:100%
		padding: 5px;
	}
	.second_continue input[type="button"] {
		width:100%
		padding: 5px;
	}
}

@media screen and (min-width: 991px) {
	.first_continue input[type="button"] {
		width:100%
		padding: 5px;
	}
	.second_continue input[type="button"] {
		width:100%
		padding: 5px;
	}
}

.sku_wrapper{
  display: none;
}  


@media screen and (max-width: 700px) {
	.toptext {
  font-size: 20px;
}


}

.fa.fa-facebook-square, .fa.fa-instagram, .fa.fa-twitter-square {
    color: #00ccff;
	font-size: 60px;
}
.fa.fa-facebook-square:hover, .fa.fa-instagram:hover, .fa.fa-twitter-square:hover {
	color: #f9821a;
}
.fa.fa-instagram, .fa.fa-twitter-square{
	margin-left: 10px;
}
.design-btn, .btn_paw, body.woocommerce button.single_add_to_cart_button {
    background-color: #00ccff;  /* blue */
    color: white;               /* white text */
    padding: 12px 20px;         /* vertical and horizontal padding */
    border: none;               /* no border */
    border-radius: 5px;         /* rounded corners */
    font-size: 17px;            /* adjust as needed */
    cursor: pointer;            /* hand cursor on hover */
    display: inline-flex;       /* use flex to align items in the button */
    align-items: center;        /* vertically align the icon and text */
    justify-content: center;    /* horizontally center the content */
    transition: background 0.3s ease; /* smooth background transition for hover effect */
	font-weight: bold;
}

.design-btn i, .design-btn_orange_view_page i {
    margin-right: 8px;         /* space between the icon and the text */
	font-size: 26px;
}

.design-btn:hover {
    background-color: #f9821a;  /* a darker blue on hover */
	color: #fff;
}

.design-btn_orange_view_page {
    
	background-color: #f9821a;  
    color: white;             /* white text */
    padding: 12px 20px;         /* vertical and horizontal padding */
    border: none;               /* no border */
    border-radius: 5px;         /* rounded corners */
    font-size: 17px;            /* adjust as needed */
    cursor: pointer;            /* hand cursor on hover */
    display: inline-flex;       /* use flex to align items in the button */
    align-items: center;        /* vertically align the icon and text */
    justify-content: center;    /* horizontally center the content */
    transition: background 0.3s ease; /* smooth background transition for hover effect */
	font-weight: bold;
}

.design-btn_orange_view_page:hover {
    background-color: #00ccff;  /* blue */
	color: #fff;
}
.design-btn_orange_view_page:visited {
    color: white!important;
}
.notification-bar {
	background-color: #E1F3D9; /* Lighter green background */
	/*border: 1px solid #158550;  Darker green border */
	color: #00703C; /* Darker green text color */
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.notification-bar span, .notification-bar_err span{
	font-size: 15px;
}
.notification-bar .fa, .notification-bar_err .fa {
	font-size: 24px;
}

.notification-bar_err {
	background-color: #ece1c1; /* Lighter green background */
	/*border: 1px solid #158550;  Darker green border */
	color: #995a08; /* Darker green text color */
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#petid{



	margin: 0; 
    display: flex;
    flex-direction: column;  /* Stack items vertically */
    justify-content: center;
    align-items: center;
     /*gap: 10px;  Adds space between the buttons */
}
#petid .design-btn_orange_view_page, #petid .design-btn, .btn_paw {
	width: 220px;    
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}
/*Media Query which will work on mobile devices for cropping image*/

@media screen and (max-width: 400px) {
    /* Your styles for mobile devices go here */
	.upload_demo{
		/*position: relative!important; */
		float: left;
		top: -280px!important;


	border: 3px dotted rgb(236, 143, 143);    /* This adds a gray border around your image */
    display: block;            /* To allow margin to work properly */
    margin: 10px 0;            /* Optional: This adds some space around your image */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* Optional: Adds a subtle shadow for more emphasis */
	width: 180px;
	
	}
	.output_demo{
		position: absolute;
		top: 560px;
		/* overflow: hidden; */
		z-index: 1;
		left: 50px;
		width: 95px;
	
	
	}
	.card_container{
		margin-top: 280px;
	}

	/*Rounded Arrow*/
	

}

/* Arrow */
.r_arrow {
	content: "\21B7";
    font-size: 102px;
    color: red;
	transform: rotate(30deg);
	display: inline-block;
	float: right;
	margin-top: -110px;
	margin-left: -20px;
	animation: flash 2s infinite;
  }

  @keyframes flash {
    0%, 50% {
        opacity: 1;
    }
    50.01%, 100% {
        opacity: 0;
    }
}
/*Woocommerce custom CSS*/
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: #00ccff!important;

}