body, .body { width: 100%; height: 100%; font-size: 17px; font-family: 'Open Sans', sans-serif; line-height: 1.6em; color: #2a2a2a; background-color: #f2f2f2; font-weight:400}
html { width: 100%; height: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 35px; text-transform: uppercase;  font-family: 'Dosis', sans-serif; }
h3 {font-size:30px}
h4 {font-size:24px;}
h5{font-size:18px}
b, strong {font-weight:bold}
em, i {font-style:italic}
.container-fluid { padding-left: 0; padding-right: 0 }
.divider { padding: 0 15px }
a { color: #219ab3; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; color: #11505d; }
.light { font-weight: 200; }
section.alternate { background: #fff }
section.blue { background: #013253; color: #fff!important }
a.dropdown-toggle {
    display: none!important;
}
ol.carousel-indicators {
    DISPLAY: NONE;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}
section#nine-box { padding-left: 15px; padding-right: 15px }
section h2 { font-family: 'Dosis', sans-serif; font-size: 50px; color: #666; font-weight: 300 }
section h2 p { font-size: inherit; margin: 0 }
section h3 { font-family: 'Dosis', sans-serif; color: #666; font-weight: 300 }
.navbar-custom { margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.3); text-transform: uppercase; background-color: rgba(255,255,255, .8); }
.navbar-custom .navbar-brand:focus { outline: 0; }
.navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: #013253; }
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active { outline: 0; }
.navbar-custom a { color: #013253; }
.navbar-custom .nav li.active { outline: nonte; background-color: rgba(255,255,255,.3); }
.navbar-custom .nav li a { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li a.active { outline: 0; background-color: rgba(255,255,255,.3); }

/* Carousel */
#myCarousel { min-height: 450px }
div.carousel { height: 50%; }
div.carousel .item, div.carousel .item.active, div.carousel .carousel-inner { min-height: 450px; height: 100%; }
div.carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.intro { display: table; width: 100%; height: auto; padding: 100px 0; text-align: center; color: #013253; background: url(/assets/northhillsclub/Media/home_screen.jpg) no-repeat bottom center scroll; background-color: #000; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.intro .intro-body { display: table-cell; vertical-align: top; padding-top:10% }
.intro .intro-body .brand-heading { font-size: 60px; padding-top: 50px; font-weight:300; }
.intro .intro-body .intro-text { font-size: 25px; }


/*  Sudo Slider */
#slider-amen { width: auto; 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/northhillsclub/Media/left-arrow.png) no-repeat 0 0; cursor: pointer; }
.nextBtn { right: 10px!important; }
.prevBtn { left: 10px; }
.nextBtn { background: url(/assets/northhillsclub/Media/right-arrow.png) no-repeat 0 0; }
#slidemenu-amen { height: 35px; text-align: center; }
#slidemenu-amen ul { text-align: center; margin: 0; padding: 0; list-style-type: none; z-index: 999; background: #f2f2f2 }
#slidemenu-amen ul li { display: inline-block; *display:inline; zoom: 1; position: relative; height: 35px; line-height: 35px; width: 20%; margin: 0px; margin-left: -5px; }
#slidemenu-amen ul li a { padding: 12px 15px; text-decoration: none; color: #263d55; background: transparent; position: relative; }
#slider-amen ul li a:hover { color: #ccc }
.customLink.current { background: #fff }
.slide-info { color: #fff; font-family: 'Dosis', sans-serif; display: block; background-color: transparent; background-color: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; line-height: 30px; height: 85px; left: 0; bottom: 0; padding: 10px; font-size: 18px; }
.slide-info strong { font-size: 26px; font-weight: 400; text-decoration: none; margin-right: 15px; font-family: 'Dosis', sans-serif;  }
a.slide-info:hover { color: #999 }

.media { -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; }
.media-list li.media { width: 33.33333333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; margin-top: 0!important }
.media-wrapper { background: #fff; padding: 20px; margin: 15px 0; }
.media-list .media:hover { box-shadow: #eee 0 0 15px; }
.media-list .media-wrapper > a { display: block; margin: -20px -20px 10px -20px; height: 250px; overflow: hidden; }
.media-list li a img.media-object { width: 100% }
.media-list li .media-body { }
.media-list li .media-body h4.media-heading { font-weight:500}
.media-list li .media-body h4.media-header a:after { content: "\f08b"; }
.media-list li .media-body p { }
#contact article { margin-bottom: 20px }
.blog-posts { padding: 30px 50px }

.btn-circle { width: 50px; height: 50px; margin-top: 55px; padding: 0px 5px; border: 2px solid #013253; border-radius: 25px; font-size: 35px; color: #013253; background: 0 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.btn-circle-old {  width: 30px;   height: 50px;    margin-top: 85px;   padding: 0px 5px;   border-top: 2px solid #fff;   border-radius: 0;   font-size: 35px;   color: #fff;   background: 0 0;   -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;  transition: background .3s ease-in-out;   line-height: 23px;}
.btn-circle:hover, .btn-circle:focus { outline: 0; color: #013253; background: rgba(255,255,255,.8); }
.btn-circle i.animated { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; }
.btn-circle:hover i.animated { -webkit-animation-name: pulse; -moz-animation-name: pulse; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; margin-top:1px}
.btn {position:relative}
.see-more {  position: absolute;   left: 50%;   font-size: 14px;   top: -25px;   margin-left: -33px; }
.profile-pic { position: absolute; z-index: 999; width: 98%; min-height: 300px; border: 5px solid #f0f0f0; top: 0px; display: block; position: relative; background: #fff; overflow: hidden; text-align: center; margin: 5px auto; }
.profile-btn-bg { position: absolute; background-color: rgba(255,255,255, 1); width: 100%; height: 18%; bottom: 0px; line-height: 55px; font-size: 22px; color: #013253; text-transform: uppercase; font-weight:300 }
a.profile-pic:hover .profile-btn-bg { height: 100%; -webkit-transition: height .55s ease-in .1s; -moz-transition: height .55s ease-in .1s; -o-transition: height .55s ease-in .1s; transition: height .55s ease-in .1s; }
span.profile-pic-btn { color: #013253; font-size: 20px; padding-top: 0 }
.profile-btn-bg .appear { opacity: 0 }
.appear { display: block; height: 60px; position: relative; width: 80%; font-size: 24px; line-height: 60px; margin-top: 75px; margin-left: auto; margin-right: auto; padding: 0 20px; border-top: 2px solid #013253; border-bottom: 2px solid #013253; }
.cupola { width: 35px; height: 35px; margin: 0; position: absolute; left: 50%; margin-left: -17px; margin-top: -33px; opacity:1}
a.profile-pic:hover .profile-btn-bg .appear { opacity: 1; -webkit-transition: opacity .7s ease-in; -moz-transition: opacity .7s ease-in; -o-transition: opacity .7s ease-in; transition: opacity .7s ease-in; }
a.profile-pic:hover .profile-btn-bg .cupola { opacity: 0; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; }
a.profile-pic:hover .profile-pic-btn { opacity: 0; -webkit-transition: opacity .7s ease-out .2s, padding-top .5s; -moz-transition: opacity .7s ease-out .2s, padding-top .5s; -o-transition: opacity .7s ease-out .2s, padding-top .5s; transition: opacity .7s ease-out .2s, padding-top .5s; }
a.work { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/work.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top; }
a.play { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/play.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.grow { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/grow.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.celebrate { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/celebrate.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.meet { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/meet.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.greet { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/greet.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.relax { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/relax.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.indulge { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/indulge.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
a.belong { background: url(/assets/northhillsclub/Media/sq-imgs/cropped/2019/belong.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center top;  }
.bio-pic { position: absolute; z-index: 999; width: 250px; height: 250px; border: 5px solid #f0f0f0; border-radius: 125px; -webkit-border-radius: 125px; -moz-border-radius: 125px; top: 0px; display: block; position: relative; background: #fff; overflow: hidden; text-align: center; margin: 5px auto }
.bio-btn-bg { position: absolute; background-color: rgba(255,255,255, .9); width: 100%; height: 35%; padding-top: 0; bottom: 0px; line-height: 20px; font-size: 22px; color: #013253; text-transform: none }
span.bio-pic-btn { color: #013253; font-size: 20px; display: block; padding-top: 5px }
span.bio-title { text-transform: none; font-size: 13px; color: #666; line-height: 1em; text-wrap: normal; }
a.bio-pic:hover .bio-btn-bg { height: 100%; padding-top: 85px; -webkit-transition: height .75s, padding-top .5s ease-in .2s; -moz-transition: height .75s, padding-top .5s ease-in .2s; -o-transition: height .75s, padding-top .5s ease-in .2s; transition: height .75s, padding-top .5s ease-in .2s; }
.content-section { padding-top: 110px; }
.address-search {padding:5px 5px 10px; border:1px solid #ccc; width:100%; margin:10px 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; }
#map { width: 100%; height: 200px; margin-top: 50px; }
footer { padding: 20px 0; font-size: 11px; }
footer p { margin: 0; font-size: 11px; }
div.carousel .carousel { height: 70%; }
::-moz-selection {
 text-shadow: none;
 background: #84e0de;
 background: rgba(132, 224, 222,.5);}
::selection { text-shadow: none; background: #84e0de; background: rgba(132, 224, 222,.5); }
img::selection { background: 0 0; }
img::-moz-selection {background: 0 0;}
body { webkit-tap-highlight-color: rgba(255,255,255,.2); }
.btn { text-transform: uppercase; font-weight: 400; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn-default { border: 1px solid #219ab3; color: #219ab3; background-color: transparent; }
.btn-default:hover, .btn-default:focus { border: 1px solid #219ab3; outline: 0; color: #000; background-color: #219ab3; }
ul.banner-social-buttons { margin-top: 0; }

@media(min-width:320px){
div#slider-amen.slidecontainer.slider {height:250px!important}
div#slider-amen.slidecontainer.slider .slide img {max-width:100%; min-height:200px}
#amenities .controls {display:none}
.slide-info {font-size:12px}
}

@media (max-width:768px) {
.navbar-brand { float: left; height: 60px; padding: 15px 15px; font-size: 14px; line-height: 30px; display: block;  width: 250px }
.navbar-header { min-height: 60px; }
section#amenities { padding-top: 110px; min-height: 300px; padding-bottom: 50px }
.media-list li.media {float:none; display:block; width:100%}
.media-wrapper {min-height: 250px; }
.intro .intro-body img {width:300px; margin:0 auto}
#events h3 {overflow: hidden; max-height: 300px; padding:150px 0; width: 100%; height: 100%; background-size:cover}
#events a { color:#263756; line-height: 50px; display: block; background:rgba(242,242,242, .7); padding-top:0; padding-bottom:0}
.soc-event-btn h3{background:url(/assets/northhillsclub/Media/social-events-btn.jpg) no-repeat;-webkit-border-top-left-radius: 30px;  -webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.cor-event-btn h3{background:url(/assets/northhillsclub/Media/corp-events-btn.jpg) no-repeat;}
.spe-event-btn h3{background:url(/assets/northhillsclub/Media/special-events-btn.jpg) no-repeat;-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;}
#events a:hover {color:#fff; background:rgba(45,72,102,.8);}
.top-nav-collapse { background: #fff }
ul.banner-social-buttons li { display: block; margin-bottom: 20px; padding: 0; }
  ul.banner-social-buttons li:last-child { margin-bottom: 0; }
#slidemenu-amen ul li a {padding: 8px;text-decoration: none; color: #263d55;background: transparent;position: relative; font-size:11px}

}


@media(min-width:767px) {
.navbar { min-height: 80px }
.navbar-header { min-height: 80px }
.navbar { padding: 5px 0; border-bottom: 0; letter-spacing: 1px; background: 0 0; -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out; transition: background .5s ease-in-out, padding .5s ease-in-out; }
.navbar-custom .navbar-brand { font-weight: 400;  }
.navbar-brand {height: 70px; display: block; width: 240px; padding: 5px 0; line-height: 70px;}
.top-nav-collapse { padding: 0; background-color: rgba(255,255,255, 1); }
.navbar-custom.top-nav-collapse { border-bottom: 1px solid rgba(255,255,255,.3); }
.page-banner { height: 300px; overflow: hidden; max-width: 1140px; margin: 0; padding: 0 }
.intro { height: 100%; padding: 0; }
.intro .intro-body .brand-heading { font-size: 60px; }
.intro .intro-body .intro-text { font-size: 40px; font-weight: 300; text-transform: none }
section#amenities { padding-top: 110px; min-height: 450px; padding-bottom: 0px }
p { margin: 0 0 15px; }
.content-section { padding-top: 110px; padding-bottom: 40px }
.download-section { padding: 100px 0; }
#map { height: 500px; margin-top: 0px; }
.navbar-collapse.collapse { margin-top: 25px; }
.media-wrapper {min-height: 450px; }
#events h3 {overflow: hidden; max-height: 300px; padding:100px 0; width: 100%; height: 100%; background-size:cover; margin-bottom:40px}
#events a { color:#263756; line-height: 50px; display: block; background:rgba(242,242,242, .9); padding-top:0; padding-bottom:0}
.soc-event-btn h3{background:url(/assets/northhillsclub/Media/social-events-btn.jpg) no-repeat;-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;}
.cor-event-btn h3{background:url(/assets/northhillsclub/Media/corp-events-btn.jpg) no-repeat;}
.spe-event-btn h3{background:url(/assets/northhillsclub/Media/special-events-btn.jpg) no-repeat;-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;}
#events a:hover {color:#fff; background:rgba(45,72,102,.8)}
.navbar-custom .nav li a { font-size: 15px }
div#slider-amen.slidecontainer.slider {min-height:550px!important; height:auto}
div#slider-amen.slidecontainer.slider .slide img {    width: 100%; max-width: 100%;  min-height: 550px!important;  height: auto;}
.slider li.slide { float: none; height: 100%;}
#amenities .controls {display:block}
.slide-info {font-size:16px}
}
@media (max-width:991px){
  .navbar-custom .navbar-brand { font-weight: 400; background: url(/assets/northhillsclub/Media/circle-logo-50.png) no-repeat 10px center; padding-left: 65px }
}
@media (min-width:992px) {
.navbar-custom .nav li a { font-size: 17px }
.navbar { min-height: 90px }
.navbar-header { min-height: 90px }
.navbar-custom .navbar-brand { font-weight: 400; background: url(/assets/northhillsclub/Media/circle-logo-72.png) no-repeat left center; padding-left: 80px; line-height: 80px }
.navbar-brand { min-height: 90px; width: 290px; padding: 5px 0; text-indent: 0 }
.page-banner { height: 350px; }
}

@media(max-width:1199px) {
ul.banner-social-buttons { margin-top: 15px; }
}

@media(min-width:1200px) {
.page-banner { height: 450px; }
}


@-webkit-keyframes pulse {
 0 {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes pulse {
 0 {
 -moz-transform: scale(1);
 transform: scale(1);
}
 50% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
}
}
.blog-post h4, .post-publish-info, .post-footer, .blog-sidebar { display: none }
.blog-post h1 a { color: #2a2a2a }
.blog-posts-container { float: none!important; width: 83.33%!important; margin: 0 auto; }
.blog-post .post-content .open {display:none}