@import url(bootstrap.min.css); /*@import url(jquery-ui.css); @import url(slick.css); @import url(../js/fancybox/jquery.fancybox.min.css); @import url(calcss.css);*/ @font-face { font-family: "MyriadProRegular"; src: url("fonts/MyriadProRegular.woff2") format("woff2"), url("fonts/MyriadProRegular.woff") format("woff"), url("fonts/MyriadProRegular.ttf") format("truetype"), url("fonts/MyriadProRegular.svg#MyriadProRegular") format("svg") } @font-face { font-family: "dinrg"; src: url("fonts/dinrg.woff2") format("woff2"), url("fonts/dinrg.woff") format("woff"), url("fonts/dinrg.ttf") format("truetype"), url("fonts/dinrg.svg#dinrg") format("svg") } @font-face { font-family: "dinlt"; src: url("fonts/dinlt.woff2") format("woff2"), url("fonts/dinlt.woff") format("woff"), url("fonts/dinlt.ttf") format("truetype"), url("fonts/dinlt.svg#dinlt") format("svg") } @font-face { font-family: "DINCond"; font-style: normal; font-weight: normal; src: url("fonts/DINCond-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DINCond-Regular.woff") format("woff"), url("fonts/DINCond-Regular.ttf") format("truetype") } @font-face { font-family: 'DINNextRoundedLTW01'; src: url("fonts/DINNextRoundedLTW01-Bold.eot"); src: url("fonts/DINNextRoundedLTW01-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/DINNextRoundedLTW01-Bold.woff") format("woff"), url("fonts/DINNextRoundedLTW01-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal } @font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Regular.eot?v=1.1.0"); src: url("fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: 'DIN-Bold'; src: url("DIN-Bold.eot"); src: url("fonts/DIN-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/DIN-Bold.woff2") format("woff2"), url("fonts/DIN-Bold.woff") format("woff"), url("fonts/DIN-Bold.svg#DIN-Bold") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE } body { color: #000; font-family: "MyriadProRegular"; font-size: 13px; overflow-x: hidden; margin: 0; padding: 0 } p, h3, h4, h5 { font-family: "dinrg" } h2 { font-family: 'DINNextRoundedLTW01' } p { color: #545454; font-family: "dinrg"; font-size: 16px } .clearfix { width: 100%; float: left; clear: both } .clr { clear: both; margin: 0; padding: 0; display: block } .container { position: relative } a:hover, a:active, a:focus, .slick-slide { outline: medium none; text-decoration: none } .gradientBtn { background-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%); background-position: 0 0px, 0 100%; background-repeat: no-repeat; background-size: 100% 20px; border-left: 20px solid #3acfd5; border-right: 20px solid #3a4ed5; box-sizing: border-box; height: 250px; margin: 50px auto; width: 250px } .gradientbg { background-color: red; background-image: linear-gradient(to right, red, yellow 60%); height: 100px } .textgradient { background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .tgradient { background: -webkit-linear-gradient(left, #2eeecd, #4ffe2b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .tgradient3 { background: -webkit-linear-gradient(left, #f3924c, #fee50e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .tgradient4 { position: relative; background: -webkit-linear-gradient(left, #2777dd 10%, #940696 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .tgradient5 { background: -webkit-linear-gradient(left, #4ffe2b, #fee50e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .rds { border-radius: 50%; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6) } .knowmore { background: transparent url("../images/btn-center-bor.png") no-repeat scroll left top/100% 100%; color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 25px; padding: 2px 4px 0; position: relative; text-align: center; text-decoration: none } .knowmore span { position: relative; z-index: 2 } .knowmore:hover, .knowmore:active { text-decoration: none } .knowmore::before { background: transparent url("../images/btn-side-left-curv.png") no-repeat scroll left top; content: ""; height: 25px; left: -12px; position: absolute; top: 0; width: 12px } .knowmore::after { background: transparent url("../images/btn-side-right-curv.png") no-repeat scroll left top; content: ""; height: 25px; position: absolute; right: -12px; top: 0; width: 12px } .knowmore:hover::before { content: ""; position: absolute; left: -12px; top: 0px; width: 125%; height: 100%; display: inline-block; background: url(../images/subscribeBg.jpg) no-repeat left top/100% 100%; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px } .knowmore:hover span { color: #fff } .knowmore2 { background: transparent url("../images/btn-center-bor2.png") no-repeat scroll left top/100% 100%; color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 14px; height: 32px; padding: 6px 10px 0; position: relative; text-align: center; text-decoration: none } .knowmore2 span { position: relative; z-index: 2 } .knowmore2:hover, .knowmore:active { text-decoration: none } .knowmore2::before { background: transparent url("../images/btn-side-left-curv2.png") no-repeat scroll left top; content: ""; height: 32px; left: -14px; position: absolute; top: 0; width: 14px } .knowmore2::after { background: transparent url("../images/btn-side-right-curv2.png") no-repeat scroll left top; content: ""; height: 32px; position: absolute; right: -14px; top: 0; width: 14px } .knowmore2:hover::before { content: ""; position: absolute; left: -14px; top: 0px; width: 131%; height: 100%; display: inline-block; background: url(../images/subscribeBg.jpg) no-repeat left top/100% 100%; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px } .knowmore2:hover span { color: #fff } .shadow { box-shadow: 3px 3px 4px #000 } .viewmap { color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 14px; height: 25px; padding: 2px 4px 0; position: relative; text-decoration: none } #sidenav { background: #773a95; width: 70%; height: 100%; overflow: auto; overflow: hidden; display: inline-flex; position: fixed; right: -70%; top: 0; transition: right .5s linear; z-index: 99999 } #sidenav.visible { right: 0%; transition: right .6s linear } #sidenav .closesidenav { position: absolute; right: 21%; top: 5%; z-index: 2 } #sidenav .sidenavwrp { width: 90%; margin: 0 auto; position: relative; height: 100%; padding: 40px 0 0 0 } #sidenav .sidenavwrp .navalignwrp { width: 50%; float: left } #sidenav .sidenavwrp .navalignwrp>ul { margin: 10px 0 20px 0; padding: 0px; transition: all 0.5s ease 0s } #sidenav .sidenavwrp .navalignwrp>ul>li { list-style: none; float: left; width: 100%; padding-bottom: 20px } #sidenav .sidenavwrp .navalignwrp>ul>li>h2 { font-size: 42px; color: #fff; position: relative; display: inline-block; cursor: pointer } #sidenav .sidenavwrp .navalignwrp>ul>li>h2::before { position: absolute; bottom: -2px; width: 66px; height: 2px; left: 0px; background: transparent url("../images/navbor.png") no-repeat; content: "" } #sidenav .sidenavwrp .navalignwrp>ul>li>h2 span { transition: content 5s linear; display: inline; position: absolute; right: -60px; top: 0px } #sidenav .sidenavwrp .navalignwrp>ul>li>h2 span::after { font-family: "dinrg"; content: "+"; font-size: 40px; color: #fff; position: absolute; right: 0px; top: 0px; width: 50px; height: 50px } #sidenav .sidenavwrp .navalignwrp>ul>li.active>h2 span::after { content: "-" } #sidenav .sidenavwrp .navalignwrp>ul>li>p { font-size: 14px; color: rgba(255, 255, 255, 0.6); position: relative } #sidenav .sidenavwrp .navalignwrp>ul>li.active>p::before { position: absolute; bottom: -5px; width: 66px; height: 2px; left: 0px; background: transparent url("../images/navbor.png") no-repeat; content: "" } #sidenav .sidenavwrp .navalignwrp>ul>li>ul { margin: 0px; padding: 0px; padding-left: 30px; display: none } #sidenav .sidenavwrp .navalignwrp>ul>li>ul.active { display: block; height: auto } #sidenav .sidenavwrp .navalignwrp>ul>li>ul>li { list-style: disc; float: left; width: 100%; color: #ad79b6 } #sidenav .sidenavwrp .navalignwrp>ul>li>ul>li>a { font-family: "dinrg"; font-size: 14px; color: #fff; text-decoration: none } .sidefooternavwrp { width: 90%; float: left; margin-top: 5%; clear: both; margin-bottom: 20px } .sidefooternavwrp ul { margin: 0px 0 20px -15px; padding: 0px; transition: all 0.5s ease 0s } .sidefooternavwrp ul li { list-style: disc; float: left; width: auto; color: #ad79b6; margin: 0 22px 0 14px } .sidefooternavwrp ul li a { font-family: "dinrg"; font-size: 16px; color: #fff; text-decoration: none } .sidefooternavwrp ul.tnav { width: 100%; float: left; clear: both; margin: 20px 0 0px -15px; padding: 0px; transition: all 0.5s ease 0s } .sidefooternavwrp ul.tnav li { list-style: disc; float: left; width: auto; color: #ad79b6; margin: 0 22px 0 14px } .sidefooternavwrp ul.tnav li a { font-family: "dinrg"; font-size: 24px; color: #fff; text-decoration: none } header { padding: 0; margin: 0 } header.headerwrp { left: 0; position: fixed; top: 0px; z-index: 99; width: 100% } header.headerwrp.fixed { padding: 0 0 4px 0; position: fixed; top: 0; height: 84px; background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-bottom: 1px solid #f6f6f6 } header .logowrp { float: left; display: block } header.headerwrp.fixed .logowrp { width: 210px; padding: 10px 0 } header.headerwrp.fixed .logos2 { width: 135px; padding: 6px 0 0px } header.headerwrp.fixed .logos3 { width: 50px; padding: 6px 0 0px } header .tfourhours { float: left; margin-left: 20px; min-height: 40px } header .tfourhours h2 { background: transparent url("../images/icon-tfourhor.png") no-repeat scroll left top; color: #3d2979; font-family: "DINNextRoundedLTW01"; font-size: 18px; font-weight: bold; height: 35px; padding-left: 50px; padding-top: 10px; text-transform: uppercase } header .tonnavwrp { float: right; margin: 22px 0 0; padding: 0; display: block } header .tonnavwrp li { float: left; list-style: outside none none; margin: 0 6px; position: relative } header .tonnavwrp li a { text-decoration: none; position: relative; display: inline-block; height: 25px } header .tonnavwrp li a span { background: transparent url("../images/icon-sprit.png") no-repeat scroll left top; display: inline-block; height: 25px; width: 25px } header .tonnavwrp li a .icon1 { background: url(../images/icon-mr.png) no-repeat left top; width: 32px; height: 26px } header .tonnavwrp li a .icon2 { background-position: -42px 0 } header .tonnavwrp li a .icon3 { background-position: -83px 0 } header .tonnavwrp li a .icon4 { background-position: -131px 0 } header .tonnavwrp li a .icon5 { background-position: -181px 0 } header .tonnavwrp li a .icon6 { background-position: right 0 } header .tonnavwrp li a .icon360 { background-position: -175px 0; width: 28px } header .tonnavwrp li a .iconInt { background-position: -227px 0 } header .tonnavwrp li a .iconCSaftey { background: url(../images/icon-child-saftey.png) no-repeat left top; width: 21px; height: 23px } header .tonnavwrp li a:hover .iconCSaftey { background-position: left -33px } header .tonnavwrp li a .iconSocial { background: url(../images/icon-socialnav.png) no-repeat left top; width: 18px; height: 26px } header .tonnavwrp li a:hover .icon1 { background: url(../images/icon-mr_h.png) no-repeat left top; width: 32px; height: 26px } header .tonnavwrp li a:hover .icon2 { background-position: -42px bottom } header .tonnavwrp li a:hover .icon3 { background-position: -83px bottom } header .tonnavwrp li a:hover .icon4 { background-position: -131px bottom } header .tonnavwrp li a:hover .icon5 { background-position: -181px bottom } header .tonnavwrp li a:hover .icon6 { background-position: right bottom } header .tonnavwrp li a:hover .icon360 { background-position: -175px bottom; width: 28px } header .tonnavwrp li a:hover .iconInt { background-position: -227px bottom } header .tonnavwrp li a:hover .iconSocial { background: url(../images/icon-socialnav.png) no-repeat left bottom; width: 18px; height: 26px } .mhide { display: block } .iconnavtop { margin: 0px; padding: 0px } .iconnavtop li { margin: 0 2px !important } .iconnavtop li:last-child a { margin: 0px !important } .iconnavtop li:last-child a:after { background: none !important } .submenu360 { background: rgba(255, 255, 255, 0.9); position: absolute; left: -56px; margin: 6px auto 0px; width: 140px; z-index: 2; padding: 10px 0 10px; border-radius: 20px; box-shadow: 0 2px 4px #ddd; border: 1px solid #ddd; display: none } .submenu360::before { content: url(../images/topsubnav-uperrow.png); top: -14px; margin: 0 auto; position: absolute; left: 0; right: 0; width: 17px; height: 18px } .submenu360 ul { opacity: 1; width: 100%; margin: 0px; padding: 0px } .submenu360 ul li { list-style: none; margin: 0px !important; padding: 0px; font-size: 11px; width: 100%; text-align: center } .submenu360 ul li a { position: relative; font-family: "dinrg"; color: #773996; display: block; padding: 10px 15px 10px; height: 40px; cursor: pointer; font-size: 16px; margin-right: 0px !important; border-right: 0px solid #f00 !important } .submenu360 ul li a::after { display: none } .submenu360 ul li a:hover { background: #9d64a3; color: #fff } .submenu360 ul li a.active { background: #9d64a3; color: #fff } .submenu360 ul li a span { position: relative; left: 10px; top: 0px; background: url(../images/navAcArrow.png) no-repeat left top; width: 7px; height: 8px; display: inline-block } .navgroup-mo .submenu360 ul li a span { background: url(../images/navAcArrow.png) no-repeat left -14px } .submenu360 ul li a:hover span { background: url(../images/navAcArrow.png) no-repeat left -14px } .submenu360 ul li a.active span { background: url(../images/navAcArrow.png) no-repeat left -33px } .submenu360 ul li ul { display: none } .submenu360 ul li ul li { margin: 0px !important } .submenu360 ul li ul li a { background: #945298; font-family: "dinrg"; color: #fff; display: block; padding: 10px 15px 10px; height: 40px; cursor: pointer; font-size: 14px; margin-right: 0px !important; border-right: 0px solid #f00 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.8) } .submenu360 ul li ul li a::after { display: none } .submenu360 ul li ul li a:hover { background: #9f6da4; color: #fff } .submenuSocial { background: rgba(255, 255, 255, 0.9); position: absolute; left: -20px; margin: 10px auto 0px; width: 60px; z-index: 2; padding: 10px 0 10px; border-radius: 20px; box-shadow: 0 2px 4px #ddd; border: 1px solid #ddd; display: none } .submenuSocial::before { content: url(../images/topsubnav-uperrow.png); top: -14px; margin: 0 auto; position: absolute; left: 0; right: 0; width: 17px; height: 18px } .submenuSocial ul { opacity: 1; width: 100%; margin: 0px; padding: 0px } .submenuSocial ul li { list-style: none; margin: 0px !important; padding: 0px 0px; font-size: 11px; width: 100%; text-align: center } .submenuSocial ul li a { background: url(../images/sprit_social.png) no-repeat left top; width: 32px; height: 31px; font-family: "dinrg"; color: #773996; display: inline-block; cursor: pointer; font-size: 16px; margin: 6px 0px !important; border-right: 0px solid #f00 !important } .submenuSocial ul li:last-child a { margin: 6px 0px !important } .submenuSocial ul li a.fb { background-position: 0px 0px } .submenuSocial ul li a.tw { background-position: 0px -43px } .submenuSocial ul li a.yt { background-position: 0px -86px } .submenuSocial ul li:hover { background: #a065a4 } .submenuSocial ul li:hover a.fb { background-position: right 0px } .submenuSocial ul li:hover a.tw { background-position: right -43px } .submenuSocial ul li:hover a.yt { background-position: right -86px } .submenuSocial ul li a::after { display: none } .homepopup { background: #faf5ff; border: 1px solid #aca9ae; border-radius: 20px; color: #333333; display: none; font-size: 14px; top: 100px; position: absolute; left: 0; right: 0; margin: 0 auto; padding: 40px; width: 380px; z-index: 9992 } .backgroundPopup { z-index: 9991; position: fixed; display: none; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); top: 0px; left: 0px } .homepopup .hpclose { background: url(../images/icon-close2.png) no-repeat 0 0; top: 12px; right: 12px; cursor: pointer; float: right; height: 20px; position: absolute; width: 20px } .homepopup h2 { color: #5f2160; font-family: "dinrg"; font-size: 22px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px } .homepopup>p { color: #545454; font-family: "dinrg"; font-size: 14px; line-height: 20px } .homepopup>p a { color: #5f2160; font-family: "dinrg"; font-size: 14px; text-decoration: none } .homepopup ul { width: 100%; margin: 0; padding: 0; position: relative } .homepopup ul li { float: left; list-style: none; width: 100%; position: relative; margin: 7px 0px; text-align: center } .homepopup ul li input { color: #545454; padding: 6px 20px; font-family: "dinrg"; font-size: 14px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .homepopup .submithp { margin-bottom: 20px; display: inline-block; float: none; background: #3d2979; font-family: "dinrg"; font-size: 15px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 20px; padding: 6px 30px; position: relative; width: 120px } .homepopup ul li input:focus { outline: none } .homepopup .hbtn { width: 100%; display: inline-block; clear: both; margin-top: 10px } .homepopup .hbtn a { background: url(../images/hmplinkBg.png) no-repeat left top/100% 100%; color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 13px; padding: 8px 10px 8px; text-transform: uppercase; position: relative; text-align: center; text-decoration: none } .navgroup { padding: 4px 10px 0px; border: 1px solid rgba(125, 125, 125, 0.3); border-radius: 20px; display: flex; margin-top: -5px; height: 33px } header .tonnavwrp li .navgroup a:first-child { margin-right: 10px } header .tonnavwrp li .navgroup a:first-child::after { position: absolute; right: -6px; top: 0px; height: 25px; width: 1px; background: rgba(125, 125, 125, 0.3); content: "" } header .tonnavwrp li .navgroup a.hicon { margin-left: 10px } header .tonnavwrp li .navgroup a.hicon::before { position: absolute; left: -6px; top: 0px; height: 25px; width: 1px; background: rgba(125, 125, 125, 0.3); content: "" } .slidenavwrp { z-index: 9999; text-align: center; position: absolute; right: 0; left: 0; margin: 0 auto; top: -71px; background: url(../images/icon-nav-circule-bg.png) no-repeat left top; width: 181px; height: 80px; display: block; transition: all 300ms ease-in-out } .slidenavwrp.active { display: block; top: 0px !important } .slidenavwrp #snav { margin: 0px; padding: 5px 0 0 0; display: inline-block } .slidenavwrp #snav li { list-style: none; float: left; display: none } .slidenavwrp #snav li .img { padding: 5px 0 } .slidenavwrp #snav li a { color: #773996; font-size: 14px; font-family: "DINNextRoundedLTW01" } .slidenavwrp #snav li:first-child.active { display: block } .slidenavwrp #snav li.active { display: block } .slidenavwrp #snext { position: absolute; right: 24px; top: 8px } .slidenavwrp #sprev { position: absolute; left: 24px; top: 8px } .innerp .slidenavwrp { display: none !important } .innerp .footerstikynav { display: none !important } .slidesubnavwrp { z-index: 9999; text-align: center; position: absolute; right: 0; left: 0; margin: 0 auto; top: -75px; border: 1px solid #ccc; border-radius: 50px; background: #fcf4ff; width: 600px; height: 56px; display: block; transition: all 300ms ease-in-out } .slidesubnavwrp.active { display: block; top: 13px } .slidesubnavwrp #subnav { margin: 0px; padding: 10px 50px } .slidesubnavwrp #subnav li { float: left; text-align: left; list-style: none; margin-right: 30px; padding: 4px 0px 0px 10px; border-left: 1px solid #ccc; height: 38px } .slidesubnavwrp #subnav li a { line-height: 17px; font-weight: normal; position: relative; padding-left: 20px; color: #000; display: inline-block; font-family: "Open Sans"; font-size: 14px; position: relative; text-decoration: none } .slidesubnavwrp #subnav li a::before { content: ""; position: absolute; left: 0px; top: 8px; width: 15px; height: 2px; overflow: hidden; background: #000 } .slidesubnavwrp #subnav li.active a { font-family: "Open Sans"; font-size: 14px; color: #773a95; padding-left: 30px; font-weight: bold } .slidesubnavwrp #subnav li.active a::before { content: ""; position: absolute; left: 0px; top: 8px; width: 25px; height: 2px; overflow: hidden; background: #773a95 } .slidesubnavwrp .slick-next { right: 6px } .slidesubnavwrp .slick-prev { left: 6px } .slidesubnavwrp .slick-disabled { opacity: .2 } .slidesubnavwrp .slick-prev, .slidesubnavwrp .slick-next { width: 40px; height: 20px; top: 60%; z-index: 11 } .slidesubnavwrp .slick-prev:before, .slidesubnavwrp .slick-next:before { display: none } #topsearchwrp { background: #773a95; width: 74%; padding: 30px 0px; overflow: hidden; display: inline-flex; position: fixed; right: -74%; top: 0; transition: right .5s linear; z-index: 9999; border-bottom-left-radius: 20px } #topsearchwrp.visible { right: 0px; transition: right .6s linear } #topsearchwrp .inputbox { width: 90%; margin: 0 auto; position: relative } #topsearchwrp .inputbox .searchInput { width: 80%; text-transform: uppercase; position: relative; background: transparent; border: none; height: 60px; color: #fff; font-size: 42px; font-family: "DINNextRoundedLTW01" } #topsearchwrp .inputbox:before { position: absolute; bottom: -2px; width: 66px; height: 2px; left: 0px; background: transparent url("../images/navbor.png") no-repeat; content: "" } #topsearchwrp .inputbox .searchInput::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2) } #topsearchwrp .inputbox .searchInput::-moz-placeholder { color: rgba(255, 255, 255, 0.5) } #topsearchwrp .inputbox .searchInput:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) } #topsearchwrp .inputbox .searchInput:-moz-placeholder { color: rgba(255, 255, 255, 0.5) } #topsearchwrp .inputbox .ssubmitbtn { background: transparent url("../images/icon-searchbtn.png") no-repeat; width: 50px; height: 50px; border: none; position: absolute; right: 0px; top: 0px } #topsearchwrp .inputbox .searchInput:focus, #topsearchwrp .inputbox .ssubmitbtn { outline: none } section { padding: 50px 0px; width: 100%; clear: both; margin: 0px } section::before { z-index: -1 } section.sfirst { background: transparent; padding: 100px 0 200px } .vediobg { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 0; overflow: hidden; transition: opacity 2s linear } .vediobg.active { mix-blend-mode: multiply; opacity: 0.4 !important; z-index: 1 !important; transition: opacity 2s linear !important } section .redefiningwrp { position: relative; margin: 0 auto; width: 550px; float: none } section .redefiningwrp .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 130px; left: 50%; position: absolute; top: -130px; width: 2px } section .redefiningwrp .contentwrp { height: 100%; position: relative; width: 100% } section .redefiningwrp .contentwrp .iconbaby { left: -37px; position: absolute; top: 100px } section .redefiningwrp .contentwrp .redefcontent { font-family: "dinrg"; padding: 40px 0 0 140px; width: 80% } section .redefiningwrp .contentwrp .redefcontent h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 62px; font-weight: bold } section .redefiningwrp .contentwrp .redefcontent h2 span { color: #ed1c24 } section .redefiningwrp .contentwrp .redefcontent h3 { color: #5f2160; font-size: 22px; padding-top: 10px } section .redefiningwrp .contentwrp .redefcontent p { color: #545454; font-size: 16px } section .redefiningwrp .contentwrp .redefcontent .knowmore2 { margin: 12px 0 0 25%; padding: 6px 20px 0 } section .redefiningwrp .btnwrpappointment { bottom: -140px; left: 8%; position: absolute } section .redefiningwrp .btnwrpappointment ul { margin: 0; padding: 0 } section .redefiningwrp .btnwrpappointment ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative } section .redefiningwrp .btnwrpappointment ul li a { color: #fff; display: inline-block; font-family: "dinrg"; font-size: 19px; font-weight: 700; height: 46px; padding: 7px 16px 0 55px; position: relative; text-decoration: none } section .redefiningwrp .btnwrpappointment ul li a img { left: 0; position: absolute; top: 0 } .background { position: absolute; z-index: 0; height: 100%; overflow: hidden; left: 0px; top: 0px; width: 100% } .background .bgImg { position: absolute; z-index: 0; top: 0; width: 100%; opacity: 0; transition: opacity 2s linear } .background .bgImg.active { position: relative; z-index: 1; top: 0; opacity: 1 } .creadm a img { position: absolute; left: 50%; top: 25px } .gradient { background: -webkit-linear-gradient(left, #773996, #ec1c24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891; display: inline-block; text-align: left } .section1 { position: relative; top: 0; z-index: 1; position: relative; height: vh } .section1 .box1 { position: absolute; top: 40%; left: 0; width: 260px } .section1 .box1 .headText { text-align: left } .section1 .box1 .headText img { padding: 10px 10px 10px 10px } .section1 .box1 .headText h2 { font-size: 36px; color: #773a95; font-family: 'DIN'; font-weight: 500; margin: 0 0 10px 10px } .section1 .box1 .headText h2 span { font-size: 22px; display: block; color: #792055; font-family: 'DINCond' } .section1 .box1 .headText p { font-size: 16px; color: #545454 } .section1 .dots { display: block; text-align: center; padding-top: 7px } .section1 .dots .dot { width: 10px; height: 10px; border-radius: 100%; margin: 2px; display: inline-block; border: 1px solid #af8fb3 } .section1 .dots .dot.active { background: #3d2979; border: 1px solid #3d2979 } .section1 .box2 { position: absolute; top: 82%; left: 0; width: 30% } .section1 .box2 img { padding: 0 10px 0 10px; float: left } .section1 .box2 h3 { color: #792055; text-align: left; margin: 0; font-family: 'DIN'; font-weight: 500 } .section1 .box2 p { text-align: left } .section1 .box3 { position: absolute; top: 60%; right: 0; background: rgba(255, 255, 255, 0.4); width: 23%; padding: 0 20px 20px 20px; border-radius: 20px } .section1 .box3 h2 { color: #792055; text-align: left; margin-bottom: 0; font-family: 'DINCond'; display: block; margin-bottom: 10px; text-transform: uppercase } .section1 .box3 p { text-align: left } .btn { padding: 5px 20px; border: 1px solid #8d3481; border-radius: 20px; color: #5f2160; text-align: center; font-size: 14px } .bigBtnG { padding-top: 25px; padding-bottom: 25px } .bigBtn { display: inline-block; border-radius: 30px; background: #3d2979; margin: 5px; padding: 3px 3px 1px 3px } .bigBtn a { display: inline-block; line-height: 45px; color: #ffffff; font-size: 18px; padding: 0 15px; text-decoration: none } .bigBtn img { float: left; display: inline-block } .section1 .box3.gradientBg { background: -moz-linear-gradient(left, #fff 0%, rgba(252, 253, 255, 0.26) 100%); background: -webkit-linear-gradient(left, #fff 0%, rgba(252, 253, 255, 0.26) 100%); background: linear-gradient(to right, #fff 0%, rgba(252, 253, 255, 0.26) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#42fcfdff', GradientType=1) } .bannerCircle { width: 100%; display: inline-block; margin-top: 0; background: transparent; position: relative; border-radius: 100%; margin-bottom: 30px } .bannerCircle h2 { font-size: 360%; margin-top: 40px; margin-bottom: 0 } .bannerCircle:before { position: absolute; height: calc(100% - 40px); width: calc(100% - 40px); content: ''; background: rgba(255, 255, 255, 0.8); border-radius: 50%; left: 0; right: 0; bottom: 0; top: 0; margin: auto } .bannerCircle .no { font-size: 25px; font-family: "DINCond"; height: 60px; width: 60px; color: #773996; background: #FFF; text-align: center; line-height: 60px; border-radius: 100%; position: absolute; margin: auto; cursor: pointer; -webkit-box-shadow: 0px 1px 3px 0px rgba(119, 58, 49, 0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(119, 58, 49, 0.5); box-shadow: 0px 1px 3px 0px rgba(119, 58, 49, 0.5); z-index: 2; transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in } .bannerCircle .no .label { width: 150px; font-family: "dinrg"; position: absolute; left: -45px; right: 0; top: 85px; min-height: 20px; bottom: 0; margin: auto; text-align: center; color: #616161; font-size: 14px; font-weight: normal; transition: all ease-in 100ms; -moz-transition: all ease-in 100ms; -ms-transition: all ease-in 100ms; -webkit-transition: all ease-in 100ms } .bannerCircle .no .label.l2 { left: -30px; top: 60; bottom: 0; text-align: left; width: 120px } .bannerCircle .no.active { background: #ac2b62; color: #fff; -webkit-box-shadow: inset 0px 0px 36px 3px rgba(120, 58, 150, 0.75); -moz-box-shadow: inset 0px 0px 36px 3px rgba(120, 58, 150, 0.75); box-shadow: inset 0px 0px 36px 3px rgba(120, 58, 150, 0.75); transform: scale(1.2, 1.2) } .bannerCircle .no.active .label { background: -webkit-linear-gradient(left, #773996, #ec1c24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891; font-weight: 700 } .zind2 { z-index: 2 } .data { position: absolute; width: 80%; top: 0; left: 0; bottom: 0; right: 0; margin: auto auto 30px auto; z-index: 0; text-align: left; padding-top: 6% } .data .text { text-align: center; padding-left: 0%; margin-bottom: 6%; position: absolute; left: 0px; top: 10%; z-index: 2; opacity: 0; -webkit-transition: opacity .6s linear, visibility .6s linear; transition: opacity .6s linear, visibility .6s linear; visibility: hidden } .data .text.first { padding-left: 8%; width: 90%; text-align: center } .data .text.active { opacity: 1; visibility: visible } .data .text h2 { font-family: 'DINNextRoundedLTW01'; font-size: 52px; line-height: 55px; padding-bottom: 10px } .data .text.first h2 { margin-bottom: 0px } .data .text h3 { font-size: 22px; color: #5f2160 } .data .text .creadm { margin-left: 0px; margin-top: 10px } .data .text.first .creadm { margin: 20px auto 0 auto } .data p { font-size: 16px; margin-right: 5%; display: inline-block } .circheder { width: 100%; display: inline-block; clear: both; margin-top: 50px; margin-left: 0px; text-align: center } .zzheadertitle { width: auto; display: inline-block; margin: 0 auto } .circheder .zzinrwrp { float: left; margin-right: 10px; width: 80px } .circheder .zzinrwrp img { width: 100% } .circheder h2 { margin: 0px; padding: 0px; float: left } .bannerCircle .no1 { top: -20px; right: 0; left: 0 } .bannerCircle .no2 { right: -16px; top: 0; bottom: 0 } .bannerCircle .no3 { bottom: -20px; left: 0; right: 0 } .bannerCircle .no3 .label { left: -46px } .bannerCircle .no4 { top: 0; bottom: 0; left: -20px } .zzwrp { width: 26%; overflow: inherit; position: absolute; top: 19%; left: -3% } .zzwrp img { position: absolute; left: 0px; top: 0px; opacity: 0; -webkit-transition: opacity .6s linear, visibility .6s linear; transition: opacity .6s linear, visibility .6s linear; visibility: hidden; width: 100% } .zzwrp img.active { opacity: 1; visibility: visible } .cdloader { position: absolute; left: 44%; top: 48%; width: 64px; height: 64px; display: none } .top { padding-top: 90px !important } .view-map { display: none; background-color: #3d2979; border-radius: 24px; padding: 5px 20px 2px 20px } .navgroup-mo { padding: 5px 10px 0px; border: 1px solid #854e9f; border-radius: 20px; display: inline; position: absolute; top: 4%; right: 24%; z-index: 1; display: none } .navgroup-mo a { text-decoration: none; position: relative; display: inline-block; height: 25px } .navgroup-mo a span { background: transparent url("../images/icon-sprit_m.png") no-repeat scroll left top; display: inline-block; height: 25px; width: 25px } .navgroup-mo a .icon1 { background: url(../images/icon-mr.png) no-repeat left top; width: 32px; height: 26px } .navgroup-mo a .icon2 { background-position: -42px 0 } .navgroup-mo a .icon3 { background-position: -83px 0 } .navgroup-mo a .icon4 { background-position: -131px 0 } .navgroup-mo a .icon5 { background-position: -181px 0 } .navgroup-mo a .icon6 { background-position: right 0 } .navgroup-mo a .icon360 { background-position: -175px 0; width: 28px } .navgroup-mo a .iconInt { background-position: -227px 0 } .navgroup-mo a .iconSocial { background: url(../images/icon-socialnav_m.png) no-repeat left top; width: 18px; height: 26px } .navgroup-mo a:hover .icon1 { background: url(../images/icon-mr_h.png) no-repeat left top; width: 32px; height: 26px } .navgroup-mo a:hover .icon2 { background-position: -42px bottom } .navgroup-mo a:hover .icon3 { background-position: -83px bottom } .navgroup-mo a:hover .icon4 { background-position: -131px bottom } .navgroup-mo a:hover .icon5 { background-position: -181px bottom } .navgroup-mo a:hover .icon6 { background-position: right bottom } .navgroup-mo a:hover .icon360 { background-position: -175px bottom; width: 28px } .navgroup-mo a:hover .iconInt { background-position: -227px bottom } .navgroup-mo a:hover .iconSocial { background: url(../images/icon-socialnav_m.png) no-repeat left bottom; width: 18px; height: 26px } .navgroup-mo a.hicon { margin-left: 10px } .navgroup-mo a.hicon::before { position: absolute; left: -6px; top: 0px; height: 25px; width: 1px; background: rgba(125, 125, 125, 0.3); content: "" } .navgroup-mo .submenu360 { box-shadow: 0 0px 2px #999; border-radius: 0px; border: 0px solid #ddd; background: #773a95; width: 100%; display: block; position: fixed; left: auto; right: -100%; transition: right 200ms ease-in-out } .navgroup-mo .submenu360::before { content: "" } .navgroup-mo .submenu360.active { right: 0px; transition: right 200ms ease-in-out } .navgroup-mo .submenu360 ul li a { color: #fff } .navgroup-mo .submenuSocial { box-shadow: 0 0px 2px #999; border-radius: 0px; border: 0px solid #ddd; background: #773a95; width: 100%; display: block; position: fixed; left: auto; right: -100%; transition: right 200ms ease-in-out } .navgroup-mo .submenuSocial::before { content: "" } .navgroup-mo .submenuSocial.active { right: 0px; transition: right 200ms ease-in-out } .navgroup-mo .submenuSocial ul li a { background: url(../images/sprit_social_m.png) no-repeat left top; width: 32px; height: 31px; font-family: "dinrg"; color: #773996; display: inline-block; cursor: pointer; font-size: 16px; margin: 6px 0px !important; border-right: 0px solid #f00 !important } .navgroup-mo .submenuSocial ul li a.fb { background-position: 0px 0px } .navgroup-mo .submenuSocial ul li a.tw { background-position: 0px -43px } .navgroup-mo .submenuSocial ul li a.yt { background-position: 0px -86px } .navgroup-mo .submenuSocial ul li:hover { background: #a065a4 } .navgroup-mo .submenuSocial ul li:hover a.fb { background-position: right 0px } .navgroup-mo .submenuSocial ul li:hover a.tw { background-position: right -43px } .navgroup-mo .submenuSocial ul li:hover a.yt { background-position: right -86px } .navgroup-mo .iconnavtop { margin: 0px; padding: 0px } .navgroup-mo .iconnavtop li { margin: 2px 8px 0px !important; list-style: none; float: left; position: relative } .navgroup-mo .iconnavtop li a:after { position: absolute; right: -8px; top: 0px; height: 25px; width: 1px; background: rgba(255, 255, 255, 0.6); content: "" } .navgroup-mo .iconnavtop li:last-child a { margin: 0px !important; position: relative } .navgroup-mo .iconnavtop li:last-child a:after { background: none !important } .navgroup-mo .tonnavwrp li .navgroup a:first-child::after { position: absolute; right: -9px; top: 0px; height: 20px; width: 1px; background: rgba(125, 125, 125, 0.3); content: "" } .loder { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: #fff url(../images/loading.gif) center center no-repeat; opacity: 1 } @media (max-width: 980px) { .section1 .box1, .section1 .box2, .section1 .box3 { position: relative; width: 100%; margin-bottom: 30px } .bannerCircle { width: 100% } .bannerCircle { margin-top: 50px } .background { height: 100% } .background .bgImg { height: 70% } } @media (min-width: 1200px) { .container { min-width: 96% } } @media (max-width: 768px) { header .tonnavwrp { position: relative; transition: all 200ms ease-in-out; top: 0; position: relative } header.headerwrp.active .tonnavwrp { top: -100px } header.headerwrp.active { background: none; border: none } header .logowrp { transition: all 200ms ease-in-out; top: 0; position: relative } header .tfourhours { transition: all 200ms ease-in-out; top: 0; position: relative } header.headerwrp.active .logowrp, header.headerwrp.active .tfourhours { top: -100px } .bannerCircle .no { transform: scale(0.8, 0.8) } .bannerCircle .no.active { transform: scale(1, 1) } .bannerCircle .no .label { display: none } .side- ul { margin: 0px 0 20px 0px } } @media (max-width: 680px) { .mhide { display: none } } @media (max-width: 500px) { .bannerCircle .no.active { height: 40px; width: 40px; line-height: 40px } .zzwrp img { width: 101px } .bannerCircle h2 { margin-top: 4px } .data .text.first h2 { margin-bottom: 0px; font-size: 50px } .data .text h2 { font-size: 36px; line-height: 40px } .data .text.first .creadm { margin-top: 4px } .background { height: 53% } .background .bgImg { height: 100% } header.headerwrp.fixed { height: 70px } } @media (max-width: 480px) { .bannerCircle { width: 94%; left: 3%; margin-top: 10px } .bannerCircle h2 { margin-top: 15px } .data p { font-size: 16px; margin-right: 0% } .zzwrp img { width: 80px } .data .text .creadm { margin-top: 10px; margin-left: 0px } .creadm a img { left: 45%; top: 18px } .circheder .zzinrwrp { width: 60px } .data .text h3 { font-size: 13px; font-weight: bold } .data .text { padding-left: 0% } .data .text h3 { font-size: 18px; margin-top: 10px } #sidenav .sidenavwrp .navalignwrp>ul>li>h2 { font-size: 28px } .bannerCircle .no { font-size: 20px; height: 46px; width: 46px; line-height: 46px } .bannerCircle:before { position: absolute; height: calc(100% - 28px); width: calc(100% - 28px) } .homepopup { width: 92% } .circheder { margin-top: 30px } } @media (max-width: 420px) { .data .text.first h2 { margin-bottom: 0px; font-size: 40px; line-height: 36px; padding-bottom: 8px } .data .text h2 { font-size: 36px; line-height: 36px; padding-bottom: 8px } .data .text h3 { font-size: 14px; margin-top: 10px } .data p { font-size: 14px; margin-right: 0% } } @media (max-width: 380px) { .data .text.first h2 { margin-bottom: 0px; font-size: 40px; line-height: 36px; padding-bottom: 8px } .data .text h2 { font-size: 32px; line-height: 30px; padding-bottom: 8px } .data .text h3 { font-size: 14px; margin-top: 10px } .data p { font-size: 14px; margin-right: 0% } } @media (max-width: 360px) { .data .text.first h2 { margin-bottom: 0px; font-size: 30px; line-height: 26px; padding-bottom: 8px } .data .text h2 { font-size: 28px; line-height: 26px; padding-bottom: 8px } .data .text h3 { font-size: 14px; margin-top: 10px } .data p { font-size: 14px; margin-right: 0% } .data .text { padding-left: 0% } .data .text h3 { margin-top: 8px } .data .text h3 { font-size: 12px; margin-top: 10px } } section .covering { float: right; position: absolute; right: 0px; top: 50%; width: 25% } section .covering .contentwrp { background: transparent url("../images/wopc.png") no-repeat scroll right top/100% 100%; border-bottom-left-radius: 20px; border-top-left-radius: 20px; height: 100%; padding: 0px; position: relative; width: 100% } section .covering .contentwrp.pad { padding: 20px 0 } section .covering .contentwrp .wbg { height: 100%; position: absolute; width: 100% } section .covering .contentwrp .coveringslider { height: 100%; position: relative; width: 100% } section .covering .contentwrp .coveringslider .sitem .cvrbannwrp { float: left; height: 140px; margin-bottom: 10px; clear: both; width: 100%; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px } section .covering .contentwrp .coveringslider .sitem .cvrbannwrp img { width: 100% } section .covering .contentwrp .coveringslider .sitem .cvrtxt { float: left; clear: both; width: 100%; padding-left: 20px; margin-bottom: 20px } section .covering .contentwrp .coveringslider .sitem h2 { color: #773996; font-family: "DINCond"; font-size: 32px; font-weight: normal; letter-spacing: -1px; margin: 0 0 8px; text-transform: uppercase } section .covering .contentwrp .coveringslider .sitem h2 span { color: #ed1c24 } section .covering .contentwrp .coveringslider .sitem h3 { text-transform: uppercase; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #792055; font-family: "DINCond"; font-size: 22px; margin: 0px 0px 4px 0px; line-height: 22px } section .covering .contentwrp .coveringslider .sitem p { color: #545454; font-size: 14px; margin: 0px 0px 2px 0px } section .covering .contentwrp .coveringslider .sitem .viewall { background: url(../images/icon-viewmbtn.png) no-repeat left top/100% 100%; border-radius: 20px; color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 25px; margin: 4px 0 0 0px; padding: 4px 10px 0px; position: relative; text-align: center; text-decoration: none } section .covering .contentwrp .coveringslider .sitem .viewall:hover { background: url(../images/subscribeBg.jpg) no-repeat left top/100% 100%; color: #fff } section .covering .contentwrp .coveringslider .sitem .viewall img { display: inline-block } section .covering .contentwrp .coveringslider .slick-dots { bottom: 10px; margin: 0px; padding: 0; right: 10px; text-align: right; width: auto } section .covering .contentwrp .coveringslider .slick-dots li { width: 3px } section .covering .contentwrp .coveringslider .slick-dots li button { height: 10px; width: 10px } section .covering .contentwrp .coveringslider .slick-dots li button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll right top; color: black; content: ""; font-family: "slick"; font-size: 6px; height: 10px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 10px } section .covering .contentwrp .coveringslider .slick-dots li.slick-active button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll left top; color: #3d2979; opacity: 0.75 } section .covering .contentwrp .coveringslider .sitem .thumb { text-align: center; margin: 2px 15px 0px 0px; float: left; padding: 32px 0px 15px 0; width: 103px; background: url(../images/ratingBg.png) no-repeat left top } section .covering .contentwrp .coveringslider .sitem .thumb h2 { float: none; display: inline-block; font-family: 'DINNextRoundedLTW01'; font-size: 28px; line-height: 28px; margin: 0px 0px 2px 0px; width: auto; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } section .covering .contentwrp .coveringslider .sitem .thumb h4 { float: none; display: inline-block; width: 100%; clear: both; font-size: 12px; color: #773996; margin: 0px 0px 6px 0px; text-transform: uppercase } section .covering .contentwrp .coveringslider .sitem .text { float: left; padding: 0; width: 58% } section .covering .contentwrp .coveringslider .sitem .text .statrating { float: left; width: 100%; clear: both; margin: 8px 0px 1px } section .covering .contentwrp .coveringslider .sitem .ratingdays { float: left; width: 100%; clear: both; color: #545454; font-family: "dinrg"; font-size: 14px } section .covering .contentwrp .coveringslider .sitem .viewallwrp { float: left; width: 100%; clear: both; margin-top: 20px } section .ivfwrp { float: right; left: 0px; position: absolute; top: 30% } section .ivfwrp .contentwrp { height: 100%; position: relative; width: 100% } section .ivfwrp .contentwrp .wbg { height: 100%; position: absolute; width: 100% } section .ivfwrp .contentwrp .ivfslider { height: 100%; position: relative; width: 100%; padding-bottom: 20px } section .ivfwrp .contentwrp .ivfslider .sitem h2 { background-position: 0 8px; background-repeat: no-repeat; color: #773a95; font-family: "DINCond"; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 26px; margin: 0 0 8px; padding-left: 80px } section .ivfwrp .contentwrp .ivfslider .sitem h2 span { color: #792055; font-family: "dinrg"; font-size: 21px; font-weight: normal } section .ivfwrp .contentwrp .ivfslider .sitem p { color: #545454; font-size: 16px; padding-left: 30px; text-align: center; width: 96% } section .ivfwrp .contentwrp .ivfslider .sitem .knowmore { margin: 4px 0 0 12px; padding: 3px 2px 0 } section .ivfwrp .contentwrp .ivfslider .sitem .knowmore img { display: inline-block } section .ivfwrp .contentwrp .ivfslider .slick-dots { bottom: -5px; margin: 0; padding: 0; right: 0 } section .ivfwrp .contentwrp .ivfslider .slick-dots li { width: 3px } section .ivfwrp .contentwrp .ivfslider .slick-dots li button { height: 10px; width: 10px } section .ivfwrp .contentwrp .ivfslider .slick-dots li button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll right top; color: black; content: ""; font-family: "slick"; font-size: 6px; height: 10px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 10px } section .ivfwrp .contentwrp .ivfslider .slick-dots li.slick-active button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll left top; color: #3d2979; opacity: 0.75 } section .tfourhourswrp { bottom: 10px; float: right; left: 0px; position: absolute; width: 32% } section .tfourhourswrp .contentwrp { height: 100%; position: relative; width: 100% } section .tfourhourswrp .contentwrp .wbg { height: 100%; position: absolute; width: 100% } section .tfourhourswrp .contentwrp .Childsslider { height: 100%; position: relative; width: 100% } section .tfourhourswrp .contentwrp .Childsslider .sitem .thumb { float: left; padding: 0 10px 0 0; width: 110px } section .tfourhourswrp .contentwrp .Childsslider .sitem .thumb img { width: 100% } section .tfourhourswrp .contentwrp .Childsslider .sitem .text { float: left; padding: 0; width: 66% } section .tfourhourswrp .contentwrp .Childsslider .sitem h2 { background-position: 0 8px; background-repeat: no-repeat; color: #773a95; font-family: "DINCond"; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 26px; margin: 0 0 8px; padding-left: 0 } section .tfourhourswrp .contentwrp .Childsslider .sitem h2 span { color: #792055; font-family: "dinrg"; font-size: 22px; font-weight: normal } section .tfourhourswrp .contentwrp .Childsslider .sitem h3 { font-weight: bold; font-family: "DINCond"; font-size: 22px; color: #792055; margin: 0px 0px 4px 0px; padding-top: 0 } section .tfourhourswrp .contentwrp .Childsslider .sitem p { color: #545454; font-family: "dinrg"; font-size: 14px; padding-left: 0; width: 100% } section .tfourhourswrp .contentwrp .Childsslider .sitem p a { color: #792055; font-size: 14px; font-family: "dinrg"; text-decoration: none } section .tfourhourswrp .contentwrp .Childsslider .sitem .knowmore { margin: 4px 0 0 12px; padding: 3px 2px 0 } section .tfourhourswrp .contentwrp .Childsslider .sitem .knowmore img { display: inline-block } section .tfourhourswrp .contentwrp .Childsslider .slick-dots { bottom: 0; left: 24px; margin: 0; padding: 0; width: auto } section .tfourhourswrp .contentwrp .Childsslider .slick-dots li { width: 3px } section .tfourhourswrp .contentwrp .Childsslider .slick-dots li button { height: 10px; width: 10px } section .tfourhourswrp .contentwrp .Childsslider .slick-dots li button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll right top; color: black; content: ""; font-family: "slick"; font-size: 6px; height: 10px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 10px } section .tfourhourswrp .contentwrp .Childsslider .slick-dots li.slick-active button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll left top; color: #3d2979; opacity: 0.75 } section .ratinsliderwrp { float: right; right: 0px; position: absolute; width: 25%; top: 12% } section .ratinsliderwrp h3 { text-align: Center; font-family: 'DINNextRoundedLTW01'; font-size: 22px; line-height: 35px; margin: 0px 0px 2px 0px; width: auto; background: -webkit-linear-gradient(left, #773996 30%, #ec1c24 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } section .ratinsliderwrp .contentwrp { height: 100%; position: relative; width: 100% } section .ratinsliderwrp .contentwrp .wbg { height: 100%; position: absolute; width: 100% } section .ratinsliderwrp .contentwrp .Childsslider { height: 100%; position: relative; width: 100%; padding-bottom: 10px } section .ratinsliderwrp .contentwrp .Childsslider .sitem .thumb { text-align: center; margin: 2px 10px 0px 0px; float: left; padding: 32px 0px 15px 0; width: 103px; background: url(../images/ratingBg.png) no-repeat left top } section .ratinsliderwrp .contentwrp .Childsslider .sitem .thumb h2 { float: none; display: inline-block; font-family: 'DINNextRoundedLTW01'; font-size: 36px; line-height: 35px; margin: 0px 0px 2px 0px; width: auto; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } section .ratinsliderwrp .contentwrp .Childsslider .sitem .thumb h4 { float: none; display: inline-block; width: 100%; clear: both; font-size: 14px; color: #773996; margin: 0px 0px 0px 0px; text-transform: uppercase } section .ratinsliderwrp .contentwrp .Childsslider .sitem .text { float: left; padding: 0; width: 60% } section .ratinsliderwrp .contentwrp .Childsslider .sitem .text .statrating { float: left; width: 100%; clear: both; margin: 8px 0px 1px } section .ratinsliderwrp .contentwrp .Childsslider .sitem h2 { background-position: 0 8px; background-repeat: no-repeat; color: #773a95; font-family: "DINCond"; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 26px; margin: 0 0 8px; padding-left: 0 } section .ratinsliderwrp .contentwrp .Childsslider .sitem h2 span { color: #792055; font-family: "dinrg"; font-size: 22px; font-weight: normal } section .ratinsliderwrp .contentwrp .Childsslider .sitem h3 { text-transform: uppercase; font-weight: bold; font-family: "DINCond"; color: #792055; font-weight: 600px; font-size: 22px; margin: 0px 0px 4px 0px; padding-top: 0 } section .ratinsliderwrp .contentwrp .Childsslider .sitem .ratingdays { float: left; width: 100%; clear: both; color: rgba(0, 0, 0, 0.8); margin: 0px 0px 10px 0px; font-family: "dinrg"; font-size: 14px } section .ratinsliderwrp .contentwrp .Childsslider .sitem p { color: #545454; font-family: "dinrg"; font-size: 14px; font-weight: bold; padding-left: 0; width: 100%; margin: 0px 0px 2px 0px } section .ratinsliderwrp .contentwrp .Childsslider .sitem .viewall { color: #792055; font-size: 14px; font-family: "dinrg"; text-decoration: none } section .ratinsliderwrp .contentwrp .Childsslider .slick-dots { bottom: -10px; right: 24px; margin: 0; padding: 0; width: auto } section .ratinsliderwrp .contentwrp .Childsslider .slick-dots li { width: 3px } section .ratinsliderwrp .contentwrp .Childsslider .slick-dots li button { height: 10px; width: 10px } section .ratinsliderwrp .contentwrp .Childsslider .slick-dots li button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll right top; color: black; content: ""; font-family: "slick"; font-size: 6px; height: 10px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 10px } section .ratinsliderwrp .contentwrp .Childsslider .slick-dots li.slick-active button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll left top; color: #3d2979; opacity: 0.75 } section .tfourhourswrp .contentwrp .ratingSlider { height: 100%; position: relative; width: 100% } section .tfourhourswrp .contentwrp .ratingSlider .sitem .thumb { float: left; padding: 0 10px 0 0; width: 110px } section .tfourhourswrp .contentwrp .ratingSlider .sitem .thumb img { width: 100% } section .tfourhourswrp .contentwrp .ratingSlider .sitem .text { float: left; padding: 0; width: 66% } section .tfourhourswrp .contentwrp .ratingSlider .sitem h2 { background-position: 0 8px; background-repeat: no-repeat; color: #773a95; font-family: "DINCond"; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 26px; margin: 0 0 8px; padding-left: 0 } section .tfourhourswrp .contentwrp .ratingSlider .sitem h2 span { color: #792055; font-family: "dinrg"; font-size: 22px; font-weight: normal } section .tfourhourswrp .contentwrp .ratingSlider .sitem h3 { font-weight: bold; font-family: "DINCond"; font-size: 22px; color: #792055; margin: 0px 0px 4px 0px; padding-top: 0 } section .tfourhourswrp .contentwrp .ratingSlider .sitem p { color: #545454; font-family: "dinrg"; font-size: 14px; padding-left: 0; width: 100% } section .tfourhourswrp .contentwrp .ratingSlider .sitem p a { color: #792055; font-size: 14px; font-family: "dinrg"; text-decoration: none } section .tfourhourswrp .contentwrp .ratingSlider .sitem .knowmore { margin: 4px 0 0 12px; padding: 3px 2px 0 } section .tfourhourswrp .contentwrp .ratingSlider .sitem .knowmore img { display: inline-block } section .tfourhourswrp .contentwrp .ratingSlider .slick-dots { bottom: 0; left: 24px; margin: 0; padding: 0; width: auto } section .tfourhourswrp .contentwrp .ratingSlider .slick-dots li { width: 3px } section .tfourhourswrp .contentwrp .ratingSlider .slick-dots li button { height: 10px; width: 10px } section .tfourhourswrp .contentwrp .ratingSlider .slick-dots li button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll right top; color: black; content: ""; font-family: "slick"; font-size: 6px; height: 10px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 10px } section .tfourhourswrp .contentwrp .ratingSlider .slick-dots li.slick-active button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll left top; color: #3d2979; opacity: 0.75 } section .ratinsliderwrp { float: right; right: 0px; position: absolute; width: 25%; top: 12% } section .ratinsliderwrp .contentwrp { height: 100%; position: relative; width: 100% } section .ratinsliderwrp .contentwrp .wbg { height: 100%; position: absolute; width: 100% } section .ratinsliderwrp .contentwrp .ratingSlider { height: 100%; position: relative; width: 100%; padding-bottom: 10px } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .thumb { text-align: center; margin: 2px 10px 0px 0px; float: left; padding: 32px 0px 15px 0; width: 103px; background: url(../images/ratingBg.png) no-repeat left top } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .thumb h2 { float: none; display: inline-block; font-family: 'DINNextRoundedLTW01'; font-size: 36px; line-height: 35px; margin: 0px 0px 2px 0px; width: auto; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .thumb h4 { float: none; display: inline-block; width: 100%; clear: both; font-size: 14px; color: #773996; margin: 0px 0px 0px 0px; text-transform: uppercase } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .text { float: left; padding: 0; width: 55% } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .text .statrating { float: left; width: 100%; clear: both; margin: 8px 0px 1px } section .ratinsliderwrp .contentwrp .ratingSlider .sitem h2 { background-position: 0 8px; background-repeat: no-repeat; color: #773a95; font-family: "DINCond"; font-size: 36px; font-weight: bold; letter-spacing: -1px; line-height: 26px; margin: 0 0 8px; padding-left: 0 } section .ratinsliderwrp .contentwrp .ratingSlider .sitem h2 span { color: #792055; font-family: "dinrg"; font-size: 22px; font-weight: normal } section .ratinsliderwrp .contentwrp .ratingSlider .sitem h3 { text-transform: uppercase; font-weight: bold; font-family: "DINCond"; color: #792055; font-weight: 600px; font-size: 22px; margin: 0px 0px 4px 0px; padding-top: 0 } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .ratingdays { float: left; width: 100%; clear: both; color: rgba(0, 0, 0, 0.8); margin: 0px 0px 10px 0px; font-family: "dinrg"; font-size: 14px } section .ratinsliderwrp .contentwrp .ratingSlider .sitem p { color: #545454; font-family: "dinrg"; font-size: 14px; font-weight: bold; padding-left: 0; width: 100%; margin: 0px 0px 2px 0px } section .ratinsliderwrp .contentwrp .ratingSlider .sitem .viewall { color: #792055; font-size: 14px; font-family: "dinrg"; text-decoration: none } section .ratinsliderwrp .contentwrp .ratingSlider .slick-dots { bottom: -10px; right: 24px; margin: 0; padding: 0; width: auto } section .ratinsliderwrp .contentwrp .ratingSlider .slick-dots li { width: 3px } section .ratinsliderwrp .contentwrp .ratingSlider .slick-dots li button { height: 10px; width: 10px } section .ratinsliderwrp .contentwrp .ratingSlider .slick-dots li button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll right top; color: black; content: ""; font-family: "slick"; font-size: 6px; height: 10px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 10px } section .ratinsliderwrp .contentwrp .ratingSlider .slick-dots li.slick-active button::before { background: transparent url("../images/icon-dots.png") no-repeat scroll left top; color: #3d2979; opacity: 0.75 } section.ourSpecialitieswrp { min-height: 700px; padding: 40px 0 60px; position: relative } section.ourSpecialitieswrp::before { background: transparent url("../images/bg_2.png") no-repeat scroll right 0/100% 100%; content: ""; height: 100%; left: 0; position: absolute; top: -80px; width: 100% } section.ourSpecialitieswrp .ourstitlewrp { position: absolute; text-align: center; top: 0; width: 100% } section.ourSpecialitieswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 62px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } section.ourSpecialitieswrp .ourstitlewrp h2 span { color: #4ffe2b } section.ourSpecialitieswrp .ourstitlewrp .knowmore { margin: 4px 0 0 12px; padding: 3px 2px 0; position: relative; z-index: 5 } section.ourSpecialitieswrp .ourstitlewrp .knowmore img { display: inline-block } .oursslider .sitem { opacity: 1; transition: all 1s ease 0s } .oursslider .sitem.osbox1 { padding-top: 130px; position: relative } .oursslider .sitem.osbox1 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 130px; left: 50%; position: absolute; top: -130px; width: 2px } .oursslider .sitem.osbox2 { padding-top: 280px; position: relative } .oursslider .sitem.osbox2 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 280px; left: 50%; position: absolute; top: -280px; width: 2px } .oursslider .sitem.osbox3 { padding-top: 152px; position: relative } .oursslider .sitem.osbox3 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 152px; left: 50%; position: absolute; top: -152px; width: 2px } .oursslider .sitem.osbox4 { padding-top: 305px; position: relative } .oursslider .sitem.osbox4 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 305px; left: 50%; position: absolute; top: -305px; width: 2px } .oursslider .sitem.anim { opacity: 0; padding-top: 0 } .oursslider .sitem::before { transition: all 1s ease 0s } .oursslider .sitem.anim::before { height: 0; width: 2px } .oursslider .sitem .text { background: transparent url("../images/circule_border.png") no-repeat scroll right 0/100% 100%; height: 282px; padding: 15px 30px 0; position: relative; text-align: center; width: 282px } .oursslider .sitem .text .osicons { float: left; text-align: center; width: 100% } .oursslider .sitem .text .osicons img { display: inline-block } .oursslider .sitem .text h3 { color: #773996; float: left; font-family: "DINNextRoundedLTW01"; font-size: 30px; margin: -5px 0 0; padding-top: 0; width: 100% } .oursslider .sitem .text h3 span { color: #ed1c24 } .oursslider .sitem .text p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .oursslider .sitem .text .knowmore { margin: 0 0 0 12px; padding: 3px 2px 0 } .oursslider .sitem .text .knowmore img { display: inline-block } .oursslider .sitem .text .knowmore:hover::before { width: 136% } section.ourSpecialitieswrp .btnwrpappointment { position: relative; text-align: center; width: 100% } section.ourSpecialitieswrp .btnwrpappointment ul { display: inline-block; margin: 0; padding: 0 } section.ourSpecialitieswrp .btnwrpappointment ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative } section.ourSpecialitieswrp .btnwrpappointment ul li a { color: #fff; display: inline-block; font-family: "dinrg"; font-size: 19px; font-weight: 700; height: 46px; padding: 7px 16px 0 55px; position: relative; text-decoration: none } section.ourSpecialitieswrp .btnwrpappointment ul li a img { left: 0; position: absolute; top: 0 } .kaleidoscopewrp { min-height: 800px; padding: 60px 0 60px; position: relative } .kaleidoscopewrp::before { background: transparent url("../images/bg_3.png") no-repeat scroll right 0/100% 100%; content: ""; height: 100%; left: 0; position: absolute; top: -80px; width: 100% } .kaleidoscopewrp .ourstitlewrp { position: absolute; text-align: center; top: 0; width: 100% } .kaleidoscopewrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 62px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .kaleidoscopewrp .ourstitlewrp h2 span { color: #4ffe2b } .kaleidoscopewrp .contentwrp { opacity: 0; transition: all 1s ease 0s; height: 100%; position: relative; width: 100%; padding-top: 130px; opacity: 1 } .kaleidoscopewrp .contentwrp.anim { padding-top: 0px; opacity: 0 } .kaleidoscopewrp .contentwrp .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 130px; left: 50%; position: absolute; top: -130px; width: 2px } .kaleidoscopewrp .contentwrp.anim .hangingcircule { height: 0px } .kaleidoscopewrp .contentwrp .sitem .text { background: transparent url("../images/icon-star.png") no-repeat scroll right 0/100% 100%; padding: 58px 30px 0; position: relative; text-align: center; width: 380px; height: 364px } .kaleidoscopewrp .contentwrp .sitem .text .osicons { float: left; text-align: center; width: 100% } .kaleidoscopewrp .contentwrp .sitem .text .osicons img { display: inline-block } .kaleidoscopewrp .contentwrp .sitem h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 6px 0px 15px } .kaleidoscopewrp .contentwrp .sitem h2 span { color: #ed1c24 } .Rainbowslider { width: 70%; margin: 0px auto 0px; position: relative; padding-top: 15px } .Rainbowslider:before { content: ""; background: transparent url("../images/icon-arrow-divider.png") no-repeat center top; position: absolute; width: 2px; height: 28px; top: -32px } .Rainbowslider .item h3 { color: #5f2160; font-family: "dinrg"; font-size: 22px; margin: 0px auto 8px; padding-top: 0; display: inline-block } .Rainbowslider .item h4 { color: #5f2160; font-family: "dinrg"; font-weight: bold; font-size: 16px; margin: 0px auto 8px; padding-top: 0; display: inline-block } .Rainbowslider .item p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .Rainbowslider .item .knowmore { margin: 0px 0 0 12px; padding: 3px 2px 0 } .Rainbowslider .item .knowmore:hover::before { width: 134% } .Rainbowslider .slick-prev, .Rainbowslider .slick-next { top: 0px; height: 0px; width: 23px } .Rainbowslider .slick-prev { left: 28% } .Rainbowslider .slick-next { right: 38% } .Rainbowslider .slick-prev:before { content: ""; background: transparent } .Rainbowslider .slick-next:before { content: ""; background: transparent } .Rainbowslider .slick-prev:before, .Rainbowslider .slick-next:before { height: 8px; width: 23px; position: absolute } .Rainbowslider .slick-disabled { opacity: .4 } .rainbownewswrp { width: 90%; margin: 0 auto; padding-top: 100px } .rainbownewswrp h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 6px 0px 40px } .rainbownewswrp h2 span { color: #ed1c24 } .rainbownewswrp h3 { color: #773996; font-family: "dinrg"; font-size: 42px; display: inline-block; margin: 0px 0px 0px } .rainbownewswrp .monthn { width: 100%; display: inline-block; padding-left: 10px; color: #545454; font-family: "dinrg"; font-size: 16px; margin-top: -5px } .rainbownewswrp .item h4 { color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: bold; text-transform: uppercase } .rainbownewswrp .item h5 { color: #545454; font-family: "dinrg"; font-weight: normal; font-size: 16px; margin: 0px auto 8px; padding-top: 0 } .rainbownewswrp .item p { color: #545454; font-family: "dinrg"; font-size: 13px; padding-left: 0; width: 100% } .rainbownewswrp .item .knowmore { margin: 0px 0 0 12px; padding: 3px 2px 0 } .rainbownewswrp .item .knowmore:hover::before { width: 134% } .rainbownewswrp table tr { margin-bottom: 30px; display: inline-block } .rainbowdateandinswrp { width: 96%; margin: 0 auto; padding-top: 0px } .rainbowdateandinswrp h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 6px 0px 20px } .rainbowdateandinswrp h2 span { color: #ed1c24 } .rainbowdateandinswrp h3 { color: #773996; font-family: "dinrg"; font-size: 42px; display: inline-block; margin: 0px 0px 0px } .rainbowdateandinswrp .monthn { width: 100%; display: inline-block; padding-left: 10px; color: #545454; font-family: "dinrg"; font-size: 16px; margin-top: -5px } .rainbowdateandinswrp .item h4 { color: #5f2160; font-family: "dinrg"; font-size: 18px; margin: 0px auto 8px; padding-top: 0; font-weight: normal } .rainbowdateandinswrp .item h5 { color: #792055; font-family: "dinrg"; font-weight: bold; font-size: 18px; margin: 0px auto 8px; padding-top: 0 } .rainbowdateandinswrp .item p { color: #545454; font-family: "dinrg"; font-size: 14px; padding-left: 0; width: 100%; line-height: 18px } .rainbowdateandinswrp .item .knowmore { margin: 0px 0 15px 12px; padding: 3px 2px 0 } .rainbowdateandinswrp .item .knowmore:hover::before { width: 134% } .rainbowdateandinswrp table { width: 100% } .rainbowdateandinswrp table tr { margin-bottom: 30px; display: inline-block; border: 1px solid #999; padding: 20px 10px 4px; width: 100% } .mthumberp { width: 112px; position: relative; margin-right: 10px; display: inline-block } .mthumberp img { width: 100%; border-bottom-left-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border-top-right-radius: 20px } .aboutuswrp { min-height: 200px; padding: 60px 0 60px; position: relative } .aboutuswrp::before { background: transparent url("../images/bg_4.png") no-repeat scroll right 0px/cover; content: ""; height: 130%; left: 0; position: absolute; top: -30%; width: 100% } .aboutuswrp .ourstitlewrp { position: absolute; text-align: center; top: 0; width: 100% } .aboutuswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 62px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .aboutuswrp .ourstitlewrp h2 span { color: #4ffe2b } .aboutuswrp .contentwrp { height: 100%; position: relative; width: 100%; padding-top: 130px; transition: all 2s ease 0s } .aboutuswrp .contentwrp.anim { padding-top: 0px; opacity: 0 } .aboutuswrp .contentwrp .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 130px; left: 50%; position: absolute; top: -130px; width: 2px } .aboutuswrp .contentwrp.anim .hangingcircule { height: 0px } .aboutuswrp .contentwrp .sitem { width: 100%; text-align: center } .aboutuswrp .contentwrp .sitem .circulewrp { width: 100%; text-align: center; float: left; clear: both } .aboutuswrp .contentwrp .sitem .text { display: inline-block; padding: 0px; position: relative; text-align: center; width: 334px; height: 334px } .aboutuswrp .contentwrp .sitem .text .bordercir { background: transparent url("../images/icon-about-circule.png") no-repeat scroll right 0/100% 100%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2 } .aboutuswrp .contentwrp .sitem .text img { display: inline-block; border-radius: 50%; width: 94%; height: 94%; position: absolute; left: 3.1%; top: 3.1%; z-index: 2 } .aboutuswrp .contentwrp .sitem .text .playvid { position: relative; width: 100%; height: 100%; display: inline-block } .aboutuswrp .contentwrp .sitem .text .playvid span { background: transparent url("../images/icon-play2.png") no-repeat center 50%; position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; height: 100% } .aboutuswrp .contentwrp .aboutap .abtitle { width: 100%; margin: 20px 0px 5px; display: inline-block; clear: both } .aboutuswrp .contentwrp .aboutap .abtitle h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .aboutuswrp .contentwrp .aboutap .abtitle h2 span { color: #ed1c24 } .aboutuswrp .contentwrp .details { width: 60%; display: inline-block } .aboutuswrp .contentwrp .details h3 { color: #5f2160; font-family: "dinrg"; font-weight: bold; text-transform: uppercase; font-size: 16px; display: inline-block; margin: 0px 0px 12px } .aboutuswrp .contentwrp .details p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .aboutuscontentwrp { width: 90%; margin: 0 auto; padding-top: 100px } .aboutuscontentwrp h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 6px 0px 20px } .aboutuscontentwrp h2 span { color: #ed1c24 } .aboutuscontentwrp .abicons { float: left; text-align: center; width: 180px; margin-bottom: 20px } .aboutuscontentwrp .abicons img { width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .aboutuscontentwrp>p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100%; line-height: 24px; display: flex } .aboutuscontentwrp>.knowmore { margin: 12px 0 0 12px; padding: 3px 2px 0 } .aboutuscontentwrp>.knowmore:hover::before { width: 135% } .aboutuscontentwrp>.knowmore.sc:hover::before { width: 150% } .aboutuscontentwrp h3 { color: #773996; font-family: "dinrg"; font-size: 42px; display: inline-block; margin: 0px 0px 0px } .aboutuscontentwrp .item h4 { color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: bold } .aboutuscontentwrp .item h5 { color: #545454; font-family: "dinrg"; font-weight: normal; font-size: 16px; margin: 0px auto 8px; padding-top: 0 } .aboutuscontentwrp .item p { color: #545454; font-family: "dinrg"; font-size: 13px; padding-left: 0; width: 100% } .aboutuscontentwrp .item .knowmore { margin: 0px 0 0 12px; padding: 3px 2px 0 } .aboutuscontentwrp table tr { margin-bottom: 30px; display: inline-block } .openingwrp { width: 100%; display: inline-block; padding-top: 10px } .openingwrp ul { display: inline-block; margin: 0; padding: 0; color: #545454; font-family: "dinrg"; font-size: 16px } .openingwrp ul li { display: inline; width: 100%; margin: 0px 0px 0px 2px; float: left; list-style: none; padding: 0px 0px 0px 20px; position: relative } .openingwrp ul li>h2 { color: #535353; font-family: "DINNextRoundedLTW01"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; width: 100%; display: inline-block; font-weight: normal; position: relative; cursor: pointer } .openingwrp ul li>h2::after { content: "+"; position: absolute; left: -18px; top: -9px; width: 30px; height: 30px; color: #5f2160; font-size: 26px; font-family: "dinrg" } .openingwrp ul li>h2.active::after { content: "-"; position: absolute; left: -18px; top: -9px; width: 30px; height: 30px; color: #5f2160; font-size: 26px; font-family: "dinrg" } .openingwrp ul li .openingstaff_cont { width: 100%; clear: both; float: left; display: block; position: relative; color: #545454; font-family: "dinrg"; font-size: 16px; display: none } .sstorieswrp { min-height: 800px; padding: 60px 0 60px; position: relative } .sstorieswrp::before { background: transparent url("../images/bg_5.png") no-repeat scroll right 0px/cover; content: ""; height: 110%; left: 0; position: absolute; top: -10%; width: 100% } .sstorieswrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100%; display: inline-block; margin-bottom: 50px } .sstorieswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 62px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .sstorieswrp .ourstitlewrp h2 span { color: #4ffe2b } .sstorieswrp .ssleft { padding: 0px; padding-right: 15px; width: 100%; position: relative; padding-bottom: 80px; display: inline-block } .sstorieswrp .ssleft .ssthumbwrp { width: 100%; float: left } .sstorieswrp .ssleft .ssthumbwrp .thumb { width: 432px; float: right; height: 312px } .sstorieswrp .ssleft .ssthumbwrp .thumb .playvid { position: relative; width: 100%; height: 100%; display: inline-block } .sstorieswrp .ssleft .ssthumbwrp .thumb .playvid span { background: transparent url("../images/icon-play2.png") no-repeat center 50%; position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; height: 100% } .sstorieswrp .ssleft .ssthumbwrp .thumb .playvid img { position: absolute; left: 0px; top: 0px; z-index: 1 } .sstorieswrp .ssleft .ssdetailswrp { width: 230px; float: left; position: absolute; left: 0px; top: 0px; z-index: 4 } .sstorieswrp .ssleft .ssdetailswrp .ssicon { width: 100%; float: left; margin-bottom: 6px; position: relative } .sstorieswrp .ssleft .ssdetailswrp .ssicon img { padding-left: 35px } .sstorieswrp .ssleft .ssdetailswrp .ssicon::before { position: absolute; left: 0px; bottom: -25px; content: url(../images/icon_ss-3.png); width: 24px; height: 16px } .sstorieswrp .ssleft .ssdetailswrp ul { margin: 0px; padding: 0px } .sstorieswrp .ssleft .ssdetailswrp ul li { list-style: none; float: left; width: 100% } .sstorieswrp .ssleft .ssdetailswrp ul li .txtComments { width: 100%; float: left; padding-left: 35px } .sstorieswrp .ssleft .ssdetailswrp ul li .txtComments p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .sstorieswrp .ssleft .ssdetailswrp ul li .txtName { width: auto; float: right } .sstorieswrp .ssleft .ssdetailswrp ul li .txtName h3 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 22px; display: inline-block; margin: 10px 0px 4px } .sstorieswrp .ssleft .ssdetailswrp ul li .txtName h4 { color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: normal } .sstorieswrp .ssright { padding: 0px; padding-right: 0px; width: 100%; position: relative } .sstorieswrp .ssright .ssthumbwrp { width: 100%; float: left } .sstorieswrp .ssright .ssthumbwrp .thumb { width: 432px; float: left; height: 312px; margin: 110px 0px 0px } .sstorieswrp .ssright .ssthumbwrp .thumb .playvid { position: relative; width: 100%; height: 100%; display: inline-block } .sstorieswrp .ssright .ssthumbwrp .thumb .playvid span { background: transparent url("../images/icon-play2.png") no-repeat center 50%; position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; height: 100% } .sstorieswrp .ssright .ssthumbwrp .thumb .playvid img { position: absolute; left: 0px; top: 0px; z-index: 1 } .sstorieswrp .ssright .ssdetailswrp { width: 280px; float: left; position: absolute; right: 0px; top: 0px; z-index: 4 } .sstorieswrp .ssright .ssdetailswrp .ssicon { width: 100%; float: left; margin-bottom: 6px; position: relative; text-align: right } .sstorieswrp .ssright .ssdetailswrp .ssicon img { padding-left: 35px; display: inline-block } .sstorieswrp .ssright .ssdetailswrp .ssicon::before { position: absolute; left: 0px; bottom: -25px; content: url(../images/icon_ss-3.png); width: 24px; height: 16px } .sstorieswrp .ssright .ssdetailswrp ul { margin: 0px; padding: 0px } .sstorieswrp .ssright .ssdetailswrp ul li { list-style: none; float: left; width: 100% } .sstorieswrp .ssright .ssdetailswrp ul li .txtComments { width: 100%; float: left; padding-left: 35px; text-align: right } .sstorieswrp .ssright .ssdetailswrp ul li .txtComments p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .sstorieswrp .ssright .ssdetailswrp ul li .txtName { width: auto; float: right } .sstorieswrp .ssright .ssdetailswrp ul li .txtName h3 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 22px; display: inline-block; margin: 10px 0px 4px } .sstorieswrp .ssright .ssdetailswrp ul li .txtName h4 { text-align: right; color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: normal } .sstorieslider { position: relative } .gmapwrp { min-height: 80px; padding: 0px 0 0px; position: relative } .gmap { position: relative; width: 100%; height: 662px } .gmapwrp .sidelocdetwrp { width: 448px; min-height: 300px; background: transparent url("../images/map-sidebg.jpg") repeat-y left top; border-bottom-right-radius: 20px; border-top-right-radius: 20px; position: absolute; left: 0px; top: 12%; z-index: 1 } .gmapwrp .sidelocdetwrp .gmheader { width: 100%; height: 60px; padding: 10px 0px 10px 20px } .gmapwrp .sidelocdetwrp .gmheader .box { width: 48%; float: left; position: relative } .gmapwrp .sidelocdetwrp .gmheader .box .select-span { text-transform: uppercase; font-family: "dinrg"; font-size: 18px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-arrow-d.png) 92% 20px no-repeat; color: #fff; padding: 12px 1px 0px } .gmapwrp .sidelocdetwrp .gmheader .box .select { background: #fff; position: absolute; right: 0; top: 20px; height: 100%; width: 100%; opacity: 0; color: #000; outline: none; padding-left: 0px } .gmapwrp .sidelocdetwrp .gmheader .box .select option { padding-left: 0px; text-transform: uppercase; font-family: "dinrg"; font-size: 16px } .gmapwrp .sidelocdetwrp .gmheader .box .msearch { margin-top: 8px; width: 80%; height: 30px; background: transparent; border: none; border-right: 1px solid #cfa6c9 } .gmapwrp .sidelocdetwrp .gmheader .box .mssubmit { width: 18px; height: 18px; background: transparent url("../images/icon-search.png") repeat-y left top; outline: none; border: none; position: absolute; right: 12px; top: 15px } .gmapwrp .sidelocdetwrp .gmheader .box input { outline: none; color: #fff; font-family: "dinrg"; font-size: 18px; text-transform: uppercase } .gmapwrp .sidelocdetwrp .gmheader .box input:focus { outline: none; color: #fff; font-family: "dinrg"; font-size: 18px; text-transform: uppercase } .mimgrolatedwrp { width: 100%; display: inline-block; position: relative } .mimgrolatedwrp .mimgl { width: 100%; height: 160px; display: inline-block } .mimgrolatedwrp .mimgl img { width: 100% } .mimgrolatedwrp .mimgl .rolink { position: absolute; right: 10px; top: 10px; z-index: 1; text-decoration: none } .mimgrolatedwrp .mimgl .rolink img { width: auto } .gmapwrp .sidelocdetwrp .mdrwrp { width: 100%; padding: 15px 0px 10px; background: #00aeef; display: inline-block } .gmapwrp .sidelocdetwrp .mdrwrp .mtitle { width: 80%; position: relative; float: left } .gmapwrp .sidelocdetwrp .mdrwrp .mtitle p { color: #fff; font-family: "dinrg"; font-size: 14px; padding-left: 20px; width: 80%; text-transform: uppercase } .gmapwrp .sidelocdetwrp .mdrwrp .icondr { width: 20%; position: relative; float: left } .gmapwrp .sidelocdetwrp .mdetailwrp { width: 100%; padding: 15px 0px } .gmapwrp .sidelocdetwrp .mdetailwrp ul { width: 76%; display: inline-block; margin: 0; padding: 0; padding-left: 20px; color: #fff; font-family: "dinrg"; font-size: 16px; font-weight: normal } .gmapwrp .sidelocdetwrp .mdetailwrp ul li { float: left; list-style: none; position: relative; padding-bottom: 12px } .gmapwrp .sidelocdetwrp .mdetailwrp ul li.phone { background: transparent url("../images/icon-map-call.png") no-repeat left 4px; padding-left: 35px } .gmapwrp .sidelocdetwrp .mdetailwrp ul li.mail { background: transparent url("../images/icon-mail.png") no-repeat left 4px; padding-left: 35px } .gmapwrp .sidelocdetwrp .mdetailwrp ul li p { color: #fff; font-family: "dinrg"; font-size: 16px; font-weight: normal; margin: 0px } .gmapwrp .sidelocdetwrp .mdetailwrp ul li a { color: #fff; font-family: "dinrg"; font-size: 16px; font-weight: normal; text-decoration: none } #cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: rgba(211, 104, 104, 0.9); background-repeat: no-repeat; background-size: 32px 64px; background-image: url("../images/cd-icon-controller.svg") } .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #d36868 } #cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px; content: "+"; font-size: 24px; color: #fff } #cd-zoom-out { background-position: 50% -32px; content: "-"; font-size: 24px; color: #fff } .circuleframe { position: relative; width: 100%; left: -100%; transition: left 1.5s ease-out; -webkit-transition: left 1.5s ease-out } .circuleframe.active { left: 0px; transition: left 1.5s ease-out; -webkit-transition: left 1.5s ease-out } .circuleframe img { width: 100%; margin: -70px 0px 0px -15px } .pagebcwrp { padding: 130px 0 30px; position: relative; width: 100%; display: block; z-index: 2 } .pagebcwrp ul { margin: 0px; padding: 0px } .pagebcwrp ul li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; margin-right: 20px } .pagebcwrp ul li::after { content: ">"; position: absolute; right: -16px; top: 9px; font-size: 19px; color: #5f2160; line-height: 0px } .pagebcwrp ul li:last-child::after { content: " " } .pagebcwrp ul li a { color: #5f2160; font-family: "dinrg"; font-size: 14px; font-weight: normal; text-decoration: none } .bannerCirclebox { width: 100%; display: inline-block; margin-top: 0; background: transparent; position: relative; border-radius: 100%; margin-bottom: 30px } .thumbcirwrp { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; width: 93%; border-radius: 50% } .aboutus { width: 90%; margin: 0 auto; padding-top: 100px } .pagetitle { padding-top: 30px } .pagetitle h2 { width: auto; color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 62px; font-weight: bold; display: inline-block; margin: 6px 0px 0 0 } .pagetitle h2.rgsz { font-size: 42px; padding: 0px 0px 20px; position: relative; margin: 6px 0px 20px 0 } .pagetitle h2.rgsz::after { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: -10px; width: 77px } .pagetitle h2 span { color: #ed1c24 } .pagetitle h3 { width: auto; color: #773996; font-family: "dinrg"; font-size: 36px; display: inline-block; margin: 0px 0px 20px } .pagetitle p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100%; line-height: 24px; display: flex } .pageheader { position: relative; width: 100%; clear: both; padding: 10px 0px 20px !important } .pageheader .ptitle { padding-top: 0px } .pageheader .ptitle h2 { position: relative; width: auto; font-family: "DINNextRoundedLTW01"; font-size: 62px; display: inline-block; margin: 6px 0px 0 0; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .pageheader .ptitle h2.underline { padding: 0px 0px 40px 0px } .pageheader .ptitle h2.underline::after { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 80px } .pageheader .ptitle h3 { position: relative; width: 100%; color: #773996; font-family: "dinrg"; font-size: 36px; display: inline-block; margin: 0px 0px 20px; padding: 45px 0px 0px } .pageheader .ptitle h3::before { content: url("../images/underline.png"); position: absolute; left: 0px; top: 0px; width: 80px } .pageheader .ptitle.blue h2 { position: relative; width: auto; font-family: "DINNextRoundedLTW01"; font-size: 62px; display: inline-block; margin: 6px 0px 0 0; background: -webkit-linear-gradient(left, #2777dd 10%, #940696 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .pageheader .ptitle.blue h3 { position: relative; width: 100%; color: #773996; font-family: "dinrg"; font-size: 36px; display: inline-block; margin: 0px 0px 20px; padding: 45px 0px 0px } .pageheader .ptitle.blue h3 span { width: 100%; clear: both; font-family: "dinrg"; color: #545454; font-size: 18px; font-style: italic; float: left; margin-top: 6px } .pageheader .ptitle.blue h3::before { content: url("../images/underline3.png"); position: absolute; left: 0px; top: 0px; width: 80px } .pageheader .ptitle.yellow h2 { position: relative; width: auto; font-family: "DINNextRoundedLTW01"; font-size: 62px; display: inline-block; margin: 6px 0px 0 0; padding: 0px; background: -webkit-linear-gradient(left, #f3924c 10%, #fee50e 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #f3924c } .pageheader .ptitle.yellow h3 { background: none; position: relative; width: 100%; color: #773996; font-family: "dinrg"; font-size: 36px; display: inline-block; margin: 0px 0px 20px; padding: 45px 0px 0px } .pageheader .ptitle.yellow h3 span { width: 100%; clear: both; font-family: "dinrg"; color: #545454; font-size: 18px; font-style: italic; float: left; margin-top: 6px } .pageheader .ptitle.yellow h3::before { content: url("../images/underline4.png"); position: absolute; left: 0px; top: 0px; width: 80px } .pageheader p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100%; line-height: 24px; display: flex } .underline { width: 100%; display: inline-block; padding: 20px 0px 15px } .aboutsectin2 { padding: 80px 0 80px; position: relative; border-top: 1px solid #e4d8ea } .aboutsectin2.wcuswrp { padding: 0px 0 80px; position: relative; border-top: 0px solid #e4d8ea } .rachieved { padding: 80px 0 80px; position: relative; border-top: 1px dashed #e4d8ea; background: #fbf5ff } .aboutsectin2.wcuswrp p { text-align: left } .aboutsectin2 .sinfo { width: 80%; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 36px; line-height: 40px; display: inline-block; margin: -30px 0px 80px; position: relative; padding: 20px 0px 0px } .aboutsectin2 .sinfo::after { content: url("../images/underline3.png"); position: absolute; left: 0px; top: -30px; width: 77px; height: 3px } .atabs { margin: 0; padding: 0px; display: inline-block; width: 100%; background: none !important } .atabs.acarrow { background: url(../images/ab_line2.png) no-repeat center 70px } .atabs li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; width: 100%; text-align: center; padding-bottom: 20px } .atabs li:first-child::before { content: ""; background: none } .atabs li a { text-decoration: none; color: #5f2160 } .atabs li:before { content: ''; width: 100%; height: 1px; top: 70px; left: -50%; position: absolute; z-index: -1; background: url(../images/ab_line3.png) } .atabs li h2 { opacity: .4; padding-bottom: 15px; color: #5f2160; font-family: "dinrg"; font-size: 28px; font-weight: 600; text-decoration: none; text-transform: uppercase; line-height: 38px; position: relative } .rachieved li h2 { width: 70%; margin: 0 auto } .aboutsectin2.wcuswrp li h2 { width: 80%; margin: 0 auto } .atabs li.slick-current h2::after { content: url("../images/underline-arrow.png"); position: absolute; right: 0px; left: 0px; bottom: 8px; margin: auto; width: 77px; height: 14px } .atabs li.slick-current h2 { opacity: 1 } .atabs li .aiconwrp { background: #fff; display: inline-block; border-radius: 50% } .atabs li .aiconwrp img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; opacity: .4 } .atabs li.slick-current .aiconwrp img { -webkit-filter: grayscale(0); filter: none; opacity: 1 } .atabscontent { width: 100%; display: inline-block; float: left; padding: 30px 0px 0px } .atabsdata { color: #545454; font-family: "dinrg"; font-size: 16px; text-align: center; line-height: 30px } .atabsdata a { color: #545454 } .packages { text-align: left } .packages h3 { color: #773996; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 20px; position: relative; padding: 0px } .packagesbtn { background: url(../images/subscribeBg.jpg) no-repeat left top/100% 100%; margin-top: 20px; border-radius: 20px; display: inline-block; padding: 15px 15px; color: #fff !important; font-family: "dinrg"; font-size: 22px; font-weight: 600 } .atabsdata ul { margin: 0px; padding: 0px; text-align: left; padding-left: 20px } .atabsdata ul li { color: #545454; font-family: "dinrg"; font-size: 16px } .atabsdata ul.hlthlist li { color: #545454; font-family: "dinrg"; font-size: 17px; list-style: none; float: left; width: 100%; background: url(../images/icon-wv2.png) no-repeat left 12px; padding-left: 20px; padding-bottom: 12px } .atabscontent .atabsdata p { text-align: left } .atabscontent .atabsdata .sknowmore { background: #3d2979; color: #fff; font-family: "dinrg"; font-size: 17px; display: inline-block; margin: 15px 0px 0px; padding: 4px 20px; border: 1px solid #3d2979; border-radius: 20px } .atabs .slick-next { right: -2px } .atabs .slick-prev { left: -2px } .atabs .slick-disabled { opacity: .2 } .atabs .slick-prev, .atabs .slick-next { height: 20px; top: 68.2px; z-index: 11 } .atabs .slick-prev:before, .atabs .slick-next:before { display: none } .osatabs { margin: 0; padding: 0px; display: inline-block; width: 100%; background: url(../images/ab_line3.png) no-repeat center 70px/70% } .osatabs.acarrow { background: url(../images/ab_line2.png) no-repeat center 70px } .osatabs li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; width: 100%; text-align: center; padding-bottom: 20px } .osatabs li:last-child::before { content: ""; background: none } .osatabs li h2 { opacity: .4; padding-bottom: 15px; color: #5f2160; font-family: "dinrg"; font-size: 28px; font-weight: 600; text-decoration: none; text-transform: uppercase; line-height: 38px; position: relative } .osatabs li a { text-decoration: none; color: #5f2160 } .osatabs li:last-child { margin-right: 0px } .osatabs li.slick-current h2::after { content: url("../images/underline-arrow.png"); position: absolute; right: 0px; left: 0px; bottom: 8px; margin: auto; width: 77px; height: 14px } .osatabs li.slick-current h2 { opacity: 1 } .osatabs li .aiconwrp { background: #fff; display: inline-block; border-radius: 50% } .osatabs li .aiconwrp img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; opacity: .4 } .osatabs li.slick-current .aiconwrp img { -webkit-filter: grayscale(0); filter: none; opacity: 1 } .osatabs .slick-next { right: -2px } .osatabs .slick-prev { left: -2px } .osatabs .slick-disabled { opacity: .2 } .osatabs .slick-prev, .osatabs .slick-next { height: 20px; top: 68.2px; z-index: 11 } .osatabs .slick-prev:before, .osatabs .slick-next:before { display: none } .careservices { padding: 80px 0 0px; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9 } .careservices .p { color: #5f2160; font-family: "dinrg"; font-size: 22px } .csrlist { margin: 0px; padding: 0px; float: left; width: 100%; padding: 40px 0px 0px } .csrlist li { width: 33.33333%; min-height: 100px; padding-right: 40px; list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 16px; float: left; text-align: center; padding-bottom: 20px } .csrlist li table { width: 100% } .csrlist li table td { vertical-align: top } .csrlist li table td:first-child { width: 50px } .csricon { position: relative; padding-right: 30px; display: inline-block; background: url(../images/borderd2.png) repeat-y right; width: 56px; margin-right: 10px } .page { padding: 10px 0 60px; position: relative } .abccare { position: relative } .abccare::before { background: transparent url("../images/ab_bg.png") no-repeat scroll right 0px/cover; content: ""; height: 100%; left: 0px; position: absolute; top: -200px; width: 100% } .wtwedo::before { background: transparent url("../images/wtwedo_bg.png") no-repeat scroll right 0px/100%; content: ""; height: 100%; left: 0px; position: absolute; top: -200px; width: 100% } .visionmwrp { width: 100%; position: relative; display: inline-block } .visionmwrp h3 { width: 100%; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 36px; line-height: 40px; display: inline-block; margin: 30px 0px 40px; position: relative; padding: 0px } .visionmwrp h3::after { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 18px; width: 77px; height: 3px } .visionmwrp p { color: #545454; font-family: "dinrg"; font-size: 17px; padding-left: 0; width: 100%; line-height: 26px; display: flex } .ourvalues { padding: 50px 0 0px; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9 } .ourvalues.wwdovwrp { background: #fff; border: none; padding: 0px 0 0px } .ourvalues.wwdovwrp .wwdovlist { background: #e9f1fc } .h3 { width: 100%; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 36px; line-height: 40px; display: inline-block; margin: 0px 0px 40px; position: relative; padding: 0px } .h3::after { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 18px; width: 77px; height: 3px } .wwdovwrp .h3::after { content: url("../images/underline3.png") } .dfindwrp { width: 100%; display: inline-block; clear: both; margin-top: 20px } .hlfcube { margin: 0px; padding: 0px } .hlfcube li { background: #3d2979; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 20px 10px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 160px; float: left; position: relative; margin-left: 20px } .hlfcube li .locationwrp::before { content: url("../images/icon-map.png"); position: absolute; left: -25px; top: 0px; width: 16px; height: 21px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .locationwrp .select-span::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 90%; height: 1px; background: rgba(255, 255, 255, 0.1) } .hlfcube li .locationwrp .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .hlfcube li .locationwrp .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .hlfcube li .specialtywrp { width: 160px; float: left; position: relative; margin-left: 30px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp .select-span::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 90%; height: 1px; background: rgba(255, 255, 255, 0.1) } .hlfcube li .specialtywrp .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .hlfcube li .specialtywrp .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .hlfcube li .searchbtn { width: 75px; height: 34px; display: inline-block; float: left; position: relative; margin-left: 10px; background: url(../images/icon-search-bg.png) no-repeat } .hlfcube li .searchbtn input { width: 100%; color: #fff; height: 100%; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 13px; text-transform: uppercase } .hlfcube li .searchbtn input:focus { outline: none } .hlfcube li .finddwrp { width: 160px; float: left; position: relative; margin-left: 30px } .hlfcube li .finddwrp::before { content: url("../images/icon-findd.png"); position: absolute; left: -28px; top: 5px; width: 16px; height: 21px } .hlfcube li .finddwrp .findbox { width: 100%; position: relative } .hlfcube li .finddwrp .findbox input { text-align: left; width: 100%; color: #fff; height: 30px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 15px } .hlfcube li .finddwrp .findbox input:focus { outline: none } .hlfcube li .finddwrp .findbox input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8) } .hlfcube li .finddwrp .findbox input::-moz-placeholder { color: rgba(255, 255, 255, 0.8) } .hlfcube li .finddwrp .findbox input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8) } .hlfcube li .finddwrp .findbox input:-moz-placeholder { color: rgba(255, 255, 255, 0.8) } .hlfcube li .findsdwrp { width: 200px; float: left; position: relative; margin-left: 30px } .hlfcube li .findsdwrp::before { content: url("../images/icon-findd.png"); position: absolute; left: -28px; top: 5px; width: 16px; height: 21px } .hlfcube li .findsdwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .findsdwrp .select-span::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 90%; height: 1px; background: rgba(255, 255, 255, 0.1) } .hlfcube li .findsdwrp .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .hlfcube li .findsdwrp .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .sharefwrp { width: 100%; position: relative; float: left; clear: both } .sharefwrp .dconfirmawrp { width: 100%; position: relative; display: inline-block; margin-bottom: 0px } .sharefwrp .dconfirmawrp .ttheader2 { width: 100%; position: relative; display: inline-block; background: url(../images/date-day-top-bor.png) no-repeat left top/100% } .sharefwrp .dconfirmawrp .ttheader2::before { content: url("../images/icon-down-arrow.png"); position: absolute; left: 100px; top: 2px; width: 23px; height: 16px; z-index: 3 } .sharefwrp .dconfirmawrp .ttheader2 h3 { width: 100%; text-transform: uppercase; color: #5e205f; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 50px 0px 30px; position: relative; padding: 0px } .sharefwrp .dconfirmawrp .ttheader2 ul { width: 100%; margin: 0; padding: 0; position: relative } .sharefwrp .dconfirmawrp .ttheader2 ul li { float: left; list-style: none; margin-right: 56px; width: 30%; position: relative; margin-bottom: 30px } .sharefwrp .dconfirmawrp .ttheader2 ul li:last-child { margin-right: 0px } .sharefwrp .dconfirmawrp .ttheader2 ul li label { width: 100%; float: left; color: #3b2a7a; font-family: "dinrg"; font-size: 17px; font-weight: normal } .sharefwrp .dconfirmawrp .ttheader2 ul li span.error { position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .sharefwrp .dconfirmawrp .ttheader2 ul li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .sharefwrp .dconfirmawrp .ttheader2 ul li input:focus { outline: none } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp { width: 100%; position: relative; display: inline-block; margin: 20px 0px } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp { width: 80%; min-height: 30px; float: left } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul { width: 100%; margin: 0; padding: 0; position: relative; float: left } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li { width: auto; color: #5f2160; font-family: "dinrg"; font-size: 14px; float: left; list-style: none; margin-right: 20px; position: relative; margin-bottom: 10px } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li label.tnc { width: auto; float: left; color: #545454; font-family: "dinrg"; font-size: 14px; padding-top: 11px; font-weight: normal } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li label a { color: #545454 } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 11px 0px 0px 0px; position: relative; display: inline-block; text-align: right } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li:last-child { margin-right: 0px } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li::after { content: ""; position: absolute; right: -8px; top: 12px; width: 1px; height: 20px; background: #dccae6 } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li:last-child::after { background: none } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li span.error { position: absolute; width: 200%; left: 0px; bottom: -25px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp { width: 20%; min-height: 30px; float: left; text-align: right } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp input { color: #fff; height: 45px; line-height: 20px; text-transform: uppercase; font-family: "dinrg"; font-size: 25px; background: #3d2979; border: 1px solid #3d2979; border-radius: 30px; padding: 10px 30px } .sharefwrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp input:focus { outline: none } .hproblem { width: 100%; position: relative; float: left; clear: both } .hproblem label { width: 100%; float: left; clear: both; color: #3b2a7a; font-family: "dinrg"; font-size: 18px; font-weight: normal } .hproblem textarea { margin-bottom: 30px; color: #545454; font-family: "dinrg"; font-size: 17px; width: 60%; height: 120px; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .hproblem textarea:focus { outline: none } .hproblem ul.hprob { margin-top: 4px; float: left } .hproblem ul.hprob li { width: auto !important } .hproblem ul.hprob li .custom-checkbox { position: absolute; left: 0px } .hproblem ul.hprob li label { padding: 4px 0px 0px 40px; color: #545454 !important } .hproblem ul.mhappy { margin-top: 4px; float: left } .hproblem ul.mhappy li { width: auto !important } .hproblem ul.mhappy li label { padding: 4px 0px 0px 28px; color: #545454 !important } .hproblem ul.mhappy li .custom-radio { width: 25px; height: 22px; display: inline-block; position: absolute; left: 0px; z-index: 1; top: 5px; background: url("../images/radio.png") no-repeat } .hproblem ul.mhappy li .custom-radio.selected { background: url("../images/radio-selected.png") no-repeat } .hproblem ul.mhappy li .custom-radio input[type="radio"] { width: 100%; height: 100%; margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0 } .bggrad { border-top: 1px solid #e1dce5; border-bottom: 1px solid #e1dce5; background: url(../images/bgGrad.png) no-repeat left top; background-size: 100% 100%; width: 100%; padding: 20px 0px 0px; position: relative; float: left; clear: both } .confirstmwrp ul { margin-top: 20px !important; float: left } .confirstmwrp ul li { width: 50% !important; margin-right: 0px !important; margin-bottom: 0px !important } .confirstmwrp ul li .custom-checkbox { position: absolute; left: 0px } .confirstmwrp ul li label { padding: 4px 0px 0px 40px; font-size: 14px; color: #5f2160 !important } .confirstmwrp ul li label a { color: #5f2160 } .confirstmwrp ul li .confirbox2 { float: right; position: relative } .syfbtn { width: auto !important } .syfbtn input { font-size: 18px !important; padding: 10px 50px !important } .hlfcube li .finddwrp .findbox::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1) } .hlfcube li .gobtn { width: 54px; height: 34px; display: inline-block; float: left; position: relative; margin-left: 10px; background: url(../images/icon-btn-bg.png) no-repeat } .hlfcube li .gobtn input { width: 100%; color: #fff; height: 100%; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 13px; text-transform: uppercase } .hlfcube li .gobtn input:focus { outline: none } .ddetailstimet { padding: 50px 0 50px; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9 } .dft { display: table } .dftc { display: table-cell } .ddetailswrp { width: 80%; position: relative; display: inline-block } .ddetailswrp h3 { width: 100%; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 10px; position: relative; padding: 0px } .ddetailswrp p { color: #545454; font-family: "dinrg"; font-size: 17px; padding-left: 0; width: 100%; line-height: 22px; display: flex; margin: 0px 0px 15px } .ddetailswrp .knowmore2 { margin-left: 16px; position: relative } .ddetailswrp .knowmore2 span { position: relative; z-index: 2 } .childbirthfmwrp { width: 100%; float: left; clear: both; margin-top: 20px } .childblst { margin: 0px; padding: 0px } .childblst>li { background: #3d2979; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 20px 10px 0px; padding: 15px 20px; position: relative } .childblst>li:last-child { margin-right: 0px } .childblst>li .finddwrp { width: 220px; float: left; position: relative; margin-left: 40px } .childblst>li .finddwrp::before { content: url("../images/icon-childbirth.png"); position: absolute; left: -41px; top: 2px; width: 32px; height: 32px } .childblst>li .finddwrp .findbox { width: 100%; position: relative } .childblst>li .finddwrp .findbox input { cursor: url(../images/icon-calender.png), auto; text-align: left; width: 100%; color: #fff; height: 30px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 15px } .childblst>li .finddwrp .findbox input:focus { outline: none } .childblst>li .finddwrp .findbox input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8) } .childblst>li .finddwrp .findbox input::-moz-placeholder { color: rgba(255, 255, 255, 0.8) } .childblst>li .finddwrp .findbox input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8) } .childblst>li .finddwrp .findbox input:-moz-placeholder { color: rgba(255, 255, 255, 0.8) } .childblst>li .finddwrp .findbox::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1) } .childblst>li .findoswrp { width: 220px; float: left; position: relative; margin-left: 40px } .childblst>li .findoswrp::before { content: url("../images/icon-childbirth.png"); position: absolute; left: -41px; top: 2px; width: 32px; height: 32px } .childblst>li .findoswrp.insurance { margin-left: 30px } .childblst>li .findoswrp.insurance::before { content: url("../images/icon-map3.png"); position: absolute; left: -28px; top: 2px; width: 20px; height: 20px } .childblst>li .findoswrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .childblst>li .findoswrp .select-span::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 90%; height: 1px; background: rgba(255, 255, 255, 0.1) } .childblst>li .findoswrp .select { background: #3d2979; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .childblst>li .findoswrp .select option { border: none; padding: 4px 4px 4px; color: #fff; font-family: "dinrg"; font-size: 15px } .childblst>li .gobtn { width: 54px; height: 34px; display: inline-block; float: left; position: relative; margin-left: 10px; background: url(../images/icon-btn-bg.png) no-repeat } .childblst>li .gobtn input { width: 100%; color: #fff; height: 100%; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 13px; text-transform: uppercase } .childblst>li .gobtn input:focus { outline: none } .subtitle { width: 100%; clear: both; float: left; position: relative; margin: 20px 0px 20px } .subtitle h3 { position: relative; width: 100%; color: #773996; font-family: "dinrg"; font-size: 36px; display: inline-block; margin: 0px 0px 20px; padding: 0px 0px 20px } .subtitle h3::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 80px } .subtitle2 { width: 100%; clear: both; float: left; position: relative; margin: 20px 0px 20px } .subtitle2 h3 { position: relative; color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 36px; display: inline-block; margin: 0px 0px 20px; padding: 0px 0px 20px; background: -webkit-linear-gradient(left, #773996, #ec1c24); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .subtitle2 h3::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 80px } .insurancetpaslist { margin: 0px; padding: 0px; width: 100%; display: inline-block } .insurancetpaslist li { list-style: none; float: left; width: 33.3333%; text-transform: uppercase; color: #000; font-size: 16px; line-height: 30px; padding-right: 20px } .quizwrp { width: 100%; clear: both; background: #fcfaff; margin: 0px; padding: 40px 0px; border-top: 1px solid #e4d8ea } .quizwrp .subtitle { margin: 0px 0px 20px } .quizslidewrp { width: 100%; clear: both; margin: 0px; padding: 0px 0px 0px 60px; display: inline-block; position: relative } .startquizinfowrp { width: 100%; margin: 0px; padding: 0px 0px 0px 0px; display: inline-block; position: relative } .startquizinfowrp .quizicon { position: relative; left: 0px; top: 0px; padding-right: 12px; display: inline-block; background: url(../images/borderd.png) repeat-y right; margin-right: 10px; width: 50px } .startquizinfowrp h4 { color: #773996; font-family: "dinrg"; font-size: 32px; display: inline-block; margin: 0px 0px 20px } .startquizinfowrp .startquiz { display: inline-block; font-size: 18px; background: url(../images/readMore.png) no-repeat; margin: 15px auto; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #3d2979 } .startquizinfowrp .startquiz:hover { background: url(../images/submitbg.png) no-repeat left top/100% 100%; color: #fff } .quizresult { display: none; width: 100%; margin: 0px; padding: 0px 0px 0px 0px; position: relative } #quzfprev { display: inline-block; font-size: 18px; background: url(../images/readMore.png) no-repeat; margin: 15px 10px 0px 0px; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #3d2979 } #quzfprev:hover { background: url(../images/submitbg.png) no-repeat left top/100% 100%; color: #fff } #quzfnext { display: inline-block; font-size: 18px; border-radius: 20px; background: #3d2979; margin: 15px 0px 0px 0px; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #fff } #quzfnext:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .startquizwrp { width: 100%; margin: 0px; padding: 0px 0px; display: none; position: relative } .slidequizwrp { width: 100%; clear: both; margin: 0px; display: inline-block; position: relative } .custom-radio { width: 22px; height: 22px; display: inline-block; position: relative; z-index: 1; top: 5px; background: url("../images/radio.png") no-repeat } .custom-radio.selected { background: url("../images/radio-selected.png") no-repeat } .custom-radio input[type="radio"] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0 } .slidequizwrp .quizform { width: 100%; clear: both; margin: 0px; position: relative; padding: 0px } .slidequizwrp .quizform>li { list-style: none; float: left; width: 100% } .slidequizwrp .quizform>li .qztitle { width: 100%; clear: both; margin: 20px 0px 0px; display: inline-block; position: relative } .slidequizwrp .quizform>li .qztitle h5 { color: #5f2160; font-family: "DINNextRoundedLTW01"; font-size: 26px; display: inline-block; margin: 0px 0px 10px; background: -webkit-linear-gradient(left, #773996, #ec1c24); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .slidequizwrp .quizform>li h6 { color: #5f2160; font-family: "dinrg"; font-size: 26px; font-weight: normal; display: inline-block; margin: 0px 0px 20px } .slidequizwrp .quizform>li ul.qzqlist { width: 100%; clear: both; margin: 10px 0px 20px; position: relative; padding: 0px } .slidequizwrp .quizform>li ul.qzqlist li { width: 33.3333%; float: left; list-style: none; position: relative; padding-bottom: 20px } .slidequizwrp .quizform>li ul.qzqlist li label { padding-left: 0px; color: #545454; font-family: "dinrg"; font-size: 18px; font-weight: normal; width: 100%; height: 100%; display: inline-block; cursor: pointer } .slidequizwrp .quizform>li ul.qzqlist li input[name="buysellproperty"] { width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0.2 } .slidequizwrp .formcasn { width: 100%; margin: 20px 0 0 0; padding: 0; position: relative; float: left } .slidequizwrp .formcasn ul { margin: 0; padding: 0px } .slidequizwrp .formcasn li { float: left; list-style: none; position: relative; margin-bottom: 30px } .slidequizwrp .formcasn li:last-child { width: 100% } .slidequizwrp .formcasn li i { width: 25px; height: 25px; position: absolute; left: 32px; top: 39px } .slidequizwrp .formcasn li label { width: 100%; float: left; color: #3d2979; font-family: "dinrg"; font-size: 18px; font-weight: normal } .slidequizwrp .formcasn li span.error { position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .slidequizwrp .formcasn li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 10px 20px; box-sizing: border-box } .slidequizwrp .formcasn li.bdcalender .datepickr-wrapper { width: 100% } .slidequizwrp .formcasn li.bdcalender input { padding-left: 50px; position: relative; z-index: 2 } .slidequizwrp .formcasn li.bdcalender::after { content: url("../images/icon-bdcalender.png"); position: absolute; left: 12px; top: 38px; width: 26px; height: 27px } .slidequizwrp .formcasn li input:focus { outline: none } .slidequizwrp .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 20px 10px 20px 0px; position: relative; display: inline-block; text-align: right } .slidequizwrp .formcasn li .rimsubmitbtn { padding: 4px 30px; width: auto; color: #fff; font-family: "dinrg"; font-size: 25px; border-radius: 30px; display: inline-block; background: #3d2979; border: none; text-transform: uppercase; float: right } .slidequizwrp .formcasn li input:focus { outline: none } .dselectlwrp { width: 100%; position: relative; display: inline-block } .dselectlwrp ul { margin: 0px; padding: 0px } .dselectlwrp ul li { list-style: none; margin-right: 5%; float: left } .dselectlwrp ul li:last-child { margin-right: 0px } .dselectlwrp ul li p { margin: 0px 0px 8px } .dselectlwrp ul li .locationwrp { width: 200px; background: #fff; float: left; position: relative; padding: 10px 10px 10px 40px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .dselectlwrp ul li .locationwrp::before { content: url("../images/icon-map2.png"); position: absolute; left: 12px; top: 10px; width: 16px; height: 21px } .dselectlwrp ul li .locationwrp .selectbox { width: 100%; float: left; position: relative; position: relative } .dselectlwrp ul li .locationwrp .selectbox .select-span { font-family: "dinrg"; font-size: 16px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #545454; padding: 0px 1px 0px } .dselectlwrp ul li .locationwrp .selectbox .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .dselectlwrp ul li .locationwrp .selectbox .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .dselectlwrp ul li .sdatewrp { width: 100%; background: #fff; float: left; position: relative; padding: 10px 10px 10px 10px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .dselectlwrp ul li .sdatewrp::before { content: url("../images/icon-calender.png"); position: absolute; left: 15px; top: 12px; width: 16px; height: 21px } .dselectlwrp ul li .sdatewrp input { padding-left: 36px; text-align: left; width: 100%; color: #545454; height: 22px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 16px } .dselectlwrp ul li .sdatewrp input:focus { outline: none } .dunderline { width: 100%; position: relative; display: inline-block; margin: 30px 0px 0px } .daddresswrp { width: 100%; position: relative; display: inline-block; margin-top: 12px; margin-bottom: 20px } .daddresswrp h3 { width: 100%; color: #545454; font-weight: 700; font-family: "dinrg"; font-size: 17px; display: inline-block; margin: 0px 0px 10px; position: relative; padding: 0px } .daddresswrp p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 60%; line-height: 22px; display: flex; margin: 0px 0px 5px } .dthumbwrp { width: 162px; height: 161px; margin-bottom: 15px; display: inline-block; position: relative; border-radius: 50%; overflow: hidden; padding-bottom: -200px } .dthumbwrp img { width: auto; height: 100% } .dthumbwrp::after { content: url("../images/cirframe.png"); position: absolute; left: 0px; top: 0px; width: 162px; height: 161px; overflow: hidden; border-radius: 50% } .dthumbwrp::after:hover { content: url("../images/cirframe-h.png"); position: absolute; left: 0px; top: 0px; width: 162px; height: 161px; overflow: hidden } .dofferswrp { width: 100%; position: relative; display: inline-block; text-align: center; padding-bottom: 20px } .dofferswrp .icondofr { width: 100%; position: relative; display: inline-block; margin-bottom: 10px } .dofferswrp .icondofr { width: auto; display: inline-block } .dofferswrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: bold; font-family: "dinrg"; font-size: 16px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 0px } .dofferswrp p { color: #545454; font-family: "dinrg"; font-size: 17px; padding-left: 0; width: 100%; line-height: 22px; display: inline-block; margin-bottom: 15px } .dofferswrp .slick-dots { bottom: 0px; width: auto; margin: 0 auto; text-align: center; position: relative } .dofferswrp .slick-dots li { width: 6px } .sharef { margin: 0px 0px 10px; width: 100%; text-align: center; clear: both; float: left; padding: 15px 0px 10px; border-top: 1px solid #e1dce5; border-bottom: 1px solid #e1dce5 } .sharef .rbtn { color: #5f2160; transition: color .2s ease-out; -webkit-transition: color .2s ease-out; overflow: hidden; border-radius: 20%; border: none; background: url(../images/readMore.png) no-repeat left top; background-size: 100% 100%; display: inline-block; font-family: "dinrg"; font-size: 14px; padding: 8px 20px; position: relative; text-align: center; text-decoration: none; outline: none } .sharef .rbtn:hover { color: #fff; transition: color .2s ease-out; -webkit-transition: color .2s ease-out } .sharef .rbtn::after { transition: top .2s ease-out; -webkit-transition: top .2s ease-out; content: ""; position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: url(../images/submitbg.png) no-repeat left top; background-size: 100% 100% } .sharef .rbtn:hover::after { color: #fff; content: ""; position: absolute; left: 0px; top: 0%; transition: top .2s ease-out; -webkit-transition: top .2s ease-out } .sharef .rbtn span { position: relative; z-index: 2 } .sharef .rbtn:hover, .sharef .rbtn:active { text-decoration: none; text-decoration: none; outline: none } .sendbwrp { margin: 0px 0px 10px; width: 100%; text-align: center; clear: both; float: left; padding: 0px 0px; border-bottom: 1px solid #e1dce5 } .sendbwrp a { margin: 0px; color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 18px 45px 20px 0px; background: url(../images/icon-send.png) no-repeat right 0px } .mcall { width: 100%; position: relative; display: inline-block; text-align: center; margin-top: 150px } .mcall h3 { text-align: left; color: #3d2979; font-family: "DINNextRoundedLTW01"; font-size: 24px; line-height: 24px; display: inline-block; margin: 0px 0px 40px; position: relative; padding: 0px } .mcall h3 span { font-family: "dinrg"; width: 100%; display: inline-block; clear: both; color: #3d2979; font-size: 18px } .mcall h3::after { content: url("../images/icon-phone.png"); position: absolute; left: -40px; top: 12px; width: 77px; height: 3px } .timetablewrp { width: 100%; position: relative; display: inline-block; margin-top: 10px } .timetablewrp .ttheader { width: 100%; position: relative; display: inline-block; background: url(../images/date-day-top-bor.png) no-repeat left top/100%; z-index: 2 } .timetablewrp .ttheader::before { content: url("../images/icon-down-arrow.png"); position: absolute; left: 100px; top: 2px; width: 23px; height: 16px; z-index: 3 } .timetablewrp .ttheader .boxwrp { margin-top: 3px; width: 100%; padding-top: 30px; position: relative; display: inline-block; background: url(../images/date-day-bg.png) no-repeat left top/100% 100%; height: 96px } .timetablewrp .ttheader .boxwrp h3 { width: 100%; text-align: center; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 0px } .timetablewrp .ttheader .boxwrp .btndPrevious { position: absolute; left: 20px; top: 30px; color: #545454; font-family: "dinrg"; font-size: 16px } .timetablewrp .ttheader .boxwrp .btndNext { position: absolute; right: 20px; top: 30px; color: #545454; font-family: "dinrg"; font-size: 16px; z-index: 1 } .timewrp { width: 100%; position: relative; display: inline-block; margin-top: -4px; z-index: 0 } .timewrp ul { margin: 0; padding: 0; position: relative; width: 100% } .timewrp ul li { color: #545454; font-family: "dinrg"; font-size: 18px; float: left; transition: background 5s ease-out; -webkit-transition: background 5s ease-out; background: #fff; text-align: center; list-style: none; margin-right: 0px; padding-top: 24px; width: 16.6666%; border: 1px solid #faf5ff; height: 80px; overflow: hidden; position: relative } .timewrp ul li a { text-decoration: none; color: #545454; font-family: "dinrg"; font-size: 18px; height: 100%; width: 100%; display: inline-block; position: absolute; left: 0px; top: 0px; padding-top: 24px } .timewrp ul li:hover { background: #fff url(../images/time-bor.png) no-repeat left top/100% 100%; font-weight: bold } .timewrp ul li:hover a { color: #01a755 } .timewrp ul li.active { background: #fff url(../images/time-bor.png) no-repeat left top/100% 100%; font-weight: bold } .timewrp ul li.active, .timewrp ul li.active a { color: #01a755 } .timewrp ul li.booked, .timewrp ul li.booked a { color: rgba(84, 84, 84, 0.2); cursor: auto } .timewrp ul li.booked:hover { background: #fff; font-weight: normal } .timetablewrp .dconfirmawrp { width: 100%; position: relative; display: inline-block; margin-bottom: 0px; display: none } .timetablewrp .dconfirmawrp .ttheader2 { width: 100%; position: relative; display: inline-block; background: url(../images/date-day-top-bor.png) no-repeat left top/100% } .timetablewrp .dconfirmawrp .ttheader2::before { content: url("../images/icon-down-arrow.png"); position: absolute; left: 100px; top: 2px; width: 23px; height: 16px; z-index: 3 } .timetablewrp .dconfirmawrp .ttheader2 h3 { width: 100%; text-transform: uppercase; color: #5e205f; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 50px 0px 30px; position: relative; padding: 0px } .timetablewrp .dconfirmawrp .ttheader2 ul { width: 100%; margin: 0; padding: 0; position: relative } .timetablewrp .dconfirmawrp .ttheader2 ul li { float: left; list-style: none; margin-right: 56px; width: 30%; position: relative; margin-bottom: 30px } .timetablewrp .dconfirmawrp .ttheader2 ul li:last-child { margin-right: 0px } .timetablewrp .dconfirmawrp .ttheader2 ul li label { width: 100%; float: left; color: #3b2a7a; font-family: "dinrg"; font-size: 17px; font-weight: normal } .timetablewrp .dconfirmawrp .ttheader2 ul li span.error { position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .timetablewrp .dconfirmawrp .ttheader2 ul li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .timetablewrp .dconfirmawrp .ttheader2 ul li input:focus { outline: none } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp { width: 100%; position: relative; display: inline-block; margin: 20px 0px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp { width: 80%; min-height: 30px; float: left } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul { width: 100%; margin: 0; padding: 0; position: relative; float: left } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li { width: auto; color: #5f2160; font-family: "dinrg"; font-size: 14px; float: left; list-style: none; margin-right: 20px; position: relative; margin-bottom: 10px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li label.tnc { width: auto; float: left; color: #545454; font-family: "dinrg"; font-size: 14px; padding-top: 11px; font-weight: normal } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li label a { color: #545454 } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 11px 0px 0px 0px; position: relative; display: inline-block; text-align: right } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li:last-child { margin-right: 0px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li::after { content: ""; position: absolute; right: -8px; top: 12px; width: 1px; height: 20px; background: #dccae6 } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li:last-child::after { background: none } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li span.error { position: absolute; width: 200%; left: 0px; bottom: -25px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp { width: 20%; min-height: 30px; float: left; text-align: right } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp input { color: #fff; height: 45px; line-height: 20px; text-transform: uppercase; font-family: "dinrg"; font-size: 25px; background: #3d2979; border: 1px solid #3d2979; border-radius: 30px; padding: 10px 30px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp input:focus { outline: none } .timetablewrp .dconfirmawrp2 { width: 100%; position: relative; display: inline-block; margin-bottom: 0px; display: none } .timetablewrp .dconfirmawrp2 .ttheader2 { width: 100%; position: relative; display: inline-block; background: url(../images/date-day-top-bor.png) no-repeat left top/100% } .timetablewrp .dconfirmawrp2 .ttheader2::before { content: url("../images/icon-down-arrow.png"); position: absolute; left: 100px; top: 2px; width: 23px; height: 16px; z-index: 3 } .timetablewrp .dconfirmawrp2 .ttheader2 h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 50px 0px 30px; position: relative; padding: 0px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn { width: 100%; margin: 0; padding: 0; position: relative; float: left } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li { float: left; list-style: none; margin-right: 56px; width: 30%; position: relative; margin-bottom: 30px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li:last-child, .timetablewrp .dconfirmawrp2 .ttheader2 ul li:nth-child(3) { margin-right: 0px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li label { width: 100%; float: left; color: #3b2a7a; font-family: "dinrg"; font-size: 17px; font-weight: normal } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li span.error { position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li.bdcalender .datepickr-wrapper { width: 100% } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li.bdcalender input { padding-left: 50px; position: relative; z-index: 2 } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li.bdcalender::after { content: url("../images/icon-bdcalender.png"); position: absolute; left: 12px; top: 38px; width: 26px; height: 27px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li input:focus { outline: none } .timetablewrp .dconfirmawrp2 .ttheader2 .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 20px 10px 20px 0px; position: relative; display: inline-block; text-align: right } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp { width: 100%; position: relative; display: inline-block; margin: 20px 0px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp { width: 80%; min-height: 30px; float: left } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul { width: 100%; margin: 0; padding: 0; position: relative; float: left } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li { width: auto; color: #5f2160; font-family: "dinrg"; font-size: 14px; float: left; list-style: none; margin-right: 20px; position: relative; margin-bottom: 10px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li label { float: left; color: #3b2a7a; font-family: "dinrg"; font-size: 14px; padding-top: 11px; font-weight: normal } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li label a { color: #3b2a7a } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 11px 0px 0px 0px; position: relative; display: inline-block; text-align: right } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li:last-child { margin-right: 0px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li::after { content: ""; position: absolute; right: -8px; top: 12px; width: 1px; height: 20px; background: #dccae6 } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li:last-child::after { background: none } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li span.error { position: absolute; width: 200%; left: 0px; bottom: -25px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li .selectbox { width: 100%; float: left; position: relative; position: relative; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .singledropdown > .selectbox { width: 100%; float: left; position: relative; position: relative; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px; min-height: 3.55em; } .singledropdown > .select-span { font-family: "dinrg"; font-size: 16px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #545454; padding: 0px 1px 0px } .singledropdown > .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .singledropdown > .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li .selectbox .select-span { font-family: "dinrg"; font-size: 16px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #545454; padding: 0px 1px 0px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li .selectbox .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li .selectbox .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp { width: 20%; min-height: 30px; float: left; text-align: right } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp input { color: #fff; height: 45px; line-height: 20px; text-transform: uppercase; font-family: "dinrg"; font-size: 25px; background: #3d2979; border: 1px solid #3d2979; border-radius: 30px; padding: 10px 30px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp input:focus { outline: none } .custom-checkbox { float: left; margin-right: 8px; width: 32px; height: 28px; display: inline-block; position: relative; z-index: 1; top: 3px; background: url("../images/checkbox2.png") no-repeat; cursor: pointer } .custom-checkbox.selected { background: url("../images/checkbox2-selected.png") no-repeat } .custom-checkbox input[type="checkbox"] { width: 100%; height: 100%; margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0 } .timetablewrp .dconfirmadresswrp { width: 100%; position: relative; display: inline-block; margin-bottom: 100px; display: none } .timetablewrp .dconfirmadresswrp .adrswrp { width: 100%; position: relative; display: inline-block; background: url(../images/date-day-top-bor.png) no-repeat left top/100% } .timetablewrp .dconfirmadresswrp .adrswrp::before { content: url("../images/icon-down-arrow.png"); position: absolute; left: 100px; top: 2px; width: 23px; height: 16px; z-index: 3 } .timetablewrp .dconfirmadresswrp .adrswrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 50px 0px 10px; position: relative; padding: 0px } .timetablewrp .dconfirmadresswrp .adrswrp h4 { width: 100%; color: #717171; font-weight: normal; font-family: "dinrg"; font-size: 17px; display: inline-block; margin: 50px 0px 10px; position: relative; padding: 0px } .timetablewrp .dconfirmadresswrp .adrswrp h4 strong { color: #3e287b; display: inline-block; height: 40px } .timetablewrp .dconfirmadresswrp .adrswrp p { color: #545454; font-family: "dinrg"; font-size: 17px; padding-left: 0; width: 100%; line-height: 22px; display: inline-block; margin-bottom: 35px } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails { width: 100%; margin: 0; padding: 0; position: relative; float: left } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails li { width: 31%; color: #717171; font-family: "dinrg"; font-size: 18px; float: left; list-style: none; margin-right: 20px; position: relative; margin-bottom: 30px } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails li:last-child { margin-right: 0px } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails li table { text-align: left } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails li strong { color: #3e287b; padding-right: 4px } .timetablewrp .dconfirmadresswrp .adrswrp .rfdetails { width: 100%; text-align: center; position: relative; display: inline-block; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background: #fff; padding: 40px 10px; margin-top: 20px } .timetablewrp .dconfirmadresswrp .adrswrp .rfdetails p { color: #3e287b; font-family: "dinrg"; font-size: 20px; display: inline-block; margin-bottom: 20px } .timetablewrp .dconfirmadresswrp .adrswrp .rfdetails a.btns2 { background: #3d2979; color: #fff; font-family: "dinrg"; font-size: 17px; text-transform: uppercase; border-radius: 30px; display: inline-block; padding: 10px 20px; position: relative } .timetablewrp .dconfirmadresswrp .adrswrp .Notewrp { width: 100%; position: relative; display: inline-block; margin: 20px 0px } .timetablewrp .dconfirmadresswrp .adrswrp .Notewrp strong { float: left; width: 50px; position: relative; display: inline-block; color: #3e287b; font-family: "dinrg"; font-size: 17px } .timetablewrp .dconfirmadresswrp .adrswrp .Notewrp p { float: left; width: 94%; color: #717171; font-family: "dinrg"; font-size: 16px; display: inline-block; margin-top: 0px; margin-bottom: 20px } .findtstwrp { margin: 0px; padding: 0px } .findtstwrp li { background: #3d2979; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 20px 10px 0px; padding: 15px 20px; position: relative } .findtstwrp li .finddwrp { width: 160px; float: left; position: relative; margin-left: 30px } .findtstwrp li .finddwrp::before { content: url("../images/icon-find-test2.png"); position: absolute; left: -35px; top: 5px; width: 16px; height: 21px } .findtstwrp li .finddwrp .findbox { width: 100%; position: relative } .findtstwrp li .finddwrp .findbox input { text-align: left; width: 100%; color: rgba(255, 255, 255, 0.6); height: 30px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 15px } .findtstwrp li .finddwrp .findbox input:focus { outline: none } .findtstwrp li .finddwrp .findbox::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1) } .findtstwrp li .finddwrp2 { width: 250px; float: left; position: relative; margin-left: 30px } .findtstwrp li .finddwrp2::before { content: url("../images/icon-find-test1.png"); position: absolute; left: -30px; top: 2px; width: 16px; height: 21px } .findtstwrp li .finddwrp2 .findbox { width: 100%; height: 29px; position: relative; position: relative; background: transparent } .findtstwrp li .finddwrp2 .findbox .select-span { font-family: "dinrg"; font-size: 15px; color: rgba(255, 255, 255, 0.6); width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; padding: 0px 1px 0px } .findtstwrp li .finddwrp2 .findbox .select { background: #3d2979; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .findtstwrp li .finddwrp2 .findbox .select option { font-family: "dinrg"; font-size: 15px; border: none; padding: 4px 4px 4px; color: #fff } .findtstwrp li .finddwrp2 .findbox input { text-align: left; width: 100%; color: rgba(255, 255, 255, 0.6); height: 30px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 15px } .findtstwrp li .finddwrp2 .findbox input:focus { outline: none } .findtstwrp li .finddwrp2 .findbox::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1) } .findtstwrp li .finddwrp3 { width: 160px; float: left; position: relative; margin-left: 30px } .findtstwrp li .finddwrp3::before { content: url("../images/icon-find-test2.png"); position: absolute; left: -30px; top: 2px; width: 16px; height: 21px } .findtstwrp li .finddwrp3 .findbox { margin-left: 2px; width: 100%; height: 29px; position: relative; position: relative; background: transparent } .findtstwrp li .finddwrp3 .findbox .select-span { font-family: "dinrg"; font-size: 15px; color: rgba(255, 255, 255, 0.6); width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; padding: 0px 1px 0px } .findtstwrp li .finddwrp3 .findbox .select { background: #3d2979; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .findtstwrp li .finddwrp3 .findbox .select option { font-family: "dinrg"; font-size: 15px; border: none; padding: 4px 4px 4px; color: #fff } .findtstwrp li .finddwrp3 .findbox input { text-align: left; width: 100%; color: rgba(255, 255, 255, 0.6); height: 30px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 15px } .findtstwrp li .finddwrp3 .findbox input:focus { outline: none } .findtstwrp li .finddwrp3 .findbox::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1) } .findtstwrp li .gobtn { width: 54px; height: 34px; display: inline-block; float: left; position: relative; margin-left: 10px; background: url(../images/icon-btn-bg.png) no-repeat } .findtstwrp li .gobtn input { width: 100%; color: #fff; height: 100%; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 13px; text-transform: uppercase } .findtstwrp li .gobtn input:focus { outline: none } .testdList { width: 100%; margin: 0px; padding: 0px; float: left } .testdList>li { float: left; list-style: none; width: 100%; position: relative; margin-bottom: 100px } .testdList>li:after { content: ""; background: #e1dce5; width: 100%; height: 1px; position: absolute; bottom: -50px; left: 0px } .testdList>li:last-child { margin-bottom: 0px } .testdList>li:last-child:after { content: ""; background: none } .testdList>li .ssthumbwrp .thumb { width: 100%; float: left; position: relative; overflow: hidden; border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border: 1px solid #faf5ff } .testdList>li .border-right { border-right: 0px solid #e1dce5; padding: 0px 20px } .testdList>li .ssthumbwrp .thumb .vicon { position: absolute; right: 20px; top: 20px; z-index: 3 } .testdList>li .ssthumbwrp .thumb .playvid { position: relative; width: 100%; height: 100%; display: inline-block } .testdList>li .ssthumbwrp .thumb .playvid span { background: transparent url("../images/icon-play2.png") no-repeat center 50%; position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; height: 100% } .testdList>li .ssthumbwrp .thumb .playvid img { width: 100% } .testdList>li .ssthumbwrp .thumb img { width: 100% } .testdList>li .ssthumbwrp ul { margin: 0px; padding: 0px } .testdList>li .ssthumbwrp ul li { list-style: none; float: left; width: 100% } .testdList>li .ssthumbwrp ul li .txtWatchV { width: 50%; float: left; padding-left: 25px; margin: 10px 0px 0px } .testdList>li .ssthumbwrp ul li .txtWatchV p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .testdList>li .ssthumbwrp ul li .txtName { width: 50%; float: left; text-align: right } .testdList>li .ssthumbwrp ul li .txtName h3 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 22px; display: inline-block; margin: 10px 0px 4px } .testdList>li .ssthumbwrp ul li .txtName h4 { color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: normal } .testdList>li .ssdetailswrp { float: left; background: #fff; border-left: 1px solid #e1dce5; padding: 0px 50px } .testdList>li .ssdetailswrp .ssicon { width: 100%; float: left; margin-bottom: 6px; position: relative; padding: 50px 0px 0px } .testdList>li .ssdetailswrp .ssicon img { padding-left: 0px } .testdList>li .ssdetailswrp .ssicon::before { position: absolute; left: 0px; bottom: -55px; content: url(../images/icon_ss-3.png); width: 24px; height: 16px } .testdList>li .ssdetailswrp ul { margin: 0px; padding: 0px } .testdList>li .ssdetailswrp ul li { list-style: none; float: left; width: 100% } .testdList>li .ssdetailswrp ul li .txtComments { width: 100%; float: left; padding-left: 35px; margin: 30px 0px } .testdList>li .ssdetailswrp ul li .txtComments p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100%; min-height: 0px } .testdList>li .ssdetailswrp ul li .txtName { width: auto; float: right } .testdList>li .ssdetailswrp ul li .txtName h3 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 22px; display: inline-block; margin: 10px 0px 4px } .testdList>li .ssdetailswrp ul li .txtName h4 { text-align: right; color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: normal } .testdList>li .ssdetailswrp2 { float: left } .testdList>li .ssdetailswrp2 .ssicon { margin-bottom: 6px; position: relative; padding: 50px 0px 0px } .testdList>li .ssdetailswrp2 .ssicon img { padding-left: 0px } .testdList>li .ssdetailswrp2 .ssicon::before { position: absolute; left: 0px; bottom: -55px; content: url(../images/icon_ss-3.png); width: 24px; height: 16px } .testdList>li .ssdetailswrp2 ul { margin: 0px; padding: 0px } .testdList>li .ssdetailswrp2 ul li { list-style: none; float: left; width: 100% } .testdList>li .ssdetailswrp2 ul li .txtComments { width: 100%; float: left; padding-left: 35px; margin: 30px 0px } .testdList>li .ssdetailswrp2 ul li .txtComments p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100%; min-height: 0px } .testdList>li .ssdetailswrp2 ul li .txtName { width: auto; float: right } .testdList>li .ssdetailswrp2 ul li .txtName h3 { color: #2eeecd; font-family: "DINNextRoundedLTW01"; font-size: 22px; margin: 10px 0px 4px } .testdList>li .ssdetailswrp2 ul li .txtName h4 { color: #5f2160; font-family: "dinrg"; font-size: 16px; margin: 0px auto 8px; padding-top: 0; font-weight: normal; text-align: right } .testdList>li .ssthumbwrp.margr { margin-right: 0px } .mcontentview p { line-height: 28px } .ourSpecialitiess { width: 100%; margin: 0; padding: 0; position: relative; float: left } .ourSpecialitiess .sitem { float: left; text-align: center; margin-bottom: 50px } .ourSpecialitiess .sitem .text { width: 296px; height: 296px; display: inline-block; margin-bottom: 50px; background: rgba(255, 255, 255, 0.9) url("../images/circule_border.png") no-repeat scroll right 0/100% 100%; padding: 25px 30px 0; position: relative; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100% } .ourSpecialitiess .sitem .text:last-child { margin-bottom: 0px } .ourSpecialitiess .sitem .text .osicons { float: left; text-align: center; width: 100% } .ourSpecialitiess .sitem .text .osicons img { display: inline-block } .ourSpecialitiess .sitem .text h3 { color: #773996; float: left; font-family: "DINNextRoundedLTW01"; font-size: 26px; margin: 0px 0 6px; padding-top: 0; width: 100% } .ourSpecialitiess .sitem .text h3 span { color: #ed1c24 } .ourSpecialitiess .sitem .text p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .ourSpecialitiess .sitem .text .knowmore { margin: 10px 0 0 12px; padding: 3px 2px 0 } .ourSpecialitiess .sitem .text .knowmore img { display: inline-block } .ourSpecialitiess .sitem .text .knowmore:hover::before { width: 136% } .ourSpecialitiess .slick-dots { bottom: 0 } .ourSpecialitiess .slick-dots button { height: 10px; width: 10px; background: #cccccc; border-radius: 50% } .ourSpecialitiess .slick-active button { background: #3d2979 } .ourSpecialitiess .slick-dots button:before { display: none } .ourScs { width: 100%; margin: 0; padding: 0; position: relative; float: left } .ourScs .sitem { float: left; text-align: center; margin-bottom: 50px } .ourScs .sitem .text { width: 296px; height: 296px; display: inline-block; margin-bottom: 50px; background: rgba(255, 255, 255, 0.9) url("../images/circule_border.png") no-repeat scroll right 0/100% 100%; padding: 25px 30px 0; position: relative; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100% } .ourScs .sitem .text:last-child { margin-bottom: 0px } .ourScs .sitem .text .osicons { float: left; text-align: center; width: 100% } .ourScs .sitem .text .osicons img { display: inline-block } .ourScs .sitem .text h3 { color: #773996; float: left; font-family: "DINNextRoundedLTW01"; font-size: 26px; margin: 0px 0 6px; padding-top: 0; width: 100% } .ourScs .sitem .text h3 span { color: #ed1c24 } .ourScs .sitem .text p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .ourScs .sitem .text .knowmore { margin: 10px 0 0 12px; padding: 3px 2px 0 } .ourScs .sitem .text .knowmore img { display: inline-block } .ourScs .sitem .text .knowmore:hover::before { width: 136% } .ourScs .ourscsmain .slick-dots { bottom: 0 } .ourScs .ourscsmain .slick-dots button { height: 10px; width: 10px; background: #cccccc; border-radius: 50% } .ourScs .ourscsmain .slick-active button { background: #3d2979 } .ourScs .ourscsmain .slick-dots button:before { display: none } .viewlllinkwrp { width: 100%; display: inline-block; position: relative; text-align: center; font-family: "dinrg"; font-size: 17px } .viewlllinkwrp a { background: #3d2979; display: inline-block; color: #fff; border-radius: 20px; border: 1px solid #3d2979; padding: 5px 30px; text-decoration: none } .viewlllinkwrp a:hover { border: 1px solid #3d2979; background: #fff; color: #3d2979 } .vimmunitywrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9; padding: 50px 0px } .vimmunitywrp .header { width: 100%; position: relative; display: inline-block } .vimmunitywrp .header h3 { color: #5f2160; float: left; font-family: "dinrg"; font-size: 24px; font-weight: 700; margin: 0px 0 8px; width: 100% } .vimmunitywrp .header h4 { color: #5f2160; float: left; font-family: "dinrg"; font-size: 30px; font-weight: 700; margin: 0px 0 8px; width: 100% } .vimmunitywrp .header p { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100% } .vimmunitywrp .vimform { width: 100%; position: relative; display: inline-block; margin: 30px 0px 40px } .vimmunitywrp .vimform ul { margin: 0px; padding: 0px } .vimmunitywrp .vimform ul li { list-style: none; margin-right: 30px; float: left } .vimmunitywrp .vimform ul li:last-child { margin-right: 0px } .vimmunitywrp .vimform ul li p { margin: 0px 0px 8px; font-weight: 600 } .vimmunitywrp .vimform ul li .sdatewrp { background: #fff; width: 220px; float: left; position: relative; padding: 10px 10px 10px 10px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .vimmunitywrp .vimform ul li .sdatewrp::before { content: url("../images/icon-calender.png"); position: absolute; left: 15px; top: 12px; width: 16px; height: 21px } .vimmunitywrp .vimform ul li .sdatewrp input { padding-left: 36px; text-align: left; width: 100%; color: #545454; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 16px } .vimmunitywrp .vimform ul li .sdatewrp2 { background: #fff; width: 220px; float: left; position: relative; padding: 10px 10px 10px 10px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .vimmunitywrp .vimform ul li .sdatewrp2::before { content: url("../images/icon-baby.png"); position: absolute; left: 15px; top: 10px; width: 16px; height: 21px } .vimmunitywrp .vimform ul li .sdatewrp2 input { padding-left: 40px; text-align: left; width: 100%; color: #545454; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 16px } .vimmunitywrp .vimform ul li .rimsubmitbtn { padding: 10px 20px; margin-right: 30px; text-align: center; width: 140px; color: #fff; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: #3d2979; border: none; text-transform: uppercase } .vimmunitywrp .vimform ul li .rimresetbtn { padding: 10px 20px; text-align: center; width: 140px; color: #3d2979; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: transparent; border: 1px solid #cac6ce; text-transform: uppercase } .vimmunitywrp .vimform ul li input:focus { outline: none } .vimmunityiconwrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #fff repeat-x left 210px; padding: 30px 0px } .vimmunityiconwrp .vimslider { margin: 0; padding: 0px; display: inline-block; width: 100%; position: relative; z-index: 2 } .vimmunityiconwrp .vimslider li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; text-align: center; padding-bottom: 0px; padding-top: 100px } .vimmunityiconwrp .vimslider li .viconwrp { width: 100%; cursor: pointer; text-align: center; padding: 10px 0px; display: inline-block; opacity: .5 } .vimmunityiconwrp .vimslider li .viconwrp p { margin: 0px 0px 8px; font-weight: 300; width: 100%; display: inline-block } .vimmunityiconwrp .vimslider li .viconwrp .cirwrp { width: 84px; padding-top: 20px; height: 84px; overflow: hidden; display: inline-block; position: relative; background: url(../images/icon-vimmunityi-cir.png) } .vimmunityiconwrp .vimslider li .viconwrp .cirwrp img { width: 50px; display: inline-block } .vimmunityiconwrp .vimslider li.slick-current .viconwrp { width: 100%; text-align: center; padding: 10px 0px; display: inline-block; margin-top: -70px; opacity: 1 } .vimmunityiconwrp .vimslider li.slick-current .viconwrp p { margin: 0px 0px 8px; font-weight: 700; width: 100%; display: inline-block } .vimmunityiconwrp .vimslider li.slick-current .viconwrp .cirwrp { width: 132px; padding-top: 80px; height: 235px; overflow: hidden; display: inline-block; position: relative; background: url(../images/icon-vimmunityi-cir-ac.png) } .vimmunityiconwrp .vimslider li.slick-current .viconwrp .cirwrp img { width: auto; display: inline-block } .vimmunityiconwrp .vimslider .slick-prev, .vimmunityiconwrp .vimslider .slick-next { z-index: 11; top: 56% } .vimmunityiconwrp .vimslider .slick-prev::before, .vimmunityiconwrp .vimslider .slick-next::before { content: ''; font-size: inherit } .vimmunityiconwrp .vimslider .slick-next { right: 0px } .vimmunityiconwrp .vimslider .slick-prev { left: 0px } .vimmunityiconwrp li:first-child::before { content: ""; background: none } .vimmunityiconwrp li a { text-decoration: none; color: #5f2160 } .vimmunityiconwrp li:before { content: ''; width: 100%; height: 1px; top: 181px; left: -50%; position: absolute; z-index: -1; background: url(../images/ab_line3.png) } .vimmunityiconwrp .vimslidercon { margin: 0; padding: 0px; display: inline-block; width: 100% } .vimmunityiconwrp .vimslidercon li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; text-align: center; padding-bottom: 20px; padding-top: 0px } .vimmunityiconwrp .vimslidercon li p { margin: 0px 0px 8px; font-weight: 600; width: 100%; display: inline-block; text-align: center } .vimmunityiconwrp .vimslidercon li .viminfowrp { padding: 0px 30px; cursor: pointer; color: #3d2979; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: transparent; border: 1px solid #cac6ce } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul { margin: 0; padding: 0px } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul>li { list-style: none; position: relative; padding: 8px 20px 0px 0px; margin-right: 20px; border-right: 1px solid #cac6ce } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul>li:last-child { padding-right: 0px; margin-right: 0px; border: none } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul>li .iconbyname { float: left; margin-right: 10px } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul>li .namebyicon { float: left } .srmodel { display: none } .srmodelwrp { width: 100%; position: relative; clear: both; padding: 40px; background: #fff } .srmodelwrp h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 10px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .srmodelwrp h2::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .srmodelwrp h3 { color: #5f2160; float: left; font-family: "dinrg"; font-size: 18px; font-weight: 600; margin: 20px 0 10px; width: 100% } .srmodelwrp p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .srmodelwrp ul { width: 100%; display: inline-block; margin: 0px 0px 10px; padding: 0; position: relative; padding-left: 40px; color: #545454; font-family: "dinrg"; font-size: 16px; width: 100% } .srmodelwrp ul li { float: left; width: 100%; position: relative; padding-bottom: 6px } .vimminfowrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9; padding: 40px 0px } .vimminfowrp .infocell1 { width: 48%; position: relative; float: left; margin-right: 30px; padding-right: 20px; border-right: 1px solid #cac6ce } .vimminfowrp .infocell1:last-child { margin-right: 0px; padding-right: 0px; border-right: 0px solid #cac6ce } .vimminfowrp .infocell1 h3 { color: #5f2160; float: left; font-family: "dinrg"; line-height: 24px; font-size: 18px; font-weight: 600; margin: 0px 0 30px; width: 100%; min-height: 60px } .vimminfowrp .infocell1 ul { margin: 0px; padding: 0px } .vimminfowrp .infocell1 ul li { list-style: none; margin-right: 30px; float: left } .vimminfowrp .infocell1 ul li:last-child { margin-right: 0px } .vimminfowrp .infocell1 ul li p { color: #545454; font-family: "dinrg"; font-size: 17px; font-weight: 600 } .vimminfowrp .infocell1 .infofvimm { margin-top: 0px; margin-right: 20px; position: relative; padding-top: 10px; color: #545454; font-family: "dinrg"; font-size: 16px } .vimminfowrp .infocell1 .infofvimm::before { content: url("../images/underline.png"); position: absolute; left: 0px; top: -18px; width: 16px; height: 21px } .vimminfowrp .infocell1 .infofvimm .ictextwrp { margin-bottom: 15px; min-height: 25px } .vimminfowrp .infocell1 .infofvimm .ictextwrp a { color: #545454; text-decoration: none } .vimminfowrp .infocell1 .infofvimm .ictextwrp.phone { background: url(../images/icon-phone2.png) no-repeat left 4px; padding-left: 30px } .vimminfowrp .infocell1 .infofvimm .ictextwrp.mail { background: url(../images/icon-mail2.png) no-repeat left 4px; padding-left: 30px } .learnvmwrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #fff; padding: 50px 0px } .learnvmheder { width: 100%; position: relative; clear: both; margin: 0px 0px 60px } .learnvmheder .lvmicon { position: absolute; right: 0px; top: -10px } .learnvmheder h2 { width: 100%; color: #5f2160; font-weight: 700; font-family: "DINNextRoundedLTW01"; font-size: 30px; margin: 0px; position: relative; padding: 0px } .learnvmheder h2::after { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 100%; height: 4px } .learnacrwrp { width: 100%; position: relative; margin: 0 0 20px 0 } .learnacrwrp .questionwrp { width: 100%; padding: 20px 20px 20px 60px; margin: 0px 0 0 0; text-align: left; border-bottom: 0px solid #dadada; border-top: 1px solid #dadada; background: #fff url(../images/icon-acco-close.png) no-repeat 20px center; cursor: pointer; box-sizing: border-box; font-size: 22px; color: #3d2a79 } .learnacrwrp .questionwrp h3 { width: 100%; color: #773a95; font-weight: normal; font-family: "dinrg"; font-size: 22px; margin: 0px; position: relative; padding: 0px } .learnacrwrp .questionwrp.sel { background: #fff url(../images/icon-acco-open.png) no-repeat 20px center } .learnacrwrp .questionwrp.sel h3 { font-weight: 700 } .learnacrwrp .answerwrp { width: 100%; height: auto; color: #545454; background-color: #f3edf9; text-align: left; margin: 0; border-bottom: 1px solid #f3edf9; display: none; box-sizing: border-box; font-family: "dinrg"; padding: 20px 20px 20px 60px; font-size: 19px } .learnacrwrp .answerwrp p { color: #545454; font-family: "dinrg"; font-size: 19px } .aboutbg { background: #fff url("../images/bg_childcare.png") no-repeat left 0px/100% } .aboutbg .aboutushead::before { content: ""; background: none !important } .mediabg { background: #fff url("../images/bg-press-clip.png") no-repeat left 0px/100% } .mediabg .abccare::before { content: ""; background: none !important } .mediabg .wtwedo::before { content: ""; background: none !important } .mediabg .aboutushead::before { content: ""; background: none !important } .sstoriesbg { background: #fff url("../images/sstoriesbg.png") no-repeat left 0px/100% } .sstoriesbg .abccare::before { content: ""; background: none !important } .sstoriesbg .wtwedo::before { content: ""; background: none !important } .sstoriesbg .aboutushead::before { content: ""; background: none !important } .ospecialitiesbg { background: #fff url("../images/ospecialitiesbg.png") no-repeat left 0px/100% } .ospecialitiesbg .abccare::before { content: ""; background: none !important } .ospecialitiesbg .wtwedo::before { content: ""; background: none !important } .ospecialitiesbg .aboutushead::before { content: ""; background: none !important } .childcarebg { background: #fff url("../images/childcarebg.png") no-repeat left 0px/100% } .childcarebg .abccare::before { content: ""; background: none !important } .childcarebg .wtwedo::before { content: ""; background: none !important } .womenhealthbg { background: #fff url("../images/womenhealthbg.png") no-repeat left 0px/100% } .womenhealthbg .wtwedo::before { content: ""; background: none !important } .aboutushead { position: relative; width: 100% } .aboutushead::before { background: transparent url("../images/bg_childcare.png") no-repeat scroll right 0px/100%; content: ""; height: 100%; left: 0px; position: absolute; top: -200px; width: 100% } .aboutushead .pagetitle { padding-top: 20px } .aboutushead .pagetitle .tgradient4 { position: relative; padding: 0px 0px 50px 0px; margin-bottom: 10px } .aboutushead .pagetitle .tgradient4.nounderline { padding: 20px 0px 20px 0px; margin-bottom: 10px } .aboutushead .pagetitle .tgradient4::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: 0px; width: 80px } .aboutushead .pagetitle .tgradient4.nounderline::before { content: "" } .aboutushead .pagetitle .textgradient { padding: 0px 0px 50px; margin-bottom: 4px; position: relative } .aboutushead .pagetitle .textgradient::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 80px } .aboutushead .circuleframe { padding: 0px 20px 0px 0px } .aboutushead .circuleframe img { margin: -20px 0px 0px 0px } .rcnannelhead .pagetitle .textgradient { margin: 62px 0px 4px 0px } .aboutushead p { color: #545454; font-family: "dinrg"; font-size: 17px; padding-left: 0; width: 100%; line-height: 26px } .aboutushead .visionmwrp h3::after { content: url(../images/underline3.png) } .qnatxtsize p { color: #545454; font-family: "dinrg"; font-size: 24px; padding-left: 0; width: 100%; line-height: 36px } .qacrdnwrp { width: 100%; position: relative; background: #f9f6fa; padding: 20px 0px 40px; border-top: 1px solid #e4d8ea } .qacrdnwrp .qatitle { width: 100%; position: relative; clear: both; text-align: center } .qacrdnwrp .qatitle>h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 20px; margin-bottom: 20px; display: inline-block } .qacrdnwrp .qatitle>h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .qacrdnwrp .qalist { margin: 0; padding: 0px; width: 100%; padding: 40px 0px 0px } .qacrdnwrp .qalist li { list-style: none; position: relative; float: left; text-align: center; width: 25% } .qacrdnwrp .qalist li:last-child { margin: 0px } .qacrdnwrp .qalist li .cirwrp { width: 121px; height: 121px; display: inline-block; position: relative; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden } .qacrdnwrp .qalist li .cirwrp::after { content: url(../images/cirframe2.png); position: absolute; left: 0px; top: 0px; width: 121px; height: 121px } .qacrdnwrp .qalist li .cirwrp img { width: 100%; height: 100% } .qacrdnwrp .qalist li .txtwrp { width: 100%; display: inline-block; position: relative; margin: 10px 0px 0px; color: #545454; font-family: "dinrg"; font-size: 17px } .qacrdnwrp .qalist li .txtwrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 600; font-family: "dinrg"; font-size: 18px; margin: 0px 0px 10px; position: relative; padding: 0px } .qacrdnwrp .qalist li .txtwrp p { color: #545454; font-family: "dinrg"; font-size: 14px; width: 90%; margin: 0 auto } .aboutvm { width: 100%; position: relative; background: #fff; padding: 40px 0px 40px; border-top: 1px solid #e4d8ea } .aboutvm h3 { width: 100%; color: #5f2160; font-weight: 600; font-family: "dinrg"; font-size: 24px; margin: 0px 0px 20px; position: relative; padding: 0px 0px 20px } .aboutvm h3::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .aboutvm p { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; margin: 0 0px 20px; float: left } .aboutvm .right { float: right; margin: 0px 0px 20px 20px } .aboutvm .left { float: left; margin: 0px 20px 20px 0px } .aboutvm .row .col-xs-12 { padding-left: 0px } .wwrarwrp { width: 100%; position: relative; background: #e9f1fc; padding: 40px 0px 40px; margin-bottom: 60px } .wwrarwrp .bannanr { width: 96%; position: relative } .wwrarwrp .bannanr img { width: 100% } .wwrarwrp p { color: #000; font-family: "dinrg"; font-size: 16px; line-height: 28px } .apagewht { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #fff; padding: 40px 0px 40px } .cemslist { width: 100%; margin: 0; padding: 0; clear: both } .cemslist li { float: left; list-style: none; width: 100%; position: relative; margin-bottom: 60px } .cemslist li:last-child{margin-bottom:0px;} .cemslist li .cellwrp1 { width: 70%; position: relative; float: left; padding-right: 30px } .cemslist li .cellwrp1 h3 { width: 100%; color: #5f2160; font-weight: 600; font-family: "dinrg"; font-size: 24px; margin: 0px 0px 20px; position: relative; padding: 0px 0px 20px } .cemslist li .cellwrp1 h3::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .cemslist li .cellwrp1 p { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; margin: 0 0px 20px; float: left; line-height: 24px } .cemslist li .cellwrp1 ul{width:100%; margin:0px; padding:0px; margin-left:3px;} .cemslist li .cellwrp1 ul li{list-style:none; background:url("../images/sitemapIcon2.png") no-repeat left 9px; padding-left:15px; float:left; width:100%;color: #545454; font-family: "dinrg"; font-size: 17px; margin-bottom:10px; } .cemslist li .docListWrp{ width:100%; position: relative; float: left; margin:40px 0px 40px; } .cemslist li .docListWrp ul{width:100%; margin:0px; padding:0px; margin-left:0px;} .cemslist li .docListWrp ul li{list-style:none;margin-bottom: 0px; padding: 0px; width:33.33%; float:left;text-align: center;} .cemslist li .docListWrp ul li .doctorsListwrp{width: 100%;margin: 0px;border: 1px solid #e1dce5;padding: 40px 0px 40px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .cemslist li .docListWrp ul li:hover .doctorsListwrp {transform: scale(1, 1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);background-color: #fff;transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out} .cemslist li .docListWrp ul li .dthumbwrp img {max-width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s} .cemslist li .docListWrp ul li:hover .dthumbwrp img {margin: 0;padding: 0;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1)} .cemslist li .docListWrp ul li .ddetailswrp{min-height:120px;} .cemslist li .docListWrp ul li .ddetailswrp p{ display:inline-block;} .cemslist li .docListWrp ul li .dunderline{margin:0px;} .cemslist li .docListWrp ul li .btn-Bookapopoi{background: #3d2979;color: #fff;font-size: 14px; padding: 6px 20px 7px;} .cemslist li .docListWrp ul li .btn-Bookapopoi:hover{background: #fff; color: #3d2979;} /*.style3 ul{width:33.33% !important; float:left;}*/ @media (max-width: 980px) { .cemslist li .docListWrp ul li{width:50%;} } @media (max-width: 680px) { .cemslist li .docListWrp ul li{width:100%;} } .delhiPage{width: 100%; position: relative; border-top: 0px solid #e4d8ea; background: #fff; padding: 40px 0px 0px;} #ModelFormGetInTouch {} #ModelFormGetInTouch .capopup-inner{padding: 20px !important;} #ModelFormGetInTouch .capopup-inner .launchpreloader{position:absolute; left:0px; top:0px; z-index:11; display:none; width:100%; height:100%; border-radius:20px; background: rgba(255,255,255,.6) url(ajax-loader.gif) no-repeat center center;} #ModelFormGetInTouch h2 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 30px; display: inline-block; margin: 0 0px 10px 0; position: relative; padding: 0px } #ModelFormGetInTouch .formcasn { width: 100%; margin: 20px 0 0 0; padding: 0; position: relative; float: left } #ModelFormGetInTouch .formcasn ul { margin: 0; padding: 0px } #ModelFormGetInTouch .formcasn li {float: left; width:100%; list-style: none; position: relative; margin-bottom: 10px } #ModelFormGetInTouch .formcasn li:last-child{margin-bottom:0px;} #ModelFormGetInTouch .formcasn li i { width: 25px; height: 25px; position: absolute; left: 32px; top: 39px } #ModelFormGetInTouch .formcasn li label { width: 100%; float: left; color: #545454; font-family: "dinrg"; font-weight: bold; font-size: 15px } #ModelFormGetInTouch .formcasn li span.error { position: absolute; right: 12px; bottom: 14px; z-index:1; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } #ModelFormGetInTouch .formcasn li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 10px 20px; box-sizing: border-box } #ModelFormGetInTouch .formcasn li select { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 10px 20px; box-sizing: border-box } #ModelFormGetInTouch .formcasn li textarea { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 10px 20px; box-sizing: border-box } #ModelFormGetInTouch .formcasn li input:focus, #ModelFormGetInTouch .formcasn li textarea:focus, #ModelFormGetInTouch .formcasn li select:focus { outline: none } #ModelFormGetInTouch .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 20px 10px 20px 0px; position: relative; display: inline-block; text-align: right } #ModelFormGetInTouch .formcasn li .submitbtn{width:100%;text-align: center;display: inline-block; float: left } #ModelFormGetInTouch .formcasn li .submitbtn input{float: none; display:inline-block; width:auto; color: #3d2979; background: #fff; border: 1px solid #3d2979; padding: 0px 20px; margin: 2px 4px; height: 38px;text-transform: uppercase; font-family: "dinrg";font-size: 25px; border-radius: 30px;} #ModelFormGetInTouch .formcasn li input:focus { outline: none } #ModelFormGetInTouch .Thankyou{ width: 100%; margin: 20px 0 0 0; padding: 0; position: relative; float: left; display:none; } #ModelFormGetInTouch .Thankyou h3{width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg";line-height: 35px; font-size:22px; display: inline-block; margin: 0 0px 10px 0; position: relative; padding: 0px; text-align:center; } @media (max-width: 480px) { #ModelFormGetInTouch h2{font-size:18px;} #ModelFormGetInTouch .formcasn{margin: 10px 0 0 0;} #ModelFormGetInTouch .formcasn li input, #ModelFormGetInTouch .formcasn li select, #ModelFormGetInTouch .formcasn li textarea {font-size: 13px;padding: 6px 10px;} #ModelFormGetInTouch .formcasn li .submitbtn input{height: 30px;font-size: 18px;} #ModelFormGetInTouch .Thankyou h3{line-height: 32px; font-size:18px;} #ModelFormGetInTouch .formcasn li span.error{right: 5px; bottom: 9px;font-size: 11px;} } .cemslist li .cellwrp2 { width: 30%; position: relative; float: left } .cemslist li .cellwrp2 .athumbwrp { width: 100%; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; overflow: hidden } .cemslist li .cellwrp2 .athumbwrp img { width: 100%; height: 100% } .rchannelistwrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #faf5ff; padding: 60px 0px 60px } .rchannelist { width: 100%; margin: 0; padding: 0; clear: both; float: left } .rchannelist li { float: left; list-style: none; width: 40%; position: relative; margin: 0px 5% 50px } .rchannelist li:last-child, .rchannelist li:nth-last-child(2) { margin-bottom: 0px } .rchannelist li .rclhumb { width: 100%; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; overflow: hidden } .rchannelist li .rclhumb .playvid { position: relative; width: 100%; height: 100%; display: inline-block } .rchannelist li .rclhumb .playvid::after { content: url("../images/icon-play2.png"); position: absolute; left: calc(50% - 33px); top: calc(50% - 33px); width: 66px; height: 66px } .rchannelist li .rclhumb img { width: 100%; height: 100% } .rchannelist li p { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; margin: 10px 0px 0px; float: left; line-height: 24px } .prelshead { width: 100%; position: relative } .prelshead .prdate { width: 72px; position: absolute; left: 0px; top: 0px; float: left; border: 1px solid #e4d8ea; padding: 2px; margin-right: 20px; border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden } .prelshead .prdate h3 { width: 100%; color: #545454; font-weight: normal; font-family: "dinrg"; font-size: 13px; margin: 0px; position: relative; padding: 5px 0px 0px; text-align: center } .prelshead .prdate h2 { width: 100%; color: #5f2160; font-weight: 700; font-family: "DINNextRoundedLTW01"; font-size: 42px; margin: 0px 0px; position: relative; padding: 0px 0px 0px; text-align: center } .prelshead .prdate h4 { width: 100%; color: #fff; font-weight: bold; font-family: "dinrg"; font-size: 13px; margin: 0px; position: relative; padding: 6px 0px 6px; background: #3d2979; text-align: center; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px } .prelshead .prtitle { float: left; position: relative; width: 100%; padding-left: 92px } .prelshead .prtitle h2 { width: 80%; position: relative; color: #5f2160; font-family: "DIN-Bold"; font-size: 20px; padding: 0px 0px 20px; margin: 0px 0px 20px; line-height: 30px } .prelshead .prtitle h2::before { content: url("../images/underline4.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .prelshead .prtitle h4 { font-size: 16px; font-family: "dinrg"; color: rgba(84, 84, 84, 0.8); font-weight: normal; margin: -10px 0px 0px } .prelscontent { width: 100%; position: relative; clear: both; float: left; padding-left: 92px; margin-bottom: 40px } .prelscontent p { color: #545454; font-family: "dinrg"; font-size: 16px !important; width: 100%; margin: 10px 0px 0px; float: left; line-height: 22px !important } .prelscontent p b, .prelscontent p strong { color: #545454; font-weight: bold } .prelscontent address { color: #545454; font-family: "dinrg"; font-size: 16px !important; width: 100%; margin: 10px 0px 0px; float: left; line-height: 22px !important } .prelscontent address h3 { width: 100%; color: #303030; font-weight: bold; font-family: "dinrg"; font-size: 17px; margin: 0px; padding: 5px 0px 10px } .prelscontent address h3.mb0 { padding: 5px 0px 2px } .prelscontent address h3 span { color: #5f2160; font-family: "dinrg"; font-size: 16px } .prelscontent address p { color: #545454; font-family: "dinrg"; font-size: 16px !important; width: 100%; margin: 0px 0px 20px; float: left; line-height: 22px !important } .prelscontent address a { color: #3d2979 } .prelscontent address p b, .prelscontent address p strong { color: #545454; font-weight: bold } .prelscontent .col-xs-12 { padding: 0px 100px 0px 0px } .aboutlp { width: 100%; position: relative; padding: 0px 0px 40px } .aboutlp .container .row { margin: 0px 0px 100px } .aboutlp .container .row:last-child { margin-bottom: 0px } .aboutlp .abtitle { width: 100%; position: relative; clear: both } .aboutlp .abtitle h2 { width: auto; display: inline-block; color: #5f2160; font-family: "DINNextRoundedLTW01"; font-size: 62px; text-transform: uppercase; margin: 0px 0px; position: relative; padding: 0px 0px 10px; background: -webkit-linear-gradient(left, #2777dd 10%, #940696 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .aboutlp .abwwawrp { width: 100%; position: relative; clear: both } .aboutlp .abwwawrp h3 { width: 100%; color: #5f2160; font-family: "DINNextRoundedLTW01"; font-size: 30px; margin: 0px 0px 20px; position: relative; padding: 0px 0px 10px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 30%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .aboutlp .abwwawrp h3::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .aboutlp .abwwawrp .abwwaslider { width: 100%; position: relative; clear: both; margin: 0px; padding: 0px 0px 30px } .aboutlp .abwwawrp .abwwaslider>li { list-style: none; float: left; width: 100%; color: #545454; font-family: "dinrg"; font-size: 16px; line-height: 24px } .aboutlp .abwwawrp .abwwaslider .slick-dots { bottom: 0px; width: auto } .aboutlp .abwwawrp .abwwaslider .slick-dots li { margin: 0 2px } .aboutlp .abwwawrp .abwwaslider .slick-dots li button::before { font-size: 14px; color: #930797; opacity: 1 } .aboutlp .abwwawrp .abwwaslider .slick-dots li.slick-active button::before { color: #2776dd } .aboutlp .abmdswrp { width: 100%; text-align: center; float: left; clear: both; margin-top: -150px } .aboutlp .abmdswrp .abmdscir { width: 100%; text-align: center; float: left; clear: both } .aboutlp .abmdswrp .abmdscir .text { display: inline-block; padding: 0px; position: relative; text-align: center; width: 334px; height: 334px } .aboutlp .abmdswrp .abmdscir .text .bordercir { background: transparent url("../images/icon-about-circule.png") no-repeat scroll right 0/100% 100%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2 } .aboutlp .abmdswrp .abmdscir .text img { display: inline-block; border-radius: 50%; width: 94%; height: 94%; position: absolute; left: 3.1%; top: 3.1%; z-index: 2 } .aboutlp .abmdswrp .abmdscir .text .playvid { position: relative; width: 100%; height: 100%; display: inline-block } .aboutlp .abmdswrp .abmdscir .text .playvid span { background: transparent url("../images/icon-play2.png") no-repeat center 50%; position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; height: 100% } .aboutlp .abmdswrp .abmdsdts { width: 100%; text-align: center; float: left; clear: both } .aboutlp .abmdswrp .abmdsdts .abmdtitle { width: 100%; text-align: center; float: left; clear: both } .aboutlp .abmdswrp .abmdsdts .abmdtitle h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 20px 0px 5px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .aboutlp .abmdswrp .abmdsdts .abmdtitle h2 span { color: #ed1c24 } .aboutlp .abmdswrp .abmdsdts .details { width: 60%; display: inline-block } .aboutlp .abmdswrp .abmdsdts .details h3 { color: #5f2160; font-family: "dinrg"; font-weight: bold; text-transform: uppercase; font-size: 16px; display: inline-block; margin: 0px 0px 12px } .aboutlp .abmdswrp .abmdsdts .details p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .aboutlp .abfswrp { width: 100%; position: relative; clear: both; text-align: center } .aboutlp .abfswrp h3 { width: auto; display: inline-block; color: #5f2160; font-family: "DINNextRoundedLTW01"; font-size: 30px; margin: 0px 0px 20px; position: relative; padding: 0px 0px 10px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 30%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .aboutlp .abfswrp h3::before { width: 100%; content: ""; background: url(../images/underline3.png) no-repeat center center; position: absolute; left: 0px; bottom: -2px; height: 3px } .aboutlp .abfswrp .apatitle { width: 100%; position: relative; clear: both; text-align: center } .aboutlp .abfswrp .apatitle>h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 20px; margin-bottom: 20px; display: inline-block } .aboutlp .abfswrp .apatitle>h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .aboutlp .abfswrp .abfsslider { width: 100%; position: relative; clear: both; margin: 0px; padding: 0px 0px 30px } .aboutlp .abfswrp .abfsslider li { text-align: center; list-style: none; float: left; width: 100%; color: #545454; font-family: "dinrg"; font-size: 16px; line-height: 24px } .aboutlp .abfswrp .abfsslider li .cirwrp { width: 100px; height: 100px; display: inline-block; position: relative; background: #fff; border: 2px solid #3d2979; border-radius: 50% } .aboutlp .abfswrp .abfsslider li .cirwrp img { width: 98%; display: inline-block } .aboutlp .abfswrp .abfsslider li .txtwrp { width: 100%; display: inline-block; position: relative; margin: 10px 0px 0px; color: #545454; font-family: "dinrg"; font-size: 17px } .aboutlp .abfswrp .abfsslider li .txtwrp p { color: #545454; font-family: "dinrg"; font-size: 17px; width: 70%; margin: 0 auto } .aboutlp .abfswrp .abfsslider li .txtwrp p span { color: #3d2979; font-weight: bold; font-size: 24px } .aboutlp .abfswrp .abfsslider .slick-dots { bottom: 0px; width: auto; margin: 12px auto 0px; position: relative } .aboutlp .abfswrp .abfsslider .slick-dots li { margin: 0 2px; float: none; width: auto } .aboutlp .abfswrp .abfsslider .slick-dots li button::before { font-size: 14px; color: #930797; opacity: 1 } .aboutlp .abfswrp .abfsslider .slick-dots li.slick-active button::before { color: #2776dd } .aboutlp .abcemswrp { width: 100%; float: left; clear: both } .aboutlp .abcemswrp .abcemssrc { width: 100%; float: left; clear: both; margin-bottom: 10px } .aboutlp .abcemswrp .abcemssrc .abcirwrp { width: 100%; clear: both; display: inline-block; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .aboutlp .abcemswrp .abcemssrc .abcirwrp img { width: 100%; height: 100% } .aboutlp .abcemswrp .cemstitle { width: 100%; float: left; clear: both; margin: 0px 0px 20px 0px } .aboutlp .abcemswrp .cemstitle h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .aboutlp .abcemswrp .cemstitle h2::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .aboutlp .abcemswrp .abcemsdts { width: 100%; float: left; clear: both } .aboutlp .abcemswrp .abcemsdts p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .readm { min-height: 25px; background: url(../images/readmorebg.png) no-repeat left top/100% 100%; display: inline-block; padding: 4px 15px; color: #5f2160; font-family: "dinrg"; font-size: 12px } .readm:hover { background: url(../images/submitbg.png) no-repeat left top/100% 100%; color: #fff } .abawardswrp { width: 100%; float: left; clear: both; background: transparent url("../images/icon-star.png") no-repeat scroll left top/100% 100%; padding: 100px 0px 0 } .abawardswrp .abawicon { float: left; text-align: center; width: 100% } .abawardswrp .abawicon img { display: inline-block } .abawardswrp .abawtitle { width: 100%; text-align: center; float: left; clear: both } .abawardswrp .abawtitle h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; margin: 6px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .abawardswrp .abawardslider { text-align: center; width: 50%; margin: 0 auto } .abawardswrp .abawardslider h3 { color: #5f2160; font-family: "dinrg"; font-size: 22px; margin: 0px auto 8px; padding-top: 0; display: inline-block } .abawardswrp .abawardslider h4 { color: #5f2160; font-family: "dinrg"; font-weight: bold; font-size: 16px; margin: 0px auto 8px; padding-top: 0; display: inline-block } .abawardswrp .abawardslider p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .abawardswrp .abcsmarrow { float: left; margin: 0px 0px 10px; text-align: center; width: 100%; background: url(../images/arrow-divider.png) no-repeat center center; height: 28px } .abawardswrp .abcsmarrow .slick-prev, .abawardswrp .abcsmarrow .slick-next { position: relative; width: 23px; margin: 0px 10px; top: 0%; display: inline } .abawardswrp .abcsmarrow .slick-prev:before, .abawardswrp .abcsmarrow .slick-next:before { content: ""; height: 8px; width: 23px; position: absolute } .abawardswrp .abcsmarrow .slick-prev { left: 0px } .abawardswrp .abcsmarrow .slick-next { right: 0px } .abawardswrp .abcsmarrow .slick-disabled { opacity: .4 } .abeventswrp { width: 100%; float: left; clear: both } .abeventswrp .abcevsrc { width: 100%; float: left; clear: both } .abeventswrp .abcevsrc .abcirwrp { width: 100%; clear: both; display: inline-block; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .abeventswrp .abcevsrc .abcirwrp img { width: 100%; height: 100% } .abeventswrp .abevtitlenar { width: 100%; float: left; clear: both; margin-bottom: 20px } .abeventswrp .abevtitlenar .abevtitle { width: 50%; float: left } .abeventswrp .abevtitlenar .abevtitle h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .abeventswrp .abevtitlenar .abevtitle h2::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .abeventswrp .abevtitlenar .abevarrow { float: right; margin: 10px 20px 0px 0px; border: 1px solid #ccc; padding: 3px 8px 6px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .abeventswrp .abevtitlenar .abevarrow .slick-prev, .abeventswrp .abevtitlenar .abevarrow .slick-next { position: relative; width: 12px; margin: 0px 5px; top: 13px; float: left } .abeventswrp .abevtitlenar .abevarrow .slick-prev:before, .abeventswrp .abevtitlenar .abevarrow .slick-next:before { content: ""; height: 8px; width: 23px; position: absolute } .abeventswrp .abevtitlenar .abevarrow .slick-prev { left: 0px } .abeventswrp .abevtitlenar .abevarrow .slick-next { right: 0px } .abeventswrp .abevtitlenar .abevarrow .slick-disabled { opacity: .4 } .abeventswrp .abeventsslider { width: 100%; float: left; clear: both } .abeventswrp .abcevdts { width: 100%; float: left; clear: both } .abeventswrp .abcevdts h3 { color: #5f2160; font-family: "DIN-Bold"; text-transform: uppercase; font-size: 18px; margin: 10px 0px 0px; position: relative; padding: 0px 0px 0px } .abeventswrp .abcevdts h4 { color: #545454; font-family: "dinrg"; font-size: 16px; font-weight: normal } .abeventswrp .abcevdts p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .abmediawrp { width: 100%; float: left; clear: both } .abmediawrp .abmediatle { width: 100%; float: left; margin-bottom: 20px; clear: both } .abmediawrp .abmediatle h2 { color: #773996; text-transform: uppercase; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .abmediawrp .abmediatle h2::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .abmediawrp .abmediadts { width: 100%; float: left; clear: both } .abmediawrp .abmediadts h3 { color: #5f2160; font-family: "DIN-Bold"; text-transform: uppercase; font-size: 18px; margin: 0px 0px 10px; position: relative; padding: 0px 0px 0px } .abmediawrp .abmediadts h4 { color: #545454; font-family: "dinrg"; font-size: 16px; font-weight: normal } .abmediawrp .abmediadts p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .abcareerwrp { width: 100%; float: left; clear: both } .abcareerwrp .abcareertle { width: 100%; float: left; margin-bottom: 20px; clear: both } .abcareerwrp .abcareertle h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .abcareerwrp .abcareertle h2::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .abcareerwrp .abcareerdts { width: 100%; float: left; clear: both } .abcareerwrp .abcareerdts h3 { color: #5f2160; font-family: "DIN-Bold"; text-transform: uppercase; font-size: 18px; margin: 0px 0px 10px; position: relative; padding: 0px 0px 0px } .abcareerwrp .abcareerdts h4 { color: #545454; font-family: "dinrg"; font-size: 16px; font-weight: normal } .abcareerwrp .abcareerdts p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .abrcwrp { width: 100%; float: left; clear: both; text-align: center; margin-top: -100px } .abrcwrp .abrcsrc { width: 100%; float: left; clear: both; margin-bottom: 10px } .abrcwrp .abrcsrc img { width: 50%; display: inline-block } .abrcwrp .abrctle { width: 100%; float: left; margin-bottom: 20px; clear: both } .abrcwrp .abrctle h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .abrcwrp .abrctle h2::before { content: ""; background: url(../images/underline3.png) no-repeat center bottom; position: absolute; left: 0px; bottom: -6px; height: 4px; width: 100% } .abrcwrp .abrcdts { width: 100%; max-width: 60%; display: inline-block; clear: both } .abrcwrp .abrcdts h3 { color: #5f2160; font-family: "DIN-Bold"; text-transform: uppercase; font-size: 18px; margin: 0px 0px 10px; position: relative; padding: 0px 0px 0px } .abrcwrp .abrcdts h4 { color: #545454; font-family: "dinrg"; font-size: 16px; font-weight: normal } .abrcwrp .abrcdts p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .aboutlphmq { width: 100%; position: relative; padding: 40px 0px 40px; background: #fbf5ff } .aboutlphmqslider { width: 100%; float: left; clear: both } .abhmqwrp { width: 33.333%; float: left; text-align: center } .abhmqwrp .abhmqsrcwrp { width: 100%; float: left; clear: both; text-align: center } .abhmqwrp .abhmqsrc { width: 168px; height: 168px; clear: both; margin-bottom: 10px; display: inline-block; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50% } .abhmqwrp .abhmqsrc img { width: 100%; height: 100% } .abhmqwrp .abhmqtle { width: 100%; display: inline-block; margin-bottom: 20px; clear: both } .abhmqwrp .abhmqtle h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 0px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .abhmqwrp .abhmqtle h2::before { content: ""; background: url(../images/underline3.png) no-repeat center bottom; position: absolute; left: 0px; bottom: -5px; width: 100%; height: 3px } .abhmqwrp .abhmqdts { width: 60%; display: inline-block; clear: both } .abhmqwrp .abhmqdts h3 { color: #5f2160; font-family: "DIN-Bold"; line-height: 22px; font-size: 18px; margin: 0px 0px 10px; position: relative; padding: 0px 0px 0px } .abhmqwrp .abhmqdts h4 { color: #545454; font-family: "dinrg"; font-size: 16px; font-weight: normal } .abhmqwrp .abhmqdts p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .aboutlphmqslider .slick-prev, .aboutlphmqslider .slick-next { z-index: 11; top: 49% } .aboutlphmqslider .slick-prev::before, .aboutlphmqslider .slick-next::before { content: ''; font-size: inherit } .aboutlphmqslider .slick-next { right: 0px } .aboutlphmqslider .slick-prev { left: 0px } .aboutlphmqslider .slick-disabled { opacity: .4 } .tncmodal { display: none } .tncmodalwrp { width: 100%; position: relative; clear: both; padding: 40px; background: #fff } .tncmodalwrp h2 { color: #773996; position: relative; font-family: "DINNextRoundedLTW01"; font-size: 30px; font-weight: bold; display: inline-block; padding: 0px 0px 6px; margin: 0px 0px 30px; background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .tncmodalwrp h2::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: -10px; width: 80px } .tncmodalwrp p { color: #545454; font-family: "dinrg"; font-size: 16px; padding-left: 0; width: 100% } .tncmodalwrp ul { width: 100%; display: inline-block; margin: 0px 0px 10px; padding: 0; position: relative; padding-left: 40px; color: #545454; font-family: "dinrg"; font-size: 16px; width: 100% } .tncmodalwrp ul li { float: left; width: 100%; position: relative; padding-bottom: 6px } .otpwrp { width: 100%; margin: 0; padding: 0; position: relative } .otpwrp li { float: left; list-style: none; margin-right: 38px; width: 66%; position: relative } .otpwrp li span.error { position: absolute; right: 8px; bottom: 14px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .otpwrp li:last-child { width: 25%; text-align: right; margin-right: 0px } .otpwrp li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: transparent; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .otpwrp li input:focus { outline: none } .otpwrp li:last-child input { color: #fff; height: 45px; line-height: 20px; text-transform: uppercase; font-family: "dinrg"; font-size: 25px; width: 100%; float: left; background: url(../images/submitbg.png) no-repeat left top/100% 100%; border: 0px solid #ccc; border-adius: 0px } .capopup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.4); z-index: 999 } .capopup-inner { max-width: 600px; width: 90%; padding: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 20px; background: #faf5ff } .capopup-inner h2 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 0px } .capopup-inner h3 { width: 100%; color: #545454; font-family: "dinrg"; line-height: 30px; font-size: 18px; font-weight: normal; display: inline-block; margin: 30px 0px 20px; position: relative; padding: 0px } .capopup-inner .linkwrp { width: 100%; display: inline-block; margin-top: 20px } .capopup-inner .linkwrp ul { margin: 0; padding: 0; position: relative } .capopup-inner .linkwrp ul li { float: left; list-style: none; width: 50%; color: #545454; font-family: "dinrg"; font-size: 18px } .capopup-inner .linkwrp ul li .resendlinkwrp { width: auto; display: inline-block } .capopup-inner .linkwrp ul li .resendlinkwrp a { color: #5f2160; font-family: "dinrg"; font-size: 14px; position: relative; margin-right: 10px } .capopup-inner .linkwrp ul li .resendlinkwrp a::after { content: ""; position: absolute; right: -8px; top: -2px; width: 1px; height: 22px; background: #dccae6 } .capopup-inner .linkwrp ul li .resendlinkwrp a:last-child { margin-right: 0px } .capopup-inner .linkwrp ul li .resendlinkwrp a:last-child::after { background: none } .capopup-inner .linkwrp ul li:last-child { text-align: right } .capopup-close { z-index: 2;width: 30px; height: 30px; display: inline-block; position: absolute; top: 30px; right: 30px; transition: ease 0.25s all; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 1000px; text-align: center } .capopup-close:hover { opacity: .5; text-decoration: none } .capopup-inner .enlinkswrp { width: 100%; display: inline-block; margin: 10px 0px 20px } .capopup-inner .enlinkswrp ul { margin: 0; padding: 0; position: relative } .capopup-inner .enlinkswrp ul li { float: left; list-style: none; margin-right: 20px } .capopup-inner .enlinkswrp ul li a { text-transform: uppercase; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 18px } .capopup-inner .enlinkswrp ul li a.ep { border: 1px solid #900; padding: 10px 20px; position: relative; border-radius: 30px } .capopup-inner .enlinkswrp ul li:last-child { margin-right: 0px; position: relative } .capopup-inner .enlinkswrp ul li:last-child a { color: #fff; background: #3d2979; border-radius: 30px; padding: 12px 30px } .footersitenav { width: 100%; background: #fff; padding: 20px 0 20px; border-top: 1px solid #e4d8ea } .footersitenav ul { margin: 0; padding: 0; position: relative; list-style: none; list-style-type: none; width: 100%; height: 50px } .footersitenav ul li { float: left; list-style: none; margin-right: 30px; padding: 7px 0px 0px; width: 200px; border-left: 1px solid #ccc; padding-left: 10px; height: 50px } .footersitenav ul li a { line-height: 17px; font-weight: normal; position: relative; padding-left: 20px; color: #000; display: inline-block; font-family: "Open Sans"; font-size: 14px; position: relative; text-decoration: none } .footersitenav ul li a::before { content: ""; position: absolute; left: 0px; top: 8px; width: 15px; height: 2px; overflow: hidden; background: #000 } .footersitenav ul li.active a { font-family: "Open Sans"; font-size: 14px; color: #773a95; padding-left: 30px; font-weight: bold } .footersitenav ul li.active a::before { content: ""; position: absolute; left: 0px; top: 8px; width: 25px; height: 2px; overflow: hidden; background: #773a95 } .fncarousel { width: 100%; position: relative; overflow: hidden; height: 50px } .fncarousel2 { width: 100%; position: relative; overflow: hidden; height: 50px } .fncarousel2 ul { padding-left: 40px; padding-right: 50px; height: 40px } .fncarousel2 ul li { height: 50px } .btnPrevious { display: none } .btnNext { position: absolute; right: 0px; top: 10px; z-index: 2 } .fncarousel2 .slick-next { right: -2px } .fncarousel2 .slick-prev { left: -2px } .fncarousel2 .slick-disabled { opacity: .2 } .fncarousel2 .slick-prev, .fncarousel2 .slick-next { width: 40px; height: 20px; top: 70%; z-index: 11 } .fncarousel2 .slick-prev:before, .fncarousel2 .slick-next:before { display: none } /* New Footer Stiky */ .stikyNavFooter { bottom: 0px; left: 0; position: fixed; width: 100%; z-index: 11; } .stikyNavFooter .btnwrpappointment { position: relative; text-align: center; width: 100% } .stikyNavFooter .btnwrpappointment ul { display: inline-block; margin: 0; padding: 0 } .stikyNavFooter .btnwrpappointment ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative } .stikyNavFooter .btnwrpappointment ul li:last-child { margin-right: 0px } .stikyNavFooter .btnwrpappointment ul li a { color: #fff; display: inline-block; font-family: "dinrg"; font-size: 19px; font-weight: 700; padding: 4px 20px; position: relative; text-decoration: none } .stikyNavFooter .btnwrpappointment ul li a img { left: 0; position: absolute; top: 0 } .stikyNavFooter .btnwrpappointment ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative; background: -moz-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #80368d), color-stop(20%, #80368d), color-stop(100%, #df1f30), color-stop(100%, #df1f30)); background: -webkit-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: -o-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: -ms-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: linear-gradient(91deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80368d', endColorstr='#df1f30', GradientType=1) } @media (max-width: 520px) { .stikyNavFooter .btnwrpappointment ul li { margin-right: 8px; } .stikyNavFooter .btnwrpappointment ul li a { font-size: 15px; padding: 3px 15px; } } @media (max-width: 420px) { .stikyNavFooter .btnwrpappointment ul li { margin-right: 6px; } .stikyNavFooter .btnwrpappointment ul li a { font-size: 13px; padding: 3px 15px; } } /* End */ .footerstikynav { bottom: 20px; display: none; left: 0; position: fixed; width: 100%; z-index: 11; display: none } .footerstikynav.active { display: block } .footerstikynav .btnwrpappointment { position: relative; text-align: center; width: 100% } .footerstikynav .btnwrpappointment ul { display: inline-block; margin: 0; padding: 0 } .footerstikynav .btnwrpappointment ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative } .footerstikynav .btnwrpappointment ul li:last-child { margin-right: 0px } .footerstikynav .btnwrpappointment ul li a { color: #fff; display: inline-block; font-family: "dinrg"; font-size: 19px; font-weight: 700; height: 46px; padding: 7px 16px 0 55px; position: relative; text-decoration: none } .footerstikynav .btnwrpappointment ul li a img { left: 0; position: absolute; top: 0 } .btnwrpappointment2 { position: relative; text-align: left; width: 100%; display: inline-block; margin-top: 20px } .btnwrpappointment2 ul { display: inline-block; margin: 0; padding: 0 } .btnwrpappointment2 ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative } .btnwrpappointment2 ul li a { color: #fff; display: inline-block; font-family: "dinrg"; font-size: 19px; font-weight: 700; height: 46px; padding: 7px 16px 0 55px; position: relative; text-decoration: none } .btnwrpappointment2 ul li a img { left: 0; position: absolute; top: 0 } footer { width: 100% } footer.footerNavwrp { background: #fff url("../images/bg_footer.jpg") no-repeat scroll right bottom/100% 100%; padding: 20px 0 } footer .footer-header { color: #3d2979; font-size: 18px; margin-bottom: 12px; text-transform: uppercase } footer .footernav { margin: 0; padding: 0 0 0 15px } footer .footernav li { color: #5f2160; font-family: "dinrg"; font-size: 15px; width: 100% } footer .footernav li a { color: #5f2160; line-height: 30px } footer .footerwidget { clear: both; float: left; margin-bottom: 0px; width: 100% } footer .footerwidget .footer-header { color: #3d2979; font-size: 18px; font-weight: bold; margin-bottom: 12px; text-transform: uppercase } footer .footerwidget .footer-container { clear: both; float: left; width: 100% } footer .footerwidget .footer-container ul { margin: 0; padding: 0; clear: both; float: left; width: 100% } footer .footerwidget .footer-container ul li { color: #5f2160; float: left; font-size: 15px; list-style: outside none none; margin-right: 20px } footer .footerwidget .footer-container ul li:last-child { margin-right: 0 } footer .footerwidget .footer-container ul.appnav { margin-bottom: 20px; margin-left: 20px } footer .footerwidget .footer-container ul.appnav li { list-style: disc; width: 92%; color: #5f2160; font-family: "dinrg"; font-size: 15px } footer .footerwidget .footer-container ul.appnav li a { color: #5f2160; line-height: 30px } footer .footerwidget .footer-container ul.twfeed { margin: 0; padding: 0 } footer .footerwidget .footer-container ul.twfeed li { color: #5f2160; float: left; font-size: 15px; list-style: outside none none; margin-right: 20px; width: 100% } footer .footerwidget .footer-container ul.twfeed li h2 { background: transparent url("../images/icon-tw-s.png") no-repeat scroll left 2px; font-size: 16px; margin: 0 0 5px; padding-left: 24px; text-transform: uppercase } footer .footerwidget .footer-container ul.twfeed li p { font-family: "dinlt"; font-size: 14px; line-height: 18px } footer .footerwidget .footer-container ul.twfeed li:last-child { margin-right: 0 } footer.copyright { background: #231745 none repeat scroll 0 0; color: #fff; font-family: "dinlt"; font-size: 11px; padding: 20px 0; text-transform: uppercase; width: 100% } footer.copyright ul { float: right; margin: 0; padding: 0 } footer.copyright ul li { color: #5f2160; float: left; font-family: "dinlt"; list-style: outside none none; margin: 0; padding: 0 10px; position: relative } footer.copyright ul li::before { background: #fff none repeat scroll 0 0; content: ""; height: 12px; position: absolute; right: 0; top: 4px; width: 1px } footer.copyright ul li:last-child::before { background: transparent none repeat scroll 0 0; width: 0 } footer.copyright ul li a { color: #fff; text-transform: uppercase } footer.subscribewrp { background: transparent url("../images/subscribeBg.jpg") no-repeat scroll left top/cover; color: #fff; font-family: "dinlt"; font-size: 14px; padding: 20px 0; text-transform: uppercase; width: 100% } footer.subscribewrp strong { color: #fff; display: block; font-size: 18px; padding-top: 12px } footer.subscribewrp .subscribebox { height: 50px; position: relative; width: 100% } footer.subscribewrp .subscribebox input { background: transparent none repeat scroll 0 0; border: 1px solid #c18cae; border-radius: 20px; font-size: 18px; height: 50px; padding-left: 15px; width: 100% } footer.subscribewrp .subscribebox input:focus { outline: medium none } footer.subscribewrp .subscribebox input.btnSubmit { background: #3d2979 none repeat scroll 0 0; color: #fff; font-size: 16px; padding: 0 30px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 160px } .iconcomment { bottom: 15px; position: fixed; right: 10px; z-index: 12 } .iconfeedback { bottom: 15px; position: fixed; right: 100px; z-index: 12 } .menu-se { position: absolute; right: -40%; top: 10px; display: none } .whitecolor-sec .childdoctor-result { padding: 0px 0 0px !important; border-top: 0px solid #e4d8ea !important } .childdoctor-result { padding: 50px 0 50px; text-align: center; border-top: 1px solid #e4d8ea; background: #f8f5f9 } .childdoctor-result .dselectlwrp { margin: 0 0 0px 0 !important; position: relative } .childdoctor-result .ddetailswrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: bold; font-family: "dinrg"; font-size: 22px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 10px 0 } .childdoctor-result .ddetailswrp p { color: #545454; min-height: 67px; font-family: "dinrg"; font-size: 17px; padding: 0; margin: 0; width: 100%; display: block } .childdoctor-result .dunderline { width: 100%; position: relative; display: inline-block; margin: 10px 0px 10px 0 } .childdoctor-result .selectbox { text-align: left } .childdoctor-result .locationwrp { background: #fff; width: 200px; float: none; display: inline-block; margin: 0 auto 0 auto; position: relative; padding: 10px 10px 10px 40px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .childdoctor-result .locationwrp::before { content: url("../images/icon-map2.png"); position: absolute; left: 12px; top: 10px; width: 16px; height: 21px } .childdoctor-result .locationwrp .selectbox { width: 100%; float: left; position: relative; position: relative } .childdoctor-result .locationwrp .selectbox .select-span { font-family: "dinrg"; font-size: 16px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #545454; padding: 0px 1px 0px } .childdoctor-result .locationwrp .selectbox .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .childdoctor-result .locationwrp .selectbox .select option { padding-left: 0px; font-family: "dinrg"; font-size: 15px } .childdoctor-result .sdatewrp { width: 80%; float: left; position: relative; padding: 10px 10px 10px 10px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .childdoctor-result .sdatewrp::before { content: url("../images/icon-calender.png"); position: absolute; left: 15px; top: 12px; width: 16px; height: 21px } .childdoctor-result .sdatewrp input { padding-left: 36px; text-align: left; width: 100%; color: #545454; height: 22px; display: inline-block; background: transparent; border: none; font-family: "dinrg"; font-size: 16px } .childdoctor-result .sdatewrp input:focus { outline: none } .childdoctor-result .btn-Bookapopoi { background: #3d2979; color: #fff; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 0 20px } .btn-Bookapopoi { background: #fff; color: #3d2979; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 0 20px; } .btn-Bookapopoi:hover { background: #3d2979; color: #fff; border: 1px solid #3d2979 } .childdoctor-result .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .childdoctor-result .border { border: 1px solid #e1dce5; margin: 10px } .childdoctor-result hr { border-color: #e1dce5 } .childdoctor-result ul { margin: 0; padding: 0 } .childdoctor-result ul li { list-style: none; margin-bottom: 0px; padding: 0px } .childdoctor-result ul li .doctorsListwrp { width: 100%; margin: 0px; border: 1px solid #e1dce5; padding: 40px 0px 40px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out } .childdoctor-result ul li:hover .doctorsListwrp { transform: scale(1, 1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); background-color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out } .childdoctor-result ul li .dthumbwrp img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .childdoctor-result ul li:hover .dthumbwrp img { margin: 0; padding: 0; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1) } .ourcenterlist .address-wapper { float: left; text-align: left; width: 50%; padding: 0 10px } .ourcenterlist .address-img-wapper { float: right; width: 50%; float: right; border-radius: 30px; overflow: hidden; position: relative } .ourcenterlist .address-wapper .textname { font-family: "dinrg"; font-size: 26px; color: #3d2979; text-transform: uppercase } .ourcenterlist .address-img-wapper img { width: 100% } .ourcenterlist .address-wapper .underline { width: 77px; height: 3px; padding: 10px 0 30px 0 } .ourcenterlist .address-wapper p { color: #545454; font-family: "dinrg"; font-size: 16px } .ourcenterlist .address-wapper .call-no { height: 40px; padding: 8px 0 8px 50px; margin: 20px 0; float: left; background: url(../images/icon-call2.png) no-repeat left top; font-family: "dinrg"; font-size: 18px; color: #5f2160 } .ourcenterlist .btn-aboutcenter { background: #fff; text-transform: uppercase; font-family: "dinrg"; color: #3d2979; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 0 0px; float: left } .ourcenterlist .btn-aboutcenter:hover { background: #3d2979; color: #fff; border: 1px solid #3d2979 } .ourcenterlist .btn-Bookapopoi { text-transform: uppercase; background: #3d2979; float: left; color: #fff; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 0 20px } .ourcenterlist .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .ourcenterlist .address-wapper .direction { height: 40px; padding: 8px 50px 8px 0px; margin: 15px 0 20px 20px; text-transform: uppercase; display: block; float: left; background: url(../images/icondirection.png) no-repeat right top; font-family: "dinrg"; font-size: 18px; color: #5f2160 } .icon-360 { width: 49px; height: 49px; position: absolute; right: 10px; top: 10px; cursor: pointer } .about-dr { text-align: left; line-height: 23px; margin: 0px 0 30px 0 } .about-dr p { margin: 15px 0 15px 0 } .about-dr .btn { outline: none; color: #5f2160; display: inline-block; font-family: "dinrg"; font-size: 14px; height: 32px; padding: 5px 10px 0; position: relative; text-align: center; text-decoration: none; outline: none; margin: 20px 10px } .about-dr .btn span { position: relative; z-index: 2; text-decoration: none; outline: none } .btn:hover, .btn:active { text-decoration: none; text-decoration: none; outline: none } .linkswrp { width: 100%; text-align: right; clear: both; float: left } .linkswrp .btn { margin: 0px } .drinfowapper { padding: 80px 0 20px; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9 } .drinfowapper .atabs li .aiconwrp { background: #f8f5f9; display: inline-block; border-radius: 50% } .about-dr .address-wapper { float: left; text-align: left; padding: 0 10px } .about-dr .address-wapper .textname { font-family: "dinrg"; font-size: 26px; color: #3d2979; text-transform: uppercase } .about-dr img { width: 100% } .about-dr .address-wapper .underline { width: 77px; height: 3px; padding: 10px 0 30px 0 } .about-dr .address-wapper p { color: #545454; font-family: "dinrg"; font-size: 18px } .about-dr .btn-Bookapopoi { text-transform: uppercase; background: #3d2979; float: left; color: #fff; line-height: 19px; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 20px 0px; clear: both } .about-dr .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .about-dr .viewmap { color: #5f2160; display: block; float: left; font-family: "dinrg"; font-size: 12px; height: 25px; padding: 2px 28px 0 0; position: relative; text-align: left; display: block; float: left; text-decoration: none; background: url(../images/btn-arrow-right.png) right 62% no-repeat; clear: both } .about-dr .viewmap span { position: relative; z-index: 2 } .about-dr .viewmap:hover, .about-dr .viewmap:active { text-decoration: none } .aco-wapper { border: 0px solid #f3edf9; border-bottom: 1px solid #f3edf9; margin: 20px 0 20px 0 } .accht { height: 170px } .DoctorDesk-aco { width: 100%; padding: 20px 20px 20px 60px; margin: 0px 0 0 0; text-align: left; border-bottom: 0px solid #dadada; border-top: 1px solid #dadada; background: #fff url(../images/icon-acco-close.png) no-repeat 20px center; cursor: pointer; box-sizing: border-box; font-size: 22px; color: #3d2a79 } .DoctorDesk-aco.sel { background: #fff url(../images/icon-acco-open.png) no-repeat 20px center } .infotext { width: 100%; height: auto; background-color: #f3edf9; text-align: left; margin: 0; border-bottom: 1px solid #f3edf9; display: none; box-sizing: border-box; font-family: "dinrg"; padding: 20px 20px 20px 60px; font-size: 16px } .headding { font-size: 26px; color: #3d2a79; text-align: left; font-family: "dinrg"; font-weight: bold; padding: 0px 0 10px 0; text-transform: uppercase } .containe { text-align: left; font-family: "dinrg" } .greycolor-sec { padding: 30px 0 10px 0; position: relative; border-top: 1px solid #e4d8ea; border-bottom: 1px solid #e4d8ea; background: #f8f5f9 } .whitecolor-sec { padding: 30px 0 30px 0; position: relative; border-top: 1px solid #e4d8ea; border-bottom: 0px solid #e4d8ea; background: #fff } .whitecolor-sec.active { border-top: 1px solid #e4d8ea; border-bottom: 0px solid #e4d8ea; background: #f8f5f9 } .whitecolor-sec.active .GenraelPediatrics-aco { margin: 0px 0 40px 0 } .GenraelPediatrics-aco { width: 100%; padding: 0px 10px 30px; margin: 0px 0 0px 0; font-family: "dinrg"; text-align: left; text-transform: uppercase; cursor: pointer; box-sizing: border-box; font-size: 28px; color: #5f2160; position: relative } .GenraelPediatrics-aco::before { content: url("../images/underline2.png"); position: absolute; left: 10px; bottom: 0px; width: 77px } .faqswrp { position: relative; width: 100%; clear: both; display: inline-block } .faqswrp .GenraelPediatrics-aco { font-size: 26px !important; color: #3d2a79 !important; margin: 0px 0 0px 0 !important; padding: 0px 0px 25px; text-transform: none } .faqswrp .GenraelPediatrics-aco::before { content: url("../images/underline3.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .GenraelPediatrics-Infotext { width: 100%; height: auto; text-align: left; margin: 0; display: none; box-sizing: border-box; font-family: "dinrg"; padding: 0 0px; font-size: 14px } .GenraelPediatrics-Infotext li { padding-bottom: 6px; color: #545454; font-family: "dinrg"; font-size: 16px; line-height: 22px } .GenraelPediatrics-aco .underline { width: 100%; display: inline-block; padding: 0px 0px 10px 0 } .tncont { padding-top: 30px } .tncont p { color: #545454; font-family: "dinrg"; font-size: 16px; line-height: 22px } .icon-wapper { width: 160px; height: 160px; float: left; background: url(../images/about-dhesed-img.png) left top no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 45px 0 0 0; text-align: center; margin: 0 20px 0 0px; float: left } .icon-wapper-text { width: 65%; float: left; padding: 20px 0 0 0 } .greycolor-sec .childdoctor-result, .whitecolor-sec .aco-wapper { border: none } .greycolor-sec .childdoctor-result { padding: 20px 0 } ul.about-service { margin: 0; padding: 0 } ul.about-service li { width: 50%; padding: 0 0px 10px 0; margin: 0; box-sizing: border-box; list-style: none; float: left } .aboutcentre-banner .fontsize { font-size: 38px; text-align: left } .aboutcentre-banner .floatleft { float: left } .aboutcentre-banner .floatright { float: right } .aboutcentre-banner .padding { padding: 0px } .aboutcentre-banner .ios-text { margin: 20px 0; color: #545454 } .aboutcentre-banner .ios-text img { margin: 0 10px; width: 85px } .circuleframe2 { position: relative; width: 100%; right: -120%; transition: right 1.5s ease-out; -webkit-transition: right 1.5s ease-out } .circuleframe2.active { right: 0px; transition: right 1.5s ease-out; -webkit-transition: right 1.5s ease-out } .circuleframe2 img { width: 100%; margin: -20px 0px 0px -15px } .apapproachwrp { width: 100%; position: relative; background: #fff; padding: 20px 0px 40px } .apapproachwrp .apatitle { width: 100%; position: relative; clear: both; text-align: center } .apapproachwrp .apatitle>h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 20px; margin-bottom: 20px; display: inline-block } .apapproachwrp .apatitle>h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .apapproachwrp .apapproachlist { margin: 0; padding: 0px; width: 100%; padding: 40px 0px 0px } .apapproachwrp .apapproachlist li { list-style: none; position: relative; float: left; text-align: center; width: 25% } .apapproachwrp .apapproachlist li:last-child { margin: 0px } .apapproachwrp .apapproachlist li .cirwrp { width: 100px; height: 100px; display: inline-block; position: relative; background: #fff; border: 2px solid #3d2979; border-radius: 50% } .apapproachwrp .apapproachlist li .cirwrp img { width: 98%; display: inline-block } .apapproachwrp .apapproachlist li .txtwrp { width: 100%; display: inline-block; position: relative; margin: 10px 0px 0px; color: #545454; font-family: "dinrg"; font-size: 17px } .apapproachwrp .apapproachlist li .txtwrp p { color: #545454; font-family: "dinrg"; font-size: 17px; width: 80%; margin: 0 auto } .apapproachwrp .apapproachlist li .txtwrp p span { color: #3d2979; font-weight: bold; font-size: 24px } .apapproachwrp .apapproachlist .slick-prev, .apapproachwrp .apapproachlist .slick-next { z-index: 11; top: 49% } .apapproachwrp .apapproachlist .slick-prev::before, .apapproachwrp .apapproachlist .slick-next::before { content: ''; font-size: inherit } .apapproachwrp .apapproachlist .slick-next { right: 0px } .apapproachwrp .apapproachlist .slick-prev { left: 0px } .apapproachwrp .apapproachlist .slick-disabled { opacity: .4 } .aboutityiconwrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #faf5ff; padding: 20px 0px } .aboutityiconwrp .ourspecialties>h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 20px; margin-bottom: 20px } .aboutityiconwrp .ourspecialties>h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .aboutityiconwrp .aboutuslider { margin: 0; padding: 0px; display: inline-block; width: 100%; background: url(../images/bordre-de.png) repeat-x left 50% } .aboutityiconwrp .aboutuslider li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; text-align: center; padding-bottom: 0px; padding-top: 100px } .aboutityiconwrp .aboutuslider li .viconwrp { width: 100%; position: relative; text-align: center; padding: 20px 0px; display: inline-block; opacity: 1; cursor: pointer } .aboutityiconwrp .aboutuslider li .viconwrp .textbtn { width: 100%; position: absolute; left: 0%; bottom: -43% } .aboutityiconwrp .aboutuslider li .viconwrp .viconwrp .textbtn .inner { text-align: center } .aboutityiconwrp .aboutuslider li .viconwrp p { margin: 0px 0px 0px 0; font-weight: 600; color: #3d2979; font-size: 18px; padding: 10px 0; width: 100%; display: inline-block } .aboutityiconwrp .aboutuslider li .viconwrp .cirwrp { width: 84px; padding-top: 12px; height: 84px; overflow: hidden; display: inline-block; position: relative; background-color: #fff; border: 2px solid #3d2979; border-radius: 50% } .aboutityiconwrp .aboutuslider li .viconwrp .cirwrp img { width: 50px; display: inline-block } .aboutityiconwrp .aboutuslider li.slick-current .viconwrp { width: 100%; position: relative; text-align: center; padding: 10px 0px; display: inline-block; margin-top: -70px; opacity: 1 } .aboutityiconwrp .aboutuslider li.slick-current .viconwrp .textbtn { width: 70%; position: absolute; left: 15%; bottom: 32%; margin: 0 auto; } .aboutityiconwrp .aboutuslider li.slick-current .viconwrp .textbtn .inner { text-align: center } .aboutityiconwrp .aboutuslider li.slick-current .viconwrp p { margin: 0px 0px 8px; font-weight: 900; width: 100%; display: inline-block } .aboutityiconwrp .aboutuslider li.slick-current .viconwrp .cirwrp { width: 246px; padding-top: 40px; height: 287px; overflow: hidden; display: inline-block; position: relative; background: url(../images/icon-aboutus-cir-ac.png); border: none; border-radius: 0 } .aboutityiconwrp .aboutuslider li.slick-current .viconwrp .cirwrp img { width: auto; display: inline-block } .aboutityiconwrp .aboutuslider .slick-prev, .aboutityiconwrp .aboutuslider .slick-next { z-index: 11; top: 49% } .aboutityiconwrp .aboutuslider .slick-prev::before, .aboutityiconwrp .aboutuslider .slick-next::before { content: ''; font-size: inherit } .aboutityiconwrp .aboutuslider .slick-next { right: 0px } .aboutityiconwrp .aboutuslider .slick-prev { left: 0px } .aboutityiconwrp .aboutuslidercon { margin: 0; padding: 0px; display: inline-block; width: 100%; background-color: #fff; border: 1px solid #e4d8ea; border-radius: 10px; padding: 30px 0 } .aboutityiconwrp .aboutuslidercon li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; text-align: center; padding: 0px } .aboutityiconwrp .aboutuslidercon li p { margin: 0px 0px 8px; font-weight: 600; width: 100%; display: inline-block; text-align: center } .aboutityiconwrp .aboutuslidercon li .viminfowrp { padding: 10px 30px; color: #3d2979; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: transparent; border: 1px solid #cac6ce } .aboutityiconwrp .aboutuslidercon li .viminfowrp>table>tr>td { padding-right: 30px; margin-right: 20px } .aboutityiconwrp .aboutuslidercon li .viminfowrp>table>tr>td:last-child { padding-right: 0px; margin-right: 0px } .aboutityiconwrp .aboutuslidercon .ddetailswrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: bold; font-family: "dinrg"; font-size: 18px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 10px 0 } .aboutityiconwrp .aboutuslidercon .ddetailswrp p { color: #545454; min-height: 45px; font-family: "dinrg"; font-size: 14px; padding: 0; margin: 0; width: 100%; display: block } .aboutityiconwrp .aboutuslidercon .btn-Bookapopoi { background: #3d2979; color: #fff; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 0px 0px 20px 20px } .aboutityiconwrp .aboutuslidercon .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .ourspecialties { text-align: left; width: 250px; margin: 0 auto } .ourspecialties .textgradient { background: transparent linear-gradient(90deg, #773996 10%, #ed1c24 40%); display: table; -webkit-text-fill-color: transparent; color: transparent; -webkit-background-clip: text; background-clip: text; font-size: 36px; padding: 10px 0; margin: 0 } .visitor-head .underline, .ourspecialties .underline { width: 77px; height: 3px; padding: 0px 0 30px 0; float: left; margin: 0 } .aboutityiconwrp .knowmore { padding: 4px 4px 0 4px } .aboutityiconwrp .knowmore:hover::before { width: 133% !important } .visitor-head { width: 100%; float: left; display: block } .visitor-icon { width: 70px; height: 70px; float: left; margin: 0 20px 0 0 } .visitor-head h2 { font-family: "DIN-Bold"; font-size: 36px; margin: 6px 0 30px 0; position: relative; text-align: left; display: inline-block } .visitor-head h2::after { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: -15px; width: 100% } .visitext { font-family: "dinrg"; font-size: 17px; color: #545454; margin: 20px 0 } .visitext p { font-family: "dinrg"; font-size: 17px; color: #545454; margin: 20px 0 } .Bordofdirector { margin: 20px 0; padding: 0 } ul.Bordofdirector { margin: 0; padding: 0 } ul.Bordofdirector li { list-style: none; width: 100%; min-height: 100px; float: left; margin: 10px 0; padding: 20px; box-sizing: border-box; color: #000; border-radius: 20px } ul.Bordofdirector li:nth-child(odd) { background-color: #e9f1fc } ul.Bordofdirector li:nth-child(even) { background-color: #f4e6f4 } ul.Bordofdirector li .leftsec { float: left; display: block; text-align: center; margin: 0 0 0px 0 } ul.Bordofdirector li .leftsec .imagedirectors { width: 172px; height: 172px; border-radius: 50%; border: 5px solid #fff; overflow: hidden; text-align: center; margin: 0 auto } ul.Bordofdirector li .leftsec .imagedirectors img { width: 100%; height: 100% } ul.Bordofdirector li .leftsec h3 { width: 100%; color: #5f2160; font-weight: bold; font-family: "dinrg"; font-size: 25px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 10px 0 } ul.Bordofdirector li .leftsec p { color: #545454; font-family: "dinrg"; font-size: 13px; padding: 0; margin: 0; width: 100%; display: block } ul.Bordofdirector li .leftsec .btn-Bookapopoi { background: #3d2979; text-transform: uppercase; color: #fff; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 10px 0px 0px 0px } ul.Bordofdirector li .leftsec .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } ul.Bordofdirector li .rightsec:before { content: url("../images/borderd2.png"); position: absolute; left: 0px; top: 0px; width: 3px; height: 33px } ul.Bordofdirector li .rightsec p { color: #545454; font-family: "dinrg"; font-size: 15px; line-height: 24px; padding: 0; width: 100%; display: block } .minus, .plus { font-family: "dinrg"; cursor: pointer; font-size: 14px; color: #5f2160; float: right; margin: 0 20px 0 0 } .minus span, .plus span { font-family: "dinrg"; font-size: 24px; font-weight: bold; color: #5f2160; margin: 0 0px 0 8px; float: right; line-height: 16px } .aboutbod { padding: 10px 0 !important } .designation { font-family: "dinrg"; color: #545454; font-size: 17px; font-style: italic; float: left; display: block; margin-top: -15px } .Bod-video-img { width: 561px; height: 343px; border-radius: 10px; display: block; float: left; overflow: hidden; margin: 30px 0; position: relative; border: 1px solid #b7b7b7 } .Bod-video-img .play-btn { width: 69px; height: 69px; position: absolute; left: 42%; top: 42%; cursor: pointer } .Bod-video-img img { width: 100%; height: 100% } .mediabg .pagetitle { padding-top: 20px } .mediabg .pagetitle .tgradient6 { position: relative; padding: 0px 0px 30px 0px; display: block; float: left } .mediabg p { color: #545454; font-family: "dinrg"; font-size: 17px; padding-left: 0; width: 100%; line-height: 26px } .tgradient6 { position: relative; background: -webkit-linear-gradient(left, #f3924c 10%, #fee40f 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891 } .mediabg .hlfcube li { float: left; margin: 0px 0px 10px 0px } .mediabg .hlfcube li .finddwrp::before { content: url("../images/icon-find-test2.png"); position: absolute; left: -34px; top: 2px; width: 27px; height: 27px } .mediabg .page { padding: 10px 0 20px 0 } .mediabg .hlfcube li .finddwrp { width: 60% } .pressrelease-sec { float: left; display: block; margin: 0 0 30px 0 } .pressrelease-sec h2 { color: #5f2160; font-family: "dinrg"; font-size: 20px; font-weight: bold; margin: 0; padding: 20px 0 15px 0; position: relative } .pressrelease-sec h2:after { content: url("../images/underline4.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .pressrelease-sec .date { color: #545454; font-family: "dinrg"; font-size: 13px; line-height: 12px; padding-left: 0; width: 100%; line-height: 26px } .pressrelease-sec p { color: #545454; font-family: "dinrg"; font-size: 14px; padding: 15px 0; line-height: 16px; width: 100% } .pressrelease-sec .knowmore2 { margin: 0 0 15px 8px; padding: 4px 10px 0; font-size: 18px } .pressrelease-sec .knowmore2:hover::before { width: 125% } #page_navigation { float: left; display: block; border: 1px solid #e1e1e1; padding: 2px; border-radius: 20px; font-family: "dinrg" } #page_navigation a, #page_navigation span { padding: 5px 5PX; margin: 0px; font-size: 20px; color: #e51e2c; text-decoration: none; float: left; font-family: "dinrg" } .previous_link { padding: 0 !important; float: right !important; display: block; width: 11px; height: 19px; background: url(../images/prv-arrow2.png) no-repeat; background-size: 100%; margin: 10px 10px 0 10px !important } .next_link { padding: 0 !important; float: right !important; display: block; width: 11px; height: 19px; background: url(../images/nxt-arrow2.png) no-repeat; background-size: 100%; margin: 10px 10px 0 10px !important } #page_navigation #current_pageac { padding: 5px 25PX !important; font-size: 20px; font-weight: bold; border-radius: 20px; color: white !important; font-family: "dinrg"; background: #7b3993; background: -moz-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #7b3993), color-stop(100%, #e71d29)); background: -webkit-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: -o-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: -ms-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: linear-gradient(to right, #7b3993 0%, #e71d29 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b3993', endColorstr='#e71d29', GradientType=1) } .joinusvideowapper { margin: 30px 0 } .joinusslide { padding: 0 0 40px 0 } .joinusslide .slick-dots { bottom: 0px } .joinusslide iframe { height: 614px } .joinusslide .slick-dots li button:before { font-size: 17px } .working-exp>h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 20px; margin-bottom: 20px; display: inline-block } .working-exp>h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .working-exp .PressClips { padding-top: 15px; padding-bottom: 15px } .working-exp .PressClips .pressClipsBox { text-align: center; margin-bottom: 30px } .working-exp .PressClips .pressClipsBox .imageBox { width: 238px; height: 237px; overflow: hidden; padding: 11px; background: url(../images/working-ex-img-bg.png) no-repeat; background-size: cover; display: inline-block; border-radius: 50% } .working-exp .PressClips .pressClipsBox .imageBox img { width: 100%; height: 100%; border-radius: 50% } .working-exp .PressClips .pressClipsBox h4 { color: #5f2160; font-size: 19px; font-weight: 600; font-family: "dinrg"; background: none; padding: 0 } .working-exp .PressClips .pressClipsBox p span { display: block; font-size: 14px; font-family: "DINCond" } .working-exp .ViewArticle { display: inline-block; font-size: 18px; background: url(../images/readMore.png) no-repeat; margin: 15px 0; width: 37px; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #3d2979 } .btn-current-openings { padding: 10px 40PX !important; text-transform: uppercase; font-size: 26px; font-weight: bold; border-radius: 40px; color: white !important; font-family: "dinrg"; background: #7b3993; background: -moz-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #7b3993), color-stop(100%, #e71d29)); background: -webkit-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: -o-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: -ms-linear-gradient(left, #7b3993 0%, #e71d29 100%); background: linear-gradient(to right, #7b3993 0%, #e71d29 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b3993', endColorstr='#e71d29', GradientType=1) } .aboutushead .fontsize { font-size: 34px; padding: 0 0 30px 0 !important } .jobdiscription { width: 100%; position: relative; background: #fff; padding: 20px 0px 40px 0 } .jobdiscription h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 30px 0; margin: 0; display: inline-block } .jobdiscription h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } ul.list-discription { margin: 0; padding: 0 } ul.list-discription li { box-sizing: border-box; float: left; width: 100%; margin: 4px 0; list-style: none; background: url(../images/dot.png) left 8px no-repeat; padding: 0px 0 0 20px; font-family: "dinrg"; font-size: 17px } .applyformwrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9; padding: 40px 0px } .applyformwrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 30px; display: inline-block; margin: 0 0px 10px 0; position: relative; padding: 0px } .applyformwrp .formcasn { width: 100%; margin: 20px 0 0 0; padding: 0; position: relative; float: left } .applyformwrp .formcasn ul { margin: 0; padding: 0px } .applyformwrp .formcasn li { float: left; list-style: none; position: relative; margin-bottom: 30px } .applyformwrp .formcasn li i { width: 25px; height: 25px; position: absolute; left: 32px; top: 39px } .applyformwrp .formcasn li label { width: 100%; float: left; color: #545454; font-family: "dinrg"; font-weight: bold; font-size: 15px } .applyformwrp .formcasn li span.error { position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .applyformwrp .formcasn li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 10px 50px; box-sizing: border-box } .applyformwrp .formcasn li.bdcalender .datepickr-wrapper { width: 100% } .applyformwrp .formcasn li.bdcalender input { padding-left: 50px; position: relative; z-index: 2 } .applyformwrp .formcasn li.bdcalender::after { content: url("../images/icon-bdcalender.png"); position: absolute; left: 12px; top: 38px; width: 26px; height: 27px } .applyformwrp .formcasn li input:focus { outline: none } .applyformwrp .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 20px 10px 20px 0px; position: relative; display: inline-block; text-align: right } .applyformwrp .formcasn li .rimsubmitbtn { padding: 10px 20px; text-align: center; width: 48%; color: #fff; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: #3d2979; border: none; text-transform: uppercase; float: left } .applyformwrp .formcasn li .rimresetbtn { padding: 10px 20px; text-align: center; width: 48%; color: #3d2979; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: transparent; border: 1px solid #cac6ce; text-transform: uppercase; float: right } .applyformwrp .formcasn li input:focus { outline: none } .uploadfile { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 5px 10px 5px 50px; box-sizing: border-box } .uploadfile .browse-btn { width: 89px; height: 28px; margin: 4px 0 0 0; float: right; background: url(../images/icon-browse.png) no-repeat; overflow: hidden; position: relative; cursor: pointer } .uploadfile .browse-btn .inputfile { width: 100%; position: absolute; height: 35px; opacity: 0; cursor: pointer } .uploadfile .nameuploadfile { margin-right: 116px; line-height: 35px; height: 35px; color: #D4D4D4; font-size: 15px; overflow: hidden } .uploadfile .nameuploadfile.active { color: #545454 } .aboutushead .hlfcube li .specialtywrp::before { content: url("../images/icon-name1.png"); top: 2px } .pediatricianp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9; padding: 30px 0px } .pediatricianp h2 { font-family: "DINNextRoundedLTW01"; font-size: 36px; position: relative; padding: 0px 0px 30px 0; margin: 0; display: inline-block } .pediatricianp h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .pediat-text { margin: 10px 0 0 0 } .pediat-text h3 { font-family: "DINNextRoundedLTW01"; min-height: 74px; font-size: 22px; position: relative; color: #5f2160; padding: 10px 0px 20px 0; margin: 0 0 10px 0; display: inline-block } .pediat-text h3::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .pediat-text p { margin: 0; font-size: 17px } .pediat-text .submitbtn { padding: 7px 20px; text-align: center; width: 130px; color: #fff; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: #3d2979; border: none; text-transform: uppercase; float: left; margin: 20px 0 } .abannimgwrp { float: right; margin-bottom: 20px } .aboutbannimg { float: right; text-align: right; width: 110%; position: relative; right: -110%; padding-left: 15px; transition: right 1.5s ease-out; -webkit-transition: right 1.5s ease-out } .aboutbannimg img { float: right; margin-top: -50px } .aboutbannimg.active { right: -12%; transition: right 1.5s ease-out; -webkit-transition: right 1.5s ease-out } .noPadding { padding: 0px !important } .awardsBtn { display: inline-block; padding: 0 15px; font-size: 20px; text-align: center; line-height: 45px; font-family: "dinrg"; margin-bottom: 30px } .awardsBtn a { color: #5f2160; width: 191px; height: 47px; display: block; background: url(../images/Doctors-Awards.png) center center no-repeat; position: relative } .awardsBtn a:hover, .awardsBtn a.active { background: url(../images/Hospital-Awards.png) center center no-repeat; color: #ffffff } .awardsBtn a.active:before { content: ''; background: url(../images/button-arrow.png) no-repeat; width: 77px; height: 14px; top: 60px; position: absolute; left: 0; right: 0; margin: auto } .awardsBtn:nth-child(1) { border-right: 1px solid #cccccc } .awardswapper { width: 100%; position: relative; background: #faf5ff; padding: 20px 0px; overflow: hidden } .awardswapper .ourspecialties h2 { font-family: "DIN-Bold"; font-size: 36px; position: relative; padding: 0px 0px 20px; margin-bottom: 20px; color: #5f2160 } .awardswapper .ourspecialties h2::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .awardswapper .awardsSlider { transition: left .5s ease-out; margin: 0; padding: 0px; float: left; width: 100%; margin-top: 100px; position: absolute; left: -150% } .awardswapper .awardsSlider.active { position: relative; left: 0px; transition: left .5s ease-out } .awardswapper li:first-child::before { content: ""; background: none } .awardswapper li a { text-decoration: none; color: #5f2160 } .awardswapper li:before { content: ''; width: 100%; height: 1px; top: 139px; left: -50%; position: absolute; z-index: -1; background: url(../images/ab_line3.png) } .awardswapper .slick-prev { left: 0 } .awardswapper .slick-next { right: 0 } .otherbannimg { float: right; text-align: right; width: 100%; position: relative; right: -100%; transition: right 1.5s ease-out; -webkit-transition: right 1.5s ease-out } .otherbannimg img { float: right; margin-top: -140px } .otherbannimg.active { right: -15%; transition: right 1.5s ease-out; -webkit-transition: right 1.5s ease-out } .awardswapper .awardsSlider li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; text-align: center; padding-bottom: 0px; position: relative; text-align: center } .awardswapper .awardsSlider li .viconwrp { position: relative; width: 70px; height: 70px; position: relative; left: 0; right: 0; margin: 100px auto auto auto; transition: all 600ms ease-in } .awardswapper .awardsSlider li .cirwrp { width: 100%; height: 100%; background: url(../images/awarsIcon.png) no-repeat; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-size: cover } .awardswapper .awardsSlider li .cirwrp img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: all 600ms ease-in } .awardswapper .awardsSlider li.slick-current .viconwrp { width: 267px; height: 268px; margin: 0px auto auto auto } .awardswapper .awardsSlider li.slick-current .cirwrp { width: 100%; height: 100%; background: url(../images/awards-img-bg.png) no-repeat; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-size: cover } .awardswapper .awardsSlider li.slick-current .cirwrp img { width: 95%; height: 95%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: all 400ms ease-in; opacity: 1 } .awardswapper .awardsSlider li h3 { font-family: "DIN-Bold"; font-size: 22px; color: #5f2160 } .awardswapper .awardsSlider li .textBox { padding: 10px 60px } .awardswapper .awardsSlider li .textBox h2 { color: #5f2160 } .awardswapper .awardsSlider .slick-prev, .awardswapper .awardsSlider .slick-next { z-index: 11; top: 137px } .awardswapper .awardsSlider .slick-prev::before, .awardswapper .awardsSlider .slick-next::before { content: ''; font-size: inherit } .awardswapper .hospitalAwards { margin: 0; padding: 0px; display: inline-block; width: 100%; background-color: #fff; border: 1px solid #e4d8ea; border-radius: 10px; padding: 30px 0 } .awardswapper .hospitalAwards li { list-style: none; position: relative; color: #4d4d4d; font-family: "dinrg"; font-size: 14px; float: left; text-align: center; padding: 0px } .awardswapper .hospitalAwards li p { margin: 0px 0px 8px; font-weight: 600; width: 100%; display: inline-block; text-align: center } .awardswapper .hospitalAwards li .viminfowrp { padding: 10px 30px; color: #3d2979; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: transparent; border: 1px solid #cac6ce } .awardswapper .hospitalAwards li .viminfowrp>table>tr>td { padding-right: 30px; margin-right: 20px } .awardswapper .hospitalAwards li .viminfowrp>table>tr>td:last-child { padding-right: 0px; margin-right: 0px } .awardswapper .hospitalAwards .ddetailswrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: bold; font-family: "dinrg"; font-size: 18px; display: inline-block; margin: 0px 0px 0px; position: relative; padding: 10px 0 } .awardswapper .hospitalAwards .ddetailswrp p { color: #545454; min-height: 45px; font-family: "dinrg"; font-size: 14px; padding: 0; margin: 0; width: 100%; display: block } .awardswapper .hospitalAwards .btn-Bookapopoi { background: #3d2979; color: #fff; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 7px 20px; position: relative; text-align: center; text-decoration: none; margin: 0px 0px 20px 20px } .awardswapper .hospitalAwards .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .academicProgram h3 { color: #773996; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 20px; position: relative; padding: 0px } .academicProgram .APtable { margin-top: 20px; text-align: left } .academicProgram .APtable td { padding: 15px } .academicProgram .APtable td:nth-child(1) { width: 30% } .academicProgram .APtable td:nth-child(2) { width: 12% } .academicProgram .APtable td:nth-child(3) { width: 10% } .academicProgram .APtable td:nth-child(4) { width: 12% } .academicProgram .APtable td:nth-child(5) { width: 14% } .academicProgram .APtable td:nth-child(6) { width: 20% } .academicProgram .mainHead { background: url(../images/academic-programs.jpg) center top; height: 95px; text-transform: uppercase; font-family: "dinrg"; font-weight: 700; color: #5f2160; width: 100%; min-width: 700px } .academicProgram .subHead { background: #f8effc; height: 80px; width: 100%; min-width: 700px } .academicProgram .subHead, .academicProgram .subHead td { border: 4px solid #ffffff } .academicProgram .subHead td:nth-child(1) { color: #773996; font-family: "dinrg"; font-weight: 700; background: url(../images/icon-acco-open.png) no-repeat 20px center; padding-left: 50px } .academicProgram .subHead.active td:nth-child(1) { color: #773996; font-family: "dinrg"; font-weight: 700; background: url(../images/icon-acco-close.png) no-repeat 20px center; padding-left: 50px } .academicProgram .APtable h4 { font-size: 22px; font-family: "dinrg"; color: #3d2a79 } .academicProgram .APtable h4 span { font-size: 16px; display: block; color: #545454; padding: 4px 0 } .academicProgram .contactBox { padding: 20px 0; background: url(../images/borderd2-v.png) no-repeat; margin-top: 30px } .academicProgram .contactBox .call { background: url(../images/call.jpg) no-repeat; padding-left: 30px } .academicProgram .contactBox .email { background: url(../images/email.jpg) 1px 4px no-repeat; padding-left: 30px } .academicProgram .tableAccordion { padding: 30px 0 } .academicProgram .tableAccordion .TAHead { cursor: pointer } .academicProgram .tableAccordion .TAContant { display: none; padding-top: 20px } .iosBox img { display: inline-block; padding: 10px } .app h3 { color: #773996; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 20px; position: relative; padding: 0px } .app h4 { font-size: 22px; font-family: "dinrg"; color: #3d2a79 } .app .downloadBtn { padding: 10px 15px 10px 50px; border-radius: 30px; background: url(../images/downloadArrow.png) no-repeat 21px 9px #412b73; color: #ffffff; display: inline-block; font-size: 20px; margin: 20px 0; font-family: "dinrg" } .row2 { margin-right: -15px; margin-left: -15px } .app .links { margin: 30px 0 } .app .links ul { color: #545454; font-family: "dinrg"; font-size: 16px; margin: 0 0; padding: 0 0 0 20px } .app .links ul li { padding: 5px } .app .inline-block { display: inline-block } .btnwrpblu { display: inline-block; width: 100%; position: relative; clear: both; margin-top: 10px } .btnwrpblu .bluBtn { padding: 10px 25px 10px 25px; border-radius: 30px; background: #412b73; color: #ffffff; display: inline-block; font-size: 20px; margin: 20px 0; font-family: "dinrg" } .aboutbod ul, .aboutbod ol { color: #545454; font-family: "dinrg"; font-size: 16px; margin: 0 0; padding: 0 0 0 20px } .aboutbod li { padding: 5px } .featureswrp { background: #fbf5ff } .featureswrp h3 { color: #773996; font-weight: 700; font-family: "dinrg"; font-size: 24px; display: inline-block; margin: 0px 0px 20px; position: relative; padding: 0px } .featureswrp h4 { font-size: 22px; font-family: "dinrg"; color: #3d2a79 } .featureswrp .downloadBtn { padding: 10px 15px 10px 50px; border-radius: 30px; background: url(../images/downloadArrow.png) no-repeat 21px 9px #412b73; color: #ffffff; display: inline-block; font-size: 20px; margin: 20px 0; font-family: "dinrg" } .featureswrp .links { margin: 30px 0 } .featureswrp .links ul { color: #545454; font-family: "dinrg"; font-size: 16px; margin: 0 0; padding: 0 0 0 20px } .featureswrp .links ul li { padding: 5px } .featureswrp .inline-block { display: inline-block } .mediaSection { padding-top: 0 } .mediaSection h2 { padding-bottom: 30px } .mediaSection h3 { padding: 10px 0 20px 0; background: url(../images/media-head-top.jpg) left 0px no-repeat; color: #773996; font-family: "dinrg"; font-size: 36px } .mediaSection h3 .viewAll { display: inline-block } .mediaSection h3 .viewAll { font-size: 18px; padding: 0 20px; background: #3d2979; margin-left: 30px; height: 36px; border-radius: 18px; line-height: 36px; color: #FFF } .mediaSection h3 .viewAll:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .mediaSection h4 { padding: 4px 0 20px 0; background: url(../images/media-head-top.jpg) left bottom no-repeat; font-size: 20px; font-family: "dinrg"; font-weight: bold; color: #5f2160 } .mediaSection h5 { font-size: 16px; font-family: "dinrg"; color: rgba(84, 84, 84, 0.8); font-weight: normal; margin-bottom: 6px } .mediaSection .PressReleases { padding-top: 15px; padding-bottom: 15px } .mediaSection .PressReleases h3, .mediaSection .PressClips h3, .mediaSection .MediaContactPolicy h3 { display: inline-flex; position: relative; padding: 10px 0 15px 0; margin-bottom: 25px; background: none; color: #5f2160; font-family: "dinrg"; font-size: 36px } .mediaSection .PressReleases h3::after, .mediaSection .PressClips h3::after, .mediaSection .MediaContactPolicy h3::after { content: url("../images/underline4.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .mediaSection .PressReleases .PressReleasesBox { padding-left: 100px; position: relative; margin-bottom: 30px } .mediaSection .PressReleases .PressReleasesBox .city-name { font-weight: bold } .mediaSection .PressReleases .PressReleasesBox p { font-size: 14px } .mediaSection .PressReleases .PressReleasesBox .dateBox { width: 70px; height: 90px; border-radius: 10px; border: 1px solid #c2c2c2; position: absolute; left: 15px; top: 10px; text-align: center; padding-top: 5px; overflow: hidden } .mediaSection .PressReleases .PressReleasesBox .dateBox .month { font-size: 13px; font-family: "dinrg"; height: 15px } .mediaSection .PressReleases .PressReleasesBox .dateBox .date { font-size: 42px; background: -webkit-linear-gradient(left, #773996, #ec1c24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #7b3891; font-family: 'DINNextRoundedLTW01'; height: 45px; line-height: 45px } .mediaSection .PressReleases .PressReleasesBox .dateBox .year { font-size: 13px; background: #3d2979; line-height: 25px; font-family: 'DINNextRoundedLTW01'; height: 25px; color: #ffffff } .mediaSection .readMore { display: inline-block; font-size: 18px; background: url(../images/readMore.png) no-repeat; margin: 15px 0; width: 37px; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #3d2979 } .mediaSection .readMore:hover { background: url(../images/submitbg.png) no-repeat left top/100% 100%; color: #fff } .mediaSection .PressClips { padding-top: 15px; padding-bottom: 15px } .mediaSection .PressClips .pressClipsBox { text-align: center; margin-bottom: 30px } .mediaSection .PressClips .pressClipsBox .imageBox { max-width: 320px; width: 100%; padding: 11px; background: url(../images/pressClips.png) no-repeat; background-size: cover; display: inline-block; margin-bottom: 20px } .mediaSection .PressClips .pressClipsBox .clearfix { text-align: center } .mediaSection .PressClips .pressClipsBox h4 { font-size: 20px; color: #5f2160; font-family: "dinrg"; background: none; padding: 0px; margin: 0px } .mediaSection .PressClips .pressClipsBox h5 { font-size: 14px; color: #545454; font-family: "dinrg"; background: none; padding: 0px; margin: 8px 0px 12px } .mediaSection .PressClips .pressClipsBox p { display: inline-block } .mediaSection .PressClips .pressClipsBox p span { display: block; font-size: 14px; font-family: "DINCond" } .mediaSection .ViewArticle { display: inline-block; font-size: 18px; background: url(../images/readMore.png) no-repeat; margin: 10px 0; width: 37px; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #3d2979 } .mediaSection .ViewArticle:hover { background: url(../images/submitbg.png) no-repeat left top/100% 100%; color: #fff } .mediaSection .MediaContactPolicy .csr { float: right } .mediaSection .MediaContactPolicy ul { font-family: "dinrg"; margin: 0; padding: 0 0 0 15px; font-size: 14px; list-style-type: lower-alpha } .mediaSection .MediaContactPolicy ul li { margin-bottom: 15px } .bnaformwrp { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #f8f5f9; padding: 40px 0px } .bnaformwrp h3 { width: 100%; text-transform: uppercase; color: #5f2160; font-weight: 700; font-family: "dinrg"; font-size: 30px; display: inline-block; margin: 0 0px 10px 0; position: relative; padding: 0px } .bnaformwrp .formcasn { width: 100%; margin: 20px 0 0 0; padding: 0; position: relative; float: left } .bnaformwrp .formcasn ul { margin: 0; padding: 0px } .bnaformwrp .formcasn li { float: left; list-style: none; position: relative; margin-bottom: 30px } .bnaformwrp .formcasn li:last-child { width: 100% } .bnaformwrp .formcasn li i { width: 25px; height: 25px; position: absolute; left: 32px; top: 39px } .bnaformwrp .formcasn li label { width: 100%; float: left; color: #3d2979; font-family: "dinrg"; font-size: 18px; font-weight: normal } .bnaformwrp .formcasn li span.error { position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .bnaformwrp .formcasn li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px 10px 20px; box-sizing: border-box } .bnaformwrp .formcasn li.bdcalender .datepickr-wrapper { width: 100% } .bnaformwrp .formcasn li.bdcalender input { padding-left: 50px; position: relative; z-index: 2 } .bnaformwrp .formcasn li.bdcalender::after { content: url("../images/icon-bdcalender.png"); position: absolute; left: 12px; top: 38px; width: 26px; height: 27px } .bnaformwrp .formcasn li input:focus { outline: none } .bnaformwrp .btnPrevca { color: #5f2160; font-family: "dinrg"; font-size: 14px; width: 100%; margin: 20px 10px 20px 0px; position: relative; display: inline-block; text-align: right } .bnaformwrp .formcasn li .rimsubmitbtn { padding: 4px 30px; width: auto; color: #fff; font-family: "dinrg"; font-size: 25px; border-radius: 30px; display: inline-block; background: #3d2979; border: none; text-transform: uppercase; float: right } .bnaformwrp .formcasn li input:focus { outline: none } .bnaformwrp .formcasn li .drpdownwrp { width: 100%; background: #fff; float: left; position: relative; padding: 10px 10px 10px 16px; border: 1px solid #cac6ce; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .bnaformwrp .formcasn li .drpdownwrp .select-span { color: rgba(84, 84, 84, 0.6); font-family: "dinrg"; font-size: 17px; width: 100%; float: left; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 96% 7px no-repeat; color: #545454; padding: 0px 1px 0px } .bnaformwrp .formcasn li .drpdownwrp .select { background: #fff; position: absolute; cursor: pointer; left: 0px; top: 0px; height: 100%; width: 96%; opacity: 0; color: #000; outline: none; padding-left: 0px } .bnaformwrp .formcasn li .drpdownwrp .select option { padding-left: 15px; padding-bottom: 6px; color: #545454; font-family: "dinrg"; font-size: 17px } .ifclistwrp { width: 100%; float: left; position: relative; clear: both } .ifclistwrp ul { width: 100%; clear: both; margin: 10px 0px 20px; position: relative; padding: 0px } .ifclistwrp ul li { float: left; list-style: none; position: relative; margin-right: 20px } .ifclistwrp ul li:last-child { margin-right: 0px; width: auto !important } .ifclistwrp ul li label { padding-left: 0px; color: #545454; font-family: "dinrg"; font-size: 18px; font-weight: normal; width: 100%; height: 100%; display: inline-block; cursor: pointer } .ifclistwrp ul li label span { margin-right: 8px } .familyformwrp { width: 100%; float: left; position: relative; clear: both; margin-bottom: 20px } .familyformwrp.addofd { border-top: 1px solid #cfcbd3; padding-bottom: 20px; padding-top: 10px } .familyformwrp .fdbox { position: relative; margin: 10px 0px 0px } .familyformwrp .fdbox:first-child { padding-left: 0px } .familyformwrp .fdbox:last-child { padding-right: 0px } .addFm { position: relative; display: inline-block; float: right; margin-right: 10px; font-family: "dinrg"; font-size: 14px; color: #3d2979; padding-left: 50px; line-height: 30px; margin-top: 10px } .addFm:before { position: absolute; left: 0px; top: 0px; width: 40px; height: 30px; background: #fff; border: 1px solid #cfcbd3; border-radius: 20px; content: "+"; text-align: center; font-family: "DIN-Bold"; color: #00a8a9; font-size: 30px; line-height: 22px } .addFm.active:before { content: "-" } .KnowledgeCentre .kcWrap { background: #fcfaff; margin-bottom: 30px } .KnowledgeCentre .KCSlider { padding: 0 } .KnowledgeCentre .KCSlider ul { padding-left: 50px; padding-right: 50px } .KnowledgeCentre .KCSlider ul li { display: table; display: table; padding: 20px 0 } .KnowledgeCentre .KCSlider ul li a { color: #5f2160; border-right: 1px solid #ebe9ed; text-transform: uppercase; font-size: 16px; font-family: "dinrg"; display: table-cell; text-align: center; vertical-align: middle; height: 50px } .KnowledgeCentre .slick-slider { padding: 0 0; margin: 0 } .KnowledgeCentre .kcWrap .slick-arrow { width: 100px; z-index: 1; width: 45px; background: none } .KnowledgeCentre .kcWrap .slick-arrow img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .KnowledgeCentre .kcWrap .slick-prev { left: 15px } .KnowledgeCentre .kcWrap .slick-next { right: 15px } .KnowledgeCentre .kcWrap .slick-current { position: relative } .KnowledgeCentre .kcWrap .slick-current:before { position: absolute; content: ''; background: url(../images/button-arrow.png) no-repeat center center; width: 100%; height: 14px; bottom: 0px } .KnowledgeCentre .kcCont h4 { font-family: "DIN-Bold"; font-size: 20px; position: relative; color: #5f2160; padding: 10px 0px 20px 0; margin: 0 0 10px 0; background: url(../images/KCh4.png) no-repeat left bottom } .KnowledgeCentre .kcCont .readMore { display: inline-block; font-size: 18px; background: url(../images/readMore.png) no-repeat; margin: 15px 0; width: 37px; text-align: center; line-height: 37px; width: 129px; font-family: "dinrg"; color: #3d2979 } .KnowledgeCentre .kcCont .pagination { display: block; padding: 2px 10px 2px 2px; border: 1px solid #3d2979; border-radius: 30px; font-family: "dinrg"; float: left } .KnowledgeCentre .kcCont .pagination span { line-height: 40px; font-size: 20px; padding: 0 10px; float: left; color: #3d2979; height: 40px } .KnowledgeCentre .kcCont .pagination span.active { background: url(../images/paginationBg.png) no-repeat; width: 58px; color: #ffffff; text-align: center } .KnowledgeCentre .kcCont .pagination span.pageNo { color: #e51e2c } .KnowledgeCentre .kcCont .pagination span.btnP { width: 30px; cursor: pointer; padding: 0 } .KnowledgeCentre .kcCont .pagination span.btnP.next { background: url(../images/paginationNext.png) no-repeat center center } .KnowledgeCentre .kcCont .pagination span.btnP.Prev { background: url(../images/paginationPrev.png) no-repeat center center } .contactWapper { margin: 0 0 40px 0; text-align: left; line-height: normal } .contactWapper h3 { font-family: "dinrg"; min-height: 74px; font-size: 22px; position: relative; color: #5f2160; padding: 10px 0px 20px 0; margin: 0 0 10px 0; display: inline-block; font-weight: 600 } .contactWapper h3::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .contactWapper p.contectInfo { font-size: 16px; color: #545454; padding: 5px 0; margin: 0 0px 0 0 } .contactWapper p.contectInfo span { height: 100%; display: inline-block; float: left; margin: 0 15px 0 0 } .contactWapper p.contectInfo a { color: #545454 } .TelephonicAppointmentWapper { width: 100%; background-color: #f1ebf4; border-radius: 15px; display: inline-block; box-sizing: border-box } .TelephonicAppointmentWapper h4 { font-size: 20px; color: #3d2979; margin: 0 } .TelephonicAppointmentWapper .inner-wap { float: left; display: inline-block; padding: 25px 20px } .TollfreeNO { width: 100%; float: left; display: inline-block; padding: 10px 0 0 0 } .TollfreeNO .icons { width: 60px; height: 31px; float: left; margin: 15px 20px 0 0px; display: inline-block; font-size: 15px; line-height: 32px; font-family: "dinrg"; font-weight: 600; color: #773996; text-align: center } .TollfreeNO .text { width: 72%; padding: 0 0 0 20px; border-left: 1px solid #c1bcc3; float: left; font-size: 43px; font-family: "dinrg"; color: #773996 } .TollfreeNO .text p { font-size: 13px; font-weight: normal } .perpuleWap { width: 100%; background-color: #773996; font-family: "dinrg"; font-size: 20px; color: #fff; padding: 10px 20px; box-sizing: border-box; display: inline-block; float: left } .Vaccinesimg { width: 100% } .Vaccinesimg img { width: 100% } .doctroCont { width: 100%; background-color: #773996; font-family: "dinrg"; font-size: 14px; color: #fff; padding: 15px 20px; box-sizing: border-box; display: inline-block; float: left; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px } .doctroCont .box { width: 50%; float: left; display: inline-block; padding: 0 0 10px 0 } .doctroCont p.name { font-size: 15px; color: #fff; padding: 0px 0; margin: 0 0px 0 0 } .doctroCont p.contectInfo { font-size: 15px; color: #fff; padding: 0px 0; margin: 0 0px 0 0 } .doctroCont p.contectInfo span { height: 100%; display: inline-block; float: left; margin: 0 7px 0 0 } .doctroCont p.contectInfo a { color: #fff } .EmergTransservices { width: 100%; background-color: #f1ebf4; padding: 20px 20px; margin: 10px 0 0 0; border-radius: 15px; display: inline-block; box-sizing: border-box } .EmergTransservices .name { font-family: "dinrg"; font-weight: 600; font-size: 18px; color: #3d2979; padding: 0 0 10px 0; border-bottom: 1px solid #c1bcc3; text-align: center } ul.Addresswapper { margin: 0; padding: 0 } ul.Addresswapper li { padding: 15px 0; border-bottom: 1px solid #c1bcc3; list-style: none } ul.Addresswapper li:last-child { border: none } ul.Addresswapper li p.contectInfo { font-size: 15px; color: #555555; padding: 5px 0; margin: 0 0px 0 0 } ul.Addresswapper li p.contectInfo span { height: 100%; display: inline-block; float: left; margin: 0 7px 0 0 } .ourcenterbranchbg { width: 100%; position: relative; border-top: 1px solid #e4d8ea; background: #fff; padding: 30px 0px } .ourcenterbranchbg .atabscontent { padding: 0px 0px 0px } .OurCenterLists { width: 100%; float: left; clear: both; position: relative } .OurCenterLists>h4 { font-family: "dinrg"; font-size: 36px; position: relative; color: #5f2160; padding: 0px; margin: 0px 0px 20px 20px; text-align: left } .OurCentertext { margin: 10px 0 0 0 } .OurCentertext h3 { font-family: "DINNextRoundedLTW01"; min-height: 74px; font-size: 22px; position: relative; color: #5f2160; padding: 10px 0px 20px 0; display: inline-block } .OurCentertext h3::before { content: url("../images/underline-new.png"); position: absolute; left: 0px; bottom: 0px; width: 40px } .OurCentertext p { margin: 0; font-size: 17px } .OurCentertext .submitbtn { padding: 7px 20px; text-align: center; width: auto; color: #fff; font-family: "dinrg"; font-size: 16px; border-radius: 30px; display: inline-block; background: #3d2979; border: none; text-transform: uppercase; float: left; margin: 20px 0 } .OurCentertext .cityname { margin: 0; padding: 0; width: 100%; display: inline-block } .OurCentertext .cityname li { font-family: "dinrg"; font-size: 18px; width: auto; float: left; display: inline-block } .OurCentertext .cityname li:nth-child(odd) { width: 38%; padding: 10px 20px 10px 0 } .OurCentertext .cityname li:nth-child(even) { width: 45%; padding: 10px 20px 10px 0 } .ourcenterbranch { background: #faf5ff; border-radius: 20px; overflow: hidden; list-style: none; margin: 0 0 20px 0; padding: 0 } .ourcenterbranch .BranchImg { width: 40%; height: 100%; float: left; border-radius: 20px; box-sizing: border-box; position: relative } .ourcenterbranch .BranchImg img { width: 100%; height: 100% } .ourcenterbranch .directiontext { width: auto; height: auto; position: absolute; top: 43%; right: -37px; text-align: center } .ourcenterbranch .directiontext p { font-size: 12px; ont-family: "dinrg"; text-transform: uppercase; color: #3d2979 } .ourcenterbranch .directiontext img { width: auto } .ourcenterbranch .address-wapper { float: left; text-align: left; width: 52%; padding: 2.5% 0 1.5% 80px; box-sizing: border-box } .ourcenterbranch .address-wapper .textname { font-family: "dinrg"; font-weight: bold; font-size: 22px; margin-bottom: 20px; color: #3d2979; text-transform: uppercase } .ourcenterbranch .address-img-wapper img { width: 100% } .ourcenterbranch .address-wapper p { color: #545454; font-family: "dinrg"; font-size: 16px } .ourcenterbranch .address-wapper .call-no { height: 40px; padding: 8px 0 8px 50px; margin: 20px 0; float: left; background: url(../images/icon-call2.png) no-repeat left top; font-family: 'DIN-Bold'; font-size: 18px; color: #5f2160 } .ourcenterbranch .btn-aboutcenter { text-transform: uppercase; font-family: "dinrg"; color: #3d2979; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 2px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 0 0px; float: left } .ourcenterbranch .btn-aboutcenter:hover { background: #3d2979; color: #fff; border: 1px solid #3d2979 } .ourcenterbranch .btn-Bookapopoi { text-transform: uppercase; background: #3d2979; float: left; color: #fff; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; font-family: "dinrg"; font-size: 12px; height: 34px; padding: 2px 20px; position: relative; text-align: center; text-decoration: none; margin: 20px 0px 0 20px } .ourcenterbranch .btn-Bookapopoi:hover { background: #fff; color: #3d2979; border: 1px solid #3d2979 } .ourcenterbranch .address-wapper .direction { height: 40px; padding: 8px 50px 8px 0px; margin: 15px 0 20px 20px; text-transform: uppercase; display: block; float: left; background: url(../images/icondirection.png) no-repeat right top; font-family: "dinrg"; font-size: 18px; color: #5f2160 } .tagslink { width: 100%; float: left; clear: both; position: relative; padding: 0px 20px 0px; margin: 0px 0px 30px } .tagslink ul { margin: 0px; padding: 0px; width: 100%; display: inline-block } .tagslink ul li { float: left; margin-bottom: 10px; list-style: none } .tagslink ul li a { padding: 2px 20px; margin-right: 10px; text-transform: uppercase; font-size: 12px; font-family: "dinrg"; color: #3d2979; border-radius: 20px; border: 1px solid #3d2979; display: inline-block; text-align: center; text-decoration: none } .tagslink ul li a:hover { background: #3d2979; color: #fff } @media (max-width: 1400px) { .abawardswrp { padding: 60px 0px 0px } .sharefwrp .dconfirmawrp .ttheader2 ul li { margin-right: 20px !important } .sharefwrp .dconfirmawrp .confirstmwrp ul li { margin-right: 0px !important } .slidesubnavwrp { margin-right: 240px } } @media (max-width: 1300px) { .aboutityiconwrp .aboutuslidercon .ddetailswrp p { min-height: 60px } .aboutityiconwrp .aboutuslidercon .btn-Bookapopoi { margin: 10px 0px 20px 20px } .aboutbannimg img { margin-top: 10px } .aboutbannimg.active { right: -15px !important; width: 100% } .aboutlp { width: 100%; position: relative; padding: 150px 0px 40px } .abawardswrp { padding: 80px 0px 0 } .abawardswrp .abawardslider { width: 60% } .abawardswrp .abawardslider h3 { font-size: 18px; font-weight: bold; margin: 0px auto 2px } .abawardswrp .abawardslider p { line-height: 18px } .TollfreeNO .text { font-size: 40px; font-family: "dinrg"; color: #773996 } section .covering .contentwrp .coveringslider .sitem .thumb { margin: 2px 5px 0px 0px } section .covering .contentwrp .coveringslider .sitem .text { width: 50% } section .ratinsliderwrp .contentwrp .Childsslider .sitem .text { float: left; padding: 0; width: 55% } } @media (max-width: 1280px) { .slidesubnavwrp { margin-right: 230px; width: 550px } } @media (max-width: 1200px) { section .ivfwrp { width: 32% } section .tfourhourswrp { bottom: 10px; float: right; left: -40px; position: absolute; width: 42% } section .covering { right: 0px; top: 80%; width: 33% } section .redefiningwrp { width: 512px } section .ivfwrp { left: -42px } section.sfirst { padding: 100px 0 10px } .oursslider .sitem .text { height: 237px; padding: 15px 15px 0; position: relative; text-align: center; width: 237px } .oursslider .sitem .text h3 { font-size: 20px } .oursslider .sitem .text p { font-size: 13px } section.ourSpecialitieswrp { padding: 150px 0 60px } .kaleidoscopewrp .contentwrp .sitem .text { width: 380px; height: 370px; margin: 0 auto } .Rainbowslider { width: 70%; margin: 15px auto 0px; position: relative } .kaleidoscopewrp .contentwrp .sitem h2 { font-size: 20px; margin: 6px 0px 15px } .Rainbowslider { width: 70%; margin: 14px auto 0px; position: relative } .Rainbowslider .item h3 { font-size: 18px } .Rainbowslider .item p { font-size: 16px; width: 90%; margin: 0 auto } #sidenav .sidenavwrp .navalignwrp>ul>li>h2 { font-size: 36px } .atabs li { margin-right: 0% !important } .atabs li h2 { font-size: 24px } .osatabs li { margin-right: 12% } .osatabs li h2 { font-size: 24px } .pagetitle { padding-top: 20px } .pagebcwrp { padding: 80px 0 30px } .abccare::before { background: transparent url("../images/ab_bg.png") no-repeat scroll right 0px/100% 30%; content: ""; height: 100%; left: 0px; position: absolute; top: -135px; width: 100% } .pagebcwrp { display: none } .abccare { padding: 100px 0 50px } .abccare::before { position: absolute; top: 0px; background: transparent url("../images/ab_bg.png") no-repeat scroll 40% 0px/140% auto; content: ""; height: 100%; left: 0px; width: 100% } .wtwedo { padding: 100px 0 50px } .wtwedo::before { background: transparent url("../images/wtwedo_bg.png") no-repeat scroll center 0px/120%; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100% } .aboutushead { padding: 100px 0 50px } .aboutushead::before { top: 0px } .hlfcube li .finddwrp { width: 260px } .timetablewrp .dconfirmawrp, .timetablewrp .dconfirmawrp2 { padding: 0px 15px } .timetablewrp .dconfirmawrp, .timetablewrp .dconfirmawrp2 { margin-bottom: 0px } .offercnt { text-align: center } .dofferswrp { float: none !important; width: 50%; margin-top: 20px } .mcall { float: left; width: 50%; margin-top: 40px } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails li { width: 47% } .pagetitle h2 { font-size: 52px } .pagetitle h3 { font-size: 30px } .findtstwrp li { width: 100% } .findtstwrp li .finddwrp { width: 70% } .findtstwrp li .finddwrp2 { width: 70% } .findtstwrp li .finddwrp3 { width: 70% } .mcontentview { margin-top: 20px } .testdList>li .ssdetailswrp { background: #fff; padding: 0px 20px } .testdList>li .ssdetailswrp .ssicon { padding: 10px 0px 0px } .testdList>li .ssdetailswrp .ssicon::before { bottom: -36px } .testdList>li .ssdetailswrp ul li .txtComments { margin: 10px 0px } .testdList>li .ssdetailswrp2 ul li .txtComments { margin: 10px 0px } .testdList>li .ssdetailswrp2 { margin-bottom: 0px } .testdList>li .ssdetailswrp2 .ssicon { width: 100%; float: left; margin-bottom: 6px; position: relative; padding: 10px 0px 0px } .testdList>li .ssdetailswrp2 .ssicon::before { bottom: -36px } .icon-wapper-text { width: 60%; float: left; padding: 20px 0 0 0 } .footersitenav ul li { width: 202px } .aboutushead p { font-size: 17px; line-height: 24px } .container { width: 100% !important } .mediabg { padding: 100px 0 50px } .mediabg:before { top: 0px } .aboutsectin2.wcuswrp li h2 { width: 100%; margin: 0 auto; line-height: 30px; font-size: 18px; padding-bottom: 25px } .rachieved li h2 { width: 96%; margin: 0 auto } .prelscontent .col-xs-12 { padding: 0px 40px 0px 0px } .aboutlp .abtitle h2 { font-size: 52px } .aboutlp .abmdswrp .abmdsdts .details { width: 100% } .aboutlp .abmdswrp .abmdscir { width: 60%; margin-left: 20% } .pageheader { margin-top: 120px } .awardswapper .awardsSlider li .textBox { padding: 10px 20px } .mediabg .pageheader { margin-top: 0px } .otherbannimg { width: 100%; right: -100% } .otherbannimg img { margin-top: -80px } .otherbannimg.active { right: -15px } .TollfreeNO .text { width: 67%; font-size: 31px; font-family: "dinrg"; color: #773996 } .familyformwrp .fdbox { position: relative; margin: 0px 0px 10px } .familyformwrp .fdbox:first-child { padding-left: 15px } .familyformwrp .fdbox:last-child { padding-right: 15px } .addFmform { margin-bottom: 0px !important } .ourcenterbranch { margin: 0px 20px 20px 0px } .tagslink { padding: 0px 20px 0px } } @media (max-width: 1080px) { .abawardswrp { padding: 40px 0px 0 } .abawardswrp .abawardslider { width: 60% } .abawardswrp .abawardslider h3 { font-size: 18px; font-weight: bold; margin: 0px auto 2px } .abawardswrp .abawardslider p { line-height: 18px } .ourcenterbranch .address-wapper { float: left; text-align: left; width: 50%; padding: 2.5% 0 2.5% 50px } .ourcenterbranch .address-wapper .textname { font-size: 18px; margin-top: 10px; margin-bottom: 10px; color: #3d2979; text-transform: uppercase } .ourcenterbranch .address-wapper .call-no { margin: 10px 0; font-size: 14px } .slidesubnavwrp { margin-right: 230px; width: 400px } } @media (max-width: 999px) { ul.about-service li { width: 100% } .icon-wapper { width: 160px; height: 160px; margin: 10px auto; text-align: center; float: none } .icon-wapper-text { width: 100%; float: none; border-bottom: 1px solid #e4d8ea; padding: 20px 15px } .abawardswrp { width: 50%; margin: 0px 0px 30px 20%; padding: 120px 0px 0px } .OurCentertext .cityname li:nth-child(odd) { width: 45%; padding: 10px 20px 10px 0 } .OurCentertext .cityname li:nth-child(even) { width: 45%; padding: 10px 20px 10px 0 } } @media (min-width: 992px) { .container { width: 90% } } @media (max-width: 980px) { .circuleframe img { width: 100%; margin: -20px 0px 0px -15px } header.headerwrp.active { padding: 0px 0 } #sidenav .closesidenav { position: absolute; right: 20px; top: 20px } header .tfourhours { display: none } footer .footernavwidget { display: none } footer.copyright { text-align: center } footer.copyright ul { display: inline-block; float: none; text-align: center; margin: 0 auto 5px; padding: 0 } footer.copyright ul li { float: none; display: inline-block; padding: 0 6px } footer.footerNavwrp { background: #fff url("../images/bg_footer.jpg") no-repeat scroll right bottom/cover } .subscribewrpm { width: 86% } footer.subscribewrp .subscribebox input.btnSubmit { padding: 0 10px; width: 110px } section.sfirst { background: transparent url("../images/bg_1.png") no-repeat 20% 0%/150%; padding: 50px 0 50px 0 } section.sfirst, section .tfourhourswrp, section .ivfwrp, section .covering, section .ratinsliderwrp { height: auto; left: 0; position: relative; top: 0; width: 100% } section .covering .contentwrp .coveringslider .sitem .cvrbannwrp { border-top-left-radius: 20px; margin-top: 20px } section .ratinsliderwrp { background: #fff; border-top: 1px solid #f7f7f7; padding: 15px } section.sfirst .container .col-sm-12 { margin-bottom: 0px } section .redefiningwrp { position: relative; width: 80% } section .redefiningwrp .btnwrpappointment { bottom: -110px; left: 8% } section .covering, section .ivfwrp { width: 50%; margin-top: 0px } section .tfourhourswrp .contentwrp { width: 80%; margin: 0 auto } section .tfourhourswrp .contentwrp .Childsslider .slick-dots { bottom: -30px } .oursslider, .rainbowslider, .aboutslider { padding-bottom: 30px } .oursslider .slick-dots { bottom: -4px; z-index: 6 } .rainbowslider .slick-dots { bottom: -4px; z-index: 6 } .aboutslider .slick-dots { bottom: -4px; z-index: 6 } .aboutuswrp { padding: 20px 0 10px } .aboutap { width: 80%; display: inline-block } .aboutap h2 { width: 100% } .aboutuscontentwrp .abicons img { width: 60% } .rainbowdateandinswrp { margin-top: 20px } .menu-se { position: absolute; right: -40%; top: 10px; display: inline } #sidenav .sidenavwrp { width: 90%; margin: 0 auto; position: relative; height: 90%; overflow: auto; padding: 10% 0 0 0 } .atabs li { margin-right: 4% } .atabs li h2 { font-size: 22px } .osatabs li { margin-right: 4% } .osatabs li h2 { font-size: 22px } .csrlist li { width: 50% } .fncarousel { width: 96%; position: relative; overflow: hidden; height: 50px } .timetablewrp .dconfirmawrp .ttheader2 ul li { margin-right: 30px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li { margin-right: 30px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li { width: 40% } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li { width: 40% } .pagetitle h2 { font-size: 36px } .pagetitle h3 { font-size: 22px; margin-bottom: 0px } .aboutushead .pagetitle .tgradient4 { font-size: 40px } .vimmunitywrp .vimform ul li { margin-right: 10px } .vimmunitywrp .vimform ul li .sdatewrp2, .vimmunitywrp .vimform ul li .sdatewrp { width: 200px } .vimmunitywrp .vimform ul li .rimsubmitbtn { margin-right: 6px } .vimminfowrp .infocell1 { width: 100%; border: none; border-bottom: 1px solid #cac6ce; margin: 0px 0px 20px; padding: 0px 0px 20px } .vimminfowrp .infocell1:last-child { border: none; margin: 0px; padding: 0px } .gmapwrp .sidelocdetwrp { position: relative; top: 0px; width: 100%; border-bottom-right-radius: 0px; border-top-right-radius: 0px } .mimgrolatedwrp .mimgl img { height: 100% } .gmapwrp .sidelocdetwrp .mdetailwrp ul { width: 100% } .gmap { height: 300px } .timetablewrp .ttheader { width: 100%; position: relative; display: inline-block; background: url(../images/date-day-top-bor.png) no-repeat left top } .csrlist li { min-height: 0px } .atabs { background: url(../images/ab_line3.png) no-repeat center 70px } .osatabs { background: url(../images/ab_line3.png) no-repeat center 70px } ul.Bordofdirector li { padding: 20px 0 } ul.Bordofdirector li .leftsec { margin: 0 0 20px 0 } ul.Bordofdirector li .rightsec:before { content: url("../images/borderd2-v.png"); position: absolute; left: 0px; top: -17px; text-align: center; width: 100%; height: 3px } ul.Bordofdirector li .rightsec { display: block } ul.Bordofdirector li .rightsec p { display: none } ul.Bordofdirector li .rightsec p:nth-child(1) { display: block } .Bod-video-img { width: 100%; height: auto } .pressrelease-sec p br { display: none } .wwrarwrp p { line-height: 20px; font-size: 14px } .aboutsectin2 .sinfo { width: 96% } .cemslist li .cellwrp2 { width: 100% } .cemslist li .cellwrp1 { width: 100%; margin-bottom: 10px; padding-right: 0px } .aboutlp .abmdswrp { margin-top: 0px } .aboutlp .abwwawrp .abwwaslider, .aboutlp .abfswrp .abfsslider { padding: 0px 0px 0px } .aboutlp .abwwawrp .abwwaslider .slick-dots, .aboutlp .abfswrp .abfsslider .slick-dots { position: relative } .aboutlp .abmdswrp, .aboutlp .abwwawrp, .aboutlp .abfswrp, .abeventswrp { padding-bottom: 16px; margin: 0px 0px 30px; border-bottom: 1px solid #e4d8ea } .aboutlp .abmdswrp .abmdscir { width: 60%; margin-left: 20% } .abawardswrp .abawardslider { width: 50% } .aboutlp .container .row { margin: 0px 0px 0px } .aboutushead { padding: 100px 0 25px } .apapproachwrp .apatitle>h2 { margin-top: 0px } .aboutushead { padding: 100px 0 20px } .abrcwrp { margin: 30px 0px; text-align: left } .abrcwrp .abrcdts { width: 100%; max-width: 100% } .awardswapper .awardsSlider li .textBox { padding: 10px 0px } .awardswapper .awardsSlider li .textBox { display: none } .awardswapper .awardsSlider li.slick-current .textBox { display: block } .pageheader .ptitle h2 { font-size: 36px !important; line-height: 40px !important } .pageheader .ptitle h3 { font-size: 22px !important; padding: 32px 0px 0px !important } .mediaSection h4 { font-size: 16px } .mediabg p { line-height: 24px } .insurancetpaslist li { width: 50% } } @media (max-width: 900px) { .abawardswrp { width: 60%; margin: 0px 0px 30px 20%; padding: 120px 0px 0px } .ourcenterbranch .BranchImg { width: 40%; height: 100% } .ourcenterbranch .BranchImg img { width: auto; height: 100% } .ourcenterbranch .address-wapper { width: 60%; padding: 2.5% 0 2.5% 40px } } @media (max-width: 800px) { header .tonnavwrp li { margin: 0 6px } header .logowrp img { width: 100px } header .logowrp.logos2 img { width: 80px } header.fixed .logowrp.logos2 img { width: 75px } header .logowrp.logos3 img { width: 40px } header.fixed .logowrp.logos3 img { width: 35px } #sidenav { width: 100%; right: -100% } #sidenav .sidenavwrp { width: 100%; padding: 10% 0 0 4% } #sidenav .sidenavwrp .navalignwrp { width: 100% } #sidenav .sidenavwrp>ul>li { list-style: none; float: left; width: 100% } #bg-video { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; opacity: .3 } section .redefiningwrp { position: relative } section .redefiningwrp .contentwrp { height: 100%; position: relative; width: 100% } section .redefiningwrp .contentwrp .iconbaby { left: -37px; position: absolute; top: 50px } section .redefiningwrp .contentwrp .redefcontent { font-family: "dinrg"; padding: 40px 0 0 130px; width: 90% } section .redefiningwrp .contentwrp .redefcontent h2 { color: #773996; font-family: "DINNextRoundedLTW01"; font-size: 32px; font-weight: bold; margin: 0px 0px 0px 0px } section .redefiningwrp .contentwrp .redefcontent h2 span { color: #ed1c24 } section .redefiningwrp .contentwrp .redefcontent h3 { color: #5f2160; font-size: 18px; padding-top: 10px; margin: 0px 0px 8px 0px } section .redefiningwrp .contentwrp .redefcontent p { color: #545454; font-size: 16px } section .redefiningwrp .contentwrp .redefcontent .knowmore2 { margin: 12px 0 0 5%; padding: 6px 20px 0 } section .redefiningwrp .btnwrpappointment { bottom: -140px; left: 8%; position: absolute } section .ivfwrp .contentwrp { width: 80%; margin: 0 auto } section .covering, section .ivfwrp, section .tfourhourswrp { background: #fff; border-top: 1px solid #f7f7f7 } section .ivfwrp, section .tfourhourswrp { padding: 30px 0px } section .tfourhourswrp { border-bottom: 1px solid #f7f7f7 } section.ourSpecialitieswrp { min-height: 200px; padding: 0px 0 0px; position: relative } section.ourSpecialitieswrp::before { background: transparent url("../images/bg_02.jpg") no-repeat scroll right 0/100% 100%; content: ""; height: 100%; left: 0; position: absolute; top: -80px; width: 100% } section.ourSpecialitieswrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100% } section.ourSpecialitieswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 42px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .oursslider .sitem.osbox1 { padding-top: 130px; position: relative } .oursslider .sitem.osbox1 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 130px; left: 50%; position: absolute; top: -130px; width: 2px } .oursslider .sitem.osbox2 { padding-top: 190px; position: relative } .oursslider .sitem.osbox2 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 190px; left: 50%; position: absolute; top: -190px; width: 2px } .oursslider .sitem.osbox3 { padding-top: 152px; position: relative } .oursslider .sitem.osbox3 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 152px; left: 50%; position: absolute; top: -152px; width: 2px } .oursslider .sitem.osbox4 { padding-top: 185px; position: relative } .oursslider .sitem.osbox4 .hangingcircule { background: transparent url("../images/line-hang.png") repeat-y scroll center top; content: ""; height: 185px; left: 50%; position: absolute; top: -185px; width: 2px } .oursslider .sitem .text { margin: 0 auto; background: transparent url("../images/circule_border.png") no-repeat scroll right 0/100% auto; height: 282px; padding: 15px 30px 0; position: relative; text-align: center; width: 282px } .kaleidoscopewrp { min-height: 200px; padding: 60px 0 20px; position: relative } .kaleidoscopewrp::before { background: transparent url("../images/bg_03.jpg") no-repeat scroll right 0/100% 80%; content: ""; height: 100%; left: 0; position: absolute; top: 0px; width: 100% } .kaleidoscopewrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100% } .kaleidoscopewrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 42px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .kaleidoscopewrp .contentwrp .sitem .text { margin: 0 auto; background: transparent url("../images/icon-star.png") no-repeat scroll right 0/100% auto; padding: 58px 30px 0; position: relative; text-align: center; width: 380px; height: 364px } .aboutuswrp::before { background: transparent url("../images/bg_4.png") no-repeat scroll right 0px/100% 50%; content: ""; height: 110%; left: 0; position: absolute; top: -10%; width: 100% } .aboutuscontentwrp { width: 60% } .aboutuscontentwrp .abicons { width: 80%; text-align: center } .aboutuscontentwrp .abicons img { width: 50% } .sstorieswrp { min-height: 200px; padding: 0px 0 0px; position: relative } .sstorieswrp::before { background: transparent url("../images/bg_05.jpg") no-repeat scroll right 0px/100% auto; content: ""; height: 100%; left: 0; position: absolute; top: 0%; width: 100% } .sstorieswrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100%; display: inline-block; margin-bottom: 50px } .sstorieswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 42px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .sstorieswrp .ourstitlewrp h2 span { color: #4ffe2b } .sstorieswrp .ssleft .ssdetailswrp { width: 250px; float: left; position: absolute; left: 5%; top: 10px; z-index: 4 } .sstorieswrp .ssleft .ssthumbwrp .thumb { width: 100%; float: left; text-align: right; height: auto } .sstorieswrp .ssleft .ssthumbwrp .thumb .playvid img { position: relative; width: 70%; display: inline-block } .sstorieswrp .ssright .ssdetailswrp { width: 290px; float: left; position: absolute; right: 0%; top: 10px; z-index: 4; margin-bottom: 30px } .sstorieswrp .ssright .ssthumbwrp .thumb { width: 70%; float: left; text-align: left; height: auto; margin-top: 0px } .sstorieswrp .ssright .ssthumbwrp .thumb .playvid img { position: relative; width: 100%; display: inline-block } .sstorieswrp .ssright .ssdetailswrp .ssicon { text-align: right } .sstorieswrp .ssright .ssdetailswrp .ssicon img { display: inline-block } .sstorieslider { padding-bottom: 80px } .sstorieslider .slick-dots { bottom: 50px } .rainbowdateandinswrp table, .rainbowdateandinswrp table tr { width: 100% } .atabs li { margin-right: 4% } .atabs li h2 { font-size: 22px } .osatabs li { margin-right: 4% } .osatabs li h2 { font-size: 22px } .hlfcube li { background: #3d2979; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 20px 10px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 120px; float: left; position: relative; margin-left: 15px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 13px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp { width: 120px; float: left; position: relative; margin-left: 30px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 13px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .searchbtn { width: 60px; height: 34px; display: inline-block; float: left; position: relative; margin-left: 10px; background: url(../images/icon-search-bg.png) no-repeat left 4px/100% } .dofferswrp { float: left; width: 50% } .mcall { float: left; width: 50%; margin-top: 80px } .daddresswrp p { width: 90% } .timetablewrp { padding: 0px 15px } .timetablewrp .dconfirmadresswrp { margin-bottom: 0px } .ourcenterlist .address-wapper { float: left; text-align: left; width: 100% } .ourcenterlist .address-img-wapper { float: left; width: 100%; border-radius: 30px; overflow: hidden } .infotext { padding: 20px 20px 20px 30px; line-height: 24px; height: 160px; overflow: auto } .apapproachwrp .apapproachlist li { width: 25% } .apapproachwrp .apapproachlist li .txtwrp p { width: 96% } .rcnannelhead .pagetitle .textgradient { margin: 0px 0px 4px 0px; padding: 0px 0px 30px } .rcnannelhead .mcontentview { margin-top: 0px } .footerstikynav { bottom: 0px } .footersitenav ul li { width: 190px } .footersitenav .btnNext { right: 8px } footer.subscribewrp strong { font-size: 16px } .footersitenav ul li { font-size: 14px; line-height: 17px } .footersitenav ul li.active a { font-size: 14px; line-height: 17px } .rchannelist li { float: left; list-style: none; width: 44%; position: relative; margin: 0px 3% 40px } .prelshead .prtitle h2 { width: 100% } .mediaSection .MediaContactPolicy .csr { float: left; margin: 20px 0 } .mediaSection .MediaContactPolicy .img { margin-bottom: 30px } .mediaSection h3 { font-size: 22px } .aboutlp { width: 100%; position: relative; padding: 100px 0px 40px } .aboutlp .abtitle h2 { font-size: 52px } .tncmodalwrp, .srmodelwrp { padding: 20px 0px } .aboutushead .pagetitle .textgradient { padding: 0px 0px 20px } .abhmqwrp .abhmqdts { width: 80% } .pageheader { margin-top: 80px } .mediaSection .PressReleases .PressReleasesBox { padding-left: 70px } .mediaSection .PressReleases .PressReleasesBox .dateBox { left: 0px; width: 60px; height: 80px } .mediaSection .PressReleases .PressReleasesBox .dateBox .date { font-size: 24px; height: 34px; line-height: 36px } .otherbannimg { width: 100%; right: -100% } .otherbannimg img { margin-top: -40px } } @media (max-width: 768px) { .subtitle h3 { font-size: 22px } .DoctorDesk-aco { font-size: 16px; line-height: 22px } .academicProgram .APtable td { padding: 6px; font-size: 14px; line-height: 20px } .academicProgram .subHead td:nth-child(1) { padding-left: 30px; background: url(../images/icon-acco-open.png) no-repeat 7px center } .academicProgram .subHead.active td:nth-child(1) { padding-left: 30px; background: url(../images/icon-acco-close.png) no-repeat 7px center } } @media (min-width: 768px) { .container { width: 90% } } @media (max-width: 767px) { .slidesubnavwrp { display: none } .sharefwrp { margin-top: 20px } .sharefwrp .dconfirmawrp .ttheader2 ul li { width: 46% } .awardswapper .awardsSlider .slick-next { right: 0px } .awardswapper .awardsSlider .slick-prev { left: 0px } .aboutvm .right { float: left; margin: 0px 0px 20px 20px } .aboutbannimg { position: relative; width: 100%; top: inherit } .aboutbannimg img { margin-top: 0px; margin-bottom: 20px } .circuleframe img { margin: 0 0px 0px -15px } section .covering, section .ivfwrp { width: 100%; margin-top: 0px } section .tfourhourswrp .contentwrp { width: 96%; margin: 0 auto } footer.subscribewrp strong { font-size: 18px; padding: 0 0 12px } header.headerwrp { padding: 4px 0; top: 0 } header .logowrp img { width: 120px } header .tonnavwrp { margin: 12px 0 0 } .tfourhours { display: none } #topsearchwrp { width: 100%; right: -100% } .atabs li { margin-right: 4% } .atabs li h2 { font-size: 20px; line-height: 30px } .osatabs li { margin-right: 4% } .osatabs li h2 { font-size: 20px; line-height: 30px } .hlfcube li { background: #3d2979; width: 100%; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 0px 20px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 75%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .locationwrp .select-span::before { width: 100% } .hlfcube li .specialtywrp { width: 75%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp .select-span::before { width: 100% } .hlfcube li .searchbtn { width: 75px; height: 34px; display: inline-block; float: right; position: relative; margin-left: 10px; background: url(../images/icon-search-bg.png) no-repeat left 1px/100% } .hlfcube li .finddwrp { width: 72% } .hlfcube li .gobtn { float: right } .timetablewrp .dconfirmadresswrp .adrswrp ul.adrsdetails li { width: 100%; margin-right: 0px } .pagetitle h2 { font-size: 32px } .pagetitle h3 { font-size: 19px } .childdoctor-result .ddetailswrp h3 { font-size: 20px } .visionmwrp h3, .h3 { font-size: 30px } .careservices .p { font-size: 19px } .testdList>li .border-right { border-right: none } .vimmunitywrp .vimform ul li { margin-right: 0px; width: 50% } .vimmunitywrp .vimform ul li:last-child { width: 100% } .vimmunitywrp .vimform ul li .sdatewrp2, .vimmunitywrp .vimform ul li .sdatewrp { width: 96% } .vimmunitywrp .vimform ul li .rimsubmitbtn { margin-right: 6px } .qacrdnwrp .qalist li { margin-right: 0px; width: 50%; margin-bottom: 20px } .aboutbannimg.active { right: -18px; margin-bottom: 0px } .timewrp { overflow-x: hidden; overflow-y: auto } .timewrp ul li { width: 25%; height: 60px; padding-top: 0px } .timewrp ul li a { padding-top: 17px } .wwrarwrp .bannanr { margin-bottom: 20px } .wwrarwrp p { font-size: 16px; line-height: 22px } .abannimgwrp { margin-bottom: 0px } .aboutsectin2 .sinfo { font-size: 26px; line-height: 34px; margin-bottom: 40px } .rcnannelhead .pagetitle .textgradient { margin: 0px 0px 4px 0px; padding: 0px 0px 30px } .rcnannelhead .mcontentview { margin-top: 20px } .rcnannelhead .pagetitle { padding-top: 50px } .prelscontent .col-xs-12 { padding: 0px 10px 0px 0px } .pagetitle h3 { display: inline-block } .dfindwrp { margin-top: 0px } .slidequizwrp .quizform>li ul.qzqlist li { width: 50% } .contactWapper { margin: 0 0 40px 0; padding: 0 0px } .contactWapper p.contectInfo { font-size: 16px } .familyformwrp .fdbox { position: relative; margin: 0px 0px 10px; padding: 0px } .familyformwrp .fdbox:first-child, .familyformwrp .fdbox:last-child { padding: 0px } .ourcenterbranch .BranchImg { width: 100%; height: auto } .ourcenterbranch .BranchImg img { width: 100%; height: auto } .ourcenterbranch .address-wapper { width: 100%; padding: 60px 0 20px 20px } .ourcenterbranch .directiontext { bottom: -68px; top: auto; right: 45%; text-align: center } .ourcenterbranch .directiontext img { ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } .iconcomment { bottom: 10px; right: 10px; z-index: 12 } .iconcomment img { width: 50px } .iconfeedback { bottom: 10px; right: 60px; z-index: 12 } .iconfeedback img { width: 50px } } @media (max-width: 740px) { .hlfcube li { background: #3d2979; width: 100%; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 0px 20px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 65%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .locationwrp .select-span::before { width: 100% } .hlfcube li .specialtywrp { width: 65%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp .select-span::before { width: 100% } .hlfcube li .searchbtn { width: 75px; height: 34px; display: inline-block; float: right; position: relative; margin-left: 10px; background: url(../images/icon-search-bg.png) no-repeat left 1px/100% } .about-dr .address-wapper .textname { font-size: 19px } } @media (max-width: 680px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .knowmore2 { padding: 4px 4px 0 !important } .underline { padding: 0 0 5px } header .tonnavwrp li { margin: 0 6px } header .logowrp img { width: 100px } .navgroup-mo { top: 15px; right: 55px; z-index: 1; display: inline } section.sfirst { background: transparent url("../images/bg_1.png") no-repeat scroll right bottom/100% 100% } #bg-video { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; opacity: .3 } section .redefiningwrp { position: relative; width: 100% } section .ivfwrp .contentwrp { width: 80%; margin: 0 auto } section .tfourhourswrp .contentwrp .Childsslider .slick-dots { bottom: -25px } section .covering, section .ivfwrp, section .tfourhourswrp { background: #fff; border-top: 1px solid #f7f7f7 } section .ivfwrp, section .tfourhourswrp { padding: 30px 0px } section .tfourhourswrp { border-bottom: 1px solid #f7f7f7 } section.ourSpecialitieswrp { min-height: 200px; padding: 0px 0 0px; position: relative } section.ourSpecialitieswrp::before { background: transparent url("../images/bg_2.png") no-repeat scroll right 0/100% 100%; content: ""; height: 100%; left: 0; position: absolute; top: -80px; width: 100% } section.ourSpecialitieswrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100% } section.ourSpecialitieswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 36px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .oursslider .sitem .text { margin: 0 auto; background: transparent url("../images/circule_border.png") no-repeat scroll right 0/100% 100%; height: 282px; padding: 55px 30px 0; position: relative; text-align: center; width: 282px } .kaleidoscopewrp { min-height: 200px; padding: 60px 0 20px; position: relative } .kaleidoscopewrp::before { background: transparent url("../images/bg_3.png") no-repeat scroll right 0/100% 100%; content: ""; height: 100%; left: 0; position: absolute; top: -80px; width: 100% } .kaleidoscopewrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100% } .kaleidoscopewrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 36px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .aboutuswrp .ourstitlewrp h2 { font-size: 36px } .sstorieswrp .ourstitlewrp h2 { font-size: 36px } .kaleidoscopewrp .contentwrp .sitem .text { margin: 0 auto; background: transparent url("../images/icon-star.png") no-repeat scroll right 0/100% 100%; padding: 58px 30px 0; position: relative; text-align: center; width: 80%; height: 350px } .aboutuscontentwrp .abicons { width: 100%; text-align: center } .aboutuscontentwrp .abicons img { width: 80% } .sstorieswrp { min-height: 200px; padding: 0px 0 0px; position: relative } .sstorieswrp::before { background: transparent url("../images/bg_5.png") no-repeat scroll right 0px/cover; content: ""; height: 110%; left: 0; position: absolute; top: -10%; width: 100% } .sstorieswrp .ourstitlewrp { position: relative; text-align: center; top: 0; width: 100%; display: inline-block; margin-bottom: 50px } .sstorieswrp .ourstitlewrp h2 { color: #2eeecd; display: inline-table; font-family: "DINNextRoundedLTW01"; font-size: 42px; font-weight: bold; margin: 10px 0 0; position: relative; z-index: 2 } .sstorieswrp .ourstitlewrp h2 span { color: #4ffe2b } .sstorieswrp .ssleft .ssdetailswrp { width: 90%; float: left; position: relative; left: 5%; top: 10px; z-index: 4 } .sstorieswrp .ssleft .ssthumbwrp .thumb { width: 98%; float: left; text-align: center; height: auto } .sstorieswrp .ssleft .ssthumbwrp .thumb .playvid img { position: relative; width: 100% } .sstorieswrp .ssright .ssdetailswrp { width: 90%; float: left; position: relative; left: 5%; top: 10px; z-index: 4; margin-bottom: 30px } .sstorieswrp .ssright .ssthumbwrp .thumb { width: 98%; float: left; text-align: center; height: auto } .sstorieswrp .ssright .ssthumbwrp .thumb .playvid img { position: relative; width: 100% } .aboutap { width: 100%; display: inline-block } .aboutap h2 { width: 100% } .csrlist li { width: 100% } footer.subscribewrp strong { font-size: 16px; padding: 0 0 12px } .footerstikynav .btnwrpappointment ul li a { font-size: 15px; padding: 7px 12px 0 55px } .footerstikynav { bottom: 0px } .footerstikynav .container { padding: 0px } .footerstikynav .btnwrpappointment ul li { margin-right: 2px; padding: 4px } .footerstikynav .btnwrpappointment ul li a { font-size: 11px; padding: 7px 6px 0 36px; height: 32px } .footerstikynav .btnwrpappointment ul li a img { width: 35px } .view-map { display: none } .atabs::before { content: ""; background: none } .atabs li { margin-right: 0%; width: 100% } .osatabs::before { content: ""; background: none } .osatabs li { margin-right: 0%; width: 100% } .atabsm { display: none } .timetablewrp .dconfirmawrp .ttheader2 ul li { margin-right: 0px; width: 100%; margin-bottom: 16px } .timetablewrp .dconfirmawrp2 .ttheader2 .formcasn li { margin-right: 0px; width: 100%; margin-bottom: 16px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li, .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li { width: 35% } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp { width: 100% } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp { width: 100% } .hlfcube li { background: #3d2979; width: 100%; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 0px 20px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 60%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .locationwrp .select-span::before { width: 100% } .hlfcube li .specialtywrp { width: 60%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp .select-span::before { width: 100% } .hlfcube li .searchbtn { width: 75px; height: 34px; display: inline-block; float: right; position: relative; margin-left: 10px; background: url(../images/icon-search-bg.png) no-repeat left 1px/100% } .hlfcube li .finddwrp { width: 72% } .hlfcube li .gobtn { float: right } .hlfcube li .finddwrp { width: 70% } .hlfcube li .gobtn { float: right } .ourcenterlist .address-img-wapper { border-radius: 0px } .about-dr .address-wapper .textname br { display: none } .footersitenav ul li { width: 170px } .apapproachwrp .apapproachlist li { width: 50%; margin-bottom: 40px } .apapproachwrp .apapproachlist li .txtwrp p { width: 96% } .aboutushead .pagetitle .tgradient4 { padding: 0px 0px 25px 0px; margin-bottom: 15px } .rcnannelhead .pagetitle { padding-top: 40px } .abawardswrp { width: 80%; margin: 0px 0px 30px 10% } .joinusslide iframe { height: 352px } .aboutlp .abtitle h2 { font-size: 36px } .childblst li .finddwrp { width: 180px; margin-left: 35px } .insurancetpaslist li { width: 100% } } @media (max-width: 580px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .otpwrp li { float: left; list-style: none; margin-right: 38px; width: 56%; position: relative } .otpwrp li:last-child { width: 35%; text-align: right; margin-right: 0px } .otpwrp li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: transparent; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .otpwrp li:last-child input { color: #fff; height: 45px; line-height: 20px; text-transform: uppercase; font-family: "dinrg"; font-size: 25px; width: 100%; float: left; background: url(../images/submitbg.png) no-repeat left top/100% 100%; border: 0px solid #ccc; border-adius: 0px } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li, .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li { width: 100% } .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp ul li .btnPrevca, .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp ul li .btnPrevca { text-align: left } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp { width: 50% } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp { width: 50% } .footersitenav ul li { width: 200px } .visionmwrp h3, .h3 { font-size: 26px; margin: 0px 0 30px } .wwdovwrp .h3 { font-size: 26px; margin: -16px 0 30px } .mcontentview { width: 100% } .testdList li .ssthumbwrp { width: 100%; float: left; margin-right: 0px; margin-bottom: 20px } .testdList li .ssdetailswrp { width: 100%; float: left; background: #fff; padding: 0px 20px; margin-bottom: 20px } .testdList li .ssdetailswrp .ssicon { padding: 10px 0px 0px } .testdList li .ssdetailswrp .ssicon::before { bottom: -36px } .testdList li .ssdetailswrp ul li .txtComments { margin: 10px 0px } .testdList>li .ssdetailswrp2 { width: 100%; float: left; padding: 0px 15px 0px 15px; margin-bottom: 20px } .testdList>li .ssdetailswrp2 .ssicon { width: 100%; float: left; margin-bottom: 6px; position: relative; padding: 10px 0px 0px } .testdList>li .ssdetailswrp2 .ssicon::before { bottom: -36px } .testdList>li .ssthumbwrp.margr { margin-right: 0px; width: 100% } .hlfcube li { background: #3d2979; width: 100%; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 0px 20px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 70%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .locationwrp .select-span::before { width: 100% } .hlfcube li .specialtywrp { width: 70%; float: left; position: relative; margin-left: 30px; margin-bottom: 10px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 100% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp .select-span::before { width: 100% } .hlfcube li .searchbtn { width: 75px; height: 34px; display: inline-block; float: right; position: relative; margin-left: 10px; background: url(../images/icon-search-bg.png) no-repeat left 1px/100% } .wtwedo { padding: 100px 0 0 0 } .greycolor-sec { padding: 15px 0 3px 0 } .whitecolor-sec { padding: 15px 0 3px 0 } .GenraelPediatrics-aco { font-size: 20px } .DoctorDesk-co, .learnacrwrp .questionwrp h3 { font-size: 17px } .infotext, .learnacrwrp .answerwrp p { font-size: 14px } .DoctorDesk-aco { font-size: 17px } .vimminfowrp .infocell1 ul li { margin-right: 6px; margin-bottom: 10px } .learnvmheder h2 { width: 80%; font-size: 25px } .learnvmheder .lvmicon { width: 60px } .rcnannelhead .pagetitle { padding-top: 30px } .aboutbg { background: #fff url("../images/bg_childcare.png") no-repeat center 0px/130% } .mediabg { background: #fff url("../images/bg-press-clip.png") no-repeat center 0px/130% } .sstoriesbg { background: #fff url("../images/sstoriesbg.png") no-repeat center 0px/130% } .ospecialitiesbg { background: #fff url("../images/ospecialitiesbg.png") no-repeat center 0px/130% } .childcarebg { background: #fff url("../images/childcarebg.png") no-repeat center 0px/130% } .womenhealthbg { background: #fff url("../images/womenhealthbg.png") no-repeat center 0px/130% } .sharefwrp .dconfirmawrp .ttheader2 ul li { width: 98% } .hproblem textarea { width: 98% } .sharefwrp .dconfirmawrp .confirstmwrp ul li { width: 100% !important } .confirstmwrp ul li .confirbox2 { float: left; margin-top: 10px } .sharefwrp .dconfirmawrp .ttheader2 { background: url(../images/date-day-top-bor.png) no-repeat left top/100% 2px } .sharefwrp .dconfirmawrp .ttheader2 h3 { margin: 30px 0px 20px; font-size: 18px; line-height: 26px } } @media (max-width: 480px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .circuleframe img { margin: 0 0px 0px -15px } .circuleframe.active { width: calc(100% + 30px) } section.sfirst { background: transparent url("../images/bg_1.png") no-repeat 0% 10%/160% } section.ourSpecialitieswrp::before { background: transparent url("../images/bg_2.png") repeat scroll right 0/cover } .kaleidoscopewrp::before { background: transparent url("../images/bg_3.png") no-repeat scroll 80% 0/cover } .DoctorDesk-aco { padding: 20px 20px 20px 40px; background: #fff url(../images/icon-acco-close.png) no-repeat 10px 30px } .DoctorDesk-aco.sel { background: #fff url(../images/icon-acco-open.png) no-repeat 10px 30px } .aboutuscontentwrp { width: 80% } section .ivfwrp .contentwrp { width: 96%; margin: 0 auto } #topsearchwrp .inputbox .searchInput { height: 20px; color: #fff; font-size: 28px; font-family: "DINNextRoundedLTW01" } #topsearchwrp .inputbox .ssubmitbtn { border: none; position: absolute; right: 0px; top: -17px } .ddetailswrp { width: 100% } .dofferswrp { float: left; width: 100% } .mcall { float: left; width: 100%; margin-top: 30px } .timetablewrp .ttheader .boxwrp { padding-top: 20px } .timetablewrp .ttheader .boxwrp .btndPrevious, .timetablewrp .ttheader .boxwrp .btndNext { top: 50px } .otpwrp li { float: left; list-style: none; margin-right: 10px; width: 60%; position: relative } .otpwrp li:last-child { width: 35%; text-align: right; margin-right: 0px } .otpwrp li input { color: #545454; font-family: "dinrg"; font-size: 17px; width: 100%; float: left; background: transparent; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 20px } .otpwrp li:last-child input { color: #fff; height: 45px; line-height: 20px; text-transform: uppercase; font-family: "dinrg"; font-size: 25px; width: 100%; float: left; background: url(../images/submitbg.png) no-repeat left top/100% 100%; border: 0px solid #ccc; border-adius: 0px } .capopup-inner .enlinkswrp ul li { float: left; list-style: none; margin-right: 10px } .capopup-inner .enlinkswrp ul li a { text-transform: uppercase; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 16px } .ourcenterlist .address-wapper .textname { font-size: 19px } .timewrp ul li { width: 33.33333% } .footersitenav ul li { width: 160px } .rcnannelhead .pagetitle { padding-top: 25px } .prelscontent { padding-left: 0px } .abawardswrp { width: 100%; margin: 0px 0px 30px 0%; padding: 100px 0px 0px } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul>li { border-right: 0px solid #cac6ce; border-bottom: 1px solid #cac6ce; width: 100%; padding: 8px 0px 0px 0px } .vimmunityiconwrp .vimslidercon li .viminfowrp>ul>li:last-child { border-bottom: 0px solid #cac6ce } .visitor-head h2 { font-size: 26px; margin: 17px 0 30px 0 } .abhmqwrp .abhmqdts { width: 96% } .mediaSection .PressReleases h3, .mediaSection .PressClips h3, .mediaSection .MediaContactPolicy h3 { font-size: 28px; display: inherit } .mediaSection h3 .viewAll { float: right } .aboutsectin2 .sinfo { font-size: 22px; line-height: 26px } .otherbannimg img { margin-top: -50px } .mcont100 { width: 100% } .slidequizwrp .quizform>li ul.qzqlist li { width: 100% } .startquizinfowrp h3 { font-size: 24px } .slidequizwrp .quizform>li h4 { font-size: 18px; line-height: 26px } .slidequizwrp .formcasn li { margin-bottom: 20px; padding: 0px } .ourcenterbranch .directiontext { right: 42% } .tagslink ul li { margin-bottom: 4px } .tagslink ul li a { padding: 0px 8px; font-size: 11px; line-height: 24px; margin-right: 8px } .iconcomment { bottom: 10px; right: 6px; z-index: 12 } .iconcomment img { width: 50px } .iconfeedback { bottom: 60px; right: 6px; z-index: 12 } .iconfeedback img { width: 50px } } @media (max-width: 420px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } header .tonnavwrp li { margin: 0 3px } header .logowrp img { width: 94px } header .logowrp.logos2 { padding: 0px 0px } header .logowrp.logos2 img { width: 60px; margin-top: 0px !important } header.fixed .logowrp.logos2 img { width: 55px } header .logowrp.logos3 { padding: 0px 0px } header .logowrp.logos3 img { width: 40px; margin-top: 0px !important } header.fixed .logowrp.logos3 img { width: 35px } footer.subscribewrp strong { font-size: 15px; padding: 0 0 10px } .kaleidoscopewrp .contentwrp .sitem .text { margin: 0 auto; background: transparent url("../images/icon-star.png") no-repeat scroll right 0/100% 100%; padding: 58px 40px 0; position: relative; text-align: center; width: 98%; height: 350px } .hlfcube li { background: #3d2979; border-radius: 30px; float: left; list-style: outside none none; margin: 0px 20px 10px 0px; padding: 15px 20px; position: relative } .hlfcube li .locationwrp { width: 94%; float: left; position: relative; margin-left: 31px; margin-bottom: 10px } .hlfcube li .locationwrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .locationwrp .select-span::before { width: 94% } .hlfcube li .specialtywrp { width: 94%; float: left; position: relative; margin-left: 30px } .hlfcube li .specialtywrp::before { content: url("../images/icon-sstar.png"); position: absolute; left: -28px; top: 0px; width: 16px; height: 21px } .hlfcube li .specialtywrp .select-span { font-family: "dinrg"; font-size: 15px; width: 100%; float: right; margin-right: 2px; box-sizing: border-box; background: transparent url(../images/icon-select.png) 92% 7px no-repeat; color: #fff; padding: 0px 1px 10px } .hlfcube li .specialtywrp .select-span::before { width: 94% } .hlfcube li .searchbtn { width: 75px; height: 34px; display: inline-block; float: right; position: relative; margin-top: 10px; margin-left: 30%; background: url(../images/icon-search-bg.png) no-repeat left 1px/100% } .hlfcube li .finddwrp { width: 204px } .hlfcube li .gobtn { width: 40px; background: url(../images/icon-btn-bg.png) no-repeat left top/100% 100% } .dselectlwrp ul li { margin-bottom: 10px; width: 100% } .dselectlwrp ul li .sdatewrp, .dselectlwrp ul li .locationwrp { width: 100% } .otpwrp li, .otpwrp li:last-child { width: 100%; text-align: center } .otpwrp li:last-child input { width: 60%; float: none; display: inline-block; margin-top: 10px } .capopup-inner h3 { line-height: 30px } .capopup-inner .linkwrp ul li, .capopup-inner .linkwrp ul li:last-child { width: 100%; text-align: center } .capopup-inner .enlinkswrp ul li { float: left; list-style: none; margin-right: 10px } .capopup-inner .enlinkswrp ul li a { text-transform: uppercase; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 14px } .capopup-inner .enlinkswrp ul li a.ep { border: 2px solid #900; padding: 10px 10px; position: relative; border-radius: 30px } .capopup-inner .enlinkswrp ul li:last-child { margin-right: 0px; position: relative } .capopup-inner .enlinkswrp ul li:last-child a { color: #fff; background: #3d2979; border-radius: 30px; padding: 12px 20px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp { width: 100% } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp { width: 100% } .vimmunitywrp .vimform ul li { margin-right: 0px; width: 100%; margin-bottom: 10px } .vimmunitywrp .vimform ul li:last-child { width: 100% } .vimmunitywrp .vimform ul li:last-child p { height: 0px } .vimmunitywrp .vimform ul li .sdatewrp2, .vimmunitywrp .vimform ul li .sdatewrp { width: 100% } .subscribewrpm { width: 100% } .rcnannelhead .pagetitle { padding-top: 10px } .footersitenav ul li { width: 200px } .qacrdnwrp .qalist li { margin-right: 0px; width: 100%; margin-bottom: 20px } .rchannelist li { float: left; list-style: none; width: 100%; position: relative; margin: 0px 0% 50px } .rchannelist li:nth-last-child(2) { margin-bottom: 50px } .prelshead .prtitle h2 { font-size: 17px; line-height: 22px } .abawardswrp { width: 100%; margin: 0px 0px 30px 0%; padding: 40px 0px 0px } .pageheader .ptitle.blue h2 { line-height: 50px; font-size: 46px } .pageheader .ptitle.blue h3 { font-size: 30px } .mediaSection h3 .viewAll { margin: 20px 0px 20px 0px } .iconcomment { bottom: 10px; right: 6px; z-index: 12 } .iconcomment img { width: 40px } .iconfeedback { bottom: 50px; right: 6px; z-index: 12 } .iconfeedback img { width: 40px } } @media (min-width: 580px) { .timewrp ul li a { padding-top: 22px; font-size: 13px; } } @media (min-width: 400px) { .timewrp ul li a { padding-top: 12px; font-size: 13px; } } @media (max-width: 400px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .timewrp ul li a { padding-top: 12px; font-size: 13px; } .BATablewrp table tr td .btnview { font-size: 11px; padding: 4px 6px; } .capopup-inner .enlinkswrp ul li { float: left; list-style: none; margin-right: 0px; width: 100%; margin-bottom: 10px } .capopup-inner .enlinkswrp ul li a { text-transform: uppercase; color: #5f2160; font-weight: normal; font-family: "dinrg"; font-size: 18px; display: inline-block } .capopup-inner .enlinkswrp ul li a.ep { border: 2px solid #900; padding: 10px 20px; position: relative; border-radius: 30px } .capopup-inner .enlinkswrp ul li:last-child { margin-right: 0px; position: relative } .capopup-inner .enlinkswrp ul li:last-child a { color: #fff; background: #3d2979; border-radius: 30px; padding: 12px 30px } .visitor-head h2 { font-size: 22px } .aboutcentre-banner .fontsize { font-size: 25px } .circuleframe2 { top: 20px } .footersitenav ul li { width: 200px } .abawardswrp .abawardslider h3 { font-size: 18px; font-weight: bold; margin: 0px auto 2px } .awardsBtn a { color: #5f2160; width: 133px; height: 47px; display: block; background: url(../images/Doctors-Awards.png) center center no-repeat; background-size: 100% 100%; position: relative } .awardsBtn { display: inline-block; padding: 0 5px; font-size: 12px; text-align: center; line-height: 45px; font-family: "dinrg"; margin-bottom: 30px } .awardsBtn a:hover, .awardsBtn a.active { background: url(../images/Hospital-Awards.png) center center no-repeat; color: #ffffff; background-size: 100% 100% } .findtstwrp li .finddwrp2 .findbox { height: 26px; overflow: hidden } .mediaSection .PressReleases .PressReleasesBox { padding-left: 0px } .mediaSection .PressReleases .PressReleasesBox h4 { padding-left: 70px; min-height: 95px } .mediabg .pageheader { margin-top: -30px } .quizslidewrp { padding: 0px } .doctroCont p.contectInfo { font-size: 12px } .ourcenterbranch .btn-Bookapopoi { padding: 2px 10px; margin: 20px 0px 0 8px } .ourcenterbranch .btn-aboutcenter { padding: 2px 10px } } @media (max-width: 380px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .footersitenav ul li { width: 180px } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .tncnbcwrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .tncnbcwrp { width: 100% } .timetablewrp .dconfirmawrp2 .ttheader2 .signupwrp .submitbtnrp, .timetablewrp .dconfirmawrp .ttheader2 .signupwrp .submitbtnrp { width: 100% } .findtstwrp li .finddwrp, .findtstwrp li .finddwrp2, .findtstwrp li .finddwrp3 { width: 62% } .apapproachwrp .apapproachlist li { width: 100%; margin-bottom: 40px } .apapproachwrp .apapproachlist li .txtwrp p { width: 96% } .rcnannelhead .pagetitle { padding-top: 6px } .prelshead .prtitle h2 { font-size: 17px; line-height: 22px } .working-exp>h2 { font-size: 24px } .btn-current-openings { font-size: 16px } .awardswapper .awardsSlider li.slick-current .viconwrp { width: 232px; height: 232px; margin: 0px auto auto auto } .awardswapper .awardsSlider { margin-top: 30px } .awardsBtn:nth-child(1) { border-right: 1px solid #cccccc } .otherbannimg img { margin-top: -10px } .insurancetpaslist li { font-size: 13px; line-height: 20px } } @media (max-width: 360px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .menu-se { right: -40% } .hlfcube li .finddwrp { width: 150px } header .tonnavwrp { right: 2px; top: 0px } .navgroup { padding: 5px 3px 0px } header .tonnavwrp li { margin: 0 2px } .pagetitle h2 { font-size: 25px } .pagetitle h3 { font-family: 17px } .abawardswrp { width: 100%; margin: 0px 0px 30px 0%; padding: 30px 0px 0px } .abawardswrp .abcsmarrow { margin: 0px 0px 0px } .abawardswrp .abawardslider { width: 60% } .abawardswrp .abawardslider h3 { font-size: 18px; font-weight: bold; margin: 0px auto 2px } .abawardswrp .abawardslider p { line-height: 18px } .mediaSection h3 .viewAll { font-size: 16px } .childblst li .gobtn { width: 40px; background: url(../images/icon-btn-bg.png) no-repeat left top/100% 100% } .childblst li .finddwrp { width: 175px; margin-left: 25px } .childblst li .finddwrp::before { left: -36px } .bnaformwrp .formcasn li .addFmsm { padding: 4px 16px } .addFm { padding-left: 32px } .addFm:before { width: 30px } .hlfcube li .findsdwrp { width: 200px; margin-left: 20px } .ourcenterbranch .address-wapper { padding: 60px 0 20px 10px } .ourcenterbranch .btn-Bookapopoi { padding: 2px 8px; margin: 20px 0px 0 8px } .ourcenterbranch .btn-aboutcenter { padding: 2px 8px } .iconcomment { bottom: 5px; right: 6px; z-index: 12 } .iconcomment img { width: 40px } .iconfeedback { bottom: 50px; right: 6px; z-index: 12 } .iconfeedback img { width: 40px } } @media (max-width: 320px) { .popupmsg { height: 18em; overflow: scroll; padding-left: 0 !important; } .hlfcube li .findsdwrp { width: 180px; margin-left: 20px } .gmapwrp .sidelocdetwrp .gmheader .box .select-span { font-size: 16px } .kaleidoscopewrp .contentwrp .sitem .text { width: 100% } .kaleidoscopewrp .contentwrp .sitem h2 { font-size: 24px } .Rainbowslider .item h3 { font-size: 17px } .Rainbowslider .item p { font-size: 14px } section .tfourhourswrp .contentwrp .Childsslider .sitem .thumb { width: 40% } section .tfourhourswrp .contentwrp .Childsslider .sitem .text { width: 60% } .aboutuswrp .contentwrp .sitem .text { width: 100%; height: 290px } .sstorieswrp .ssleft .ssthumbwrp .thumb { height: auto } .sstorieswrp .ssright .ssthumbwrp .thumb { height: auto } footer.subscribewrp .subscribebox input.btnSubmit { width: 80px } .footersitenav ul li { width: 160px } .ourcenterbranch .btn-Bookapopoi { padding: 2px 8px; margin: 20px 0px 0 2px } .ourcenterbranch .btn-aboutcenter { padding: 2px 8px } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .textgradient, .tgradient, .tgradient3, .tgradient4, .tgradient5 { background: transparent } } @media screen and (min-width: 0\0) { .textgradient, .tgradient, .tgradient3, .tgradient4, .tgradient5 { background: transparent } } header .tfourhours h2 { background: transparent url("../images/icon-tfourhor.png") no-repeat scroll left top; color: #3d2979; font-family: "DINNextRoundedLTW01"; font-size: 18px; font-weight: bold; height: 35px; padding-left: 42px; padding-top: 0px; text-transform: uppercase } header .tfourhours h2>a { color: #3d2979 } header .tfourhours h2 span { width: 100%; clear: both; font-size: 12px; border-top: 1px solid #ccc; display: block; margin: 2px 0px 0px; padding: 2px 0px 0px } header .tfourhours h2 span a { font-size: 14px; color: #792055; position: relative } header .tfourhours h2 span a:hover { color: #3d2979 } header .tfourhours h2 span a:after { content: url(../images/icon-nav-arrow-right-active.png); position: absolute; right: -12px; top: 0px } .getacallModel { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9991; display: none } .getacallModel .overlay { z-index: 1; position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); top: 0px; left: 0px } .getacallModel .getacallwrp { background: #faf5ff; border: 1px solid #aca9ae; border-radius: 20px; color: #333333; font-size: 14px; position: absolute; left: 0; right: 0; top: 0px; z-index: 2; margin: auto auto; padding: 40px; width: 380px } .getacallModel .getacallwrp .gacallclose { background: url(../images/icon-close2.png) no-repeat 0 0; top: 12px; right: 12px; cursor: pointer; float: right; height: 20px; position: absolute; width: 20px } .getacallModel .getacallwrp h1 { text-align: center; font-family: 'DINNextRoundedLTW01'; font-size: 42px; line-height: 40px; padding-bottom: 8px; color: #7b3891 } .getacallModel .getacallwrp h2 { text-align: center; color: #5f2160; font-family: "dinrg"; font-size: 22px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px } .getacallModel .getacallwrp ul { width: 100%; margin: 0; padding: 0; position: relative } .getacallModel .getacallwrp ul li { float: left; list-style: none; width: 100%; position: relative; margin: 7px 0px; text-align: center } .getacallModel .getacallwrp ul li input { color: #545454; padding: 6px 20px; font-family: "dinrg"; font-size: 14px; width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .getacallModel .getacallwrp ul li input:focus { outline: none } .getacallModel .getacallwrp ul li span.error { display: none; position: absolute; right: 0px; bottom: -20px; color: #e51e2c; font-family: "dinrg"; font-size: 13px; font-weight: normal } .getacallModel .getacallwrp .submithp { margin-top: 20px; display: inline-block; float: none; background: #3d2979; font-family: "dinrg"; font-size: 15px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 20px; padding: 6px 20px; position: relative; width: auto } .getacallModel .getacallwrp .gorbox { display: none } .getacallModel .getacallwrp .GetaCallScrren { display: block } input:focus::-webkit-input-placeholder { opacity: 0 } input:focus:-moz-placeholder { opacity: 0 } input:focus::-moz-placeholder { opacity: 0 } input:focus:-ms-input-placeholder { opacity: 0 } .drtestimonial { width: 100%; display: inline-block; clear: both } .drtestimonial p { font-family: "dinrg"; color: #545454; font-size: 24px; width: 80%; margin: 30px 0px 0px 50px; position: relative } .drtestimonial p:before { content: url(../images/icon-left-tsml.png); position: absolute; left: -50px; top: -8px } .drtestimonial p:after { content: url(../images/icon-right-tsml.png); position: absolute; right: -30px; bottom: -8px } .drdetails { position: relative } .drdetails .GenraelPediatrics-aco::before { content: url("../images/underline.png"); position: absolute; left: 0px; bottom: 0px } .drdetails .GenraelPediatrics-aco::after { content: url("../images/down-arrow.png"); position: absolute; left: -20px; top: -4px } .drdetails .GenraelPediatrics-aco.sel::after { content: url("../images/up-arrow.png"); position: absolute; left: -20px; top: -4px } .drdetails .faqswrp { display: inherit } .drdetails .container { width: 90%; min-width: 90%; margin: 0px auto } .drdetails .drinfowrp { border-top: 1px solid #e4d8ea; border-bottom: 0px solid #e4d8ea; background: #f8f5f9 } .drdetails .drinfotitle { font-family: "dinrg"; font-size: 26px; text-transform: uppercase; position: relative; font-size: 26px !important; color: #3d2a79 !important; margin: 0px 0 0px 0 !important; padding: 0px 0px 25px } .drdetails .drinfotitle::before { content: url("../images/underlineInfo.png"); position: absolute; left: 0px; bottom: 0px; width: 77px } .drdetails .drinfoText { width: 100%; height: auto; text-align: left; margin: 20px 0px 10px; box-sizing: border-box; font-family: "dinrg"; padding: 0 0px; font-size: 14px } .drdetails .rstable { width: 100%; clear: both; float: left } .drdetails .GenraelPediatrics-aco { text-transform: uppercase !important } .drdetails .GenraelPediatrics-Infotext .drtable1 { width: 100%; font-family: "dinrg"; font-size: 18px } .drdetails .GenraelPediatrics-Infotext .drtable1 tr th { padding: 8px 0px } .drdetails .GenraelPediatrics-Infotext .drtable1 tr td { padding: 8px 0px } .drdetails .GenraelPediatrics-Infotext .drtable2 { width: 100%; font-family: "dinrg"; font-size: 18px } .drdetails .GenraelPediatrics-Infotext .drtable2 tr th { padding: 12px 10px; background: #f8effc; border: 2px solid #fff; text-transform: uppercase } .drdetails .GenraelPediatrics-Infotext .drtable2 tr td { padding: 12px 10px; background: #eeeced; border: 2px solid #fff } .drdetails .GenraelPediatrics-Infotext .drtable2 tr td:forst-child { text-align: center } .drdetails .GenraelPediatrics-Infotext .drtable3 { width: 100%; font-family: "dinrg"; font-size: 18px } .drdetails .GenraelPediatrics-Infotext .drtable3 tr th { padding: 12px 0px; width: 120px; vertical-align: top; color: #3d2979 } .drdetails .GenraelPediatrics-Infotext .drtable3 tr td { padding: 12px 10px } .drdetails .GenraelPediatrics-Infotext .drtable3 tr td:forst-child { text-align: center } .drdetails .tncont p { padding: 4px 0px } .PublicationName { color: #3d2979; font-weight: bold } ul.CourseAndCcon { margin: 0 0 20px 0; padding: 0 } ul.CourseAndCcon li { list-style: none; margin: 0px !important; padding: 5px 0px 5px 20px; font-size: 16px; width: 100%; text-align: left; background: url(../images/dot.png) left 12px no-repeat } ul.CourseAndCcon li span { color: #3d2979; font-weight: bold } .delhi{position:relative;} .delhi .pageheader .ptitle.blue h2, .delhi .pageheader .ptitle.blue h3{text-transform:uppercase;} @media (max-width: 1300px) { .drdetails .container { width: 90% !important; min-width: 90% !important; margin: 0px auto } } @media (max-width: 767px) { .drdetails .faqswrp .GenraelPediatrics-aco { font-size: 22px !important } .drdetails .rstable { width: 100%; overflow-x: auto; overflow-y: hidden; float: left; margin-bottom: 20px } .drdetails .rstable .drtable1 { width: 700px; float: left; margin-bottom: 20px } .drdetails .rstable .drtable2 { width: 700px; float: left; margin-bottom: 20px; font-size: 16px } .drdetails .rstable .drtable3 { width: 700px; float: left; margin-bottom: 20px; font-size: 16px } } @media (max-width: 480px) { .drdetails .GenraelPediatrics-aco::after { content: url("../images/down-arrow.png"); position: absolute; left: -20px; top: -0px } .drdetails .GenraelPediatrics-aco.sel::after { content: url("../images/up-arrow.png"); position: absolute; left: -20px; top: -0px } .drtestimonial p { font-size: 18px; margin: 30px 0px 0px 40px } } @media (max-width: 360px) { .drdetails .faqswrp .GenraelPediatrics-aco { font-size: 17px !important } } .footerstikynav .btnwrpappointment ul li { background: #3d2979 none repeat scroll 0 0; border-radius: 30px; float: left; list-style: outside none none; margin-right: 20px; padding: 4px; position: relative; background: -moz-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #80368d), color-stop(20%, #80368d), color-stop(100%, #df1f30), color-stop(100%, #df1f30)); background: -webkit-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: -o-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: -ms-linear-gradient(359deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); background: linear-gradient(91deg, #80368d 0%, #80368d 20%, #df1f30 100%, #df1f30 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80368d', endColorstr='#df1f30', GradientType=1) } section .ratinsliderwrp .contentwrp .Childsslider .sitem h3 { text-transform: uppercase; font-weight: bold; font-family: "DINCond"; color: #792055; font-weight: 600; font-size: 20px; margin: 0px 0px 0px 0px; padding-top: 0 } section .ratinsliderwrp .contentwrp .Childsslider .sitem h4 { text-transform: uppercase; font-family: "dinrg"; color: #545454; font-weight: 600; font-size: 14px; margin: 0px 0px 2px 0px; padding-top: 0 } section .ratinsliderwrp .contentwrp .Childsslider .sitem .ratingdays { float: left; width: 100%; clear: both; color: rgba(0, 0, 0, 0.8); margin: 0px 0px 6px 0px; font-family: "dinrg"; font-size: 14px } .BATablewrp { width: 100%; float: left; clear: both; margin: 0px 0% 20px } .BATablewrp table { width: 100%; display: table } .SiteMap .Tital { width: 100%; margin: 10px 0px 10px; padding: 6px 0 6px 0; background: url(../images/underline-new.png) left bottom no-repeat; font-size: 20px; font-family: "dinrg"; font-weight: bold; color: #3d2979; display: inline-block } .SiteMap ul { margin: 0; padding: 0 } .SiteMap ul li { background: url(../images/sitemapIcon1.png) left 13px no-repeat; list-style: none; padding: 5px 0 5px 20px } .SiteMap ul li a { font-family: "dinrg"; font-size: 16px; color: #5f2160 } .SiteMap ul>li>a { font-weight: 600 } .SiteMap ul.submenuSitemap1 li { background: url(../images/sitemapIcon2.png) left 13px no-repeat !important; margin: 0px 0 0px 20px; padding: 4px 0 4px 15px; list-style: none } .SiteMap .submenuSitemap1 li a { font-family: "dinrg"; font-size: 14px; color: #3d2979; font-weight: normal } .SiteMap ul.submenuSitemap2 li { background: url(../images/sitemapIcon3.png) left 13px no-repeat !important; margin: 0px 0 0px 40px; padding: 4px 0 4px 15px; list-style: none } .SiteMap ul.submenuSitemap2 li a { font-family: "dinrg"; font-size: 14px; color: #3d2979 } .SiteMap a:hover { opacity: 0.8; font-weight: 600 } .dropdownSubmenu { position: relative } .dropdownSubmenu:after { content: url(../images/icon-add.png); position: absolute; right: -20px; top: 2px } .dropdownSubmenu.active:after { content: url(../images/icon-less.png); position: absolute; right: -20px; top: 2px } .BATablewrp table tr th { width: 25%; background: #f8effc; padding: 12px 0px; text-align: center; border: 2px solid #FFF; color: #5f2160; font-family: "dinrg"; font-size: 22px; font-weight: 600; text-transform: uppercase } .BATablewrp table tr td { width: 25%; background: #f5f5f5; padding: 10px 0px; text-align: center; border: 2px solid #FFF; color: #3d2979; font-family: "dinrg"; font-size: 22px; text-transform: uppercase } .BATablewrp.AuInfo table tr th { width: 33.33%; background: #f8effc; padding: 12px 0px 12px 50px; text-align: left; border: 2px solid #FFF; color: #5f2160; font-family: "dinrg"; font-size: 22px; font-weight: 600; text-transform: uppercase } .BATablewrp.AuInfo table tr td { width: 33.33%; background: #f5f5f5; padding: 10px 0px 10px 50px; text-align: left; border: 2px solid #FFF; color: #3d2979; font-family: "dinrg"; font-size: 22px; text-transform: uppercase } .BATablewrp.AuInfo h3 { position: relative; width: auto; color: #5f2160; font-family: "dinrg"; font-size: 26px; font-weight: 600; text-transform: uppercase; display: inline-block; margin: 5px 0px 20px; padding: 0px 0px 0px } .BATablewrp table tr td .Intensity { width: 150px; display: inline-block; text-align: left } .BATablewrp table tr td .Intensity img { float: left; margin: 0px 10px 0px 0px } .BATablewrp table tr td .nomb { padding: 8px 10px; border-radius: 50%; color: #fff; text-transform: uppercase; font-family: "dinrg"; font-size: 22px; background: #3d2979 } .BATablewrp table tr td .btnview { padding: 4px 20px; border: 1px solid #ccc; border-radius: 20px; color: #3d2979; text-transform: uppercase; font-family: "dinrg"; font-size: 22px; background: #fff } .BATablewrp table tr td .btnview.active { color: #fff; background: #3d2979 } .BATablewrp table tr td .btnview:hover { color: #fff; background: #3d2979 } .BATablewrp table tr td.kview { padding: 0px; border: 0px; display: none } .BATablewrp table tr td a { text-decoration: none; color: #3d2979 } @media (max-width: 680px) { .BATablewrp .h3, .BATablewrp h3 { font-size: 14px; } .BATablewrp { overflow: auto } .BATablewrp table { /* width: 440px; */ display: table } .BATablewrp table tr th { padding: 12px 0px; font-size: 13px } .BATablewrp table tr td { padding: 10px 0px; font-size: 13px } .BATablewrp table tr td .Intensity { width: 120px; display: inline-block; text-align: left } .BATablewrp table tr td .Intensity img { float: left; margin: 0px 2px 0px 0px } .BATablewrp.AuInfo table tr th, .BATablewrp.AuInfo table tr td { padding: 12px 0px 12px 10px; font-size: 13px } .BATablewrp table tr td .btnview { font-size: 13px; padding: 4px 10px } .timewrp ul li a { text-decoration: none; color: #545454; font-family: "dinrg"; font-size: 13px !important; height: 100%; width: 100%; display: inline-block; position: absolute; left: 0px; top: 0px; padding-top: 24px } } header .tonnavwrp li a .virtualtour { background: url(../images/icon-virtualtour.png) no-repeat left top; width: 65px; height: 31px } header .tonnavwrp li a:hover .virtualtour { background-position: 0px -46px } header .tonnavwrp li.virtualtourDD>a::before { position: absolute; left: -6px; top: 0px; height: 30px; width: 1px; background: rgba(125, 125, 125, 0.3); content: "" } .virtualtour .submenu360 { left: -36px } .navgroup { padding: 4px 10px 0px; border: 1px solid rgba(125, 125, 125, 0.3); border-radius: 20px; display: flex; margin-top: -5px; height: 33px; background: rgba(255, 255, 255, 0.5) } @media (max-width: 768px) { .virtualtourDD .submenu360 { box-shadow: 0 0px 2px #999; border-radius: 0px; border: 0px solid #ddd; background: #773a95; width: 100%; display: block; position: fixed; left: auto; right: -100%; transition: right 200ms ease-in-out } .virtualtourDD .submenu360::before { content: "" } .virtualtourDD .submenu360.active { right: 0px; transition: right 200ms ease-in-out } .virtualtourDD .submenu360 ul li a { color: #fff } .virtualtourDD .submenu360 ul li a span { background: url(../images/navAcArrow.png) no-repeat left -14px } .virtualtourDD .submenu360 ul li a.active span { background: url(../images/navAcArrow.png) no-repeat left -33px } } @media (max-width: 420px) { header .tonnavwrp li.virtualtourDD { margin: 0 5px } header .tonnavwrp li a .virtualtour { background: url(../images/icon-virtualtourMB.png) no-repeat left top; width: 27px; height: 31px } header .tonnavwrp li a:hover .virtualtour { background-position: 0px -46px } header .tonnavwrp li.virtualtourDD>a::before { left: -5px } } .event-details h3 { color: #773996; font-size: 24px; }