@charset "UTF-8";

@font-face {
  font-family: "socialmedia";
  src:url("/fonts/socialmedia.eot");
  src:url("/fonts/socialmedia.eot?#iefix") format("embedded-opentype"),
    url("/fonts/socialmedia.woff") format("woff"),
    url("/fonts/socialmedia.ttf") format("truetype"),
    url("/fonts/socialmedia.svg#socialmedia") format("svg");
  font-weight: normal;
  font-style: normal;

}


@font-face {
    font-family: lg;
    src:url(/fonts/lg.eot?n1z373);
    src:url(/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), 
    url(/fonts/lg.woff?n1z373) format("woff"), 
    url(/fonts/lg.ttf?n1z373) format("truetype"), 
    url(/fonts/lg.svg?n1z373#lg) format("svg")
}



[data-icon]:before {
  font-family: "socialmedia" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "socialmedia" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-circle:before {
  content: "\61";
}
.icon-twitter-circled:before {
  content: "\62";
}
.icon-twitter:before {
  content: "\63";
}
.icon-facebook:before {
  content: "\64";
}
.icon-instagram:before {
  content: "\65";
}
.icon-instagrem:before {
  content: "\66";
}
.icon-vimeo:before {
  content: "\67";
}
.icon-youtube-alt:before {
  content: "\68";
}
.icon-youtube:before {
  content: "\69";
}
.icon-phone:before {
  content: "\6a";
}
.icon-clock:before {
  content: "\6b";
}
.icon-mail:before {
  content: "\6c";
}
.icon-pin:before {
  content: "\6d";
}
.icon-search:before {
  content: "\6e";
}
.icon-search-1:before {
  content: "\6f";
}
.icon-up-open-big:before {
  content: "\70";
}
.icon-down-open-big:before {
  content: "\71";
}
.icon-right-open-big:before {
  content: "\72";
}
.icon-left-open-big:before {
  content: "\73";
}
.icon-dot-circle-o:before {
  content: "\74";
}
.icon-circle:before {
  content: "\75";
}
.icon-folder-open:before {
  content: "\76";
}
.icon-folder:before {
  content: "\77";
}
.icon-users-1:before {
  content: "\79";
}
.icon-question-circle:before {
  content: "\78";
}
.icon-question:before {
  content: "\7a";
}
.icon-home:before {
  content: "\41";
}
.icon-wrench:before {
  content: "\42";
}
.icon-wrench-1:before {
  content: "\43";
}
.icon-rss:before {
  content: "\44";
}
.icon-feed-rss-2:before {
  content: "\46";
}
.icon-camera:before {
  content: "\45";
}
.icon-social-youtube-outline:before {
  content: "\47";
}
.icon-info:before {
  content: "\49";
}
.icon-info-circled:before {
  content: "\48";
}
.icon-camera-1:before {
  content: "\4a";
}
.icon-medal-rank-star:before {
  content: "\4c";
}
.icon-locked:before {
  content: "\4b";
}
.icon-pound:before {
  content: "\4d";
}
.icon-linkedin-alt:before {
  content: "\4e";
}
.icon-linkedin-alt-1:before {
  content: "\4f";
}
.icon-arrow-down-1:before {
  content: "\30";
}
.icon-arrow-right-1:before {
  content: "\31";
}
.icon-arrow-up-1:before {
  content: "\32";
}
.icon-arrow-left-1:before {
  content: "\33";
}
.icon-arrow-circle-right:before {
  content: "\34";
}
.icon-arrow-circle-up:before {
  content: "\35";
}
.icon-arrow-circle-left:before {
  content: "\36";
}
.icon-arrow-circle-down:before {
  content: "\37";
}
.icon-arrow-curve-right:before {
  content: "\50";
}
.icon-link:before {
  content: "\51";
}
.icon-link-external:before {
  content: "\52";
}
.icon-external-link-sqaure:before {
  content: "\53";
}
.icon-hyperlink:before {
  content: "\54";
}
.icon-file:before {
  content: "\55";
}
.icon-download:before {
  content: "\56";
}
.icon-install:before {
  content: "\57";
}
.icon-download-1:before {
  content: "\58";
}
.icon-in:before {
  content: "\59";
}
.icon-call-old-telephone:before {
  content: "\5a";
}
.icon-home-1:before {
  content: "\38";
}
.icon-triangle:before {
  content: "\39";
}
.icon-triangle-stroked:before {
  content: "\21";
}
.icon-pinterest:before {
  content: "\22";
}
.icon-university:before {
  content: "\23";
}
.icon-eye:before {
  content: "\24";
}
.icon-eye-1:before {
  content: "\25";
}
.icon-school:before {
  content: "\26";
}
.icon-graduation-cap:before {
  content: "\27";
}
.icon-pencil:before {
  content: "\29";
}
.icon-ribbon-b:before {
  content: "\2a";
}
.icon-ribbon-a:before {
  content: "\2d";
}
.icon-dofe:before {
  content: "\2f";
}
.icon-handprint-1:before {
  content: "\3a";
}
.icon-military:before {
  content: "\3b";
}
.icon-schools:before {
  content: "\3c";
}
.icon-visual:before {
  content: "\3d";
}
.icon-yearbook:before {
  content: "\3e";
}
.icon-phone-1:before {
  content: "\3f";
}
.icon-smart-phone-2:before {
  content: "\40";
}
.icon-phone-on:before {
  content: "\5b";
}
.icon-triangle-up:before {
  content: "\5d";
}
.icon-ninesidedthree:before {
  content: "\5e";
}
.icon-triangleone:before {
  content: "\5f";
}
.icon-triangletwo:before {
  content: "\60";
}
.icon-picassa:before {
  content: "\7b";
}
.icon-whatsapp:before {
  content: "\7c";
}
.icon-orderonline:before {
  content: "\28";
}
.icon-certificate-file:before {
  content: "\2b";
}
.icon-dofe-1:before {
  content: "\2c";
}
.icon-cart-shopping-1:before {
  content: "\2e";
}
.icon-basket:before {
  content: "\7d";
}
.icon-check:before {
  content: "\7e";
}



*, html {

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
font-family: 'Raleway', sans-serif;
    font-weight: 300;

}



[id*=tabbedpanels],
[id^=tabbedpanels] {
    
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    margin-top: 12px;
    margin-bottom: 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

[id*=tabbedpanels] li,
[id^=tabbedpanels] li {
    margin-left: 24px;
    position: relative;
    margin-top: 4px
}



[id*=tabbedpanels] h3,
[id^=tabbedpanels] h3 {
    font-size: 17px;
    line-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    color: #250725;
    padding: 0px
}

[id*=tabbedpanels] h3 a,
[id^=tabbedpanels] h3 a {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: #73c8c5;
    border-bottom: 1px solid #505050;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #212a29;
    font-size: 16px;
    text-decoration: none;
}

[id*=tabbedpanels] div,
[id^=tabbedpanels] div {
    padding: 8px;
    float: left;
    background-color: #fff;
    color: #250725;
    width: 100%
}

[id*=tabbedpanels] td div,
[id^=tabbedpanels]td div {
    padding: 0;
    float: left;
    background-color: #fff;
    color: #250725
}

[id*=tabbedpanels] td p,
[id^=tabbedpanels]td p {
    padding: 0;
    margin: 0;
    float: left;
    background-color: #fff;
    color: #250725
}

[id*=tabbedpanels] h3 a:before,
[id^=tabbedpanels] h3 a:before {
    position: absolute;
    top: 8px;
    left: 4px;
    content: '4';
    font-size: 24px;
    font-family: SocialMedia;
    color: #F2F2F2
}

[id*=tabbedpanels] .open a,
[id^=tabbedpanels] .open a {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 8px 8px 32px;
    background-color: #8277af;
    color: #eee;
    
}

[id*=tabbedpanels] .open a:before,
[id^=tabbedpanels] .open a:before {
    position: absolute;
    top: 8px;
    left: 4px;
    content: '7';
    font-size: 24px;
    font-family: SocialMedia;
    color: #FFF
}

.scrolllink a{
  /*! border: 1px solid #333; */
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 0;
  left: 48%;
  right: 50%;
  bottom: -14px;
  background-color: #50992d;
  border: 1px solid #333;
}

.scrolllink a:after{
  top: 4px;content: "q";
  color: #fff;
  right: 0px;
  font-family: 'SocialMedia';position: absolute;font-size: 24px;width: 100%;text-align: center;}



.scrolllinkbottom a{
  /*! border: 1px solid #333; */
  position: fixed;
  width: 40px;
  height: 40px;
  z-index: 0;
  right: 0;
  bottom: 0px;
  background-color: #50992d;
}

.scrolllinkbottom a:after{
content: "p";
font-family: 'SocialMedia';
  position: absolute;
  font-size: 24px;
  width: 100%;
  text-align: center;
  right: 0px;
  top: 4px;
  color: #fff;
}


.thirdcolumn {
  float: left;
  width: 33%;
  
}

.contentbreak {
    
    width: 100%;
    float: left;
    line-height: 1.5;
}


.businesslinks_area {
  
  float: left;
  width: 100%;
}



.businesslinksinner {
  
  float: left;
  width: 48%;
  border-top: 1px solid rgba(256,256,256,0.1);
  border-bottom: 4px solid rgba(0,0,0,0.5);
  padding: 8px;
  padding-bottom: 32px;
  position: relative;
  background-color: #444;
  margin: 1%;
  
}

.businessnameandlogo{
  
  float: left;
  width: 100%;
  
}

.businesslogo{
  
  float: left;
  width: 33%;
  max-width: 200px;
  padding-right: 12px;
  
}

.businessarea .businesslogo{
  
  float: left;
  width: 100%;
  max-width: 200px;
  
}


.businessarea h1{
  float: left;
  width: 100%;
  
}

.businessnameandlogo h3 { 
  
  float: left;
  width: 66%;
  color: #eee;
  padding-left: 12px;
  font-size: 24px;
  
}

.bustel,
.busdesc, .busaddress, .buswebsite  { 
  
  float: left;
  width: 100%;
  /*! color: #eee; */
  padding-left: 0px;  
  font-size: inherit;
  position: relative;
  padding-left: 24px;
  margin-top: 8px;
  border-top: 1px solid rgba(256,256,256,0.1);
  padding-top: 8px;
}

.businesslinksinner .bustel, .businesslinksinner .busdesc, .businesslinksinner .busaddress, .businesslinksinner .buswebsite  { 
  
  float: left;
  width: 66%;
  color: #eee;
  padding: 0px;
  padding-left: 12px;  
  font-size: 12px;
  position: relative;
  padding-left: 32px;
  margin-top: 4px;
  border-top: 1px solid rgba(256,256,256,0.1);
  padding-top: 8px;
}


.bustel:before {
  
  position: absolute;
  content: "j";
  font-family: socialmedia;
  left: 0px;
  font-size: 20px;
  top: 4px;
  color: #50992d;
  
  
}

.busaddress:before {
  
  position: absolute;
  content: "m";
  font-family: socialmedia;
  left: 0px;
  font-size: 20px;
  top: 4px;
  color: #50992d;
  
  
}


.buswebsite:before {
  
  position: absolute;
  content: "Q";
  font-family: socialmedia;
  left: 0px;
  font-size: 20px;
  top: 4px;
  color: #50992d;
  
  
}




.moreinfo a{
  
  float: left;
  width: auto;
  bottom: 0px;
  right: 0px;
  position: absolute;
  padding: 8px;
  background-color: #50992d;
}

.wrapperinside li {
    list-style: none;
}

.contentbreak li{
    
    list-style: none;
    padding-left: 24px;
    position: relative;
    width: 100%;
    float: left;
    
}

.contentbreak li:before{
    /*! border-radius: 50%; */
    list-style: none;
    position: absolute;
    content: "";
    left: 0px;
    font-size: 64px;
    top: 6px;
    width: 12px;
    height: 12px;
    background-color: #50992d;
  border-bottom: 1px solid rgba(0,0,0,0.9);
    
}


.contentbreak p {
    
    width: 100%;
    float: left;
    margin-top: 4px;
    margin-bottom: 12px;
}

.contentbreak p a {
    
    text-decoration: underline;
}



div.map {
    display: block;
    width: 100%;
    height:300px;
    margin-bottom: 40px;    
}
.cmsmap {
    width: 100%;
    height:300px;
}
.cmsmap img {
    max-width: none;
}



.google-thin {
  float: left;
  height: 300px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
}


.google-thin div.cmsmap{
  width: 100% !IMPORTANT;
  float: left;
}


.internalpagelinks {
    float: left;
    width: 100%
}

.internalpagelinks a {
    width: auto;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    background-color: #50992d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fafafa;
    text-align: center
}

.externalpagelinks {
    float: left;
    width: 100%
}

.thirdcolumn .externalpagelinks {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 8px
}

.externalpagelinks a {
    width: auto;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    background-color: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fafafa;
    text-align: center
}


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


.noshow {
  display: none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: inherit;
}


em.keyword {
    
    padding: 4px;
    background-color: #50992d;
    color: #fff;
    border-radius: 4px;
}


.pageresult {
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.pageroute {
    padding-bottom: 4px;
    margin-bottom: 24px;
    color: #50992d;
}


.formerror {
  background-color: #a3009a;
  padding: 8px;
  border: 2px solid #333;
  border-radius: 4px;
  font-size: 12px;
  width: auto;
  float: left;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



body{
        margin: 0;
        padding: 0;
  background-color: #deded9;
  color: #333;
  /*! background-image: url(/images/maingridoverlay2.png); */
  background-size: 5px;
}


h1 {
    font-size: 32px;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #212121;
}

h2 {
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 12px;
  color: #50992d;
}


h3 {
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
        color: #2d2828;

}


.header {
    float: left;
    width: 100%;
    background-color: #fff;
    padding-left: 12px;
}

.headerinner {
   
    width: 100%;
    padding-left: 0px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}


.captions { 
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
  /*! position: absolute; */
  bottom: 0px;
}


.logoarea {
    float: left;
    width: 30%;
    padding-top: 32px;
    padding-bottom: 32px;
    max-width: 340px;
}

img{
        border: 0;
        max-width: 100%;
    width: 100%;
    height: auto;
}


.captionarea {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    z-index: 100000;
    height: 100%;
    width: 100%
}

.captionblock {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    position: absolute;
    height: 100%;
    float: left
}

.captioncontainer {
    width: 100%;
    margin-left: 0px;
    position: absolute;
    float: left;
    padding: 0px;
    bottom: 50%;
    text-align: center;
}

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

.caption1 {
    color: #fff;
    position: relative;
    /*! float: left; */
    width: 100%
}

.rslides {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    z-index: 0;
    background-color: #fff
}

.rslides ul {
    padding: 0;
    margin: 0
}

.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

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

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0
}

#overlaybox {
    position: absolute;
    z-index: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 180px
}


.rslides_container {
    margin-bottom: 12px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0
}

#slider-wrapper:before {
    content: "";
     background-image: url(/images/bannertop.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    position: absolute;
    pointer-events: none;
    z-index: 1
}

#slider-wrapper:after {
    content: "";
     background-image: url(/images/bannerbottom.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    position: absolute;
    pointer-events: none;
    z-index: 1
}

#slider-wrapper,
.bannerwrapper {
    position: relative;
    float: left;
    height: auto;
    width: 100%
}

#slider-wrapper {
    z-index: 1;
  border-top: 4px solid #50992d;
}

.rslides a {
    width: 100%;
    position: absolute
}

.rslides:before {
    background-repeat: repeat-x
}

.whitepage #slider-wrapper img {
    width: 100%
}

#slider-wrapper p {
    font-size: 20px;
    line-height: 28px;
    padding-left: 290px
}

