/*
Theme Name: MIIS
Description: Template
Version: 1.0
Author: Fortris Corp.
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,700&display=swap');
@import "css/bootstrap.min.css";


@font-face {
	font-family: 'CenturyGothic';
	src: url('CenturyGothic.eot');
	src: url('CenturyGothic.eot?#iefix') format('embedded-opentype'), url('CenturyGothic.woff') format('woff'), url('CenturyGothic.eot') format('truetype'), url('CenturyGothic.svg#centurygothic') format('svg'); font-style: normal;
	font-weight: normal;
}


@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('CenturyGothic-Bold.eot');
	src: url('CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('CenturyGothic-Bold.woff') format('woff'),  url('CenturyGothic-Bold.ttf') format('truetype'), url('CenturyGothic-Bold.svg#centurygothic-bold') format('svg');						font-style: normal;
	font-weight: normal;
}


html {}
body {position: relative; right: 0; font-family: 'CenturyGothic', sans-serif; padding-top: 100px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
body.slide-out-open {right: 60%;}
a {text-decoration: none; color: #008a8a;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
a:hover {text-decoration: none;}
.clear {clear: both;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}
.aligncenter {display: block; margin: 0 auto;}
.v-align {display: flex; align-items: left; align-content:center; flex-direction: column; justify-content: center}
img {max-width: 100%; height: auto;}


.btn {border-radius: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; border: none; font-size: 14px; padding: 10px 20px;}
.btn-primary {background: #1e9898;}
.btn-primary:hover {background: #000;}

h1, h2, h3, h4, h5 {color: #008a8a; font-weight: 300;}

p {font-family: 'Raleway', sans-serif; line-height: 1.6;}

.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 45px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 90px}

.container {position: relative;}

.hspacer {width: 30px; display: inline-block;}

#header { padding-top: 15px; position: fixed; width: 100%;  z-index: 999; top: 0; background: #FFF; box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.11);}
#header #logo img { width: 170px; max-width: 200%; margin-top: 5px;}
#header .top {font-size: 15px; font-weight: 300;}
#header .top a {display: inline-block;  color: #222;}
#header .top a i.fa {margin-right: 5px; font-size: 14px;}
#header .top a i.fab {margin-left: 8px; font-size: 20px;}

#header .container {max-width: 1300px;}

#header #banner {background: #3bafbf; color: #FFF; padding: 5px 0; margin-bottom: 15px; font-size: 15px; text-align: center; display: none !important}


#main-menu {display: inline-block; padding: 0; margin: 0;}
#main-menu .menu-item {display: inline-block; position: relative;}
#main-menu .menu-item a {font-size: 15px; line-height: 24px; padding: 5px 18px 10px; color:#008a8a; display: block; font-weight: 300; margin-top: 22px; 
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;}
#main-menu .menu-item a:hover {color: #000}
#main-menu .menu-item:last-child,
#main-menu .menu-item:last-child a {padding-right: 0;}
#main-menu .current-menu-item {}
#main-menu .current-menu-item a {color: #000}
#main-menu .menu-item .sub-menu {display: none; position: absolute; top: 100%; background: #008a8a; margin: 0; padding: 0; z-index: 2;}
#main-menu .menu-item .sub-menu li {float: none; display: block; padding: 0; margin: 0; border: none;  border-bottom: 1px solid rgba(0,0,0,0.3);}
#main-menu .menu-item .sub-menu li a {line-height: 1.4; height: auto; white-space: normal; display: block; color: #FFF; text-align: left; padding: 0; margin: 0; border: none; padding: 5px 10px; width: 250px; border-bottom: 1px solid rgba(255,255,255,0.3); }
#main-menu .menu-item:hover .sub-menu {display: block;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.31);
-moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.31);
box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.31);
}

#main-menu .menu-item .sub-menu li .sub-menu {display: none; z-index: 1;}
#main-menu .menu-item .sub-menu li:hover .sub-menu {display: block; left: 100%; top: 0;}
#main-menu .menu-item .sub-menu li:hover a {background: #076161;}
#main-menu .menu-item .sub-menu li  .sub-menu li:hover a {background: #043838;}
#main-menu .menu-item .sub-menu li  .sub-menu li a {font-size: 14px; line-height: 1.4}

#hero {position: relative;}
#hero img {height: calc(100vh - 98.5px); width: 100%; object-fit: cover;}
#hero .container-fluid {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#hero .v-align {background:rgb(0 138 138 / 50%) !important; color: #FFF; padding: 30px; margin-right: -15px;}
#hero .text-align {text-align: left; width: 100%;}
#hero .title {font-size: 60px; font-weight: 100; line-height: 1em; margin-bottom: 45px;}
#hero p {font-size: 20px;}

#intro {text-align: center; padding: 50px 0;}

/*#page-content h1 {font-weight: 300; font-size: 24px; padding: 0 0 20px;}
#page-content h2 {font-weight: 300; font-size: 22px; padding: 0 0 20px;}
#page-content h3 {font-weight: 400; font-size: 18px; padding: 0 0 20px;}
#page-content p {font-size: 14px; margin-bottom: 20px; line-height: 20px;}
#page-content li {font-size: 14px; margin-bottom: 3px; margin-left: 20px; list-style: disc;}
#page-content ul {margin-bottom: 12px;}*/

