*,
body {
font-family: "Josefin Sans"
}
.banner-img,
.banner-img-about {
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/images/imgHero-IMG.png) center center/cover no-repeat;
position: relative
}
.banner-img,
.banner-img-about,
.black-overlay,
header {
width: 100%;
float: left
}
.banner-img,
.banner-img-about,
header,
nav ul li,
nav ul li a {
position: relative
}
.inner-menu li a svg,
a.green,
a.white,
header,
ul.inner-menu li a {
-ms-transition: .3s;
-o-transition: .3s
}
.banner-txt h1,
.banner-txt p,
a.green,
a.white {
font-family: 'Josefin Sans', sans-serif
}
a.green,
a.white {
text-align: center;
-webkit-transition: .3s
}
.inner-menu li a svg,
a.green,
a.white,
header,
ul.inner-menu li a {
-webkit-transition: .3s
}
.ft-address p,
.ft-link ul li a,
.ft-link ul li:first-child a {
text-shadow: 0 1px 1px rgba(0, 0, 0, .02)
}
.mfp-container:before,
.mfp-content {
vertical-align: middle;
display: inline-block
}
*,
.mfp-close {
text-decoration: none
}
.blog-inr-text-main p a:hover,
.blog-inr-txt p a:hover,
.ebook-sec div h1 {
text-decoration: underline
}
.gallery-main h3,
.head-btn p,
.index-glry-sub span,
.mo-header-cont a,
.navigation ul,
.site-map ul li a {
text-transform: uppercase
}
.about-left form .form_row,
.video_list {
grid-template-columns: repeat(2, 1fr);
column-gap: 30px
}
* {
padding: 0;
margin: 0;
border: 0;
outline: 0
}
:focus,
img {
outline: 0
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=submit] {
-webkit-appearance: none
}
ul {
list-style-type: none
}
body {
font-size: 10px
}
body.body-overflow {
overflow: hidden !important
}
.banner-img {
height: 100vh
}
.banner-img-about {
height: 48vh
}
.black-overlay {
height: 100%;
background: rgba(0, 0, 0, .3)
}
.radio_btn label:hover::before,
.sticky-header,
header.transparent-header.sticky-header {
background: #fff
}
header {
z-index: 999
}
header.transparent-header {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/images/black.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
box-sizing: border-box;
z-index: 999
}
.header-container {
width: 1300px;
margin: 0 auto
}
.about-left h2:first-child,
.logo,
nav {
margin-top: 0
}
.about-left ul,
.about-right ul,
.about-right ul li,
.abt ul,
.banner-btn,
.banner-logo,
.blog-dtls,
.blog-inn-text,
.blog-inr-post,
.blog-inr-txt,
.blog-wlcm-img,
.book-btn,
.contact-information,
.form,
.gallery-img-lft img,
.gallery-img-lft2 img,
.gallery-main,
.head-section-top,
.hello-page,
.loc-text,
.loc-text ul,
.page-id-2241 .abt ul,
.timing,
.week ul,
.week-text,
.welcome-textr ul,
.wlcm-blog-categ,
a.lft-align {
width: 100%;
float: left
}
.logo {
width: auto;
float: left
}
.logo img {
width: 383px
}
.head-btn {
float: right;
margin-top: 1%
}
.head-btn p {
width: auto;
float: left;
max-width: 300px;
font-size: 18px;
font-weight: 400;
line-height: 18px;
margin-top: 5px;
color: #fff
}
a.green,
a.white,
nav ul li a {
line-height: 20px;
box-sizing: border-box
}
.head-btn p a,
.mfp-preloader a:hover {
color: #fff
}
.head-btn .menu-contact-block figure img {
max-width: 26px
}
.sticky-header .head-btn p,
.sticky-header nav ul li a {
color: #929193
}
.menu-contact-block p span {
font-size: 13px;
font-weight: 400;
line-height: 15px;
text-transform: none
}
.menu-contact-block figure {
width: auto;
float: left;
padding-right: 10px
}
#online_document_upload2 {
margin-top: 20px
}
.menu-contact-block {
width: auto;
float: left;
max-width: 365px;
margin-right: 30px
}
.menu-bottm-border {
width: 100%;
float: left;
border: 1px solid rgba(211, 211, 211, .5);
box-sizing: border-box
}
.head-section-buttom {
width: 100%;
margin: 0;
display: flex;
justify-content: center
}
.video_list {
display: grid;
width: 100%
}
.video_list .gallery_title {
margin-bottom: 22px
}
.video_list .main-vid {
margin-bottom: 30px
}
.video_list .play-btn {
width: auto;
height: auto
}
.video_list .clik_on_video {
background: 0 0 !important
}
nav {
float: left;
margin-right: 0;
width: 100%
}
nav ul {
float: left;
margin-left: 30px
}
nav ul li {
width: auto;
float: left;
padding: 0 20px;
box-sizing: border-box;
margin-bottom: -20px
}
.sticky-header nav ul li {
padding:0 15px;
}
.sticky-header nav ul li a{font-size:1.6em;}
nav ul li:last-child {
padding: 0 0 0 10px
}
nav ul li a {
font-size: 1.8em;
color: #fff;
float: left;
width: auto;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s
}
nav ul li a.active::before,
nav>ul>li>a.active-main::before {
position: absolute;
height: 2px;
background-color: #5ec2de;
content: '';
bottom: 10px;
width: 100%
}
ul.inner-menu,
ul.inner-sub-menu {
float: left;
width: auto;
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
position: absolute;
border-right: 1px solid rgba(44, 56, 65, .1);
top: 40px;
background-color: #fff;
min-width:195px;
padding: 15px 0;
box-sizing: border-box;
z-index: 999
}
ul.inner-menu {
border-radius: 4px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
display: none
}
.about-left h4>p,
.mfp-figure figure,
form.wpcf7-form.init span.wpcf7-list-item.first,
nav ul li:hover ul.inner-menu,
ul.inner-menu li:hover ul {
margin: 0
}
ul.inner-menu:before {
content: "";
width: 0;
height: 0;
top: -10px;
left: 98px;
position: absolute;
font-size: 0;
line-height: 0;
box-shadow: rgba(0, 0, 0, .1) -2px -2px 2px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-width: 10px;
border-style: solid;
border-color: #fff transparent transparent #fff
}
nav ul li ul li:first-child {
padding-left:15px
}
ul.inner-menu li a,
ul.inner-sub-menu li {
border-bottom: 1px solid rgba(1, 21, 48, .1)
}
ul.inner-menu li {
padding: 0 15px;
position: static;
width: 100%;
margin: inherit
}
ul.inner-menu li:last-child {
padding: 0 15px
}
ul.inner-menu li a {
color: #4f4f4f;
font-size: 1.3em;
width: 100%;
padding: 15px 0;
line-height: 16px;
-moz-transition: .3s;
position: relative
}
.blog-inr-text-main ol li a,
.blog-inr-text-main ul li a,
.blog-inr-txt ul li a,
.blog-inr-txt ul li span,
.form p a,
.ft-address a:hover,
.policy_note a,
.radio_btn input[type=radio]:checked+label,
.thnk_inner a,
li.hover-color a,
ul.inner-menu li:hover>a {
color: #5ec2de
}
ul.inner-sub-menu {
float: left;
width: auto;
background-position: left 33px;
min-width: 410px;
box-shadow: 2px 5px 4px -1px rgba(0, 0, 0, .1), 5px -7px 7px -7px rgba(0, 0, 0, .1);
position: absolute;
top: 0;
border-radius: 0 4px 4px 0;
left: calc(100% + 203px);
height: 218px;
display: none;
border-left: 1px solid rgba(44, 56, 65, .1);
padding: 15px 25px
}
.banner-txt,
.banner-txt h1,
.banner-txt h2 {
width: 100%;
float: left
}
ul.inner-sub-menu li {
width: 48%;
float: left;
padding: 0;
background: 0 0
}
.fl-right,
.ft-btm-rgt,
.gallery-img span:last-child,
.gallery-img-lft2 span:last-child,
.index-glry-sub span:last-child,
ul.inner-sub-menu li:nth-child(2n) {
float: right
}
a.green,
a.white {
padding: 10px 20px;
border-radius: 100px;
font-size: 1.2em;
color: #fff;
-moz-transition: .3s
}
ul.inner-sub-menu li a {
border-bottom: none
}
.mfp-arrow:focus,
.mfp-arrow:hover,
.mfp-close:focus,
.mfp-close:hover,
.mfp-with-zoom.mfp-ready .mfp-container,
ul.inner-menu>li:hover a svg {
opacity: 1
}
.inner-menu li a svg {
float: right;
margin-top: 4px;
opacity: 0;
-moz-transition: .3s
}
#primary-menu .inner-menu .inner-menu,
.absimg li,
.item .sub-menu .item .sub-menu,
.logo a.sticky-logo,
.mfp-align-top .mfp-container:before,
.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader,
.mo-menu ul.inner-menu:before,
.page-id-2669 .abt ul,
.page-id-2761 .abt,
.page-id-2768 .abt,
.page-id-3411 .abt h1,
.page-id-3411 .abt ul,
.page-id-557 .abt.empty_abt,
.radio_btn input[type=radio],
.single-post .abt ul li:nth-child(2),
.sticky-header .head-btn,
.sticky-header .logo a,
.trating-img iframe {
display: none
}
.approach-txt a,
.banner-txt h2,
.index-glry .slick-next:before,
.index-glry-sub span,
.servce-txt p,
.service-inner,
a.index-glry-btn,
section.footer-top,
section.service-sec {
display: inline-block
}
ul.inner-menu>li:hover .absimgli {
width: 10px;
height: 10px;
position: absolute;
left: calc(100% + 18px);
z-index: 9999;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
display: block
}
.sticky-header {
position: fixed;
z-index: 11;
-webkit-box-shadow: 1px 6px 20px -5px rgba(79, 79, 79, .3);
-moz-box-shadow: 1px 6px 20px -5px rgba(79, 79, 79, .3);
box-shadow: 1px 6px 20px -5px rgba(79, 79, 79, .3)
}
.sticky-header .logo a.sticky-logo {
display: block
}
nav>ul>li.active>a:before {
position: absolute;
height: 2px;
background-color: #5dc2de;
content: '';
bottom: 14px;
width: 100%
}
.ft-btm-lft ul li a:hover,
.que-panel .panel ul li a,
form.wpcf7-form.init div a,
nav>ul>li:hover>a {
color: #5dc2de
}
.banner-txt {
z-index: 1
}
.container {
width: 1200px;
margin: 0 auto
}
.banner-txt h1 {
font-weight: 400;
color: #fff;
font-size: 5.6em;
letter-spacing: -1px;
line-height: 62px;
margin-bottom: 13px
}
.banner-txt p {
color: #fff;
font-size: 2.4em;
font-weight: 300;
line-height: 33px;
margin-bottom: 30px
}
.approach-txt a,
.banner-txt h2,
.welco-lft a,
.welcome-r h4,
a.white {
font-family: "Josefin Sans"
}
a.white {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
background-color: rgba(255, 255, 255, .2);
border-radius: 50px
}
.about-left p a.lp_btn:hover,
.banner-btn a.green:hover,
.blog-inr-text-main p a.lp_btn:hover {
background: #2a5b9c;
transition: .2s
}
a.white:hover {
background-color: #fff;
color: #2a5b9c
}
.banner-txt h2 {
color: #fff;
font-weight: 400;
line-height: 36px;
margin-top: 31px;
margin-bottom: 20px
}
.banner-logo img {
margin-right: 35px
}
.down-arrow {
float: left;
width: auto;
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%)
}
.approach-hm,
.approach-inn,
.approach-txt {
width: 100%;
float: left
}
.approach-hm {
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/images/book-online-bg.png) center center/cover no-repeat
}
.approach-inn {
background-size: cover;
padding: 48px 0
}
.approach-txt {
text-align: left
}
.approach-txt h4 {
color: #4f4f4f;
font-size: 40px;
font-weight: 400;
line-height: 52px;
text-align: left;
margin-bottom: 15px;
letter-spacing: 0
}
.approach-txt p {
color: #232323;
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-align: left;
margin-bottom: 35px;
width: 510px
}
.approach-txt a {
border-radius: 40px;
background: #5dc2de;
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 20px;
text-align: center;
padding: 15px 45px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s
}
.welco-lft h2,
section.service-sec h4 {
font-size: 5.6em;
line-height: 62px;
letter-spacing: -1px
}
.about-left h4>a:hover,
.about-left h4>p>a:hover,
.approach-txt a:hover,
.page-id-3411 .about-left li a:hover {
background: #2a5b9c
}
.wlcm-blog,
section.welco-sec {
width: 100%;
float: left;
padding: 60px 0
}
.hello-lft,
.timing-lft,
.timing-rgt,
.welco-lft {
width: 50%;
float: left
}
.welco-lft h2 {
color: #4f4f4f;
margin-bottom: 30px;
font-weight: 400;
width: 600px
}
.welco-lft p {
width: 580px;
color: #232323;
font-size: 2.4em;
font-weight: 300;
line-height: 33px;
margin-bottom: 30px
}
.welco-lft a {
width: auto;
margin-bottom: 30px;
color: #5ec2de;
font-size: 1.6em;
line-height: 16px;
font-weight: 400
}
.welco-lft a img {
width: auto;
padding-left: 0
}
.welco-lft a button img {
width: 150px;
cursor: pointer
}
.welco-lft a:hover img {
padding-left: 0;
transition: .3s
}
.welcome-textr {
width: 50%;
float: right;
padding: 71px 0 0 60px;
box-sizing: border-box
}
.welcome-textr ul li {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
margin-bottom: 50px
}
.que-panel .panel p:last-child,
.que-panel>div:last-child,
.welcome-textr ul li:last-child,
section.que-sec.faq-list .que-panel .panel p {
margin-bottom: 0
}
.welcome-i {
width: 56px;
height: 56px;
margin-right: 20px
}
.magnific-img img,
.welcome-i img {
width: 100%;
height: auto
}
.welcome-r {
width: 75%;
float: left
}
.welcome-r h4 {
color: #4f4f4f;
font-size: 20px;
font-weight: 400;
line-height: 24px;
margin-bottom: 10px
}
.servce-txt p,
.welcome-r p {
color: #232323;
font-weight: 300;
font-family: "Josefin Sans"
}
.welcome-r p {
font-size: 14px;
line-height: 22px
}
section.service-sec {
float: left;
width: 100%;
padding: 60px 0;
overflow-x: hidden;
background-color: rgba(231, 235, 238, .5)
}
section.service-sec h4 {
color: #4f4f4f;
font-family: "Josefin Sans";
font-weight: 400;
margin-bottom: 50px
}
.service-inner {
width: 300px;
padding-right: 40px
}
.abs-btn-links,
.blog-inr-text-main ul,
.blog-inr-txt ul,
.loc-text ul li,
.servce-txt {
width: 100%;
float: left;
margin-bottom: 30px
}
.servce-txt p {
float: none;
width: 100%;
box-sizing: border-box;
font-size: 2.4em;
line-height: 33px;
margin-bottom: 30px
}
.service-inner a {
width: auto;
color: #5ec2de;
font-size: 1.6em;
line-height: 16px;
float: left;
font-family: "Josefin Sans";
font-weight: 400
}
.service-inner a img {
width: auto;
padding-left: 5px
}
.service-inner a:hover img {
padding-left: 15px;
transition: .3s
}
.testimo-hm {
float: left;
width: 100%;
background-color: #5dc2de;
height: 685px;
position: relative;
margin-bottom: 70px;
margin-top: 70px
}
.lft-trating-txt {
float: left;
width: 330px;
margin-top: 60px;
margin-left: 60px;
box-sizing: border-box
}
.lft-trating-txt h2 {
float: left;
width: 327px;
color: #fff;
font-size: 4em;
line-height: 52px;
font-weight: 400;
margin-bottom: 20px
}
.lft-trating-txt p {
float: left;
width: 338px;
color: #fff;
font-size: 2.4em;
font-weight: 300;
line-height: 33px;
margin-bottom: 30px
}
.ft-address p,
.index-glry-sub span,
.testi-txt h2,
a.index-glry-btn {
font-weight: 400;
font-family: "Josefin Sans"
}
.lft-trating-txt a {
float: left;
color: #fff;
font-size: 1.4em;
line-height: 20px;
text-align: center;
background-color: rgba(255, 255, 255, .2);
box-sizing: border-box;
border-radius: 50px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s
}
.lft-trating-txt a:hover {
background: #fff;
color: #929193;
transition: .2s
}
.trating-img {
float: right;
width: auto;
position: relative
}
.abt,
.play-btn,
.testi-txt {
position: absolute
}
.trating-img img#video-cover {
max-width: 100%;
height: auto
}
.mo-menu ul li a,
.page-id-619 .wp-playlist,
.service-img,
.trating-img img {
float: left;
width: 100%
}
.play-btn {
width: 150px;
height: 150px;
z-index: 6;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: transparent;
border: 0;
cursor: pointer
}
.testi-txt {
float: right;
width: 535px;
background: #fff;
padding: 20px;
box-sizing: border-box;
right: 0;
bottom: -14px;
border-radius: 10px;
box-shadow: 0 4px 7px rgba(100, 100, 100, .5)
}
.ft-address,
.ft-link {
background: rgba(255, 255, 255, .8)
}
.testi-txt h2 {
color: #4f4f4f;
font-size: 24px;
line-height: 32px;
margin-bottom: 11px
}
.index-glry {
width: calc(100% - 40px);
margin: auto auto 5px
}
a.index-glry-btn {
float: right;
color: #5ec2de;
font-size: 16px;
line-height: 16px;
margin: 0 20px 10px
}
.index-glry .slick-prev:before {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/left-scroll.svg);
background-size: 20px 32px;
display: inline-block;
width: 20px;
height: 32px;
content: ""
}
.index-glry .slick-next:before {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/right-scroll.svg);
background-size: 20px 32px;
width: 20px;
height: 32px;
content: ""
}
.index-glry-sub span {
color: rgba(79, 79, 79, .35);
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
padding: 5px 0
}
.ft-link ul li a:hover,
a.index-glry-btn:hover {
color: #4973aa
}
section.footer-top {
width: 100%
}
.ft-address {
float: left;
padding: 40px 40px 41px;
height: 45em
}
a.ft-logo img {
width: 270px;
height: 41px
}
a.ft-logo {
margin-bottom: 19px;
display: block
}
.ft-address p {
color: #4f4f4f;
font-size: 14px;
line-height: 22px;
margin-bottom: 18px
}
.ft-address p a {
display: block;
color: inherit
}
.ft-link {
float: right;
padding: 30px 16px;
display: inline-flex;
flex-wrap: wrap;
margin-top: 159px
}
.ft-link ul:first-child {
margin-right: 62px
}
.ft-link ul li:first-child a {
color: #4f4f4f;
font-family: "Josefin Sans";
font-size: 16px;
font-weight: 600;
line-height: 60px
}
.ft-link ul li a {
color: #4f4f4f;
font-family: "Josefin Sans";
font-size: 16px;
font-weight: 300;
line-height: 30px
}
section.footer-bottom {
padding: 0 0 33px;
display: inline-block;
width: 100%
}
.ft-btm-lft {
float: left
}
.ft-btm-lft ul,
.ft-btm-rgt ul {
display: inline-flex
}
.ft-btm-lft ul li {
margin: 0 20px
}
.ft-btm-rgt ul li {
margin: 0 10px
}
.ft-btm-lft ul li:first-child {
margin-left: 0
}
.ft-btm-lft ul li:last-child {
margin: 0 0 0 30px
}
.ft-btm-lft ul li,
.ft-btm-lft ul li a {
font-size: 15px;
font-weight: 400;
line-height: 12px;
color: #4f4f4f
}
.abt ul li,
.abt ul li a {
font-size: 13px;
line-height: 15px
}
button.scroll-up {
position: fixed;
bottom: 85px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 10px;
background: #2a5b9c;
z-index: 9;
cursor: pointer
}
.abt,
.abt h1,
.abt p {
width: 100%;
float: left
}
.abt {
top: 34%
}
.abt p {
font-size: 1.8em;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
padding-left: 5px
}
.abt h1 {
font-size: 50px;
line-height: 62px;
color: #5ec2de;
letter-spacing: -1px
}
.about-left h4,
.about-left p,
.about-left p.small {
font-weight: 300;
color: #232323;
width: 100%;
float: left
}
.abt ul li {
width: auto;
padding: 5px;
float: left;
color: #fff
}
.abt ul li a {
width: 100%;
float: left;
color: #fff;
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/breadcrumb.svg);
background-size: contain;
background-position: center right 0;
background-repeat: no-repeat;
padding: 0 5px 0 0
}
.about-main,
.blog-inr-text-main,
.data-light {
width: 100%;
float: left;
position: relative
}
.about-left {
width: 60%;
float: left
}
.about-left h4,
.about-left p {
font-size: 2.4em;
margin-top: 20px;
line-height: 33px
}
.about-left h2,
.about-left h3,
.about-left h5,
.about-right ul li a {
color: #4f4f4f;
font-weight: 400
}
.about-left h4 {
font-weight: 500
}
.about-left h4 a,
.about-main h3 a,
.about-main p a,
.que-panel p a {
color: #5ec2de !important
}
.about-left h2 {
width: 100%;
float: left;
font-size: 4em;
line-height: 52px;
margin-top: 50px
}
.about-left p.small {
font-size: 16px;
margin-top: 10px;
line-height: 24px
}
.about-left h3 {
width: 100%;
float: left;
font-size: 3em;
margin-top: 30px;
line-height: 39px
}
.about-left h5 {
width: 100%;
float: left;
font-size: 2.4em;
line-height: 33px;
margin-top: 30px
}
.about-left table tr,
.error-box h2 {
font-size: 2.4em;
font-weight: 300;
color: #232323;
line-height: 33px
}
figure.about-three-image {
width: 33%;
float: left
}
figure.about-three-image img {
width: auto;
margin-top: 30px
}
.about-left img {
width: 100%;
float: left;
height: auto
}
.about-right {
width: 30%;
float: right;
margin-top: 70px
}
.about-right ul li a {
width: 100%;
float: left;
font-size: 1.6em;
line-height: 24px;
margin-bottom: 10px
}
.about-right ul li a:hover {
width: 100% !important;
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/shape.svg);
background-size: 11px 13px;
float: left;
background-repeat: no-repeat;
background-position: center left;
padding: 0 20px;
box-sizing: border-box;
transition: .4s
}
.about-right ul li.active-class a {
color: #5ec2de;
font-size: 2em;
font-weight: 700
}
.about-left table {
width: 100%;
border-spacing: 0px;
border: 1px solid #d4d4d4;
padding: 0;
table-layout: fixed
}
.about-left table td {
border: 1px solid #d4d4d4;
padding: 8px;
vertical-align: top
}
.error-main,
.thank-you-main {
width: 100%;
float: left;
padding: 100px 0
}
.error-box,
.thank-you-box {
width: 720px;
margin: 0 auto;
text-align: center
}
.error-title {
width: 100%;
float: left;
font-size: 40em;
font-weight: 400;
color: #5ec2de;
line-height: 400px;
position: relative
}
.error-box h2 {
width: 100%;
float: left;
margin-bottom: 50px
}
.blog-img,
.error-btn,
.thank-you-btn {
width: 100%;
float: left;
text-align: center
}
.error-btn a,
.error-text {
width: auto;
font-weight: 400
}
.error-btn a {
float: none;
font-size: 1.4em;
color: #fff;
padding: 15px 40px;
border-radius: 50px;
background-color: rgba(94, 194, 222, .85)
}
.book-btn a:hover,
.error-btn a:hover,
.thank-you-btn a:hover {
background-color: #2a5b9c
}
.error-text {
float: left;
position: absolute;
left: 44%;
top: 40%;
font-size: 36px;
line-height: 36px;
color: #4f4f4f
}
.thank-you-title {
width: 100%;
float: left;
font-size: 56px;
font-weight: 400;
color: #4f4f4f;
line-height: 62px;
margin-bottom: 30px;
letter-spacing: -1px
}
.thank-you-box h2 {
width: 100%;
float: left;
font-size: 2.4em;
font-weight: 300;
color: #232323;
line-height: 33px;
margin-bottom: 40px
}
.thank-you-btn a {
width: auto;
float: none;
font-size: 1.4em;
font-weight: 400;
color: #fff;
padding: 15px 30px;
border-radius: 50px;
background-color: rgba(94, 194, 222, .85)
}
.hello-lft h2,
.location-page h2,
.timing-lft h2 {
width: 100%;
float: left;
font-size: 4em;
font-weight: 400;
color: #4f4f4f;
margin-bottom: 20px;
line-height: 52px
}
.hello-lft p,
.loc-text ul li a,
.loc-text ul li p {
font-weight: 300;
line-height: 33px;
font-size: 2.4em;
color: #232323
}
.hello-lft p {
width: 100%;
float: left;
margin-bottom: 20px
}
.book-btn a,
.hello-rgt p {
float: left;
font-weight: 400
}
.hello-rgt {
width: 50%;
float: right;
padding: 75px 0 0 30px;
box-sizing: border-box
}
.hello-rgt p {
width: 100%;
font-size: 2em;
line-height: 24px;
color: #5ec2de;
margin-bottom: 20px
}
.book-btn a {
width: 200px;
font-size: 1.4em;
color: #fff;
line-height: 20px;
padding: 15px 40px;
background-color: rgba(94, 194, 222, .8);
text-align: center;
border-radius: 50px;
box-sizing: border-box
}
.loc-lft h3,
.loc-rgt h3,
.right_contact_data h3 {
font-size: 2.8em;
line-height: 30px;
margin-bottom: 20px;
float: left
}
.location-page {
width: 100%;
float: left;
background-color: rgba(231, 235, 238, .3);
padding: 60px 0
}
.loc-lft {
width: 49%;
float: left;
box-sizing: border-box;
margin-bottom: 30px;
}
.location-page .loc-lft:nth-child(2) {
float: right;
padding-right: 0
}
.page-id-436 .location-page .loc-lft:nth-child(4){
float: initial;
width: 49%;
margin: 0 auto;
}
.page-id-2611 .location-page .loc-lft:nth-child(4){
float: initial;
width: 49%;
margin: 0 auto;
}
.page-id-2835 .location-page .loc-lft:nth-child(4){
float: initial;
width: 49%;
margin: 0 auto;
}
.blog-sch .nice-select .list,
.blog-sch form,
.contact-information form#wpforms-form-2138,
.loc-lft iframe,
.mo-menu ul li ul li a,
.page-id-1002 .loc-lft,
.page-id-1037 .loc-lft,
.page-id-1039 .loc-lft,
.page-id-5534 .loc-lft,
.page-id-999 .loc-lft,
a.ebook-dwnld-main img,
iframe.ft_mp {
width: 100%
}
.loc-img {
width: 100%;
float: left;
margin-bottom: 25px
}
.loc-img img {
width: 100%;
float: left;
box-sizing: border-box
}
.loc-lft h3,
.right_contact_data h3 {
width: 100%;
font-weight: 600;
color: #5dc2de
}
.loc-text ul li a,
.loc-text ul li p {
width: 100%;
float: left
}
.loc-rgt {
width: 50%;
float: left;
padding-left: 30px;
box-sizing: border-box
}
.loc-rgt h3 {
width: 100%;
font-weight: 500;
color: #5ec2de
}
.week {
max-width: 450px;
float: left
}
.week ul li {
width: 100%;
float: left;
margin-bottom: 12px
}
.week-text p:first-child {
width: 150px;
float: left;
font-size: 2.4em;
line-height: 40px;
color: #232323;
font-weight: 400
}
.week-text p:last-child {
width: 200px;
float: left;
font-size: 2.4em;
line-height: 40px;
color: #232323;
font-weight: 300
}
.timing-rgt h2 {
width: 100%;
float: left;
font-size: 3em;
font-weight: 400;
line-height: 36px;
color: #4f4f4f;
margin-bottom: 25px
}
.form p,
.row textarea {
font-weight: 300;
float: left
}
form .row {
width: 100%;
float: left;
margin-bottom: 20px
}
.row input[type=email],
.row input[type=tel],
.row input[type=text] {
width: 100%;
float: left;
font-size: 1.4em;
font-family: "Josefin Sans";
font-weight: 300;
padding: 15px 10px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #5ec2de
}
.row textarea {
width: 100%;
height: 140px;
resize: both;
font-size: 1.4em;
font-family: "Josefin Sans";
padding: 15px 0 0 10px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #5ec2de
}
.form input[type=submit] {
width: 200px;
float: right;
padding: 20px 40px;
cursor: pointer;
background-color: rgba(94, 194, 222, .85);
font-size: 14px;
color: #fff;
font-family: "Josefin Sans";
font-weight: 400;
border-radius: 50px;
border: none
}
.form input[type=submit]:hover {
box-shadow: rgba(100, 100, 100, .5) 0 5px 10px 0
}
.form p {
width: 50%;
font-size: 2em;
color: #232323;
line-height: 24px
}
.title-block {
width: 100%;
display: inline-block;
padding-left: 120px;
padding-right: 40px;
box-sizing: border-box
}
.service-sec .service-blok {
width: calc(100% - 340px);
float: right;
margin-top: 0;
clip-path: inset(-100vw -100vw -100vw 0)
}
.mo-menu ul.inner-menu li:last-child,
.service-blok ul.service-sec-slide,
.uesti-dtl-toggle p {
padding: 0
}
.service-sec-slide .slick-list.draggable {
overflow: visible
}
.service-blok ul.service-sec-slide li a:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(255, 255, 255, .1));
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: 15px;
opacity: .7;
transition: .3s ease-out;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out
}
.service-blok ul.service-sec-slide li {
float: none;
width: auto !important;
overflow: visible;
position: relative;
margin-bottom: 0;
margin-right: 0;
display: inline-block;
height: auto;
outline: 0;
border: none
}
.service-blok .slick-slide {
margin-right: 38px;
margin-bottom: 40px
}
.service-blok ul.service-sec-slide li a,
.service-img:focus {
outline: 0;
border: none
}
.service-sec-slide .service-img img {
max-width: 100%;
width: 340px;
height: 500px;
max-height: 100% !important;
min-height: auto;
border-radius: 15px
}
.service-img-data {
float: left;
width: 100%;
position: absolute;
bottom: 0;
left: 00px;
transition: .3s ease-out;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out
}
.service-img-data h3 {
float: left;
width: 97%;
margin-bottom: 20px;
font-size: 3em;
line-height: 39px;
font-weight: 400;
padding-left: 20px;
box-sizing: border-box
}
.service-img-data p {
float: left;
width: auto;
margin-top: 0;
font-size: 2.4em;
font-weight: 300;
line-height: 33px;
transition: .25s;
-webkit-transition: .25s;
-moz-transition: .25s;
opacity: 0;
display: none;
padding-left: 20px
}
.wlcm-blog-lft h2,
.wlcm-blog-lft p {
margin-top: 30px;
width: 100%;
float: left
}
.service-blok ul li:hover .service-img-data {
bottom: 20px;
top: inherit;
position: absolute;
left: 0;
transition: .3s ease-out;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out
}
.book-btn a,
.service-blok ul li:hover .service-img-data h3 {
margin-bottom: 10px
}
.service-img-data h3,
.service-img-data p {
color: #fff;
font-family: "Josefin Sans"
}
.service-blok ul li:hover .service-img-data p {
opacity: 1;
display: block
}
.service-sec-slide .slick-dots {
bottom: 0;
position: relative
}
.service-blok ul.service-sec-slide ul li {
margin-bottom: 0;
margin-right: 8px
}
.service-blok .slick-dots li button {
display: block;
width: 30px;
height: 30px;
padding: 5px;
cursor: pointer;
color: #4f4f4f;
outline: 0;
background: 0 0;
font-family: "Josefin Sans";
font-size: 20px;
font-weight: 400;
line-height: 20px;
overflow: visible
}
.service-blok ul.slick-dots li.slick-active button {
color: #5ec2de;
border: 1px solid #5ec2de;
border-radius: 50%
}
.wlcm-blog-lft {
width: 500px;
float: left;
margin-top: 0
}
.wlcm-blog-lft .wlcm-blog-a {
float: left;
background: rgba(94, 194, 222, .85);
border-radius: 10px
}
.blog-int-txt span,
.wlcm-blog-lft .wlcm-blog-a a {
width: 100%;
float: left;
text-align: center;
padding: 4px 0;
color: #fff;
font-size: 12px;
line-height: 12px;
font-weight: 400
}
.wlcm-blog-lft h2 {
color: #4f4f4f;
font-size: 40px;
font-weight: 400;
line-height: 52px
}
.wlcm-blog-lft p {
margin-bottom: 20px;
color: #232323
}
.wlcm-blog-lft .wlcm-blog-link {
width: 79px
}
.blog-text .blog-txt-btn,
.blog-text .blog-txt-btn-red {
width: 105px;
border-radius: 10px;
display: inline-block;
margin-top: 20px
}
.wlcm-blog-lft .wlcm-blog-link a {
width: 100%;
float: left;
color: #5ec2de;
font-size: 16px;
font-weight: 400;
line-height: 16px;
border-bottom: 1px solid #5ec2de
}
.wlcm-blog-rgt {
width: 600px;
float: right
}
.blog-ser,
.blog-wlcm-line {
float: left;
text-align: center;
width: 100%
}
.wlcm-blog-rgt img {
width: 100%;
float: right;
border-radius: 20px
}
.blog-ser {
padding: 30px 0
}
.blog-wlcm-line {
margin-bottom: 30px;
font-size: 16px;
line-height: 22px;
color: #4f4f4f;
font-weight: 400
}
.wlcm-blog-categ ul.blog-demo {
display: inline-flex;
flex-wrap: wrap;
justify-content: center
}
.wlcm-blog-categ ul li {
width: 360px;
border-radius: 20px;
margin-right: 40px
}
.blog-img img {
width: 100%;
float: none;
display: inline-block;
border-radius: 20px
}
.blog-text {
text-align: center;
padding: 20px 15px;
box-sizing: border-box
}
.blog-text .blog-txt-btn {
background: #9fbae5;
float: none
}
.blog-text .blog-txt-btn a,
.blog-text .blog-txt-btn-green a,
.blog-text .blog-txt-btn-red a {
color: #fff;
width: 62px;
height: 20px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
text-align: center
}
.blog-text .blog-txt-btn-red {
background: #f2b6b3;
float: none
}
.blog-text .blog-txt-btn-green div,
.blog-text .blog-txt-btn-red div {
color: #fff;
width: auto;
height: 20px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
text-align: center
}
.blog-text .blog-txt-btn-green {
border-radius: 10px;
background: #c7dfd2;
float: none;
display: inline-block;
margin-top: 20px
}
.blog-sch,
.faq_search {
border: 1px solid #eceff1
}
.nice-select,
.nice-select .list {
background: #fff;
box-sizing: border-box
}
.blog-text p {
width: 336px;
color: #232323;
font-size: 18px;
font-weight: 400;
line-height: 32px;
text-align: center;
margin-top: 10px;
margin-bottom: 50px
}
.blog-sch {
position: relative;
border-radius: 5px;
background-color: #fff;
margin-bottom: 40px;
float: left;
width: 100%
}
.blog-sch form input[type=text] {
float: left;
width: 70%;
color: #042047;
font-family: "Josefin Sans";
font-size: 1.4em;
line-height: 30px;
padding: 22px 0 22px 50px;
border: none;
box-sizing: border-box;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/search.svg) 20px center no-repeat
}
.nice-select {
cursor: pointer;
display: block;
font-weight: 400;
outline: 0;
position: relative;
text-align: left !important;
user-select: none;
white-space: nowrap
}
.nice-select:hover {
color: #8091a5
}
.blog-sch .nice-select {
clear: none;
float: right;
border: 1px solid #fff;
border-left: 1px solid #eceff1;
height: 74px;
font-size: 1.4em;
border-radius: 0;
padding: 0 20px;
line-height: 75px;
margin-bottom: 0;
color: #2c3841;
font-family: "Josefin Sans";
transition: .3s
}
.nice-select .list {
border-radius: 6px;
box-shadow: 0 2px 8px 0 #b0bac5;
margin-top: 20px;
opacity: 0;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(.75) translateY(-21px);
transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
z-index: 9
}
.nice-select .option.focus,
.nice-select .option.selected.focus {
background: #f4f7fa
}
.nice-select .option.disabled {
background-color: transparent;
color: #313541;
cursor: default
}
.nice-select .option {
font-family: Lato, sans-serif;
font-weight: 400;
list-style: none;
min-height: 37px;
outline: 0;
padding: 0 12px;
text-align: left;
box-sizing: border-box;
transition: .2s
}
.blog-sch .nice-select::after {
margin-top: -5px;
content: "";
color: #000;
font-family: FontAwesome;
font-size: 1.4em;
font-weight: 500;
line-height: 35px;
text-align: center;
border: none;
transform: rotate(0);
transition: .15s ease-in-out;
top: 50%;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/drop.svg) 95% center no-repeat;
width: 13px
}
.nice-select::after {
display: block;
height: 8px;
pointer-events: none;
position: absolute;
right: 15px;
transform-origin: 66% 66%
}
.blog-sch form input[type=button] {
float: right;
width: auto;
padding: 5px 45px 5px 14px;
margin: 20px;
box-sizing: border-box;
color: #fff;
font-size: 1.4em;
line-height: 24px;
font-family: "Josefin Sans";
border-radius: 10px;
cursor: pointer;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/close.svg) 90% center no-repeat;
background-color: rgb(94, 194, 222, .85)
}
.nice-select.open::after {
transform: rotate(-180deg) !important;
top: 50%;
right: 20px
}
.nice-select.open,
.nice-select:focus {
color: #313541
}
.nice-select:active::after,
.nice-select:focus::after,
.nice-select:hover::after {
border-bottom: none !important;
border-right: none !important
}
.nice-select.open .list::after {
content: "";
position: absolute;
bottom: 100%;
right: 12px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #fff
}
.main-menu>ul>li,
.mo-menu ul li {
border-bottom: .5px solid #dfe6ee !important
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1.0025) translateY(0);
-ms-transform: scale(1.0025) translateY(0);
transform: scale(1.0025) translateY(0)
}
.blog-sch .nice-select .option {
line-height: 45px
}
.gallery-main h2 {
width: 621px;
display: inline-block;
height: 62px;
color: #4f4f4f;
margin-top: 80px;
font-size: 56px;
font-weight: 400;
line-height: 62px;
letter-spacing: -1px
}
.gallery-main h3 {
width: 100%;
float: left;
color: #4f4f4f;
margin-top: 40px;
margin-bottom: 20px;
font-size: 30px;
font-weight: 400;
line-height: 39px;
letter-spacing: 1px
}
.gallery-main p {
width: 880px;
color: #232323;
font-size: 18px;
font-weight: 300;
line-height: 26px;
float: left;
margin-bottom: 20px
}
.gallery-img span,
.gallery-img-lft2 span {
width: auto;
letter-spacing: 1px;
float: left
}
.gallery-lr {
width: 100%;
display: block;
justify-content: space-between;
margin-top: 20px
}
.gallery-img {
width: 50%;
float: left;
margin-bottom: 15px
}
.gallery-img-lft,
.gallery-img-lft2,
.main-video .video-1 {
width: 575px;
float: left
}
.gallery-img .bf-main,
.gallery-img2 .bf-main2 {
width: 100%;
float: left;
background-color: #e2e2e2
}
.c-hamburger.c-hamburger--htx,
.social-icon ul li button {
background: 0 0;
cursor: pointer
}
.gallery-img span {
color: #4f4f4f;
font-size: 13px;
font-weight: 400
}
.bf-main span {
padding: 10px 20px
}
.gallery_title {
margin-bottom: 22px;
color: #45acdc;
font-family: "Josefin Sans";
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-transform: capitalize
}
.gallery-img2 {
width: 100%;
float: left;
margin-top: 20px
}
.gallery-img-lft2 span {
padding: 10px 20px;
color: #4f4f4f;
font-size: 13px;
font-weight: 400
}
.video-gallery {
width: 100%;
float: left;
margin-top: 60px
}
.video-gallery h2 {
width: 100%;
float: left;
color: #4f4f4f;
font-size: 56px;
line-height: 62px;
letter-spacing: -1px;
font-weight: 400
}
.main-video {
width: 100%;
display: inline-flex;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 60px
}
.main-video .video-1 img,
.mfp-image-holder .mfp-content {
max-width: 100%
}
.load {
width: 100%;
float: left;
position: relative;
box-sizing: border-box;
text-align: center;
margin-top: 20px
}
.load a {
width: auto;
float: none;
padding: 10px 15px;
background-color: #5ec2de;
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: 400;
text-align: center;
border-radius: 20px
}
.container-blg {
width: 960px;
margin: 0 auto
}
.blog-inr-img {
width: 100%;
float: left;
margin-top: 60px;
box-sizing: border-box;
margin-bottom: 30px
}
.blog-inr-img img {
width: 960px;
border-radius: 20px
}
.blog-int-txt {
min-width: 90px;
height: 20px;
float: left;
background: rgba(94, 194, 222, .85);
border-radius: 10px;
width: auto;
padding: 0 11px;
box-sizing: border-box
}
.next-left-icon,
.previous-left-icon {
background: #5ec2de;
height: 113px;
display: flex
}
.blog-dtls h2 {
width: 960px;
color: #4f4f4f;
font-size: 40px !important;
font-weight: 400;
line-height: 52px;
margin-top: 30px !important
}
.back-but {
float: left;
width: auto;
position: absolute;
top: 0;
left: -80px
}
.back-but:hover {
margin-left: -10px;
transition: .3s
}
.back-but a {
float: none;
width: auto;
color: #4a4a4a;
font-weight: 300;
line-height: 22px;
font-family: "Josefin Sans";
font-size: 1.4em
}
.back-but img {
margin-top: 3px;
float: left;
width: 15px;
margin-right: 10px;
transition: .3s
}
.blog-inr-post p,
.blog-inr-post p span {
width: auto;
font-size: 16px;
line-height: 24px;
font-style: italic
}
.blog-inr-post p {
margin-top: 30px;
color: #5ec2de !important;
font-weight: 400 !important
}
.blog-inr-post p span {
color: #4f4f4f;
margin-left: 5px;
font-weight: 400
}
.blog-inr-text-main h2 {
width: 100%;
float: left;
color: #4f4f4f;
font-size: 32px;
font-weight: 400;
line-height: 52px;
margin-top: 0
}
.blog-inn-text p,
.blog-inr-text-main p {
width: 960px;
float: left;
margin-bottom: 30px;
color: #4f4f4f;
font-size: 24px;
font-weight: 300;
line-height: 33px
}
.blog-inr-text-main h3,
.blog-inr-txt h3 {
width: 100%;
float: left;
margin-bottom: 10px;
color: #232323
}
.blog-inr-txt h3.references {
width: 100%;
float: left;
font-size: 1.4em;
line-height: 22px;
font-weight: 400;
color: #232323
}
.blog-inr-txt h3.bold {
width: 100%;
float: left;
margin-bottom: 30px;
margin-top: 30px;
font-size: 18px;
line-height: 32px;
color: #232323;
font-weight: 400
}
.blog-inr-text-main h4,
.blog-inr-txt h4 {
width: 100%;
float: left;
margin-bottom: 30px;
font-size: 16px;
line-height: 24px;
color: #4f4f4f;
font-weight: 300
}
.blog-inr-text-main h4 {
font-size: 16px
}
.blog-inr-text-main p,
.blog-inr-txt p {
width: 100%;
float: left;
margin-bottom: 30px;
color: #4a4a4a
}
.blog-inr-text-main p a,
.blog-inr-txt p a {
color: #5ec2de;
word-break: break-all
}
.blog-inr-text-main ul {
padding-left: 10px;
box-sizing: border-box
}
.blog-inr-text-main ul li,
.blog-inr-txt ul li {
width: 100%;
float: left;
list-style: none;
box-sizing: border-box;
margin-left: 10px;
padding-left: 20px;
font-size: 12px;
font-weight: 300;
line-height: 24px;
color: #4a4a4a;
position: relative
}
.blog-inr-text-main ul li {
list-style: disc;
padding: 0;
margin: 0 0 0 10px
}
.blog-inr-txt ul li:before {
content: '';
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/images/ul-icon.svg) 0 0/cover;
position: absolute;
left: 0;
top: 5px;
width: 6px;
height: 10px
}
.blog-inr-text-main ul li a:hover,
.blog-inr-txt ul li a:hover {
text-decoration: underline;
z-index: 999
}
.about-left p a.lp_btn,
.blog-inr-text-main p a.lp_btn {
background: #65b8e0;
float: left;
width: auto;
min-width: 168px;
font-size: .9em;
line-height: 20px;
padding: 15px 20px;
color: #fff !important;
border-radius: 100px;
margin-bottom: 10px;
box-sizing: border-box;
text-align: center;
margin-top: 5px;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out;
margin-right: 13px
}
.btn.prev {
width: 390px;
float: left;
border: 1px solid #4aacdb;
border-radius: 10px
}
.previous-left-icon {
width: 50px;
float: left;
border-radius: 10px 0 0 10px
}
.next-left-icon img,
.previous-left-icon img {
width: 100%;
float: left;
display: inline-table;
padding: 0 25%;
box-sizing: border-box
}
.previous-right-text {
width: 340px;
float: left;
padding: 10px;
box-sizing: border-box;
margin-top: 8px
}
.next-right-text span,
.previous-right-text span {
width: 100%;
float: left;
font-size: 1.8em;
color: #232323;
line-height: 28px
}
.previous-right-text span.prev-date {
width: 100%;
float: left;
color: #5ec2de;
font-size: 1.6em;
padding-top: 5px;
font-weight: 300;
line-height: 24px
}
.btn.next {
width: 390px;
float: right;
border: 1px solid #4aacdb;
border-radius: 10px
}
.next-left-icon {
width: 50px;
float: right;
border-radius: 0 10px 10px 0
}
.mo-menu,
.navigation {
height: 100%;
right: 0;
box-sizing: border-box
}
.next-right-text {
width: 340px;
float: left;
padding: 10px;
box-sizing: border-box;
text-align: right
}
.next-right-text span.next-date {
width: 100%;
float: left;
color: #5ec2de;
font-size: 1.6em;
font-weight: 300;
line-height: 24px;
padding-top: 5px
}
.social-icon {
width: 100%;
float: left;
text-align: center;
margin-top: 30px;
margin-bottom: 60px
}
.social-icon ul {
float: none;
width: auto;
display: inline-block
}
.social-icon ul li {
width: auto;
float: left;
margin-right: 58px;
position: relative
}
.social-icon ul li:last-child {
margin-right: 0
}
.social-icon ul li a {
width: 64px;
height: 64px;
float: left;
text-align: center
}
.social-icon ul li a img {
width: 100%;
float: left;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.social-icon ul li button .tooltiptext {
visibility: hidden;
background-color: #f9fafb;
border-radius: 3px;
padding: 8px 16px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: 0;
width: 130px;
height: 18px;
color: #000a3b;
font-style: italic;
font-weight: 400;
line-height: 18px;
text-align: center;
font-family: "Josefin Sans";
font-size: 12px;
border: 1px solid #e0e7ef;
box-shadow: 0 2px 10px #b9c6d7;
transform: translateX(-50%)
}
.social-icon ul li button:hover .tooltiptext {
visibility: visible
}
.social-icon ul li button .tooltiptext:after {
content: "";
position: absolute;
top: 71%;
left: 47%;
margin-left: -5px;
width: 20px;
height: 20px;
border: 1px solid #e0e7ef;
background: #f9fafb;
transform: rotate(45deg);
border-top: transparent;
border-left: transparent;
z-index: -1;
box-shadow: 0 5px 4px -4px #b9c6d7, 5px 0 4px -4px #b9c6d7
}
.artical-hed {
width: 100%;
float: left;
margin-top: 50px;
margin-bottom: 20px
}
.artical-hed h3 {
width: 50%;
text-align: left;
float: left;
color: #232323;
font-size: 18px;
line-height: 18px;
font-weight: 400
}
.artical-hed a {
width: auto;
float: right;
text-align: right;
color: #150e27;
font-size: 14px;
line-height: 17px;
font-weight: 400;
margin-right: 40px;
box-sizing: border-box;
border-bottom: 1px solid #150e27
}
.c-hamburger.c-hamburger--htx {
display: block;
width: 25px;
height: 26px;
border: none;
box-sizing: border-box;
position: absolute;
transition: .3s ease-out;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out;
z-index: 1;
right: 3%;
top: 30px;
outline: 0
}
.c-hamburger span {
display: block;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background: #5dc2de;
width: 25px;
float: right;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-size: 0
}
.main-menu>span,
.mo-menu .mo-cont a {
font-size: 1.4em;
color: grey;
font-family: "Josefin Sans"
}
.c-hamburger.c-hamburger--htx.is-active span {
width: 30px
}
.c-hamburger span::after,
.c-hamburger span::before {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #5dc2de;
content: ""
}
.abt.empty_abt .right_contact_data ul li a,
.c-hamburger--htx.is-active,
.c-hamburger--htx.is-active span,
.c-hamburger.c-hamburger--htx.open-menu.is-active span,
.dwn_lft_bottom .dwn_btn,
.menu-item-has-children ul li a {
background: 0 0
}
.c-hamburger span::before {
top: -8px
}
.c-hamburger span::after {
bottom: -8px
}
.c-hamburger--htx span::after,
.c-hamburger--htx span::before {
-webkit-transition-duration: .3s, .3s;
-moz-transition-duration: .3s, .3s;
-ms-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: 0.3s, 0s;
-moz-transition-delay: 0.3s, 0s;
-ms-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s
}
.c-hamburger--htx span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform
}
.c-hamburger--htx span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform
}
.c-hamburger--htx.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before {
-webkit-transition-delay: 0s, 0.3s;
-moz-transition-delay: 0s, 0.3s;
-ms-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s
}
.c-hamburger.c-hamburger--htx.open-menu {
top: 50px
}
.c-hamburger.c-hamburger--htx.open-menu span,
.c-hamburger.c-hamburger--htx.open-menu span::after,
.c-hamburger.c-hamburger--htx.open-menu span::before {
background: #000
}
.c-hamburger.c-hamburger--htx.is-active {
z-index: 11;
position: fixed;
outline: 0
}
.navigation {
position: fixed;
width: 85%;
display: none;
overflow: scroll;
top: 0;
z-index: 11;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/images/head-bg.jpg) center center;
padding: 35px 30px 30px
}
.full-back-mnu,
.mo-menu ul li,
.mo-menu:before,
.navigation ul {
float: left;
width: 100%
}
.full-back-mnu,
.mo-menu {
padding: 0;
position: fixed;
display: none;
top: 0
}
.navigation ul {
margin-top: 25px
}
.navigation ul li a.arrow {
transform: rotate(0);
-moz-transform: rotate(00deg);
-ms-transform: rotate(00deg);
-webkit-transform: rotate(00deg)
}
.mo-menu ul li a.arrow span,
.mo-menu ul li.menu-item-has-children>a:after {
float: right;
width: 2%;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/menu-down2.svg) center center no-repeat;
min-height: 20px;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.navigation ul li a.arrow.up-arrow {
transform: rotate(00deg);
-moz-transform: rotate(00deg);
-ms-transform: rotate(00deg);
-webkit-transform: rotate(00deg);
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.navigation ul li a.arrow.up-arrow span {
-webkit-transform: rotate(00deg);
transform: rotate(00deg);
transform: -moz-rotate(00deg);
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.mo-menu>ul>li>a.btn {
padding: 18px 10px
}
.mo-menu ul ul {
display: none;
padding-left: 0;
box-sizing: border-box;
border-top: .5px solid rgba(128, 128, 128, .5);
margin-top: 0
}
.mo-menu>ul>li>ul>li:last-child {
margin-bottom: 0;
border-bottom: none
}
.mo-menu ul.inner-menu {
border-radius: 0
}
.mo-menu ul.inner-menu li a {
padding: 8px 0
}
.menu-item-has-children>a:after {
content: '';
background: center center;
float: right;
width: 3%;
min-height: 20px;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.mo-menu:before {
content: "";
height: 100px;
position: absolute;
top: 0;
left: 0
}
.menu-icon {
margin-top: 17px
}
.full-back-mnu {
background: #5dc2de !important;
left: 0;
margin: 0;
min-height: 100%;
opacity: .9;
z-index: 1
}
.mo-menu ul li>a.opendiv:after {
width: 2%;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/menu-down2.svg) center center no-repeat;
transform: rotate(00deg);
-moz-transform: rotate(00deg);
-ms-transform: rotate(00deg);
-webkit-transform: rotate(00deg);
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.transparent-header.logo-hide {
background: 0 0 !important;
box-shadow: none;
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.transparent-header.logo-hide .header-container,
.transparent-header.sticky-header.logo-hide .header-container {
opacity: 0 !important;
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.transparent-header.sticky-header.logo-hide {
z-index: 999
}
.menu-icon {
width: auto;
float: right;
display: none
}
.mo-menu {
width: 85%;
z-index: 111;
overflow-x: hidden;
transition: .2s;
-webkit-box-shadow: -2px 0 10px -2px rgba(255, 255, 255, .1), inset 3px 0 3px -2px rgba(12, 15, 24, .2);
float: right;
background: #fff;
display:none !important;
}
.accordion,
.accordion:hover,
.active {
background-color: transparent
}
.main-menu {
padding: 0 25px;
box-sizing: border-box;
width: 100%;
float: left
}
.main-menu>span {
line-height: 18px;
padding: 22px 0 0;
box-sizing: border-box;
width: 100%;
float: left
}
.main-menu>ul {
width: 100%;
float: left;
padding-top: 25px
}
.main-menu>ul>li {
text-align: left;
width: 100%;
float: left
}
.main-menu ul.head-section-buttom>li>a,
.main-menu>ul>li>a {
float: left;
width: 100%;
padding: 10px 0;
font-size: 1.3em;
line-height: 22px;
color: #4f4f4f;
font-weight: 700;
position: relative;
font-family: "Josefin Sans"
}
.mo-menu .mo-cont {
width: 100%;
padding-left: 25px;
float: left;
box-sizing: border-box;
padding-right: 25px
}
.mo-menu .mo-cont a {
float: left;
width: auto;
clear: both;
line-height: 24px
}
.mo-menu .mo-address {
width: 100%;
padding-left: 25px;
float: left;
box-sizing: border-box;
padding-right: 25px;
margin-top: 30px
}
.mo-menu .mo-address h3 {
font-size: 20px;
line-height: 32px;
color: #5ec2de;
margin-bottom: 10px
}
.mo-menu .mo-address p,
.mo-menu .mo-address p a {
color: #232323;
font-family: "Josefin Sans";
font-size: 16px;
line-height: 24px
}
.mo-menu .mo-address p {
float: left;
width: 100%;
margin-bottom: 10px
}
.mo-menu .mo-address a {
float: left;
width: 100%;
font-size: 1.4em;
line-height: 24px;
color: #65b8e0;
font-family: "Josefin Sans";
margin-top: 5px
}
.main-menu>ul>li>a:nth-child(2) {
width: 10%;
text-align: center
}
.mo-header-cont {
float: left;
width: 100%;
margin-top: 15px
}
.mo-header-cont a {
float: left;
width: auto;
padding: 15px 20px;
box-sizing: border-box;
font-family: Lato, sans-serif;
color: #005aa9;
font-size: 1.4em;
font-weight: 700;
line-height: 1.21;
text-align: center;
letter-spacing: .5px
}
.que-main h2,
.que-panel button.accordion {
color: #4f4f4f;
font-family: "Josefin Sans"
}
.mo-header-cont a.call {
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/phone-b.svg) left center no-repeat;
padding-left: 30px
}
.mo-header-cont a.dealer {
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/become-dealer-b.svg) left center no-repeat;
padding-left: 30px
}
form {
width: auto;
float: right;
padding: 9px 0 7px
}
.navigation ul li:last-child input[type=text] {
width: 100%;
box-sizing: border-box;
height: 18px;
box-sizing: border-box;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.9 18.99' style='enable-background:new 0 0 18.9 18.99;' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='17.33,18.98 18.84,17.45 16.36,14.95 14.85,16.48 '/%3E%3Cpath d='M10.75,10.82c-1.92,1.93-5.05,1.93-6.97,0s-1.92-5.08,0-7.02s5.05-1.93,6.97,0S12.67,8.89,10.75,10.82 M12.38,2.16 c-2.82-2.84-7.41-2.84-10.23,0c-2.82,2.84-2.82,7.47,0,10.31c2.56,2.58,6.59,2.82,9.42,0.71l2.22,2.23l1.51-1.53l-2.22-2.23 C15.18,8.8,14.95,4.74,12.38,2.16'/%3E%3C/g%3E%3C/svg%3E%0A");
border: none;
font-size: 16px;
font-family: 'Century Gothic';
background-color: transparent;
background-repeat: no-repeat;
background-position: 99% center !important;
transition: .4s;
padding: 10px 35px 10px 0 !important
}
.navigation ul li:last-child input[type=text]:focus {
background-position: right center !important
}
.main {
width: 100%;
float: left;
position: relative;
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.main.sideway {
width: 100%;
float: left;
transform: translateX(-85%);
transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in
}
.que-main {
width: 900px;
margin: auto
}
.que-main h2 {
font-size: 30px;
font-weight: 400;
line-height: 39px;
text-align: center;
margin-bottom: 30px
}
.accordion {
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: 0;
font-size: 15px;
transition: .4s
}
.faq_search,
div.panel {
background-color: #fff
}
.que-panel div .accordion:after {
content: '\002B';
color: #5ec2de;
font-weight: 700;
float: right;
margin-left: 5px;
width: 26px;
height: 26px;
background: rgba(94, 194, 222, .5);
font-size: 23px;
border-radius: 50%;
line-height: 27px;
text-align: center
}
.que-panel div.active .accordion:after {
transform: rotate(45deg)
}
.que-panel button.accordion {
position: relative;
font-size: 20px;
font-weight: 400;
line-height: 22px;
height: 52px;
margin: 0;
padding: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.que-panel .panel p {
color: #232323;
font-family: "Josefin Sans";
font-weight: 300;
line-height: 26px;
position: relative;
margin-bottom: 20px;
float: left
}
.que-panel>div {
position: relative;
padding: 16px 20px;
border-radius: 3px;
border: 1px solid #f2f2f2;
margin-bottom: 30px
}
button.accordion {
cursor: pointer;
transition: .4s
}
div.panel {
padding: 0;
display: none;
overflow: hidden;
margin: 0;
position: relative
}
.que-panel button.accordion span {
width: calc(100% - 32px)
}
div.panel.show {
display: block !important;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: relative
}
section.que-sec {
width: 100%;
padding: 70px 0;
display: inline-block;
float: none
}
.que-panel ul li {
padding: 25px 20px;
border-radius: 3px;
border: 1px solid #f2f2f2;
margin-bottom: 30px;
display: inline-block;
width: 100%;
box-sizing: border-box
}
.que-panel .panel ul {
width: 100%;
float: left;
list-style-type: disc;
list-style-position: inside
}
.que-panel .panel ul li {
border: none;
padding: 0;
margin-bottom: 10px;
width: 100%;
float: left;
font-weight: 300;
display: list-item
}
.uesti-dtl-toggle {
margin-top: 9px
}
.index-glry .slick-slide img {
width: 100%;
max-width: 100%
}
.index-glry .slick-next,
.index-glry .slick-prev {
top: calc(50% - 18px)
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: none !important
}
form.searchbox input {
border: none;
outline: 0
}
.blog-sch form {
float: left;
padding: 0
}
.trating-img p iframe {
display: inline-block;
width: 100%
}
.site-map ul li {
float: left;
width: 100%;
padding: 10px 20px;
margin: 0;
box-sizing: border-box
}
.site-map {
width: 100%;
float: left;
margin: 0 0 60px
}
.site-map ul {
float: left;
width: 100%;
display: block
}
.site-map ul ul {
padding-left: 35px;
margin: 10px 0
}
.site-map>ul>li>ul>li {
padding-left: 15px
}
.footer-top .container {
position: relative;
z-index: 2
}
.ft-address {
margin-left: 40px
}
.footer-top>p {
position: absolute;
width: 100%;
z-index: 1
}
.abt.empty_abt,
.ebook-sec>div,
.faq_search,
.main-vid,
.main-video .video-1,
.page-id-1017 table td table tr,
.page-id-3534 table td table tr,
.page-id-619 table td table tr,
section.footer-top {
position: relative
}
.mfp-hide,
.pp_pic_holder .ppt,
.wpcf7-response-output {
display: none !important
}
.wpcf7-not-valid-tip {
display: contents !important
}
.main-video .video-1 {
margin-bottom: 70px
}
.video-1 a {
width: 100%;
object-fit: contain
}
.main-video .video-1 a>img {
height: 323px;
width: auto;
object-fit: contain
}
.btn p {
font-size: 16px;
padding: 47px 0;
text-align: center
}
.site-map ul li a {
padding: 5px 0 5px 30px;
color: #333;
font-family: 'Josefin Sans', sans-serif;
font-size: 1.6em;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTRweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNCA5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCA5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM5QTc5OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMCIgeTE9IjQuNSIgeDI9IjEzLjY1NiIgeTI9IjQuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzlBNzk4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjMwMiIgeTE9IjAuMDk5IiB4Mj0iMTMuMzEzIiB5Mj0iNC4zNDQiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM5QTc5OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iOS4zMDIiIHkxPSI4LjY1NSIgeDI9IjEzLjMxMyIgeTI9IjQuNjA5Ii8+DQo8L3N2Zz4NCg==) left 6px no-repeat
}
nav ul li:hover ul.inner-menu,
ul.inner-menu li:hover ul {
left: 45%;
display: block
}
nav ul li ul.inner-menu li:hover>ul.inner-menu {
display: block !important;
transform: translate(-50%);
-webkit-transform: translate(-50%);
border-right: 1px solid rgba(44, 56, 65, .1);
background-color: #fff;
padding: 15px 0px;
box-sizing: border-box;
z-index: 999;
left: 151%;
float: left;
width: auto;
background-position: left 33px;
min-width:170px;
max-width:170px;
box-shadow: 2px 5px 4px -1px rgb(0 0 0 / 10%), 5px -7px 7px -7px rgb(0 0 0 / 10%);
position: absolute;
top: 0;
border-radius: 0 4px 4px 0;
left: calc(100% + 70px);
height: 218px;
border-left: 1px solid rgba(44, 56, 65, .1)
}
nav ul li.contact_menu  ul.inner-menu li:hover>ul.inner-menu{
max-width:206px;
left:-49%;
border-radius: 4px 0px 0px 4px;
box-shadow:-3px 5px 4px 0px rgb(0 0 0 / 10%), 5px -7px 7px -7px rgb(0 0 0 / 10%);
height: auto;
}
nav ul li.contact_menu ul li a:after{
content:none;
}
nav ul li ul.inner-menu li:hover>ul.inner-menu li {
width: 100%;
float: left;
padding: 0 15px;
background: 0 0
}
nav ul li ul.inner-menu li:hover>ul.inner-menu:before {
content: none
}
.blog-inr-text-main ol li {
font-size: 16px;
padding: 0;
margin: 0 0 0 16px;
width: 100%;
float: left;
font-weight: 300;
line-height: 24px;
color: #4a4a4a;
position: relative
}
.loading_img{display:none;position: fixed;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
}
.loading_img img{position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}
.wp-caption-text{
width: 100%;
float: left;
height: auto;
text-align: center;
margin-top: 15px;
font-size: 15px;
}
@media only screen and (max-width:1300px) {
.header-container {
width: 95% !important
}
.ft-address {
float: right
}
.head-section-buttom {
margin-left: 0;
display: inline-flex;
flex-wrap: wrap;
justify-content: center
}
nav ul,
nav ul li {
float: none
}
.head-btn,
nav ul li {
display: inline-block
}
.logo,
nav {
width: 100%;
text-align: center
}
.logo {
margin-bottom: 20px
}
.head-btn {
width: auto;
margin: 0 auto
}
nav ul li {
padding: 0 8px
}
.head-section-top,
.sticky-header .head-section-top {
padding-bottom: 0
}
}
@media only screen and (max-width:1250px) {
.gallery-img {
width: 50%
}
.main-video .video-1 {
width: 49%
}
.gallery-img-lft {
width: 98%
}
.gallery-main h2,
.gallery-main p {
width: 100%
}
}
@media only screen and (max-width:1200px) {
.container {
width: 95%
}
.lft-trating-txt {
width: 100%;
margin: 0;
padding: 50px 20px;
box-sizing: border-box
}
.lft-trating-txt h2,
.lft-trating-txt p {
width: 100%
}
.trating-img {
width: 100%;
height: auto
}
.testi-txt {
width: 100%;
position: relative;
bottom: 0
}
.blog-sch form input[type=text] {
width: 60%
}
}
@media only screen and (max-width:1160px) {
.wlcm-blog-lft {
width: 40%
}
.wlcm-blog-rgt {
width: 55%
}
}
@media only screen and (max-width:1150px) {
.welco-lft h2 {
width: 100%;
font-size: 4.8em;
line-height: 52px
}
.welco-lft p {
width: 100%;
font-size: 2em;
line-height: 30px
}
.abt h1 {
font-size: 3rem;
line-height: 52px
}
}
@media (max-width:1121px) {
section.service-sec {
overflow-y: hidden
}
}
@media only screen and (max-width:1050px) {
.container-blg {
width: 95%
}
.blog-dtls h2,
.blog-inn-text p,
.blog-inr-img img,
.blog-inr-post p,
.hello-lft,
.hello-rgt,
.loc-lft,
.loc-rgt,
.timing-lft,
.timing-rgt {
width: 100%
}
.hello-rgt,
.loc-lft,
.loc-rgt {
padding: 0
}
.timing-rgt {
margin-top: 30px
}
.main-video .video-1 a>img {
height: 342px
}
}
@media only screen and (max-width:920px) {
.que-main {
width: 90%
}
.que-panel button.accordion {
font-size: 1.4em;
line-height: 22px;
display: inline-flex;
justify-content: space-between;
align-items: center
}
.logo {
margin-bottom: 0
}
.service-sec-slide .service-img img {
max-width: 100%;
width: 100%;
height: auto
}
button.accordion span {
display: inline-block;
width: 90%
}
}
@media only screen and (max-width:900px) {
.service-sec .service-blok,
ul.inner-menu {
box-sizing: border-box
}
.ft-btm-lft,
.ft-btm-rgt {
float: none;
text-align: center
}
.blog-dtls h2,
.blog-inr-text-main h2 {
font-size: 2.6em !important;
line-height: 30px
}
ul.inner-menu {
position: relative;
top: 0;
left: 0;
transform: translate(0, 0);
box-shadow: none;
margin: 0;
padding: 0;
width: 100%;
float: left;
border-bottom: none;
border-right: none
}
.navigation ul li ul li,
.navigation ul li ul li a,
ul.inner-menu li:last-child a {
border: none
}
.navigation ul ul.inner-menu,
ul.inner-menu li {
padding: 0
}
nav ul li:hover ul.inner-menu,
ul.inner-menu li:hover ul {
left: 0
}
.mo-menu ul li ul li {
border: none !important
}
.mo-menu ul ul ul {
border-top: none !important
}
ul.inner-menu li a,
ul.inner-menu li ul li:last-child a,
ul.inner-sub-menu li {
border-bottom: .5px solid #dfe6ee !important
}
.welco-lft {
width: 100%;
padding: 0
}
.welcome-textr {
width: 100%;
padding: 50px 0 0
}
.title-block {
padding: 0 0 0 20px
}
.service-inner {
padding-right: 0
}
.ft-btm-lft {
width: 100%
}
.ft-btm-rgt {
margin-top: 20px
}
.mo-menu ul li ul li>a:after,
nav {
display: none
}
.c-hamburger.c-hamburger--htx,
.menu-icon {
display: block
}
.logo {
text-align: left
}
.head-section-buttom li ul li ul li.menu-item-has-children>a:after {
display: none !important
}
.c-hamburger--htx.is-active {
background-color: inherit;
right: 3%;
top: 30px
}
.wlcm-blog-lft {
width: 100%;
margin-bottom: 50px
}
.btn.next,
.wlcm-blog-rgt {
width: 100%
}
.blog-sch form input[type=text] {
width: 38%
}
.blog-inr-text-main h2 {
margin-bottom: 10px
}
.btn.prev {
width: 100%;
float: left;
margin-bottom: 20px
}
.next-right-text {
float: right
}
.next-left-icon,
.previous-left-icon {
width: 10%
}
.next-right-text,
.previous-right-text {
width: 90%
}
.abt h1 {
margin-top: 10px
}
.head-section-top,
.sticky-header .head-section-top {
padding: 25px 0
}
.head-section-buttom {
margin-top: 30px
}
.mo-menu ul ul {
border-top: .5px solid #dfe6ee !important
}
}
@media (max-width:897px) {
.welcome-r {
width: calc(100% - 76px)
}
.welcome-textr ul li {
align-items: center
}
.c-hamburger.c-hamburger--htx {
top: 39px
}
.abt h1 {
font-size: 2rem;
line-height: 40px
}
}
@media only screen and (max-width:800px) {
.lft-trating-txt h2 {
font-size: 3.4em;
line-height: 42px
}
.lft-trating-txt p {
font-size: 2em;
line-height: 26px
}
}
@media only screen and (max-width:770px) {
.about-left {
width: 100%
}
.about-right {
width: 100%;
float: left
}
.error-title {
font-size: 20em;
line-height: 200px
}
.error-box h2 {
font-size: 1.8em;
line-height: 20px
}
.error-box,
.thank-you-box {
width: 100%;
margin: 0
}
.error-text {
top: -20%
}
.error-main,
.thank-you-main {
padding: 120px 0
}
}
@media (max-width:768px) {
.main-video .video-1 a>img {
height: 265px
}
figure,
img {
max-width: 100%;
height: 100%
}
.ft-btm-rgt ul li a img,
.mobile_logo img {
height: auto !important
}
.affili-item img{height:auto;}
}
@media only screen and (max-width:660px) {
.ft-btm-lft ul li {
width: auto;
margin: 0 10px 0 0
}
.ft-btm-lft ul li:last-child {
margin: 0
}
.wlcm-blog-categ ul li {
margin-right: 0
}
.abt ul {
display: none
}
.main-video .video-1,
.main-video .video-1 a {
background: 0 0
}
.main-video .video-1 a>img {
height: auto
}
.banner-container .banner-logo{
width: 100%;
float: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 5px;
grid-row-gap: 5px;
justify-items: center
}
.banner-logo img {
height: 70px
}
.left_contact_data ul,
.right_contact_data ul {
display: block
}
}
@media only screen and (max-width:650px) {
.video-gallery {
margin: 0
}
.load {
margin-top: 60px
}
.approach-txt h4 {
width: 100%;
font-size: 3em;
line-height: 38px
}
.approach-txt p {
width: 100%;
font-size: 1.8em;
line-height: 26px;
margin-bottom: 30px
}
figure.about-three-image {
width: 100%;
text-align: center
}
figure.about-three-image img {
float: none
}
.blog-inn-text p {
font-size: 1.8em;
line-height: 24px
}
.main-video {
display: block
}
.gallery-img,
.gallery-img-lft,
.main-video .video-1 {
width: 100%
}
.gallery-img-lft {
margin-bottom: 20px
}
.main-video .video-1,
.video-gallery h2 {
margin-top: 20px
}
.gallery-main h2 {
float: left;
margin: 20px 0 30px
}
}
@media only screen and (max-width:550px) {
a.scroll-up {
right: 10px;
width: 30px;
height: 30px
}
.blog-img,
.form p,
.main-menu span img,
.scroll-up img,
.wlcm-blog-categ ul li {
width: 100%
}
.abt h1 {
margin-top: -30px
}
.welco-lft h2 {
font-size: 3.8em;
line-height: 42px
}
.banner-txt p,
.lft-trating-txt p,
.welco-lft p {
font-size: 1.8em;
line-height: 26px
}
.welcome-i {
width: 50px
}
.welcome-r h4 {
font-size: 1.8em;
line-height: 22px
}
.welcome-r p {
font-size: 1.4em;
line-height: 18px
}
section.service-sec h4 {
margin-bottom: 20px;
font-size: 3.6em;
line-height: 42px
}
.about-left p,
.servce-txt p {
font-size: 2em;
line-height: 26px
}
.lft-trating-txt h2 {
font-size: 2.8em;
line-height: 36px
}
.ft-btm-lft ul {
display: block
}
.ft-btm-lft ul li {
margin: 1% 0;
line-height: 30px
}
.about-left h2 {
font-size: 3em;
line-height: 38px
}
.about-left h3 {
font-size: 2.4em;
line-height: 32px
}
.banner-container {
width: auto
}
.banner-txt h1 {
font-size: 3.6em;
line-height: 42px
}
.banner-btn a {
width: 50%
}
.banner-btn a.green {
width: 50%;
margin-bottom: 20px
}
.banner-txt h2 {
font-size: 2.6em;
line-height: 32px
}
.banner-logo img {
margin-bottom: 35px
}
.thank-you-title {
font-size: 3em;
line-height: 40px
}
.thank-you-box h2 {
font-size: 1.8em;
line-height: 22px;
margin-bottom: 30px
}
.wlcm-blog-lft h2 {
font-size: 3em;
line-height: 34px
}
.wlcm-blog-lft p {
font-size: 1.6em;
line-height: 24px
}
.blog-sch form input[type=text] {
border: 1px solid #eceff1;
width: 100%;
padding: 10px 10px 10px 45px;
margin-bottom: 30px
}
.blog-sch .nice-select {
border: 1px solid #eceff1;
height: 50px;
line-height: 50px;
width: 100%
}
.blog-sch form input[type=button] {
float: left;
margin: 10px 0
}
.blog-sch {
border: none
}
.main-menu span {
width: 85%;
float: left
}
.blog-img img {
width: 310px
}
.blog-text {
padding: 0
}
.blog-text p {
width: 100%;
line-height: 24px
}
.form input[type=submit] {
float: left;
margin-top: 20px
}
.loc-text ul li a,
.loc-text ul li p {
font-size: 1.8em
}
}
@media (max-width:540px) {
.c-hamburger.c-hamburger--htx {
top: 33px
}
.banner-container {
top: 21% !important
}
}
@media only screen and (max-width:500px) {
.gallery-main h2,
.video-gallery h2 {
font-size: 46px;
line-height: 52px
}
}
@media (max-width:448px) {
.c-hamburger.c-hamburger--htx {
top: 27px
}
.play-btn,
.welco-lft a button img {
width: 100px;
height: 100px
}
}
@media only screen and (max-width:450px) {
.welco-lft a {
font-size: 1.2em
}
.que-main h2 {
font-size: 2.4em;
line-height: 30px
}
.ft-address {
padding: 40px 15px
}
.logo img {
width: 240px
}
.error-title {
font-size: 15em;
line-height: 150px
}
.error-box h2 {
font-size: 1.8em;
line-height: 20px
}
.social-icon ul li {
margin-right: 20px
}
.mo-menu {
width: 100%
}
.gallery-main h2,
.video-gallery h2 {
font-size: 40px;
line-height: 45px
}
}
@media (max-width:414px) {
.c-hamburger.c-hamburger--htx {
top: 25px
}
}
@media only screen and (max-height:768px) {
.banner-img {
height: 100vh
}
.banner-container {
top: 30%
}
.banner-btn {
margin-bottom: 25px
}
.head-section-top {
padding: 20px 0
}
.banner-logo img {
margin-right: 10px;
width: auto;
height:100px !important;
}
.banner-btn a.green {
width: 45%
}
.banner-txt h2 {
margin-top: 0
}
.welco-lft p a img {width: 100%;
max-width: 50%;
margin: 0 auto;
text-align: center;
display: block;
}
}
@media only screen and (min-height:768px) {
.banner-img {
height: 100vh
}
}
.about-right ul>li.current-page-ancestor a {
color: #5ec2de !important;
font-weight: 700
}
.about-right ul>li.active a,
.wpb_page_list .current_page_item>a {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/shape.svg);
background-size: 11px 13px;
float: left;
background-repeat: no-repeat;
background-position: center left;
width: auto;
padding: 0 20px;
box-sizing: border-box;
transition: .4s
}
.about-left h4>a,
.about-left h4>p>a,
.page-id-2606 .about-left a {
display: inline-block;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
text-align: center;
font-family: "Josefin Sans"
}
#datafetchh .sh_ft,
.page-title,
.sh_ft {
text-align: center;
margin-bottom: 150px
}
.page-id-429 .about-right .menu-item-435 a {
color: #5ec2de;
font-weight: 800
}
.subp {
color: #5ec2de !important;
font-weight: 800 !important
}
.slick-prev:before {
content: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/left-scroll.svg)
}
.slick-next:before {
content: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/right-scroll.svg)
}
.service-sec-slide .slick-next,
.service-sec-slide .slick-prev {
top: calc(50% - 45px)
}
.service-sec-slide .slick-next {
right: -14%
}
@media (max-width:1500px) {
.service-sec-slide .slick-next {
right: -10%
}
}
@media (max-width:1440px) {
.service-sec-slide .slick-next {
right: -8%
}
}
@media (max-width:1388px) {
.service-sec-slide .slick-next {
right: 0
}
}
@media (max-width:1366px) {
.service-sec-slide .slick-next {
right: 0
}
}
@media (max-width:1248px) {
.service-sec-slide .slick-next,
.service-sec-slide .slick-prev {
top: calc(50% - 46px)
}
}
@media (max-width:1156px) {
.service-sec-slide .slick-next,
.service-sec-slide .slick-prev {
top: calc(50% - 47px)
}
}
@media (max-width:834px) {
section.service-sec h4 {
margin-bottom: 20px
}
.service-inner {
width: 100%
}
.service-sec .service-blok {
width: 100%;
margin-top: 38px
}
.service-sec-slide .slick-next,
.service-sec-slide .slick-prev {
display: none !important
}
}
section.que-sec.faq-list .que-panel .panel ul li {
margin-top: 15px;
margin-bottom: 0
}
@media only screen and (max-height:697px) {
.head-section-buttom {
padding: 0 0 5px !important
}
.banner-container {
top: 18% !important
}
.right_contact_data ul li {
margin-bottom: 10px !important
}
.hello-page {
padding-top: 10px !important
}
.head-section-top {
padding: 10px 0 8px !important
}
}
.faq_search {
z-index: 1;
border-radius: 5px;
margin-bottom: 40px;
width: 100%;
float: left;
display: inline-block
}
.faq_search form input[type=text] {
float: left;
width: 55%;
color: #042047;
font-family: "Josefin Sans", sans-serif;
font-size: 1.4em;
line-height: 30px;
padding: 22px 0 22px 50px;
box-sizing: border-box;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPZJREFUOI2Nkk2KwkAQhT9nJW4NKHoOd854jYCnUBE8wIgeZhhkcOEdXKlZxVP4AwYXZhb9GltJJ/2gSKfq1atO6sErusASSIBMcQAWQIcKDIErkHviAsRlzQ8Rf4A+UFd8Ar+qPYpEus7kcckNp+KcgbZbWDqTq7ASd+4mEyX7AQJf4u7cZKZkPUCgIe7NJj4CmopQcwWOOvcCGi0ndQXWOo8CBCZ6/rnJDsYkOWZVPszEOQGt92LM00grzN9uKAaaaB2ZAlHRhBhjEp+VT2q2aywUaWNMssOsKgP2wLeuHendijRLPtmLSM05sK1VkH1oAhvg/g8XIk0g6fjX4AAAAABJRU5ErkJggg==) 20px center no-repeat
}
.faq_search form.searchbox {
width: 100%;
padding: 0
}
.about-left .cnt_result {
font-size: 1.3em;
line-height: 19px;
margin-bottom: 35px;
margin-top: 0;
color: #000;
font-weight: 400
}
.single-post figcaption {
width: 100%;
margin-bottom: 30px;
font-size: 14px;
line-height: 24px;
color: #000;
font-weight: 500;
text-align: center
}
.main-nav .item:nth-child(5)>ul.sub-menu {
padding-left: 20px;
margin-bottom: 0
}
.main-nav .item:nth-child(5) {
padding-bottom: 0
}
.about-left>ul>li a {
color: #5ec2de !important;
font-size: inherit;
line-height: inherit
}
section.affili-sec {
width: 100%;
text-align: center;
display: inline-block
}
.affili-main h3 {
color: #4f4f4f;
font-family: "Josefin Sans", sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 39px;
text-align: center;
margin-bottom: 30px
}
.slick-prev {
left: -25px
}
.slick-next,
.slick-prev {
height:51px;
z-index:99;
top: 50%;
transform: translateY(-50%)
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .25
}
.affili-item {
width: 92% !important;
margin: 0 11px;
height: 140px;
display: flex !important;
border: 1px solid #eceff1
}
@media (max-width:1170px) {
.affili-item {
width: 90% !important
}
}
@media (max-width:846px) {
.slick-next:before,
.slick-prev:before {
background-size: 20px 38px;
display: inline-block;
width: 19px;
content: ""
}
.slick-prev:before {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/left-scroll.svg);
background-repeat:no-repeat;
height: 36px
}
.slick-next:before {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/right-scroll.svg);
background-repeat:no-repeat;
height: 43px
} }
@media (max-width:756px) {
.affili-item {
width: 75% !important;
margin: auto
}
}
.affili-item a {
width: 80%;
float: left;
margin: auto
}
.affili-item img {
max-width: 75%;
display: block;
margin: auto
}
@media (max-width:365px) {
.affili-item img {
max-width: 90%;
display: block;
margin: auto;
height: auto
}
}
.about-left p img {
max-width: 100%;
width: auto;
border-radius: 20px
}
.main-vid {
height: auto;
width: 100%
}
.mfp-bg,
.mfp-wrap {
position: fixed;
left: 0;
top: 0
}
.abt.empty_abt ul li,
.abt.empty_abt ul li a {
color: #232323
}
.abt.empty_abt ul li a {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/brdcrmb-aro.svg)
}
@media (max-width:798px) {
.slick-prev {
left: 0
}
.slick-next:before,
.slick-prev:before {
background-size: 14px 32px;
display: inline-block;
width: 15px;
height: 28px;
content: ""
}
.slick-prev:before {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/left-scroll.svg)
}
.slick-next:before {
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/right-scroll.svg)
}
.slick-next {
right: 0
}
.index-glry .slick-next {
right: -25px
}
.index-glry .slick-prev {
left: -25px
}
.index-glry .slick-next:before,
.index-glry .slick-prev:before {
background-size: 15px 31px !important;
display: inline-block;
width: 15px !important;
height: 28px !important;
content: ""
}
.index-glry .slick-next,
.index-glry .slick-prev {
top: calc(50% - 13px)
}
}
@media (max-width:700px) {
.abt.empty_abt {
top: 22%
}
.banner-img-about.empty_banner_img {
height: 17vh
}
}
@media (max-width:584px) {
.affili-block .slick-prev {
left: 0
}
.affili-block .slick-next {
right: 0
}
}
.page-id-557 .banner-img-about {
height: auto
}
.site-map .data1165 .item,
.site-map .main-nav .item:nth-child(5) {
padding: 10px 15px
}
.site-map ul li,
.site-map ul ul {
box-sizing: border-box
}
.about-left h4>a,
.about-left h4>p>a {
border-radius: 40px;
background: #5dc2de;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 15px 45px;
color: #fff !important
}
.about-left>ul>li,
.about-left>ol>li,
.blog-inr-text-main h3,
.blog-inr-text-main p,
.blog-inr-text-main ul li,
.blog-inr-txt h3,
.blog-inr-txt p,
.blog-inr-txt ul li,
.wlcm-blog-lft p {
font-size: 2.4em;
line-height: 33px;
font-weight: 300
}
.about-left>ul>li {
width: calc(100% - 24px);
float: left;
list-style: none;
color: #232323;
margin-left: 0;
box-sizing: border-box;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTBweCIgaGVpZ2h0PSI3LjY5cHgiIHZpZXdCb3g9IjAgMCAxMCA3LjY5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA3LjY5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0wLjExNiw0LjIyOUMwLjA0LDQuMTUzLDAsNC4wMzcsMCwzLjk2YzAtMC4wNzcsMC4wNC0wLjE5MiwwLjExNi0wLjI3bDAuNTM5LTAuNTM4QzAuODA5LDMsMS4wNCwzLDEuMTkzLDMuMTUzbDAuMDM4LDAuMDM5DQoJTDMuMzQ3LDUuNDZjMC4wNzcsMC4wNzcsMC4xOTIsMC4wNzcsMC4yNjksMEw4Ljc3LDAuMTE1aDAuMDM3bDAsMGMwLjE1NS0wLjE1NCwwLjM4Ni0wLjE1NCwwLjUzOSwwbDAuNTM5LDAuNTM5DQoJYzAuMTU0LDAuMTUzLDAuMTU0LDAuMzg0LDAsMC41MzhsMCwwTDMuNzMxLDcuNTc1QzMuNjU0LDcuNjUxLDMuNTc3LDcuNjksMy40NjIsNy42OWMtMC4xMTYsMC0wLjE5My0wLjAzOS0wLjI2OS0wLjExNWwtMy0zLjIzDQoJTDAuMTE2LDQuMjI5eiIvPg0KPC9zdmc+DQo=) left 13px no-repeat;
padding-left: 24px
}
.about-left>ol{
padding-left:20px;
}
.about-left>ol>li {
width: calc(100% - 24px);
float: left;
list-style: none;
color: #232323;
margin-left: 0;
box-sizing: border-box;
list-style: auto;
}
@media only screen and (max-width:1297px) {
nav ul li a {
padding-bottom: 0
}
}
@media (max-width:897px) {
.c-hamburger.c-hamburger--htx {
top: 30px
}
}
@media (max-width:860px) {
.head-section-top {
padding: 10px 0 8px !important
}
}
@media (max-width:760px) {
.head-section-top {
padding: 10px 0 8px !important
}
.c-hamburger.c-hamburger--htx {
top: 29px
}
}
@media(max-width:700px) {
.site-map {
margin: 0
}
}
@media(max-width:444px) {
.site-map ul li a {
line-height: 24px;
display: inline-flex;
padding-top: 0
}
.site-map .main-nav .item:nth-child(5),
.site-map ul li {
padding: 5px 20px
}
.site-map ul ul {
padding-left: 15px
}
}
@media (max-width:560px) {
.about-left.block-4 iframe {
width: 100% !important
}
}
.wlcm-blog-lft .wlcm-blog-a {
min-width: 90px;
width: auto;
height: auto;
padding: 0 15px;
box-sizing: border-box;
margin-right: 5px;
margin-bottom: 5px
}
.blog-text .blog-txt-btn-green {
min-width: 105px;
padding: 0 15px;
box-sizing: border-box;
width: auto
}
.blog-sch .nice-select,
form#catform {
width: 200px
}
.blog-sch form {
width: calc(100% - 200px)
}
@media only screen and (max-width:700px) {
.blog-sch form input[type=text] {
border: 1px solid #eceff1;
width: 100%;
padding: 9px 10px 9px 45px;
margin-bottom: 30px
}
.blog-sch form input[type=button] {
float: left;
margin: 10px 0
}
.blog-sch {
border: none
}
.blog-sch .nice-select {
border: 1px solid #eceff1;
height: 50px;
line-height: 50px;
width: 100%
}
}
.blog-sch {
z-index: 9
}
#map {
height: 500px
}
div#map {
height: 451px;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
position: absolute !important
}
.sticky-header .head-section-top {
display: inline-flex;
align-items: center;
width: 100%;
justify-content: space-between;
padding: 20px 0
}
.head-section-buttom {
padding: 23px 0 5px !important
}
@media only screen and (max-width:1300px) {
.logo {
width: 34%;
margin-bottom: 0
}
nav ul li a {
padding-bottom: 0
}
.head-section-top {
padding: 20px 0 !important
}
}
@media only screen and (max-width:1058px) {
.logo img {
width: 100%
}
}
@media(max-width:980px) {
nav ul li a {
font-size: 1.5em
}
}
@media only screen and (max-width:900px) {
.logo {
width: auto;
margin-bottom: 0
}
.c-hamburger.c-hamburger--htx {
top: 38px
}
}
@media (max-width:540px) {
.logo {
width: 63%
}
.c-hamburger.c-hamburger--htx {
top: 34px
}
}
@media (max-width:496px) {
.logo {
width: 70%
}
.c-hamburger.c-hamburger--htx {
top: 34px
}
}
@media (max-width:448px) {
.logo {
width: 70%
}
.c-hamburger.c-hamburger--htx {
top: 30px
}
}
@media (max-width:383px) {
.logo {
width: 77%
}
.c-hamburger.c-hamburger--htx {
top: 27px
}
}
.page-id-1017 table td,
.page-id-3534 table td,
.page-id-619 table td {
border: 0 solid #d4d4d4;
padding: 0;
vertical-align: top
}
.page-id-1017 table td:last-child,
.page-id-3534 table td:last-child,
.page-id-619 table td:last-child {
padding-left: 5px
}
.page-id-1017 table td:first-child,
.page-id-3534 table td:first-child,
.page-id-619 table td:first-child {
padding-right: 5px
}
.page-id-1017 table,
.page-id-3534 table,
.page-id-619 table {
border: 0 solid #d4d4d4;
margin-top: 30px
}
.page-id-1017 table tr td table,
.page-id-3534 table tr td table,
.page-id-619 table tr td table {
border: 1px solid #67c9e1;
border-radius: 5px;
text-align: center;
padding: 10px
}
.page-id-1017 table td table tr td img,
.page-id-619 table td table tr td img {
width: 100px;
max-width: 100%;
margin: auto;
border-radius: 50%;
height: 100px
}
.page-id-1017 table td table tr:first-child td,
.page-id-3534 table td table tr:first-child td,
.page-id-619 table td table tr:first-child td {
width: 100px;
height: 100px;
position: absolute;
left: calc(50% - 50px);
z-index: 9;
top: -50px;
border: 1px solid #67c9e1;
border-radius: 50%;
padding: 0
}
.page-id-1017 table tr,
.page-id-3534 table tr,
.page-id-619 table tr {
font-size: 24px
}
.page-id-1017 table td table tr:nth-child(2) td,
.page-id-3534 table td table tr:nth-child(2) td,
.page-id-619 table td table tr:nth-child(2) td {
padding-top: 80px
}
.head-section-top {
padding: 39px 0 24px
}
nav ul li a {
padding-bottom: 15px
}
div.wpforms-container-full .wpforms-form .wpforms-field:first-child {
padding-top: 0 !important
}
.contact-information form#wpforms-form-2138 input,
.contact-information form#wpforms-form-2138 textarea {
max-width: 100%;
border-color: #5dc2de;
border-radius: 10px;
font-size: 13px
}
.contact-information form#wpforms-form-2138 input::placeholder,
.contact-information form#wpforms-form-2138 textarea::placeholder {
color: #656565;
font-weight: 300
}
button#wpforms-submit-2138 {
background: #5dc2de;
border: 0;
color: #fff;
padding: 15px 40px;
border-radius: 50px;
line-height: 20px;
width: 200px;
float: right;
font-size: 1.4em;
font-weight: 400
}
.row.data_privacy {
transform: translateY(-54px)
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
padding-top: 10px
}
ul.blog-demo .blog-text .blog-txt-btn {
background: 0 0;
width: 100%;
display: inline-block
}
.blog-text .blog-txt-btn div {
color: #fff;
min-width: 105px;
height: 20px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
text-align: center;
display: inline-block;
width: auto;
padding: 0 20px;
margin-bottom: 5px;
box-sizing: border-box
}
.blog-int-txt {
margin: 0 5px 5px 0
}
.left_contact_data {
float: left;
width: 50%
}
.page-id-2606 .about-left h1 {
color: #4f4f4f;
font-family: "Josefin Sans";
font-size: 56px;
font-weight: 400;
line-height: 62px;
letter-spacing: -1px;
margin-bottom: 30px
}
.page-id-2606 .about-left p {
color: #4f4f4f;
font-family: "Josefin Sans";
font-size: 24px;
font-weight: 300;
line-height: 33px
}
.page-id-2606 .about-left a {
margin-top: 40px;
width: 168px;
height: 50px;
border-radius: 40px;
background: rgba(74, 172, 219, .85);
color: #fff !important;
font-size: 14px;
font-weight: 400;
line-height: 53px
}
.page-id-2606 .about-left a:hover {
background-color: rgba(42, 91, 156, .85)
}
.right_contact_data {
float: right;
width: 50%
}
.right_contact_data ul li {
width: 100%;
float: left;
margin-bottom: 30px;
padding: 0
}
.loc-icon {
width: 7%;
float: left
}
.right_contact_data ul li a {
width: 100%;
float: left;
font-size: 24px;
font-weight: 300;
color: #232323;
line-height: 33px
}
.loc-icon a img {
width: 24px;
float: left;
margin-right: 20px
}
.icon-text {
width: 93%;
float: left
}
.abt.empty_abt {
display: block
}
.page-id-1037 .banner-img-about,
.page-id-1039 .banner-img-about,
.page-id-5534 .banner-img-about,
.page-id-2611 .banner-img-about,
.page-id-2835 .banner-img-about,
.page-id-436 .banner-img-about {
height: 220px
}
@media (max-width:1370px) {
.head-section-top {
padding: 30px 0 24px
}
}
@media (max-width:1294px) {
nav ul li a {
padding-bottom: 0
}
}
@media (max-width:1100px) {
.head-btn {
display: none
}
.head-section-top {
display: block;
align-items: center;
width: 100%;
justify-content: space-between
}
.page-id-1037 .banner-img-about,
.page-id-1039 .banner-img-about,
.page-id-5534 .banner-img-about,
.page-id-436 .banner-img-about {
height: 110px
}
.logo img {
width: 340px
}
nav ul li a {
font-size: 16px !important
}
}
@media (max-width:1050px) {
.row.data_privacy {
transform: translateY(-42px)
}
}
@media (max-width:897px) {
.left_contact_data {
width: 100%
}
.right_contact_data {
width: 100%;
margin-top: 30px
}
.page-id-1037 .banner-img-about,
.page-id-1039 .banner-img-about,
.page-id-5534 .banner-img-about,
.page-id-436 .banner-img-about {
height: 105px
}
}
@media (max-width:800px) {
.row.data_privacy,
.row.data_privacy p {
transform: translateY(0);
text-align: left;
width: 100%;
margin-top: 13px
}
button#wpforms-submit-2138 {
float: none
}
}
@media (max-width:750px) {
.approach-txt,
.approach-txt h4,
.approach-txt p {
text-align: center;
width: 100%
}
.ft-address {
float: left;
margin: 0
}
.footer-top>p {
position: relative
}
section.footer-bottom {
padding: 30px 0 33px
}
}
.site-map .data1165 {
margin-top: -10px
}
.magnific-img {
display: inline-block;
width: 32.3%
}
a.image-popup-vertical-fit {
cursor: -webkit-zoom-in
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: .98
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0
}
.mfp-arrow-left:before {
border-right: none !important
}
.mfp-arrow-right:before {
border-left: none !important
}
.mfp-counter,
button.mfp-arrow {
opacity: 0 !important;
transition: opacity .2s ease-in, opacity 2s ease-out
}
.mfp-container:hover .mfp-counter,
.mfp-container:hover button.mfp-arrow {
opacity: 1 !important
}
.mfp-bg {
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
width: 100%;
height: 100%;
z-index: 1043;
outline: 0 !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
content: '';
height: 100%
}
.mfp-content {
position: relative;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
left: 0;
position: absolute
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-figure,
img.mfp-img {
line-height: 0
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: -55px 0 0;
top: 50%;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:after,
.mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
display: block;
top: 0;
width: 100%;
height: 100%;
background: #000
}
.mfp-figure:after,
img.mfp-img {
height: auto;
display: block;
width: auto
}
img.mfp-img {
max-width: 100%;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto
}
.mfp-figure:after {
content: '';
top: 40px;
bottom: 40px;
right: 0;
z-index: -1;
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.check-block input[type=radio],
.mfp-gallery .mfp-image-holder .mfp-figure,
input.wpcf7-form-control.wpcf7-submit.lt-req {
cursor: pointer
}
.banner-btn a.green {
border-radius: 50px;
background: #5dc2de;
color: #fff;
font-family: "Josefin Sans";
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
width: auto;
margin-bottom: 8px;
display: inline-block
}
.banner-btn a {
float: left;
min-width: 168px;
margin-right: 13px;
padding: 15px;
width: auto;
margin-bottom: 10px;
display: inline-block
}
.banner-container {
width: 660px;
float: left;
position: absolute;
top: 33%
}
.lft-trating-txt a {
min-width: 290px;
box-sizing: border-box;
padding: 15px 52px;
margin-bottom: 10px
}
.approach-txt a {
margin-right: 10px;
min-width: 275px;
box-sizing: border-box;
margin-bottom: 10px
}
@media (max-width:620px) {
.banner-container {
width: 94%
}
}
@media only screen and (max-height:768px) {
.banner-container {
top: 25%
}
}
@media only screen and (max-width:550px) {
.blog-inr-text-main p,
.blog-inr-txt p,
.wlcm-blog-lft p {
font-size: 2em;
line-height: 26px
}
.page-id-1017 table tr,
.page-id-619 table tr {
font-size: 20px
}
.right_contact_data ul li a {
font-size: 18px
}
.page-id-1037 .abt h1,
.page-id-1039 .abt h1,
.page-id-5534 .abt h1,
.page-id-436 .abt h1 {
margin-top: 0
}
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile .mfp-bottom-bar:empty,
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.main-video {
flex-wrap: wrap
}
a.close {
width: 20px;
height: 20px;
background: #5dc2de5c;
border-radius: 50%;
line-height: 18px;
text-align: center;
font-weight: 400;
font-size: 22px;
position: absolute;
right: 0
}
form.wpcf7-form.init {
width: 100%;
box-sizing: border-box
}
form.wpcf7-form.init h1 {
font-family: 'Josefin Sans';
color: #4f4f4f;
margin-bottom: 12px
}
form.wpcf7-form.init input[type=email],
form.wpcf7-form.init input[type=text] {
border: 1px solid #5dc2de;
border-radius: 5px;
padding: 6px 10px;
font-size: 11px;
width: 100%;
box-sizing: border-box;
height: 35px
}
span.wpcf7-form-control-wrap.ebook_radio {
margin-top: 5px;
display: block
}
form.wpcf7-form.init input[type=radio] {
appearance: auto;
padding-top: 7px;
display: inline-flex;
width: 12px
}
span.wpcf7-list-item-label {
display: inline-flex;
margin-left: 5px
}
form.wpcf7-form.init div {
font-size: 11px;
margin-top: 5px;
float: left
}
input#ebook_send {
background: #5dc2de;
border: 0;
color: #fff;
padding: 6px 36px;
border-radius: 50px;
line-height: 17px;
width: auto;
float: right;
font-size: 11px;
font-weight: 400;
cursor: pointer
}
.modal-content {
margin: 28vh auto;
padding: 20px;
border: 1px solid #888;
width: 30%;
box-sizing: border-box
}
.page-id-2669 .banner-img-about,
.page-id-2761 .banner-img-about,
.page-id-2768 .banner-img-about,
.page-id-3411 .banner-img-about,
.page-id-5287 .banner-img-about{
height: auto;
margin-bottom: 50px
}
.page-id-2669 .about-main,
.page-id-3411 .about-main {
padding: 0 0 60px
}
@media (max-width:1250px) {
.modal-content {
width: 40%
}
}
@media (max-width:930px) {
.modal-content {
width: 50%
}
}
@media (max-width:762px) {
.modal-content {
width: 90%
}
}
@media (max-width:420px) {
.modal-content {
width: 90%
}
input#ebook_send {
float: left
}
form.wpcf7-form.init div {
width: 100%;
margin-bottom: 11px;
margin-top: 10px
}
}
form.wpcf7-form.init p {
font-size: 11px;
margin-bottom: 15px
}
a.ebook-dwnld-main {
display: inline-block;
background: #5ec2de;
width: 70%;
padding: 30px 15px;
box-sizing: border-box
}
.ebook-dwnld {
text-align: center;
color: #4f4f4f
}
.ebook-dwnld h2 {
font-size: 27px;
font-weight: 300;
margin: 20px 0;
line-height: 35px
}
.ebook-dwnld h2 strong {
display: block;
font-weight: 700
}
.ebook-dwnld p {
font-size: 19px;
font-weight: 700;
margin-bottom: 20px;
font-family: 'Josefin Sans';
letter-spacing: -1px;
line-height: 24px;
padding: 0 25px
}
@media(max-width:1024px) {
.ebook-dwnld h2 {
font-size: 2.5em;
line-height: normal
}
.ebook-dwnld p {
font-size: 1.5em;
line-height: inherit
}
}
@media(max-width:950px) {
.ebook-dwnld h2 {
font-size: 2em
}
.ebook-dwnld p {
font-size: 1.3em
}
}
@media(max-width:770px) {
a.ebook-dwnld-main {
width: 46%
}
}
@media(max-width:500px) {
a.ebook-dwnld-main {
width: 53%
}
}
@media(max-width:400px) {
a.ebook-dwnld-main {
width: 70%
}
}
.ebook-dwnld img:first-child {
width: 50%;
margin-bottom: 10px
}
@media(max-width:500px) {
.ebook-dwnld img:first-child {
width: 40%
}
}
.modal-content.ebook_popudata {
margin: 28vh auto !important;
padding: 30px 50px !important;
border: 0 !important;
width: 40%;
background-color: #fff !important;
color: #32373c !important
}
.contact-form h1 {
font-size: 30px;
font-weight: 400;
line-height: 36px;
margin-bottom: 30px
}
.contact-form form.wpcf7-form.init input[type=email],
.contact-form form.wpcf7-form.init input[type=text] {
border-radius: 10px;
font-size: 14px;
padding: 12px 20px;
height: auto
}
.contact-form label {
font-size: 14px;
font-weight: 400;
line-height: 26px
}
.check-block {
width: 100%;
float: none;
margin-top: 0 !important
}
.check-block div {
margin-right: 19px;
font-size: 13px !important;
margin-top: 0 !important
}
.submit_btn_ebook,
.submit_btn_ebook div {
font-size: 14px !important
}
input.wpcf7-form-control.wpcf7-submit.lt-req {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
color: #fff;
border-radius: 86px;
padding: 15px 68px
}
.check-block input[type=radio]:after,
.check-block input[type=radio]:checked:after {
width: 14px;
height: 10px;
border-radius: 50px;
top: 0;
display: inline-block;
visibility: visible;
content: '';
left: 0
}
.submit_btn_ebook {
width: 100%;
margin-top: 10px !important;
display: inline-flex;
align-items: end;
justify-content: space-between;
font-weight: 300;
line-height: 30px
}
@media(max-width:1365px) {
.modal-content.ebook_popudata {
width: 50%
}
}
@media(max-width:1132px) {
.ebook-dwnld p {
padding: 0 22px
}
.modal-content.ebook_popudata {
width: 60%
}
}
@media(max-width:930px) {
.modal-content.ebook_popudata {
width: 70%
}
}
@media(max-width:800px) {
.modal-content.ebook_popudata {
width: 85%
}
}
@media(max-width:662px) {
.submit_btn_ebook {
justify-content: inherit;
flex-wrap: wrap
}
.submit_btn_ebook>div {
width: 100%;
margin-bottom: 10px
}
}
@media(max-width:455px) {
.modal-content.ebook_popudata {
width: 90%;
padding: 30px
}
}
@media(max-width:420px) {
.check-block>div {
width: auto !important;
margin-bottom: 0 !important
}
.submit_btn_ebook>div {
margin: 0 0 10px !important
}
.submit_btn_ebook {
line-height: 20px
}
.contact-form h1 {
font-size: 26px
}
}
.ebook-sec {
background: linear-gradient(180deg, #76cbe3, #8ee1f8);
transform: translateY(142%);
transition: .3s ease-in-out
}
.ebook-sec div h1 {
color: #4f4f4f;
font-weight: 300
}
img.sbook-img {
position: absolute
}
.sticky-add {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
width: 100%;
transform: translateY(0)
}
@media(max-width:1085px) {
.ebook-sec {
margin-bottom: 57px
}
}
@media(max-width:940px) {
.ebook-sec {
margin-bottom: 30px
}
}
@media(max-width:794px) {
.ebook-sec div div {
width: 60%
}
.ebook-sec div h1 {
font-size: 21px
}
}
@media(max-width:702px) {
img.sbook-img {
display: none
}
.ebook-sec div div img {
width: 8%
}
.ebook-sec div h1 {
font-size: 18px;
margin: 7px 0
}
.ebook-sec div div {
width: 100%
}
.ebook-sec p {
font-size: 14px;
margin-bottom: 0
}
.ebook-sec {
margin-bottom: 16px
}
}
.check-block div label {
margin-left: 10px
}
.check-block div {
display: inline-flex;
align-items: baseline
}
.check-block input[type=radio]:after {
position: relative
}
.check-block input[type=radio]:checked:after {
position: relative;
border: 1px solid #ffffff00;
background-color: #5ec2de
}
.ebook-sec {
margin-bottom: 0;
padding: 12px 0
}
@media (max-width:702px) {
.ebook-sec div div img {
width: 6%
}
.ebook-sec div h1 {
font-size: 15px;
margin: 4px 0
}
.ebook-sec p {
font-size: 12px;
margin-bottom: 0;
line-height: 10px
}
.ebook-sec {
padding: 11px 0
}
}
.ebook-sec div div {
text-align: center;
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
align-items: center
}
.ebook-sec div div img {
width: 4%
}
.ebook-sec p {
font-weight: 400;
color: #4f4f4f;
font-size: 15px;
line-height: 19px;
width: 100%;
margin-top: 15px;
margin-bottom: 7px
}
img.sbook-img {
bottom: 0;
top: unset;
width: 254px;
right: 104px
}
a.ebook-dwnld-main {
border-radius: 10px
}
@media (max-width:1200px) {
.ebook-sec div h1 {
font-size: 21px;
line-height: 23px
}
.ebook-sec div div img {
width: 3%
}
.ebook-sec div div {
align-items: end
}
img.sbook-img {
width: 244px;
right: 97px
}
}
@media (max-width:1196px) {
.testimo-hm {
height: auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
img.sbook-img {
width: calc(30% - 98px);
right: 97px
}
}
@media (max-width:1088px) {
img.sbook-img {
width: calc(30% - 88px);
right: 87px
}
}
@media (max-width:990px) {
img.sbook-img {
width: calc(30% - 79px);
right: 79px
}
.ebook-sec div div img {
width: 26px
}
.ebook-sec div h1 {
font-size: 19px;
line-height: 17px
}
.ebook-sec p {
font-size: 14px
}
.lp-pay-img a img,
.page-id-2450 .lp-pay-img a {
width: auto !important
}
}
@media (max-width:794px) {
.ebook-sec div div {
width: 100%
}
}
.ebook-sec div div {
width: 70%
}
.ebook-sec div h1 {
margin: 10px 15px 0;
font-size: 27px;
line-height: 35px
}
@media (max-width:1024px) {
.ebook-sec div h1 {
font-size: 2.5em;
line-height: normal
}
}
@media (max-width:950px) {
.ebook-sec div h1 {
font-size: 2em
}
}
@media (max-width:928px) {
img.sbook-img {
display: none
}
.ebook-sec div div {
width: 100%
}
}
.contact-form form.wpcf7-form.init input[type=email],
.contact-form form.wpcf7-form.init input[type=text] {
border: 1px solid #5ec2de
}
.check-block input[type=radio]:after {
background-color: #fff;
border: 1px solid #32373c
}
.submit_btn_ebook a {
color: #5dc2de !important
}
input.wpcf7-form-control.wpcf7-submit.lt-req {
background: #5ec2de
}
a.close {
background: #c1ebf7;
color: #5ec2de;
box-sizing: border-box;
padding: 0
}
.page-id-2669 .about-left p:last-child a,
.page-id-2768 .about-left p:last-child a,
.page-id-5287 .about-left p:last-child a {
background: #5ec2de;
color: #fff !important;
padding: 4px 15px;
border-radius: 5px;
margin-right: 15px;
margin-top: 25px;
float: left
}
.contact-form {
position: relative;
display: inline-block;
width: 100%
}
.download_ebook {
padding: 0 0 90px;
float: left;
width: 100%;
position: relative
}
.dwn_ebook_inner {
display: flex;
justify-content: space-between
}
.dwn_lft,
.dwn_rgt {
width: 47%
}
.about-main .about-left h1,
.dwn_lft h1 {
color: #5ec2de;
font-size: 56px;
font-weight: 400;
line-height: 62px;
letter-spacing: -1px
}
.dwn_form {
width: 100%;
padding: 20px 0 0
}
.dwn_lft .form_group {
margin-bottom: 20px
}
.dwn_lft input {
width: 95%;
height: 50px;
border: 1px solid #5ec2de;
border-radius: 10px;
background: #fff;
padding: 0 15px;
font-weight: 400
}
.dwn_lft input::placeholder {
color: #232323
}
.dwn_lft_bottom .dwn_btn a,
.dwn_lft_bottom .dwn_btn input {
color: #fff;
font-size: 14px;
text-align: center;
font-weight: 400
}
.radio_btn label {
position: relative;
display: inline-block;
padding: 3px 3px 0 26px;
cursor: pointer;
font-size: 14px;
margin-right: 30px
}
.radio_btn label::after,
.radio_btn label::before {
position: absolute;
content: '';
top: 50%;
border-radius: 100%;
-webkit-transition: .2s;
transition: .2s
}
.radio_btn label::before {
left: 0;
width: 16px;
height: 16px;
margin-top: -8px;
background: #f3f3f3;
border: 1px solid #ccc
}
.radio_btn label::after {
opacity: 0;
left: 3px;
width: 12px;
height: 12px;
margin-top: -5px;
background: #5ec2de;
-webkit-transform: scale(2);
transform: scale(2)
}
.radio_btn input[type=radio]:checked+label::before {
background: #fff;
border: 1px solid #5ec2de
}
.radio_btn input[type=radio]:checked+label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.call_bck span {
color: #232323;
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin-bottom: 5px
}
.dwn_lft_bottom {
margin-top: 32px;
display: flex;
align-items: center;
justify-content: space-between
}
.policy_note span {
color: #232323;
font-size: 14px;
font-weight: 400
}
.dwn_lft_bottom .dwn_btn {
width: 168px;
height: 50px;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center
}
.dwn_img img {
width: 100%;
z-index: 1
}
.dwn_img:before {
content: '';
position: absolute;
top: 29%;
right: 0;
background-image: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/dwn_right_ptrn.png);
background-size: contain;
height: 335px;
width: 100%;
z-index: -1
}
.dwn_img:after {
content: '';
position: absolute;
left: 0;
background: #fff;
height: 100%;
width: 50%;
z-index: -1
}
.thnk_main {
padding: 70px 0 99px;
float: left;
width: 100%
}
.thnk_inner h1 {
color: #5ec2de;
font-size: 56px;
font-weight: 400;
line-height: 62px;
letter-spacing: -1px;
margin-bottom: 20px
}
.thnk_inner p {
color: #232323;
font-size: 24px;
font-weight: 400;
line-height: 33px;
margin-bottom: 33px
}
@media only screen and (max-width:1024px) {
.thnk_main {
padding: 70px 0
}
.thnk_inner h1 {
font-size: 42px
}
}
@media only screen and (max-width:991px) {
.dwn_ebook_inner {
display: block
}
.dwn_lft {
width: 95%;
margin: 0 auto
}
.dwn_rgt {
width: 100%;
margin-top: 60px;
float: left
}
.dwn_img {
text-align: center
}
.dwn_img img {
width: 70%
}
.dwn_img:before {
top: inherit;
bottom: 6%
}
.dwn_img:after {
width: 12%
}
}
@media only screen and (max-width:767px) {
.dwn_img img,
.dwn_lft {
width: 90%
}
.dwn_img:before {
background-image: none
}
.thnk_inner h1 {
font-size: 38px
}
.dwn_lft {
margin: 0 auto
}
.dwn_lft_bottom .dwn_btn {
width: 154px
}
.download_ebook {
padding: 70px 0 30px
}
.thnk_inner p {
word-break: break-all;
font-size: 22px
}
}
@media only screen and (max-width:600px) {
.dwn_lft h1 {
font-size: 45px
}
.thnk_inner p {
font-size: 20px
}
}
@media only screen and (max-width:455px) {
.policy_note {
width: 50%
}
.dwn_lft h1 {
font-size: 40px
}
}
@media only screen and (max-width:400px) {
.loc-text ul li a,
.loc-text ul li p,
.right_contact_data ul li a {
font-size: 15px
}
.down-arrow {
display: none
}
.policy_note {
width: 100%
}
.dwn_lft_bottom {
display: block
}
.dwn_btn {
margin-top: 20px
}
.dwn_lft h1 {
font-size: 34px
}
.thnk_inner h1 {
font-size: 32px;
line-height: 36px
}
}
.page-id-2241 .que-sec,
.page-id-2768 .que-sec,
.page-id-5287 .que-sec{
padding: 0 !important
}
.about-main {
padding: 30px 0 60px
}
.dwn_lft_bottom .dwn_btn input {
background: #5ec2de;
border: 0;
line-height: 20px;
cursor: pointer
}
.page-id-2241 .abt h1 {
width: 100%;
float: left;
font-size: 56px;
line-height: 62px;
color: #5ec2de;
letter-spacing: -1px;
opacity: 1 !important
}
@media(max-width:1188px) {
.lp-banner-rgt {
width: 100% !important
}
}
.main-vid .play-btn img {
max-width: 150px
}
@media(max-width:991px) {
.main-vid .play-btn img {
max-width: 100px
}
.video_list {
grid-template-columns: repeat(1, 1fr)
}
}
.mobile_banner_txt {
margin: 40px 0 0
}
.mobile_banner_txt .banner-container {
position: initial;
top: inherit;
transform: translate(0)
}
.mobile_banner_txt .banner-container h1,
.mobile_banner_txt .banner-container h2,
.mobile_banner_txt .banner-container p {
color: #4f4f4f !important
}
.mobile_banner_txt .banner-container .banner-btn a.white {
background-color: rgb(167 169 172)
}
@media (min-width:991px) {
.destop_banner_txt {
display: block
}
.mobile_banner_txt,
.mobile_btn {
display: none
}
}
@media (min-width:900px) {
.mobile_btn,
.mobile_logo {
display: none
}
}
@media (max-width:900px) {
.page-id-1017 table td,
.page-id-3534 table td,
.page-id-619 table td {
width: 100%;
display: table;
position: relative !important
}
.page-id-1017 table,
.page-id-619 table {
margin-top: 15px;
margin-bottom: 10px
}
.page-id-1017 table td:first-child table,
.page-id-3534 table td:first-child table,
.page-id-619 table td:first-child table {
margin-bottom: 66px
}
.page-id-1017 table td:last-child,
.page-id-619 table td:last-child {
padding-left: 0
}
.page-id-1017 table td table tr:nth-child(2) td,
.page-id-619 table td table tr:nth-child(2) td {
padding-top: 00px !important
}
.logo,
.mobile_logo a.sticky-logo,
.sticky-header .mobile_logo a,
header.transparent-header.logo-hide .mobile_btn {
display: none
}
.mobile_btn,
.mobile_logo,
.mobile_logo a,
.sticky-header .mobile_logo a.sticky-logo {
display: block
}
.mobile_logo img {
max-width: 170px;
height: auto !important
}
.mobile_btn a.green {
border-radius: 50px;
background: #5dc2de;
color: #fff;
font-family: "Josefin Sans";
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
width: auto;
margin-bottom: 8px;
display: inline-block
}
.mobile_btn {
position: absolute;
right: 70px;
top: 29px
}
.main-menu>span img {
max-width: 210px
}
.page-id-3534 table td table tr:nth-child(2) td {
padding-top: 0 !important
}
}
@media (max-width:400px) {
.ft-address {
width: calc(100% - 30px)
}
.mobile_btn {
right: 45px;
top: 22px
}
.mobile_logo img {
max-width: 150px
}
.mobile_btn a.green {
padding: 10px 15px
}
}
.page-id-3411 .insta_link_main {
float: left;
width: 100%;
padding: 40px 0
}
.page-id-3411 .about-left p {
width: 70%;
font-family: "Josefin Sans", sans-serif;
color: #4f4f4f;
font-size: 21px;
font-weight: 300;
line-height: 28px;
margin: 0 auto;
text-align: center;
float: none
}
.page-id-3411 .about-left ul {
padding: 90px 0 0;
position: relative
}
.page-id-3411 .about-left ul:before {
content: '';
position: absolute;
background: url(https://www.perthdentalimplantcentre.com.au/wp-content/uploads/2022/11/insta_down.png) center/contain no-repeat;
top: 22px;
left: 0;
right: 0;
margin: 0 auto;
width: auto;
height: 45px
}
.page-id-3411 .about-left ul li {
text-align: center;
background: 0 0
}
.page-id-3411 .about-left ul li a {
width: 350px;
font-size: 18px;
line-height: 26px;
background-color: #65b8e0;
padding: 20px 20px 15px;
color: #fff !important;
border-radius: 100px;
text-align: center;
display: inline-block;
margin-bottom: 30px;
transition: .4s;
text-transform: uppercase
}
.page-id-2450 .lp-pay-img {
display: grid !important;
width: 100%;
max-width: 1200px;
margin: 0 auto;
align-items: center;
grid-template-columns: repeat(3, 1fr)
}
.page-id-2450 .lp-pay-img a {
padding-left: 15px !important;
padding-right: 15px !important
}
.page-id-2450 .lp-pay-img a:nth-child(3) {
border-right: 1px solid #dedede
}
@media only screen and (max-width:1200px) {
.page-id-2450 .lp-pay-img {
width: 95%
}
}
@media (max-width:1064px) {
.page-id-2450 .lp-pay-img {
padding: 30px 0 !important;
grid-template-columns: repeat(2, 1fr)
}
.page-id-2450 .lp-pay-img a {
margin-bottom: 30px
}
.page-id-2450 .lp-pay-img a:nth-child(3),
.page-id-2450 .lp-pay-img a:nth-child(4) {
margin-bottom: 0 !important
}
}
@media (max-width:450px) {
.page-id-3411 .about-left ul li a {
width: 250px;
font-size: 16px;
margin-bottom: 20px
}
.page-id-3411 .about-left p {
width: 90%;
font-size: 17px
}
.page-id-3411 .about-left ul:before {
height: 40px
}
.page-id-2450 .lp-pay-img {
grid-template-columns: repeat(1, 1fr)
}
.page-id-2450 .lp-pay-img a {
margin-bottom: 30px
}
.page-id-2450 .lp-pay-img a:nth-child(3) {
margin-bottom: 30px !important
}
.page-id-2450 .lp-pay-img a:nth-child(4) {
margin-bottom: 0 !important
}
}
.page-id-3534 table td table tr td img {
width: 100px;
max-width: 100%;
margin: auto;
border-radius: 50%;
height: 100px;
background: #fff
}
.about-left table tr td ul li {
width: calc(100% - 24px);
float: left
}
.hello-rgt .or_btn_middel {
color: #7ecee5;
font-size: 22px;
text-align: center;
display: block;
margin: 10px;
float: left;
width: 92%
}
.timing-rgt p.timing_rgt_call {
width: 100%;
float: left;
font-size: 20px;
line-height: 40px;
color: #5ec2de;
font-weight: 600
}
.timing-rgt p.timing_rgt_call a {
font-weight: 400;
color: #232323
}
.hello-page {
padding: 50px 0 30px !important
}
.timing-rgt div.wpforms-container-full {
margin: 15px auto 0 !important
}
.timing {
padding: 60px 0 40px !important
}
@media (max-width:1200px) {
.hello-rgt .or_btn_middel {
width: 100%;
max-width: 267px
}
.sticky-header nav ul li a {
font-size: 16px !important
}
}
@media (max-width:1050px) {
.hello-rgt .or_btn_middel {
width: 100%;
max-width: 520px
}
}
@media (max-width:767px) {
.page-id-3411 .about-leftt p {
width: 90%;
font-size: 18px
}
.timing {
padding: 20px 0 40px !important
}
.location-page {
padding: 40px 0 !important
}
.hello-rgt .or_btn_middel {
width: 100%;
max-width: 520px
}
}
@media (max-width:578px) {
.hello-rgt .or_btn_middel {
width: 100%;
max-width: 242px
}
}
.about-left form .form_row {
width: 100%;
display: grid;
margin-top: 0 !important;
margin-bottom: 0 !important
}
.about-left form .frm_grp {
margin-bottom: 20px !important;
float: left;
margin-top: 0 !important;
width: 100%
}
.about-left form .frm_grp p,
.about-left form .frm_grp_submit p {
margin: 0 !important
}
.about-left form .frm_grp label {
font-size: 15px;
font-weight: 300
}
.about-left form .form_row .frm_grp input {
font-size: 15px !important;
border: 1px solid #5dc2de;
border-radius: 5px;
padding: 6px 10px;
width: 100%;
box-sizing: border-box;
height: 38px;
font-weight: 300
}
.about-left form .frm_grp textarea {
font-size: 15px !important;
border: 1px solid #5dc2de;
border-radius: 5px;
padding: 6px 10px;
width: 100%;
box-sizing: border-box;
height: 120px;
font-weight: 300
}
.about-left form .form_row .frm_grp .nice-select {
border: 1px solid #5dc2de;
border-radius: 5px;
padding: 6px 10px;
width: 100%;
box-sizing: border-box;
height: 38px;
margin-top: 0 !important;
font-size: 15px !important;
line-height: 26px
}
.about-left form .form_row .frm_grp .nice-select .current {
line-height: 26px;
font-weight: 300
}
.about-left form .form_row .frm_grp #online_reason_for_referral {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 15px;
margin-top: 0 !important;
grid-row-gap: 15px
}
.about-left form .form_row .frm_grp div {
width: 100%;
margin-top: 0 !important
}
.about-left form .form_row .frm_grp .online_document_upload_ctn {
margin-top: 20px !important;
float: left
}
.about-left form .form_row .frm_grp #online_reason_for_referral span {
margin: 0 !important;
line-height: 16px !important
}
.about-left form .form_row .frm_grp #online_reason_for_referral label span {
padding-left: 5px !important;
color: #232323;
font-size: 15px;
cursor: pointer
}
.about-left form .form_row .frm_grp #online_reason_for_referral span label {
display: flex
}
.about-left form .form_row .frm_grp #online_reason_for_referral span label input {
width: 13px !important;
height: 13px !important;
padding: 0 !important;
border-radius: 2px !important;
appearance: auto !important;
cursor: pointer
}
::-webkit-calendar-picker-indicator {
cursor: pointer
}
.about-left form .frm_grp_submit {
margin-top: 0 !important
}
.about-left form .frm_grp_submit input {
background: #5dc2de;
border: 0;
color: #fff;
padding: 15px 40px;
border-radius: 50px;
line-height: 20px;
width: 200px;
font-size: 14px;
font-weight: 400;
cursor: pointer
}
.about-left form .form_row .frm_grp label span {
color: red;
font-size: 15px
}
.about-left form .form_row .frm_grp span.wpcf7-not-valid-tip {
font-size: 12px !important;
float: left;
line-height: initial;
color: #900 !important
}
.about-left form .frm_grp.right_tooth {
margin-top: 10px !important
}
.about-left form .frm_grp.right_tooth p {
display: flex;
justify-content: start
}
.about-left form .frm_grp.right_tooth p span {
width: 35%;
margin-left: 10px
}
.about-left form .frm_grp.right_tooth p span input {
font-size: 15px !important;
font-weight: 300
}
.about-main .about-left p iframe {
width: 100%;
height: 400px
}
@media (max-width:1050px) {
.sticky-header nav ul li a,
nav ul li a {
font-size: 14px !important
}
}
@media (max-width:991px) {
.destop_banner_txt {
display: none
}
.mobile_banner_txt {
display: block
}
.banner-img {
height: 60vh
}
.about-left form .form_row {
grid-template-columns: repeat(1, 1fr)
}
.logo img {
width: 280px
}
nav ul li {
padding: 0 6px
}
}
@media (max-width:767px) {
.about-left form .frm_grp.right_tooth p {
display: block;
justify-content: start
}
.about-left form .frm_grp.right_tooth p span {
width: 100%;
display: block;
margin-left: 0
}
.ft-btm-lft ul li {
margin: 0 10px;
font-size: 14px
}
.ft-btm-lft ul li:last-child {
margin: 0 0 0 10px
}
.about-main .about-left p iframe {
width: 100%;
height: 300px
}
}
@media (max-width:650px) {
.ft-btm-lft ul li {
font-size: 14px;
line-height: 30px
}
.ft-btm-lft ul {
display: block
}
}
@media (max-width:600px) {
.about-left h4>a,
.about-left h4>p>a {
margin-bottom: 10px
}
.about-left form .form_row .frm_grp #online_reason_for_referral {
grid-template-columns: repeat(1, 1fr)
}
}
.banner-txt h2 {
font-size: 28px
}
.que-panel .panel ul li {
font-size: 16px !important
}
.que-panel .panel p {
font-size: 18px !important
}
.page-id-4737 .main{
height: 100vh;
}
.page-id-4737 .banner_video_main{
position:absolute;
top:0;
left:0;
width:100%;
height: 100%;
}
.page-id-4737 .banner_video_main video{
width: 100%;
height: 100%;
object-fit: cover;
}
.page-id-4737 .abt.empty_abt {
position:absolute;
}
.page-id-4737 .abt.empty_abt  .full_achieving_ctn{
float:left;
width: 100%;
}
.page-id-4737 .abt.empty_abt  .full_achieving_ctn h2{
font-size: 28px;
color: #fff;
font-weight: 400;
line-height: 36px;
margin-top: 31px;
margin-bottom: 20px;
font-family: "Josefin Sans";
}
.page-id-4737 .abt.empty_abt h1, .page-id-4737 .abt.empty_abt ul{
display:none;
}  .mo_menu {
position: fixed;
right:-30%;
background: #fff;
width:30%;
height: 100vh;
transition:all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
z-index:9999;  
visibility: visible;
}
.mo_menu.active {
right:0;
transition:all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background:#ffffff;
position: fixed;
overflow-y: scroll;
opacity:1;
display:block;
z-index:9999999;
}
.main.active{
transform: translate(-80%, 0);
}
.mo_menu .sidemenu_close{
display:none;
}
.mo_menu.active .sidemenu_close{
display:block;
}
.mo_menu.active .sidemenu_close span{
background-color:transparent;
}
.sideMenu ul li .inner-menu {
display: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
background-color:transparent;
box-shadow:none;
top:0;
opacity:1;
padding-left:0px;
}
.sideMenu .inner-menu li a{
background-color:transparent;
display:flex;
border-bottom:0;
}
.sideMenu .inner-menu .dropdown_icon{
width:38px;
height:38px;
}
.sideMenu  .dropwon_nav h6, .sideMenu  .dropwon_nav p{
color:#fff;
}
.sideMenu  .dropwon_nav h6{
font-size:18px;
margin-bottom:5px;
}
.sideMenu  .dropwon_nav p{
font-size:14px;
}
.sideMenu{
padding:60px 6vw;
float:left;
}
.sidemenu_btm{
border-top: 1px solid hsla(0,0%,100%,.5);
color: #fff;
margin-top: 20px;
padding-top: 20px;
}
.sidemenu_btm ul li a{
font-size: 14px !important;
font-family: 'Gotham Narrow';
}
.sidemenu_btm ul li{
padding:15px 0px !important;
}
.sidemenu_search{
margin-top:40px;
}
.sidemenu_search form{
position:relative;
}
.sidemenu_search input{
font-size:16px;
color: #4d4d4f;
font-weight: 700;
width:100%;
border:0;
padding:14px 10px;
}
.sidemenu_search button{
width: 40px;
background: #fff;
font-size: 22px;
height: 46px;
position:absolute;
right:0;
top:0;
color: #FFC107;
display: flex;
justify-content: center;
align-items: center;
} .mob_dropdown.active:after{
transform: rotate(0deg);
color:#ffffff;
}
.sideMenu ul li {
display: block; position: relative;
border-bottom: .5px solid #dfe6ee !important;
float: left;
width: 100%;
}
.sideMenu ul.inner-menu li:last-child{
padding: 0;
}
.sideMenu ul.inner-menu:before{
content:none;
}
.sideMenu ul li:first-child {
border: 0;
}
.sideMenu ul.inner-menu li a{
border-bottom:0 !important;
}
.sideMenu .menu-item-has-children>a:after{
content:none;
}
.sideMenu .inner-menu li:last-child{
border-bottom:0 !important;
}
.sideMenu ul li a {
display: inline-block;
padding: 10px 0;
font-size: 1.3em;
line-height: 22px;
color: #4f4f4f;
font-weight: 700;
position: relative;
font-family: "Josefin Sans";
}
.sideMenu nav ul li:hover ul.inner-menu, .sideMenu ul.inner-menu li:hover ul{
display: none;
}
.sideMenu .inner-menu  li a{
font-weight:300;
}
.menu-icon{
position: absolute;
right: 3%;
top: 35px;
width: 25px;
height: 26px;
border: none;
box-sizing: border-box;
margin-top: 0;
}
.menu-icon span {
display: block;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background: #5dc2de;
width: 25px;
float: right;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-size: 0;
}
.menu-icon span::after, .menu-icon span::before{
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #5dc2de;
content: "";
}
.menu-icon span::before {
top: -8px;
}
.menu-icon span::after {
bottom: -8px;
}
.menu-icon span::after, .menu-icon span::before {
-webkit-transition-duration: .3s, .3s;
-moz-transition-duration: .3s, .3s;
-ms-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: 0.3s, 0s;
-moz-transition-delay: 0.3s, 0s;
-ms-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.menuIcon {
display: inline-block;
padding: 3px 12px;
cursor: pointer;
position: absolute;
right: 20px;
z-index: 99999;
top: 20px;
}
.menuIcon span {
display: block;
width: 25px;
height:2px;
margin: 20px 0;
background:#353535;
position: relative;
transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
}
.menuIcon span:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 30px;
height: 2px;
background: #5dc2de;
transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transform: rotate(-45deg);
}
.menuIcon span:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: #5dc2de;
transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transform: rotate(45deg);
}
.navigation.fixed .menuIcon span:after, .navigation.fixed .menuIcon span:before,
.navigation.fixed .menuIcon span { 
background:#002738;
}
.mo_menu.active .menuIcon.sidemenu_close{
background-color:transparent;
}
.mo_menu.active .menuIcon.sidemenu_close i{
font-size:24px;
color:#fff;
}
.mob_dropdown:after {
width: 2%;
background: url(//www.perthdentalimplantcentre.com.au/wp-content/themes/perth-dental/images/menu-down2.svg) center center no-repeat;
min-height: 20px;
z-index: 9999;
transform: rotate(-90deg);
content: '';
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
right:0px;
top: 12px;
color:#fff;
cursor: pointer;
transition: all 0.8s;
}
.mo_menu .mo-address {
width: 100%;
float: left;
box-sizing: border-box;
margin-top: 30px;
}
.mo_menu .mo-address h3 {
font-size: 20px;
line-height: 32px;
color: #5ec2de;
margin-bottom: 10px;
}
.mo_menu .mo-address p {
float: left;
width: 100%;
margin-bottom: 10px;
}
.mo_menu .mo-address p, .mo_menu .mo-address p a {
color: #232323;
font-family: "Josefin Sans";
font-size: 16px;
line-height: 24px;
}
.mo_menu .mo-address a {
float: left;
width: 100%;
font-size: 1.4em;
line-height: 24px;
color: #65b8e0;
font-family: "Josefin Sans";
margin-top: 5px;
}
.mobmenu_logo{
padding:10px 6vw 0px
}
.full-back-mnu{
display:none;
}
.full-back-mnu.active{
display:block;
} nav ul li.contact_menu:hover ul.inner-menu li:last-child:hover ul.inner-menu{
top:62%;
}
nav ul li.contact_menu:hover ul.inner-menu li:last-child:hover ul.inner-menu li:last-child ul.inner-menu{
top:0;
}
.page-id-436 .timing .timing-lft{
width: 48%;
margin-right: 15px;
}
.page-id-436 .timing .timing-lft .week{
margin-bottom: 30px;
}
.page-id-2761 .call_bck span{
margin-bottom: 10px;
display: inline-block;
}
.page-id-2761 .call_bck .radio_btn {
margin-bottom:20px;
}
#modalOne .ebook_popudata .contact-form .ebook_form .check-block{
margin:8px 0 !important;
}
#modalOne .ebook_popudata .contact-form .ebook_form label{
float: left;
width: 100%;
}
#wpforms-2138-field_15 .depth-1{
float:left;
}
#wpforms-2138-field_15-container .wpforms-field-label {
font-weight: 400;
font-size: 14px;
color: #232323;
margin-bottom:10px;
}
.que_txt_error{color:red;font-size:12px !important}
#wpforms-2138-field_15 .depth-1 label {
position: relative;
display: inline-block;
padding: 3px 3px 0 30px;
cursor: pointer;
font-size: 14px;
margin-right: 30px
}
#wpforms-2138-field_15-container .wpforms-field-label span{
color:#232323;
}
#wpforms-2138-field_15 .depth-1 label::after,
#wpforms-2138-field_15 .depth-1 label::before {
position: absolute;
content: '';
top: 50%;
border-radius: 100%;
-webkit-transition: .2s;
transition: .2s
}
#wpforms-2138-field_15 .depth-1 label::before {
left: 0;
width: 16px;
height: 16px;
margin-top: -8px;
background: #f3f3f3;
border: 1px solid #ccc
}
#wpforms-2138-field_15 .depth-1 label::after {
opacity: 0;
left: 3px;
width: 12px;
height: 12px;
margin-top: -5px;
background: #5ec2de;
-webkit-transform: scale(2);
transform: scale(2)
}
#wpforms-2138-field_15 .depth-1 input[type=radio]:checked+label::before {
background: #fff;
border: 1px solid #5ec2de
}
#wpforms-2138-field_15 .depth-1 input[type=radio]:checked+label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
#wpforms-2138-field_15 .depth-1 label.wpforms-error {
display: block !important;
float: left;
}
#wpforms-2138-field_15 .depth-1 input[type="radio"]{
opacity: 0;
visibility: hidden !important;
position: absolute !important;
}
#wpforms-2138-field_15 {
float: left;
width: 100%;
}
#wpforms-2138-field_15-container label.wpforms-error{
float: left;
margin-top: 0;
}
.page-id-2450 .lp-bner-frm .check-block{
margin-top: 10px !important;
}
.page-id-4735 .data-light .about-left figure{
width:auto;
}
@media (min-width:901px) {
.mobile_menu{
display:none;
}
}
@media (max-width:1599px) {
.sticky-header .head-section-top{justify-content: space-around;}
.sticky-header nav ul li {padding: 0 15px;}
}
@media (max-width:1500px) {
.sticky-header .head-section-top .menu-menu-1-container{width: calc(100% - 385px);}
}
@media (max-width:1455px) {
nav ul li ul li:first-child {
padding-left:15px;
}
ul.inner-menu li{padding: 0 15px;}
nav ul li ul li:last-child {padding:0 15px !important;}
ul.inner-menu, ul.inner-sub-menu{min-width:168px;}
nav ul li.contact_menu ul.inner-menu li:hover>ul.inner-menu{max-width:168px;}
nav ul li ul.inner-menu li:hover>ul.inner-menu li{padding: 0 15px;}
nav ul li ul.inner-menu li:hover>ul.inner-menu{left: calc(100% + 83px);}
}
@media (max-width:1445px) {
.sticky-header .head-section-buttom{justify-content: flex-start;margin-left: 4%;}
}
@media (max-width:1400px) {
.sticky-header .head-section-top{display:block;}
.sticky-header .logo a.sticky-logo{display:inline-block;}
.sticky-header .logo{width: 100%;text-align: center;}
.sticky-header .head-section-top .menu-menu-1-container{width: 100%;}
.sticky-header .head-section-buttom {justify-content: center;margin-left: 0;}
.head-section-buttom li:hover ul.inner-menu li a:after{content:none;}
}
@media (max-width:1300px) {
ul.inner-menu li a{text-align:left;}
nav ul li a {padding-bottom:0;}
}
@media (max-width:1200px) {
.sticky-header ul.inner-menu li a{font-size: 1.3em !important;}
ul.inner-menu li a{font-size: 1.3em !important;}
}
@media (max-width:1100px) { .logo {width: 100%;}
.abt.empty_abt{padding-top:100px;}
}
@media (max-width:1050px) {
.page-id-436 .timing .timing-lft{
width:100%;
margin-right:0;
}
.page-id-436 .location-page .loc-lft:nth-child(4){
float: initial;
width: 100%;
margin: 0 auto;
}
.page-id-2611 .location-page .loc-lft:nth-child(4){
float: initial;
width: 100%;
margin: 0 auto;
}
.page-id-2835 .location-page .loc-lft:nth-child(4){
float: initial;
width: 100%;
margin: 0 auto;
}
}
@media (max-width:991px) {
nav ul li:hover ul.inner-menu, ul.inner-menu li:hover ul {
left: 12%;
}
.sticky-header nav ul li {
padding: 0 13px;
}
}
@media (max-width:900px) {
.mo_menu.mobile_menu{
display:block;
}
.mo_menu {
width: 85%;
right: -85%;
}
.mobmenu_logo img {
max-width: 210px;
height: auto;
}
.sideMenu ul li{padding:0 !important;}
.abt.empty_abt{padding-top:0;}
}
@media (max-width:991px){
.page-id-4737 .main{
height:60vh;
}	
.page-id-4737 .abt.empty_abt h1{
margin-top:0;
}
.page-id-4737 .abt.empty_abt{
position:initial;
margin-top:40px;
}
.page-id-4737 .abt.empty_abt .full_achieving_ctn h2{
color: #4f4f4f;
}
nav ul li:hover ul.inner-menu, ul.inner-menu li:hover ul {
left: 0;
}
}
@media (max-width:660px){
.page-id-4737 .abt.empty_abt .full_achieving_ctn .banner-logo{
width: 100%;
float: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 5px;
grid-row-gap: 5px;
justify-items: center;
}
.page-id-4737 .abt.empty_abt .full_achieving_ctn h2{font-size:26px;}
}
@media (max-width:550px){
.page-id-4737 .abt.empty_abt h1{
margin-top:0;
}
.mob_dropdown:after{width:3%;}
.page-id-4737 .data-light .about-left p a{word-break:break-word;}
}
@media (max-width:450px) {
.mo_menu {
width:100%;
right: -100%;
}
}
@media (max-width:400px) {
.page-id-8 .menu-icon{
top:28px;
}
}
@media (max-width:360px) {
.sideMenu{padding:60px 3vw;}
.mobmenu_logo {padding: 10px 3vw 0px;}
.mo_menu .mo-address p, .mo_menu .mo-address p a{font-size: 15px;}
}