#slider-wrapper-small {
    max-width: 1080px;
    z-index: 0;
    margin-top: -8px;
    border: 8px solid #fff
}

.rslides1_nav {
    position: absolute;
    top: 35%;
    left: 0;
    z-index: 1;
    opacity: .7;
    text-indent: -9999px;
    text-decoration: none;
    height: 54px;
    width: 48px;
    background: url(themes.png) left top no-repeat
}

.rslides1_nav:active {
    opacity: 1
}

.rslides1_nav.next {
    left: auto;
    background-position: right top;
    right: 0
}

.rslides2_nav {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=1);
    width: auto;
    text-indent: -9999px;
    height: 91%
}

.rslides2_nav.next {
    left: auto;
    right: 0
}

.rslides3_nav {
    position: absolute;
    opacity: .6;
    text-indent: -9999px;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(themes.gif) left 50% no-repeat #000;
    width: 38px
}

.rslides3_nav:active {
    opacity: 1
}

.rslides3_nav.next {
    left: auto;
    background-position: right 50%;
    right: 0
}

.rslides_tabs {
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 5px;
    z-index: 3;
    position: relative
}

.rslides_tabs a {
    text-indent: -9999px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    display: inline-block;
    height: 9px;
    /*! display: none */
}

.rslides_tabs .rslides_here a {
    background: #222;
    background: rgba(0, 0, 0, .8)
}

