@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'Darker-400';
    src: url('../fonts/Darker-400.ttf');
}

body {
  font-family: 'Darker Grotesque', sans-serif;
  font-weight: 400;
  background: #fff;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

header {float:left;width:100%;}
a {text-decoration:none;}

button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.headcontainer {float:left;width:100%;position:relative;z-index:9;margin-top:-900px;}

.logo {float:left;width:310px;}
.logo img {float:left;width:30%;}
.logo p {float:right;width:66%;font-size:45px;font-weight:300;color:#B2EBF2;margin-top:8px;}
.logo strong {font-weight:600;}
.logo em {float:left;width:100%;font-weight:400;font-size:17px;font-style:normal;margin-top:2px;}

.rightmainmenu {float:right;margin-top:5px;width:640px;}
.rightmainmenu li {float:left;}
.rightmainmenu li a {float:left;font-size:13px;font-weight:900;color:#B2EBF2;padding:9px 18px 11px 18px;text-transform:uppercase;border:1px solid rgba(0,0,0,0);letter-spacing:1px;border-radius:30px;}
.rightmainmenu li a:hover {border:1px solid #B2EBF2;}

.rightmainmenu li:first-child {width:100%;margin-bottom:15px;}
.rightmainmenu li:first-child a:first-child {float:right;background:#B2EBF2;color:#212121;padding:14px 30px;font-weight:900;}
.rightmainmenu li:first-child a:first-child:hover {background:none;color:#B2EBF2;}
.rightmainmenu li:first-child a:nth-child(2), .rightmainmenu li:first-child a:nth-child(3), .rightmainmenu li:first-child a:nth-child(4) {float:right;border-bottom:1px solid #B2EBF2;color:#B2EBF2;margin:13px 15px 0 0;font-weight:700;border-radius:0;padding:0;}
.rightmainmenu li:first-child a:nth-child(2):hover, .rightmainmenu li:first-child a:nth-child(3):hover, .rightmainmenu li:first-child a:nth-child(4):hover {border:1px solid rgba(0,0,0,0);}
.rightmainmenu li:first-child a:nth-child(3), .rightmainmenu li:first-child a:nth-child(4) {text-transform:lowercase;}

.videobox {float:left;width:100%;}
.videobox video {position:relative;z-index:0;min-width:100%;height:972px;background-size:cover;}
.imagebackground {position:relative;margin-top:-974px;height:972px;background:rgba(0,0,0,0.3);background-size:cover;}

.headtitle {position:relative;z-index:9;float:left;width:100%;text-align:center;color:#B2EBF2;letter-spacing:1px;margin-top:-560px;}

.animated1 {text-indent:8px;font-size:70px;font-weight:300;float:left;width:100%;text-transform:uppercase;}

.animated2 {text-indent:8px;font-size:34px;font-weight:500;float:left;width:100%;margin-top:8px;}

.animated3 {text-indent:8px;font-size:20px;font-weight:500;float:left;width:100%;margin-top:30px;}

.animated4 {text-indent:8px;font-size:20px;font-weight:500;float:left;width:100%;margin-top:8px;}

.socialmenu {position:relative;z-index:9;float:left;width:100%;text-align:center;color:#B2EBF2;letter-spacing:1px;margin-top:-120px;}
.socialmenu ul {display:block;margin:0 auto;width:203px;}
.socialmenu li {float:left;width:60px;margin-right:10px;}
.socialmenu li:nth-child(3) {margin-right:0;}
.socialmenu li a {float:left;width:100%;border-radius:50%;padding:10px 0;border:2px solid rgba(0,0,0,0);}
.socialmenu li a:hover {border:2px solid #B2EBF2;}
.socialmenu li a img {display:block;margin:0 auto;width:40px;}

article {float:left;width:100%;}

.services {float:left;width:100%;padding:140px 0;background-color:#00ACC1;}
.services h2, .services h1 {float:left;width:100%;text-align:center;font-weight:700;font-size:40px;color:#E0F7FA;text-transform:uppercase;}
.services ul {float:left;width:100%;margin-top:60px;}
.services li {float:left;width:46%;margin-top:80px;height:210px;}
.services li:nth-child(2n) {float:right;}
.services img {float:left;width:14%;margin-right:5%;}
.services h3 {float:left;width:80%;height:60px;font-weight:600;font-size:30px;color:#E0F7FA;}
.services p {float:left;width:80%;font-weight:300;font-size:24px;color:#E0F7FA;line-height:30px;}

.about {float:left;width:100%;padding:140px 0;background-color:#fff;}
.about h2 {float:left;width:100%;text-align:center;font-weight:700;font-size:40px;color:#00ACC1;text-transform:uppercase;margin-bottom:40px;}
.about ul {float:left;width:100%;margin-top:50px;}
.about li {float:left;width:100%;font-weight:400;font-size:24px;color:#00ACC1;line-height:30px;margin-top:50px;}
.about h1, .about h3, .about h4, .about h5, .about h6 {float:left;width:100%;font-weight:600;font-size:30px;color:#00ACC1;}
.about p {float:left;width:100%;font-weight:400;font-size:24px;color:#00ACC1;line-height:30px;margin-top:50px;}
.about strong {font-weight:900;}
.about em {font-weight:600;}
.about a {font-weight:900;color:#00ACC1;text-decoration:underline;}
.about a:hover {text-decoration:none;}
.aboutbox {display:block;margin:0 auto;width:900px;}
.aboutbox ul {margin-top:20px;}
.aboutbox li {float:left;width:30.5%;margin-top:30px;margin-right:4%;height:auto;}
.aboutbox li:nth-child(2n) {float:left;}
.aboutbox li:nth-child(3n) {margin-right:0;}
.aboutbox img {float:left;width:100%;height:180px;margin-right:0;}

.prices {float:left;width:100%;padding:140px 0;background-color:#00ACC1;}
.prices h2 {float:left;width:100%;text-align:center;font-weight:700;font-size:40px;color:#E0F7FA;text-transform:uppercase;margin-bottom:80px;}
.prices ul {display:block;margin:0 auto;width:80%;}
.prices li {float:left;width:100%;margin-top:20px;}
.prices img {float:left;width:24px;margin-right:3%;margin-top:2px;}
.prices h3 {float:left;width:70%;font-weight:400;font-size:24px;color:#E0F7FA;}
.prices p {float:right;font-weight:700;font-size:24px;color:#E0F7FA;}

.doctor {float:left;width:100%;padding:140px 0;background-color:#fff;}
.doctor h2 {float:left;width:100%;text-align:center;font-weight:700;font-size:40px;color:#00ACC1;text-transform:uppercase;margin-bottom:6px;}
.doctor h3 {float:left;width:100%;text-align:center;font-weight:400;font-size:28px;color:#00ACC1;margin-bottom:80px;}
.doctor ul {display:block;margin:0 auto;width:50%;list-style-type:decimal;}
.doctor li {float:left;width:100%;font-weight:400;font-size:24px;color:#00ACC1;line-height:26px;margin-top:30px;}
.doctor p {float:left;width:100%;font-weight:400;font-size:24px;color:#00ACC1;line-height:30px;margin-top:50px;}
.doctor strong {font-weight:700;}
.doctor em {font-weight:600;}
.doctor a {font-weight:900;color:#00ACC1;text-decoration:underline;}
.doctor a:hover {text-decoration:none;}

.pagebox {float:left;width:100%;margin:80px 0 120px 0;}
.pagebox h2 {float:left;width:100%;font-weight:800;font-size:22px;color:#0097A7;line-height:20px;text-transform:uppercase;margin-top:50px;}
.pagebox h3 {float:left;width:100%;font-weight:800;font-size:22px;color:#0097A7;line-height:20px;text-transform:uppercase;margin-top:4px;}
.pagebox ul {float:left;width:100%;list-style-type:none;margin-top:10px;}
.pagebox li, .pagebox p {float:left;width:100%;font-size:22px;color:#424242;line-height:28px;margin-top:15px;font-weight:400;}
.pagebox ul ul {list-style-type:disc;margin-left:16px;}
.pagebox p {margin-top:50px;}
.pagebox a {color:#0097A7;font-weight:800;}

article h1 {float:left;width:100%;text-align:center;font-weight:700;font-size:60px;color:#0097A7;margin-top:120px;}

.podcasts {float:left;width:100%;padding:140px 0;background-color:#00ACC1;}
.podcasts h2 {float:left;width:100%;text-align:center;font-weight:700;font-size:40px;color:#E0F7FA;text-transform:uppercase;margin-bottom:50px;}
.podcasts ul {display:block;margin:0 auto;width:80%;}
.podcasts li {float:right;width:48%;margin-top:20px;}
.podcasts li:first-child {float:left;}
.podcasts iframe {float:left;width:100%;height:320px;}
.podcasts p {float:left;width:100%;text-align:center;margin-top:40px;}
.podcasts p a {display:block;margin:0 auto;font-weight:400;font-size:24px;color:#E0F7FA;text-decoration:underline;}
.podcasts p a:hover {text-decoration:none;}

#more {display:none;}
#myBtn {float:left;border-radius:30px;background:#00ACC1;font-size:13px;color:#E0F7FA;padding:14px 30px;margin-top:50px;font-weight:800;border:none;text-transform:uppercase;cursor:pointer;}
#myBtn:hover {background:#00838F;}

.footerbox {float:left;width:100%;padding:120px 0;background:#0097A7;}
.footboxcenter {display:block;width:310px;margin:0 auto;}
.footbarcenter {float:left;width:100%;margin-top:30px;}
.footbarcenter ul {display:block;width:600px;margin:0 auto;}
.footbarcenter ul li {float:right;width:48%;line-height:20px;}
.footbarcenter ul li:first-child {float:left;}
.footbarcenter ul li a {float:left;width:100%;text-align:center;border-radius:30px;border:2px solid #00838F;font-size:24px;color:#E0F7FA;padding:14px 0 19px 0;font-weight:500;}
.footbarcenter ul li a:hover {background:#00838F;}
.footbarcenter p {float:left;width:100%;text-align:center;font-size:18px;color:#E0F7FA;font-weight:400;margin-top:40px;line-height:26px;}
.footbarcenter p a {font-size:18px;color:#E0F7FA;font-weight:900;text-decoration:underline;}
.footbarcenter p a:hover {text-decoration:none;}

footer {float:left;width:100%;background-color:#0097A7;letter-spacing:0.6px;}
footer p {float:left;width:100%;padding:20px 0 24px 0;font-weight:500;}
small {float:left;width:100%;text-align:center;color:#E0F7FA;font-size:13px;line-height:20px;}
small a {color:#E0F7FA;text-decoration:underline;font-weight:700;}
small a:hover {text-decoration:none;}

@media only screen and
    (max-width: 1309px) {
    
    .container {margin:0 40px;display:block;}
}

@media only screen and
    (min-width: 1310px) {
    
    .container {margin:0 auto;display:block;width:1400px;}
}

@media only screen and
    (min-width: 240px) and
    (max-width: 1023px) {
        
        .logo {display:block;margin:0 auto;float:none;}
        .rightmainmenu {margin-top:25px;width:100%;text-align:center;}
        .rightmainmenu li {width:100%;border:none!important;margin:0!important;padding:0!important;}
        .rightmainmenu li a {width:100%;border:none!important;margin:0!important;padding:0!important;}
        .rightmainmenu li:hover, .rightmainmenu li a:hover {border:none!important;}
        .rightmainmenu li a:first-child {padding:14px 0!important;}
        .rightmainmenu li a:nth-child(2) {margin:15px 0 30px 0!important;}
        .rightmainmenu li a:nth-child(3) {margin:0 0 15px 0!important;}
        .rightmainmenu li:nth-child(2) {margin:20px 0 0 0!important;}
        .videobox video {display:none;}
        .imagebackground {margin-top:0;background:#00838F;}
        .headtitle {margin-top:-380px;}
        .animated1 {font-size:40px;}
        .animated2 {font-size:20px;}
        .animated3 {font-size:16px;}
        .animated4 {font-size:16px;}
        .services li, .aboutbox, .prices ul, .doctor ul, .podcasts li, .footboxcenter, .footbarcenter ul, .footbarcenter ul li, .services p, .services h3, .prices h3, .prices p {width:100%;}
        .services li {height:auto;}
        .footbarcenter ul li:first-child {margin-bottom:15px;}
        .services h3, .prices h3 {height:auto;margin-bottom:20px;}
        .services img {width:80px;margin-right:0;}
        .prices h3 {margin-bottom:5px;}
        .prices img {display:none;}
        .prices li {margin-top:50px;}
        .prices li:first-child {margin-top:20px;}
        .headcontainer {margin-top:-950px;}
}

@media only screen and
    (min-width: 768px) and
    (max-width: 1023px) {
        
        .aboutbox, .prices ul, .doctor ul, .services p, .services h3 {width:100%;}
        .prices h3 {height:auto;margin-bottom:20px;}
        .services img {width:80px;margin-right:0;}
}
