@import url("content.css");

/*----------Colours----------*/
/*Blue - #3399CC (Headings)
/*Light Blue - #99CCE6 (Dividers/borders)
/*Lighter Blue - #E5F2F9 (Dividers/borders)
/*Dark blue - #227fad

/*Grey - #666666 (Text)
/*Light Grey - #F1F1F1 (inputs)

/*Green - #8CC63F
/*Light green - #DEEEC7
/*Dark green - #72a42f
/*Mint - #6ACCCD
/*Light Mmint - #D4F0F0
/*Dark mint - #4fb3b4
/*Yellow - #FCB040
/*light yellow - #FEE8C8
/*Dark yellow - #d7922c
/*Purple - #CF5FD5
/*Light purple - #F1D0F3
/*Dark purple - #b84bbe
/*Red - #C64644
/*Light red - #EEC9C9
/*Dark red - #b03a38
/*------------------------------*/




/*------------------------------*/
/*----------HTML5 elements----------*/
/*------------------------------*/
section,
article,
aside,
footer,
header,
nav,
hgroup                                                  {display:block;}

#ScriptWarning                                          {padding: 5px; background: #FF4136; color: white; margin: 5px;}




/*------------------------------*/
/*----------General----------*/
/*------------------------------*/
main                                                    {padding-bottom: 20px;}

.scrollToTop{
	padding: 6px 10px; 
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
    margin-bottom: 0 !important;
}
.scrollToTop:hover{
	text-decoration:none;
}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){
    .scrollToTop                                            {left: 0; right: 0; bottom: 0;}
}



/*------------------------------*/
/*----------Animation----------*/
/*------------------------------*/
/*--Animation stuff--
.ThingToAnimate                                         {animation: highlight 5s ease forwards; width: 100px; height: 100px;}
@keyframes highlight {
  0% { background: blue;}
  100% { background: pink;}
}
*/



/*------------------------------*/
/*----------Buttons----------*/
/*------------------------------*/
.btn                                                    {/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/ font-family: 'Open Sans', sans-serif; font-size: 16px; margin-bottom: 15px; padding: 8px 14px;
                                                        -webkit-transition: all .3s ease;
                                                           -moz-transition: all .3s ease;
                                                             -o-transition: all .3s ease;
                                                                transition: all .3s ease;
}

