/* cmsms stylesheet: VIP Medical modified: 11/23/19 04:24:58 */
@charset "UTF-8";



html {
 line-height: 1.15;

 -ms-text-size-adjust: 100%;

 -webkit-text-size-adjust: 100%;

}



body {
 margin: 0;
}


article,
aside,
footer,
header,
nav,
section {
 display: block;
}


h1 {
 font-size: 2em;
 margin: 0.67em 0;
}



figcaption,
figure,
main {

 display: block;
}


figure {
 margin: 1em 40px;
}


hr {
 box-sizing: content-box;

 height: 0;

 overflow: visible;

}


pre {
 font-family: monospace, monospace;

 font-size: 1em;

}



a {
 background-color: transparent;

 -webkit-text-decoration-skip: objects;

}


abbr[title] {
 border-bottom: none;

 text-decoration: underline;

 text-decoration: underline dotted;

}


b,
strong {
 font-weight: inherit;
}


b,
strong {
 font-weight: bolder;
}


code,
kbd,
samp {
 font-family: monospace, monospace;

 font-size: 1em;

}


dfn {
 font-style: italic;
}


mark {
 background-color: #ff0;
 color: #000;
}


small {
 font-size: 80%;
}


sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sub {
 bottom: -0.25em;
}

sup {
 top: -0.5em;
}



audio,
video {
 display: inline-block;
}


audio:not([controls]) {
 display: none;
 height: 0;
}


img {
 border-style: none;
}


svg:not(:root) {
 overflow: hidden;
}



button,
input,
optgroup,
select,
textarea {
 font-family: sans-serif;

 font-size: 100%;

 line-height: 1.15;

 margin: 0;

}


button,
input {

 overflow: visible;
}


button,
select {

 text-transform: none;
}


button,
html [type=button],
[type=reset],
[type=submit] {
 -webkit-appearance: button;

}


button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}


button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
 outline: 1px dotted ButtonText;
}


fieldset {
 padding: 0.35em 0.75em 0.625em;
}


legend {
 box-sizing: border-box;

 color: inherit;

 display: table;

 max-width: 100%;

 padding: 0;

 white-space: normal;

}


progress {
 display: inline-block;

 vertical-align: baseline;

}


textarea {
 overflow: auto;
}


[type=checkbox],
[type=radio] {
 box-sizing: border-box;

 padding: 0;

}


[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
 height: auto;
}


[type=search] {
 -webkit-appearance: textfield;

 outline-offset: -2px;

}


[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
 -webkit-appearance: none;
}


::-webkit-file-upload-button {
 -webkit-appearance: button;

 font: inherit;

}



details,
menu {
 display: block;
}


summary {
 display: list-item;
}



canvas {
 display: inline-block;
}


template {
 display: none;
}



[hidden] {
 display: none;
}

body {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 15px;
 line-height: 1.28;
}

h1, h2, h3 {
 color: #ed1c24;
}

.wrapper {
 max-width: 940px;
 margin: 0 auto;
}

.visible-xs {
 display: none !important;
}

