/*========================== RWD Media Queries ===================*/ @media screen and (min-width:1920px) and (min-height: 1200px) { #headerwrap { height:1200px; max-height:1200px;} /*#headerwrap .logo-big + .row { padding:6% 0 !important} */ } @media screen and (min-width:2550px) and (max-width: 3000px) { .page-template-templatestpl_homepage-php #sec3 .service-inner{height:640px;} #headerwrap .logo-big + .row { padding:16% 0 !important} } @media screen and (min-width:2550px) and (min-height: 1440px) { #headerwrap {/* background:url(../img/home-hero-responsive.jpg) no-repeat;*/ background-size:cover; height:1440px !important; max-height:1440px !important} /*#headerwrap .logo-big + .row { padding:38% 0 13% 0!important}*/ .logo-big a {background: url("/wp-content/themes/projectrockstar/img/audio-sec-logo.png")center bottom no-repeat; background-size: 75%;} .page-template-templatestpl_homepage-php #sec3 .service-inner{height:640px;} .hasCountdown, .intro-text, .outro-text{margin-bottom:0px !important;} } @media screen and (min-width:2200px) and (min-height: 1600px) { #headerwrap .logo-big + .row { padding:20% 0 !important} } @media screen and (min-width:2200px) and (min-height: 1700px) { /*#headerwrap .logo-big + .row { padding:25% 0 !important}*/ } @media screen and (min-width:2200px) and (min-height: 1800px) { .new-logo{max-width:296px;} .btn-lgs.home {margin:3% 0;} /*#headerwrap .logo-big + .row { padding:30% 0 !important}*/ } @media screen and (min-width:2047px) { .logo-big { height: 380px !important;} #sec3 .service-inner {height:640px;} } @media screen and (max-width:1920px) { #sec3 .service-inner {height:640px;} #instructors #sec3 .service-inner { height:auto} } @media screen and (min-width:1601px) { /* Home section 4*/ .service-box { height:640px} .service-inner { text-align:center } .service-inner h4 { font-size:26px; color:#fff; letter-spacing: 14px; margin: 0 0 43px 0;padding: 0 0 43px 14px; background: url("../img/border-small.png") no-repeat scroll center bottom;} .service-inner p { font-size:18px; line-height:22px; color:#fff;} .service-inner a.more-link { background:url(../img/sprite-img-home.png) -504px -266px no-repeat; width:31px; height:57px; display: inline-block; text-indent:-9999px; margin-top:35px} /* Home section 5*/ #sec5 .service-inner { text-align:center } #sec5 .service-inner h5 { width:100%} #sec5 .service-inner p { margin: 63px auto 30px} .download-music { background:url(../img/sprite-img-home.png) -134px 0 no-repeat; width:116px; height:116px; text-indent:-9999px; display:inline-block; } #sec5 blockquote.alm { background:url(../img/sprite-img-home.png) 190px -1128px no-repeat; padding:125px 0 38px;font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-style:italic; font-size:26px;border: 0 none; color: #fff; padding: 125px 0 38px;position: absolute; right: 65px;text-align: center;top: 175px;width: 455px; } #sec5 blockquote.alm span { font-size: 11px; color: #000; letter-spacing: 10px; } #sec7 .review-qot { background:url(../img/quote-review.png) center top no-repeat !important;font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-style:italic; font-size:26px;border: 0 none; color: #fff; padding: 136px 0 38px;text-align: center;width: 100%; margin-top:180px} #the-countdown-2 { margin: 0 0 3px 0} .apply-page .home-countdown .countdown_section p { font-family: 'ProximaNovaBold'; font-style:normal; font-size: 11px; color:#fff; text-transform:uppercase; letter-spacing:3px; display:block; margin-top:36px; opacity:0.5} } @media screen and (max-width:1600px) { main { width:100%; float:left; overflow-x:hidden !important; overflow-y: hidden !important;} #sec8 .resources h2, #sec4 h2, #sec6 h2, #sec7 .reviews h2,#sec9 .sponsors h2 { margin:0 0 73px; padding:94px 0 41px 20px} /* Section 1 */ .logo-big { height: 278px} .scrolldown { margin-bottom:10px; padding-top: 75px} .home .home-countdown { } .home-countdown .countdown_amount { font-family: 'proxima_nova_ththin'; font-weight:normal; font-size: 72px; color: #fff; background:none; display:block } .home-countdown .countdown_section p { font-family: 'ProximaNovaBold'; font-style:normal; font-size: 11px; color:#fff; text-transform:uppercase; letter-spacing:3px; display:block; margin:20px 0 0; opacity:0.5} .scroll-down-cont { margin: 30px 0 !important} /* Section 2 */ #sec2 { padding: 100px 0} #sec2 .about-content { padding:68px 0 47px} /* Section 3 */ #sec3 .service-inner { height:640px} #instructors #sec3 .service-inner { height:auto} /* Section 4*/ #sec4 iframe { /*height:900px !important*/} /* Section 5 */ .downloads { height:792px} .alm-inner { height:792px} #sec5 .service-inner p { width:53%} #sec5 blockquote { width:406px; background:url("../img/sprite-img-home.png") no-repeat scroll 170px -1128px rgba(0, 0, 0, 0); top:105px} #sec5 blockquote h6 { margin-top:34px} #sec5 .service-inner p { margin: auto; padding:5px 0 25px;} #instructors #sec3 .col-md-4 .service-inner { height:550px} /* Section 6*/ .location-box { height:456px} .location-section .service-inner { padding: 0 40px} /* Section 7*/ #sec7 .reviews-section { /*height:703px*/} #sec7 .reviews-section { background-size: cover !important;} #sec7 .review-qot{ background:url(../img/quote-review.png) center top no-repeat !important} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ /*bottom:-97px*/} /* Section 8 */ #sec8 .resources-section { padding:70px 0 25px} /* Footer */ #footer .mt90 { margin-top:91px !important} #footer .footer-nav { padding-top:70px} /* Apply Page */ .apply-process .process { height:805px} .page-template-templatestpl_apply-php #inner-page .intro-container { top:25%;} /* .apply-page .hasCountdown, .intro-text, .outro-text { margin-bottom:18px !important;}*/ /* Fitness Page */ .groups { height:533px} .programms { height:580px} .physique .before-after { height:168px; width:168px;} .page-template-templatestpl_homepage-php .home-countdown { } #sec7 .bx-wrapper .bx-pager { margin-top:35px} #sec7 .review-qot { margin-top:140px} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { padding-bottom:50px} #sec7 .bx-wrapper .bx-controls-direction a { top:56% !important} /* maintenance Page */ #maintenance { background: #202020 url(../img/maintenance-logo.png) top center no-repeat; height:871px; background-size:42%} .page-template-templatesmaintenance-php header { display:none} .page-template-templatesmaintenance-php .logo-big { height:335px} .page-template-templatesmaintenance-php .home-countdown { margin-top:30px;} .page-template-templatesmaintenance-php .hasCountdown { padding: 40px 0 0;} /* Inner Pages */ .page-template-templatestpl_cost-php #inner-page .intro-container,.page-template-templatestpl_faq-php #inner-page .intro-container { top:35%} .page-template-templatestpl_reviews-php #inner-page .intro-container { top:35%} } @media screen and (max-width: 1440px){ .logo-big { height:250px} #sec4 iframe { /*height:699px !important*/} /*.apply-page .intro-text { padding-bottom:30px; margin-bottom:13px !important;} .apply-page .hasCountdown, .intro-text, .outro-text { margin-bottom:13px !important}*/ .physique .before-after { height:150px; width:150px;} #sec5 .service-inner p { width:56%;} #sec5 .service-inner h5 img { width:42.3%} #inner-page .intro-container { top:40%;} #sec7 .reviews-section { background-size: cover !important;} .video-section .arve-vimeo-wrapper { max-height:700px} .video-section1 .arve-vimeo-wrapper { max-height:700px} } @media screen and (min-width: 1400px) and (max-width: 1450px){ .col-lg-8.home-countdown { } #sec7 .bx-wrapper .bx-pager { margin-top:35px !important} #sec7 .bx-wrapper .bx-controls-direction a { top:56% !important} .new-logo{max-width:296px;} .btn-lgs.home {margin:3% 0;} } @media screen and (max-width: 1366px){ .page-template-templatestpl_locations-php #inner-page h1{margin-top:7px !important;} #sec8 .resources h2, #sec6 h2, #sec7 .reviews h2,#sec9 .sponsors h2,#section4 h2,#sec4 h2{ margin:0 0 50px; padding:67px 0 26px 20px;} /* Section 1 */ .logo-big { height: 210px} .scrolldown { margin-bottom:7px} .scroll-down-cont { margin: 20px 0 !important} /* Section 2 */ #sec2 { padding: 85px 0} #sec2 .about-content { padding:59px 0 32px} /* Section 3 */ #sec3 .service-inner { height:448px} #sec3 .service-inner { height:640px} #sec3 .service-inner p { width:80%} .service-inner a.more-link { bottom:12%} /* Section 4*/ #sec4 iframe { /*max-height:623px !important*/} /* Section 5 */ .downloads { height:675px;} .alm-inner { height:675px;} #sec5 .service-inner p { width:60%} #sec5 .service-inner h5 img { width:47.3%} #instructors #sec3 .service-inner { height:auto} /* Section 6 */ .location-box { height:320px} .location-section .service-inner { padding:0 20px} .location-box .service-inner a.more-link { bottom:5%} /* Section 7 */ #sec7 .reviews-section {} #sec7 .review-qot { margin-top:115px} #sec7 .review-qot span { margin: 53px 0 0;} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ /*bottom:-80px*/} /* Section 8 */ #sec8 .resources-section,#game-sec3 .inner-reviews { padding:50px 0 10px} /* Footer */ #footer .footer-nav { padding-top:60px} /* Inner pages */ .page #inner-page .intro-container { top:40%;} .page-template-templatestpl_apply-php #inner-page .intro-container { top: 24%} .page-template-templatestpl_leadership-php #inner-page .intro-container { top:28%;} .page-template-templatestpl_lifestyle_entrepreneurs-php #inner-page .intro-container { top:35%;} .page-template-templatestpl_cost-php #inner-page .intro-container,.page-template-templatestpl_faq-php #inner-page .intro-container { top:37%;} .page-template-templatestpl_reviews-php #inner-page .intro-container { top:31%} /* Apply Page */ .apply-process .process { height:685px} /* Fitness Page */ .groups { height:480px} .programms { height:570px} .groups-section .group-inner p,.programms-section .group-inner p { width:90%} .physique .before-after { height:142px; width:142px;} /* maintenance Page */ #maintenance { background: #202020 url(../img/maintenance-logo.png) top center no-repeat; height:871px} .page-template-templatesmaintenance-php header { display:none} .page-template-templatesmaintenance-php .logo-big { height:335px} .page-template-templatesmaintenance-php .home-countdown { margin-top:80px;} #sec7 .bx-wrapper .bx-pager { margin-top:25px} #sec7 .bx-wrapper .bx-controls-direction a { top:58% !important } .new-logo{max-width:275px;} .btn-lgs.home{font-size:13px; line-height:45px;} /*.hasCountdown{padding:0px;}*/ .page-template-templatestpl_apply-php .apply-page{ padding-top:20px;} } @media screen and (max-width:1280px) { /* Section 3 */ #sec3 .service-inner { height:420px} #sec3 .service-box {height:420px;} /*Section 5 */ .downloads { height:633px} .alm-inner { height:633px} #sec5 .service-inner p { width:64%} #sec5 .service-inner h5 img { width:47.3%} #sec5 .service-inner .mt60{ margin-top:40px !important} #sec5 .service-inner p { margin: auto; padding:5px 0 14px;} /* Section 6 */ .location-box { height:300px} .location-section h6 { margin: 0 0 20px; padding: 0 0 20px 6px} .location-section .service-inner p { font-size:15px} #instructors #sec3 .col-md-4 .service-inner { height:440px} #instructors .service-inner p { line-height:23px} /* Inner pages */ #inner-page .intro-container { top:23%;} .physique .before-after { height:134px; width:134px;} .physique .group-inner .title:before {margin-bottom:10px} .physique .group-inner .title:after {margin-top:10px} .physique .group-inner .title { bottom:27px} #sec7 .reviews-section {} #sec7 .review-qot { margin-top:110px} } @media (max-width:1200px){ #reviews #reviews_annaully .review_post{width: 397px;} .apply-component-grey .col-2 { margin-left:0; float:right} } @media screen and (min-width:900px) and (max-width:1024px) { #sec8 .resources h2, #sec6 h2, #sec7 .reviews h2,#sec9 .sponsors h2,#section4 h2,#sec4 h2,.inner-sub-content h2,#game-sec3 .resources h2,.inner-sub-content-grey h2 { margin:0 0 50px; padding:67px 0 26px 20px;} .col-lg-10 > .col-lg-12 { padding:0 20px} .inner-sub-content h2,#fitness-sec6 .resources h2,#game-sec3 .resources h2 { margin: 0 0 50px; padding:50px 0 20px} .col-lg-6 { width:50%; float:left;} .col-lg-4 { width:33.33333%; float:left;} .col-lg-5.first,.col-lg-5.last { width:45%; float:left} #inner-page { width:100%;} #inner-page > img { width:109%} #sec5 .service-inner p { width:90%} p { font-size:100%} /* Section 3 */ #sec3 .service-inner { height:334px} #sec3 .service-box{height:334px;} .service-box { width:33.3333%; float:left; } .service-inner h4 { padding: 0 0 20px 14px; margin: 0 0 20px} /* Section 5 */ #sec5 blockquote { width:500px; background:url(../img/sprite-img-home.png) 200px -1128px no-repeat} #sec5 .col-lg-6 { width:50%; float:left; height: 504px;} #sec5 blockquote { width:300px; background:url("../img/sprite-img-home.png") no-repeat scroll 120px -1128px rgba(0, 0, 0, 0)} #sec5 blockquote p { font-size:20px} /* Section 6 */ .location-box {/* width:50%; */height:477px; float:left; background-size:100% !important} .location-section .service-inner { /*padding:115px*/ padding:0px 10%; margin:0;} .location-box .service-inner a.more-link { bottom:16%} .widget.widget_wysija { width:440px; float:none; margin:auto;} .newsletter span { display:block; margin: 15px 0 0; line-height:10px} .newsletter span { width:100%; text-align: center;} .nsu-field { text-align: center;padding-left: 22px; } .nsu-submit { padding-left:10px} #sec7 .reviews-section {/* height:480px; background-size:cover !important*/} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { /*bottom:-75px*/} .bx-wrapper .bx-next { right:-15px !important;} .bx-wrapper .bx-prev { left:-15px !important;} .sponsors1, .sponsors2, .sponsors3 { width:33.3333%; float:left} .col-lg-8.home-intro.text-center.col-sm-offset-2, .home-countdown.text-center.col-sm-offset-2 { margin-left:0 !important} .newsletter span { float:none;} .newsletter fieldset { float:none;} #sec7 .reviews-section {} .apply-process .process { width:50%; float:left; height:760px} .apply-page .intro-text { padding-bottom:25px} .page-template-templatestpl_apply-php #inner-page .intro-container { top: 20%} .groups-section .group-inner h4, .programms-section .group-inner h4 { font-size:18px; letter-spacing:13px; padding:0 0 38px 13px} .inner-sub-content h2, .inner-sub-content-grey h2 { font-size:20px; letter-spacing:12px} .groups-section .group-inner p, .programms-section .group-inner p { font-size:100%} .fitness-sec .scrolldown { bottom: -115px} .physique .before-after { height:110px; width:110px;} .newsletter > .container > .row{ margin-bottom:19px;} .newsletter > .container > .row .widget.nsu_widget { margin:19px auto; float:none; width:445px} .col-lg-6.service-box { width:50%;} .page-template-templatestpl_instructors-php #sec3 .service-inner{ height:440px} .physique .group-inner .title { bottom:12%} .newsletter .nsu-signed-up { white-space:nowrap !important; margin:0 0 -15px 0 !important} .sponsors-section { padding: 0 0 40px} #sec8 .resources-section, #game-sec3 .inner-reviews {padding: 50px 0 0px;} #sec7 .review-qot { margin-top:80px} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { padding-bottom:20px} #sec7 .bx-wrapper .bx-controls-direction a { top:56% !important} } @media screen and (max-width:1024px) { .container {max-width: 100%;} .col-lg-10 .col-lg-12.mt50 { padding:0} #sec3 .service-inner p { font-size:17px; line-height:19px} .service-inner a.more-link { bottom:4%} #Alpine { margin-bottom:40px} main { width:100%; height:auto; overflow:hidden !important} .fix-header { /*z-index:210 !important;*/} a.smoothScroll { z-index:200 !important;} .apply-page h1{margin-top:10% !important;} .apply-page .intro-text{padding-bottom:25px;} .col-lg-8.home-intro.text-center.col-md-offset-1.col-lg-offset-2{margin-top:35px;} #newsletter .mc4wp-form .mc4wp-form-fields{width:308px; margin: 10px auto;} .newsletter .mc4wp-response{width: 100%;} } @media screen and (max-width:899px) { #sec8 .resources h2, #sec6 h2, #sec7 .reviews h2,#sec9 .sponsors h2,#section4 h2,#sec4 h2,.inner-sub-content h2,#game-sec3 .resources h2,.inner-sub-content-grey h2 { margin:0 0 30px; padding:67px 0 26px 20px; letter-spacing:10px} br { display:none} .btn-col { letter-spacing:2px} .page-template-templatestpl_apply-php .intro-container br{ display:block} .col-lg-10 > .col-lg-12 { padding:0} .col-lg-6 { width:100%; float:left;} .col-lg-4 { width:33.33333%; float:left;} .col-lg-5.first,.col-lg-5.last { width:45%; float:left} .logo-big { left:0; right:0; margin:auto; height:235px} .logo-big a { background: url("../img/audio-sec-logo.png") no-repeat; background-position: center 55px; display: block; height: 100%; width: 100%; background-size:40%} #headerwrap { background:url(../img/section-1-bg.jpg) no-repeat; background-size:218%; background-position:-455px top} .video-section iframe {float: left; /*height: 550px !important;*/} .downloads img { max-height:750px;} #sec5 blockquote { width:390px; background:url("../img/sprite-img-home.png") no-repeat scroll 140px -1128px !important} .newsletter span { width:100%; text-align: center; line-height:30px;margin: 5px 0 10px; } .nsu-field { text-align: center;padding-left: 22px; } .nsu-submit { padding-left:10px} .widget.widget_wysija { float: left; margin: 0 0 0 150px; text-align: center; width: 439px;} .sponsors1,.sponsors2,.sponsors3 { width:33.3333% !important; float:left; padding: 0 2px} .sponsors1 img,.sponsors2 img,.sponsors3 img { max-width: 100%; height:auto; width:90%;} .newsletter > .container > .row{ margin-bottom:19px;} .newsletter > .container > .row .widget.nsu_widget { margin:19px auto; float:none; width:445px} .location-box { /*width:50%;*/ float:left} #sec3 .col-lg-4 { width:100%} #sec3 .service-inner { height:670px;} .location-section .col-lg-4 { width:100%} .page-template-templatestpl_homepage-php #sec3 .service-inner { height:420px} #sec3 .service-inner p { width:85%} .service-inner a.more-link { bottom:20%} #sec7 .bx-wrapper { max-width:93% !important} #sec7 .container,#sec8 .container{ width:94%} #sec7 .reviews-section {/* background-size:cover !important; */} #sec7 .review-qot { background-position:280px -1128px; font-size:25px} .reviews-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { /*bottom:-50px*/} #sec7 .review-qot span { margin:45px 0 0} .reviews-section .bx-wrapper {} #sec8 .resources-slide li { background-position: center 0; font-size:14px} #sec8 .resources-slide li:hover { background-position: center -330px} .bx-wrapper .bx-prev { left:-15px; display:block; z-index:90} .bx-wrapper .bx-next { right:-15px; display:block; z-index:90} .footer-nav ul{ padding:0} .footer-nav li { margin-right:8px} .reviews-section .bx-wrapper .bx-pager { margin: 10px 0 0; padding:20px 0 0} #sec8 .bx-wrapper .bx-controls-direction a { top:36%} .sponsors-section { padding: 0 0 20px} /* Inner page */ #inner-page { width:100%;} #inner-page > img { width:155%; margin-left:-350px} .page-template-templatestpl_reviews-php #inner-page > img { margin-left:-100px} .page-template-templatestpl_locations-php #inner-page > img { margin-left:-210px} .apply-component .component-content h4 { font-size:20px} .component-content .sub-intro { font-size:17px; line-height:24px} .apply-component p, p.col-1 { width:45%} .apply-component .col-2 { margin:0} p.col-2{ width:45%; margin-left:0;} .col-lg-5.first { margin-right:0} .font25 { font-size:20px} #letter-leadership p.col-1 { width:45%} .apply-component-grey .col-2 { margin:0} .inner-reviews .resources-slide li { font-size:14px; background-position: center top} .inner-reviews .resources-slide li:hover { background-position: center top} #instructors .white_section h2 { letter-spacing:-1px} #reviews #reviews_annaully .review_post { width:100%;} #reviews #reviews_annaully .review_post:before { background: url("../img/reviews-left-before.png") no-repeat scroll center center #202020; bottom: 100%;left: 49%; margin: 0 0 5px -25px;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); top:auto;} #reviews #reviews_annaully .col-md-6.right .review_post:before{ background: url("../img/reviews-left-before.png") no-repeat scroll center center #202020; bottom: 100%;left: 50%; margin: 0 0 5px -23px;transform: rotate(-90deg);webkit-transform:rotate(-90deg); top:auto;} #reviews #reviews_annaully .col-md-6.right { padding-top:70px; margin-top:0;} #reviews #reviews_annaully .col-md-6.right .review_post {margin-left:0} /* Cost */ #cost-not_for_profit .apply-component .cost-col { width:33.3333%; float: left} .emailPopup { background:#202020; max-width:768px; width:96%; height:510px; position:fixed; top:10px; bottom:0; left:0; right:0; margin:auto; z-index:9999; padding: 40px 10px 20px 10px;} .nsu-signed-up { white-space:normal !important} /* Fitness */ .col-lg-4.groups,.col-lg-4.programms { width:100% !important;} .physique .group-inner .title { bottom:15%} /* Game */ #game-sec3 .inner-reviews{ padding: 40px 0 0} .nsu-signed-up { white-space:nowrap; margin:0 0 -15px 0} #sec8 .resources-section { padding: 40px 0 25px} #sec8 .resources-section .bx-wrapper { margin-bottom:30px !important} #sec7 .bx-wrapper .bx-pager { margin-top:10px !important} #sec7 .review-qot { margin-top:35px} #sec7 .bx-wrapper .bx-controls-direction a { top:58% !important} #fitness-sec3 .smoothScroll,#fitness-sec4 .smoothScroll, #fitness-sec5 .smoothScroll{ display:none} #Adam { margin-bottom:50px} /* Mis css for tablet */ #sec7 .bx-wrapper .bx-prev { left:-30px} #sec7 .bx-wrapper .bx-next { right:-30px} } @media screen and (max-width:767px) { .logo-big { height:225px} .logo-big a { background-position: center 40px; background-size:40%} /* responsive page backgrounds */ #inner-page { height:550px} .page-template-templatestpl_apply-php #inner-page { background: url(../img/apply-hero.jpg) no-repeat; background-size:cover; background-position:95% center} .page-template-templatestpl_leadership-php #inner-page{ background: url(../img/leadership-hero.jpg) no-repeat; background-size:cover; background-position:95% center } .page-template-templatestpl_lifestyle-php #inner-page{ background: url(../img/lifestyle-hero.jpg) no-repeat; background-size:cover; background-position:55% center } .page-template-templatestpl_game-php #inner-page{ background: url(../img/game-hero.jpg) no-repeat; background-size:cover; background-position:55% center } .page-template-templatestpl_fitness-php #inner-page{ background: url(../img/fitness-hero.jpg) no-repeat; background-size:cover; background-position:55% center } .page-template-templatestpl_locations-php #inner-page{ background: url(../img/locations-hero.jpg) no-repeat; background-size:cover; background-position:49% center } .page-template-templatestpl_cost-php #inner-page{ background: url(../img/cost-header.jpg) no-repeat; background-size:cover; background-position:30% center } .page-template-templatestpl_faq-php #inner-page{ background: url(../img/faq-header.jpg) no-repeat; background-size:cover; background-position:86% center } .page-template-templatestpl_lifestyle_entrepreneurs-php #inner-page{ background: url(../img/lifestyle-entrepreneurs-hero.jpg) no-repeat; background-size:cover; background-position:86% center } .page-template-templatestpl_instructors-php #inner-page{ background: url(../img/instructors-header.jpg) no-repeat; background-size:cover; background-position:86% center } .page-template-templatestpl_reviews-php #inner-page{ background: url(../img/reviews-header.jpg) no-repeat; background-size:cover; background-position:10% center } #inner-page > img { display:none} .col-lg-6 { width:100%; float:left;} .col-lg-4 { width:100%; float:left;} .col-lg-5.first,.col-lg-5.last { width:45%; float:left} #menuToggle { right:-50px; width:35px;} .logo-big { height: 200px; max-width:100%;} .logo-big img{ max-width:100%;} #headerwrap { background-size:200%} .btn-lgs { padding:0 10px 0 12px} .btn-2-lgs { padding:0 10px} .service-inner p { font-size:15px;} #sec5 .service-inner { padding: 20px 10px} .home-intro h1 { font-size:33px} #sec2 .col-lg-10 { padding: 0 20px} #sec2 p { font-size:18px} .video-section iframe {/* height:170px !important*/} #sec8 .resources h2, #sec6 h2, #sec7 .reviews h2, #sec9 .sponsors h2, #section4 h2, #sec4 h2{ font-size:20px; letter-spacing:4px; margin: 10px 0 35px; padding: 20px 0;} .col-lg-6.no-padding.downloads{ height:500px;} .downloads .service-inner h5 img { width:60%; } #sec5 blockquote { width:298px; padding-top:80px; right:11px; top:60px;} #sec5 blockquote p { font-size:20px;} .location-section h6 { padding: 50px 0 25px 6px;} .location-box { width:100%; background-size:cover !important} .widget.widget_wysija { margin:0; width:100%;} .newsletter .wysija-submit { width:100px} .wysija-paragraph { width:68%} .newsletter .wysija-input { width:100%;} #sec7 .reviews-section { height:auto} .reviews-slide,.resources-slide { width:100%; padding:0; margin:0;} .reviews-slide li, .resources-slide li { font-size:18px} #sec7 .review-qot { background: url("../img/sprite-img-home.png") no-repeat scroll 122px -1128px rgba(0, 0, 0, 0); border: 0 none; font-size: 20px; margin-top: 20px; padding: 80px 0 38px;} #sec8 .resources-section { padding:20px 0} #sec8 .resources-slide li { font-size:18px} .resource-title { clear:both; display:block} .location-section .service-inner { padding:0 100px} .sponsors-section { padding: 0 0 20px} #sec9 .col-lg-4 { width:33.3333% !important} .sponsors1, .sponsors2, .sponsors3 { width:100% !important;} .btn-lg-red { padding: 15px 20px; letter-spacing:1px} #footer { height:auto !important; background-size:cover} .footer-nav ul { padding:25px 0 0} .footer-nav ul li { display:inline-block;margin-right:20px} #footer .footer-nav { padding-top:20px} /* inner elements */ .scroll-cont { position: absolute; bottom:0px; width:100%} /* Apply Page */ .apply-component .col-2 { margin-left:0} .apply-component-grey .col-2 { margin-left:0} /* leadership */ .page-template-templatestpl_leadership-php #inner-page .intro-container { top:28%} /* Game */ .page-template-templatestpl_game-php .bx-wrapper li { font-size:18px} .page-template-templatestpl_game-php .bx-wrapper .bx-prev { left:-14px !important; top:33%} .page-template-templatestpl_game-php .bx-wrapper .bx-next { right:-14px !important; top:33%} /* Fitness */ .fitness-component { padding: 40px 0 60px;} .fitness-component .component-content h5 { margin-bottom:40px; padding-bottom:40px} .groups-section .group-inner p { font-size:16px} .programms-section .group-inner h4 { letter-spacing:6px} .emailPopup .nsu-field { max-width:460px;} .nofileselected { left:66%} #sec7 .review-qot { margin-top:90px} #sec7 .bx-wrapper .bx-controls-direction a { top:57% !important} #sec7 .bx-wrapper .bx-pager { margin-top:0 !important} .copyright.mt60 { margin-top:30px !important} .new-logo {max-width:200px; width:100%; margin-bottom:2%; margin-top:2.5%;} .hasCountdown .countdown_section{width:70px; text-align: center; display: inline-block;} .hasCountdown{width:385px; left:0; padding-top:0px; margin-bottom:5px !important;} #inner-page h1{margin-top:10% !important;} .countdown_section .countdown_amount { font-size:50px; } .home-countdown .countdown_section p{margin-top:13px;} } @media (max-width:767px) and (min-width:480px) { #sec3 .service-box{height:400px;} #sec3 .service-inner { height:400px} #sec3 .service-inner p { width:60%} .service-inner a.more-link { bottom:12%} .btn-2-lgs { width:62%} .resource-title { font-size:16px} #sec7 .bx-wrapper .bx-controls-direction a.bx-prev { left:-35px;} #sec7 .bx-wrapper .bx-controls-direction a.bx-next { right:-35px;} .reviews-section .bx-wrapper { max-width:96% !important} div#headerwrap .btn-lgs { width:65%} .flex-control-paging li a{height:16px; width:16px;} #carousel .slides li div span b{ background:url(../img/after-video-title-arrow.png) no-repeat right 2px;} #carousel .slides li div{font-size:20px;} } @media (max-width:640px) { #headerwrap { background-size:246%} .col-lg-8.home-countdown.text-center.col-md-offset-0.col-lg-offset-2 { padding-left:1px !important; padding-right:1px !important; } } @media (max-width:568px) { .logo-big a { background-position: center 30px; background-size:55%} #headerwrap { background-size:240%} .btn-lgs { letter-spacing:2.5px; width:100%} .btn-sm { font-size:8px; line-height:30px; height:30px; padding: 0 12px} .fix-header .inner-logo { width:40%} .inner-header .inner-logo { width:130px} #sec2 .col-lg-10 { padding: 0 20px} #sec3 .service-inner { height:390px} #sec3 .service-box{height:420px;} #sec3 .service-inner p { width:85%} .service-inner a.more-link { bottom:5%} #sec5 .service-inner p { width:90%} .alm-inner { height:350px} .location-box { height:330px} .newsletter span { line-height:20px} .newsletter .nsu-form { width:295px; margin:auto} .location-section .service-inner { padding:0 20px;} .location-section .service-inner p { font-size:15px; line-height:17px} .newsletter .wysija-input, .nsu-field { width:200px} .newsletter .wysija-submit, .nsu-submit { width:92px} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width:103%} #sec8 .resources-section { padding:40px 0 0} .bx-wrapper .bx-prev { left:-25px} .bx-wrapper .bx-next { right:-25px} #sec7 .review-qot { font-size:17px; margin-top:40px} #sec7 .review-qot p{ line-height:24px} #sec7 .review-qot span { letter-spacing:5px; white-space: nowrap; margin: 25px 0 0;} .reviews-section .bx-wrapper .bx-pager { padding:0} .resources-section .bx-wrapper .bx-pager { margin: 10px 0 0} .footer-nav { font-size:15px; padding-bottom:20px} /* Inner Apply */ #inner-page { height:450px} #inner-page h1 { font-size:40px} #inner-page .intro-text { font-size:22px;} #inner-page .intro-text p {line-height:25px} #inner-page > img {} .apply-component p, p.col-1, p.col-2 { width:100%} .apply-process .process h4,.inner-sub-content h2,.inner-sub-content-grey h2 { letter-spacing:6px} .process-inner p { width:90% !important; font-size:16px} #apply-sec4 .col-lg-10 { width:100%; padding:0} #apply-sec4 .col-lg-12 .col-lg-12, #apply-sec5 .col-lg-12 .container{ padding:0} #apply-sec6 .container { padding:0} .application form ul li .app-input, #centered, select { letter-spacing:0; padding: 15px 0} .application form ul li #centered { height:50px} .application form ul li .file-213 { background-size:100%} .nofileselected { left:20%; top:39%} .application form ul li .app-submit { letter-spacing:0; padding: 15px 0} .btn-lg-red-2 { width:100%; padding: 0; display:block;letter-spacing:1px} .btn-lg-red-2:hover { width:100%; padding: 0; display:block; letter-spacing:1px} #apply-sec2 .col-lg-12 > .container{ padding:0} .application form ul li .file-upload {position:absolute;} .file-213 span.wpcf7-not-valid-tip {position:relative; top:26px} /* leadership */ #leadership-lifestyle .col-lg-12 > .container, #fitness-lifestyle .col-lg-12 > .container, #letter-leadership .col-lg-12 > .container{ padding:0} .signature { background-size:100%} .apply-component .component-content .sub-intro { margin-bottom:35px} .component-content .sub-intro { padding-bottom:35px} #leadership-game .game-component h5 { margin-bottom:35px; padding-bottom:40px} #fitness-lifestyle .apply-component h4 { margin:40px 0 !important;padding-bottom: 40px;} .leadership-component .sub-intro { margin:8px 0 40px !important;padding-bottom: 50px;} .apply-component .component-content h4{margin: 50px 0 30px;} .sub-intro-2 { max-width:100%; margin:0 auto 40px; padding:0 0 40px} #leadership-game .game-component { padding: 40px 0} #letter-leadership p.col-1 { width:100%} .signature { margin:20px 0 40px; background-size:80%;} /* Lifestyle */ .inner-sub-content h2,.inner-sub-content-grey h2, #game-sec3 .resources h2 { font-size: 20px; letter-spacing: 4px; margin: 20px 0 35px; padding: 20px 0;} #apply-sec4 h2 { margin: 30px 0 35px; } .lifestyle-component blockquote { width:90%;} .lifestyle-component h3 { letter-spacing:6px} .lifestyle-component blockquote p { font-size:16px} .btn-2-lgs {letter-spacing:3px} /* Game */ .col-lg-5.first, .col-lg-5.last { width:100%;} .col-lg-5.first { margin-right:0} .page-template-templatestpl_game-php .col-lg-5.no-padding.last.pull-right { margin-top:50px} #game-sec2 .component-content .sub-intro { margin:0 0 40px; padding: 0 0 40px} /* Fitness */ .physique .before-after { height:85px; width:85px} .physique .group-inner .title {} .physique .group-inner .title:before { margin-bottom:5px} .physique .group-inner .title:after { margin-top:5px} .physique .group-inner .title { font-size:9px} /* Locations */ #locations-sec2 h3, #locations-sec4 h3 { margin-bottom:40px; padding-bottom:40px} #locations-sec2 .apply-component { padding:40px 0} #locations-sec3 .fitness-component { padding:40px 0} #locations-sec3 .component-content h5 { padding-bottom:40px} .locations-page .video-section p { width:90%; padding: 20px 0; font-size:16px} .video-1,.video-2 { height:auto} #locations-sec5 .fitness-component .component-content h5 { margin-bottom:40px; padding-bottom:40px} #locations-sec4 .apply-component { padding:40px 0} /* Cost */ #cost-not_for_profit .col-lg-12.apply-component > .container{ padding:0} .page-template-templatestpl_cost-php .component-content .col-lg-12 { padding:0} #cost-not_for_profit .col-lg-12 col-md-12 { padding:0} #cost-not_for_profit .apply-component .cost-sum-value { width:100%; font-size:47px} .page-template-templatestpl_cost-php #inner-page .intro-container { top:30%} #cost-why_do_it .apply-component { padding-bottom:40px} #faq-qa .sub-intro { margin-bottom:30px; padding-top:40px} #cost-not_for_profit .apply-component { background-size:cover} #cost-not_for_profit .apply-component .cost-col { width:100%; float: left} /* Lifestyle entreprenuer */ .page-template-templatestpl_lifestyle_entrepreneurs-php #inner-page .intro-container { top:15%} #entrepreneurs-sec-4 .apply-component .component-content .sub-intro { margin-bottom:40px} #entrepreneur-word blockquote { padding-bottom: 0} #entrepreneur-word blockquote p { padding:0 0 30px} #entrepreneur-word blockquote h6 { letter-spacing:2px} #lifestyle-entrepreneurs .apply-component > .container,#entrepreneurs-sec-4 .apply-component > .container{ padding:0} .signature-jesse { margin:30px 0 40px;} /* Game instructor */ .col-lg-6.service-box { width:100%;} #instructors #yrs_rosters article { width:100%} #instructors #yrs_rosters h2 { letter-spacing:6px; padding:0 0 40px 20px; margin:40px 0 40px } .page-template-templatestpl_instructors-php #sec2 { padding: 50px 0 40px;} .page-template-templatestpl_instructors-php #sec2 .about-content { padding:30px 0 0} #instructors .service-inner h4 { margin:25px 0 30px; padding-bottom:30px} #instructors .service-inner p { font-size:16px; padding:0 0 30px} #instructors .white_section h2 { margin:40px auto; padding:30px 0 0} /*Reviews */ .page #inner-page .intro-container { top:15%} .page-template-templatestpl_instructors-php #inner-page .intro-container { top:30%} #reviews a.reviews_years { width:60px; margin:40px 5px 0; letter-spacing:2px} #reviews a.reviews_years1 { width:60px; margin:25px 5px 0; letter-spacing:2px} #reviews_annaully .container {padding:0} #reviews #reviews_annaully .review_post { padding: 1px 20px} #reviews #reviews_annaully h2 { letter-spacing:3px} .emailPopup .nsu-field { max-width:430px;} .page-template-templatestpl_game-php .bx-wrapper .bx-prev { left:-14px !important} .page-template-templatestpl_game-php .bx-wrapper .bx-next { right:-14px !important} #sec7 .review-qot { margin-top:55px} #sec7 .bx-wrapper .bx-controls-direction a { top:58% !important} #cost-not_for_profit .apply-component {background: url(/wp-content/themes/projectrockstar/img/cost-content.jpg) #141414 center -2px no-repeat;} .physique .group-inner .title {bottom:15px} } @media (max-width:415px) { .newsletter .nsu-form { width:410px; max-width:100%; margin:auto} .lifestyle-component .sl { margin-top:80px} .btn-2-lgs { width:90%} #sec7 .review-qot { margin-top:55px} #sec7 .bx-wrapper .bx-pager{ margin-top:30px !important} #sec7 .bx-wrapper .bx-controls-direction a { top:58% !important} .reviews-section .bx-wrapper { margin-bottom:50px} .nofileselected { margin-top:10px} .application form ul li .file-213 { height:85px} .page #inner-page .intro-container { top:40%} .page-template-templatestpl_leadership-php #inner-page .intro-container { top:22%} .page-template-templatestpl_game-php #inner-page .intro-container { top:35%} .page-template-templatestpl_reviews-php #inner-page .intro-container { top:8%} .page-template-templatestpl_cost-php #inner-page .intro-container { top:33%} .page-template-templatestpl_apply-php #inner-page .intro-container { top:20%} .page-template-templatestpl_lifestyle_entrepreneurs-php #inner-page .intro-container { top:15%} .newsletter > .container > .row .widget.nsu_widget { } .nsu-signed-up { width:75%!important;white-space: normal;} .copyright.mt60 { margin-top:10px !important} .emailPopup .nsu-field { max-width:280px;} .pop-logo { max-width:80%} .nsu-signed-up { width:56% !important; font-size:20px} .emailPopup .widget.nsu_widget { width:100% !important} .emailPopup .mc4wp-form-fields {width:100% !important;} .emailPopup .nsu-signed-up { width:100% !important} } @media (max-width:479px) { .hasCountdown .countdown_section{width:auto; margin-left:2px; margin-right:2px; text-align: center;display: inline-block;} .hasCountdown{padding-top:0px; margin-bottom:5px !important; left:0; width:320px;} } @media (max-width:480px) { #headerwrap { background-size:297%} .countdown_section p{font-size:10px;} } @media (max-width:414px) { #headerwrap { background-size:250%; } } @media (max-width:375px) { #headerwrap { background-size:274%; } } @media (max-width:360px) { .emailPopup .nsu-field { max-width:250px;} #headerwrap { background-size:350%} } @media (max-width:320px) { .logo-big { height:145px} .emailPopup .nsu-field { max-width:230px;} .epopup-close .pop-logo { max-width:70%} .newsletter .nsu-form { width:auto; margin:auto} .page-template-templatestpl_game-php .bx-wrapper .bx-prev { left:-10px !important} .page-template-templatestpl_game-php .bx-wrapper .bx-next { right:-10px !important} #reviews #reviews_annaully h2 a { letter-spacing:3px} #headerwrap { background-size:388%} }