/** 01. Globals
 **************************************************************** **/
html, body { overflow-x: hidden; overflow-x: hidden;     font-family: 'Times', 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; }
section { background-color:rgba(241, 242, 232, 1); }
section.arrow-down { background: #ffffff url('/assets/battlegroundcc/Media/down_white.png') no-repeat top center }
section.alternate { background-color:rgba(241, 242, 232, 1); }
section.alternate-dk { background: #d4d4d4; }
section.alternate.arrow-down { background: #F6F6F6 url('/assets/battlegroundcc/Media/down_alternate.png') no-repeat top center }
section.blue { background: #6599af; }
section.blue li, #container section.blue h2 { color: #fff }
section.white { background-color:rgba(241, 242, 232, 1) }
.blog-body #header { position: relative }
.wrap { }
* { margin: 0; }
html, body, .body { height: 100%; }
.no-pad {padding:0}
/** 01. Typography
 **************************************************************** **/
body { color: #555;background-color:rgba(241, 242, 232, 1);     font-family: 'Times', 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: 'Times', serif; font-weight: 300; padding: 0; margin: 0; color: #325374; }
h1 { font-size: 48px; line-height: 45px; }
h2 { font-size: 40px; line-height: 35px; }
h3 { font-size: 36px; line-height: 30px; }
h4 { font-size: 30px; line-height: 24px; }
h5 { font-size: 18px; line-height: 18px; }
h6 { font-size: 14px; line-height: 14px; }
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:rgba(241, 242, 232, 1); 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; }

/** 02. Spacing   **************************************************************** **/
header.heading { 20px 0 10px 0}
p { margin: 0; padding: 10px 0; line-height: 26px; }
header.heading  p { padding: 0; }
section { padding: 5px 0 110px; }
section#about { padding-bottom: 80px }
section#about header.heading  { 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.heading  {margin-bottom:20px}
section#amenities { padding-top: 110px }
section#quick-blog { padding-top: 110px }
section#contact { padding-top: 110px; padding-bottom:50px}
section section { padding: 30px 0; }
section header.heading  p { margin: 0; padding: 0; }
section article { margin-bottom: 80px; }
section article:last-child { margin-bottom: 0; }
pre { margin: 20px 0; }
section header.heading  { padding-top: 40px }
.inner-content {margin-bottom:40px}
/** 03. Responsive
 **************************************************************** **/
@media only screen and (max-width: 960px) {
html, body { font-size: 15px; }
p { line-height: 22px; }
}
/* BUTTONS - BOOTSTRAP REWRITE */
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; }

.video-frame {min-height:240px}
.video-frame iframe {min-height:240px}
.video-frame-tall { min-height: 550px;}
.video-frame-tall iframe{  min-height: 550px;}
/** 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/battlegroundcc/Media/nav-fade.png) repeat-x center -100px; */  background-color: transparent;   background-color:rgba(241, 242, 232, 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 { }
#header .navbar-inverse ul.nav a { color: #042250; text-transform: uppercase; font-size: 18px; font-weight: 400; padding-top: 15px; padding-bottom: 15px; }
#header .navbar-inverse ul.nav li.active a, #header .navbar-inverse ul.nav a:hover { color: #ABA798; }
#header .navbar-inverse .navbar-nav>li>a {text-shadow: 0 0px 0 rgba(0,0,0,.25); }
#header .navbar-collapse { padding: 0; }
#mobileMenu {color:#263D55; display: none; }
/* white */
#header .navbar-inverse.white { background-color:rgba(241, 242, 232, 1); 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; }
/** 03. Slider
**************************************************************** **/
#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: 50%; 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; background: #263d55; font-family: "utopia-std-display", serif; font-size: 50px; line-height: 50px; margin: 0; padding: 5px 35px; font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
#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/battlegroundcc/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 }

.address-input {width:250px;  background-color:transparent; border:0px none; border-bottom:1px solid #263D55; 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 #263D55;}


ol.carousel-indicators {
    display: none;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}
@media(max-width:991px){
a.dropdown-toggle {
    display: block!important;
}
}
@media(min-width:992px){
a.dropdown-toggle {
    display: none!important;
}
}

/** 04. Content
 **************************************************************** **/
.tweet { letter-spacing: .02em; font-size: 24px }
.page-banner { overflow: hidden }
/* ====== Testimonial ====== */
.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 10%; font-size: 24px; line-height: 36px; text-align: center; }
.testimonial .icon-testimonial { font-size: 105px; padding-bottom: 15px; color: #4B93A8; 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: #4B93A8; font-size: 25px; font-weight: 300; z-index: 1; color: #CECECE; }
.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: #fff }
.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/battlegroundcc/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;}

/* 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; 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: 110px }
.img-3 { top: 180px }
/* 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/battlegroundcc/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 { position: absolute; background: #fff; padding: 20px; left: 20px; top: 10px; z-index: 2; width: 280px; font-size: 15px; }
#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/battlegroundcc/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/battlegroundcc/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; }
/** 06. About 
 **************************************************************** **/
.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/battlegroundcc/Media/quote-row-bg2b.jpg) no-repeat center center; padding: 100px 0; background-size: cover; }
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: #fff; }
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: 20px; line-height: 20px; }
/* 		custom sections 		Write here needed Paddings	*/
section.util-row .newsletter-subscribe { padding-top: 10px; padding-bottom: 10px; }	/* newsletter subvscribe */
/*  Sudo Slider */
#slider-amen { width: 100%; 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/battlegroundcc/Media/left-arrow.png) no-repeat 0 0; cursor: pointer; }
.nextBtn { right: 10px!important; }
.prevBtn { left: 10px; }
.nextBtn { background: url(/assets/battlegroundcc/Media/right-arrow.png) no-repeat 0 0; }
#slidemenu-amen { height: 54px; 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: 54px; line-height: 54px; width: 136px; margin: 0px; margin-left: -5px; }
#slidemenu-amen ul li a { padding: 12px 15px; text-decoration: none; color: #263d55; background: transparent; position: relative;font-size: 18px; }
#slider-amen  ul.slidesContainer li img {width:100%!important}
/*.customLink.active { background:url(/assets/battlegroundcc/Media/amen-hover.png) repeat-x center bottom; }*/
.customLink.current { background: url(/assets/battlegroundcc/Media/amen-hover.png) repeat-x center bottom; }
.slide-info { color: #fff; display: block; background-color: transparent; background-color: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 115px; left: 0; bottom: 0; padding:20px 50px; font-size: 16px }
.slide-info strong { font-size: 18px; font-weight: bold; text-decoration: underline; margin-right: 15px }
.slide-info span { }
/** 10. Tabs  **************************************************************** **/
/* 		BOOTSTRAP TABS 	*/
ul.bstrap-tabs { border: 0; display: inline-block; margin: 50px 0 30px 0; }
ul.bstrap-tabs li a { font-size: 17px; text-align: center; margin: 0 3px; color: #666; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; }
ul.bstrap-tabs>li>a, ul.bstrap-tabs>li>a:hover, ul.bstrap-tabs>li>a:focus, ul.bstrap-tabs>li.active>a, ul.bstrap-tabs>li.active>a:hover, ul.bstrap-tabs>li.active>a:focus { border-top: #999 1px solid; }
ul.bstrap-tabs li.active a, ul.bstrap-tabs li.active a:hover { border-top: #647282 1px solid; background: #EEEEEE; }
ul.bstrap-tabs li a i { display: block; font-size: 30px; line-height: 30px; color: #999; margin-top: -55px; margin-bottom: 20px; }
ul.bstrap-tabs li.active a, ul.bstrap-tabs li.active a i { color: #647282; }
div.bstrap-tabs h2 { font-size: 24px; margin-bottom: 20px; text-align: center; }
div.bstrap-tabs h2:after { content: '\00A0 \2014'; }
div.bstrap-tabs h2:before { content: '\2014 \00A0'; }
/** 11. Footer
 **************************************************************** **/
footer { padding: 10px 0; font-size: 13px; background: #263D55; 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: url(/assets/battlegroundcc/Media/our-club-bg.jpg); background-size: cover }
#portfolio .isotope-item { max-width: 360px; 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; }

/* 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: 100%; }
.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; }

/** 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) {
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; }
#header a.navbar-brand {color:#263D55; padding: 0; height: 55px; line-height: 55px; font-size: 14px; 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: #263D55; 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:#263D55}
  .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}
}


@media (min-width: 768px) {
.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 5px }
#header {min-height:115px}
#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 { }
#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/battlegroundcc/Media/nav-logo.png) no-repeat center 0px!important; display: block; text-indent: -5000px; float: none; }
#about article .page-region-content {padding-bottom:150px}
.navbar-header a.btn.btn-success { position: absolute; right: 60px;  bottom: -10px;  padding: 10px 15px;  line-height: 30px;  font-size: 14px; border: 0px none!important; 
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;}
.navbar-header a.btn.btn-success:hover {border:0px}
}



@media only screen and (max-width: 768px) {
#mobileMenu { color: #263D55; 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:#263D55}
.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}
.navbar-header a.btn.btn-success {display:none!important}
}

@media only screen and (max-width: 992px) {
.navbar-nav>li {float: none; margin: 0 0px;}
.nav li.spacer {padding: 0 25px; width: 70px; margin-left: 60px; margin-right: 0; padding-left: 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: #042250 ; text-transform: uppercase; font-size: 14px;  font-weight: 400; padding-top: 5px; padding-bottom: 5px; }
 }

@media (min-width: 320px) {
.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}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {color: #263D55; background-color: #f2f2f2;  background-image: none;  box-shadow: 0px 0;}
.page-content-left {width:100%; float:none; }
.page-content-right {  width: 100%;  padding: 0px;  float: none;  border-left: 0px solid #ccc;}
.media-body h4 {line-height:40px}
#header .navbar-inverse .nav li.dropdown a { cursor: pointer;}
  #header .navbar-inverse .nav li.dropdown a:hover { cursor: pointer; background:#f2f2f2}
}
@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}
.wrap { min-height: 100%;   /* equal to footer height */ margin-bottom: -200px; }
.wrap:after { content: ""; display: block; }
.footer, .wrap:after { height: 200px; }
}

@media (min-width: 768px) {
.navbar-nav > li > a {}
.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;    margin-left: -70px;}
.navbar-nav>li {float:none;}
.nav >li {display:inline-block;}
.nav  li  a {margin-right:0px; font-size:21px}
.dropdown-toggle {visibility:hidden!important; display:none!important; }
.nav li:hover .dropdown-menu {display:block; margin-top: -1px;}
.nav li:hover .dropdown-menu a{}
.nav li:hover .dropdown-menu a:hover{}
.navbar-inverse {background-image:none!important}
.navbar-inverse {background-color:rgba(241, 242, 232, 1); border: 0px none;}
.nav li.amenities { margin-left: 35px; }
.wrap { min-height: 100%;   /* equal to footer height */ margin-bottom: -87px; }
.wrap:after { content: ""; display: block; }
.footer, .wrap:after { height: 87px; }
.page-content-left {width: 500px; float: left;}
.page-content-right { width: 400px; padding-left: 20px; float: right; border-left: 1px solid #ccc;}
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    float: none;
  padding:50px;
}

#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 { }
.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 }
.mc-icon { background: #fff url(/assets/battlegroundcc/Media/bgcc-icon.png) no-repeat center center !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: 0;
    width: 140px;
    margin-left: 0;
    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;}

@media (max-width: 479px) {
#home .image-caption h1, #home .image-caption h2 { font-size: 25px; line-height: 25px; }
#home .image-caption p { font-size: 18px; line-height: 20px; }
#slider .slides-navigation a { top: auto; bottom: 30px; display:none}
#slider .slides-pagination { bottom: 30px; display:none}
#header { position: fixed !important; left: 0; top: 0; right: 0; margin-top: 0 !important; }
#services .cover { display: none; }
#home .image-caption .blue-oval { display: block; background: #263d55; font-family: "utopia-std-display", serif; font-size: 20px; line-height: 20px; margin: 0; padding: 5px 15px; font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.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; }
.newsletter-subscribe { padding-right: 15px !important; }
#about .page-region-content {padding-bottom:30px}
.right-circles a {width:200px; position:relative; margin:0 auto; display:block; height:200px}
.right-circles {display:block; min-height:200px}
.right-circles a img {position:relative; left:0; top:0; width:200px; height:200px}
.icon-testimonial {display:none}
#slidemenu-amen ul li {width:25%}
#slidemenu-amen ul li a{font-size:14px}
.home-page .media-list li.media {width:100%}
div.services-nav a { border: rgba(255,255,255,0.8) 2px solid; padding: 6px; }
div.services-nav i.fa { color: rgba(255,255,255,0.8); font-size: 20px; padding: 6px 10px; }
}

header {background: url(/assets/battlegroundcc/Media/white-nav-fade.png) repeat-x center 0px; height:210px}
#header {  margin: 0 auto;  padding: 0;  position: absolute;  width: 100%;  left: 0;  right: 0;  top: 0;  color: #fff;  z-index: 99;  background-color: transparent;}
.navbar-inverse {  background-color: transparent!important;  border: 0px none;}
header.heading {background:transparent none no-repeat; height:auto!important}

.module-edit-overlay {  position: absolute;  top: 0;  left: 0;  z-index: 999;  width: auto;  padding: 8px 5px;  background: rgba(0,0,0,0.5);}
.slideshow-edit-overlay {  top: 50%!important;  left: 50%!important;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.nav>li>a {  position: relative;  display: block;  padding: 10px 5px;}
.nav li.spacer {  text-indent: -5000px;  padding: 0 25px;  width: 155px;  margin-left: 0px;  margin-right: 0;  padding-left: 0;}
.page-content-left {width:100%; float:none; }
.page-content-right {  width: 100%;  padding: 0px;  float: none;  border-left: 0px solid #ccc;}
}
@media (min-width:320px){
.events-banner {position:relative; top:0;left:0;padding:0;margin:0; height:300px; overflow:hidden}
.page-region-module img {width:100%; min-height:300px}
}
@media (min-width:768px){
.events-banner {position:relative; top:0;left:0;padding:0;margin:0; height:380px; overflow:hidden}
.page-region-module img {width:100%; min-height:380px}
.modal-content .page-region-module img {width:100%; min-height:300px}
}
@media only screen and (max-width: 1199px) {
#header .navbar-inverse ul.nav a { font-size: 15px;  font-weight: 400; padding-top: 15px; padding-bottom: 15px; }
 }
@media (min-width:1200px){
.navbar-nav>li { float: none; margin: 0 10px }
#header .navbar-inverse ul.nav a { font-size: 17px;  font-weight: 400; padding-top: 15px; padding-bottom: 15px; }
.events-banner {position:relative; top:0;left:0;padding:0;margin:0; height:480px; overflow:hidden}
.page-region-module img {width:100%; /*min-height:480px; max-height:560px; min-width:1600px */}
.modal-content .page-region-module img {width:100%; min-height:300px}
 #PageRegionModules_quick_blog_posts img {width:360px!important; height:200px!important; max-height:200px!important; min-height:200px!important; min-width:360px!important}
}




.carousel-caption{
  padding-bottom:0px;
      display: none;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #f65a3a;
	font-weight:400 !important;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #0d9b56;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #f65a3a;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color:#0d9b56;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
.rw-words{
	display: inline;
	text-indent: 10px;
}
.agileits-banner-info span {
    color: #fff;
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: 700;
    text-align: left !important;
}

.agileits_w3layouts_more a {
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    background:#0d9b56;
    padding: .7em 2em;
    display: inline-block;
    margin-top: 40px;
	border-radius:2px;
}
.agileits_w3layouts_more a:focus{
	outline:none;
}
.agileits_w3layouts_more a:hover{
	background:#f65a3a;
}
.agileits_w3layouts_more.menu__item {
    text-align: center;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
@media (max-width:991px){
  .events-banner {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
    margin-top: 55px;
}
.carousel .carousel-inner {}
.carousel .carousel-inner {}
.carousel .carousel-inner .item {}
.carousel .carousel-inner .item img{min-height: initial!important;max-height:240px;width: auto!important;height:auto!important;}
}