@media all and (min-width: 761px) and (max-width: 980px) {
 .wrapper {
 max-width: 720px;
 }
}
@media all and (max-width: 760px) {
 .wrapper {
 max-width: 100%;
 padding: 0 20px;
 }

 .hidden-xs {
 display: none !important;
 }

 .visible-xs {
 display: block !important;
 }
}
.navbar {
 padding: 30px 0 10px;
 position: relative;
}
.navbar .top {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 20px;
 transform-origin: top left;
 animation: 0.35s ease-out topSlide;
 z-index: 100;
}
.navbar .top > svg {
 width: 100%;
 height: 20px;
}
.navbar .wrapper {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.navbar .menu > a {
 display: inline-block;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 18px;
 padding: 6px 10px;
 color: #ed1c24;
 border-radius: 6px;
}
.navbar .menu > a:hover, .navbar .menu > a:focus {
 background-color: #fef1f1;
}
.navbar .menu > a.active {
 background-color: #ed1c24;
 color: #ffffff;
}
.navbar .menu > a.active:hover, .navbar .menu > a.active:focus {
 background-color: #ed1c24;
}

@keyframes topSlide {
 0% {
 top: -10px;
 transform: rotate(-4deg);
 }
 100% {
 top: 0;
 transform: rotate(0deg);
 }
}
@media all and (max-width: 760px) {
 .navbar .top {
 position: fixed;
 }
 .navbar .logo {
 width: 100%;
 text-align: center;
 }
 .navbar .menu {
 display: none;
 }
}
.section {
 margin-bottom: 80px;
}
.section .wrapper {
 display: flex;
 justify-content: space-between;
}
.section .wrapper .sidebar {
 min-width: 340px;
 margin-left: 40px;
}
.section .wrapper .sidebar .phone {
 font-size: 1.8em;
 font-weight: bold;
}
.section .wrapper .sidebar .phone a {
 padding: 0.67em 0;
 display: inline-block;
 text-decoration: none;
 color: #ed1c24;
}

@media all and (min-width: 761px) and (max-width: 980px) {
 .section .wrapper .sidebar {
 min-width: 240px;
 }
}
@media all and (max-width: 760px) {
 .section .wrapper {
 flex-flow: column;
 }
 .section .wrapper .sidebar {
 min-width: 100%;
 margin-left: 0;
 padding-top: 20px;
 }
 .section .wrapper .sidebar .phone {
 font-size: 1.4em;
 text-align: center;
 }
 .section .wrapper .sidebar .phone a {
 background-color: #ed1c24;
 color: #ffffff;
 border-radius: 6px;
 display: block;
 margin-bottom: 20px;
 }
}
.footer {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background-color: #ed1c24;
 color: #ffffff;
 height: 60px;
 animation: 0.4s ease-out footerSlide;
 z-index: 101;
}
.footer .wrapper {
 position: relative;
 z-index: 1;
 display: flex;
 height: 45px;
 justify-content: space-between;
 align-items: center;
}
.footer .bottom {
 z-index: 0;
 position: absolute;
 top: -60px;
 left: 0;
 width: 100%;
 height: 60px;
 transform-origin: bottom right;
 animation: 0.35s ease-out bottomSlide;
}
.footer .bottom > svg {
 width: 100%;
 height: 60px;
}
.footer .logo {
 margin-top: -30px;
}

@keyframes footerSlide {
 0% {
 transform: translate(0, 80px);
 }
 100% {
 transform: translate(0, 0);
 }
}
@keyframes bottomSlide {
 0% {
 transform: rotate(-4deg);
 }
 100% {
 transform: rotate(0deg);
 }
}
@media all and (max-width: 760px) {
 .footer {
 bottom: -770px;
 height: 800px;
 transition: bottom 0.3s ease;
 }
 .footer .bottom {
 top: -20px;
 height: 20px;
 animation-duration: 0.5s;
 }
 .footer .bottom > svg {
 height: 20px;
 }
 .footer.open {
 bottom: calc(100% - 820px);
 }
 .footer.open .menu-toggle:after {
 content: "❌";
 float: right;
 display: inline-block;
 padding: 4px 0;
 }
 .footer .menu-toggle {
 margin-top: -9px;
 display: block;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 font-size: 18px;
 text-transform: uppercase;
 }
 .footer .menu-toggle > img {
 margin-bottom: -7px;
 margin-right: 4px;
 }
 .footer .menu {
 margin-top: 30px;
 }
 .footer .menu > a {
 display: block;
 color: #ffffff;
 font-weight: bold;
 font-size: 18px;
 text-transform: uppercase;
 text-align: center;
 text-decoration: none;
 padding: 12px;
 margin: 15px 0;
 background-color: #f14b52;
 border-radius: 6px;
 }
 .footer .menu > a.active {
 color: #ed1c24;
 background-color: #ffffff;
 }
}
.team-title {
 font-size: 1.3rem;
 font-weight: bold;
 margin-bottom: 0.6rem;
}
.team-title > img {
 margin-right: 3px;
 margin-bottom: 2px;
}
.team-title + p {
 margin-top: 0;
}

.carousel {
 overflow: hidden;
 height: 200px;
 position: relative;
 background-color: #fcd9da;
}
.carousel .slide {
 position: absolute;
 background-size: cover;
 background-position: center center;
 width: 100%;
 height: 200px;
 top: 0;
 left: 0;
}

@media all and (max-width: 760px) {
 .carousel {
 margin: 0 -20px;
 }
}
.slide0 {
 animation: slide0animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
 -webkit-animation: slide0animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
}

@keyframes slide0animation {
 0% {
 opacity: 1;
 }
 16.6666666667% {
 opacity: 0;
 }
 33.3333333333% {
 opacity: 0;
 }
 50% {
 opacity: 0;
 }
 66.6666666667% {
 opacity: 0;
 }
 83.3333333333% {
 opacity: 0;
 }
 100% {
 opacity: 1;
 }
}
.slide1 {
 animation: slide1animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
 -webkit-animation: slide1animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
}

@keyframes slide1animation {
 0% {
 opacity: 0;
 }
 16.6666666667% {
 opacity: 1;
 }
 33.3333333333% {
 opacity: 0;
 }
 50% {
 opacity: 0;
 }
 66.6666666667% {
 opacity: 0;
 }
 83.3333333333% {
 opacity: 0;
 }
 100% {
 opacity: 0;
 }
}
.slide2 {
 animation: slide2animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
 -webkit-animation: slide2animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
}

@keyframes slide2animation {
 0% {
 opacity: 0;
 }
 16.6666666667% {
 opacity: 0;
 }
 33.3333333333% {
 opacity: 1;
 }
 50% {
 opacity: 0;
 }
 66.6666666667% {
 opacity: 0;
 }
 83.3333333333% {
 opacity: 0;
 }
 100% {
 opacity: 0;
 }
}
.slide3 {
 animation: slide3animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
 -webkit-animation: slide3animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
}

@keyframes slide3animation {
 0% {
 opacity: 0;
 }
 16.6666666667% {
 opacity: 0;
 }
 33.3333333333% {
 opacity: 0;
 }
 50% {
 opacity: 1;
 }
 66.6666666667% {
 opacity: 0;
 }
 83.3333333333% {
 opacity: 0;
 }
 100% {
 opacity: 0;
 }
}
.slide4 {
 animation: slide4animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
 -webkit-animation: slide4animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
}

@keyframes slide4animation {
 0% {
 opacity: 0;
 }
 16.6666666667% {
 opacity: 0;
 }
 33.3333333333% {
 opacity: 0;
 }
 50% {
 opacity: 0;
 }
 66.6666666667% {
 opacity: 1;
 }
 83.3333333333% {
 opacity: 0;
 }
 100% {
 opacity: 0;
 }
}
.slide5 {
 animation: slide5animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
 -webkit-animation: slide5animation 36s cubic-bezier(0.35, 0.72, 0.28, 1.25) infinite;
}

@keyframes slide5animation {
 0% {
 opacity: 0;
 }
 16.6666666667% {
 opacity: 0;
 }
 33.3333333333% {
 opacity: 0;
 }
 50% {
 opacity: 0;
 }
 66.6666666667% {
 opacity: 0;
 }
 83.3333333333% {
 opacity: 1;
 }
 100% {
 opacity: 0;
 }
}
.accordion {
 margin-bottom: 60px;
}
.accordion .accordion-title {
 display: block;
 cursor: pointer;
 font-weight: bold;
 font-size: 1.3rem;
 padding: 10px 0 10px 25px;
 position: relative;
}
.accordion .accordion-title > img {
 position: absolute;
 top: 14px;
 left: 0;
 transition: transform 0.3s ease;
}
.accordion .accordion-content {
 overflow: hidden;
 transition: max-height 0.3s ease;
 -webkit-transition: max-height 0.3s ease;
}
.accordion input[type=radio] {
 display: none;
}
.accordion input[type=radio] ~ .accordion-content {
 max-height: 0;
}
.accordion input[type=radio]:checked ~ .accordion-content {
 max-height: 400px;
}
.accordion input[type=radio]:checked + .accordion-title > img {
 transform: rotate(-90deg);
}

@media all and (max-width: 760px) {
 .accordion {
 margin-bottom: 10px;
 }
 .accordion .accordion-content ul {
 padding-left: 20px;
 }
 .accordion input[type=radio]:checked ~ .accordion-content {
 max-height: 600px;
 }
}
.contactform label {
 display: block;
 margin: 0 0 5px;
 font-weight: bold;
}
.contactform input[type=text],
.contactform input[type=email],
.contactform select,
.contactform textarea {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 18px;
 display: block;
 border: 1px solid #cccccc;
 border-radius: 6px;
 box-sizing: border-box;
 width: 100%;
 padding: 6px 8px;
 margin-bottom: 15px;
 outline: none;
 resize: none;
}
.contactform input[type=text]:focus,
.contactform input[type=email]:focus,
.contactform select:focus,
.contactform textarea:focus {
 border-color: #aaaaaa;
 box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
}
.contactform .submit {
 text-align: right;
}
.contactform .submit input {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 border: none;
 border-radius: 6px;
 background-color: #ed1c24;
 color: #ffffff;
 padding: 10px 20px;
 cursor: pointer;
 outline: none;
}

.sidebar iframe {
 border: none;
}

.modal {
 position: fixed;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-color: rgba(0, 0, 0, 0.3);
}

.modal-close {
 position: absolute;
 top: 0;
 right: 10px;
 color: #666;
 text-decoration: none;
 font-size: 36px;
 display: inline-block;
}
.modal-close:hover {
 color: #333;
}

.modal-content {
 position: fixed;
 top: 50%;
 left: 50%;
 max-width: 800px;
 width: 90%;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
 animation: slideIn 0.8s ease forwards;
}
.modal-content > img {
 display: block;
}

@keyframes slideIn {
 from {
 transform: translate(-50%, 300%);
 }
 to {
 transform: translate(-50%, -50%);
 }
}

.error_message {
  color: red;
  margin-bottom: 15px;
}
