@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;700&display=swap");
html {
width:100%;
height:100%;
position:relative;
}
body {
overflow-x:hidden;
margin:0;
width:100%;
height:100%;
font-size: 16px;
line-height: 1.5em;
font-family: 'Libre Franklin', sans-serif;
color: #333;
background:#fff;
position:relative;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
}
h1 {
font-size:32px;
margin:0 0 20px 0;
line-height:42px;
font-weight: 700;
}
h2 {
font-size:26px;
line-height:36px;
font-weight: 700;
margin:0 0 20px 0;
}
h3 {
font-size:20px;
font-weight: 700;
margin:0 0 15px 0;
line-height:26px;
}
h4 {
font-size:16px;
margin:0 0 20px 0;
line-height:24px;
font-weight: normal;
}
p {
font-size:16px;
margin:0 0 20px 0;
line-height:24px;
}
ul, ol {
margin:0 0 20px 25px;
}
a {
color:#386b9f;
text-decoration:none;
}
.clear {
clear:both;
}
.container {
width:96%;
margin:0 auto;
position:relative;
max-width:1200px;
}
.slicknav_menu {
display:none;
}
#header {
position:relative;
width:100%;
z-index:997;
padding:0;
height:100px;
background:rgba(43,43,43,0.9);
}
.logo {
margin:15px 0 0 0;
float:left;
}
#header .menu {
list-style-type:none;
margin:40px 0 0 0;
position:relative;
float:right;	
}
#header .menu li {
display:inline-block;
position:relative;
margin:0 0 0 30px;
}
#header .menu li a {
display:inline-block;
color:#fff;
text-decoration:none;
font-size:18px;
font-weight:300;
}
#header .menu li.current-menu-item a {
font-weight:700;
color:#50b3ac;
}
img {
max-width:100%;
height:auto;
}
#slider {
position:relative;
width:100%;
height:100%;
z-index:0;
top:-100px;
margin:0 0 -100px 0;
overflow:hidden;
}
.banner {
width:1200px;
text-align:center;
position:absolute;
bottom:12%;
left:50%;
margin:0 0 0 -600px;
z-index:500;
}
.banner h2 {
float:right;
color:#fff;
font-size:65px;
line-height:55px;
background:rgba(9,81,85,0.75);
font-weight:700;
max-width:600px;
margin:0;
padding:40px 40px 30px 40px;
text-shadow:0 0 5px rgba(0,0,0,0.75);
}
.banner h2 span {
display:block;
font-size:24px;
}
#slider .cycle-slideshow {
position:relative;
width:100%;
height:100%;
z-index:0;
}
#slider .cycle-slideshow #slide1 {
width:100%;
height:100%;
position:relative;
background:url(../images/slide1.jpg) no-repeat center center fixed;
background-size:cover;
}
#slider .cycle-slideshow #slide2 {
width:100%;
height:100%;
position:relative;
background:url(../images/slide2.jpg) no-repeat center center fixed;
background-size:cover;
}
#slider .cycle-slideshow #slide3 {
width:100%;
height:100%;
position:relative;
background:url(../images/slide3.jpg) no-repeat center center fixed;
background-size:cover;
}
#inner {
position:relative;
width:100%;
clear:both;
background:url(../images/inner.jpg) no-repeat center center;
background-size:cover;
padding:200px 0 0 0;
color:#fff;
height:150px;
top:-100px;
margin:0 0 -100px 0;
overflow:hidden;
}
#inner .container {
position:relative;
}
#inner h1, #inner h3 {
text-align:center;
text-shadow:0 0 5px rgba(0,0,0,0.75);
font-size:40px;
}
#content {
position:relative;
padding:75px 0;
z-index:999;
}
#welcome h1 {
font-size:26px;
}
.welcome {
width:35%;
padding:30px 5% 10px 5%;
float:left;
min-height:300px;
}
.welcome-image {
width:50%;
float:left;
min-height:500px;
background:url(../images/welcome.jpg) no-repeat center center;
background-size:cover;
}
.secondary {
width:35%;
padding:75px 5% 75px 10%;
float:left;
background:#095155;
color:#fff;
min-height:350px;
}
.secondary-image {
width:50%;
float:left;
min-height:500px;
background:url(../images/secondary.jpg) no-repeat center center;
background-size:cover;
}
.bottom {
width:35%;
padding:10px 10% 5px 5%;
float:right;
min-height:350px;
}
.bottom-image {
width:50%;
float:left;
min-height:550px;
background:url(../images/bottom.jpg) no-repeat center center;
background-size:cover;
}
.alignright, .wp-post-image {
float:right;
margin:0 0 50px 75px;
max-width:45%;
height:auto;
}
.alignleft {
float:left;
margin:0 75px 50px 0;
}
.testimonials {
padding:75px 0 0 0;
}
.testimonials h2 {
margin:0 0 50px 0;
}
.testimonial {
padding:25px;
background:#f3f3f3;
margin:0 0 50px 0;
border:1px solid #ccc;
}
#gallery .nav {
overflow: hidden;
margin: 0 0 10px 0;
}
#gallery .nav li {
display:inline-block;
margin: 0 3px 10px 0;
}
#gallery .nav li a {
display: block;
font-size:15px;
padding: 10px 10px;
margin:0 0;
background: #f3f3f3;
color: #333;
border: 0;
border-bottom:1px solid #ccc;
transition:all .5s;
}
#gallery .nav li a:hover {
background-color: #eee;
color:#333;
border-bottom:1px solid #999;
}
#gallery .nav li a.current:hover {
color: #fff;
background:#095155;
border-bottom:1px solid #819492;
}
#gallery ul li a.current {
color: #fff;
background:#095155;
border-bottom:1px solid #819492;
}
.list-wrap {
padding:50px 0;
}
#top-footer {
padding:50px 0;
background:#222;
color:#fff;
}
#top-footer h3 {
font-size:32px;
line-height:42px;
font-weight:400;
margin:0 0 40px 0;
color:#56c8c0;
}
.fcol-1 {
width:30%;
float:left;
margin:0 0 25px 0;
}
.fcol-3 {
width:30%;
float:right;
margin:0 0 0 0;
text-align:right;
}
.fcol-1 ul {
margin:0;
list-style-type:none;
}
.fcol-1 ul li {
padding:0;
margin:0 3% 5px 0;
width:47%;
float:left;
}
.fcol-1 ul li a {
color:#fff;
text-decoration:none;
}
.fcol-2 {
width:36%;
float:left;
margin:0 2%;
text-align:center;
}
.fcol-2 img {
margin:55px 0 0 0;
}
.fcol-3 a {
color:#fff;
text-decoration:none;
margin:0 0 0 10px;
}
.fcol-3 i {
font-size:24px;
}
#footer {
padding:25px 0;
background:#111;
color:#999;
}
#footer p {
font-size:12px;
margin:0 0 0 0;
}
.copy {
float:left;
}
.designer {
float:right;
}
#footer p a {
color:#999;
text-decoration:none;
}
#form {
width:55%;
float:left;
margin:0 0 30px 0;
}
#details {
width:40%;
float:right;
margin:50px 0 30px 0;
}
.map {
width:100% !important;
height:350px;
margin:15px 0 0 0;
border: 1px solid #ccc !important;
}
.wpcf7 {
width: 100%;
margin:0 0 0 0;
}
.wpcf7 textarea {
background: #f9f9f9;
border: 1px solid #ccc;
color: #555;
font-size: 16px;
width:96%;
padding:15px 2%;
height: 190px;
margin:0 0 15px 0;
font-family: inherit !important;  
}
.wpcf7 p {
color: #333;
text-align:left !important;
}
.wpcf7 .req {
color: red;
font-weight:bold;
font-size:1.3em;
}
.wpcf7 {
margin: 30px 0 0 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="password"]{
background: #f9f9f9;
border: 1px solid #ccc;
color: #555;
font-size: 16px;
width:96%;
padding:15px 2%;
margin:0 0 15px 0;
}
.wpcf7 input[type="submit"] {
cursor: pointer;
height: 50px;
padding: 0;
width: 100%;
position: relative;
text-align:center;
transition:all .5s;
border: none;
text-decoration:none;
color:#fff;
background:#095155;
font-size:16px;
display:block;
margin:0;
}
.wpcf7 input[type="submit"]:hover {
}
.main {
width:65%;
float:left;
}
.main .post h2 {
font-size:26px;
line-height:36px;
margin:0 0 20px 0;
}
.sidebar {
width:27%;
padding:30px 1.5%;
background:#f3f3f3;
float:right;
border: 1px solid #ddd;
}
.sidebar h3 {
font-size:24px;
}
.sidebar ul li {
font-size:14px;
margin:0 0 10px 0;
line-height:20px;
}
.post {
margin:0 0 30px 0;
}
.share {
display:block;
margin:15px 0;
}
.page-numbers {
padding:20px;
font-size:18px;
text-decoration:none;
background:#eee;
border:1px solid #ccc;
display:inline-block;
margin:20px 0;
}
.more {
background:#095155;
color:#fff;
padding:10px 20px;
display:inline-block;
margin:15px 0;
text-decoration:none;
}
.date {
color:#999;
font-size:13px;
display:block;
margin:0 0 0 0;
padding:0 0 0 0;
}
.gallery-item {
margin: 0 3% 50px 0 !important;
width: 22% !important;
float:left !important;
box-shadow:0 0 1px rgba(0,0,0,0.5);
position:relative;
}
.gallery-item img {
border: none !important;
width:100% !important;
height:auto !important;
transition:all .5s;
opacity:0.9;
}
.gallery-item img:hover {
transform: scale(1.05);
opacity:1;
}
.gallery-icon {	
overflow:hidden !important;
}
.hide-gallery {
display:none;
}
.wp-caption-text {
font-size:15px;
line-height:20px;
padding:10px 20px;
}
@media only screen and (max-width: 1200px) {
.banner {
width:90%;
bottom:12%;
left:5%;
margin:0;
}
}
@media only screen and (max-width: 1024px) {
#header .menu {
display:none;
}
.slicknav_menu {
display:block;
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
}
#header {
text-align:center;
margin:50px 0 0 0;
height:auto;
width:100%;	
}	
.logo {
float:none;
margin:15px 0;
}
#footer span.mhide {
display:none;
}
#footer span.mhide {
display:none;
}
#footer span.mblock {
display:block;
width:100%;
}
.copy, .designer {
float:none;
text-align:center;
}
.alignright, .alignleft {
max-width:100%;
height:auto;
float:none;
margin:0 0 30px 0;
}	
#content {
padding:40px 0;
text-align:center;
}
.banner h2 {
float:none;
font-size:30px;
line-height:36px;
font-weight:700;
max-width:90%;
padding:25px 5% 25px 5%;
}
.banner h2 span {
display:inline;
font-size:30px;
}
.welcome {
width:90%;
padding:50px 5% 50px 5%;
float:none;
}
.welcome-image {
display:none;
}
.secondary {
width:90%;
padding:50px 5% 50px 5%;
float:none;
min-height:300px;
background:#095155;
color:#fff;
}
.secondary-image {
width:100%;
float:none;
}
.bottom {
width:90%;
padding:50px 5% 50px 5%;
float:none;
min-height:300px;
}
.bottom-image {
width:100%;
float:none;
}
}
@media only screen and (max-width: 800px) {
#slider {
height:600px;
}
#slider .cycle-slideshow {
height:600px;
}
#slider .cycle-slideshow #slide1 {
height:600px;
background:url(../images/slide1.jpg) no-repeat center center scroll;
background-size:1067px 600px;
}
#slider .cycle-slideshow #slide2 {
height:600px;
background:url(../images/slide2.jpg) no-repeat center center scroll;
background-size:1067px 600px;
}
#slider .cycle-slideshow #slide3 {
height:600px;
background:url(../images/slide3.jpg) no-repeat center center scroll;
background-size:1067px 600px;
}
.alignright, .wp-post-image {
float:none;
max-width:100%;
height:auto;
margin:0 0 25px 0;
}
.alignleft {
float:none;
max-width:100%;
height:auto;
margin:0 0 25px 0;
}
#secondary, #welcome, #bottom {
text-align:center;
}
#details, #form {
float:none;
width:100%;
}
#top-footer {
padding:50px 0;
}
.fcol {
width:96%;
float:left;
margin:0 2% 25px 2%;
text-align:center;
}
.fcol ul {
margin:0;
list-style-type:none;
}
.fcol ul li {
width:100%;
float:none;
text-align:center;
padding:0;
margin:0 0 5px 0;
}
.main, #form, #details {
width:100%;
float:none;
margin:0 0 40px 0;
}
.sidebar {
width:100%;
padding:0;
background:#fff;
float:none;
border: none;
}
.sidebar ul {
list-style-type:none;
margin:0 0 20px 0;
}
.sidebar ul li {
width:100%;
padding:0;
margin:0 0 5px 0;
text-align:center;
}
.gallery-item {
margin: 0 2% 25px 2% !important;
width: 96% !important;
}
.gallery-icon {
height:auto !important;
}
}
.button1 {
border: none;
background-color:#095155;
color: white;
padding:20px !important;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
cursor: pointer;
font-weight:bold;
}
.button1:hover {
background-color:#368387
;
}

