/*------------------------------
LOADER
------------------------------*/

#loader{
  display:block;
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
  text-align: middle;
  vertical-align: middle;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transform: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#loader .middle{
  text-align: middle;
  vertical-align: middle;
}

#loader .loading{
  display: block;
  width: 100%;
  max-width: 120px;
  height: 120px;
  margin: 0 auto;
}

#loader.loaded{
  opacity: 0;
  visibility: hidden;
}

/*------------------------------
BASIC LAYOUT
------------------------------*/

html,body{
  height: 100%;
}

body{
  font-family: 'Museo', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #333;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -mos-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.wrapper{
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 250px;
  overflow: hidden;
}

header,
section,
footer{
  position: relative;
}

.primary-column{
  width: 65%;
  padding-right: 30px;
  text-align: left !important;
}

.secondary-column{
  width: 35%;
  padding-left: 30px;
  text-align: left !important;
}

.footer .left{
  width: 35%;
  text-align: left !important;
  padding-right: 30px;
  clear: left;
}

.footer .right{
  width: 65%;
  text-align: left !important;
  padding-left: 30px;
  clear: right;
}

.section{
  padding: 60px 0;
}

/*------------------------------
HELPERS
------------------------------*/

*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

ul.horizontal{
  display: block;
  position: relative;
  list-style: none;
  font-size: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

ul.horizontal li{
  display: inline-block;
  position: relative;
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 1.45em;
  vertical-align: top;
}

.graphic{
vertical-align: top;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}

.clear{
  clear: both;
}

.content-container{
  position:relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1110px;
  padding: 0 15px;
}

.left{
  float: left;
  text-align: left;
}

.right{
  float: right;
  text-align: right;
}

.middle{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sneaky{
  position: absolute;
  display: block;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  text-align: left;
  overflow: hidden;
  text-indent: -9999px;
}

.columniser{
  margin-left: -40px;
}

.columniser .column{
  padding-left: 40px;
}

.columniser.two .column{
  width: 50%;
}

.columniser.three .column{
  width: 33.3333%;
}

.columniser.four .column{
  width: 25%;
}

#load-in{
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

#load-in.loaded{
  opacity: 1;
}

.columns {
  width: auto !important;
  margin-left: -40px;
}

.columns .column {
  padding-left: 40px !important;
}

.columns2 .column {
  width: 50% !important;
}

.columns3 .column{
  width: 33.3333% !important;
}

.column1,
.column2,
.column3{
    margin-right: 0 !important;
}

/*------------------------------
TYPOGRAPHY
------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: "Museo", serif;
  color: #512c71;
  font-style: normal;
  font-weight: 400;
}

h1{
  font-weight: 300;
  font-size: 48px;
}

h2{
  font-size: 30px;
}

h3{
  margin-top: 10px;
  line-height: 1.4em;
  color: #333;
  font-size: 24px;
}

h4,h5,h6{
  font-size: 20px;
}

h2.pre-header{
  font-family: 'Museo', sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
  color: #333;
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: 700;
}

h2.pre-header a{
  color: #333;
}

h2.pre-header::after{
  content: '';
  display: block;
  position: absolute;
  width: 48px;
  height: 1px;
  left: 50%;
  margin-left: -30px;
  background-color: rgba(156,158,160,0.75);
  bottom: 0;
}


strong,
b{
  font-weight: 700;
}

a{
  color: #512c71;
  text-decoration: none;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
}

a:hover{
  color: #333;
  text-decoration: none;
}

label,
.label{
  color: #512c71;
}

/*------------------------------
FORMS
------------------------------*/

input[type="time"],
input[type="date"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select,
.captchacontainer{
  font-size: 16px;
}

.field.radio{
  margin-top: 10px;
  font-size: 0;
}

.field.radio span.option{
  display: inline-block;
  width: 33.33%;
}

.field.radio span.option label,
.field.radio label{
  color: #333;
  font-size: 16px;
  margin-left: 10px;
  margin-right: 15px;
}

.optin .field.radio label{
  margin: 0;
}

/*------------------------------
RATINGS
------------------------------*/

.rating p{
    width: 100px;
    height: 20px;
    background-image: url('/assets/website/img/rating.png');
    background-size: initial;
}

.rating.rating1 p{
    background-position: center -20px;
}

.rating.rating2 p{
    background-position: center -40px;
}

.rating.rating3 p{
    background-position: center -60px;
}

.rating.rating4 p{
    background-position: center -80px;
}

.rating.rating5 p{
    background-position: center -100px;
}

/*------------------------------
BUTTONS
------------------------------*/

.button a,
a.button,
input.button{
  display: inline-block;
  background-color: #512c71;
  white-space: nowrap;
  margin: 0;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-family: 'Museo', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.button a i,
a.button i,
input.button i{
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px 15px;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  float: right;
  width: 10px;
  height: 40px;
  margin-left: 10px;
  background-image: url('../img/arrow_small_next_white.png');
}

.button a:hover,
a.button:hover,
input.button:hover{
  background-color: #333;
}

div.button{
  margin-bottom: 20px;
}

/*------------------------------------------------
IMAGES
------------------------------------------------*/

.image{
  position: relative;
}

.secondary-column img,
.gallery img,
.primary-column .image img,
.item_summary_image img{
  display: block;
  width: 100%;
}

.gallery{
  position: relative;
}

.primary-column .image{
  width: 100% !important;
}

.primary-column .image.imagesize_a{
  width: calc(25% - 15px) !important;
}

.primary-column .image.imagesize_b,
.gallery .item{
  width: calc(33.3333% - 13.3333px) !important;
}

.primary-column .image.imagesize_c{
  width: calc(50% - 10px) !important;
}

.qgimage,
.galleryimage{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

.qgimage img,
.galleryimage img{
  width: auto !important;
  display: block;
  margin: 0 auto;
  max-width: 100% !important;
  max-height: 100% !important;
}

/*------------------------------------------------
CAPTIONS
------------------------------------------------*/

.image .caption{
  margin: 0;
  padding: 15px 20px;
  font-size: 13px;
  position: absolute;
  background-color: rgba(0,0,0,0.50);
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
}

/*------------------------------------------------
HTML EMBEDS
------------------------------------------------*/

.htmlarea{
  margin-bottom: 20px;
}

/*------------------------------------------------
VIDEOS
------------------------------------------------*/

.video{
  margin-bottom: 20px;
}

.video > div,
.video iframe{
  width: 100% !important;
}

/*------------------------------------------------
PAGER
------------------------------------------------*/

.pager{
  margin-bottom: 30px;
}

.pager ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.pager ul li{
  margin: 0 5px;
}

.pager ul li a{
  font-family: sans-serif;
  display: inline-block;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  color: #333;
  font-size: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.pager ul li a:hover{
  background-color: #333;
  color: #fff;
}

.pager ul li.current a{
  background-color: #512c71;
  color: #fff;
}

/*------------------------------
HEADER
------------------------------*/

header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 199;
}

.sidr-animating header,
.sidr-open header{
  left: -260px;
  right: 260px;
}

.sidr-animating.sidr-open header{
  left: 0;
  right: 0;
}

/*-- HEADER --*/

header{
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transform: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

header .top-contacts{
  height: 40px;
  background-color: #333;
}

header .site-header{
  height: 65px;
  background-color: rgba(90,44,113,0.95);
  webkit-box-shadow: 0px 2.5px 10px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 2.5px 10px 0px rgba(0,0,0,0.33);
  -ms-box-shadow: 0px 2.5px 10px 0px rgba(0,0,0,0.33);
  -o-box-shadow: 0px 2.5px 10px 0px rgba(0,0,0,0.33);
  box-shadow: 0px 2.5px 10px 0px rgba(0,0,0,0.33);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.header-none header .site-header{
  background-color: rgba(90,44,113,1);
}

.header-big header .site-header{
  height: 85px;
}

.header-small header .site-header{
  height: 65px;
  background-color: rgba(90,44,113,1);
}

/*------------------------------
LOGO
------------------------------*/

/*-- LOGO --*/

h2.logo,
h3.logo,
h3.strapline{
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  white-space: nowrap;
}

.logo{
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

h2.logo,
h3.strapline{
  float: left;
}

.header-big h2.logo{
  width: 193px;
  height: 85px;
}

.header-small h2.logo{
  width: 147.5px;
  height: 65px;
}

.logo a{
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 100%;
}

h2.logo a{
  background-image: url('../img/logo_white.png');
}

h3.logo a{
  background-image: url('../img/logo_footer_white.png');
  width: 193px;
  height: 47px;
}

/*-- STRAPLINE --*/

h3.strapline{
  background-image: url('../img/strapline.png');
  margin-left: 61px;
  position: relative;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  overflow: visible;
}

h3.strapline:before{
  content: '';
  display: block;
  position: absolute;
  background-image: url('../img/divider.png');
  background-position: center center;
  background-size: 100% 100%;
  width: 1px;
  top: 0;
  bottom: 0;
  left: -30px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.header-big h3.strapline:before{
  height: 85px;
}

.header-small h3.strapline:before{
  height: 65px;
}

.header-big h3.strapline{
  width: 295px;
  height: 85px;
}

.header-small h3.strapline{
  width: 225.5px;
  height: 65px;
}

/*------------------------------
TOP CONTACTS
------------------------------*/

.top-contacts{

}

.top-contacts .contacts{

}

.top-contacts .contacts ul{

}

.top-contacts .contacts ul li,
.top-contacts .social ul li{
  margin-right: 20px;
}

.top-contacts .contacts ul li:last-child,
.top-contacts .social ul li:last-child{
  margin-right: 0;
}

.top-contacts a{
  line-height: 40px;
  display: block;
  color: #fff;
}

.top-contacts .social a i.graphic,
.top-contacts .contacts a i.graphic{
vertical-align: top;
    height: 40px;
}

/*------------------------------
HAMBURGER
------------------------------*/

.hamburger{
  display: none;
  width: 35px;
  height: 25px;
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.hamburger span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 0px;
}

.hamburger span:nth-child(2) {
  top: 10px;
}

.hamburger span:nth-child(3) {
  top: 20px;
}

.sidr-open .hamburger span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.sidr-open .hamburger span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.sidr-open .hamburger span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*------------------------------
NAVIGATION
------------------------------*/

#main-navigation{

}

.sf-sub-indicator,
.sidr-class-sf-sub-indicator{
  display: none !important;
}

#main-navigation ul.nav{
  display: block;
  position: relative;
  list-style: none;
  font-size: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

#main-navigation ul.nav > li{
  display: inline-block;
  position: relative;
  font-size: 14px;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  height: 65px;
  vertical-align: top;
}

#main-navigation ul.nav > li:last-child{
  margin-right: 0;
}

#main-navigation ul.nav > li > a{
  display: block;
  height: 65px;
  line-height: 65px;
  white-space: nowrap;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: #f2efec;
  padding: 0;
}

.header-big #main-navigation ul.nav > li,
.header-big #main-navigation ul.nav > li > a{
  height: 85px;
  line-height: 85px;
}

.header-small #main-navigation ul.nav > li,
.header-small #main-navigation ul.nav > li > a{
  height: 65px;
  line-height: 65px;
}

#main-navigation ul.nav > li:hover > a,
#main-navigation ul.nav > li.sfHover.selected > a,
#main-navigation ul.nav > li.selected > a,
#main-navigation ul.nav > li.sfHover > a{
  color: #f2efec;
}

/*- DROPDOWN -*/

#main-navigation ul.nav > li > ul{
  display: none;
  visibility: hidden;
  list-style: none;
  position: absolute;
  margin: 0;
  padding: 0;
  left: -15px;
  text-align: left;
  background-color: #333;
}