.btn-default                                            {background: #99CCE6; border-color: #99CCE6; color: #227fad;}
.btn-default:hover,
.btn-default:active,
.btn-default:focus                                      {background: #3399CC; border-color: #3399CC; color: white;}
.btn-primary                                            {background: #3399CC; border-color: #3399CC; color: white !important;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus                                      {background: #227fad; border-color: #227fad; color: white !important;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .btn-default                                {background: #DEEEC7; border-color: #DEEEC7; color: #72a42f;}
.ThemeGreen .btn-default:hover,
.ThemeGreen .btn-default:active,
.ThemeGreen .btn-default:focus                          {background: #8CC63F; border-color: #8CC63F; color: white;}
.ThemeGreen .btn-primary                                {background: #8CC63F; border-color: #8CC63F;}
.ThemeGreen .btn-primary:hover,
.ThemeGreen .btn-primary:active,
.ThemeGreen .btn-primary:focus                          {background: #72a42f; border-color: #72a42f;}

.ThemeMint .btn-default                                 {background: #D4F0F0; border-color: #D4F0F0; color: #4fb3b4;}
.ThemeMint .btn-default:hover,
.ThemeMint .btn-default:active,
.ThemeMint .btn-default:focus                           {background: #6ACCCD; border-color: #6ACCCD; color: white;}
.ThemeMint .btn-primary                                 {background: #6ACCCD; border-color: #6ACCCD;}
.ThemeMint .btn-primary:hover,
.ThemeMint .btn-primary:active,
.ThemeMint .btn-primary:focus                           {background: #4fb3b4; border-color: #4fb3b4;}

.ThemeYellow .btn-default                               {background: #FEE8C8; border-color: #FEE8C8; color: #d7922c}
.ThemeYellow .btn-default:hover,
.ThemeYellow .btn-default:active,
.ThemeYellow .btn-default:focus                         {background: #FCB040; border-color: #FCB040; color: white;}
.ThemeYellow .btn-primary                               {background: #FCB040; border-color: #FCB040;}
.ThemeYellow .btn-primary:hover,
.ThemeYellow .btn-primary:active,
.ThemeYellow .btn-primary:focus                         {background: #d7922c; border-color: #d7922c;}

.ThemePurple .btn-default                               {background: #F1D0F3; border-color: #F1D0F3; color: #b84bbe;}
.ThemePurple .btn-default:hover,
.ThemePurple .btn-default:active,
.ThemePurple .btn-default:focus                         {background: #CF5FD5; border-color: #CF5FD5; color: white;}
.ThemePurple .btn-primary                               {background: #CF5FD5; border-color: #CF5FD5;}
.ThemePurple .btn-primary:hover,
.ThemePurple .btn-primary:active,
.ThemePurple .btn-primary:focus                         {background: #b84bbe; border-color: #b84bbe;}

.ThemeRed .btn-default                                  {background: #EEC9C9; border-color: #EEC9C9; color: #b03a38;}
.ThemeRed .btn-default:hover,
.ThemeRed .btn-default:active,
.ThemeRed .btn-default:focus                            {background: #C64644; border-color: #C64644; color: white;}
.ThemeRed .btn-primary                                  {background: #C64644; border-color: #C64644;}
.ThemeRed .btn-primary:hover,
.ThemeRed .btn-primary:active,
.ThemeRed .btn-primary:focus                            {background: #b03a38; border-color: #b03a38;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){
    .btn                                                    {float: none !important; display: block; width: 100%;}
}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}






/*------------------------------*/
/*----------Header----------*/
/*------------------------------*/
header                                                  {background: #3399CC; padding: 15px 0;}
header h1,
header h2,
header h3,
header h4,
header h5                                               {color: white !important; margin: 0px; text-align: right;}
header h1 a,
header h2 a,
header h3 a,
header h4 a,
header h5 a                                             {color: white !important;}

.HeaderLeft                                             {}
.HeaderRight                                            {}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen header                                      {background: #8CC63F;}
.ThemeMint header                                       {background: #6ACCCD;}
.ThemeYellow header                                     {background: #FCB040;}
.ThemePurple header                                     {background: #CF5FD5;}
.ThemeRed header                                        {background: #C64644;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){

    .HeaderLeft                                             {}
    .HeaderRight                                            {}

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}







/*------------------------------*/
/*----------Nav----------*/
/*------------------------------*/
.MainNav                                                {}
.MainNav .navbar-header                                 {}
.MainNav .navbar-header .navbar-toggle                  {}
.MainNav .navbar-header .navbar-toggle .icon-bar        {}

.MainNav .navbar-collapse                               {padding: 0px;}
.MainNav .navbar-collapse ul                            {padding: 0px; list-style: none; margin: 0px;}
.MainNav .navbar-collapse ul li                         {float: left; line-height: 18px; margin: 0 5px 0 0;}
.MainNav .navbar-collapse ul li a                       {display: block; padding: 1px 4px; background: white; border-radius: 4px; border: 1px solid transparent;}

.MainNav .navbar-collapse ul li.active a,
.MainNav .navbar-collapse ul li a:hover,
.MainNav .navbar-collapse ul li a:focus,
.MainNav .navbar-collapse ul li a:active                {background: none; text-decoration: none; border-color: white; color: white !important;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .MainNav .navbar-collapse ul li.active a,
.ThemeGreen .MainNav .navbar-collapse ul li a           {color: #8CC63F;}
.ThemeMint .MainNav .navbar-collapse ul li.active a,
.ThemeMint .MainNav .navbar-collapse ul li a            {color: #6ACCCD;}
.ThemeYellow .MainNav .navbar-collapse ul li.active a,
.ThemeYellow .MainNav .navbar-collapse ul li a          {color: #FCB040;}
.ThemePurple .MainNav .navbar-collapse ul li.active a,
.ThemePurple .MainNav .navbar-collapse ul li a          {color: #CF5FD5;}
.ThemeRed .MainNav .navbar-collapse ul li.active a,
.ThemeRed .MainNav .navbar-collapse ul li a             {color: #C64644;}

/*-_-_-_-_ Media Queries_-_-_-_- */
@media(max-width:767px){

    .MainNav                                                {display: block; width: 100%;}
    .MainNav .navbar-collapse                               {max-height: none; padding: 0px; width: 100%; border: none; box-shadow: none;}
    .MainNav .navbar-collapse ul                            {float: none; width: 100%; padding: 0px;}
    .MainNav .navbar-collapse ul li                         {display: block; width: 100%; float: none; text-align: center; margin: 5px 0;}
    .MainNav .navbar-collapse ul li a                       {border: 2px solid white; padding: 15px 0; display: block; background: none; color: white !important;}
    .MainNav .navbar-collapse ul li a:hover                 {background: white; color: #3399CC !important;}

    .MainNav                                                        {}
    .MainNav .navbar-header                                         {}
    .MainNav .navbar-header .navbar-toggle                          {margin: 0px; width: 52px; height: 52px; /*background: #316496;*/ border: 2px solid white;}
    .MainNav .navbar-header .navbar-toggle .icon-bar                {height: 2px; background: white; margin-left: auto; margin-right: auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
    .MainNav .navbar-header .navbar-toggle .icon-bar+.icon-bar      {margin-top: 6px;}

    .MainNav .navbar-header .navbar-toggle .icon-bar:nth-child(2)   {margin-bottom: -5px; margin-top: 10px; -webkit-transform: rotate(136deg); -moz-transform: rotate(136deg); transform: rotate(136deg);}
    .MainNav .navbar-header .navbar-toggle .icon-bar:nth-child(3)   {opacity: 0;}
    .MainNav .navbar-header .navbar-toggle .icon-bar:nth-child(4)   {margin-top: -5px; margin-bottom: 10px; -webkit-transform: rotate(-136deg); -moz-transform: rotate(-136deg); transform: rotate(-136deg);}
    .MainNav .navbar-header .navbar-toggle.collapsed .icon-bar      {margin: 4px; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}

    /*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
    /*_-_-_-_-Colours-_-_-_-*/
    /*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
    .ThemeGreen .MainNav .navbar-collapse ul li a:hover           {color: #8CC63F !important;}
    .ThemeMint .MainNav .navbar-collapse ul li a:hover            {color: #6ACCCD !important;}
    .ThemeYellow .MainNav .navbar-collapse ul li a:hover          {color: #FCB040 !important;}
    .ThemePurple .MainNav .navbar-collapse ul li a:hover          {color: #CF5FD5 !important;}
    .ThemeRed .MainNav .navbar-collapse ul li a:hover             {color: #C64644 !important;}

}






/*------------------------------*/
/*----------Featured Area----------*/
/*------------------------------*/
/*----------General----------*/
.FeaturedArea                                           {position: relative; border-bottom: 1px solid #E5F2F9; margin-bottom: 50px; background: url(../images/gradient-blue.png) bottom center repeat-x;}
.FeaturedArea .Logo                                     {padding: 70px 0 65px 0;}

.FeaturedArea .MainTitle                                {}
.FeaturedArea .MainTitle h1                             {font-size: 30px; font-family: 'Roboto Slab', serif; display: inline-block; border-bottom: 4px solid #E5F2F9; margin: 0px; padding: 0 0 5px 0;}
.FeaturedArea .BackLink                                 {}
.FeaturedArea .MainTitle .NextLink                      {float: right;}


/*----------Home----------*/
.FeaturedArea.Home                                      {padding-bottom: 120px;}

/*----------Inner----------*/
.FeaturedArea.Inner                                     {}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .FeaturedArea                               {border-color: #DEEEC7; background: url(../images/gradient-green.png) bottom center repeat-x;}
.ThemeGreen .FeaturedArea .MainTitle h1                 {border-color: #DEEEC7; color: #8CC63F;}
.ThemeMint .FeaturedArea                                {border-color: #D4F0F0; background: url(../images/gradient-mint.png) bottom center repeat-x;}
.ThemeMint .FeaturedArea .MainTitle h1                  {border-color: #D4F0F0; color: #6ACCCD;}
.ThemeYellow .FeaturedArea                              {border-color: #FEE8C8; background: url(../images/gradient-yellow.png) bottom center repeat-x;}
.ThemeYellow .FeaturedArea .MainTitle h1                {border-color: #FEE8C8; color: #FCB040;}
.ThemePurple .FeaturedArea                              {border-color: #F1D0F3; background: url(../images/gradient-purple.png) bottom center repeat-x;}
.ThemePurple .FeaturedArea .MainTitle h1                {border-color: #F1D0F3; color: #CF5FD5;}
.ThemeRed .FeaturedArea                                 {border-color: #EEC9C9; background: url(../images/gradient-red.png) bottom center repeat-x;}
.ThemeRed .FeaturedArea .MainTitle h1                   {border-color: #EEC9C9; color: #C64644;}

.FeaturedArea .Logo                                     {display: none;}
.FeaturedArea .Logo.Blue                                {display: block;}
.ThemeGreen .FeaturedArea .Logo                         {display: none;}
.ThemeGreen .FeaturedArea .Logo.Green                   {display: block;}
.ThemeMint .FeaturedArea .Logo                          {display: none;}
.ThemeMint .FeaturedArea .Logo.Mint                     {display: block;}
.ThemeYellow .FeaturedArea .Logo                        {display: none;}
.ThemeYellow .FeaturedArea .Logo.Yellow                 {display: block;}
.ThemePurple .FeaturedArea .Logo                        {display: none;}
.ThemePurple .FeaturedArea .Logo.Purple                 {display: block;}
.ThemeRed .FeaturedArea .Logo                           {display: none;}
.ThemeRed .FeaturedArea .Logo.Red                       {display: block;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){

    .FeaturedArea                                           {margin-bottom: 30px;}
    .FeaturedArea .Logo                                     {padding: 50px 0;}
    .FeaturedArea .MainTitle h1                             {font-size: 20px; line-height: 32px;}

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}







/*------------------------------*/
/*----------Carousel----------*/
/*------------------------------*/
/*----------General----------*/
.carousel                                               {z-index: 1; position: relative; margin-bottom: 50px; background: #3399CC;}

.carousel .carousel-indicators li                       {}

.carousel .carousel-inner .item                         {}
.carousel .carousel-inner .item img                     {width: 100%; margin: 0px;}

.carousel .carousel-control                             {width: 56px; height: 56px; opacity: 1; top: 50%; margin-top: -28px; background-image: none; z-index: 10;}
.carousel .carousel-control span                        {display: none;}
.carousel .carousel-control.left                        {margin-left: -28px;
                                                        background-image: url(../images/carousel-prev.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/carousel-prev.svg);
}
.carousel .carousel-control.right                       {margin-right: -28px;
                                                        background-image: url(../images/carousel-next.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/carousel-next.svg);
}

/*-----With shadow-----*/
.Shadow.carousel                                        {}
.Shadow.carousel:before,
.Shadow.carousel:after                                  {content: ''; display: block; width: 50%; height: 50px; background: black; -webkit-filter: blur(10px); position: absolute; bottom: 0px; z-index: -1; opacity: .5;}
.Shadow.carousel:before                                 {left: 2px; transform: rotate(-2deg);}
.Shadow.carousel:after                                  {right: 2px; transform: rotate(2deg);}


/*----------Home----------*/
.FeaturedCarousel                                       {background: #3399CC; margin-top: -180px; position: relative;}
.FeaturedCarousel .Text                                 {padding: 20px 20px 20px 70px;}
.FeaturedCarousel .Text *                               {color: white !important;}
.FeaturedCarousel .Text h1                              {color: white;}
.FeaturedCarousel .Text h3                              {color: white;}
.FeaturedCarousel #HomepageCarousel                     {margin-bottom: 0px; position: static}

/*----------Home----------
#HomepageCarousel                                       {margin-top: -180px; }
#HomepageCarousel .carousel-inner .item .Text           {padding: 20px 20px 20px 70px;}
#HomepageCarousel .carousel-inner .item .Text h1        {color: white !important;}
#HomepageCarousel .carousel-inner .item .Text h3        {color: white !important;}
*/
/*
#HomepageCarousel .row                                  {display: flex;}
#HomepageCarousel [class*="col-"]                       {flex: 1;}
*/

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .carousel .carousel-control.left            {background-image: url(../images/carousel-prev-green.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-prev-green.svg);}
.ThemeGreen .carousel .carousel-control.right           {background-image: url(../images/carousel-next-green.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-next-green.svg);}
.ThemeGreen .carousel                                   {background: #8CC63F;}
.ThemeMint .carousel .carousel-control.left             {background-image: url(../images/carousel-prev-mint.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-prev-mint.svg);}
.ThemeMint .carousel .carousel-control.right            {background-image: url(../images/carousel-next-mint.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-next-mint.svg);}
.ThemeMint .carousel                                    {background: #6ACCCD;}
.ThemeYellow .carousel .carousel-control.left           {background-image: url(../images/carousel-prev-yellow.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-prev-yellow.svg);}
.ThemeYellow .carousel .carousel-control.right          {background-image: url(../images/carousel-next-yellow.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-next-yellow.svg);}
.ThemeYellow .carousel                                  {background: #FCB040;}
.ThemePurple .carousel .carousel-control.left           {background-image: url(../images/carousel-prev-purple.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-prev-purple.svg);}
.ThemePurple .carousel .carousel-control.right          {background-image: url(../images/carousel-next-purple.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-next-purple.svg);}
.ThemePurple .carousel                                  {background: #CF5FD5;}
.ThemeRed .carousel .carousel-control.left              {background-image: url(../images/carousel-prev-red.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-prev-red.svg);}
.ThemeRed .carousel .carousel-control.right             {background-image: url(../images/carousel-next-red.png); background-image: linear-gradient(transparent, transparent), url(../images/carousel-next-red.svg);}
.ThemeRed .carousel                                     {background: #C64644;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){
    .carousel                                               {overflow: hidden;}

    /*----------Home----------*/
    .FeaturedCarousel                                       {background: #3399CC; margin-top: -180px; position: relative;}
    .FeaturedCarousel .Text                                 {padding: 15px;}
    .FeaturedCarousel .Text h1                              {font-size: 24px; line-height: 36px;}
    .FeaturedCarousel .Text h3                              {font-size: 16px;}

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}




/*------------------------------*/
/*----------Smooth carousel fade----------*/
/*------------------------------*/
.carousel.fade                                          {opacity: 1;}
.carousel.fade .item                                    {left: 0 !important; opacity: 0; top:0; position:absolute; width: 100%; display:block !important; z-index:1; -moz-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; -webkit-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
.carousel.fade .item:first-child                        {top:auto; position:relative;}
.carousel.fade .item.active                             {opacity: 1; transition: opacity ease-in-out 1s; z-index:2; -moz-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; -webkit-transition: opacity ease-in-out 1s;}




/*------------------------------*/
/*----------Image Gallery----------*/
/*------------------------------*/
.ImageGallery                                       {margin-top: 50px;}
.ImageGallery .GalThumb              				{margin-bottom: 40px;}
.ImageGallery figure .GalThumb						{margin-bottom: 10px;}
.ImageGallery figcaption							{display: none;}

/*-----Hover-----*/
.ImageGallery .img-link                             {display: block; position: relative;}
.ImageGallery .img-link:before                      {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #3399CC; top: 0px; left: 0px; opacity: 0;
                                                    -webkit-transition: all .2s ease;
                                                       -moz-transition: all .2s ease;
                                                         -o-transition: all .2s ease;
                                                            transition: all .2s ease;
}
.ImageGallery .img-link:after                       {content: ''; display: block; width: 54px; height: 54px; position: absolute; z-index: 10; top: 50%; left: 50%; margin-top: -10px; margin-left: -27px; opacity: 0; background-position: center; background-repeat: no-repeat;
                                                    background-image: url(../images/icon-white-magnify.png);
                                                    background-image: linear-gradient(transparent, transparent), url(../images/icon-white-magnify.svg);
                                                    -webkit-transition: all .2s ease;
                                                       -moz-transition: all .2s ease;
                                                         -o-transition: all .2s ease;
                                                            transition: all .2s ease;
}
.ImageGallery .img-link:hover:before                {opacity: .8;}
.ImageGallery .img-link:hover:after                 {opacity: 1; margin-top: -27px;}


#blueimp-gallery                                    {background: rgba(0,0,0,.5); -webkit-backdrop-filter: blur(5px);}
#blueimp-gallery .slides                            {}
#blueimp-gallery .slides .slide img                 {padding: 70px;}

/*-----Icons-----*/
#blueimp-gallery .prev,
#blueimp-gallery .next,
#blueimp-gallery .close,
#blueimp-gallery .play-pause						{width: 60px; height: 60px; border-radius: 0px; text-indent: -1000px; overflow: hidden; background-position: center; background-repeat: no-repeat; opacity: 1; border: none; background-color: transparent !important;
													-webkit-transition: all .2s ease;
													   -moz-transition: all .2s ease;
														 -o-transition: all .2s ease;
															transition: all .2s ease;
}
#blueimp-gallery .prev:hover,
#blueimp-gallery .next:hover,
#blueimp-gallery .close:hover						{opacity: 1;}
#blueimp-gallery .prev								{
													background-image: url(../images/gal-prev.png);
													background-image: linear-gradient(transparent, transparent), url(../images/gal-prev.svg);
}
#blueimp-gallery .next								{
													background-image: url(../images/gal-next.png);
													background-image: linear-gradient(transparent, transparent), url(../images/gal-next.svg);
}
#blueimp-gallery .close								{
													background-image: url(../images/gal-close.png);
													background-image: linear-gradient(transparent, transparent), url(../images/gal-close.svg);
}


.currentpage_homepage figure figcaption {
	display: block; text-decoration: none;
}



/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .ImageGallery .img-link:before          {background: #8CC63F;}
.ThemeMint .ImageGallery .img-link:before           {background: #6ACCCD;}
.ThemeYellow .ImageGallery .img-link:before         {background: #FCB040;}
.ThemePurple .ImageGallery .img-link:before         {background: #CF5FD5;}
.ThemeRed .ImageGallery .img-link:before            {background: #C64644;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){
    #blueimp-gallery .slides .slide img                 {padding: 20px;}
}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}








/*------------------------------*/
/*----------Subnav----------*/
/*------------------------------*/
.Subnav                                                 {list-style: none; padding: 0px; margin: 0px;}
.Subnav li                                              {margin: 10px 0;}
.Subnav li.Title                                        {}
.Subnav li a                                            {display: block; padding: 5px 10px; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.Subnav li.active a,
.Subnav li a:hover,
.Subnav li a:focus,
.Subnav li a:active                                     {background: #3399CC; color: white; text-decoration: none;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .Subnav li.active a,
.ThemeGreen .Subnav li a:hover,
.ThemeGreen .Subnav li a:focus,
.ThemeGreen .Subnav li a:active                         {background: #8CC63F;}
.ThemeMint .Subnav li.active a,
.ThemeMint .Subnav li a:hover,
.ThemeMint .Subnav li a:focus,
.ThemeMint .Subnav li a:active                          {background: #6ACCCD;}
.ThemeYellow .Subnav li.active a,
.ThemeYellow .Subnav li a:hover,
.ThemeYellow .Subnav li a:focus,
.ThemeYellow .Subnav li a:active                        {background: #FCB040;}
.ThemePurple .Subnav li.active a,
.ThemePurple .Subnav li a:hover,
.ThemePurple .Subnav li a:focus,
.ThemePurple .Subnav li a:active                        {background: #CF5FD5;}
.ThemeRed .Subnav li.active a,
.ThemeRed .Subnav li a:hover,
.ThemeRed .Subnav li a:focus,
.ThemeRed .Subnav li a:active                           {background: #C64644;}






/*------------------------------*/
/*----------Section Title----------*/
/*------------------------------*/
.SectionTitle                                           {border-bottom: 1px solid #E5F2F9; margin: 0 0 40px 0;}
.SectionTitle h1,
.SectionTitle h2,
.SectionTitle h3,
.SectionTitle h4,
.SectionTitle h5                                        {display: inline-block; margin: 0px; font-family: 'Roboto Slab', serif;}
.SectionTitle h1:after,
.SectionTitle h2:after,
.SectionTitle h3:after,
.SectionTitle h4:after,
.SectionTitle h5:after                                  {content: ''; display: block; height: 4px; background: #E5F2F9; margin-top: 5px;}

/*----------With collapse----------*/
.SectionTitle .CollapseToggle                           {float: right; width: 14px; height: 11px; overflow: hidden; text-indent: -1000px; cursor: pointer;  margin: 20px 0;
                                                        background-image: url(../images/arrow-collapse.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/arrow-collapse.svg);
                                                        -webkit-transform: rotate(180deg);
                                                            -moz-transform: rotate(180deg);
                                                                 transform: rotate(180deg);
                                                         -webkit-transition: all .3s ease;
                                                            -moz-transition: all .3s ease;
                                                              -o-transition: all .3s ease;
                                                                 transition: all .3s ease;
}
.SectionTitle .CollapseToggle.collapsed                 {
                                                        -webkit-transform: rotate(0deg);
                                                            -moz-transform: rotate(0deg);
                                                                 transform: rotate(0deg);
}
.SectionTitle a                                         {text-decoration: none; cursor: pointer;}

/*-----With icon-----*/
.SectionTitle.HasIcon                                   {background-position: left center; background-repeat: no-repeat; padding-left: 50px;}

.SectionTitle.CategoryIcon                              {
                                                        background-image: url(../images/speaking-blue.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/speaking-blue.svg);
}

.ThemeGreen .SectionTitle.CategoryIcon                  {background-image: url(../images/speaking-blue.png); background-image: linear-gradient(transparent, transparent), url(../images/speaking-blue.svg);}
.ThemeMint .SectionTitle.CategoryIcon                   {background-image: url(../images/speaking-mint.png); background-image: linear-gradient(transparent, transparent), url(../images/speaking-mint.svg);}
.ThemeYellow .SectionTitle.CategoryIcon                 {background-image: url(../images/speaking-yellow.png); background-image: linear-gradient(transparent, transparent), url(../images/speaking-yellow.svg);}
.ThemePurple .SectionTitle.CategoryIcon                 {background-image: url(../images/speaking-purple.png); background-image: linear-gradient(transparent, transparent), url(../images/speaking-purple.svg);}
.ThemeRed .SectionTitle.CategoryIcon                    {background-image: url(../images/speaking-red.png); background-image: linear-gradient(transparent, transparent), url(../images/speaking-red.svg);}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .SectionTitle                               {border-color: #DEEEC7;}
.ThemeGreen .SectionTitle h1:after,
.ThemeGreen .SectionTitle h2:after,
.ThemeGreen .SectionTitle h3:after,
.ThemeGreen .SectionTitle h4:after,
.ThemeGreen .SectionTitle h5:after                      {background: #DEEEC7;}
.ThemeGreen .SectionTitle .CollapseToggle               {background-image: url(../images/arrow-collapse-green.png); background-image: linear-gradient(transparent, transparent), url(../images/arrow-collapse-green.svg);}
.ThemeMint .SectionTitle                                {border-color: #D4F0F0;}
.ThemeMint .SectionTitle h1:after,
.ThemeMint .SectionTitle h2:after,
.ThemeMint .SectionTitle h3:after,
.ThemeMint .SectionTitle h4:after,
.ThemeMint .SectionTitle h5:after                       {background: #D4F0F0;}
.ThemeMint .SectionTitle .CollapseToggle                {background-image: url(../images/arrow-collapse-mint.png); background-image: linear-gradient(transparent, transparent), url(../images/arrow-collapse-mint.svg);}
.ThemeYellow .SectionTitle                              {border-color: #FEE8C8;}
.ThemeYellow .SectionTitle h1:after,
.ThemeYellow .SectionTitle h2:after,
.ThemeYellow .SectionTitle h3:after,
.ThemeYellow .SectionTitle h4:after,
.ThemeYellow .SectionTitle h5:after                     {background: #FEE8C8;}
.ThemeYellow .SectionTitle .CollapseToggle              {background-image: url(../images/arrow-collapse-yellow.png); background-image: linear-gradient(transparent, transparent), url(../images/arrow-collapse-yellow.svg);}
.ThemePurple .SectionTitle                              {border-color: #F1D0F3;}
.ThemePurple .SectionTitle h1:after,
.ThemePurple .SectionTitle h2:after,
.ThemePurple .SectionTitle h3:after,
.ThemePurple .SectionTitle h4:after,
.ThemePurple .SectionTitle h5:after                     {background: #F1D0F3;}
.ThemePurple .SectionTitle .CollapseToggle              {background-image: url(../images/arrow-collapse-purple.png); background-image: linear-gradient(transparent, transparent), url(../images/arrow-collapse-purple.svg);}
.ThemeRed .SectionTitle                                 {border-color: #EEC9C9;}
.ThemeRed .SectionTitle h1:after,
.ThemeRed .SectionTitle h2:after,
.ThemeRed .SectionTitle h3:after,
.ThemeRed .SectionTitle h4:after,
.ThemeRed .SectionTitle h5:after                        {background: #EEC9C9;}
.ThemeRed .SectionTitle .CollapseToggle                 {background-image: url(../images/arrow-collapse-red.png); background-image: linear-gradient(transparent, transparent), url(../images/arrow-collapse-red.svg);}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}






/*------------------------------*/
/*----------accordion----------*/
/*------------------------------*/
.panel-group                                                {}
.panel-group .panel                                         {border: none; box-shadow: none; border-radius: 0px; border-bottom: 1px solid #99CCE6;}

.panel-group .panel .panel-title                            {font-size: 18px;}
.panel-group .panel .panel-title:after                      {content: ''; display: block ; clear: both;}
.panel-group .panel .panel-title a                          {color: #3399CC; text-decoration: none;}
.panel-group .panel .panel-title .Indicator                 {font-size: 14px; float: right; opacity: .25;}

.panel-group .panel-default>.panel-heading                  {border: none; background: none;}
.panel-group .panel-default>.panel-collapse .panel-body     {background: #F8F8F8;}
.panel-group .panel-default>.panel-collapse .panel-body iframe      {width: 100%;}

.panel-group .panel-group .panel .panel-collapse            {}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .panel-group .panel                             {border-color: #DEEEC7;}
.ThemeGreen .panel-group .panel .panel-title a              {color: #8CC63F;}
.ThemeMint .panel-group .panel                              {border-color: #D4F0F0;}
.ThemeMint .panel-group .panel .panel-title a               {color: #6ACCCD;}
.ThemeYellow .panel-group .panel                            {border-color: #FEE8C8;}
.ThemeYellow .panel-group .panel .panel-title a             {color: #FCB040;}
.ThemePurple .panel-group .panel                            {border-color: #F1D0F3;}
.ThemePurple .panel-group .panel .panel-title a             {color: #CF5FD5;}
.ThemeRed .panel-group .panel                               {border-color: #EEC9C9;}
.ThemeRed .panel-group .panel .panel-title a                {color: #C64644;}








/*------------------------------*/
/*----------Menu----------*/
/*------------------------------*/
/*----------General----------*/
.MenuRow                                                    {margin-bottom: 20px;}

.MenuRow .MenuBlock:nth-child(2n+3)                         {clear: both;}

.MenuRow .MenuBlock                                         {margin-bottom: 30px;}
.MenuRow .MenuBlock .Image                                  {border-right: 1px solid #E5F2F9;}
.MenuRow .MenuBlock .Info                                   {}
.MenuRow .MenuBlock .Price                                  {margin: -10px 0 10px 0;}

.MenuRow .MenuBlock .Info h4                                {margin-top: 0px;}
.MenuRow .MenuBlock .Info .btn                              {margin-bottom: 0px;}
.MenuRow .MenuBlock .Image figcaption                       {display: none;}

/*----------Wide----------*/
.MenuRow .MenuBlock.Wide                                    {/*border-bottom: 1px solid #E5F2F9;*/}
.MenuRow .MenuBlock.Wide:after                              {content: ''; display: block; border-bottom: 1px solid #E5F2F9; margin: 30px 0 0 0;}
.MenuRow .MenuBlock.Wide .Image                             {border-right: none;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .MenuRow .MenuBlock .Image,
.ThemeGreen .MenuRow .MenuBlock.Wide:after                        {border-color: #DEEEC7;}
.ThemeMint .MenuRow .MenuBlock .Image,
.ThemeMint .MenuRow .MenuBlock.Wide:after                         {border-color: #D4F0F0;}
.ThemeYellow .MenuRow .MenuBlock .Image,
.ThemeYellow .MenuRow .MenuBlock.Wide:after                       {border-color: #FEE8C8;}
.ThemePurple .MenuRow .MenuBlock .Image,
.ThemePurple .MenuRow .MenuBlock.Wide:after                       {border-color: #F1D0F3;}
.ThemeRed .MenuRow .MenuBlock .Image,
.ThemeRed .MenuRow .MenuBlock.Wide:after                          {border-color: #EEC9C9;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){

    .MenuRow .MenuBlock                                         {margin-bottom: 50px;}
    .MenuRow .MenuBlock .Image img                              {margin: 0 auto 20px auto;}

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}






/*------------------------------*/
/*----------Store----------*/
/*------------------------------*/
/*----------Store Links----------*/
.StoreLinks                                                 {padding: 30px 0 20px 0; margin: 0 0 30px 0; border-top: 1px solid #E5F2F9; border-bottom: 1px solid #E5F2F9;}
.StoreLinks ul                                              {list-style: none; padding: 0px; margin: 0px;}
.StoreLinks ul:after                                        {content: ''; display: block; clear: both;}
.StoreLinks ul li                                           {background-image: none !important; float: left; margin: 0 10px 10px 0; padding: 0px;}
.StoreLinks ul li a                                         {display: block; border: 2px solid #F1F1F1; padding: 0px; border-radius: 4px;}
.StoreLinks ul li a img                                     {max-height: 50px;}
.StoreLinks ul li figure                                    {margin: 0px;}
.StoreLinks ul li figure figcaption                         {display: none;}

.StoreLinks ul li a:hover,
.StoreLinks ul li a:focus,
.StoreLinks ul li a:active                                  {border: 2px solid #3399CC;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen .StoreLinks                                     {border-color: #DEEEC7;}
.ThemeGreen .StoreLinks ul li a:hover,
.ThemeGreen .StoreLinks ul li a:focus,
.ThemeGreen .StoreLinks ul li a:active                      {border-color: #8CC63F;}

.ThemeMint .StoreLinks                                      {border-color: #D4F0F0;}
.ThemeMint .StoreLinks ul li a:hover,
.ThemeMint .StoreLinks ul li a:focus,
.ThemeMint .StoreLinks ul li a:active                       {border-color: #6ACCCD;}

.ThemeYellow .StoreLinks                                    {border-color: #FEE8C8;}
.ThemeYellow .StoreLinks ul li a:hover,
.ThemeYellow .StoreLinks ul li a:focus,
.ThemeYellow .StoreLinks ul li a:active                     {border-color: #FCB040;}

.ThemePurple .StoreLinks                                    {border-color: #F1D0F3;}
.ThemePurple .StoreLinks ul li a:hover,
.ThemePurple .StoreLinks ul li a:focus,
.ThemePurple .StoreLinks ul li a:active                     {border-color: #CF5FD5;}

.ThemeRed .StoreLinks                                       {border-color: #EEC9C9;}
.ThemeRed .StoreLinks ul li a:hover,
.ThemeRed .StoreLinks ul li a:focus,
.ThemeRed .StoreLinks ul li a:active                        {border-color: #C64644;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){
    .StoreLinks ul                                              {margin: 0 -15px;}
    .StoreLinks ul li                                           {width: 50%; float: left; margin: 10px 0; padding: 0 15px;}
    .StoreLinks ul li:nth-child(odd)                           {clear: both;}
    .StoreLinks ul li a                                         {}
    .StoreLinks ul li img                                       {margin: 0 auto !important;}
}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}





/*------------------------------*/
/*----------Publications----------*/
/*------------------------------*/
/*----------Main----------
#PublicationImages                                              {}
#PublicationImages .carousel-inner .item img          {width: 100%;}
*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}






/*------------------------------*/
/*----------Forms----------*/
/*------------------------------*/
/*----------General----------*/
label                                                   {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 500; color: #3399CC;}
input,
textarea,
.form-control                                           {padding: 13px; border: none; background-color: #F1F1F1; border: 1px solid #F1F1F1; border: none; border-radius: 0px; box-shadow: none; height: auto; font-weight: 400; color: #414042;}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled]
.form-control                                           {border: 1px solid #F1F1F1; background: none;}

textarea                                                {min-height: 120px;}

.form-group:after                                       {content: ''; display: block; clear: both;}

/*----------Placeholders----------*/
::-webkit-input-placeholder                             {font-weight: 200; color: #9E9D9D;}
:-moz-placeholder                                       {font-weight: 200; color: #9E9D9D;}
::-moz-placeholder                                      {font-weight: 200; color: #9E9D9D;}
:-ms-input-placeholder                                  {font-weight: 200; color: #9E9D9D;}

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Colours-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
.ThemeGreen label                                       {color: #8CC63F;}
.ThemeMint label                                        {color: #6ACCCD;}
.ThemeYellow label                                      {color: #FCB040;}
.ThemePurple label                                      {color: #CF5FD5;}
.ThemeRed label                                         {color: #C64644;}










/*------------------------------*/
/*----------Footer----------*/
/*------------------------------*/
/*----------General----------*/
footer                                                  {background: #E8E8E8; padding: 40px 0 50px 0; /*margin-top: 50px;*/}
footer .FooterLeft                                      {text-align: left;}
footer .FooterRight                                     {text-align: right;}

/*-----Sticky footer-----*/
html, body {
	height: 100%;
}
.StickyFooterContainer 									{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -130px;}
footer, .push 											{height: 130px; }

/*_-_-_-_-Media Queries-_-_-_-*/
@media(max-width:767px){
    footer                                                  {}
    footer .FooterLeft,
    footer .FooterRight                                     {text-align: center;}

    .StickyFooterContainer 									{min-height: 0; height: auto; margin: 0;}
    footer, .push 											{height: auto; }
}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}






.Group{}
.GroupRow{display: block; }
[class^=GroupItem]{margin: 10px; display: inline-block; padding: 10px; color: white;}
.GroupItem-Blue  {background: blue;}
.GroupItem-Red  {background: red;}
.GroupItem-Green  {background: green;}
.GroupItem-Yellow  {background: yellow;}



/*------------------------------*/
/*----------TEMPLATE----------*/
/*------------------------------*/
/*----------Main----------*/
.Thing                                                  {}

/*-----Sub-----*/
.Thing.Two                                              {}

/*--Note--*/

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*_-_-_-_-Media Queries-_-_-_-*/
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
@media(max-width:767px){

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}