@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');


html {}

* {
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	vertical-align: baseline;
	letter-spacing: 1px;
	word-spacing: 1px;
	height:auto;

}

*,
:before,
:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	min-height:100vh;
	max-width:100vw;
	overflow-x:hidden;
	top:0;
	left:0;
	color: #303059;
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	margin: 0px;
	padding:0px;
	overflow-y: scroll;
	font-size: 15px !important;
	word-break: break-word;

}

body::-webkit-scrollbar{
    display: none;
}

.pulse{
	border-radius: 50%;
	height: 38px;
	width: 38px;
	margin-top:6px;
	padding:7px 0px 0px 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
}
.pulse2{
	border-radius: 50%;
	height: 32px;
	width: 32px;
	padding:7px 0px 0px 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
}

.pulse2.c4bg{ animation: pulseGreen 2s infinite;}
.pulse2.c0bg{ animation: pulseRed 2s infinite;}
.pulse2.c3bg{ animation: pulseYellow 2s infinite;}
.pulse2.g2bg{ animation: pulseGray 2s infinite;}
.pulse2.c8bg{ animation: pulseBlue 2s infinite;}
.pulse2.c10bg{ animation: pulsePurple 2s infinite;}


.pulse.c4bg{ animation: pulseGreen 2s infinite;}
.pulse.c0bg{ animation: pulseRed 2s infinite;}
.pulse.c3bg{ animation: pulseYellow 2s infinite;}
.pulse.g2bg{ animation: pulseGray 2s infinite;}
.pulse.c8bg{ animation: pulseBlue 2s infinite;}
.pulse.c10bg{ animation: pulsePurple 2s infinite;}

@keyframes pulseGreen {
	0%		{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(0, 183, 74, 0.7);}
	60%		{transform: scale(1.10);	box-shadow: 0 0 0 10px rgba(0, 183, 74, 0);}
	100% 	{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(0, 183, 74, 0);}
}
@keyframes pulseRed {
	0%		{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(255, 69, 70, 0.7);}
	60%		{transform: scale(1.10);	box-shadow: 0 0 0 10px rgba(255, 69, 70, 0);}
	100% 	{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(255, 69, 70, 0);}
}
@keyframes pulseYellow {
	0%		{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(255, 180, 59, 0.7);}
	60%		{transform: scale(1.10);	box-shadow: 0 0 0 10px rgba(255, 180, 59, 0);}
	100% 	{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(255, 180, 59, 0);}
}
@keyframes pulseGray {
	0%		{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(190, 196, 196, 0.7);}
	60%		{transform: scale(1.10);	box-shadow: 0 0 0 10px rgba(190, 196, 196, 0);}
	100% 	{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(190, 196, 196, 0);}
}
@keyframes pulseBlue {
	0%		{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(87, 161, 229, 0.7);}
	60%		{transform: scale(1.10);	box-shadow: 0 0 0 10px rgba(87, 161, 229, 0);}
	100% 	{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(87, 161, 229, 0);}
}
@keyframes pulsePurple {
	0%		{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(145, 99, 190, 0.7);}
	60%		{transform: scale(1.10);	box-shadow: 0 0 0 10px rgba(145, 99, 190, 0);}
	100% 	{transform: scale(0.80);	box-shadow: 0 0 0 0    rgba(145, 99, 190, 0);}
}