.header-big #main-navigation ul.nav > li > ul{
  top: 85px;
}

.header-small #main-navigation ul.nav > li > ul{
  top: 65px;
}


#main-navigation ul.nav > li > ul > li{
  position: relative;
}

#main-navigation ul.nav > li > ul > li:nth-child(odd){
  background-color: rgba(0,0,0,0.10);
}

#main-navigation ul.nav > li > ul > li > a{
  display: block;
  padding: 0 15px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
}

#main-navigation ul.nav > li > ul > li.sfHover > a,
#main-navigation ul.nav > li > ul > li.sfHover > a:hover,
#main-navigation ul.nav > li > ul > li > a:hover{
  background-color: #512c71;
  color: #fff;
}

/*- THIRD TIER DROPDOWN -*/

#main-navigation ul.nav > li > ul > li > ul{
  display: none;
  visibility: hidden;
  list-style: none;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 100%;
  top: 0;
  text-align: left;
  background-color: #333;
}

#main-navigation ul.nav > li > ul > li > ul > li{
  position: relative;
}

#main-navigation ul.nav > li > ul > li > ul > li:nth-child(odd){
  background-color: rgba(0,0,0,0.10);
}

#main-navigation ul.nav > li > ul > li > ul > li > a{
  display: block;
  padding: 0 15px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
}

