/*====================*/
/*=== Thanks for taking the time to read ===*/
/*====================*/


@font-face {
  font-family: 'Open Sans';
	src: url('../fonts/opensans-light-webfont.svg#opensans') format('svg');
	src: url('../fonts/opensans-light-webfont.ttf') format('truetype');
  src: url('../fonts/opensans-light-webfont.eot');
  src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype');
	src: url('../fonts/opensans-light-webfont.woff') format('woff');
  font-weight:100;
  font-style: normal;
}


@font-face {
  font-family: 'Open Sans';
	src: url('../fonts/opensans-regular-webfont.svg#sopensans') format('svg');
	src: url('../fonts/opensans-regular-webfont.ttf') format('truetype');
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype');
	src: url('../fonts/opensans-regular-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: 'Open Sans';
	src: url('../fonts/opensans-bold-webfont.svg#opensans') format('svg');
	src: url('../fonts/opensans-bold-webfont.ttf') format('truetype');
  src: url('../fonts/opensans-bold-webfont.eot');
  src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype');
	src: url('../fonts/opensans-bold-webfont.woff') format('woff');
  font-weight:bold;
	font-style: normal;
}


.canvas { overflow:hidden; position:relative; display:block;}

#oldie { background:#2b333c; color:#fff; padding:10px 15px; position:fixed; bottom:0; left:0; right:0; z-index:900; font-size:12px;}

body { position: relative; overflow-y: scroll!important; margin-bottom:0!important; }
body,h1,h2,h3,h4,h5,h6,.tp-caption{ font-family: "Open Sans"!important; text-rendering: optimizelegibility; font-weight:400;  }

.load { /*background:url(../images/hex-loader.gif) no-repeat center center; background-attachment:fixed;*/}

h1,h2,h3,h4 { font-weight:normal; font-weight:700; letter-spacing:0.03em; text-transform:uppercase;}

h2 { font-size:24px;}
h3 { font-size:18px;}

a,a:focus,a:hover {color:#432d92; text-decoration:none;}

strong,b { font-weight:bold;}

.anim-in.off { opacity:0; padding-top:100px;}

.clear_break { display:block; height:30px; width:100%; clear:both; float:none;}
.horizontal_break { display:block; height:20px; margin:30px 0; clear:both; background:#eee; position:relative; 
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);}

.horizontal_break_pull { display:block; height:20px; margin:0 0 30px 0; clear:both; background:#eee; position:relative; 
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);}

