html, body { overflow-x: hidden; overflow-x: hidden; font-family: "utopia-std-display", serif; }
.container { position: relative; }
.faded {/* portfolio, blog - on item hover */ filter: alpha(opacity=30); opacity: 0.3; }
section.alternate div.faded {/* portfolio, blog - on item hover */ filter: alpha(opacity=50); opacity: 0.5; }
.label { display: inline-block; margin: 6px 1px 0 0; padding: 5px 6px; -moz-border-radius: 0; border-radius: 0; }
.label.light { color: #888; background-color: #eee; }
div.divider { height: 4px; width: 220px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; margin: auto; margin-top: 2px; margin-bottom: 60px; text-align: center; }
.styleColor { color: #2A2F36 !important; }
.styleBackground { background-color: #2A2F36 !important; }
.whiteColor { color: #fff !important; }
.big-paragraph, .big-paragraph p { font-size: 25px; line-height: 35px; }
.plusNav { width: 36px; height: 36px; display: inline-block; border: 6px double #fff; background: #ccc; text-align: center; line-height: 23px; font-size: 30px; color: #fff; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; }
.plusNav:hover { border: 6px solid #fff; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5); opacity: 0.7; }
h1.big-title { font-size: 80px; line-height: 80px; }
.big-icons-demo i { font-size: 50px; }
.navbar {margin-bottom:0}
section { background: #fff; }
section.arrow-down { background: #ffffff url('/assets/spindletophall/Media/down_white.png') no-repeat top center }
section.alternate { background: #e5e5e5; }
section.alternate-dk { background: #005dab; }
section.alternate.arrow-down { background: #F6F6F6 url('/assets/spindletophall/Media/down_alternate.png') no-repeat top center }
section.blue { background: #005dab; }
section.blue li, #container section.blue h2 { color: #2a2a2a }
section.white { background: #fff }
section.text-center {padding:5px 0}
.blog-body #header { position: relative }
.wrap { }
* { margin: 0; }
html, body, .body { height: 100%; }
.wrap { min-height: 100%;   /* equal to footer height */ margin-bottom: -87px; }
.wrap:after { content: ""; display: block; }
.footer, .wrap:after { height: 87px; }
body { color: #555; background: #fff; font-family: "utopia-std-display", serif; font-size: 19px; font-style: normal; font-weight: 300; padding: 0px !important; margin: 0px !important; border: 0px !important; height: 100%; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-family: "utopia-std-display", serif; font-weight: 300; padding: 0; margin: 0; color: #005dab; }
h1 { font-size: 48px; line-height: 52px; }
h2 { font-size: 40px; line-height: 44px; }
h3 { font-size: 36px; line-height: 40px; }
h4 { font-size: 30px; line-height: 34px; }
h5 { font-size: 24px; line-height: 28px; }
h6 { font-size: 16px; line-height: 20px; }
strong, b { font-weight: bold; font-size: 101% }
em, i { font-style: italic }
.inner-content ul { list-style-type: disc; }
.inner-content ol { list-style-type: decimal; list-style-position: inside; }
.inner-content ul ul, .inner-content ol ul { list-style-type: circle; list-style-position: inside; margin-left: 15px; }
.inner-content ol ol, .inner-content ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; }
.inner-content li { list-style-type: disc!important; margin-left: 20px }
#home a:focus { -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; }
a, a:hover, a:focus { cursor: pointer; text-decoration: none; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; }
.testimonial a { color: #e5e5e5; text-decoration: underline }
iframe { border: 0 !important; margin: 0; padding: 0; }
/* blockquote */
blockquote { display: block; margin: 20px 0; }
blockquote p { padding: 0 0 6px 0; margin: 0; }
/* quote */
q { font-size: 23px; font-weight: 300; line-height: 1.25; }
q::before { content: open-quote; font-size: 33px; font-family: Arial, Verdana, sans-serif; }
q::after { content: closed-quote; font-size: 33px; font-family: Arial, Verdana, sans-serif; }
cite:after { content: '\00A0 \2014'; }
cite:before { content: '\2014 \00A0'; }
cite.small { color: #999; }
hr { border: 0; border-bottom: #fff 1px solid; border-top: #ddd 1px solid; margin-bottom: 60px; }
/* form errors highlight - red border */
form select.err, form textarea.err, form input.err { border-color: #b94a48; -webkit-box-shadow: #b94a48 0 0 7px !important; -moz-box-shadow: #b94a48 0 0 7px !important; box-shadow: #b94a48 0 0 7px !important; }
/* ---------- SECTION ---------- */
footer, section { position: relative; display: block; background-color: #fff; z-index: 1; /* footer fixed = 0 */ }
section header p { font-family: "utopia-std-display", serif; }
section ul, section ul li { margin: 0; padding: 0; list-style: none; }
/* ---------- /SECTION ---------- */
/* dropcap */
.dropcap { text-align: left; }
.dropcap:first-letter { float: left; font-size: 47px; line-height: 43px; font-weight: normal; margin-top: 6px; margin-right: 6px; }
header { 20px 0 10px 0}
p { margin: 0; padding: 10px 0; line-height: 26px; }
header p { padding: 0; }

section section { padding: 30px 0; }
section header p { margin: 0; padding: 0; }
section article { margin-bottom: 80px; }
section article:last-child { margin-bottom: 0; }
pre { margin: 20px 0; }
section header { padding-top: 40px }
.inner-content { margin-bottom: 40px }

@media only screen and (max-width: 960px) {
html, body { font-size: 15px; }
p { line-height: 22px; }
}
section .btn { margin-top: 30px; text-shadow: none; }
.btn.btn-primary, .btn.btn-default, .btn.btn-danger, .btn.btn-warning, .btn.btn-success, .btn.btn-info { border: rgba(255,255,255,0.2) 2px solid; padding-left: 25px; padding-right: 25px; position: relative; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; }
.btn.btn-default { border: rgba(0,0,0,0.05) 2px solid; }
.btn:hover { border: rgba(0,0,0,0.5) 2px solid !important; }
.btn.btn-primary { background: #647282; }
.btn.btn-primary:hover, .btn.btn-default:hover, .btn.btn-danger:hover, .btn.btn-warning:hover, .btn.btn-success:hover, .btn.btn-info:hover { color: #2A2F36; background: #fff; }
.btn.nofill { background: none !important; }
.btn.nofill:hover { color: #0F1113 !important; background: #fff !important; }
/* input box - example: newsletter subscribe */
.input-group.bordered { -moz-border-radius: 0; border-radius: 0; border: rgba(255,255,255,0.2) 6px solid !important; }
.input-group.bordered .btn { border: 0 !important; margin-left: 1px !important; }
.input-group.bordered input { border: 0 !important; }
/* modal */
.modal { margin: 50px 0 0 0; padding: 0; overflow-y: auto; }
.modal-content { -moz-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: rgba(0,0,0,0.4) 0 0 3px !important; box-shadow: rgba(0,0,0,0.4) 0 0 3px !important; }
/* misc */
#newsletterForm .row div { padding: 0 !important; }
/* used by icons-fontawsome.html only */
.fa-hover a span { color: #000; font-size: 16px; }
/** 02. Nav Bar
 **************************************************************** **/
#header { margin: 0 auto; padding: 0; position: relative; width: 100%; left: 0; right: 0; top: 0; color: #fff; z-index: 99; /*background: url(/assets/spindletophall/Media/nav-fade.png) repeat-x center -100px; */ background-color: transparent; background-color: rgba(255, 255, 255, 1); }
.home-page #header { margin: 0 auto; padding: 0; position: fixed; width: 100%; left: 0; right: 0; top: 0; color: #fff; z-index: 99; /*background: url(/assets/spindletophall/Media/nav-fade.png) repeat-x center -100px; */ background-color: transparent; background-color: rgba(255, 255, 255, 1); }
#header.fixed { position: fixed; margin-top: 0 !important; left: 0; right: 0; top: 0; }
#header .navbar-inverse { border: 0; border-radius: 0; }
#header .navbar-inverse ul.nav li.active a, #header .navbar-inverse ul.nav a:hover { color: #333; }
#header .navbar-inverse .navbar-nav>li>a { text-shadow: 0 1px 0 rgba(0,0,0,.25); }
#header .navbar-collapse { padding: 0; }
#mobileMenu { color: #005dab; display: none; }
/* white */
#header .navbar-inverse.white { background: #fff; box-shadow: #f6f6f6 0 2px 2px; }
#header .navbar-inverse.white #mobileMenu, #header .navbar-inverse.white .navbar-brand { color: #0F1113; }
#header .navbar-inverse.white ul.nav a:hover { color: #000; }
#header a.btn-fullscreen { display: inline-block; float: right; font-size: 26px; background: #232428; color: #ABA798; right: 0; top: 0; bottom: 0; width: 60px; text-align: center; line-height: 60px; display: none; /* visible via javascript */ }
#header .navbar-inverse.white a.btn-fullscreen { background: #F6F6F6; color: #ccc; }
.nav li a.dropdown-toggle { display: none }
.nav li.dropdown:hover .dropdown-menu { display: block; }
#home.full-screen { background: #f6f6f6; height: 100%; overflow: hidden; margin: 0; padding: 0; }

#slider .fullscreen-img { background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#slider li { display: none; }
.image-caption { text-align: center; position: absolute; left: 50%; top: 70%; margin-top: -30px; /* header height/2 */ display: inline-block; max-width: 900px; z-index: 1; color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#home .image-caption hr { width: 220px; height: 1px; background: #fff; margin: 2px auto; border: 0; }
#home .image-caption h1, #home .image-caption h2 { font-family: "utopia-std-display", serif; font-weight: 400; font-size: 66px; line-height: 66px; text-transform: uppercase; text-shadow: none; display: block; }
#home .image-caption h1 { color: #F9F9F9; text-shadow: 2px 2px 0px #000; }
#home .image-caption h2 { color: #fff }
#home .image-caption .blue-oval { display: block; height: 70px; width: 70px; background: #005dab; font-family: "utopia-std-display", serif; font-size: 50px; line-height: 83px; margin: 0 auto; padding: 0; font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; }
#home .image-caption .long-hyphen { width: 70px; border-top: 1px solid #fff; height: 1px; margin: 25px 10px; }
#home .image-caption .left, #home .image-caption .right { float: left }
#home .image-caption .oval-text { text-align: center; float: left }
#home .image-caption .inner { display: block; padding: 40px 0; }
#slider .image-caption img.img-responsive {/* if images used on the slider */ width: 100% !important; height: auto !important; position: relative !important; z-index: 10 !important; left: auto !important; top: auto !important; }
#home .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 0; }
/* controlls */
#slider a.next, #slider a.prev { top: 50%; color: #fff; font-size: 62px; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#slider a.next:hover, #slider a.prev:hover { color: #fff; font-size: 70px; filter: alpha(opacity=100); opacity: 1; }
#slider a.prev { left: 10px }
#slider a.prev:after { font-family: FontAwesome; content: '\f104'; }
#slider a.next { right: 10px }
#slider a.next:after { font-family: FontAwesome; content: '\f105'; }
/* half screen height */
#home.half-screen #slider, #home.half-screen, #home.half-screen li { height: 550px !important; margin: 0; padding: 0; }
/* custom */
#home.full-screen, #home.half-screen { background: #F0F0F0 url('/assets/spindletophall/Media/loading.gif') no-repeat center; }
#slider .slides-pagination { bottom: 100px; }
#home.half-screen .slides-pagination { bottom: 66px; }
#home.video { background-position: center center; background-repeat: no-repeat; background-size: cover; }
#video-volume { bottom: 85px; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 10; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #FFFFFF; cursor: pointer; }
#home .foot-text { text-align: center; position: relative; bottom: 50px; font-size: 14px; color: #fff; z-index: 10; text-transform: uppercase; letter-spacing: .08em; font-weight: 300 }
#home .foot-text .divider { padding: 0 15px }
.page-content-left { width: 500px; float: left; }
.page-content-right { width: 400px; padding-left: 20px; float: right; border-left: 1px solid #ccc; }
.address-input { width: 250px; background-color: transparent; border: 0px none; border-bottom: 1px solid #005dab; color: #555; font-size: 12px }
.submit-link { background: none; border: 0px none; border-bottom: 1px solid #c4c089; font-size: 16px; color: #555; padding: 0 8px; margin-left: 5px }
.map { width: 400px; height: 454px; border: 2px solid #005dab; }
.tweet { letter-spacing: .02em; font-size: 24px }
.page-banner { overflow: hidden; max-height:500px }
.disclaimer {padding:30px 20px; font-size:11px; text-align:center}
.testimonial .icon-testimonial { color: rgba(23, 60, 126,.8); }
.testimonial .quote-right-indicator:hover, .testimonial .quote-left-indicator:hover { color: rgba(23, 60, 126,.8); }
.testimonial { text-align: center; }
.testimonial ul li { list-style: none; padding: 0; }
.testimonial h2 { font-weight: 300; padding: 0 15%; font-size: 24px; line-height: 36px; text-align: center; }
.testimonial .icon-testimonial { font-size: 105px; padding-bottom: 15px; color: #ccc; position: absolute; width: 100%; }
.testimonial span { padding-top: 20px; display: block; position: relative; }
.testimonial span#controls { display: inline-block; position: absolute; top: -40px; right: 0; margin-top: 0px; padding: 0; margin-right: 30px; line-height: 37px; }
.testimonial .quote-right-indicator:hover, .testimonial .quote-left-indicator:hover { color: #ccc; }
.testimonial .quote-right-indicator, .testimonial .quote-left-indicator { width: 40px; height: 40px; display: inline-block; position: relative; background: #ccc; font-size: 25px; font-weight: 300; z-index: 1; color: #fff; }
.testimonial .quote-left-indicator { margin-right: 2px; }
.testimonial .fa-quote-left { left: .5em; position: absolute; top: -.5em; }
.testimonial .fa-quote-right { right: .5em; position: absolute; bottom: -.1em; }
.testimonial #quote-slider li, .testimonial #quote-slider h2 { color: #2a2a2a }
.testimonial #quote-slider { min-height: 250px }
#ajax_modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: #fff; overflow-y: auto; z-index: 999; }
#ajax_modal .btn-modal { display: block; margin-top: -80px; text-align: center; margin-bottom: 30px; }
#ajax_modal button.close-modal { background: url('/assets/spindletophall/Media/icons/close.png') no-repeat; background-position: -35px -33px; display: inline-block; width: 73px; height: 73px; }
#ajax_modal button.close-modal:hover { background-position: -35px -173px; }
figure.top { position: absolute; top: 4px; }
figure.bottom { position: absolute; bottom: 4px; }
.our-services h2.top-title { color: #2d455d; font-size: 24px; line-height: 30px; text-align: center; font-weight: normal; text-transform: none; }
.our-services .buttons { text-align: center; padding-top: 35px; }
.our-services .buttons .button { margin: 0 11px; }
.our-services .categories { list-style: none outside none; padding: 36px 0 0 6px; }
.our-services .categories li.row { padding-bottom: 0px; }
.our-services .categories { list-style: none outside none; margin-right: 0 }
.our-services .categories li { }
.our-services .categories li .thumb { display: block; border: 4px solid #fff; -moz-opacity: .85; filter:alpha(opacity:85); opacity: .85; }
.our-services .categories li .thumb:hover { -moz-opacity: 1.0; filter:alpha(opacity:100); opacity: 1.0; }
.our-services .categories li h3 { font-size: 18px; padding: 12px 3px 7px; line-height: 1.2; }
.our-services .categories li h3 a { color: #463443; }
.our-services .categories li p { padding: 0 3px; }
.our-services .categories li { list-style-type: none!important; margin-left: 0px; }
.checkmark li.check{list-style-image:url(/assets/spindletophall/Media/checkmark.png);}
/* SKILL CIRCLES */
.skill { border: #fff 4px solid; border-bottom: none; width: 200px; height: 200px; text-align: center; position: relative; display: inline-block; margin: 30px 15px; -moz-border-radius: 50%; border-radius: 50%; }
.skill h2 { padding-top: 40px; font-size: 60px; line-height: 60px; display: block; color: #fff; }
.skill h3 { display: inline-block; border-top: #fff 1px dashed; color: #fff; font-size: 20px; line-height: 20px; padding-top: 8px; margin-top: 8px; }
.skill i { font-size: 50px; position: absolute; display: block; bottom: -26px; left: 50%; margin-left: -25px; color: #fff; }
section.cover, div.inner-cover { position: relative; padding: 150px 0 50px; display: table; width: 100%; background: #0F1113; background-position: center center; background-repeat: no-repeat; background-size: cover; }
div.inner-cover { }
div.inner-cover h1, div.inner-cover h2, div.inner-cover h3 { color: #fff; }
div.inner-cover.project { padding: 200px 0; }
.cover * { color: #fff; position: relative; z-index: 10; }
.cover .overlay { position: absolute; }
.cover q { font-size: 40px; line-height: 50px; display: block; }
.cover cite { font-size: 28px; padding-top: 30px; display: block; }
.box1, .box2, .box3 { position: relative; }
.img-1, .img-3, .img-2 { position: absolute }
.img-1 { top: 20px }
.img-2 { top: 150px }
.img-3 { top: 220px }
/* pagination */
ul.pagination li.active a, ul.pagination li.active a:hover { background-color: #0F1113; border-color: #ddd; }
/* 	Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/** 05. Contact
 **************************************************************** */
section#contact { position: relative; overflow: hidden; background: url(/assets/spindletophall/Media/contact-bg.jpg) no-repeat center center; padding: 130px 0 50px 0; background-size: cover; }
#contact .container { background-color: transparent; background-color: rgba(255, 255, 255, 0.9); }
section#contact header { padding-top: 20px }
div.contactModal .modal-content { border: 0; }
div.contactModal .btn-primary, div.contactModal .modal-header { color: #fff; background-color: #0F1113; }
div.contactModal .modal-header button { font-size: 36px; margin-left: 30px; }
div.contactModal .modal-header button, div.contactModal .modal-header h4 { color: #fff; }
div.contactModal .modal-header i.fa { margin-right: 8px; }

#contact address h2 { text-transform: uppercase; font-size: 26px; line-height: 26px; }
#contact address h2:after { content: '\00A0 \2014'; }
#contact address ul { margin: 30px 0 0 0; }
#contact address .address-sprite { margin-bottom: 20px; padding-left: 30px; background: url('/assets/spindletophall/Media/icons/address_sprite.png') no-repeat 0 0; }
#contact address .address-sprite.address { background-position: 0 0; }
#contact address .address-sprite.phone { background-position: 0 -134px; line-height: 30px; padding-top: 10px; padding-bottom: 10px }
#contact address .address-sprite.email { background-position: 0 -247px; }
/* google map */
#gmap { width: 100%; height: 500px; display: block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; z-index: 1; }
#googleMap address { position: absolute; background: #fff; padding: 20px; left: 20px; top: 50px; z-index: 2; width: 280px; font-size: 15px; }
#googleMap address h2 { text-transform: uppercase; font-size: 26px; line-height: 26px; }
#googleMap address h2:after { content: '\00A0 \2014'; }
#googleMap address ul { margin: 30px 0 0 0; }
#googleMap address .address-sprite { margin-bottom: 20px; padding-left: 30px; background: url('/assets/spindletophall/Media/icons/address_sprite.png') no-repeat 0 0; }
#googleMap address .address-sprite.address { background-position: 0 0; }
#googleMap address .address-sprite.phone { background-position: 0 -138px; line-height: 30px; }
#googleMap address .address-sprite.email { background-position: 0 -247px; }
.animate { position: relative; }
.animate .wrap { }
.animate .fly-left { position: relative; color: #676c53; margin-bottom: 60px; line-height: 30px; display: block; text-align: left; }
.animate img { position: absolute; }
.animate img.img-2 { bottom: -520px; z-index: 2; height: auto; max-width: 241px; min-width: 241px; }
.animate img.img-1 { bottom: -339px; height: auto; max-width: 241px; min-width: 241px; }
.animate img.img-3 { bottom: -585px; height: auto; max-width: 241px; min-width: 241px; }
#about .me-picture { position: relative; display: block; margin-bottom: 60px; }
#about .me-picture .item { border: #fff 20px solid; display: inline-block; position: relative; z-index: 1; overflow: hidden; }
#about .me-picture img { border: #F6F6F6 10px solid; width: 240px; height: 240px; -moz-border-radius: 50%; border-radius: 50%; }
#about .me-picture hr { margin: 0 !important; position: absolute; top: 50%; width: 100%; z-index: 0; }
#about .socials { display: none; position: absolute; width: 240px; height: 240px; line-height: 236px; z-index: 5; left: 0; top: 0; background: rgba(255,255,255,0.5); -moz-border-radius: 50%; border-radius: 50%; }
#about .socials a { background: rgba(15,17,19,0.7); }
#about .me-picture h3 { background: rgba(15,17,19,0.7); display: block; color: #fff; padding: 6px 6px 20px 6px; font-family: "utopia-std-display", serif; font-size: 16px; line-height: 18px; position: absolute; left: 0; right: 0; bottom: 0; }
#about .member-name { position: absolute; left: 0; right: 0; bottom: 0; display: block; border: transparent 10px solid; width: 240px; height: 240px; overflow: hidden; z-index: 4; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
#about .member-name h3 small { font-size: 12px; display: block; margin-top: 6px; }
#about .me-picture .item:hover .socials { display: block; }

/** 07. Quote Row  **************************************************************** **/
section.quote-row { color: #fff; position: relative; overflow: hidden; background: url(/assets/spindletophall/Media/wedding-section-bg.jpg) no-repeat center center; padding: 0; background-size: cover; text-shadow: 1px 1px 8px #000;}
section.quote-row .btn { background: #333; }
section.quote-row h1 { color: #fff; }
section.quote-row h2, section.quote-row h3, section.quote-row h4, section.quote-row h5, section.quote-row h6 { color: #2a2a2a; }
section.quote-row h3:after { content: '\00A0 \2014'; }
section.quote-row div.separator { /* max-width:479px 	=> 	seaparator is on top */ border-left: rgba(255,255,255,0.1) 1px solid; }
section.quote-row p { font-size: 24px; line-height: 1.8em; letter-spacing.2em }
/* 		custom sections 		Write here needed Paddings	*/
section.util-row .newsletter-subscribe { padding-top: 10px; padding-bottom: 10px; }	/* newsletter subvscribe */
/*  Sudo Slider */
#slider-amen { width: 1140px; overflow: hidden } /* It can be a good idea to set a width of the slider, mostly so Old-IE can figure out how to render */
/* Numeric Navigation */
ol.numericControls { margin: 1em 0; padding: 0; height: 28px; }
ol.numericControls li { margin: 0 10px 0 0; padding: 0; float: left; list-style: none; height: 54px; line-height: 54px; }
ol.numericControls li a { float: left; height: 28px; line-height: 28px; border: 1px solid #ccc; background: #DAF3F8; color: #555; padding: 0 10px; text-decoration: none; }
ol.numericControls li.current a { background: #5DC9E1; color: #fff; }
ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus { outline: none; }
.graphic, .prevBtn, .nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -8000px; }
.prevBtn, .nextBtn { display: block; width: 38px; height: 38px; position: absolute; top: 50%; margin-top: -19px; z-index: 1000; background: url(/assets/spindletophall/Media/left-arrow.png) no-repeat 0 0; cursor: pointer; }
.nextBtn { right: 10px!important; }
.prevBtn { left: 10px; }
.nextBtn { background: url(/assets/spindletophall/Media/right-arrow.png) no-repeat 0 0; }
#slidemenu-amen { height: 44px; text-align: center; }
#slidemenu-amen ul { text-align: center; margin: 0; padding: 0; list-style-type: none; z-index: 999 }
#slidemenu-amen ul li { display: inline-block; *display:inline;
zoom: 1; position: relative; height: 44px; line-height: 44px; width: 136px; margin: 0px; margin-left: -5px; }
#slidemenu-amen ul li a { padding: 12px 15px; text-decoration: none; color: #005dab; background: transparent; position: relative; }
.customLink.current { background: #d4d4d4; }
.slide-info { color: #fff; display: block; background-color: transparent; background-color: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 95px; left: 0; bottom: 0; padding: 10px; font-size: 16px }
.slide-info strong { font-size: 18px; font-weight: bold; text-decoration: underline; margin-right: 15px }
.slide-info span { }
footer { padding: 10px 0; font-size: 13px; background: #005dab; position: relative; color: #fff }
footer .copyright { padding-top: 10px; }
footer .copyright i.fa-heart { color: #D05B51; }
footer .copyright a { color: #777; }
footer .copyright a:hover { text-decoration: underline; }
footer a.social { width: 40px; height: 40px; line-height: 42px; }
footer a.toTop { position: absolute; left: 50%; top: -23px; margin-left: -20px; background: rgba(0,0,0,0.5); padding: 10px 16px; bottom: 0; font-size: 23px; z-index: 100; color: #fff; -webkit-border-top-right-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-topleft: 9px; border-top-right-radius: 9px; border-top-left-radius: 9px; }
/** 12. Portfolio  **************************************************************** **/
section#ourclub-links { background: #fff; background-size: cover }
#portfolio .isotope-item { max-width: 560px; display: inline-block; margin: 8px; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; }
#portfolio .isotope-item a { display: block; position: relative; overflow: hidden; }
#portfolio .isotope-item .caption { position: relative; display: block; background: #fff; padding: 40px 20px 20px 20px; text-align: center; min-height: 90px; }
#portfolio .isotope-item .caption h3 { font-family: 'Open Sans'; font-size: 14px; line-height: 14px; font-weight: 700; }
#portfolio .isotope-item .caption p { font-size: 12px; padding: 0; text-transform: uppercase; display: inline-block; color: #999; border-top: #999 1px dashed; margin-top: 6px; }
#portfolio .isotope-item .caption i.fa { background: #333; padding: 14px; color: #fff; position: absolute; width: 50px; height: 50px; margin-top: -66px; margin-left: -25px; left: 50%; background: #fff; color: #0F1113; border: #fff 2px solid; }
#portfolio .isotope-item a:hover i.fa { color: #2A2F36; }
#portfolio .bstrap-tabs { margin-top: 0; }
.project-thumbnails .row div { margin: 5px 0; }
.address-search {padding:5px; width:100%; margin:0px auto 0; display:block; background:#fff;}
.address-input {width:50%;  background-color:transparent; border:0px none; border-bottom:1px solid #ccc; color:#013253; font-size:13px}
.submit-link {background:none; border:0px none; border-bottom:1px solid #ccc; font-size:16px; color:#013253; padding:0 8px; margin-left:5px}
.address-search i{color:#013253; font-size:16px; }
/* responsive - special resolutions */
@media only screen and (max-width: 1200px) {
#portfolio .isotope-item { max-width: 280px; }
}

@media only screen and (max-width: 640px) {
#portfolio .isotope-item { max-width: 360px; }
}
/** 13. Services
 **************************************************************** **/
.services { position: relative; text-align: center; color: #fff; display: block; }
.services h3 { font-family: "utopia-std-display", serif; color: #fff; padding-top: 20px; font-size: 24px; line-height: 24px; }
a.service i, div.services-nav a, div.services-nav i.fa { -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.services a.service { display: inline-block; width: 230px; }
.services li { float: left; text-align: center; }
/* navigation arrows */
div.services-nav { display: block; margin-top: 80px; padding-top: 30px; border-top: rgba(255,255,255,0.1) 1px solid; }
div.services-nav a { border: rgba(255,255,255,0.3) 2px solid; padding: 6px; }
div.services-nav i.fa { color: rgba(255,255,255,0.3); font-size: 20px; padding: 6px 10px; }
div.services-nav a:hover { border: #fff 2px solid; }
div.services-nav a:hover i { color: #fff; }
/* icon */
a.service i { display: inline-block; border: #fff 4px solid; width: 130px; height: 130px; line-height: 120px; text-align: center; border-bottom: 0; font-size: 60px; color: #fff; -moz-border-radius: 50%; border-radius: 50%; }
a.service:hover i { color: #000; background: #fff; }
/* colors */
a.service.orange i { border: #F07057 4px solid; border-bottom: 0; }
a.service.orange:hover i { color: #fff; background: #F07057; }
a.service.green i { border: #7E8344 4px solid; border-bottom: 0; }
a.service.green:hover i { color: #fff; background: #7E8344; }
a.service.mauve i { border: #C91AC9 4px solid; border-bottom: 0; }
a.service.mauve:hover i { color: #fff; background: #C91AC9; }
a.service.yellow i { border: #F1C40F 4px solid; border-bottom: 0; }
a.service.yellow:hover i { color: #fff; background: #F1C40F; }
a.service.blue i { border: #377ef4 4px solid; border-bottom: 0; }
a.service.blue:hover i { color: #fff; background: #377ef4; }
a.service.pink i { border: #F73F69 4px solid; border-bottom: 0; }
a.service.pink:hover i { color: #fff; background: #F73F69; }
/* description bullet color */
.service-desc .blue, a.service.blue i { color: #377ef4; }
.service-desc .yellow, a.service.yellow i { color: #F1C40F; }
.service-desc .mauve, a.service.mauve i { color: #C91AC9; }
.service-desc .orange, a.service.orange i { color: #F07057; }
.service-desc .green, a.service.green i { color: #7E8344; }
.service-desc .pink, a.service.pink i { color: #F73F69; }
/* description title and icon */
.service-desc { padding: 15px; }
.service-desc h3 { padding-bottom: 20px; }
.service-desc i { font-size: 11px; color: #ddd; }
.service-desc p { padding-top: 0; }


#mobileMenu { height: 40px!important; padding: 20px 0 20px!important }
section.util-row { color: #fff; background: #333; }
.overlay.gray { background: rgba(33,33,33,0.9) !important; }
.home-page .media { -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; }
.home-page .media-list li.media { width: 33.33333333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; margin-top: 0!important }
.home-page .media-wrapper { background: #fff; padding: 20px; margin: 15px 0; height: 462px }
.home-page .media-list .media:hover { box-shadow: #eee 0 0 15px; }
.home-page .media-list .media-wrapper > a { display: block; margin: -20px -20px 20px -20px; max-width: 360px; max-height: 200px; overflow: hidden; }
.media-list li a img.media-object { max-width: 360px; }
.media-list li .media-body { }
.media-list li .media-body h4.media-heading { padding-top: 5px }
.home-page .media-list li .media-body h4.media-header a:after { content: "\f08b"; }
.media-list li .media-body > :first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.quick-blog .media-list img { max-width: 360px; max-height: 200px }
#contact article { margin-bottom: 20px }
.blog-posts { padding: 30px 50px }
.change { padding: 5px }
.home-page #header { margin-top: 0px !important }
#contact article { display: none }
#culinary .row h3 { }
#culinary .row h3 i { float: left; margin-top: 8px }
#culinary .row h3 > div { float: left; margin-left: 10px }
#culinary { padding: 110px 0 0 }
#Form376 #header { display: none }
#Form376 label { display: none }
#Form376 input { border: #ddd 1px solid; margin: 0 !important; padding: 16px; font-size: 16px; box-shadow: none !important; background: #fff; }
#Form376 .buttons { font-family: 'Open Sans'; font-size: 16px; font-weight: 600; line-height: 32px; text-transform: uppercase; font-family: 'open Sans'; border: 0; border: rgba(255,255,255,0.2) 2px solid; padding-left: 25px; padding-right: 25px; position: relative; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; }
.nav li.spacer { text-indent: -5000px; padding: 0px; margin-left: 0px; margin-right: 0; padding-left: 0; }
.modal { background: #fdfff3 }
.modal { margin-top: 0; padding-top: 00px }
.modal-lg { margin-top: 1px; padding-top: 10px }
.modal-close { font-size: 72px; display: block; text-align: center; margin: 0 auto; font-family: 'Raleway', sans-serif; font-weight: 100; color: #dde0ce }
.scroll-for-more { position: absolute; bottom: 20px; right: 40px; z-index: 102; color: #fff; text-align: center; width: 50px; }
.scroll-for-more img { position: relative; top: 0; }
a.social { display: block; width: 36px; height: 36px; line-height: 38px; font-size: 20px; text-align: center; background: rgba(0,0,0,0.3); color: #fff; margin: 10px 1px; float: right; }

#vt_nav { width: 75%; list-style-position:inside; margin:0 auto}
#vt_nav li {list-style-position:inside; margin-left:5px}
#vt_nav li a { display: block; padding: 0px 5px; border-bottom: 1px solid #999; text-decoration: none; font-size: 13px; }
#vt_nav li a:hover, #vt_nav li a.active { background: #e5e5e5; color: #2a2a2a; }
#vt_nav li ul {/* display: none;*/ }
#vt_nav li ul li a { padding: 0px 5px; background: #ececec; border-bottom: 1px solid #ccc; }

/** 14. Responsive
 **************************************************************** **/
@media only screen and (max-width: 960px) {
div.services-nav { padding-left: 36px; }
figure.top { margin-top: 0; }
}

@media only screen and (max-width: 768px) {
#header a.navbar-brand { color: #005dab }
section { text-align: center; }
figure.pull-left, figure.pull-right { float: none !important; display: block !important; margin-bottom: 30px !important; }
#home .image-caption h1, #home .image-caption h2 { font-size: 450%; }
#mobileMenu { display: block; width: 50px; height: 60px; float: right; margin-right: 15px; font-size: 24px; text-align: right; }
#header a.btn-fullscreen { display: none !important; }
#header .navbar-inverse ul.nav a { padding: 10px 30px; }
a.service { width: 49%; margin: 15px 0; }
section.util-row div.separator { margin-top: 20px; padding-top: 30px; border: 0; text-align: center; border-top: rgba(255,255,255,0.1) 1px solid; }
footer a.toTop { bottom: auto; -moz-border-radius: 8px; border-radius: 8px; }
footer .copyright { padding-top: 30px; padding-bottom: 30px; }
footer div.text-right, footer { text-align: center; !important;}
#header { position: fixed !important; left: 0; top: 0; right: 0; margin-top: 0 !important; }
#header .navbar { margin: 0; padding: 0; margin-bottom:0px }
#header a.navbar-brand { padding: 0; height: 55px; line-height: 55px; font-size: 18px; font-weight: 400; text-transform: uppercase; padding-left: 15px; }
#header a.navbar-brand .white { color: #fff; }
#header a.navbar-brand .dark { color: #232428; }
#header a.navbar-brand img { margin: 0; padding: 0; margin-top: -7px; margin-right: 6px; }
#header .navbar-inverse { border: 0; border-radius: 0; background: #fff; }
#mobileMenu { color: #005dab; display: block; }
#header { margin: 0; height: 55px; }
#header .navbar-nav { margin: 0 }
#header { margin-top: 0px !important }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; }
.navbar-inverse { background: #fff!important }
#header .navbar-inverse li.spacer { display: none }
#header a.navbar-brand { color: #005dab }
.nav li.amenities { margin-left: 0px; }
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse { text-align: left }
.navbar-nav { float: none; }
.navbar-nav>li { float: none; }
.nav >li { display: block; }
.nav li a { margin-right: 100px; color: #005dab; }
.dropdown-toggle { visibility: visible!important; display: block!important; width: 100px; margin-right: 0px!important; text-align: center; float: right }

}

@media only screen and (max-width: 479px) {
#home .image-caption h1, #home .image-caption h2 { font-size: 45px; line-height: 45px; }
#home .image-caption p { font-size: 26px; line-height: 30px; }
#slider .slides-navigation a { top: auto; bottom: 30px; }
#slider .slides-pagination { bottom: 30px; }
#header { position: fixed !important; left: 0; top: 0; right: 0; margin-top: 0 !important; }
#services .cover { display: none; }
.input-group.bordered input { font-size: 15px; text-align: center; }
.input-group.bordered, .input-group.bordered input, .input-group.bordered .input-group-btn, .input-group.bordered .btn { display: block !important; width: 100% !important; margin: 0 !important; }
.input-group.bordered .input-group-btn .btn { margin-top: 1px !important; }
ul.bstrap-tabs { width: 100%; }
ul.bstrap-tabs li, ul.bstrap-tabs li a { width: 100%; height: auto; display: block; margin: 0 -1px; -moz-border-radius: 0; border-radius: 0; }
ul.bstrap-tabs li { margin-bottom: 1px; }
ul.bstrap-tabs li, ul.bstrap-tabs li a, ul.bstrap-tabs li.active a { border: 0 !important; }
ul.bstrap-tabs li.active a { border: 0 !important; background: #eee !important; }
ul.bstrap-tabs li a i { display: none; }
.newsletter-subscribe { padding-right: 15px !important; }
}


@media only screen and (max-width: 768px) {
#mobileMenu { color: #005dab; display: block; }
#header { margin: 0; height: 55px; }
#header .navbar-nav { margin: 0 }
#header { margin-top: 0px !important }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; }
#header .navbar-inverse { background: #fff!important }
#header .navbar-inverse li.spacer { display: none }
#header a.navbar-brand { color: #005dab }
.nav li.amenities { margin-left: 0px; }
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse { text-align: left }
.navbar-nav { float: none; }
.navbar-nav>li { float: none; }
.nav >li { display: block; }
.nav li a { margin-right: 100px; }
.dropdown-toggle { visibility: visible!important; display: block!important; width: 100px; margin-right: 0px!important; text-align: center; float: right }
#home .rebuild-history {border-top:1px solid #e5e5e5; text-align:center; padding-top:5px; width:100%; float:none; position:relative; left:0; bottom:0; top:55px; z-index:999; height:auto; background:#fff}
#home .rebuild-history a {color:#000; text-shadow: 0px 0px #000; font-size:13px; line-height:1.4em; font-weight:400}
#home .rebuild-history img {width:48px; height:48px; margin:0; padding:0; }

}

@media (max-width: 1199px) {
.navbar-nav>li { float: none; margin: 0 0px; }
.nav >li { display: inline-block;  width: 134px;  margin: 0;}
.nav li a { margin-right: 0px; font-size: 16px; padding:20px 0}
#header .navbar-inverse ul.nav a { font-size: 15px; font-weight: 400; padding-top: 15px; padding-bottom: 15px; }
#header .navbar-inverse ul.nav li li a { color: #005dab; text-transform: uppercase; font-size: 14px; font-weight: 400; padding-top: 5px; padding-bottom: 5px; }
}

@media (min-width: 320px) {
section { padding: 5px 0 30px; }
#header a.navbar-brand {font-size:16px}
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse { text-align: left }
.navbar-nav { float: none; }
.navbar-nav>li { float: none; }
.nav >li { display: block; }
.nav > li a{margin-right:100px}
.navbar-inverse .navbar-nav>li>a  { color:#005dab; text-transform:uppercase}
.dropdown-toggle { visibility: visible; display: block; width: 100px; margin-right: 0px!important; text-align: center }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #005dab; background-color: #fff; }
#home .image-caption h1 {font-size:230%}
#home .image-caption {top:200px;}
#home .image-caption .blue-oval { font-size:30px; height:40px; width:40px; border-radius:20px; line-height:50px; }
#slider .slides-pagination {  bottom: 50px; }
section#about header {margin-top:30px}
#about .right-circles a {float:none; position:relative; margin:0 auto; left:0; top:0}
section.quote-row .container-fluid {padding:20px}
#contact address {  position: relative; background: #fff;  padding: 20px;  left: 0px;  top: 0px;  z-index: 2;  width: auto;  font-size: 15px;}
.weather-cam {display:none}
  .weather-link {display:block!important}
}

@media (max-width:599px) {
.float-rt, .float-left { float: none!important; margin: 0 auto!important; }
}

@media (min-width: 600px) {
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse { text-align: left }
.navbar-nav { float: none; }
.navbar-nav>li { float: none; }
.nav >li { display: block; }
.nav li a { margin-right: 100px; }
.dropdown-toggle { visibility: visible; display: block; width: 100px; margin-right: 0px!important; text-align: center }
}

@media (min-width: 768px) {
section { padding: 5px 0 110px; }
section#about { padding-bottom: 80px }
section#about header { margin-top: 130px }
section#ourclub { padding-bottom: 30px; padding-top: 80px }
section#ourclub-links { padding-top: 30px; padding-bottom: 30px }
section#testimonial { padding: 50px 0 }
#culinary header { margin-bottom: 20px }
section#amenities { padding-top: 110px }
section#quick-blog { padding-top: 110px }
section#contact { padding-top: 110px; padding-bottom: 50px }
.navbar-collapse { position: relative; z-index: 999 }
.navbar-nav { float: none; text-align: center; z-index: 99; margin-top: 20px }
.nav >li { display: inline-block; }
.navbar-nav>li { float: none; margin: 0 }
.mc-icon { background:#fff url(/assets/spindletophall/Media/sph-icon.png) no-repeat center center !important; }
#header { min-height: 120px }
#header .navbar-header { position: absolute; z-index: 1; padding: 0; height: 98px; padding-left: 0px; width: 100%; margin: 10px auto 0; }
#header a.navbar-brand img { margin: 0; padding: 0; margin-top: 0px; margin-right: 0px; }
.navbar-brand { margin: 0; padding: 50px 0; background: url(/assets/spindletophall/Media/top-logo.png) no-repeat center 0px!important; display: block; text-indent: -5000px; float: none; }
.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; }
.navbar-collapse.in { overflow-y: none; }
.navbar-collapse { text-align: center }
.navbar-nav { float: none; }
.navbar-nav>li { float: none; }
.nav li a { margin-right: 0px; font-size: 17px; padding:20px 0; }
.nav .dropdown-menu a {padding:5px; margin:5px; color: #005dab;}
.dropdown-toggle { visibility: hidden!important; display: none!important; }
.nav li:hover .dropdown-menu { display: block; margin-top: -1px; }
.navbar-inverse { background-image: none!important }
.navbar-inverse { background-color: #fff; border-color:transparent; }
#home .rebuild-history {text-align:center; width:224px; float:left; position:absolute; left:5%; bottom:5%; z-index:999; }
#home .rebuild-history a {color:#fff; text-shadow: 1px 1px #000; font-size:11px; line-height:1.2em; font-weight:400}
#home .rebuild-history img {width:224px; height:167px; margin:0; padding:0}
#home .breeder-cup {text-align:center; width:301px; height:248px; float:left; position:absolute; left:3%; bottom:38%; z-index:999; }
#home .breeder-cup a {color:#fff; text-shadow: 1px 1px #000; font-size:11px; line-height:1.2em; font-weight:400}
#home .image-caption h1 {font-size:430%}
#home .image-caption {top:70%;}
#about .right-circles a {float:left; position:absolute; margin:0; top:30px; right:75px; left:inherit;}
#about .circle-1 {width:295px; height:295px; display:block; float:left; position:absolute; top:30px!important; right:75px!important;}
#about .circle-2 {width:295px; height:295px; display:block; float:left; position:absolute; top:250px!important; left:15px!important;}
#about .circle-3 {width:295px; height:295px; display:block; float:left; position:absolute; top:420px!important; left:225px!important;}
section.quote-row .container-fluid {padding:80px; background:rgba(0,0,0, .3);}
section.quote-row .container-fluid article{padding:0 50px}
#contact address {  position: absolute;  background: #fff;  padding: 20px;  left: 20px;  top: 10px;  z-index: 2;  width: 280px;  font-size: 15px;}
.weather-cam:hover {transition: opacity .3s ease; opacity:.6}
.weather-cam {background:url(/assets/spindletophall/Media/weather-cam.png); width:64px; height:63px; display:block; float:right;   position: absolute;  right: 0;
  top: -11px;  text-indent: -5000px; opacity:1}
.weather-cam a {display:block; width:64px; height:63px}
  .weather-link {display:none!important}
}
@media (min-width: 1199px) {
.nav > li { display: inline-block; width:150px; margin:0}
}
@media only screen and (max-width : 992px) {
    /*body {display: none;}*/
    .navbar-nav > li {float: none;}
    .navbar-nav {float: none;}
    .nav.navbar-nav {clear: both; float: left; margin: 0 0 0 -15px; width: 100%;    }
}

@media (min-width: 767px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    float: none;
    padding: 50px;
}
}