#main-navigation ul.nav > li > ul > li > ul > li.sfHover > a,
#main-navigation ul.nav > li > ul > li > ul > li.sfHover > a:hover,
#main-navigation ul.nav > li > ul > li > ul > li > a:hover{
  background-color: #512c71;
  color: #fff;
}

/*------------------------------
PAGE HEADER
------------------------------*/

.pageheader,
.pageheader #pageheader,
.fancy-slideshow,
.fancy-slideshow #fancy-slideshow{
  display: block;
  min-height: 640px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.header-none.header-big .pageheader{
  height: 85px !important;
  min-height: 85px !important;
}

.header-none.header-small .pageheader{
  height: 65px !important;
  min-height: 65px !important;
}

.header-none .pageheader .scrolldown{
  display: none;
}

/*-- SLIDESHOW --*/

.slideshow-container,
#fancy-slideshow{
  position: relative;
}

#fancy-slideshow{
  height: 640px;
}

ul.slideshow,
ul.slideshow li,
#fancy-slideshow > ul,
#fancy-slideshow > ul > li,
.page-header-image,
.overlay{
  height: 100% !important;
}

ul.slideshow,
#fancy-slideshow > ul{
  width: 100% !important;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.slideshow li,
#fancy-slideshow > ul > li{
  width: 100% !important;
}