.caption1 span {
    padding: 8px;
    font-size: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
    position: relative;
    z-index: 1;
display: block;
    background-size: 200px;
    background-position: top -40px right -100px;
    background-repeat: no-repeat
}

.caption2 span {
    padding: 0;
    line-height: 1;
    font-size: 19px;
    padding: 8px;
    width: auto;
    position: relative;
    z-index: 2;
    color: #fff;
display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .9)
}





.ind_photo img {
    width: 100%;
    vertical-align: top;
    height: auto;
  border: 8px solid #fff;
}

.footerlogos {
    float: left;
    text-align: center;
    width: 100%;
  margin-top: 24px;
}

#footerbase {
    
    float:left;
    width: 100%;
  text-align: center;
  margin-top: 24px;
}


.footerlogos img {
    width: 120px;
    height: auto;
    margin-right: 4px;
    margin-left: auto;
    text-align: center;
    border-radius: 4px;
  float: right;
}


.lightgallery {
    display: inline-block;
    width: 100%;
    /*! max-width: 1080px; */
    margin-top: 16px
}

.lightgallery .ind_photo {
    width: 25%;
    position: relative;
    float: left;
    padding: 8px;
}

.lightgallery .ind_photo a {
    position: relative;
    display: block;
    line-height: 0;
  border-bottom: 2px solid rgba(0,0,0,0.4);
}

