body,
html { width: 100%; height: 100%; margin: 0; padding: 0; letter-spacing:0px;font-family: "myriad-pro",sans-serif; }
body {background:#ffffff; background-repeat:no-repeat}
ol, ul { list-style: none;}
h1 { font-weight:600; font-size:2.1em; line-height:0.9em; margin:0px; color:#971093; letter-spacing:-2px; text-align:center }
h2 {clear:both; font-weight:600; font-size:2.0em; margin:0px 0 0 0; color:#971093; letter-spacing:-2px; line-height:0.9em ; text-align:center }
h3 { font-weight:600; font-size:1.5em; margin:10px 0 0 0 ; color:#000000; letter-spacing:-1px; text-align:center }
h4 { font-weight:400; font-size:1.2em; margin:10px 0 0 0 ; color:#000000; letter-spacing:-1px; }
hr {float:left; clear:both;border:0px; border-bottom:1px solid #ccc; margin:40px auto 40px; width:100%;}
/*hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:40px auto 40px; width:100%;}*/
.spacer {padding-top:24px;}
p{ color:#444; /*font-size:1.32em;*/font-size:1.29em; margin:15px 0 0px 0; line-height:1.35em; font-weight:400; text-align:left;letter-spacing:-0px; }
a {text-decoration:none ;}
.half { float:left; width:47%; margin-right:6%; height:auto; }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:47%; margin-left:0%; }
.half a, .half2 a, .contentholder a {color: #971093 !important ;}
.display_archive {font-family: "myriad-pro",sans-serif;}
.campaign {line-height: 125%; margin: 5px;}
.alts p:nth-of-type(12n) {margin: 15px 0 10px; padding: 20px 20px 20px 20px; background: #F7A4A8; box-sizing: border-box} /* RED */
.alts p:nth-of-type(12n-2) { margin: 15px 0 10px; padding: 20px 20px 20px 20px; background: #FDE39B;; box-sizing: border-box} /* YELLOW */
.alts p:nth-of-type(12n-4) {margin: 15px 0 10px; padding: 20px 20px 20px 20px; background: #BFE4B5; box-sizing: border-box} /* GREEN */
.alts p:nth-of-type(12n-6) {margin: 15px 0 10px; padding: 20px 20px 20px 20px; background: #A1E5FA; box-sizing: border-box} /* BLUE */
.alts p:nth-of-type(12n-8) {margin: 15px 0 10px; padding: 20px 20px 20px 20px; background: #F9C2DC; box-sizing: border-box} /* PINK */
.alts p:nth-of-type(12n-10) {margin: 15px 0 10px; padding: 20px 20px 20px 20px; background: #D59FD3; box-sizing: border-box} /* PURPLE */
#paymentFrm fieldset, #cform fieldset, #mc_embed_signup fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; position:relative;}
#paymentFrm input, #cform input{float:left; color:#333; background-color:#eee; width:100%; margin:0 0 9px 0%;border:0px; padding: 2%;box-sizing:border-box; font-size:1em; }
#mc_embed_signup input{float:left; color:#333; background-color:#eee; width:70%; margin:0 0 9px 0%;border:0px; padding: 1%;box-sizing:border-box; font-size:1em; }
#paymentFrm select, #cform select, #mc_embed_signup select{float:left; color:#333; background-color:#eee; width:100%; margin:0 0 9px 0%;border:0px; padding: 2%; box-sizing:border-box;font-size:1em; }
#paymentFrm textarea, #cform textarea, #mc_embed_signup textarea{float:left; color:#333; background-color:#eee; width:100%;height:180px; margin:0 0 12px 0;border:0px; box-sizing:border-box; padding:2%; font-size:1em; }
.InputElement {background:red !important;}
#cform .btn{text-align:center; font-size:1.3em; letter-spacing:-1px; background-color:#971093;color:#fff; display:block; width:30%; margin:1% auto 0% ; border:0px; padding: 1% ; font-weight:600; }
#paymentFrm .btn {text-align:center; font-size:1.3em; letter-spacing:-1px; background-color:#971093;color:#fff; display:block; width:100%; margin:1% auto 0% ; border:0px; padding: 1% ; font-weight:600; }
#mc_embed_signup input.button{float:right;text-align:center; font-size:1.3em; letter-spacing:-1px; background-color:#971093;color:#fff; display:block; width:28%; margin:0% auto 0% ; border:0px; padding: 0.8% ; font-weight:600; }
#paymentFrm fieldset label, #cform fieldset label, #mc_embed_signup label{float:left;width:100%; margin:0px 0 3px; font-size:1.2em; color:#971093;font-weight:600; }
#cform .showf {display:none;}
button:hover {background-color:#333 !important }
strong {font-weight:600}
.left {float:left}
.right {float:right; }
.clear {clear:both; }
.holder {margin:0px auto; max-width:1180px; padding:10px 30px 0 }
.holder:before, .holder:after { content: "\0020"; display: block; height: 0; overflow: hidden;}
.holder:after { clear: both;}
.contentholder {margin:0px auto; padding:30px 0px;}
.contentholder:before, .contentholder:after { content: "\0020"; display: block; height: 0; overflow: hidden;}
.contentholder:after { clear: both;}
.contentholder img,
.colb img {border-radius:10px;}
.colb a {color:#971093 !important; }
.colb a:hover {text-decoartion:underline}
header { width:100%; background: #ffffff; box-sizing:border-box; position: relative;
z-index: 8999999;}
header .holder {padding:10px 0px 10px;border-bottom:0px;position:relative}
header .info {float:right; width:auto; text-align:right; height:18px; color:#000000; font-weight:700; font-size:1.2em; line-height:1.3em; margin:12px 0 6px 0; position:relative; z-index:999;}
header .logo { float:left; width:12.5%; margin:0px 0 0 0;height:auto; z-index:99999; }
header .logo img { width:100%; height:auto ;}
header .logo span {display:none}
.phone-contact-h {display:none;float:right; color: #333 !important;height:28px; width:28px; border-radius:50%; background: #971093 url(images/phone-icon.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px; margin: 0px 10px 0 0px; }
.phonetext {float:right; color:#971093; font-weight:700; font-size:1.6em; margin-left:15px; line-height:100%}
.phonetext a{color:#971093; }
.facebook-contact-h{float:right; height:32px; width:32px; border-radius:50%; background: #3b5998 url(images/facebook-logo.png) no-repeat 0px 0px; background-size:50% 50%; background-position:center center; padding-left:0px;margin-left:9px; }
.twitter-contact-h {float:right; height:32px; width:32px; border-radius:50%; background: #00aced url(images/twitter-logo.png) no-repeat 0px 0px; background-size:50% 50%; background-position:center center; padding-left:0px; margin-left:9px;}
.gmap-contact-h {float:right; height:32px; width:32px; border-radius:50%; background: #dd4b39 url(images/address-icon.png) no-repeat 0px 0px; background-size:70% 70%; background-position:center center; padding-left:0px;margin-left:9px; }
.facebook-contact-h:hover { background-size:50% 50%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}
.twitter-contact-h:hover { background-size:50% 50%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}
.gmap-contact-h:hover { background-size:70% 70%; height:36px; width:36px; margin-left:7px; margin-right:-2px;margin-top:-2px;margin-bottom:-2px}
.gmap-contact-h span,.facebook-contact-h span,.twitter-contact-h span {display:none}
.animate {-webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
a.donatebtn button{background:#971093; box-sizing:border-box; text-align:center; width:auto; padding:2%; /*padding:0.9% 2% 1.1%;*/ font-size:1.0em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:10px 0 20px;}
a.donatebtn button:hover {background: #333333 ;}
#carousel2 { clear:both;width:100%;margin-bottom:0px;height:300px;}
#carousel2 .slide {height:300px;background-color:#eee; position:relative; background-size:cover; background-position:center center}
/*
#carousel2 { clear:both;width:100%;margin-bottom:0px;height:400px;}
#carousel2 .slide {height:400px;background-color:#eee; position:relative; background-size:cover; background-position:center center}
*/
#carousel2 .slide .holder { text-align:center; position:relative; z-index:9999; }
@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} }
/*#carousel2 .slide .spinnholder {position:absolute;top:0; right:0;float:right;display:block;height:400px; width:50%; overflow:hidden; }*/
#carousel2 .slide .spinnholder {position:absolute;top:0; right:0;float:right;display:block;height:300px; width:50%; overflow:hidden; }
/*#carousel2 .slide .spinner {position:absolute;top:-100px; right:0;float:right;display:block;height:600px; width:100%; background: url(images/sct-swirl-logo.png) no-repeat center center; background-size:92% 92%; overflow:visible; -webkit-animation: spin 20s infinite linear; }*/
#carousel2 .slide .spinner {position:absolute;top:-150px; right:0;float:right;display:block;height:600px; width:100%; background: url(images/sct-swirl-logo.png) no-repeat center center; background-size:92% 92%; overflow:visible; -webkit-animation: spin 20s infinite linear; }
#carousel2 .slide .title {float:left; width:52%; /*; width:48%; */color:#00C044; font-weight:700; font-size:2.4em; text-align:left; line-height:100%; letter-spacing:-1px; margin-top:20px;}
#carousel2 .slide .strapline {clear:left; float:left;width:52%; /*; width:48%; */color:#000000; font-weight:300; font-size:1.4em; text-align:left; line-height:120%; margin-top:20px; }
/*
#carousel2 .slide .title {float:left; width:48%; color:#00C044; font-weight:700; font-size:3.0em; text-align:left; line-height:100%; letter-spacing:-1px; margin-top:20px;}
#carousel2 .slide .strapline {clear:left; float:left;width:48%; color:#000000; font-weight:300; font-size:1.9em; text-align:left; line-height:120%; margin-top:20px; } */
#carousel2 .slide a{clear:left; float:left;background:#00C044; box-sizing:border-box; text-align:center; width:auto; padding:1% 2%; font-size:1.2em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:30px 0;}
#carousel2 .slide a:hover {background: #333333 ;}
.colour2 {color:#00B9F4 !important;}
.colour3 {color:#FF52A9 !important;}
.colour4 {color:#FFB700 !important;}
#carousel2 .slide a.colour2 {background:#00B9F4 !important; color:#ffffff !important;}
#carousel2 .slide a.colour3 {background:#FF52A9 !important;color:#ffffff !important;}
#carousel2 .slide a.colour4 {background:#FFB700 !important;color:#ffffff !important;}
.cycle-slideshow info { display: none }
.cycle-slideshow info.first { display: block }
#bc {background-color:#e6e6e6; width:100%; font-size:1.3em; }
#breadcrumb {width:100%;padding:15px 0px; color:#666; border-box:box-sizing; }
#breadcrumb a{color:#666; text-decoration:none}
#breadcrumb a:hover{color:#666; text-decoration:underline}
.contentholder ul ,.contentholder ol {padding:10px 0% 0}
.contentholder ul li { padding-left: 0px; font-weight: 400; font-size: 1.29em; margin: 15px 0px 0px 0px; line-height: 1.35em; letter-spacing: -0px; list-style-position: outside; margin-left: 1.5em; color:#444;}
.contentholder ul li:before { content: "\027A4"; font-weight: 400; margin-left: -1.5em; margin-right: 0.5em;}
.contentholder ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; }
.sidebar ul li {padding-left: 30px;}
.contentholder ul li a{ color:#333333; font-weight:normal;}
.contentholder ul li a:hover{text-decoration:underline !important; }
.contentholder ul > li > ul > li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 60px;line-height:1.3em; margin:2% 0 0 0%;font-weight:400; font-size:1em; }
.mainholder ul, .mainholder2 ul, .colb ul {padding:10px 0% 0}
.mainholder ul li , .mainholder2 ul li , .colb ul li {text-align:center; padding-left: 0px;font-weight:400; font-size:1.3em; margin:6px 0px 0px 0px; line-height:1.3em;letter-spacing:-0px; list-style-position: outside; margin-left: 2.5em; color:#444444 }
.mainholder ul li:before, .colb ul li:before { content: "\027A4";color:#971093;; font-weight:400; margin-left:-1.5em; margin-right:0.5em;}
.mainholder2 ul li {text-align:left; }
.maintextbox ul li a, .colb ul li a, .colb a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .colb ul li a:hover, .colb a:hover{text-decoration:underline !important; }
.mainholder ul > li > ul > li , .colb ul > li > ul > li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 60px;line-height:1.3em; margin:2% 0 0 0%;font-weight:400; font-size:1em; }
.colb {float:left; width:47%; margin-right:6%; height:auto; box-sizing: border-box; padding: 30px 0px 30px;}
.colb:nth-of-type(2n){float:right; margin-right:0%;}
.colb img{width:100%; }
.colb h1, .colb h2, .colb h3{ text-align:left}
.newscol {float:left; width:31%; margin-right:3.5%; margin-top:1%; height:auto; box-sizing: border-box; }
.newscol:nth-of-type(3n){margin-right:0%;}
.newscol:nth-of-type(3n+1){ clear:both; }
.newscol img{max-width:100%; max-height:100%; float:left; position:relative; background-size:100% 100%; background-position:center center; border-radius:20%;margin:0% 5% 5% 0; transition:0.2s;box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); transition: all 0.2s ease-in-out;}
.imgholder {float:left; width:100%; margin-bottom:7%; background:#ffffff; height:0; padding-bottom:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;border-radius:20%;margin:0% 5% 5% 0; transition:0.2s;box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); transition: all 0.2s ease-in-out;}
.col { float:left; width:23.5%; margin-right:2%; height:auto; box-sizing: border-box; }
.col:nth-of-type(4n){margin-right:0%;}
.col img{width:100%; }
.col2 { float:left; width:32%; margin-right:2%; margin-bottom:3%; height:auto; box-sizing: border-box; text-align: center!important; }
.col2 h2{ text-align: center!important; }
.col2 p{ text-align: center!important; }
.col p{ text-align: center!important; }
.col2:nth-of-type(3n){margin-right:0%;}
.col2 img{width:100%; }
.col2.patron {margin:0 0% 3% 34% !important;}
.half { float:left; width:49%; margin-right:2%; height:auto; }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:49%; margin-left:0%;}
.boxt { float: left; width: 30%; padding-bottom: 15%; margin: 0 5% 2% 0; height: 0; }
.boxt:nth-of-type(3n){ float: left; width: 30%; padding-bottom: 15%; margin: 0 0% 2% 0; height: 0; }
.boxt h2 {display:none; }
.boxt2 { float: left; width: 30%; padding-bottom: 15%; margin: 0 5% 2% 17%; height: 0; background: red; }
.boxt2:nth-of-type(2){ float: left; width: 30%; padding-bottom: 15%; margin: 0 0% 2% 0; height: 0; }
.boxt2 h2 {display:none; }
.optionsholder {padding:20px 0 30px; }
.optionsholder h2 {font-size:2.7em; font-weight:700;text-align:center; padding:0px 0 20px; }
.optionsholder a { text-decoration:none; color:inherit}
.optionsholder .circle {position:relative; background-size:100% 100%; background-position:center center; width:90%; height:auto; padding-bottom:90%; border-radius:15%;margin:5% 5%; box-shadow: inset 0 0 0 8px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); transition: all 0.2s ease-in-out; }
.optionsholder a:hover .circle{ background-size:100% 100%; width:90%; height:auto; padding-bottom:90%; border-radius:15%;margin:5%; box-shadow: inset 0 0 0 0px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); }
.opt p {text-align:center !important}
.opt:nth-of-type(1) h3{ color:#00C044; }
.opt:nth-of-type(2) h3{ color:#00B9F4; }
.opt:nth-of-type(3) h3{ color:#FF52A9; }
.opt:nth-of-type(4) h3{ color:#FFB700; }
.opt:nth-of-type(1) .circle { background-image: url(images/grants-for-sports-clubs.jpg);}
.opt:nth-of-type(2) .circle{ background-image: url(images/grants-for-sports-clubs.jpg); }
.opt:nth-of-type(3) .circle{ background-image: url(images/grants-for-sports-clubs.jpg);}
.opt:nth-of-type(4) .circle{ background-image: url(images/grants-for-sports-clubs.jpg); }
.opt:nth-of-type(1) .circinfo {opacity:0; position:absolute; background:#00C044; top:0; padding:0px; bottom:0; left:0; right:0; border-radius:15%; text-align:center; color:#ffffff; transition: all 0.2s ease-in-out; transform: scale(0);}
.opt:nth-of-type(2) .circinfo {opacity:0; position:absolute; background:#00B9F4; top:0; padding:0px; bottom:0; left:0; right:0; border-radius:15%; text-align:center; color:#ffffff; transition: all 0.2s ease-in-out; transform: scale(0);}
.opt:nth-of-type(3) .circinfo {opacity:0; position:absolute; background:#FF52A9; top:0; padding:0px; bottom:0; left:0; right:0; border-radius:15%; text-align:center; color:#ffffff; transition: all 0.2s ease-in-out; transform: scale(0);}
.opt:nth-of-type(4) .circinfo {opacity:0; position:absolute; background:#FFB700; top:0; padding:0px; bottom:0; left:0; right:0; border-radius:15%; text-align:center; color:#ffffff; transition: all 0.2s ease-in-out; transform: scale(0);}
.opt .circinfo p {line-height:1em; font-weight:800; font-size:1.8em; letter-spacing:-1px;padding:38px 12px 0;font-style:normal !important; color:inherit; }
.opt .circinfo a {line-height:1em; font-weight:800; font-size:1.8em; letter-spacing:-1px;padding:0px 12px; font-style:italic; color:inherit}
.opt .circinfo hr {border-color:#ffffff; border-width:2px; width:70%; margin:8% 15% 7%;padding:0; box-sizing:border-box}
.opt .circinfo .qm {position:absolute; left:0; right:0; top:-110px; text-align:center; font-size:18vw; opacity:0.2; font-weight:bold; font-style:italic; }
.opt .circinfo p,
.opt .circinfo a,
.opt .circinfo hr {opacity: 0; transition: all 0.6s ease-in-out 0.2s;}
.opt a:hover .circinfo p,
.opt a:hover .circinfo a,
.opt a:hover .circinfo hr { opacity: 1;}
.opt a:hover .circinfo {opacity:1;transform: scale(1); }
.numbersholder {background:#f2f2f2;padding:40px 0 30px;}
.numbersholder h2 {font-size:2.7em; text-align:center; margin-bottom:30px;color:#000000; padding-top:30px; }
.numbersholder a:nth-of-type(4n) .col{margin-right:0;}
.numbersholder .col {margin-bottom:20px; }
.numbersholder .col div{text-align:center;background-size:cover !important; color:#ffffff; font-size:2em; padding:22px 30px 30px; box-sizing:border-box; border-radius:30px; letter-spacing:-1px; }
.numbersholder .col div span{text-align:center;display:block; font-weight:800; font-size:1.4em}
blockquote { color: #666; font-size: 1.5em; font-weight:500; letter-spacing:0px; font-style:italic; text-align: left; margin: 0 0; padding: 10px 0px 20px; line-height: 1.2em; position: relative; z-index: 1;}
blockquote:before { content: open-quote; font-weight: bold; color:#971093; }
blockquote:after { content: close-quote; font-weight: bold; color:#971093; }
cite { color: #666; font-size: 1.5em; font-weight:bold; letter-spacing:0px; font-style:italic; margin-bottom: 20px; margin-top: -15px; width: 100%; float: left;
}
p.qtitle {font-weight: 600 !important; font-style:italic !important; margin-top:-20px;}
.quoteholder { clear: both; width: 100%; background: #f2f2f2 url(images/quote-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.quoteholder blockquote { float:left; color: #333; font-size: 2.4em; font-weight:500; letter-spacing:-1px; font-style:italic; text-align: center; margin: 0 0; padding: 50px 50px 70px; line-height: 1.2em; position: relative; z-index: 1;}
.quoteholder blockquote:before {display: block;padding-left: 10px;content: "\201C";font-size: 480px;position: absolute;left: -30px;top: 170px;color: rgba(255,255,255,0.7);z-index:-1;}
.quoteholder blockquote:after {display: block;padding-left: 10px;content: "\201D";font-size: 480px;position: absolute;right: 15px;bottom: 0px;color: rgba(255,255,255,0.7);z-index:-1;}
.quoteholder blockquote cite {text-shadow:none;color: #333;letter-spacing:0px; font-size: 0.85em; line-height:1.1em; display: block;margin-top: 20px; text-transform:none; font-weight:400; }
.icons:hover .icon { opacity: 0.5; ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.icons:hover .fadetitle { opacity: 0.5; ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.icons:hover .col:hover .icon { opacity: 1.0;}
.icons:hover .col:hover .fadetitle { opacity: 1.0;}
#gmap {height:300px; margin-bottom:20px;}
#contactfooter {clear:both; width:100%; color:#666; background: #971093 ;margin:0px auto 0; }
#contactfooter .holder {line-height:150%; font-weight:normal; margin:0px auto 0px; padding:30px 0 20px; }
#contactfooter a { color:#ffffff; text-decoration:none; font-weight:400}
#contactfooter a:hover { color:#ffffff; text-decoration:underline;}
#contactfooter strong {display:block; color:#ffffff;font-size:1.2em; line-height:1.2em; margin:0px 0 6px; }
#contactfooter p {color:#ffffff;font-size:1.2em; line-height:1.2em; margin:0px 0 27px; text-align:left !important; }
#contactfooter ul{color:#ffffff;font-size:1.2em; line-height:1.8em; font-weight:300; letter-spacing:0}
#contactfooter .icon {float:left;width:25%; margin-right:0% ;height:auto; box-sizing:border-box; position:relative;}
#contactfooter .icon .fb {float:left;background: transparent url(images/socials-sprites.png) no-repeat; background-size:400% 100%; margin-top:0px; margin-left:-10px; width:60%; height:0; padding-bottom:60%; opacity:1; transition:0.5s; position:relative;}
#contactfooter .icon .tw {float:left;background: transparent url(images/socials-sprites.png) 33.3% no-repeat; background-size:400% 100%; margin-top:0px;margin-left:-10px;width:60%; height:0; padding-bottom:60%; opacity:1; transition:0.5s; position:relative;}
#contactfooter .icon .ln {float:left;background: transparent url(images/socials-sprites.png) 66.6% no-repeat; background-size:400% 100%; margin-top:0px;margin-left:-10px;width:60%; height:0; padding-bottom:60%; opacity:1; transition:0.5s; position:relative;}
#contactfooter .icon .ig {float:left;background: transparent url(images/socials-sprites.png) 100% no-repeat; background-size:400% 100%; margin-top:0px;width:60%; height:0; padding-bottom:60%; opacity:1; transition:0.5s; position:relative;}
#contactfooter .icon .fb:hover,
#contactfooter .icon .tw:hover,
#contactfooter .icon .ln:hover,
#contactfooter .icon .ig:hover{ opacity:0.9}
#contactfooter .icon span { display:none; }
#basefooter {font-size:1.1em;width:100%; background-color:#DBC4DD; color:#971093; padding:0px 0}
#basefooter .holder {padding:10px 0;}
#basefooter .holder div {width: 33%;float:left; text-align:left; font-weight:300; letter-spacing:0}
#basefooter .holder div:nth-of-type(2) {width: 33%;float:left; text-align:center}
#basefooter .holder div:last-of-type {width: 23.5%;float:right; text-align:left}
#basefooter .holder a { color:#971093;}
#basefooter img {height:32px;width:auto; margin:0px 0 -12px 3px }
#formsent {display:none; background:#971093; text-transform:uppercase; width:190px; height:155px; border-radius:50%; border:0px;color:#ffffff; line-height:1em; transition:0.5s; font-size:1.5em; text-align:center; margin:10px 0 0 30px; padding-top:35px}
fieldset.hp {position:relative;border:0; margin:0; padding:0;}
fieldset.hp input{width:100%; padding:2% 4%; box-sizing:border-box; background:#eee; border:0px; margin:11px 0 0 0; transition:0.5s;}
fieldset.hp input.error { background:#666; color:#ffffff; font-style:italic}
fieldset.hp button{position:absolute; right:-32px; bottom:-32px; background:#971093; text-transform:uppercase; width:94px; height:94px; border-radius:50%; border:0px;color:#ffffff; line-height:1em; transition:0.5s;}
fieldset.hp button:hover {background: #971093 ;}
.respbtn {display:none;}
table {border:1px solid #ccc; margin:3% 0}
table p {margin:0px}
th {padding: 5px 6px; border-right:0px solid #ccc; text-align:center;border-bottom:1px solid #ccc;width:20%;font-weight:700; }
th h2 a, th h2{text-align:center !important; color:#4D94CC !important; }
th h3 {text-align:center !important; font-size:1.6em; color:#333; margin:0px }
tr {border-bottom:1px solid #ccc;margin:0px}
td {padding: 5px 6px; font-size:1em;border-right:0px solid #ccc;text-align:center; width:20%; box-sizing:border-box}
td:last-child, th:last-child {border-right:0px !important; bottom-bottom:0px !important;}
tr:last-child {bottom-bottom:0px !important;}
.half .listing,
.half2 .listing {clear:both;}
.date {font-weight:600; color:#333 !important; margin:0 !important}
#firstlogin { width:260px; margin:20px 0 0px; padding:10px 20px 20px 00px;background:#fff;border:1px solid #ccc }
#firstlogin h1{margin:5px 0px 10px 20px; color:#000000; font-size:1.4em;}
#firstlogin p{margin:5px 0px 10px 20px; color:#000000;}
#firstlogin fieldset{width:260px; margin:0px;padding:0px;font-size:1em; border:0px; }
#firstlogin fieldset label {float:left; margin:6px 0px -6px -20px;padding:0px; height:30px; width:80px;color:#000000 }
#firstlogin li {list-style:none; margin:0px; }
#firstlogin fieldset input {float:right; font-size:1em; width:142px;
border: solid 1px #aaaaaa; padding:5px; margin:0px 0px 5px 5px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
}
.content a, .listing a, .maintextbox a, .sidebar a {color: #fe4922; font-weight:normal; text-decoration:none; }
.content a:hover, .listing a:hover, .maintextbox a:hover, .sidebar a:hover {text-decoration:underline; }
a.newsitem:hover {text-decoration:none; font-weight:normal}
a.newsitem p {font-weight:normal}
#contactfooter .holder .col:nth-of-type(4) img{float:right;width:60% !important; margin: 10px 20% 0 }
#tabs,#tabs2 {
width: 100%;
height:50px;
border-bottom: solid 0px #CCC;
padding-right: 0px;
margin-top: 0px;
}
#tabs li { float:left; list-style:none; margin:10px 2% 5px 0 !important; outline:none;width:18.4%;padding:15px 0;text-align:center; background: #D59FD3;color:#ffffff;display:block; text-decoration:none; font-weight:bold; cursor:pointer;border-top-left-radius:15px; border-top-right-radius:15px; }
#tabs li:nth-of-type(1) { background:#971093;; }
#tabs li:nth-of-type(2) { background:#F473B2; }
#tabs li:nth-of-type(3) { background:#FCC303; }
#tabs li:nth-of-type(4) { background:#6BC452; }
#tabs li:nth-of-type(5) { background:#17C7F5; margin:10px 0% 5px 0 !important; }
#tabs li.inactive{ outline:none; border-bottom: solid 0px #CCC; font-weight:400;}
#tabs li:before { content: ""; font-weight: 400; margin-left: 0em; margin-right: 0em;}
#tabs li:hover, #tabs li.inactive:hover { outline:none;}
#tabs2 li { float:left; list-style:none; margin:10px 2% 5px 0 !important; outline:none;width:15%;padding:15px 0;text-align:center; background: #D59FD3;color:#ffffff;display:block; text-decoration:none; font-weight:bold; cursor:pointer;border-top-left-radius:15px; border-top-right-radius:15px; line-height: 100%}
#tabs2 li:nth-of-type(1) { background:#971093;; }
#tabs2 li:nth-of-type(2) { background:#F473B2; }
#tabs2 li:nth-of-type(3) { background:#FCC303; }
#tabs2 li:nth-of-type(4) { background:#6BC452; }
#tabs2 li:nth-of-type(5) { background:#17C7F5; }
#tabs2 li:nth-of-type(6) { background:#ED1E26; margin:10px 0% 5px 0 !important; }
#tabs2 li.inactive{ outline:none; border-bottom: solid 0px #CCC; font-weight:400;}
#tabs2 li:before { content: ""; font-weight: 400; margin-left: 0em; margin-right: 0em;}
#tabs2 li:hover, #tabs2 li.inactive:hover { outline:none;}
.container { clear:both; width:100%; text-align:left; padding: 20px 0;}
.container blockquote {text-align: center}
.container a{
background: #971093; color:#ffffff !important;
box-sizing: border-box;
text-align: center;
width: auto;
padding: 1% 2%;
font-size: 1.2em;
border-radius: 20px;
border: 0px;
color: #ffffff;
line-height: 1em;
transition: 0.5s;
margin: 30px 0 30px;;
}
/*
#tabs li { float:left; list-style:none; margin:0px 3% 30px 0 !important; border-top-left-radius:3px; border-top-right-radius:3px; outline:none;width:22.75%;padding:10px 0;text-align:center; background: #D59FD3;}
#tabs li:nth-of-type(1) { background:#F473B2; }
#tabs li:nth-of-type(2) { background:#FCC303; }
#tabs li:nth-of-type(3) { background:#6BC452; }
#tabs li:nth-of-type(4) { background:#17C7F5; margin:0px 0% 30px 0 !important; }
#tabs li a {display:block; background: #FFF; border-top-left-radius:3px; border-top-right-radius:3px; text-decoration:none; outline:none;font-weight:bold; cursor:pointer;}
#tabs li a.inactive{ outline:none; border-bottom: solid 0px #CCC; font-weight:100;}
#tabs li:before { content: ""; font-weight: 400; margin-left: 0em; margin-right: 0em;}
#tabs li a:hover, #tabs li a.inactive:hover { outline:none;}
.container { clear:both; width:100%; text-align:left; padding-top: 20px;}
*/
@media only screen
and (min-width : 991px)
and (max-width : 1179px){
body, html { font-size:0.88em; }
p { font-size:1.55em; }
.holder {margin:0px auto; max-width:960px; }
/*#carousel2 .slide .spinnholder {position:absolute;top:0; right:0;float:right;display:block;height:400px; width:50%; overflow:hidden; }*/
#carousel2 .slide .spinnholder {position:absolute;top:0; right:0;float:right;display:block;height:300px; width:50%; overflow:hidden; }
/*#carousel2 .slide .spinner {position:absolute;top:-100px; right:0;float:right;display:block;height:600px; width:100%; background: url(images/sct-swirl-logo.png) no-repeat center center; background-size:80% 80%; overflow:visible; -webkit-animation: spin 20s infinite linear; }*/
#carousel2 .slide .spinner {position:absolute;top:-140px; right:0;float:right;display:block;height:600px; width:100%; background: url(images/sct-swirl-logo.png) no-repeat center center; background-size:80% 80%; overflow:visible; -webkit-animation: spin 20s infinite linear; }
#carousel2 .slide .title {float:left; width:46%; color:#00C044; font-weight:700; font-size:2.88em; text-align:left; line-height:100%; letter-spacing:-1px; margin-top:20px;}
#carousel2 .slide .strapline {clear:left; float:left;width:43%; color:#000000; font-weight:300; font-size:1.8em; text-align:left; line-height:115%; margin-top:20px; }
/*#carousel2 .slide .title {float:left; width:46%; color:#00C044; font-weight:700; font-size:3.6em; text-align:left; line-height:100%; letter-spacing:-1px; margin-top:20px;}
#carousel2 .slide .strapline {clear:left; float:left;width:43%; color:#000000; font-weight:300; font-size:2.3em; text-align:left; line-height:115%; margin-top:20px; }
*/
#carousel2 .slide a{clear:left; float:left;background:#00C044; box-sizing:border-box; text-align:center; width:auto; padding:1% 2%; font-size:1.4em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:30px 0;}
#contactfooter .holder .col:nth-of-type(4) img{float:right;width:90px !important; margin: -44px 40px 0 0 }
}
@media only screen
and (min-width : 0px)
and (max-width : 991px){
h2 { font-size:2.0em; }
.holder {width:94%;font-size:1em; padding:0 3% 0px;}
header .holder {width:100%;padding:10px 0% !important;}
header { width:100%; margin:0px; height:83px;padding:0px; }
header .logo { float:left; height:57px;width:auto !important; margin:0;position:relative; z-index:99999; }
header .logo img{margin:8px 0% 0 20px; height:47px; width:auto;}
header .info {width:auto; float:right; margin:15px 70px 0 20px;position:relative; z-index:999999; }
header .info a{color:#333 !important; }
.phonetext {line-height:100%; }
.phone-contact-h {display:none;margin-top:0;float:right; color: #777 !important;height:32px; width:32px; background-size:60% 60%; background-position:center center; padding-left:0px; }
.emailtext {line-height:120%;}
.email-contact-h {float:right; color: #777 !important;height:32px; width:32px;background-size:60% 60%; background-position:center center; padding-left:0px; }
.optionsholder .holder {padding:0 3%; box-sizing:border-box }
.optionsholder {padding:20px 0 130px; }
.half { float:left; width:49%; margin-right:2%; height:auto; }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:49%; margin-left:0%;}
#contactfooter {clear:both; width:100%;;margin:0px auto 0;}
#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .title {margin:0px 0 10px; font-size:1.2em; }
#contactfooter p {font-size:1.1em; line-height:1.2em; margin:0px 0 0px; text-align:left}
#basefooter {width:100%; padding:6px 0}
#basefooter .holder a {}
#contactfooter .holder .col:nth-of-type(4) img{clear:both; float:none; display:inline-block;width:90px !important; margin: 20px auto 0 }
.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
.maintextbox h2, .mainholder h2 {text-align:left; }
.maintextbox p, .mainholder p{color:#333; }
.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {}
.mainholder {clear:left;float:left; margin:-100px 0 20px;height:auto;color:#333; text-align:left; padding:20px 3% 0 3% !important}
.quoteholder {clear:both; width:100%; margin-top:0px; height:auto;}
.quoteholder blockquote { width:100%; font-size:1.8em;padding: 30px 20px;line-height: 1.1em;position: relative;z-index:1; box-sizing:border-box}
.quoteholder blockquote:before {display: none;}
.quoteholder blockquote:after {display: none;}
.numbersholder .col div{background-size:cover; color:#ffffff; font-size:1.6em; padding:22px 20px 30px; box-sizing:border-box; border-radius:10px; letter-spacing:-1px;}
.numbersholder .col div span{display:block; font-weight:800; font-size:1.5em}
.btmbuf {padding-top:30px !important; padding-bottom:30px !important; }
#carousel2 .slide .spinnholder {position:absolute;top:0; right:0;float:right;display:block;height:400px; width:100%; overflow:hidden; }
#carousel2 .slide .spinner {position:absolute;top:-100px; right:0;float:right;display:block;height:600px; width:100%; background: url(images/sct-swirl-logo.png) no-repeat center center; background-size:80% 80%; overflow:visible; -webkit-animation: spin 20s infinite linear;opacity:0.2 }
#carousel2 .slide .title {float:left; width:90%; color:#00C044; font-weight:700; font-size:3.2em; text-align:center; line-height:100%; letter-spacing:-1px; margin:3% 5%;}
#carousel2 .slide .strapline {clear:both; float:left;width:90%; color:#000000; font-weight:300; font-size:2.0em; text-align:center; line-height:115%; margin:0 5% 4%;}
#carousel2 .slide a{clear:both; float:none; display:block; background:#00C044; box-sizing:border-box; text-align:center; padding:1.5% 3%; font-size:1.4em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:5% auto 0;}
}
@media only screen
and (min-width : 0px)
and (max-width : 690px){
.rimg { width:100% !important; margin: 2% 0 5% 0 !important}
.rimg img { width:60% !important; height:auto !important; margin:0 20% !important}
.rimg p { font-size: 1em !important; font-style: italic;}
.col p {text-align: center; }
#tabs li { float:left; list-style:none; margin:0px 0% 10px 0 !important; outline:none;width:100%;padding:10px 0;text-align:center; background: #D59FD3;
display:block; text-decoration:none; font-weight:bold; cursor:pointer;border-top-left-radius:0px; border-top-right-radius:0px;
}
.flexslider .slides li { position:relative; padding-top: 49%;background-size:cover; background-position:center -20px;}
.phonetext {display:none;}
.phone-contact-h {display:block;float:right; color: #777 !important;height:32px; width:32px;margin: 0px 0px 0 10px; }
.emailtext {display:none;}
.email-contact-h {float:right; color: #777 !important;height:32px; width:32px; margin: 0px 15px 0 0px;}
.col { float:left; width:48%; margin-right:4%; height:auto; box-sizing: border-box; }
.col:nth-of-type(odd){margin-right:4%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%; }
.col2 { float:left; width:48%; margin-right:4%; margin-bottom:3%; height:auto; box-sizing: border-box; text-align: center!important; }
.col2:nth-of-type(odd){margin-right:4%;}
.col2:nth-of-type(even){margin-right:0%;}
.col2.patron {
margin: 5px 0% 3% 27% !important;
}
.contentholder img {width:100%; height:auto;}
.fancybox .col{float:left; width:49%; margin-right:2%; box-sizing: border-box; }
.fancybox:nth-of-type(odd) .col{margin-right:2%;}
.fancybox:nth-of-type(even) .col{margin-right:0%;}
.numbersholder .col {float:left; width:100%; margin-right:0%;}
.numbersholder a:nth-of-type(4n) .col{margin-right:auto;}
.numbersholder a:nth-of-type(2n) .col{margin-right:0;}
.numbersholder .col div{font-size:2em; padding:22px 30px 30px; border-radius:20px; text-align:center}
.numbersholder .col div span{font-size:1.9em; text-align:center}
.half { float:left; width:100%; margin-right:0%; height:auto; }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:100%; margin-left:0%;}
#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .holder .col {width:100%; text-align:center;margin:0px 0 10px }
#contactfooter .holder .col:nth-of-type(1){display: none;}
#contactfooter .holder .col:nth-of-type(2){display: none;}
#contactfooter p { text-align:center !important}
#contactfooter .holder .col:nth-of-type(4) p:nth-of-type(3){margin-top:20px; }
#contactfooter .icon {display: none;}
#basefooter .holder {font-size:1em;}
#basefooter .holder div {width: 100% !important;float:left; text-align:center; font-weight:300; }
#basefooter .holder div a {font-weight:300;text-align:center }
#basefooter .holder div:last-of-type {width: 100%;float:right; text-align:center}
.quoteholder blockquote:before {display: none;}
.quoteholder blockquote:after {display: none;}
#carousel2 .slide .title {float:left; width:90%; color:#00C044; font-weight:700; font-size:3.0em; text-align:center; line-height:100%; letter-spacing:-1px; margin:3% 5%;}
#carousel2 .slide .strapline {clear:both; float:left;width:80%; color:#000000; font-weight:300; font-size:2.0em; text-align:center; line-height:115%; margin:0 10% 4%;}
#carousel2 .slide a{clear:both; float:none; display:block; background:#00C044; box-sizing:border-box; text-align:center; padding:2% 4%; font-size:1.3em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:5% auto 0;}
.colb {width:100%; margin-right:0; }
}
@media only screen
and (min-width : 0px)
and (max-width : 560px){
.col { float:left; width:100%; margin-right:0%; height:auto; box-sizing: border-box; }
.col:nth-of-type(odd){margin-right:0%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%; }
.col2,
.col2.patron{ float:left; width:100% !important; margin:0 0 3% 0 !important; height:auto; box-sizing: border-box; }
.col2:nth-of-type(odd){margin-right:0%;}
.col2:nth-of-type(even){margin-right:0%;}
img.imgwide{width:100% !important; margin:0 0 3% 0 !important }
img.imgwide2{width:40% !important; margin:0 0 3% 3% !important }
#cform fieldset label, #mc_embed_signup label {
font-size: 1.2em;
}
.newscol {float:left; width:100%; margin-right:0%; height:auto; box-sizing: border-box; }
.newscol:nth-of-type(3n){margin-right:0%;}
.fancybox .col{float:left; width:100%; margin-right:0%; box-sizing: border-box; }
.fancybox:nth-of-type(odd) .col{margin-right:0%;}
.fancybox:nth-of-type(even) .col{margin-right:0%;}
#contactfooter .holder .col:nth-of-type(3n){width:80%; margin:0 10% 20px}
.numbersholder .col {float:left; width:100%; margin-right:0%;}
.numbersholder a:nth-of-type(4n) .col{margin-right:auto;}
.numbersholder a:nth-of-type(2n) .col{margin-right:0;}
.col .icon {height:180px;}
.half { float:left; width:100%; margin-right:0%; height:auto; padding:0 }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:100%; margin-left:0%;}
#cform .half { padding:0 0 0px; }
#cform .half2 { padding:0 0 0px; }
header .info {float:right; width:35%; }
.facebook-contact-h{display:none; }
.twitter-contact-h {display:none;}
.gmap-contact-h {display:none; }
#carousel2 .slide .title {float:left; width:90%; color:#00C044; font-weight:700; font-size:2.3em; text-align:center; line-height:100%; letter-spacing:-1px; margin:4% 5%;}
#carousel2 .slide .strapline {clear:both; float:left;width:90%; color:#000000; font-weight:300; font-size:1.7em; text-align:center; line-height:110%; margin:2% 5% 6%;}
#carousel2 .slide a{clear:both; float:none; display:block; background:#00C044; box-sizing:border-box; text-align:center; padding:3% 5%; font-size:1.3em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:5% auto 0;}
#carousel2 {display: none;}
.contentholder ul li { /* font-size: 0.8em; */ margin: 8px 0px 0px 0px; line-height: 1.35em; letter-spacing: -0px; list-style-position: outside; margin-left: 0em; }
}
@media only screen
and (min-width : 0px)
and (max-width : 376px){
#carousel2 .slide .title {float:left; width:90%; color:#00C044; font-weight:700; font-size:1.8em; text-align:center; line-height:100%; letter-spacing:-1px; margin:4% 5%;}
#carousel2 .slide .strapline {clear:both; float:left;width:90%; color:#000000; font-weight:300; font-size:1.7em; text-align:center; line-height:110%; margin:2% 5% 6%;}
#carousel2 .slide a{clear:both; float:none; display:block; background:#00C044; box-sizing:border-box; text-align:center; padding:3% 5%; font-size:1.3em; border-radius:20px; border:0px;color:#ffffff; line-height:1em; transition:0.5s; margin:5% auto 0;}
}
.showf {display:none; }