#content {padding: 30px 0;}
#content.form {background: #f8f7f7;}

#content.videos {background: #f0f0f0;}

#page-upper {background-size: cover; background: #29282b; padding: 40px;}
#page-upper .title {color: #FFF; text-align: center; font-size: 60px; font-weight: 100;}
#page-upper .breadcrumb {padding: 0; background: no-repeat; line-height: 50px; padding:0; font-size: 15px; color: #FFF; text-transform: uppercase;}
#page-upper .breadcrumb a {}

#modules {padding: 60px 0; background: #f8f7f7; text-align: center;}
#modules h2 {text-align: center;}
#modules .mod {margin-top: 30px; display: block; position: relative;}
#modules .mod .inside {height: 205px; background-size: cover; background-position: cover; cursor:pointer; display: block; position: relative;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;}
#modules .mod .inside:hover {opacity: 0.9;}
#modules .mod h2 {color: #222; vertical-align: middle; text-align: center; padding: 10px 0 20px; font-size: 20px; font-weight: normal; font-weight: 700;}
#modules .mod .inside h2 div {text-transform: uppercase; font-weight: 200; letter-spacing: 2px; font-size: 13px; padding: 0 0 5px;}
#modules .mod .mask {display: block; background: rgba(0,138,138,0.5); position: absolute; width: 100%; height: 100%; opacity: 0; transition: all .3s linear;}
#modules .mod:hover .mask {opacity: 1;}

#modules.interior i {font-size: 10px; transform: translateY(-1px);}

.home #upper {margin-top: -50px; z-index: 99; position: relative;}

.video {display: block; margin-bottom: 30px; cursor: pointer;}
.video .title {font-weight: 700; text-align: center; display: block; margin: 10px 0; height: 60px; padding: 0 30px;}
.video .img-container {position: relative; background: #000;}
.video i {position: absolute; left: 45%; top: 41%; color: #FFF; font-size: 30px; z-index: 10;}
.video .img-container img {opacity: 0.7; transition: all .3s linear; height: 210px; object-fit: cover;}
.video:hover .img-container img {opacity: 1;}
.embed-responsive iframe {width: 100% !important; height: 100% !important;}

#doctors {padding: 60px 0; text-align: center;}
#doctors p {padding: 30px 0;}
#doctors .dr {display: block;}
#doctors .dr span {font-size: 24px; display: block; padding: 5px 0; color: #222;}
#doctors .dr img {max-height: 435px; object-fit: cover;}


#form {padding: 60px 0; border-top: 1px solid #DDD;}
#gform_wrapper_1 .gform_footer {text-align: center;}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {border: 1px solid #CCC;}
#gform_wrapper_1 textarea {height: 200px;}


#interior-hero {position: relative;}
#interior-hero .wrap {position: absolute; height: 100%; left: 0; top: 0; width: 100%; color: #FFF;}
#interior-hero .inside {display: block; background:rgb(0 138 138 / 70%) !important;; padding: 20px; margin-bottom: 30px;}
#interior-hero .inside .title {font-size: 34px; font-weight: 100; margin-bottom: 10px;}
#interior-hero .bg {width: 100%; object-fit: cover; height: 65vh;}


.page-id-8386 #interior-hero .bg {height: auto;}


#slider {background-size: cover;}
#slider li {height: 420px; background-size: cover; background-position: center center}
#slider .bxslider {margin: 0; padding: 0; list-style: none;}

#sidebar {}	

#footer #totop {position: absolute; width: 60px; height: 60px; border-radius: 150px; background: #cdbca1; top: -23px; text-align: center; left: 50%; margin-left: -25px;}
#footer #totop i {color: #FFF; margin: 5px 0 ;}
#footer {background: #a1c2cd; color: #acaaaa; font-size: 15px; position: relative;}
#footer .container {padding-top: 30px; padding-bottom: 30px}
#footer h4 {color: #29282f; font-weight: 700;}
#footer ul {padding: 0; margin: 0;}
#footer ul li {list-style: none; margin-bottom: 4px;}
#footer a {color: #FFF;}
#footer p {color: #FFF;}
#footer i {color: #008a8a; font-size: 28px; margin-right: 5px;}


.hentry {padding: 0 0 15px; margin:0 0 30px; border-bottom: 1px solid #DDD;}
.date {}
.social {padding: 10px 0;}


::placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000; }
::-ms-input-placeholder {color: #000;}

/* GRAVITY FORMS ERROR STYLING */

.gform_wrapper .validation_error {color: #FFF;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0 !important; padding: 0 !important; border: none; background: transparent;}
.gfield_label {margin: 4px 0 !important;}
.gform_wrapper .ginput_container + .gfield_description.validation_message {margin: 3px 0 !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0 !important;}

/* END GRAVITY FORMS ERROR STYLING */


.single-post #upper h1 {color: #FFF; padding: 0 80px;}
.blog .post-item .post-item-cat a {font-family: Arial, Helvetica, sans-serif;}
.cloud a:hover, .cloud a.is-active {background-color: #02b5b9; color: #000}