hr { display:block; height:4px; margin:20px 0; background:#f8f8f8; clear:both;}

.button { padding:10px 22px; border:solid 1px #333; color:#333; font-weight:600; display:inline-block;}
.button:hover {border:solid 1px #553ab3; background:#553ab3; color:#fff;}

.btn {-webkit-border-radius:0px;-moz-border-radius:0px; border-radius:0px;}

.btn-primary { border:none; }
.btn-primary { position:relative; overflow:hidden; display:inline-block;  padding:18px 40px; font-weight:600; text-transform:uppercase; font-size:14px; border:solid 2px #432d92; color:#432d92; background:none; text-decoration:none!important;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus { background:#432d92; color:#fff!important; border:solid 2px #432d92; }
.btn.wide { display:block; width:100%;}

#welcome { position: relative; height:70vh; min-height:600px; background:#111; background-size: cover; background-position: center top;}
#welcome #info { text-shadow: rgba(0,0,0,.8) 0px 0px 18px; content:""; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; display:block; text-align:center; color:#fff; padding:250px 0 0;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); 
background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); 
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: rgba(0,0,0,.5);
}
#welcome #info h1 { font-size:72px; font-weight:bold; margin-bottom:0;}
#welcome #info h2 { font-size:36px; font-weight:100;}
#welcome #info a { padding: 15px 35px; border:solid 1px #fff; display: inline-block; color:#fff; margin:15px  5px; text-transform: uppercase; background: rgba(0,0,0,.5);}

/* Some basic animations */
@keyframes fadeup { 0% { opacity:0; } 100% {opacity:1;} }
.scorch { opacity:0;}
.scorch.in { animation-duration:1s; animation-name:fadeup; opacity:1;}

#menu-navigation li a:before,#bar-menu a,.navbar-default li a,.cmn-toggle-switch i,.feature a,#call-to-action .btn,.checkmask input[type=checkbox]+ div,.btn,.ghost div span,.ghost img,#footer li > a, #footer li span,.rslides_nav,#bar-menu .menu li ul,.acc > h2,#person-grid > a .overlay h3,#feature a,#main a,.menu-logo,#bar-menu .menu li a:after,.service .icon,.service h2:after,.service  {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.off,#home_feature a,#christmas a,.home_feature{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}

#accordion-menu li,#accordion-menu li * {-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}

body {-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}


#head { position: relative; background:#fff;  }
#header { width:100%; display:block; height:115px; background:#fff; }

#top-bar { position:absolute; top:10px; right:15px;}
#top-bar span { margin-left:20px;}
#top-bar a { color:#333; }

/*
#bar-menu .menu { text-align:justify; padding:0; margin:0; position:absolute; top:0; left:0; right:0;}
#bar-menu .menu:after {content:''; display:inline-block;width: 100%; height:1px;}
#bar-menu .menu li { list-style:none; position:relative; display: inline-block;}
*/

#bar-menu .conatiner { position:relative;}
#bar-menu {  background:#432d92; display:block; height:46px; z-index:100; position:relative; top:0; left:0; right:0; 
box-shadow:0 4px 6px rgba(40,0,0,.4);  }
#bar-menu .menu {padding:0; margin:0;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-justify-content:space-between; justify-content:space-between;}
#bar-menu .menu li { list-style:none; position:relative;}
#bar-menu a { text-transform:uppercase; display:inline-block; color:#fff; float:left; padding:12px 0 8px; box-sizing: border-box;  letter-spacing:0.1em; text-decoration:none!important; outline:none; font-size:15px; }
#bar-menu .menu li ul { width:240px; display:block; opacity:0; padding:10px 0; margin:0; position:absolute; border:none; -webkit-border-radius:0;-moz-border-radius:0; border-radius:0;}
#bar-menu .menu li.orange a { background:#eb5822; padding:12px 15px; border-color:#432d92; border:none!important; /*background-image: url(../images/person.svg); background-size:23px auto; background-repeat:no-repeat; background-position:right 15px center; padding-right:40px;*/}
#bar-menu .menu li ul li a { display:block; width:100%; box-sizing:border-box; border:none; color:#333; padding: 5px 15px; font-size:14px; }

#bar-menu .menu li a:after {position:absolute; bottom:0; left:0; right:0; text-align:center; content:""; height:2px; opacity:0; 
background: -webkit-linear-gradient(left, rgba(242,122,22,0),rgba(242,122,22,1),rgba(242,122,22,0)); 
background: -o-linear-gradient(left, rgba(242,122,22,0),rgba(242,122,22,1),rgba(242,122,22,0)); 
background: -moz-linear-gradient(left, rgba(242,122,22,0),rgba(242,122,22,1),rgba(242,122,22,0)); 
background: linear-gradient(left, to rgba(242,122,22,0),rgba(242,122,22,1),rgba(242,122,22,0));
}
#bar-menu .menu li:hover ul {opacity:1;}
#bar-menu .menu li.active a:after, #bar-menu .menu li a:hover:after { opacity:1;}
#bar-menu .caret { display:none;}

#bar-menu .menu li.menu-logo a:after { display:none;}

#bar-menu .menu-logo a { display:block; text-indent:-9999px; background-image:url(../images/ident.png); background-size:70px 20px ; background-position:right; background-repeat:no-repeat; height:20px; width:70px; margin-top:13px;}
#bar-menu .menu-logo { margin:0; padding:0; margin-right:-70px; width:0;} 
#bar-menu .menu-logo a { opacity:0; }

#bar-menu.mini { position:fixed;}
#bar-menu.mini .menu-logo { margin:0; padding:0; margin-right:0; width: inherit;} 
#bar-menu.mini .menu-logo a { opacity:1; }

#bar-faux { width:100%; height:46px; display:none;}

#logo { margin:15px 0 0;  width:235px; outline:none; position:relative; display:inline-block;}
#logo img { width:100%; overflow:hidden;}