.public .imagetitle {
    display: none
}

.imagetitle {
    width: auto;
    padding: 4px;
    background-color: #cca952;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 10px
}

.imagetitle.public {
    display: none
}


.fullwidthimagearea {
    
    padding: 12px;
    border: 1px solid #ccc;
}




input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-appearance: none;
    border-radius: 4px;
    background-color: #d3d3d3;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    display: block;
    padding: 4px;
  font-size: 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .15s linear;
    margin-bottom: 0px;
    min-height: 40px;
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #50992d;
    outline: 0
}

input[type=color].radius,
input[type=date].radius,
input[type=datetime-local].radius,
input[type=datetime].radius,
input[type=email].radius,
input[type=month].radius,
input[type=number].radius,
input[type=password].radius,
input[type=search].radius,
input[type=tel].radius,
input[type=text].radius,
input[type=time].radius,
input[type=url].radius,
input[type=week].radius,
textarea.radius {
    border-radius: 3px
}

form .row .prefix-radius.row.collapse button,
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse textarea {
    border-radius: 0 3px 3px 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px
}

form .row .postfix-radius.row.collapse button,
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse .prefix {
    border-radius: 3px 0 0 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0 3px 3px 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px
}

form .row .prefix-round.row.collapse button,
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse textarea {
    border-radius: 0 1000px 1000px 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px
}

form .row .postfix-round.row.collapse button,
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse textarea,
form .row .prefix-round.row.collapse .prefix {
    border-radius: 1000px 0 0 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0 1000px 1000px 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px
}

input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
    /*! float: left; */
    color: #fff;
    padding: 8px;
    margin-top: 0;
    margin-left: 8px;
    border: 0px;
    background-color: #50992d;
    font-size: 20px;
    /*! border-radius: 4px; */
    color: #fff;
}

textarea {
    max-width: 100%
}

select {
    border-width: 1px;
    padding: .5em;
    font-size: .875em;
    color: rgba(0, 0, 0, .75);
    line-height: normal;
    border-radius: 0;
    height: 2.3125em;
  width: 100%;
}