.page-header-image{
  width: 100% !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slideshow-controls-container,
.fancy-slideshow-controls-container{
  display: block;
  position: absolute;
  width: 62px;
  height: 120px;
  z-index: 100;
  top: 50%;
  margin-top: -60px;
}

.slideshow-controls-container-prev,
.fancy-slideshow-controls-container-prev{
  left: 30px;
}

.slideshow-controls-container-next,
.fancy-slideshow-controls-container-next{
  right: 30px;
}

a.slideshow-controls,
a.fancy-slideshow-controls{
  display: block;
  width: 62px;
  height: 120px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  overflow: hidden;
  text-indent: -9999px;
}

a.slideshow-prev,
a.fancy-slideshow-prev{
  background-image: url('../img/arrow_prev_white.png');
}

a.slideshow-prev:hover,
a.fancy-slideshow-prev:hover{
  background-image: url('../img/arrow_prev_purple.png');
}

a.slideshow-next,
a.fancy-slideshow-next{
  background-image: url('../img/arrow_next_white.png');
}

a.slideshow-next:hover,
a.fancy-slideshow-next:hover{
  background-image: url('../img/arrow_next_purple.png');
}

.slideshow-pager{
  display: block;
  height: 15px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 100;
  font-size: 0;
}

.slideshow-pager .item{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 2.5px;
  background-color: transparent;
  background-image: url('../img/pager.png');
  background-size: 15px 15px;
  background-position: center center;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
}

.slideshow-pager .item .middle,
.slideshow-pager .item .content-container{
  position: absolute;
  display: block;
  width: 100%;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  padding: 0;
  margin: 0;
  max-width: none;
}

.slideshow-pager .item > div{
  display: none;
}

.slideshow-pager .item.activeSlide{
  background-image: url('../img/pager_active.png');
}

.overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
}

.header-big .overlay .middle{
    padding-top: 85px;
}

.header-small .overlay .middle{
    padding-top: 65px;
}

.overlay h3{
  display: inline-block;
  font-size: 48px;
  color: #fff;
  background-color: rgba(0,0,0,0.85);
  margin: 0;
  padding: 15px 20px;
  font-weight: 300;
}

.overlay h4{
  display: table;
  font-size: 26px;
  color: #512c71;
  margin: 0;
  padding: 20px;
  background-color: rgba(255,255,255,0.95);
}

.overlay p{
  display: block;
  max-width: 680px;
  color: #fff;
  margin: 0;
  padding: 20px;
  background-color: rgba(81,44,113,0.90);
}

.overlay a.button{
  background-color: rgba(255,255,255,0.95);
  color: #512c71;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.overlay a.button i{
  background-image: url('../img/arrow_small_next_purple.png');
}

.overlay a.button:hover{
  background-color: rgba(0,0,0,0.85);
  color: #fff;
}

.overlay a.button:hover i{
  background-image: url('../img/arrow_small_next_white.png');
}

/*------------------------------
FOOTER
------------------------------*/

footer{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #333;
  color: #fff;
  border-top:2px solid #FFFFFF;
}

footer a{
  color: #fff;
}

footer a:hover{
  color: #f2efec;
}

.footer{
  padding: 50px 0;
  border-bottom: 1px solid #7b7b7b;
  font-size: 13px;
}

.footer .columniser {
    margin-left: 0;
}

.footer .columniser.three .column {
    padding-left: 0;
}

/*-- FOOTER LINKS --*/

.footer .contacts,
.footer .social{

}

ul.footernav,
.footer .contacts ul,
.footer .social ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.footernav li,
.footer .contacts ul li,
.footer .social ul li{
  margin: 0;
  padding: 0;
  line-height: 15px;
  margin-bottom: 10px;
}

ul.footernav li:last-child,
.footer .contacts ul li:last-child,
.footer .social ul li:last-child{
  margin-bottom: 0;
}

