body { background-color: #ffffff; margin: 0px; } /***************************************** CSS3 Animation to allow fade in effect ******************************************/ .pcview_only { display:block; } #fadetext { margin-top: 15px; /*font-family:Arial;*/ font-family:Calibri; font-weight:lighter; line-height: 45px; font-size: 48px; color:#ffffff; text-align:left; -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 5s; /* Firefox < 16 */ -ms-animation: fadein 5s; /* Internet Explorer */ -o-animation: fadein 5s; /* Opera < 12.1 */ animation: fadein 5s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } h1 { font-family:Arial, Calibri, Helvetica; /*font-size: 28px;*/ font-size:2em; font-weight:100; line-height:1.9; color:#2E4A5A; } h2 { font-family:Arial, Calibri, Helvetica; /*font-size:15px;*/ font-size:1em; font-weight:300; line-height:2.0; text-align:justify; color:#2E4A5A; margin:0 2% 0 2%; } h2_old { font-family:Arial, Calibri, Helvetica; font-size:28px; font-weight:100; line-height:1.5; text-align:center; } h3 { font-family:Arial, Calibri, Helvetica; font-size:17px; font-weight:bold; line-height:1.2; text-align:left; color:#233944; margin:0 2% 0 2%; } h4 { font-size:13px; text-align:left; font-weight:100; line-height:2.0; } h5 { font-family:Calibri; /*font-family:Verdana, arial, sans-serif;*/ font-size:14px; color:#ffffff; line-height:1.5; text-align:left; } h6 { font-family:Calibri, arial, sans-serif; color:#ffffff; font-size:13px; } #h7 { font-family:Arial, Calibri, Helvetica; font-size:18px; font-weight:100; line-height:1.5; text-align:center; } #h8 { font-family:Arial, Calibri, Helvetica; font-size:14px; font-weight:100; line-height:1.5; color:#333333; text-align:center; } #h1 { font-family:Arial, Calibri, Helvetica; /*font-size: 28px;*/ font-size:2em; font-weight:100; margin:2% 0 0 0; line-height:1.2; color:#2E4A5A; } #h2 { font-family:Arial, Calibri, Helvetica; /*font-size:15px;*/ font-size:1em; font-weight:300; line-height:1.7; color:#2E4A5A; margin:0 !important; } .h2gallery { font-family:Arial, Calibri, Helvetica; font-size:15px; font-weight:300; line-height:1.7; color:#2E4A5A; margin:0 !important; } /* Forms Start */ .txtinput { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:40%; } .txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:50%; } .txtrows { height:200px; font-size:20px; line-height:2.0; font-family:Arial; width:60%;} .txtinputshort { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:15%; } .txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:75%; } /* Forms end */ .mapsize { width:1200px; height:580px; } #iphone_reviews_link { display:none; } .nodisplay { display:block; width:960px; height:400px; text-align:center; margin:0 0 0 10% !important; } html { -webkit-text-size-adjust: 100%; } /* LINKS */ /* a { text-decoration:none; color:#5F223C; }*/ a { text-decoration:none; color:#000000; } a .blacklinks { color:#2E4A5A; } .blacklinks { color:#2E4A5A; font-style:italic; } .blacklinks:hover { color:#111111; background-color:inherit;} /* setup links style */ a:link { } a:visited { color:#000000; } /*when someone hovers over the link */ a:hover { background-color:inherit; text-decoration: underline;} /* Image Border */ .imageBorder { border: 5px solid #ffffff; } .imageBorder:hover { border: 5px solid #7F676F; } .imageBorderActive { border-bottom: 5px solid #5F4C52; font-weight:900; } .homepageActive { color:#000000; font-weight:bold; } .href_black { color:#2E4A5A; font-weight:600; font-family:Arial, Calibri, Helvetica; font-size:14px; } .href_black:visited { color:#2E4A5A; font-weight:600; } .href_black:hover { color:#000000; } .href_black a { color:#2E4A5A; font-weight:600; } .href_white { color:#ffffff; font-weight:200; font-family:Arial, Calibri, Helvetica; font-size:14px; } .href_white:visited { color:#ffffff; font-weight:200; font-family:Arial, Calibri, Helvetica; font-size:14px; } .href_white:hover { color:#ffffff; font-weight:200; font-family:Arial, Calibri, Helvetica; font-size:14px; } .href_white a { color:#ffffff; font-weight:200; font-family:Arial, Calibri, Helvetica; font-size:14px; } /* SUBMIT BUTTON */ .btn{ background-color: #F6CF3C; border: none; color: #000000; padding: 15px; text-align: center; font-family: 'Corbel', Arial, sans-serif; text-decoration: none; display: inline-block; font-weight:800; font-size: 16px; margin: 4px 2px; border-radius: 8px; border-left:solid 2px black; border-top:solid 2px black; border-right:solid 5px black; border-bottom:solid 5px black; } .btn:hover { opacity: 0.8; font-weight:bold; border-left:solid 2px black; border-top:solid 2px black; border-right:solid 5px black; border-bottom:solid 5px black; background-color:#ffffff; color: #000000; padding: 15px; text-align: center; font-family: 'Corbel', Arial, sans-serif; text-decoration: none; display: inline-block; font-weight:800; font-size: 16px; margin: 4px 2px; border-radius: 8px; } /* SIMPLE BUTTON FOR BABY COURSES */ .btn_simple{ background-color: #F6CF3C; border: none; color: #000000; padding: 15px; text-align: center; font-family: 'Corbel', Arial, sans-serif; text-decoration: none; display: inline-block; font-weight:800; font-size: 16px; margin: 4px 2px; border-radius: 8px; } .btn_simple:hover { opacity: 0.8; font-weight:bold; background-color:rgb(240, 203, 69); color: #000000; padding: 15px; text-align: center; font-family: 'Corbel', Arial, sans-serif; text-decoration: none; display: inline-block; font-weight:800; font-size: 16px; margin: 4px 2px; border-radius: 8px; } /* BUTTON INVISIBLE */ .btn_invisible{ display:none; border: none; } /* SUBMIT BUTTON - Black */ .btn_black { background-color: #111111; border: none; color: #ffffff; padding: 25px 40px 25px 40px; text-align: center; font-family: Microsoft YaHei UI LIght; text-decoration: none; display: inline-block; font-weight:500; font-size: 16px; margin: 4px 2px; /*border-radius: 12px;*/ } .btn_black:hover {opacity: 0.95; color:#39CCCC; } /* SUBMIT BUTTON - Black Rounded */ .btn_blackround { background-color: #111111; border: none; color: #ffffff; padding: 15px 30px 15px 30px; text-align: center; font-family: Microsoft YaHei UI LIght; text-decoration: none; display: inline-block; font-weight:500; font-size: 16px; margin: 4px 2px; border-radius: 12px; } .btn_blackround:hover {opacity: 0.95; color:#39CCCC; } /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */ .mobile-container { display:none; } /* FULL PAGE CONTAINER */ .containeraqua { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; } /* IMPORTANT - Keep containerouterheader at MAX z-index so that the scroll works */ #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:125px; background-color:#ffffff; } /* Home Page - Logo and Menubar Positioning */ .container_menubar { display:block; text-align:center; width: 100%; background: #ffffff; height:160px; margin: 0 auto; padding: 0; } #container_menubar_left { float:left; width:19%; text-align:left; margin:0 0 0 1%; } #container_menubar_right { float:right; width:79%; text-align:right; margin:1.8% 1% 0 0; } /* Home Page- Banner Section */ .container_banner { float:left; margin: 0 auto; text-align:center; width: 100%; background: #F0F2F6; height:600px; margin:7% 0 0 0; padding: 0; } /* SEARCH ENGINE FOR SWIM COURSES */ .container-back-stroke { text-align:left !important; margin: 0 auto; height:125px; vertical-align:top middle; width:100%; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:left !important; border-top:solid 3px black; border-bottom:solid 3px black; font-family:DejaVu Sans Light; font-size:1em; font-weight:bold; padding:2% 0 0 0; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } .check1 { float:left; width:25%; text-align:right; } .check2 { float:left; width:25%; text-align:right; } .check3 { float:left; width:25%; text-align:right; } .check4 { float:left; width:24%; padding:20px 0 0 0; text-align:center; } .container_warmwelcome { float:left; text-align:center; vertical-align:top middle; background: #ffffff; height:auto; margin: 0 auto; padding: 0; width:100%; max-width:100%; } #container_warmwelcome_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Home Page - Welcome */ .container_welcome { float:left; text-align:center; vertical-align:top middle; height:270px; margin: 0 auto; width:100%; max-width:100%; } #container_welcome_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Footer */ .container_footer { float:left; text-align:center; vertical-align:top middle; background:#00496B; height:540px; margin: 0 auto; padding: 0; width:100%; max-width:100%; } #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff; } .footer_left { float:left; width:31%; text-align: left; margin:0 0 0 2%; } .footer_mid { float:left; width:31%; text-align: left; vertical-align:middle; margin:0 0 0 2%; } .footer_right { float:right; width:30%; text-align: left; vertical-align:right; margin:0 0 0 2%; } .container_footer_menubar { float:left; text-align:center; vertical-align:top middle; width: 100%; max-width:100%; background:#ffffff; margin:6% 0 0 0; height:60px; margin: 0 auto; padding: 0; font-family:Arial, Calibri, Helvetica; font-size:14px; font-weight:100; line-height:1.5; color:#333333 !important; text-align:center; } .selectliststyle { width:280px; height:45px; line-height:1.5; font-size:16px; } /* Home Page - Swim Classes Section*/ .container_swim { float:left; text-align:center; background-color:#F2F3F4; height:630px; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_swim_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:3% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; } .swim_left { float:left; width:33.3%; text-align:center; vertical-align:center; } .swim_mid { float:left; width:33.3%; text-align:center; vertical-align:center; } .swim_right { float:right; width:33.3%; text-align:center; vertical-align:center; } .warmwelcome { font-family:Calibri; font-size:13px; font-weight:none; } /* Contact Page */ .container_contact { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_contact_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:11% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .contact_left { float:left; width:39.3%; text-align:center; vertical-align:center; } .contact_mid { float:left; width:27.3%; text-align:center; vertical-align:center; } .contact_right { float:right; width:33.3%; text-align:center; vertical-align:center; } .txtinputcontact { height:27px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; } .txtrowscontact { height:115px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;} /* Venues Page*/ .container_venuetop { float:left; text-align:center; height:350px; width:100%; max-width:100%; margin: 0 auto; vertical-align:top middle; background-color:#F9F9FA; /*background-color:#F6CF3C;*/ } #container_venuetop_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:1200px; height:100%; padding:12% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .container_venue { float:left; text-align:center; height:710px; width:100%; max-width:100%; margin: 0 auto; vertical-align:top middle; background-color:#333333; } #container_venue_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:1200px; height:100%; padding:4% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venue_left { float:left; width:33.3%; text-align:center; vertical-align:center; } .venue_mid { float:left; width:33.3%; text-align:center; vertical-align:center; } .venue_right { float:right; width:33.3%; text-align:center; vertical-align:center; } .rooms_titles1 { float:left; width:100%; height:40px; margin:-24% 0 0 0; padding:0 0 10% 0; text-align:center; color:#F6CF3C; font-family:Microsoft JhengHei, Arial Narrow; font-weight:900; font-size:19px; z-index:100; } .title1 { width:70%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0; padding:4% 7% 4% 7%; background-color:#333333; height:100%; opacity:0.6; border:none; } /* Venues All - Individual Pages */ .container_venueall { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_venueall_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:11% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venueall_left { float:left; width:39.3%; text-align:center; vertical-align:center; } .venueall_mid { float:left; width:27.3%; text-align:center; vertical-align:center; } .venueall_right { float:right; width:33.3%; text-align:center; vertical-align:center; } #pool_left { float:left; width:50%; margin:10% 0 0 0; text-align:center; } #pool_right { float:right; width:50%; text-align:left; font-size:20px; margin:15% 0 0 0; } /* Courses Page */ .container_course { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top middle; background-color:#333333; } #container_course_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:1200px; height:100%; padding:4% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; } /* Classes Page */ .container_classes { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top middle; background-color:#F2F3F4; } #container_classes_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:1200px; height:100%; padding:12% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; } .classes_left { float:left; width:44%; text-align:left; margin:0 0 0 1%; vertical-align:center; } .classes_right { float:right; width:54%; text-align:center; vertical-align:top middle; } /* Gallery Page */ .container_gallery { float:left; text-align:center; background-color:#F2F3F4; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_gallery_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:11% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Booking Page */ .container_booking { float:left; text-align:center; background-color:#F2F3F4; height:1180px; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_booking_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:11% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Payment Page */ .container_payment { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_payment_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:1200px; height:100%; padding:12% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:11% 0 0 0; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* #rooms_all { float:left; width:100% !important; height:450px !important; } .container_roomrates { display:block; text-align:center; width: 100%; background:#39CCCC; height:350px; margin: 0 auto; padding: 0; } #container_roomrates_inner { display:block; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:2% 0 0 0; text-align:center; font-family:Microsoft YaHei UI LIght; font-size: 16px; font-weight:none; line-height:1.5; color:#000000; } .container_reviews { display:block; text-align:center !important; width: 100%; background:#ffffff; height:600px; margin: 0 auto; padding: 0; } #container_reviews_inner { display:block; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:2% 0 0 0; text-align:center !important; font-family:Calibri; font-size: 19px; font-weight:none; line-height:1.5; color:#000000; } */ .txtinputsubject { height:30px; font-size:18px; line-height:1.0; font-family:Arial; width:77%;} .txtinputcode { height:30px; font-size:18px; line-height:3.0; font-family:Arial; width:20%; } .container_warmwelcome_contact { display:block; text-align:center; width: 100%; background: #F0F2F6; height:400px; margin: 0 auto; padding: 0; } #container_warmwelcome_contact_inner { display:block; margin: 0 auto; padding: 0; width:1200px; padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A; } .container_maps { display:block; text-align:center; width: 100%; background:#2E4A5A; height:900px; margin: 0 auto; padding: 0; } #container_maps_inner { display:block; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:3% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff; } .container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:600px; margin: 0 auto; padding: 0; } #container_directions_inner { display:block; margin: 0 auto; padding: 0; width:1000px; padding:1% 0 0 0; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Rooms Page */ #container_roomsbanner { display:block; opacity:1.0; background:url('../images/banner_rooms.jpg') no-repeat center; background-size:100% 100%; height:100%; height:400px; width:100%; max-width:100%; } .warm_left_rooms { float:left; width:60%; } .warm_right_rooms { float:right; width:40%; } .zoom { padding: 10px; background-image: '../images/image1.jpg'; /*background-color: green;*/ transition: transform .2s; /* Animation */ width: 350px; height: 221px; margin: 0 auto; } .zoom:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .zoom_venue { padding: 10px; background-image: '../images/image1.jpg'; /*background-color: green;*/ transition: transform .2s; /* Animation */ width: 370px; height: 264px; margin: 0 auto; } .zoom_venue:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .container_warmwelcome_rooms { display:block; text-align:center; width: 100%; background: #F0F2F6; height:600px; margin: 0 auto; padding: 0; } .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px; margin: 0 auto; padding: 0; } #container_warmwelcome_rooms_inner { display:block; margin: 0 auto; padding: 0; width:1000px; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A; } .container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px; margin: 0 auto; padding: 0; } #container_warmwelcome_bookings_inner { display:block; margin: 0 auto; padding: 0; width:1000px; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A; } .zoom_detail { padding: 10px; background-image: '../images/image1.jpg'; /*background-color: green;*/ transition: transform .2s; /* Animation */ width: 450px; height: 402px; margin: 0 auto; } .zoom_detail:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } /* Reviews page */ #container_reviews_banner { display:block; opacity:1.0; background:url('../images/banner_reviews.jpg') no-repeat center; background-size:100% 100%; height:100%; height:400px; width:100%; max-width:100%; } /* Bookings page */ #container_bookings { display:block; opacity:1.0; background:url('../images/banner_bookings.jpg') no-repeat center; background-size:100% 100%; height:100%; height:400px; width:100%; max-width:100%; } /* ----------- iPhone 5 and 5s ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait Iphone 5 and 5s */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1) /* and (-webkit-text-size-adjust:auto) 414 width */ and (orientation: portrait) { } /* Landscape Iphone 5 and 5s */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1) /* and (-webkit-text-size-adjust:auto) 414 width */ and (orientation: landscape) { } /* ----------- iPhone 6, 6plus 7, 8, X, XS ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen /* and (min-device-width: 320px) and (max-device-width: 568px)*/ and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 1) /* and (-webkit-text-size-adjust:auto) 414 width */ and (orientation: portrait) { /* HOME PAGE START */ /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */ .mobile-container { display:block !important; padding:50% 0 0 0 !important; } .pcview_only { display:none !important; } /* Logo*/ .container_menubar { display:block; text-align:center !important; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_menubar_left { display:block !important; float:left; width:100% !important; max-width:100% !important; text-align:center !important; margin:0 !important; } #container_menubar_right { display:block !important; float:left !important; width:100% !important; text-align:center; margin:0 !important; } #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100% !important; max-width:100% !important; height:200px !important; } .jR3DCarouselGallery { width:100% !important; max-width:100% !important; margin:0 0 0 0 !important; height:100% !important; height:200px !important; /* based on width 712px for iphone max width */ /*height:230px !important;*/ } /* SEARCH ENGINE */ .container-back-stroke { text-align:center; margin: 0 auto; height:425px; vertical-align:top middle; width:100% !important; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:center; border-top:solid 3px black; border-bottom:solid 3px black; font-family:Arial !important; font-size:16px !important; font-weight:bold; padding:4% 0 0 0 !important; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } .check1 { float:left; width:100% !important; text-align:center !important; } .check2 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check3 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check4 { float:left; width:100% !important; } /* Welcome */ .container_welcome { float:left; text-align:center; vertical-align:top middle; height:270px; margin: 0 auto; width:100%; max-width:100%; } #container_welcome_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; margin:0 2% 0 2% !important; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Swim Classes Section*/ .container_swim { float:left; text-align:center; background-color:#F2F3F4; height:auto !important; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_swim_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .swim_left { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_mid { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_right { float:right; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .warmwelcome { font-family:Calibri; font-weight:none; } /* HOME PAGE END */ /* VENUES PAGE */ .container_venuetop { float:left; text-align:center; padding:0 !important; margin:0 !important; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top !important; background-color:#F9F9FA; /*background-color:#F6CF3C;*/ } #container_venuetop_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; margin:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .container_venue { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_venue_inner { text-align:center; margin: 0 auto; vertical-align:middle; width:100% !important; height:100%; padding:0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venue_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_right { float:right; width:100% !important; text-align:center; vertical-align:center; } /* VENUE DETAIL PAGE */ .container_venueall { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; background-color:#ffffff !important; margin: 0 auto; vertical-align:top middle; } #container_venueall_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venueall_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } #pool_left { float:left; width:50%; margin:10% 0 0 0; text-align:center; } #pool_right { float:right; width:50%; text-align:left; font-size:20px; margin:15% 0 0 0; } /* Courses Page */ .container_course { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_course_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:4% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; } /* CLASSES PAGE */ .container_classes { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_classes_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:96% !important; height:100%; padding:10% 2% 0 2% !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; } .classes_left { float:left; width:98% !important; text-align:left; margin:0 !important; vertical-align:center; } .classes_right { float:left !important; width:100% !important; text-align:center; vertical-align:top middle; } /* Gallery Page */ .container_gallery { display:block; text-align:center; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_gallery_inner { display:block; margin: 0 auto; padding: 0; width:100% !important; height:100%; margin:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } #container_gallery_banner { display:block; opacity:1.0; background:url('../images/banner_gallery.jpg') no-repeat top center; height:300px !important; width:100% !important; max-width:100% !important; } .column { width:100% !important; max-width:100% !important; } .h2gallery { display:none !important; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:10% 2% 0 2%; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Contact Page */ .container_contact { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100% !important; max-width:100% !important; } #container_contact_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; max-width:100% !important; height:100%; padding:10% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtinputcode { height:30px !important; font-size:18px; line-height:3.0; font-family:Arial; width:40% !important; } .contact_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .contact_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .contact_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } .zoom_contact { width: 100% !important; max-width: 100% !important; height: auto; margin: 0 auto; } /* BOOKING COVID-19 PAGE */ .container_booking { float:left; text-align:center; background-color:#ffffff !important; height:auto !important; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_booking_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:5% 2% 0 2%; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .zoom_contact { width:100% !important; max-width:100% !important; } /* Payment Page */ .container_payment { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_payment_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:5% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Footer */ .container_footer { float:left; text-align:center; vertical-align:top middle; background:#00496B; height:auto !important; margin: 0 auto; padding: 0; width:100%; max-width:100%; } #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:8% 0 0 0; font-family:Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight:none; line-height:2.2; color:#ffffff; } .footer_left { float:left; width:48%; text-align: left; margin:0 0 0 2%; } .footer_mid { float:right !important; width:48%; text-align: left; vertical-align:middle; margin:0 2% 0 0 !important; } .footer_right { float:left !important; width:100%; text-align:center !important; vertical-align:right; margin:8% 0 8% 0 !important; } .container_footer_menubar { float:left; text-align:center; vertical-align:top middle; width: 100%; max-width:100%; /*background: #F6CF3C;*/ background:#ffffff; font-weight:700; margin:6% 0 0 0; color:#333333; height:90px; margin: 0 auto; padding: 0; } } /* Landscape iPhone 6, 6plus 7, 8, X, XS */ @media only screen /* and (min-device-width: 320px) and (max-device-width: 568px)*/ and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 1) /* and (-webkit-text-size-adjust:auto) 414 width */ and (orientation: landscape) { /* HOME PAGE START */ /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */ .mobile-container { display:block !important; padding:20% 0 0 0 !important; } .pcview_only { display:none !important; } /* Logo*/ .container_menubar { display:block; text-align:center !important; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_menubar_left { display:block !important; float:left; width:100% !important; max-width:100% !important; text-align:center !important; margin:0 !important; } #container_menubar_right { display:block !important; float:left !important; width:100% !important; text-align:center; margin:0 !important; } #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100% !important; max-width:100% !important; height:150px !important; } .jR3DCarouselGallery { width:100% !important; max-width:100% !important; margin:0 0 0 0 !important; /*height:230px !important;*/ } /* SEARCH ENGINE */ .container-back-stroke { text-align:center; margin: 0 auto; height:455px; vertical-align:top middle; width:100% !important; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:center; border-top:solid 3px black; border-bottom:solid 3px black; font-family:Arial !important; font-size:16px !important; font-weight:bold; padding:4% 0 0 0 !important; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } .check1 { float:left; width:100% !important; text-align:center !important; } .check2 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check3 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check4 { float:left; width:100% !important; } /* Welcome */ .container_welcome { float:left; text-align:center; vertical-align:top middle; height:270px; margin: 0 auto; width:100%; max-width:100%; } #container_welcome_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; margin:0 2% 0 2% !important; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Swim Classes Section*/ .container_swim { float:left; text-align:center; background-color:#F2F3F4; height:auto !important; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_swim_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; } .swim_left { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_mid { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_right { float:right; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .warmwelcome { font-family:Calibri; font-size:13px; font-weight:none; } /* HOME PAGE END */ /* VENUES PAGE */ .container_venuetop { float:left; text-align:center; padding:0 !important; margin:0 !important; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top !important; background-color:#F9F9FA; /*background-color:#F6CF3C;*/ } #container_venuetop_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; margin:2% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .container_venue { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_venue_inner { text-align:center; margin: 0 auto; vertical-align:middle; width:100% !important; height:100%; padding:0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venue_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_right { float:right; width:100% !important; text-align:center; vertical-align:center; } .zoom_venue { padding: 10px; background-image: '../images/image1.jpg'; /*background-color: green;*/ transition: transform .2s; /* Animation */ width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto; } /* VENUE DETAIL PAGE */ .container_venueall { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; background-color:#ffffff !important; margin: 0 auto; vertical-align:top middle; } #container_venueall_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venueall_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } #pool_left { float:left; width:50%; margin:10% 0 0 0; text-align:center; } #pool_right { float:right; width:50%; text-align:left; font-size:20px; margin:15% 0 0 0; } /* Courses Page */ .container_course { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_course_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:4% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; } /* CLASSES PAGE */ .container_classes { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_classes_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:96% !important; height:100%; padding:26% 2% 0 2% !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; } .classes_left { float:left; width:98% !important; text-align:left; margin:0 !important; vertical-align:center; } .classes_right { float:left !important; width:100% !important; text-align:center; vertical-align:top middle; } /* Gallery Page */ .container_gallery { display:block; text-align:center; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_gallery_inner { display:block; margin: 0 auto; padding: 0; width:100% !important; height:100%; margin:2% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } #container_gallery_banner { display:block; opacity:1.0; background:url('../images/banner_gallery.jpg') no-repeat top center; height:300px !important; width:100% !important; max-width:100% !important; } .column { width:100% !important; max-width:100% !important; } .h2gallery { display:none !important; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:2% 2% 0 2%; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Contact Page */ .container_contact { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100% !important; max-width:100% !important; } #container_contact_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; max-width:100% !important; height:100%; padding:2% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtinputcode { height:30px !important; font-size:18px; line-height:3.0; font-family:Arial; width:40% !important; } .contact_left { float:left; width:100% !important; max-width:100% !important; text-align:center; vertical-align:center; } .contact_mid { float:left; width:100% !important; max-width:100% !important; text-align:center; vertical-align:center; } .contact_right { float:left !important; width:100% !important; max-width:100% !important; text-align:center; vertical-align:center; } .zoom_contact { width: 100% !important; max-width: 100% !important; height: auto; margin: 0 auto; } /* BOOKING COVID-19 PAGE */ .container_booking { float:left; text-align:center; background-color:#ffffff !important; height:auto !important; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_booking_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:5% 2% 0 2%; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .zoom_contact { width:100% !important; max-width:100% !important; } /* Payment Page */ .container_payment { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_payment_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:5% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Footer */ .container_footer { float:left; text-align:center; vertical-align:top middle; background:#00496B; height:auto !important; margin: 0 auto; padding: 0; width:100%; max-width:100%; } #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:8% 0 0 0; font-family:Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight:none; line-height:2.2; color:#ffffff; } .footer_left { float:left; width:48%; text-align: left; margin:0 0 0 2%; } .footer_mid { float:right !important; width:48%; text-align: left; vertical-align:middle; margin:0 2% 0 0 !important; } .footer_right { float:left !important; width:100%; text-align:center !important; vertical-align:right; margin:8% 0 8% 0 !important; } .container_footer_menubar { float:left; text-align:center; vertical-align:top middle; width: 100%; max-width:100%; /*background: #F6CF3C;*/ background:#ffffff; font-weight:700; margin:6% 0 0 0; color:#333333; height:90px; margin: 0 auto; padding: 0; } } /* IPad 2 (looks good in ipad pro also) - Portrait View*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) { /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */ .mobile-container { display:block !important; padding:25% 0 0 0 !important; } .pcview_only { display:none !important; } /* Logo*/ .container_menubar { display:block; text-align:center !important; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_menubar_left { display:block !important; float:left; width:100% !important; max-width:100% !important; text-align:center !important; margin:0 !important; } #container_menubar_right { display:block !important; float:left !important; width:100% !important; text-align:center; margin:0 !important; } #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100% !important; max-width:100% !important; height:180px !important; } .jR3DCarouselGallery { width:100% !important; max-width:100% !important; margin:0 0 0 0 !important; height:280px !important; } /* SEARCH ENGINE */ .container-back-stroke { text-align:center; margin: 0 auto; height:475px; vertical-align:top middle; width:100% !important; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:center; border-top:solid 3px black; border-bottom:solid 3px black; font-family:Arial !important; font-size:16px !important; font-weight:bold; padding:4% 0 0 0 !important; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } /* VENUE .container_venuetop { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top !important; background-color:#F9F9FA; } #container_venuetop_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; margin:38% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; } */ .container_venue { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_venue_inner { text-align:center; margin: 0 auto; vertical-align:middle; width:100% !important; height:100%; padding:0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venue_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_right { float:right; width:100% !important; text-align:center; vertical-align:center; } .zoom_venue { padding: 10px; background-image: '../images/image1.jpg'; /*background-color: green;*/ transition: transform .2s; /* Animation */ width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto; } /* VENUE DETAIL PAGE */ .container_venueall { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; background-color:#ffffff !important; margin: 0 auto; vertical-align:top middle; } #container_venueall_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venueall_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } #pool_left { float:left; width:50%; margin:10% 0 0 0; text-align:center; } #pool_right { float:right; width:50%; text-align:left; font-size:20px; margin:15% 0 0 0; } /* CLASSES PAGE */ .container_classes { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_classes_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:96% !important; height:100%; padding:32% 2% 0 2% !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; } .classes_left { float:left; width:98% !important; text-align:left; margin:0 !important; vertical-align:center; } .classes_right { float:left !important; width:100% !important; text-align:center; vertical-align:top middle; } /* Gallery Page */ .container_gallery { display:block; text-align:center; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_gallery_inner { display:block; margin: 0 auto; padding: 0; width:100% !important; height:100%; margin:34% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } #container_gallery_banner { display:block; opacity:1.0; background:url('../images/banner_gallery.jpg') no-repeat top center; height:300px !important; width:100% !important; max-width:100% !important; } .column { width:100% !important; max-width:100% !important; } .h2gallery { display:none !important; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:30% 2% 0 2%; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Contact Page */ .container_contact { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100% !important; max-width:100% !important; } #container_contact_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; max-width:100% !important; height:100%; padding:10% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .txtinputcontact { height:60px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtselectcontact { height:60px !important; font-size:17px; line-height:1.0 !important; vertical-align:top; font-family:Arial; width:92%; } .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtinputcode { height:60px !important; font-size:18px; line-height:3.0; font-family:Arial; width:40% !important; } .contact_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .contact_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .contact_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } .zoom_contact { width: 100% !important; max-width: 100% !important; height: auto; margin: 0 auto; } /* BOOKING COVID-19 PAGE */ .container_booking { float:left; text-align:center; background-color:#ffffff !important; height:auto !important; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_booking_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:5% 2% 0 2%; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .zoom_contact { width:100% !important; max-width:100% !important; } /* Payment Page */ .container_payment { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_payment_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:10% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Gallery Page */ .container_gallery { display:block; text-align:center; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_gallery_inner { display:block; margin: 0 auto; padding: 0; width:100% !important; height:100%; margin:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } #container_gallery_banner { display:block; opacity:1.0; background:url('../images/banner_gallery.jpg') no-repeat top center; height:300px !important; width:100% !important; max-width:100% !important; } .column { width:100% !important; max-width:100% !important; } .h2gallery { display:none !important; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:10% 2% 0 2%; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } } /* IPad 2 - Landscape View*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { /* HOME */ #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100% !important; max-width:100% !important; height:200px !important; } .jR3DCarouselGallery { width:100% !important; max-width:100% !important; margin:3% 0 0 0 !important; height:420px !important; } /* SEARCH ENGINE */ .container-back-stroke { text-align:center; margin: 0 auto; height:525px; vertical-align:top middle; width:100% !important; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:center; border-top:solid 3px black; border-bottom:solid 3px black; font-family:Arial !important; font-size:16px !important; font-weight:bold; padding:4% 0 0 0 !important; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } } /* Samsung Galaxy S6 or S7 - Portrait View */ @media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) { /* HOME PAGE START */ /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */ .mobile-container { display:block !important; padding:50% 0 0 0 !important; } .pcview_only { display:none !important; } /* Logo*/ .container_menubar { display:block; text-align:center !important; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_menubar_left { display:block !important; float:left; width:100% !important; max-width:100% !important; text-align:center !important; margin:0 !important; } #container_menubar_right { display:block !important; float:left !important; width:100% !important; text-align:center; margin:0 !important; } #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100% !important; max-width:100% !important; height:200px !important; } .jR3DCarouselGallery { width:100% !important; max-width:100% !important; margin:0 0 0 0 !important; height:100% !important; height:200px !important; /* based on width 712px for iphone max width */ /*height:230px !important;*/ } /* SEARCH ENGINE */ .container-back-stroke { text-align:center; margin: 0 auto; height:425px; vertical-align:top middle; width:100% !important; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:center; border-top:solid 3px black; border-bottom:solid 3px black; font-family:Arial !important; font-size:16px !important; font-weight:bold; padding:4% 0 0 0 !important; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } .check1 { float:left; width:100% !important; text-align:center !important; } .check2 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check3 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check4 { float:left; width:100% !important; } /* Welcome */ .container_welcome { float:left; text-align:center; vertical-align:top middle; height:270px; margin: 0 auto; width:100%; max-width:100%; } #container_welcome_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; margin:0 2% 0 2% !important; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Swim Classes Section*/ .container_swim { float:left; text-align:center; background-color:#F2F3F4; height:auto !important; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_swim_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .swim_left { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_mid { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_right { float:right; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .warmwelcome { font-family:Calibri; font-weight:none; } /* HOME PAGE END */ /* VENUES PAGE */ .container_venuetop { float:left; text-align:center; padding:0 !important; margin:0 !important; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top !important; background-color:#F9F9FA; /*background-color:#F6CF3C;*/ } #container_venuetop_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; margin:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .container_venue { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_venue_inner { text-align:center; margin: 0 auto; vertical-align:middle; width:100% !important; height:100%; padding:0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venue_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_right { float:right; width:100% !important; text-align:center; vertical-align:center; } /* VENUE DETAIL PAGE */ .container_venueall { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; background-color:#ffffff !important; margin: 0 auto; vertical-align:top middle; } #container_venueall_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venueall_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } #pool_left { float:left; width:50%; margin:10% 0 0 0; text-align:center; } #pool_right { float:right; width:50%; text-align:left; font-size:20px; margin:15% 0 0 0; } /* Courses Page */ .container_course { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_course_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:4% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; } /* CLASSES PAGE */ .container_classes { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_classes_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:96% !important; height:100%; padding:10% 2% 0 2% !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; } .classes_left { float:left; width:98% !important; text-align:left; margin:0 !important; vertical-align:center; } .classes_right { float:left !important; width:100% !important; text-align:center; vertical-align:top middle; } /* Gallery Page */ .container_gallery { display:block; text-align:center; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_gallery_inner { display:block; margin: 0 auto; padding: 0; width:100% !important; height:100%; margin:10% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } #container_gallery_banner { display:block; opacity:1.0; background:url('../images/banner_gallery.jpg') no-repeat top center; height:300px !important; width:100% !important; max-width:100% !important; } .column { width:100% !important; max-width:100% !important; } .h2gallery { display:none !important; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:10% 2% 0 2%; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Contact Page */ .container_contact { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100% !important; max-width:100% !important; } #container_contact_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; max-width:100% !important; height:100%; padding:10% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtinputcode { height:30px !important; font-size:18px; line-height:3.0; font-family:Arial; width:40% !important; } .contact_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .contact_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .contact_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } .zoom_contact { width: 100% !important; max-width: 100% !important; height: auto; margin: 0 auto; } /* BOOKING COVID-19 PAGE */ .container_booking { float:left; text-align:center; background-color:#ffffff !important; height:auto !important; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_booking_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:5% 2% 0 2%; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .zoom_contact { width:100% !important; max-width:100% !important; } /* Payment Page */ .container_payment { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_payment_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:5% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Footer */ .container_footer { float:left; text-align:center; vertical-align:top middle; background:#00496B; height:auto !important; margin: 0 auto; padding: 0; width:100%; max-width:100%; } #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:8% 0 0 0; font-family:Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight:none; line-height:2.2; color:#ffffff; } .footer_left { float:left; width:48%; text-align: left; margin:0 0 0 2%; } .footer_mid { float:right !important; width:48%; text-align: left; vertical-align:middle; margin:0 2% 0 0 !important; } .footer_right { float:left !important; width:100%; text-align:center !important; vertical-align:right; margin:8% 0 8% 0 !important; } .container_footer_menubar { float:left; text-align:center; vertical-align:top middle; width: 100%; max-width:100%; /*background: #F6CF3C;*/ background:#ffffff; font-weight:700; margin:6% 0 0 0; color:#333333; height:90px; margin: 0 auto; padding: 0; } } /* Samsung Galaxy S6 or S7- Landscape View */ @media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { /* HOME PAGE START */ /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */ .mobile-container { display:block !important; padding:20% 0 0 0 !important; } .pcview_only { display:none !important; } /* Logo*/ .container_menubar { display:block; text-align:center !important; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_menubar_left { display:block !important; float:left; width:100% !important; max-width:100% !important; text-align:center !important; margin:0 !important; } #container_menubar_right { display:block !important; float:left !important; width:100% !important; text-align:center; margin:0 !important; } #containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100% !important; max-width:100% !important; height:150px !important; } .jR3DCarouselGallery { width:100% !important; max-width:100% !important; margin:0 0 0 0 !important; /*height:230px !important;*/ } /* SEARCH ENGINE */ .container-back-stroke { text-align:center; margin: 0 auto; height:455px; vertical-align:top middle; width:100% !important; max-width:100%; } .container-inner-back-stroke { float:left; height:100%; text-align:center; border-top:solid 3px black; border-bottom:solid 3px black; font-family:Arial !important; font-size:16px !important; font-weight:bold; padding:4% 0 0 0 !important; width:100%; max-width:100%;/* background-color:#E2E2E2;*/ background-color:#faf9d5; } .check1 { float:left; width:100% !important; text-align:center !important; } .check2 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check3 { float:left; width:100% !important; text-align:center !important; margin:7% 0 0 0 !important; } .check4 { float:left; width:100% !important; } /* Welcome */ .container_welcome { float:left; text-align:center; vertical-align:top middle; height:270px; margin: 0 auto; width:100%; max-width:100%; } #container_welcome_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; margin:0 2% 0 2% !important; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } /* Swim Classes Section*/ .container_swim { float:left; text-align:center; background-color:#F2F3F4; height:auto !important; margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%; } #container_swim_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; } .swim_left { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_mid { float:left; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .swim_right { float:right; width:96% !important; margin:0 2% 0 2% !important; text-align:center; vertical-align:center; } .warmwelcome { font-family:Calibri; font-size:13px; font-weight:none; } /* HOME PAGE END */ /* VENUES PAGE */ .container_venuetop { float:left; text-align:center; padding:0 !important; margin:0 !important; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top !important; background-color:#F9F9FA; /*background-color:#F6CF3C;*/ } #container_venuetop_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; margin:2% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .container_venue { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_venue_inner { text-align:center; margin: 0 auto; vertical-align:middle; width:100% !important; height:100%; padding:0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venue_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venue_right { float:right; width:100% !important; text-align:center; vertical-align:center; } .zoom_venue { padding: 10px; background-image: '../images/image1.jpg'; /*background-color: green;*/ transition: transform .2s; /* Animation */ width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto; } /* VENUE DETAIL PAGE */ .container_venueall { float:left; text-align:center; height:auto !important; width:100%; max-width:100%; background-color:#ffffff !important; margin: 0 auto; vertical-align:top middle; } #container_venueall_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .venueall_left { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_mid { float:left; width:100% !important; text-align:center; vertical-align:center; } .venueall_right { float:left !important; width:100% !important; text-align:center; vertical-align:center; } #pool_left { float:left; width:50%; margin:10% 0 0 0; text-align:center; } #pool_right { float:right; width:50%; text-align:left; font-size:20px; margin:15% 0 0 0; } /* Courses Page */ .container_course { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#ffffff !important; } #container_course_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:4% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; } /* CLASSES PAGE */ .container_classes { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_classes_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:96% !important; height:100%; padding:26% 2% 0 2% !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; } .classes_left { float:left; width:98% !important; text-align:left; margin:0 !important; vertical-align:center; } .classes_right { float:left !important; width:100% !important; text-align:center; vertical-align:top middle; } /* Gallery Page */ .container_gallery { display:block; text-align:center; width: 100%; background: #ffffff; height:auto !important; margin: 0 auto; padding: 0; } #container_gallery_inner { display:block; margin: 0 auto; padding: 0; width:100% !important; height:100%; margin:2% 0 0 0 !important; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; color:#2E4A5A; } #container_gallery_banner { display:block; opacity:1.0; background:url('../images/banner_gallery.jpg') no-repeat top center; height:300px !important; width:100% !important; max-width:100% !important; } .column { width:100% !important; max-width:100% !important; } .h2gallery { display:none !important; } /* FAQ Page */ .container_faqs { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_faqs_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:2% 2% 0 2%; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Contact Page */ .container_contact { float:left; text-align:center; background-color:#F2F3F4; height:auto; margin: 0 auto; vertical-align:top; width:100% !important; max-width:100% !important; } #container_contact_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; max-width:100% !important; height:100%; padding:2% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; } .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;} .txtinputcode { height:30px !important; font-size:18px; line-height:3.0; font-family:Arial; width:40% !important; } .contact_left { float:left; width:100% !important; max-width:100% !important; text-align:center; vertical-align:center; } .contact_mid { float:left; width:100% !important; max-width:100% !important; text-align:center; vertical-align:center; } .contact_right { float:left !important; width:100% !important; max-width:100% !important; text-align:center; vertical-align:center; } .zoom_contact { width: 100% !important; max-width: 100% !important; height: auto; margin: 0 auto; } /* BOOKING COVID-19 PAGE */ .container_booking { float:left; text-align:center; background-color:#ffffff !important; height:auto !important; margin: 0 auto; vertical-align:top; width:100%; max-width:100%; } #container_booking_inner { text-align:center; margin: 0 auto; padding: 0; width:96% !important; height:100%; padding:5% 2% 0 2%; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } .zoom_contact { width:100% !important; max-width:100% !important; } /* Payment Page */ .container_payment { float:left; text-align:center; height:auto; width:100%; max-width:100%; margin: 0 auto; vertical-align:top; background-color:#F2F3F4; } #container_payment_inner { text-align:center; margin: 0 auto; padding: 0; vertical-align:middle; width:100% !important; height:100%; padding:5% 0 0 0; text-align:center; font-family:Arial, Calibri, Helvetica; font-weight:none; line-height:1.7; } /* Footer */ .container_footer { float:left; text-align:center; vertical-align:top middle; background:#00496B; height:auto !important; margin: 0 auto; padding: 0; width:100%; max-width:100%; } #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:8% 0 0 0; font-family:Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight:none; line-height:2.2; color:#ffffff; } .footer_left { float:left; width:48%; text-align: left; margin:0 0 0 2%; } .footer_mid { float:right !important; width:48%; text-align: left; vertical-align:middle; margin:0 2% 0 0 !important; } .footer_right { float:left !important; width:100%; text-align:center !important; vertical-align:right; margin:8% 0 8% 0 !important; } .container_footer_menubar { float:left; text-align:center; vertical-align:top middle; width: 100%; max-width:100%; /*background: #F6CF3C;*/ background:#ffffff; font-weight:700; margin:6% 0 0 0; color:#333333; height:90px; margin: 0 auto; padding: 0; } }