/* Theme Name: Club Cronulla Author: Jared Fusedale */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .toprt-tprt > h2 { font-size: 16px; font-weight: bold; padding-bottom:6px; } .toprt-tprt > p { font-size: 16px!important; line-height: normal; padding:0; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } span.wpcf7-not-valid-tip{ float:left; } .clrflt{ clear:both; line-height:1px; font-size:1px;} .clear{ clear:both;} body{ font-size:12px;font-family: 'Open Sans', sans-serif; color:#585858; } /* wrapper */ .wrapper{ width:960px; margin:0 auto; } /* header */ header{ border-top:1px solid #f2f2f2;} /* headerin */ .headerin{ padding:0px;} /* logo */ .logo{ float:left; padding:10px 0 10px 0;} .logo a img:hover{opacity:0.75;} /* mainmenu */ .mainmenu{ float:right;} /* topmenu */ .topmenu{ padding:0px;} .topmenu ul li.book a{background:#008ad4; color:#fff;} .topmenu ul li.book a:hover{background:#181818; color:#fff;} /* banner */ .banner{ height:600px; position:relative;} /* innerbanner */ .innerbanner{ height:360px;} /* booktable */ .booktable{ width:70px; height:238px; position:fixed;background:url(/wp-content/uploads/2014/12/entertainment.png) no-repeat; cursor:pointer; top:200px; left:0px; z-index:10000;} .booktable:hover{background:url(/wp-content/uploads/2014/12/entertainment_hv.png) no-repeat;} /* container */ .container{ padding:0px;} /* containerin */ .containerin{ padding:96px 0 0 0 ;} .containerin h1{ font-size:30px; color:#585858; font-weight:normal; padding:0 0 53px 0;} .containerin h1 span{color:#008ad4; font-style:normal;} .containerin span.sem{ font-size:16px; font-style:italic; display:block; padding:0 0 75px 0;} #vtab .texttp h2 a{ color:#fff; } .topft aside.topft-mid a, .topft aside.topft-mid a:hover, .topft aside.topft-mid:hover a{ font-size:14px; color:#fff; } .containerin a:link { color: #008ad4; } .containerin a:hover { color: #008ad4; text-decoration: none; } .containerin a:visited { color: #008ad4; text-decoration: none; } .containerin a:active { color: #008ad4; text-decoration: none; } /* top */ .top{ padding:0px 0 40px 0;} /* topft */ .topft{ width:480px; float:left;} /* topft-tp */ .topft-tp{ padding:0px;} /* topft-ft */ aside.topft-ft{ width:240px; height:220px;float:left; background:#fff;} aside.topft-ft a img { display:block; opacity:100; width:240px; height:220px;} aside.topft-ft:hover a img{ opacity:0.8;} /* topft-rt */ aside.topft-rt{ width:240px;height:220px;float:left;} aside.topft-rt a img{ display:block; opacity:100; width:240px; height:220px;} aside.topft-rt:hover a img{ opacity:0.8;} /* topft-mid */ aside.topft-mid{ background:#008ad4; padding:52px 34px 40px 40px;} aside.topft-mid p{ font-size:14px; color:#fffefe; font-family:Arial, Helvetica, sans-serif; padding:0 0 78px 0;} aside.topft-mid a{background:url(images/arrow.png) 100% 0% no-repeat; font-style:italic; color:#fffefe; display:block; line-height:20px; text-decoration:none;} aside.topft-mid:hover{ opacity:0.8;} aside.topft-mid:hover a{color:#181818;background:url(images/arrow-hv.png) 100% 0% no-repeat;} /* topft-btm */ aside.topft-btm{padding:0px;} aside.topft-btm:hover a img{opacity:0.8;} aside.topft-btm { padding: 0px; height: 208px; overflow: hidden; } /* toprt */ .toprt{ width:480px; float:left;} /*toprt-tp */ aside.toprt-tp{ background:url(images/right-bg.jpg) repeat-y;} aside.toprt-tp:hover{opacity:0.8;} /* toprt-tpft */ .toprt-tpft{ padding:60px 34px 28px 34px; width:172px; float:left;} .toprt-tprt{ padding:40px 34px 28px 34px; width:172px; float:left;} .toprt-tpft p, .toprt-tprt p{ font-size:14px; color:#585858; line-height:18px; padding:0 0 18px 0;} .toprt-tpft a{background:url(images/arrw.png) 140px 0px no-repeat; font-style:italic; color:#000; display:block; line-height:20px; text-decoration:none;} aside.toprt-tpft:hover a {color:#008ad4;background:url(images/arrw-hv.png) 140px 0px no-repeat; } aside.toprt-tpft:hover{ opacity:0.8;} /* toprt-btm */ aside.toprt-btm{ padding:0px;} aside.toprt-btm:hover a img{opacity:0.8;} /* middle */ .middle{ padding:0px 0 40px 0;} /* middletp */ .middletp{ padding:0px;} /* middletp-ft */ .middletp-ft{ float:left; width:440px; padding:77px 0 58px 40px; background:#d9d9d9;} .middletp-ft h2{ font-weight:normal; padding:0 0 27px 0;} .middletp-ft h2 a{color:#008ad4; font-size:30px; text-decoration:none; display:inline-block;} .middletp-ft span{ font-size:14px; color:#585858; font-style:italic;} aside.middletp-ft h2 a:hover{ color:#181818;} /* middletp-rt */ .middletp-rt{ float:left; width:400px; background:#e5e5e5; padding:78px 40px 38px;} .middletp-rt p{ font-size:12px; color:#585858; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:justify;} /* middlebtm */ aside.middlebtm{ padding:0px;} /*aside.middlebtm:hover{opacity:0.8;}*/ #vtab { margin: auto; width: 960px; height: 100%;background:#008ad4; } #vtab > ul > li a{ width: 220px; list-style-type: none; display: block; margin: auto; color:#181818; padding:0 0 0 20px; position: relative; font-size:12px; border-bottom:1px solid #007cbe; line-height:52px; background:url(images/left-arrw-hv.png) 210px 22px no-repeat; } aside.middlebtm #vtab > ul > li a:hover {color:#fffefe;background:#00456a url(images/white.png) 210px 22px no-repeat;} #vtab > ul > li.selected a{ z-index: 10; position: relative;color:#fffefe;background:#00456a url(images/white.png) 210px 22px no-repeat; } #vtab > ul { float: left; width: 240px; text-align: left; display: block; margin: auto 0; padding: 0; position: relative; top: 0px; } #vtab > div { margin-left: 240px; min-height: 480px; position: relative; z-index: 9; -moz-border-radius: 20px; } .text{background:#00456a; position:relative; } .textft{ width:240px; float:left;} .texttp{ padding:20px 25px 0 20px; } .texttp h2 a{ color: #fffefe;font-size:12px; font-weight:bold; text-decoration:none; display:inline-block; } .texttp h2 a:hover {color:#008ad4;} .texttp p{ padding:20px 0 0 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; color:#fffefe;} .textrt{ width:480px; height: 482px; float:left;} .textrt:hover{opacity:0.8;} .textbtm{ background:#b7c3ca; padding:16px 16px 16px 20px; position:absolute; left:0px; bottom:0px; width:204px;} .textbtm a{ font-size:12px; color:#000; text-decoration:none; display:block; background:url(images/more.png) 100% 0 no-repeat; line-height:20px; text-transform:uppercase;} aside.middlebtm div.textbtm:hover{ background:#142027;} aside.middlebtm div.textbtm:hover a{color:#fefefe;background:url(images/more-hv.png) 100% 0 no-repeat; } /* bottom */ .bottom{ padding:0px 0 80px 0;} /* bottomtp */ .bottomtp{ padding:0px;} /* bottomtp-ft */ .bottomtp-ft{ float:left; width:440px; padding:77px 0 58px 40px; background:#d9d9d9;} .bottomtp-ft h2{ font-weight:normal; padding:0 0 27px 0;} .bottomtp-ft h2 a{color:#008ad4; font-size:30px; text-decoration:none; display:inline-block;} .bottomtp-ft span{ font-size:14px; color:#585858; font-style:italic;} .bottomtp-ft h2 a:link{ color:#181818; text-decoration:none;} .bottomtp-ft h2 a:hover{ color:#181818; text-decoration:underline;} /* bottomtp-rt */ .bottomtp-rt{ float:left; width:400px; background:#e5e5e5; padding:78px 40px 38px;} .bottomtp-rt p{ font-size:12px; color:#585858; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:justify;} /* bottombtm */ .bottombtm{ padding:0px;} /* map */ .map{ height:499px;} /* link */ .link{ background:#ececec;} /* linkin */ .linkin{ padding:17px 0;} /* linkinft */ .linkinft{ width:212px; float:left;} .linkinft h2{ font-size:24px; color:#111; font-weight:normal; padding:0 0 8px 0;} .linkinft p{ font-size:14px; color:#414141;} /* linkinrt */ .linkinrt{ width:565px; float:right;} .linkinrt ul{ padding:0px; margin:0px; list-style:none;} .linkinrt ul li{ float:left; margin:0 0 0 10px;} .linkinrt ul li a{ background:#414141; color:#fff; font-size:12px; text-decoration:none; display:block; font-weight:bold; width:40px; text-transform:uppercase; padding:24px 10px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;behavior: url(PIE.htc); text-align:center;} .linkinrt ul li a:hover{background:#008ad4;} /* footertp */ .footertp{ background:#262626;} /* footertpin */ .footertpin{ padding:55px 0 35px 0;} /* footertpft */ .footertpft{ width:308px; float:left; margin:0 18px 0 0;} .footertpft h3{ font-size:16px; color:#fff; font-weight:bold; padding:0 0 36px 0; border-bottom:1px solid #2b2b2b;} .footertpft h3 span{ color:#008ad4;} .footertpft p{ font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:9px 0;border-bottom:1px solid #2b2b2b; line-height:30px;} .footertpft p a{ font-size:12px; color:#fff; text-decoration:none; display:inline-block;} .footertpft p a:hover{color:#008ad4; text-decoration:underline;} .footertpft p span{ width:30px; height:30px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;behavior: url(PIE.htc); display:block;background:#008ad4; margin:0 16px 0 0; float:left;} .footertpft p span img{ display:block; margin:0 auto; padding:9px 0; } /* footertprt */ .footertprt{width:308px; float:left;} .footertprt h3{ font-size:16px; color:#fff; font-weight:bold; padding:0 0 36px 0;} .footertprt h3 span{ color:#008ad4;} .footertprt p{background:#1e1e1e; padding:15px 32px 15px 21px;} .footertprt p a{ font-size:12px; color:#555555; background: url(images/contact-arrw.png) 235px 0px no-repeat; line-height:20px; text-decoration:none; display:block; text-transform:uppercase;} aside.footertprt p:hover{ opacity:0.5;} aside.footertprt p:hover a{color:#616161;} /* footerbtm */ .footerbtm{ background:#080808;} /* footerbtmin */ .footerbtmin{ padding:28px 0;} /* copy */ .copy{ float:left;} .copy p{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#777777;text-transform:uppercase;} /* design */ .design{ float:right;} .design p a{ text-decoration:none; display:inline-block;color:#777777; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} .design p a:hover{ text-decoration:underline;} /*********************** INNER CSS ***********************/ /* column */ .column{ padding:0;} /* columnin */ .columnin{ padding:40px 0 80px 0;} /* columntp */ .columntp{ padding:0px;} /* columntp-ft */ .columntp-ft{ width:440px; padding:75px 0 66px 40px; float:left; background:#d9d9d9;} .columntp-ft h1{ color:#008ad4; font-size:30px; font-weight:normal; padding:0 0 16px 0;} .columntp-ft p{ font-size:14px; font-style:italic; color:#585858;} /* columntp-rt */ .columntp-rt{ width:400px; padding:75px 40px 36px; float:left; background:#e5e5e5; min-height:90px;} .columntp-rt p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; color:#585858; text-align:justify;} /* columnbtm */ .columnbtm{ padding:0px;} /* columnbtm-ft */ .columnbtm-ft{ float:left; width:640px; padding:40px 40px 124px; background:#f2f2f2;} .columnbtm-ft h2{ color:#008ad4; font-size:14px; font-weight:bold; padding:0 0 14px 0; line-height: 20px;} .columnbtm-ft p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; color:#585858; text-align:justify; padding:0 0 24px 0;} .columnbtm-ft ul{ padding:0px 0 14px 0; margin:0px; list-style:none;} .columnbtm-ft ul li{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#585858; padding:0 0 16px 18px; background:url(images/blue-arrw.jpg) no-repeat;} aside.columnbtm-ft a:link { color: #008ad4; text-decoration: underline; } aside.columnbtm-ft a:hover { color: #008ad4; text-decoration: none; } /* formin */ .formin{ padding:0px 0 7px 0;} /* formft */ .formft{ width:310px; float:left;} label{ font-size:12px; color:#585858; font-family:Arial, Helvetica, sans-serif;float:left; line-height:28px;} /* txtfld */ .txtfld{ width:216px; height:26px; background:#f6f6f6; border:1px solid #a9a9a9; line-height:28px; padding:0 10px;font-size:12px; color:#585858; font-family:Arial, Helvetica, sans-serif;float:right;} /* formrt */ .formrt{ width:300px; float:right;} /* comment */ .comment{width:546px; height:78px; background:#f6f6f6; border:1px solid #a9a9a9; padding:10px; font-size:12px; color:#585858; font-family:Arial, Helvetica, sans-serif;float:right;} /* comment */ .commentevents2014{width:860px; height:78px; background:#f6f6f6; border:1px solid #a9a9a9; padding:10px;font-size:12px; color:#585858; font-family:Arial, Helvetica, sans-serif;float:left; margin-left:13px;} /* submitbtn */ .submitbtn{ font-size:12px; color:#008ad4; line-height:20px; cursor:pointer; float:right; background:url(images/submit.jpg) 49px 0 no-repeat; border:none; padding:0 55px 0 0;} .submitbtnsmaller{ font-size:12px; color:#008ad4; line-height:20px; cursor:pointer; float:right; margin-right:20px; background:url(images/submit.jpg) 49px 0 no-repeat; border:none; padding:0 35px 0 0;} .submitbtn:hover{color:#181818;background:url(images/more.png) 49px 0px no-repeat; } /* columnbtm-rt */ .columnbtm-rt{ float:left; width:240px;} /* image */ aside.image{ padding:0px;} aside.image a img{ display:block;} aside.image:hover a img{ opacity:0.8;} /* contain */ aside.contain{ padding:40px 40px 36px; background:#008ad4;} aside.contain p{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fffefe; padding:0 0 44px 0;} aside.contain a,.my-link { background: url("images/arrow.png") 100% 0 no-repeat; color: #fffefe; display: block; font-style: italic;line-height: 20px; text-decoration: none;} aside.contain:hover a,aside.contain:hover .my-link{ background: url("images/arrow-hv.png") 100% 0 no-repeat; color: #181818;} /* contain-n */ aside.contain-n{ padding:40px 40px 36px; background:#d9d9d9;} aside.contain-n p{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#585858; padding:0 0 44px 0;} aside.contain-n a,aside.contain-n .my-link { background: url("images/arrw.png") 100% 0 no-repeat; color: #000; display: block;font-style: italic; line-height: 20px; text-decoration: none;} aside.contain-n:hover a,aside.contain-n:hover .my-link{ background: url("images/arrw-hv.png") 100% 0 no-repeat; color: #008ad4;} /* fronttxt */ .fronttxt{ padding:20px 16px 3px; min-height:0px;} .fronttxt h2{ font-size:14px; color:#fffefe; font-weight:bold; padding:0 0 8px 0;} .fronttxt p{ font-size:12px;color:#fffefe; font-family:Arial, Helvetica, sans-serif; font-style:italic; padding:0 0 0px 0; } .more{ width:207px; margin: 0 16px; border-top:1px solid #3da6de; } .more a{ font-size:12px; text-decoration:none; display:block; color:#fffefe; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/tkt-arrw.png) 186px 15px no-repeat; line-height:50px;} .more span{ font-size:12px; text-decoration:none; display:block; color:#fffefe; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/tkt-arrw.png) 186px 15px no-repeat; line-height:50px;} /* backin */ .backin{padding:20px 0 0;} .backtop{ padding : 0 16px; } .backtop h2{ font-size:16px; color:#fffefe; font-weight:bold; padding:0 0 18px 0;} .backtop p{ font-size:12px; color:#fffefe; font-family:Arial, Helvetica, sans-serif; line-height:16px; padding:0 0 18px 0;} .backbottom{ position:absolute; bottom:0;} .backbottom p.date{ font-size:12px; color:#fffefe; font-family:Arial, Helvetica, sans-serif; padding:57px 0 8px 16px; font-style:italic;} .backbottom span{ font-size:24px; color:#fffefe; padding:0px 0 10px 16px; font-style:italic; display:block; } /* now */ .now{ padding:0px; width:239px;} div.back .now a{ text-decoration:none; font-size:12px; color:#ffffff; display:block; text-transform:uppercase;padding:0px 20px; background:#006eaa url(images/tkt-arrw.png) 180px 15px no-repeat; line-height:50px; } div.back:hover .now a{ background:#0a567e url(images/arrw.png) 180px 15px no-repeat; color:#fff ; } #f1_container { position: relative;background:#008ad4; width: 239px; height: auto; float:left; margin:0 1px 1px 0; z-index: 1; } #f1_card { width: 100%; height: 100%; } .face { position: relative; width: 100%; height: 100%; backface-visibility: hidden; } .face.back { display: block; transform: rotateY(180deg); box-sizing: border-box; color: white; background-color:#008ad4; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ @media only screen and (min-width: 320px) and (max-width: 507px) { aside.topft-btm{ height:auto; } .booktable{display:none;} .wrapper{ width:auto; margin:0 auto; } .logo{ width:162px; float:none; margin:10px auto ; padding:0px;} .mainmenu{ float:none; } .topmenu{ display:none;} .banner{ height:360px;} .skdslider {height: 360px !important;} .skdslider ul.slides li{ height:360px !important;} .containerin {padding: 35% 3% 0;} .containerin h1{ font-size:26px;} .topft{ width:100%;} .topft-tp{ width:240px; margin:0 auto; } aside.topft-mid{ padding:8%;} aside.topft-btm img{ width:100%; height:auto; display:block;} .toprt{ width:100%;} .toprt-tpft{ width:218px; padding:4%;} aside.toprt-btm img{ width:100%; height:auto; display:block;} .middletp-ft{ width:90%; padding:5%;} .middletp-rt{ width:90%; padding:5%;} .middletp-ft a:link{ color:#181818; text-decoration:none;} .middletp-ft h2 a:hover{ color:#181818; text-decoration:none;} aside.middlebtm{ display:none;} .bottomtp-ft{ width:90%; padding:5%;} .bottomtp-rt{ width:90%; padding:5%;} .bottombtm{ display:none;} .linkin{ padding:3%;} .linkinft{ padding:0 0 20px 0;} .linkinrt{ width:100%;} .linkinrt ul li{ margin:0 0 10px 10px;} .footertpin{ padding: 10% 3% 0;} .footertpft{ width:100%; margin:0px 0 20px;} .footertprt{ width:100%; margin:0 0 20px 0;} .footertprt p{padding: 15px 10px 15px 10px; width:268px;} .footerbtmin{ padding:10% 3%;} .copy{ width:100%; float:none; margin:0 0 20px 0;} .copy p{ text-align:center;} .design{ width:100%; float:none; } .design p{ text-align:center;} /* INNER CSS */ .column{ padding:3%;} .columntp-ft{ width:80%; padding:10%;} .columntp-ft h1{ font-size:25px;} .columntp-rt{ width:90%; padding:8% 5%;} .columnbtm-ft{ width:90%; padding:8% 5%; margin:0 0 10% 0;float:none;} .formft{ width:100%;} label{ width:100%;} .txtfld{ width:90%; float:left;} .formrt{ width:100%;} .comment{ width:90%; float:left;} .columnbtm-rt{ width:240px; margin:0 auto; float:none;} line-height. /* TICKIT CSS*/ .bottom {padding: 0px 0 30px 0;} .columnbtm-n{ width:240px; margin:0 auto;} } @media only screen and (min-width: 508px) and (max-width: 639px) { .booktable{display:none;} .wrapper{ width:auto; margin:0 auto; } .logo{ width:162px;float:none; margin:10px auto ; padding:0px;} .mainmenu{ float:none; } .topmenu{ display:none;} .containerin {padding: 20% 2% 0;} .containerin h1{ font-size:28px;} .topft{ width:480px; margin:0 auto; float:none;} .topft-tp{ padding:0px;} aside.topft-mid{ padding:8%;} aside.topft-btm img{ width:100%; height:auto; display:block;} .toprt{ width:480px; margin:0 auto; float:none;} aside.topft-mid a {background: url(images/arrow.png) 380px 0px no-repeat;} aside.topft-mid:hover a {background: url(images/arrow.png) 380px 0px no-repeat;} aside.toprt-btm img{ width:100%; height:auto; display:block;} aside.topft-ft img{ width:100%; height:auto; display:block;} aside.topft-rt img{ width:100%; height:auto; display:block;} .middletp-ft{ width:90%; padding:5%;} .middletp-rt{ width:90%; padding:5%;} #vtab{ width:100%;} .textbtm{ width:224px;} .bottomtp-ft{ width:90%; padding:5%;} .bottomtp-rt{ width:90%; padding:5%;} .bottombtm{ display:none;} .middlebtm{ display:none;} .linkin{ padding:3%;} .linkinft{ padding:0 0 20px 0;} .linkinrt{ width:100%;} .linkinrt ul li{ margin:0 0 10px 10px;} .footertpin{ padding: 10% 3% 0;} .footertpft{ width:100%; margin:0px 0 20px;} .footertprt{ width:100%; margin:0 0 20px 0;} .footertprt p{padding: 15px 10px 15px 10px; width:268px;} .footerbtmin{ padding:4% 3%;} .copy{ width:100%; float:none; margin:0 0 20px 0;} .copy p{ text-align:center;} .design{ width:100%; float:none; } .design p{ text-align:center;} /* INNER CSS */ .column{ padding:3%;} .columntp-ft{ width:80%; padding:10%;} .columntp-rt{ width:90%; padding:8% 5%;} .columnbtm-ft{ width:90%; padding:8% 5%; margin:0 0 10% 0;float:none;} .formft{ width:100%; margin:0 0 3% 0;} label{ width:100px;} .txtfld{ float:left;} .formrt{ width:100%; margin:0 0 3% 0;} .comment{ width:70%; float:left;} .columnbtm-rt{ width:240px; margin:0 auto; float:none;} /* TICKIT CSS*/ .bottom {padding: 0px 0 30px 0;} .columnin {padding: 40px 0;} .columnbtm-n{ width:476px; margin:0 auto;} .person, .front, .back{ width:237px;} } @media only screen and (min-width: 640px) and (max-width: 768px) { .booktable{display:none;} .wrapper{ width:auto; margin:auto; } .logo{ width:162px;float:none; margin:10px auto ; padding:0px;} .mainmenu{ float:none; } .topmenu{ display:none;} .containerin {padding: 20% 2% 0;} .containerin h1{ font-size:28px;} .topft{ width:480px; margin:0 auto; float:none;} .topft-tp{ padding:0px;} aside.topft-mid{ padding:8%;} aside.topft-btm img{ width:100%; height:auto; display:block;} .toprt{ width:480px; margin:0 auto; float:none;} aside.topft-mid a {background: url(images/arrow.png) 380px 0px no-repeat;} aside.topft-mid:hover a {background: url(images/arrow.png) 380px 0px no-repeat;} aside.toprt-btm img{ width:100%; height:auto; display:block;} aside.topft-ft img{ width:100%; height:auto; display:block;} aside.topft-rt img{ width:100%; height:auto; display:block;} .middletp-ft{ width:40%; padding:5%; height:162px;} .middletp-rt{ width:40%; padding:5%;height:162px;} #vtab{ width:100%;} #vtab > div{ min-height:100%;} .textft{ width:100%;} .textrt{ display: block; padding:20px 0px 0 0px} .textrt img{width:93.8%;} .textbtm{ width:90%;padding: 16px 20px 16px 20px;} .bottomtp-ft{ width:40%; padding:5%;height:162px;} .bottomtp-rt{ width:40%; padding:5%;height:162px;} .bottombtm{ display:none;} .linkin{ padding:3%;} .linkinft{ padding:0 0 20px 0;} .linkinrt{ width:100%;} .linkinrt ul li{ margin:0 0 10px 10px;} .footertpin{ padding: 10% 3% 0;} .footertpft{ width:100%; margin:0px 0 20px;} .footertprt{ width:100%; margin:0 0 20px 0;} .footertprt p{padding: 15px 10px 15px 10px; width:268px;} .footerbtmin{ padding:3%;} /* INNER CSS */ .column{ padding:3%;} .columntp-ft{ width:40%; padding:5%;height:142px;} .columntp-rt{ width:40%; padding:5%;height:142px;} .columnbtm-ft{ width:59%; padding:6% 3%;} aside.image img{ width:100%; height:auto; display:block;} aside.contain {padding: 40px 20px 36px;} aside.contain-n {padding: 40px 20px 36px;} .formft{ width:100%; margin:0 0 3% 0;} label{ width:100px;} .txtfld{ float:left;} .formrt{ width:100%; margin:0 0 3% 0;} .comment{ width:62%; float:left;} .columnbtm-rt{ width:35%; margin:0 auto; } /* TICKIT CSS*/ .bottom {padding: 0px 0 30px 0;} .columnin {padding: 40px 0;} .columnbtm-n{ width:480px; margin:0 auto;} } @media only screen and (min-width: 769px) and (max-width: 960px) { .wrapper{ width:auto; margin:auto; } .logo{ width:162px;float:none; margin:10px auto ; padding:0px;} .mainmenu{ float:none; } .topmenu {border-top: 0px solid #ededed;padding: 0px;width: 752px;margin: 0 auto;} .containerin {padding: 20% 2% 0;} .containerin h1{ font-size:28px;} .topft{ width:480px; margin:0 auto; float:none;} .topft-tp{ padding:0px;} aside.topft-mid{ padding:8%;} aside.topft-btm img{ width:100%; height:auto; display:block;} .toprt{ width:480px; margin:0 auto; float:none;} aside.topft-mid a {background: url(images/arrow.png) 380px 0px no-repeat;} aside.topft-mid:hover a {background: url(images/arrow.png) 380px 0px no-repeat;} aside.toprt-btm img{ width:100%; height:auto; display:block;} aside.topft-ft img{ width:100%; height:auto; display:block;} aside.topft-rt img{ width:100%; height:auto; display:block;} .middletp-ft{ width:40%; padding: 5%; height:125px;} .middletp-rt{ width:40%; padding:5%;height:125px;} #vtab{ width:100%;} #vtab > div{ min-height:100%;} .textft{ width:50%;} .textrt{ width:50%;} .textrt img{ width:100%; height:auto; display:block;} .textbtm{ width:44%;padding: 16px 19px 16px 20px;} .bottomtp-ft{ width:40%; padding:5%;height:125px;} .bottomtp-rt{ width:40%; padding:5%;height:125px;} .bottombtm{ display:none;} .linkin{ padding:3%;} .linkinft{ padding:0 0 20px 0;} .linkinrt{ width:100%;} .linkinrt ul li{ margin:0 0 10px 10px;} .footertpin{ padding: 10% 1% 0;} .footertpft{ width:33%; margin:0px ;} .footertprt{ width:33%; margin:0;} .footertprt p{padding: 15px 10px 15px 10px; } .footerbtmin{ padding:3%;} /* INNER CSS */ .column{ padding:3%;} .columntp-ft{ width:40%; padding:5%;height:142px;} .columntp-rt{ width:40%; padding:5%;height:142px;} .columnbtm-ft{ width:62%; padding:4% 2%;} .formft{ width:100%; margin:0 0 3% 0;} label{ width:100px;} .txtfld{ float:left;} .formrt{ width:100%; margin:0 0 3% 0;} .comment{ width:72%; float:left;} .columnbtm-rt{ width:34%; margin:0 auto; } .columnbtm-rt img{ width:100%; height:auto; display:block;} /* TICKIT CSS*/ .bottom {padding: 0px 0 30px 0;} .columnin {padding: 40px 0;} .columnbtm-n{ width:720px; margin:0 auto;} } @media only screen and (min-width: 961px) and (max-width: 1024px) { .wrapper{ width:auto; margin:auto; } .containerin {padding:12% 0% 0;} aside.toprt-btm img{ width:100%; height:auto; display:block;} aside.topft-ft img{ width:100%; height:auto; display:block;} aside.topft-rt img{ width:100%; height:auto; display:block;} aside.topft-btm img{ width:100%; height:auto; display:block;} .middletp-ft{ width:40%; padding:6% 5%;} .middletp-rt{ width:40%; padding:5%;} #vtab{ width:100%;} #vtab > div{ min-height:100%;} .textft{ width:50%;} .textrt{ width:50%;} .textbtm{ width:44%;padding: 16px 22px 16px 20px;} .textrt img{ width:100%; height:auto; display:block;} .bottomtp-ft{ width:40%; padding:6% 5%;} .bottomtp-rt{ width:40%; padding:5%;} .topft{ width:50%;} .toprt{ width:50%;} aside.topft-ft{ width:50%; height:auto;} aside.topft-rt{ width:50%; height:auto;} ul.bjqs-controls.v-centered li.bjqs-prev a{ left:0px !important; top:50% !important;} ul.bjqs-controls.v-centered li.bjqs-next a{ right:0px !important;top:50% !important;} .linkin{ padding:2%;} .linkinft{ padding:0 0 20px 0;} .footertpin{ padding: 6% 1% 3%;} .footertpft{ width:33%; margin:0px ;} .footertprt{ width:33%; margin:0;} .footertprt p{padding: 15px 10px 15px 10px; } .footerbtmin{ padding:3%;} /* INNER CSS */ .column{ padding:3%;} .columntp-ft{ width:40%; padding:5%;height:142px;} .columntp-rt{ width:40%; padding:5%;height:142px;} .columnbtm-ft{ width:62%; padding:4% 2%;} .formft{ width:100%; margin:0 0 3% 0;} label{ width:100px;} .txtfld{ float:left;} .formrt{ width:100%; margin:0 0 3% 0;} .comment{ width:72%; float:left;} .columnbtm-rt{ width:34%; margin:0 auto; } .columnbtm-rt img{ width:100%; height:auto; display:block;} /* TICKIT CSS*/ .bottom {padding: 0px 0 30px 0;} .columnin {padding: 40px 0;} .columnbtm-n{ width:720px; margin:0 auto;} } #f1_container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } /* START: Accommodating for IE */ #f1_container:hover .back, #f1_container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } #f1_container:hover .front, #f1_container.hover .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .more p { color: #fff; padding: 10px 0 25px; font-style: normal; font-size:13px; } /* END: Accommodating for IE */ #f1_card { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: relative; top: 0; left: 0; } #f1_card .more{ border-color:#fff; } .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; } .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } #f1_container .front img{max-width:239px !important;} @media only screen (max-width: 768px){ .booktable{ display:none;}} .reviews-bg{no-repeat; width:100%;padding-top:60px;background-size:cover;}