.thirdcolumn select,
.quartercolumn select,
.fifthcolumn select {
    width: 100%
}

select::-ms-expand {
    display: none
}

select.radius {
    border-radius: 3px
}

input[type=checkbox],
input[type=file],
input[type=radio],
select {
    margin: 0 0 2px
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block;
    margin-left: .5em;
    margin-right: 1em;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset {
    background-color: #fff;
    width: 100%;
    float: left;
    padding: 12px;
    margin-top: 16px;
    border-bottom: 4px solid #ddd
}

fieldset legend {
    background: #fff;
    padding: 0;
    margin-bottom: 12px;
    float: left;
    width: 100%
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] small.error,
[data-abide] span.error {
    display: block;
    padding: .375em .5625em .5625em;
    margin-top: -1px;
    margin-bottom: 1em;
    font-size: .75em;
    font-style: italic;
    background: #f04124;
    color: #FFF
}

[data-abide] small.error,
[data-abide] span.error {
    display: none
}

.error small.error,
small.error,
span.error {
    display: block;
    padding: .375em .5625em .5625em;
    margin-top: -1px;
    font-size: .75em;
    font-style: italic;
    background: #f04124
}

small.error,
span.error {
    margin-bottom: 1em;
    color: #FFF
}

.error input,
.error select,
.error textarea {
    margin-bottom: 0
}

.error input[type=checkbox],
.error input[type=radio] {
    margin-bottom: 1em
}

.error label,
.error label.error {
    color: #f04124
}

.error small.error {
    margin-bottom: 1em;
    color: #FFF
}

.error>label>small {
    color: #676767;
    background: 0 0;
    padding: 0;
    text-transform: capitalize;
    font-size: 60%;
    margin: 0;
    display: inline
}

.error span.error-message {
    display: block
}

input.error,
select.error,
textarea.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

#form1_submit {
    float: right;
    margin-top: 12px;
    width: 20%;
    padding: 4px;
    margin-bottom: 4px
}

.hentry,
.hentrytwo,
.hfeed {
    width: 100%;
    float: left
}

.hfeed {
    text-align: left
}

.hfeed li {
    background-color: #fff;
    margin-top: 12px;
    margin-bottom: 12px;
}

.hentry p,
.hentrytwo p {
    color: #333
}

li.hentrytwo {
    background-color: #212a29;
    color: #fff;
    text-align: right
}

li.hentrytwo * {
    color: #fff
}

.hentry .blogimage {
    width: 50%;
    float: left
}

.hentrytwo .blogimage {
    width: 50%;
    float: right
}

.blogimage {
    width: 50%;
    float: left
}

.blogimage img,
.entry-published {
    width: 100%;
    float: left
}

.entry-published {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.blogdetails {
    width: 50%;
    float: left;
    padding: 16px
}


.parallax-window {
    min-height: 440px;
    background: transparent;
    float: left;
    padding: 0px;
    min-width: 100%;
    width: 100%;
  position: relative;
}



.widewrapper {
    float: left;
    width: 100%;
  text-align: center;
}

.wrapperinside {
    max-width: 1280px;
        margin-right: auto;
        margin-left: auto;
        padding: 12px;
  margin-bottom: 32px;
  display: inline-block;
  text-align: left;
  width: 100%;
}

footer {
    width: 100%;
    background-color: #373737;
    /*! position: relative; */
    padding-top: 16px;
    padding-bottom: 0px;
    float: left;
  border-top: 4px solid #50992d;
}

#footernav {
    position: relative;
    width: 100%;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;

}

#webdesigner {
    /*! float: left; */
    width: 100%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    /*! max-width: 1024px; */
    text-align: center;
    /*! background-color: rgba(256,256,256,0.1); */

}

#webdesigner a {
   font-size: 14px;
    color: #777;

}

.venuelistfooter {
    float: left;
    width: 100%;
    padding: 8px;
    margin-bottom: 24px;
    font-size: 14px;
}

.venuelistfooter h3 {
    padding: 8px;
    font-size: 22px;
}

.venueinfofooter {
    float: left;
    width: 24%;
    padding: 8px;
    margin-bottom: 24px;
    font-size: 14px;
  border: 1px solid #eee;
  margin: 0.25%;
}

.venueinfofooter .homeurl a{
    width: 100%;
  color: #675f5f;
  text-decoration: underline;
    
}

.gotojobspage .mainform a:before{
  position: absolute;
  content: "n";
  left: 12px;
  font-family: socialmedia;
  FONT-SIZE: 32PX;
  
}


.mainform {
  display: inline-block;
  width: 100%;
  max-width: 1024px;
  padding: 12px;
  padding-bottom: 32px;
  background-color: #0ca7ad;
  border: 1px solid #0ca7ad;
  position: relative;
  text-align: right;
}


#form1_candidateform, #form1_generalenquiryform {
  display: inline-block;
  width: 100%;
  padding: 16px;
  padding-bottom: 12px;
  background-color: #fff;
  border: 1px solid #0ca7ad;
  position: relative;
}

