@import url("content.css");

/*----------Colours----------*/
/*Red - #901825
/*Dark Red - #670E17
/*Black - #333333
/*Brown - #8C8B7F
/*Light Grey - #9FA0A1
/*Dark Grey - #666666
/*Background Light - #F3EFEB
/*Background Dark - #E0DCD9
/*------------------------------*/



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

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




/*------------------------------*/
/*----------General----------*/
/*------------------------------*/
body                                                {background: #F3EFEB;}

main,
aside                                               {margin-bottom: 70px;}


/*-----Backgrounds-----*/
.LightBG                                            {background: #F3EFEB; position: relative; padding: 0 0 150px 0; z-index: 2;}

.DarkBG                                             {background: #E0DCD9; position: relative; padding: 90px 0 200px 0; z-index: 4; margin-bottom: -100px;}
.DarkBG:before                                      {content: ''; display: block; position: absolute; top: -70px; width: 100%; height: 135px; background: url(../images/border-top-dark.png) top center repeat-x; z-index: 2 !important;}


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

footer                                              {margin-top: 0px !important;}



/*------------------------------*/
/*----------Buttons----------*/
/*------------------------------*/
.btn-sm                                             {}
.btn-md                                             {}
.btn-lg                                             {}

.btn                                                {border-radius: 0px; border-width: 2px; font-weight: 500; padding: 8px 25px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.btn:after                                          {content: ' ›';}
.btn:hover,
.btn:focus,
.btn:active                                         {box-shadow: none;}

.btn-default                                        {background: #901825; border-color: #901825; color: white;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active                                 {background: #670E17; border-color: #670E17; color: white;}

.btn-primary                                        {background: #901825; border-color: #901825; color: white;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active                                 {background: #670E17; border-color: #670E17; color: white;}

.btn-texture                                        {color: #901825; -webkit-border-image: url(../images/grain-red-100.png) 30 round; -o-border-image: url(../images/grain-red-100.png) 30 round; border-image: url(../images/grain-red-100.png) 30 round;}
.btn-texture:hover,
.btn-texture:focus,
.btn-texture:active                                 {color: #901825; -webkit-border-image: url(../images/grain-red-50.png) 30 round; -o-border-image: url(../images/grain-red-50.png) 30 round; border-image: url(../images/grain-red-50.png) 30 round;}




/*------------------------------*/
/*----------Header----------*/
/*------------------------------*/
/*-----General-----*/
header                                              {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1001;}
header .Logo img                                    {margin: 0 auto; max-width: 110px;}
.currentpage_homepage header .Logo img                          {max-width: none;}

.MainNav                                            {}
.MainNav ul                                         {list-style: none; padding: 0px; margin: 0px;}
.MainNav li                                         {display: table-cell; width: 1%; font-family: 'Merriweather', serif; text-align: center; padding: 25px 0;}
.MainNav li a                                       {font-size: 20px; color: white; border-bottom: 4px solid transparent; display: block; padding: 25px 0; margin: 0 2px; text-decoration: none;}
.MainNav li:hover a                                 {border-bottom-color: white;}

/*-----Sticky-----*/
header.sticky                                       {position: fixed; top: 0px; background: black; background: rgba(0, 0, 0, 0.75); /*background: rgba(144, 24, 37, .8);*/ -webkit-backdrop-filter: blur(8px);}
header.sticky .Logo                                 {margin-bottom: -42px;}
header.sticky .Logo img                             {max-width: 90px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
header.sticky .Logo img:hover                       {-ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}

header.sticky .MainNav ul li                        {padding: 0;}
header.sticky .MainNav ul li a                      {padding: 18px 0 14px 0; border-bottom: none; position: relative;}

header.sticky .MainNav ul li a:after                {content: ''; display: block; position: absolute; bottom: 0pc; left: 0px; width: 100%; background: white; height: 0px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
header.sticky .MainNav ul li a:hover:after          {height: 4px;}

header.sticky:after                                 {content: ''; display: block; height: 10px; width: 100%; position: absolute; bottom: -10px; background: url(../images/gradient-stickyheader.png) bottom center repeat-x; z-index: -1;}





/*------------------------------*/
/*----------Nav----------*/
/*------------------------------
.MainNav                                                    {}
.navbar-collapse                                            {padding-left: 0px; padding-right: 0px;}
.navbar-collapse > ul                                       {list-style: none; padding: 0px; margin: 0px; float: right; position: relative;}
.navbar-collapse > ul > li                                  {float: left; position: relative; font-size: 13px;}
.navbar-collapse > ul > li a                                {color: white; display: block; padding: 5px 8px; margin: 0 2px; font-weight: 400; text-decoration: none; border: 1px solid transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.navbar-collapse > ul > li:hover a,
.navbar-collapse > ul > li .selected                        {}
*/



/*------------------------------*/
/*----------Footer----------*/
/*------------------------------*/
footer                                              {position: relative; background: #901825; z-index: 11; padding: 30px 0 55px 0; margin: 100px 0 0 0; color: white;}
footer:before                                       {content: ''; z-index: -1; display: block; position: absolute; top: -65px; width: 100%; height: 70px; background: url(../images/border-top-red.png) top center repeat-x; z-index: 2 !important;}

footer a,
footer p                                            {color: white;}
footer a:hover,
footer a:focus                                      {color: white;}

footer .Logo                                        {z-index: 10; margin-top: -65px;}
footer .Logo img                                    {display: block; margin: 0 auto;}
footer .Logo .bark-widget                           {display: block; margin: 20px auto;}


footer .FooterNav                                   {z-index: 2; position: relative; list-style: none; margin: 0px; padding: 0px;}
footer .FooterNav li                                {font-size: 16px; font-family: 'Merriweather', serif; float: left; margin: 0 20px 0 0;}
footer .FooterNav li a                              {color: white;}

footer .Social                                      {text-align: right;}
footer .Social ul                                   {list-style: none; padding: 0px; margin: 0px; float: right;}
footer .Social ul li                                {float: left; margin: 0 0 0 10px;}

footer .Copyright                                   {font-size: 14px; font-weight: 200;}
footer .Credit                                      {text-align: right; font-size: 14px; font-weight: 200;}

footer .FooterTop                                   {border-bottom: 2px solid #871520; padding: 0 0 40px 0; margin-bottom: 10px;}

/*-----Partners-----*/
/*--Hide on all pages--*/
footer .FooterPartners                              {display: none;}

/*--Show if class is on body--*/
.showPartnersFooter footer .FooterPartners          {display: block;}

/*--Fix sticky footer is partners are shown--*/
.showPartnersFooter .Wrapper                        {margin: 0 auto -320px;}
.showPartnersFooter footer,
.showPartnersFooter .push                           {height: 320px;}


footer .FooterPartners                              {margin: 15px 0;}
footer .FooterPartners ul                           {margin: 0px; padding: 0px;}
footer .FooterPartners ul li                        {display: table-cell; width: 1%; float: none; padding: 10px; vertical-align: middle; text-align: center;}
footer .FooterPartners ul li div                    {/*background: white;*/ padding: 10px; min-height: 90px;}
footer .FooterPartners ul li img                    {max-width: 100%; max-height: 70px; margin: 0 auto;}



/*------------------------------*/
/*----------Featured Area----------*/
/*------------------------------*/
/*----------General----------*/
.FeaturedArea                                       {position: relative; overflow: hidden; padding: 170px 0 90px 0; background: #901825; /*min-height: 750px;*/}
.FeaturedArea .FeaturedGradient                     {display: block; position: absolute; width: 100%; height: 100%; top: 0px; background: url(../images/gradient-featured.png) top center repeat-x; z-index: 2 !important;}
.FeaturedArea .FeaturedImage                        {position: absolute; width: 110%; height: 110%; top: -5%; left: -5%; /*background-position: 50% 75%;*/ background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');}

.FeaturedArea .FeaturedBorder                                 {content: ''; display: block; position: absolute; bottom: -5px; width: 100%; height: 85px; background: url(../images/border-top-light.png) top center repeat-x; z-index: 2 !important;}

/*----------Home----------*/
.FeaturedArea.Home                                  {margin-bottom: 40px;}

.FeaturedArea .carousel                             {z-index: 1; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%;}
.FeaturedArea .carousel .item                       {height: 100%;}
.FeaturedArea .carousel .carousel-inner             {height: 100%;}

.FeaturedArea .HomeText                             {z-index: 18; position: relative; margin: 80px auto 170px auto;
                                                    -webkit-animation-name: FadeInTop; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: forwards; -webkit-animation-fill-mode: forwards;
                                                    -moz-animation-name: FadeInTop; -moz-animation-duration: 2s; -moz-animation-iteration-count: 1; -webkit-animation-timing-function: forwards; -moz-animation-fill-mode: forwards;
                                                    -o-animation-name: FadeInTop; -o-animation-duration: 2s; -o-animation-iteration-count: 1; -o-animation-timing-function: forwards; -o-animation-fill-mode: forwards;
                                                    animation-name: FadeInTop; animation-duration: 2s; animation-iteration-count: 1; -webkit-animation-timing-function: forwards; animation-fill-mode: forwards;
}
.FeaturedArea .HomeText img                         {display: block; margin: 0 auto; position: absolute; left: 50%; margin-left: -285px; opacity: .3; display: none;}

.FeaturedArea .ScrollIndicator                      {display: block; margin: 0 auto; background: url(../images/arrow-bottom.png) center bottom no-repeat; font-family: 'Merriweather', serif; font-weight: 300; color: white; z-index: 18; position: relative; text-align: center; padding: 0 0 10px 0; opacity: .5;}

/*----------Inner----------*/
.FeaturedArea.Inner                                 {padding: 125px 0 80px 0; margin-bottom: 50px; min-height: 390px;}

.FeaturedArea .InnerText                            {z-index: 18; position: relative; margin: 20px auto; text-align: center;
                                                    -webkit-animation-name: FadeInTop; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: forwards; -webkit-animation-fill-mode: forwards;
                                                    -moz-animation-name: FadeInTop; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: 1; -webkit-animation-timing-function: forwards; -moz-animation-fill-mode: forwards;
                                                    -o-animation-name: FadeInTop; -o-animation-duration: 1.5s; -o-animation-iteration-count: 1; -o-animation-timing-function: forwards; -o-animation-fill-mode: forwards;
                                                    animation-name: FadeInTop; animation-duration: 1.5s; animation-iteration-count: 1; -webkit-animation-timing-function: forwards; animation-fill-mode: forwards;
}
.FeaturedArea .InnerText img                        {display: block; margin: 0 auto;}
.FeaturedArea .InnerText h1                         {font-size: 50px; color: white; font-weight: 300; line-height: 63px;}
.FeaturedArea .InnerText p                          {font-size: 21px; color: white; color: rgba(255,255,255,.6); font-family: 'Merriweather', serif; font-weight: 300;}




/*------------------------------*/
/*----------Welcome Text----------*/
/*------------------------------*/
.WelcomeText                                        {background: url(../images/welcome-text-bg.png) center no-repeat; text-align: center; display: block; margin: 0 auto; min-height: 276px; padding: 50px 0 45px 0;}
.WelcomeText h2                                     {color: white; opacity: .5; margin: 0px; font-size: 22px;}
.WelcomeText h1                                     {color: white; text-transform: uppercase; font-size: 70px; margin: 15px 0 20px 0;}
.WelcomeText ul                                     {list-style: none; padding: 18px 0 0 0; margin: 0; text-align: center; position: relative; display: inline-block;}
.WelcomeText ul:before                              {content: ''; display: block; position: absolute; top: 0px; width: 100%; height: 2px; background: url(../images/welcome-text-border.png) center no-repeat;}
.WelcomeText ul li                                  {color: white; text-transform: uppercase; font-size: 22px; font-family: 'Merriweather', serif; display: inline-block; padding: 0 8px;}
.WelcomeText ul li.Dot                              {width: 5px; height: 5px; background: white; border-radius: 100%; padding: 0px; vertical-align: middle; margin: -8px 0 0 0;}




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




/*------------------------------*/
/*----------Featured Menu Spinner----------*/
/*------------------------------*/
/*-----Disk-----*/
.DiskContainer .DiskInner                           {width: 240px; height: 240px; position: relative; margin: 0 auto;}
.DiskContainer .DiskInner .DiskInnerImage           {position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}

.DiskContainer .DiskInner:before,
.DiskContainer .DiskInner:after                     {content: ''; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.DiskContainer .DiskInner:before                    {background-image: url(../images/ring-grey-inner.png);}
.DiskContainer .DiskInner:after                     {background-image: url(../images/ring-grey-outer.png);}

/*.DiskContainer .DiskInner:hover .DiskInnerImage     {width: 108%; height: 108%; top: -4%; left: -4%;}*/

.DiskContainer .DiskInner:hover:before              {width: 102%; height: 102%; top: -1%; left: -1%; background-image: url(../images/ring-red-inner.png);
                                                    -webkit-animation-name: SpinRight; -webkit-animation-duration: 35s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards;
                                                    -moz-animation-name: SpinRight; -moz-animation-duration: 35s; -moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-fill-mode: forwards;
                                                    -o-animation-name: SpinRight; -o-animation-duration: 35s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -o-animation-fill-mode: forwards;
                                                    animation-name: SpinRight; animation-duration: 35s; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-fill-mode: forwards;
}
.DiskContainer .DiskInner:hover:after               {width: 104%; height: 104%; top: -2%; left: -2%; background-image: url(../images/ring-red-outer.png);
                                                    -webkit-animation-name: SpinLeft; -webkit-animation-duration: 35s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards;
                                                    -moz-animation-name: SpinLeft; -moz-animation-duration: 35s; -moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-fill-mode: forwards;
                                                    -o-animation-name: SpinLeft; -o-animation-duration: 35s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -o-animation-fill-mode: forwards;
                                                    animation-name: SpinLeft; animation-duration: 35s; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-fill-mode: forwards;
}

.DiskContainer                                      {text-align: center;}
.DiskContainer h2                                   {color: #8C8B7F; font-weight: 100; margin: 50px 0;}
.DiskContainer h2 span,
.DiskContainer h2 strong                            {color: #901825; font-weight: 500;}

.DiskContainer .btn                                 {margin: 0 auto;}




/*------------------------------*/
/*----------Homepage Social----------*/
/*------------------------------*/
.HomeSocialBar                                      {}
.HomeSocialTitle                                    {margin-bottom: 50px;}
.HomeSocialTitle ul                                 {list-style: none; padding: 0px; margin: 10px 0; text-align: center;}
.HomeSocialTitle ul li                              {display: inline; margin: 15px;}
.HomeSocialTitle ul li img                          {vertical-align: middle; margin: 0 10px 0 0;}

.HomeSocialTitle ul li.Twitter a                    {color: #28A9E2;}
.HomeSocialTitle ul li.Facebook a                   {color: #3B5998;}


/*-----Twitter-----*/
#HomepageTwitter                                    {margin-bottom: 30px;}
#HomepageTwitter ul                                 {list-style: none; padding: 0px; margin: 0px; }
#HomepageTwitter ul:after                           {content: ''; clear: both; display: block;}

#HomepageTwitter ul li .TweetInner                  {min-height: 250px; overflow: hidden; position: relative; margin: 15px 0; padding: 15px; border-style: solid; border-width: 2px; -webkit-border-image: url(../images/grain-grey-50.png) 30 round; -o-border-image: url(../images/grain-grey-50.png) 30 round; border-image: url(../images/grain-grey-50.png) 30 round;}
#HomepageTwitter ul li .TweetInner .media           {display: none;}
#HomepageTwitter ul li .TweetInner:before           {content: ''; width: 20px; height: 20px; position: absolute; bottom: 10px; right: 10px; z-index: 2; background: url(../images/icon_twitter.png) center no-repeat; background-size: contain;}
#HomepageTwitter ul li .TweetInner .tweet           {font-size: 24px; font-family: 'Merriweather', serif; line-height: 32px; max-height: 160px; overflow: hidden; word-break: break-word;}

#HomepageTwitter ul li .TweetInner .timePosted      {position: absolute; bottom: 10px; left: 10px; margin: 0px;}

#HomepageTwitter ul li .TweetInner .interact,
#HomepageTwitter ul li .TweetInner .user,
#HomepageTwitter ul li .TweetInner .tweet img       {display: none;}

/*Tweets with images*/
#HomepageTwitter ul li .TweetInner.HasMedia .media          {display: block;}
#HomepageTwitter ul li .TweetInner.HasMedia                {background: none;}
#HomepageTwitter ul li .TweetInner.HasMedia:after          {content: ''; display: block; background: url(../images/gradient-tweet.png) top center repeat-x; position: absolute; width: 100%; height: 60%; bottom: 0px; left: 0px;}

#HomepageTwitter ul li .TweetInner.HasMedia .tweet         {z-index: 20; position: absolute; bottom: 45px; left: 0px; width: 100%; /*background: rgba(0, 0, 0, 0.5);*/ padding: 17px 10px; margin: 0px; color: white; font-size: 14px; line-height: 17px; max-height: 68px; overflow: hidden;}
#HomepageTwitter ul li .TweetInner.HasMedia .tweet *       {color: white;}

#HomepageTwitter ul li .TweetInner.HasMedia .timePosted    {z-index: 20; position: absolute; bottom: 0px; left: 0px; width: 100%; /*background: rgba(0, 0, 0, 0.5);*/ padding: 5px 5px 10px 10px; margin: 0px; color: white; display: block; font-size: 14px;}
#HomepageTwitter ul li .TweetInner.HasMedia .timePosted *  {color: white;}

#HomepageTwitter ul li .TweetInner.HasMedia .media         {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; margin: 0px; z-index: -1;}
#HomepageTwitter ul li .TweetInner.HasMedia .media img     {height: 100% !important; min-width: 100%; min-height: 100%; position: absolute; z-index: -1;}


/*-----Facebook-----*/
.FacebookFeed                                       {}
.FacebookFeed ul                                    {list-style: none; padding: 0px; margin: 0px;}
.FacebookFeed ul li                                 {padding: 15px; margin: 15px 0; border-width: 2px; position: relative; -webkit-border-image: url(../images/grain-grey-50.png) 30 round; -o-border-image: url(../images/grain-grey-50.png) 30 round; border-image: url(../images/grain-grey-50.png) 30 round;}
.FacebookFeed ul li:before                          {content: ''; width: 20px; height: 20px; position: absolute; bottom: 10px; right: 10px; z-index: 2; background: url(../images/icon_facebook.png) center no-repeat; background-size: contain;}
.FacebookFeed ul li h4                              {margin: 0px;}
.FacebookFeed ul li p.Date                          {font-size: 15px; color: #9FA0A1; margin: 0;}
.FacebookFeed ul li p                               {}

.fb-page                                            {margin: 15px 0;}



/*------------------------------*/
/*----------Menu Block----------*/
/*------------------------------*/
.MenuRow                                            {}

.MenuBlock                                          {text-align: center; margin: 40px 0;}
.MenuBlock .MenuImage                               {position: relative; display: inline-block;}
.MenuBlock .MenuImage:after                         {content: ''; display: block; position: absolute; z-index: -1; border-radius: 50%; background: url(../images/grain-grey-100.png); top: -2px; right: -2px; bottom: -2px; left: -2px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.MenuBlock .MenuImage img                           {display: block; border: 4px solid #F3EFEB;}
.MenuBlock h3                                       {margin-bottom: 20px;}
.MenuBlock .btn                                     {margin-top: 20px;}

/*-----Spin effect-----*/
.MenuBlock .MenuImage:hover:after                   {top: -4px; right: -4px; bottom: -4px; left: -4px; background: url(../images/grain-red-100.png);
                                                    -webkit-animation-name: SpinLeft; -webkit-animation-duration: 35s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards;
                                                    -moz-animation-name: SpinLeft; -moz-animation-duration: 35s; -moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-fill-mode: forwards;
                                                    -o-animation-name: SpinLeft; -o-animation-duration: 35s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -o-animation-fill-mode: forwards;
                                                    animation-name: SpinLeft; animation-duration: 35s; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-fill-mode: forwards;
}
/*even items spin other way on hover*/
.MenuRow .MenuBlock:nth-child(even) .MenuImage:hover:after      {-webkit-animation-name: SpinRight; -moz-animation-name: SpinRight; -o-animation-name: SpinRight; animation-name: SpinRight;}

@media(max-width:767px){

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

}
@media(min-width:992px){
    .MenuRow .MenuBlock:nth-child(3n+4)             {clear: both;}
}
@media(min-width:1200px){
    .MenuRow .MenuBlock:nth-child(3n+4)             {clear: both;}
}



/*------------------------------*/
/*----------Image Gallery----------*/
/*------------------------------*/
#ImageGallery                                       {}
#ImageGallery .GalThumbOuter                        {margin-bottom: 20px; padding: 2px; border: 2px solid transparent; -webkit-border-image: url(../images/grain-grey-100.png) 30 round; -o-border-image: url(../images/grain-grey-100.png) 30 round; border-image: url(../images/grain-grey-100.png) 30 round;}
#ImageGallery .GalThumbOuter .GalThumb              {background-position: center; background-repeat: no-repeat; background-size: cover; height: 120px;}

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

#blueimp-gallery .prev,
#blueimp-gallery .next                              {border: none; background: none; font-size: 130px; opacity: 1;}



/*------------------------------*/
/*----------Sidebar----------*/
/*------------------------------*/
aside                                               {}
aside .SidebarInner                                 {background: url(../images/gradient-sidebar.png) right center repeat-y; padding-right: 15px; border-right: 1px solid #D9D6D0;}




/*------------------------------*/
/*----------Subnav----------*/
/*------------------------------*/
/*-----General-----*/
aside .Subnav                                       {margin-right: -15px !important; margin-bottom: 50px !important;}
aside .Subnav,
aside .Subnav ul                                    {list-style: none; padding: 0px; margin: 0px;}
aside .Subnav li                                    {background: url(../images/arrow-subnav-red.png) right 20px no-repeat;}
aside .Subnav li a                                  {color: #333333; font-family: 'Merriweather', serif; display: block; padding: 20px 30px 20px 0; text-decoration: none; position: relative;}

aside .Subnav li a:hover,
aside .Subnav li a:focus,
aside .Subnav li a:active                           {color: #901825; background-color: #F3EFEB;}

aside .Subnav li a:hover:after,
aside .Subnav li a:focus:after,
aside .Subnav li a:active:after                     {content: ''; display: block; position: absolute; right: -2px; top: 0px; bottom: 0px; width: 2px; background: #F3EFEB;}

/*-----First level-----*/
aside .Subnav > li                                  {}
aside .Subnav > li > a                              {background: url(../images/gradient-subnav-bottom.png) bottom right no-repeat;}

/*-----Second level-----*/
aside .Subnav li ul li                              {padding-left: 30px;}



/*------------------------------*/
/*----------Sidebar Contact----------*/
/*------------------------------*/
.SidebarContact                                     {margin-bottom: 30px;}
.SidebarContact ul                                  {list-style: none; padding: 0px; margin: 0px;}
.SidebarContact ul li                               {padding: 15px 0; font-size: 16px; font-family: 'Merriweather', serif; color: #901825;}
.SidebarContact ul li img                           {display: inline; margin: 0 10px 0 0;}

.SidebarContact .Map                                {margin-top: 20px;}
.SidebarContact .Map iframe                         {width: 100%; height: 250px;}



/*------------------------------*/
/*----------Contact Details----------*/
/*------------------------------*/
.ContactPageDetails                                 {list-style: none; padding: 0px; margin: 0px;}
.ContactPageDetails li                              {float: left; width: 50%; margin: 15px 0; font-size: 18px; font-family: 'Merriweather', serif; color: #901825;}
.ContactPageDetails li img                          {display: inline; margin: 0 10px 0 0; border: none;}

.ContactPageMap                                     {}
.ContactPageMap iframe                              {height: 370px; width: 100%; margin: 0 0 20px 0;}




/*------------------------------*/
/*----------Forms----------*/
/*------------------------------*/
form form                                           {}

.ContactForm form > div                             {margin: 0 0 10px 0;}

label                                               {font-size: 18px; font-family: 'Merriweather', serif; font-weight: 100; margin: 10px 0 5px 0; color: #333333;}
input[type=text],
textarea                                            {width: 100%; border: 1px solid #E0DCD9; color: #666666; padding: 5px;}

form .btn                                           {display: inline-block; margin: 10px auto;}
form .SubmitCol                                     {text-align: center;}

.contourMessageOnSubmit                             {margin: 20px 0;}

/*Remove padding from umbraco generated forms*/
#contour_form_ContactForm                           {margin-left: -15px; margin-right: -15px;}



/*------------------------------*/
/*----------News----------*/
/*------------------------------*/
.NewsList                                           {list-style: none; padding: 0px; margin: 0px;}
.NewsList .NewsItem                                 {margin: 0 0 30px 0;}
.NewsList .NewsItem h3                              {}
.NewsList .NewsItem p.Date,
.NewsArticle p.Date                          {color: #9FA0A1;}
.NewsList .NewsItem p                               {}
.NewsList .NewsItem .btn                            {}







/*------------------------------*/
/*----------Animations----------*/
/*------------------------------*/
/*-----Spin right-----*/
/*.SpinRight {
    animation: SpinRight 5s infinite;
    -moz-animation: SpinRight 5s infinite;
    -webkit-animation: SpinRight 5s infinite;
    -o-animation: SpinRight 5s infinite;
}*/
@-webkit-keyframes SpinRight {
	from {-webkit-transform: rotateZ(0deg);}
	to {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes SpinRight {
    from {-moz-transform: rotateZ(0deg);}
	to {-moz-transform: rotateZ(360deg);}
}
@keyframes SpinRight {
    from {transform: rotateZ(0deg);}
	to {transform: rotateZ(360deg);}
}

/*-----Spin left-----*/
/*.SpinLeft {
    animation: SpinLeft 5s infinite;
    -moz-animation: SpinLeft 5s infinite;
    -webkit-animation: SpinLeft 5s infinite;
    -o-animation: SpinLeft 5s infinite;
}*/
@-webkit-keyframes SpinLeft {
	from {-webkit-transform: rotateZ(360deg);}
	to {-webkit-transform: rotateZ(0deg);}
}
@-moz-keyframes SpinLeft {
    from {-moz-transform: rotateZ(360deg);}
	to {-moz-transform: rotateZ(0deg);}
}
@keyframes SpinLeft {
    from {transform: rotateZ(360deg);}
	to {transform: rotateZ(0deg);}
}

/*-----Fade in top-----*/
.FadeInTop {
    animation: FadeInTop .5s forwards;
    -moz-animation: FadeInTop .5s forwards;
    -webkit-animation: FadeInTop .5s forwards;
    -o-animation: FadeInTop .5s forwards;
}
@-webkit-keyframes FadeInTop {
	from {-webkit-transform: translate(0px,-100px); opacity: 0;}
	to {-webkit-transform: translate(0px,0px); opacity: 1;}
}
@-moz-keyframes FadeInTop {
    from {-moz-transform: translate(0px,-100px); opacity: 0;}
	to {-moz-transform: translate(0px,0px); opacity: 1;}
}
@keyframes FadeInTop {
    from {transform: translate(0px,-100px); opacity: 0;}
	to {transform: translate(0px,0px); opacity: 1;}
}

/*-----Fade out top-----*/
.FadeOutTop {
    animation: FadeOutTop .5s forwards;
    -moz-animation: FadeOutTop .5s forwards;
    -webkit-animation: FadeOutTop .5s forwards;
    -o-animation: FadeOutTop .5s forwards;
}
@-webkit-keyframes FadeOutTop {
	from {-webkit-transform: translate(0px,0px); opacity: 1;}
	to {-webkit-transform: translate(0px,-100px); opacity: 0;}
}
@-moz-keyframes FadeOutTop {
    from {-moz-transform: translate(0px,0px); opacity: 1;}
	to {-moz-transform: translate(0px,-100px); opacity: 0;}
}
@keyframes FadeOutTop {
    from {transform: translate(0px,0px); opacity: 1;}
	to {transform: translate(0px,-100px); opacity: 0;}
}



/*-_-_-_-_ Media Queries_-_-_-_- */

@media(max-width:767px){

    /*------------------------------*/
    /*----------Buttons----------*/
    /*------------------------------*/
    .btn                                                {display: block !important; float: none !important; width: 100%;}



    /*------------------------------*/
    /*----------Header----------*/
    /*------------------------------*/
    header .Logo img                                    {max-width: 90px;}



    /*-----Sticky footer-----*/
    html, body                                          {height: auto;}
    .Wrapper                                            {min-height: auto; height: auto; margin: auto;}
    footer, .push                                       {height: auto;}

    .showPartnersFooter .Wrapper                        {margin: auto;}
    .showPartnersFooter footer,
    .showPartnersFooter .push                           {height: auto;}



    /*------------------------------*/
    /*----------Nav----------*/
    /*------------------------------*/
    .MainNav                                            {}

    /*-----Button-----*/
    .navbar-header                                      {position: fixed; top: 15px; right: 15px; z-index: 1001; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(8px);}
    .navbar-header .navbar-toggle                       {margin: 0px; width: 52px; height: 52px; }

    .navbar-toggle                                      {-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);}
    /*.navbar-toggle.collapsed                            {-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);}*/
    /*.navbar-toggle                                      {border-radius: 0px; -webkit-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}*/

    /*-----Menu-----*/
    .navbar-collapse                                    {position: fixed; left: 0px; top: 0px; width: 100%; height: 0px; float: none; padding: 0px; /*background: rgba(144,24,37,.7);*/ background: rgba(255,255,255,.7); -webkit-backdrop-filter: blur(8px); max-height: 100%; -webkit-overflow-scrolling: touch !important; overflow: scroll;}
    .navbar-collapse ul                                 {margin: 0px; padding: 60px 0; width: 100%;}

    .navbar-collapse ul li ul                           {display: none;}

    .navbar-collapse ul:before,
    .navbar-collapse ul:after                           {content: ''; display: block; width: 100%; height: 50px; position: fixed; z-index: 5; opacity: .9;}
    .navbar-collapse ul:before                          {bottom: 0px; background: url(../images/gradient-navbottom.png) bottom center repeat-x;}
    .navbar-collapse ul:after                           {top: 0px; background: url(../images/gradient-navtop.png) bottom center repeat-x;}

    .navbar-collapse ul li                              {display: block; float: none; width: 100%; text-align: center; padding: 0;}
    .navbar-collapse ul li a                            {color: #901825; border: none;}

    .navbar-collapse.in                                 {height: 100% !important;}

    /*------mobile nav cross------*/
    .icon-bar                                           {background: #901825;}
    .navbar-toggle .icon-bar                            {height: 2px;}
    .navbar-toggle .icon-bar+.icon-bar                  {margin-top: 6px;}

    .navbar-toggle                                      {margin: 0px; width: 52px; height: 52px;}
    .navbar-toggle .icon-bar                            {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-left: auto; margin-right: auto;}
    .navbar-toggle .icon-bar:nth-child(2)               {-ms-transform: rotate(136deg); -webkit-transform: rotate(136deg); transform: rotate(136deg); margin-bottom: -5px; margin-top: 10px;}
    .navbar-toggle .icon-bar:nth-child(3)               {opacity: 0;}
    .navbar-toggle .icon-bar:nth-child(4)               {-ms-transform: rotate(-136deg); -webkit-transform: rotate(-136deg); transform: rotate(-136deg); margin-top: -5px; margin-bottom: 10px;}
    .navbar-toggle.collapsed .icon-bar                  {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); margin: 4px; opacity: 1;}



    /*------------------------------*/
    /*----------Footer----------*/
    /*------------------------------*/
    footer .FooterNav                                   {margin-top: 20px;}
    footer .FooterNav li                                {display: block; width: 100%; text-align: center; float: none; margin: 10px 0;}
    footer .FooterNav li a                              {}

    footer .Social                                      {text-align: right;}
    footer .Social ul                                   {width: 100%; float: none; margin: 20px 0; clear: both;}
    footer .Social ul li                                {width: 100%; float: none; margin: 10px 0; text-align: center;}

    footer .FooterTop                                   {padding: 0 0 25px 0;}

    footer .Copyright                                   {text-align: center;}
    footer .Credit                                      {text-align: center;}

    footer .FooterPartners ul:after                     {content: ''; display: block; clear: both;}
    footer .FooterPartners ul li                        {display: block; width: 100%; float: none;}



    /*------------------------------*/
    /*----------Featured Area----------*/
    /*------------------------------*/
    /*----------General----------*/
    .FeaturedArea                                       {padding: 200px 0 60px 0;}
    .FeaturedArea .FeaturedImage                        {}


    /*----------Home----------*/
    .FeaturedArea.Home                                  {margin-bottom: 0px;}
    .FeaturedArea .HomeText                             {margin: 0 auto 50px auto;}

    /*----------Inner----------*/
    .FeaturedArea.Inner                                 {padding: 85px 0 60px 0; min-height: 0px; margin-bottom: 10px;}

    .FeaturedArea .InnerText h1                         {font-size: 30px;}
    .FeaturedArea .InnerText p                          {font-size: 16px;}



    /*------------------------------*/
    /*----------Featured Menu Spinner----------*/
    /*------------------------------*/
    /*-----Disk-----*/
    /*.DiskContainer .DiskInner                           {width: 240px; height: 240px;}*/
    .DiskContainer                                      {margin: 40px 0;}
    .DiskContainer h2                                   {margin: 30px 0;}


    /*------------------------------*/
    /*----------Contact Details----------*/
    /*------------------------------*/
    .ContactPageDetails                                 {}
    .ContactPageDetails li                              {float: none; width: 100%; margin: 0px;}
    .ContactPageDetails li img                          {margin-right: 15px !important; width: 32px !important; min-width: 32px;}


    /*------------------------------*/
    /*----------Welcome Text----------*/
    /*------------------------------*/
    .WelcomeText                                        {padding: 50px 0; background-image: url(../images/welcome-text-bg-mobile.png);}
    .WelcomeText h2                                     {margin: 5px 0 0 0; font-size: 18px;}
    .WelcomeText h1                                     {font-size: 35px; margin: 0;}
    .WelcomeText ul                                     {padding: 10px 0 0 0; margin: 5px 0 0 0;}
    .WelcomeText ul:before                              {}
    .WelcomeText ul li                                  {font-size: 15px;padding: 0 8px;}
    .WelcomeText ul li.Dot                              {margin: -8px 0 0 0;}


    /*------------------------------*/
    /*----------Sidebar----------*/
    /*------------------------------*/
    aside                                               {}
    aside .SidebarInner                                 {padding: 0px; border: none;}

    .ToggleSubnav                                       {}
    .ToggleSubnav .navbar-toggle                        {display: block; position: relative; width: auto; height: auto; margin: 0 auto; left: auto; right: auto;}
    .ToggleSubnav .navbar-toggle h4                     {color: white; margin: 0px;}


    /*------------------------------*/
    /*----------Subnav----------*/
    /*------------------------------*/
    /*-----General-----*/
    aside .Subnav                                       {margin-right: 0px !important;}


    /*------------------------------*/
    /*----------Homepage Social----------*/
    /*------------------------------*/
    .HomeSocialBar                                      {}
    .HomeSocialTitle                                    {}
    .HomeSocialTitle h1                                 {font-size: 30px;}
    .HomeSocialTitle ul                                 {}
    .HomeSocialTitle ul li                              {display: block; margin: 5px;}

    #HomepageTwitter ul li .TweetInner.HasMedia         {min-height: 250px; padding: 15px;}
    #HomepageTwitter ul li .TweetInner                  {min-height: 0px; padding-bottom: 40px;}


}

@media(min-width:768px){

}

@media(min-width:992px){

}

@media(min-width:1200px){

}