*{margin:0px; padding:0px; border:0px;} table {border-collapse:collapse;} img {vertical-align:middle;}
input {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} 
select {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;}
textarea {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;}
header:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  header {display:inline-block;}  * html header {height: 0px; overflow:hidden;}  header {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
nav:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  nav {display:inline-block;}  * html nav {height: 0px; overflow:hidden;}  nav {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
section:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  section {display:inline-block;}  * html section {height: 0px; overflow:hidden;}  section {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
article:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  article {display:inline-block;}  * html article {height: 0px; overflow:hidden;}  article {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
aside:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  aside {display:inline-block;}  * html aside {height: 0px; overflow:hidden;}  aside {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
footer:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  footer {display:inline-block;}  * html footer {height: 0px; overflow:hidden;}  footer {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
div:after {content:"."; display:block; height:0; clear:both; overflow:hidden;}  div {display:inline-block;}  * html div {height: 0px; overflow:hidden;}  div {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 


body {background-color:#edecec; font-family:Lato-Regular,helvetica; font-size:100%;  overflow-x: hidden;}



/* BASIC FONT STYLES */

@font-face {font-family: 'Lato-Bold'; src: url('fonts/Lato-Bold.eot'); src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Bold.woff') format('woff'), url('fonts/Lato-Bold.ttf') format('truetype'), url('fonts/Lato-Bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Lato-Light';src: url('fonts/Lato-Light.eot');src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Lato-Light.woff') format('woff'),url('fonts/Lato-Light.ttf') format('truetype'),url('fonts/Lato-Light.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Lato-Black'; src: url('fonts/Lato-Black.eot'); src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),url('fonts/Lato-Black.woff') format('woff'),url('fonts/Lato-Black.ttf') format('truetype'),url('fonts/Lato-Black.svg#nexa_boldregular') format('svg');font-weight: normal; font-style: normal;}
@font-face { font-family: 'Lato-Hairline';src: url('fonts/Lato-Hairline.eot');src: url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),url('fonts/Lato-Hairline.woff') format('woff'),url('fonts/Lato-Hairline.ttf') format('truetype'),url('fonts/Lato-Hairline.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Lato-Regular';src: url('fonts/Lato-Regular.eot');src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Lato-Regular.woff') format('woff'),url('fonts/Lato-Regular.ttf') format('truetype'),url('fonts/Lato-Regular.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'runwild';src: url('fonts/runwild.eot');src: url('fonts/runwild.eot?#iefix') format('embedded-opentype'),url('fonts/runwild.woff') format('woff'),url('fonts/runwild.ttf') format('truetype'),url('fonts/runwild.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}

h1 { padding:0px 0px 10px 0px; font-size:3em; color:#222222; font-weight:normal; font-family:runwild; }
h2 { padding:0px 0px 10px 0px; font-size:2.20em; color:#222222; font-weight:normal; font-family:runwild;}
h3 { padding:0px 0px 10px 0px; font-size:1.40em; color:#222222; font-weight:normal; font-family:Lato-Bold;}
h4 { padding:0px 0px 10px 0px; font-size:1.10em; color:#222222; font-weight:normal; font-family:Lato-Bold;}
input { font-size:1.10em; font-family:Lato-Regular;}
select { font-size:1.10em; font-family:Lato-Regular;}
textarea { font-size:1.10em; font-family:Lato-Regular;}

p { padding:0px 0px 10px 0px; font-size:1.10em;  color:#222222; line-height:1.70em;}
a { color:#222222; text-decoration:none; }
a:hover { color:#555555; text-decoration:none; }

ol { margin:0 0 15px 25px; }
ul { margin:0 0 15px 25px; }
li { font-size:1.10em; margin-bottom:8px; color:#222222;  line-height:1.70em;}

.textcolour1 {color:#222222;}
.textcolour2 {color:#ff9900;}
.textcolour3 {color:#ff9900;}

::selection {color:#ffffff; background-color:#222222;}
::-moz-selection {color:#ffffff; background-color:#222222;}
::-webkit-input-placeholder {color: #555555;}
:-ms-input-placeholder {  color: #555555;}
::-moz-placeholder {  color: #555555;  opacity: 1;}
:-moz-placeholder {color: #555555; opacity: 1;}




/* BASIC FORM STYLES */

section#ContactFormLeft {float:left; width:65%;}
section#ContactFormRight {float:right; width:30%;}
.ContactForm input {padding:20px; width:100%; background-color:#f3f3f3; border-radius:6px; float:left; margin-bottom:10px;}
.ContactForm select {padding:20px; width:100%; background-color:#f3f3f3; border-radius:6px; float:left; margin-bottom:10px;}
.ContactForm textarea {padding:20px; width:100%; height:100px; border-radius:6px;  background-color:#f3f3f3 !important; margin-bottom:10px;}
              .ContactForm input.tick {width:30px; height:30px; background-color:#efefef; border-radius:6px; float:left; padding:0px; margin-right:6px;  color:#000000;  content: '\2714';}
              .ContactForm input.tick[type=checkbox]:checked {background: #222222;}
              .ContactForm input.circle {width:30px; height:30px; background-color:#efefef; border-radius:50px; float:left; padding:0px; margin-right:6px; color:#000000;  content: '\2714';}
              .ContactForm input.circle[type=radio]:checked {background: #222222;}
.ContactForm .SubmitButton {font-size:0.95em; color:#ffffff; background-color:#222222; width:150px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
.ContactForm .SubmitButton:hover {background-color:#222222; }
.Hide {display:none;}

.SearchForm input {padding:20px; width:200px; background-color:#f3f3f3; border-radius:6px; float:left; margin-bottom:10px; margin-right:5px;}
.SearchForm .SubmitButton {font-size:0.95em; color:#ffffff; float:left; background-color:#222222; width:100px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
.SearchForm .SubmitButton:hover {background-color:#222222; }




/* HEADER STYLES */

.HeadOuter {width:100%; height:auto; position:absolute; top:0px; left:0px; background-color:#edecec; z-index:10;}
header.HeadInner {width:95%; max-width: 1400px; padding:15px 0 15px 0; margin:0 auto; position:relative; }

        #MegaMenuIcon {display:none;  }

    #Logo {width:25%; max-width:220px; height:auto; float:left; }
      #Logo img {max-width:100%; width:100%; height:auto; border:none;}
		
		nav#MainNavigation {width:60%; height:40px; position:absolute; top:15px; right:250px; }
		
		nav#MainServices {width:80%;  position:absolute; top:60px; right:0px;}


              #HeadSocial {width:200px; margin:0 0 0 0; position:absolute; top:20px; right:15px; overflow:hidden;}
                      #HeadSocial img {width:30px; margin:0 5px 0 5px; float:left; }
              #HeadSocial .SocialIcon {float:left; width:30px; margin:0 5px 0 5px; }
              #HeadSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
              #HeadSocial .SocialIcon svg path {fill:#222222 !important;}
              #HeadSocial .SocialIcon svg:hover path {fill:#888888 !important;}
                
    #SiteBanner {width:100%; float:left; margin-top:130px; position:relative; background-color:#222222;} #SiteBanner img {width:100%;}
    .slideshow-container .fade {float:left; height:100vh; width:100%; position:relative;}
    #SliderHolder {width:100%; float:left; }

      .Down {position:absolute; bottom:30px; left:0; right:0; margin-left:auto; margin-right:auto; z-index:99; width:50px; height:50px; }

              #MenuSocial {width:200px; margin:40px 0 0 20px; float:left; overflow:hidden;}
                      #MenuSocial img {width:30px; margin:0 5px 0 5px; float:left; }
              #MenuSocial .SocialIcon {float:left; width:30px; margin:0 5px 0 5px; }
              #MenuSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
              #MenuSocial .SocialIcon svg path {fill:#ffffff !important;}
              #MenuSocial .SocialIcon svg:hover path {fill:#555555 !important;}


/* MEGA DROP DOWN MENU */

            .sidenav {height:100%; width: 0; position: fixed; z-index:100; top: 0; right: 0; background-color: #222222; overflow-x: hidden; padding-top: 60px; transition: 0.5s; }
            .sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#555555;}

            .MegaDropBlock1 {width:100%; float:left;  margin-bottom:15px; margin-left:20px; padding-right:20px; font-family:Lato-Light; }
                 .MegaDropBlock1 a {color:#ffffff; display:block; font-size:1.20em;  }
                 .MegaDropBlock1 a:hover {color:#555555;}

            .MegaDropBlock {width:100%; float:left;  margin-bottom:15px; margin-left:20px; padding-right:20px; font-family:runwild; }
                 .MegaDropBlock a {color:#ffffff; display:block; font-size:1.60em;  }
                 .MegaDropBlock a:hover {color:#555555;}

            .MegaDropBlockList {float:left; margin-top:10px; margin-left:20px; clear:both; font-family:runwild;}
                  .MegaDropBlockList a {color:#555555; display:block;  height:auto; font-size:1.30em; }
                  .MegaDropBlockList a:hover {color:#ffffff;}


/* STANDARD DROP DOWN MENU */

            #MainNavigation ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
            #MainNavigation ul.dropdown { /*position: relative;*/ z-index: 297; float: left;}
            #MainNavigation ul.dropdown li { float: left; vertical-align: middle; zoom: 1; color: #FFFFFF; }
            #MainNavigation ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
            #MainNavigation ul.dropdown ul { visibility: hidden; position: absolute; left: 0; z-index: 598; width: 100%;}
            #MainNavigation ul.dropdown ul li { float: none;}
            #MainNavigation ul.dropdown ul ul { top: 1px; left: 99%;}
            #MainNavigation ul.dropdown li:hover > ul { visibility: visible;}
            #MainNavigation ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;}
            #MainNavigation ul.dropdown li.rtl ul ul {top: 1px; right: 99%; left: auto; }

            #MainNavigation ul.dropdown {margin:0px; padding:0px; float:right;}
            ul.dropdown li {margin:0px 0px 0px 0px; position:relative;}
            #MainNavigation .dropmenu {position:absolute; top:40px; left:30px;}

            #MainNavigation #dropnav .dir li {position:relative; width:200px;  border-bottom:1px solid #555555; display:block; }
            #MainNavigation #dropnav .dir li:hover {border-bottom:1px solid #555555; display:block;}

            #MainNavigation a.btn {display:block; font-size:0.90em; color:#222222; float:left; padding:10px 9px 12px 9px; text-align:center;}
            #MainNavigation a.btn:hover {display:block; color:#888888; }
                    #MainNavigation a.btnActive {display:block; font-size:0.90em; color:#888888; float:left; padding:10px 9px 12px 9px; text-align:center;}
                    #MainNavigation a.btnActive:hover {display:block; color:#888888;}
            #MainNavigation a.btn2 {display:block; font-size:1em; color:#ffffff; padding:5px 5px 5px 5px; background-color:#222222;}
           #MainNavigation  a.btn2:hover {display:block; color:#222222; background-color:#ffffff;}




            #MainServices ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
            #MainServices ul.dropdown { /*position: relative;*/ z-index: 297; float: left;}
            #MainServices ul.dropdown li { float: left; vertical-align: middle; zoom: 1; color: #FFFFFF; }
            #MainServices ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
            #MainServices ul.dropdown ul { visibility: hidden; position: absolute; left: 0; z-index: 598; width: 100%;}
            #MainServices ul.dropdown ul li { float: none;}
            #MainServices ul.dropdown ul ul { top: 1px; left: 99%;}
            #MainServices ul.dropdown li:hover > ul { visibility: visible;}
            #MainServices ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;}
            #MainServices ul.dropdown li.rtl ul ul {top: 1px; right: 99%; left: auto; }

            #MainServices ul.dropdown {margin:0px; padding:0px; float:right;}
            ul.dropdown li {margin:0px 0px 0px 0px; position:relative;}
            #MainServices .dropmenu {position:absolute; top:40px; left:30px;}

            #MainServices #dropnav .dir li {position:relative; width:200px; display:block; }
            #MainServices #dropnav .dir li:hover {display:block;}

            #MainServices a.btn {display:block; font-size:2em; color:#222222; float:left; padding:10px 15px 12px 15px; text-align:center;  font-family:runwild; }
            #MainServices a.btn:hover {display:block; color:#888888; }
                    #MainServices a.btnActive {display:block; font-size:2em; color:#888888; float:left; padding:10px 15px 12px 15px; text-align:center;  font-family:runwild; }
                    #MainServices a.btnActive:hover {display:block; color:#888888;}
            #MainServices a.btn2 {display:block; font-size:1.30em; color:#ffffff; padding:5px 5px 5px 5px; background: rgba(0, 0, 0, 0.6);  font-family:runwild; }
           #MainServices  a.btn2:hover {display:block; color:#222222; background: rgba(255, 255, 255, 0.6);}



#SubNav {float:left; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:10px 0 3px 0; margin-bottom:30px; width:100%;} #SubNav p {text-align:center;}
            #SubNav a {font-size:0.95em; color:#222222; padding:0 20px 0 20px;}
            #SubNav a:hover {color:#888888; }



/* FOOTER STYLES */

            .FootTopOuter {width:100%; height:auto; position: relative;  float:left; background-color:#edecec;}
            footer.FootTopInner {width:95%; max-width: 1400px; padding:30px 0 30px 0;  margin:0 auto; position:relative; }

              #Newsletter {float:left; width:100%;}
                       #Newsletter select {background-color:#edecec; border-radius:0px; border-bottom:2px solid #222222; padding:16px 0 5px 0; float:left; width:20%; margin:0 2% 0 0; color:#555555;}
                     #Newsletter input {background-color:#edecec; border-radius:0px; border-bottom:2px solid #222222; padding:16px 0 5px 0; float:left; width:20%; margin:0 2% 0 0;}
                      #Newsletter .SubmitSignupButton {background-color:#222222; color:#ffffff; padding:12px; float:right; width:12%; margin:0px;}


            .FootOuter {width:100%; height:auto; position: relative;  float:left; background-color:#222222;}
            footer.FootInner {width:95%; max-width: 1400px; padding:30px 0 30px 0;  margin:0 auto; position:relative; }

            nav#NavigationBottom {width:100%; position:relative;}

            p.FooterNav { font-size:2em;  color:#ffffff; padding:0px; text-align:center; font-family:runwild;}
            p.FooterNav a { color:#ffffff;  }
            p.FooterNav a:hover { color:#ffffff; }
            .FootLinks {margin:0 20px 0 20px;}

            .Salt {float:right; text-align:center; color:#555555; font-size:0.75em; width:100%; }
            .Salt a { color:#555555;  }
            .Salt a:hover { color:#ffffff; text-decoration:none; }







/* MAIN BODY STYLES */

section.BlogOuter {width:100%; height:auto; position: relative;  float:left; background-color:#222222;}
section.BlogInner {width:95%; max-width: 1400px; padding:60px 0 30px 0;  margin:0 auto; position:relative; }
      section.BlogInner h2 {color:#ffffff; text-align:center; font-family:runwild; margin-bottom:20px; font-size:3em;}

.BlogHome {padding:60px 0 190px 0 !important;  }

section.Outer {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.Inner {width:95%; max-width: 1400px; padding:100px 0 100px 0;  margin:0 auto; position:relative; }

section.InstagramOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.InstagramInner {width:95%; max-width: 1400px; padding:300px 0 0 0;  margin:0 auto; position:relative; }

section.Instagram2Outer {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.Instagram2Inner {width:95%; max-width: 1400px; padding:0 0 0 70px;  margin:0 auto; position:relative; }

               .Instagram2Inner img {width:50px; }
              .Instagram2Inner .InFoot {position:absolute; left:30px; top:0;  width:50px; margin:0; }
              .Instagram2Inner .InFoot svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
              .Instagram2Inner .InFoot svg path {fill:#222222 !important;}
              .Instagram2Inner .InFoot svg:hover path {fill:#888888 !important;}



      #HomeIntro {background-color:#e3e0e0; width:100%; max-width:1100px; position:absolute; top:-130px; left:0; right:0; margin-left:auto; margin-right:auto; padding:50px; }
                  #HomeIntroLeft {width:25%; float:left;} #HomeIntroLeft img {width:100%;}
                  #HomeIntroRight {width:70%; float:right;} 

.Breadcrumbs {float:left; margin:0px 2% 0px 2%; clear:both; width:98%;}
.Breadcrumbs p {font-size:0.80em; color:#555555;}
.Breadcrumbs a { font-weight:600;}
.Breadcrumbs a:hover {text-decoration:underline; }

.TextBlockFull {margin:0px 2% 0px 2%; clear:both;}
.TextBlock2Col {margin:0px 2% 0px 2%; clear:both; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
.TextBlock2Col p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}

.addthis_inline_share_toolbox {margin:30px 0 0 0; float:left; width:100%;}



.MainIntro {width:100%; float:left; padding: 0 80px 0 80px; margin-bottom:40px;}
.MainLeft {float:left; margin-bottom:40px; width:35%;} .MainLeft img {width:100%;}
.MainRight {float:right; margin-bottom:40px; width:60%;}



/* CONTACT FORM */

section#ContactFormLeft {float:left; width:65%;}
section#ContactFormRight {float:right; width:30%;}
#map {height:450px; width:100%; display:block;}



/* CHILD PAGES */

#ChildPages article {width:29.3%; height:auto; margin:20px 2% 20px 2%; position:relative; float:left;}
#ChildPages article img {padding:0px; margin:0px; overflow:hidden; width:100%; height:auto;}
#ChildPages article .ChildTop {width:100%; height:370px; background-position:center center; background-size:cover; float:left; position:relative;}
#ChildPages article .ChildBottom {width:100%; float:left; background-color:#efeded; padding:25px 35px 25px 35px; height:240px; overflow:hidden;}
#ChildPages article .ChildBottom p { color:#222222; font-weight:normal; margin:0px; text-align:center; font-size:1.05em; line-height:26px;}
#ChildPages article .ChildFade {width:100%; height:100%; padding:35px; background: rgba(0, 0, 0, 0.3); }
#ChildPages article .ChildBox {width:100%; height:100%; border:2px solid #ffffff; color:#ffffff; text-align:center; padding:34% 30px 30px 30px; font-size:2.20em; font-family:runwild;}





/* FAQ LISTINGS */

section#FAQListing {width:100%; clear:both;}

div.accordion {outline:none; margin:0 1% 10px 1%; width:98%; cursor:pointer; background-color:#e9e9e9; border-radius:4px; padding:16px; position:relative;}
div.accordion.active {background-color:#ffffff; }
div.accordion:hover {background-color:#ffffff; }
div.accordion h2 {color:#222222; font-size:1.20em; padding:0; margin:0; font-family:Lato-Regular !important;}
div.panel {display:none;}
div.panel.show {display: block; padding:16px; width:100%;}
.Arrow {width:30px; position:absolute; top:10px; right:30px;}
.Arrow img {width:100%;}






/* GENERAL LISTINGS */

section#GeneralListing {width:100%; clear:both;}
section#GeneralListing article {float:left; position:relative; width:23%; margin:0px 1% 30px 1%; min-height:540px; overflow:hidden; background-color:#edecec; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
section#GeneralListing article:hover {background-color:#ffffff; }
section#GeneralListing .NewsLeft {float:left; width:100%; margin:0px; position:relative;}
section#GeneralListing .NewsLeft img {width:100%; height:auto;}
section#GeneralListing .NewsRight {float:right; position:relative; width:100%; padding:5%; margin:0px;}
section#GeneralListing article h2 { font-size:1.40em; color:#222222; text-align:center; font-family:Lato-Bold; margin-bottom:10px;}
section#GeneralListing article p { text-align:center; font-size:1.05em; line-height:26px;}




        .Date {width:100px; height:100px; position:absolute; bottom:0px; left:20px; background-color:#555555;}
        p.Day {color:#ffffff; font-size:3em !important; text-align:center; padding:25px 0 5px 0; line-height:34px;}
        p.Month {color:#ffffff; font-size:1em; text-align:center; padding:0px; line-height:26px;}

section#GeneralPagination {float:left; clear:both; width:96%; margin:0px 2% 0px 2%; }
section#GeneralPagination .Pagination2 {float:left; border:1px solid #e9e9e9; background-color:#e9e9e9;  font-size:0.85em;  color:#111111; padding:5px 9px 5px 9px; margin-right:6px; margin-bottom:5px;}
section#GeneralPagination .Pagination {float:left; border:1px solid #e9e9e9; font-size:0.85em;  color:#222222; padding:5px 9px 5px 9px; margin-right:6px; margin-bottom:5px;}
section#GeneralPagination .Pagination a {color:#222222; text-decoration:none;  }
section#GeneralPagination .Pagination a:hover {color:#222222; text-decoration:none; }
p.ItemsFrom {margin-left:2%; font-style: italic;}

#MainTags {margin:0 2% 0 2%;}
#MainTags p.tag { font-size:0.80em;  color:#ffffff; padding:2px 4px 2px 4px; display:block; float:left; background-color:#222222; margin-right:8px; margin-bottom:8px;}
#MainTags p.tag a {color:#ffffff; text-decoration:none;}
#MainTags p.tag a:hover {color:#555555; text-decoration:none;}




/* MULTIMEDIA LISTINGS */

section#MultimediaListing {width:100%; clear:both;}
section#MultimediaListing ul.gallery {margin:0px; padding:0px;}
section#MultimediaListing .Block {display:block; float:left; width:31.3%; height:auto; position:relative; overflow:hidden; margin:0px 1% 30px 1%;}
section#MultimediaListing .Block img {width:100%; height:auto;  }
section#MultimediaListing .Description {width:auto; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);}
section#MultimediaListing p {color:#ffffff; font-size:0.90em; padding:0px;}




/* PROJECT LISTINGS */

section#ProjectListing article {width:31.3%; height:auto; margin:0px 1% 30px 1%;  min-height:330px; background-color:#e9e9e9; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
section#ProjectListing article:hover {background-color:#222222; }
section#ProjectListing article img {width:100%; }
section#ProjectListing article .Head {width:100%; background-color:#222222; float:left; position:relative;}
section#ProjectListing article h2 { font-size:1.50em;  color:#ffffff; }
section#ProjectListing article p { font-size:0.80em;  color:#222222; line-height:18px;}





/* SITE MAP */

section#SiteMap .SiteMap1 {background-color:#cccccc; width:50%; margin:0 0 1px 0%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both;  }
section#SiteMap .SiteMap2 {background-color:#d9d9d9; width:48%; margin:0 0 1px 2%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both; }
section#SiteMap .SiteMap3 {background-color:#e5e5e5; width:46%; margin:0 0 1px 4%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both; }
section#SiteMap .SiteMap4 {background-color:#f2f2f2; width:44%; margin:0 0 1px 6%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both; }





/* BACKGROUND SLIDER */
/* Slideshow container */
.slideshow-container {  width: 100%;  position: relative;  margin: auto; float:left; z-index:9;}
/* Next & previous buttons */
.slideshow-container .prev, .next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  margin-top: -22px;  padding:16px;  color: white;  font-weight: bold;  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;}
/* Position the "next button" to the right */
.slideshow-container .next {  right: 0;  border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover, .next:hover {  background-color: rgba(0,0,0,0.8);}
/* Caption text */
.slideshow-container .text {text-align:center;  position: absolute; bottom:15%; width:90%; max-width:1100px; left:0; right:0; margin-left:auto; margin-right:auto; background: rgba(0, 0, 0, 0.6); padding:40px 60px 40px 60px;}
.slideshow-container .text p {color:#ffffff; margin:0px; font-size:2.80em; font-family:Lato-Light; line-height:40px;}
/* Fading animation */
.slideshow-container .fade {background-position:center center;  background-size:cover;  -webkit-animation-name: fade;  -webkit-animation-duration: 2.5s;  animation-name: fade;  animation-duration: 2.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}








@media only screen and (max-width: 1024px) { /* BLUE - FOR IPAD LANDSCAPE AND SMALLER */

        nav#MainNavigation {display:none;}
    		nav#MainServices {display:none;}

        #MegaMenuIcon {width:40px; position:absolute; right:0px; top:40px; padding:0px; display:inline-block; z-index:99; cursor:pointer;  }
        #MegaMenuIcon img {width:40px;}
        #MegaMenuIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
        #MegaMenuIcon svg path {fill:#222222 !important;}
        #MegaMenuIcon svg:hover path {fill:#888888 !important;}

        #HeadSocial {width:200px; margin:0 0 0 0; position:absolute; top:46px; right:60px;}

#ChildPages article .ChildBottom {font-size:85%; height:300px; padding:25px 25px 25px 25px; }

section#GeneralListing article {font-size:80%; margin:0px 2% 30px 2%; min-height:450px; }

}




@media only screen and (max-width: 768px) { /* ORANGE - FOR IPAD PORTRAIT AND SMALLER */

          section#MultimediaListing .Block { width:48%; }
          .TextBlock2Col {margin:0px 1% 0px 1%; clear:both; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
          section#ContactForm {width:98%; margin:0px 1% 0px 1%; clear:both;}

    .slideshow-container .fade {height:80vh; }



#ChildPages article {width:96%;  margin:0 2% 30px 2%; }
#ChildPages article .ChildTop {width:50%; height:370px; }
#ChildPages article .ChildBottom {width:50%; height:370px; overflow:hidden;}


section#GeneralListing article {width:96%; margin:0px 2% 30px 2%; min-height:auto;}
section#GeneralListing .NewsLeft {float:left; width:50%;}
section#GeneralListing .NewsRight {float:right; position:relative; width:50%; padding:5%; margin:0px;}

            p.FooterNav { font-size:1.40em; }


.MainIntro { padding: 0 40px 0 40px;}
.MainLeft {float:left; margin-bottom:40px; width:100%;} 
.MainRight {float:right; margin-bottom:40px; width:100%;}


                      #Newsletter input { width:48%; margin:0 1% 0 1%;}
                      #Newsletter .SubmitSignupButton {width:50%; margin:10px 25% 0 25%;}

}





@media only screen and (max-width: 667px) and (orientation: portrait)  { /* BLACK - FOR IPHONE 6 PORTRAIT AND SMALLER */

      body {font-size:90%;}
      .sidenav {padding-top:15px;}

      .FootLinks {display:block;}
      
        #MegaMenuIcon {width:40px; position:absolute; right:0px; top:12px; padding:0px; display:inline-block; z-index:99; cursor:pointer;  }

        #HeadSocial {width:200px; margin:0 0 0 0; position:absolute; top:18px; right:60px;}

      .Down {display:none; }


#ChildPages article .ChildTop {width:100%; height:320px; }
#ChildPages article .ChildBottom {width:100%; height:auto; overflow:hidden;}

section#GeneralListing .NewsLeft {float:left; width:100%;}
section#GeneralListing .NewsRight {float:right; position:relative; width:100%; padding:5%; margin:0px;}



      #HomeIntro {width:100%; max-width:100%; position:relative; float:left; top:0; left:0; right:0; margin-left:auto; margin-right:auto; padding:30px; }
                  #HomeIntroLeft {width:100%; float:left; margin-bottom:30px;} 
                  #HomeIntroRight {width:100%; float:right;} 


.BlogHome {padding:60px 0 30px 0 !important;  }
section.InstagramInner { padding:40px 0 40px 0;   }


section#ContactFormLeft {float:left; width:100%; margin-bottom:30px;}
section#ContactFormRight {float:right; width:100%;}

}



/* ADMIN SIDE MENU */

#AdminMenuButton {position:fixed; top:20px; left:10px; background-color:#111111; width:40px; height:40px; border-radius:50px; z-index:11;} 
                          #AdminMenuButton img {height:20px; clear:both; padding:10px;}
                          #AdminMenuButton svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;}
                          #AdminMenuButton svg path {fill:#ffffff !important;}
                          #AdminMenuButton svg:hover path {fill:#6ebebb !important;}

            .sidenavadmin {height:100%; width: 0; position: fixed; z-index:100; top: 0; left:-250px; background-color: #111111; overflow-x: hidden; padding-top: 60px; transition: 0.5s; }
            .sidenavadmin .closebtnadmin {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#555555;}

                          #Nav {float:left; width:100%;} #Nav img {height:20px;}
                          #Nav a {float:left; border-bottom:1px solid #222222; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  display:block; clear:both; width:100%; text-decoration:none; font-weight:400; color:#ffffff;  font-size:0.90em; padding:10px 5% 10px 5%;
                          -o-transition: 1s;
                          -moz-transition: 1s;
                          -khtml-transition: 1s;
                          -webkit-transition: 1s;
                          -ms-transition: 1s;
                          transition: 1s;}
                          #Nav a:hover {background: #222222; /* For browsers that do not support gradients */
                          background: -webkit-linear-gradient(left, #222222 , #111111); /* For Safari 5.1 to 6.0 */
                          background: -o-linear-gradient(right, #222222, #111111); /* For Opera 11.1 to 12.0 */
                          background: -moz-linear-gradient(right, #222222, #111111); /* For Firefox 3.6 to 15 */
                          background: linear-gradient(to right, #222222 , #111111); /* Standard syntax */ border-left:6px solid #6ebebb;}

                          #Nav svg {width:20px; height:20px; margin-right:20px; margin-left:10px; float:left; display:block; position:relative;}
                          #Nav svg path {fill:#ffffff !important;}


/* RIGHT SIDE ICONS */

.bubble1 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:80px;  right:10px; }
.bubble1 img {height:20px; clear:both; padding:10px;}
.bubble1 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;}
.bubble1 svg path {fill:#ffffff !important;}
.bubble1 svg:hover path {fill:#6ebebb !important;}

.bubble2 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:125px;  right:10px; }
.bubble2 img {height:20px; clear:both; padding:10px;}
.bubble2 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;}
.bubble2 svg path {fill:#ffffff !important;}
.bubble2 svg:hover path {fill:#6ebebb !important;}

.bubble3 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:170px;  right:10px; }
.bubble3 img {height:20px; clear:both;padding:10px; }
.bubble3 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;}
.bubble3 svg path {fill:#ffffff !important;}
.bubble3 svg:hover path {fill:#6ebebb !important;}

.bubble4 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:215px;  right:10px; }
.bubble4 img {height:20px; clear:both; padding:10px;}
.bubble4 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;}
.bubble4 svg path {fill:#ffffff !important;}
.bubble4 svg:hover path {fill:#6ebebb !important;}


/* ON ELEMENT ICONS */

.MultimediaIcons {position:absolute; top:0px; left:0px;}
.MultimediaIcons svg {width:32px; height:32px; padding:8px 0 0 8px; float:left; display:block; position:relative;}
.MultimediaIcons svg path {fill:#222222 !important;}
.MultimediaIcons svg:hover path {fill:#969696 !important;}


#AlertPanel {width:98%; margin:0 1% 40px 1%; border-radius:8px; background-color:#6ebebb; padding-top:15px; padding-bottom:15px;  text-align:center; line-height:16px;  font-size:1.10em; clear:both; }
p.AlertPanelText {padding:0px; margin:0px; color:#ffffff;}

.cke_editable.cke_editable_inline{cursor: pointer;}
.cke_editable.cke_editable_inline.cke_focus {	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;	outline: none;	background: #eee;	cursor: text;}
.cke_editable_inline pre { white-space: pre-wrap; word-wrap: break-word;}