.clearform {
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  width: auto;
  padding: 4px;
  background-color: rgba(0,0,0,0.2);
  color: #eee;
  position: absolute;
  bottom: 4px;
  left: 4px;
  font-size: 12px;
}

form .formitem {
  display: block;
  width: auto;
  width: 33%;
  font-size: 20px;
  float: left;
  margin: .15%;
  
  
}

form .formitemsubmit {
  display: block;
  width: auto;
  width: 33%;
  font-size: 20px;
  float: right;
  margin: .15%;
  margin-top: 40px;
  
}


form .formitemsubmit input{
  width: 100%;

  
}

form label {
  display: block;
  text-align: center;
  width: auto;
  float: left;
  padding: 8px;
  font-size: 20px;
  width: 100%;
}

.formitem input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
    float: left;
    color: #fff;
    padding: 8px;
    margin-top: 0;
    margin-left: 0px;
    border: 0px;
    background-color: #0ca7ad;
    font-size: 20px;
    border-radius: 4px;
    color: #333;
  width: 100%;
  float: right;
  clear: both;
}

.formitem input[value=filter] {

  float: right;

}





.venuelistcontact {
    float: left;
    width: 100%;
    padding: 8px;
    margin-bottom: 24px;
    font-size: 14px;
}

.venuelistcontact h3 {
    padding: 8px;
    font-size: 22px;
}

.venueinfocontact {
    float: left;
    width: 25%;
    padding: 8px;
    margin-bottom: 24px;
    font-size: 14px;
}

.venueinfocontact .homeurl a{
    width: 100%;
  color: #675f5f;
  text-decoration: underline;
    
}





.homename {
    padding-bottom: 8px;
    font-weight: 500;
  font-size: 16px;
  padding-top: 12px;
  width: 100%;
  float: left;
  color: #0ca7ad;
}
.captions h2{
        background-color: #fff;
    color: #333;
    padding: 12px;
    text-transform: uppercase;
    font-size: 32px;
    margin: 0px;
    margin-top: 24px;
    float: left;
    max-width: 600px;
    clear: both;
  position: absolute;
  border-left: 6px solid #333;
}

.captions p{
    background-color: #fff;
    color: #333;
    padding: 12px;
    font-size: 16px;
    margin: 0px;
    margin-top: 24px;
    float: left;
    max-width: 600px;
    clear: both;
    line-height: 1.5;
   position: absolute
}


#venuemainarea {
    float: left;
    width: 100%
}

.venuephoto {
    float: left;
    /*! padding: 1px; */
    width: 100%;
    /*! background-color: #ccc */
}

.venuephoto img {
    float: left;
    /*! padding: 8px; */
    width: 100%;
    background-color: #fff
}

.venuedetails {
    float: left;
    padding: 16px;
    width: 100%;
    background-color: #73c8c5;
}

.venueinfo {
    float: left;
    padding: 24px;
    width: 100%;
    color: #eee;
    background-color: #333;
    text-align: center;
}

.manager {
    float: left;
    padding: 12px;
    width: 100%;
    color: #eee;

}

.addressone, .addresstwo, .addresscity, .addresscounty, .postcode {
    display: inline-block;
    padding: 12px;
    color: #eee;
    position: relative;

}

.addressone:after, .addresstwo:after, .addresscity:after, 
.addresscounty:after {
    content: "/";
    right: -8px;
    color: #eee;
    position: absolute;

}

.hometel {
    color: #333;
}

.venuecontacts {
    float: left;
    width: 100%;
    
}

.venueweb {
    float: left;
    width: 100%;
   
}

#venuelist .venuedetails {
    float: left;
    padding: 4px;
    background-color: #fff
}

#venuelist img {
    float: left;
    padding: 0px
}

#venuelist .venuename {
    font-size: 20px;
    padding: 8px;
    color: #73c8c5;
}

#venuelistsmall .venuedetails {
    float: left;
    padding: 4px;
    background-color: #fff
}

#venuelistsmall img {
    float: left;
    padding: 0px
}

#venuelistsmall .venuename {
    font-size: 20px;
    padding: 8px;
    color: #e30c2e
}

.venueindividualsmall {
    float: left;
    width: 24%;
    padding: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin: 0.5%
}

.venuename {
    float: left;
    padding: 8px;
    width: 100%;
    font-size: 32px;
    color: #73c8c5;
}

.venuenamesmall {
    float: left;
    padding: 8px;
    width: 100%;
    color: #73c8c5;
}

.venueprices {
    float: left;
    padding: 8px;
    width: 100%;
    background-color: #ccc;
    border-bottom: 1px solid #bbb
}

.venuedescription {
    float: left;
    padding: 0px;
    width: 70%;
  background-color: rgba(256,256,256,0.85);
  padding: 12px;
    
}


.cqccode {
    float: right;
    padding: 0px;
    width: 30%;
    
}

.venuedescription h3,
.venuedescription p {
    padding-bottom: 8px
}

.venuedescription h3
 {
/*! border-top: 1px solid rgba(0,0,0,0.1) */}

.venuenumberpeople {
    float: left;
    padding: 8px;
    width: 100%;
    background-color: #ccc;
    border-bottom: 1px solid #bbb
}


.serviceitems { 
    float: left;
    padding: 0px;
    width: 100%;
    margin-top: 24px;
    
}

