*{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;} 
img {max-width:100%;}


/* BASIC FONT STYLES */

@font-face {font-family: 'DefaultBlack'; src: url('../fonts/SofiaProBlack.eot'); src: url('../fonts/SofiaProBlack.eot?#iefix') format('embedded-opentype'),url('../fonts/SofiaProBlack.woff') format('woff'),url('../fonts/SofiaProBlack.ttf') format('truetype'),url('../fonts/SofiaProBlack.svg#nexa_boldregular') format('svg');font-weight: normal; font-style: normal;}
@font-face {font-family: 'DefaultBold'; src: url('../fonts/SofiaProBold.eot'); src: url('../fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBold.woff') format('woff'), url('../fonts/SofiaProBold.ttf') format('truetype'), url('../fonts/SofiaProBold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'DefaultRegular';src: url('../fonts/SofiaProMedium.eot');src: url('../fonts/SofiaProMedium.eot?#iefix') format('embedded-opentype'),url('../fonts/SofiaProMedium.woff') format('woff'),url('../fonts/SofiaProMedium.ttf') format('truetype'),url('../fonts/SofiaProMedium.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'DefaultLight';src: url('../fonts/SofiaProLight.eot');src: url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'),url('../fonts/SofiaProLight.woff') format('woff'),url('../fonts/SofiaProLight.ttf') format('truetype'),url('../fonts/SofiaProLight.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}


@font-face {font-family: 'OldStyle';src: url('../fonts/oldstyle.eot');src: url('../fonts/oldstyle.eot?#iefix') format('embedded-opentype'),url('../fonts/oldstyle.woff') format('woff'),url('../fonts/oldstyle.ttf') format('truetype'),url('../fonts/oldstyle.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'Neo';src: url('../fonts/neo.eot');src: url('../fonts/neo.eot?#iefix') format('embedded-opentype'),url('../fonts/neo.woff') format('woff'),url('../fonts/neo.ttf') format('truetype'),url('../fonts/neo.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}



/* TABLE SYTLE */

table p {margin:0; padding:0;}
table { border-collapse: collapse; margin-bottom:20px; width:100%; font-size:0.90em; }
tr td {padding:6px 6px; }
tr th {padding:6px 6px; text-align:left;}
tr {border-bottom:#cccccc 1px solid;}
      tr{background: #f3f3f3;}
      tr:nth-child(odd){background: #f3f3f3;}
      tr:nth-child(even){background: rgba(255, 255, 255, 0.6); }



body {background-color:#000000; font-family:OldStyle,helvetica; font-size:100%;  overflow-x: hidden;}

#UltimateSideLeft {position:absolute; top:0; left:0; width:20px; height:100%; background-color:#000000; z-index:99999999; }
#UltimateSideRight {position:absolute; top:0; right:0; width:20px; height:100%; background-color:#000000; z-index:99999999; }

#CompleteContainer {width:100%; max-width:2600px; background-image:url('../../images/greenBG20.png'); background-size:cover; background-position:top center; margin:auto; position:relative;}
#CompleteContainerHome {width:100%; max-width:2600px; background-color:#000000; margin:auto; position:relative;}

.CompleteContainer3 {background-image:url('../../images/yellowBG.png') !important; }

.CompleteContainer133 {background-image:url('../../images/redBG2.png') !important; }


h1 { padding:0 0 10px 0; font-size:2.20em; color:#ffffff; font-weight:normal; font-family:Neo; }
h2 { padding:0 0 10px 0; font-size:1.80em; color:#ffffff; font-weight:normal; font-family:Neo;}
h3 { padding:0 0 10px 0; font-size:1.40em; color:#ffffff; font-weight:normal; font-family:OldStyle;}
h4 { padding:0 0 10px 0; font-size:1.10em; color:#ffffff; font-weight:normal; font-family:Neo;}

p { padding:0px 0px 10px 0px; font-size:1em;  color:#ffffff; line-height:1.50em;}
a { color:#ffffff; 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:1em; margin-bottom:8px; color:#ffffff;  line-height:1.50em;}

.textcolourbrand {color:#dadada;}
.textcolourgreen {color:#34c602;}
.textcolourblue {color:#026ed3;}
.textcolourred {color:#d30210;}
.textcolouryellow {color:#d3b802;}
.textcolourorange {color:#ff9900;}
.textcolourblack {color:#000000;}
.textcolourwhite {color:#ffffff;}
.textcolourpink {color:#fd60da;}
.textcolourgrey {color:#555555;}
.textcolourpurple {color:#7513fb;}

::selection {color:#222222; background-color:#dadada;}
::-moz-selection {color:#222222; background-color:#dadada;}

input {font-size:1.10em; font-family:DefaultLight; color:#222222; padding:15px; border-radius:0px; }
select {font-size:1.10em; font-family:DefaultLight; color:#222222; padding:15px; border-radius:0px;}
textarea {font-size:1.10em; font-family:DefaultLight; color:#222222; padding:15px; border-radius:0px !important;}
::-webkit-input-placeholder {color: #555555;}
:-ms-input-placeholder {  color: #555555;}
::-moz-placeholder {  color: #555555;  opacity: 1;}
:-moz-placeholder {color: #555555; opacity: 1;}


              

/* POP UP */

        #SubscribeOverlayOuter {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999999999999999999999999999999999999999; background-color: rgba(0, 0, 0, 0.8);}

        #SubscribeOverlay {width:60%; background-color:#222222; position:fixed; border-radius:6px; padding:30px 50px 50px 50px; right:0; left:0; margin-right:auto; margin-left:auto; top:30vh; z-index:99999999999999999999999999999999999999999;        }
      .close {position:absolute; top:10px; right:10px;}
      #SubscribeOverlay h1 {color:#ffffff; text-align:center; }
      #SubscribeOverlay h2 {color:#ffffff; text-align:center; }
      #SubscribeOverlay h3 {color:#ffffff; text-align:center;  }
      #SubscribeOverlay p {color:#ffffff; text-align:center;  }
      #SubscribeOverlay a {color:#f61d07;   }
      #SubscribeOverlay a:hover {color:#ffffff;   }




/* HEADER STYLES */

.HeadOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff; border-bottom:12px solid #dadada;}
header.HeadInner {width:95%; max-width:1300px; padding:0 0 0 0; height:110px; margin:0 auto; position:relative; }

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

                #Logo {width:50%; max-width:170px; height:auto; position:absolute; top:20px; left:0; right:0; margin:auto; border:none; z-index:1; }
                
                #HeadSocial {width:25%; max-width:160px; float:left; margin-top:35px; }
                              #HeadSocial .SocialIcon {float:right; width:35px; margin:0 10px 0 0; }
                              #HeadSocial .SocialIcon img {width:35px; }
                              #HeadSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
                              #HeadSocial .SocialIcon svg path {fill:#7a7a7a !important;}
                              #HeadSocial .SocialIcon svg:hover path {fill:#dadada !important;}
		

                .Down {position:absolute; top:-36px; left:0; right:0; margin-left:auto; margin-right:auto; z-index:99; width:60px; height:60px; background-color:#dadada; border-radius:100%; background-image:url('../../images/downwhite.png'); background-repeat:no-repeat; background-size:50px; background-position:center center;}
                .Down:hover {background-color:#222222;}

        
/* SLIDER / BANNER */

#HeadBanner {width:100%; float:left; background-size:cover; background-position:center center; position:relative;}     
#FootBanner {width:100%; float:left; background-size:cover; background-position:center center; position:relative;}     

.HomeSlide {width:100%; float:left; position:relative; overflow:hidden; display:block; }
.HomeBanner {width:100%; float:left; display:block; position:relative; background-size:cover; background-position:center center; overflow:hidden; }
      .HomeBannerText {position: absolute; bottom:40%; width:80%; max-width:900px; left:0; right:0; margin-left:auto; margin-right:auto; }
      .HomeBannerText h1 {color:#ffffff; text-align:center;  font-size:1.80em;  text-shadow: 1.5px 1.5px #222222; }
      .HomeBannerText h2 {color:#ffffff; text-align:center;  font-size:1.20em;  text-shadow: 1.5px 1.5px #222222; }
      .HomeBannerBTN {background-color:#dadada; color:#ffffff; border-radius:6px; width:300px; margin:30px auto; text-align:center; line-height:40px;}
          .HomeBannerBTN:hover {background-color:#222222;}

.Size20 {height:20vh; overflow:hidden; }
.Size30 {height:30vh; overflow:hidden;}
.Size40 {height:40vh; overflow:hidden;}
.Size50 {height:50vh; overflow:hidden;}
.Size60 {height:60vh; overflow:hidden;}
.Size70 {height:70vh; overflow:hidden;}
.Size80 {height:80vh; overflow:hidden;}
.Size90 {height:90vh; overflow:hidden;}
.Size100 {height:100vh; overflow:hidden;}



/* MOBILE SLIDE OUT MENU */

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

                #NavLogo {width:100%; max-width:100px; height:auto; float:left; border:none; margin-bottom:20px;}
                                
                          .sidenav a .NavLink {color:#7a7a7a; width:100%; float:left; padding:20px 0 0 0; font-family:DefaultBold; font-size:1.30em;}
                          .sidenav a .NavLink:hover {color:#000000;}

                          .sidenav a .SubNavLink {color:#7a7a7a; width:100%; float:left; padding:5px 0 0 30px; font-family:DefaultBold; font-size:1.10em;}
                          .sidenav a .SubNavLink:hover {color:#000000;}

              #MenuSocial {width:100%; margin:60px 0 0 0; float:left;}
              #MenuSocial .SocialIcon {float:left; width:35px; margin:0 10px 0 0; }
              #MenuSocial .SocialIcon img {width:35px;}
              #MenuSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
              #MenuSocial .SocialIcon svg path {fill:#7a7a7a !important;}
              #MenuSocial .SocialIcon svg:hover path {fill:#000000 !important;}



/* STANDARD DROP DOWN MENU */

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

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

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

            a.btn {display:block; font-size:1em; color:#222222; float:left; padding:0 12px 0 12px; text-align:center; line-height:40px; }
            a.btn:hover {display:block; color:#222222; border-bottom:3px solid #dadada; }

                    a.btnActive {display:block; font-size:1em; color:#222222; float:left; padding:0 12px 0 12px; text-align:center; border-bottom:3px solid #dadada; line-height:40px;}
                    a.btnActive:hover {display:block; color:#222222; border-bottom:3px solid #dadada;}

            a.btn2 {display:block; font-size:1em; color:#ffffff; padding:8px; background: rgba(0, 0, 0, 0.6);}
            a.btn2:hover {display:block; color:#ffffff; background: rgba(90, 90, 90, 0.6);}





/* FOOTER STYLES */

            .SignupOuter {width:100%; height:auto; position: relative;  float:left; background-color:#000000;}
            footer.SignupInner {width:95%; max-width:900px; padding:40px 0 40px 0;  margin:0 auto; position:relative; }
                      footer.SignupInner h2 {color:#ffffff; font-size:1.80em; line-height:40px;}
                      footer.SignupInner h3 {color:#ffffff; font-size:1.40em;  line-height:40px;}
                      footer.SignupInner p {color:#ffffff; font-size:1.80em; line-height:40px; }
                      footer.SignupInner a {color:#ffffff; }
                      footer.SignupInner big {color:#ffffff; font-size:1.60em;}


                          .SignupForm input {background-color:#dadada; float:left; width:39%; margin-right:1%; border: 1px solid #ffffff;}
                          .SignupForm input.tick {width:30px; height:30px; background-color:#dadada; float:left; padding:0px; margin-top:8px; border: 1px solid #ffffff;}
                          .SignupForm input.tick[type=checkbox]:checked {background: #222222; background-image:url('../../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;}
                          .SignupForm input:focus, textarea:focus, textarea:focus {background:#ffffff; border: 1px solid #dadada;}
                          .SignupForm p {font-size:0.70em !important; float:left; text-align:left; margin-left:5px; margin-top:16px; line-height:20px !important;}
                          .SignupForm .SubmitSignupButton {background-color:#b3b1b1; color:#ffffff; float:left; width:20%; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;}
                          .SignupForm .SubmitSignupButton:hover {background-color:#222222; }


            .FootOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
            footer.FootInner {width:95%; max-width:1300px; padding:40px 0 40px 0;  margin:0 auto; position:relative; }
                          footer.FootInner h3 {color:#7a7a7a;}
                          footer.FootInner p {color:#7a7a7a; font-size:1em; }
                          footer.FootInner a { color:#7a7a7a;}
                          footer.FootInner a:hover { color:#000000; }

                          nav#NavigationBottom {width:100%; margin-bottom:30px; padding-bottom:15px; position:relative; border-bottom:1px solid #7a7a7a;}
                                        .FootLinks {margin:0 20px 0 0;}
                          
                          #FooterContentLeft {width:25%; float:left; margin-bottom:30px;}
                          #FooterContentMiddle {width:50%; float:left; margin-bottom:30px;}
                          #FooterContentRight {width:25%; float:right; }

                                        #FooterContentRight .SocialIcon {float:left; width:35px; margin:0 10px 0 0; }
                                        #FooterContentRight .SocialIcon img {width:35px;}
                                        #FooterContentRight .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;}
                                        #FooterContentRight .SocialIcon svg path {fill:#7a7a7a !important;}
                                        #FooterContentRight .SocialIcon svg:hover path {fill:#000000 !important;}



/* GENERAL MAIN BODY STYLES */

section.PageOuter {width:100%; height:auto; position: relative;  float:left; }
section.PageInner {width:95%; max-width:1300px; padding:60px 0 0 0;  margin:0 auto; position:relative; }

      .PageInnerIndividual1 {display:none;}
      
      
      
      .PageOuterIndividual130 {background-image:url('../../images/redBG2.png') !important; background-size:cover; background-position:top center; border-bottom:8px solid #000000; border-top:8px solid #000000; }
      .SectionOuterIndividual72 {background: rgba(0, 0, 0, 0) !important; padding-top:20px;}
      .PageOuterIndividual130 h1 {color:#ffffff !important;}
      .SectionOuterIndividual72 h2 {color:#ffffff;}
      .SectionOuterIndividual72 h3 {color:#ffffff;}
      .SectionOuterIndividual72 p {color:#ffffff;}
      .SectionOuterIndividual72 table p {color:#000000;}
.SectionOuterIndividual72 div.accordion {outline:none; margin:10px 1% 0 1%; width:98%; cursor:pointer; padding:16px; position:relative; background-color:#000000 !important; }
.SectionOuterIndividual72 div.accordion h2 {color:#ffffff; font-size:1.20em; padding:0; margin:0;}
.SectionOuterIndividual72 div.panel.show {background: rgba(255, 255, 255, 0.6); width:98%; margin:0 1%; }
.SectionOuterIndividual72 div.panel.show p {color:#222222; }


      .PageOuterIndividual131 {background-image:url('../../images/greenBG20.png') !important; background-size:cover; background-position:top center; border-bottom:8px solid #025823; border-top:8px solid #025823; }
      .SectionOuterIndividual73 {background: rgba(0, 0, 0, 0) !important; padding-top:20px;}
      .PageOuterIndividual131 h1 {color:#ffffff !important;}
      .SectionOuterIndividual73 h2 {color:#ffffff;}
      .SectionOuterIndividual73 h3 {color:#ffffff;}
      .SectionOuterIndividual73 p {color:#ffffff;}
      .SectionOuterIndividual73 table p {color:#000000;}
.SectionOuterIndividual73 div.accordion {outline:none; margin:10px 1% 0 1%; width:98%; cursor:pointer; padding:16px; position:relative; background-color:#ebad00 !important; }
.SectionOuterIndividual73 div.accordion h2 {color:#ffffff; font-size:1.20em; padding:0; margin:0;}
.SectionOuterIndividual73 div.panel.show {background: rgba(255, 255, 255, 0.6);  width:98%; margin:0 1%; }
.SectionOuterIndividual73 div.panel.show p {color:#222222; }


      .PageOuterIndividual132 {background-image:url('../../images/yellowBG.png') !important; background-size:cover; background-position:top center; border-bottom:8px solid #cb3524; border-top:8px solid #cb3524; }
      .SectionOuterIndividual74 {background: rgba(0, 0, 0, 0) !important; padding-top:20px;}
      .PageOuterIndividual132 h1 {color:#ffffff !important;}
      .SectionOuterIndividual74 h2 {color:#ffffff;}
      .SectionOuterIndividual74 h3 {color:#ffffff;}
      .SectionOuterIndividual74 p {color:#ffffff;}
      .SectionOuterIndividual74 table p {color:#000000;}
.SectionOuterIndividual74 div.accordion {outline:none; margin:10px 1% 0 1%; width:98%; cursor:pointer; padding:16px; position:relative; background-color:#cb3524 !important; }
.SectionOuterIndividual74 div.accordion h2 {color:#ffffff; font-size:1.20em; padding:0; margin:0;}
.SectionOuterIndividual74 div.panel.show {background: rgba(255, 255, 255, 0.6);  width:98%; margin:0 1%; }
.SectionOuterIndividual74 div.panel.show p {color:#222222; }





        #MainLeft {float:left; width:68%; }
        #MainRight {float:right; width:28%; margin-bottom:40px; background: rgba(0, 0, 0, 0.6); padding:30px; } 
        #MainRight2 {float:right; width:28%; margin-bottom:40px; padding:0 30px }

        
        #MainProductLeft {float:left; width:58%; }
        #MainProductRight {float:right; width:38%; margin-bottom:40px; }
        
                .PageImageBG {background-position:center center; background-size:cover; width:100%; float:left;}
                .PageImageFoot {background-color:#ffffff; width:100%; float:left; padding:15px 15px 5px 15px;}
                .PageImageFoot p {font-size:0.80em; line-height:20px;}

.Breadcrumbs0 {float:left; margin:0 1%; width:98%; }
.Breadcrumbs1 {float:left; margin:0 0.5%; width:99%; }
.Breadcrumbs p {font-size:0.80em; color:#222222;}
.Breadcrumbs a { color:#222222;}
.Breadcrumbs a:hover {color:#dadada }

.TextBlockIntro {margin:0px auto 40px auto; clear:both; width:98%; max-width:950px;}

.Columns0 {margin:0; float:left; width:100%;}
.Columns1 {margin:0; float:left; width:100%;}

.Columns2 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.Columns2 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}
.Columns2 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}

.Columns3 {margin:0; width:100%; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.Columns3 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}
.Columns3 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}

.Columns4 {margin:0; width:100%; -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.Columns4 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}
.Columns4 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;}


.addthis_inline_share_toolbox {margin:0px 1% 0px 1%; clear:both; width:98%;}


/* SITE BACKGROUND COLOURS */

.SectionBgInnerAlt0 .ItemBG {background-color:#f0db98; }
.SectionBgInner0 .ItemBG {background-color:#ffffff; }

.SectionBgInnerAlt1 .ItemBG {background-color:#f0db98; }
.SectionBgInner1 .ItemBG {background-color:#f0db98; }

.ItemBG {-o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
.ItemBG:hover {background-color:#888888;}



/* SECTION STYLES */

section.SectionOuterAlt {width:100%; height:auto; position: relative; float:left;}
section.SectionInnerAlt {max-width:1300px; padding:50px 0 40px 0;  margin:0 auto; position:relative; }

                .SectionBgOuterAlt0 {border-top:0px solid #d2d2d2;}
                .SectionBgOuterAlt1 {border-top:0px solid #d2d2d2; }

                .SectionBgInnerAlt0 {width:95%; margin:0 auto;}
                .SectionBgInnerAlt0 .SectionTextAlt {float:right; width:63%; margin-right:1%;}
                .SectionBgInnerAlt0 .SectionImageAlt {float:left; width:31%; margin-left:1%; margin-bottom:10px; position:relative; } 

                .SectionBgInnerAlt1 {width:100%;}
                .SectionBgInnerAlt1 .SectionTextAlt {float:right; width:65%; margin-right:1%;}
                .SectionBgInnerAlt1 .SectionImageAlt {float:left; width:30%; margin-left:1%; margin-bottom:10px; position:relative; } 


section.SectionOuter {width:100%; height:auto; position: relative;  float:left;}
section.SectionInner {max-width:1300px; padding:50px 0 40px 0;  margin:0 auto; position:relative; }

                .SectionBgOuter0 {border-top:0px solid #d2d2d2;}
                .SectionBgOuter1 {border-top:0px solid #d2d2d2; }
                
                .SectionBgInner0 {width:95%; margin:0 auto;}
                .SectionBgInner0 .SectionText {float:left; width:63%; margin-left:1%;}
                .SectionBgInner0 .SectionImage {float:right; width:31%; margin-right:1%; margin-bottom:10px; position:relative; }

                .SectionBgInner1 {width:100%;}
                .SectionBgInner1 .SectionText {float:left; width:65%; margin-left:1%;}
                .SectionBgInner1 .SectionImage {float:right; width:30%; margin-right:1%; margin-bottom:10px; position:relative; }
                
                
.SectionImageBG {background-position:center center; background-size:cover; width:100%; float:left;}
.SectionImageBGAlt {background-position:center center; background-size:cover; width:100%; float:left;}
.SectionImageFoot {width:100%; float:left; padding:15px 15px 5px 15px;}
.SectionImageFootAlt {width:100%; float:left; padding:15px 15px 5px 15px;}

.SectionCountOuter1 {border-top:0px !important;}
.SectionCountInner1 {padding:10px 0 50px 0 !important; }

.SectionImageFoot p {font-size:0.80em; line-height:20px;}
.SectionImageFootAlt p {font-size:0.80em; line-height:20px;}
.SectionTextFull {float:left; margin:0 1%; width:98%;}


section.SectionListingOuter {width:100%; height:auto; position: relative; float:left;}
section.SectionListingInner {max-width:1300px; padding:50px 0 40px 0;  margin:0 auto; position:relative; }




/* SECTION STYLES BESPOKE */

section.SectionOuterIndividual62 {background-color:#000000 !important; padding-top:160px; padding-bottom:70px; background-image:url('../../images/blackBG.jpg'); background-size:cover; background-position:top center;}
      section.SectionOuterIndividual62 h2 {text-align:center; color:#ffffff;}
      section.SectionOuterIndividual62 p {text-align:center; color:#ffffff;}
      
      section.SectionOuterIndividual62 .SectionTextFull {float:none; margin:0 auto; width:98%; max-width:800px;}





section.SectionOuterIndividual64 {background-color:#026f2b !important; height:600px !important; background-image:url('../../images/greenBG20.png'); background-size:2000px; background-position:top center; border-bottom:8px solid #b5cdbf; border-top:8px solid #d79f07; }

                section.SectionOuterIndividual64 h2 {color:#ffffff; font-size:4.50em;  margin:0; padding:0;  text-align:right !important;}
                section.SectionOuterIndividual64 h3 {color:#ffffff; font-size:2em;  text-align:right !important;}
                section.SectionOuterIndividual64 p {color:#ffffff; font-size:2em;  text-align:right !important; }

                section.SectionOuterIndividual64 .SectionImageBG {background-position:center center; background-size:contain !important; background-repeat:no-repeat; width:100%; float:left;  margin-top:60px; height:460px !important;}

                section.SectionOuterIndividual64 .SectionText { margin-top:180px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
                section.SectionOuterIndividual64 .SectionText p {max-width:700px; text-align:right !important; float:right;}





section.SectionOuterIndividual63 {background-color:#eea502 !important; height:600px !important; background-image:url('../../images/yellowBG.png'); background-size:2000px; background-position:top center; border-bottom:8px solid #b51a16; border-top:8px solid #00712c; }

                section.SectionOuterIndividual63 h2 {color:#ffffff; font-size:4.50em;  margin:0; padding:0; }
                section.SectionOuterIndividual63 h3 {color:#ffffff; font-size:2em;}
                section.SectionOuterIndividual63 p {color:#ffffff; font-size:2em; }

                section.SectionOuterIndividual63 .SectionImageBGAlt {background-position:center center; background-size:contain !important; background-repeat:no-repeat; width:100%; float:left; margin-top:30px; height:460px !important;}

                section.SectionOuterIndividual63 .SectionTextAlt {margin-top:180px; -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg);}
                section.SectionOuterIndividual63 .SectionTextAlt p {max-width:700px; }





section.SectionOuterIndividual65 {background-color:#cd0731 !important; height:660px !important; background-image:url('../../images/redBG2.png'); background-size:2000px; background-position:top center; border-bottom:8px solid #000000; border-top:8px solid #004361; }

                section.SectionOuterIndividual65 h2 {color:#ffffff; font-size:4.50em; margin:0; padding:0;  text-align:right !important;}
                section.SectionOuterIndividual65 h3 {color:#ffffff; font-size:2em;  text-align:right !important;}
                section.SectionOuterIndividual65 p {color:#ffffff; font-size:2em;  text-align:right !important;}

                section.SectionOuterIndividual65 .SectionImageBG {background-position:center center; background-size:contain !important; background-repeat:no-repeat; width:100%; float:left;  margin-top:10px; height:540px !important;}

                section.SectionOuterIndividual65 .SectionText { margin-top:140px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
                section.SectionOuterIndividual65 .SectionText p {max-width:700px; text-align:right !important; float:right;}




section.SectionOuterPage128 {background-color:#ffffff !important; margin-top:30px; background-image:url('../../images/genBG.jpg'); background-size:2000px}
section.SectionOuterPage128 .SectionImage {width:49% !important; margin-top:10px;}
section.SectionOuterPage128 .SectionText {width:44% !important; margin-top:60px;}
 


section.SectionInnerIndividual70 {padding-top:0 !important;}

section.PageInnerIndividual3 {padding-bottom:30px;}






/* SECTION CALLOUT STYLES */

section.SectionCalloutOuter {width:100%; height:auto; position: relative;  float:left; background-color:#ffffff;}
section.SectionCalloutInner {width:95%; max-width:1300px; padding:30px 0 30px 0;  margin:0 auto; position:relative; }
                .SectionCalloutText {float:left; position:relative; width:75%; margin-left:5%; padding:50px 30% 40px 50px;  background-color:#ffffff; box-shadow: 12px 12px 24px #d6d6d6;}
                .SectionCalloutImage {width:50%; background-size:cover; background-position:center center; position:absolute; right:-20%; top:15%; height:70%; box-shadow: 12px 12px 24px #d6d6d6;} 


section.SectionCalloutOuterAlt {width:100%; height:auto; position: relative;  float:left; background-color:#f0db98;}
section.SectionCalloutInnerAlt {width:95%; max-width:1300px; padding:30px 0 30px 0;  margin:0 auto; position:relative; }
                .SectionCalloutTextAlt {float:right; position:relative; width:75%; margin-right:5%; padding:50px 50px 40px 30%;  background-color:#ffffff; box-shadow: 12px 12px 24px #d6d6d6;}
                .SectionCalloutImageAlt {width:50%; background-size:cover; background-position:center center; position:absolute; left:-20%; top:15%; height:70%; box-shadow: 12px 12px 24px #d6d6d6;} 



/* SECTION FEATURE STYLES */

section.SectionFeatureOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff; background-size:cover; background-position:center center; }
section.SectionFeatureInner {width:95%; max-width:1300px; padding:50px 0 40px 0; margin:0 auto; position:relative; }



/* RIGHT SIDE SUB MENU STYLES */

#SubMenu {width:100%; float:left; margin-bottom:20px;}

.SubLink2 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #dadada; padding:10px; color:#333333;}
      .SubLink2 a {color:#333333;}
      a:hover .SubLink2 {color:#dadada !important;}

.SubLink3 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #dadada; padding:10px 10px 10px 30px; color:#333333;}
      .SubLink3 a {color:#333333;}
      a:hover .SubLink3 {color:#dadada !important;}


/* CALLOUTS */

section#Callouts {width:100%; float:left; position:relative; }
.Callout {width:21%; margin:0 2% 0 2%; float:left; position:relative;}
        .CalloutImage {width:60%; margin:0 20% 20px 20%; background-color:#dadada; padding:35px; border-radius:50%;  -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
        .CalloutImage:hover {background-color:#888888; }
        .Callout h3 {color:#dadada; text-align:center; padding:0; line-height:26px;}
        .Callout p {color:#222222; text-align:center; font-size:0.90em; line-height:22px; padding:0;}


/* CONTACT FORM */

section#ContactForm {width:98%; margin:0px 1% 0px 1%; clear:both; max-width:400px;}
              .ContactForm input, select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:10px; border: 1px solid #c0c0c0; }
              .ContactForm textarea {padding:20px; width:100%; height:100px; background-color:#ffffff !important; margin-bottom:10px; border: 1px solid #c0c0c0; }
              .ContactForm input:focus, select:focus, textarea:focus {background:#ffffff; border: 1px solid #dadada;}
              
              .ContactForm input.tick {width:30px; height:30px; background-color:#ffffff; float:left; padding:0px;}
              .ContactForm input.tick[type=checkbox]:checked {background: #dadada; background-image:url('../../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;}
              .ContactForm input.circle {width:30px; height:30px; background-color:#ffffff; border-radius:50px; float:left; padding:0px; margin-right:6px;}
              .ContactForm input.circle[type=radio]:checked {background: #dadada;}
              
              .ContactForm p {font-size:0.70em; line-height:16px; text-align:right;}
              .ContactForm .SubmitButton {border:0; font-size:1.15em; color:#ffffff; background-color:#000000; clear:both; width:200px; -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; }

#map {height:450px; width:98%; display:block; float:left; margin:20px 1%;}


/* SEARCH FORM STYLES */

.SearchForm select {padding:20px; width:300px; background-color:#ffffff; float:left; margin-bottom:10px; border: 1px solid #c0c0c0; margin-right:10px;}
.SearchForm input {padding:20px; width:300px; background-color:#ffffff; float:left; margin-bottom:10px; border: 1px solid #c0c0c0; margin-right:10px;}
              .SearchForm input:focus, select:focus, textarea:focus {background:#ffffff; border: 1px solid #dadada;}
.SearchForm .SubmitButton {border:0; font-size:1.20em; color:#ffffff; background-color:#dadada; width:150px; -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; }


/* CHILD PAGES */

section#ChildPages {float:left; width:100%;}
      section#ChildPages article {width:31.3%; height:300px; margin:0px 1% 30px 1%; position:relative; float:left; overflow:hidden; background-position:center center; background-size:cover; }
      section#ChildPages article .LinkBar {width:100%; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);}
      section#ChildPages article .LinkBar p { color:#ffffff; text-align:center; padding:10px; margin:0px;}

section#ChildDetailPages {float:left; width:100%;}
      section#ChildDetailPages article {width:98%; margin:0px 1% 30px 1%; position:relative; float:left; overflow:hidden; }
            section#ChildDetailPages article .IntroText {width:50%; float:left; padding:30px; }
            section#ChildDetailPages article .IntroText p { color:#242424; text-align:left; margin:0px; font-size:1em; line-height:24px;}
            section#ChildDetailPages article .IntroImage {width:50%; float:right; background-position:center center; background-size:cover; height:450px;  }

            section#ChildDetailPages article .IntroTextAlt {width:50%; float:right;  padding:30px; }
            section#ChildDetailPages article .IntroTextAlt p { color:#242424; text-align:left; margin:0px; font-size:1em; line-height:24px; }
            section#ChildDetailPages article .IntroImageAlt {width:50%; float:left; background-position:center center; background-size:cover; height:450px;  }


/* FAQ LISTINGS */

section#FAQListing {width:100%; clear:both;}
div.accordion {outline:none; margin:10px 1% 0px 1%; width:98%; cursor:pointer; padding:16px; position:relative; }
div.accordion.active {background-color:#cccccc; }
div.accordion:hover {background-color:#cccccc; }
div.accordion h2 {color:#222222; font-size:1.20em; padding:0; margin:0;}
div.panel {display:none;}
div.panel.show {display: block; padding:16px; width:100%;}


/* DOCUMENT LISTINGS */

section#Documents {width:100%; clear:both;}
article.DocumentsCols0 {margin:0px 1% 10px 1%; width:48%; }
article.DocumentsCols1 {margin:0px 1% 10px 1%; width:98%; }

section#Documents article {padding:10px; float:left; }
section#Documents article .Text {float:left; width:80%;}
section#Documents article .Text h2 { font-size:1.20em; color:#222222; padding:0px; line-height:30px;}
section#Documents article .Date {float:right; width:20%;}
section#Documents article .Date p { font-size:1em; color:#222222; padding:0px; line-height:30px; text-align:right;}



article.ArticleCols0 {margin:0px 1% 30px 1%; width:31.3%; }
article.ArticleCols1 {margin:0px 1% 30px 1%; width:48%; }



/* BLOG LISTINGS */

section#Blog {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#Blog article {float:left;}
section#Blog article .Text  {float:left; width:100%; height:230px; overflow:hidden; padding:20px;}
section#Blog article .Text h2 { font-size:1.20em;  color:#222222; padding-bottom:6px;}
section#Blog article .Text p { font-size:1em; line-height:22px;}
section#Blog article .Image {height:300px; float:left; width:100%; background-color:#222222; position:relative; background-position:center center; background-size:cover;}
section#Blog article .PlayBTN {width:100%; height:300px; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }


article.BlogItem1-0 {margin:0px 1% 30px 1%; width:64.6%; }
article.BlogItem1-1 {margin:0px 1% 30px 1%; width:98%; }

      .BlogItem1 .Text {width:51.5% !important; padding:80px 30px 30px 30px !important; height:530px !important;}
      .BlogItem1 .Image {height:530px !important; width:48.5% !important;}
      .BlogItem1 .Text h2 {font-size:1.60em !important; padding-bottom:20px !important;}
      .BlogItem1 .Text p { font-size:1.10em !important; line-height:28px !important;}

        .BlogOptions select {background-color:#ffffff; color:#444444; float:left; padding:13.5px !important; font-size:0.95em !important; margin:0 10px 20px 0; width:150px; border: 1px solid #c0c0c0; border-radius:0px;  }
        .BlogOptions input {background-color:#ffffff; color:#444444; float:left; padding:12px !important; font-size:0.95em !important; margin:0 10px 20px 0; width:150px; border: 1px solid #c0c0c0;  border-radius:0px; }
        
        section#BlogPagination {float:left; clear:both; width:98%; margin:20px 1% 0px 1%; }
        section#BlogPagination .Pagination2 {float:left; border:1px solid #f0db98; background-color:#f0db98;  font-size:0.90em;  color:#111111; padding:4px 10px 4px 10px; margin-right:8px; margin-bottom:8px; border-radius:4px;}
        section#BlogPagination .Pagination {float:left; border:1px solid #f0db98; font-size:0.90em; color:#222222; padding:4px 10px 4px 10px;  margin-right:8px; margin-bottom:8px; border-radius:4px;  -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}
        section#BlogPagination .Pagination:hover {background-color:#cccccc;}


/* VENUE LISTINGS */

section#VenueListing {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#VenueListing article {height:auto; float:left; position:relative; }
section#VenueListing article .Image {width:100%; height:350px; background-color:#222222; float:left; position:relative; background-position:center center; background-size:cover;}
section#VenueListing article .Text  {float:left; width:100%; height:300px; overflow:hidden; padding:30px;}
section#VenueListing article .Text h2 { font-size:1.20em;  color:#222222; padding-bottom:6px;}
section#VenueListing article .Text p { font-size:1em;}


/* PROJECT LISTINGS */

section#ProjectListing {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#ProjectListing article {height:auto; float:left; position:relative; }
section#ProjectListing article .Image {width:100%; height:350px; background-color:#222222; float:left; position:relative; background-position:center center; background-size:cover;}
section#ProjectListing article .Text  {float:left; width:100%; height:300px; overflow:hidden; padding:30px;}
section#ProjectListing article .Text h2 { font-size:1.20em;  color:#222222; padding-bottom:6px;}
section#ProjectListing article .Text p { font-size:1em;}


/* PROFILE LISTINGS */

section#ProfileListing {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#ProfileListing article {height:auto; float:left; position:relative; }
section#ProfileListing article .Image {width:100%; height:350px; background-color:#222222; float:left; position:relative; background-position:center center; background-size:cover;}
section#ProfileListing article .Text  {float:left; width:100%; height:300px; overflow:hidden; padding:30px;}
section#ProfileListing article .Text h2 { font-size:1.20em;  color:#222222; padding-bottom:6px;}
section#ProfileListing article .Text p { font-size:1em;}


/* EVENT LISTINGS */

section#EventListing {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#EventListing article {height:auto;  float:left; position:relative; }
section#EventListing article .Image {width:100%; height:350px; background-color:#222222; float:left; position:relative; background-position:center center; background-size:cover;}
section#EventListing article .Text  {float:left; width:100%; height:300px; overflow:hidden; padding:30px;}
section#EventListing article .Text h2 { font-size:1.20em;  color:#222222; padding-bottom:6px;}
section#EventListing article .Text p { font-size:1em;}


/* PRODUCT LISTINGS */

section#ProductListing {float:left; clear:both; width:100%; margin:0 0 0 0; }
section#ProductListing article {position:relative; height:auto;  float:left; }
section#ProductListing article .Image {width:100%; height:350px; background-color:#222222; float:left; position:relative; background-position:center center; background-size:cover;}
section#ProductListing article .Text  {float:left; width:100%; height:300px; overflow:hidden; padding:20px;}
section#ProductListing article .Text h2 { font-size:1.20em;  color:#222222; padding-bottom:6px;}
section#ProductListing article .Text p { font-size:1em;}

                .ProductImageBG {background-position:center center; background-size:cover; width:98%; margin-left:1%; float:left;}

                  section#MultimediaProductThumbs {width:100%; clear:both;}
                  section#MultimediaProductThumbs .Block {display:block; float:left; width:31.3%; height:160px; position:relative; overflow:hidden; margin:10px 1% 0 1% !important; background-position:center center; background-size:cover;}
                  section#MultimediaProductThumbs .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);}
                  section#MultimediaProductThumbs p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;}
                  section#MultimediaProductThumbs .PlayBTN {width:100%; height:200px; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }


/* CALENDAR LISTING */

section#CalendarListing td.cal-head { border-bottom:1px solid #f0db98; border-right:1px solid #f0db98; background:#f0db98;}
section#CalendarListing td.cal-weekday { border-bottom:1px solid #f0db98; border-right:1px solid #f0db98; background:#ffffff; }
section#CalendarListing td.cal-weekend { border-bottom:1px solid #f0db98; border-right:1px solid #f0db98; background:#f0db98; }
section#CalendarListing p.Head { font-size:0.90em; color:#222222; }
section#CalendarListing p.Head a {color:#222222; text-decoration:none; }
section#CalendarListing p.Head a:hover {color:#222222;  }
section#CalendarListing p {font-size:0.90em;  color:#222222; padding: 0px 0px 0px 0px; }
section#CalendarListing p a {color:#222222; }
section#CalendarListing p a:hover {color:#222222;  }


/* MULTIMEDIA LISTINGS */

section#MultimediaListingThumbs {width:100%; clear:both;}
section#MultimediaListingThumbs .Block {display:block; float:left; width:23%; height:200px; position:relative; overflow:hidden; margin:30px 1% 0 1% !important; background-position:center center; background-size:cover;}
section#MultimediaListingThumbs .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);}
section#MultimediaListingThumbs p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;}
section#MultimediaListingThumbs .PlayBTN {width:100%; height:200px; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }


section#MultimediaListingBlocks {width:100%; clear:both;}
section#MultimediaListingBlocks .ImageFullBlock {width:100%; margin-top:30px; float:left;}
section#MultimediaListingBlocks .VideoFullBlock {display:block; float:left; width:100%; position:relative; margin-top:30px; background-position:center center; background-size:cover;}
          section#MultimediaListingBlocks .Columns2 .VideoFullBlock {height:400px;}
          section#MultimediaListingBlocks .Columns2 .PlayBTN {height:400px;}
          section#MultimediaListingBlocks .Columns3 .VideoFullBlock {height:250px;}
          section#MultimediaListingBlocks .Columns3 .PlayBTN {height:250px;}
          section#MultimediaListingBlocks .Columns4 .VideoFullBlock {height:200px;}
          section#MultimediaListingBlocks .Columns4 .PlayBTN {height:200px;}
section#MultimediaListingBlocks .Description {width:100%; background-color:#222222; padding:5px; float:left;}
section#MultimediaListingBlocks p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;}
section#MultimediaListingBlocks .PlayBTN {width:100%; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }


section#MultimediaListingSlider {width:98%; float:left; margin:30px 1% 0 1%; position:relative;}
section#MultimediaListingSlider .Block {float:left; width:100%; position:relative; margin:0; background-position:center center; background-size:cover;}
section#MultimediaListingSlider .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);}
section#MultimediaListingSlider p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;}
section#MultimediaListingSlider .PlayBTN {width:100%; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; }
section#MultimediaListingSlider .MediaSlideBlock {float:left; width:100%; position:relative;}
section#MultimediaListingSlider .responsive1 .Block {height:700px; }
section#MultimediaListingSlider .responsive2 .Block {height:600px; }
section#MultimediaListingSlider .responsive3 .Block {height:350px; }
section#MultimediaListingSlider .responsive4 .Block {height:300px; }
section#MultimediaListingSlider .responsive1 .PlayBTN {height:700px;}
section#MultimediaListingSlider .responsive2 .PlayBTN {height:600px;}
section#MultimediaListingSlider .responsive3 .PlayBTN {height:350px;}
section#MultimediaListingSlider .responsive4 .PlayBTN {height:300px;}

section#MultimediaListingLogos {width:100%; float:left; margin:30px 0 0 0; position:relative; display: flex; justify-content:center; flex-wrap:wrap; position:relative;}
section#MultimediaListingLogos .MediaLogo {margin:0 1% 10px 1%; border:1px solid #c0c0c0; background-color:#ffffff; padding:5px; width:auto; height:130px;}
      section#MultimediaListingLogos .MediaLogo img {width:auto; height:100%;}





/* SITE MAP */

section#SiteMap {float:left; clear:both; width:48%; margin:0 1%; }
section#SiteMap a {color:#ffffff;}
section#SiteMap .SiteMap1 {background-color:#cccccc; width:100%; margin:0 0 1px 0%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both;  }
section#SiteMap .SiteMap2 {background-color:#d9d9d9; width:95%; margin:0 0 1px 5%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both; }
section#SiteMap .SiteMap3 {background-color:#e5e5e5; width:90%; margin:0 0 1px 10%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both; }
section#SiteMap .SiteMap4 {background-color:#f2f2f2; width:85%; margin:0 0 1px 15%; color:#222222; float:left; padding:15px 15px 15px 15px; clear:both; }



/* ALERT MESSAGE */

#AlertPanel {width:98%; margin:0 1% 30px 1%; border:1px solid #dadada; padding-top:10px; padding-bottom:10px; text-align:center; font-size:1em; clear:both; }
p.AlertPanelText {padding:0px; margin:0px;}

#SiteAlert {float:left; width:100%; padding:10px 100px; background-color:#dadada;}
    #SiteAlert p {color:#ffffff; text-align:center; font-size:1.20em; padding:0; margin:0;}






.wrapper{
  width: 300px;
  height: 300px; position:absolute; left:0; top:-100px;
}


.bubble{
  position: absolute;
  top: 53%;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 1);
}
.small{
  width: 10px;
  height: 10px;
  left: 50%;
  animation: flow-s 2s linear infinite;
}
.small-l{
  width: 10px;
  height: 10px;
  left: 43%;
  animation: flow-s-l 0.9s linear infinite;
}
.s-medium{
  width: 20px;
  height: 20px;
  left: 43%;
  animation: flow-s 1.3s linear infinite;
}
.medium{
  width: 25px;
  height: 25px;
  left: 45%;
  animation: flow-m 0.8s linear infinite;
}
.large{
  width:5px;
  height: 5px;
  left: 57%;
  animation: flow-l 0.7s linear infinite;
}

@keyframes flow-l {
  0% {
    top: 53%;
    left: 57%;
    opacity:0;
  }
  25%{
    top: 49%;
    left: 57.5%;
    opacity: 1;
  }
  50%{
    left: 58%;
    opacity: 1;
  }
  75%{
    left: 57.5%;
    opacity: 1;
  }
  100% {
    top: 32%;
    left: 57%;
    opacity: 0;
  }
}

@keyframes flow-s {
  0% {
    top: 53%;
    left: 50%;
    opacity:0;
  }
  25%{
    top: 49%;
    left: 51%;
    opacity: 1;
  }
  50%{
    top: 45%;
    left: 52%;
    opacity: 1;
  }
  75%{
    top: 41%;
    left: 51%;
    opacity: 1;
  }
  100% {
    top: 37%;
    left: 50%;
    opacity: 0;
  }
}

@keyframes flow-s-m {
  0% {
    top: 53%;
    left: 43%;;
    opacity:0;
  }
  25%{
    top: 49%;
    left: 42.5%;
    opacity: 1;
  }
  50%{
    top: 45%;
    left: 42%;
    opacity: 1;
  }
  75%{
    top: 41%;
    left: 42.5%;
    opacity: 1;
  }
  100% {
    top: 37%;
    left: 43%;
    opacity: 0;
  }
}

@keyframes flow-m {
  0% {
    top: 53%;
    left: 45%;;
    opacity:0;
  }
  25%{
    top: 48%;
    left: 44.5%;
    opacity: 1;
  }
  50%{
    top: 43%;
    left: 44%;
    opacity: 1;
  }
  75%{
    top: 38%;
    left: 44.5%;
    opacity: 1;
  }
  100% {
    top: 33%;
    left: 45%;
    opacity: 0;
  }
}

@keyframes flow-s-l {
  0% {
    top: 53%;
    left: 43%;;
    opacity:0;
  }
  25%{
    top: 48%;
    left: 43.5%;
    opacity: 1;
  }
  50%{
    top: 43%;
    left: 44%;
    opacity: 1;
  }
  75%{
    top: 38%;
    left: 43.5%;
    opacity: 1;
  }
  100% {
    top: 33%;
    left: 43%;
    opacity: 0;
  }
}




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

          #SubscribeOverlay {width:80%; padding:30px; top:30vh;}

}


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

        #SubscribeOverlay {width:80%; padding:30px; top:10vh;}


          #MainLeft {float:left; width:100%;}
          #MainRight {float:right; width:100%; margin-top:30px;}
          #MainRight2 {float:right; width:100%; margin-top:30px;}

article.ArticleCols0 {margin:0px 1% 30px 1%; width:48%; }
article.ArticleCols1 {margin:0px 1% 30px 1%; width:48%; }
article.DocumentsCols0 {margin:0px 1% 10px 1%; width:98%; }

article.BlogItem1-0 {margin:0px 1% 30px 1%; width:98%; }
article.BlogItem1-1 {margin:0px 1% 30px 1%; width:98%; }

      .BlogItem1 .Text {width:50% !important; padding:80px 30px 30px 30px !important; height:530px !important;}
      .BlogItem1 .Image {height:530px !important; width:50% !important;}
      .BlogItem1 .Text h2 {font-size:1.60em !important; padding-bottom:20px !important;}
      .BlogItem1 .Text p { font-size:1.10em !important; line-height:28px !important;}


.Columns2 { -webkit-column-count:2; -moz-column-count:2; column-count:2;}
.Columns3 { -webkit-column-count:2; -moz-column-count:2; column-count:2;}
.Columns4 { -webkit-column-count:2; -moz-column-count:2; column-count:2;}
          
          
                .SectionBgInnerAlt0 .SectionTextAlt {width:100%; margin-right:0%;}
                .SectionBgInnerAlt0 .SectionImageAlt {width:100%; margin-left:0%; margin-bottom:10px;} 

                .SectionBgInnerAlt1 .SectionTextAlt {width:100%; margin-right:0%;}
                .SectionBgInnerAlt1 .SectionImageAlt {width:100%; margin-left:0%; margin-bottom:10px;} 

                .SectionBgInner0 .SectionText {width:100%; margin-left:0%;}
                .SectionBgInner0 .SectionImage {width:100%; margin-right:0%; margin-bottom:10px;}

                .SectionBgInner1 .SectionText {width:100%; margin-left:0%;}
                .SectionBgInner1 .SectionImage {width:100%; margin-right:0%; margin-bottom:10px;}
                
section#MultimediaListingThumbs .Block {width:31.3%; height:200px;}

            section#ChildDetailPages article .IntroText {width:100%; }
            section#ChildDetailPages article .IntroImage {width:100%; height:450px;  }
            section#ChildDetailPages article .IntroTextAlt {width:100%; }
            section#ChildDetailPages article .IntroImageAlt {width:100%; height:450px;  }

section#SiteMap {float:left; clear:both; width:98%; margin:0 1%; }
          
                          .SignupForm input {width:49%; margin-right:1%; margin-bottom:8px;}
                          .SignupForm .SubmitSignupButton {width:49%; margin-right:1%; }

                          #FooterContentLeft {width:50%;}
                          #FooterContentMiddle {width:50%;}
                          #FooterContentRight {width:100%;}










section.SectionOuterIndividual64 {height:80vh !important; background-position:top center; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  background-image:url('../../images/greenBGm.png'); background-size:cover;}

                section.SectionOuterIndividual64 h2 {color:#ffffff; font-size:2.60em; text-align:center !important; margin:0; padding:0;}
                section.SectionOuterIndividual64 h3 {color:#ffffff; font-size:2em; text-align:center !important;}
                section.SectionOuterIndividual64 p {color:#ffffff; font-size:1.20em; text-align:center !important; }

                section.SectionOuterIndividual64 .SectionImageBG {background-position:center center; background-size:contain !important; background-repeat:no-repeat; width:100%; float:left;  margin-top:60px; height:500px !important;}

                section.SectionOuterIndividual64 .SectionText { margin-top:40px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
                section.SectionOuterIndividual64 .SectionText p {max-width:100%!important; text-align:center !important;}



section.SectionOuterIndividual63 {height:80vh !important;  background-position:top center; background-image:url('../../images/yellowBGmobile.png'); background-size:cover;}

                section.SectionOuterIndividual63 h2 {color:#ffffff; font-size:2.60em; text-align:center !important;  margin:0; padding:0;}
                section.SectionOuterIndividual63 h3 {color:#ffffff; font-size:2em; text-align:center !important; }
                section.SectionOuterIndividual63 p {color:#ffffff; font-size:1.20em; text-align:center !important;}

                section.SectionOuterIndividual63 .SectionImageBGAlt {background-position:center center; background-size:contain !important; background-repeat:no-repeat; width:100%; float:left; margin-top:60px; height:500px !important;}

                section.SectionOuterIndividual63 .SectionTextAlt {margin-top:20px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
                section.SectionOuterIndividual63 .SectionTextAlt p {max-width:100%!important; text-align:center !important;}




section.SectionOuterIndividual65 {height:85vh !important;  background-position:top center; background-image:url('../../images/redBGm.png'); background-size:cover;}

                section.SectionOuterIndividual65 h2 {color:#ffffff; font-size:2.60em;  text-align:center !important;;margin:0; padding:0;}
                section.SectionOuterIndividual65 h3 {color:#ffffff; font-size:2em; text-align:center !important;}
                section.SectionOuterIndividual65 p {color:#ffffff; font-size:1.20em; text-align:center !important;}

                section.SectionOuterIndividual65 .SectionImageBG {background-position:center center; background-size:contain !important; background-repeat:no-repeat; width:100%; float:left;  margin-top:60px; height:500px !important;}

                section.SectionOuterIndividual65 .SectionText { margin-top:20px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
                section.SectionOuterIndividual65 .SectionText p {max-width:100%!important; text-align:center !important;}






#UltimateSideLeft {display:none;}
#UltimateSideRight {display:none;}
.BirdLeft {display:none;}
.BirdRight {display:none;}

.wrapper{
  width: 300px;
  height: 300px; position:absolute; left:150px; top:-100px;
}


}



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


section.PageInner { padding:120px 0 0 0;  }

section.SectionOuterIndividual64 {height:95vh !important; }
section.SectionOuterIndividual63 {height:95vh !important; }
section.SectionOuterIndividual65 {height:95vh !important; }

                section.SectionOuterIndividual64 .SectionImageBG {height:430px !important; margin-top:10px !important; }
                
                section.SectionOuterIndividual63 .SectionImageBGAlt {height:430px !important; margin-top:10px !important;}

                section.SectionOuterIndividual65 .SectionImageBG {height:450px !important; margin-top:10px !important;}

                #HeadSocial {display:none; }

            body {font-size:90%;}

article.ArticleCols0 {margin:0px 1% 30px 1%; width:98%; }
article.ArticleCols1 {margin:0px 1% 30px 1%; width:98%; }

      .BlogItem1 .Text {width:100% !important; padding:20px !important; height:auto !important;}
      .BlogItem1 .Image {height:300px !important; width:100% !important;}
      .BlogItem1 .Text h2 {font-size:1.20em !important; padding-bottom:6px !important;}
      .BlogItem1 .Text p { font-size:1em !important; line-height:22px !important;}

.Columns2 { -webkit-column-count:1; -moz-column-count:1; column-count:1;}
.Columns3 { -webkit-column-count:1; -moz-column-count:1; column-count:1;}
.Columns4 { -webkit-column-count:1; -moz-column-count:1; column-count:1;}

section#MultimediaListingThumbs .Block {width:48%; height:200px;}

            .sidenav {padding-top:15px;}

            .FootLinks {display:block;}

                          #FooterContentLeft {width:100%;}
                          #FooterContentMiddle {width:100%;}

                          .SignupForm input {width:100%; margin-right:0%;}
                          .SignupForm .SubmitSignupButton {width:100%;  margin-right:0%;}

}