/* CSS Document */

html, body { width: 100%; font-size: 15px; font-family: "museo-sans",sans-serif; font-weight: 300; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

* { margin: 0; padding: 0; border: 0; }
a { outline: 0; text-decoration: none; }

/* ------------------------------------------------------------------------------------ */
/* TYPE */
/* ------------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5 { font-family: "museo-sans",sans-serif; font-weight: 300; line-height: inherit; }

h1 { font-size: 2em; color: #FFF; margin: 0 0 .5em 0; }
h2 { font-size: 1.5em; color: #9c9b9b; margin-bottom: 1em; }

h2.inside { font-size: 1.8em; color: #5e0a4f; margin-bottom: .25em; }

.featuredprojects h2 { font-size: 1.2em; color: #5a6773; margin-bottom: .25em; }
.featuredprojects h3 { font-size: 1em; color: #808080; margin-bottom: .25; }

p, ol { font-size: 1em; color: #808081; line-height: 1.4em; margin-bottom: 1.5em; }

ol { list-style-position: inside; margin: 0 0 1.5em 0; }
ul.nostyle { list-style: none; margin: 0 0 1.5em 0; list-style-position: inside; }
ul.nostyle li { font-size: 1em; color: #808081; line-height: 1.4em; }

.contact p,
.contact ul li { color: #FFF; }

.projectsheader h2 { font-size: 1.1em; color: #FFF; }

.divbannercontent h2 { font-size: 1.4em; color: #FFF; margin: 0 0 .25em 0; text-transform: uppercase; }
.divbannercontent h3 { font-size: 1em; color: #FFF; margin: 0; }
.divbannercontent .bannerbtn { margin-top: 15px; font-size: .95em; }

address { font-style: normal; }

nav { font-size: .9em; text-transform: uppercase; }

.btn, .btn1 { font-size: 1.1em; }

.form, .form input, .form textarea, .form .send { font-size: 1em; font-family: "museo-sans",sans-serif; font-weight: 300; color: #FFF; }

/* Placeholder Colour */
::-moz-placeholder { opacity: .6; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
 }
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
 color: #FFF;
}