#libra { width:100%;height:100%;}
.button { cursor:pointer;}
.hoverButton {bottom:0%;left:0;z-index:5001;padding:25px 10% 40px 10%;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

#page iframe {width:100%;height:742px;border:2px solid #ccc;border-radius:25px;}


.patterns{
	z-index:-1;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	position:fixed;
	opacity:0.5;
	background-image: url(https://app.totopet.app/images/app/pattern2.png);
	background-attachment: fixed;
	background-size:300px;
	background-color: #fff;
	background-repeat: repeat;
	
}
.patterns2{
	z-index:-1;
	top:0px;
	left:0px;
	height:70%;
	width:100%;
	position:fixed;
	background-image: url(https://app.totopet.app/images/app/pattern.png);
	background-attachment: fixed;
	background-size:300px;
	background-color: #f9f6ee;
	background-repeat: repeat;
	
}


.msgLeft,.msgRight{
	word-wrap: break-word;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #303059;
	background-color:#f6f7f0;
	padding:15px 25px;
	border:2px solid rgba(0,0,0,0.02);


}
.msgRight {
	background-color:#3dbd71;
	color:#fff;
}
.msgImg img{
	object-fit: cover;width:100%;height:50%;
	box-shadow: 0 0 10px 0 rgba(40, 30, 20, 0.2);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:#ccc;

}

.lazy { background-color: #ccc}
.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
.gmnoprint,.gm-style-cc {display:none;}
h1 {
	font-size: 45px
}

h2 {
	font-size: 35px
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 25px
}

h5 {
	font-size: 20px
}

h6 {
	font-size: 16px
}

p {
	line-height: 25px;
	text-align: left;
	letter-spacing: .6px;
	word-spacing: 3px
}

a {
	text-decoration: none;
	color: #1fc471;
	font-weight: 700
}

b {
	font-weight: 800
}
b *{
	font-weight: 800
}
strong {
	font-weight: 800
}
strong *{
	font-weight: 800
}

#page p {
	line-height: 25px;
	text-align: left;
	letter-spacing: .6px;
	word-spacing: 3px;
	padding-bottom:17px;
}
#page img {max-width:100% !important; width:auto !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #efeeed;
}

#page td {padding:15px 0px;}
#page h2 {font-size:22px;padding-bottom:25px;padding-top:10px;font-weight:900}
#page h3 {font-size:18px;padding-bottom:15px;padding-top:10px;font-weight:900}
#page h4 {font-size:18px;padding-bottom:15px;padding-top:10px;font-weight:900}
#page h5 {font-size:18px;padding-bottom:15px;padding-top:10px;font-weight:900}
#page h6 {font-size:18px;padding-bottom:15px;padding-top:10px;font-weight:900}
#page h3 *{font-size:18px;padding-bottom:15px;font-weight:700}
#page h3 {font-size:18px;padding-bottom:15px}
#page table {margin-bottom:30px;}
#page ul {padding-left:25px;}

#page ul li {
		padding-bottom:10px;
		line-height: 25px;
		text-align: left;
		letter-spacing: .6px;
		word-spacing: 3px;
}

#messages {
	width: 100%;
	padding-top:120px;
	min-height:100vh;
	word-wrap: break-word;  
	padding-bottom:100px;
	
}
.msg {}

.day,.days2,.days {width:14.2857%;}

.dd {height: 45px; padding-top: 17px;}
.dd.selected {
	color:#fff;
	background:#1fc471;
}
.day.filled{background:rgba(0,171,71,0.15);}


.c7bg::-webkit-input-placeholder {
   font-style: normal;
   color:#666;
   font-weight:300;
}
.c7bg:-moz-placeholder {
   font-style: normal;  
   color:#666;
   font-weight:300;
}
.c7bg::-moz-placeholder {
   font-style: normal;
   color:#666;
   font-weight:300;
}
.c7bg:-ms-input-placeholder {  
   font-style: normal;
   color:#666;
   font-weight:300;
}


::-webkit-input-placeholder {
   font-style: normal;
   color:#dedede;
   font-weight:300;
}
:-moz-placeholder {
   font-style: normal;  
   color:#dedede;
   font-weight:300;

}
::-moz-placeholder {
   font-style: normal;
   color:#dedede;
   font-weight:300;

}
:-ms-input-placeholder {  
   font-style: normal;
   color:#dedede;
   font-weight:300;

}

.smallplace::-webkit-input-placeholder {font-size:14px !important;}
.smallplace::-moz-placeholder {font-size:14px !important;}
.smallplace:-moz-placeholder {font-size:14px !important;}
.smallplace:-ms-input-placeholder {font-size:14px !important;}


.lc::-webkit-input-placeholder {text-transform:capitalize !important;}
.lc::-moz-placeholder {text-transform:capitalize !important;}
.lc:-moz-placeholder {text-transform:capitalize !important;}
.lc:-ms-input-placeholder {text-transform:capitalize !important;}

.hidden {visibility:hidden;}
input.inputerror {
	border: 2px solid #fb6720;
	background: #ffc8c8
}

