body{ position: relative;background-color: #e7f2f7;color: #626262;font: 400 17px/1.7 "Open Sans",sans-serif;counter-reset: section;overflow-x: hidden;}p{ margin: 10px auto;}a{ cursor: pointer;text-decoration: none;color: #5dbbe8;}a:hover{ color: #c0a0c4;}hr{ position: relative;display: table;clear: both;margin: 40px auto;width: 100%;height: 1px;background-color: #c0a0c4;}:focus,a:focus,button:focus,input:focus{ outline-width: medium;outline-color: #5dbbe8!important;}h1,h2,h3,h4,h5,h6{ margin: 0;position: relative;}#page-title h1,.h1 small{ color: #626262;font: 700 14px/1 "Open Sans",sans-serif;display: block;margin: 10px auto;text-transform: uppercase;letter-spacing: 2px;}#page-title h1:only-child,.h1,h2#append{ color: #5b6b84;font: 400 65px/1 trajan-pro-3,serif;text-transform: uppercase;}.dividerLead,.h2,.more-to-explore span,h2{ color: #5b6b84;font: 400 54px/1 trajan-pro-3,serif;position: relative;}.h3,h3{ color: #5b6b84;display: block;position: relative;font: 400 44px/1.1 Lexend,sans-serif;}.h4,h4{ color: #626262;display: block;position: relative;font: 700 20px/1.1 "Open Sans",sans-serif;text-transform: uppercase;}main ul{ list-style: none;padding: 0;margin: 10px 0;text-align: left;overflow: hidden;}main ul li{ position: relative;display: block;margin: 0 0 10px 26px;padding-left: 24px;line-height: 1.6;}main ul li:before{ content: "\e933";color: #737e93;position: absolute;left: 0;top: 8px;font-size: .4em;}[class^=btn]{ position: relative;z-index: 1;display: inline-block;vertical-align: middle;cursor: pointer;text-align: center;transition: .3s all;font: 500 16px/1.2 "Open Sans",sans-serif;color: #fff;min-width: 285px;margin: 10px;padding: 12px 10px;border-radius: 30px;background-color: #5dbbe8;}[class^=btn]:hover{ background-color: #c0a0c4;color: #fff;}.btn-alt{ background-color: #c0a0c4;color: #fff;}.btn-alt:hover{ background-color: #737e93;color: #fff;}.btn-thr{ background-color: #fff;color: #000;}.btn-thr:hover{ background-color: #5dbbe8;color: #fff;}#fixed-tabs .ra{ background-color: #b690ba;}#fixed-tabs .call{ background-color: #47b2e5;}#fixed-tabs .fr,#fixed-tabs .map{ background-color: #2e2d2d;}#fixed-tabs .fb{ background-color: #4d70a8;}#fixed-tabs .gg{ background-color: #dc4e41;}header{ position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background-color: #e7f2f7;transition: .3s all;}header:focus-within{ z-index: 500;}header .logo{ position: relative;z-index: 1;}header .logo img{ max-height: 102px;}header #hd-contents{ padding: 8px 10px;}header .hd-container{ flex: 1;}header .hd-info{ display: flex;align-items: center;justify-content: flex-end;flex: 1;gap: 30px;margin-bottom: 10px;}header #hd-top{ background-color: #737e93;text-align: center;}header #hd-top .pho{ font-size: 20px;color: #fff;}header #hd-top .pho span{ color: #c0a0c4;}header #hd-top .pho:hover{ color: #c0a0c4;}header #hd-contents .pho{ display: none;}header .pho{ color: #737e93;}header .phy{ color: #404040;font-size: 16px;line-height: 1;}header .pho,header .phy{ margin: 0;display: block;position: relative;}header .pho:hover,header .phy:hover{ color: #c0a0c4;}header .ra{ margin: 0;min-width: 270px;border-radius: 5px;}@media (min-width:1025px){ .place-nav{ max-width: 1300px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center; } nav{ flex: 0 1 100%;max-width: 800px;margin-left: auto; } nav, nav ul li, nav ul li a{ position: relative; } nav > ul{ padding: 0;max-width: 980px;margin: auto; } nav ul{ margin: auto;list-style: none;display: flex;justify-content: space-around; } nav ul li a{ display: block;color: #fff; } nav ul li a:hover{ color: #fff; } nav > ul > li{ flex: 1 1 auto;text-align: center; } nav > ul > li:last-of-type:after{ display: none; } nav > ul > li > a{ font-weight:500; padding: 6px;font-size: 14px;color: #000;text-transform: uppercase; } nav > ul > li > a span{ color: #626262; } nav > ul > li:hover > a{ color: #737e93; } nav ul li:hover > ul{ display: block;visibility: visible;animation-name: fadeIn;animation-duration: .25s;animation-fill-mode: both; } nav ul ul{ display: none;min-width: 280px;width: 100%;padding: 0;position: absolute;z-index: 3;left: 0;text-align: left;background-color: #5dbbe8;box-shadow: 10px 17.3px 25px rgba(0,0,0,.2); } nav > ul > li:last-child ul{ right: 0;left: auto; } nav ul ul li > a{ padding: 10px 12px;font-size: 14px;line-height: 1.3;text-transform: none; } nav ul ul li:hover > a{ background-color: #737e93;color: #fff; } nav ul ul ul{ left: 100%;top: 0;background-color: #c0a0c4; } nav ul ul ul li button i:before{ content: "\e825"!important; } nav ul ul ul ul{ top: auto;left: 0;position: relative;display: block;box-shadow: none;background-color: #ab81b0; } nav ul ul ul ul li a{ padding-left: 2em;padding-left: 2em; } nav ul ul ul ul li a{ background-color: #af87b4; } nav ul ul ul ul li:hover a{ background-color: #5c6577; } .has-submenu button, .has-submenu span > a{ display: inline-block;line-height: 1;color: #fff; } .has-submenu.open > ul{ display: block; } .has-submenu.open > ul :focus{ background-color: rgba(255,255,255,.2); } nav li button{ display: inline-block;padding: 0; } nav > ul > li.has-submenu > a > button{ color: #737e93; }}.fix-nav header{ position: fixed!important;box-shadow: 0 3px 7px rgba(24,23,24,.35);animation-duration: 1s;animation-fill-mode: both;z-index: 100;background-color: #fff;border-top: 2px solid #737e93;}.fix-nav header .phy span{ display: block;}.fix-nav header #hd-contents .pho{ display: block; color:#626262; font-weight:bold; font-size:22px;}.fix-nav header #hd-contents .pho:hover { color:#c0a0c4; }.fix-nav header #hd-top{ display: none;}@media (max-width:1024px){ .hd-info{ display: flex;align-items: center;margin-right: 10px;justify-content: flex-end;text-align: center; } header .pho{ font-size: 30px; } header .logo{ padding: 8px; } header .logo img{ max-height: 70px; } #hd-top, #main-nav, header .hd-btns, header .phy, header [class^=btn], header nav ul{ display: none; } .nav-down{ box-shadow: 0 3px 7px rgba(24,23,24,.2); } .nav-up{ transform: translateY(-100%); } .mean-container .mean-nav, body, header{ transition: all .3s; } body{ right: 0; } .attach header{ position: fixed!important;box-shadow: 0 3px 7px rgba(24,23,24,.35); } .attach header .top-nav{ display: none!important; } body.mean-active header{ left: -80%;transform: none; } body.mean-active{ overflow: hidden;right: 80%; } body.mean-active:before{ z-index: 98;content: "";opacity: .7;background-color: #000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: none;height: inherit; } body.mean-active .mean-container .mean-nav{ right: 0; } .mean-container{ display: flex!important;flex-flow: row nowrap;align-items: center;justify-content: space-between; } .mean-container .mean-bar{ background-color: #5dbbe8;width: 70px;min-height: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-self: stretch;margin-left: 8px; } .mean-container .meanmenu-reveal{ display: block;color: #fff; } .mean-container a.meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .mean-bar .icon-menu{ position: relative;display: table;transition: .3s all;z-index: 1;margin: 0 0 5px 5px; } .mean-container .meanmenu-reveal .icon-menu:before{ font-size: 30px;content: "|||";transform: rotate(90deg) scaleY(1.6);letter-spacing: 3.2px; } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after{ content: "MENU";font-style: normal;position: absolute;left: 48%;transform: translateX(-50%);bottom: -10px;letter-spacing: 1px;font-size: .55em;font-weight: 700; } .mean-container .meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .meanmenu-reveal.meanclose:after{ content: "CLOSE";bottom: 5px; } .mean-container .mean-nav{ position: fixed;right: -80%;margin: 0;top: 0;bottom: 0;width: 80%;overflow: auto;display: flex;flex-flow: column;justify-content: flex-start;background-color: #737e93; } .mean-container .mean-nav ul{ font-size: 16px;padding: 0;margin: 0;width: 100%;list-style-type: none; } .mean-container .mean-nav ul li{ position: relative;width: 100%; } .mean-container .mean-nav ul li a{ display: block;padding: 1em 5%;padding-right: 58px!important;margin: 0;text-align: left;color: #fff;border-top: 1px solid rgba(255,255,255,.5);text-decoration: none;text-transform: uppercase; } .mean-container .mean-nav ul li li a{ padding: 1em 10%;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,.25);opacity: .75;text-shadow: none!important;visibility: visible; } .mean-container .mean-nav ul li.mean-first a{ border-top: none;margin-top: 0; } .mean-container .mean-nav ul li.mean-last a{ border-bottom: none;margin-bottom: 0; } .mean-container .mean-nav ul li li li a{ padding: 1em 15%; } .mean-container .mean-nav ul li li li li a{ padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a{ padding: 1em 25%; } .mean-container .mean-nav ul li a:hover{ background: #252525;background: rgba(255,255,255,.1); } .mean-container .mean-nav ul li a.mean-expand{ width: 48px;line-height: 50px;font-size: 20px;padding: 0!important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;background: rgba(255,255,255,.1);border: none!important;border-left: 1px solid rgba(255,255,255,.4)!important;border-bottom: 1px solid rgba(255,255,255,.4)!important; } .mean-container .mean-nav ul li a.mean-expand:before{ content: "\e825";font-family: fontello;font-weight: 400;margin: 0;font-style: normal; } .mean-container .mean-nav ul li .mean-expand.mean-clicked:before{ content: "\e83a"; } .mean-remove{ display: none!important; } .mean-nav .social{ min-height: 66px;background-color: rgba(0,0,9,.1);margin: 0;padding: 10px 5px;justify-content: center; } .mean-nav .fo-title{ color: #fff;text-align: center; } .mean-nav .hours{ display: block;text-align: center;color: #fff;padding: 10px;margin: 10px auto auto; } .mean-nav .hours p{ display: table;text-align: left;font-size: 15px;margin: 10px auto 0;color: #fff; }}.play{ cursor: pointer;border: none;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;color: #626262;font: 700 15px/1 "Open Sans",sans-serif,sans-serif;text-transform: uppercase;letter-spacing: 1.5px;text-align: center;transition: .3s all;}.play i{ width: 75px;height: 75px;border-radius: 50%;background-color: #fff;display: block;color: #626262;display: inline-flex;align-items: center;justify-content: center;font-size: 30px;margin: 10px;transition: .3s all;}.play i:before{ margin: auto;padding-left: 5px;}.play:hover{ color: #c0a0c4;}.play:hover i{ background-color: #c0a0c4;color: #fff;}[data-embed] .close,[data-vimeo] .close{ cursor: pointer;line-height: 1;background-color: #5dbbe8;color: #fff;padding: 8px;text-transform: uppercase;z-index: 5;position: absolute;top: 0;right: 0;min-width: 160px;}[data-embed] .close i,[data-vimeo] .close i{ font-style: normal;font-size: 1.25em;line-height: 1;vertical-align: middle;display: inline-block;margin-bottom: 5px;}[data-embed] .close:focus,[data-vimeo] .close:focus{ background-color: #30a8e2;}[data-embed] .close:hover,[data-vimeo] .close:hover{ background-color: #1b1b1b;color: #fff;}[data-embed] .close i:before{ transform: rotate(45deg);}#insure-form{ max-width: 1030px;margin: 0 auto;background-color: #5b6b84;border-radius: 20px;color: #fff;padding: 30px;position: relative;}#insure-form .contain{ text-align: center;max-width: 380px;padding: 10px;}#insure-form h3{ font: 400 30px/1 trajan-pro-3,serif;color: #fff;margin-bottom: 10px;}#insure-form #check-list{ display: flex;align-items: center;justify-content: space-around;gap: 10px;}#insure-form #check-list p{ margin: 0;}#insure-form .btn{ min-width: 170px;}#insure-form .btn:hover{ background-color: #fff;color: #737e93;}#insure-form .btn:hover svg path{ stroke: #737e93;}#insure-form select{ max-width: 350px;background-color: transparent;}#insure-form select ::placeholder{ color: #fff;}#insure-form .select2-container .select2-selection--single{ height: 60px;}#insure-form .select2-container--default .select2-selection--single{ background-color: #fff;border: none;border: none;border-radius: 0;color: #626262;font-size: 14px;}#insure-form .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #626262!important;line-height: 60px;}#insure-form .select2-container--default .select2-selection--single .select2-selection__arrow{ background-color: #fff;height: 58px;}#insure-form .insure-modal{ position: absolute;left: 50%;max-width: 600px;display: none;top: 50%;transform: translate(-50%,-50%);background-color: #626262;padding: 20px;z-index: 10;}#insure-form .insure-modal .btn{ margin-left: 0;}#insure-form .insure-modal .h3{ color: #fff;}#insure-form .close-ins{ position: absolute;right: 10px;top: 10px;}#insure-form .yep{ width: 60px;height: 60px;flex: 0 0 60px;line-height: 1;border: 2px solid #fff;border-radius: 50%;color: #fff;font-size: 30px;display: flex;justify-content: center;align-items: center;margin: 10px 0;}#insure-form .yep i{ margin-top: 5px;}body.page_index .h2,body.page_index h2{ display: block;}body.page_index .h2 small,body.page_index h2 small{ display: block;font: 400 14px/1 "Open Sans",sans-serif;}.split{ padding: 60px 10px;}.split .flex-ed{ max-width: 1150px;margin: auto;display: flex;align-items: center;justify-content: space-between;}.split article{ flex: 1;max-width: 480px;padding: 10px;text-align: center;}.split figure{ flex: 0 1 48%;}.split .btn{ margin-left: 0;}#banner{ position: relative;margin: 0 10px;border-radius: 20px;overflow: hidden;display: flex;}#banner article{ position: absolute;left: 50%;top: 81%;transform: translate(-50%,-50%);padding: 10px;max-width: 700px;display: flex;flex-flow: column;margin-left: -320px;}#banner h1,#banner h2{ color: #fff;}#banner h1{ font: 700 14px/1 "Open Sans",sans-serif !important;text-transform: uppercase;letter-spacing: 2px;margin-bottom: auto;}#banner h2, #banner h1{ margin-left: auto;max-width: 600px; font-size:65px; width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}#banner figure img{ width: 100%;}@media (max-width:1400px){ #banner article{ left: 10px;transform: none;top: 30px;margin: 0;min-height: 300px; }}#welcome{ font-size:20px; font-weight:500; max-width: 1250px;padding: 90px 10px;text-align: center;color: #fff;background: #5dbbe8 url(//www.shroffdentalarts.com/assets/images/intro-bg.png) center center no-repeat;margin: 50px auto 0;border-radius: 5px;}#welcome .h3{ font: 300 35px/1.5 Lexend,sans-serif;color: #fff;max-width: 980px;margin: 0 auto;}#meet{ padding: 50px 10px 90px;}#meet figure img{ border-radius: 20px 20px 0 0;}#office{ background-image: linear-gradient(to bottom,#b68bbb 0,#0cb0eb 100%);position: relative;padding: 50px 10px;}#office:before{ position: absolute;left: 0;top: 0;width: 100%;bottom: 0;content: "";background: url(//www.shroffdentalarts.com/assets/images/index-office-bg.jpg) center center no-repeat;background-size: cover;opacity: .2;filter: grayscale(1);}#office article{ max-width: 590px;position: relative;background-color: #fff;padding: 90px 60px;text-align: center;margin: 0 auto;}#office article:before{ position: absolute;left: 10px;right: 10px;bottom: 10px;top: 10px;content: "";border: 1px solid #707070;pointer-events: none;}#services{ background-color: #fff;padding: 110px 10px; position:relative; z-index:1; }#services:before { position:absolute; left:0; right:50%; top:0; bottom:0; opacity:.8; content:""; background:url(//www.shroffdentalarts.com/assets/images/index-services-deco.png) right center no-repeat; z-index:-1;}#services article{ max-width: 400px;margin: auto;text-align: center;}#services figure li a{ display: flex;margin: 0 0 20px;padding: 0;gap: 30px;align-items: center;}#services figure li:before{ display: none;}#services figure li span{ display: block;max-height: 50px;}#services figure li h3{ font: 400 28px/1 "Open Sans",sans-serif;}#services figure li a:hover h3{ color: #5dbbe8;}#ways{ text-align: center;padding: 90px 10px 50px;color: #fff;position: relative;}#ways:before{ position: absolute;left: 0;top: 0;width: 100%;min-height: 600px;background: url(//www.shroffdentalarts.com/assets/images/index-ways-bg.jpg) center top no-repeat;background-size: cover;content: "";pointer-events: none;z-index: -1;}#ways .flex-ed{ max-width: 1030px;margin: 50px auto 0;gap: 30px;}#ways .flex-ed > *{ max-width: 500px;flex: 1;border-radius: 10px;position: relative;min-height: 644px;border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 3px 6px rgba(0,0,0,.3);}#ways .flex-ed > :before{ background: url(//www.shroffdentalarts.com/assets/images/index-ways-1.jpg) center top no-repeat;background-size: auto 100%;content: "";position: absolute;left: 0;top: 0;width: 100%;bottom: 0;filter: grayscale(1);opacity: .5;}#ways .flex-ed > :after{ position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background-image: linear-gradient(120deg,#b68bbb 0,#0cb0eb 100%);content: "";mix-blend-mode: multiply;}#ways .flex-ed > div:nth-child(2):before{ background-image: url(//www.shroffdentalarts.com/assets/images/index-ways-2.jpg);}#ways .flex-ed article{ padding: 10px;position: relative;z-index: 1;max-width: 380px;}#ways .flex-ed .h2,#ways .flex-ed h2{ color: #fff;font-size: 40px;}#ways .btn-thr{ margin-bottom: 0;}#reviews{ position: relative;}#reviews .quote img{ margin: 0;}#reviews .slick-reviews{ max-width: 680px;margin: 0;}#reviews .slick-reviews .slick-slide{ padding: 0;margin: 0;color: #000;font-size: 24px;line-height: 1.5;}#reviews author{ text-align: left;margin: 30px 0 0;display: flex;align-items: center;}#reviews author star{ display: block;letter-spacing: 4px;font-size: 18px;}#reviews article{ max-width: 300px;padding: 10px;}#reviews .btn{ margin: 0;margin-bottom: 10px;min-width: 200px;}#reviews .contain{ border: 2px solid #5dbbe8;border-radius: 10px;max-width: 680px;flex: 1;padding: 60px;}@media (min-width:1024px){ #reviews .slick-controls{ justify-content: flex-end; }}#reviews h2{ margin-bottom: 20px;}#find{ background-color: #f6fafd;padding: 100px 10px; margin-top: 50px;}#find article{ padding: 70px 10px 40px;text-align: left;}#find figure{ margin-top: -50px;}#quest{ max-width: 400px;}#quest .slick-form{ margin: 0;max-width: 100%;}#quest .input{ display: flex!important;width: 100%;}#quest .forms input,#quest .forms select,#quest .forms textarea{ flex: 1;height: 50px;padding: 10px;font-size: 16px;border: none;background-color: #fff;margin: 0;color: #626262;}#quest .forms input:focus,#quest .forms select:focus,#quest .forms textarea:focus{ background-color: rgba(0,0,0,.5);color: #fff;}#quest .forms textarea{ padding-top: 15px;}#quest .forms .next{ min-width: 100px;flex: 0 1 auto;position: relative;margin: 0;font: 400 16px/1 "Open Sans",sans-serif;border-radius: 0;transform: none;background-color: #5dbbe8;color: #fff;padding: 0;height: auto;}#quest .slick-dots{ text-align: left;}#quest ::placeholder{ color: #626262;}#quest ::-webkit-input-placeholder{ color: #626262;}.social{ text-align: center;margin: 0;display: flex;justify-content: space-around;}.social a{ position: relative;display:flex;justify-content:center; align-items:center;margin:0;font-size: 20px; color: #fff;width: 40px;height: 20px;line-height: 40px;}.social a:hover{ color:#000; }.social a:hover img { filter:brightness(0); }footer{ background-image: linear-gradient(to bottom,#b68bbb 0,#5dbbe8 100%);color: #fff;padding: 100px 20px 0;font-size: 14px;border: 20px solid #fff;border-top: 0;position: relative;z-index: 1;}footer:before{ position: absolute;left: 0;top: 0;bottom: 10%;width: 100%;background: url(//www.shroffdentalarts.com/assets/images/footer-deco.png) center bottom no-repeat;content: "";opacity: .1;pointer-events: none;z-index: -1;}footer a{ color: #fff;}footer a:hover{ color: #c0a0c4;}footer .logo{ max-width: 1150px;margin: 0 auto;}footer .logo img{ margin: 0;}footer .fo-contain{ max-width: 1150px;margin: 0 auto;}footer .fo-title{ color: #fff;display: block;margin-bottom: 20px;text-align: left;font-size: 16px;font-weight: 500;}footer #fo-contents{ flex: 70%;gap: 20px;display: flex;justify-content: space-around;padding: 0;}footer .pho{ font-size: 20px;display: block;}footer .phy{ font-size: 14px;display: block;line-height: 1.2;margin-bottom: 10px;}footer .hours{ margin: 0;}footer .hours p{ color: #fff;margin: 0;}footer .hours label{ font-weight: inherit;}footer .social{}footer .social a:first-of-type{ margin-left: 0;}footer .flex-ed{ margin-top: 50px;padding-top: 50px;border-top: 1px solid #fff;padding-bottom: 100px;}#copy{ line-height: 1;order: -1;flex: 50%;line-height: 1.4;display: block;}#page{ position: relative;display: block;width: 100%;margin: auto;padding: 30px 10px;max-width: 1150px;clear: both;}#page.has_divider{ padding-bottom: 0;padding-top: 0;}.page_index .internal{ display: none;}.center{ text-align: center;}main{ overflow: hidden;}@media (min-width:800px){ ul.two{ -webkit-column-count: 2;column-count: 2; }}@media (max-width:750px){ main ul li{ margin-left: 10px; } .block .elem-left, .block .elem-right, .elem-left, .elem-right{ display: table;float: none;margin: 20px auto;max-width: 100%; }}#interior-banner{ display: flex;flex-direction: column;justify-content: center;position: relative;background-color: #737e93;padding: 30px 0;border-radius: 20px;overflow: hidden;margin: 0 20px;min-height: 300px; position: relative;} #interior-banner:before{ opacity: .8; content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(to bottom,#b68bbb 0,#0cb0eb 100%);;}#interior-banner .contain{ max-width: 1250px;margin: auto;width: 100%;position: relative;z-index: 1;}#interior-banner .flex-title{ height: 100%;margin: 0;width: 100%;justify-content: center;align-items: center;}#interior-banner .flex-title .contain{ flex: 1;max-width: 50%;margin: 0;text-align: left;padding: 10px;}#interior-banner .flex-title .contain #intro,#interior-banner .flex-title .contain #page-title{ max-width: 600px;}#interior-banner h1,#interior-banner h2{ color: #fff;}#interior-banner #main-img{ flex: 0 1 auto;}#interior-banner #page-title{ margin: 0 auto;text-align: left;}#interior-banner #page-title h1{ text-align: left;margin-bottom: 40px;}#interior-banner #page-title h2{ max-width: 1100px;margin: 0 auto;}#static-banner{ display: none;}#intro{ font-size: 24px;font-weight: 300;background: #5dbbe8 url(//www.shroffdentalarts.com/assets/images/intro-bg.png) center center no-repeat;border-radius: 5px;color: #fff;text-align: center;padding: 70px 100px;margin: 70px 0;}#intro a {color: white;}#intro a:hover {color: #c0a0c4;}.why{ padding: 70px 0;position: relative;z-index: 1;}.why:before{ content: "";position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;background-color: #fff;}.why:after{ background: url(//www.shroffdentalarts.com/assets/images/why-bg.png) left top no-repeat;position: absolute;left: 0;top: 50px;bottom: 0;width: 100%;opacity: .2;content: "";}.why h2{ text-align: center;max-width: 980px;margin: 0 auto;}.why ul{ margin: 40px 0 0 35%;}.why ul li{ padding: 10px 10px 10px 80px;margin: 0 0 30px;width: 100%;overflow: visible;font-size: 28px;color: #737e93;}.why ul li:before{ content: "";display: block;justify-content: center;align-items: center;margin: 0 auto 10px;width: 50px;height: 50px;top: 8px;background: url(//www.shroffdentalarts.com/assets/images/why-deco.png) center center no-repeat;}.page-divider{ display: block;max-width: 100%;width: 100%;position: relative;z-index: 1;}.block{ position: relative;display: table;clear: both;width: 100%;max-width: 100%;padding: 80px 10px;}.block:before{ content: "";position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;z-index: -1;}.block .contain{ display: flex;justify-content: space-between;align-items: flex-start;}.block h2{ margin-bottom: 20px;}.block .wrap{ height: 0;}.block article{ margin: auto 0;flex: 0 1 490px;}.block article p:first-of-type{ margin-top: 0;}.block ul li{ margin-left: 0;}.block .btn{ margin-left: 0;}.block .elem{ border-radius: 20px; overflow: hidden; flex: 0 0 auto;position: relative;z-index: 3;}.block .elem img{ border-radius: 20px;}.block .elem-right{ order: 1;}.block .elem.gradient:before{ opacity: .6; content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(to bottom,#b68bbb 0,#0cb0eb 100%);;}.block:nth-of-type(even):before{ background-color: #f6fafd;}.mini-block{ display: table;clear: both;max-width: 100%;width: 100%;margin: 30px auto;}.block.no_img{ text-align: center;}.meet-grid { display: flex;gap: 10px;justify-content: center; max-width:500px!important; }.meet-grid img{ margin-bottom: 10px;}.meet-grid span:first-of-type { flex:1 0 39.7%; }.meet-grid span:first-of-type img { max-width:198px; }.more-to-explore{ position: relative;text-align: center;margin: 0 auto;padding: 40px 10px 60px;}.more-to-explore p{ padding: 10px;margin: auto;max-width: 1150px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}.more-to-explore [class^=btn]{ min-width: 350px;margin: 5px;}#common{ display: flex;flex-flow: wrap;margin: 40px auto 0;max-width: 980px;text-align: center;}#common > *{ flex: 1 0 120px;margin: 0 1em 20px;background:#5b6b84;border-radius:10px;padding:8px;}#common a:hover h3{ color: #c0a0c4;}#common span{ display: flex;min-height: 80px;align-items: center;margin-bottom: 10px;}#common h3{ color:white; font: 700 14px/1.1 "Open Sans",sans-serif;letter-spacing: 1.4;text-transform: uppercase;}.services-grid{ position: relative;margin: 40px auto;display: flex;align-items: stretch;flex-wrap: wrap;gap: 10px;justify-content: center;}.services-grid > div{ flex: 1 0 auto;max-width: 275px;margin: 0;background-color: #fff;border-radius: 20px;padding: 40px 20px;}.services-grid h3{ display: block;line-height: 1.1;font: 400 28px/1 Lexend,sans-serif;color: #737e93;}.services-grid h3 a{ color: #737e93;}.services-grid figure{ transition: .4s all;margin-bottom: 20px;}.services-grid figure img{ margin: 0;}.services-grid ul{ display: block;width: 100%;margin: 20px auto;}.services-grid ul li{ line-height: 1.2;margin: 10px auto;}.services-grid ul li:before{ color: #c0a0c4;}.services-grid ul li a{ color: #626262;}.services-grid h3:hover a{ color: #5dbbe8;}.services-grid ul li:hover a{ color: #c0a0c4;}#plans{ display: flex;justify-content: center;gap: 40px;text-align: center;flex-flow: wrap;}#plans h3{ font-size: 34px;color: #fff;margin-bottom: 15px;}#plans .includes{ display: block;letter-spacing: 6px;font: 500 14px/1 Lexend,sans-serif;padding: 10px;background-color: rgba(0,0,0,.2);}#plans > *{ color: #fff;background-color: #5dbbe8;max-width: 355px;display: flex;flex-flow: column;border-radius: 20px;margin-top: 45px;}#plans > div:nth-child(2){ background-color: #c0a0c4;}#plans > div:nth-child(3){ background-color: #737e93;}#plans ul{ margin: auto 20px;font-size: 16px;}#plans ul li{ padding-left: 40px;margin-left: 0;}#plans ul li:before{ content: "\e832";color: #fff;font-size: 18px;top: 0;}#plans figure{ margin-top: -45px;margin-bottom: 20px;}#plans .desc{ display: block;background-color: #5b6b84;padding: 12px;border-radius: 0 0 20px 20px;}#plans .desc .only{ display: block;font: 500 10px/1 Lexend,sans-serif;letter-spacing: 6px;}#plans .desc .price{ font-size: 41px;line-height: 1;}#plans .desc .price small{ display: block;font: 500 7px/1 Lexend,sans-serif;letter-spacing: 6px;}.styled-form .inline,.styled-form .input-content{ background-color: #5dbbe8;}.input--filled .input__label::before,.styled-form .input__field:focus + .input__label::before{ border-color: #c0a0c4;}.accordion{ margin: 40px auto;text-align: center;max-width: 1100px;background-color: #5b6b84;border-radius: 20px;padding: 60px;color: #fff;}.accordion .toggle{ position: relative;cursor: pointer;clear: both;padding: 20px 50px 20px 0;border-bottom: 1px solid #737e93;width: 100%;display: block;text-align: center;}.accordion .toggle h3{ font-size: 34px;font-weight: 500;color: #fff;}.accordion .toggle:hover .h2,.accordion .toggle:hover .h3,.accordion .toggle:hover h2,.accordion .toggle:hover h3{ color: #c0a0c4;}.accordion .faq.active .toggle{ border: none;}.accordion .faq:last-of-type .toggle{ border: none;}.accordion .faq > div{ display: none;padding: 10px 10px 20px;}.accordion .faq > div p:first-of-type{ margin-top: 0;}.hours{ display: table;margin: 10px auto;text-align: left!important;}.hours label{ width: 120px;display: inline-block;font-weight: 700;}.contact{ display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;max-width: 100%;margin: 30px auto;}.contact h3{ margin: 10px auto; font: 400 34px/1 trajan-pro-3,serif; }.contact p{ margin: 15px 0 10px;line-height: 1.4;}.contact > div:first-child{ flex: 1 0 auto;margin-right: 20px;}.contact > div:last-child{ margin-right: 10px;}.contact-map{ height: 380px;margin: 20px auto 40px;}.contact-map iframe{ height: 100%;width: 100%;}.slick-slider .slick-arrow{ position: absolute;left: 0;top: 50%;transform: translateY(-50%);}.slick-slider #next{ left: auto;right: 0;}.slick-controls{ display: flex;align-items: center;justify-content: center;gap: 10px;}.slick-controls #next{ order: 2;}.slick-arrow{ color: #c0a0c4;font-family: fontello;font-size: 40px;left: 0;width: 20px;height: 30px;flex: 0 0 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 5;transition: .3s all;}.slick-arrow i{ margin-left: -4px;}.slick-arrow:hover{ color: #5dbbe8;}.slick-dots{ line-height: 1;}.slick-dots li{ line-height: 1;}.slick-dots li button{ padding: 0;}.slick-dots span{ cursor: pointer;background-color: #fff;height: 12px;width: 12px;border-radius: 50%;border: 2px solid #5dbbe8;display: inline-block;margin: 0 5px;}.slick-dots .slick-active span{ background-color: #5dbbe8;}.pagingInfo{ text-align: center;}.gallery{ max-width: 850px;margin: 40px auto;padding: 0;position: relative;}.slick-gallery{ position: relative;margin: 20px auto;text-align: center;}.slick-gallery .case{ display: flex;justify-content: space-around;}.slick-gallery .case span{ margin: 10px;position: relative;padding-bottom: 40px;}.slick-gallery .case span:after{ content: "Before";position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;display: block;margin: auto;color: #626262;text-transform: uppercase;}.slick-gallery .case span:last-of-type:after{ content: "After";}.slick-gallery figcaption{ margin: 5px auto;}#safety h3:after{ background-color: #5dbbe8;}.cls-2,.cls-3,.cls-4{ stroke: #5dbbe8;}.thinner .cls-2{ fill: #5dbbe8;}.covid-icon{ border-color: #5dbbe8;}@media (max-width:1024px){ .split .flex-ed{ flex-flow: column;text-align: center; } .split figure{ order: 2;margin: 0 auto; } .split article{ margin: 0 auto;padding: 10px; } .split .btn{ margin: 10px auto; } #interior-banner .contain{ padding: 40px 20px 20px; } #interior-banner .flex-title{ text-align: center; } #interior-banner .flex-title .contain{ max-width: 100%; } .flex-title{ display: block;text-align: center; } .flex-title #page-title{ text-align: center; } #main-img{ min-height: auto;margin: 10px auto 20px; } #main-img img{ display: block; } #intro{ margin: 20px auto;text-align: center; } .block{ text-align: center;padding: 40px 10px; } .block .contain{ display: block; } .block .btn{ margin: 10px auto; } .block h2, .block h3{ margin-bottom: 20px;text-align: center; } .block [class^=elem]{ float: none;margin: 10px auto 20px;max-width: 100%; } .block ul{ display: table;margin: 20px auto; } #all, .services-grid > div{ flex: 0 1 48%; } [data-player][class^=elem]{ max-width: 650px; } .styled-form .btn{ display: table;margin: 10px auto; } footer .hours label { width:100px; } #find figure{ margin-top: 0;max-width: 555px;width: 100%; } #insure-form{ margin: 0 10px; } #welcome{ margin: 40px 10px; } #meet figure{ order: -1; } #meet article{ padding: 40px 10px; } #meet figure img{ border-radius: 0; } #interior-banner{ margin: 0 10px; }}@media (max-width:768px){ header .pho{ font-size: 18px; } .why ul{ flex-wrap: wrap; } .why ul li{ flex: 1 1 100%; } .contact{ text-align: center;display: block; } .contact > div:first-child, .contact p{ margin: 10px auto; } #reviews{ flex-flow: wrap;padding: 40px 20px; } #reviews article{ order: -1; } #insure-form #check-list{ flex-flow: wrap;justify-content: center; } #insure-form .contain{ max-width: 100%; } #banner:before { z-index:1; } #banner figure{ min-height: 550px;position: relative; background:url(//www.shroffdentalarts.com/assets/images/banner-collage-3.png) center top no-repeat; background-size:cover; } #banner figure img{ display:none; position: absolute;height: 100%;width: auto;max-width: none;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1; } #banner article{ z-index:1; top: 50%;transform: translateY(-50%); } #ways .flex-ed{ flex-flow: wrap;justify-content: center; } #ways .flex-ed > *{ flex: 1 0 100%; } #services{ padding: 100px 10px; } footer{ border: none; } #reviews div .slider { max-width: 100%;}#reviews .slick-reviews {max-width: 100%;} footer .logo img{ margin: auto; } footer .flex-ed{ flex-flow: column;border: none; } #copy{ order: 0;padding-top: 50px;border-top: 1px solid #fff;margin: 100px auto 0;max-width: 600px;width: 100%; } #reviews .contain{ padding: 30px; } #reviews article { text-align:center; max-width:100%; flex:1; } #reviews article h2 br { display:none; } #meet{ padding-left: 0;padding-right: 0; } #office article{ padding: 30px 20px; } #office .btn{ min-width: 200px; } #welcome .h3{ line-height: 1.2; } .why ul{ margin: 30px auto;text-align: center; } .why ul li{ padding: 0; } .why ul li:before{ display: block;position: static;width: 100%; } #intro{ padding: 40px 20px; } #page-title h1:only-child, .h1, h2#append{ font-size: 41px; }}@media (max-width:590px){ .dividerLead, .h2, .more-to-explore span, h2{ font-size: 41px; } .hd-info{ display: none; } #find { padding:0; margin:0; } #find article { padding:40px 10px; } #map{ display: none; } .gallery{ padding: 0; } #all, .services-grid > div{ flex: 1 1 100%; } .youtube[class*=elem-]{ width: 100%; } [data-player][class^=elem]{ min-width: 100%; } .landing{ display: block; } header .hours label{ width: 100px; } footer #fo-contents{ display: block; } footer .hours{ margin-bottom: 50px; } #reviews .contain{ padding: 30px 10px; }}@media (max-width:400px){ .dividerLead, .h2, .more-to-explore span, h2{ font-size: 35px; } #copy { font-size:11px; } #interior-banner { background-image:none!important; } .more-to-explore [class^=btn]{ min-width: 100%;width: 100%;margin: 8px auto; } [data-embed] .close{ font-size: 12px;min-width: 120px;padding: 4px; } #copy .icon-tnt{ font-size: 50px;margin-bottom: 8px; }} #reviews .youtube:before {content: url(//www.shroffdentalarts.com/assets/images/patient-play-btn.png);background-color: initial;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: initial;height: initial;} #reviews .youtube:after {content: none;} #banner > div {position: relative; flex: 1;} #reviews h2 {padding: 100px 10px 0;margin: 0 auto 20px;max-width: 1290px;} #reviews > div {justify-content: space-between;max-width: 1390px;margin: 0 auto;display: flex;align-items: center;} #reviews .index-patient-videos {max-width: 680px;width: 100%;display: flex;flex-direction: column;gap: 50px;margin-top: -150px;} #banner figure img, #banner video {display: flex;align-items: stretch;height: 100%;object-fit: cover;} #banner .playing > div {display: flex;align-items: stretch;height: 100%;} @media(max-width: 1000px){#reviews h2 {text-align: center;margin-left: initial;} #reviews > div {flex-wrap: wrap;justify-content: space-around;} #reviews .index-patient-videos {margin-top: initial;padding-bottom: 40px;}} @media(max-width: 900px){#banner {flex-direction: column-reverse;gap: 10px;} #banner h2 {background-color: rgba(0,0,0,.3);padding: 5px;}} .has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}.has-h3 h3 {margin: 0 auto 10px;text-align: left;}.section-toggle {display: none;margin-top: 20px;}@media (max-width: 750px) { .has-h3, .has-h3 h3 {text-align: center;}} .faq h2 { color: #fff; font: 400 38px/1 trajan-pro-3,serif !important; }