footer { font-size: .95em; color: #FFF; }

.left { float: left; }
.right { float: right; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.caps { text-transform: uppercase; }

.CookieDeclarationDialogText { display: none; }

/* ------------------------------------------------------------------------------------ */
/* LINKS */
/* ------------------------------------------------------------------------------------ */

a { color: #5a6773; }
a:hover { color: #808081; }

nav li a { color: #FFF; }
nav li a:hover, 
nav li a.active { color: #d3dbe2; }

.projectsheader a { float: right; text-align: right; margin: 3px 15px 0 0; font-size: .925em; color: #FFF; }

.bannerbtn a { color: #FFF; }
.bannerbtn a:hover { color: #d3dbe2; }

.contact a { color: #d3dbe2; }
.contact a:hover { color: #FFF; }

footer a { color: #FFF; }
footer a:hover { color: #b7c3cd; }

/* BTNS */
.btn { margin: 10px 0; font-weight: 300; }
.btn a { display: inline-block; padding: 10px 30px; border: 2px solid #5e0a4f; text-align: center; color: #808081; }
.btn a:hover { color: #FFF; }

.scrollToTop { width: 50px; height: 50px; position: fixed; bottom: 80px; right: 20px; display: none; background: url(../images/back-to-top.png) no-repeat; z-index: 9999; cursor: pointer; background-size: 50px; }
.scrollToTop:hover { text-decoration: none; }

/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

.mobilehide { display: block; }
.desktophide { display: none; }

.clearfix:after { content: ' '; display: block; clear: both; }

.divcontainer { float: left; width: 100%; }
.divcontent { position: relative; max-width: 1200px; padding: 40px 20px; margin: 50px auto; }
.divcontentnopad { position: relative; max-width: 1200px; margin: auto; padding: 0 20px; }

header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(90,103,115,1); z-index: 9999; }

.divbannercontent { position: absolute; bottom: 90px; width: 90%; margin: 0 5%; z-index: 999; }
.divcontact { position: absolute; top: -2px; width: 94%; padding: 40px 3%; margin: 50px auto; background: rgba(0,0,0,0.75); z-index: 999; }

.projectsheader { position: absolute; top: 49px; width: 100%; padding: 15px 0; background: rgba(0,0,0,0.75); z-index: 9998; }
.projectsheader h2 { float: left; text-align: left; margin-left: 15px; margin-bottom: 0; }
 
.fade-in-fast {
    -webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1s ease 0s normal forwards 1 fadein;
}

.fade-in {
    -webkit-animation: 2s ease 0s normal forwards 1 fadein;
    animation: 2s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity: 0; transform: translateY(-60px); }
    66% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes fadein{
    0% { opacity: 0; transform: translateY(-60px); }
    66% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}
 

.slicknav_menu { display: none; }

.divlogo { position: absolute; top: 13px; left: 13px; z-index: 9999; }
.divlogo IMG { width: 200px; height: auto; }

.divlogohome { display: block; width: 100%; height: auto; margin-bottom: 30px; text-align: center; }
.divlogohome IMG { width: 500px; height: auto; }

.brandlogos IMG { margin: 20px 15px; vertical-align: middle; }

.featured { float: left; width: 31.3%; height: 320px; margin-left: 1%; margin-right: 1%; margin-bottom: 22px; }

.featuredprojects { float: left; width: 23%; min-height: 220px; margin-left: 1%; margin-right: 1%; margin-bottom: 22px; }
.featuredprojects IMG { float: left; width: 100%; height: auto; margin-bottom: 10px;  }

footer { position: fixed; bottom: 0; width: 100%; padding: 15px 0; background: #5a6773; z-index: 9999; } 

.credits { float: left; margin-left: 15px; }
.social { float: right; margin-right: 15px; }
.social .fab { margin: 0 5px; }

/* ------------------------------------------------------------------------------------ */
/* TOGGLE SHOW / HIDE */
/* ------------------------------------------------------------------------------------ */

.box { position: relative; max-width: 1100px; margin: auto; }

#tabMenu { margin: 50px 0 0; padding: 0; list-style: none; display: inline-block; text-align: center; }
#tabMenu li { float: left; height: 60px; width: auto; margin: 0 5px; cursor: pointer; cursor: hand; }
#tabMenu li IMG { width: 60px; height: auto; }

li.mouseover { background-position: 0 0; }
li.mouseout { background-position: 0 -60px; }
li.selected { background-position: 0 0; }

.boxTop { clear: both; }
.boxBody { background: #FFF; }

.boxBody div.parent { display: none; }
.boxBody div.show { display: block; }

.boxBody div ul { margin: 0; padding: 0; list-style: none; }
.boxBody div li { padding: 0; cursor: hand; cursor: pointer }
.boxBody div ul li.last { border-bottom: none }


/* PARALLAX SLIDES */
.parallax { position: relative; float: left; width: 100%; height: 600px; margin: 0; z-index: 80; background: #CCC; }
.slide1 { background: url(../images/floral-slide-bg.jpg) 50% 0 no-repeat fixed; background-size: cover; }

.video-container { position: relative; padding-bottom: 52%; padding-top: 35px; height: 0; overflow: hidden; margin: 20px 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.maps iframe { pointer-events: none; width: 100%; height: 500px; }

.medivision { text-align: center; margin-bottom: 20px; }
.medivision IMG { width: 100%; height: auto; }

.entryimage IMG { width: 100%; height: auto; }
.entryimage.medium IMG { width: 60%; height: auto; }
.entryimage.small IMG { width: 30%; height: auto; }

/* ------------------------------------------------------------------------------------ */
/* COLLAPSABLE DATA TABLE (FEES) */
/* ------------------------------------------------------------------------------------ */

table { border: 1px solid #5e0a4f; width: 100%; margin: 0 0 30px 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
table tr { border: 1px solid #5e0a4f; padding: 5px; }
table tr:nth-child(even) { background: #EEE; }
table tr:nth-child(odd) { background: #FFF; }
table th { padding: 10px; text-align: left; color: #FFF; }
table td { padding: 10px; text-align: left; color: #808081; }
table th { font-size: 1.1em; background: #5e0a4f; font-weight: 300; }


/* ACCORDION STYLE */
ul#accordion { padding: 2px 0; margin-bottom: 40px; }
ul#accordion li { list-style-type: none; }
ul#accordion p { color: #808081; }
ul#accordion a { text-decoration: none; color: #5e0a4f; }
ul#accordion a:hover { text-decoration: none; }
ul#accordion a:focus { text-decoration: underline; }

button { cursor: pointer; margin: 0; font-family: "museo-sans",sans-serif;font-weight: 400; text-align: left; }

/* Helpers */
.is-hidden { display: none; }
.accordion__item { width: 100%; border-top: 1px solid #fff;  }
.accordion__item:first-child { border: none; }
.accordion__trigger { display: block; width: 100%; padding: 10px 20px; color: #FFF; background-color: #5e0a4f; border: none; font-size: 1.2em; }
.accordion__item.is-open .accordion__trigger { color: #fff; background-color: #9a9999; }
.accordion__content { background-color: #EEE; padding: 20px;  }
.accordion__content p { margin: 0; margin-bottom: 1.5em; line-height: 1.4em; }

/* ------------------------------------------------------------------------------------ */
/* FORMS */
/* ------------------------------------------------------------------------------------ */

.form { float: left; width: 80%; padding: 0 10%; margin-top: 15px; }
.form input { width: 94%; padding: 3%; background: #5e0a4f; border: 0; margin: 0 0 2px 0; } 
.form textarea { width: 94%; height: 100px; overflow: auto; padding: 3%; background: #5e0a4f; border: 0; margin: 0 0 5px 0; } 
.form label { display: inline-block; margin: 10px 10px 0; float: left; width: 150px; text-align: left; }
.form [type=checkbox] { display: block; margin: 5px 8px 0 0; width: 17px; float: left; }
.form .send { float: left; display: block; width: 100%; padding: 3%; cursor: pointer; border: none; background: #808080; -webkit-appearance: none; }
.form .send:hover { background: #5e0a4f; color: #FFF; }

/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths, .full-width { display: inline-block; float: left; margin-right: 2%; min-height: 150px; }

.one-half { width: 49%; }
.one-third { width: 32.5%; }
.one-fourth { width: 23.5%; }
.two-thirds { width: 64%; }
.three-fourths { width: 74%;}
.full-width { width: 100%; }
.column-last { margin-right: 0 !important; }


@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {

.featured,
.featuredprojects { width: 48%; margin-bottom: 16px; }

}


@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	
.mobilehide { display: none; }
.desktophide { display: block; }

/* ------------------------------------------------------------------------------------ */
/* TYPE */
/* ------------------------------------------------------------------------------------ */

.projectsheader h2 { text-align: center; margin-left: 0; }
.projectsheader a { float: left; width: 100%; text-align: center; margin-right: 0; }

/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

.divcontent { width: 90%; padding: 40px 5% 60px; }

header { height: 50px; }

.divlogohome IMG { width: 290px; height: auto; }
.brandlogos IMG { width: 38%; }

.featured { float: none; position: relative; width: 290px; height: 270px; margin: 2% auto; }
.featuredprojects { float: none; position: relative; width: 290px; margin: 2% auto 20px; }

.entryimage IMG,
.entryimage.medium IMG,
.entryimage.small IMG { width: 100%; height: auto; }

.credits { float: left; width: 100%; text-align: center; margin-left: 0; margin-bottom: 8px; }
.social { float: left; width: 100%; text-align: center; margin-right: 0; }

/* ------------------------------------------------------------------------------------ */
/* COLLAPSABLE DATA TABLE (FEES) */
/* ------------------------------------------------------------------------------------ */

table { border: 0; }
table thead { display: none; }
table tr { margin-bottom: 10px; display: block; border-bottom: 1px solid #5e0a4f; }
table td { display: block; text-align: right; font-size: .95em; border-bottom: 1px dotted #5e0a4f; }
table td:last-child { border-bottom: 0; }
table td:before { content: attr(data-label); float: left; font-weight: bold; }


/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths, .full-width { margin-right: 0; }

.one-half { width: 100%; }
.one-third { width: 100%; }
.one-fourth { width: 100%; }
.two-thirds { width: 100%; }
.three-fourths { width: 100%; padding-right: 0; }

}