.serviceitem { 
    float: left;
    padding: 4px;
    /*! padding-left: 32px; */
    width: 33.33%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(256,256,256,0.3);
    
}

.servicename { 
    float: left;
    padding: 4px;
    padding-left: 32px;
    width: auto;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(256,256,256,0.3);
    
}

.servicename:before { 
  content: "~";
    font-family: SocialMedia;
    width: auto;
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 24px;
    
}




#venuelist {
    float: left;
    width: 100%;
    padding: 12px
}

#venuelist .venuephoto {
    border: 0px;
    padding: 0px
}

.venueindividual {
    float: left;
    width: 33%;
    border: 1px solid #a39898;
    background-color: #fff;
    margin: 0.166666666%;
    padding-bottom: 36px;
  position: relative;
  margin-bottom: 8px;
}



#prevnext {
    float: left;
    width: 100%;
    padding: 8px;
    position: relative;
    background-color: rgba(182, 182, 182, 0.2);
    margin-bottom: 24px
}

#prevnext .previous {
    float: left;
    position: relative;
    padding-left: 8px;
    padding-right: 8px
}

#prevnext .next {
    float: right;
    position: relative;
    padding-left: 8px;
    padding-right: 8px
}

.previous a,
.next a {
    color: #333;
    font-size: 12px
}

#prevnext .next:after {
    float: right;
    position: absolute;
    content: ">";
    right: -4px;
    top: 2px;
    line-height: 1
}

#prevnext .previous:after {
    float: left;
    position: absolute;
    position: absolute;
    content: "<";
    left: -4px;
    top: 2px;
    line-height: 1
}


.smallmorelink a {
    float: left;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    color: #FFFFFF;
    padding: 8px;
  padding-right: 32px;
    margin-top: 4px;
    background-color: #73c8c5;
  border-radius: 4px;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  position: relative;
}

.smallmorelink a:before {
    content: "4";
  right: 4px;
  top: 4px;
  position: absolute;
  color: #fff;
  font-family: SocialMedia;
  font-size: 20px;
}


.morelink a {
    float: left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    color: #FFFFFF;
    padding: 8px;
    margin-top: 4px;
    background-color: #73c8c5;
    width: 100%
}



.morelink a:after {
    content: "r";
    position: absolute;
    font-family: SocialMedia;
    right: 4px;
    top: 8px;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: lowercase;
    line-height: 1
}


.breadcrumbs {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    margin-bottom: 16px;
    background-color: #f2f2f2;
    font-size: 12px
}



.shoplinks {
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    margin-bottom: 16px;
    font-size: 12px;
       float: right;
}


.shoplinks li {
    float: left;
    padding-right: 4px
}



.shoplinks a {
    color: #eee;
    padding: 4px;
    font-size: 14px
}

.shoplinks li:nth-child(1) a {
    position: relative;
    padding-left: 32px
}




footer .breadcrumbs {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    margin-bottom: 0px;
    background-color: rgba(0,0,0,0);
    font-size: 10px
}

.breadcrumbs li {
    float: left;
    padding-right: 4px;
    list-style: none;
        
}

footer .breadcrumbs a {
    color: #50992d;
    padding: 8px;
    font-size: 12px;
  text-transform: uppercase;
}

footer .breadcrumbs li {
    display: inline-block;
    float: none;
}

footer .breadcrumbs  {
  text-align: center;
}


footer .breadcrumbs li:nth-child(1) a:before {
    display: none;
}

footer .breadcrumbs li:nth-child(1) a {
    position: relative;
    padding-left: 0px
}



.breadcrumbs a {
    color: #212a29;
    padding: 4px;
    font-size: 12px;
    text-decoration: none;
}

.breadcrumbs li:nth-child(1) a {
    position: relative;
    padding-left: 32px
}

.breadcrumbs li:nth-child(1) a:before {
    position: absolute;
    content: "\41";
    left: 4px;
    top: 0px;
    font-size: 17px;
    font-family: socialmedia;
    /*! background-color: #73c8c5; */
    display: block;
    width: 20px;
    height: 20px;
    padding: 2px;
    line-height: 1;
    color: #767853;
}


.sb-search {
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 0%;
    min-width: 40px;
    height: 40px;
    right: 18px;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    top: 10px;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    height: 40px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 14px
}

.sb-icon-search,
.sb-search-submit {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.sb-search-submit {
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1
}

.sb-icon-search {
    color: #fff;
    background: #50992d;
    z-index: 90;
    font-size: 18px;
    speak: none;
    font-variant: normal;
    text-transform: none;
    /*! border: 2px solid #333; */
}

.sb-icon-search:before {
    content: "n";
    font-family: 'SocialMedia';
    font-size: 24px
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 240px
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #888888;
    color: #fff;
    z-index: 11
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90
}

.nuvo_imagearea {
    width: 32%;
    margin-bottom: 8px;
    display: inline-block;
    /*! position: relative; */
padding: 12px;
}

.nuvo_imagearea img {
    border: 8px solid #fff;
}


.nuvo_imagearea.circularpic img {
    border-radius: 50%;
/*! padding: 4px; */
border: 8px solid #fff;

}

.nuvo_imagearea:after {
    /*! content: "^"; */
    font-family: 'SocialMedia';
    bottom: 24px;
    right: 0px;
    font-size: 400px;
    position: absolute;
    height: 32px;
    width: 220px;
    overflow: hidden;
    line-height: 400px;
    color: #fff;
}

.nuvo_imagearea figcaption {
    font-size: 12px;
    padding-bottom: 8px;
    color: #333;
    text-align: center
}




#picturenav {
    float: left;
    width: 100%;
    border-radius: 2px;
    text-align: center;
}

