/*

font-family: omnes-pro, sans-serif;
font-weight: 400;
font-style: normal;

Omnes SemiBold
font-family: omnes-pro, sans-serif;
font-weight: 600;
font-style: normal;
*/

body,html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; background-color:#ffffff; font-family: 'nimbus-sans', sans-serif }
ol, ul {	list-style: none;}
h1 {  font-size:2.5em; margin:0% 0 1.5%;color:#000000; letter-spacing:-2px; font-weight:400;  text-align:left; line-height: 1em; }
.blogmain h1,
.blogmain p {text-align:left; }
/*h2 {  font-size:2em; margin:0% 0 2%;color:#2299D1;  letter-spacing:-2px; font-weight:400; text-align:left; }*/
h2 {  font-size:2.0em; margin:0% 0 1%;color:#2299D1;  letter-spacing:-2px; font-weight:400; text-align:left; }
.half h2, .half p {  text-align:center; }
.half.alleft h2, .half.alleft p {  text-align:left; }
h2.shifted { width:85%;  color:#000000}
h3 { font-weight:400; line-height:1em; font-size:1.57em; margin:2% 0 2% ; color:#2299D1; letter-spacing:-1.5px; text-align:left;}
h4 { font-weight:400; font-size:1.2em; margin:12px 0 0 0 ; color:#2299D1; letter-spacing:-1px;text-align:left; }


.imgleft{clear:left; float:left; width:30%; margin:0 3% 3% 0%}
.imgright{clear:right; float:right; width:30%; margin:0 0% 3% 3%}


h1,h2,h3,h4 { font-family: 'omnes-pro', sans-serif;font-weight: 600;font-style: normal;}
h2 span {font-family: 'nimbus-sans', sans-serif; font-size:1.07em; font-weight: 100}








.popoverlay h3 {color: #56B2E4;}

a.link {color: inherit; text-decoration: none;}

hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0}
.spacer {padding-top:80px;}
p{ color:#000000; font-size:1.4em; margin:0px 0 2% 0; line-height:112%; letter-spacing:-1px; font-weight:300; text-align:left;  font-family: 'nimbus-sans', sans-serif}
td{ color:#333; font-size:1em;}
strong {font-weight:600}
.left {float:left}
.right {float:right; }

.half {float:left; width:48%; margin-right:4%; text-align: center; border:0px solid #333; box-sizing: border-box}
.half:nth-of-type(even){	margin-right:0%;  }

.qhalf{clear:left;width:49%; float:left; height:auto; margin-bottom:2%; padding:3%; box-sizing: border-box}
.qhalf:nth-of-type(even){ clear:none; width:49%; float:left; height:auto; margin-left:2%}



.fa-15x { font-size: 1.5em; margin-right:5px;margin-left:5px;}


table {  border-collapse: collapse;  width: 100%;}
table td, table th { border: 0px solid #ddd; padding: 10px;  font-family: 'nimbus-sans', sans-serif; }
/*table tr:first-child{background-color: #2299D1;}*/
table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #2299D1; color: white; font-size: 1.4em; font-family: 'nimbus-sans', sans-serif; font-weight:400;}


.megaphone {float:left;background: url(images/megaphone.png) no-repeat; height:0; width:46%; padding-bottom:39%; background-size: contain; margin:2% 0 7% 2%;-webkit-animation:zoomImg1 2s ;-moz-animation:zoomImg1 2s;-o-animation:zoomImg1 2s ;animation:zoomImg1 2s;}
.megaspeech {float:right;margin-right:16%; overflow:hidden; width:36%; text-align:center;  max-height:200px;}
.megaspeech .big{line-height: 1em;text-align:center;  font-size:4.3em; font-family: 'omnes-pro', sans-serif; letter-spacing: -4px;color:#2299D1;;-webkit-animation:zoomImg2 3s ;-moz-animation:zoomImg2 3s;-o-animation:zoomImg2 3s ;animation:zoomImg2 3s; }
.megaspeech .sml {color:#000; text-align:center; font-size:2em; line-height: 1em; font-family: 'nimbus-sans', sans-serif; letter-spacing: -2px; font-weight: 100; ;-webkit-animation:zoomImg3 4s ;-moz-animation:zoomImg3 4s;-o-animation:zoomImg3 4s ;animation:zoomImg3 4s;}
.megaspeech .sml2 {color:#000; text-align:center; font-size:1.5em; line-height: 1em; font-family: 'nimbus-sans', sans-serif; letter-spacing: -1px; font-weight: 100; ;-webkit-animation:zoomImg3 4s ;-moz-animation:zoomImg3 4s;-o-animation:zoomImg3 4s ;animation:zoomImg3 4s;}

.megaspeech .sp {display: none; }
.megaspeech .sp:first-of-type {display: block; }

.spin {-webkit-animation:wobbleb4 2s ;-moz-animation:wobbleb4 2s;-o-animation:wobbleb4 2s ;animation:wobbleb4 2s;}

@keyframes wobbleb4{
0%{transform:scale(1);}
20%{transform:scale(0.8) rotate(-18deg) }
30%{transform:scale(1) rotate(0deg)}
100%{transform:scale(1.0)}
}

.splitflap {margin-top:12% !important; margin-left:-11%;-webkit-animation:zoomImg1 1s ;-moz-animation:zoomImg1 1s;-o-animation:zoomImg1 1s ;animation:zoomImg1 1s; }
.splitflap .char {margin-right:9% !important; }
.scrleft {left:0px; top:240px;position:absolute; }
.scrright{ right:0px;; top:30px;position:absolute; }


.jobs-header { color:#BC177B; height:49px; overflow:hidden}
.news-header {color:#2299D1;  height:49px; overflow:hidden}
.jobs-info, .news-info {
	 height:80px; overflow:hidden
}
a.button, a.button:hover {text-decoration: none;}
.button{  display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px;  padding: 6px 20px;    background: #000000;      color: #ffffff !important;     border-radius: 5px; 	 width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s	}
.button.blue {background: #BC177B;  border:3px solid #BC177B; }
.button.pink {background: #2299D1; border:3px solid #2299D1;}
.button.blue:hover{ border:3px solid #BC177B; background:#ffffff; color:#BC177B !important; text-decoration: none; box-sizing: border-box;}
.button.pink:hover{ border:3px solid #2299D1; background:#ffffff; color:#2299D1 !important; text-decoration: none; box-sizing: border-box;}



a.enquiry{-webkit-animation:zoomImg 3s infinite;-moz-animation:zoomImg 3s infinite;-o-animation:zoomImg 3s infinite;animation:zoomImg 3s infinite;}
@keyframes zoomImg{
0%{transform:scale(1.0);}
10%{transform:scale(0.95); }
20%{transform:scale(1.0);transform:rotate(3deg)}
30%{transform:scale(0.95);}
40%{transform:scale(1.0);transform:rotate(-3deg);}
50%{transform:scale(0.95);}
60%{transform:scale(1.0);transform:rotate(3deg) }
70%{transform:scale(0.95);}
80%{transform:scale(1.0);transform:rotate(-3deg) }
90%{transform:scale(0.95); }
100%{transform:scale(1.0); }
}


@keyframes zoomImg1{
0%{transform:scale(0.0); opacity:0.0}
20%{transform:scale(0.0) rotate(-30deg); opacity:0.0; }
30%{transform:scale(1.0)  rotate(0deg); opacity:1}
100%{transform:scale(1.0); opacity:1}
}

@keyframes zoomImg2{
0%{transform:scale(0.0); opacity:0.0}
30%{transform:scale(0.0)  rotate(-30deg); opacity:0.0; }
40%{transform:scale(1.0)  rotate(0deg); opacity:1}
100%{transform:scale(1.0); opacity:1}
}

@keyframes zoomImg3{
0%{transform:scale(0.0); opacity:0.0}
40%{transform:scale(0.0)  rotate(30deg); opacity:0.0; }
50%{transform:scale(1.0)  rotate(0deg); opacity:1}
100%{transform:scale(1.0); opacity:1}
}

@keyframes zoomImg4{
0%{ opacity:0.0}
50%{transform:translate(-50px,0px)  ; opacity:0.0; }
80%{transform:translate(0px,0px) ; opacity:1}
100%{ opacity:1}
}


.fadeIn1{ animation-delay: 1s;  animation: fadein 1s  forwards;}
.fadeIn2{ animation-delay: 3s;  animation: fadein 3s  forwards;}
.fadeIn3{ animation-delay: 5s;  animation: fadein 5s  forwards;}

@keyframes fadein { 
	
	0%{ opacity:0;/* transform:scale(0.0) */}
100%{ opacity:1; /*transform:scale(1.0) */}
 }



#cform fieldset{margin:0% 0% 0%;padding:0;border:0px;width:100%;position:relative;}
#cform input{float:left;color:#000000;background-color:#eeeeee;width:100%;margin:0 0 24px 0%;border:0px solid #000000;padding:10px;box-sizing:border-box;font-family: 'nimbus-sans', sans-serif;font-weight:100; font-size:1.2em;border-radius:5px;}
#cform .lt{float:left;width:47.5%;}
#cform .rt{float:right;width:47.5%;}
#cform select{float:left;color:#000;background-color:#eeeeee;height:44px;width:100%;margin:0 0 24px 0%;border:0px solid #000000;padding:10px;box-sizing:border-box;font-family: 'nimbus-sans', sans-serif;font-size:1.2em;border-radius:5px;font-weight:100; }
#cform textarea{float:left;color:#000;background-color:#eeeeee;width:100%;height:200px;margin:0 0 24px 0;border:0px solid #000000;box-sizing:border-box;padding:10px;font-family: 'nimbus-sans', sans-serif;font-size:1.2em;border-radius:5px;font-weight:100; }

#cform .btn {text-decoration: none;}
#cform .btn{background: #2299D1; border:3px solid #2299D1;  display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px;  padding: 6px 20px;      color: #ffffff !important;     border-radius: 5px; 	 width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s	}
#cform .btn:hover{ border:3px solid #2299D1; background:#ffffff; color:#2299D1 !important; text-decoration: none; box-sizing: border-box;}




#cform fieldset label{float:left;width:100%;margin:5px 0 5px;font-size:1.4em;color:#000000; text-align: left; font-family: 'nimbus-sans', sans-serif;font-weight:400; }
#cform .showf{display:none;}
/* 
PINK #BC177B 
BLUE #2299D1
*/

.clearfix:after {    visibility: hidden;    display: block;    font-size: 0;    content: " ";    clear: both;    height: 0;    }
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

h2.blog {  font-size:1.7em; margin:0px 0 0 0px;color:#2299D1; letter-spacing:-1px; text-align:left; line-height:100%}



.clear {clear:both; }



.holder {margin:0px auto; max-width:960px; position:relative; z-index:11;}
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

.fullholder {width:100%;}
.fullholder .holder {margin:0px auto 0;}

#header { width:100%; background-color:#fff; position:relative; z-index:79999; border-top:0px solid #ccc; margin-top:0px; }
#header.smaller {position:fixed; border-top:0px solid #ccc; margin-top:0px;  box-shadow: 0 4px 5px -5px gray;}
#header .logo { float:left; width:17%; margin-right:0;height:auto;margin-top:25px;margin-bottom:25px; position:relative; z-index:999;}
#header .logo span {display:none}
#header .logo img.orig{ display:none;width:100%}
#header .logo img.wb{  display:block;width:100%}

#header .logo .fadeIn3{ position:absolute; top:0px; left:72px;width:5px; height:5px;  opacity:0; background:transparent; border-radius: 50%; border:4px solid #394595; }
#header .logo .fadeIn2{ position:absolute; top:14px; left:73px;width:2px; height:2px;  opacity:0; background:transparent; border-radius: 50%;border:2px solid #394595; }
#header .logo .fadeIn1{ position:absolute; top:21px; left:78px;width:1px; height:1px;  opacity:0; background:transparent; border-radius: 50%;border:1.15px solid #394595; }

#header .contactinfo {width:50%; float:right;  margin:3% 0 0px 0%; line-height:1.5em; font-size:1.5em; text-align:right; letter-spacing: -2px;  color:#000000}
#header .contactinfo a{ text-decoration:none; }
#header .socials{ float:right;margin-left:3%}
.footer .socials{ float:right;margin-left:6%; margin-top:6%}
.phone-contact-h { width:100%; color:#000000 !important;   font-family: 'omnes-pro', sans-serif;font-size: 1.3em; display: block; line-height: 110%;    margin-top: -15px; font-weight:600}
.second {  margin-top: 6px; margin-bottom: -5px;}

.phone-contact-h span span{color: #2299D1; }
.phone-contact-h span span {color: #BC177B; margin-right:6px;; }
.phone-contact-h span {color:#000000 }
#header .fb ,.footer .fb  {color: #3B5998 !important;} /* FB */
#header .tw,.footer .tw  {color:  #1DA1F2 ;} /* FB */
#header .li , .footer .li  {color: #0077B5;} /* FB */
.num {display: inline-block;}
/*
.gradient {
background: -moz-linear-gradient(left, rgba(14,139,204,0.8) 0%, rgba(178,20,114,0.8) 100%) !important; 
background: -webkit-linear-gradient(left, rgba(14,139,204,0.8) 0%,rgba(178,20,114,0.8) 100%) !important; 
background: linear-gradient(to right, rgba(14,139,204,0.8) 0%,rgba(178,20,114,0.8) 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0e8bcc', endColorstr='#ccb21472',GradientType=1 )  !important; 
}*/

.gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#199edd+0,3b4a96+25,60448f+50,8b3581+75,b60b70+100 */
background: rgb(25,158,221) !important; 
background: -moz-linear-gradient(left, rgba(25,158,221,1) 0%, rgba(59,74,150,1) 25%, rgba(96,68,143,1) 50%, rgba(139,53,129,1) 75%, rgba(182,11,112,1) 100%)!important; 
background: -webkit-linear-gradient(left, rgba(25,158,221,1) 0%,rgba(59,74,150,1) 25%,rgba(96,68,143,1) 50%,rgba(139,53,129,1) 75%,rgba(182,11,112,1) 100%)!important; 
background: linear-gradient(to right, rgba(25,158,221,1) 0%,rgba(59,74,150,1) 25%,rgba(96,68,143,1) 50%,rgba(139,53,129,1) 75%,rgba(182,11,112,1) 100%)!important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199edd', endColorstr='#b60b70',GradientType=1 )!important; 
}

.email-contact-h{float:left; width:100%; color:#000000 !important;font-size: 1em; }
.phone-disable {   pointer-events: none;   cursor: default ; }
.social-contact-h { width:auto; color:#000000 !important;}
.phone-contact-h i {display: none}


.masthead{clear:both; margin-bottom:2%; margin-top:0%; position:relative; z-index:9999; padding: 2% 0}
.masthead .holder{position:relative;z-index:11; text-align: center}
.masthead .holder .title{float:left;width:100%;color:#ffffff;font-size:1.96em;line-height:90%;letter-spacing:-1px;margin:0% 0% 0;text-align:center;  font-family: 'omnes-pro', sans-serif; font-weight:600}

.masthead .holder .htitle{float:left;width:100%;color:#ffffff;font-size:2em;line-height:100%;letter-spacing:-1px;margin:0% 0% 0;text-align:center;  font-family: 'omnes-pro', sans-serif; font-weight:600;}
.masthead .holder .hstrapline{float:left;width:100%;color:#ffffff;font-size:1.4em; font-weight: 100;  line-height:100%;letter-spacing:-0.5px;margin:2% 0% 0;text-align:center;  font-family: 'nimbus-sans', sans-serif;}

.masthead .holder .title2{float:left;width:100%;color:#ffffff;font-size:2.2em;line-height:90%;letter-spacing:-0.5px;margin:0% 0;text-align:center;  font-family: 'omnes-pro', sans-serif; font-weight: 600;}
.masthead .holder .subtitle{float:left;width:90%;color:#ffffff;font-size:1.4em; font-weight:100;line-height:90%;;letter-spacing:-0.5px;margin:1% 5% 0;text-align:center;  font-family: 'nimbus-sans', sans-serif;}
.masthead .holder a{overflow: hidden; border:3px solid #ffffff; display: inline-block; font-size:1.8em;/* font-size:2.2em;*/ letter-spacing: -1px;  padding: 10px 28px;    background: #ffffff;    text-decoration: none;    color: #000000;    margin: 3% auto 0%;    border-radius: 5px; 	position: relative; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.3s; font-weight:600;	}
.masthead .holder a:nth-of-type(2){margin-left:5%;}
.masthead .holder a span{font-family: 'nimbus-sans', sans-serif; font-size:1.07em; font-weight: 100}
.masthead .holder a:hover{ border:3px solid #ffffff; background:transparent; color:#ffffff !important; text-decoration: none; box-sizing: border-box;}

.masthead .holder a:hover:before{opacity: 1; transform: translate(0,0);}
.masthead .holder a:before{      content: attr(data-hover); color:#ffffff;     position: absolute;      left: 0;      width: 100%; opacity: 0;      transform: translate(-100%,0);      transition: all .3s ease-in-out;}
.masthead .holder a:hover div{opacity: 0; transform: translate(100%,0)}
.masthead .holder a div{ transition: all .3s ease-in-out;}


.searchbar{clear:both; margin-bottom:1.5%; position:relative; z-index:9999; padding: 2% 0}
.searchbar .holder{position:relative;z-index:11; text-align: left}
.searchbar .holder .title{float:left;width:100%;color:#ffffff;font-size:2.2em;line-height:125%;letter-spacing:-1px;margin:0% 0% 0;text-align:center;  font-family: 'omnes-pro', sans-serif; font-weight:600}

.searchbar button{float:right; overflow: hidden; border:3px solid #ffffff; display: inline-block; font-size:1.5em; line-height: 1em; letter-spacing: -1px; height:44px;  padding: 0px 18px;    background: transparent;    text-decoration: none;    color: #000000;    margin: 0% auto 0%;    border-radius: 5px; 	position: relative; width:auto; font-weight:600;  font-family: 'omnes-pro', sans-serif; transition: 0.3s	}
.searchbar button:hover{ border:3px solid #ffffff; background:transparent; color:#ffffff !important; text-decoration: none; box-sizing: border-box;}
.searchbar button:hover:before{opacity: 1; transform: translate(0,0);}
.searchbar button:before{      content: attr(data-hover); color:#ffffff;     position: absolute;      left: 0;      width: 100%; opacity: 0;      transform: translate(-100%,0);      transition: all .3s ease-in-out;}
.searchbar button:hover div{opacity: 0; transform: translate(100%,0)}
.searchbar button div{ transition: all .3s ease-in-out;}



h2.areas {  font-size:2.4em; margin:2% 0 1%;color:#ffffff; letter-spacing:-2px; font-weight:400; text-align:center; }
ul.arealists { font-size:1.6em; margin:0% 0 6%;}
ul.arealists li {margin:-1% 0 0%;color:#ffffff !important;  width:100%; letter-spacing: -1px;font-family: 'omnes-pro', sans-serif;}
ul.arealists li:after{ content: ''; width: 0px; height: 2px; display: block; background: #ffffff; transition: 0.3s;}


[data-letters]:before {    content: attr(data-letters);    display: inline-block;    font-size: 1.8em;    font-weight: 400;    width: 1.8em;    height: 1.8em;    line-height: 1.8em;    text-align: center;    border-radius: 50%;    background: #2299D1;    vertical-align: middle;    margin-right: 0.5em;    color:#ffffff; ;	font-family: 'omnes-pro', sans-serif;}
[data-letters]:nth-of-type(1):before { background: #BC177B !important;}
[data-letters]:nth-of-type(2):before { background: #BC177B !important;}
[data-letters]:nth-of-type(3):before { background: #2299D1 !important;}
[data-letters]:nth-of-type(4):before { background: #6F99D1 !important;}
[data-letters]:nth-of-type(5):before { background: #8883C5 !important;}
[data-letters]:nth-of-type(6):before { background: #A16EB9 !important;}
[data-letters]:nth-of-type(7):before { background: #B55BAE !important;}
[data-letters]:nth-of-type(8):before { background: #BC177B !important;}


.teammember {  position: relative;  width: 80%; margin:10% 20% 10% 0; border-radius:50%; overflow: hidden}
.image {  display: block;  width: 100%;  height: auto;border-radius:50%;	}
.overlay { -webkit-animation:bounceReveal 2s infinite; position: absolute;  bottom: 0;  left: 0;  right: 0;  background-color: #2299D1;  overflow: hidden;  width: 100%;  height: 20%;  transition: .5s ease; border-radius:50%; text-align: center; color: #ffffff;}
.teammember:hover .overlay {  height: 100%; -webkit-animation:none}
.text a { opacity:0; text-decoration: none; color:#ffffff; transition: 0.5s}
.teammember:hover .text a {opacity:1; }
.text {  color:#ffffff; 	font-family: 'omnes-pro', sans-serif;  font-size: 1.8em; letter-spacing:-1px;line-height: 1em;  position: absolute;  top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  white-space: nowrap;	text-align:center;}
.qtr p.teaminfo {margin:12px 0 -6px -10px; text-align: left !important}
.qtr p.teaminfo i {color: #444 ; width:44px;}

.teamindent {margin-left:13%;}
.teamindent2 {margin-left:25.5%;}

/*
p.teaminfo a {color:#000000 !important;  font-weight:400 !important}
p.teaminfo .fa-circle {color: #ccc ;}
h3.teamname {text-align:center; color: #2299D1; }
h4.teamrole {margin:0px; font-size:1.25em;text-align:center; color: #BC177B;}
*/

p.teaminfo a {color:#000000 !important;  font-weight:400 !important}
p.teaminfo .fa-circle {color: #ccc ;}
h3.teamname {text-align:left !important; color: #2299D1; }
h4.teamrole {margin:0px; font-size:1.25em;text-align:left !important; color: #BC177B;}


.popoverlay { display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(86,178,228,0.8); z-index:999999; }
.popoverlay .block { position:relative;width:50%; height:auto; margin: 20% auto 0px; padding:30px;background-color:#ffffff;border-radius: 5px;}
.closepopup {display:inline-block; cursor:pointer; color:#000000; font-weight:bold; position:absolute; top:30px;right:30px; font-size:1.6em; }
	
blockquote {  clear:both;   color: #2299D1;    margin: 0 3.5em 0;    padding: 0;    font-size: 1.4em;    position: relative;	text-align: center;     line-height: 110%;    z-index: 1;	letter-spacing:-1px;font-weight: 100;}
blockquote:before, blockquote:after {	display: block; font-family: 'omnes-pro', sans-serif; font-weight: bold; font-size: 5em; position: absolute;}
blockquote:before {  padding-left: 5px;   content: "\201C"; left:  -0.7em;    top: 0.1em;    color: #BC177B;    z-index: -1;   }
blockquote:after {   padding-right: 10px; content: "\201D"; right: -0.7em;    bottom: 0.1em;    color: #BC177B;    z-index: -1;}
blockquote cite {    color: #000000;    font-size: 0.9em;    margin-top: .8em;    font-style: normal;    display: block;letter-spacing:-1px;font-weight: 100;}

@keyframes bounceReveal{
0%{margin-bottom: -15%}
15%{margin-bottom: -15% }
50%{margin-bottom: -5%;     background: #BC177B;}
85%{margin-bottom: -15% }
100%{margin-bottom: -15%}
}




.flexslider3 {position:relative;z-index:11; clear:both; background:#fff; height:auto;}
.flexslider3 .slides li{position:relative;    width: 85% !important; height:auto; ;/*overflow:hidden; */}
.flexslider3 .slides li h3{font-size:1.6em;line-height:100%;letter-spacing:-1.5px;margin:0% 0% 2%;text-align:center; }
.flexslider3 .slides li p{margin:0% 0% 5%; }
.flexslider3 .slides li a{color:inherit; text-decoration: none}
.flexslider3 .flex-viewport {overflow: hidden !important;}
.flexslider3 .flex-direction-nav a.flex-next:before,
.flexslider3 .flex-direction-nav a.flex-prev:before{ display:none}
.flexslider3 .flex-direction-nav a.flex-prev {z-index:9999; right:15px !important; margin-top:5px;left:auto !important; top:42%;  background-image: url(images/up-arrow.png); width:37px; height:56px;opacity:1; transition: 0.3s}
.flexslider3 .flex-direction-nav a.flex-prev:hover { opacity:1; margin-top:0px;}
.flexslider3 .flex-direction-nav a.flex-next {z-index:9998;right:0px !important; margin-top:35px; left:auto !important; top:58%; background-image: url(images/down-arrow.png); width:37px; height:56px;opacity:1; transition: 0.3s}
.flexslider3 .flex-direction-nav a.flex-next:hover { opacity:1; margin-top:40px;}
.flex-prev,.flex-next {  font-size: 0;}

.bgslide{background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;background-position:center top;}

/*.box { float:left; width:31.33%; margin-right:3%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; text-align: center !important	 }*/
.box { float:left; width:31.33%; margin-right:3%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; text-align: center !important	 }
.box p{  text-align: center !important	 }
.box h3{  text-align: center !important;}
.box:nth-of-type(3n){margin-right:0%;}
.box:nth-of-type(3n+1){clear:both}
.box img{width:100%; }
.box em{color:#ccc; padding-bottom: 15px; }

.qtr { float:left;  width:23.5%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }
.qtr:nth-of-type(4n){margin-right:0%;}
.qtr h3{  text-align: center ;	 font-size:1.4em !important  }
.qtr img{width:100%; }

.boxrev img {width:30% !important;margin:1% 35% 0;  }
.boxrev p {text-align: justify !important  }

.section {	clear: both;	padding: 0px;	margin: 0px;}
.col {	display: block;	float:left;	margin: 1% 0 1% 2.4%; -webkit-box-sizing:border-box;	-moz-box-sizing:border-box; box-sizing:border-box;	 background-color:#ffffff; padding:0%;  overflow:hidden;}




.mainholder p a,
.mainholder2 p a,
.maintextbox p a,
.blogmain p a,
.blogcats a,
.mainholder ul li a,
.mainholder2 ul li a{ display: inline-block;text-decoration:none; color:#2299D1 !important; }
.mainholder p a:after,
.mainholder2 p a:after,
.maintextbox p a:after,
.blogmain p a:after,
.blogcats a:after,
.mainholder ul li a:after,
.mainholder2 ul li a:after{ content: ''; width: 0px; height: 2px; display: block; background: #BC177B; transition: 0.3s;}
.mainholder p a:hover:after,
.mainholder2 p a:hover:after,
.maintextbox p a:hover:after,
.blogmain p a:hover:after,
.blogcats a:hover:after,
.mainholder ul li a:hover:after,
.mainholder2 ul li a:hover:after{ width: 100%;}


.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#000; text-align:left; background-color:#fff; padding:0 }
.maintextbox p, .mainholder p, .mainholder2 p{color:#000;  }
.mainholder, .mainholder2 {clear:left;float:left; width:100%; margin:1% 0 0;height:auto;color:#000; text-align:left;  padding: 0}
/*SECOND LEVEL SETUP*/

.sidebar { width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:0 0 0% 0}
.sidebar .box .btn ,.sidebar .box2 .btn,
.sidebar .box p, .sidebar .box2 p { color: #000; padding:0 10%}
.mainholder ul,.mainholder2 ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:0px 0% 0;


 list-style-position: outside !important;



}


.mainholder ul li , 
.mainholder2 ul li , 
.maintextbox ul li , 
.sidebar ul li , 
.blogmain ul li{	list-style-type: none;background: none;padding-left: 10px;line-height:120%; margin:2% 0 1% 0.5em;font-weight:100; font-size:1.4em; letter-spacing: -1px; font-family: 'nimbus-sans', sans-serif; color:#000000}

.mainholder ol li , 
.mainholder2 ol li , 
.maintextbox ol li , 
.sidebar ol li , 
.blogmain ol li{	
	list-style-type: none;background: none;padding-left: 0px;line-height:120%; margin:2% 0 1% 0.5em;font-weight:100; font-size:1.4em; letter-spacing: -1px; font-family: 'nimbus-sans', sans-serif; color:#000000
}

.mainholder ul li ul li:before, 
.mainholder2 ul li ul li:before, 
.mainholder2 ul li:before, 
.mainholder ul li:before, 
.maintextbox ul li ul li:before, 
.maintextbox ul li:before, 
.sidebar ul li:before, 
.blogmain ul li:before {   
	content: "•";    color:#BC177B;   display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em;}





.maintextbox ol li:before, 
.sidebar ol li:before, 
.blogmain ol li:before {   
	content: "•";    color:#BC177B;   display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em;}



.mainholder ul li ul li , 
.mainholder2 ul li ul li , 
.maintextbox ul li ul li {	list-style-type: none;	background: url('') no-repeat top left;padding-left: 30px;line-height:1.0em; margin:2% 0 0 0% !important; font-size:1.0em; }
.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 



.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#000000; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }

#map {float:left; width: 100%; height: 360px;}
.showf {display:none; }


a.cat:hover  h2 {font-size:1.8em; }





/* BLOG STUFF */

ul.blog {padding:10px 0% 0}

.blogmain {float:left;width:74%; }
.blogcats {float:right;width:24%; }
.blogmain a, .blogcats a {/*color:#000000; */}

.portal {width:100%; background:#eee; padding:10%; box-sizing:border-box; margin-bottom:10%; border-radius:8px; text-align: center }
.portal h2 { font-size: 1.8em;    margin: 0% 0 2%;    color: #000000; text-align: left}
.portal p,
.portal li{ text-align: left}

.portal a.btn{overflow: hidden; border:3px solid #BC177B; text-decoration:none!important; display: inline-block; font-size:1.5em; line-height: 1em; letter-spacing: -1px;font-weight: 600;  height:auto; padding: 8px 18px;    background: transparent;     color: #000000;    margin: 4% auto 0%;    border-radius: 5px; 	position: relative; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.3s	}
.portal a.btn:hover{ border:3px solid #BC177B; background:#BC177B; color:#ffffff !important; text-decoration: none!important; box-sizing: border-box;}
.portal a.btn:after{ content:none; }
.portal a.btn:hover:after{ content:none; width: 0%;}

.portal fieldset{margin:0% 0% 0%;padding:0;border:0px;width:100%;position:relative;}
.portal input{float:left;color:#000000;background-color:#ffffff;width:100%;margin:10px 0 18px 0%;border:0px solid #000000;padding:8px;box-sizing:border-box;font-family: 'nimbus-sans', sans-serif;font-weight:100; font-size:1.2em;border-radius:5px;}
.portal fieldset .btn{background: #BC177B; border:3px solid #BC177B;  display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px;  padding: 6px 15px;      color: #ffffff !important;     border-radius: 5px; 	 width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s	}
.portal fieldset .btn:hover{ border:3px solid #BC177B; background:#ffffff; color:#BC177B !important; text-decoration: none; box-sizing: border-box;}




.listing {clear:both; float:left; width:100%; margin:0% 0% 5% 0%; height:auto; }
.listing div {float:left; width:72.5%; margin:0% 0 0%; height:auto; }
.listing img {float:left;  width:25%; border: 0; margin:0% 2.5% 0% 0%;}
.listing h2  {float:right; color:#BC177B ; width:100%; margin:0 0 3% 0%; text-align:left;font-size:1.9em; line-height: 1em;}
.listing p{ float:right;width:100%; margin:0% 0 3% 0%; text-align:left;  }
.listing p.date{float:right;width:100%; margin:-1% 0 2% 0%; text-align:left; color:#aaa}
.listing a.button{ margin-left:0%;}

.blogbox{background:#eeeeee;border:3px solid #eeeeee;box-sizing:border-box;border-radius:8px;padding:0px;}
.blogbox .padder{width:100%;float:left;padding:15px; box-sizing:border-box;background:#ffffff}
.blogbox .bimage{float:left; width:100%; height:0; padding-bottom:66%; background-color: #ffffff; background-position:  center center; background-repeat:  no-repeat ; background-size:contain}
.blogbox .textbox{padding:15px;}
.blogbox .textbox h2{margin:15px 0;float:left;width:100%;height:68px; letter-spacing: -1px;/*height:50px;*/text-align:left;font-size:1.4em;/*font-size:1.5em;*/line-height:1em;overflow:hidden;}
.blogbox .textbox h2 a{color:#2299D1; text-decoration: none}
.blogbox .textbox p{clear:both;text-align:left !important;height:95px;overflow:hidden;}
.blogbox .textbox a.btn{float:right; margin:10px 0px 15px 0;     font-size: 1.2em;   padding: 2px 10px;}


/* VACANCIES STUFF */


.joblisting h3 {clear:both;float:left; color:#2299D1 ; margin:0 0 0.5%; display:inline }
.joblisting p.added {clear:left;float:left;color:#000000; font-weight: 600; margin-bottom:1%;  font-family: 'omnes-pro', sans-serif;; display:inline  }
.joblisting p.jinfo {float:right; color:#000000; font-weight: 600; font-family: 'omnes-pro', sans-serif; text-align:right; }
.joblisting p.jsum {clear:both;  }
.joblisting .jobsumm {width:100%; }
.joblisting .button {float:right; font-weight: 600; margin: -2% 0 4% 0}

/* 
PINK #BC177B 
BLUE #2299D1

*/

.pagination {text-align:center ; font-weight:bold;  width:auto; margin-top:0px;margin-bottom:30px;margin-right:0px;}
.pagination a{background:#2299D1; color:#ffffff !important; font-weight:bold;  margin:0 0px 9px 10px; text-align:center; border:0px solid #aaaaaa; padding:5px 7px; border-radius:3px; text-decoration: none}
.pagination a.selected{background:#BC177B; color:#ffffff !important; font-weight:bold;  margin:0 0px 9px 10px; text-align:center; border:0px solid #aaaaaa; padding:5px 7px; border-radius:3px;}

.jobbox .jtype{text-align:left; font-weight: 600; font-family: 'omnes-pro', sans-serif;;}
.jobbox .loc{text-align:left;font-weight: 600; font-family: 'omnes-pro', sans-serif;;}
.jobbox .sal{text-align:right; font-weight: 600;font-family: 'omnes-pro', sans-serif;;}
.jobbox .ref{ text-align:right;font-weight: 600; font-family: 'omnes-pro', sans-serif;;}
.jobbox .date{text-align:right; font-weight: 600;font-family: 'omnes-pro', sans-serif;;}

.candreqs {float:left; clear:both; border-radius:8px;border: 3px solid #BC177B; margin:2% 0 ; padding:0 2% 2% ; box-sizing: border-box; width:100%}
/*
@media only screen 
and (min-width : 0px) 
and (max-width : 1440px){
	
	.holder {    max-width: 1270px!important; }
	.scrleft {opacity:1}
	.scrright{ opacity:1}
}
*/

#footerholder {clear:both; width:100%;   color:#ffffff; background:#2299D1; font-family: 'nimbus-sans', sans-serif; letter-spacing: -1px; padding:2% 0 1%; margin-top:5%;}
#footerholder .footer {  width:100%; font-size:1.15em; font-weight:100; margin:0px auto;   }
#footerholder .fqtr { float:left;  width:25%; height:auto; 	box-sizing: border-box; 	 }
#footerholder .fqtr:nth-of-type(1){width:29%; }
#footerholder .fqtr:nth-of-type(2){ width:21%; }
#footerholder .fqtr:nth-of-type(3){ width:38%; }
#footerholder .fqtr:nth-of-type(4){ width:12%; text-align: right ;}
#footerholder .fqtr p{color:#fff; text-align: left; font-size:1em;}
#footerholder .rec{ }
#footerholder .rec img{float: left; width:58px; margin: 2px 18px 0px 0px; padding:10px; background:#ffffff;}
#footerholder ul {list-style: none}
#footerholder .logo {width:100%; float:right; text-align: right; }
#footerholder .logo img { width:100%}
#footerholder .footer a { color: #ffffff;font-weight:100;;text-decoration:none; }
#footerholder .footer a:hover { color: #ffffff; text-decoration:underline }

.speech-bubble-ds {background: #BC177B;    /*border: 2px solid #eeeeee; */  border-radius: 20px;    font-size: 0.96em;      margin: 0 auto 20px;    max-width: 500px;    padding: 20px;    position: relative;}
.speech-bubble-ds p {line-height: 1.2em;  font-size: 1.2em; color:#ffffff }
.speech-bubble-ds__arrow {  border-left: 21px solid transparent;  border-top: 0px solid rgba(0, 0, 0, 0.2);  bottom: -24px;  position: absolute;  right: 15px;}
.speech-bubble-ds__arrow:before {      border-left: 27px solid transparent;    border-top: 27px solid #BC177B;    bottom: -3px;    content: "";    position: absolute;    right: 3px;  }
.speech-bubble-ds__arrow:after {    border-left: 21px solid transparent;    border-top: 22px solid #BC177B;    bottom: 3px;    content: "";    position: absolute;    right: 6px;  }

.speech-bubble-ds.blue {background: #2299D1;    /*border: 2px solid #eeeeee; */  border-radius: 20px;    font-size: 0.96em;      margin: 0 auto 20px;    max-width: 500px;    padding: 20px;    position: relative;}
.speech-bubble-ds.blue p {line-height: 1.2em;  font-size: 1.3em; color:#ffffff }
.speech-bubble-ds__arrow.blue {  border-left: 21px solid transparent;  border-top: 0px solid rgba(0, 0, 0, 0.2);  bottom: -24px;  position: absolute;  right: 15px;}
.speech-bubble-ds__arrow.blue:before {      border-left: 27px solid transparent;    border-top: 27px solid #2299D1;    bottom: -3px;    content: "";    position: absolute;    right: 3px;  }
.speech-bubble-ds__arrow.blue:after {    border-left: 21px solid transparent;    border-top: 22px solid #2299D1;    bottom: 3px;    content: "";    position: absolute;    right: 6px;  }

/*
.speech-bubble-ds {background: #eee;    border: 2px solid #eeeeee;   border-radius: 20px;    font-size: 0.96em;      margin: 0 auto 20px;  tetx-align:center;  max-width: 500px;    padding: 13px;    position: relative;}
.speech-bubble-ds p {line-height: 1.3em;  }
.speech-bubble-ds__arrow {  border-left: 21px solid transparent;  border-top: 0px solid rgba(0, 0, 0, 0.2);  bottom: -25px;  position: absolute;  right: 15px;}
.speech-bubble-ds__arrow:before {      border-left: 27px solid transparent;    border-top: 27px solid #eeeeee;    bottom: -3px;    content: "";    position: absolute;    right: 3px;  }
.speech-bubble-ds__arrow:after {    border-left: 21px solid transparent;    border-top: 22px solid #eeeeee;    bottom: 3px;    content: "";    position: absolute;    right: 6px;  }

/*
.speech-bubble-ds {background: #eee;    border: 2px solid #BC177B;   border-radius: 20px;    font-size: 0.8em;    line-height: 1.3;    margin: 0 auto 40px;  tetx-align:center;  max-width: 400px;    padding: 10px;    position: relative;}
.speech-bubble-ds__arrow {  border-left: 21px solid transparent;  border-top: 0px solid rgba(0, 0, 0, 0.2);  bottom: -25px;  position: absolute;  right: 15px;}
.speech-bubble-ds__arrow:before {      border-left: 27px solid transparent;    border-top: 27px solid #BC177B;    bottom: -3px;    content: "";    position: absolute;    right: 3px;  }
.speech-bubble-ds__arrow:after {    border-left: 21px solid transparent;    border-top: 22px solid #eeeeee;    bottom: 3px;    content: "";    position: absolute;    right: 6px;  }


*/

a.newbtn{background: #2299D1; border:3px solid #2299D1;  display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px;  padding: 6px 20px;      color: #ffffff !important;     border-radius: 5px; 	 width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s	}
a.newbtn:hover{border:3px solid #2299D1; background:#ffffff; color:#2299D1 !important; text-decoration: none; box-sizing: border-box;}

a.junbtn{background: #BC177B; border:3px solid #BC177B;  display: inline-block; text-decoration: none !important; font-size:1.3em; letter-spacing: -1px;  padding: 10px 30px;      color: #ffffff !important;     border-radius: 5px; 	 width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s	}
a.junbtn:hover{border:3px solid #2299D1; background:#2299D1;  text-decoration: none !important; box-sizing: border-box;}
a.junbtn:after{text-decoration: none !important;}



@media (min-width: 1350px){
	/*.holder {    max-width: 1170px!important; }*/
	.holder {    max-width: 1170px!important; }

}

@media (max-width: 1350px){
.mainholder ul li , .mainholder2 ul li , .maintextbox ul li , .sidebar ul li , .blogmain ul li,
	.mainholder ol li , .mainholder2 ol li , .maintextbox ol li , .sidebar ol li , .blogmain ol li, p {	font-size:1.15em; /* font-size:1.25em; */ }
	
	.megaphone {width:50%; padding-bottom:48.5%; background-size: contain; margin:2% 0 7% 2%;}
.megaspeech {float:right;margin-right:0%; margin-bottom: 12.6%; /*width:auto;*/ text-align:center;}
.megaspeech .big{line-height: 1em; font-size:3.4em; letter-spacing: -4px;}
.megaspeech .sml {font-size:1.8em; line-height: 1em; letter-spacing: -2px;}


	
	
}

@media (max-width: 1280px){

	.holder {    max-width: 960px!important; }
	#header .logo img.orig{ display:block;width:100%}
	#header .logo img.wb{ display:none; width:100%}

	#header .logo .fadeIn3{  display:none;}
	#header .logo .fadeIn2{ display:none; }
	#header .logo .fadeIn1{ display:none; }
	.scrleft {display:none; opacity:0.3}
	.scrright{display:none; opacity:0.5}
	
	#footerholder .footer { font-size:0.97em;   }

	


}

@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	

	.holder {width:94%;font-size:1em; padding:0 3%}
	#header { width:100%; margin:0px; height:auto;;padding:0px ;position:fixed  !important; z-index: 99999999;top:0px; border-top:0px solid #ccc; margin-top:0px;  box-shadow: 0 4px 5px -5px gray;}

	#header .holder{ width:100%; margin:0px;padding:15px 0;}
		#header .logo {width:15%;  margin: 0px 0 0 3%}
	#header .logo img{ height:auto; width:100%; }
	#header .contactinfo { float:right; margin:16px 66px 0 0px;font-size:16px; line-height:24px !important;  }


.footer .socials{float:none; margin:3%; }
.footer .socials .fa-1x{font-size:1.5em; }
	
	
	.masthead { margin-top:94px; padding:5% 0}
	.searchbar { margin-top:94px;}
	.masthead .holder .htitle {    font-size: 1.65em;}
	.megaphone { width: 48%;  padding-bottom: 32%;  margin: 15% 0 17% 2%;}
	.megaspeech {    margin-right: 2%;}	
	.megaspeech .big {font-size: 4em; }

	.flexslider {position:absolute;top: 120px !important; margin-bottom: 120px !important }
	.flex-direction-nav { /*display: none!important; */}
	.jobs-info, .news-info {		height: 95px;}
	.teaminfo span {display:none}
	p.teaminfo  {margin: 5px 0 5px 0;  text-align: center;}

	.phone-contact-h span { }
	.email-contact-h span { }
	.phone-disable {   pointer-events: auto;   cursor: default; }
	

	#header a.enquiry{float:right; margin:5px 76px 0 0;  padding:10px 10px !important; font-size:20px; line-height:20px !important; }
	#header .topnav {display:none; }

	.videoholder {height:263px; border:0px; margin-top:-30px;margin-bottom:0px; width:100%; } 
	
#footerholder {clear:both; width:100%;   color:#333333; padding-bottom:15px;  }
#footerholder .footer {  width:100%; font-size:1.0em; line-height:140%; font-weight:normal; margin:0px auto;  padding:10px 0 0;}
#footerholder .fqtr { float:left;   height:auto; 	box-sizing: border-box; 	 }
#footerholder .fqtr:nth-of-type(1){width:50%; }
#footerholder .fqtr:nth-of-type(2){ width:50%; }
#footerholder .fqtr:nth-of-type(3){ width:100%; }
#footerholder .fqtr:nth-of-type(4){ width:100%;; text-align: center ;}	
#footerholder .fqtr p,
#footerholder .fqtr li{color:#fff;  text-align: center;}	
#footerholder .rec p { text-align: center}
#footerholder .rec	{ text-align: center;}
#footerholder .rec img{float: none; width:58px; margin: 2px auto 0px auto; padding:10px; background:#ffffff;}
#footerholder .logo img { width:20%; margin:10px 40%}

	
	.mainholder img,.mainholder2 img{width:100%; height:auto ; padding:0 0%; }

	.fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; }
	.fullholder .holder {margin:0; }

	.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0% 3%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
	.maintextbox h2, .mainholder h2,.mainholder2 h2 { }
	.maintextbox p, .mainholder p, .mainholder2 p{color:#000;  }
	.maintextbox a, .mainholder a, .sidebar a { text-decoration:none;}
	.maintextbox a:hover, .mainholder a:hover, .mainholder2 a:hover, .sidebar a:hover {text-decoration:underline;}
	.mainholder,.mainholder2 {clear:left;float:left; width:100%; height:auto; text-align:left; padding:0 0%; margin:1.5% 0}
	
	
	.blogmain {float:none; width:100%; }
	.blogcats {display:none;float:none; width:100%;}

	.listing {clear:both; float:none; width:100%; margin:0%; height:auto;}
	.listing img {float:right; width:100%; border: 0px;margin:0 0 3% 0%;}
	.listing h2  {float:left;width:100%; margin:0 0 3% 0%; text-align:left;}
	.listing p{float:left;width:100%;  margin:-1% 0 5% 0%; text-align:left}
	.listing p.date{float:left;width:100%;  margin:-2% 0 2% 0%; text-align:left; font-weight:bold}

	.blogbox .textbox h2{font-size:2.6vw !important;line-height:2.8vw !important;}

	
	.sixth { float:left; width:32%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; text-align:center !important	 }
.sixth:nth-of-type(3n){margin-right:0%;}
.sixth:nth-of-type(3n+1){clear:both;}
	.sixth p br {display:none}		
	

		.megaphone {width:50%; padding-bottom:48.5%; background-size: contain; margin:15% 0 7% 2%;}
.megaspeech {float:right;margin-right:0%; margin-top:10%; margin-bottom: 26%;}
.megaspeech .big{line-height: 1em; font-size:5em; letter-spacing: -4px;}
.megaspeech .sml {font-size:2em; line-height: 1em; letter-spacing: -2px;}


}




@media only screen 
and (min-width : 0px) 
and (max-width : 644px){
	
	.teamindent {margin-left:0%;}
.teamindent2 {margin-left:0%;}
	
	.scrleft {display:none}
.scrright{ display:none}

.half {float:left; width:100%; margin-right:0%; margin-bottom:5%}
.half:nth-of-type(even){	margin-right:0%;  }
	
	.qhalf{clear:left;width:100%; float:left; height:auto; margin-bottom:2%; padding:3%; box-sizing: border-box}
.qhalf:nth-of-type(even){ clear:none; width:100%; float:left; height:auto; margin-left:2%}

.box { float:left; width:100%; margin-right:0%; margin-bottom:3%;  }
.box:nth-of-type(3n){margin-right:0%;}

	.masthead { margin-top:82px; padding:10% 0}
	.masthead .holder .htitle {margin-bottom:5% }
	.masthead .holder .hstrapline {display:none; }
	
	.masthead .holder a{font-size:1.8em; padding: 8px 24px; 	}

	
	
	.masthead .holder a:nth-of-type(2) {margin-left: 0% !important;}
	.masthead .holder .hstrapline {margin-left: 0% !important;}
		
		
.nomob {display:none !important}
	
.flexslider {    position: absolute;    top: 78px !important;	}

#header .contactinfo {       margin-right: 60px !important; width: 50%; float: right; }
#header .contactinfo a{  width:auto }
#header a.enquiry{width:auto; margin:5px 5px 0 0}
#header a.enquiry span{ display:none; }
	.phone-contact-h {float: right; height:36px; width:36px;padding-left:20px;  margin-right:0px;margin-top:5px; }
	.email-contact-h{ display:none; clear:right !important;height:36px; width:36px;padding-left:0px;  margin-right:0px;margin-top:2px;}
	.social-contact-h{ height:36px; width:36px;padding-left:0px;  margin-right:0px;margin-top:2px;}
	.phone-contact-h div,
	.email-contact-h span,
	.social-contact-h span{ display:none}
	
	.phone-contact-h span span {color:#000000;    margin-right: 10px; }
	.phone-contact-h { display: flex;	height:30px; width:auto;padding-left:0px;  margin-right:0px;margin-top:0px; font-size: 1.1em;}
	
	
	.phone-contact-h i {    display: block;
    font-size: 1.2em;
    margin: -3px 9px 0 0px;
    color: #2299D1;
	

	
	
	
	}
	.socials { display:none}
	
	#header .tagline{ display:none}
.social-contact-h i {float:left}
	.email-contact-h i {display:inline-block}

	#cform .lt{float:left;width:100%;}
#cform .rt{float:right;width:100%;}
	
#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .thanks {float:left; width:100%; font-size:1.0em;  font-weight:600; letter-spacing:-1px;margin:12px 0 3% 0%;}
#contactfooter .thanks .title {margin-bottom:10px;}
#contactfooter .thanks img {width:100%; margin-top:-10px; }
#contactfooter .info  {float:right; width:100%; text-align:center; color:#333;font-size:0.9em; line-height:1.2em; margin:0px 0 20px; }

#contactfooter .holder .qtr {width:100%; text-align:center;margin:0px 0 10px }
#contactfooter p  {line-height:1.2em; margin:0px 0 10px;  text-align:center}


.videoholder {height:283px; border:0px; margin-top:-50px;margin-bottom:0px; width:100%; } 

.flexslider .slides li .imgholder{width:80% !important; float:left;text-align:left;z-index:99999;margin:0px 10%;}
.flexslider .slides li .imgholder img:first-of-type{margin:24px 0 0 -5%;float:left; -webkit-filter: drop-shadow(0px 0px 2px #000); filter: drop-shadow(0px 0px 2px #000)}
.flexslider .slides li .imgholder img{margin:24px 0 0 -20%;float:left; width:48%;  -webkit-filter: drop-shadow(0px 0px 2px #000); filter: drop-shadow(0px 0px 2px #000);}
.flexslider .slides li.flex-active-slide .imgholder img:nth-of-type(1){	-webkit-animation:zoomImg1 2s ;-moz-animation:zoomImg1 2s;-o-animation:zoomImg1 2s ;animation:zoomImg1 2s ;}
.flexslider .slides li.flex-active-slide .imgholder img:nth-of-type(2){	-webkit-animation:zoomImg2 2s ;-moz-animation:zoomImg2 2s;-o-animation:zoomImg2 2s ;animation:zoomImg2 2s ;}
.flexslider .slides li.flex-active-slide .imgholder img:nth-of-type(3){	-webkit-animation:zoomImg3 2s ;-moz-animation:zoomImg3 2s;-o-animation:zoomImg3 2s ;animation:zoomImg3 2s ;}
.flexslider .slides li.flex-active-slide .holder2{	-webkit-animation:zoomImg4 2s ;-moz-animation:zoomImg4 2s;-o-animation:zoomImg4 2s ;animation:zoomImg4 2s ;}


.flexslider .slides li .holder2{width:100%!important; float:right;text-align:center;z-index:99999;margin-top:00px;}
.flexslider .slides li .holder2 .title{float:left;width:100%;color:#F7B526;font-size:2.0em;line-height:90%;letter-spacing:-0.5px;margin:3% 0% 0;text-align:center;}
.flexslider .slides li .holder2 .strapline{float:left;width:100%;color:#000000;font-size:1.6em;line-height:90%;letter-spacing:-0.5px;margin:2.5% 0% 0;text-align:center;}
.flexslider .slides li .holder2 a{float:none !important;  display: inline-block; font-size:1.3em;   padding: 12px 18px;    background: #2299D1;    text-decoration: none;    color: #ffffff;    margin: 20px auto 7%;    border-radius: 5px; 	position: relative; width:auto;	}

	
	
	blockquote {    color: #2299D1;    margin: 0 2em 0;    padding: 0;    font-size: 1.4em;    position: relative;	text-align: center;     line-height: 110%;    z-index: 1;	letter-spacing:-1px;font-weight: 100;}
blockquote:before, blockquote:after {	display: block; font-family: 'omnes-pro', sans-serif; font-weight: bold; font-size: 3em; position: absolute;}
blockquote:before {  padding-left: 5px;   content: "\201C"; left:  -0.7em;    top: 0.1em;    color: #BC177B;    z-index: -1;   }
blockquote:after {   padding-right: 10px; content: "\201D"; right: -0.7em;    bottom: 0.1em;    color: #BC177B;    z-index: -1;}
blockquote cite {    color: #000000;    font-size: 0.9em;    margin-top: .8em;    font-style: normal;    display: block;letter-spacing:-1px;font-weight: 100;}

	.qtr { float:left;  width:49%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }
.qtr:nth-of-type(2n){margin-right:0%;}
.qtr:nth-of-type(4n){margin-right:0%;}
	
	
.popoverlay .block { position:relative;width:80%; height:auto; margin: 10% auto 0px; padding:30px;background-color:#ffffff;border-radius: 5px; box-sizing: border-box}
	
}

@media only screen 
and (min-width : 0px) 
and (max-width : 568px){

#header { width:100%; margin:0px; height:82px;padding:0px; background:#ffffff;}
	#header .holder{ width:100%; margin:0px;padding:15px 0;}
	#header .logo {width:90px;  margin: 0px 0 0 3%}
	#header .logo img{ height:auto; width:100%; }

	
	.email-contact-h{clear:right !important;height:30px; width:30px;padding-left:0px;  margin-right:0px;margin-top:5px;}
	.social-contact-h{ display:none; }

.formleft {display:none;width:100%; float:left;}
.formleft h1{width:50%; float:left;}
.formleft img{width:50%; float:right;}
.formright {width:100%; float:right;}

.uploadform {width:100%!important; margin: 6px 0% 0 !important;}
.uploadform button {width:100%!important; margin: 6px 0% 0 !important;}
a.sendbtn3{width:100%!important; margin: 6px 0% 0 !important;}

.sixth { float:left; width:49%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; text-align:center !important	 }
.sixth:nth-of-type(2n){margin-right:0%;}
	
.sixth{clear:none !important;}
.sixth:nth-of-type(2n+1){clear:both;}
.sixth p br, .sixth p {display:none}		
	
	.mainvid{ width:100%;margin:30px 0%;}
.recentbags {display:none}	
	
	#footerholder {clear:both; width:100%;   color:#333333; padding-bottom:15px;  }
#footerholder .footer {  width:100%; font-size:1.0em; line-height:140%; font-weight:normal; margin:0px auto;  padding:10px 0 0;}
#footerholder .fqtr { float:left;   height:auto; 	box-sizing: border-box; margin:1% 0	 }
#footerholder .fqtr:nth-of-type(1){width:100%; }
#footerholder .fqtr:nth-of-type(2){ width:100%; }
#footerholder .fqtr:nth-of-type(3){ width:100%; }
#footerholder .fqtr:nth-of-type(4){ width:100%;; text-align: center ;}	
#footerholder .fqtr p,
#footerholder .fqtr li{color:#fff;  text-align: center;}	
#footerholder .rec p { text-align: center}
#footerholder .rec	{ text-align: center;}
#footerholder .rec img{float: none; width:58px; margin: 2px auto 0px auto; padding:10px; background:#ffffff;}
#footerholder .logo img { width:40%; margin:10px 30%}

	.blogbox .textbox h2{font-size:1.6em !important;line-height:100% !important; height:auto;}
.blogbox .textbox p {   height:auto;}
		.megaphone {width:50%; padding-bottom:48.5%; background-size: contain; margin:15% 0 7% 2%;}
.megaspeech {float:right;margin-right:0%; margin-top:10%; margin-bottom: 0%;}
.megaspeech .big{line-height: 1em; font-size:5em; letter-spacing: -4px;}
.megaspeech .sml {font-size:2em; line-height: 1em; letter-spacing: -2px;}
	
.masthead .holder .title { font-size: 1.4em;line-height: 100%;}
	
.masthead .holder a {    font-size: 1.4em;    padding: 6px 18px;}
}



/*  TYPICAL SMALL TABLET SIZING FROm 640 to 480 */
@media only screen 
and (min-width : 0px) 
and (max-width : 644px){
	.col {  margin: 2.4% 1.2% 0% 0%; } /* NEEDS FIFIXNG */

.small_quote {width: 100%; height:auto; padding-bottom:1%; margin: 0% 1.2% 1.2% 0%;}
h1 {text-align:center; font-size:2.4em !important; }
h2 {text-align:center; font-size:2.1em !important; }

}

/* GRID */





@media only screen 
and (min-width : 644px) 
and (max-width : 991px){


h1 {font-size: 4.1vw  !important;line-height:3.4vw !important;}
h2 {  font-size:4.1vw!important;line-height:1.2em!important;}


}