.social a i.graphic,
.social a.graphic,
.contacts a i.graphic{
vertical-align: top;
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.social a.graphic{
vertical-align: top;
  height: 40px;
  margin-right: 0;
}
.graphic.cipd,
.graphic.breathe,
.graphic.fsb{width:100px;height:60px;}

.graphic.breathe:hover,
.graphic.fsb:hover{opacity:0.5;}
.graphic.breathe{background-size:80px 60px;background-position:center center;background-image:url('../img/BreatheLogo.png');}
.graphic.fsb{background-image:url('../img/FSBLogo.png');}
.graphic.cipd{background-image:url('../img/cipdLogo.png');}

/*------------------------------
SOCIAL MEDIA
------------------------------*/

/*-- Linked In --*/

.social .linkedin a i.graphic,
.social .linkedin a.graphic{
vertical-align: top;
  background-image: url('../img/social_linkedin_grey.png');
}

.social .linkedin a:hover i.graphic,
.social .linkedin a.graphic:hover{
  background-image: url('../img/social_linkedin_white.png');
}

/*-- Facebook --*/

.social .facebook a i.graphic,
.social .facebook a.graphic{
vertical-align: top;
  background-image: url('../img/social_facebook_grey.png');
}

.social .facebook a:hover i.graphic,
.social .facebook a.graphic:hover{
  background-image: url('../img/social_facebook_white.png');
}

/*-- Mailchimp --*/

.social .mailchimp a i.graphic,
.social .mailchimp a.graphic{
vertical-align: top;
  background-image: url('../img/social_mailchimp_grey.png');
}

.social .mailchimp a:hover i.graphic,
.social .mailchimp a.graphic:hover{
  background-image: url('../img/social_mailchimp_white.png');
}

/*-- Twitter --*/

.social .twitter a i.graphic,
.social .twitter a.graphic{
vertical-align: top;
  background-image: url('../img/social_twitter_grey.png');
}

.social .twitter a:hover i.graphic,
.social .twitter a.graphic:hover{
  background-image: url('../img/social_twitter_white.png');
}

/*------------------------------
CONTACTS
------------------------------*/

/*-- Address --*/

.contacts .address a i.graphic{
vertical-align: top;
  background-image: url('../img/contact_address_grey.png');
}

.contacts .address a:hover i.graphic{
vertical-align: top;
  background-image: url('../img/contact_address_white.png');
}

/*-- Telephone --*/

.contacts .telephone a i.graphic{
vertical-align: top;
  background-image: url('../img/contact_telephone_grey.png');
}

.contacts .telephone a:hover i.graphic{
vertical-align: top;
  background-image: url('../img/contact_telephone_white.png');
}

/*-- Mobile --*/

.contacts .mobile a i.graphic{
vertical-align: top;
  background-image: url('../img/contact_mobile_grey.png');
}

.contacts .mobile a:hover i.graphic{
vertical-align: top;
  background-image: url('../img/contact_mobile_white.png');
}

/*-- Email --*/

.contacts .email a i.graphic{
vertical-align: top;
  background-image: url('../img/contact_email_grey.png');
}

.contacts .email a:hover i.graphic{
vertical-align: top;
  background-image: url('../img/contact_email_white.png');
}

/*-- Website --*/

.contacts .website a i.graphic{
vertical-align: top;
  background-image: url('../img/contact_website_grey.png');
}

.contacts .website a:hover i.graphic{
vertical-align: top;
  background-image: url('../img/contact_website_white.png');
}

/*------------------------------
DISCLAIMER
------------------------------*/

.disclaimer{
  margin: 20px 0 40px 0;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
}

.disclaimer p{
  margin: 0;
}

.disclaimer a{
  color: rgba(255,255,255,0.5);
}

.disclaimer a:hover{
  color: rgba(255,255,255,1);
}

/*------------------------------
ARROWS
------------------------------*/

/*-- SCROLL DOWN --*/

.scrolldown{
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 70px;
  height: 62px;
  z-index: 99;
  text-align: center;
}

.scrolldown a{
  width: 120px;
  height: 62px;
  background-image: url('../img/arrow_down_purple.png');
}

.scrolldown a:hover{
  background-image: url('../img/arrow_down_black.png');
}

/*-- CAROUSEL ARROWS --*/

.carousel-arrows{
    position: absolute;
    top: 50%;
    margin-top: -60px;
    width: 100%;
    height: 120px;
    z-index: 80;
    pointer-events: none;
}

.carousel-arrows ul{

}

.carousel-arrows ul li{
  display: block;
  position: absolute;
  width: 62px;
  height: 120px;
  pointer-events: all;
}

.carousel-arrows ul li.carousel-prev{
  left: 30px;
}

.carousel-arrows ul li.carousel-next{
  right: 30px;
}

.carousel-arrows ul li a{
  width: 100%;
  height: 100%;
}

.carousel-arrows ul li.carousel-prev a{
  background-image: url('../img/arrow_prev_purple.png');
}

.carousel-arrows ul li.carousel-prev a:hover{
  background-image: url('../img/arrow_prev_black.png');
}

.carousel-arrows ul li.carousel-next a{
  background-image: url('../img/arrow_next_purple.png');
}

.carousel-arrows ul li.carousel-next a:hover{
  background-image: url('../img/arrow_next_black.png');
}

/*------------------------------------------------
BLOCKS (DEFAULTS)
------------------------------------------------*/

.block{
  display: block;
  position: relative;
  background-color: transparent;
  color: #333;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  overflow: hidden;
}

.block h3.header{
  display: block;
  margin: 0;
  padding: 10px 20px;
  background-color: #333;
  font-size: 30px;
  color: #fff;
}

.block .text{
  padding: 20px;
  background-color: #f2efec;
}

.block .button{
  background-color: #f2efec;
  padding: 0 20px 20px 20px;
  margin: 0;
}

.block .button a{

}

.block.text .button{
  background-color: transparent;
  padding: 0;
  margin: 0;
}

/*------------------------------
SIDE NAVIGATION
------------------------------*/

.block.sidenav{
  background-color: transparent;
  padding: 0px;
  margin-bottom: 30px;
}

.block.sidenav h3.header{
  display: none;
}

.block.sidenav > ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.block.sidenav > ul > li{
  margin-bottom: 5px;
}

.block.sidenav > ul > li > a{
  display: block;
  background-color: #333;
  color: #fff;
  font-weight: 400;
  font-size: 19px;
  padding: 10px 20px;
}

.block.sidenav > ul > li > a:hover{
  color: #512c71;
}

.block.sidenav > ul > li.selected > a{
  background-color: #512c71;
  color: #fff;
}

.block.sidenav > ul > li.selected > a:hover{
  color: #333;
}

.block.sidenav > ul > li > ul{
  display: none;
  list-style: none;
  margin: 0;
  padding: 20px;
  background-color: #f2efec;
}

.block.sidenav > ul > li.withsub > ul{
  display: block;
}

.block.sidenav > ul > li > ul > li{
}

.block.sidenav > ul > li > ul > li > a{
  color: #333;
}

.block.sidenav > ul > li > ul > li > a:hover,
.block.sidenav > ul > li > ul > li.selected > a{
  color: #512c71;
}

/*------------------------------------------------
TEXT BLOCK
------------------------------------------------*/

.block.text,
.block.search,
.block.image{
  background-color: transparent;
  color: #333;
  padding: 0;
}

/*------------------------------------------------
RELATED LINKS
------------------------------------------------*/

.block.relatedlinks{
  background-color: #f2efec;
}

.block.relatedlinks h3.header{

}

.block.relatedlinks ul{
  padding: 20px;
  margin: 0;
  margin-left: 20px;
}

.block.relatedlinks ul li{

}

.block.relatedlinks ul li:last-child{
  margin-bottom: 0;
}

.block.relatedlinks a{

}

.block.relatedlinks a:hover{

}

/*------------------------------------------------
ARCHIVES
------------------------------------------------*/

.block.archives{
  background-color: #f2efec;
}

.block.archives h3.header{

}

.block.archives ul{
  padding: 20px;
  margin: 0;
    margin-left: 20px;
}

.block.archives ul li{

}

.block.archives ul li:last-child{
  margin-bottom: 0;
}

.block.archives a{

}

.block.archives a:hover{

}

/*------------------------------------------------
PROMOS
------------------------------------------------*/

.block.promo{

}

.block.promo h3.header{

}

.block.promo > a{
  display: block;
}

.block.promo img{

}

/*------------------------------------------------
TWITTER FEED
------------------------------------------------*/

.block.twitterfeed{
  background-color: #f2efec;
}

.block.twitterfeed h3.header{

}

.block.twitterfeed ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.block.twitterfeed ul li{
  padding: 20px;
}

.block.twitterfeed ul li:nth-child(even) {
  background-color: rgba(255,255,255,0.5);
}

.block.twitterfeed .date{

}

.block.twitterfeed .button{
  background-color: transparent;
  margin-top: 0;
}


/*------------------------------------------------
SEARCH
------------------------------------------------*/

.block.search{
  position: relative;
}

.block.search .header{
  display: none;
}

.block.search .minisearchterm{
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.block.search .minisearchsubmit{
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0px 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background-color: #333;
  border: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.block.search .minisearchsubmit:hover{
  background-color: #512c71;
  color: #fff;
}

/*------------------------------------------------
IMAGE BLOCK
------------------------------------------------*/

.block.image{
  background-color: transparent;
  padding: 0;
}

/*------------------------------------------------
LINKS
------------------------------------------------*/

.secondary-column > .button{
  margin-bottom: 30px;
}

/*------------------------------------------------
TABLES
------------------------------------------------*/

#main-content table,
.fancybox-skin table{
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  position: relative;
  float: none;
}

#main-content table thead,
#main-content table tbody,
.fancybox-skin table thead,
.fancybox-skin table tbody{
  width: auto;
  float: none;
  margin-bottom: 5px;
}

#main-content table tbody tr,
.fancybox-skin table tbody tr{
  width: auto;
  float: none;
  background-color: #fff;
}

#main-content table tbody tr:nth-child(odd) td,
.fancybox-skin table tbody tr:nth-child(odd) td{

}

#main-content table tbody tr:nth-child(even) td,
.fancybox-skin table tbody tr:nth-child(even) td{
  background-color: rgba(0,0,0,0.05);
}

#main-content table td,
#main-content table th,
.fancybox-skin table td,
.fancybox-skin table th{
  vertical-align: top;
  border: none;
  text-align: left;
  padding:10px;
  width: auto;
  line-height: auto;
}

#main-content table th,
.fancybox-skin table th{
  background-color: #512c71;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

#main-content table td strong,
.fancybox-skin table td strong{
  text-transform: uppercase;
  color: #222;
}

/*------------------------------------------------
ACCORDION
------------------------------------------------*/

.accordion-container{
  margin-top: 30px;
  margin-bottom: 30px;
}

.accordion-container > .accordion{
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}

.accordion-container > .accordion > .accordion-answer{
  display:none;
  overflow:hidden;
  padding-bottom:15px;
}

.accordion-container > .accordion > .accordion-answer > .paragraph{
  padding: 0px 20px 20px 50px;
  text-align: left;
  margin: 0;
}

.accordion-container > .accordion > .accordion-answer > .paragraph > p:first-child{
  margin-top: 0;
}

.accordion-container > .accordion > .accordion-answer > .paragraph > p:flast-child{
  margin-bottom: 0;
}

.accordion-container > .accordion > .accordion-question{
  position: relative;
  cursor: pointer;
}

.accordion-container > .accordion > .accordion-question > h2{
  padding-left: 50px;
  text-align: left;
  position: relative;
  margin: 20px 0;
}

.accordion-container > .accordion:first-child > .accordion-question > h2{
  margin-top: 0;
}

.accordion-container > .accordion > .accordion-question > .plus{
  position: absolute;
  top:0;
  left:0px;
  width: 24px;
  height: 24px;
}

.accordion-container > .accordion > .accordion-question > .plus > span{
  position: absolute;
  background-color: #512c71;
  left: 50%;
  top: 50%;
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.accordion-container > .accordion > .accordion-question > .plus > .vertical{
  width: 24px;
  height: 4px;
  margin-left: -12px;
  margin-top: -2px;
}

.accordion-container > .accordion > .accordion-question > .plus > .horizontal{
  width: 4px;
  height: 24px;
  margin-left: -2px;
  margin-top: -12px;
}

.accordion-container > .accordion > .accordion-question.opened > .plus > span{
  transform: rotate(180deg);
}

.accordion-container > .accordion > .accordion-question.opened > .plus > .horizontal{
  opacity: 0;
}


/*

.accordion{
  border-top: 1px dotted rgba(0,0,0,0.5);
  margin-top: 20px;
  margin-bottom: 30px;
}

.accordion > h2,
.accordion > h3{
  cursor: pointer;
  margin: 0;
  padding: 15px 30px 15px 0;
  color: #333;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  background-image: url('../img/toggle_plus_black.png');
  background-repeat: no-repeat;
  background-position: right 15px;
  background-size: 20px 20px;
}

.accordion > h2:hover,
.accordion > h3:hover{
  color: #512c71;
  background-image: url('../img/toggle_plus_purple.png');
}

.accordion > h2.current,
.accordion > h3.current{
  color: #512c71;
  background-image: url('../img/toggle_minus_purple.png');
}

.accordion > h2.current:hover,
.accordion > h3.current:hover{
  background-image: url('../img/toggle_minus_black.png');
}

.accordion > div{
  display: block;
  position: relative;
  max-height: 0;
  overflow: hidden;
  border-bottom: 1px dotted rgba(0,0,0,0.5);
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transform: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}

.accordion > div.current{
  max-height: 920px;
  padding-bottom: 15px;
}

*/

/*------------------------------------------------
ALERTS
------------------------------------------------*/

.alert{
  padding: 20px;
  margin-bottom: 20px;
  border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.alert p,
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6{
  padding: 0;
  margin: 0;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.alert.warning{
  background-color:#e3b000;
  color:#fff;
}
.alert.error{
  background-color:#c60f13;
  color:#fff;
}
.alert.success{
  background-color:#5da423;
  color:#fff;
}


/*------------------------------------------------
MOLDULES
------------------------------------------------*/

.blog.items{
    Padding-top:30px;
}
.blog.item{margin-top:30px;}
.blog.item .addthis_toolbox{margin-top:30px;}
.button.back{margin-top:30px;}

.items .item{
  position: relative;
}

.items .item.withimage{
  padding-left: 210px;
  min-height: 210px;
}

.items .item_summary_image{
  position: absolute;
  width: 180px;
  left: 0;
}

.items .item{
  border-bottom: 1px dotted #5A2C71;
  margin-bottom: 30px;
}

.items .item .item_summary_image,
.items .item .item_summary_image img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.item_credits{color:rgba(41,20,52,0.5)}

body.testimonials .itemgallery.items .text{z-index:2;position:relative;}
body.testimonials .itemgallery.items .text::before{z-index:1;content:url('../img/quote.png');width:80px;height:60px;position:absolute;top:5px;left:0;}
body.testimonials .itemgallery.items h3{font-size:14px;color:rgba(0,0,0,0.4);}
body.testimonials .itemgallery.items h2{font-size:18px;}

/*------------------------------
GRID ITEMS
------------------------------*/

.grid.items .item,
.gallery.items .item {
  border-bottom: none;
}

.itemgallery.grid.items{
  display: block;
  position: relative;
  text-align: center;
  font-size: 0;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  margin-left: -30px;
}

.itemgallery.grid.items .item,
.itemgallery.grid.items .item.first,
.itemgallery.grid.items .item.last{
  display: inline-block;
  width: calc(50% - 30px);
  position: relative;
  float: none;
  margin: 0;
  margin-left: 30px;
  font-size: 16px;
  line-height: 1.45em;
  vertical-align: top;
}

.itemgallery.grid.items .item_summary_image{
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 180px;
  left: auto;
  right: auto;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transform: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.itemgallery.grid.items .item:hover .item_summary_image{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  background-color: #f2efec;
}

.itemgallery.grid.items .item .item-details h2{
    font-size: 24px;
}


.itemgallery.grid.items .item .item-details h3{
  color: #f2efec;
}

.itemgallery.grid.items .item .item-details .button{
  display: none;
}


/*------------------------------
REQUEST CALL BACK
------------------------------*/

.request-callback{
  background-color: #512c71;
  color: #fff;
  padding: 15px;
}

.request-callback label{
  display: none;
}

.request-callback h4{
  color: #fff;
  margin-top: 0;
}

.request-callback .button{
  background-color: #333;
  color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.request-callback .button:hover{
  background-color: #fff;
  color: #512c71;
}

.request-callback .form-row.submit{
  margin-bottom: 0;
}

/*------------------------------
TWITTER FEED
------------------------------*/

section#twitter-feed{padding:0;margin-top:40px;overflow:hidden;}

#twitter-feed h2 a:link{color:#FFFFFF;}
#twitter-feed h2 a:hover{opacity:0.7;}
.twitter-overlay{
    width:100%;height:100%;background-color:#1D1027;padding:80px 0 80px 0;
}
#twitter-feed a:link{color:#8D45AF;}
#twitter-feed a:visited{color:#8D45AF;}
#twitter-feed a:hover{color:rgba(255,255,255,1);}

#twitter-feed h2{
  display: block;
  margin: auto;
  height: 60px;
  margin-bottom: 20px;
  color:#FFFFFF;
  text-align: center;
}

#twitter-feed .content-container{padding:0px 3% 30px 3%;}

#twitter-feed h2 a{
  width: 70px;
  height: 53px;
  margin:auto;
  background-image: url('../img/twitter_white.png');
}

#twitter-feed h2 a:hover{
  opacity:0.7;
}

#twitter-feed .tweet .tweet-text{
    font-size: 1.1em;
    font-style: italic;
    overflow: hidden;
}

#twitter-feed .tweet .time{
  color: #FFFFFF;
  font-size: 12px;
  padding-top:10px;
  margin-bottom: 0;
}
#twitter-feed p{color:#FFFFFF;}

#twitter-feed .carousel-arrows{
    position: absolute;
    top: 50%;
    margin-top: -60px;
    width: 100%;
    height: 120px;
    z-index: 80;
    pointer-events: none;
}

#twitter-feed .carousel-next,
#twitter-feed .carousel-prev{background-size:contain;cursor:pointer;}
#twitter-feed .carousel-prev{background-image: url('../img/arrow_prev_white.png');}
#twitter-feed .carousel-next{background-image: url('../img/arrow_next_white.png');}
#twitter-feed .carousel-next:hover,
#twitter-feed .carousel-prev:hover{opacity:0.5;}


/*------------------------------