/** Generated by FG **/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap'); @font-face { font-family: 'Conv_PWFicelles'; src: url('./fonts/PWFicelles.eot'); src: local('☺'), url('./fonts/PWFicelles.woff') format('woff'), url('./fonts/PWFicelles.ttf') format('truetype'), url('./fonts/PWFicelles.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helveticare'; src: url('./fonts/Helvetica.eot'); src: url('./fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('./fonts/Helvetica.woff') format('woff'), url('./fonts/Helvetica.ttf') format('truetype'), url('./fonts/Helvetica.svg#Helvetica') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Helveticaboob'; src: url('./fonts/Helvetica-BoldOblique.eot'); src: url('./fonts/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'), url('./fonts/Helvetica-BoldOblique.woff') format('woff'), url('./fonts/Helvetica-BoldOblique.ttf') format('truetype'), url('./fonts/Helvetica-BoldOblique.svg#Helvetica-BoldOblique') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Helveticabo'; src: url('./fonts/Helvetica-Bold.eot'); src: url('./fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Helvetica-Bold.woff') format('woff'), url('./fonts/Helvetica-Bold.ttf') format('truetype'), url('./fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Helveticali'; src: url('./fonts/Helvetica-Light.eot'); src: url('./fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Helvetica-Light.woff') format('woff'), url('./fonts/Helvetica-Light.ttf') format('truetype'), url('./fonts/Helvetica-Light.svg#Helvetica-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Helveticacom'; src: url('./fonts/Helvetica-Compressed.eot'); src: url('./fonts/Helvetica-Compressed.eot?#iefix') format('embedded-opentype'), url('./fonts/Helvetica-Compressed.woff') format('woff'), url('./fonts/Helvetica-Compressed.ttf') format('truetype'), url('./fonts/Helvetica-Compressed.svg#Helvetica-Compressed') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Helveticacar'; src: url('./fonts/HelveticaRounded-Bold.eot'); src: url('./fonts/HelveticaRounded-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/HelveticaRounded-Bold.woff') format('woff'), url('./fonts/HelveticaRounded-Bold.ttf') format('truetype'), url('./fonts/HelveticaRounded-Bold.svg#HelveticaRounded-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Helveticaobl'; src: url('./fonts/Helvetica-Oblique.eot'); src: url('./fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'), url('./fonts/Helvetica-Oblique.woff') format('woff'), url('./fonts/Helvetica-Oblique.ttf') format('truetype'), url('./fonts/Helvetica-Oblique.svg#Helvetica-Oblique') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; font-family: 'Helvetica'; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } body,html,p{font-family: 'Helvetica'; font-weight: normal; margin: 0; padding: 0; outline: none; overflow-x: hidden; background: transparent; scroll-behavior: smooth;} strong,h2,h3,h1{font-family: 'Helvetica'; font-weight: 700 !important;} a{ text-decoration: none;} a:hover{ text-decoration: none;} li{ list-style: none;} :root{ font-size: 16px;} .width100{width: 100%; margin: 0 auto;} .width30{width: 30%; margin: 0 auto;} .width50{width: 50%; margin: 0 auto;} .width60{width: 60%; margin: 0 auto;} .width70{width: 72%; margin: 0 auto;} .width80{width: 80%; margin: 0 auto;} .width81{width: 90%; float: left;} .width85,.width600{width: 85%; margin: 0 auto; display: none;} .width90{width: 90%; margin: 0 auto;} .width95{width: 97%; margin: 0 auto;} .heightwin{ height: 100%;} .clearfix{ clear: both;} .slick-slide{ outline: none;} /* .margin_top{ margin-top: -5px;} */ .marggap{ margin-bottom: 5px;} .strik{color: red; position: relative; font-size:15px; top:0px;} button:focus, input:focus, select:focus{outline: none;} .fixed{ width: 100%; float: left; background: #27e0e5; position: fixed !important; top: 0 !important; left: 0 !important; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; z-index:99;} .fixed .right .navbarpet ul li a{ color: #696869 !important;} .fixed .right .navbarpet ul li a::after{ content: ""; width: 0; transition: width .3s; display: block; height: 3px; background: transparent; position: absolute; bottom: 33px; left: 50%; transform: translateX(-50%); z-index: -1;} .fixed .right .navbarpet ul li a:hover{ color: #0068ad !important;} .fixed .right .navbarpet ul li a.active{ color: #0068ad !important;} .fixed img{ width: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .fixed .right .navbarpet ul li a img{width: 35px !important; height: 35px !important;} /*header*/ .mainwrapper{ width: 100%; height: auto; padding: 0px; margin: 0;} .mainwrapper header{ width: 100%; height: auto; float: left; background: transparent; position: absolute; top: 0; left: 0; z-index:5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .mainwrapper header .mediatopheader{ width: 100%; float: left; background: transparent; padding: 5px 0px;} .mainwrapper header .mediatopheader .mediabg{ width: 100%; float: right; display: flex; justify-content: flex-end;} .mainwrapper header .mediatopheader .mediabg a{ width: 27px; height: 27px; float: left;margin: 0 0 0 20px; transition: 0.6s all ease;} .mainwrapper header .mediatopheader .mediabg a i{ font-size: 16px; color: #acbbbb;} .mainwrapper header .navbar_desktop{ width: 100%; height: 80px; float: left; display: flex; background: #27e0e5; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;} .mainwrapper header .navbar_desktop .left{ width: 15%; height: 100%; float: left;} .mainwrapper header .navbar_desktop .left .logo{ width: 100%; height: 100%; float: left; padding-top:5px; padding-bottom:5px;} .mainwrapper header .navbar_desktop .left .logo a{ width: 120px; height: 100%; display: flex; align-items: center; justify-content: flex-start;} .mainwrapper header .navbar_desktop .left .logo img{ width: 95%;display: flex; align-items: center; justify-content: center;} .mainwrapper header .navbar_desktop .right{ width: 70%; height: 100%; float: left; display: flex; justify-content:center;} .mainwrapper header .navbar_desktop .right .navbarpet{ width:100%; height: 100%;} .mainwrapper header .navbar_desktop .right .navbarpet ul{ width: 100%; height: 100%; margin: 0; padding: 0; display: flex; justify-content:center;} .mainwrapper header .navbar_desktop .right .navbarpet ul li{ text-align: center; position: relative;} /* .mainwrapper header .navbar_desktop .right .navbarpet ul li:nth-last-child(1){ width: 150px;} */ .mainwrapper header .navbar_desktop .right .navbarpet ul li a{ width: 100%; height: 100%; float: left; font-family: 'Helvetica'; color: #2c2c2c; font-weight: normal; font-size:17px; padding: 0 20px; display: flex; align-items: center; justify-content: center; transition: 0.6s all ease;font-weight: 600;} .mainwrapper header .navbar_desktop .right .navbarpet ul li a img{ width: 35px; height: 35px; border-radius: 100px; border: 2px solid #5e0120;} .mainwrapper header .navbar_desktop .right .navbarpet ul li a:hover{ background: #ffffff; color: #5e0120;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .right .navbarpet ul li a.active{ background: #ffffff; color: #5e0120;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .right .navbarpet ul li:hover ul{display: block; transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul{ width: 100%; height: auto; float: left; position: absolute; top: 80px; left: 0px; background: #27e0e5; display: none; transition: 0.6s all ease; padding: 0 15px;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul li{ width: 100%; float: left;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul li a{ width: 100%; height: auto; float: left; font-family: 'Helvetica'; color: #2c2c2c; font-weight:600; font-size:15px; padding:10px 0px; display: block; text-align: center; transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul li a:hover{ background: transparent; color: #ffffff;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul li a.active{ background: transparent; color: #ffffff;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul li:nth-last-child(1){ width: 100%;} .mainwrapper header .navbar_desktop .last{ width: 15%; height: 100%; float: left; display: flex; justify-content:flex-end;} .mainwrapper header .navbar_desktop .last .navbarpet{ width: 100%; height: 100%; float: right;} .mainwrapper header .navbar_desktop .last .navbarpet ul{ width: 100%; height: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between;} .mainwrapper header .navbar_desktop .last .navbarpet ul li{ text-align: center; position: relative;} .mainwrapper header .navbar_desktop .last .navbarpet ul li:nth-last-child(1){ width: 150px;} .mainwrapper header .navbar_desktop .last .navbarpet ul li a{ width: 100%; height: 100%; float: left; font-family: 'Helvetica'; color: #2c2c2c; font-weight: normal; font-size:14px; padding: 0 15px; display: flex; align-items: center; justify-content: center; transition: 0.6s all ease;font-weight: 600;} .mainwrapper header .navbar_desktop .last .navbarpet ul li a img{ width: 35px !important; height: 35px; border-radius: 100px; border: 2px solid #5e0120;} .mainwrapper header .navbar_desktop .last .navbarpet ul li a:hover{ background: #ffffff; color: #5e0120;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .last .navbarpet ul li a.active{ background: #ffffff; color: #5e0120;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .last .navbarpet ul li:hover ul{display: block; transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul{ width: 100%; height: auto; float: left; position: absolute; top: 80px; left: 0px; background: #27e0e5; display: none; transition: 0.6s all ease; padding: 0 15px;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul li{ width: 100%; float: left;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul li a{ width: 100%; height: auto; float: left; font-family: 'Helvetica'; color: #2c2c2c; font-weight: normal; font-size:15px; padding:10px 0px; display: block; text-align: center; transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul li a:hover{ background: transparent; color: #ffffff;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul li a.active{ background: transparent; color: #ffffff;transition: 0.6s all ease;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul li:nth-last-child(1){ width: 100%;} .mainwrapper header .navbar_desktop .last .navbarpet ul li ul{} /*mobile nav*/ .mainwrapper header .navbar_mobile{ width: 100%; float: left; height: 100%; display: none;} .mainwrapper header .navbar_mobile .left{ width: 20%; float:left; height: 100%; display: flex; align-items: center; justify-content: flex-start;} .mainwrapper header .navbar_mobile .left .mobilenav{ width: 100%; float: left; display: flex; align-items: center; justify-content: center;} .mainwrapper header .navbar_mobile .left .mobilenav .inner_media{ width: 60%; height: 100%; float: left; display: flex; justify-content: center;} .mainwrapper header .navbar_mobile .left .mobilenav .inner_media a{ width: 35px; height: 35px; background:transparent; float: left; border-radius: 5px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: 0.6s all ease;} .mainwrapper header .navbar_mobile .left .mobilenav .inner_media a img{text-align: center; transition: 0.6s all ease;} .mainwrapper header .navbar_mobile .left .head_mobilenav{ width: 75%; float: left; background: #ffffff; position: absolute; top: 81px; left: 0%; z-index: 2;} .mainwrapper header .navbar_mobile .left .head_mobilenav ul{ margin: 0; padding: 10px 15px; box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap;} .mainwrapper header .navbar_mobile .left .head_mobilenav ul li{text-align: center; width: 100%; position: relative;} .mainwrapper header .navbar_mobile .left .head_mobilenav ul li a{ width: 100%; float: left; color: #626262; font-size: 1.2rem; text-align: left; padding: 10px 0px;} .mainwrapper header .navbar_mobile .left .head_mobilenav ul li a:hover{ color:#0068ad;} .mainwrapper header .navbar_mobile .left .head_mobilenav ul li ul{padding: 0 15px;} .mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media{ width: 70%; height: auto; float: left; display:-webkit-inline-box;display: inline-block;padding-bottom: 15px;} .mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media a{ width: 30px; height: 30px; float: left; background:#5e0120; border-radius:50%; display: flex; align-items: center; justify-content: center; margin: 0 0 0 10px;} .mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media a i{font-size: 16px; color: #ffffff;} .mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media a:hover{ background: #5e0120; } .mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media a:hover i{ color: #ffffff; } .mainwrapper header .navbar_mobile .center_logo{ width:60%; float:left; height: 100%; display: flex; align-items: center; justify-content: center;} .mainwrapper header .navbar_mobile .center_logo .logo{ width: 100%; float: left; text-align: center;} .mainwrapper header .navbar_mobile .center_logo .logo a{ width: 100%; float: left; padding: 5px 0px;} .mainwrapper header .navbar_mobile .center_logo .logo a img{ width: 90px;} .mainwrapper header .navbar_mobile .right{ width: 20%; float:left; height: 100%; display: flex; align-items: center; justify-content: flex-end;} .mainwrapper header .navbar_mobile .right .mobilenav{ width: 100%; float: left; display: flex; align-items: center; justify-content: center;} .mainwrapper header .navbar_mobile .right .mobilenav .inner_media{ width: 60%; height: 100%; float: left; display: flex; justify-content: center;} .mainwrapper header .navbar_mobile .right .mobilenav .inner_media a{ width: 35px; height: 35px; background: #ffffff;; float: left; border-radius: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: 0.6s all ease;} .mainwrapper header .navbar_mobile .right .mobilenav .inner_media a img{text-align: center; transition: 0.6s all ease;} .mainwrapper header .navbar_mobile .right .dashnavmob{ width: 75%; float: left; background: #27e0e5; position: absolute; top: 81px; left: 0%; z-index: 2;} .mainwrapper header .navbar_mobile .right .dashnavmob ul{ margin: 0; padding: 0; width: 100%;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li{ width: 100%; float: left; margin-bottom: 15px;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a{ display: flex; width: 100%; float: left; background: #27e0e5; padding: 3px 0px; translate: all 0.5s ease;height: 100%;align-items: center;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a:hover{ background: #ffffff; color: #5e0120; translate: all 0.5s ease; } .mainwrapper header .navbar_mobile .right .dashnavmob ul li a.activeleft{ background: #ffffff; color: #5e0120;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a.activeleft p{ background: #ffffff; color: #5e0120;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a.activeleft .dlefticon{ background: #5e0120;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a:hover p{ color: #5e0120; translate: all 0.5s ease;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a:hover .dlefticon{ background: #5e0120; translate: all 0.5s ease;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a .dleft3{width:30%; float: left;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li a .dright7{width:70%; float: left;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li .dlefticon{width: 30px; height: 30px; float: left; background: #ffffff; text-align: center; border-radius: 100px;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li .drighttext{ width: 100%; float: left; display: flex;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li .drighttext p{ width: 100%; float: left; display: flex; align-items: center; color: #ffffff; padding: 6px 0px;} .navshow{transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: 0.6s all ease;} .navshow.navactive{transform: translateX(0%); -webkit-transform: translateX(0%);} .navhide{transform: translateX(-100%) !important;} .dashnavshow{transform: translateX(140%); -webkit-transform: translateX(140%); transition: 0.6s all ease;} .dashnavshow.dashnavactive{transform: translateX(35%); -webkit-transform: translateX(35%);} #topbtn{display:inline-block;background-color:#27e0e5;width:50px;height:50px;text-align:center;border-radius:100px;position:fixed;bottom:10px;right:30px; display: flex; align-items: center; justify-content: center; transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000} #topbtn::after{content:""; width: 30px; height: 30px; background: url(../images/home/uparrow.png) center no-repeat; background-size: 80%;} #topbtn:hover{cursor:pointer;background-color:#27e0e5;} #topbtn:active{background-color:#27e0e5;} #topbtn.show{opacity:1;visibility:visible} /*home first section*/ .mainwrapper .bannersection{width: 100%; height:auto; float: left; position: relative; overflow: hidden; background: transparent; z-index: 2;} .mainwrapper .bannersection .bannerimgslide1{ width: 100%; float: left; height:100%; position: relative;margin-top: 80px;} .mainwrapper .bannersection .bannerimgslide1 img{ width: 100%;} /* .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone{ width: 100%; height: 100vh; float: left; background: url(../images/home/banner.jpg) no-repeat; background-size: cover;} */ /* .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone_mob{background: url(../images/home/bannermob.jpg) no-repeat;height:450px;background-position:right center;} */ .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner{ width: 38%; float: left; height: auto; position: absolute; left: 5%; top: 25%;text-align: center;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner p{ width: 100%; float: left; color: #000;font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; line-height: normal;font-style: italic;padding-bottom: 15px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner h1{ width: 100%; float: left; color: #000;font-size: 2.3rem; font-weight: 600; letter-spacing: 1px; line-height: normal;font-style: italic;padding-bottom: 10px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner a{color: #000;font-size: 1.2rem;letter-spacing: 0.6px;} ._desk_banner{display: block;} ._mob_banner{display: none !important;} /* .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo{ width: 100%; height: 100vh; float: left; background: url(../images/home/banner.jpg) no-repeat; background-size: cover;} */ /* .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo_mob{background: url(../images/home/bannermob.jpg) no-repeat;height:450px;background-position:right center;} */ .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo .textwrapbanner{ width: 38%; float: left; height: auto; position: absolute; left: 5%; top: 25%;text-align: center;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo .textwrapbanner p{ width: 100%; float: left; color: #000;font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; line-height: normal;font-style: italic;padding-bottom: 15px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo .textwrapbanner h1{ width: 100%; float: left; color: #000;font-size: 2.3rem; font-weight: 600; letter-spacing: 1px; line-height: normal;font-style: italic;padding-bottom: 10px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo .textwrapbanner a{color: #000;font-size: 1.2rem;letter-spacing: 0.6px;} /* .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree{ width: 100%; height: 100vh; float: left; background: url(../images/home/banner.jpg) no-repeat; background-size: cover;} */ /* .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree_mob{background: url(../images/home/bannermob.jpg) no-repeat;height:450px;background-position:right center;} */ .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree .textwrapbanner{ width: 38%; float: left; height: auto; position: absolute; left: 5%; top: 25%;text-align: center;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree .textwrapbanner p{ width: 100%; float: left; color: #000;font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; line-height: normal;font-style: italic;padding-bottom: 15px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree .textwrapbanner h1{ width: 100%; float: left; color: #000;font-size: 2.3rem; font-weight: 600; letter-spacing: 1px; line-height: normal;font-style: italic;padding-bottom: 10px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree .textwrapbanner a{color: #000;font-size: 1.2rem;letter-spacing: 0.6px;} .mainwrapper .bannersection .slick-dots{ bottom: 25px !important;} .mainwrapper .bannersection .slick-dots li{ margin: 0 2px !important;} .mainwrapper .bannersection .slick-dots li button{ width: 15px; height: 15px; border-radius: 100px; line-height: 44px;} .mainwrapper .bannersection .slick-dots li button::before{ font-size: 16px !important; opacity: 1 !important; color: #ffffff !important; border: 3px solid #808080; border-radius: 100px; width: 16px; height: 16px; line-height: normal;} .mainwrapper .bannersection .slick-dots li.slick-active button::before{ color: #ffffff !important; border: 3px solid #27e0e5; border-radius: 100px; width: 16px; height: 16px; line-height: normal;} .mainwrapper .bannersection .slick-dotted.slick-slider{ margin-bottom: 0px !important;} /*Register*/ .mainwrapper .registerborder{ width: 100%; float: left; background: #27e0e5; padding: 20px 0px;} .mainwrapper .registerborder .reginnerwrap{ width: 100%; float: left;} .mainwrapper .registerborder .reginnerwrap ul { margin: 0; padding: 0; width: 100%; display: flex; align-items: center; justify-content: space-between;} /* .mainwrapper .registerborder .reginnerwrap ul li{ width: auto;} */ .mainwrapper .registerborder .reginnerwrap ul li .lefttextwrap{ width: 100%; float: left; display: flex; align-items: center; justify-content: center;} .mainwrapper .registerborder .reginnerwrap ul li .lefttextwrap p{ width: 100%; float: left; font-size: 1.2rem; font-weight: normal; color: #ffffff;} .mainwrapper .registerborder .reginnerwrap ul li .lefttextwrap p strong{ font-weight: bold; font-size: 1.4rem;} .mainwrapper .registerborder .reginnerwrap ul li .regbtn{ width: 100%; float: left;} .mainwrapper .registerborder .reginnerwrap ul li .regbtn a{ width: auto; float: left; font-size: 1.2rem; font-weight: normal; color: #ffffff; border: 2px solid #ffffff; border-radius: 4px; padding: 10px 60px; letter-spacing: 1px; text-transform: uppercase; transition: all 0.5s ease;} .mainwrapper .registerborder .reginnerwrap ul li .regbtn a:hover{ border: 2px solid #5e0120; color: #5e0120; transition: all 0.5s ease;} /*follow*/ .mainwrapper .setfollowsection{ width: 100%; float: left; background: transparent; padding: 40px 0px;} .mainwrapper .setfollowsection .sfollowinnerwrap{ width: 100%; float: left;} .mainwrapper .setfollowsection .sfollowinnerwrap strong{width: 100%; float: left; font-size: 1.19rem; font-weight: normal; color: #2c2c2c; padding: 20px 0px; text-transform: uppercase; letter-spacing: 1px;} .mainwrapper .setfollowsection .sfollowinnerwrap strong b{ font-size: 1.49rem;} .mainwrapper .setfollowsection .sfollowinnerwrap ul { margin: 0; padding: 0; width: 100%; display: flex; align-items: center; justify-content: space-between;} .mainwrapper .setfollowsection .sfollowinnerwrap ul li{ width: auto; position: relative;} .mainwrapper .setfollowsection .sfollowinnerwrap ul li::before{content: ''; width: 42px; height: 48px; float: left; background: url(../images/home/stepfollow.png) no-repeat; background-size: 70%; position: absolute; left: 0; top: 0;} .mainwrapper .setfollowsection .sfollowinnerwrap ul li .lefttextwrap{ width: 100%; float: left; display: flex; align-items: center; justify-content: center;} .mainwrapper .setfollowsection .sfollowinnerwrap ul li .lefttextwrap p{ width: 80%; float: left; font-size: 1.2rem; font-weight: normal; color: #2c2c2c; margin-left: 50px; padding-top: 10px;} /*Your Service*/ /* .mainwrapper .yservicesection{ width: 100%; height:800px; float: left; background:url(../images/home/servicebanner.jpg) no-repeat; background-size: cover; padding: 60px 0px 40px; background-attachment: fixed;} */ .mainwrapper .yservicesection{ width: 100%; height:800px; float: left; padding: 60px 0px 40px;background: #fff;} .mainwrapper .yservicesection .serviceinnerwrap{ width: 100%; float: left;} .mainwrapper .yservicesection .serviceinnerwrap h2{width: 100%; float: left; font-size: 2.59rem; font-weight:700; color: #696869; padding: 20px 0px 40px; text-align: center;font-family: 'Roboto', sans-serif;} .mainwrapper .yservicesection .serviceinnerwrap ul { margin: 0; padding: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .yservicesection .serviceinnerwrap ul li{ width: 48.11%; height: 205px; position: relative; margin: 35px 0 8px; cursor: pointer;} .mainwrapper .yservicesection .serviceinnerwrap ul li:hover .gridservicewrap{ background: rgba(255,255,255,0.4);} .mainwrapper .yservicesection .serviceinnerwrap ul li:hover .gridservicewrap strong{ color: #2c2c2c;} .mainwrapper .yservicesection .serviceinnerwrap ul li:hover .gridservicewrap p{ color: #2c2c2c;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap{ width:100%; height: 200px; float: left; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: rgba(0,0,0,0.5); border: 3px solid #27e0e5; border-radius: 10px; padding: 5%;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap .leftimgserv{ width: 80px; height: 80px; float: left; position: absolute; left: 20px; top: 20px;background:#27e0e5;padding: 10px;border-radius: 50%;display: inline-flex;align-items:center;justify-content: center;border:4px solid #fff;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap .leftimgserv img{ width: 100%;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap strong{ width: 90%; float: right; font-family: 'Helveticare'; font-size: 1.7rem; font-weight: normal; text-align: center; color: #ffffff; padding:10px 0 10px; clear:both; letter-spacing: 1px;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap p{ width: 90%; margin:0 auto;font-family: 'Helveticare'; font-size: 1.2rem; font-weight: normal; color: #ffffff; text-align:center; letter-spacing: 0.6px;} /*love stories*/ .mainwrapper .storiessection{ width: 100%; height: auto; float: left; background:url(../images/home/storiesbg.jpg) no-repeat; background-size: cover; padding: 40px 0px;} .mainwrapper .storiessection .storieinnerwrap{ width: 100%; float: left; padding: 40px 0 20px; display: flex;} .mainwrapper .storiessection .storieinnerwrap .left{ width: 50%; float: left;} .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap{ width: 100%; float: left; position: relative;} .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap .lbox{ width: 460px; float: left; border: 5px solid #27e0e5; padding:12%; position: absolute; z-index: 3; right: -50px; top: 70px;} .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap .lbox strong{width: 100%; float: left; font-family: 'Helveticare'; color: #2c2c2c; font-size: 2.3rem; font-weight: 300; letter-spacing: 1px; padding-bottom: 25px; line-height: 23px; text-transform: uppercase; position: relative; left: -48%;} .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap .lbox p{ width: 100%; float: left; font-family: 'Helveticare'; color: #2c2c2c; font-size: 1.2rem; font-weight: normal; letter-spacing: 1px; line-height: 21px;} .mainwrapper .storiessection .storieinnerwrap .right{ width: 50%; float: left; display: flex;} .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap{ width: 100%; float: left;} .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap ul{ margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap ul li{ width: 31.22%; margin-bottom: 12px; position: relative;} .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap ul li:nth-child(1){ width: 65.6%;} .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap ul li:nth-child(2) .imgstgrid{ position: absolute; bottom: 0;} .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap ul li .imgstgrid{ width: 100%; float: left; } .mainwrapper .storiessection .storieinnerwrap .right .storiesgridwrap ul li .imgstgrid img{ width: 100%;} /*Telepetvet section*/ .mainwrapper .telpetvetsection{ width: 100%; height: 750px; float: left; background:url(../images/home/petvetbanner.jpg) center no-repeat; background-size: cover; padding: 0px 0px; background-attachment: fixed;} .mainwrapper .telpetvetsection .telinnerwrap{ width: 100%; height: auto; float: left; padding-top: 100px;} .mainwrapper .telpetvetsection .telinnerwrap .right{ width: 46%; height: auto; float: right; display: flex; align-items: baseline; justify-content:flex-end; flex-wrap: wrap; margin-right:0;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap{ width: 100%; float: left; } .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap ul{width:100%;float:left;margin-left: 20px;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap ul li{width:100%;float:left;font-size:1.15rem;padding-bottom: 5px;letter-spacing: 0.6px;color:#5e0120;font-weight: 600;list-style-type:circle;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap h3{ width: auto; float: left; color: #5e0120; font-family: 'Helveticare'; font-size: 2.89rem; font-weight:bold; letter-spacing: 0px;padding-bottom: 3px;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap strong{ width: 100%; float: left; color: #5e0120; font-family: 'Helveticabo'; font-size: 1.9rem; font-weight: bold; padding-bottom: 10px;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap p{ width: 100%; float: left; color: #5e0120; font-family: 'Helveticare'; font-size: 1.2rem; font-weight:bold; padding-bottom: 20px; letter-spacing:0.6pxpx; line-height: 26px; clear: both;letter-spacing: 0.6px;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap a{ width: auto; float: left; text-align: center; color: #fff; font-size: 1rem; font-weight:600; background: #5e0120; border-radius: 4px; padding: 10px 30px; margin-top: 20px; transition: all 0.6s ease; clear: both;letter-spacing: 0.6px;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap a:hover{ background: #5e0120; color: #ffffff; transition: all 0.5s ease;} /*petmate section*/ .mainwrapper .petmatesection{ width: 100%; height: 750px; float: left; background:url(../images/home/petmatebnner.jpg) center no-repeat; background-size: cover; padding: 0px 0px; background-attachment: fixed;} .mainwrapper .petmatesection .mateinnerwrap{ width: 100%; height: auto; float: left; padding-top: 100px;} .mainwrapper .petmatesection .mateinnerwrap .left{ width: 37%; height: auto; float: left; display: flex; align-items: baseline; justify-content:flex-end; flex-wrap: wrap;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap{ width: 100%; float: left; text-align: left;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap h4{ width: auto; float:left; color: #000;font-family: 'Helveticare'; font-size: 2.89rem; font-weight:600; letter-spacing: 2px;padding-bottom: 3px; margin-bottom: 10px;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap strong{ width: 100%; float: left; color: #5e0120;font-family: 'Helveticabo'; font-size: 2rem; font-weight: bold; padding-bottom: 25px;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap p{ width: 100%; float: left; color: #000;font-family: 'Helveticare'; font-size: 1.2rem; font-weight: 600; padding-bottom: 20px; letter-spacing: 0.6px; line-height: 20px; clear: both;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap a{ width: auto; float: left; text-align: center; color: #fff; font-size: 1rem; font-weight: 300; background: #5e0120; border-radius: 4px; padding: 10px 30px; margin-top: 10px; transition: all 0.6s ease; clear: both;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap a:hover{ background: #5e0120; color: #ffffff; transition: all 0.5s ease;} /*Petzone section*/ .mainwrapper .petzonesection{ width: 100%; height: 750px; float: left; background:url(../images/home/petzonebanner.jpg) center no-repeat; background-size: cover; padding: 0px 0px; background-attachment: fixed;} .mainwrapper .petzonesection .zoneinnerwrap{ width: 100%; height: auto; float: left; padding-top: 100px;} .mainwrapper .petzonesection .zoneinnerwrap .right{ width: 30%; height: auto; float: right; display: flex; align-items: baseline; justify-content:flex-end; flex-wrap: wrap; } .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap{ width: 100%; float: left; } .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap h5{ width: auto; float: left; color: #000;font-family: 'Helveticare'; font-size: 2.89rem; font-weight:600; letter-spacing: 2px;padding-bottom: 3px; margin-bottom: 10px;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap strong{ width: 100%; float: left; color: #e5ab7f;font-family: 'Helveticabo'; font-size: 2rem; font-weight: bold; padding-bottom: 10px;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap p{ width: 100%; float: left; color: #000;font-family: 'Helveticare'; font-size: 1.2rem; font-weight: 600; padding-bottom: 20px; letter-spacing:0.6px; line-height: 22px; clear: both;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap a{ width: auto; float: left; text-align: center; color: #fff; font-size: 1rem; font-weight: 300; background: #5e0120; border-radius: 4px; padding: 10px 30px; margin-top: 10px; transition: all 0.6s ease; clear: both;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap a:hover{ background: #5e0120; color: #ffffff; transition: all 0.5s ease;} /*how it works*/ .mainwrapper .howitworks{ width: 100%; height: 800px; float: left; background:url(../images/home/howitworks.jpg) center no-repeat; background-size: cover; padding: 0px 0px; background-attachment: fixed;} .mainwrapper .howitworks .zoneinnerwrap{ width: 100%; height: auto; float: left; padding-top: 100px;} .mainwrapper .howitworksnew{ width: 100%; height: 800px; float: left; background:url(../images/home/telepetvetbanner.jpg) center no-repeat; background-size: cover; padding: 0px 0px; background-attachment: fixed;display: block !important;} .mainwrapper .howitworksnew .zoneinnerwrap{ width: 100%; height: auto; float: left; padding-top: 100px;} /*Pet of Month*/ .mainwrapper .petmonthsecton{ width: 100%; height: auto; float: left; background:url(../images/home/homelastbanner.jpg) no-repeat; background-size: cover; padding: 40px 0px;} .mainwrapper .petmonthsecton .monthofwrap{ width: 100%; float: left; padding: 30px 0;} .mainwrapper .petmonthsecton .monthofwrap .left{ width:50%; float: left;} .mainwrapper .petmonthsecton .monthofwrap .left .framwrap{ width: 60%; float: left; background: #ffffff; padding: 6%; position: relative;} .mainwrapper .petmonthsecton .monthofwrap .left .framwrap::before{ content: ''; width: 180px; height: 180px; background: url(../images/home/petmonth/lefttop.png) top left no-repeat; background-size: 80%; position: absolute; top: 0; left: 0;} .mainwrapper .petmonthsecton .monthofwrap .left .framwrap::after{ content: ''; width: 180px; height: 180px; background: url(../images/home/petmonth/bottomright.png) bottom right no-repeat; background-size: 80%; position: absolute; bottom: 0; right: 0;} .mainwrapper .petmonthsecton .monthofwrap .left .framwrap img{ width: 100%;} .mainwrapper .petmonthsecton .monthofwrap .right{ width:50%; float: left;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap{ width: 100%; float:left; padding: 40px 0px 20px; position: relative;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap h6{ width: 100%; float: left; color: #5e0120; font-size: 2.89rem; text-align: center; font-weight: 300; letter-spacing: 2px; margin-top: 20px; margin-bottom: 20px;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap .uptextimg{ width: 100%; height: 300px; float: left; text-align: center; background: url(../images/home/petmonth/monthtextwrap.png) no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap .uptextimg strong{ width: 60%; float: left; color: #ffffff; font-family: 'Helveticabo'; font-size: 1.89rem; font-weight: bold; padding-bottom: 10px;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap .uptextimg p{ width: 60%; float: left; color: #ffffff; font-family: 'Helveticare'; font-size: 1.2rem; font-weight: 300; padding-bottom: 20px; letter-spacing: 1px; line-height: 20px; clear: both;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap img{ width: 100%;} .mainwrapper .petmonthsecton .monthofwrap .thambrunimg{ width: 18.5%; float: left; margin-top: 60px; display: flex; align-items: center; justify-content: space-around;} .mainwrapper .petmonthsecton .monthofwrap .thambrunimg img{ width: 100%;} .mainwrapper .petmonthsecton .monthofwrap .thambimg{ width: 100%; float: left; margin-top: 60px; display: flex; align-items: center; justify-content: space-around; cursor: pointer;} .mainwrapper .petmonthsecton .monthofwrap .thambimg img{ width: 90%;} /*footer*/ .mainwrapper .footerwwrap{ width: 100%; float: left; position: relative; background: #666;} .mainwrapper .footerwwrap::after{content: '' ; width: 145px; height:194px; background: url(../images/home/petmonth/footerright.png) bottom right no-repeat; background-size: 100%; position: absolute; left: 50%; bottom: 0; z-index:1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);} .mainwrapper .footerwwrap .innerwrap{ width: 100%; float: left; padding: 20px 0px;} .mainwrapper .footerwwrap .innerwrap ul { width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between;} .mainwrapper .footerwwrap .innerwrap ul li{ display: inline-flex; width: 21%; position: relative; z-index: 3;} .mainwrapper .footerwwrap .innerwrap ul li i{padding-right: 10px;color:#fff;font-size:1.1.2rem} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid{ width: 100%; float: left; text-align: left;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid strong{ width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.2rem; font-weight: normal; color: #ffffff; letter-spacing: 1px; line-height: 23px; padding-bottom: 20px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid p{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1rem; font-style: italic; font-weight: 300; color: #ffffff; letter-spacing: 1px; line-height: 23px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid a{width: 100%; float: left; font-size: 1rem;font-family: 'Helveticare'; font-weight: normal; color:#ffffff; letter-spacing: 1px; padding-bottom: 10px; margin-top: 30px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid a.centeralign{ width: 100%; float: left; text-align: center; margin: 0;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid a.centeralign img{ width: 100px; text-align: center;border-radius:10px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav{ width: 100%; float: left;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul{ margin:0px; padding:0px; display: block;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul li{ width: 100%; float: left;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul li a{width: 100%; float: left; font-family: 'Helveticare'; font-size:1rem; font-weight: 300; color:#ffffff; letter-spacing: 1px; padding-bottom: 12px; margin: 0; transition: all 0.5s ease;display:inline-flex;align-items:center;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul li a img{padding-right:10px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul li a:hover{ color: #27e0e5; padding-left: 5px; transition: all 0.5s ease;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch{ width: 100%; float: left; position: relative;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch input[type="text"]{ width: 80%; float: left; height: auto; padding: 8px 0px; background: #ffffff; color: #000000; font-weight: 100; font-size: 0.69rem; letter-spacing: 0.5px; border: 2px solid #999999; border-radius: 6px; text-indent: 15px; text-transform: capitalize; margin-bottom: 15px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch input[type="submit"]{ width:auto; float: left; height: auto; padding: 8px 20px; background: #27e0e5; color: #ffffff; font-weight:normal; font-size: 0.69rem; border: none; cursor: pointer; border-radius: 5px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch input[type="button"]{ width:auto; float: left; height: auto; padding: 8px 20px; background: #27e0e5; color: #ffffff; font-weight: normal; font-size: 0.69rem; border: none; cursor: pointer; border-radius: 5px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch:hover input[type="submit"]{transition: all 0.4s ease; background: #27e0e5;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch:hover input[type="button"]{transition: all 0.4s ease; background: #27e0e5;} .mainwrapper .copyrightwrap{ width: 100%; float: left; position: relative; background: #27e0e5;} .mainwrapper .copyrightwrap p{width: 100%; float: left; text-align: center; font-family: 'Helveticare'; font-size: 0.80rem; font-weight: bold; color:#5e0120; letter-spacing: 1px; padding: 15px 0px;} /*about banner section*/ .mainwrapper .aboutbannersection{ width: 100%; float: left; height:auto; position: relative;} .mainwrapper .aboutbannersection img{ width: 100%;margin-top: 115px;} .mainwrapper .aboutbannersection .bannertextwrap{ width: 100%; height: auto; float: left; position: absolute; top: 45%; left: 50%; transform:translateX(-50%); text-align: center;} .mainwrapper .aboutbannersection .bannertextwrap h1{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 3.5rem; color: #ffffff; letter-spacing: 2px; padding-bottom: 15px;} .mainwrapper .aboutbannersection .bannertextwrap span{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 1rem; font-weight: bold; color: #ffffff; letter-spacing: 1px; padding-bottom: 15px; text-transform: uppercase;} .mainwrapper .aboutbannersection .bannertextwrap span a{ width: auto; display: inline-block; color: #ffffff; font-family: 'Helveticacom'; letter-spacing: 1px;} .mainwrapper .aboutbannersection .bannertextwrap span a:hover{ color: #5e0120;} /*about section*/ .mainwrapper .aboutsection{ width: 100%; float: left; height:auto; position: relative; padding: 80px 0 50px;} .mainwrapper .aboutsection .petabout{ width: 100%; float: left;} .mainwrapper .aboutsection .petabout .left{ width: 100%; float: left;} .mainwrapper .aboutsection .petabout .left .aboulefttext{ width: 100%; float: left;} .mainwrapper .aboutsection .petabout .left .aboulefttext h2{ width: 100%; float: left; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; color: #000000; letter-spacing: 1px; margin-bottom: 20px; text-transform: capitalize;} .mainwrapper .aboutsection .petabout .left .aboulefttext h2 span{ color: #27e0e5; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; border-bottom: 2px solid #5e0120;} .mainwrapper .aboutsection .petabout .left .aboulefttext h2 b{ font-size: 2.59rem;} .mainwrapper .aboutsection .petabout .left .aboulefttext h2 span b{ font-size: 2.59rem;} .mainwrapper .aboutsection .petabout .left .aboulefttext p{ width: 100%; float: left;font-size: 1.2rem; font-weight: normal; color: #000; letter-spacing: 0.5px; padding-bottom:20px;line-height: 26px;} .mainwrapper .aboutsection .petabout .right{ width: 50%; float: left; } .mainwrapper .aboutsection .petabout .right .rightimgab{ width: 100%; float: left;} .mainwrapper .aboutsection .petabout .right .rightimgab img{ width: 100%;} /*Meet Our Directors*/ .mainwrapper .meetoursection{ width: 100%; float: left; height:auto; position: relative; background: url(../images/about/thiredbannerbg.jpg) bottom no-repeat; background-size:cover;} .mainwrapper .meetoursection .meetdirectors{ width: 100%; float: left; padding: 80px 0 50px;} .mainwrapper .meetoursection .meetdirectors .tophead{ width: 100%; float: left; display: flex; justify-content: center;} .mainwrapper .meetoursection .meetdirectors .tophead h3{width: auto; float: left; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; color: #ffffff; text-align: center; letter-spacing: 1px; margin-bottom: 15px; clear: both; text-transform:capitalize;} .mainwrapper .meetoursection .meetdirectors .tophead h3 span{ color: #5e0120; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold;} .mainwrapper .meetoursection .meetdirectors .tophead h3 b{ font-size: 2.59rem;} .mainwrapper .meetoursection .meetdirectors .tophead h3 span b{ font-size: 2.59rem;} .mainwrapper .meetoursection .meetdirectors ul{margin: 0; padding: 60px 0 0; width: 100%; display: flex; justify-content: space-between; clear: both; } .mainwrapper .meetoursection .meetdirectors ul li{ width: 30.11%; text-align: center;} .mainwrapper .meetoursection .meetdirectors ul li .ourdiscription{ width: 100%; float: left;} .mainwrapper .meetoursection .meetdirectors ul li .ourdiscription img{ width: 90%;} .mainwrapper .meetoursection .meetdirectors ul li .ourdiscription p{width: 100%; float: left; font-family: 'Helvetica'; font-size:1.1.2rem; font-weight: 300; color: #466566; letter-spacing: 1px; padding:25px 0 15px;line-height: 26px !important;} .mainwrapper .meetoursection .meetdirectors ul li .ourdiscription strong{width: 100%; float: left; font-family: 'Helvetica'; font-size: 1.25rem; font-weight: bold; color: #ffffff; letter-spacing: 1px; padding-bottom: 5px;} .mainwrapper .meetoursection .meetdirectors ul li .ourdiscription span{width: 100%; float: left; font-family: 'Helvetica'; font-size: 1.2rem; font-weight: normal; color: #ffffff; letter-spacing: 1px; border: none; padding-bottom: 15px;} .mainwrapper .testisection{ width: 100%; height: 460px; float: left; position: relative; background: url(../images/about/fourthbannerbg.jpg) no-repeat; background-size: cover;} .mainwrapper .testisection .slidermonial{ width: 100%; float: left; padding: 175px 0 50px;} .mainwrapper .testisection .slidermonial .testimgtextwrap{ width: 100%; float: left;} .mainwrapper .testisection .slidermonial .testimgtextwrap .left{width: 25%; float: left; margin-right: 5%;} .mainwrapper .testisection .slidermonial .testimgtextwrap .left .imgwraptest{ width: 100%; float: left;} .mainwrapper .testisection .slidermonial .testimgtextwrap .left .imgwraptest img{ width: 100%;} .mainwrapper .testisection .slidermonial .testimgtextwrap .right{width: 70%; float: left;} .mainwrapper .testisection .slidermonial .testimgtextwrap .right .textwraptest{ width: 100%; float: left;} .mainwrapper .testisection .slidermonial .testimgtextwrap .right .textwraptest strong{width:100%; float: left; font-family: 'Helvetica'; font-size: 1.2rem; font-weight: bold; color: #27e0e5; letter-spacing: 1px; padding-bottom: 5px; } .mainwrapper .testisection .slidermonial .testimgtextwrap .right .textwraptest strong span{ color: #ffffff;border-bottom: 2px solid #27e0e5; padding-bottom: 10px;} .mainwrapper .testisection .slidermonial .testimgtextwrap .right .textwraptest p{width: 100%; float: left; font-family: 'Helvetica'; font-size: 1rem; font-weight: normal; color: #ffffff; letter-spacing: 0.6px; padding:15px 0;line-height:24px;} .mainwrapper .testisection .slidermonial .slick-slide{ margin-right: 50px !important;} .mainwrapper .testisection .slidermonial .slick-dots{ bottom: -115px !important;} .mainwrapper .testisection .slidermonial .slick-dots li{ margin: 0 2px !important;} .mainwrapper .testisection .slidermonial .slick-dots li button{ width: 15px; height: 15px; border-radius: 100px; line-height: 44px;} .mainwrapper .testisection .slidermonial .slick-dots li button::before{ font-size: 16px !important; opacity: 1 !important; color: #ffffff !important; border: 3px solid #808080; border-radius: 100px; width: 16px; height: 16px; line-height: normal;} .mainwrapper .testisection .slidermonial .slick-dots li.slick-active button::before{ color: #ffffff !important; border: 3px solid #27e0e5; border-radius: 100px; width: 16px; height: 16px; line-height: normal;} .mainwrapper .testisection .slidermonial .slick-dotted.slick-slider{ margin-bottom: 0px !important;} .mainwrapper .choosesection{ width: 100%; float: left; height:auto; position: relative;} .mainwrapper .choosesection .wchoosewrap{ width: 100%; float: left; padding: 50px 0px;} .mainwrapper .choosesection .wchoosewrap .tophead{ width: 100%; float: left; text-align: center; display: flex; justify-content: center; flex-direction: column; position: relative;} .mainwrapper .choosesection .wchoosewrap .tophead::after{content: ''; width: 300px; height: 10px; background-size: auto; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);} .mainwrapper .choosesection .wchoosewrap .tophead h4{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; color: #27e0e5; text-align: center; letter-spacing: 1px; margin-bottom: 15px; clear: both; margin: 0; text-transform:capitalize; } .mainwrapper .choosesection .wchoosewrap .tophead h4 b{ font-size: 2.59rem;} .mainwrapper .choosesection .wchoosewrap .tophead p{width: 100%; float: left; font-family: 'Helvetica'; font-size: 1rem; font-weight: normal; color: #2c2c2c; letter-spacing: 1px; padding:15px 0 20px;} .mainwrapper .choosesection .wchoosewrap .left{ width: 50%; float: left; position: relative; margin: 60px 0;} .mainwrapper .choosesection .wchoosewrap .left::before{content: ''; width: auto; height: 90%;border-right: 2px dashed #27e0e5; position: absolute; right: 43px; top: 15px; z-index: -1;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner{ width: 100%; float: left;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul{ margin: 0; padding: 0px;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li{ width: 100%; float: left; background: url(../images/about/chooseicon.png) right no-repeat; background-size:87px; margin: 25px 0px;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li:first-child{ margin-top: 0;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li:nth-last-child(1){ margin-bottom: 0;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li .choosetextwrap{ width: 80%; float: left; text-align: right; padding:10px 0 0;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li .choosetextwrap strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 1.25rem; font-weight: bold; color: #000000; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li .choosetextwrap p{width: 100%; float: left; font-family: 'Helvetica'; font-size:1.1.2rem; font-weight: normal; color: #666666; letter-spacing: 1px; padding:5px 0 15px;} .mainwrapper .choosesection .wchoosewrap .right{ width: 50%; float: left;} .mainwrapper .choosesection .wchoosewrap .right .whychoimg{ width: 90%; float: left; margin-left: 10%;} .mainwrapper .choosesection .wchoosewrap .right .whychoimg img{ width: 100%;} /*Telepetvet banner section*/ .mainwrapper .telebannersection{ width: 100%; float: left; height:auto; position: relative;} .mainwrapper .telebannersection img{ width: 100%;} .mainwrapper .telebannersection .bannertextwrap{ width: 100%; height: auto; float: left; position: absolute; top: 50%; left: 50%; transform:translateX(-50%); text-align: center;} .mainwrapper .telebannersection .bannertextwrap h1{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 3rem; font-weight: bold; color: #ffffff; letter-spacing: 1px; padding-bottom: 15px;} /*telepetvet*/ .mainwrapper .telesection{ width: 100%; float: left; position: relative; background:url(../images/telepetvet/viewallbannerbg.png) repeat-y; background-size: 100% auto;height: 500px;display:flex;align-items: center;} .mainwrapper .telesection_new{width: 100%; float: left; position: relative; background:#fff; background-size:cover;height: 484px;display:inline-flex;align-items: center;background-position: right center;} .mainwrapper .telesection .petvetwrap{ width: 100%; float: left; padding: 40px 0px 0;} .mainwrapper .telesection .petvetwrap .tophead{width: 100%; float: left;} .mainwrapper .telesection .petvetwrap .tophead h1{ width: 30%; float: left; font-size: 2.2rem; font-weight: bold; font-family: 'Helveticacar'; color: #000000; text-align: center; position: relative; } .mainwrapper .telesection .petvetwrap .tophead h1::before{content: ''; width:170px; height: 5px; float: left; position: absolute; bottom: 0; border-bottom: 2px solid #5e0120;display: none;} .mainwrapper .telesection .petvetwrap p{ width: 100%; float: left; font-size: 1rem; color: #000000; padding: 15px 0px; line-height: 25px; letter-spacing: 0.5px;} .mainwrapper .telesection .petvetwrap p b{ font-weight: normal; color: #27e0e5; font-size: 1.2rem;} .mainwrapper .telesection .petvetwrap .left{ width: 50%; float: left;} .mainwrapper .telesection .petvetwrap .left .lefttextwrap{ width: 100%; float: left;} .mainwrapper .telesection .petvetwrap .left .lefttextwrap p{ width: 100%; float: left; font-size:1.2rem; color: #000000; padding: 10px 0px; line-height: 30px; letter-spacing: 0.5px;} .mainwrapper .telesection .petvetwrap .right{ width: 50%; float: left; margin-left: 10%;} .mainwrapper .telesection .petvetwrap .right .rightimgwrap{ width: auto; float: left; position: absolute; bottom: -10px;} .mainwrapper .telesection .petvetwrap .right .rightimgwrap img{width: 80%;} /*Curated by vets*/ .mainwrapper .curatedsection{ width: 100%; height: 500px; float: left; position: relative; background: url(../images/telepetvet/telethirdbannerbg.jpg) center no-repeat; background-size: cover;} .mainwrapper .curatedsection .curatvetsw{ width: 100%; height: 100%; float: left; padding: 40px 0px;} .mainwrapper .curatedsection .curatvetsw .tophead{width: 100%; float: left;} .mainwrapper .curatedsection .curatvetsw .tophead h3{ width: 100%; float: left; font-size: 2.2rem; font-weight: bold; font-family: 'Helveticacar'; color: #ffffff; text-align: center; position: relative; margin-bottom: 25px;} .mainwrapper .curatedsection .curatvetsw .tophead h3::after{content: ''; width:150px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .curatedsection .curatvetsw .tophead h3::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .curatedsection .curatvetsw ul{ margin: 0; padding:0; width: 100%; height: 400px; float: left; display: flex; align-items: center; justify-content:space-evenly;flex-wrap: wrap;align-content: center;align-content: center;} .mainwrapper .curatedsection .curatvetsw ul li{ width:23%;margin-bottom: 3%;} .mainwrapper .curatedsection .curatvetsw ul li .craetegridbox{ width: 100%; height: 120px; float: left; background: #27e0e5; padding: 10%; display: flex; align-items: center;border-radius: 5px;position: relative;justify-content: center;} .mainwrapper .curatedsection .curatvetsw ul li .craetegridbox span{position: absolute;top: -17px;width: 40px;height: 40px;border-radius: 50%;display: inline-flex;justify-content: center;align-items: center;color: #fff;background: #5e0120;} .mainwrapper .curatedsection .curatvetsw ul li .craetegridbox strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 1.2rem; font-weight: bold; color: #ffffff; text-align: center; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} /*Why telepetvet*/ .mainwrapper .whtelesection{ width: 100%; float: left; position: relative;background:url(../images/telepetvet/viewallbannerbg.png) repeat-y; background-size: 100% auto; /*background: url(../images/telepetvet/telepetvetbannerbg.jpg) center no-repeat; background-size: cover;*/} .mainwrapper .whtelesection .whpetvetwrap{ width: 100%; float: left; padding: 40px 0px 0;} .mainwrapper .whtelesection .whpetvetwrap .tophead{width: 100%; float: left;} .mainwrapper .whtelesection .whpetvetwrap .tophead strong{width: auto; float: none; display: block; font-family: 'Helveticacar'; font-size: 1.25rem; font-weight: bold; color: #000000; letter-spacing: 1px; padding-bottom: 15px; margin: 0; text-align: center; text-decoration: underline;} .mainwrapper .whtelesection .whpetvetwrap .tophead h4{ width: 100%; float: left; font-size: 2rem; font-weight: bold; font-family: 'Helveticacar'; color: #27e0e5; text-align: center; position: relative; margin-bottom: 25px;} .mainwrapper .whtelesection .whpetvetwrap ul { margin: 0; padding: 25px 0px 55px; width: 100%; float: left;} .mainwrapper .whtelesection .whpetvetwrap ul li{width: 90%; float: left; font-size: 1rem; color: #27e0e5; letter-spacing: 1px; margin-bottom: 30px; list-style: disc; padding-left: 15px;} /*PetMantraa’s Subscriptions*/ .mainwrapper .petsubsection{ width: 100%; height: autono; float: left; position: relative; background: #27e0e5;} .mainwrapper .petsubsection .subscripet{ width: 100%; height: 100%; float: left; padding: 40px 0px;} .mainwrapper .petsubsection .subscripet .tophead{ width: 100%; float: left; display: flex; justify-content: center;} .mainwrapper .petsubsection .subscripet .tophead h5{width: auto; float: left; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; color: #ffffff; text-align: center; letter-spacing: 1px; margin-bottom: 15px; clear: both; border-bottom: 1px solid #ebebeb; padding: 0 25px 15px;} .mainwrapper .petsubsection .subscripet .tophead h5 span{ color: #ffffff; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; border-bottom: 2px solid #5e0120; padding-bottom: 15px;} .mainwrapper .petsubsection .subscripet ul{ margin: 0; padding:0; width: 100%; height: auto; float: left; display: flex; align-items: center; justify-content: space-between;} .mainwrapper .petsubsection .subscripet ul li{ width:30.11%; } .mainwrapper .petsubsection .subscripet ul li .craetegridbox{ width: 100%; height: auto; float: left; background: #ffffff; padding: 10%; display: flex; align-items: center; flex-wrap: wrap; border-radius: 15px;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 1.25rem; font-weight: bold; color: #ffffff; text-align: center; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap{ width: 100%; float: left; border-bottom: 2px solid #acbbbb;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .left{ width: 50%; float: left;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .left .lefttextwrap{ width: 100%; float: left; padding: 10%;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .left .lefttextwrap strong{width: 100%; float: left; font-family: 'Helvetica'; font-size: 1.2rem; font-weight: normal; color: #000000; text-align: center; letter-spacing: 1px; padding-bottom: 5px; margin: 22px 0 0; } .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .right{ width: 50%; float: left;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .right .righttextwrap{ width: 100%; float: left; padding: 10%;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .right .righttextwrap span{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 1rem; font-weight: bold; color: #000000; text-align: center; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ftextwrap .right .righttextwrap strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 2rem; font-weight: bold; color: #000000; text-align: center; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .stextwrap{ width: 100%; float: left; padding-top: 20px;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .stextwrap ul {margin: 0; height: auto; padding: 0; display: block;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .stextwrap ul li{ width: 90%; float: left; font-size: 1rem; color: #000000; padding: 10px 0 10px 30px; background: url(../images/telepetvet/iconpng.png) left center no-repeat; background-size:18px;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ttextwrap{ width: 100%; float: left; padding-top: 20px;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .ttextwrap a{ width:100%; float: left; background: #27e0e5; text-align: center; padding: 15px 0; font-size: 1.2rem; color: #ffffff;} .mainwrapper .petsubsection .subscripet .toggle {width: 100%; float: left;} .mainwrapper .petsubsection .subscripet .toggle .tabs {width: 100%;overflow: hidden;height: auto;line-height: 36px; display: flex; align-items: center; justify-content: center; padding: 20px 0px;} .mainwrapper .petsubsection .subscripet .toggle .tabs .tab { width:25%; height: auto; float: left; font-size: 1.39rem; font-family: 'Helveticabo'; background: transparent;color: #ffffff;height: auto; text-align: center; margin: 2px 20px 0; padding:15px 8px; cursor: pointer; border-bottom: 3px solid transparent;} .mainwrapper .petsubsection .subscripet .toggle .tabs .tab.active {color: #ffffff;border-bottom: 3px solid #5e0120;} .mainwrapper .petsubsection .subscripet .toggle .panels .panel {width:100%; float: left; padding: 20px 10px;display: none;} .mainwrapper .petsubsection .subscripet .toggle .panels .panel:first-child {display: block;} .mainwrapper .signbannersection{ width: 100%; float: left; height:auto; background: url(../images/signbannerbg.jpg) center center no-repeat; background-size: cover; display: flex; padding: 80px 0;} .mainwrapper .signbannersection .signcenterwrap{ width: 100%; float: left; height: auto; display: flex; align-items: baseline; justify-content: center; margin-top: 100px;} .mainwrapper .signbannersection .signcenterwrap .formsign{ width: 90%; float: left; height: auto; background: #27e0e5; padding: 5%;} .mainwrapper .signbannersection .signcenterwrap .formsign h1{width: 100%; float: left; font-family: 'Helveticacar'; font-size: 1.29rem; font-weight: bold; text-transform: uppercase; color: #ffffff; text-align: center; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface{ width: 100%; float: left;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul { margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li{width: 46.11%;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li a{ display: block;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li a:hover .googlefacebtn{ border: 2px solid #5e0120;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn{ width: 90%; float: left; border: 2px solid #ffffff; padding:5%; margin-top: 30px;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn .icongoogle{ width: 30%; float: left; text-align: center;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn .icongoogle img{ width: auto;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn .leftsigntext{ width: 70%; float: right; text-align: center;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn .leftsigntext p{width: 100%; float: right; color: #ffffff; font-size: 1.2rem; text-align: center;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails{ width: 100%; float: left; padding: 30px 0px 15px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails ul{ width:100%; display: flex; justify-content: space-between;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails ul.celoginbtn{width: 100%; display: flex; justify-content: center;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails ul li{ width: 48.11%;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields{ width: 100%; float: left; margin-bottom: 15px; position: relative;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields a{ width:100%; float:left; font-size: 1rem; color: #245354;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields a:hover{color: #5e0120;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields label{ width: 100%; float: left; font-size: 1rem; color: #ffffff; padding-bottom: 8px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="text"]{ width: 100%; height: 28px; float: left; background: transparent; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="number"]{ width: 100%; height: 28px; float: left; background: transparent; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* Firefox */ input[type=number] { -moz-appearance: textfield !important; } .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="password"]{ width: 100%; height: 28px; float: left; background: transparent; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields select{ width: 100%; float: left; height: 28px; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:3px; background:url(../images/selectdownarrow.png) 97% center no-repeat; padding: 0; background-size: 12px; appearance: none; -moz-appearance: none; position: relative;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields select::after{ content: ''; width:2px; float: left; height: 38px; position: absolute; top: 0; left: 93%; border-left: 2px solid #ffffff; padding: 0;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields textarea{ width: 100%; height: 50px; float: left; background: transparent; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="submit"]{width: 100%; float: left; text-align: center; background:transparent; display: block; padding: 12px 0px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 10px; margin-top: 15px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="button"]{width: 100%; float: left; text-align: center; background:transparent; display: block; padding: 12px 0px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 10px; margin-top: 15px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields span{font-size: 10px; color: rgb(245, 5, 5); float: left; position: absolute; bottom:-15px; width: auto; right: 0; letter-spacing: 0.6px;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn{ width: 100%; float: left;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn ul { margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn ul.centerbtn{width: 100%; display: flex; justify-content: center;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn ul li{width: 46.11%;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn ul li a{ width: 100%; float: left; text-align: center; display: block; padding: 12px 0px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 10px;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn ul li a:hover { color: #5e0120; border: 2px solid #5e0120;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn p{width: 100%; float: left; font-size: 1rem; color: #ffffff; padding: 15px 0px; text-align: center; line-height: normal; letter-spacing: 0.5px;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn p a{ color:#245354;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn p a:hover{color: #5e0120;} .aligntext{ text-align: center;} .aligntext .inputfields input[type="password"]{ width: 100%; height: 28px; float: left; background: transparent; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:0px !important; text-align: center;} /*PetDate*/ /*PetDate banner section*/ .mainwrapper .petdatebannersection{ width: 100%; float: left; height:auto; position: relative;} .mainwrapper .petdatebannersection img{ width: 100%;} .mainwrapper .petdatebannersection .bannertextwrap{ width: 100%; height: auto; float: left; position: absolute; top: 70%; left: 50%; transform:translateX(-50%); text-align: center;} .mainwrapper .petdatebannersection .bannertextwrap h1{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 4rem; font-weight: bold; color: #ffffff; letter-spacing: 1px; padding-bottom: 15px;} /*PetDate Follow*/ .mainwrapper .datefollowection{ width: 100%; height: auto; float: left; position: relative; background:url(../images/telepetvet/viewallbannerbg.png) repeat-y; background-size: 100% auto; /*background: url(../images/petdate/followbanner.jpg) no-repeat; background-size: cover;*/ } .mainwrapper .datefollowection .petvetwrap{ width: 100%; float: left; padding: 80px 0px 0;} .mainwrapper .datefollowection .petvetwrap p{ width: 100%; float: left; font-size: 0.99rem; color: #000000; padding: 15px 0px; line-height: 25px; letter-spacing: 0.5px;} .mainwrapper .datefollowection .petvetwrap .tophead{ width: 100%; float: left; text-align: center; padding-top:50px;} .mainwrapper .datefollowection .petvetwrap .tophead h2{width: 100%; float: left; font-family: 'Helveticare'; font-size:1.59rem; font-weight: normal; color: #2d2d2d; text-align: center; letter-spacing: 1px; margin: 15px 0; clear: both; text-transform: uppercase;} .mainwrapper .datefollowection .petvetwrap .tophead h2 b{ font-size: 2rem;} .mainwrapper .datefollowection .petvetwrap .gridpetdate{ width: 100%; float: left; margin: 90px 0 80px;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul{ margin: 0; padding: 0; width:100%; display:flex; justify-content: space-between;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li{ width:22.11%; float: left;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .left{ width: 40%; float: left;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .left .lefttextwrap{ width: 100%; float: left;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .left .lefttextwrap img{width: 70%;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .left .lefttextwrap p{ width: 100%; float: left; font-size: 0.85rem; color: #000000; padding: 10px 0px; line-height: 20px; letter-spacing: 0.5px;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .right{ width: 50%; float: left;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .right .rightimgwrap{ width: 100%; float: left;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li .right .rightimgwrap img{width: 100%;} /*Pet Date looking*/ .mainwrapper .petdatelooksection{ width: 100%; height:750px; float: left; position: relative; background: url(../images/petdate/petdatelookingbanner.jpg) center no-repeat; background-size: cover;margin-top: 70px;} .mainwrapper .petdatelooksection_other{ width: 100%; height: auto; float: left; position: relative; background: url('https://www.petmantraa.com/wip/public/images/home/bannernew.jpg') center no-repeat; background-size: cover;height:750px;} .mainwrapper .petdatelooksection .bannerpetdatetext{ width: 100%; height: 100%; float: left; padding: 80px 0px;} .mainwrapper .petdatelooksection .bannerpetdatetext .tophead{width: 100%; float: left;} .mainwrapper .petdatelooksection .bannerpetdatetext .tophead h3{ width: 100%; float: left; font-size: 2.89rem; font-weight: bold; font-family: 'Helveticare'; color: #000000; text-align: center; position: relative; } .mainwrapper .petdatelooksection .bannerpetdatetext .tophead h3 b{ color:#ffffff; text-transform: uppercase;} .mainwrapper .petdatelooksection .bannerpetdatetext .tophead strong{ width:100%; float:left; text-align: center; font-size: 2rem; font-weight: normal; font-family: 'Helveticare'; color: #000000; padding: 50px 0;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate{ width: 90%;height: auto; background: rgba(0,0,0,0.8); padding: 30px 0px;position: absolute;bottom:0px;left:0;right:0;border-radius:10px;bottom: 20px;margin: 0 auto;} .mainwrapper .petdatelooksection_other .bannerpetdatetext .formpetdate{ width:90%;height: auto; background: rgba(0,0,0,0.8); padding: 30px 0px;position: absolute;bottom:20px;left:0;right: 0;margin: 0 auto;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul{ margin: 0; padding:0; width: 100%; height: auto; float: left; display: flex; align-items: center; justify-content: space-evenly;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li{ width:16.11%; } .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li .innerform{ width: 100%; height: auto; float: left; background: transparent;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li .innerform label{ width: 100%; float: left; font-size: 1rem; text-align: left; color: #ffffff; padding-bottom: 10px;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li .innerform input[type="text"]{ width: 100%; height: 30px; float: left; background: #ffffff; border: none; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;border-radius: 4px;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li .innerform input[type="password"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: none; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li .innerform select{ width: 100%; float: left; height: 30px; border: none; font-size: 1rem; color: #2c2c2c; text-indent:3px; background:url(../images/petdate/selectdownarrow.png) 97% center no-repeat #ffffff; padding: 0; background-size: 9 px; appearance: none; -moz-appearance: none; position: relative;border-radius: 4px;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate .innerformbtn{ width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin-top: 20px;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate .innerformbtn input[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #282828;; display: block; padding: 6px 25px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate .innerformbtn input[type="button"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #282828;; display: block; padding: 6px 25px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .petdatelooksection .bannerpetdatetext .bottomheading{ width: 100%; float: left; padding: 80px 0px 0;} .mainwrapper .petdatelooksection .bannerpetdatetext .bottomheading h4{ width: 100%; float: left; font-size: 3.59rem; font-weight: bold; font-family: 'Helveticare'; color: #000000; text-align: center; position: relative; } .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .anv_status{background: #e02626 !important;margin: 0 auto !important;width: auto !important;border: none !important;border-radius: 4px !important;width: auto !important;text-align: center !important;font-size: 1.2rem !important;outline: none !important;padding: 7px 20px !important;right:0 !important;left: 0 !important;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .avs_status{background: #2ea72e !important;margin: 0 auto !important;width: auto !important;border: none !important;border-radius: 4px !important;width: auto !important;text-align: center !important;font-size: 1.2rem !important;outline: none !important;padding: 7px 20px !important;right:0 !important;color:#fff !important;left: 0 !important;} /*PetDate Search details section*/ .mainwrapper .petdatesearchbannersection{ width: 100%; float: left; height:auto; position: relative;} .mainwrapper .petdatesearchbannersection img{ width: 100%;} .mainwrapper .petdatesearchbannersection .bannersrchtextwrap{ width: 100%; height: auto; float: left; position: absolute; top: 55%; left: 50%; transform:translateX(-50%); text-align: center;} .mainwrapper .petdatesearchbannersection .bannersrchtextwrap h1{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 3rem; font-weight: bold; color: #ffffff; letter-spacing: 2px; padding-bottom: 15px;} .mainwrapper .petdetailssection{ width: 100%; height: auto; float: left; position: relative; padding: 40px 0px;background: #fff;} .mainwrapper .petdetailssection .petinnerdetails{ width: 100%; height: 100%; float: left; padding-bottom: 25px;} .mainwrapper .petdetailssection .petinnerdetails .tophead{width: 100%; float: left; margin-bottom: 80px;} .mainwrapper .petdetailssection .petinnerdetails .tophead h2{ width: 100%; float: left; font-size: 2rem; font-weight: bold; font-family: 'Helveticacar'; color: #27e0e5; text-align: center; position: relative; } .mainwrapper .petdetailssection .petinnerdetails .tophead h2::after{content: ''; width:150px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .petdetailssection .petinnerdetails .tophead h2::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .petdetailssection .petinnerdetails .left{ width: 25%; float: left;} .mainwrapper .petdetailssection .petinnerdetails .left .pdtimgwra{ width: 100%; height: 300px; float: left; margin-bottom: 15px; overflow: hidden;} .mainwrapper .petdetailssection .petinnerdetails .left .pdtimgwra img{ width: 100%; height: auto;} .mainwrapper .petdetailssection .petinnerdetails .left .pdtimgwranavthanmb{ width: 100%; height: 100px; float: left; display: flex; align-items: center; justify-content: center;} .mainwrapper .petdetailssection .petinnerdetails .left .pdtimgwranavthanmb img{ width:100px; height: auto; text-align: center; cursor: pointer;} .mainwrapper .petdetailssection .petinnerdetails .slick-prev::before,.mainwrapper .petdetailssection .petinnerdetails .slick-next::before{ color: #27e0e5;} .mainwrapper .petdetailssection .petinnerdetails .right{ width: 70%; float: left; margin-left: 5%;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap{ width: 100%; float: left;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .leftindt{ width:60%; float: left;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .leftindt .namedthead{ width: 100%; float: left;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .leftindt .namedthead strong{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.25rem; font-weight: bold; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 5px; margin: 0;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .leftindt .namedthead strong span{font-size:1.2rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 5px; margin: 8px 0 0 0;width: 100%;float: left;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .leftindt .namedthead b{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.2rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 8px; margin: 0;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .leftindt .namedthead b span{font-size:1.2rem; font-weight: normal;color: #666666; text-align: left; letter-spacing: 1px;margin: 0;width:100%;float:left;padding-top: 8px;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .rightindt{ width:40%; float: left;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .rightindt .overallrating{ width: 100%; float: left; text-align: right;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .rightindt .overallrating span{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.15rem; font-style: italic; font-weight: normal; color: #666666; text-align: right; letter-spacing: 1px; padding-bottom: 15px; margin: 0;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .rightindt .overallrating a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap .rightindt .overallrating a i{ color: #eaa928; font-size: 20px;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap p{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.2rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; line-height: 25px; padding-top: 15px; margin: 0;} .mainwrapper .petdetailssection .petinnerdetails ul{ margin: 85px 0 0 0; padding:0; width: 100%; height: auto; float: left; display: flex; align-items: center; justify-content: space-between;flex-direction: row-reverse;} .mainwrapper .petdetailssection .petinnerdetails ul li{ width:45.11%; float: left; margin-bottom: 25px;} .mainwrapper .petdetailssection .petinnerdetails ul li .reqblock{ width: 100%; height: auto; float: left; background: transparent;} .mainwrapper .petdetailssection .petinnerdetails ul li .reqblock a{width: 60%; float: left; font-size: 1rem; font-weight: bold; background: #ffffff; display: block; padding: 10px 20px; font-size: 1rem; color: #27e0e5; border: 2px solid #27e0e5; border-radius: 8px; text-align: center;} .mainwrapper .petdetailssection .petinnerdetails ul li .reqblock a:hover{ border: 2px solid #5e0120; color: #5e0120;} .mainwrapper .petdetailssection .petinnerdetails .formgroupch{width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin-top: 20px;} .mainwrapper .petdetailssection .petinnerdetails .formgroupch input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer} .mainwrapper .petdetailssection .petinnerdetails .formgroupch label{position:relative;cursor:pointer; font-size: 1rem; font-style: italic;} .mainwrapper .petdetailssection .petinnerdetails .formgroupch label:before{content:'';-webkit-appearance:none;background-color:transparent;border:2px solid #666666;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px; border-radius: 5px;} .mainwrapper .petdetailssection .petinnerdetails .formgroupch input:checked+label:after{content:'';display:block;position:absolute;top:2px;left:9px;width:6px;height:14px;border:solid #666666;border-width:0 2px 2px 0;transform:rotate(45deg)} .mainwrapper .petdetailssection .petinnerdetails .reqblockbtn{ width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin-top: 20px;} .mainwrapper .petdetailssection .petinnerdetails .reqblockbtn input[type="submit"]{width: auto; float: left; font-size: 1rem; background: #27e0e5;; display: block; padding: 10px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .petdetailssection .petinnerdetails .reqblockbtn input[type="button"]{width: auto; float: left; font-size: 1rem; background: #27e0e5;; display: block; padding: 10px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .petdetailssection .petinnerdetails .reqblockbtn input[type="submit"]:hover,.mainwrapper .petdetailssection .petinnerdetails .reqblockbtn input[type="button"]:hover{ background: #5e0120; color: #ffffff;} .mainwrapper .recommsection{ width: 100%; height: auto; float: left; position: relative; background:#27e0e5;} .mainwrapper .recommsection .recommgrid{ width: 100%; height: 100%; float: left; padding: 40px 0 60px;} .mainwrapper .recommsection .recommgrid .tophead{width: 100%; float: left; margin-bottom: 50px;} .mainwrapper .recommsection .recommgrid .tophead h3{ width: 100%; float: left; font-size: 2rem; font-weight: bold; font-family: 'Helveticacar'; color: #ffffff; text-align: center; position: relative; } .mainwrapper .recommsection .recommgrid .tophead h3::after{content: ''; width:200px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .recommsection .recommgrid .tophead h3::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .recommsection .recommgrid ul{ width: 100%; margin: 0; padding:0; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .recommsection .recommgrid ul li{ width: 22.11%; float: left;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid{width:100%; height: auto; float: left; background: #ffffff; border-radius: 20px; position: relative; } .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .topimgwrapreco{ width: 100%; height:190px; background: transparent; border-radius: 20px 20px 0 0 ; display: flex; align-items: baseline; justify-content: center; overflow: hidden;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .topimgwrapreco img{ width: 100%; text-align: center; border-bottom: 1px solid #f4f4f4;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid ul li{ width: 49.11%;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead{ width: 100%; float:left; padding: 10px 0px 5px;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead h4{width: 100%; float: left; font-size: 1.2rem; font-weight: bold; font-family: 'Helveticare'; color: #27e0e5; text-align: left; position: relative; padding-bottom: 8px;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead h4 a{width: 100%; float: left; font-size: 1.2rem; font-weight: bold; font-family: 'Helveticare'; color: #27e0e5; text-align: left; position: relative; padding-bottom: 8px; text-decoration: none;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead strong{width: 100%; float: right; font-size: 1rem; font-weight: normal; font-family: 'Helvetica'; color: #27e0e5; text-align: right; position: relative; } .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead span{width: 100%; float: left; font-size: 1rem; font-weight: normal; font-family: 'Helvetica'; color: #27e0e5; text-align: left; position: relative; } .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead a{width: 100%; float: right; font-size: 1rem; font-weight: normal; font-family: 'Helvetica';text-decoration: underline; color: #000000; text-align: right; position: relative; } .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtophead a:hover{ color: #5e0120;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtextpppdbtn{ width: 100%; float: left; padding: 5px; margin-top: 15px;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtextpppdbtn a{width: 100%; float: left; font-size: 1rem; font-weight: bold; background: #27e0e5; display: block; padding: 12px 45px; font-size: 1rem; color: #ffffff; border: none; border-radius:0 0 15px 15px; text-align: center;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtextpppdbtn a:hover{ background: #5e0120; color: #ffffff;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid .recomtextpppdbtn a.btnactive{ background: #5e0120; color: #ffffff;} .mainwrapper .recommsection .recommgrid .overallrating{ width: 100%; float: left; text-align: center; margin: 15px 0px;} .mainwrapper .recommsection .recommgrid .overallrating a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .recommsection .recommgrid .overallrating a i{ color: #eaa928; font-size: 20px;} .mainwrapper .recommsection .recommgrid .viewmorelastbtn{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-top: 50px;} .mainwrapper .recommsection .recommgrid .viewmorelastbtn a{ width: auto; float: left; font-size: 1rem; font-weight: normal; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border: none; border-radius:8px; text-align: center; text-transform: uppercase;} .mainwrapper .recommsection .recommgrid .viewmorelastbtn a:hover{ background: #5e0120; color: #ffffff;} /*Petdate Results View All page*/ .mainwrapper .petvetviewresultsection{ width: 100%; height: auto; float: left; position: relative; background:#fff;} .mainwrapper .petvetviewresultsection .ptrsuallgrid{ width: 100%; height: 100%; float: left; padding:0px 0 60px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter{ width: 100%; float: left; background: #27e0e5; padding: 40px 0;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .tophead{width: 100%; float: left; margin-bottom: 50px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .tophead h3{ width: 100%; float: left; font-size: 2rem; font-weight: bold; font-family: 'Helveticacar'; color: #ffffff; text-align: center; position: relative; } .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .tophead h3::after{content: ''; width:200px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .tophead h3::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul{ margin: 0; padding:0; width: 100%; height: auto; float: left; display: flex; align-items: center; justify-content: space-evenly;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li{ width:17.11%; margin: 0;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li .innerform{ width: 100%; height: auto; float: left; background: transparent;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li .innerform label{ width: 100%; float: left; font-size: 1.2rem; text-align: left; color: #ffffff; padding-bottom: 10px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li .innerform input[type="text"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #000000; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li .innerform input[type="password"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #000000; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li .innerform select{ width: 100%; float: left; height: 28px; border: 2px solid #000000; font-size: 1rem; color: #2c2c2c; text-indent:3px; background:url(../images/petdate/selectdownarrow.png) 97% center no-repeat #ffffff; padding: 0; background-size: 9 px; appearance: none; -moz-appearance: none; position: relative;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .innerformbtn{ width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin: 30px 0;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .innerformbtn input[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #282828;; display: block; padding: 8px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .innerformbtn input[type="button"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #282828;; display: block; padding: 8px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul{ width: 100%; float: left; margin: 80px 0 0 0; padding:0; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li{ width: 22.11%; float: left; margin-bottom: 30px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid{width:100%; height: auto; float: left; background: #27e0e5; border-radius: 20px; position: relative;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .topimgwrapreco{ width: 100%; height:160px; background: transparent; border-radius: 20px 20px 0 0; display: flex; align-items: baseline; justify-content: center; overflow: hidden; margin-bottom: 20px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .topimgwrapreco img{ width: 100%; text-align: center; display: flex; align-items: center; justify-content: center;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid ul li{ width: 49.11%; margin: 0;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead{ width: 100%; float:left; padding: 10px 0px 5px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead h4{width: 100%; float: left; font-size: 1.2rem; font-weight: bold; font-family: 'Helveticare'; color: #696869; text-align: left; position: relative; padding-bottom: 8px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead h4 a{width: 100%; float: left; font-size: 1.2rem; font-weight: bold; font-family: 'Helveticare'; color: #696869; text-align: left; position: relative; padding-bottom: 8px; text-decoration: none;letter-spacing: 1px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead strong{width: 100%; float: right; font-size:1rem; font-weight: normal; font-family: 'Helvetica'; color: #696869; text-align: right; position: relative; } .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead span{width: 100%; float: left; font-size: 1rem; font-weight: normal; font-family: 'Helvetica'; color: #696869; text-align: left; position: relative; } .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead a{width: 100%; float: right; font-size:1rem; font-weight: normal; font-family: 'Helvetica';text-decoration: underline; color: #000000; text-align: right; position: relative; } .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead a:hover{ color: #5e0120;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtextpppdbtn{ width: 100%; float: left; padding: 5px; margin-top: 15px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtextpppdbtn a{width: 100%; float: left; font-size:1.2rem; font-weight: bold; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border: none; border-radius:0 0 15px 15px; text-align: center;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtextpppdbtn a:hover{ background: #5e0120; color: #ffffff;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtextpppdbtn a.btnactive{ background: #5e0120; color: #ffffff;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .overallrating{ width: 100%; float: left; text-align: center; margin: 15px 0px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .overallrating a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .overallrating a i{ color: #eaa928; font-size: 20px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .viewmorelastbtn{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-top: 50px; padding: 3px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .viewmorelastbtn a{ width: auto; float: left; font-size: 1rem; font-weight: normal; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border: none; border-radius:8px; text-align: center; text-transform: uppercase;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .viewmorelastbtn a:hover{ background: #5e0120; color: #ffffff;} ._services_pet ._inner_works ._inner_services ._left ul li ._cap h2{font-size: 1.2rem !important;} ._services_pet ._inner_works ._inner_services ._left ul li ._cap p{font-size: 0.9rem !important;line-height: 22px !important;letter-spacing: inherit !important;} /*Doctor details page*/ /*Telepetvet details section*/ /* .mainwrapper .telepetdoctorbannersection{ width: 100%; float: left; height:auto; position: relative; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;} */ .mainwrapper .telepetdoctorbannersection img{ width: 100%;margin-top:115px;} .mainwrapper .telepetdoctorbannersection .bannerdrtextwrap{ width: 100%; height: auto; float: left; position: absolute; top: 55%; left: 50%; transform:translateX(-50%); text-align: center;display: none;} .mainwrapper .telepetdoctorbannersection .bannerdrtextwrap h1{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 3rem; font-weight: bold; color: #ffffff; letter-spacing: 2px; padding-bottom: 15px;} .mainwrapper .telepetvetdetailssection{ width: 100%; height: auto; float: left; position: relative; background:#fff; padding: 40px 0px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails{ width: 100%; float: left; padding-bottom: 25px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .tophead{width: 100%; float: left; margin-bottom: 80px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .tophead h2{ width: 100%; float: left; font-size: 2rem; font-weight: bold; font-family: 'Helveticacar'; color: #27e0e5; text-align: center; position: relative; } .mainwrapper .telepetvetdetailssection .telepetinnerdetails .tophead h2::after{content: ''; width:150px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .telepetvetdetailssection .telepetinnerdetails .tophead h2::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .telepetvetdetailssection .telepetinnerdetails .left{ width: 15%; float: left;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .left .pdtimgwra{ width: 100%; float: left; border: 2px solid #27e0e5; } .mainwrapper .telepetvetdetailssection .telepetinnerdetails .left .pdtimgwra img{ width: 100%;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right{ width: 80%; float: left; margin-left: 5%;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap{ width: 100%; float: left;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt{ width:60%; float: left;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt .namedthead{ width: 100%; float: left;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt .namedthead strong{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.55rem; font-weight: bold; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 10px; margin: 0;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt .namedthead u{width:100%; float:left; font-size: 1.09rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 15px; text-decoration: underline;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt .namedthead b{width: 100%; float: left; font-family: 'Helvetica'; font-size: 1.15rem; font-weight: bold; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 15px; margin: 0;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt .namedthead span{font-size: 1.2rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; padding-bottom: 15px} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt{ width:40%; float: left;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt .overallrating{ width: 100%; float: left; text-align: right;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt .overallrating span{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.15rem; font-style: italic; font-weight: normal; color: #666666; text-align: right; letter-spacing: 1px; padding-bottom: 15px; margin: 0;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt .overallrating a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt .overallrating a i{ color: #eaa928; font-size: 20px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap p{width:70%; float: left; font-family: 'Helveticare'; font-size: 1.2rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; line-height: 25px; padding-top: 15px; margin: 0;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails ul{ margin: 0; padding:0; width: 100%; height: auto; float: left; display: flex; align-items: center; justify-content: space-evenly;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails ul li{ width:40.11%; float: left; margin-bottom: 25px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails ul li .reqblock{ width: 100%; height: auto; float: left; background: transparent;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails ul li .reqblock a{width: 100%; float: left; font-size: 1rem; font-weight: bold; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border: 2px solid #27e0e5; border-radius: 8px; text-align: center;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails ul li .reqblock a:hover{ border: 2px solid #5e0120; color: #5e0120;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .formgroupch{width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin-top: 20px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .formgroupch input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .formgroupch label{position:relative;cursor:pointer; font-size: 1rem; font-style: italic;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .formgroupch label:before{content:'';-webkit-appearance:none;background-color:transparent;border:2px solid #666666;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px; border-radius: 5px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .formgroupch input:checked+label:after{content:'';display:block;position:absolute;top:2px;left:9px;width:6px;height:14px;border:solid #666666;border-width:0 2px 2px 0;transform:rotate(45deg)} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .reqblockbtn{ width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin-top: 20px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .reqblockbtn input[type="submit"]{width: auto; float: left; font-size: 1rem; background: #27e0e5;; display: block; padding: 15px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .reqblockbtn input[type="button"]{width: auto; float: left; font-size: 1rem; background: #27e0e5;; display: block; padding: 15px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .reqblockbtn input[type="submit"]:hover,.mainwrapper .telepetvetdetailssection .telepetinnerdetails .reqblockbtn input[type="button"]:hover{ background: #5e0120; color: #ffffff;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails p{width: 100%; float: left; font-family: 'Helveticare'; font-size: 1.2rem; font-weight: normal; color: #666666; text-align: left; letter-spacing: 1px; line-height: 25px; padding: 15px 0 25px; margin: 0;} .mainwrapper .telepetvetrecommsection{ width: 100%; height: auto; float: left; position: relative; background:#27e0e5;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid{ width: 100%; height: 100%; float: left; padding: 40px 0 60px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .tophead{width: 100%; float: left; margin-bottom: 100px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .tophead h3{ width: 100%; float: left; font-size: 2.2rem; font-weight: bold; font-family: 'Helveticacar'; color: #ffffff; text-align: center; position: relative; } .mainwrapper .telepetvetrecommsection .tpvrecommgrid .tophead h3::after{content: ''; width:200px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .telepetvetrecommsection .tpvrecommgrid .tophead h3::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul{ width: 100%; margin: 0; padding:0; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li{ width: 22.11%; float: left; margin-bottom:120px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .avs_status {background: #2ea72e !important;margin: 0 auto !important;width: auto !important;border: none !important;border-radius: 4px !important;width: auto !important;text-align: center !important;font-size: 1.2rem !important;outline: none !important;padding: 7px 20px !important;right: 0 !important;color: #fff !important;left:0 !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .anv_status {background: #e02626 !important;margin: 0 auto !important;width: auto !important;border: none !important;border-radius: 4px !important;width: auto !important;text-align: center !important;font-size: 1.2rem !important;outline: none !important;padding: 7px 20px !important;right: 0 !important;left: 0 !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid{width:100%; height: 100%; float: left; background: #ffffff; border-radius: 20px; position: relative; padding: 5px;min-height: 345px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .topimgwrapreco{ width: 100px; height:100px; background: transparent; border-radius: 100px; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); overflow: hidden;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .topimgwrapreco img{ width: 100%; border-radius: 100px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtophead{ width: 100%; float:left; padding: 50px 0px 0;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtophead h4{width: 100%; float: left; font-size: 1.1.2rem; font-weight: bold; font-family: 'Helveticare'; color: #27e0e5; text-align: center; position: relative; padding-bottom: 8px;margin-top: 20px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtophead strong{width: 100%; float: left; font-size: 1rem; font-weight: normal; color: #27e0e5; text-align: center; position: relative; } .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd{ width: 100%; float:left; padding: 15px 0px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd a{padding-bottom: 0px !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd strong{width: 100%; float: left; font-size: 1rem; font-weight: normal; color: #27e0e5; text-align: center; position: relative; padding-bottom: 15px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd p{width: 100%; float: left; font-size: 1rem; font-weight: normal; font-family: 'Helvetica'; color: #27e0e5; text-align: center; position: relative; padding-bottom: 15px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd a{width: 100%; float: left; font-size: 1rem; font-weight: normal; font-family: 'Helvetica'; color: #000000; text-align: center; position: relative; padding-bottom: 15px; font-style: italic; transition: all 0.5s ease;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd a:hover{color: #5e0120; transition: all 0.5s ease; padding-left: 5px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppdbtn{ width: 100%; float: left;position:absolute;bottom:10px;left:0;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a{width: 100%; float: left; font-size:1.2rem; font-weight: bold; background: #27e0e5; display: block; padding: 12px 45px; font-size: 1rem; color: #ffffff; border: none; border-radius:0 0 15px 15px; text-align: center; transition: all 0.5s ease;} /* .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a:nth-last-child(1){ border-radius: 0 0px 8px 0;} */ .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a:hover{ background: #5e0120; color: #ffffff; transition: all 0.5s ease;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a.btnactive{ background: #27e0e5; color: #ffffff;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .viewmorelastbtn{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-top: 0px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .viewmorelastbtn a{ width: auto; float: left; font-size: 1.2rem; font-weight: normal; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border: none; border-radius:8px; text-align: center; text-transform: uppercase;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .viewmorelastbtn a:hover{ background: #5e0120; color: #ffffff;} /*doctor View All page*/ .mainwrapper .telepetvetviewallsection{ width: 100%; height: auto; float: left; position: relative; background:#fff;} .mainwrapper .telepetvetviewallsection .tpvrallgrid{ width: 100%; height: 100%; float: left; padding:0px 0 60px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter{ width: 100%; float: left; background: #27e0e5; padding: 40px 0;display: none;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .tophead{width: 100%; float: left; margin-bottom: 50px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .tophead h3{ width: 100%; float: left; font-size: 2rem; font-weight: bold; font-family: 'Helveticacar'; color: #ffffff; text-align: center; position: relative; } .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .tophead h3::after{content: ''; width:200px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-bottom: 2px solid #5e0120;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .tophead h3::before{content: ''; width:280px; height: 5px; float: left; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #ffffff;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul{ margin: 0; padding:0; width: 100%; height: auto; float: left; display: flex; align-items: center; justify-content: space-evenly;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li{ width:30.11%; margin: 0;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li .innerform{ width: 100%; height: auto; float: left; background: transparent;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li .innerform label{ width: 100%; float: left; font-size: 1.2rem; text-align: left; color: #ffffff; padding-bottom: 10px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li .innerform input[type="text"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: none; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li .innerform input[type="password"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: none; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li .innerform select{ width: 100%; float: left; height: 28px; border: 2px solid #000000; font-size: 1rem; color: #2c2c2c; text-indent:3px; background:url(../images/petdate/selectdownarrow.png) 97% center no-repeat #ffffff; padding: 0; background-size: 9 px; appearance: none; -moz-appearance: none; position: relative;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .innerformbtn{ width: 100%; float: left; display: flex; align-items:center; justify-content: center; margin: 30px 0;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .innerformbtn input[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #282828;; display: block; padding: 8px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter .innerformbtn input[type="button"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #282828;; display: block; padding: 8px 45px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 8px; margin-top: 15px; text-align: center;} ._content_area ._inner_content p{font-size: 17px !important;} ._content_area ._full_content ._heading_container h3{font-size: 17px !important; letter-spacing:1px;} ._content_area ._full_content ul li{font-size: 17px !important; font-style: inherit !important;} ._content_area ._grid_container ._inner ._items ._cap p{font-size: 17px !important;} ._content_area ._grid_container ._inner ._items ._cap ._btn{font-size: 17px !important;} ._content_area ._why_telepetvet p{font-size: 17px !important;} ._content_area ._why_telepetvet ._inner p{font-size: 17px !important;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul{ width: 100%; float: left; margin: 150px 0 0 0; padding:0; display: flex; justify-content: space-between; clear: both; flex-wrap: wrap;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li{ width: 22.11%; float: left; margin-bottom: 120px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid{width:100%; height: auto; float: left; background: #27e0e5; border-radius: 20px; position: relative; padding: 5px;height: 100%;min-height: 345px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .topimgwrapreco{ width: 100px; height:100px; background: transparent; border-radius: 100px; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); overflow: hidden;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .topimgwrapreco img{ width: 100%; border-radius: 100px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtophead{ width: 100%; float:left; padding: 50px 0px 0;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtophead h4{width: 100%; float: left; font-size: 1.1rem; font-weight: bold; font-family: 'Helvetica'; color: #696869 ; text-align: center; position: relative; padding-bottom: 8px;margin-top: 20px;text-transform: uppercase;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtophead strong{width: 100%; float: left; font-size: 0.89rem; font-weight: normal; color: #696869 ; text-align: center; position: relative; } .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppd{ width: 100%; float:left; padding: 15px 0px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppd strong{width: 100%; float: left; font-size: 0.89rem; font-weight: normal; color: #696869 ; text-align: center; position: relative; padding-bottom: 15px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppd p{width: 100%; float: left; font-size: 0.89rem; font-weight: normal; font-family: 'Helvetica'; color: #696869 ; text-align: center; position: relative; padding-bottom: 15px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppd a{width: 100%; float: left; font-size: 1rem; font-weight: normal; font-family: 'Helvetica'; color: #000000; text-align: center; position: relative; padding-bottom: 15px; font-style: italic; transition: all 0.5s ease;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppd a:hover{color: #5e0120; transition: all 0.5s ease; padding-left: 5px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppdbtn{ width: 100%; float: left;position: absolute;bottom: 10px;left: 0;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a{width: 100%; float: left; font-size: 0.89rem; font-weight: bold; background: #ffffff; display: block; padding: 12px 45px; font-size: 0.89rem; color: #27e0e5; border: none; border-radius:0 0 15px 15px; text-align: center; transition: all 0.5s ease;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a:hover{ background: #5e0120; color: #ffffff; transition: all 0.5s ease;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a.btnactive{ background: #27e0e5; color: #ffffff;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .viewmorelastbtn{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 60px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .viewmorelastbtn a{ width: auto; float: left; font-size: 1.2rem; font-weight: normal; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border: 2px solid #27e0e5; border-radius:8px; text-align: center; text-transform: uppercase;} .mainwrapper .telepetvetviewallsection .tpvrallgrid .viewmorelastbtn a:hover{ background: #5e0120; color: #ffffff;} .recomtextpppd .avs_status { padding: 6% 0; color: #4caf50 !important; font-style: normal !important; font-size: 1.2rem !important; border-radius: 5%; position: absolute !important; bottom: 12%; text-align: center !important; left: 1%; } .recomtextpppd .anv_status { padding: 6% 0; color: #fff !important; border-radius: 5%; font-style: normal !important; font-size: 1.2rem !important; position: absolute !important; bottom: 12%; text-align: center !important; left: 0; } .overallrating{width: 100%;float: left;text-align: center;margin-top:10px !important;} .overallrating a{color: #ffcd3c !important;margin-left: 5px !important;} /*contact us*/ /*Contact banner section*/ .mainwrapper .contactbannersection{ width: 100%; float: left; height:auto; position: relative;} .mainwrapper .contactbannersection img{ width: 100%;margin-top: 115px;} .mainwrapper .contactbannersection .bannertextwrap{ width: 100%; height: auto; float: left; position: absolute; top: 45%; left: 50%; transform:translateX(-50%); text-align: center;} .mainwrapper .contactbannersection .bannertextwrap h1{ width: 100%; float: left; font-family: 'Helveticacom'; font-size: 4rem; font-weight: bold; color: #ffffff; letter-spacing: 1px; padding-bottom: 15px;} /* .mainwrapper .contactformdtsection{ width: 100%; float: left; position: relative; background:url(../images/telepetvet/viewallbannerbg.png) repeat-y; background-size: 100% auto;/* background: url(../images/contact/formbgbanner.jpg) no-repeat; background-size: cover;*/} */ .mainwrapper .contactformdtsection{ width: 100%; float: left; position: relative; background:#fff;} .mainwrapper .contactformdtsection .innercontact{ width: 100%; float: left; padding: 80px 0px;text-align:center;} .mainwrapper .contactformdtsection .innercontact .left{ width: 60%;margin:0 auto;} .mainwrapper .contactformdtsection .innercontact .left a{background: #f8f8f8;padding: 12px 50px;border-radius: 5px;color:#000;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails{ width: 100%; float: left;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails h2{width: 100%; float: left; text-align: center; font-family: 'Helveticacar'; font-size: 2.19rem; font-weight: bold; color: #2c2c2c; letter-spacing: 1px; padding-bottom: 25px;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput{ width: 100%; float: left; display: flex; align-items: center; justify-content: center;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput ul{ margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput ul li{ width: 48.11%; float:left; margin-bottom: 15px;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput input[type="text"]{width: 100%; height: 45px; float: left; background: #f7f8fc; border: none; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0; border-radius: 3px;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput textarea{width: 100%; height: 120px; float: left; background: #f7f8fc; border: none; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 8px 0 0 0; border-radius: 3px;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput input[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #27e0e5;; display: block; padding: 8px 25px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 1px; margin-top: 25px; text-align: center;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput input[type="button"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #27e0e5;; display: block; padding: 8px 25px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 1px; margin-top: 25px; text-align: center;} .mainwrapper .contactformdtsection .innercontact .right{ width: 25%; float: left; margin-left: 15%; margin-top: 20px;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap .indtfomrtext{ width: 100%; float: left; padding-bottom: 20px;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap .indtfomrtext strong{ width: 100%; float: left; font-family: 'Helveticacar'; font-size:1.79rem; font-weight: bold; color: #2c2c2c; padding-bottom: 15px;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap .indtfomrtext a{ width: 95%; float: left; font-family: 'Helveticare'; font-size:1rem; font-weight: normal; color: #484848; padding-bottom: 15px;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap .indtfomrtext a:hover{ color: #27e0e5;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap .indtfomrtext address{ width: 95%; float: left; font-family: 'Helveticare'; font-size:1rem; font-weight: normal; color: #484848; padding-bottom: 15px; margin-left: 5%;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput ul li span{font-size: 12px; color: rgb(187, 20, 20); float: left; width: auto; right: 0;} .sgriddash ul li .leftformgrid .dright7 .fieldinput span{font-size: 12px; color: rgb(187, 20, 20); float: left; width: auto; right: 0;} /*Dashboard*/ .dleft1{width: 10%; float: left;} .dleft2{width: 20%; float: left;} .dleft3{width: 30%; float: left;} .dleft4{width: 40%; float: left;} .dleft5{width: 50%; float: left;} .dleft6{width: 60%; float: left;} .dleft7{width: 70%; float: left;} .dleft8{width: 80%; float: left;} .dleft9{width: 90%; float: left;} .dleft10{width: 100%; float: left;} .dright1{width: 10%; float: left;} .dright2{width: 20%; float: left;} .dright3{width: 30%; float: left;} .dright4{width: 40%; float: left;} .dright5{width: 50%; float: left;} .dright6{width: 60%; float: left;} .dright7{width: 70%; float: left;} .dright8{width: 80%; float: left;} .dright9{width: 90%; float: left;} .drifght10{width: 100%; float: left;} .dflx,.dlfx{ display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection{ width: 100%; float: left; min-height: 600px; height: auto; background: url(../images/dashboard/dashboardbannerbg.jpg) center center no-repeat; background-size: cover; display: flex; padding: 0; position: relative;} .mainwrapper .dashboardbannersection .leftdashnavbar{ width: 20%; float: left; height:auto; background: #27e0e5; padding-top:160px ; display: flex;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile{width: 100%; float:left; background: #ffffff; padding:1% 0%; border-radius: 8px;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile .imgprof{ width:100%; float:left; text-align: center;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile .imgprof img{ width:50px;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile .userdetail{width: 100%; float: left; padding: 3px 0 0;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile .userdetail strong{width: 100%; float: left; font-family: 'Helveticabo'; font-size: 1.2rem; font-weight: bold; color: #27e0e5;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile .userdetail span{ width: 100%; float: left; font-family: 'Helveticabo'; font-size:0.89rem; font-weight: bold; color: #5e0120; padding-top: 3px;} .mainwrapper .dashboardbannersection .leftdashnavbar .userprofile .userdetail span:nth-last-child(1){ padding-bottom: 3px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashbheading{width: 100%; float: left; padding: 15px 0px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashbheading strong{ width: 100%; float: left; font-size: 1.2rem; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 0.5px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul{ margin: 0; padding: 0; width: 100%;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li{ width: 100%; float: left; margin-bottom: 15px; position: relative;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a{ display: block; width: 100%; float: left; background: #27e0e5; padding: 3px 0px; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a:hover{ background: #ffffff; color: #5e0120; translate: all 0.5s ease; } .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a.activeleft{ background: #ffffff; color: #5e0120;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a.activeleft p{ background: #ffffff; color: #5e0120;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a.activeleft .dlefticon{ background: #5e0120;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a:hover p{ color: #5e0120; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li a:hover .dlefticon{ background: #5e0120; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li .dlefticon{width: 30px; height: 30px; float: left; background: #ffffff; text-align: center; border-radius: 100px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li .drighttext{ width: 100%; float: left; display: flex;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li .drighttext p{ width: 100%; float: left; display: flex; align-items: center; color: #ffffff; padding: 6px 0px; font-size: 14px;margin-bottom: 0px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li ul{ width: 90%; float: left; margin:5px 0px 0 10%; padding: 0; position: relative; top: 0; left: 0%;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown a::after { content: ""; width:30px; height: 30px; float: left; text-align: center; position: absolute; right: 0; background: url(../images/right-arrow-dash.png) center no-repeat; background-size: 15px; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-submenu {display: none; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown .sidebar-submenu ul {padding: 5px 0;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown .sidebar-submenu li {font-size: 13px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown .sidebar-submenu li a{ display: block; width: 100%; float: left; background: #27e0e5; color: #ffffff; padding: 8px 0px 8px 15px; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown .sidebar-submenu li a:hover{ background: #ffffff; color: #5e0120; translate: all 0.5s ease; } .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown .sidebar-submenu li a::after{ content: ""; width: auto; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav .sidebar-dropdown.active a::after {content: ""; transform: rotate(90deg); right: 17px; translate: all 0.5s ease;} .mainwrapper .dashboardbannersection .rightdasboardwrap{ width: 80%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright{ width: 100%; float: left; padding-top: 136px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul {width:100%; margin: 0; padding:0px; display:flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li{ width:33%} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li a{ width: 100%; float: left; background: #ffffff; display: block; border-radius: 4px; color: #000000;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li a:hover{ background: #27e0e5; color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li a:hover .rightnheading strong{ color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li a.topdashactive{ background: #27e0e5; color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li a.topdashactive .rightnheading strong{ color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li .updatenav{ width: 100%; float: left; background: transparent; border-radius: 4px; box-shadow: 0px 0 5px 2px #cccccc inset; padding: 25px 0; text-align: center; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li .updatenav .leftnheading{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li .updatenav .leftnheading img{ width: 25px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li .updatenav .rightnheading{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li .updatenav .rightnheading strong{ width: 100%; float: left; color: #000000; font-family: 'Helveticabo'; font-size: 1.2rem; font-weight: bold;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul {width:100%; margin: 0; padding:60px 0 35px; display:flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li{ width:30.11%} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li .updatenav{ width: 100%; float: left; background: #ffffff; border-radius: 8px; box-shadow: -10px 0 0 0 #27e0e5; padding: 30px 0; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li .updatenav .leftnheading{ width: 100%; float: left; border-right: 1px solid #2c2c2c;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li .updatenav .leftnheading strong{ width: 100%; float: left; color: #000000; font-family: 'Helveticabo'; font-size: 1.2rem; font-weight: bold;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li .updatenav .rightnheading{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li .updatenav .rightnheading a{ width: 100%; float: left; color: #27e0e5; font-family: 'Helveticabo'; font-size: 1.2rem; font-weight: bold;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash strong{ width: 100%; float: left; font-size: 1.19rem; color: #5e0120; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; padding: 30px 0px 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul {width:100%; margin: 0; padding:40px 0; display:flex; justify-content: space-between;flex-wrap: wrap;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul._availibilty{width:100%; margin: 0; padding:40px 0; display:flex; justify-content: space-between;flex-wrap: wrap;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li{width:47.11%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul._availibilty li{width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li._vdouble_box{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd{width:47% !important;float:left !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li._vdouble_box .vdashcalinner{height: 320px;overflow-y: scroll;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid{width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid form{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;background: #f8f8f8;padding: 20px; border-radius: 8px; box-shadow: -10px 0 0 0 #27e0e5;} .alert-success{font-family: 'Helvetica' !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid strong{width: 100%; float: left; color: #000000; font-family: 'Helveticacar'; font-size: 1.2rem; font-weight: bold; padding: 10px; letter-spacing: 0.5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli ul li{ width: 58.11%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli ul li:nth-child(1){ width: 40%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash{ width:90%; float: left; margin-bottom: 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashnew{ width: 25%; float: left; margin-bottom: 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash ._date_area{width: 100%;float: left;margin-top: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .width65{width:68% !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .onlyinput input[type="text"]{height:38px !important;border-radius: 4px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashnew .fieldinput input{padding: 10px 40px !important;margin-top: 0px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput ._time_slot{width:100%;float:left;background:#fff;padding:20px 15px;display: flex;justify-content: space-between;flex-wrap: wrap;border-radius: 5px;height: 160px;overflow-y: scroll;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput ._time_slot ._filed{display: flex;width:12%;align-items: center;flex-wrap: wrap;margin-bottom: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput ._time_slot ._filed span{padding-left: 7px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch{float: left;margin-right: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput label{width: 80%; float: left; font-size: 1rem; text-align: right; color: #5e0120; margin-right: 10%; padding-top: 5px;font-family: 'Helvetica';} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput label._time_slot_heading{width: 80%; float: left; font-size:1.2rem; text-align: left; color: #5e0120;padding-top: 5px;font-family: 'Helvetica';letter-spacing: 0.6px;font-weight: 600;margin-bottom: 10px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashnew .fieldinput label{ width: 80%; float: left; font-size:1.2rem; text-align:left; color: #5e0120;padding-bottom:15px;letter-spacing: 0.7px;font-weight: 600;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput input[type="text"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashnew .fieldinput input[type="text"]{ width: 100%; height: 35px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;border-radius: 4px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput input[type="number"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput input[type="file"]{ width: 100%; height: auto; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 5px 0px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput input[type="password"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput select{ width: 100%; float: left; height: 28px; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:3px; background:url(../images/selectdownarrowblack.png) 97% center no-repeat #ffffff; padding: 0; background-size: 8px; appearance: none; -moz-appearance: none; position: relative;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput textarea{ width: 100%; height: 120px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; padding: 5px 10px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:checked, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:not(:checked){position:absolute;left:-9999px} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:checked+label, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:normal;display:inline-block;color:#666; width: auto; padding-top:0 ;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:checked+label:before, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:checked+label:after, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#5e0120;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput .formgroupch input[type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput input[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #27e0e5; display: block; padding: 8px 20px; font-size: 0.9rem; color: #fff; border:none; border-radius: 5px; margin-top: 15px; text-align: center;letter-spacing: 0.6px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput input[type="button"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #ffffff;; display: block; padding: 5px 12px; font-size: 1rem; color: #666666; border: 2px solid #ffffff; border-radius: 10px; margin-top: 15px; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash img{ margin-top: 15px; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash a{width: auto; float: left; margin-top: 36px; margin-left: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid{width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner{ width: 100%; float: left; background: #ffffff; border-radius: 8px; box-shadow: -10px 0 0 0 #27e0e5; padding: 10px 0; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner h2{padding-bottom: 10px;font-size: 1.2rem;color: #000;letter-spacing: 0.6px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner img{ width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr.trbgcolortop{ background-color: #27e0e5 !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr:nth-child(odd){ background-color: #e9e9e9;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr:nth-child(even){ background-color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr th{ padding: 10px; font-size:1rem;font-family: 'Helvetica'; text-align: center; font-weight: bold; color: #224c4d; text-transform: capitalize; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr td{ padding: 10px; font-size:1rem;font-family: 'Helvetica'; text-align: center; font-weight: 400; color:#fff; text-transform: capitalize; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr td a{color: #fff !important;font-size: 1rem !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr td:nth-child(even){background-color:rgba(219, 219, 219, 0.2); position: relative; z-index: 2;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr td a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner table tr td a i{ color: #eaa928; font-size: 16px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner{ width: 100%; float: left; background: #ffffff; border-radius: 8px; box-shadow: -10px 0 0 0 #27e0e5; padding: 10px 0; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner h2{padding-bottom: 10px;font-size: 1.2rem;color: #000;letter-spacing: 0.6px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid .dashcalinner img{ width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner{ width: 100%; float: left; background: #ffffff; border-radius: 8px; box-shadow: -10px 0 0 0 #27e0e5; padding: 10px 0; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner h2{padding-bottom: 10px;font-size: 1.2rem;color: #000;letter-spacing: 0.6px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner img{ width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr.trbgcolortop{ background-color: #27e0e5 !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr:nth-child(odd){ background-color: #e9e9e9;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr:nth-child(even){ background-color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr th{ padding: 10px; font-size:1rem;font-family: 'Helvetica'; text-align: center; font-weight: bold; color: #224c4d; text-transform: capitalize; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr td{ padding: 10px; font-size:1rem;font-family: 'Helvetica'; text-align: center; font-weight: 400; color:#fff; text-transform: capitalize; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr td a{color: #fff !important;font-size: 1rem !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr td:nth-child(even){background-color:rgba(219, 219, 219, 0.2); position: relative; z-index: 2;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr td a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd .dashcalinner table tr td a i{ color: #eaa928; font-size: 16px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul {width:100%; margin: 0; padding:40px 0; display:flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li{ width:47.11%} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate{ width:100%; float: left; background: #ffffff; border-radius: 8px; box-shadow: -10px 0 0 0 #27e0e5; padding: 10px 5%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate .thimg{ width:100%; float:left; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate .thimg img{ width:120px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate .textdetail{width:95%; float: left; padding: 5px 0 0 5%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate .textdetail strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size:1.59rem; font-weight: bold; color: #27e0e5; padding-bottom: 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate .textdetail span{ width: 100%; float: left; font-family: 'Helveticacar'; font-size:1rem; font-weight: bold; color: #666666; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate .textdetail a{ width: auto; float: right; font-family: 'Helveticacar'; font-size:0.69rem; text-align: right; font-weight: normal; color: #5e0120; } /*Dashboard Petdate*/ /*dashboard petdate pastdate*/ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast{ width: 100%; float: left; margin-bottom: 80px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr.trbgcolortop{ background-color: #27e0e5 !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr:nth-child(odd){ background-color: #e9e9e9;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr:nth-child(even){ background-color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr th{ padding: 15px; font-size:1.2rem;font-family: 'Helvetica'; text-align: center; font-weight: bold; color: #224c4d; text-transform: capitalize; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr td{ padding: 15px; font-size:1.2rem;font-family: 'Helvetica'; text-align: center; font-weight: 300; color: #224c4d; text-transform: capitalize; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr td:nth-child(even){background-color:rgba(219, 219, 219, 0.2); position: relative; z-index: 2;font-weight:700;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr td a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast table tr td a i{ color: #eaa928; font-size: 16px;} /*dashboard petdate v1 profile*/ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul {width:100%; margin: 0; padding:40px 0; display:flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li{ width:48.11%} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid{width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid strong{width: 100%; float: left; color: #000000; font-family: 'Helveticacar'; font-size: 1.2rem; font-weight: bold; padding: 10px; letter-spacing: 0.5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash{ width: 100%; float: left; margin-bottom: 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput label{ width: 80%; float: left; font-size: 1rem; text-align: right; color: #5e0120; margin-right: 10%; padding-top: 5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput input[type="text"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput input[type="password"]{ width: 100%; height: 28px; float: left; background: #ffffff; border: 2px solid #ffffff; font-size: 1rem; color: #2c2c2c; text-indent:10px; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput input[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #27e0e5; display: block; padding: 8px 12px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 10px; margin-top: 15px; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput input:hover[type="submit"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #5e0120; color: #ffffff; display: block; padding: 8px 12px; font-size: 1rem; border: 2px solid #ffffff; border-radius: 10px; margin-top: 15px; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput input[type="button"]{width: auto; float: left; font-size: 1rem; text-align: center; background: #ffffff;; display: block; padding: 8px 12px; font-size: 1rem; color: #666666; border: 2px solid #ffffff; border-radius: 10px; margin-top: 15px; text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash p{width: 100%; float: left; font-size: 1rem; font-weight: normal; color: #2c2c2c; padding-bottom:15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid{ width: 100%; float: left; margin-bottom: 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid .pethtextleft{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid .pethtextleft span{ width: 80%; float: left; font-size: 1rem; text-align: right; color: #5e0120; margin-right: 10%; padding-top: 5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul {width:100%; margin: 0; padding:0; display:flex; justify-content: space-around; flex-wrap: wrap;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li{ width:27.11%; float: left; margin-bottom: 30px; position: relative;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li .petdategallery{ width:100%; float: left; background: #ffffff; border-radius: 8px; padding: 0px; position: relative;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li .petdategallery::before{ content: ""; width: 100%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left: 0; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li .petdategallery::after{ content: ""; width: 100%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; right: 0; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li .petdategallery .gridptimg{ width:100%; float:left; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li .petdategallery .gridptimg img{ width:120px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid{width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .petdatematch{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .petdatematch span{ width: 80%; float: left; font-size: 1rem; text-align: right; color: #5e0120; margin-right: 10%; padding-top: 5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate{ width:98%; float: left; background: #ffffff; border-radius: 8px; padding: 10px 5%; position: relative; margin-bottom: 25px; border-left: 6px solid #27e0e5; border-right: 6px solid #27e0e5;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate:nth-last-child(1){ margin: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate::before{ content: ""; width: 100%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: relative; z-index: 1; left:8px; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate::after{ content: ""; width: 100%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: relative; z-index: 1; right: 0; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .thimg{ width:100%; float:left; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .thimg img{ width:120px !important;height: 120px;border-radius: 100%;border: 5px solid #27e0e5;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail{width:90%; float: left; padding: 5px 0 0 10%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size:22px !important; font-weight: bold; color: #27e0e5;margin: 10px 0px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail span{ width: 100%; float: left; font-family: 'Helvetica'; font-size:1rem; font-weight: normal; color: #666666; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetailbtn{ width: 100%; float: left; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetailbtn a{ width: 100%; float: left; font-family: 'Helvetica'; font-size:0.69rem; text-align: center; font-weight: normal; font-style: italic; color: #ffffff; background: #27e0e5; border-radius: 8px; padding: 8px 12px; margin-bottom: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetailbtn a:nth-last-child(1){ margin: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetailbtn a:hover{ background: #5e0120; color: #ffffff;} .scrollbar{float: left; height: 720px; width: 100%; background: transparent; overflow-y: auto; margin-bottom: 25px;}.mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail strong .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#27e0e5 !important;} /*Dashboard Petdate Upcoming Dates*/ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider{ width: 100%; float: left; padding: 40px 0px 80px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid{width:100%; height: auto; float: left; background: #27e0e5; border-radius: 20px; position: relative; border: 5px solid #ffffff; margin-top: 80px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updatesimg{ width: 100px; height:100px; background: transparent; border-radius: 100px; position: absolute; top: -55px; left: 50%; transform: translateX(-50%);} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updatesimg img{ width: 100%; height: 100%; border-radius: 100px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttophead{ width: 100%; float:left; padding: 50px 0px 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttophead h4{width: 100%; float: left; font-size: 1.29rem; font-weight: bold; font-family: 'Helveticare'; color: #000000; text-align: left; position: relative; padding-bottom: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttophead h4 span{ font-size: 0.69rem; letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttophead strong{width: 100%; float: left; font-size: 1rem; font-weight: normal; font-family: 'Helveticabo'; color: #ffffff; text-align: left; position: relative; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpd{ width: 100%; float:left; padding: 15px 0px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpd strong{width: 100%; float: left; font-size: 1.2rem; font-weight: normal; font-family: 'Helveticabo'; color: #000000; text-align: left; position: relative; padding-bottom:5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpd p{width: 100%; float: left; font-size: 1rem; font-weight: normal; color: #ffffff; padding-bottom:15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpdbtn{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpdbtn a{width: 50%; float: left; font-size: 1rem; font-weight: bold; background: #ffffff; display: block; padding: 12px 45px; font-size: 1rem; color: #27e0e5; border-top:4px solid #ffffff; text-align: center; transition: all 0.5s ease;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpdbtn a:nth-child(1){ border-radius: 0 0 15px 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpdbtn a:nth-child(2){ border-radius: 0 0 15px 15px} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpdbtn a:hover{ background: #27e0e5; color: #ffffff; transition: all 0.5s ease;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .updatesslidergrid .updttextpdbtn a.btnactive{ background: #27e0e5; color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .dashpetdaterating{ width: 100%; float: left; text-align: center; margin: 15px 0px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .dashpetdaterating a{ width: auto; float: none; margin: 0 2px; text-align: right;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .dashpetdaterating a i{ color: #eaa928; font-size: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .slick-slide {margin: 0 25px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .slick-prev::before, .slick-next::before{ display: none !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .slick-prev{ left: -55px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .slick-prev img, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdateupcomingslider .slick-next img{ width: 50px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 80px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates .btnupcomingdates{ width: auto; float: left; background: #ffffff; border-radius:8px; position: relative; cursor: pointer;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates .btnupcomingdates::before{ content: ""; width: 100%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left:8px; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates .btnupcomingdates::after{ content: ""; width: 100%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; right: 0; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates .btnupcomingdates a{ width: 100%; float: left; text-align:center; font-size: 1.2rem; font-weight: bold; color: #27e0e5; padding: 20px 60px;} /*Telepetvet Raise a ticket*/ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket{ width: 100%; float: left; background: #ffffff; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 60px 0 80px; padding: 30px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li{ width: 30.11%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection{ width: 100%; float: left; background: #27e0e5; border-radius: 8px; box-shadow: 0 0 1px 5px #27e0e5 inset; padding: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed{ width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed strong{ width: auto; float: left; font-size: 1.2rem; font-weight: bold; color: #ffffff; text-align: center; border-bottom: 2px solid #ffffff; padding-bottom:1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed img{ width: 115px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed a{ width: 20%; float: left; background: #ffffff; text-align: center; color: #000000; font-size: 1rem; font-weight: bold; padding: 10px 0px; border-radius: 4px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed a:hover{ background: #5e0120; color: #ffffff;} /*new profile*/ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile{ width:98%; float: left; background: #ffffff; border-radius: 8px; padding: 10px 5%; position: relative; margin-bottom: 25px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile:nth-last-child(1){ margin: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile::before{ content: ""; width: 3%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left:8px; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile::after{ content: ""; width: 3%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; right: 0; top: 0; border-radius: 8px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile h2{width: 100%; float: left; color: #27e0e5; font-family: 'Helveticacar'; font-size: 1.29rem; font-weight: bold; text-align: center; padding: 10px 10px 20px; letter-spacing: 0.5px; text-transform:uppercase;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .upcomingpetdt{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .upcomingpetdt .topimgupcomingdates{ width: 120px; height: 120px; float: left; background: #ffffff; border-radius:100px; position: relative; cursor: pointer; border: 4px solid #27e0e5; overflow: hidden; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .upcomingpetdt .topimgupcomingdates img{ width:100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid{width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .thsvenulli{ width: 100%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .thsvenulli ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .thsvenulli ul li{ width: 48.11%; float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash{ width: 100%; float: left; margin-bottom: 15px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash strong{ width: 95%; float: left; font-size: 1rem; text-align: right; color: #5e0120; margin-right: 5%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash p{ width: 95%; height: auto; float: left; font-size: 1rem; color:#131313; padding: 0; margin-left: 5%; text-transform: capitalize;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .textdetailbtn{ width: 100%; float: right; padding: 0; margin: 10px 0px; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .textdetailbtn a{ width: 120px; float: left; font-family: 'Helvetica'; font-size:0.95rem; text-align: center; font-weight: normal; color: #ffffff; background: #27e0e5; border-radius: 8px; padding: 8px 12px; margin-bottom: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .textdetailbtn a:nth-last-child(1){ margin: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .textdetailbtn a:hover{ background: #5e0120; color: #ffffff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash .formgroupch{width: auto; float: left; display: flex; align-items:center; justify-content: flex-start;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash .formgroupch input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash .formgroupch label{position:relative;cursor:pointer; font-size: 0.69rem; width: auto; text-align: left; z-index: 4;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash .formgroupch label:before{content:'';-webkit-appearance:none;background-color:transparent;border:2px solid #666666;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:6px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px; margin-left: 5px; border-radius: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash .formgroupch input:checked+label:after{content:'';display:block;position:absolute;top:1px;left:10px;width:4px;height:12px;border:solid #666666;border-width:0 2px 2px 0;transform:rotate(45deg)} .petdateupcomingslider ._card_text ._inner_area ._grid_items{display: grid !important;grid-template-columns:1fr 4fr !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate{ width:98%; float: left; background: #f4f4f4; border-radius: 8px; padding: 10px 5%; position: relative; margin-bottom: 25px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate:nth-last-child(1){ margin: 0;} /* .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate::before{ content: ""; width: 3%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left:8px; top: 0; border-radius: 8px;} */ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .thimg{ width:100%; float:left; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .thimg img{ width:80px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail{width:100%; float: left; padding: 20px 0 0 10%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail strong{width: 100%; float: left; font-family: 'Helveticacar'; font-size:1.2rem; font-weight: bold; color: #27e0e5; padding: 0px 0 8px;text-align: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail span{ width: 100%; float: left; font-family: 'Helvetica'; font-size:1rem; font-weight: normal; color: #666666; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail a{width: auto; float: right; font-family: 'Helvetica'; font-size:0.85rem; text-align: center; font-weight: normal; color: #5e0120; background: transparent; padding: 8px 5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thgriddash .addpetbtn{ width: 100%; float: right; padding: 0; margin: 10px 0px; display: flex; align-items: center; justify-content: center;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thgriddash .addpetbtn a{ width: auto; float: left; font-family: 'Helvetica'; font-size:1.2rem; text-decoration:underline; text-align: center; font-weight: bold; color: #5e0120; background: transparent; padding: 8px 12px; margin-bottom: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thgriddash .addpetbtn a:nth-last-child(1){ margin: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thgriddash .addpetbtn a:hover{ background: #5e0120; color: #ffffff;} ._arrow_btn button{background: #27e0e5 !important;} /*Pet det popup*/ #appointdetails { background: #ffffff; } .mainwrapper .upcomingpetdetails { width: 100%; float: left; background: #ffffff; } .mainwrapper .upcomingpetdetails .petdt { width: 100%; float: left; } .mainwrapper .upcomingpetdetails .petdt h2 { width: 100%; float: left; color: #27e0e5; font-family: 'Helveticacar'; font-size: 1.29rem; font-weight: bold; text-align: center; padding: 10px 10px 20px; letter-spacing: 0.5px; text-transform: uppercase; } .mainwrapper .upcomingpetdetails .petdt .upcomingpetdt { width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .mainwrapper .upcomingpetdetails .petdt .upcomingpetdt .topimgupcomingdates { width: auto; float: left; background: #ffffff; border-radius: 8px; position: relative; cursor: pointer; } .mainwrapper .upcomingpetdetails .petdt .upcomingpetdt .topimgupcomingdates img { width: 120px; } .mainwrapper .upcomingpetdetails .petdt .upcomingpetdt .topimgupcomingdates::before { content: ""; width: 100%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left: 8px; top: 0; border-radius: 8px; } .mainwrapper .upcomingpetdetails .petdt .upcomingpetdt .topimgupcomingdates::after { content: ""; width: 100%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; right: 0; top: 0; border-radius: 8px; } .mainwrapper .upcomingpetdetails .petdt .ligrid { width: 100%; float: left; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul { width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li { width: 47.11%; float: left; margin-bottom: 5px; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid { width: 100%; float: left; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .thsvenulli { width: 100%; float: left; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .thsvenulli ul { width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .thsvenulli ul li { width: 58.11%; float: left; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .thsvenulli ul li:nth-child(1) { width: 40%; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .petdetailsdash { width: 100%; float: left; margin-bottom: 15px; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .petdetailsdash strong { width: 80%; float: left; font-size: 1.2rem; text-align: right; color: #5e0120; margin-right: 10%; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .petdetailsdash p { width: 100%; height: auto; float: left; font-size: 1.2rem; color: #27e0e5; padding: 0; } .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .petdetailsdash i { font-size: 9px; color: #5e0120; margin-top: 3px; } .mainwrapper .upcomingpetdetails .petgallery { width: 100%; float: left; margin-top: 15px; } .mainwrapper .upcomingpetdetails .petgallery h3 { width: 100%; float: left; color: #27e0e5; font-family: 'Helveticacar'; font-size: 1.29rem; font-weight: bold; text-align: center; padding: 10px 10px 20px; letter-spacing: 0.5px; text-transform: uppercase; } .mainwrapper .upcomingpetdetails .petgallery .petgalleryinner { width: 100%; float: left; } .mainwrapper .upcomingpetdetails .petgallery .petgalleryinner .upcominggallery { width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .mainwrapper .upcomingpetdetails .petgallery .petgalleryinner .upcominggallery .galleryimg { width: auto; float: left; background: transparent; border-radius: 8px; position: relative; } .mainwrapper .upcomingpetdetails .petgallery .petgalleryinner .upcominggallery .galleryimg img { width: 100px; } .mainwrapper .upcomingpetdetails .petgallery .petgalleryinner .upcominggallery .galleryimg::before { content: ""; width: 100%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left: 8px; top: 0; border-radius: 8px; } .mainwrapper .upcomingpetdetails .petgallery .petgalleryinner .upcominggallery .galleryimg::after { content: ""; width: 100%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; right: 0; top: 0; border-radius: 8px; } .mainwrapper .petgallery { width: 100%; float: left; margin-top: 15px; } .mainwrapper .petgallery h3 { width: 100%; float: left; color: #27e0e5; font-family: 'Helveticacar'; font-size: 1.29rem; font-weight: bold; text-align: center; padding: 10px 10px 20px; letter-spacing: 0.5px; text-transform: uppercase; } .mainwrapper .petgallery .petgalleryinner { width: 100%; float: left; } .mainwrapper .petgallery .petgalleryinner .upcominggallery { width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .mainwrapper .petgallery .petgalleryinner .upcominggallery .galleryimg { width: auto; float: left; background: transparent; border-radius: 8px; position: relative; } .mainwrapper .petgallery .petgalleryinner .upcominggallery .galleryimg img { width: 120px; } .mainwrapper .petgallery .petgalleryinner .upcominggallery .galleryimg::before { content: ""; width: 100%; height: 100%; box-shadow: -8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; left: 8px; top: 0; border-radius: 8px; } .mainwrapper .petgallery .petgalleryinner .upcominggallery .galleryimg::after { content: ""; width: 100%; height: 100%; box-shadow: 8px 0 0 0 #27e0e5; float: left; padding: 0; position: absolute; z-index: 1; right: 0; top: 0; border-radius: 8px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate ._new_flex span small{margin-bottom: 5px;} /*Appointment Medication*/ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash { width: 100%; float: left; background: #27e0e5; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash span { width: 100%; float: left; color: #000000; font-family: 'Helvetica'; font-size: 1rem; font-weight: normal; padding: 10px; text-align: center; letter-spacing: 1px; font-style: italic; background: #ffffff; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul { width: 100%; margin: 0; padding: 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li { width: 47.11% } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid { width: 100%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid strong { width: 100%; float: left; color: #000000; font-family: 'Helveticacar'; font-size: 1.2rem; font-weight: bold; padding: 10px; letter-spacing: 0.5px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .thsvenulli { width: 100%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .thsvenulli ul { width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .thsvenulli ul li { width: 58.11%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .thsvenulli ul li:nth-child(1) { width: 40%; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash { width: 100%; float: left; margin-bottom: 10px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash .fieldinput { width: 100%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash .fieldinput label { width: 80%; float: left; font-size: 1rem; text-align: right; color: #333333; margin-right: 10%; padding-top: 5px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash .fieldinput p { width: 100%; float: left; font-size: 1rem; text-align: left; color: #ffffff; padding-top: 5px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash .fieldinput input[type="text"] { width: 100%; height: 28px; float: left; background: #27e0e5; border: 2px solid #27e0e5; font-size: 1rem; color: #ffffff; text-indent: 10px; padding: 0; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash .fieldinput input[type="file"] { width: 100%; height: 28px; float: left; background: transparent; border: 2px solid transparent; font-size: 1rem; color: #ffffff; text-indent: 0px; padding: 0; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .appmedicationdash ul li .leftformgrid .formdetailsdash .fieldinput textarea { width: 100%; height: 80px; float: left; background: #27e0e5; border: 2px solid #27e0e5; font-size: 1rem; color: #ffffff; text-indent: 10px; padding: 0; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash { width: 100%; float: left; background: #ffffff; margin: 8px 0px 100px; position: relative; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash h2 { width: 100%; float: left; color: #000000; font-family: 'Helvetica'; font-size: 1.2rem; font-weight: bold; padding: 10px; text-align: center; letter-spacing: 0.5px; background: #fafafa; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash ul { width: 100%; margin: 0; padding: 40px 0 10px; display: flex; justify-content: space-between; flex-wrap: wrap; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash ul li { width: 47.11% } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash ul li.lastlitext { width: 100%; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid { width: 100%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid strong { width: 100%; float: left; color: #000000; font-family: 'Helvetica'; font-size: 1.2rem; font-weight: bold; padding: 10px; letter-spacing: 0.5px; text-align: center; margin-bottom: 15px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .thsvenulli { width: 100%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .thsvenulli ul { width: 100%; margin: 0; padding: 0 !important; display: flex; justify-content: space-between; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .thsvenulli ul li { width: 30.11%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .thsvenulli ul li:nth-child(1) { width: 60%; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash { width: 100%; float: left; margin-bottom: 15px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput { width: 100%; float: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput label { width: 80%; float: left; font-size: 1rem; text-align: right; color: #5e0120; margin-right: 10%; padding-top: 5px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput p { width: 100%; float: left; font-size: 1rem; text-align: left; color: #ffffff; padding-top: 5px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput input[type="text"] { width: 100%; height: 28px; float: left; background: #fafafa; border: 2px solid #fafafa; font-size: 1rem; color: #2c2c2c; text-indent: 10px; padding: 0; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput input::placeholder{display: none !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput input[type="file"] { width: 100%; height: auto; float: left; background: #fafafa; border: 2px solid #fafafa; font-size: 1rem; color: #2c2c2c; text-indent: 10px; padding: 5px 0px; } .mobile-number-login__btnPrimary{ background: #27e0e5 !important; } .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid ul li .recomtophead h4 a{text-transform: uppercase !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid ul li .recomtophead{padding:6px 0 0 !important;} .border-success{min-height:500px !important; height: 100% !important;} .card-body .btn{max-width:160px !important;margin: 0 auto !important;position: absolute !important;left:0 !important;right:0 !important;bottom: 15px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput input[type="password"] { width: 100%; height: 28px; float: left; background: #fafafa; border: 2px solid #fafafa; font-size: 1rem; color: #2c2c2c; text-indent: 10px; padding: 0; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput select { width: 100%; float: left; height: 28px; border: 2px solid #fafafa; font-size: 1rem; color: #2c2c2c; text-indent: 3px; background: url(../images/selectdownarrowblack.png) 97% center no-repeat #fafafa; padding: 0; background-size: 8px; appearance: none; -moz-appearance: none; position: relative; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput textarea { width: 100%; height: 80px; float: left; background: #fafafa; border: 2px solid #fafafa; font-size: 1rem; color: #2c2c2c; text-indent: 10px; padding: 0; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput .formgroupch { width: 100%; float: left; display: flex; align-items: center; justify-content: flex-start; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput .formgroupch input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput .formgroupch label { position: relative; cursor: pointer; font-size: 1rem; font-style: italic; width: auto; text-align: left; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput .formgroupch label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #666666; box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 15px; border-radius: 1px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput .formgroupch input:checked+label:after { content: ''; display: block; position: absolute; top: 6px; left: 9px; width: 6px; height: 14px; border: solid #666666; border-width: 0 2px 2px 0; transform: rotate(45deg) } ._edit_class a{width: auto !important;padding: 8px 20px !important;background: #27e0e5 !important;color: #fff !important;font-size: 15px !important; border-radius: 4px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput input[type="submit"] { width: auto; float: left; font-size: 1rem; text-align: center; background: #27e0e5; ; display: block; padding: 5px 12px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 6px; margin-top: 15px; text-align: center; position: relative; top: 80px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash .leftformgrid .formdetailsdash .fieldinput input[type="button"] { width: auto; float: left; font-size: 1rem; text-align: center; background: #27e0e5; ; display: block; padding: 5px 12px; font-size: 1rem; color: #ffffff; border: 2px solid #ffffff; border-radius: 6px; margin-top: 15px; text-align: center; position: relative; top: 80px; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .medicationdash a { width: auto; float: right; height: auto; padding: 10px 0px; background: transparent; color: #27e0e5; font-weight: normal; font-size: 1.2rem; border: none; cursor: pointer; border-radius: 5px; } ._slots_section{width: 100% !important;height: 100% !important;} ._slots_section ._inner_section{height: 100% !important;} ._slots_section ._inner_section ._left{height: 100% !important;} /* .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 80px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates .btnupcomingdates{ width: auto; float: left; background: #ffffff; border-radius:8px; position: relative; cursor: pointer;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .Allupcomingdates .btnupcomingdates a{ width: 100%; float: left; text-align:center; font-size: 1.2rem; font-weight: bold; color: #27e0e5; padding: 20px 60px;} */ .desk_img,.desktopmap{display: block;} .mob_img,.mobilemap{display: none;} @media only screen and (max-width: 1920px){ :root:{font-size:15px;} } @media only screen and (max-width: 1420px){ :root{ font-size: 15px;} } @media only screen and (max-width: 1366px){ :root{ font-size: 15px;} .mainwrapper header .navbar_desktop .last .navbarpet ul li a{font-size: 14px !important;} } @media only screen and (min-width: 1300px){ :root{ font-size: 15px;} .mainwrapper header .navbar_desktop .last .navbarpet ul li a{font-size: 17px !important;} } @media only screen and (max-width: 1280px){ :root{ font-size: 13px;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li{ background-size: 65px; margin: 10px 0px;} .mainwrapper .choosesection .wchoosewrap .left::before{ right: 32px; top: 12px; height: 90%;} .mainwrapper header .navbar_desktop{ height: 60px;} .mainwrapper header .navbar_desktop .right .navbarpet ul li ul{ top: 60px;} .mainwrapper header .navbar_desktop .left .logo a{ width: 80px;} .mainwrapper header .navbar_desktop .right .navbarpet{ width: 100%;} .mainwrapper header .navbar_desktop .right .navbarpet ul li a,.mainwrapper header .navbar_desktop .right .navbarpet ul li ul li a{ font-size: 14px;} .mainwrapper .recommsection .recommgrid ul li .recoinnergrid ul li{margin: 0;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul,.mainwrapper .recommsection .recommgrid ul{flex-wrap: wrap;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li{ width: 48.11%; margin-bottom: 120px;} .mainwrapper .recommsection .recommgrid ul li{ width: 48.11%; margin-bottom: 10px;} ._customers ._inner_customers ._right_float ._carousel_customers ._items{padding: 10px 10px;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left ._cards img{width:35px !important;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title h4{font-size: 1rem !important;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title span{font-size: 0.85rem !important;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title img{width: 60px;} ._banner_section ._card_sec img{margin-top: 87px !important;} ._pet_banner_section ._card_sec img{margin-top: 87px !important;} .mainwrapper .contactbannersection img{margin-top: 87px !important;} } @media only screen and (max-width: 1024px){ :root{ font-size: 13px;} .mainwrapper .footerwwrap .innerwrap ul{ display: block;} .mainwrapper .footerwwrap .innerwrap ul li{ width: 40.11%; float: left;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li,.mainwrapper .telepetvetviewallsection .tpvrallgrid ul li{ width: 30.11%;} } /* #addnew{display: none;} #addnewdes{display: block !important;} */ @media only screen and (max-width: 768px){ :root{ font-size: 14px;} img{ height: auto !important;} .head_right,.navbar_desktop,.desktopmap{ display: none !important;} .mainwrapper header .right .head_mobilenav,.mainwrapper header .right .head_right_mobilenav,.mainwrapper header .navbar_mobile{ display: block !important;} .desk_img,.mobnon{display: none;} .mob_img,.mobilemap{display: block;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap .leftimgserv{width: 50px;height: 50px;left: 10px;top: 10px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .anv_status{bottom: 13.55% !important;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .avs_status{bottom: 13.55% !important;} .mainwrapper header{ position: fixed; top: 0; left: 0; background:#27e0e5 !important;} .fixed{ background: #ffffff !important;} .fixed img { width: 190px !important;} .fixed a{ color: #404040 !important;} .openNavmob img{ width: 40px !important;} .fixed a{ padding: 10px 0 !important;} .closeicon,.closedashicon{ display: none;} ._addyourpetdetails .formdetailsdash{margin-bottom: 20px !important;} .navhide{transform:translateX(-100%) !important;} .mediatopheader{ display: none !important;} .mainwrapper header{ height: 80px !important;} .scrollbar{height:auto;margin-bottom: 0px;overflow-y: inherit;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate{margin-bottom: 10px;} ._addyourpetdetails{display:block;} /* #addnew{display: block;} #addnewdes{display: none !important;} */ .mainwrapper .footerwwrap .innerwrap ul li.onlyfoomob{display:block !important;} .onlyfoodes{display:none !important;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap strong{text-align: right;} .mainwrapper .choosesection .wchoosewrap .left .wchooinner ul li .choosetextwrap{text-align: left;} .mainwrapper .bannersection .bannerimgslide1{margin-top: 80px !important;} .mainwrapper .bannersection .bannerimgslide1 .pethomebanner{ height: 600px; background-position: 10% 100%;} .mainwrapper .bannersection .bannerimgslide1 .pethomebanner .textwrapbanner{ left: 20%; width: 80%;} .mainwrapper .yservicesection{ background-position: center; height: auto;} .mainwrapper .storiessection .storieinnerwrap .left,.mainwrapper .storiessection .storieinnerwrap .right{ width: 100%;} .mainwrapper .storiessection .storieinnerwrap{display: block;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .marright{margin-bottom: 3%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail span{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetailbtn a{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .petdatematch span {font-size: 1.2rem !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash p{font-size:1.2rem;} .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap .lbox{ position: static; width: 100%; padding: 9%;}f .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap .lbox strong{ left: 0;} .mainwrapper .storiessection .storieinnerwrap .left .storiestextwrap{ margin-bottom: 50px;} .mainwrapper .telpetvetsection .telinnerwrap .right,.mainwrapper .petmatesection .mateinnerwrap .left,.mainwrapper .petzonesection .zoneinnerwrap .right{ margin: 0%; width: 100%; display: block;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap,.mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap, .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap{ width: 100%; padding: 10%; display:flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; background: rgba(0,0,0,0.5);} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap p{ width: 100%;letter-spacing: 0.7px;color:#fff;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap ul li{font-weight: normal;color:#fff;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap h4{color: #fff;} .mainwrapper .footerwwrap .innerwrap ul{ display: block;} .mainwrapper .telepetvetviewallsection{background: #fff !important;} .mainwrapper .footerwwrap .innerwrap ul li{ width: 40.11%; float: left;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li{margin-bottom:120px !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .viewmorelastbtn{margin-top: 50px !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid .viewmorelastbtn a{font-size: 1.2rem !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li:last-child{margin-bottom: 0px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash ._varun_pet span{right:-10px !important;} .mainwrapper .aboutsection .petabout .left,.mainwrapper .aboutsection .petabout .right{width: 100%; border: none;} .mainwrapper .aboutsection .petabout .left .aboulefttext{ border: none;} .mainwrapper .meetoursection .meetdirectors ul li{ width: 28.11%;} .mainwrapper .aboutbannersection,.mainwrapper .telebannersection, .mainwrapper .petdatebannersection,.mainwrapper .contactbannersection,.mainwrapper .telepetdoctorbannersection, .mainwrapper .petdatesearchbannersection{ margin-top: 80px;} .mainwrapper .telesection .petvetwrap .tophead h2{ width: 100%;padding-bottom: 15px;margin-bottom: 15px;} .mainwrapper .telebannersection .bannertextwrap .mainwrapper .contactbannersection .bannertextwrap{ top: 25%;} .mainwrapper .contactbannersection .bannertextwrap h1,.mainwrapper .telepetdoctorbannersection .bannerdrtextwrap h1, .mainwrapper .petdatesearchbannersection .bannersrchtextwrap h1{ font-size: 2.5rem;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap p{color:#fff;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap p{width: 100%;color:#fff;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap h5{color:#fff;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap p{width: 100%;} .mainwrapper .petmonthsecton .monthofwrap .right .monthtextwrap .uptextimg p{width: 70%;} .mainwrapper .telebannersection .bannertextwrap h1{ font-size: 2rem;font-weight: 400;} .mainwrapper .telebannersection .bannertextwrap{top: 0;left: 0;right: 0;position: absolute;display: flex;justify-content: center;align-items: center;transform: inherit;height: 100%;} .mainwrapper .telebannersection .bannertextwrap h1{padding-bottom: 0px !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .topimgwrapreco img{width: 100%;height: 100px !important;border-radius: 50%;} .mainwrapper .whtelesection .whpetvetwrap ul li{padding-left: 0px; margin-left: 15px;} .mainwrapper .telesection .petvetwrap .left,.mainwrapper .telesection .petvetwrap .right{width: 100%; margin: 0;visibility: visible !important;} .mainwrapper .telesection .petvetwrap .left .lefttextwrap p{padding: 5px 0;font-size:1.2rem;line-height: 24px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtophead h4{font-size: 1.4rem;letter-spacing:1px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtophead strong{font-size: 1.2rem;letter-spacing:1px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd strong{letter-spacing: 1px;font-size: 1.2rem;} .mainwrapper .telesection{background: inherit;background-size: inherit;height: auto;padding: 10px 0 0;} .mainwrapper .petdatelooksection_other{height:500px;} .mainwrapper .petdatelooksection_other .bannerpetdatetext .formpetdate{padding: 15px 0;} .mainwrapper .telesection .petvetwrap .right .rightimgwrap{ position: relative;} .mainwrapper .telesection .petvetwrap .right .rightimgwrap img{ width: 100%;} .mainwrapper .curatedsection .curatvetsw ul{ height: auto;} .mainwrapper .curatedsection .curatvetsw ul li{width: 48.11%;} .mainwrapper .curatedsection{ height: auto;} .mainwrapper .curatedsection .curatvetsw .tophead{ padding-bottom: 75px;} .mainwrapper .signbannersection .signcenterwrap .formsign{width: 100%;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn .icongoogle img{width: 25px;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li .googlefacebtn .leftsigntext p{font-size: 0.9rem;} .width30{ width:60%;} ._desk_banner{display: none !important;} .width80{width: 90% !important;} ._mob_banner{display: block !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul,.mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul{ display: block; padding: 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .fgriddash ul li,.mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li{ width: 100%; float: left; margin-bottom: 30px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li{ margin-bottom: 5px;} .mainwrapper .dashboardbannersection .leftdashnavbar{display: none;} .mainwrapper .dashboardbannersection .rightdasboardwrap,.dleft3,.dright7{width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash{ margin-bottom: 30px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright{padding-top:110px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput label{ text-align: left; width: 100%; float: left; margin-right: 0; margin-bottom: 10px;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul{ flex-wrap:wrap;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li{ width: 48.11%; float: left; margin-bottom: 20px;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li {width: 45.11%; margin: 0 0 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .thsvenulli ul li{ margin-bottom: 5px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul ._form_area_div li,.mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash{ width: 100% !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash strong{ padding: 0 0 20px !important;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a{font-size: 1.4rem;letter-spacing: 1px;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li .innerform select{font-size: 1.2rem !important;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate .innerformbtn input[type="submit"]{font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead strong{font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead span{font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtophead a{font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid ul li .recoinnergrid .recomtextpppdbtn a{font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .viewmorelastbtn{margin-top: 0px !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .viewmorelastbtn a{padding: 0 45px !important;font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li .innerform select{font-size: 1.2rem !important;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter .innerformbtn input[type="submit"]{font-size: 1.2rem !important;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput input[type="text"]{font-size: 1.2rem !important;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput input[type="submit"]{font-size: 1.2rem !important;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails .contactinput textarea{font-size: 1.2rem !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash strong{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash p{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash .formgroupch label{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .appointmgrid .petdetailsdash ._varun_pet{width: 90% !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thpnewprofile .ligrid .textdetailbtn a{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate ._new_flex span small{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail a{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thgriddash .addpetbtn a{font-size: 1.5rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid strong{font-size: 1.2rem;} } @media only screen and (max-width: 640px){ :root{ font-size: 13px;} img{ height: auto !important;} .width70{ width:90%;} .mainwrapper .registerborder .reginnerwrap ul,.mainwrapper .setfollowsection .sfollowinnerwrap ul,.mainwrapper .yservicesection .serviceinnerwrap ul ,.mainwrapper .meetoursection .meetdirectors ul,.mainwrapper .curatedsection .curatvetsw ul,.mainwrapper .petsubsection .subscripet ul{ display: block;} .mainwrapper .registerborder .reginnerwrap ul li{ text-align: center; margin-bottom: 15px; float: left; width: 100%;} .mainwrapper .registerborder .reginnerwrap ul li .regbtn,.mainwrapper .testisection .slidermonial .testimgtextwrap .left .imgwraptest{ display: flex; align-items: center; justify-content: center;} .mainwrapper .setfollowsection .sfollowinnerwrap ul li{ width: 100%; float: left; margin-bottom: 50px;} .mainwrapper .setfollowsection .sfollowinnerwrap strong{ font-size: 1.59rem; text-align: center; margin-bottom: 20px;} .mainwrapper .yservicesection .serviceinnerwrap ul li{ width: 100%; float: left; margin-bottom: 25px;height: auto !important;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap p{margin-top: 25px;line-height: 22px;font-size: 1.2rem;} .mainwrapper .petmonthsecton .monthofwrap .left,.mainwrapper .petmonthsecton .monthofwrap .right{ width: 100%;} .mainwrapper .petmonthsecton .monthofwrap .left .framwrap{ width: 88%;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap a{font-size: 1.2rem !important;letter-spacing: 1px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li .tpvrecoinnergrid .recomtextpppd p{font-size: 1.2rem;} .mainwrapper .petmatesection .mateinnerwrap .left .pmttextwrap a{font-size: 1.1.2rem;} .mainwrapper .petzonesection .zoneinnerwrap .right .pztextwrap a{font-size: 1.1.2rem;} ._hidemobile{display: none;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul li a{font-size: 1.2rem;} .mainwrapper .footerwwrap .innerwrap ul{ display: block;} .mainwrapper .footerwwrap .innerwrap ul li{ width: 100%; float: left; margin-bottom: 20px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid strong{ padding-bottom: 10px;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .boxtuch input[type="text"]{ width: 80%;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner,.mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo .textwrapbanner ,.mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree .textwrapbanner{ right: 10%; width: 60%; top: 20%;} .mainwrapper .meetoursection .meetdirectors ul li{ width: 100%; margin-bottom: 25px; float: left;} .mainwrapper .testisection .slidermonial .testimgtextwrap .left,.mainwrapper .testisection .slidermonial .testimgtextwrap .right{ width: 100%;} .mainwrapper .testisection{ height: auto;} .mainwrapper .testisection .slidermonial .slick-slide{ margin-right: 0 !important;} .mainwrapper .testisection .slidermonial .testimgtextwrap .left .imgwraptest img{ width: 40%;} .mainwrapper .testisection .slidermonial .testimgtextwrap .right .textwraptest strong{ text-align: center; margin-top: 25px;} .mainwrapper .testisection .slidermonial .testimgtextwrap .right .textwraptest p{ text-align: center;} .mainwrapper .testisection .slidermonial .slick-dots{ bottom: -47px !important;} .mainwrapper .choosesection .wchoosewrap .left,.mainwrapper .choosesection .wchoosewrap .right{ width: 100%;} .mainwrapper .curatedsection .curatvetsw ul li{width: 100%; height: auto; margin-bottom: 30px; float: left;} .mainwrapper .petsubsection .subscripet ul li{ width:100%; float: left; margin-bottom: 25px;} .mainwrapper .petsubsection .subscripet ul li .craetegridbox .stextwrap ul li{ margin-bottom: 0;} .width30{ width:90%;}.width90{width: 80%;} .mainwrapper .petdatebannersection .bannertextwrap{ top: 0;display: flex;justify-content: center;align-items: center;left: 0;transform: inherit;height: 100%;} .mainwrapper .petdatebannersection .bannertextwrap h1{ font-size: 2rem;font-weight: 400;padding-bottom: 0px !important;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul,.mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul{ display: block;} .mainwrapper .datefollowection .petvetwrap .gridpetdate ul li{ width: 100%; float: left; margin-bottom: 40px; text-align: center;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul{ width: 100%; display: block; padding: 5%;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate ul li{ width: 100%; float: left; margin-bottom: 20px;} .mainwrapper .petdatelooksection .bannerpetdatetext .formpetdate .innerformbtn{margin-top: 0px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .topngriddash ul li{ width: 100%; float: left; margin-bottom: 20px;} .width95{ width:95%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .thgriddash ul li .thproupdate,.mainwrapper .petvetviewresultsection .ptrsuallgrid ul li{ width: 100%;} .mainwrapper .footerwwrap .innerwrap ul li .ffirstgrid .footernav ul li{ margin: 0;} .mainwrapper .contactformdtsection .innercontact .left,.mainwrapper .contactformdtsection .innercontact .right{ width: 100%; margin-left: 0;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails{ margin-bottom: 30px;} .mainwrapper .contactformdtsection .innercontact{ text-align: center;} .mainwrapper .petvetviewresultsection .ptrsuallgrid .ourvetfilter ul li ,.mainwrapper .telepetvetviewallsection .tpvrallgrid .ourvetfilter ul li{width: 100%; margin: 0 0 20px;} .mainwrapper .petdetailssection .petinnerdetails .left,.mainwrapper .petdetailssection .petinnerdetails .right{ width:100%; margin: 0;} .mainwrapper .petdetailssection .petinnerdetails .right .petdttextwrap,.mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt .overallrating{ margin-top: 50px;} .mainwrapper .petdetailssection .petinnerdetails ul{ margin-top: 40px;} .mainwrapper .recommsection .recommgrid ul{ flex-wrap: wrap;} .mainwrapper .recommsection .recommgrid ul li{ width: 100%;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .left,.mainwrapper .telepetvetdetailssection .telepetinnerdetails .right{width: 100%; margin: 0;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .leftindt, .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt{width: 100%; margin: 0;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .left .pdtimgwra{ margin-bottom: 20px;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul{ flex-wrap: wrap;} .mainwrapper .telepetvetrecommsection .tpvrecommgrid ul li,.mainwrapper .telepetvetviewallsection .tpvrallgrid ul li{ width: 100%; margin-bottom:0px;} .mainwrapper .telepetvetdetailssection .telepetinnerdetails .right .telepetdttextwrap .rightindt .overallrating a i{ font-size: 15px;} /*dashboard responsive*/ .dleft2,.dright8,.dright6{ width: 100%;} .width60{ width: 90%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul{ display: flex; float: left;flex-wrap: wrap-reverse;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li{ width: 100%; float: left; margin-bottom: 30px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid ul li{ width: 36.11%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput label, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .petgallerygrid .pethtextleft span, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .petdatematch span{text-align: left; width: 100%; float: left; margin-right: 0; margin-bottom: 10px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate .textdetail{ width: 100%; margin-bottom: 15px; padding-left: 0px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .rightmatchgrid .thproupdate ._new_flex span{padding-bottom: 10px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatepastdate .pdpast{ overflow-x: auto;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli ul, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul{ display: block;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli ul li, .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .thsvenulli ul li:nth-child(1){ width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li{ width: 100%; float: left; margin-bottom:45px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed img{ width: auto;} .bg-wg-modal .wg-modal { width: 95% !important; } .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash{ width:90%; float: left; margin-bottom: 145px;} } /*varun css */ .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashservice{width:100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashservice .fieldinput{width: 100%;float: left;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashservice .fieldinput ._service_heading{font-size: 1.2rem;letter-spacing: 0.6px;margin-bottom: 20px;color: #27e0e5;font-family: 'Helvetica';} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashservice .fieldinput ._service_box{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashservice .fieldinput ._service_box ._filed_service{width:45%;display: flex;align-items: center;margin-bottom: 20px;justify-content: space-between;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashservice .fieldinput ._service_box ._filed_service span{font-size: 1.2rem;color:#000;letter-spacing: 0.6px;margin-right:10px;font-family: 'Helvetica';} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash_service ._service_supp{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px 10px 0px;background: #fff;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash_service ._service_supp ._filed_supp{display: flex;width: 40%;justify-content: space-between;align-items: center;margin-bottom: 10px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash_service ._service_supp ._filed_supp span{font-size: 0.9rem;letter-spacing: 0.5px;margin-right: 5px;color: #404040;font-family: 'Helvetica';} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown{position: relative;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown{display: none;position: relative;width: 240px;height: auto;background: #fff;color: #000;border-left:4px solid #5e0120;top: 4px;left: 18px;border-radius: 4px;padding: 10px 10px;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown li{display: block;width: 100%;padding-bottom: 10px;font-size: 0.9rem;color: #5e0120;letter-spacing: 0.6px;margin: 0px;;cursor: pointer;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown li a{background: transparent;color: #5e0120;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown li a::after{display: none !important;} .active-tabnav{display: block !important;} .active_text{color:#27e0e5 !important;font-weight: 600 !important;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown li:last-child{padding-bottom: 0px !important;} @media (max-width: 1400px) { .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown{margin: 0px !important;width: 200px !important;} .mainwrapper .dashboardbannersection .leftdashnavbar .dashnav ul li.sidebar-dropdown ._petvet_dropdown li{padding-bottom: 10px;} } @media (max-width:1300px){ .mainwrapper header .navbar_desktop .last .navbarpet ul li ul{top:60px} .mainwrapper header .mediatopheader{padding:0px !important;} } @media (max-width:768px){ .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner{left: 50%;} .mainwrapper .bannersection .slick-dots{bottom: 0px !important;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerone .textwrapbanner h1{font-size: 2.5rem;font-weight: 400;letter-spacing: 1px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannertwo .textwrapbanner h1{font-size: 2.5rem;font-weight: 400;letter-spacing: 1px;} .mainwrapper .bannersection .bannerimgslide1 .pethomebannerthree .textwrapbanner h1{font-size: 2.5rem;font-weight: 400;letter-spacing: 1px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput label{font-size:1.2rem !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .petdatevoneprofile ul li .leftformgrid .formdetailsdash .fieldinput input[type="submit"]{font-size: 1.2rem;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .width65{width: 100% !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput ._time_slot{width: 100%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdash .fieldinput ._time_slot ._filed{width: 30%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .leftformgrid .formdetailsdashnew{width: 100% !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargrid{width: 100% !important;margin-bottom: 30px !important;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li{margin-bottom: 120px !important;} ._varun_filter .ourvetfilter form ._inner_filter li{width:100% !important;margin-bottom: 20px;} ._varun_filter .ourvetfilter form ._filter_btn{margin: 0 !important;} ._varun_filter .ourvetfilter .tophead h3::before{width:245px;} .width90{width:90%;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd{width:100% !important;margin-bottom: 20px;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .sgriddash ul li .rightcalendargridwd:nth-child(2n){margin-bottom: 0px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket{font-size:1.2rem;padding:20px 0;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection ._share_via ul li{padding: 5px 5px !important;margin-right: 10px !important;width: 100% !important;margin-bottom: 0 !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection ._share_via ul li:last-child{margin-right: 0px !important;} .mainwrapper .dashboardbannersection .rightdasboardwrap .dashboardright .telepetvetraiseticket ul li .raisegridsection .topneed strong{font-size: 1.2rem;letter-spacing: 1px;} } /*varun (27-feb-2021)*/ ._varun_filter{width:100%;float:left;padding:20px 20px;background:#27e0e5;margin:30px 0 50px;border-radius:5px;box-shadow:4px 4px 5px #ebebeb;} ._varun_filter .ourvetfilter{width:100%;float:left;} ._varun_filter .ourvetfilter .tophead{width:100%;float:left;margin-bottom:50px;} ._varun_filter .ourvetfilter .tophead h3 {width: 100%;float: left;font-size: 2rem;font-weight: bold;font-family: 'Helveticacar';color: #ffffff;text-align: center;position: relative;} ._varun_filter .ourvetfilter .tophead h3::before {content: '';width: 280px; height: 5px;float: left;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #ffffff;} ._varun_filter .ourvetfilter .tophead h3::after {content: '';width: 200px;height: 5px;float: left;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);border-bottom: 2px solid #5e0120;} ._varun_filter .ourvetfilter form ._inner_filter{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;} ._varun_filter .ourvetfilter form ._inner_filter li{width:19%;float:left;} ._varun_filter .ourvetfilter form ._inner_filter li label {width: 100%;float: left;font-size: 1.2rem;text-align: left;color: #ffffff;padding-bottom: 10px;} ._varun_filter .ourvetfilter form ._inner_filter li select {width: 100%;float: left;height: 30px;border: 2px solid #000000;font-size: 1rem;color: #2c2c2c;background: url(../images/petdate/selectdownarrow.png) 97% center no-repeat #ffffff;padding:0 10px;background-size: 9px;appearance: none;-moz-appearance: none;position: relative;} ._varun_filter .ourvetfilter form ._inner_filter li select option{text-indent: 5px;} ._varun_filter .ourvetfilter form ._filter_btn{width:100%;float:left;margin:30px 0;display:flex;justify-content:center;text-align:center;} ._varun_filter .ourvetfilter form ._filter_btn input[type="submit"] {width: auto;float: left;font-size: 1rem;text-align: center;background: #282828;display: block;padding: 8px 45px;font-size: 1rem;color: #ffffff;border: 2px solid #ffffff;border-radius: 8px;margin-top: 15px;text-align: center;} .mainwrapper .howitworksmob{display: none;} /* varun (03-march-2021)*/ @media (max-width:768px){ .mainwrapper header .navbar_mobile .right .dashnavmob ul li ._petvet_dropdown_mobile{display: none;position: relative;float:left;width: 240px;height: auto;background: #fff;color: #000;top: 7px;left: 35px;border-radius: 4px;padding: 10px 10px;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li ._petvet_dropdown_mobile li:last-child{padding-bottom: 0px !important;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li ._petvet_dropdown_mobile li{display: block;width: 100%;padding-bottom: 15px;font-size: 0.9rem;color: #5e0120;letter-spacing: 0.6px;margin: 0px;;cursor: pointer;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li ._petvet_dropdown_mobile li a{background: transparent;color: #5e0120;} .mainwrapper header .navbar_mobile .right .dashnavmob ul li ._petvet_dropdown_mobile li a::after{display: none !important;} .active-tabnav{display: block !important;} .active_text{color:#27e0e5 !important;font-weight: 600 !important;} .width50{width: 100%;margin-bottom:30px;} .paymentmode{flex-wrap: wrap-reverse;} .paymentmode .innertextwrappay strong{font-size: 1.2rem !important;width: 40% !important;} .paymentmode .innertextwrappay p{font-size: 1.2rem !important;width: 40% !important;} ._varun_filter .ourvetfilter form ._filter_btn input[type="submit"]{font-size: 1.2rem !important;} .border_for_mobile{width: 100%;border-bottom: 1px solid #f8f8f8;} .border_for_mobile img{width: 90%;} .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .thsvenulli ul li{width: 50%;} .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .thsvenulli ul li:nth-child(1){width: 46%;} .mainwrapper .upcomingpetdetails .petdt .ligrid ul li{width: 100%;} .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .petdetailsdash p{font-size: 1.1.2rem;} .mainwrapper .upcomingpetdetails .petdt .ligrid ul li .appointmgrid .petdetailsdash strong{font-size: 1.1.2rem;} } ._btn_section a:hover{ background: #5e0120 !important; color: #fff !important; transition: 300ms; } ._add_pet_btn { background: #fff; color: #000; text-align: center; padding: 10px 70px; letter-spacing: 0.5px; border-bottom: 3px solid #27e0e5; border-radius: 5px;} .mainwrapper .datefollowection ._petdate_text{width:40%;} .mainwrapper .datefollowection .petvetwrap p{font-size: 1.2rem;letter-spacing: 0.5px;} .cookie-consent{position: fixed;width: 60%;margin: -33px auto;left: 0;right: 0;border: 21px;z-index: 22;text-align: center;color: #fff;font-size: 0.9rem;background: #5e0120;padding: 10px 0;border-radius: 4px;letter-spacing: 0.5px; box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.034),0 6.7px 5.3px rgba(0, 0, 0, 0.048),0 12.5px 10px rgba(0, 0, 0, 0.06),0 22.3px 17.9px rgba(0, 0, 0, 0.072),0 41.8px 33.4px rgba(0, 0, 0, 0.086),0 100px 80px rgba(0, 0, 0, 0.12);bottom:10%;} .cookie-consent__agree{width: auto;background: #27e0e5;color: #000;padding: 7px;border: none;border-radius: 2px;font-size: 1rem;letter-spacing: 0.6px;font-weight: 600;} @media(max-width:768px){ .reginnerwrap ul._my_list li{width: 100% !important;} .mainwrapper .registerborder .reginnerwrap ul li form ._search_filed{width: 48% !important;} .mainwrapper .registerborder .reginnerwrap ul li form ._search_filed label{text-align: left;font-size: 1.2rem !important;} .mainwrapper .registerborder .reginnerwrap ul li form ._search_filed select{font-size: 1.2rem !important;} .mainwrapper .yservicesection .serviceinnerwrap ul li .gridservicewrap{height: auto !important;padding: 3% !important;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap h3{color: #fff;} .mainwrapper .telpetvetsection .telinnerwrap .right .teltextwrap strong{color:#fff;} .mainwrapper .howitworksnew{display: none !important;} .mainwrapper .howitworks{display: none !important;} .mainwrapper .contactformdtsection .innercontact .right .righttextdtwrap .indtfomrtext a{font-size: 1.2rem !important;} /*how it works for mobile */ .mainwrapper .howitworksmob{ width: 100%;float:left;background:#fff;display: block;padding: 60px 0;} .mainwrapper .howitworksmob h2{width:100%;float:left;text-align: center;font-size: 2rem;color: #27e0e5;font-weight: 600;letter-spacing: 0.6px;font-family: 'Conv_PWFicelles';} .mainwrapper .howitworksmob .slidermonial{ width: 100%; float: left; padding: 30px 0 0px;} .mainwrapper .howitworksmob .slidermonial .testimgtextwrap{ width: 100%; float: left;} .mainwrapper .howitworksmob .slidermonial .testimgtextwrap .left{width: 100%; float: left;} .mainwrapper .howitworksmob .slidermonial .testimgtextwrap .left .imgwraptest{ width: 100%; float: left;} .mainwrapper .howitworksmob .slidermonial .testimgtextwrap .left .imgwraptest img{ width: 100%;} .mainwrapper .howitworksmob .slidermonial .slick-dots{ bottom: -20px !important;} .mainwrapper .howitworksmob .slidermonial .slick-dots li{ margin: 0 2px !important;} .mainwrapper .howitworksmob .slidermonial .slick-dots li button{ width: 10px; height: 10px; border-radius: 100px; line-height: 44px;} .mainwrapper .howitworksmob .slidermonial .slick-dots li button::before{ font-size: 16px !important; opacity: 1 !important; color: #ffffff !important; border: 3px solid #808080; border-radius: 100px; width: 16px; height: 16px; line-height: normal;} .mainwrapper .howitworksmob .slidermonial .slick-dots li.slick-active button::before{ color: #ffffff !important; border: 3px solid #27e0e5; border-radius: 100px; width: 16px; height: 16px; line-height: normal;} .mainwrapper .howitworksmob .slidermonial .slick-dotted.slick-slider{ margin-bottom: 0px !important;} .mainwrapper .petdetailssection { background: none; } ._arrow_btn{top: 67% !important;transform: translatey(-50%);} .mainwrapper .registerborder .reginnerwrap ul li .lefttextwrap p{font-size: 1.2rem;letter-spacing: 1px;} .mainwrapper .registerborder .reginnerwrap ul li .lefttextwrap p strong{width: 100%;float: left;padding-bottom: 5px ;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtophead h4{font-size: 1.1rem;letter-spacing: 1px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtophead strong{font-size: 0.89rem;letter-spacing: 1px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtophead strong{font-size: 0.89rem;letter-spacing: 1px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppd p{font-size: 0.89rem;letter-spacing: 1px;} .mainwrapper .telepetvetviewallsection .tpvrallgrid ul li .tpvrecoinnergrid .recomtextpppdbtn a{font-size: 0.89rem;letter-spacing: 1px;} .mainwrapper .signbannersection .signcenterwrap .formsign .googleface ul li{width: 50%;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields label{font-size: 1.2rem;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields label a{font-size: 1.2rem !important;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="text"]{height: 35px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input::placeholder{font-size: 1.2rem;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="password"]{height: 35px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="submit"]{font-size: 1.2rem;} .mainwrapper .signbannersection .signcenterwrap .formsign .createloginbtn p{font-size: 1.1.2rem;line-height: 26px;padding: 0;font-weight: 500;} ._mobile_label{font-size: 0.9rem !important;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields select{height: 35px;} .mainwrapper .signbannersection .signcenterwrap .formsign .formdetails .inputfields input[type="number"]{height: 35px;} } .mainwrapper .footerwwrap .innerwrap ul li.onlyfoomob{display:none;} .onlyfoodes{display:block;} /*grooming css*/ ._banner_section{width: 100%;float: left;position: relative;} ._banner_section ._card_sec{width: 100%;height: 100%;float: left;position: relative;} ._banner_section ._card_sec img{width: 100%;margin-top: 115px;} ._strip_section{width: 100%;float: left;position: relative;top: -80px;} ._strip_section ._inner_strip{width: 100%;float: left;height:auto;position: relative;} ._strip_section ._inner_strip ._card_strip{width: 50%;position: relative;display: flex;align-items: center;height: 100%;margin: 0 auto;} ._strip_section ._inner_strip ._card_strip img{width: 100%;height: 100%;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} ._strip_section ._inner_strip ._card_strip ._text_area{position: absolute;top:0;width: 100%;padding: 20px 40px;text-align: center;float: left;height: 100%;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;left: 0px;right: 0px;} ._strip_section ._inner_strip ._card_strip ._text_area h1{width: 100%;float: left;font-size:2.5rem;color:#27e0e5;font-family: 'Helveticabo';letter-spacing: 0.6px;margin-bottom: 20px;} ._strip_section ._inner_strip ._card_strip ._text_area p{width: 100%;float: left;font-size:1.2rem;color:#27e0e5;font-family: 'Helveticare';letter-spacing: 0.6px;margin-bottom: 40px;display: none;} ._strip_section ._inner_strip ._card_strip ._text_area ._btn_ser{width: auto;padding: 12px 30px;background:#27e0e5;font-size: 1.2rem;letter-spacing: 0.6px;border-radius: 5px;color:#fff;font-family: 'Helveticare';} ._grooming_works{width: 100%;float: left;padding: 40px 0;background:#eff5f5;} ._grooming_works ._inner_works{width: 100%;float: left;} ._grooming_works ._inner_works h2{width: 100%;float: left;font-size:2.2rem;color:#2c2c2c;font-family: 'Helveticabo';letter-spacing: 0.6px;margin-bottom: 20px;text-align: center;} ._grooming_works ._inner_works ._cards_work{width: 100%;float: left;height: auto;} ._grooming_works ._inner_works ._cards_work img{width: 100%;} ._grooming_works ._inner_works ul{width:100%;margin: 0;padding: 40px 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;} ._grooming_works ._inner_works ul li{width: 32%;float: left;display: flex;margin-bottom: 40px;justify-content: space-between;align-items: center;} ._grooming_works ._inner_works ul li ._cards {width: 20%;float: left;} ._grooming_works ._inner_works ul li ._cards img{width: 100%;margin-bottom: 15px;background: #fff;border-radius: 100%;box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;padding:5px;} ._grooming_works ._inner_works ul li ._cap{width: 77%;float: left;text-align: left;} ._grooming_works ._inner_works ul li ._cap h2{width: 100%;text-align: left;font-size: 1rem;letter-spacing: 0.6px;font-family: 'Helveticabo';color: #2c2c2c;margin-bottom: 3px;} ._grooming_works ._inner_works ul li ._cap p{width: 100%;text-align: left;font-size: 1rem;letter-spacing: 0.6px;font-family: 'Helvetica';color: #2c2c2c;font-weight: 100;} ._grooming_works ._inner_works ul li ._cap a{color: #27e0e5; text-decoration: none;font-size: 1rem;letter-spacing: 0.5px;font-weight: 100;font-family: 'Helvetica';} ._packages{width: 100%;float: left;text-align: center;background: #f6f6f6;padding: 40px 0;} ._packages ._inner_packages{width: 90%;text-align: center;margin:0 auto;} ._packages ._inner_packages h2{width: 100%;float: left;font-size:2.2rem;color:#2c2c2c;font-family: 'Helveticabo';letter-spacing: 0.6px;margin-bottom: 10px;text-align: center;} ._packages ._inner_packages p{width: 100%;float: left;font-size:1.2rem;color:#2c2c2c;font-family: 'Helvetica';letter-spacing: 0.6px;text-align: center;margin-bottom: 40px;} ._packages ._inner_packages ._carousel_packages{width: 100%;float: left;} ._packages ._inner_packages ._carousel_packages ._items{width: 100%;background: #fff;position: relative;float: left;padding: 20px;height: 450px;overflow-y: scroll;} ._packages ._inner_packages ._carousel_packages .slick-slide{margin: 18px !important;} ._packages ._inner_packages ._carousel_packages ._items h3{width: 100%;float: left;font-size:1.2rem;color:#27e0e5;font-family: 'Helvetica';letter-spacing: 0.6px;text-align: center;} ._packages ._inner_packages ._carousel_packages ._items span{width: 100%;float: left;font-size:1rem;color:#2c2c2c;font-family: 'Helvetica';letter-spacing: 0.6px;text-align: center;border-bottom: 2px solid #27e0e5;padding-bottom: 10px;} ._packages ._inner_packages ._carousel_packages ._items ._cards{width: 100%;float: left;text-align: center;margin-top: 20px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;} ._packages ._inner_packages ._carousel_packages ._items ._cards img{width: 50px;} ._packages ._inner_packages ._carousel_packages ._items ul{width: 100%;float: left;margin-top: 30px;} ._packages ._inner_packages ._carousel_packages ._items ul li{display: block;margin-bottom: 18px;font-size: 1rem;color: #404040;letter-spacing: 0.6px;font-family: 'Helvetica';position: relative;text-align: left;padding-left: 50px;} ._packages ._inner_packages ._carousel_packages ._items ul li::before{position: absolute;content: '';left:0;background: url('https://www.petmantraa.com/public/images/home/check.png') no-repeat;width: 15px;height: 15px;background-size: cover;} ._packages ._inner_packages ._carousel_packages ._chose_plan{width: 100%;float: left;text-align: center;background:#fff;padding-top: 20px;} ._packages ._inner_packages ._carousel_packages ._chose_plan a{width: auto;padding: 8px 35px;background:transparent;border:1px solid #27e0e5;border-radius: 4px;font-size: 0.9rem;color: #27e0e5;letter-spacing: 0.6px;font-family: 'Helvetica';} ._packages ._inner_packages ._carousel_packages ._chose_plan a:hover{background:#27e0e5;color: #fff;transition: .5s ease-in-out;} /* ._packages ._inner_packages ._carousel_packages ._items::-webkit-scrollbar{width: 13px;border-radius: 10px;} ._packages ._inner_packages ._carousel_packages ._items::-webkit-scrollbar-track{background-color: #f6f6f6;border-radius: 10px;} ._packages ._inner_packages ._carousel_packages ._items::-webkit-scrollbar-thumb{background-color: #27e0e5;border-radius: 10px;} */ .slick-slide{margin: 10px;} ._customers{width: 100%;float: left;text-align: center;background: #fff;padding: 40px 0;} ._customers ._inner_customers{width: 100%;float: left;text-align: center;} ._customers ._inner_customers h2{width: 100%;float: left;font-size:2.2rem;color:#2c2c2c;font-family: 'Helveticabo';letter-spacing: 0.6px;margin-bottom: 40px;text-align: center;} ._customers ._inner_customers p{width: 100%;float: left;font-size:1.2rem;color:#2c2c2c;font-family: 'Helvetica';letter-spacing: 0.6px;text-align: center;margin-bottom: 40px;} ._customers ._inner_customers ._right_float{width: 100%;margin:0 auto;} ._customers ._inner_customers ._right_float ._carousel_customers{width: 100%;float: left;} ._packages ._inner_customers ._carousel_customers .slick-list .slick-slide{margin: 15px !important;} ._customers ._inner_customers ._right_float ._carousel_customers ._items{width: 100%;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;position: relative;float: left;padding: 10px 30px;border: 1px solid #27e0e5;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left{width: 60%;float: left;display: flex;flex-wrap: wrap;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left ._cards{width:20%;float: left;margin-right: 4%;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left ._cards img{width: 50px;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left ._title{width:75%;float: left;text-align: left;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title h4{width: 100%;float: left;font-size:1.2rem;color:#2c2c2c ;font-family: 'Helvetica';letter-spacing: 0.6px;text-align:left;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title span{width: 100%;float: left;font-size:1rem;color:#2c2c2c;font-family: 'Helvetica';letter-spacing: 0.6px;text-align:left;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title img{width:80px;margin-top: 8px;} ._customers ._inner_customers ._carousel_customers ._items ._left p{width: 100%;font-size: 1rem;line-height: 16px;letter-spacing: 0.5px;text-align: left;margin: 10px 0 0 0;} ._customers ._inner_customers ._carousel_customers ._items ._right{width: 30%;float: left;} ._customers ._inner_customers ._carousel_customers ._items ._right ._cards{width: 100%;float: left;height: auto;} ._customers ._inner_customers ._carousel_customers ._items ._right ._cards img{width: 100%;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} ._customers ._inner_customers ._carousel_customers ._items h3{width: 100%;float: left;font-size:1.2rem;color:#27e0e5;font-family: 'Helvetica';letter-spacing: 0.6px;text-align: center;} ._connect_section{width: 100%;float: left;padding: 40px 0;background: #f6f6f6;} ._connect_section ._inner_connect{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} ._connect_section ._inner_connect ._left_sec{width: 50%;float: left;border-right: 2px solid #27e0e5;padding: 0 50px;} ._connect_section ._inner_connect ._left_sec ._card{width: 100%;text-align: center;float: left;} ._connect_section ._inner_connect ._left_sec ._card img{width: 100px;} ._connect_section ._inner_connect ._left_sec ._card p{font-size: 2rem;letter-spacing: 0.6px;margin-top: 20px;font-family: 'Helvetica';color: #404040;margin-bottom: 40px;} ._connect_section ._inner_connect ._left_sec ._button{width: 100%;float: left;text-align: center;margin-bottom: 40px;} ._connect_section ._inner_connect ._left_sec ._button a{width: auto;padding: 10px 25px;color: #fff;font-size: 1.2rem;letter-spacing: 0.6px;border-radius: 5px;background:#27e0e5;font-family: 'Helvetica';} ._connect_section ._inner_connect ._left_sec ._frame{width: 100%;float: left;text-align: center;} ._connect_section ._inner_connect ._left_sec ._frame img{width: 100%;max-width: 700px;} ._connect_section ._inner_connect ._right_sec{width: 50%;float: left;padding: 0 50px;} ._connect_section ._inner_connect ._right_sec h2{width: 100%;float: left;font-size:2rem;color:#2c2c2c;font-family: 'Helveticabo';letter-spacing: 0.6px;margin-bottom: 20px;text-align: center;} ._connect_section ._inner_connect ._right_sec .accordion_container {width:90%;margin: 0 auto;} ._connect_section ._inner_connect ._right_sec .accordion_container ._acc{width:100%;float:left;margin-bottom:15px;} ._connect_section ._inner_connect ._right_sec .accordion_container ._acc .accordion_head {background-color:#27e0e5;color:#fff;cursor: pointer;font-size: 1.2rem;margin: 0 0;padding: 8px 11px;letter-spacing: 0.6px;font-family: 'Helvetica';} ._connect_section ._inner_connect ._right_sec .accordion_container ._acc .accordion_body {background:transparent;border: 1px solid #27e0e5;} ._connect_section ._inner_connect ._right_sec .accordion_container ._acc .accordion_body p {padding: 18px 5px;margin: 0px;font-size: 14px;letter-spacing: 0.6px;font-family: 'Helvetica';} ._connect_section ._inner_connect ._right_sec .accordion_container ._acc .plusminus {float:right;} ._from_stepper{width: 100%;height: 100vh;background: url('https://www.petmantraa.com/public/images/home/pogbg.jpg') no-repeat;background-size: cover;margin-bottom: 50px;} ._from_stepper #multistepsform {max-width: 1000px;margin: 115px auto 0;text-align: center;position: relative;} #multistepsform fieldset {background: white;border: 0 none;border-radius: 3px;box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);padding: 40px 280px;box-sizing: border-box;width: 100%;position: relative;} #multistepsform fieldset ._types{width: 100%;float: left;margin: 20px 0;text-align: left;} #multistepsform fieldset ._types h3{width: 100%;float: left;text-align: left;font-size: 0.9rem;letter-spacing: 0.5px;color: #000000;font-family: Helvetica;margin-bottom: 10px;} #multistepsform fieldset ._types ._items{display: inline-block;width:auto;margin-right: 20px;border: 1px solid #404040;border-radius: 10px;padding: 5px 20px;cursor: pointer;text-align: center;} #multistepsform fieldset ._fileds{width: 100%;float: left;} ._flex_section{display: flex;justify-content: space-between;flex-wrap: wrap;} #multistepsform fieldset ._fileds ._inner_fi{width: 47%;float: left;} #multistepsform fieldset ._fileds ._inner_fi ._inputbox select{width: 100%;border-radius: 10px;border: 1px solid #404040;outline: none;background:transparent;text-indent: 10px;font-size: 0.85rem;font-family: 'Helvetica';height: 100%;padding: 0;} #multistepsform fieldset ._fileds h3{width: 100%;float: left;text-align: left;font-size: 0.9rem;letter-spacing: 0.5px;color: #000000;font-family: Helvetica;margin-bottom: 10px;} #multistepsform fieldset ._fileds ._inputbox{width: 100%;float: left;height: 35px;} #multistepsform fieldset ._fileds ._inputbox input{width: 100%;border-radius: 10px;border: 1px solid #404040;outline: none;background:transparent;text-indent: 10px;font-size: 0.85rem;font-family: 'Helvetica';height: 100%;padding: 0;} #multistepsform fieldset ._fileds ._inputbox textarea{width: 100%;border-radius: 10px;border: 1px solid #404040;outline: none;background:transparent;text-indent: 10px;font-size: 0.85rem;font-family: 'Helvetica';padding: 0;} #multistepsform fieldset ._fileds ._inputbox input::placeholder{font-size: 0.85rem;font-family: 'Helvetica';} #multistepsform fieldset ._types ._items span{font-size: 0.75rem;color: #404040;letter-spacing: 0.5px;font-family: Helvetica;margin-top: 3px;display: block;} .activepet{border: 2px solid #27e0e5 !important;} .mt20{margin-top: 20px;} #multistepsform fieldset ._fileds ul._buttonbox{width: 100%;float: left;text-align: left;} #multistepsform fieldset ._fileds ul._buttonbox li{width: 120px;padding: 8px 0px;font-size: 0.85rem;color: #404040;border: 1px solid #404040;border-radius: 5px;background:transparent;outline: none;letter-spacing: 0.5px;font-family: Helvetica;display: inline-block;margin-right: 20px;text-align: center;cursor: pointer;} .activebtn{color: #27e0e5 !important;border: 1px solid #27e0e5 !important;border-radius: 5px;} .activebtn4{color: #fff !important;border: 1px solid #27e0e5 !important;border-radius: 5px;background: #27e0e5 !important;} #multistepsform fieldset ._fileds ._timebox{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} #multistepsform fieldset ._fileds ._timebox li{width: 31%;float:left;margin-bottom: 15px;cursor: pointer;} #multistepsform fieldset ._fileds ._timebox li a:hover{background: #27e0e5;transition: .5s ease-in-out;color:#fff !important;border:1px solid #27e0e5;} #multistepsform fieldset ._fileds ._timebox li a{width: 100%;padding: 8px 0px;font-size: 0.7rem;color: #27e0e5;border: 1px solid #404040;border-radius: 5px;background:transparent;outline: none;letter-spacing: 0.5px;font-family: Helvetica;display: inline-block;text-align: center;cursor: pointer;} #multistepsform fieldset ._fileds ._timebox li span{display: block;text-align: center;font-size: 0.7rem;color: #404040;letter-spacing: 0.5px;font-family: Helvetica;margin-top: 3px;} #multistepsform fieldset ._types ._items img{width: 100%;max-width: 40px;} #multistepsform fieldset:not(:first-of-type) {display: none;} #multistepsform input,#multistepsform textarea {padding: 15px;border: 1px solid #ccc;border-radius: 3px;margin-bottom: 10px;width: 100%;box-sizing: border-box;color: #2c3e50;font-size: 13px;} #multistepsform input:focus,#multistepsform textarea:focus {border-color: #679b9b;outline: none;color: #637373;} #multistepsform .action-button {width: 100px;background:#27e0e5;font-weight: bold;color: #fff;transition: 150ms;border: 0 none;border-radius: 1px;cursor: pointer;padding: 10px 5px;margin: 10px 5px;font-family: 'Helvetica';letter-spacing: 0.5px;margin-top: 100px;display: block;float: left;margin-right: 10px !important;font-size: 13px !important;} #multistepsform .action-button:hover, #multistepsform .action-button:focus {box-shadow: 0 0 0 2px #f08a5d, 0 0 0 3px #ff9760;color: #fff;} #multistepsform .fs-title {font-size: 1.2rem;text-transform: uppercase;color: #2c3e50;margin-bottom: 10px;letter-spacing: 0.5px;border-bottom: 2px solid #404040;font-family: 'Helveticabo';padding-bottom: 8px;display: inline-block;} #multistepsform .fs-subtitle {font-weight: normal;font-size: 13px;color: #666;margin-bottom: 20px;} #multistepsform #progressbar {margin-bottom: 30px;overflow: hidden;counter-reset: step;} #multistepsform #progressbar li {list-style-type: none;color: #679b9b;text-transform: uppercase;font-size: 9px;width: 33.33%;float: left;position: relative;} #multistepsform #progressbar li:before {content: counter(step);counter-increment: step;width: 20px;line-height: 20px;display: block;font-size: 10px;color: #fff;background: #679b9b;border-radius: 3px;margin: 0 auto 5px auto;} #multistepsform #progressbar li:after {content: "";width: 100%;height: 2px;background: #679b9b;position: absolute;left: -50%;top: 9px;z-index: -1;} #multistepsform #progressbar li:first-child:after {content: none;} #multistepsform #progressbar li.active {color: #ff9a76;} #multistepsform #progressbar li.active:before, #multistepsform #progressbar li.active:after {background: #ff9a76;color: white;} .mobile-number-login__signIn .mobile-number-login__form_control:not(:placeholder-shown) + label, .mobile-number-login__signIn .mobile-number-login__form_control:focus + label{background: transparent !important;} .mobile-number-login__signIn .mobile-number-login__dateSlct{top:9px !important;} .mobile-number-login__signIn .mobile-number-login__form_control:not(:placeholder-shown) + label{background:transparent !important;} .mobile-number-login__signIn .mobile-number-login__form_outer.mobile-number-login__countryCode .mobile-number-login__form_control:not(:placeholder-shown) + label, .mobile-number-login__signIn .mobile-number-login__form_outer.mobile-number-login__countryCode .mobile-number-login__form_control:focus + label{display: none !important;} .mobile-number-login__signIn .mobile-number-login__form_outer.mobile-number-login__countryCode .mobile-number-login__form_control:placeholder-shown + label{display: none !important;} .createloginbtn{margin: 15px 0 !important;} .createloginbtn p{font-size: 1rem !important;padding-bottom:2px !important; margin: 0 !important;color: #007bff !important;} .createloginbtn p:first-child{color: #acbbbb !important;} .createloginbtn p:last-child{padding-top: 10px !important;} ._from_stepper #multistepsform{max-width: 600px !important;} #multistepsform fieldset{padding: 10px 100px !important;} .view_details .modal-dialog{max-width: 700px !important;margin: 2rem auto !important;height: 550px !important;} .view_details .modal-dialog .modal-content{height: 100% !important;} .view_details .modal-dialog .modal-content .modal-body{overflow-y: scroll !important;} .view_details .modal-dialog .modal-header{padding: 10px !important;} .view_details .modal-dialog .modal-title {font-size: 1.2rem !important;font-weight: bold !important;} .view_details .modal-dialog .close{width: 30px !important;height: 30px !important;background: #000 !important;position: relative !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;text-shadow: none !important;opacity: inherit !important;color: #fff !important;font-size: 2rem !important;border-radius: 100% !important;padding:0px !important;margin: 0px !important;} .view_details .modal-dialog .close span{position: absolute;top: 0px;} .v-btn{padding: 7px 20px;border-radius: 5px;border: none;color: #fff;background: #27e0e5 !important;} ._content_area ._full_content ._heading_container{ background: #27e0e5 !important;} ._content_area ._grid_container ._inner ._items ._cap h3{ background: #27e0e5 !important;} ._content_area ._grid_container ._inner ._items ._cap ._btn {background: #27e0e5 !important;} @media(max-width:1440px){ ._from_stepper #multistepsform {margin: 87px auto 0;} } @media(max-width:768px){ ._from_stepper form{padding: 0px !important;} .mainwrapper .telepetdoctorbannersection img{margin-top: 80px !important;} #multistepsform fieldset ._calender img{width:100% !important;} ._from_stepper #multistepsform{margin: 80px auto 0;} ._from_stepper{height:90vh;background: #fff;} ._from_stepper #multistepsform{width: 90%;max-width: 100%;} #multistepsform fieldset{padding: 20px 15px !important;} #multistepsform fieldset ._fileds ul._buttonbox {display: flex;} #multistepsform fieldset ._fileds ul._buttonbox li{width: 30%;margin-right: 3%;} ._grooming_works ._inner_works ul li{width: 100%;} ._customers ._inner_customers ._right_float{margin-right: 0px;} ._customers ._inner_customers ._right_float ._carousel_customers ._items{padding: 10px 10px;} ._customers ._inner_customers ._carousel_customers ._items ._left ._title img{width: 60px;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left ._cards{margin-right: 10%;} ._customers ._inner_customers ._right_float ._carousel_customers ._items ._left ._title{width: 70%;} ._connect_section ._inner_connect ._left_sec{width: 100%;padding: 0;border-bottom: 1px solid #27e0e5;padding-bottom: 30px;margin-bottom: 30px;border-right: none;} ._connect_section ._inner_connect ._right_sec{width: 100%;padding: 0;} .width80,.width85{width: 90%;} ._connect_section ._inner_connect ._right_sec .accordion_container{width: 100%;} ._customers ._inner_customers h2{margin-bottom: 30px;font-size: 2rem;} ._packages ._inner_packages ._carousel_packages ._items{min-height: auto;} ._packages ._inner_packages ._carousel_packages ._items ._chose_plan{position: relative;margin-top: 30px;bottom: inherit;} ._packages ._inner_packages h2{font-size: 2rem;} ._grooming_works ._inner_works ul li ._cap h2{font-size: 1.2rem;} ._grooming_works ._inner_works ul li ._cap p{font-size: 0.9rem;} ._grooming_works ._inner_works h2{font-size: 2rem;} ._banner_section ._card_sec img{margin-top: 80px;} ._strip_section ._inner_strip ._card_strip ._text_area h1{font-size: 1.5rem;margin-bottom: 10px;} ._strip_section ._inner_strip ._card_strip ._text_area p{font-size: 0.9rem;letter-spacing: 0.5px;display: none;} ._strip_section ._inner_strip ._card_strip ._text_area ._btn_ser{font-size: 1rem;padding: 8px 15px;} ._strip_section{top:-18px;} } ._content_area_recipie{width: 100%;float: left;padding: 50px 0;background: url('./images/Dogs-Footprient.png') no-repeat;height: 100%;background-size: cover;} ._pet_banner_section ._card_sec ._overlay{width: 100%;float: left;text-align: center;background:rgba(0,0,0,0.8);position: absolute;bottom: 4px;} ._pet_banner_section ._card_sec img{width:100%;margin-top: 115px;} ._pet_banner_section ._card_sec ._overlay p{font-size: 1.4rem;font-family: 'Helveticare';font-weight: bold;letter-spacing: 0.6px;padding: 25px 0;color: #fff;} ._content_area_recipie ._inner_content{max-width:1000px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;} ._content_area_recipie ._inner_content ._left{width: 55%;} ._content_area_recipie ._inner_content ._left h2{width: 100%;float: left;display: block;background: #27e0e5;position: relative;margin-bottom: 20px;padding: 10px 20px;color: #fff;font-family: 'Helveticare';font-size: 1.6rem;font-weight: bold;} ._content_area_recipie ._inner_content ._left p{width: 100%;float: left;text-align: left;font-family: 'Helveticare';font-size:1.2rem;line-height: 26px;letter-spacing: 0.6px;margin-bottom: 10px;padding:0 20px;} ._content_area_recipie ._inner_content ._left p:last-child{margin-bottom: 0px;} ._content_area_recipie ._inner_content ._right{width: 40%;background:#27e0e5;padding: 25px 20px;} ._content_area_recipie ._inner_content ._right ul{margin: 0;padding: 0;} ._content_area_recipie ._inner_content ._right h2{width: 100%;float: left;display: block;background: #27e0e5;position: relative;color: #fff;font-family: 'Helveticare';font-size: 1.6rem;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;} ._content_area_recipie ._inner_content ._right ul li{font-size: 1.2rem;color: #666666;padding-bottom: 12px;list-style-type: disc;margin-left: 30px;font-style: italic;} ._content_area_recipie ._inner_content ._right ul li:last-child{padding-bottom: 0px;} ._content_area_recipie ._inner_content ._btn{width: 100%;float: left;text-align: center;display: flex;justify-content: center;} ._content_area_recipie ._inner_content ._btn a{width: auto;float: left;text-align: center;color: #fff;font-size: 1rem;font-weight: 300;background: #5e0120;border-radius: 4px;padding: 10px 30px;margin-top: 10px;transition: all 0.6s ease;clear: both;} ._content_area_recipie ._full_content{width: 100%;float: left;margin-top: 50px;} ._content_area_recipie ._full_content ._heading_container{width: 100%;float: left;display: block;background: #27e0e5;position: relative;margin-bottom: 20px;} ._content_area_recipie ._full_content ._heading_container::before{width: 10%;float: left;height: 100%;background: #fff;content: '';position: absolute;right: 0px;top: 0px;} ._content_area_recipie ._full_content ._heading_container h3{padding: 15px 0px;font-size: 1.4rem;font-family: 'Helveticare';font-weight: bold;color: #fff;max-width: 1000px;margin: 0 auto;font-weight: bold;text-transform: uppercase;} ._content_area_recipie ._full_content ul{max-width: 1000px;margin: 0 auto;} ._content_area_recipie ._full_content ul li{font-size: 1.2rem;padding-bottom: 20px;font-family: 'Helveticare';letter-spacing: 0.6px;list-style-type: disc;font-style: italic;font-weight: normal;margin-left: 14px;} ._content_area_recipie ._full_content ul li:last-child{padding-bottom: 0px;} ._content_area_recipie small{width: 100%;float: left;background: #f8f6f6;font-size: 1.2rem;padding: 20px 0;font-family: 'Helveticare';font-weight: normal;color: #000;text-align: center;margin-top: 50px;} ._pet_banner_section ._card_sec{position:relative;} ._pet_banner_section ._card_sec ._overlay_wrap{width:100%;position:absolute;top:0px;height:100%;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;} ._pet_banner_section ._card_sec ._overlay_wrap p{color:#fff;font-size:5rem;font-family: 'Helveticare';font-weight: bold;letter-spacing:0.6px;} ._strip_section ._inner_strip ._card_strip ._strip_area ul li{padding: 0 0 12px !important;border-radius: 12px !important;} ._strip_section ._inner_strip ._card_strip ._strip_area ul li img{border-radius: 0px !important;} ._strip_section ._inner_strip ._card_strip ._strip_area ul li p{padding-bottom: 0px !important;margin-bottom: 0px !important;} @media(max-width:768px){ ._strip_section ._inner_strip ._card_strip ._strip_area ul li label input[type="radio"]{opacity: 0 !important;} ._slots_section ._inner_section ._left{display: none !important;} ._slots_section ._inner_section ._right ._date_sec ._btn_save button {font-weight: bold;letter-spacing: 1px;font-size: 1.2rem;} ._slots_section{width: 100% !important;margin-left: 0px !important;} ._slots_section ._inner_section ._right ._main_table{overflow-x: hidden !important;} ._slots_section ._inner_section ._right ._main_table ._slots_items{flex-wrap: wrap !important;justify-content: space-between !important;} ._slots_section ._inner_section ._right ._main_table ._slots_items li{width: 32% !important;} ._slots_section ._inner_section ._right ._main_table ._slots_items li .switch-input:checked~.switch-handle{left: 66px !important;top:1px !important} ._slots_section ._inner_section ._right ._date_sec ._btn_save{width: 110px !important;} ._slots_section ._inner_section ._right ._date_sec{width: 100% !important;} ._slots_section ._inner_section ._right{overflow-x: scroll !important;width: 100% !important;} .img-thumbnail {max-width: 50px !important;right: 19px;position: absolute;margin-top: -44px !important;height: auto !important;} .view_details .modal-dialog{max-width:90% !important; margin: 6rem auto !important;} #multistepsform .fs-title::after{display: none !important;} #multistepsform .fs-title::before{left:0px !important;bottom:0px !important;width:100% !important;} .mobile-number-login__signIn .mobile-number-login__headSec h2{font-size:22px !important;letter-spacing:1px !important;} .mobile-number-login__signIn .mobile-number-login__headSec h4{font-size:17px !important;} .mobile-number-login__signIn .mobile-number-login__headSec h4 u{font-weight:bold !important;letter-spacing:1px !important;} .mobile-number-login__signIn .mobile-number-login__form_control:placeholder-shown + label{background:transparent !important;} .mobile-number-login__signIn .mobile-number-login__form_outer.mobile-number-login__countryCode .mobile-number-login__form_control:placeholder-shown + label{background:transparent !important;} .mobile-number-login__signIn .mobile-number-login__btnLink{letter-spacing: 1px !important;font-size: 14px !important;} .createloginbtn{display: block;} .createloginbtn p{font-size:15px;margin-bottom: 5px !important;} .createloginbtn p:first-child{margin-top: 20px !important;} #_msform_new fieldset{padding: 10px !important;} .col-6{flex:100% !important;max-width: 100% !important;} .col-4{flex:100% !important;max-width: 100% !important;} .col-8{flex:100% !important;max-width: 100% !important;padding: 0px !important;} .mainwrapper .howitworksmob h2{width: 100%;float: left;text-align: center;font-size: 2rem;color: #27e0e5;font-weight: 600;letter-spacing: 0.6px;font-family: 'Conv_PWFicelles';} ._pet_banner_section ._card_sec img{margin-top:80px !important;} ._banner_section ._card_sec img{margin-top: 80px !important;} ._pet_banner_section ._card_sec img{margin-top: 80px !important;} .mainwrapper .contactbannersection img{margin-top: 80px !important;} ._content_area_recipie ._inner_content{max-width: 90%;} ._content_area_recipie ._full_content ._heading_container h3{max-width: 90%;} ._content_area_recipie ._full_content ._heading_container::before{display: none;} ._content_area_recipie ._full_content ul{max-width: 90%;} ._content_area_recipie ._inner_content ._left{width: 100%;margin-bottom: 20px;} ._content_area_recipie ._inner_content ._right{width: 100%;} ._content_area_recipie ._inner_content ._left h2{font-size: 1.4rem;margin-bottom: 10px;padding: 10px 10px;} ._content_area_recipie ._inner_content ._left p{font-size: 0.9rem;padding: 0 10px;margin-bottom: 5px;line-height: 22px;} ._pet_banner_section ._card_sec ._overlay_wrap p{margin-top:60px;font-size:2rem;} } /*Akash CSS*/ .earnrefer h2{ font-size:3rem !important; border-bottom: none !important; } .earnrefer ul._petpoint li{ font-size:1.6 !important; font-weight:bold !important; } ._works_sec ._program_works li ._cards p{ font-size:1.3 !important; font-weight:bold !important; } ._from_stepper{ height:auto !important; } .border-success{ height:400px !important; overflow-y:scroll !important; } .btn { position: absolute; width: 92% !important; bottom:9% !important; padding: 8px 25px; border: 2px solid #fff; font-size: 1rem; letter-spacing: 0.6px; color: #fff; background:#27e0e5 !important; border-radius: 4px; box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%); left: 0; right: 0; width: 40%; margin: 0 auto; }; .btn-secondary:not(:disabled):not(.disabled):active{ background-color:#27e0e5 !important; } ._carousel_packages .slick-prev:before, .slick-next:before{color:#27e0e5 !important;font-size:40px !important;} ._carousel_packages .slick-next:before{display:block !important;} ._carousel_packages .slick-prev{left:-50px !important;} ._carousel_packages .slick-next{right:-50px !important;} .btn-secondary{bottom:-9% !important;} .mainwrapper .contactformdtsection .innercontact .left .leftfoemdetails p{padding-bottom:30px;} .card-body ul{padding-bottom:20px !important;}