input { color:#303059;}
textarea { color:#303059;font-weight:400 !important;background:transparent;min-height:150px;}
select { color:#303059;}
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: 0
}

sup {
	margin-top: -8px;
	position: absolute
}

sub {
	vertical-align: sub
}

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

small {font-size:11px !important;font-weight:700}


.one {
	float: left;
	display: block;
	width: 8.33333%
}

.two {
	float: left;
	display: block;
	width: 16.66667%
}

.three {
	float: left;
	display: block;
	width: 25%
}

.four {
	float: left;
	display: block;
	width: 33.33333%
}

.five {
	float: left;
	display: block;
	width: 41.66667%
}

.six {
	float: left;
	display: block;
	width: 50%
}

.seven {
	float: left;
	display: block;
	width: 58.33333%
}

.eight {
	float: left;
	display: block;
	width: 66.66667%
}

.nine {
	float: left;
	display: block;
	width: 75%
}

.ten {
	float: left;
	display: block;
	width: 83.33333%
}

.eleven {
	float: left;
	display: block;
	width: 91.66667%
}

.twelve {
	float: left;
	display: block;
	width: 100%;
}

.ones {
	float: left;
	display: block;
	width: 8.33333%
}

.elevens {
	float: left;
	display: block;
	width: 91.66667%
}

.twelves {
	float: left;
	display: block;
	width: 100%;
}

.offset-one {
	float: left;
	margin-left: 8.33333%
}

.offset-two {
	float: left;
	margin-left: 16.66667%
}

.offset-three {
	float: left;
	margin-left: 25%
}

.offset-four {
	float: left;
	margin-left: 33.33333%
}

.offset-five {
	float: left;
	margin-left: 41.66667%
}

.offset-six {
	float: left;
	margin-left: 50%
}

.offset-seven {
	float: left;
	margin-left: 58.33333%
}

.offset-eight {
	float: left;
	margin-left: 66.66667%
}

.offset-nine {
	float: left;
	margin-left: 75%
}

.offset-ten {
	float: left;
	margin-left: 83.33333%
}

.offset-eleven {
	float: left;
	margin-left: 91.66667%
}

.offset-twelve {
	float: left;
	margin-left: 100%
}

.touch::-webkit-scrollbar {
  display: none;
}

.touch {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.inlinePage {display:none;}
.inlinePage:nth-child(1) {display:table; }


.split1 {
	float: left;
	display: block;
	width: 100%
}

.split2 {
	float: left;
	display: block;
	width: 50%
}

.split3 {
	float: left;
	display: block;
	width: 33.333%
}

.split4 {
	float: left;
	display: block;
	width: 25%
}

.split5 {
	float: left;
	display: block;
	width: 20%
}

.split6 {
	float: left;
	display: block;
	width: 16.666%
}

.pad0 {
	padding: 0
}

.pad2 {
	padding: 2px
}

.pad5 {
	padding: 5px
}

.pad10 {
	padding: 10px
}

.pad15 {
	padding: 15px
}

.pad25 {
	padding: 25px
}

.pad50 {
	padding: 50px
}

.pad75 {
	padding: 75px
}

.pad100 {
	padding: 100px
}

.padb0 {
	padding-bottom: 0
}

.padb2 {
	padding-bottom: 2px
}

.padb5 {
	padding-bottom: 5px
}

.padb10 {
	padding-bottom: 10px
}

.padb15 {
	padding-bottom: 15px
}

.padb25 {
	padding-bottom: 25px
}

.padb50 {
	padding-bottom: 50px
}

.padb75 {
	padding-bottom: 75px
}

.padb100 {
	padding-bottom: 100px
}

.padt0 {
	padding-top: 0
}

.padt2 {
	padding-top: 2px
}

.padt5 {
	padding-top: 5px
}

.padt10 {
	padding-top: 10px
}

.padt15 {
	padding-top: 15px
}

.padt25 {
	padding-top: 25px
}

.padt50 {
	padding-top: 50px
}

.padt75 {
	padding-top: 75px
}

.padt100 {
	padding-top: 100px
}
.break {padding:65px;width:100%;}
.padl0 {
	padding-left: 0
}

.padl2 {
	padding-left: 2px
}

.padl5 {
	padding-left: 5px
}

.padl10 {
	padding-left: 10px
}

.padl15 {
	padding-left: 15px
}

.padl25 {
	padding-left: 25px
}

.padl50 {
	padding-left: 50px
}

.padl75 {
	padding-left: 75px
}

.padl100 {
	padding-left: 100px
}

.padr0 {
	padding-right: 0
}

.padr2 {
	padding-right: 2px
}

.padr5 {
	padding-right: 5px
}

.padr10 {
	padding-right: 10px
}

.padr15 {
	padding-right: 15px
}

.padr25 {
	padding-right: 25px
}

.padr50 {
	padding-right: 50px
}

.padr75 {
	padding-right: 75px
}

.padr100 {
	padding-right: 100px
}

.mar0 {
	margin: 0
}

.mar5 {
	margin: 5px
}

.mar10 {
	margin: 10px
}

.mar15 {
	margin: 15px
}

.mar25 {
	margin: 25px
}

.mar50 {
	margin: 50px
}

.mar100 {
	margin: 100px
}

.marb0 {
	margin-bottom: 0
}

.marb5 {
	margin-bottom: 5px
}

.marb10 {
	margin-bottom: 10px
}

.marb15 {
	margin-bottom: 15px
}

.marb25 {
	margin-bottom: 25px
}

.marb50 {
	margin-bottom: 50px
}

.marb100 {
	margin-bottom: 100px
}

.mart0 {
	margin-top: 0
}
.mart3 {
	margin-top: 3px
}
.mart5 {
	margin-top: 5px
}

.mart10 {
	margin-top: 10px
}

.mart15 {
	margin-top: 15px
}

.mart25 {
	margin-top: 25px
}

.mart50 {
	margin-top: 50px
}

.mart60 {
	margin-top: 60px
}
.mart100 {
	margin-top: 100px
}

.marl0 {
	margin-left: 0
}

.marl5 {
	margin-left: 5px
}

.marl10 {
	margin-left: 10px
}

.marl15 {
	margin-left: 15px
}

.marl25 {
	margin-left: 25px
}

.marl50 {
	margin-left: 50px
}

.marl100 {
	margin-left: 100px
}

.marr0 {
	margin-right: 0
}

.marr5 {
	margin-right: 5px
}

.marr10 {
	margin-right: 10px
}

.marr15 {
	margin-right: 15px
}

.marr25 {
	margin-right: 25px
}

.marr50 {
	margin-right: 50px
}

.marr100 {
	margin-right: 100px
}

.nomargin {
	margin: 0!important
}

.noli {
	list-style-type: none
}

.contain {
	max-width: 1500px;
	margin: 0 auto
}

.contain400 {
	max-width: 400px;
	margin: 0 auto
}

.contain500 {
	max-width: 500px;
	margin: 0 auto
}

.contain600 {
	padding: 0;
	margin: 0 auto
}

.contain800 {
	max-width: 800px;
	margin: 0 auto
}

.contain1000 {
	max-width: 1000px;
	margin: 0 auto
}

.contain1200 {
	max-width: 1200px;
	margin: 0 auto
}

.contain1400 {
	max-width: 1400px;
	margin: 0 auto
}

.contain1600 {
	max-width: 1600px;
	margin: 0 auto
}

.pointer {
	cursor: pointer
}

.w0 {
	color: #fff
}

.c0 {
	color: #ff4545
}
.c1 {
	color: #ff0aaa
}
.c2 {
	color: #ff0aaa
}

.c3 {
	color: #ffbc3c
}
.c4 {
	color: #1fc471
}
.c5 {
	color: #7f5e25
}
.c8  {color:#00a3ff;}
.g0 {
	color: #9498a2
}
.g1 {
	color: #303059
}
.g2 {
	color: #6e6e6e
}

.g3 {
	color: #b7b9bc;
}

.g4 {
	color: #d7d9db;
}
.c0bg {
	background-color: #ff4546
}

.c1bg {
	background-color: #ff4545
}
.c2bg {
	background-color: #ff4545
}
.c3bg {
	background-color: #f79f1f
}
.c4bg {
	background-color: #1fc471
}
.c5bg {
	background-color:#fcf8e3
}
.c6bg {
	background-color:#40eb85
}
.c8bg {
	background-color:#00a3ff
}
.c9bg {
	background-color:#66c8ff
}
.c10bg {
	background-color:#9163be
}

.c7bg {
	background-color:#e8f0fe
}
.w0bg {
	background-color: #fff
}

.g0bg {
	background-color: #eef0f1
}

.g1bg {
	background-color: #303059
}

.g2bg {
	background-color: #bec2c4
}

.g3bg {
	background-color: #eef0f1;
}
.g4bg {
	background-color: #ebeae8
}
.g5bg {background-color:#dcfdd6;}
.g6bg {background-color: #f3f5f9;}

.wall {	
    background-size: cover;
    background-position: center;
}



.s0bg {
background: #1fc471;
}
.s1bg {
background: #9163be;
}
.s2bg{
background: #ffb43b;
}
.s3bg {
background: #57a1e5;
}
.s4bg{
background: #ed585f;
}
.s5bg{
background: rgb(167,86,252);
}



.grayscale {
	filter: grayscale(100%);

}

.notspaced {
	letter-spacing: 0
}
.unspaced {
	letter-spacing: -2px
}
.spaced {
	letter-spacing: 2px
}

.f0 {
	font-size: 0px;
}

.f8 {
	font-size: 8px
}

.f9 {
	font-size: 9px
}

.f10 {
	font-size: 10px
}

.f11 {
	font-size: 11px
}

.f12 {
	font-size: 12px
}

.f13 {
	font-size: 13px
}

.f14 {
	font-size: 14px
}

.f15 {
	font-size: 15px 
}

.f16 {
	font-size: 16px
}

.f17 {
	font-size: 17px
}

.f18 {
	font-size: 18px
}

.f19 {
	font-size: 19px
}

.f20 {
	font-size: 20px
}

.f22 {
	font-size: 22px
}
.f24 {
	font-size: 24px
}

.f25 {
	font-size: 25px
}

.f30 {
	font-size: 30px
}

.f32 {
	font-size: 32px
}

.f36 {
	font-size: 36px
}

.f40 {
	font-size: 40px
}

.f44 {
	font-size: 44px
}

.f48 {
	font-size: 48px
}

.b1 {
	font-weight: 200
}

.b2 {
	font-weight: 200
}

.b3 {
	font-weight: 300
}

.b4 {
	font-weight: 400
}

.b5 {
	font-weight: 600
}

.b6 {
	font-weight: 600
}

.b7 {
	font-weight: 700
}

.b8 {
	font-weight: 800
}

.b9 {
	font-weight: 900
}

.italic {
	font-style: italic
}

.strike {
	text-decoration: line-through
}

.uc {
	text-transform: uppercase
}

.lc {
	text-transform: lowercase
}

.cc {
	text-transform: capitalize
}

.font {
	font-family: Georgia, Times, Times New Roman, serif
}

.absolute {
	position: absolute
}

.fixed {
	position: fixed
}

.middle {
	vertical-align: middle
}

.cell {
	display: table-cell
}

.inline {
	display: inline-block
}

.block {
	display: block
}

.table {
	display: table!important
}

.flex {
	display: flex;
}

.wrap {
	flex-wrap: wrap
}

.full {
	width: 100%
}

.fullheight {
	min-height: calc(100vh)
}

.rh,
.hide,
.printonly {
	display: none
}

.invisible {
	visibility: hidden 
}

.hideimportant {
	display: none!important
}

.disabledaction * {
	pointer-events: none !important;
}
.disabled * {
	filter: grayscale(100%);
	pointer-events: none !important;
}
.disabled {
	filter: grayscale(100%);
	pointer-events: none !important;
}


.floatleft {
	float: left
}

.floatright {
	float: right
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.center {
	text-align: center
}

.auto {
	margin: 0 auto
}

.br3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.br5 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px
}

.br10 {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px
}

.br15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px
}



#map, #profileMap { 
	max-width:100% !important;
	max-height:250px !important;
	width:100%;
	height:250px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}
.inner #map, .inner #profileMap { 
	height:150px !important;

}
.mapSo {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:1px;
	width:100%;
	display:table;
	-webkit-box-shadow: 0px 0px 10px 0px #a9b1b7; 
	box-shadow: 0px 0px 10px 0px #a9b1b7;
}

.br20 {
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px
}

.br25 {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px
}

.zfilled.br25, .day .br25 {
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	border-radius: 100px !important;
}
.filled.br25.brr0{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.filled.br25.brl0{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.br50 {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}

.br500 {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px
}
.br100 {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px
}

.br150 {
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px
}
.brt0 {
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.brb0 {
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.brl0 {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.brr0 {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.lh10 {
	line-height: 10px
}
.lh12 {
	line-height: 12px
}
.lh15 {
	line-height: 15px
}
.lh17 {
	line-height: 17px
}
.lh20 {
	line-height: 20px
}

.lh25 {
	line-height: 25px
}

.lh30 {
	line-height: 30px
}

.lh50 {
	line-height: 50px
}

.lh100 {
	line-height: 100px
}

.so {
	box-shadow: 0 0 10px 0 rgba(40, 30, 20, 0.1)
}
.so1 {
	box-shadow: 0 0 10px 0 rgba(40, 30, 20, 0.2)
}
.so2 {
	box-shadow: 0 0 10px 0 rgba(40, 30, 20, 0.05)
}
.so4 {box-shadow: 0 5px 5px 3px rgb(40 30 20 / 10%)}
.si {
	box-shadow: inset 0px 10px 10px 0px rgba(40, 30, 20, 0.2)
}
.si3 {
	box-shadow: inset 0px 5px 7px 0px rgba(40, 30, 20, 0.1)
}

.si1 {
	box-shadow: inset 0px 5px 5px 0px rgba(40, 30, 20, 0.05)
}
.si2 {
	box-shadow: inset 0px 0px 7px 0px rgba(40, 30, 20, 0.1)
}
.spectrum {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -190px;
	margin-top: -76px;
	width: 380px;
	height: 154px;
	padding: 0;
	background: url(https://app.totopet.app/images/spectrum.jpg);
	background-position: center;
	z-index: 1005
}

.abcRioButton {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)!important;
	margin: 0!important;
	border: 0 solid rgba(40, 30, 20, 0.05);
	margin-top: 13px!important
}

.abcRioButtonContents {
	font-size: 13px!important;
	float: right;
	text-align: right;
	margin: 0!important
}

.pac-container .pac-item {padding:10px 15px;color:#a4a8b2 !important;line-height: 15px !important; font-size:13px;}
.pac-container .pac-icon-marker {display:none;}
.pac-container .pac-item span.pac-item-query {width:100%;display:block;color:#303059 !important;line-height:20px;font-size:15px;}
.pac-container {border-radius:5px; margin-top:-2px;padding:0px 5px}
.grayscale.zepet {opacity: .7}
.o1 {
	opacity: .1
}

.o2 {
	opacity: .2
}

.o3 {
	opacity: .3
}

.o4 {
	opacity: .4
}

.o5 {
	opacity: .5
}

.o6 {
	opacity: .6
}

.o7 {
	opacity: .7
}

.o8 {
	opacity: .8
}

.o9 {
	opacity: .9
}

.o0 {
	opacity: 1
}

.breakline {
	width: 60px;
	height: 3px
}


.loading_gif {
	position: absolute;
	top: 50%;
	margin-top: -32px
}

.bs2 {
	border: 3px solid #1fc471;
}


.bs2a {
	border: 2px solid #8900c1;
}

.bbg2 {
	border-bottom: 2px solid #ff4546
}

.bg2 {
	border: 2px solid rgba(40, 30, 20, 0.2)
}

.bb2 {
	border: 2px solid rgba(40, 30, 20, 0.05)
}


.bb25 {
	border: 10px solid #303059;)
}

.bb2a {
	border: 2px solid #303059
}

.bw2 {
	border: 2px solid #fff
}

.bw3 {
	border: 3px solid #fff
}

.bw2b {
	border: 2px solid rgba(255, 255, 255, 0.5)
}

.ba2 {
	border: 2px solid #1fc471;
}

.bbw {
	border-bottom: 1px solid #fff
}

.btw {
	border-top: 1px solid #fff
}

.btb {
	border-top: 1px solid #303059
}

.bbt {
	border-top: 1px solid rgba(40, 30, 20, 0.05)
}

.bbb {
	border-bottom: 1px solid rgba(40, 30, 20, 0.05)
}

.bwr2b {
	border-right: 2px solid rgba(255, 255, 255, 0.1)
}

.bwr2 {
	border-right: 2px solid rgba(255, 255, 255, 0.3)
}

.bwl2 {
	border-left: 2px solid rgba(255, 255, 255, 0.3)
}
.bwl2a {
	border-left: 2px solid #ccc;
}
.bwb2 {
	border-bottom: 2px solid rgba(255, 255, 255, 0.3)
}

.bwt2 {
	border-top: 2px solid rgba(255, 255, 255, 0.3)
}

.bwl1 {
	border-left: 1px solid rgba(255, 255, 255, 0.2)
}

.bsr2 {
	border-right: 2px solid rgba(222, 205, 195, 0.5)
}

.bbr2 {
	border-right: 2px solid rgba(40, 30, 20, 0.05)
}

.bbl2 {
	border-left: 2px solid rgba(40, 30, 20, 0.05)
}

.bbb2 {
	border-bottom: 2px solid rgba(40, 30, 20, 0.05)
}

.bbt2 {
	border-top: 2px solid rgba(40, 30, 20, 0.05)
}

.bbb10 {
	border-bottom: 3px solid rgba(40, 30, 20, 0.05)
}
.bbt20 {
	border-top: 10px solid rgba(40, 30, 20, 0.05)
}
.bbb20 {
	border-bottom: 10px solid rgba(40, 30, 20, 0.05)
}

.bbb30 {
	border-bottom: 10px solid rgba(40, 30, 20, 0.2)
}
.bbt10 {
	border-top: 3px solid rgba(40, 30, 20, 0.05)
}


.bbl5 {
	border-left: 5px solid rgba(40, 30, 20, 0.05)
}

.bbe2 {
	border-bottom: 2px solid #ff4545;
}

.bbs2 {
	border-bottom: 2px solid rgba(40, 30, 20, 0.1)
}

.bts2 {
	border-top: 2px solid rgba(40, 30, 20, 0.1)
}

.bb0 {
	border-bottom: 0!important
}

.burger,.burger2  {
	width: 18px;
	height: 3px;
	background-color:#a4a8b2;
	margin: 1px 0px 4px 3px
}
.burger2 {
	width: 24px;
	margin-left:0px;
}

.error {color: #ff4545;}


#cookies {
	position: fixed;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0%;
	left: 0;
	height: 100%;
	z-index: 2057;
	text-align: center;
	display: none;
}

#pos0 {
	position: absolute;
	margin-top: -50px
}

#slider-small .slider,
#slider-small .caption {
	height: 200px
}

#slider .slider,
#slider .caption {
	height: 380px
}

.caption {
	border-top: 5px solid rgba(40, 30, 20, 0.15);
	border-bottom: 5px solid rgba(40, 30, 20, 0.15);
	top: 52px
}

.slider {
	width: 100%;
	margin-top: 52px;
	background-size: cover;
	background-position: center
}

.page h1,
.page h2,
.page h3 {
	color: #303059;
	font-weight: 300;
	padding-top: 25px
}

.page h4,
.page h5,
.page h6 {
	color: #303059;
	font-weight: 800;
	padding-top: 15px
}

.page p {
	font-size: 16px;
	padding-bottom: 25px;
	padding-top: 15px
}

.page .w0 {
	color: #303059
}

.page.docs a {
	color: #19b5fe
}

.page.faq a {
	color: #00be31
}

.page code {
	margin: 25px;
	padding: 25px;
	border-left: 2px solid #19b5fe;
	display: block;
	background: #f8f8f8;
	overflow-y: scroll;
	max-height: 400px
}

#youtube {
	width: 480px;
	height: 270px;
}

.page img.mar0 {
	margin: 0;
}

.page img.play {
	width: 100%;
	min-width: 100%;
}

.page img {
	max-width: 800px;
	height: auto;
	margin: 50px auto;
	display: block;
	text-align: center
}

.page img.icon {
	margin: 15px 15px 15px 0
}

.page ul {
	padding-left: 20px
}

.page li {
	padding: 10px 0;
	font-size: 16px
}

.page a {
	font-weight: 700;
	color: #ff4545;
	font-weight: bold
}

.page a:hover {
	text-decoration: underline
}

.arrowdown {
	border: 0 solid rgba(40, 30, 20, 0.3);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	margin: 5px 10px 0 7px;
	position: absolute
}

.arrowdown2 {
	border: 0 solid #ff4546;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	margin: 3px 0 0 -15px;
	pointer-events: none
}

.arrowdown3 {
	border: 0 solid #ff4546;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	margin: 6px 0 0 -15px;
	pointer-events: none
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.up {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	margin-top: 10px
}


.trade {
	display: inline-block;
	padding: 0;
	float: right;
	margin-top: -5px;
	margin-left: -3px
}

.trade-round {
	display: inline-block;
	padding: 0;
	float: right;
	margin-top: 3px
}



.shout {
	border-bottom: 2px solid rgba(40, 30, 20, 0.07)
}

.new {
	font-size: 9px;
	padding: 2px 6px;
	text-transform: uppercase
}

.tint {
	width: 100%;
	height: 100vh;
	z-index: 1001;
	top: 0;
	display: none;
	position: fixed
}

.ts {
	text-shadow: 0px 0px 5px rgba(55, 40, 44, 0.5)
}
.ts2 {text-shadow: 0px 0px 3px rgba(55, 40, 44, 1)}

.nots {
	text-shadow: 0 0 #fff
}

.ask {
	top:0px;left:0px;height:100%;width:100%;z-index:10000;
	background-image:url("https://app.totopet.app/images/app/splash-dog.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.ask2 {
	top:0px;left:0px;height:100%;width:100%;z-index:10000;
	background-image:url("https://app.totopet.app/images/app/splash-question.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}



.splash {
	position:absolute;
	top:0px;
	left:0px;
	padding:0 20px;
	padding-bottom:50px;
	background:#fff;
	min-height:100%;
	width:100%;
	overflow:scroll !important;
    background-image:    url(https://app.totopet.app/images/app/splash.png);
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: top center;
	z-index:10000;

} 

.splash-clean {
	position:absolute;
	top:0px;
	left:0px;
	padding-bottom:50px;
	background:#fff;
	min-height:100%;
	width:100%;
	overflow:scroll !important;
    background-image:    url(https://app.totopet.app/images/app/splash-clean.png);
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: top center;
	z-index:10000;

} 



.ask.catsplash {
	background-image: url(https://app.totopet.app/images/app/splash-cat.png);
}

.ask.dogsplash {
	background-image: url(https://app.totopet.app/images/app/splash-dog.png);
}
.splash.flag {
    background-image: url(https://app.totopet.app/images/app/splash-flag.png);
} 
.splash.bad {
    background-image: url(https://app.totopet.app/images/app/splash-bad.png);
} 
.splash.fail {
    background-image: url(https://app.totopet.app/images/app/splash-fail.png);
} 
.splash.pass {
    background-image: url(https://app.totopet.app/images/app/splash-pass.png);
} 

.splashtxt {
	width:100%;
	padding-top:60vh;
}

.splash.review {
    background-image:    url(https://app.totopet.app/images/app/splash-review.png);
} 


.splash.cancel {
    background-image:    url(https://app.totopet.app/images/app/splash-gray.png);
} 
.splashtxt2 {
	width:100%;
}

.visit1 {display:block;}
.visit2 {display:none;}
.visit3 {display:none;}

label.label19,
label.label18,
label.label17,
label.label16,
label.label15,
label.label14,
label.label13,
label.label12,
label.label11,
label.label10,
label.label9,
label.label8,
label.label7,
label.label6,
label.label5,
label.label4,
label.label3,
label.label2,
label.label1,
label.label0 {
	pointer-events: none;
	transition: .2s ease all;
	margin-top: -32px
}

input.label19:focus~label.label19,
input.label19:not(:focus):valid~label.label19,
input.label18:focus~label.label18,
input.label18:not(:focus):valid~label.label18,
input.label17:focus~label.label17,
input.label17:not(:focus):valid~label.label17,
input.label16:focus~label.label16,
input.label16:not(:focus):valid~label.label16,
input.label15:focus~label.label15,
input.label15:not(:focus):valid~label.label15,
input.label14:focus~label.label14,
input.label14:not(:focus):valid~label.label14,
input.label13:focus~label.label13,
input.label13:not(:focus):valid~label.label13,
input.label12:focus~label.label12,
input.label12:not(:focus):valid~label.label12,
input.label11:focus~label.label11,
input.label11:not(:focus):valid~label.label11,
input.label10:focus~label.label10,
input.label10:not(:focus):valid~label.label10,
input.label9:focus~label.label9,
input.label9:not(:focus):valid~label.label9,
input.label8:focus~label.label8,
input.label8:not(:focus):valid~label.label8,
input.label7:focus~label.label7,
input.label7:not(:focus):valid~label.label7,
input.label6:focus~label.label6,
input.label6:not(:focus):valid~label.label6,
input.label5:focus~label.label5,
input.label5:not(:focus):valid~label.label5,
input.label4:focus~label.label4,
input.label4:not(:focus):valid~label.label4,
input.label3:focus~label.label3,
input.label3:not(:focus):valid~label.label3,
input.label2:focus~label.label2,
input.label2:not(:focus):valid~label.label2,
input.label1:focus~label.label1,
input.label1:not(:focus):valid~label.label1,
input.label0:focus~label.label0,
input.label0:not(:focus):valid~label.label0 {
	margin-top: -58px;
	margin-left: -25px;
	font-size: 12px;
	color: #9e9589
}

label.label-off {
	margin-top: -58px;
	margin-left: -25px;
	font-size: 12px;
	color: #d3cfcb
}

input[type="text"]:disabled {
	background: #fff7db
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/* Chrome, Safari, Edge, Opera */
input.idate::-webkit-outer-spin-button,
input.idate::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.idate[type=number] {
  -moz-appearance: textfield;
}

input[type="submit"],
button,
input[type=text],
input[type=button] {
	-webkit-appearance: none
}

.loading {position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,255,0.7);z-index:10001;padding-top:calc(50vh - 60px);text-align:center;}
.badges,.alert {width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:10000;background:rgba(255,255,255,0.8);padding-top:25px;}

/* litepicker */
.litepicker {width:100%;margin:0 auto;text-align:center;}
.container__main,.container__months,.month-item {width:100% !important;}
.month-item-weekdays-row div, .container__days div{width:calc(100% / 7) !important; min-height:40px;font-weight:600}
.is-locked {color:#dbd9d9 !important}
.container__days div {padding-top:9px !important;font-size:14px !important}
.litepicker .container__days .day-item.is-start-date { background-color: #303059 !important;border-top-left-radius:25px !important;border-bottom-left-radius:25px !important;color:#fff !important;}
.litepicker .container__days .day-item.is-end-date { background-color: #303059 !important;border-top-right-radius:25px !important;border-bottom-right-radius:25px !important;color:#fff !important;}
.litepicker .container__days .day-item.is-in-range { background-color: #f2f2f2 !important;}


/*maps*/

.pac-container {z-index:5000;}
#location {border-bottom:2px solid #303059}
#location:focus {border-bottom:2px solid #ff4546}
.pac-container:after{content:none !important;}
/*.pac-item > span:last-child {display: none;}*/

.backmenu {z-index:9999;top:0px;left:0px;}

.menutop {height:52px;overflow:hidden !important;left:0;top:0;}
.menuBottom {height:60px;bottom:0;left:0;z-index:3011;position:fixed;width:100%;padding-bottom:10px;}
.menu-link2{left:0;height:50px; }
@media only screen and (min-width:370px) {
.rs0 {display:block;}
.rs0a {display:none;}
}
@media only screen and (min-width:0) and (max-width:370px){
.rs0 {display:none}
.rs0a {display:block;}

}