/*--------------------- SETUP ---------------------*/ body { font-family:Helvetica, Arial, sans-serif; font-weight:normal; margin:0; padding:0; color:#4c4c4c; background:#6e3093; -webkit-text-size-adjust: 100%; } img { max-width:100%; display:block; } a, img { margin:0; padding:0; border:none; outline:none; } a { color:#4c4c4c; text-decoration: none; } p, h1, h2, h3, h4, h5, a, span, font, ul, li { margin:0; padding:0; border:none; outline:none; text-decoration:none; color:#4c4c4c; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .floatLeft { float:left; } .floatRight { float:right; } .no-wrap { white-space: nowrap; color:inherit !important; } /*--------------------- MAIN CONTENT ---------------------*/ #container { margin:0; padding:0; width:100%; max-width:100%; } .content-wrapper { width:100%; margin:0; padding:0; } .content { width:980px; max-width:980px; margin:0 auto; } .content-wide { width:100%; margin:0 auto; } .section-title { font-family: 'single_sleeveregular'; font-size:58px; letter-spacing: 0.04em; color:#ffe114; text-align:center; margin:25px 0 0 0; } .section-title a { color:inherit; text-decoration:underline; } .white-copy-bold { font-family:Helvetica, Arial, sans-serif; font-size:19px; font-weight:bold; color:#fff; margin:25px; text-align:left; } .white-copy-bold span { color:#ffe114; } .white-copy-bold a { color:#ffe114; text-decoration:underline; } .white-copy-bold em { color:#ffe114; } .breadcrumbs { font-size:14px; color:#fff; } .breadcrumbs a { color:#fff; } .breadcrumbs a:hover { color:#ffe114; text-decoration:underline; } .breadcrumbs span { color:#fff; } .sub-title { font-family: 'single_sleeveregular'; letter-spacing: 0.01em; font-size:40px; font-weight:normal; color:#ffe114; text-align:left; } .sub-title a { color:#ffe114; text-decoration:underline; } .sub-title .symbols { font-family: monospace; letter-spacing: -2px; color:inherit; } .two-col { position:relative; display:block; float:left; width:50%; margin:25px 0 0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .two-col.side-padding { padding:0 70px; } .three-col { position:relative; display:block; float:left; width:33.333%; margin:25px 0 0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* HEADER */ #header { margin:0; padding:0; } .header-socket { background:#2a267c; padding:1px 40px; text-align: center; } .header-socket div, .header-socket .searchbox { display:inline-block; margin:12px auto 14px; } .header-socket div { margin-right: 20px; } .header-socket h3 { font-family: 'single_sleeveregular'; color:#fff; font-size:24px; letter-spacing: 0.04em; display:inline-block; vertical-align: middle; } .header-socket span, .header-socket a.email { font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#fff; display:inline-block; margin-left: 5px; } .header-socket a:hover.email { text-decoration:underline; } .header-socket .tel:before, .header-socket .email:before { content:""; display:inline-block; width:25px; height:24px; vertical-align: middle; margin-top: -2px; margin-right: 7px; } .header-socket .tel:before { background:url(img/icons-social.png) no-repeat 0 0; background-size:108px; } .header-socket .email:before { background:url(img/icons-social.png) no-repeat -27px 0; background-size:108px; } .header-socket .follow-us a { font-size:0px; line-height:0px; color:transparent; width:25px; height:24px; display: inline-block; vertical-align: middle; } .header-socket .follow-us .twitter { background:url(img/icons-social.png) no-repeat -55px 0; background-size:108px; margin: 0 2px 0 8px; } .header-socket .follow-us .fb { background:url(img/icons-social.png) no-repeat -82px 0; background-size:108px; } .searchbox { position:relative; width:155px; } .ekmps-search-button { position: absolute; left: 9px; top: 5px; } .ekmps-search-field { border: none; outline: none; height:25px; padding: 1px 0 3px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .ekmps-search-field::-webkit-input-placeholder { color: #2a267c; font-size:12px; } .ekmps-search-field:-moz-placeholder { color: #2a267c; font-size:12px; } .ekmps-search-field::-moz-placeholder { color: #2a267c; font-size:12px; } .ekmps-search-field:-ms-input-placeholder { color: #2a267c; font-size:12px; } .ekmps-search-field::-ms-input-placeholder { color: #2a267c; font-size:12px; } .header-socket .details-slide { position:relative; font-family: 'single_sleeveregular'; color:#fff; font-size:28px; letter-spacing: 0.04em; margin:15px 0; cursor:pointer; display:none; } .header-socket .details-slide:after { content:""; display:inline-block; width:19px; height:13px; margin-left:8px; background:url(img/icons-arrows.png) no-repeat -19px 0; vertical-align:middle; } .header-socket .details-slide.active:after { background:url(img/icons-arrows.png) no-repeat 0 0; } .home-page .main-header { background:none; height:466px; } .main-header { background:#6e3093; padding:10px 40px 20px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .logo { float:left; position:relative; z-index:999; } .home-page .mini-cart { display:none; } .mini-cart { float:right; position:relative; z-index:999; margin:18px 0; } .mini-cart span { color:#fff; font-size:14px; } .mini-cart .items:before { content:""; display:inline-block; background:url(img/icon-cart.png) no-repeat 0 0; width:23px; height:23px; vertical-align: bottom; margin-right: 10px; } .home-page .nav-bar { margin:25px 0; } .nav-bar { float:right; position:relative; z-index:999; margin: 6px 0 0; } .nav { list-style:none; text-align:right; } .nav li { display:inline-block; font-family: 'single_sleeveregular'; font-size:28px; letter-spacing: 0.04em; margin:0 6px; position:relative; } .nav li a:hover { text-decoration:underline; } .nav li.about a { color:#d71c46; } .nav li.about a.about:after { content:""; display:inline-block; background:url(img/red-arrow.png) no-repeat 0 0; margin-left:5px; width:13px; height:9px; vertical-align:middle; } .nav li.sessions a { color:#d1388a; } .nav li.school a { color:#efb400; } .nav li.join a { color:#ffe114; } .nav li.parties a { color:#3d96ce; } .nav li.contact a { color:#84b81a; } .nav li.book-now a { color:#ffe114; background:url(img/shape-book-now.png) no-repeat 0 0; background-size: contain; padding: 6px 9px; } .sub-nav { display:none; position:absolute; list-style: none; top: 45px; left: -10px; padding: 8px; background: #d71c46; min-width:160px; z-index:9999; } .sub-nav li a { color:#fff !important; } .sub-nav:before { content:""; position:absolute; width: 175px; height: 20px; top: -18px; left: 0; } .mobile-menu { max-width:300px; display:none; font-family: 'single_sleeveregular'; font-size:26px; letter-spacing: 0.04em; color: #fff; padding: 4px 10px; margin:0 auto; cursor:pointer; background:url(img/icon-menu.png) #c8348c no-repeat; background-position:right 10px center; } .mobile-extra { display:none !important; } /* HOME */ .home-banner { position:absolute; top:0; left:0; z-index:1; width:100%; height:466px; background:url(img/banner-home.jpg) no-repeat 0 0; background-size:cover; } .home-banner .quote { font-family: 'single_sleeveregular'; font-size:40px; letter-spacing: 0.04em; color:#d71c46; line-height:0.9; position:absolute; width:334px; height:305px; bottom:30px; right:90px; background:url(img/shape-quote.png) no-repeat 0 0; background-size:cover; padding: 64px 21px 0 49px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home-banner .quote span { font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:normal; font-size:19px; color:#3d96ce; } .buttons-bar { background:#6e3093; padding:27px 0; } ul.buttons { list-style:none; text-align: center; } ul.buttons li { display:inline-block; font-family: 'single_sleeveregular'; font-size:34px; text-align:center; line-height: 0.74; margin:27px 15px; } ul.buttons li a { background-size:contain; display:block; } ul.buttons li span { font-size:75px; } .for-parents a { background:url(img/shape-parents.png) no-repeat 0 0; padding:18px 40px 31px 31px; } .for-parents a, .for-parents span { color:#ffe114; } .for-schools a { background:url(img/shape-schools.png) no-repeat 0 0; padding: 18px 35px 31px 36px; } .for-schools a, .for-schools span { color:#d71c46; } .for-kids a { background:url(img/shape-kids.png) no-repeat 0 0; padding:18px 74px 31px 68px; } .for-kids a, .for-kids span { color:#30277d; } ul.buttons li.care-community a { background:url(img/shape-community.png) no-repeat 0 0; padding:24px 40px 33px; font-size:60px; } .care-community a, .care-community span { color:#6e3093; } /* ABOUT */ .img-banner { position:relative; width:100%; height:330px; background-size:cover !important; z-index:10; } .img-banner .quote span { font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:normal; } .about-banner { background:url(img/banner-about.jpg) no-repeat center; } .about-banner .quote { font-family: 'single_sleeveregular'; font-size:57px; letter-spacing: 0.04em; color:#d71c46; line-height:0.9; position:absolute; width:334px; height:305px; bottom:18px; right:80px; background:url(img/shape-quote2.png) no-repeat 0 0; background-size:cover; padding: 78px 28px 0 58px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about-banner .quote span { font-size:27px; color:#3d96ce; } .clubs-page .white-copy-bold { margin:25px 150px; } .about-page ul.buttons li { font-size:52px; } .about-page ul.buttons li a { background-size:cover; } .join-us a { color:#d1388a; background:url(img/shape-join.png) no-repeat 0 0; padding: 27px 68px; } .about-page .join-us { margin:27px 0; } .find-school a { color:#6e3093; background:url(img/shape-find.png) no-repeat 0 0; padding: 32px 32px 39px; } .about-page .find-school { margin:27px 70px; } .clubs-sessions a { color:#ffe114; background:url(img/shape-clubs.png) no-repeat 0 0; padding:33px 30px; } .about-page .clubs-sessions { margin:27px 0; } #testimonials { background:url(img/bg-testimonials.jpg) no-repeat center; background-size:cover; width:100%; height:300px; margin:0; padding:1px; position:relative; } #testimonials .testimonial { position:absolute; left:0px; top:0px; width:700px; z-index:1; text-align:center; } #test_container { position:relative; overflow:hidden; width: 700px; margin: 80px auto 0; } #testimonials .testimonial_text { font-family: 'single_sleeveregular'; letter-spacing: 0.04em; font-size:38px; color:#d71c46; line-height:1; } #testimonials .testimonial_name { font-family:Helvetica, Arial, sans-serif; font-size:20px; color:#ffe114; margin:18px auto 3px; font-weight:bold; text-transform:uppercase; } #t_pagers { position:absolute; left:50%; bottom:10px; z-index:20; } #t_pagers .pager { display:inline-block; text-decoration:none; width:12px; min-height:12px; margin-right:7px; background:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer; border:1px solid #ffe114; } #t_pagers .pager:last-child { margin-right:0; } #t_pagers .pager.active { background:#ffe114; } /*COMMUNITY*/ .community-banner { background:url(img/banner-community.jpg) no-repeat 0 0; } .community-banner .quote { font-family: 'single_sleeveregular'; font-size:42px; letter-spacing: 0.04em; color:#ffe214; line-height:0.9; position:absolute; width: 357px; height: 288px; bottom: 26px; left: 40px; background:url(img/shape-quote3.png) no-repeat 0 0; background-size:cover; padding: 83px 0 0 68px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .community-banner .quote span { color:#2a267c; font-size:24px; } .content .quote3.sub-title { background:url(img/shape-quote6.png) no-repeat 0 0; background-size:contain; text-align:center; line-height:1; letter-spacing:0.004px; width: 630px; padding: 38px 43px 30px; margin:0 auto 40px; } .quote3.sub-title span { font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; color:#d71c46; font-size:24px; } /* CLUBS */ .clubs-wrapper { width:100%; margin:20px 0 0; padding:0; } a.clubs { float:left; width:50%; display:block; position:relative; } a.clubs:hover:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.12); z-index:99999; } a.clubs img { float:right; width:50%; position:relative; } a.clubs span { position:absolute; display:block; top:50%; left:25%; font-family: 'single_sleeveregular'; letter-spacing: 0.01em; font-size:60px; color:#fff; text-align:center; line-height:0.95; } a.clubs span:after { content: ""; display: inline-block; vertical-align: middle; background-size:100% !important; z-index:9999; } a.clubs.act { background:#d1388a; } a.clubs.act span:after { background: url(img/clubs/icon-act.png) no-repeat 0 0; width: 83px; height: 67px; margin-left: 20px; } a.clubs.perform { background:#efb400; } a.clubs.perform span:after { background: url(img/clubs/icon-perform.png) no-repeat 0 0; width: 94px; height: 85px; margin-left:5px; } a.clubs.create { background:#84b81a; } a.clubs.create span:after { background: url(img/clubs/icon-create.png) no-repeat 0 0; width: 73px; height: 60px; margin-left:15px; } a.clubs.recorder { background:#3d96ce; } a.clubs.recorder span:after { background: url(img/clubs/icon-recorder.png) no-repeat 0 0; width: 49px; height: 138px; margin-left:20px; } a.clubs.dance { background:#6e3093; } a.clubs.dance span:after { background: url(img/clubs/icon-dance.png) no-repeat 0 0; width: 85px; height: 64px; margin-left:30px; } a.clubs.sing { background:#d71c46; } a.clubs.sing span:after { background: url(img/clubs/icon-sing.png) no-repeat 0 0; width: 65px; height: 56px; margin-left:30px; } a.clubs.gold { background: #c99617; /* Old browsers */ background: -moz-linear-gradient(left, #c99617 0%, #f5c620 19%, #c99617 45%, #f5c620 70%, #c99617 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #c99617 0%,#f5c620 19%,#c99617 45%,#f5c620 70%,#c99617 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c99617 0%,#f5c620 19%,#c99617 45%,#f5c620 70%,#c99617 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c99617', endColorstr='#c99617',GradientType=1 ); /* IE6-9 */ } a.clubs.gold span:after { background: url(img/clubs/icon-gold.png) no-repeat 0 0; width: 82px; height: 61px; margin-left:20px; } a.clubs.ukelele { background:#6e3093; } a.clubs.ukelele span:after { background: url(img/clubs/icon-ukelele.png) no-repeat 0 0; width: 76px; height: 88px; margin-left:20px; } a.clubs.anti-bully { background:#3d96ce; } a.clubs.anti-bully span { padding-right:40px; } a.clubs.anti-bully span:after { background: url(img/clubs/icon-anti-bullying.png) no-repeat 0 0; width: 74px; height: 75px; position: absolute; top: 67px; right: -20px; } a.clubs.inset { background:#d1388a; } a.clubs.inset span { padding-right:50px; } a.clubs.inset span:after { background: url(img/clubs/icon-inset.png) no-repeat 0 0; width: 60px; height: 45px; position: absolute; top: 50%; right: -16px; margin-top: -20px; } /* CLUBS SINGLE */ .clubs-page-single .content { width:1030px; margin:30px auto; } .clubs-page-single .white-copy-bold { margin:25px 0; } .clubs-img { float:right; } .clubs-title { display:block; font-family: 'single_sleeveregular'; letter-spacing: 0.04em; font-size:58px; font-weight:normal; color:#fff; background:url(img/clubs/shape-act.png) no-repeat 0 0; background-size:contain; width: 250px; padding: 15px 53px; margin: 20px auto; text-align: center; } .clubs-title:after { content:""; background-size:100% !important; display:inline-block; vertical-align:middle; } .clubs-title.act:after { background:url(img/clubs/icon-act.png) no-repeat 0 0; width: 83px; height: 67px; margin-left: 20px; } .cta-btn { display:block; position:relative; font-family: 'single_sleeveregular'; letter-spacing: 0.01em; font-size:58px; font-weight:normal; color:#d1388a; background:url(img/shape-cta.png) no-repeat 0 0; background-size:contain; width: 126px; padding: 24px 38px 0 58px; margin:-16px auto 0; } .cta-btn:after { content:""; position:absolute; background-size:100% !important; display:block; background:url(img/click-here.png) no-repeat 0 0; width:88px; height:36px; top: 37px; right: -100px; } /* PARTIES */ .parties-banner { background:url(img/banner-parties.jpg) no-repeat center; } .parties-shape { display:block; font-family: 'single_sleeveregular'; letter-spacing: 0.01em; font-size:71px; color:#ffe114; background:url(img/shape-parties.png) no-repeat 0 0; background-size:cover !important; width: 361px; padding: 26px 71px; margin:30px auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } a.parties-shape { background:url(img/shape-parties-book.png) no-repeat 0 0; padding:29px 85px; margin:0 auto 30px; } .parties-page #testimonials { margin: 40px 0; } .parties-page #testimonials .testimonial.first .testimonial_text { font-size:35px; } .parties-page .white-copy-bold { line-height:1.6; } .contact-form.parties-form { width:560px; margin-left:25px; } .contact-form.parties-form label, .contact-form.parties-form .label { width:200px; } #frm-row-where label, .parties-form #frm-row-message label { margin-top:0; } .parties-form #frm-row-message .txtarea { height:120px; } .contact-form.parties-form label.male, .contact-form.parties-form label.female { width:38px; height:40px; margin:0; position:relative; } .contact-form.parties-form #frm-row-gender { margin-bottom:25px; } .contact-form.parties-form #frm-row-gender * { display:inline-block; vertical-align:middle; } .contact-form.parties-form label.male { background:url(img/icons-gender.png) no-repeat 0 0; } .contact-form.parties-form #frm-row-gender input { visibility:hidden; position: absolute; left: -999px; } .contact-form.parties-form #frm-row-gender input[type="checkbox"] + label:after { content: ""; position: absolute; width: 20px; height: 20px; top: 11px; right: -30px; background: #d7dcde; border-radius: 3px; } .contact-form.parties-form #frm-row-gender input[type="checkbox"]:checked + label:after { background:url(img/icon-tick.png) no-repeat 0 0; } .contact-form.parties-form label.female { background:url(img/icons-gender.png) no-repeat -38px 0; margin-left:70px; } select.age { background:#fff url(img/icon-select.png) no-repeat right 6px center; width: 70px; padding: 8px; font-size: 18px; line-height: 1; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; } .frm-row.book { position:relative; } .frm-row.book:after { content:""; position:absolute; width:88px; height:36px; top: 44px; right: 30px; background:url(img/click-here.png) no-repeat 0 0; } #datepicker { font-size: 15px; padding: 10px 7px; background: url(img/icon-date.png) #fff no-repeat right 5px center; border: none; width: 200px; margin-right:5px; } #timepicker { font-size: 15px; padding: 10px 7px; background: url(img/icon-time.png) #fff no-repeat right 5px center; border: none; width: 127px; } /* CONTACT */ .contact-banner { background:url(img/banner-contact.jpg) no-repeat center; } .contact-details h3 { font-family: 'single_sleeveregular'; letter-spacing: 0.01em; font-size:40px; font-weight:normal; color:#ffe114; text-align:left; margin-bottom:20px; } .contact-details h3.ireland { margin-top:70px; } .contact-wrapper { margin:15px 0; } .contact-form { margin:40px 0; } .contact-form .frm-row { height:40px; margin-bottom:20px; clear:both; } .contact-form label, .contact-form .label { font-family:Helvetica, Arial, sans-serif; font-size:20px; color:#ffe114; font-weight:bold; display:inline-block; margin-top:10px; } .contact-form .txt, .contact-form .txtarea { width: 360px; border: none; padding: 5px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; float:right; clear:both; } .contact-form .txt { height: 40px; } .contact-form .txtarea { height:200px; } #frm-row-submit { height: auto; margin: 10px 0; width: 360px; float: right; text-align: center; } #frm-row-submit .bt { background:url(img/shape-send.png) no-repeat 0 0; background-size:cover; font-family: 'single_sleeveregular'; letter-spacing: 0.01em; font-size:58px; font-weight:normal; color:#d1388a; border:none; padding: 27px 58px 0px 30px; cursor:pointer; } .contact-details span, .contact-details a.email { font-family:Helvetica, Arial, sans-serif; font-size:19px; font-weight:bold; color:#fff; display:block; padding: 2px 0; margin: 12px 0; } .contact-details a:hover.email { text-decoration:underline; } .contact-details .address:before, .contact-details .tel:before, .contact-details .email:before { content:""; display:inline-block; width:35px; height:34px; vertical-align: middle; margin-top: -2px; margin-right: 7px; } .contact-details .address:before { background:url(img/icons-social.png) no-repeat -71px -49px; background-size:107px; } .contact-details .tel:before { background:url(img/icons-social.png) no-repeat 0 -49px; background-size:107px; } .contact-details .email:before { background:url(img/icons-social.png) no-repeat -36px -49px; background-size:107px; } /* FOR KIDS */ .kids-banner { background:url(img/banner-kids.jpg) no-repeat center; } .content .sub-title { margin:0 25px; } .img-btn { position:relative; display:block; } .img-btn:hover:before { content:""; position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.12); } .img-btn img { width:100%; } .img-btn span { display:block; text-align:center; font-size:19px; font-weight:bold; color:#30277d; padding:15px 0; } .img-btn.green span { background:#84b81a; } .img-btn.yellow span { background:#ffe114; } .img-btn.blue span { background:#3d96ce; } .img-btn.pink span { background:#d0388a; } .img-btn.orange span { background:#efb400; } .image-links { margin:45px auto; } .image-links .three-col, .image-links .two-col { margin:0; } .bullying-logos { display: inline-block; margin: 25px 25px 50px; } /* FOR SCHOOLS */ .schools-banner { background:url(img/banner-schools.jpg) no-repeat center; } .schools-banner .quote { font-family: 'single_sleeveregular'; font-size:57px; letter-spacing: 0.04em; color:#ffe214; line-height:0.9; position:absolute; width: 322px; height: 268px; bottom: 35px; left:80px; background:url(img/shape-quote3.png) no-repeat 0 0; background-size:cover; padding: 48px 0 0 98px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #testimonials .testimonial.long .testimonial_text { font-size:31px; } #testimonials .testimonial.long .testimonial_name { font-size:17px; } /* FOR PARENTS */ .parents-banner { background:url(img/banner-parents.jpg) no-repeat center; } .parents-banner2 { height:300px; background:url(img/banner-parents2.jpg) no-repeat center; } .parents-banner .quote { font-family: 'single_sleeveregular'; font-size:57px; letter-spacing: 0.04em; color:#84b81a; line-height:0.9; position:absolute; width: 635px; height: 291px; bottom: 25px; right: 60px; background:url(img/shape-forparents.png) no-repeat 0 0; background-size:cover; padding: 68px 0 0 66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .parents-banner .quote span { font-size:28px; color:#d2388a; } .quote1.sub-title, .quote2.sub-title { background-size:cover !important; font-size:38px; margin: 45px auto; } .quote1.sub-title { width: 580px; padding: 38px 55px 34px 125px; background:url(img/shape-quote4.png) no-repeat 0 0; } .quote2.sub-title { width: 620px; padding: 38px 87px 24px 66px; background:url(img/shape-quote5.png) no-repeat 0 0; text-align:center; } .quote2.sub-title span { font-family:Helvetica, Arial, sans-serif; color:#3d96ce; font-size:20px; text-transform:uppercase; } a.book-cta { position:relative; display:block; width:460px; background:url(img/shape-book-club.png) no-repeat 0 0; background-size:contain; font-family: 'single_sleeveregular'; font-size:58px; letter-spacing: 0.04em; color:#ffe114; text-decoration:underline; padding: 38px 40px; margin: 35px auto 45px; } a.book-cta:after { content:""; position:absolute; background-size: 100% !important; display: block; background: url(img/click-here.png) no-repeat 0 0; width: 88px; height: 36px; top: 119px; right: -54px; } /* JOIN US */ .join-banner { background:url(img/banner-join.jpg) no-repeat center; } .join-banner .quote { font-family: 'single_sleeveregular'; font-size:57px; letter-spacing: 0.04em; color:#ffe214; line-height:0.9; position:absolute; width: 322px; height: 268px; bottom: 35px; left:80px; background:url(img/shape-quote3.png) no-repeat 0 0; background-size:cover; padding: 48px 0 0 98px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .join-cta { font-family: 'single_sleeveregular'; font-size:56px; letter-spacing: 0.02em; text-align:center; display:block; cursor:pointer; line-height:1; position:relative; width:100%; max-height:200px; } .join-cta span { display:block; color:#fff; } .join-cta span:hover { text-decoration:underline; } .join-cta.active span { text-decoration:underline; } .join-cta.leader { background:#3d96ce; } .join-cta.leader span { padding:72px 0; } .join-cta.franchisee { background:#d1388a; } .join-cta.franchisee span { padding:44px 0; } .join-cta.active:before { content:""; position:absolute; width:32px; height:25px; left:50%; bottom:-25px; margin-left:-16px; background-size:64px !important; z-index:999; } .join-cta.leader.active:before { background:url(img/join-triangles.png) no-repeat -33px 0; } .join-cta.franchisee.active:before { background:url(img/join-triangles.png) no-repeat 0 0; } .join-wrapper .two-col { margin-top:0; } .content.leader, .content-wide.franchisee { position:relative; padding:0; max-height:0; overflow:hidden; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s; } .content.leader.active, .content-wide.franchisee.active { max-height:5000px; padding:60px 0 30px; } .content.leader .sub-title { color:#3d96ce; } .content-wide.franchisee .sub-title { color:#d1388a; } .content-wide.franchisee .white-copy-bold span { color:#d1388a; } .white-list { margin:10px 44px 25px; text-align:left; list-style:disc; } .white-list li { font-family:Helvetica, Arial, sans-serif; font-size:19px; font-weight:bold; color:#fff; margin-bottom:6px; } a.contact-links { position:relative; line-height: 3; } a.contact-links:before { display:inline-block; content:""; margin-right:20px; vertical-align:middle; } a.contact-links.calendar:before { width:31px; height:35px; background:url(img/icons-contact.png) no-repeat 0 0; } a.contact-links.read:before { width:35px; height:35px; background:url(img/icons-contact.png) no-repeat -35px 0; } a.contact-links.video:before { width:35px; height:24px; background:url(img/icons-contact.png) no-repeat -74px 0; } a.contact-links.skype:before { width:35px; height:35px; background:url(img/icons-contact.png) no-repeat -113px 0; } .join-wrapper #testimonials { background:url(img/bg-testimonials2.jpg) no-repeat center; background-size:cover; height:355px; } .join-wrapper #testimonials .sub-title { text-align: center; margin-top: 20px; color: #491430; } .join-wrapper #testimonials .testimonial_text { font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#fff; font-size:22px; } .join-wrapper #testimonials .testimonial_name { color:#d1388a; font-size:22px; font-style:italic; text-transform: none; } .join-wrapper #t_pagers .pager { border-color:#491430; } .join-wrapper #t_pagers .pager.active { background:#491430; } /* FIND SCHOOL */ .find-banner { height:245px; background:url(img/banner-find.jpg) no-repeat center; } a.atoz { float: left; width: 100%; display: block; position: relative; font-family: 'single_sleeveregular'; font-size:58px; letter-spacing: 0.04em; color:#fff; text-align:center; padding:10px 0; } .atod { background:#d1388a; } .etoj { background:#84b81a; } .ktoo { background:#2a267c; } .ptor { background:#3d96ce; } .stot { background:#cf9d18; } .utoz { background:#d71c46; } a.atoz:hover:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.2); } /* FOOTER */ #footer .widget { float:left; width:33.3333%; height: 470px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .book-box { background:#d71c46; } .book-box h2 { font-family: 'single_sleeveregular'; font-size:55px; font-weight:normal; color:#ffe114; text-align:center; letter-spacing: 0.7px; margin:30px 0; } .book-box a { display:block; } .book-box img { margin:45px auto; } .tweet-box { background:#24b4ff; padding:45px 65px; } .tweet-inner { max-width:315px; margin:0 auto; position:relative; background:#fff; padding:10px 0; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45); } .tweet-inner:before, .tweet-inner:after { content: ''; position: absolute; left: 0; width: 100%; height: 20px; background: #fff; -webkit-backface-visibility: hidden; } .tweet-inner:before { top: -8px; -webkit-transform: skewY(2.5deg); -moz-transform: skewY(2.5deg); -ms-transform: skewY(2.5deg); -o-transform: skewY(2.5deg); transform: skewY(2.5deg); -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.30); box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.30); } .tweet-inner:after { bottom: -13px; -webkit-transform: skewY(-2.5deg); -moz-transform: skewY(-2.5deg); -ms-transform: skewY(-2.5deg); -o-transform: skewY(-2.5deg); transform: skewY(-2.5deg); -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.30); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.30); } .tweet-inner h2 { position: relative; height:60px; font-size:14px; font-weight:normal; color:#fff; background:#24b4ff; padding: 9px 0 0 75px; margin: 7px 30px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tweet-inner h2 span { font-size:22px; color:#fff; } .tweet-inner h2:before { content: ""; position: absolute; width: 60px; height: 60px; top: 0; left: 0; background:url(img/icon-twitter.png) #06a1f1 no-repeat center; } #tweecool li { list-style:none; padding: 13px 30px 13px 25px; border-left:5px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:1.3; } #tweecool li:hover { border-left:5px solid #34bd31; background:#fafafa; } #tweecool ul li a img { display:none; } .tweets_txt { font-size:13px; color:#999; } .tweets_txt span { display:block; font-size:12px; color:#555555; margin-top:2px; } .tweets_txt a { color:#24b4ff; } .tweets_txt a:hover { text-decoration:underline; color:#24b4ff; } .tweet-inner .follow { border-top:1px solid #f2f2f2; padding:20px 0 0 30px; font-size:13px; color:#888888; } .tweet-inner .follow a { color:#ff2a2a; } .tweet-inner .follow a:hover { text-decoration:underline; color:#ff2a2a; } .contact-box { background:#ffe114; padding: 0 58px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact-box h2 { font-family: 'single_sleeveregular'; font-size:40px; font-weight:normal; color:#d1388a; letter-spacing: 0.7px; background:url(img/shape-contact.png) no-repeat 0 0; background-size:contain; padding: 20px 41px; margin: 20px auto 30px; display: block; width: 232px; } .contact-box h3 { font-family: 'single_sleeveregular'; font-size:24px; color:#d1388a; margin: 15px 0; } .contact-box span, .contact-box a.email { font-family:Helvetica, Arial, sans-serif; font-size:16px; color:#d1388a; display:block; padding: 2px 0; margin: 4px 0; } .contact-box a:hover.email { text-decoration:underline; } .contact-box .tel:before, .contact-box .email:before { content:""; display:inline-block; width:25px; height:24px; vertical-align: middle; margin-top: -2px; margin-right: 7px; } .contact-box .tel:before { background:url(img/icons-social.png) no-repeat 0 -24px; background-size:108px; } .contact-box .email:before { background:url(img/icons-social.png) no-repeat -27px -24px; background-size:108px; } ul.logos { text-align:center; list-style:none; margin-top:30px; } ul.logos li { display:inline-block; vertical-align:middle; margin:0 20px; } .footer-socket { background:#84b81a; padding:18px 40px; } .footer-socket p { float:left; color:#30277d; font-size:16px; } .footer-socket ul { list-style:none; float:right; } .footer-socket ul li { display:inline-block; color:#30277d; font-size:16px; margin:0 12px; } .footer-socket ul li a { color:#30277d; } .footer-socket ul li a:hover { text-decoration:underline; }