#header { background:rgba(43,43,43,0.86); }
.banner h2 { background:rgba(9,81,85,0.75); }
#slider .cycle-slideshow > div { position:absolute !important; inset:0; opacity:0; animation:auronFade 18s infinite; }
#slider .cycle-slideshow #slide1 { background:url(../images/slide1.jpg) no-repeat center center fixed !important; background-size:cover !important; opacity:1; }
#slider .cycle-slideshow #slide2 { background:url(../images/slide2.jpg) no-repeat center center fixed !important; background-size:cover !important; animation-delay:6s; }
#slider .cycle-slideshow #slide3 { background:url(../images/slide3.jpg) no-repeat center center fixed !important; background-size:cover !important; animation-delay:12s; }
@keyframes auronFade { 0%, 30%, 100% { opacity:0; } 3%, 27% { opacity:1; } }
#inner { background:url(../images/inner.jpg) no-repeat center center !important; background-size:cover !important; }
.welcome-image { background:url(../images/welcome.jpg) no-repeat center center !important; background-size:cover !important; }
.secondary-image { background:url(../images/secondary.jpg) no-repeat center center !important; background-size:cover !important; }
.bottom-image { background:url(../images/bottom.jpg) no-repeat center center !important; background-size:cover !important; }
#bottom .bottom { float:left; padding:10px 5% 5px 10%; }
#bottom .bottom-image { float:right; }
.tab-pane { display:none; }
.tab-pane.active { display:block; }
#header .menu li a:hover { color:#50b3ac; }
.page-numbers.current { background:#095155; color:#fff; }
.logo { width:320px; height:65px; object-fit:contain; }
.gallery:after { content:""; display:block; clear:both; }
.gallery-item dd { margin:0; }
.testimonial p { margin:0; }
.fb-icon { width:50px; height:auto; margin-top:10px; }
.service-image { width:201px; max-width:25%; }
#footer { background:#222; }
#footer p, #footer p a { color:#b5b5b5; }
.map { display:block; }
@media only screen and (max-width: 1024px) {
  .logo { width:320px; max-width:90%; height:auto; }
}