@font-face{font-family:aesthetic;src:url(../fonts/Aesthetic%20Violet.otf)}
@font-face{font-family:alsscrp;src:url(../fonts/alsscrp.ttf)}
@font-face{font-family:poppins-regular;src:url(../fonts/Poppins-Regular.ttf)}
@font-face{font-family:poppins;src:url(../fonts/Poppins-Bold.ttf)}
@font-face{font-family:Rightland;src:url(../fonts/Rightland.otf)}
@font-face{font-family:ChopinScript;src:url(../fonts/ChopinScript.otf)}
@font-face{font-family:Timeless;src:url(../fonts/Timeless.ttf)}
@font-face{font-family:TimelessBold;src:url(../fonts/Timeless-Bold.ttf)}
.w-120 {
    width:120%;
}
.tab-contents{
    padding: 0 15%;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light{background:url(../images/menubar-navbar-desktop/background-bar.png) no-repeat!important;padding:0rem 2rem 3rem 2rem;background-size: 100% 100% !important;}
span.sr-only-btm{float:left;width:100%;word-spacing:0!important;font-family:poppins-regular;font-size:14px;margin:10px 0 0}
span.sr-only-top{float:right;width:calc(100% - 54px);text-align:left;font-family:poppins-regular;font-size:16px}
li.nav-item.timing-area{background:none;width:15%}
li.nav-item.logo{background:url(../images/menubar-navbar-desktop/main-button.png) no-repeat;background-size: cover;   min-height: 100px;}
li.nav-item{background:url(../images/menubar-navbar-desktop/rectangle-background.png) no-repeat;width:11%;background-size:100% 100%;text-align:center}
li.nav-item.ply-btn {background: url(../images/menubar-navbar-desktop/play-pause-button.png) no-repeat; background-size: 50px 50px; background-position: center;}
img.img-fluid.logo-img {margin: -10px auto;float: none;}
li.nav-item a{font-style:italic;padding: 1rem 1.5rem;font-size: 18pt;color:#c49559 !important;font-weight:600;line-height:22pt;float:left;width:100%;}
li.nav-item.timing-area a{font-style:normal !important;color:#ffffff !important;font-weight:500 !important;font-size:14pt !important}
li.nav-item a img{margin-right:10px;float:left;}
li.nav-item.haffofheroes {background:none; margin-top: 5px;}
li.nav-item.haffofheroes a{color:#ffffff !important;font-size: 12pt;}
li.nav-item.ply-btn a img {margin:0px auto;float: none;}
li.nav-item.ply-btn .main img.img-fluid.play-img {display: none !important;}
li.nav-item.ply-btn .main img.img-fluid.pause-img {display: block !important;margin:0px auto;}
li.nav-item.navdiscover img.img-fluid.menu-img {margin: 5px 10px 0 0;}
.pet-content {background-image:;background-size: calc(100% + 241px);background-repeat: no-repeat;min-height: calc(100vh - 76px);margin: -40px 0 0 0;background-position: -240px 0px;padding: 0px 0;float:left;width:100%;}
h1.float-left.w-100{color:#fff;font-family:aesthetic;font-size:54px;background-image:url(../images/title-cover.png);background-size:125px;background-repeat:no-repeat;background-position:29% -15px;text-shadow:1px 4px 15px #000}
.login-subtitle.float-left.w-100{color:#fff;font-weight:700;font-size:24px;font-family:poppins;margin:15px 0;text-shadow:1px 4px 15px #000}
/*.right-content-area.formarea {background-image: url(../images/pet-creation/Parchment3.png);background-size: cover;background-repeat: no-repeat;margin: 0px 0 0 0;background-position: 65% -35px;padding: 0;min-height:640px;}
.right-content-area.formarea {background-image: url(../images/pet-creation/Parchment3.png);background-size: 120% 100%;background-repeat: no-repeat;margin: 0px 0 0 0;background-position: 65% -35px;padding: 0 1rem;min-height:640px;}*/
.right-content-area.formarea {background-image: url(../images/pet-creation/Parchment3.png);background-size: 120% 100%;background-repeat: no-repeat;margin: 0px 0 0 0;background-position: 65% -35px;padding: 0 1rem;min-height:800px;}

.wizard {max-width: 75%;margin: 5rem auto;}
ul.nav.nav-tabs{background:url(../images/pet-creation/wizard-buttons/wizard-btn.png) no-repeat;float:left;width:80%;background-size:contain; margin:auto; border:none;}
ul.nav.nav-tabs li{float:left;width:20%;}
ul.nav.nav-tabs li span {float: left;width: 66px;text-align: center;padding: 25px 0;margin: 0 0 0 10px;font-size:0px;min-height: 70px;}
ul.nav.nav-tabs li.num-1.active span {background: url(../images/pet-creation/wizard-buttons/wiz-1.png) no-repeat; background-size: 45px;background-position: -3px 5px;font-size: 0px;min-height: 70px;}
ul.nav.nav-tabs li.num-2.active span {background: url(../images/pet-creation/wizard-buttons/wiz-2.png) no-repeat; background-size: 45px;background-position: -5px 5px;font-size: 0px;min-height: 70px;margin: 0 0 0 15px;cursor:pointer;}
ul.nav.nav-tabs li.num-3.active span {background: url(../images/pet-creation/wizard-buttons/wiz-3.png) no-repeat; background-size: 45px;background-position: -6px 5px;font-size: 0px;min-height: 70px;margin: 0 0 0 20px;}
ul.nav.nav-tabs li.num-4.active span {background: url(../images/pet-creation/wizard-buttons/wiz-4.png) no-repeat; background-size: 45px;background-position: -7px 5px;font-size: 0px;min-height: 70px;margin: 0 0 0 25px;}
ul.nav.nav-tabs li.num-5.active span {background: url(../images/pet-creation/wizard-buttons/wiz-5.png) no-repeat; background-size: 52px;background-position: -8px 5px;font-size: 0px;min-height: 70px;margin: 0 0 0 30px;}
.wizard-inner {width: 100%;margin: 0px 2.5rem;}
.text-dark2{color:#6d1910 !important;}
.wizard .text-dark2 {font-style: italic;word-spacing: 2px;}
/*29/09/2021 Start*/
.owner-profile .wizard .text-dark2 {font-style: italic;word-spacing: 2px;}
h2.nametxt2 {font-size: 60px;font-family: Rightland;font-style: normal !important;line-height: 50px;float: left;width: 100%;    margin: 30px 0 0 0;}
/*29/09/2021 End*/
h2.nametxt {font-size: 60px;font-family: Rightland;font-style: normal !important;line-height: 50px;float: left;width: 100%;    margin: 30px 0 0 0;}

.inputform input.text, .inputform textarea.text{float: left;width: 100%;background-color: rgba(255,255,255,0.3);border: none;padding: 30px 20px;text-align: center;font-size: 26px;font-style: italic;color: #6d1910;outline:none !important;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;border-radius:10px;}
.inputform input.text::placeholder{color:rgba(109,25,16,0.8);}
button.default-btn.next-step {background: none;padding: 0px;border: none;outline:none;}
span.subnxttxt {font-size: 20px;color: #ffffff;font-style: italic;}
.mt-7 {margin-top: 5rem !important;}
#xslUpload .file-input{position: absolute;top: 8px;bottom: 21px;width: 92%;opacity: 0;}
div#xslUpload label{width:100%;cursor:pointer !important;outline:none !important;}
.mw-40 {max-width:40%;}
#xslUpload .uploadpropic {width: 100%;pointer-events: none;background: url(../images/pet-creation/upload-image-button/upload-profile-picture-button.png) !important;background-repeat: no-repeat !important;background-position: 2px 0px;background-size: 100% !important;padding-left: 0;color: #fff;border-radius: 0;padding: 25px 20px 20px 80px !important;font-size: 24px;font-style: italic;color: #690c0c;width:100%;}
#xslUpload .uploadmorepic {background: url(../images/pet-creation/upload-image-button/upload-more-images-button.png) !important;background-repeat: no-repeat !important;background-position: 2px 0px;background-size: 100% !important;padding-left: 0;color: #fff;border-radius: 0;padding: 25px 20px 20px 80px !important;font-size: 24px;font-style: italic;color: #690c0c;width:100%;}
.backbtn.text-center span.default-btn.prev-step {color: #690c0c;font-size: 20px;font-style: italic;text-decoration: underline;margin: 5px 0 0 0;float: left;width: 100%;cursor:pointer;}
div#xslUpload.changepic button.btn.importar.uploadpropic{background: none !important;float: left;width: 100%; text-align: center;padding: 0px !important;font-weight: 600;text-decoration: underline;}
#xslUpload button{outline:none !important;border:none !important;box-shadow:none !important;}
input.text.subinput {width: auto;padding: 3px 10px;max-width: 100px;border-radius: 3px;}
select.selinput{background: rgba(255,255,255,0.3);border: none;color: #6d1910;padding: 6px 10px;width: auto;font-weight: 600;box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;outline:none !important;}
.pet-content.dayout{background-image: url(../images/background-and-sounds/pet-and-owner-creation/night_merged_image.png);}
span.lookright.text-center {font-size:20px;font-style: italic;color: #690c0c;letter-spacing: 4px;margin: 0px 0 -5px 0;}
.wizard.thankyoucontentarrea input.text {text-align: left;}

.right-content-area.formarea.thankyoupage {background-image: url(../images/owner-creation/Parchment-horizontal.png);background-size: 100% 100%; min-height:80%; background-repeat: no-repeat;margin: 0px 0 0 0;background-position: 0% 0;padding: 0 0 124px 0;}
.container-fluid.thankyoupagecontent {padding: 0px 70px 0;}
.thankyoupagecontent .wizard {max-width: 500px;margin: 180px auto;}
.right-content-area.formarea.thankyoupage .h4, .right-content-area.formarea.thankyoupage h4 {font-size: 1.5rem; font-weight: 500 !important;letter-spacing: 2px;}
span.createbtn.subnxttxt{margin: -78px 0 0 -5px;font-size: 22px;color: #ffffff;font-style: italic;font-weight: 400;}
.pull-left.returnbtn {width: 80px !important;margin: 130px;}
.pull-left.returnbtn2 {width: 80px !important;margin: 20px;}
.col.gender-data span.text-center img {max-width: 55px;margin: 0px auto;}
.mb-7 {margin-bottom: 5rem !important;}
span.gendertxt.text-center {font-size: 14pt;font-style:italic;color:#6d1910;font-weight:600;}

.mx-auto.dateyear.searchbtn {width: 450px;position:relative;}
input.searchinput { height: 40px;padding: 20px 75px 20px 20px;text-align: center;font-size: 18px;font-style: italic;color: #6d1910;border:none;border-radius:0.25rem;background:rgba(255,255,255,0.5);outline:none !important;}
::placeholder{color: #6d1910;}
.searchboxdetails {float: left;width: 100%;}
.searchboxdetails ul {margin: -1px auto;padding: 0px;text-align: center;list-style: none;height: 135px;overflow-y:auto;}
.searchboxdetails ul li {float: left;width: 100%;background: rgba(255,255,255,0.2);padding: 5px 5px;margin: 1px 0 0px 0;font-size: 24px;font-style: italic;color: #6d1910;letter-spacing:2px;cursor:pointer;}
.searchboxbutton {margin: 50px 0 0 0;}
.searchboxdetails ul::-webkit-scrollbar {width: 3px;}
.searchboxdetails ul::-webkit-scrollbar-track {background: rgba(255,255,255,0.2);}
 .searchboxdetails ul::-webkit-scrollbar-thumb {background: rgba(133,37,27,0.5);border-radius:10px;}



button.searchbtn {float: right;margin: -40px 5px 0 0;width: 40px;height: 40px; border-radius: .3rem;border: none;background: #6d1910;text-align: center;}
button.searchbtn img{width:30px;}
.col.gender-data{flex:0 0 33.3%}
.backbtn-btm{width:110px!important;margin:-55px 0 0}
.modal-content{background:url(../images/pet-creation/Species-Board-Flower-Pattern.png) no-repeat!important;height:771px;border:none}
h5.croptxt{color:#ffcf7b;text-align:center;font-family:Rightland;font-size:60px!important;margin:15px 0 0}
div#cropImagePop .modal-body{text-align:center}
.croppie-container{width:700px!important;height:300px!important;margin:0 auto}
.cr-viewport.cr-vp-square{width:300px!important;height:300px!important}
.zoomtxt{font-size:26px;font-style:italic}
div#cropImagePop button.default-btn.next-step.btn.btn-primary{width:300px;max-width:300px;margin:30px auto 0px;outline:none !important;box-shadow:none !important;background:transparent !important}
div#cropImagePop span.subnxttxt{margin:-56px 0 0;font-size:26px;color:#fff;font-style:italic}
div#cropImagePop .backbtn.text-center a.default-btn.prev-step{font-size:20px;margin:0px !important;	}

.wizard.thankyoucontentarrea{max-width:600px;}
/* .wizard.thankyoucontentarrea h2.nametxt {font-size: 100px;margin: 100px 0 20px 0 !important;}*/
.wizard.thankyoucontentarrea h2.nametxt {font-size: auto;margin: 35px 0 10px 0 !important;}
h2.guardiannametxt {font-size:50px; line-height:24px; margin-top: 10% !important;}
.loginpagecontent .d-flex.justify-content-center{max-width: 710px;float: none !important;margin: 20px auto !important;}
.text-decoration-underline{text-decoration:underline !important;}
.loginpagecontent button.default-btn.next-step {max-width: 350px;}
.loginpagecontent .inputform input.text{padding: 10px 20px;}
.loginpagecontent span.subnxttxt {margin: -75px 0 0 0;font-size: 26px;}



.background-overlay{position:absolute;background:rgba(0,0,0,0.7);float:left;width:100%;top:0;bottom:0;height:calc(100% + 166px);z-index: 9999;}
img.img-fluid.sharebtn{width:16px;margin:0 5px 0 0}
a.btn-primary{padding:5px 8px;font-weight:600;border-radius:.15rem}
.col.certibox .certimainbox {max-width: 900px;background: url(../images/certibg.png) no-repeat;padding: 0 86px 0; max-width: 40%; background-size: 890px;background-position: top center; min-height: 527px;}
.w-40{width:40%;float:left;padding:0 0 0 70px}
.leftuploaded-image {width: 300px;float: left;padding: 60px 0 0 0px;z-index: -2;
    position: relative;}
.leftuploaded-image img.img-fluid.rounded-circle {width: 300px;height: 300px; max-width:40%}
.w-60{width:60%;float:left;padding:0 70px}
.rghtcontenttxt {width: calc(100% - 340px);position: relative;float: right;padding: 0;margin: 0;}
.col.certibox .d-flex.justify-content-center {position: relative;z-index: 99;}
.logo-certi.mt-5 img{max-width:150px}
.certitxt{font-size:20px;font-size:18px;margin:20px 0;float:left;width:100%;color:#93938f}
.deacontxt {font-size: 60px;color: #aabc5f;margin: 0;float: left;width: 100%; font-family: alsscrp;letter-spacing: 0px;position: absolute;margin: 49% 0 0 0;}
.beyondlogotxt{float:left;width:100%}
.text-center.createddate {position: absolute;float: left;width: 85%;text-align: center;margin: 13% 0 0 0;}
.datecertiblock{position:relative;}
.btn-cencel-certificate.text-center {margin: 10px 0 0 0;}
.btn-cencel-certificate.text-center .wizsubbtn.centerbox span.subnxttxt {top: 27%;}
.beyondlogotxt span{color:#93938f;border:1px #93938f solid;padding:15px 70px;text-decoration:none;cursor:pointer;}
.beyondfulltxt{float:left;width:100%;font-family:alsscrp;color:#343331;font-size:38px;font-weight:700;letter-spacing:5px}
.certitxt.createddate{margin:20px 0 0;color:#343331;font-size:16px}
span.beyondfulltxt{letter-spacing: -4px;line-height: 20px;font-size: 32px;margin: 20px 0 -20px -15px;}
span.certitxt{font-size: 14px;}
.btn-cencel-certificate.text-center img.img-fluid {max-width: 250px;}
span.links, .backbtn-btm span{cursor:pointer;}


.guardian-paradise .wizard {max-width: 1000px; margin: 200px auto 0;}
.guardian-paradise h2.nametxt {font-size: 100px;line-height: 120px;margin:0px !important;color:#000000 !important}
/* 30/09/2021 Start*/
.owner-profile{display: inline-block;}
.owner-profile .wizard {max-width: 1050px; margin:100px auto 0;}
.owner-profile h2.nametxt {font-size: 100px;line-height: 120px; margin:0!important; color:#6d1910 !important}
.owner-profile .inputform input.text, .owner-profile .inputform textarea.text{float: left;width: 100%;background-color: rgba(255,255,255,0.3);border: none;padding: 10px 20px;text-align: center;font-size: 26px;font-style: italic;color: #6d1910;outline:none !important;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;border-radius:10px;}
.title-img-right{width: 10%; height: auto; position:  absolute; right:-2px; top:32%;}
.title-img-left{width: 10%; height: auto; position:  absolute; left:-2px; top:32%;}
.position-relative{position: relative;}
/* 30/09/2021 End*/

.text-black{color:#000000 !important;}
.wizsubbtn.centerbox.fullbtn img {width: 260px;margin: 0px auto;}
.container-fluid.thankyoupagecontent.guardian-paradise .pull-left.returnbtn {width: 50px !important;margin:60px 130px -60px !important;position: relative;}
.thankyoupagecontent..guardian-paradise .wizard {max-width: 1000px !important;  margin: 0px auto !important;}
.list-inline.pull-right{margin-top: 0px !important;}



.top-title.text-white {font-size: 48px;font-family:Rightland;letter-spacing:5px;margin: -20px 0 0 0;}
.wizsubbtn.centerbox button.default-btn.next-step {max-width: 350px;margin: 0px auto;position:relative;}
.btn-top.guestbookbtn span.subnxttxt {margin: -80px 0 0 0;}
.btn-top.guestbookbtn .subnxttxt.subviewtxt {margin: -55px 0 0 0 !important;font-size: 14px;}
.btn-top.view-certi.text-center {margin: -30px 0 0 0;}
img.img-fluid.imageforupload {position: absolute;margin: 3px auto;max-width: 180px; left: 35.5%;z-index: 0;}
img.img-fluid.w-75.upload-bgimg {position: relative;z-index: 9999;}
.col.leftbtn-fb span, .col.rightbtn-google span {cursor: pointer;}

h2.text-center.text-dark2.forgotpassword.nametxt {margin: 20px 0 20px !important;}
.wizard.thankyoucontentarrea {max-width: 680px;}
/*29/09/2021 Start*/
.wizard.thankyoucontentarrea {max-width:auto;}
/*29/09/2021 End*/
.passwordpagefull{float: left;width: 100%;}
.wizsubbtn.centerbox span.subnxttxt {font-style: normal !important;margin: 0px !important;position: absolute;left: 0px;right: 0;top: 32%;text-shadow: 2px 2px rgba(0,0,0,0.5);line-height: 22px;}
.wizsubbtn.createbtncenter span.subnxttxt {top: 42%;left: -5px;}
.mt-9{margin-top:7rem !important;}
.mb-8{margin-bottom:6rem !important;}


/* HomePage */
.petpages{overflow:hidden !important;}
.col.homepagetoptxt.col-left {padding: 0 25px;margin: 40px 0 0 0;}
.float-right.text-right.hometxt.text-white {width: 380px;font-size: 16px; font-family: poppins-regular;letter-spacing: 3px;}
.communitystatusttl {font-size: 28px;letter-spacing: 4px; color:black;  font-family: RightLand}
.comprice {font-size: 20px;letter-spacing: 3px; color:black;}
.comdesc {font-size: 20px; color:black;   font-family: RightLand}
.homepagecontentarea .wizsubbtn.centerbox span.subnxttxt {position: absolute;top: 33%;left: 0;margin: 0 !important;font-style: normal !important;}
span.termslink {text-decoration: underline;}
.text-white.byclickingtxt {margin: 1rem 0 40px 0;}
.homepagecontentarea .col.col-right-data {display: flex; justify-content: center;align-content: center;}
.homepagecontentarea .col-right-databtn {align-self: center;}
.homepagecontentarea .btn-top.view-certi.text-center {margin: 0px;}
.homepagecontentarea .wizsubbtn.centerbox button.default-btn.next-step {max-width: 320px;margin: 0px auto;position: relative;}
span.color-orange {color: #fd913b;}
.deservemore-title {font-size: 32px;font-weight: 600;letter-spacing: 3px;}
.deservemore-description p {max-width: 520px;margin: 20px auto;    letter-spacing: 2px;}
section#pet-content.homepage-content {float: left;width: 100%; background-position: -86px -30px;}
.whatus {background: #132944;padding: 60px 0 40px;}
.titlewhatus.text-center {color: #fd913b;font-size: 32px;letter-spacing: 2px;  font-weight: 600;}
.bgblock {background: #23436b;padding:35px;border-radius: 20px;}
.numberwhatsus {width: 100%;float: left;}
.numberwhatsus p {color: #ffba0b;margin: 0px auto;font-size: 44px;font-weight: 700; background: #132944;padding: 0px;width: 56px;border-radius: 10px;}
.descwhatsus {float: left;width: 100%;margin: 25px 0 0 0;}
.whatus .container {max-width: 1060px;}
.descwhatsus p {color: #ffffff;font-size: 25px;margin: 0;line-height: 34px;}
.paradiseblocks {margin: 90px 0;}
.colleftwhatsusimg.text-center img{float: left;width: 100%;border-radius: 20px 20px 0 0;}
.colleftwhatsus.text-center {float: left;}
.row.boximgusers.paradiseblocks .colleftwhatsus.text-center {float: left;min-width: 570px;margin:0 40px 0 0}
.row.boximgusers.paradiseblocks .colleftwhatsus.text-center:first-child { margin-left: 250px;}
.eventboxdetails {background: #ffffff;padding: 15px 20px;border-radius:0 0 20px 20px;}
span.eventtitle {float: left;width: 100%;font-size: 24px;font-weight: 600;letter-spacing: 2px;margin: 0 0 0 0;padding: 0 10px;}
span.event-timedate {font-size: 18px;letter-spacing: 2px;margin: 0 0 15px 0; float: left; width: 100%;border-bottom: 1px #cccccc solid;padding: 5px 20px 15px 20px;}
span.userimgdata {float: left;margin: 0 -20px 0 0;}
.userleftdata {float: left;margin: 0 40px 0 0;}
.userleftdatatxt {float: right;width: calc(100% - 130px);height: 44px;display: flex;align-content: center;align-self: center;align-items: center;font-size: 22px; letter-spacing: 3px;color: #999999;}
.userplus.text-left {float: left;width: 100%;padding:0 30px;}
.row.boximgusers.paradiseblocks {margin: 90px 0 90px 0;float: left;flex-wrap: nowrap;overflow-x: auto;display: flex;position: relative;overflow-y: hidden;cursor:pointer;}
.row.boximgusers.paradiseblocks:hover{width: calc(100% - -160px);}
.wizsubbtn.centerbox {text-align: center;margin: 70px auto 0;}
.modal .modal-dialog {pointer-events: auto !important;}
.wizsubbtn.centerbox.searchboxbutton {margin: 15px auto 0 !important;}
.supportingtab{background: #132944;padding: 0 0 90px 0;}
.supportleft img {width: 100%;}
.supportingtab .container {max-width: 1060px;}
.supportingtabbox .nav-item{background:transparent !important;}
.supportingtabbox .nav-item a {background:#23436b !important;color: #ffffff !important;font-style: normal !important;font-size: 22px !important;padding: 43px 0;border: none !important;border-radius: 0 0 20px 0 !important;}
.supportingtabbox .nav-item a.active {color: #333333 !important;font-style: normal !important;font-size: 22px !important;padding: 43px 0;background: #ffffff !important;border-radius: 0;}
.supportingtabbox .tab-pane.active{float:left;width:100%;background: #ffffff;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);border-radius:20px;padding:30px 40px;min-height:504px;}
.supportingtabbox ul.nav.nav-tabs.nav-fill {background: #ffffff !important;}
.col-right-databtn span.subnxttxt{font-size:16px;letter-spacing:1px;}
.supportingtabbox img{position:absolute;border-radius:20px;}
.row.boximgusers.paradiseblocks:hover::-webkit-scrollbar{height: 5px;}
.row.boximgusers.paradiseblocks:hover::-webkit-scrollbar-track {border-radius: 0;  background: #eeeeee;}
.row.boximgusers.paradiseblocks:hover::-webkit-scrollbar-thumb {border-radius: 0; background: #b0b0b0;}

section#supportingtab span.tablink{margin: 0 0 0 0;}
section#supportingtab .nav:after,.nav:before{content:"";display:table}
section#supportingtab .nav:after{clear:both;overflow:hidden}
section#supportingtab .nav{zoom:1;background:none!important}
section#supportingtab .nav li{float:left!important;width:50%!important;list-style:none outside none;float:left;position:relative}
section#supportingtab .nav .active{z-index:3}
section#supportingtab .nav li:before, section#supportingtab .nav li:after, section#supportingtab .nav span.tablink:before,.nav span.tablink:after{content:"";position:absolute;bottom:0;}
section#supportingtab .nav li:before, section#supportingtab .nav li:after{background:#fff;width:30px;height:30px}
section#supportingtab .nav li:before{left:-30px}
section#supportingtab .nav li:after{right:0;border-radius:0;bottom:-30px}
section#supportingtab .nav span.tablink{float:left;padding:10px 40px;text-decoration:none;color:#FFF;background:#23436b;border-radius:20px 20px 0 0;width:100%;text-align:center;font-size:26px;padding:30px 0;font-weight: 600;cursor:pointer;}
section#supportingtab .nav .active span.tablink{background:#fff;color:#333;font-weight:600}
section#supportingtab .nav span.tablink:before, section#supportingtab .nav span.tablink:after{width:30px;height:30px;border-radius:20px;background:#23436b;z-index:2}
section#supportingtab .nav .active span.tablink:before, section#supportingtab .nav .active span.tablink:after{background:#23436b;border-radius:0 0 0 20px;left:-30px;transform:rotate(270deg)}
section#supportingtab .nav span.tablink:before{left:-30px}
section#supportingtab .nav span.tablink:after{right:-30px}
section#supportingtab .nav .active:before, section#supportingtab .nav .active:after{z-index:1;background:#fff;outline:none;box-shadow:none;}
section#supportingtab .tab-content{background:#FFF;color:#23436b; padding: 0 10%;}
section#supportingtab .tab-pane{display:none}
section#supportingtab .tab-pane.active{display:block;position:relative;}
section#supportingtab .supportright.pull-right.w-50.mw-100{background:#23436b;overflow:hidden;border-radius:20px;}
section#supportingtab ul.nav.nav-tabs li.active::after {bottom: -30px;}
section#supportingtab div#monthly.active::before{content:'';background-image:url(../images/wht1.png);background-repeat:no-repeat;background-position:left top;height:40px;position:absolute;left:0;top:0;width:40px}
section#supportingtab div#monthly.active::after{content:'';background-image:url(../images/wht1.png);background-repeat:no-repeat;background-position:left top;height:20px;position:absolute;left:50%;top:-20px;width:20px;transform:rotate(-90deg);background-size:20px}
section#supportingtab .supportingtabbox #monthly.tab-pane.active .tabboxcontent::after{content:'';background-image:url(../images/wht2.png);background-repeat:no-repeat;background-position:left top;height:20px;position:absolute;left:calc(100% - 20px);top:0;width:20px;transform:rotate(90deg);background-size:20px}
.supporttabtxt.text-center {font-size: 28px;font-weight: 600;margin: 10px 0 30px 0;line-height: 120%;color:#1f1f1f;}
.supporttabsubtxt.text-center {font-size: 22px;line-height: 130%;color:#464646;letter-spacing:0.5px;}
.supporttabbtn.text-center{margin:40px 0;}
span.btntabcenter {background: #ee8b3c;float: left;width: 100%;padding: 15px 0; border-radius: 5px;font-size: 18px;color: #ffffff;font-weight: 400;letter-spacing: 0.5px;box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);}

.position-abs {
    position: absolute;
}

.wizsubbtn.fullbtn.text-center.centerbox.petguardianbtn {margin: 30px auto 0;}
.wizsubbtn.petguardianbtn span.subnxttxt{top: 30% !important;}



/* Modal Css */
.wizsubbtn.centerbox {text-align: center;margin: 70px auto 0;}
.modal .modal-dialog {pointer-events: auto !important;}
div#cropImagePop .modal-dialog {background: url(../images/pet-creation/Species-Board-Flower-Pattern.png) no-repeat;background-size: 730px; background-position: top center;min-height:700px;}
.modal span.default-btn.prev-step{color:#ffffff !important;}
.wizsubbtn.centerbox.searchboxbutton {margin: 150px auto 0;}
.loading{position:fixed;top:0;background-color:#000000b5;width:100%;height:100%;text-align:center; z-index:9999;}
div#cropImagePop .modal-body h5.croptxt {margin: 5px 0 0;}
.loading .loader-img{position:relative;top:45%}
.species-modal-list {float: left;width: 100%;height: 397px;overflow-y: auto; width: 642px;margin: 23px 0 0;padding: 30px 50px 0px;}
.modal-contentdata{float:left;width:100%;text-align:center;display:flex;justify-content:center}
.species-modal-list li{list-style-type:none;position:relative;float:left;width:48%;cursor:pointer;margin:1%}
.species-modal-list li img{width:100%}
.species-modal-list li .name {color: #fff;position: absolute;z-index: 9;top: 26%; font-size: 20px;font-style: italic;float: left;width: 100%;left: 0;}
.species-modal-list::-webkit-scrollbar-track{border:1px solid #000;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(50,50,50,1) 25%, rgba(96,93,93,1) 49%, rgba(56,55,55,1) 72%, rgba(0,0,0,1) 100%);border-radius:30px;height: 20px}
.species-modal-list::-webkit-scrollbar{background-color:#000;border-radius:30px;height: 20px}
.species-modal-list::-webkit-scrollbar-thumb{background-color:transparent;background-image:url(../images/pet-creation/scrolling-ontroller.png);background-repeat:no-repeat;background-size:16px;overflow: clip;}


section.pet-content.dayin.content-area.inmemoryof video {width: 100% !important;}
.inmemoryof .wizsubbtn.centerbox button.default-btn.next-step {max-width: 300px; margin: 0px auto;position: relative;}
.inmemoryof .btn-top.view-certi{margin:0 0 30px 0;}
.inmemoryof .btn-top.guestbookbtn{position:relative;}
.inmemoryof .wizsubbtn.centerbox span.subnxttxt {top: 36%;font-size:16px;}
.inmemoryof .btn-top.guestbookbtn span.subnxttxt {top: 22%;font-size: 16px;}
.inmemoryof .btn-top.guestbookbtn .subnxttxt.subviewtxt {top: 47%;font-size: 14px; margin: 0px !important;letter-spacing: 1px;}
.inmemoryof img.img-fluid.w-75.upload-bgimg {position: relative;z-index: 9999;  width: 70% !important;}
.inmemoryof img.img-fluid.imageforupload {position: absolute;margin: 0px auto 0; max-width: 28%;left: 36%;z-index: 0;}
.boxcenterinmemory {
    background-size: 80% 100%;
    float: left;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 3rem 7rem 1rem 7rem;
    margin: 1rem;
    text-align: center;
    min-height: 100%;
}
.inmemoryof .uploaded-image{margin-top: 7rem !important;}
.pet-content.inmemoryof .container-fluid {padding: 0px 40px 0px 40px !important;}
h4.largetxt.font-italic {padding: 10px 70px 0 70px;font-weight: 500;letter-spacing: 1px;line-height: 130%;}


.wizard.thankyoucontentarrea.certiinfotxt .d-flex.justify-content-center {max-width: 78% !important;float: none !important;margin: -50px auto 0 !important;}
/* 29/09/2021 Start*/
.owner-profile .wizard.thankyoucontentarrea.certiinfotxt .d-flex.justify-content-center {max-width: 60% !important;float: none !important;margin: -110px auto 0 !important;}
/* 29/09/2021 End*/
.certiinfomain .wizard.thankyoucontentarrea.certiinfotxt {max-width: 100% !important;margin: 0px auto !important;}
.certiinfomain .wizard.thankyoucontentarrea.certiinfotxt h2.nametxt {margin: 5px 0 !important;font-size: 46px !important;}
.certiinfomain h4.text-center.text-dark2.mt-2.certiinfosubtxt.font-italic {font-size: 1.4rem !important;letter-spacing: 0.1px;margin: 8px 0 0 !important;}
.certiinfomain .text-center.certipimg img.img-fluid.certpimg {max-width: 72px;margin: 10px auto;}
.thankyoupagecontent.loginpagecontentarea.certiinfomain .text-center.certipimg img.img-fluid.certpimg {max-width: 72px;margin: 5px auto;}
.wizard h4.text-dark2.mt-2.certiinfosubtxttop.font-italic {font-style: italic; word-spacing: 0;margin: 0 0 9px 4px !important;letter-spacing: 0.1px !important;}
.btmtxtcerti h4.text-dark2.mt-2.certiinfosubtxttop.font-italic {font-style: italic; word-spacing: 0;margin: 0px 0 2px 4px !important;letter-spacing: 0px !important;}
.text-decoration-underline{cursor:pointer;}
.loginpagecontent .certiinfobuttonbox button.default-btn.next-step{max-width: 250px !important;}
.loginpagecontent .certiinfobuttonbox span.subnxttxt {font-size: 12px !important;letter-spacing:1px;font-style:italic !important;}
.loginpagecontent .certiinfobuttonbox .wizsubbtn.centerbox{margin: 5px 0 0 !important;}
.loginpagecontent .certiinfobuttonbox.align-content-center .wizsubbtn.centerbox{margin: 20px 0 0 !important;}
.btmfootertxt {font-weight: 500 !important;}
.font-12 {font-size:12px !important;}

/* Premium Support */
.container-fluid.thankyoupagecontent.guardian-paradise.premium-supporter-content .text-center.text-dark2.presupport.nametxt {font-size: 64px !important;}
.container-fluid.thankyoupagecontent.guardian-paradise.premium-supporter-content .text-center.text-dark2.text-black{font-size: 1.7rem !important;}
.container-fluid.thankyoupagecontent.guardian-paradise.premium-supporter-content h4.float-left.w-100.text-center.text-dark2.txt-2{font-size: 1.2rem !important;letter-spacing: 0px;}
/* 29/09/2021 Start*/
.owner-profile h4.float-left.w-100.text-center.text-dark2.txt-2{font-size: 1rem !important}
/* 29/09/2021 End*/
.container-fluid.thankyoupagecontent.guardian-paradise.premium-supporter-content .wizard {max-width: 1000px !important;margin: 0px auto !important;}
img.img-pre-support {width: 100px;}
.pre-support-center {max-width: 550px;margin: 0px auto;}
.certiinfobuttonbox.presupportbuttons .btn-top.view-certi.text-center {margin: 5px 0 0 !important;}
.certiinfobuttonbox.presupportbuttons .btn-top.guestbookbtn.text-center{margin: 5px 0 0 !important;}
.certiinfobuttonbox.presupportbuttons .btn-top span.subnxttxt {font-size: 16px; font-style: italic !important;letter-spacing: 2px;top: 28%;}
#PreSupport .carousel-control-next{opacity: 1;padding: 0;right: -40px;width: auto;}
#PreSupport .carousel-control-prev {opacity: 1;padding: 0;left: -40px;width: auto;}
span.sr-only{position:relative;width:auto!important;height:auto!important;margin:15px 0 0;max-width:105px}
#PreSupport h2.slidertxt1{font-size:14px;font-style:italic;color:#6d1910!important;margin:3px 0}
#PreSupport h4.slidertxt2{font-size:28px!important;font-family:Rightland;color:#6d1910!important;margin:3px 0}
#PreSupport .carousel-inner{position:relative;width:80%;overflow:hidden;margin:0 auto}
#PreSupport .carousel-control-next span.sr-only {margin-right: 5px;}
.container-fluid.featured-pet-content.overflow-scroll{overflow-y: auto;}
.container-fluid.featured-pet-content.overflow-scroll::-webkit-scrollbar {width: 2px;}
.container-fluid.featured-pet-content.overflow-scroll::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0);}


h2.featuredtitle{font-size: 60px;font-family: Rightland;font-style: normal !important; line-height: 50px;float: left;width: 100%;margin: -10px 0 0 0;}
h4.featuredtitlesub{font-weight: 400; font-size:18px;}
.boxcenterdataimg h4.featuredtitlesubtxt{font-size: 32px !important;}
h4.featuredtitlesubtxt{font-size: 28px !important;}
h4.featuredtitlesubtxtname {font-size: 20px !important;}
.boxcenterdataimg.text-center.text-dark2 {background: url(../images/owner-creation/Parchment-horizontal.png) no-repeat;width: 100%; background-size: 100% 100%;height: 230px;padding: 40px 40px;}
.boxcenterdataimg h4.featuredtitlesub {font-size: 18px;letter-spacing: 0.8px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
span.href-link.text-decoration-underline {font-size: 18px;}
.col-secondone.d-flex.justify-content-center {display: flex;justify-content: center; justify-items: center;justify-self: center;text-align: center;}
.featured-pet-content img.imageforupload {display: flex;justify-content: center;max-width: 155px;position: absolute;top: 0px;left: 111px;z-index: 0;}
.featured-pet-content img.w-100.upload-bgimg {position: relative;z-index: 9999;}
.col-thirdone .wizsubbtn.centerbox button.default-btn.next-step {max-width: 300px; margin: 10px auto;position: relative;}
.col-thirdone span.subnxttxt {font-size: 16px;letter-spacing:2px;}
.col-thirdone {align-content: center;align-items: center;align-self: center;}
.topfeaturedtxt {background: url('../images/pet-details/The Paradise Beyond stone.png') no-repeat; height: 150px; background-size: 100% 100%; background-position: top center; margin-top: auto; margin-bottom: auto; padding: 35px 60px; color:white;}
.topfeaturedtxt-premium {background: url('../images/pet-details/The Paradise Beyond Premium.png') no-repeat;height: 150px;background-size: 100% 100%;background-position: top center; margin-top: auto; margin-bottom: auto;  padding: 35px 60px; color:black;}

.featured-pet-content .uploaded-image.text-center{position: relative;}

/* 29/09/2021 Start*/
.op-img{position: absolute; z-index: 1; width:66px; height: 66px; margin-top:5px;}
.op-img .user-profile-pic{display: inline-block; width: 100%; height: 100%; overflow: hidden; border-radius: 100px;}
.op-img .user-profile-frame{position: absolute; width: 100%; height: 100%; left: 0; top:0;}
.op-img .logo-icon{position: absolute; bottom: -4px; left: -10px;}
.op-box{position: relative; margin-left:52px;}
.op-box h5 {font-family: Corbel; font-style: italic; font-weight: 900 !important; font-size: 20px; line-height: 24px; text-align: left; letter-spacing: 0.095em;color: #6D1910 !important; margin-left:20px;}
.progress{ display: flex; height: 5px; overflow: hidden; line-height: 0; font-size: .75rem; background-image: linear-gradient(#060606, #131313, #060606); border-radius: .25rem; border: 1px solid #483e2c;width:100%;}
.progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; transition: width .6s ease; background-image: linear-gradient(#7abd2d, #336e1a);}
.op-box .edit-text{margin-top:5px;font-style: italic;font-weight: normal;font-size: 20px;line-height: 24px; text-decoration: none; text-align: left;letter-spacing: 0.095em;text-decoration-line: underline;color: #6D1910; margin-left:20px;}
.user-type{position: absolute; width: 401px; height: 78px; left: 70px; top: 0;  background: #FCEED1; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 13px; z-index: 9;}
.user-type .user-img{position: absolute; width: 60px; height: 63px; left: 15px; top: 7px; z-index: 10; border-radius: 100%; overflow: hidden;}
.user-type .user-img img{border-radius: 100%; width: 100%; height: 100%;}
.user-type .user-img .frame-img{position: absolute; top:0; left: 0;}
.user-type .user-name{ font-style: italic; font-weight: normal; font-size: 20px !important; line-height: 29px; letter-spacing: 0.95px; color: #6D1910; font-weight: 400; padding-left:90px; padding-top:8px;}
.user-type .user-name strong{ color: #6D1910; font-weight: 700;}

.img-upload{width:100%; display: inline-block;}
.img-upload .drop-it-hot { background-color: rgba(255,255,255,0.3); border-radius: 15px; width: 100%; height: 200px; position: relative; display: flex; align-items: flex-start; justify-content: center; overflow: hidden;}
.img-upload .drop-it-hot:after { content: ''; position: absolute; width: calc(100% - 20px);height: calc(100% - 20px); border: 2px dashed: rgba(255,255,255,0.3); border-radius: 5px; z-index: 0;}
.img-upload .circle { display: flex; align-items: center; justify-content: center; position: absolute; color: #4A90E2; width: 100px; height: 100px; }
/*.img-upload .circle { transition: transform 150ms ease-in; z-index: 10; }*/
.img-upload svg { width: 40px; height: 40px;}
/*.img-upload .circle:before { content: ''; background-color: #4B90E2; width: 130px; height: 130px;border-radius: 50%; position: absolute; opacity: 0; transition: transform 250ms ease-in, opacity 200ms ease-in; z-index: 0; }
.img-upload .circle:after { content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%;}
.img-upload .circle:hover { transform: scale(1.2); opacity: .9; }
.img-upload .circle:before { transform: scale(8); opacity: 1;}
.img-upload .circle:after { border: 3px solid white; }*/
.img-upload svg { color: white; z-index: 1;}
.img-upload .highlight:before {transform: scale(8); opacity: 1;}
.img-upload .highlight:after { border: 3px solid white;}
.img-upload svg {color: white; z-index: 1;}
.img-upload .choose-files {align-self: flex-end; z-index: 10;}
.img-upload .button-wrapper { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; position: relative; overflow: hidden; cursor: pointer;}
.img-upload .button-wrapper.btn:hover { background-color: #4E5056;}
.img-upload .label {margin: 20px 0; color: #6D1910; font-size: 20px; text-align: center;font-style: italic;}
.img-upload .button-wrapper input[type=file] { font-size: 100#; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height:100%;}
.img-upload button { border: none; padding: 0; border-radius: 0; background-color:transparent; color: #6D1910; font-size: 20px; cursor: pointer;font-style: italic; line-height: 1.2;}
.img-upload #gallery { position: absolute; height: 100%; top: 0; left: 0; z-index: 100;}
.img-upload .editor { display: flex; flex-wrap: wrap; justify-content: space-between; width: 700px; padding: 20px; box-sizing: border-box; background-color: white;  margin-top: -10px;  z-index: 100; opacity: 0; transform: translateY(50px);}
.img-upload .is-visible { transition: transform 500ms ease-in-out, opacity 500ms ease-in-out; opacity: 1; transform: translateY(0);}
.editprofileleft {padding-right: 0;}
.editprofileright {padding-left: 0;}
.img-upload .range-wrapper { display: flex; flex-direction: column; width: 20%;}
.img-upload .range { -webkit-appearance: none; height: 2px; border-radius: 5px; background: #E6E7F0; outline: none; padding: 0; margin: 10px 0;}
.img-upload ::-moz-range-track { background: #E6E7F0; border: 0;}
.img-upload input::-moz-focus-inner, input::-moz-focus-outer { border: 0; }
.img-upload input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 8px; background-color: #1A90E2; cursor: pointer;}
.img-upload input[type=range]::-moz-range-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 8px; background-color: #4A90E2; cursor: pointer; }
.img-upload input[type=range]::-ms-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 8px; background-color: #4A90E2; cursor: pointer;}

.edit-profile-img{width:110px; height: 114px; position: relative; display: inline-block;}
.profile-img{width: 110px; height:114px; border-radius: 100px; overflow: hidden;}
.profile-img .user-img {width: 94%;height: 94%;border-radius: 100px;margin: 3%;}
.profile-img .frame-img{width: 100%; height:100%; position: absolute; top:0; left: 0;}
.rightedit-profile {padding-left: 50px;}
.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .right-content-area.formarea.thankyoupage .h4, .thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .right-content-area.formarea.thankyoupage h4 {font-size: 1.4rem; font-weight: 500 !important;letter-spacing: 1px;margin-bottom:10px;font-family: Corbel;font-style: italic;font-weight: 500;}
.upload-icon{width: 48px; height:48px; position: absolute; bottom: 0; left: 80px; border-radius: 100px; background: #000; display: flex; align-items: center; justify-content: center;cursor: pointer;}
.upload-icon .icon-img{width: auto; height:auto; text-align: center;background: #000;}
.upload-icon.editpro{width: 32px;height: 32px;position: absolute;bottom: 0; left: -10px;border-radius: 200px;background: #000;display: flex;align-items: center; justify-content: center;cursor: pointer;}
.upload-icon.editpro .icon-img {width: 26px;height: 26px;text-align: center; background: #000;border-radius: 50px;margin:3px auto;}
.upload-icon .frame-img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.mbd-bg{width: 100%; float: left; display: inline-block; background-color: rgba(255,255,255,0.3); border-radius: 5px; padding:15px; }
.mbd-main{padding:0 15px; display: inline-block; }
.mbd-box{width: 100%; display: inline-block; background: transparent; border: 1px solid transparent; border-radius: 5px;  padding:5px 0 0;}
.mbd-box:hover, .mbd-box.active{width: 100%; display: inline-block; border:1px solid #85251B; background: #fef1d4;border-radius: 5px; padding:5px 0 0;text-decoration:none !important; outline:none !important;}
.mbd-box .mbd-img{width: 50px; height: 50px;display: inline-block; text-align: center;}
.mbd-box .mbd-img img{width: 50px; height: 50px; display: block;}
.mbd-box h5{font-style: italic; font-weight: normal; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.095em; text-decoration: none; color: #6D1910; outline:none; display: flex; align-items: center; justify-content: center; min-height: 30px;margin:-4px 0 5px 0;}
span.clsbio {float: left;width: 100%;text-align: center;margin: 45px 0 -45px 0; position: relative;font-size: 24px;font-family: Corbel;font-style: italic;color: #6D1910;font-weight: 500;}
.bio-bg {width: 100%;display: inline-block;background-color: rgba(255,255,255,0.3); padding: 30px 92px 25px 92px; margin: 25px auto 0;border-radius: 5px;font-style: italic;font-weight: normal;font-size: 18px;line-height: 24px;display: flex;align-items: center;text-align: center;letter-spacing: 0.095em;color: #6D1910 !important;outline: none;    border: none;}
.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .wizsubbtn.centerbox button.default-btn.next-step {max-width: 250px; margin: -1px auto 14px;position: relative;}
.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .wizsubbtn.centerbox span.subnxttxt {top: 30%;font-style: italic !important;}

/*.bio-box{width:66%; display: inline-block; margin:0 auto; }*/
/*.bio-box p{font-style: italic;font-weight: normal;font-size: 20px;line-height: 24px;display: flex;align-items: center;text-align: center;letter-spacing: 0.095em;color: #6D1910;}*/
/* 29/09/2021 End*/

/*30/09/2021 Start*/
.pat-img-box{width: 137px; height: 137px; margin: 0 auto; display: inline-block; border-radius: 100px; position: absolute; right:54%; top:8%;}
.pat-img-box-profile {width: 137px; height: 137px; margin: 0 auto; display: inline-block; border-radius: 100px; position: relative;}
.pat-img-box a{display: inline-block; text-decoration: none; outline: none;}
.pat-img{width: 100%; height: 137px; border-radius: 50%; padding: 5px;box-sizing: border-box;}
.pat-frame-img{position: absolute; left:0; top:0; width: 100%; height: auto;}
.pat-name a{ text-decoration: none; }
.log-profile {width: 174px;height: 174px;text-align: center;background: #000;margin: 0rem auto;border-radius: 100px;    position: relative;}
.log-pofile-user {width: 95%;height: 94%;border-radius: 100px;margin: 3%;}
.log-frame-img{position: absolute; left:0; top:0; width: 100%; height: auto;}
.title-box{position: relative; top:0; left: 0; margin:0 auto; width: 100%;display: flex; /*align-items: center; justify-content: center;*/ max-height: 110px;}
/* Track */

.back-button-guest{
    top:8%;
    left:15%;
    height: 3rem;
    width: 3rem;
    position:absolute;
    background-image: url('../images/pet-creation/Return-Button.png');
    background-size: contain;
    cursor: grab;
    z-index:10000;
}

.pat-img-box-mobile{width: 5rem; height: 5rem; margin: 0 auto; display: inline-block; border-radius: 10px; position: absolute; right:54%; top:8%;}
.pat-frame-img-mobile{position: absolute; left:0; top:0; width: 100%; height: auto;}

/*30/09/2021 End*/

.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .title-img-left {width: 32px;}
.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .title-img-right {width: 32px;}
.wizard.wizard-premiumbox .thankyoucontentarrea {padding: 0 70px;}
.wizard-premiumbox-right {padding: 0 0 0 45px;max-width: calc(25% - 14px);}
.op-scrol {float: left;width: 100%;}
.op-scrol img{width:100%;}
.op-box {position: relative;margin-left: 52px;width: calc(100% - 70px);}

.owner-profile .wizard.wizard-premiumbox .inputform input.text, .owner-profile .wizard.wizard-premiumbox .inputform textarea.text {    padding: 8px 20px !important; font-weight: 400;font-size: 18px;border-radius: 2px !important;margin: 0 0 5px 0;}
.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content .wizard.wizard-premiumbox .wizsubbtn.centerbox button.default-btn.next-step {max-width: 250px; margin: 15px auto 10px;}

div#inMemoryCarousel {width: 200px;margin: 0px auto;}
#inMemoryCarousel .carousel-item img {margin: 0px auto 1rem auto;height: 150px;object-fit: cover;}
#inMemoryCarousel .carousel-indicators li {width: 8px;height: 8px;border-top: none;border-bottom: none;border-radius: 40px;}
.cursor-pointer{cursor: pointer;}

span.logout-text {float: left;width: 100%;font-size: 20px;line-height: 24px;text-decoration: none;text-align: left;	margin:5px 0 0;letter-spacing: 0.095em;color: #000000; font-weight:700;font-style: italic;margin-left: 20px;cursor:pointer;}

.bread-selection-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0px 3rem;
}

.pet-form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 0px 2rem;
}
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
    .featured-pet-content img.imageforupload {top: 85px;left: 108px;}
    .inmemoryof img.img-fluid.imageforupload {margin: 99px auto 0;}
}


.transparent-overlay{
    left:0;
    height:100%;
    top:0;
    width:50%;
    color: rgba(0,0,0,0.3);
    background-color:rgba(0,0,0,0.3);
    z-index:0;
    position: absolute;
}

@font-face {
    font-family: corbel;
    src:url(../fonts/corbel.ttf);
  }

.corbel-font{
    font-family: corbel;
}

div#cropImagePop {display: flex !important;align-items: center;align-content: center;align-self: center;}
div#cropImagePop button.close {margin: 0 0;position: absolute;top: 110px;right: 80px;color: #ffffff !important;opacity: 1;outline:none !important;}


.simage {
    max-width:39%;
    max-height:60%;
    min-width: 40%;
    min-height:45%;
    top:-18.5%;
    left:30%;
    right:0;
    z-index:9998;
    position:absolute;
}

.simage-featured {
    max-width:34.5%;
    max-height:45%;
    min-width: 39%;
    min-height:45%;
    top:-12%;
    left:32%;
    right:0;
    z-index:9998;
    position:absolute;
}

.simage-mobile {
    max-width:46%;
    max-height:46%;
    min-width: 39.5%;
    min-height: 48%;
    top:-18.5%;
    left:30%;
    right:0;
    z-index:9998;
    position:absolute;
}

.simage-mobile-view {
    max-width:46%;
    max-height:46%;
    min-width: 38%;
    min-height: 48%;
    top:-20.5%;
    left:31%;
    right:0;
    z-index:9998;
    position:absolute;
}

.simage-list {
    max-width:57%;
    max-height:57%;
    margin: auto;
    top:5.5em;
    left:0%;
    right:0;
    position:absolute;
}

.padding-discovery {
    padding-left:5%;
    padding-right:5%;
}

.box-template-memory {
    background: url(../images/owner-creation/Parchment-horizontal.png) no-repeat;
    width: 100%; 
    background-size: 100% 100%;
    height:80%;
    padding: 10px 30px;
}

.logo-mobile {
    width:4rem;
    padding-left: 0.5rem;
    margin-right: 0.3rem;
}

.guardian-template {
    position: absolute;
    background: url(../images/owner-creation/Parchment-horizontal.png) no-repeat;
    width: 100%; 
    background-size: 100% 100%;
    height:85%;
    padding: 0px 10%;
    margin-top:-1%;
}

.petthankyoudesc {
    font-size:24px;
}
.guardian-text {
    font-size: 90px;font-family: Rightland;font-style: normal !important;line-height: 50px;float: left;width: 100%;    margin: 40px 0 0 0;
}

.guardian-text-desc {
    font-size:16px;
}

.mobile-padding {
    padding-top:4rem;
}

.mobile-discovery-text {
    font-size:12px;
}

.mobile-scrolldata {
    max-height:0px;
}


.modal-overlay {
    top:0px;
    height:100%;
    position:fixed;
    background:rgba(0,0,0,0.7);
    float:left;
    width:100%;
    z-index: 12500;
}

.modal-content-new{
    z-index:13000;
    margin-top: auto;
    margin-bottom: auto;
}

.modal-popup-background {
    width: 100%;
    height: 120%;
    margin-top: auto;
    margin-bottom: auto;
    background: url(../images/owner-creation/Parchment-horizontal.png) no-repeat center;
    background-size: contain, cover;
    overflow: auto;
}

.modal-popup-background-big {
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    background: url('../images/owner-creation/Parchment-verticle-(Phone).png') no-repeat center;
    background-size: 130%;
    overflow: auto;
}

.stats-background {
    width: 100%;
    height: 100%;
    padding: 12rem 2rem;
    background: url(../images/home-page/stat-background.png) no-repeat center;
    background-size: contain, cover;
}

.modal-scrollable {
    height:80%;
    width: 100%;
    padding:0rem 2rem;
    overflow:scroll;
    
}

.details-scrollable {
    height: 15rem;
    width: 95%;
    margin:0rem 1rem;
    padding: 0rem 1rem;
    overflow:scroll;
    overflow-x: hidden;
    
}

.terms-padding{
    padding: 5% 15%;
}

.video-loaded {
    position: fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.video-loaded video, .video-loaded embed, .video-loaded iframe, .video-loaded object {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.video-loaded + *,
.navbar {
    position: relative;
    z-index: 3;
}

.goldfish-header {
    margin-left:15%;
    margin-top:10%;
}

.goldfish-header .pettxtname {
    font-size: 64px !important;
    line-height: 1.35 !important;
}

.goldfish-header .pat-img-box {
    width: 137px;
    height: 137px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
}

.goldfish-chat-scroll {
    position: relative;
    max-height: 40%;
    overflow-y: auto;
    margin: 20px auto;
    overflow-x: hidden;
    margin-left:32%;
}

.goldfish-comment-add {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:15%;
    width:80%;
}

.goldfish-chat {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.goldfish-chat-item {
    margin-bottom: 15px;
    width: 100%;
}

.goldfish-chat-item-inner {
    margin-left: 40px;
    margin-right: 50px;
}

.goldfish-chat-user-info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.goldfish-chat-user-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.goldfish-chat-user-img .user-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.goldfish-chat-user-img .frame-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



.goldfish-chat-user-content {
    padding-left: 12px;
    font-size: 14px;
}

.goldfish-chat-user-name {
    color: #6d1910;
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'Corbel', sans-serif;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 1px;
}

.goldfish-chat-area {
    background-color: rgba(255,255,255,0.3);
    padding: 10px;
    border-radius: 10px;
    color: #6d1910;
}

.goldfish-chat-area img {
    max-width: 260px;
    border-radius: 10px;
}

.goldfish-chat-area-img {
    background-color: transparent;
    padding: 0;
}

.goldfish-chat-area p {
    margin-bottom: 0;
    color: #6d1910;
    font-size: 18px;
    font-family: 'Corbel', sans-serif;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 1px;
}

.right-content-area.formarea.thankyoupage.goldfish-page .wizard {
    float: left;
    width: 100%;
    height: 75vh;
}
.goldfish-chat-form-field {
    position: relative;
}

.goldfish-chat-form-field textarea.form-control {
    background-color: rgba(255,255,255,0.3);
    height: 160px;
    border: 0 none;
    color: #6d1910;
    border-radius: 10px;
    padding-bottom: 60px;
}

.goldfish-chat-form-field input.form-control {
    background-color: rgba(255,255,255,0.3);
    height:45px;
    border: 0 none;
    color: #6d1910;
    border-radius: 10px;
    width: 45%;
    margin-right:5%;
}

.goldfish-chat-form-field textarea.form-control:focus {
    box-shadow: none;
}

.goldfish-chat-form-field textarea.form-control::-webkit-input-placeholder {
    color: #8d2e24;
}

.goldfish-chat-form-field textarea.form-control:-ms-input-placeholder {
    color: #8d2e24;
}

.goldfish-chat-form-field textarea.form-control::placeholder {
    color: #8d2e24;
}

.goldfish-chat-btn {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 1;
    text-shadow: 2px 2px rgba(0,0,0,0.5);
    font-style: italic;
    font-size: 20px;
    color: #fff;
    border: 0 none;
    background-color: transparent;
}

.goldfish-chat-btn .img-frame {
    max-width: 200px;
}

.goldfish-chat-btn .btn-text {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    font-style: normal !important;
}

div#cropImagePop {display: flex !important;align-items: center;align-content: center;align-self: center;}
div#cropImagePop button.close {margin: 0 0;position: absolute;top: 110px;right: 80px;color: #ffffff !important;opacity: 1;outline:none !important;}
.goldfish-chat-item-inner.ownchatinner {
    padding-left: 0px;
}
.goldfish-chat-item-inner.ownchatinner .goldfish-chat-user-info {
    padding-left: 0px;
}
.right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content {
    width: 100% !important;
    float: left;
}

.wizard.wizard-premiumbox.goldfishpage {
    margin: 85px auto 165px !important;
}

.goldfish-chat-scroll::-webkit-scrollbar {width: 3px;}
.goldfish-chat-scroll::-webkit-scrollbar-track {background: rgba(255,255,255,0.2);}
.goldfish-chat-scroll::-webkit-scrollbar-thumb {background: rgba(133,37,27,0.5);border-radius:10px;}
.right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-rightside.m-0 {
    float: left;
    width: 100%;
    margin: 45px 65px 70px 0 !important;
}

#xslUpload button.btn.importar.uploadpropic.uploadpicnew {
    width: 100%;
    pointer-events: none;
    background: url(../images/fileuploadnew.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 0px;
    background-size: 24px !important;
    padding-left: 0;
    color: #fff;
    border-radius: 0;
    padding: 0 0 10px 0 !important;
    font-size: 28px;
    font-style: italic;
    color: #690c0c;
    width: 24px;
    height: 24px !important;
}

.goldfish-chat-form-field textarea.form-control.uploadnewarea {
    height: 250px;
    padding: 60px 15px 70px 15px;
    font-family: 'Corbel', sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 20px;
}

div#xslUpload.fileuploadnewdiv {
    position: relative;
    margin: 20px 0 -50px 0px;
    border-bottom: 1px #6d1910 solid !important;
    padding: 0 0 5px 15px;
    top:45px;

}
.goldfish-chat-form-field textarea.form-control.uploadnewarea::placeholder{opacity: 0.5;}
.container-fluid.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content.karmalog .goldfish-content.text-center.text-dark2 h4.txt-1.pettxtmorning {
    font-size: 22px !important;
    font-weight: 400 !important;
    padding: 0 0 0 50px !important;
}
.right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-rightside .goldfish-chat-scroll {
    height: 100% !important;
    max-height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100% !important;
    width: 100% !important;
}
.right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-rightside .goldfish-chat-scroll .goldfish-chat {
    float: left;
    width: 100% !important;
}
.right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-rightside .goldfish-chat-item .goldfish-chat-item-inner {
    margin: 0 10px;
}
.goldfish-chat-user-content span {
    color: #946C67 !important;
}

.guest-book-image {
    background-image: url("../images/pet-details/book.png") !important;
    background-repeat: no-repeat !important;
    background-position: center;
    width:100%;
    height:100%;
    z-index:10;
    position: fixed;
}

.guest-book-image-mobile {
    background-image: url("../images/pet-details/HalfBook.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0% 20%;
    background-size: contain !important;
    width:100%;
    max-width: 100dvw;
    height:100%;
    z-index:10;
    position: fixed;
    left:0;
    margin-top:10%;
}

.right-content-area.formarea.thankyoupage.goldfish-page {
    position: relative;
    background-image: url(../images/pet-details/book.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px;
    background-size: cover !important;
    max-width: 1800px;   
    margin: 50px auto;
    min-height: 600px;
    padding-bottom: 60px;
}

@media only screen and (min-width: 992px) {

    .right-content-area.formarea.thankyoupage.goldfish-page {
        background-image: url(../images/pet-details/book.png);
        max-width: 1800px;   
        margin: 50px auto;
        min-height: 600px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 1200px) {

    .right-content-area.formarea.thankyoupage.goldfish-page {
        min-height: 820px;
        background-image: url(../images/pet-details/book.png);
        background-repeat: no-repeat !important;
    background-position: 0px 0px;
    background-size: cover !important;
        max-width: 1800px;   
        margin: 50px auto;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 1366px) {

    .right-content-area.formarea.thankyoupage.goldfish-page {
        min-height: 958px;
        background-image: url(../images/pet-details/book.png);
        background-repeat: no-repeat !important;
    background-position: 0px 0px;
    background-size: cover !important;
        max-width: 1800px;   
        margin: 50px auto;
        padding-bottom: 60px;
    }

    .goldfish-chat-form-field {
        margin-right: 110px;
    }

    .goldfish-chat-item-inner {
        margin-right: 70px;
    }

    .goldfish-comment-add {
        width:80%;
    }
}

@media only screen and (min-width: 1520px) {

    .right-content-area.formarea.thankyoupage.goldfish-page {
        min-height: 1058px;
        background-image: url(../images/pet-details/book.png);
        max-width: 1800px;   
        margin: 50px auto;
        padding-bottom: 60px;
    }

    .goldfish-chat-form-field {
        margin-right: 110px;
    }
}

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

    .goldfish-chat-scroll {
        max-height: 485px;
    }
}

@media only screen and (max-width: 1365px) {
    .right-content-area.formarea.thankyoupage.goldfish-page .wizard {
        float: none;
        width: auto;
    }

    .right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-leftside {
        margin: 0 !important;
    }

    .goldfish-chat-form-field {
        margin-right: 20px;
    }

    .goldfish-chat-item-inner {
        margin-left: 22px;
        margin-right: 22px;
    }

    .back-button-guest{
        left:5%;
    }

    .goldfish-header {
        margin-top:10%;
        margin-left:8%;
    }

    .goldfish-header .pettxtname {
        font-size: 80px !important;
    }

    .goldfish-chat-scroll {
        margin-left:20%;
    }
    
    .goldfish-comment-add{
        margin-left:5%;
    }

    .goldfish-comment-add {
        width:70%;
    }
    
}



@media only screen and (max-width: 1199px) {
    .right-content-area.formarea.thankyoupage.goldfish-page .wizard {
        max-width: 920px !important;
    }

    .goldfish-header .pettxtname {
        font-size: 60px !important;
    }

    .goldfish-chat-scroll {
        max-height: 300px;
    }

    .owner-profile {
        font-size: 14px;
        margin-top: 4rem;
    }

    .goldfish-chat-form-field {
        margin-right: 10px;
        margin-left: 60px;
    }

    .right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-rightside .goldfish-chat-item .goldfish-chat-item-inner {
        margin: 0 !important;
    }

    .goldfish-chat-btn {
        font-size: 16px;
    }

    .goldfish-chat-btn .img-frame {
        max-width: 140px;
    }

    .goldfish-chat-form-field textarea.form-control.uploadnewarea,
    .goldfish-chat-area p {
        font-size: 16px;
    }

    
}

@media only screen and (max-width: 991px) {
    .right-content-area.formarea.thankyoupage.goldfish-page .wizard {
        max-width: 700px !important;
        margin-bottom: 20px !important;
        height: auto;
    }

    .right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-leftside {
        float: none;
        max-width: none !important;
    }

    .right-content-area.formarea.thankyoupage.goldfish-page .goldfishpage.wizard-premiumbox .wizard.wizard-premiumbox-content.content-rightside.m-0 {
        margin: 0 !important;
        float: none;
        max-width: none !important;
    }

    .goldfish-header .pettxtname {
        font-size: 50px !important;
    }

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

    .goldfish-chat-item {
        width: 100%;
    }

    .container-fluid.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content.karmalog .right-content-area.formarea.thankyoupage.goldfish-page {
        padding: 90px 80px 20px !important;
    }

    .goldfish-chat-item-inner {
        margin-left: 0;
        margin-right: 0;
    }

    .goldfish-chat-form-field {
        margin-right: 0;
    }
}

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

    .goldfish-header {
        width:100%;
        max-width: none;
        margin-left: 0;
        margin-top:18%;
        text-align: center;
        padding-right:10%;
    }

    .goldfish-header .pettxtname {
        font-size: 40px !important;
    }

    .container-fluid.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content.karmalog .right-content-area.formarea.thankyoupage.goldfish-page {
        padding: 50px 40px !important;
        background-size: 96% 120% !important;
    }

    .container-fluid.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content.karmalog .goldfish-content.text-center.text-dark2 h4.txt-1.pettxtmorning {
        padding-left: 0 !important;
    }

    .goldfish-chat-form-field textarea.form-control.uploadnewarea {
        height: 300px;
    }
    
}

@media only screen and (max-width: 575px) {
    .right-content-area.formarea.thankyoupage.goldfish-page .wizard {
        margin: 10px 0 !important;
    }

    .goldfish-chat-form-field textarea.form-control.uploadnewarea {
        height: 300px;
    }

    .goldfish-chat-scroll {
        max-height: 180px;
    }

    .goldfish-header .pat-img-box {
        width: 60px;
        height: 60px;
    }

    .goldfish-chat-user-img {
        width: 20px;
        height: 20px;
    }

    .goldfish-chat-user-img .user-img {
        position:absolute;
    }

    .goldfish-chat-area {
        padding:4px;
    }

    .goldfish-chat-form-field textarea.form-control.uploadnewarea {
        padding: 10px;
    }

    .goldfish-comment-add {
        padding-right: 0;
        width:80%;
    }

    .pat-img-box-profile {width: 60px; height: 60px; margin: 0 auto; display: inline-block; border-radius: 100px; position: relative;}    
    .pat-img{width: 100%; height: 100%; border-radius: 50%; padding: 5px;box-sizing: border-box;}
}

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

    .goldfish-comment-add {
        margin-top:0;
        margin-left:0;
    }

    .goldfish-chat-form-field{
        margin-left:10%;
    }

    .goldfish-chat-scroll {
        max-height: 180px;
        margin-left: 8%;
        padding-right: 18%;
    }

    .goldfish-chat-user-name {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .goldfish-chat-form-field textarea.form-control.uploadnewarea {
        height: 80px;
    }

    .right-content-area.formarea.thankyoupage.goldfish-page .wizard.wizard-premiumbox-content.content-rightside .goldfish-chat-scroll {
        overflow: inherit;
    }

    .goldfish-chat-form-field {
        margin-top: -15px;
    }

    .goldfish-chat-area img {
        max-width: 100%;
    }

    .goldfish-chat-area p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 380px) {
    .container-fluid.thankyoupagecontent.loginpagecontentarea.certiinfomain.owner-profile.premium-supporter-content.karmalog .right-content-area.formarea.thankyoupage.goldfish-page {
        background-size: 96% 100% !important;
    }
}

@media only screen and (min-width: 1030px) and (max-width: 1366px) {
    .featured-pet-content img.imageforupload {top: 85px;left: 108px;}
    .inmemoryof img.img-fluid.imageforupload {margin: 99px auto 0;}
}

.margin-bottom-guest {
    margin-bottom: 16px !important;
}

hr { width:100%; height:1px; background: #000 }



.color-white {
    color:#000000
}

.close-btn-guardian {
    position:fixed;
    top:90%;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

.preview-privilege{
    background-color: #858865;
    border-radius: 0.5rem;
    color:white;
    text-align:center;
}

body{
    background-color:#fff;
}

/* Product Popup CSS */
.product-popup-txt {
    font-size: 20px;
    /*font-family: Rightland;*/
}

.caretaker-txt {
    font-size: 18px;
    /*font-family: Rightland;*/
    padding-left: 2rem;
    padding-right: 2rem;
}

.referral-selection {
    background-color: white;
    border-radius: 1rem;
    border:rgba(0, 0, 0, 0);
    padding: 0.5rem;
}

.referral-selection-text{
    color:black;
    font-size: 16px;
}

.referral-dn{
    display:none;
}

.fade-in-effect {
    opacity:1;
    -webkit-animation: fadein 1s ease-in;
    -moz-animation: fadein 1s ease-in;
    -o-animation: fadein 1s ease-in;
    -ms-animation: fadein 1s ease-in;
    animation: fadein 1s ease-in;
}

.fade-out-effect {
    opacity:0;
    -webkit-animation: fadeout 1s ease-in;
    -moz-animation: fadeout 1s ease-in;
    -o-animation: fadeout 1s ease-in;
    -ms-animation: fadeout 1s ease-in;
    animation: fadeout 1s ease-in;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.super-background{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:-5;
    opacity:0.3;
}

.black-background{
    position:fixed;
    z-index:-10;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background-color: #000000;
    color: #000000;
}

.black-overlay{
    position:fixed;
    z-index:0;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background-color: #000000;
    color: #000000;
    opacity: 0.7;
}