.picturenavtext {
    float: left;
    width: 100%;
    padding: 8px;
    text-align: center;
    padding: 12px;
    font-size: 19px;
    color: inherit;
}

.picturenavimagearea img {
    float: left;
    width: 100%;
    border: 0px solid #fff;
    border-radius: 2px;
}


#picturenav li {
    padding: 0px;
    width: 100%;
    margin: 0px;
    float: left
}

#picturenav li a {
    display: block;
    background-color: #fff;
    font-size: 14px
}

#picturenav a {
    width: 100%;
    padding: 4px;
    text-align: center;
    width: 31.33333%;
    margin-bottom: 4px !important;
     background-color: #fff;
    float: left;
    border: 1px solid #eee;
    border-bottom: 2px solid #ccc;
    margin: 1%;
}





nav#picturenavtiny {
    width: 100%;
    float: left
}

#relatedpages #picturenavtiny li {
    padding: 0px;
    width: 100%;
    margin: 0px;
    float: left
}

#relatedpages #picturenavtiny li a {
    display: block;
    background-color: #fff;
    font-size: 14px
}

#relatedpages #picturenavtiny a {
    width: 100%;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff;
    display: inline-block;
    width: 32%;
    margin-bottom: 4px !important
}

nav#picturenavtiny {
    width: 100%;
    float: left
}

.picturenavimageareatiny {
    float: left;
    width: 30%;
    max-width: 80px;
    border-radius: 2px
}

.picturenavimageareatiny img {
    float: left;
    width: 100%;
    border-radius: 2px
}

.picturenavtexttiny {
    float: left;
    width: 70%;
    padding: 8px;
    text-align: left;
    line-height: 1.2
}


#relatedpages h3 {
    padding-bottom: 24px;
    color: #fff
}

.divisionband {
    float: left;
    text-align: center;
    background-color: #333;
    background-size: 6px;
    width: 100%;
    padding: 16px;
    margin: 0px;
  margin-top: 48px;
}



@media screen and (max-width:1024px) {
    
    .header {
    padding-left: 16px;
}
    
}

@media screen and (max-width:768px) {
  
  
  .thirdcolumn {
  width:100%;
  
}
  
  .captions { 
    display: none;
}
  
  
  .businesslinksinner {
  
  float: left;
  width: 98%;
  
  margin: 1%;
  
}
  
  
  form .formitem {
  width: 100%;
  margin: 0%;
  
  
}
  
  
  .venuedescription, .cqccode {
    width: 100%;
    
}



  
  
  
  .captions { 
  /*! position: absolute; */
  /*! bottom: 24px; */
}
  
  
  
  
  
  
  
  
  #relatedpages #picturenavtiny a {

    float: left;
    width: 50%;
    border: 3px solid #333;
}
  
  
  .venueindividual {
    width: 49%;
    margin: 0.25%;
    margin-bottom: 8px;
   
}

  
  
  .venueindividualsmall {
   
    width: 48%;
   
}
    
  
  
  .serviceitem { 
    width: 50%;
    
}
  
    .venueinfofooter,  .venueinfocontact {
    width: 49%;
 
}

    .nuvo_imagearea {

padding: 4px;
}

.nuvo_imagearea img {
    border: 2px solid #fff;
}

.nuvo_imagearea.circularpic img {
border: 2px solid #fff;

}

    
    .header {
    float: left;
    width: 100%;
    background-color: #fff;
    padding-left: 16px;
}


.logoarea {
    float: left;
    width: 30%;
    padding-top: 16px;
    padding-bottom: 16px;
    max-width: 340px;
}
    
 
 
    .sb-search {
    
    right: 80px;
   
}

}




@media screen and (max-width:540px) {
  
    #relatedpages #picturenavtiny a {

   
    width: 100%;
    
}
   .venueindividual {
    width: 100%;
    margin: 0%;
     margin-bottom: 8px;
   
}
    
  
  
  
  
   .venueinfocontact {
    width: 100%;
 
}
   
  


.logoarea {
    float: left;
    width:50%;
    padding-top:12px;
    padding-bottom: 12px;
}
    
 
 
    .sb-search {
    
    right: 80px;
   
}

}





















.lg-icon {
    font-family: 'lg';
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 24px;
    color: #ff5c39;
    text-transform: uppercase
}

.public .lg-sub-html h4 {
    display: none
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    
    
    
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #ff5c39
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #250725;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0px
}

.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
    color: #250725
}

.lg-outer .lg-dropdown a {
    color: #250725;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #250725;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.group {
    *zoom: 1
}

.group:before,
.group:after {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url("../img/loading.gif") no-repeat scroll center center transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0   }


}