@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@media only screen and (min-device-width : 320px) and (max-device-width : 524px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}



/* resets */
.clearing,.floatclear{clear:both}.clearfix,.clearing{display:block}a,blockquote,body,caption,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,li,ol,p,pre,q,table,tbody,td,textarea,tfoot,th,thead,tr,ul{margin:0;padding:0}h1,h2,h3,h4,h5{font-size:100%}dir dir,dir dl,dir menu,dir ol,dir ul,dl,dl dir,dl dl,dl menu,dl ol,dl ul,menu dir,menu dl,menu menu,menu ol,menu ul,ol,ol dir,ol dl,ol menu,ol ol,ol ul,ul,ul dir,ul dl,ul menu,ul ol,ul ul{margin-top:0;margin-bottom:0;list-style:none}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}caption,th{text-align:left}qg:after,q:before{content:''}a:focus{outline:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearing{font-size:1px;height:1px;text-indent:-3000px}


/* stuff */
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
body{font-family: 'Open Sans',Helvetica,Arial,sans serif;font-size:75.5%;margin:0;}

a {text-decoration:none;color:#dc0875;transition:color 0.3s ease-in,border-color 0.3s ease-in;}
a:hover {color:#000000;}
p {font-size:0.9rem;line-height:1.6;margin:1em 0;}
	.intro {font-size:1rem;}

.bodytext ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    list-style: none;}

.bodytext li {
list-style-type: circle;
font-size:0.9rem;
 padding-left: 2px;}

.bodytext img {max-width:100%;height:auto;}


table {border-collapse:collapse;margin:1em;}
th,
td {font-size:0.9rem;padding:5px;text-align:left;border:1px solid #bbb;}
td p {margin:0!important;}


/* forms */
.fieldset {border:0;padding:0;margin:1em 0;background:#fff}

legend {color:#a00;font-size:1.2em;display:block;}
	.label {display:block;font-size:0.9rem;margin:6px 0 4px 0;}
.input-text {font-family:inherit;border:1px solid #a0a0a0;padding:5px 10px;;transition:all 0.3s ease-in;display:block;width:100%;margin:0 0 10px 0;font-size:0.9rem}
	.input-text:focus {border-color:#909090;box-shadow:0 0 4px #999;}
.input-tickbox {margin-right:10px;}

.input-button { background-color:#DC0875;color:#ffffff;border:0;padding:10px 15px;text-transform:uppercase;cursor:pointer;float:left;font-weight:400;font-size:0.8rem;transition:background-position 0.3s ease-in,color 0.2s ease-in;font-size:1rem;}
	.input-button:after {clear:right;}

.button {background-color:#DC0875;color:#ffffff;border:0;padding:10px 15px;;text-transform:uppercase;cursor:pointer;font-weight:400;display:inline;block;transition:background-position 0.3s ease-in,color 0.2s ease-in;font-size:1rem;}


.input-button,
.button {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P//PwAGBAL/VJiKjgAAAABJRU5ErkJggg==); 
background-size:300px 100%;background-position:-300px 0;background-repeat:no-repeat;}

.button:hover,
.input-button:hover {color:#000;background-position:0 0 ;}

/* wrappers */
#wrapper {width:100%;margin:0 auto;position:relative;background-color:#fff;}
.inner {max-width:1200px;margin:0 auto;width:100%;position:relative;}
.content-full {width:100%;}
#blocks,
#content {padding:10px;}
/* logo */

.header {border-bottom:1px solid #AAC9CE;height:48px;background:#AAC9CE;}

.logo {display:block;height:47px;width:275px;float:left;;overflow:hidden;text-indent:-999px;background-image:url('/images/logo.png?1');background-position: 5px 50% ;background-repeat:no-repeat;background-size:auto 45px;;}




.c-hamburger {
  display: block;
  position: absolute;top:0;right:0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background:transparent;
}

.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 22px;
  left: 9px;
  right: 9px;
  height: 4px;
  background-color: #dc0875;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #dc0875;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
  background-color: #AAC9CE;
}

.c-hamburger--htx.is-active span::before {
  background-color: #dc0875;
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  background-color: #dc0875;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}


/* search form */
.searchform {margin:0;padding:5px;background:#FFF;display:none;border-bottom:1px solid #999;}
	.searchform-fieldset {border:1px solid #3d3d3d;background:#fff;height:34px;}
	.searchform-input {width:79%;float:left;border:0;padding:0 5px;height:31px;line-height:31px;}
	.searchform-input:focus {box-shadow:none;}
	.searchform-button {width:33px;float:right;clear:none;text-indent:-999px;overflow:hidden;height:33px;background-position:-100px -75px;}

/* quick links */
.quicklinks {position:absolute;top:5px;right:0;}
	.quicklink {display:block;}


/* main navigation */
.navigation {margin:0;top:47px;left:0;width:100%;position:absolute;z-index:999;background:#AAC9CE;}
.navigation-ul {font-size:1rem;display:none;border-width:1px 0 0;border-style:solid;border-color:#333;padding:4px;background:#AAC9CE;}
	.nav-toplevel {width:100%;border-bottom:1px solid #111;display:block;margin:0;}
		.nav-toplevel-link {display:block;padding:8px 10px;color:#fff;}
		.nav-toplevel-link:hover {color:#dc0875}

			.nav-toplevel-link__login {color:#0ff;}
			.nav-toplevel-link__login:hover {color:#fff;}
			.nav-toplevel-link__phone {color:#dc0875;background:url('/images/sprites_specific.png?1') no-repeat 5px -60px;padding-left:40px;}
			

.nav-sublevel  {
    margin:5px 30px ;
	font-size:0.9rem;
	color:#fff;
	}		
	
		.nav-sublevel a {color:#fff}
		.nav-sublevel a:hover {color:#dc0875}
	 
	

/* crumbs */
.breadcrumbs {clear:both;padding:1rem 0 0 0 ;display:none}
.crumb {display:inline;margin:0;padding:0px;font-size:0.9rem;;color:#d10000;;}
.crumb:last-child {color:#000;}
	.crumb-link {color:inherit;}


/* h1-h6 tags */
.heading {
	color:#000;
	font-size:1.4rem;
	font-weight:400;
	margin:0 0 10px 0;
	padding:0;
	
}

h2 {
	color:#DC0875; font-size:1rem
	}
	
.subheading {
	color:#123;
	font-size:1.2rem;
	font-weight:400;
	margin:0 0 10px 0;
	padding:0;
}
.sitemapheading {margin:20px 0 10px 0;display:block;}
.sitemapproduct {margin:0 0 0 10px;}

.heading a,
.subheading a {color:inherit;}

.heading a:hover,
.subheading a:hover {color:#000;}


/* strapline */
.strapline-box {padding:20px;  background:#AAC9CE}
.strapline {font-size:1.2rem;color:#fff;text-align:center;line-height:1.2}


h1,h2,h3,h4,h5,h6,.heading,.subheading,.videoverlay,.navigation {font-family:'Comfortaa','Open Sans',Arial,sans-serif;font-weight:400;}


.central {text-align:center;}

/* footer */
.footer {margin-top:2rem;margin-bottom:0;padding:10px;border-top:1px solid #AAC9CE;clear:both;background:#AAC9CE;color:#fff;}
.footer .grid {padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #ddd; }

.heading-footer {color:#fff;font-size:1.1rem;padding:0 0 10px 0;font-weight:400;text-transform:uppercase;;}
	.footer-p,
	.footer-list {margin:5px 0;list-style:none;line-height:20px;}
	.footer-link-item {margin:0 0 5px 0;padding:0}
	.fli__logos {margin-top:5px;font-size:0.7rem;}
	.footer-p,
	.footer li a,
	.footer-link {color:#fff;font-size:1rem}
	.footer a:hover,
	.footer-link:hover {color:#fff}
	.footer-image {margin:1rem auto}
.footer-p__small {font-size:0.7rem;}

.footer-tel {color:#fff;padding-left:40px;background-position:0 -62px;font-size:1.2rem;}
.footer-email {color:#fff;padding-left:40px;background-position:0 -2px;font-size:0.95rem;}
.footer-tel a , 
.footer-email a {color:#fff;}

.hfx {background:url('/images/expander.png') no-repeat 100% 3px;background-size:18px auto;cursor:pointer;}
.footer-hide {display:none;}


	.social-list {margin:0 0 20px;list-style:none;height:30px;}
	.social-link-item {margin:0 14px 0 0;background-image:url('/images/sprites_specific.png');background-repeat:no-repeat;padding:0;display:block;width:36px;height:36px;background-color:#000;float:left;border-radius:50%}
		.icon-fb {background-position:0 -157px;}
		.icon-tw {background-position:-50px -157px;}
		.icon-yt {background-position:-100px -157px;}

		.social-link-item a {text-indent:-999px;overflow:hidden;height:100%;width:100%;display:block;font-size:0.1rem;}
		.social-link-item:hover {border-radius:50%;}
		
/* credits */
	.credit-footer {text-align:center;font-size:0.7rem;margin-top:0;color:#666;}
		.credit-footer a {color:inherit;}

/* newsletter form */
	.newsletterform {margin:5px 0;padding:0 0}
	.newsletterform-label {margin:0 0 10px 0;}
	.newsletterform-input {padding:10px;height:auto;}
	.newsletterform-button {font-size:0.8rem;}


/* intro */
#intro {/*background:#ddd;padding:10px;border-top:2px solid #7f8c8d;border-bottom:2px solid #7f8c8d;*/margin:10px 0;}



/* . home */
.pride {background:#fff;color:#fff;padding:0px;font-size:2rem;position:relative;overflow:hidden;}

.p_img,.p_text {opacity:0;}
.p_photo {display:none;}
.inview .p_img 	{opacity:0; animation: fade-in-left 300ms ease-out 200ms forwards; }
.inview .p_text 	{opacity:0; animation: fade-in-right 300ms ease-out 200ms forwards; }


/* news */
	.news-item {padding:10px;}
	.news-date {font-size:0.8rem;margin:0 0 0 0;}
	.news-butt {font-size:0.8rem;margin:3px 0;}
	.news-desc {font-size:0.85rem;margin:0 0 0 0;}
	.subheading__news {margin:0;font-size:1.1rem;line-height:1.1}
	.pink {color:#DC0875;}
	
	.subheading__news + p {margin:0;}
	.news-image-link {/*max-height:300px;overflow:hidden;display:block;*/}
	.news-image {width:100%;height:auto;margin-bottom:10px;/*border:1px solid #DC0875;*/}

	.news-categories {margin:0 0 1rem 0;}
		.news-categories__cloud {background:#E7F2FA;padding:10px;}
	.news-category-heading {margin:8px 0 3px;font-weight:600;}	
	.news-category {}
		.news-category__cloud {display:inline-block;margin-right:10px;font-size:0.7rem;color:#666;}
	.active-tag a {font-weight:bold;color:#DC0875}
	.news-category-link {color:#222;font-size:0.85rem}
	
/* team */
.grid_row__team {padding:0 10px 50px;}

/* events */
	.calendar td,.calendar th {text-align:center;}
	.calendar th {background:#DC0875;color:#fff;font-weight:700;width:14%}
	.event {font-weight:bold;}
	.calendar th a {color:#000}

/* paginator*/
	.pagination {list-style:none;margin:10px 0;text-align:left;padding:5px;background:#eee;}
	.pagination li {display:inline-block;padding:0 10px 0 0;}
	.pagination li.selected {font-weight:bold;}

/* blocks */
	#blocks {border-top:1px solid #dc0875;}
	.block {margin:0;position:relative;/*border-bottom:1px solid #dc0875;*/padding:0 0;text-align:center;}
	
	.block-heading {padding:0 0 10px 0;margin:0 0 0;color:inherit;line-height:1.1}
	.block-image {width:100%;height:auto;max-width:100%;display:block;transition:transform 0.2s linear;margin-bottom:0;}
	
	
	.block__team	.block-image {width:100%;height:160px;object-fit:cover;display:block;}

	
	.block-desc {font-size:0.9rem;line-height:1.4;padding:0 0;margin:0;color:inherit;}
	.block-overlay {opacity:0;background:rgba(0,0,0,0.45);transition:opacity 0.2s ease-in;color:#fff;text-align:center;position:absolute;top:0;left:0;height:100%;width:100%;;padding:10px;display:none}
	
	.block__team .block-overlay {opacity:1;display:block;padding-top:20px}
	
	.block-image-link {width:100%;height:100%;display:block;overflow:hidden;border:0px solid #DC0875;cursor:pointer;}
	
	
	
	.block_1 .block-overlay {background:rgba(170,203,82,0.5);color:#DC0875;}
	.block_2 .block-overlay {background:rgba(170,203,82,0.5);color:#DC0875;}
	.block_3 .block-overlay {background:rgba(170,203,82,0.5);color:#DC0875;}
	
	.block_1 .block-image-link {border-color:#f2e400;}
	.block_2 .block-image-link {border-color:#f2e400;}
	.block_3 .block-image-link {border-color:#f2e400;}
	
	
	
	.block-image-link:focus .block-overlay,
	.block-image-link:hover .block-overlay {animation: fade-in-left 300ms ease-out 200ms forwards;}

	.block-image-link:focus .block-image,
	.block-image-link:hover .block-image {transform:scale(1.2);}

/* sub page blocks */
	.subpage {margin:10px;background:#DC0875;padding:1px;transition:background 0.2s ease-in}
		.subpage:hover {background:#000;}
	.subpage__image {display:block;width:100%;height:auto;}
	.subpage__title {color:#fff;padding:5px;margin:0;}
	.subpage__link {color:inherit;}
		.subpage__link:hover {color:#DC0875;}

/* testimonials */
	.testimonial {margin:10px;background:url('/images/testimonial_close.png') right bottom no-repeat #DC0875;}
	.testimonial-text {font-size:1.1rem;color:#fff;font-style:italic;margin:0;padding:15px;background:url('/images/testimonial_open.png') top left no-repeat; }
	.testimonial-title {font-size:0.8rem;color:#fff;padding:0 15px 10px}


/* logos */
	#logos {background:#DC0875;padding:10px 0;position:relative}
	.logo_carousel {height:110px;overflow:hidden;}
	.logo_ul {width:20000em;position:relative;}
	.logo-box {background:#fff;padding:10px;margin:5px;width:150px;float:left;}
	.logo-image {width:100%;height:autoo;display:block;}

	.jcarousel-nav {background:#fff;color:#DC0875;position:absolute;top:50px;display:block;width:20px;text-align:center;font-weight:bold;font-size:16px;padding:0;}
	.jcarousel-next {right:0;}

/* gallery */
	.gallery {text-align:center;}
	.gallery li {;margin:10px;width:100px;display:block;;height:100px;text-align:center;overflow:hidden;background:rgba(0,0,0,0.3);}
	.gallery li img {height:100%;width:auto;text-align:center;;}



/* wookmark */
	.wookmark {position:relative;}
	.wookmarked {;width:300px;display:block;}




/* document library */
.heading__documents {margin-bottom:20px;font-size:1.6rem;color:#333;;}
 #documents {/*sborder-top:1px solid #011166;*/margin:20px auto;padding:20px 0;}
 .thisyear {font-weight:bold;}
 	.file-icon {background:url('/images/files/_blank.png') 0 2px no-repeat;background-size:20px 20px;padding-left:30px;}
	.file-pdf {background-image:url('/images/files/pdf.png');}
	.file-ppt {background-image:url('/images/files/ppt.png');}
	.file-xlsx,
	.file-xls {background-image:url('/images/files/xls.png');}
	.file-docx,
	.file-doc {background-image:url('/images/files/doc.png');}
	.file-mp3 {background-image:url('/images/files/mp3.png');}
	.file-wav {background-image:url('/images/files/wav.png');}
	.document + .subheading {margin-top:40px;}



/*  images */
	img.grid {margin:0 20px 20px 0;float:left;width:33%;max-width:auto;}
	img.grid_right {margin:0 0 20px 20px;float:right;width:33%;max-width:auto;}





/* other */
.go_right {text-align:right;padding-right:5px;}

/* section */
.section {border-top:1px solid #7a7a7a;}

/* sprites */
.sprites {
	background-image:url('/images/sprites_default.png');
	background-repeat:no-repeat;	
}
.sprites-specific {
	background-image:url('/images/sprites_specific.png?4');
	background-repeat:no-repeat;	
}

/* other */
.no-mobile {display:none;}
.no-desktop {display:block;}

.clear {clear:both;height:1px;overflow:hidden;}




/* responsive slider */
#slider_holder {position:relative;clear:both;  margin:0;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
	margin:0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.rslides_nav {position:absolute;top:140px;width:30px;height:36px;background:black;z-index:333;overflow:hidden;text-indent:0;background:url('/images/sprites_default.png') no-repeat;text-indent:-200px;opacity:0.5;transition:all 0.3s ease-in;}
.rslides_nav:hover {opacity:1;}
.rslides_nav.prev {left:0;background-position:0 -91px;}
.rslides_nav.next {right:0;background-position:-32px -91px;}
	

.rslides_tabs {padding-top:0;clear:both;z-index:333;right:48%;bottom:10px;width:auto;;position:absolute;;}
.rslides_tabs li {position: relative;display: inline-block;height: 18px;width: 18px;margin: 0px 0 0 10px ;padding: 0px;cursor: pointer;}
.rslides_tabs li a {
width: 16px;height: 16px;border-radius: 50%;border: 1px solid #fff;	background:#fff;display: block;outline: 0px none;line-height: 0;font-size: 0px;color: transparent;padding: 5px;cursor: pointer;opacity:0.5}
.rslides_tabs li.rslides_here a { opacity:1;}



/* video */
video {
    width:100%;height:auto;display:block;
}
.videoContainer {position:relative;}
.videoverlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);color:#fff;text-align:center;padding:30px;font-size:1.4rem;text-transform:uppercase;}




/* special grid stuff */
.gi {float:right;width:130px;margin-left:10px;}
.gm50 {width:100%;float:left;padding-bottom:5px;}
.gm03 {width:33%;float:left;}
.gm09 {width:66%;float:left;padding-left:10px}


/* css clears etc */
.grid_row:after,
.nav-toplevel:after,
.inner:after {
  content: "";
  display: table;
  clear: both;
}




/* CSS for 600 and above */

@media (min-width: 600px) { 
.videoverlay {padding:100px 30px;font-size:2rem;}

}


@keyframes fade-in-upPHOTO {  0% {    transform: translateY(20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 0.3; } }
@keyframes fade-in-up {  0% {    transform: translateY(20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }
@keyframes fade-in-down {  0% {    transform: translateY(-20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }
@keyframes fade-in-left {  0% {    transform: translateX(-20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }
@keyframes fade-in-right {  0% {    transform: translateX(20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }