@charset "utf-8";
/* CSS Document */

*,::after,::before { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent }
@-ms-viewport {	width: device-width }
body { background-color: #fff }
[tabindex="-1"]:focus { outline: 0!important }
hr { box-sizing: content-box; height: 0; overflow: visible }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none }
a:not([href]):not([tabindex]):focus { outline: 0 }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar }
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation }
button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, input { overflow: visible }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox }
textarea { overflow: auto; resize: vertical }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] {	outline-offset: -2px; -webkit-appearance: none }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }
[hidden] { display: none!important }
::-moz-placeholder { color:#999 !important }
::-ms-input-placeholder { color:#999 !important }
:-ms-input-placeholder { color:#999 !important }
:-moz-placeholder { color:#999 !important }
::-webkit-input-placeholder { color:#999 !important }
::-moz-placeholder { color:#999 !important }
::placeholder { color:#999 !important }
:disabled { background:#F1F1F1 !important; border-color:#D0D0D0 !important; cursor:not-allowed !important; opacity:.8 !important }

.inner { max-width: 950px; width: 100%; margin: 0 auto; padding: 0 15px; }
.logo-left #branding { width: auto; }

.wf-3-4, .wf-span-9 { margin-top: 0; padding: 10px 0; }
.social-links { margin: 0; }
.tel2 { margin-left: 10px; }
#top-bar2 .desktop { display: block; }

#phantom { box-shadow: rgba(0,0,0,.6) 0 4px 10px 0px; }
.admin-bar #phantom { top: 32px; }

.vc_container.inner { padding-left: 0; padding-right: 0; }
.vc_row { padding: 50px 0; }

body > header { position: relative; z-index: 99999; box-shadow: rgba(0,0,0,.3) 0 4px 10px 0px; }
body > header .logo { float: left; width: 365px; margin-left: -7px; margin-bottom: 2px; }

body > header + main, body > header + .row { padding-top: 40px; padding-bottom: 40px; }
body.home header + main { padding-top: 0; padding-bottom: 0; }
body.page-id-24 > header + main,
body.page-id-49 > header + main,
body.page-id-8226 > header + main,
body.page-id-8227 > header + main,
body.page-id-8032 > header + main,
body.page-id-8166 > header + main,
body.page-id-8173 > header + main,
body.page-id-8042 > header + main,
body.page-vc > header + main,
body.page-vc > header + main
{ padding: 0; }
body.page-id-24 main > .row,
body.page-id-24 main > .row > .content,
body.page-id-49 main > .row,
body.page-id-49 main > .row > .content,
body.page-id-8226 main > .row,
body.page-id-8226 main > .row > .content,
body.page-id-8227 main > .row,
body.page-id-8227 main > .row > .content,
body.page-id-8032 main > .row,
body.page-id-8032 main > .row > .content,
body.page-id-8166 main > .row,
body.page-id-8166 main > .row > .content,
body.page-id-8173 main > .row,
body.page-id-8173 main > .row > .content,
body.page-id-8042 main > .row,
body.page-id-8042 main > .row > .content,
body.page-vc main > .row,
body.page-vc main > .row > .content
{ width: auto; max-width: none; margin-top: 0; }

.blue-banner { background: #3192BC; padding: 60px 0; color: #fff; font-family: Aleo; letter-spacing: .123em; text-transform: uppercase; cursor: default; text-shadow: #257292 0 2px 0; }
.blue-banner .wpb_content_element { margin: 0; }
.blue-banner h2 { font-size: 40px; margin-bottom: 20px; }
.blue-banner h3 { font-size: 25px; }

#main-menu { float: right; display: block; margin-top: 25px; position: relative; z-index: 70; }
#main-menu input, #main-menu label, #main-menu label > b { display: none; }
#main-menu > ul { display: block; list-style: none; margin: 0; padding: 0; text-align: right; }
#main-menu > ul > li { display: inline-block; margin-left: 15px; position: relative; }
#main-menu > ul > li.menu-item-has-children > a:after { content: '\f107'; font-family: 'FontAwesome'; display: inline-block; margin-left: 5px; font-weight: 700; position: relative; top: -1px; }
#main-menu > ul a { display: block; padding: 6px 0; font: normal normal normal 12px/ 12px "Open Sans", Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; color: #000; white-space: nowrap; text-decoration: none; }
#main-menu > ul ul { display: block; visibility: hidden; opacity: 0; position: absolute; right: 0; top: 100%; margin-top: 0; padding: 10px; background: #fff; background: rgba(255,255,255,.94); border-radius: 5px; box-shadow: 0 0 4px rgba(0,0,0,0.20); min-width: 260px; text-align: left; transition: all .22s ease-in-out; }
#main-menu > ul ul > li > a { padding: 10px; font-size: 12px; line-height: 12px; text-transform: none; }
#main-menu > ul li.current_page_item > a { color: #006fa8; }

.hero-header { background: #1F6990 url(https://www.newwavefitness.com/wp-content/uploads/2017/11/583dca4e-4847-47dc-9215-c6a418e64b8f.jpg) 50% 50% / cover no-repeat; text-align: center; padding: 50px 0; cursor: default; }
.hero-header h2 { font-family: Aleo; color: #fff; /*font-size: 53px; line-height: 56px;*/ font-size: 45px; line-height: 4.1vw; font-weight: 300; }
.hero-header h1 { font-family: Aleo; color: #FECA2C; /*font-size: 82px; line-height: 82px;*/ font-size: 6vw; line-height: 6vw; font-weight: 500; display: block; position: relative; padding: 20px 0; }
.hero-header h1 + p { color: #fff; font-size: 17px; line-height: 20px; text-align: justify; -moz-text-align-last: center; text-align-last: center; }
.hero-header form { display: block; margin-top: 50px; position: relative; }
.hero-header form:after { content: ''; display: table; clear: both; }
.hero-header form .fld-o { display: block; width: 33.333%; float: left; padding: 0 5px 0 0; }
.hero-header form .fld-o > input { display: block; width: 100%; background: #fff; border: 0; font-weight: 500; font-size: 18px; padding: 0 10px; height: 50px; line-height: 50px; color: #000; border-radius: 0; }
.hero-header form button { display: block; float: right; font-weight: 700; font-size: 20px; height: 50px; text-align: center; width: 33.333%; line-height: 50px; background: #FFD62A; border-radius: 3px; border: 0; cursor: pointer;     margin-top: -22px; }

.pp-note { color: #fff; font-size: 11px; line-height: 14px; text-align: center; margin: 20px 0 0; opacity: .7; }
.pp-note a { color: #fff; }

.grey-boxes { margin-left: -10px; margin-right: -10px; padding: 30px 0; }
.grey-boxes .gbox { width: 50%; float: left; padding: 10px; }
.grey-boxes .gbox:nth-of-type(2n+1) { clear: both; }
.grey-boxes .gbox .cont { padding: 10px; background: #F1F1F1; border: 1px solid #D6D6D6; border-radius: 5px; position: relative; }
.grey-boxes .gbox .gbox-c { position: relative; }
.grey-boxes .gbox .gbox-c img { display: block; width: 46%; line-height: 0; float: left; margin-bottom: 10px; }
/*.grey-boxes .gbox .detls { position: absolute; right: 0; top: 0; bottom: 0; left: 50%; cursor: default; margin-bottom: 10px; }*/
.grey-boxes .gbox .detls { cursor: default; margin-bottom: 10px; float: right; width: 50%; padding-left: 5px; font-family: Montserrat; }
.grey-boxes .gbox .detls:aftder { content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 0; box-shadow: #f1f1f1 0 1px 10px 10px; }
.grey-boxes .gbox h3 { font-size: 18px; color: #000; max-height: 45px; overflow: hidden; margin-bottom: 10px; }
.grey-boxes .gbox p { font-family: Montserrat; text-align: left; font-size: 14px; }
/*.grey-boxes .gbox .see-more { position: absolute; left: 50%; bottom: 10px; right: 10px; font-size: 19px; font-weight: 700; text-align: center; display: block; color: #fff; background: #166FA7; border-radius: 3px; height: 40px; line-height: 40px; box-shadow: #f1f1f1 0 -10px 10px 10px; }*/
.grey-boxes .gbox .see-more { font-size: 19px; font-weight: 700; text-align: center; display: block; color: #fff; background: #166FA7; border-radius: 3px; height: 40px; line-height: 40px; }

.contact-text strong, .contact-text b { color: #2EACE5; }
.material-form { display: block; position: relative; font-family: Roboto, 'Open Sans', sans-serif; }
.material-form .infusion-field { margin-bottom: 15px; position: relative; padding-top: 15px; }
.material-form .infusion-field > label { display: block; font-weight: 400; font-size: 15px; height: 15px; line-height: 15px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 25px; transition: .21s ease-in-out; opacity: .7; cursor: text; }
.material-form .infusion-field .r { color: red; font-style: normal; }
.material-form .infusion-field-input-container, .material-form textarea { transition: box-shadow .23s ease-in-out; margin: 0; display: block; padding: 0; height: 35px; line-height: 35px; font-family: inherit; font-size: 15px; color: #000; border: 0; border-radius: 0; box-shadow: inset rgba(0,0,0,.3) 0 -1px 0 0; -webkit-appearance: none; appearance: none; }
.material-form textarea { height: auto; min-height: 70px; margin-top: 7px; line-height: normal; resize: vertical; overflow: auto; }
.material-form .infusion-field-input-container:focus, .material-form textarea:focus { box-shadow: inset #2EACE5 0 -2px 0 0; }
.material-form .infusion-field-input-container:focus ~ label[for], .material-form textarea:focus ~ label[for], .material-form .focused > label[for] { top: 0; opacity: 1; font-weight: 500; font-size: 12px; cursor: pointer; }
.material-form .infusion-field-input-container:disabled ~ label[for], .material-form textarea:disabled ~ label[for] { opacity: .4; }
.material-form .infusion-field-input-container:disabled ~ label[for] > *, .material-form textarea:disabled ~ label[for] > * { color: inherit; }
.material-form .infusion-submit button { display: block; border: 0; border-radius: 2px; background: #2EACE5; font-size: 17px; font-weight: 500; height: 40px; line-height: 40px; color: #fff; text-align: center; width: 100%; cursor: pointer; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); transition: .23s ease-in-out; }
.material-form .infusion-submit button:hover { box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2); }
.material-form .infusion-submit button:active { background: #3192BC; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2); }

body > footer { background: #0D2C41; padding: 20px 0; color: #fff; text-align: center; }
body > footer p { padding: 40px 0; font-family: Aleo; font-size: 2.7vw; line-height: 3vw; }
body > footer p b { color: #FDCA2B; font-weight: 300; }
body > footer .tel { float: none; margin-bottom: 20px; background: none; padding: 0; }
body > footer .tel:before { content: ''; background: url(//www.newwavefitness.com/wp-content/themes/nwf/images/icons-tel.png) no-repeat; display: inline-block; width: 18px; height: 33px; margin: -2px 10px 0 0; vertical-align: middle; }
body > footer .social-links { float: none; display: block; margin: 0 auto 20px; }
body > footer .copy { font-size: 11px; line-height: 17px; }
body > footer .copy a { color: #fff; }
body > footer .pp-note { padding: 0; }

@media (min-width: 1300px){
	.hero-header h2 { font-size: 53px; line-height: 56px; }
	.hero-header h1 { font-size: 82px; line-height: 82px; }

	body > footer p { font-size: 36px; line-height: 40px; }
}
@media (min-width: 1024px){
	#main-menu > ul ul > li:hover > a { background: #F3F4F5; }
	#main-menu > ul li:hover > a { text-decoration: none; color: #006fa8; }
	#main-menu > ul li:hover > ul { opacity: 1; visibility: visible; margin-top: 5px; }

	.grey-boxes .gbox .gbox-c { min-height: 230px; }
}
@media (max-width: 949px){
	body.page-vc main .content { padding: 0; margin-top: 0; }
}
@media (max-width: 768px){
	body > header { position: relative; }
	body > header .logo { width: 300px; z-index: 2; position: relative; }
	#top-bar2 .tel { display: block; margin: 0 auto; width: 200px; float: none; }
	#top-bar2 .social-links { display: none; }

	#main-menu { float: none; position: absolute; left: 15px; right: 15px; top: 0; z-index: 1; margin-top: 15px; }
	#main-menu label { display: block; background: #2BA8E2; padding: 5px 0; width: 33px; text-align: center; position: absolute; right: 0; top: 0; font-size: 20px; line-height: 20px; color: #fff; cursor: pointer; }
	#main-menu > ul { opacity: 0; overflow: hidden; transition: all .23s ease-in-out; visibility: hidden; position: absolute; right: 0; left: 0; top: 100%; background: #fff; background: rgba(255,255,255,.95); padding: 0 10px; border-radius: 0 0 5px 5px; margin-top: 40px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
	#main-menu input:checked ~ ul { opacity: 1; visibility: visible; }
	#main-menu input:checked + label i:before { content: '\f00d'; }
	#main-menu > ul a { padding: 10px 0; }
	#main-menu > ul > li { display: block; margin: 0; padding: 0; border-bottom: 1px solid rgba(27,40,56,0.1); }
	#main-menu > ul > li.menu-item-has-children > a:after { float: right; margin-left: 5px; margin-right: 0; }
	#main-menu > ul > li:last-child > a { border-bottom: 0; }
	#main-menu > ul ul { position: relative; left: auto; right: auto; top: auto; opacity: 0; visibility: hidden; overflow: hidden; max-height: 0; padding: 0; border-radius: 0; box-shadow: none; background: none; }
	#main-menu > ul ul li { padding: 0; text-align: right; }
	#main-menu > ul > li.menu-item-has-children.a > ul { max-height: 100000px; opacity: 1; visibility: visible; padding-bottom: 10px; }
	#main-menu > ul > li:last-child > ul { margin-bottom: 0; padding-bottom: 0; }
	#main-menu > ul > li:last-child > ul li:last-child > a { border-bottom: 0; }

	.hero-header h2 { line-height: 50px; }
	.hero-header h2 br { display: none; }
	.hero-header h1 { font-size: 9vw; line-height: 9vw; padding: 30px 0; }
	.hero-header h1 + p { font-size: 14px; line-height: 17px; }
	.hero-header form .fld-o > input, .hero-header form button { font-size: 15px; height: 40px; line-height: 40px; }

	body > footer { padding-top: 0; }
	body > footer p { line-height: 3.5vw; }
	body > footer .tel, body > footer .social-links { float: none; }
}
@media (max-width: 640px){
	.grey-boxes .gbox { width: auto; float: none; }
}
@media (max-width: 560px){
	.hero-header { padding: 30px 0; }
	.hero-header form { margin-top: 30px; }
	.hero-header form .fld-o { margin-right: 0; float: none; width: auto; margin: 0 0 3px; padding: 0; }
	.hero-header form .fld-o > input { text-align: center; }
	.hero-header form .fld-o:first-of-type { border: 0; }
	.hero-header form .fld-o:first-of-type > input { border-radius: 3px 3px 0 0; }
	.hero-header form .fld-o > input, .hero-header form button { font-size: 15px; height: 30px; line-height: 30px; }
	.hero-header form button { width: 100%; border-radius: 0 0 3px 3px; height: 35px; line-height: 35px; }

	body > footer p { font-size: 16px; line-height: 22px; }
}
@media (max-width: 540px){
	body > header .logo { width: 220px; }
	#main-menu { margin-top: 8px; }
	#main-menu > ul { margin-top: 38px; }

/*	.hero-header h2 { font-size: 4.5vw; line-height: 6vw; } */
	.hero-header h2 { font-size: 36px; line-height: 40px; }

	.hero-header h1 + p { font-size: 12px; line-height: 17px; }

	.blue-banner { padding: 20px 15px; }
	.blue-banner h2 { font-size: 25px; line-height: 30px !important; }
	.blue-banner h3 { font-size: 15px; line-height: 20px; }
}
@media (max-width: 425px){
	.grey-boxes .gbox .gbox-c img { width: auto; float: none; }
	/*.grey-boxes .gbox .detls { position: relative; top: auto; left: auto; right: auto; margin-top: 10px; }*/
	.grey-boxes .gbox .detls { float: none; width: auto; padding: 0; }
	.grey-boxes .gbox .detls:after { display: none; }
	.grey-boxes .gbox h3 { text-align: center; }
	.grey-boxes .gbox p { text-align: left; }
	.grey-boxes .gbox .see-more { position: relative; bottom: auto; left: auto; right: auto; box-shadow: none; }
}