/* Search */
.searchform { float:right; display:inline-block; position:relative; width:250px; background:#fff; margin-top:60px; z-index:140; }
.searchform > div { z-index:100; position:relative;}
.searchform > div > span { display:block; position:relative; width:250px!important;  }
.searchform > div input[type=text] { background:none;}
.searchform > div input[type=text]::-webkit-input-placeholder { color: #bbb; }
:-moz-placeholder {color:#bbb; opacity:1;}::-moz-placeholder {color:#bbb; opacity:1;}:-ms-input-placeholder{color:#bbb; opacity:1;}

.searchform > div > span > input,.tt-dropdown-menu { width:100%; padding:4px 10px; border:none;/*background:#eee!important;*/ }
.searchform > div > i { position: absolute; padding:5px; top:3px; right:0px;}
.searchform > div input[type=submit] { border:none; background:none; color:#fff; width:100%; text-indent:-9999px; position:absolute; top:0; bottom:0; left:0; right:0; }
/* Twitter typeahead implementation*/
.twitter-typeahead * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tt-query, .tt-hint { padding: 6px; outline: none; width: 100% ; vertical-align:inherit!important; }
.tt-dropdown-menu {  margin-top:0px; padding:0; text-align:left; overflow: hidden;  }
.tt-dropdown-menu p { margin: 5px 0; }
.tt-dropdown-menu a { color:#333;display: block; text-decoration:none; }
.tt-suggestion { font-size: 14px; line-height: 18px; padding:8px 10px; }
.tt-suggestion.tt-is-under-cursor { color:#fff; background-color:#333;  }
.tt-suggestion.tt-is-under-cursor a { color:#fff; }
.tt-suggestion p { margin: 0; }
.twitter-typeahead.tt-rtl { direction: rtl; }
.twitter-typeahead.tt-rtl .tt-dropdown-menu { left: auto; right: 0; }

/* Overlay style for huge menu */
.overlay-hugeinc { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:100; background: rgba(0,0,0,0.9); }
/* Overlay closing cross */
.overlay-hugeinc .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(../img/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; }
/* Menu style */
.overlay-hugeinc nav { text-align: center; position: relative; top:50%; height:70%; font-size:18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.overlay-hugeinc ul { list-style: none; padding: 0; margin: 0 auto; height:80vh; position: relative; display: table; }
.overlay-hugeinc ul li {  display: table-row;}
.overlay-hugeinc ul li a { position:relative; text-decoration:none; outline:none; background:none!important;  margin-right:-0.1em; letter-spacing:0.1em; display:inline-block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; text-transform:uppercase; vertical-align: central; font-size:32px; }
.overlay-hugeinc ul li a:hover, .overlay ul li a:focus { color: rgba(255,255,255,0.9); }
/* Effects */
.overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; }
.overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); }

/* Highlight hover effect */
.overlay-hugeinc ul li a:before {content:""; display:block; position:absolute; margin:0 auto; bottom:0%; left:0; right:0; width:0%; background:rgba(0,0,0,0.00); height:2px;}
.overlay-hugeinc ul li a:hover:before { width:100%; background:#432d92; }

/*Animating hamburger menu - amimate to x*/
#trigger-overlay { background:none; z-index:500; border:none; top:30px; display:block; right:30px;  text-indent:-9999px; position:absolute; visibility:visible!important; }
#trigger-overlay:active { padding:0; margin:0;}
.c-hamburger { display: block; position: relative; margin: 0; padding: 0; overflow:visible; width: 32px; height: 32px;  appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; }
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: 14px; left:0px; right:0px; height: 3px; background:#000; }
.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color:#000; content: ""; }
.c-hamburger span::before { top: -8px; }
.c-hamburger span::after { bottom: -8px; }
.c-hamburger--htx span { transition: background 0s 0.3s; }
.c-hamburger--htx span::before, .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.c-hamburger--htx span::before { transition-property: top, transform; }
.c-hamburger--htx span::after { transition-property: bottom, transform; }
/* active state, i.e. menu open */
.c-hamburger--htx.is-active span { background: none; }
.c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; background-color:#fff; }

/* Scroll icon 
.scroll { width: 200px; z-index: 20; position:absolute; top: inherit!important; left:0; right:0; bottom:150px; display: block; text-align: center;  }
.scroll span { color: #fff; margin-top: 10px; }
.scroll img { width: 30px; }

.scroll { width: 200px; z-index: 20; position:absolute; top: inherit!important; left:0; right:0; bottom:8px; display: block; text-align: center;  }
.scroll span { color: #fff; margin:0 15px; text-transform:uppercase; }
.scroll img { width: 10px; display:none;}


@-webkit-keyframes bounce {0% {opacity: 1;}50% {opacity: .2;}100% {opacity: 1;}}
@-moz-keyframes bounce {0% {opacity: 1;}50% {opacity: .2;}100% {opacity: 1;}}
@-o-keyframes bounce {0% {opacity: 1;}50% {opacity: .2;}100% {opacity: 1;}}
@keyframes bounce {0% {opacity: 1;}50% {opacity: .2;}100% {opacity: 1;}}
.bounce { animation-name: bounce; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: forwards; animation-timing-function: ease-in-out; }
*/


/* Modal */
.modal .modal-title { text-align: center;}
.modal li { list-style: none; display: block; border-bottom: solid 1px #eee; margin-bottom: 15px; padding-bottom: 15px; text-align: center;}
.modal li img { display: inline-block; margin-right: 20px; }
.modal li form { display: inline-block;}
.modal li form input[type=text]{  border: solid 1px #eee; padding: 10px;}
.modal li form input[type=submit]{ font-weight: bold; margin-left: 30px;  border: solid 2px #432d92; padding: 10px 20px; color: #432d92; background: #fff; text-transform: uppercase; letter-spacing: .05em;}
.modal li form input[type=text].half { display:inline-block; width:40%;}
.modal li.fcx_form img { display:block; margin:0 auto 15px;}
.modal li.fcx_form .g-recaptcha > div{ text-align:center; margin:0 auto;}
.modal li.fcx_form form { width:100%;}

.buttonpurple {font-weight: bold; margin-left: 30px;  border: solid 2px #432d92; padding: 10px 20px; color: #432d92; background: #fff; text-transform: uppercase; letter-spacing: .05em;}

    /* Homepage */
#opener { padding:40px 0; text-align:center; font-weight:300; font-size:18px; line-height:28px;}

#home_feature { background:url('../images/union_flag.jpg') no-repeat;   }
.home_feature {padding:40px 0; text-align:center; font-weight:300; font-size:18px; line-height:28px; position:relative; background-size:cover; background-position:center;}
.home_feature .overlay { background:rgba(0,0,0,.5); position:absolute; top:0; bottom:0; left:0; right:0; }
.home_feature a {  color:#000; font-weight:bold; display:inline-block; background:rgba(255,255,255,.5); border:solid 1px #eb5822; padding:10px 20px; margin:10px 0 20px; font-size:14px;}

#home_feature2 h2 { color:#fff;}
#home_feature2 a { background:rgba(0,0,0,.5); color:#fff; border-color:#fff;}

.home_feature a:hover { background:#eb5822; color:#fff;}
#features .feature { position:relative; overflow:hidden; width:33.33%; display:inline-block; float:left; box-sizing:border-box; text-align:center; color:#fff; padding:40px 30px; min-height:260px; background-size:cover; background-position:center; }
#features .feature .overlay { position:absolute; top:0; bottom:0; right:0; left:0; display:block; 
background: -webkit-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,.5));
background: -o-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,.5)); 
background: -moz-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,.5)); 
background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,.5));
}
#features .feature h2,#features .feature p,#features .feature p { z-index:5; position:relative; display:block; text-shadow: rgba(0,0,0,.8) 0px 0px 18px;}
#features .feature h2 { margin:0 0 5px; font-weight:bold;}
#features .feature a { background:rgba(0,0,0,.5); color:#fff; margin-top: 30px; border-radius:0; border:solid 1px #fff; padding:10px 20px;  }
#features .feature a:hover { background: #432d92; }


#christmas { padding: 100px 0 40px 0; text-align:center; font-weight:300; font-size:18px; line-height:28px; }
#christmas h2 { background:#fff; padding:10px; display:inline-block; clear-after:both; margin-bottom:-30px;}
#christmas a {  color:#fff; font-weight:bold; display:inline-block; background: #000; padding:10px 20px; margin:10px 0 20px; font-size:14px;}
#christmas a:hover { background:#209f28; color:#fff;}

/* Homepage content */
.usp { display:block; margin:50px 0 30px; clear:both;}
.usp h2 { margin:0 0 30px; display:inline-block; }
.usp img { -webkit-border-radius:25% 0 25% 0;-moz-border-radius:25% 0 25% 0; border-radius:25% 0 25% 0; }
.usp p { line-height:22px;}
.usp.left img { float:right;  margin-left:30px;}
.usp.right img { float:left;  margin-right:30px;}

/* Homepage slider */
#slider { height:400px; position:relative; box-sizing:border-box;  background-size:cover; background-position:center; text-align:center;  letter-spacing:0.05em; color:#fff; text-shadow: rgba(0,0,0,0.5) 0px 0px 16px;  }
.rslides { position:relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; height:100%; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display:none; width: 100%;  height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; z-index:20; }
.rslides li .info { 
 position:absolute; bottom:0; left:0; right:0; top:0; text-align:center; color:#fff;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)); 
background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)); 
background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)); 
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    background: rgba(0,0,0,.4);
}
.rslides li .info h2 {  margin:0; padding:0; text-transform:uppercase; font-size:32px; margin-bottom:12px; font-weight:bold; display:block;}
.rslides li .info h3 {  margin:0; padding:0; font-weight:300; display:block; font-size:18px;}
.rslides li .info .btn { text-transform:uppercase; color:#fff; border:solid 1px #fff; padding:8px 20px; clear:none; margin-top:10px;}
.rslides li .info .btn:hover { background:rgba(0,0,0,0.66);}

#slider .rslides_nav { color:#fff; line-height:50px;  opacity:0; z-index:150; position:absolute; top:50%;  display:block; width:30px; height:50px; outline:none!important; background:rgba(0,0,0,0.3); }
#slider .rslides_nav:hover { background:rgba(0,0,0,0.5);}
#slider .rslides_nav.prev { left:0;}
#slider .rslides_nav.next { right:0;}
#slider:hover .rslides_nav { opacity:1;}



/* Homepage /////////////////////////*/
/* Single Pages */
.service_image { max-width:50%; margin: 0 0 20px 20px; float:right; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; overflow:hidden; width:100%; }
.service_image img { width:100%; height:auto!important;}

/* Single events page */
.main .eventimage { }
.main .eventimage img { width:100%; height:auto!important; -webkit-border-radius:25% 0 25% 0;-moz-border-radius:25% 0 25% 0; border-radius:25% 0 25% 0;  }
.main .price { width:45%; padding:10px 0; text-align:center; box-sizing:border-box; float:left; display:inline-block; margin-top:30px; font-size:18px;}
.main .price i { display:block; font-size:14px; font-weight:normal;}
.main .price {  background:#eee;  font-weight:bold;}
.main .price.mem { background:#bcdfac; margin-right:10%;}

.main #downloads { padding:15px; background:#f4f4f4; margin-top:30px;}
.main #downloads li { list-style:none; padding:5px 0; margin-bottom:5px; border-bottom:solid 1px #eee;}
.main #downloads li a { color:#333; text-decoration:none; display:block;}
.main #downloads li a:hover { color:#432d92;}
.main #downloads li a span { float:right;}

.event-alert { text-align:center; text-transform:uppercase; font-weight:bold; font-size:16px;}

/* Single pages */
#banner { background:#111; position:relative; overflow:hidden; height:160px; color:#fff; display:block; clear:both; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }
#banner .overlay { position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.50); display:block;}
#banner .col-xs-12 h1 { font-size:32px; margin:47px 0 5px; font-weight:bold;}
#banner .col-xs-12 h2 { font-size:16px; font-weight:300; line-height:24px;}


#banner .btn { text-transform:uppercase; background:rgba(0,0,0,0.33); color:#fff; border:solid 1px #fff; padding:15px 30px; clear:none; font-size:18px; margin-top:15px;}
#banner .btn:hover { background:rgba(0,0,0,0.66);}

#breadcrumb { display:inline-block; float:right; color: rgba(255,255,255,0.59); margin-top:70px;}
#breadcrumb a { color:#fff;}

/* News archive page */
.news-archive h2 { text-align:center; margin:0;}
.news-archive .news { color:#333;  display:block; width:100%; min-height:180px; outline:none!important; text-decoration:none; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #eee;}
.news-archive .news h3 { font-weight:bold; text-transform:uppercase; margin:0 0 5px; color:#333; position:relative; font-size:20px;}
.news-archive .news h3 .icon { display:block; float:right; background:#432d92; font-weight:normal; color:#fff; padding:8px; margin-top:0px; font-size:38px; text-align:center;}
.news-archive .news .date { display:inline-block; border:none!important; color:#666; text-transform:uppercase; margin-bottom:10px;}

.news-archive .news .eventimage { width:300px; float:right; display:inline-block; margin-left:30px;}

.news-archive .news i { margin-left:10px; font-style:normal; text-transform:uppercase;}
.news-archive .news i span { margin-left:10px;}
.news-archive .news:hover { border-bottom:solid 1px #ddd;}


/* Vacancies */
.foundPosts { float:left;}
#sort-filter { margin:0; padding:0; float:right;}
#sort-filter select { padding:5px; border:solid 1px #eee; display:inline-block; margin-right:10px;}

#courses { display:block; clear:both;}
.divider { display: block; border-bottom:solid 5px #eee; clear:both; margin:15px 0; float:left; width:100%;}

.course { display:block; clear:both; position:relative; overflow:hidden; border-bottom:solid 1px #eee; margin-bottom:10px; padding-bottom:10px;}
.course h3 { float:left;}
.course h3 span { margin-right:10px;}
.course > span { display:inline-block; float:left; clear:left;}
.course a { display:inline-block; float:right; padding:10px;}

/* Footer Section*/
/* Footer Section*/
#footer-tagline { text-align:center; letter-spacing:0.3em; text-transform:uppercase; font-size:15px; margin:15px 0; margin-right:0.3em; font-weight:600;}

#footer-wrapper {background:#333; padding:30px 0;  color:#fff; display:block; position: relative; clear:both; text-align:center;}
#footer ul { margin:5px 0 0; padding:15px 0 0; border-top:solid 1px #555; }
#footer li { list-style:none; margin:0 10px; display:inline-block; }
#footer li > a { color:#ddd;} 
#footer li > a:hover { color:#fff; text-decoration:none;}
#footer h2 { font-weight:bold; text-transform:uppercase; font-size:16px; margin:0;}
#footer h2 { margin:0 0 10px 0; color:#fff;}
#footer .col-xs-12 > span { display:block;}
#footer .col-xs-12 > span a { color:#fff;}
#footer .col-xs-12 > span.tel {  font-weight:bold; font-size:15px; margin-bottom:5px;}

#footer #crestashareiconincontent { margin-top:10px;}

em { font-style:normal;  font-weight:600; }

#copyright { font-size:12px; color:#666; padding:10px 0; display:inline-block; position:relative; float:left; }
#scorch { font-size:12px; color:#666; padding:10px 0; float:right; display:inline-block;}

/* Social bar */
#social { background:#6b6b6b; color:#fff;}
#social h2 { text-transform:uppercase; letter-spacing:0.2em; text-align:center; font-weight:700; font-size:18px; margin:0; padding:5px 0;  } 
#social span {  display:inline-block; vertical-align:top; padding:20px 0 0;}
#social #crestashareiconincontent { display:inline-block; position:relative; margin-left:20px;}

.search-result { color:#333; outline:none; margin:20px 0; padding:15px 0; border-bottom:solid 1px #eee; display:block; position: relative; overflow:hidden; }
.search-result h2 {}
.search-result .more { font-weight:bold;}
.search-result:hover { color:#333;}
.search-result:hover .more { color:#432d92;}

/* Contact Page */
#map { display:block; width:100%; height:350px;}
.contact { text-align:center!important;}
.contact h2 { text-align:center!important;}
.contact { display:block; text-align:center; margin-bottom:10px; color:#777;}
.contact a { font-weight:bold; color:#333!important; text-decoration:none!important; font-size:26px;}
.contact .btn { background:#432d92; text-decoration:none!important; color:#fff; -webkit-border-radius:6px;-moz-border-radius:6px; padding:15px 20px; margin:20px 0; border-radius:6px;}

.contactpage {}
.contactpage #telephone,.contactpage #email,.contactpage #address { display:block; margin-bottom:10px;}
.contactpage input[type=text],.contactpage textarea { margin-bottom:10px;}
.contactpage  form .btn { margin-top:10px;}
.contactpage label { font-weight:normal;}
.contactpage .alert h2 { margin:0; text-align:center; font-size:16px;}

.contactpage div.form-control { padding: 0; margin-bottom: 10px; padding-bottom: 0;}
.contactpage div.form-control input { width: 33.3%; margin: 0; padding: 5px 0; box-sizing: border-box; border: solid 1px #eee; text-align: center;}

.g-recaptcha { margin: 20px 0;}

#alternative,#delivery { margin-top: 10px;}

/* Accordion*/
.acc { margin-bottom:10px;}
.acc > h2 { display:block; background:#ebebeb; color:#333; padding:15px 15px; margin:0!important; font-weight:300; font-size:20px; cursor:pointer;   }
.acc.active > h2,.acc > h2:hover  { background:#c9c9c9; }
.acc-body { padding:15px 0; display:none;}

/* Search */
.knowledgesearch { position:relative; background:#fff; max-width:500px; margin:0 auto; padding:10px 15px; margin-bottom:20px; }
.knowledgesearch > div { z-index:100; position:relative;}
.knowledgesearch > div > span { display:block; position:relative; width:250px!important;  }
.knowledgesearch > div input[type=text] { background:none; color:#333; border:none; width:100%;}
.knowledgesearch > div input[type=text]::-webkit-input-placeholder { color: #888; }
:-moz-placeholder {color:#bbb; opacity:1;}::-moz-placeholder {color:#888; opacity:1;}:-ms-input-placeholder{color:#888; opacity:1;}
.knowledgesearch > div > span > input{ width:100%; padding:4px 10px; border:none;/*background:#eee!important;*/ }
.knowledgesearch > div > i { position: absolute; padding:3px 5px; top:0px; right:0px; color:#333; font-size:16px; text-shadow:none;}
.knowledgesearch > div input[type=submit] { border:none; background:none; color:#333; width:100%; text-indent:-9999px; position:absolute; top:0; bottom:0; left:0; right:0;}

/* Accordion*/
.acc { margin-bottom:10px;}
.acc > h2 { display:block; background:#ebebeb; color:#333; padding:15px 15px; margin:0!important; font-weight:300; font-size:18px; cursor:pointer; text-transform:none; }
.acc > h2 span { float:right;}
.acc.active > h2,.acc > h2:hover  { background:#c9c9c9; }
.acc .acc-body { display:none; padding:0;}
.acc .acc-body a { padding:10px 0; border-bottom:solid 1px #eee; display:block; color:#333; text-decoration:none;}
.acc .acc-body a span { margin-right:10px; color:#ccc;}
.acc .acc-body a span.right { float:right;}

/* Resources Page */
.resources { margin:0; padding:0;}
.resources li { list-style:none; margin-bottom:5px; padding: 0 15px; position:relative;}
.resources li:hover { background: #f4f4f4; }

/* Services */
.service { overflow: hidden; text-align: center; margin-bottom:10px; box-sizing: border-box; padding:20px 10px; min-height: 240px; display: block; position: relative; color: #333; text-decoration: none!important; }
.service .icon { width:20px; height:20px; margin: 0 auto 20px; font-size: 24px;}
.service h2 { font-size: 18px; position: relative; margin-bottom: 30px;}
.service h2:after { position: absolute; left:0; right:0; bottom:-10px; content:""; width:20%; margin: 0 auto; display: block; height:1px; background: #eee;}
.service:hover { background: #f4f4f4; text-decoration: none;}
.service:hover { color: #333;}
.service:hover .icon { color:#432d92;}
.service:hover h2:after { position: absolute; left:0; right:0; bottom:-10px; content:""; width:50%; margin: 0 auto; display: block; height:1px; background: #eb5822;}

h2.title { text-align: center; text-transform: uppercase; font-weight:bold; font-size: 28px; margin: 40px 0 60px;}


/* General page */
.main { padding-bottom:40px; padding-top:40px;}
.main img { max-width:100%; height:auto; -webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px;}
.main a { text-decoration:underline; }
.main a:hover { text-decoration:none; }
h1,h2,h3,h4,h5,h6 {  text-transform:uppercase; letter-spacing:.02em;  margin:0 0 15px; }
h1 { font-size:32px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h6 { text-transform:none; font-size:18px;}

.page-section { width:100%; position: relative; padding:25px 0; background:#f4f4f4; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; }


/* Hide the icons maybe? */
#bar-menu a span { font-size:20px; font-weight:700; text-align:center; line-height:24px;  padding:0 20px; background:none!important;}


/* Membership section */
#pmpro_account-membership > .pmpro_actionlinks,#pmpro_account-profile { display:none;}
#pmpro_account .pmpro_box { border:none!important;}


/* Sidebar styles */
#sidebar { border-left:solid 1px #f4f4f4; padding-left:20px;}
#sidebar h2 { margin-bottom:6px;}
#sidebar ul { margin:0; padding:0;}
#sidebar li { list-style:none; margin:5px 0; }
#sidebar .events { margin-bottom:30px;}
#sidebar .events a { display:block; text-decoration:none;  position:relative;}
#sidebar .events a span { color:#fff;  position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); padding:5px;}
#sidebar .events span { color:#888;}

#menu-about-aicp { margin-bottom:40px!important; display:block;}
#menu-about-aicp li { padding-left:15px; position:relative; background:#f8f8f8; padding:10px 10px 10px 30px;}
#menu-about-aicp li span { position:absolute; top:15px; left:10px; font-size:12px;}
#menu-about-aicp li a { text-decoration:none; color:#333;}

.rssnews h2.rounded { display:none;}
.rssnews li { margin:10px 0; padding-bottom:10px; border-bottom:1px solid #eee;}
.rssnews li a { text-decoration:none;}
.rssnews li span { display:block; font-size:13px; color:#666;}


#crestashareiconincontent { width:250px; margin:0 auto!important; display:block; position:relative; float:none;}


/* Login section */

.account { }
.account #loginform {}
.account #loginform label { display:block; font-weight:normal; text-align:center;}
.account #loginform input[type=text],.account #loginform input[type=password] { display:block; width:100%; padding:10px 5px; border:solid 1px #ddd;}
.account #loginform #submit { border:solid 2px #432d92; padding:10px 50px; text-align:center; display:block; margin:0 auto; background:none; text-transform:uppercase; color:#432d92;}
#forgotpassword { color:#777; text-align:center; font-size:13px; margin:0 auto; display:block; margin-top:20px;}

@media (max-width: 1380px) {
	
#slider > div h1 { font-size:52px;}	
#slider > div h2 { font-size:22px;}	
	
#banner .col-xs-12 h1 { font-size:38px;}
#banner .col-xs-12 h2 { font-size:18px;}

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
#bar-menu a { font-size:14px;}
#feature iframe { max-width:50%;}

#person-grid > a { width:33.3%;}

}
	  

@media (max-width: 900px) {
}


@media (max-width: 767px) {

.menu-logo { display:none!important;}

#breadcrumb {display:none!important;}

#banner .col-xs-12 h1 { margin:10px 0;}
#banner .col-xs-12 { text-align:center;}

.service_image { display:block; width:100%; margin:10px 0; max-width:inherit;}

#welcome { min-height:250px;}
#welcome #info { padding-top:170px;}
#welcome #info h1 { font-size:26px;}
#welcome #info h2 { font-size:18px;}
#opener { font-size:16px;}

#banner .col-xs-12 h1 {}

.service { min-height:inherit;}

h2.title { font-size:18px}

#features .feature { width:100%;}

.searchform,#top-bar { display:none;}

body { font-size:13px;}

#head { display: block; position:relative;}

h2 { font-size:18px;}

.dropdown-menu,.caret { display:none!important;}

#person-grid { margin-top:0;}
#person-grid > a { width:50%;}
#person-grid > a .overlay h3 { font-size:13px;}
#person-grid > a .overlay h4 { display:none;}

#slider { height:220px; padding:0;}
#slider > div { top:0px;}

#slider .info { display:none;}
#slider > div h1 { font-size:26px!important;}	
#slider > div h2 { display:none;}	

#banner .col-xs-12 { margin-top:30px;}

#banner.buttoned .col-xs-12 { margin-top:10px;}
#banner .col-xs-12 h1 { font-size:24px;}
#banner .col-xs-12 h2 { font-size:16px;}
#banner .btn { font-size:14px; margin:0;}

#banner { height:170px; margin:0;}

#people #banner { display:none; }
#people .ms-staff-carousel { margin-top:0!important;}

.ms-staff-carousel .ms-staff-info h3, .ms-staff-carousel .ms-staff-info h4 { color:#333!important;}
.ms-staff-carousel .ms-staff-info h3 { font-size:18px!important;}
.ms-staff-carousel .ms-staff-info h4 { font-size:16px!important;}


#filters { margin-bottom:15px;}
#filters button { font-size:14px; padding:10px ;}
.news-archive .news h3 { font-size:16px;}

.main { padding-bottom:20px; padding-top:20px;}

#feature { padding:20px 0;}

#logo { margin:10px auto 10px; max-width:67%;}



.acc > h2 { font-size:16px;}

#feature iframe { max-width:100%; display:block; float:none; margin:0; height:150px; margin-bottom:20px;}

.latest-news h2 { font-size:18px;}

.latest-news .news h3 { font-size:14px;}

.contactpage { text-align:center; margin-bottom:20px;}

#menu { display:none;}
	
.scorch { opacity:1!important;}

.overlay-hugeinc ul { height:75vh;}
.overlay-hugeinc ul li a { font-size:16px; }

#footer { margin:10px 0 0 0;}
#copyright,#scorch  { font-size:11px; text-align:center;  padding:10px 0 0; display:block;  float:none; }

#call-to-action h2 { font-size:18px;}
#call-to-action .btn { padding:15px 20px;}

.contact a { font-size:18px;}


/* Mobile menu system */
#mobile-nav { position:absolute; z-index:100; background:#432d92; left:0; right:0; width:100%; top:0; }
#mobile-nav ul { padding:0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-justify-content:space-between; justify-content:space-around;}
#mobile-nav li {display:inline-block; position:relative; padding:0; height:50px; padding-top:4px; text-align:center; }
#mobile-nav li a,#toggle-main { padding:0; margin:0; text-decoration:none; background:none; display:block; position:relative; width:26px; height:26px; font-size:20px; color:#eee; border:none; float:none; margin:0 auto;}
#mobile-nav li:hover a,#mobile-nav li:hover #toggle-main { color:#fff;}
#mobile-nav li .menulabel { font-size:11px; text-align:center; display:block; color:#fff;}

#main-toggle-wrapper { display:block; width:inherit; height:inherit; padding:1px 20px 0 ; margin:0; list-style:none; background:#333; border-radius:0; -webkit-border-radius:0;-moz-border-radius:0; height:48px;min-height:35px }
#mobile-menu { background:#fff; list-style:none; text-align:center;}
#mobile-menu li a { color:#666; padding:5px 0; display:block; font-size:14px; border-bottom:solid 1px #eee;}
#mobile-menu .sub-menu { margin:0; padding:0; list-style:none; background:#f4f4f4;}
#mobile-menu .sub-menu li a {font-size:13px;}
#mobile-menu .sub-menu li a:hover { background:#eee;}
#mobile-menu li:last-child > a,#mobile-menu #sub-menu li:last-child > a { border-bottom:none; }
#mobile-search { display:none; margin-bottom:0px; border:solid 1px #ddd; }
#mobile-search .form-control { border-color:#fff; font-size:16px;}
#mobile-search .form-control:focus { border-color:#f37721; font-size:16px!important;}


}

/* Try and target ipad only issues*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
#slider { margin-bottom:-100px; }
#bar-menu a { height:100px;}
}