/* Theme Name: rid Description: Semantic, SEO Optimised, Custom Wordpress Theme for Rid Australia Author: # Author URI: # Version: 11.0 */ /* Reset */ a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline} /* Defaults */ :focus {outline:0} a, a:visited {color:#9e007e;text-decoration:none} a:hover {text-decoration:none} abbr, acronym, dfn {border-bottom:1px dotted;cursor:help} blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em} blockquote p {margin:.5em} body {background:#FFF;color:#020000;font:16px/23px 'Montserrat', Arial, sans-serif;} code, pre {font-size:1em} del {text-decoration:line-through} dfn {font-style:italic;font-weight:bold} dt {font-weight:bold} dd {margin:0 0 1em 10px} fieldset {border:0} fieldset p {margin:0 0 5px} img {border:0;vertical-align:bottom} ins {text-decoration:none} hr {margin:0 0 0.5em} p {margin:0 0 1em} ul, ol {list-style:none;margin:0 0 1em} textarea {font:1em Arial;overflow:auto} tt {display:block;margin:0.5em 0;padding: 0.5em 1em} th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px} td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px} table {border:solid #CCC;border-width:0 1px 1px 0} /* Containers */ #page {width:100%;overflow:hidden;position:relative;} #visual iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main #field_2_12 .validation_message, #main #field_2_11 .validation_message{display:block;font-size: 14px;color:#f00;} /* Header */ #header {background:url(assets/img/bg-header.gif);text-align:center;position:relative;z-index:11;border-bottom:5px solid #fff} #header .opener{display:none;} .page-template-pt-contact #header{border-bottom:0;} .page-template-pt-contact #header #logo{margin:0 auto -31px;} #header .header-h:after, #header:after{display:block;clear:both;content:'';} #header .nav{min-width:287px;display:inline-block;vertical-align:top;margin:0;padding:60px 7px 0;list-style:none;} #header .nav li{position:relative;text-transform:uppercase;font:bold 21px/25px 'Roboto Condensed',Arial, sans-serif;padding:0 0 16px;float:left;margin:0 10px;} #header .nav li a{color:#000;} #header .nav > li:hover > a, #header .nav li a:hover{color:#9e007e} #header .nav li.current-menu-item a{color:#9e007e} .single-products #header .nav li#menu-item-24 a{color:#9e007e} .single-faq #header .nav li#menu-item-102 a{color:#9e007e} #header .nav li:hover ul{display:block;} #header .nav li ul{display:none;white-space:nowrap;position:absolute;top:41px;right:0;list-style:none;overflow:hidden;} #header .nav li ul li {padding:0;margin:0 0 5px;vertical-align:top;float:none;overflow:hidden;} #header .nav li ul li a:hover{color:#fff;} #header .nav li ul li a{padding:8px;text-align:right;display:block;color:#fff;background:#9e007e;} #header .nav li ul li a:hover{background:#770a4e} #header .header-h{max-width:1100px;margin:0 auto;padding:18px 0 0;} #logo{width:320px;margin:0 auto -36px;display:inline-block;vertical-align:top;} #logo img{max-width:100%;height:auto;display:block;} #header .l{display:inline-block;vertical-align:top;} #header .logo{display:block;width:134px;height:19px;margin:0 0 8px 12px} #header .logo img{width:100%;height:auto;display:block;} #header .logo:hover img{opacity:0;} #header .logo:hover {background:url(assets/img/RID_AUS_LOGO_HOVER.svg) no-repeat;background-size:100% auto} #header .social{float:right;margin:0 0 0 -100%;padding:60px 0 0;list-style:none;overflow:hidden;} #header .social li{float:left;margin:0 0 0 15px;} #header .social li a{height:23px;width:23px;float:left;text-indent:-9999px;overflow:hidden;} #header .social li a.facebook{background:url(assets/img/Facebook.svg) no-repeat;background-size:23px 23px;} #header .social li a.facebook:hover{background:url(assets/img/Facebook_hover.svg) no-repeat;background-size:23px 23px;} #header .social li a.youtube{width:30px;background:url(assets/img/YouTube.svg) no-repeat 0 50%;background-size:30px auto;} #header .social li a.youtube:hover{width:30px;background:url(assets/img/YouTube_Hover.svg) no-repeat 0 50%;background-size:30px auto;} #main{max-width:800px;margin:0 auto;padding:65px 0 26px} #main:after{display:block;clear:both;content:'';} #main h1{text-transform:uppercase;margin:0 0 20px;color:#9e007e;text-align:center;font:bold 36px/45px 'Roboto Condensed',Arial, sans-serif;} #main h2{text-transform:uppercase;color:#3c1637;margin:0 0 18px;font:bold 24px/35px 'Roboto Condensed',Arial, sans-serif;} #main h3{text-transform:uppercase;color:#666;margin:0 0 18px;font:16px/25px 'Roboto Condensed',Arial, sans-serif;} #main p{margin:0 0 23px} #main ul{margin:0 0 24px;padding:0;list-style:none;overflow:hidden;} #main ul li{vertical-align:top;background:url(assets/img/bullet.png) no-repeat 2px 11px;padding:0 0 0 10px} #main .btn-h{text-align:center;padding:9px 0;} #main .btn-h:after{display:block;clear:both;content:'';} #main .btn{padding:4px 15px;display:inline-block;border:1px solid #770a4e;background:#770a4e;text-transform:uppercase;vertical-align:top;color:#fff;font:bold 20px/25px 'Roboto Condensed',Arial, sans-serif;} #main .btn:hover{color:#770a4e;background:#fff;border-color:#9e007e;} #main .reviews-list{margin:0;padding:13px 0 21px;list-style:none;overflow:hidden;} #main .reviews-list li{background:url(assets/img/sep-01.gif) repeat-x; padding:22px 24px;overflow:hidden;text-align:center;} #main .reviews-list li h2{margin:0 0 -3px;line-height:29px;} #main .reviews-list li h3{margin:0} #main .reviews-list li p{margin:0} #main .reviews-list li:first-child{background:none;} #main .prod-area{text-align:center;overflow:hidden;background:url('assets/img/bg-header.gif');margin:-65px -9999px -26px;padding:45px 9999px 56px;} #main .prod-area h2{color:#000;font-size:21px;margin:0 auto 6px;max-width:800px;line-height:30px;} #main .prod-area h1{margin:0 0 45px} #main .prod-area .prod-h{position:relative;width:31%;padding:0 1% 20px;display:inline-block;vertical-align:top;} #main .prod-area .prod-h .hold{overflow:hidden;padding:0 0 35px} #main .prod-area .prod-h .img-h{overflow:hidden;margin:0 0 26px} #main .prod-area .prod-h .img-h img{max-width:100%;height:auto;display:block;margin:0 auto} #main .prod-area .prod-h h3{text-transform:upprcase;color:#3c1637;margin:0 0 4px;font:bold 24px/28px 'Roboto Condensed',Arial, sans-serif;} #main .prod-area .prod-h h3 a{ color:#3c1637;} #main .prod-area .prod-h p{min-height:44px;font-size:16px;line-height:22px;margin:0 0 17px} #main .prod-area .prod-h .btn{padding:4px 7px;position:absolute;width:126px;left:50%;bottom:20px;margin:0 0 0 -72px} .page-template-pt-products #main{max-width:1120px;} .visual{width:100%;overflow:hidden;position:relative;} .visual img{width:100%;height:auto;display:block;} .title-holder{width:100%;overflow:hidden;margin:0;background:url('assets/img/bg-title.jpg') no-repeat;background-size:cover;} .title-holder .title-f{overflow: hidden;max-width:1100px;margin:0 auto;} .title-holder .img{margin:29px 3.3% 17px 0;float:left;width: 31%;} .title-holder .img img{max-width:100%;height:auto;display:block;margin:0 auto;} .title-holder h1{color:#fff;font:bold 36px/48px 'Roboto Condensed',Arial, sans-serif;margin:51px 0} .single-products #main{padding:16px 0 42px;max-width:1100px;} #main .single:after{display:block;clear:both;content:'';} #main .single .left{float:left;width:31%;margin:0 3.3% 0 0;} #main .single .left img{max-width:100%;height:auto;display:block;margin:0 auto} #main .single .right{padding:32px 0 0;float:left;width:65.7%;} #main .single h3{color:#000;font:bold 21px/38px 'Roboto Condensed',Arial, sans-serif;text-transform:uppercase;margin:34px 0 1px} #main .single .list{margin:0;padding:0 0 12px;list-style:none;overflow:hidden;} #main .single .list li{text-align:center;width:47px;height:47px;line-height:47px;padding:0;background:none;float:left;margin:0 15px 0 0;border:1px solid #3c1636;border-radius:50%;-webkit-border-radius:50%} #main .single .list li img{width:44px;margin:0 0 0 2px;height:auto;vertical-align:middle;} #main .single .acc{margin:0 0 36px;padding:0;list-style:none;overflow:hidden;} #main .single .acc > li{padding:0;background:#f5f5f5;vertical-align:top;margin:0 0 5px;overflow:hidden;} #main .single .acc li.active h3.open:before{content:'-'; width: 11px;} #main .single .acc li h3.open{position:relative;margin:0;font:bold 24px/38px 'Roboto Condensed',Arial, sans-serif;background:#f5f5f5;padding:10px;} #main .single .acc li h3.open a{display:block;} #main .single .acc li h3.open:before{content:'+'; width: 11px;float:left;margin:0 6px 0 6px} #main .single .acc li.active h3.open a:after{content:'';width:19px;height:19px;background:url(assets/img/close.svg) no-repeat;background-size:19px 19px; position:absolute;top:20px;right:18px;text-indent:-9999px;overflow:hidden;} #main .single .acc li.active h3.open:hover a:after{background:url(assets/img/close_hover.svg) no-repeat;background-size:19px 19px;} #main .single .acc li .slide{overflow:hidden;} #main .single .acc li .slide-h{overflow:hidden;padding:4px 33px 22px 35px} #main .single .acc li .slide p{margin:0 0 8px} #main .single .acc li .slide h3{font:bold 16px/23px 'Roboto', Arial, sans-serif;margin:0 0 9px} #main .single .acc li .slide ul li{padding:0 0 8px 20px} #main .single .acc li .slide ul{margin:0} #main .single .acc li .slide p a{text-decoration:underline;color:#9e007e;} #main .single .acc li .slide p a:hover{text-decoration:none;} #main .single .acc li h3.open a{color:#3c1637;} #main .single .right h2 {margin:0 0 26px} #main .single .btn-h{text-align:left;} #main .single .btn-h a{text-align:center;min-width:108px;margin:0 17px 0 0;float:left} #main .sharethis-inline-share-buttons {background: #770a4e; border: 1px solid #770a4e; color: #fff; display: inline-block; font: bold 20px/25px "Roboto Condensed",Arial,sans-serif; padding: 4px 15px; text-transform: uppercase; vertical-align: top;margin: 0 17px 0 0; min-width: 108px; text-align: center;} #main .sharethis-inline-share-buttons .st-btn{line-height:25px;font-size:20px;height:auto;padding:0;background:none!important;} #main .sharethis-inline-share-buttons .st-btn:hover{top:0;opacity:1;} #main .sharethis-inline-share-buttons .st-btn .st-label{padding:0; font: bold 20px/25px "Roboto Condensed",Arial,sans-serif;} #main .sharethis-inline-share-buttons svg{display:none;} #main .sharethis-inline-share-buttons:hover{ background: #fff; border-color: #9e007e; color: #770a4e!important;} #main .sharethis-inline-share-buttons:hover .st-btn .st-label{color: #770a4e!important;} #main .single .btn-h .drop{float:left;position:relative;} #main .single .btn-h .drop .share{width:365px;display:none;position:absolute;top:35px;left:0;padding:5px 0 0} #main .single .btn-h .drop:hover .share{display:block;} #main .single .btn-h .drop .share a{min-width:1px} .single-post #main .btn-h .drop a{ min-width: 108px;text-align:center;margin:0 17px 0 0} .single-post #main .btn-h .drop{float:left;position:relative;} .single-post #main .btn-h .drop .share{width:365px;display:none;position:absolute;top:35px;left:0;padding:5px 0 0} .single-post #main .btn-h .drop:hover .share{display:block;} .single-post #main .btn-h .drop .share a{min-width:1px} .archive #page{background:url('assets/img/bg-header.gif');} .archive #main{max-width:1150px;} #main .faq-list{overflow:hidden;padding:28px 0 0;} #main .faq-list .box{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;overflow:hidden;width:50%;text-align:center;margin:0 0 50px;float:left} #main .faq-list .box:nth-child(2n){float:right;} #main .faq-list .box-h{margin:0 25px;padding:21px 30px 28px;background:#fff;overflow:hidden;} #main .faq-list .box h2{font-size:28px;text-transform:uppercase;margin:0 0 20px;line-height:32px;color:#000;} #main .faq-list .box h2 a{color:#000;} #main .faq-list .box .cat{display:block;margin:0 0 14px;} #main .faq-list .box .cat a{color:#666;font:16px/28px 'Roboto Condensed',Arial, sans-serif;display:inline-block;vertical-align:top;text-transform:uppercase;} #main .faq-list .box .slid{display:none;text-align:left;} #main .faq-list .box .slid p{margin:0 0 8px} #main .faq-list .box .slid-h{overflow:hidden;padding:0 0 14px} #main .faq-list .box .open{min-width:105px} #main .faq-list .box .open .c{display:none;} #main .faq-list .box.active .open .c{display:block;} #main .faq-list .box.active .open .o{display:none;} .blog-list{overflow:hidden;background:url('assets/img/bg-blog.jpg') no-repeat;background-size:cover;padding:45px 0 0} .blog-list h2{color:#fff;margin:0 0 29px;text-align:center;font:bold 36px/48px 'Roboto Condensed',Arial, sans-serif;} .blog-list .gallery{max-width:1140px;margin:0 auto;overflow:hidden;position:relative;} .blog-list .gallery .gmask{margin:0 0 32px;overflow:hidden;position:relative;width:100%;} .blog-list .gallery.mobile{display:none;} .blog-list .gallery .gmask ul{margin:0;padding:0;list-style:none;overflow:hidden;} .blog-list .gallery .gmask ul li{z-index:1;position:static;top:0;left:0;float:left;} .blog-list .gallery .gmask ul li.active{z-index:2;position:relative;} .blog-list .gallery .gmask ul li {float:left;text-align:center;margin:0 20px;width:340px;} .blog-list .gallery .gmask ul li .post .img-h{overflow:hidden;margin:0 0 21px} .blog-list .gallery .gmask ul li .post .img-h img{max-width:100%;height:auto;display:block;} .blog-list .gallery .gmask ul li .post .hold{overflow:hidden;} .blog-list .gallery .gmask ul li .post h3{min-height:85px;font:bold 24px/28px 'Roboto Condensed',Arial, sans-serif;margin:0 0 24px;text-transform:uppercase;} .blog-list .gallery .gmask ul li .post h3 a{color:#fff;} .blog-list .gallery .gmask ul li .btn{padding:4px 15px;display:inline-block;border:1px solid #770a4e;background:#770a4e;text-transform:uppercase;vertical-align:top;color:#fff;font:bold 20px/25px 'Roboto Condensed',Arial, sans-serif;} .blog-list .gallery .gmask ul li .btn:hover{color:#770a4e;background:#fff;border-color:#9e007e;} .blog-list .switcher{overflow:hidden;text-align:center;} .blog-list .switcher li{cursor:pointer;display:inline-block;vertical-align:top;margin:0 5px;width:8px;height:8px;text-indent:-9999px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;border:1px solid #fff;} .blog-list .switcher li.active{background:#fff;} .blog-list .switcher li span{display:none;} .single-faq #main .back, .single-post #main .back, .single-products #main .back{margin:-32px 0 0 -10px;float:left;padding:1px 0 1px 22px;background:url('assets/img/bg-back.png') no-repeat;color:#020000;font-size:12px;line-height:17px;} .single-products #main .back{display: block; margin-top: 10px; float: none;} .single-faq #main .entry-title, .single-post #main .entry-title{clear:both} .single-faq #main .img-h, .single-post #main .img-h{width:100%;overflow:hidden;margin:0 0 31px} .single-faq #main .img-h img, .single-post #main .img-h img{width:100%;height:auto;display:block;} .single-faq #main .img-h + h2, .single-post #main .img-h + h2{margin:0 0 24px;line-height:28px;text-align:center;} .single-faq #main h3, .single-post #main h3{font-weight:bold;font-size:20px;margin:0 0 3px;line-height:30px;color:#3c1637;} .single-faq #main ul li, .single-post #main ul li{padding:0 0 0 20px} .single-faq #main .btn-h, .single-post #main .btn-h{padding-bottom: 30px;text-align:left;} .single-faq #main .btn-h a, .single-post #main .btn-h a{margin:0 20px 0 0;float:left;} #main .gform_wrapper{overflow:hidden;} #main .gform_confirmation_wrapper {font:bold 36px/45px 'Roboto Condensed',Arial, sans-serif;text-align:center;text-transform:uppercase;margin:0 0 5px;color:#9e007e;} #main .gform_heading h3{font:bold 24px/35px 'Roboto Condensed',Arial, sans-serif;text-transform:uppercase;margin:0 0 40px;color:#3c1637;} #main .gform_heading .gform_description{margin:0 0 19px;display:block;font-size:14px;} #main .gform_body{overflow:hidden;} #main .gform_body ul{margin:0;padding:0;list-style:none;overflow:hidden;} #main .gform_body ul li{background:none;padding:0;vertical-align:top;overflow:hidden;margin:0 0 21px} #main .gform_body ul li label{float:left;width:150px;font-size:16px;line-height:24px;padding:11px 0 0;} #main .gform_body ul li .ginput_container{overflow:hidden;} #main .gform_body ul li textarea, #main .gform_body ul li input[type="text"]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:100%;background:#f5f5f5;border:none;height:47px;padding:10px 20px; color:#000;margin:0;line-height:27px;font-size:16px;} #main .gform_body ul li textarea::-webkit-input-placeholde, #main .gform_body ul li input[type="text"]::-webkit-input-placeholder { color:#000;opacity:1;} #main .gform_body ul li .select-area{background:#f5f5f5;} #main .gform_body ul li .select-area .select-opener{background-color:#f5f5f5;} #main .gform_body ul li .rad-area{background:#f5f5f5;border-color:#fff;} #main .gform_body ul li .chk-area{background:#f5f5f5;border-color:#fff;} #main .gform_body ul li .rad-area.rad-checked{background:#770a4e} #main .gform_body ul li .chk-area.chk-checked{background:#770a4e} #main .gform_body ul li textarea::-moz-placeholder, #main .gform_body ul li input[type="text"]::-moz-placeholder { color:#000;opacity:1;} #main .gform_body ul li textarea:-ms-input-placeholder , #main .gform_body ul li input[type="text"]:-ms-input-placeholder { color:#000;opacity:1;} #main .gform_body ul li textarea:-moz-placeholder , #main .gform_body ul li input[type="text"]:-moz-placeholder { color:#000;opacity:1;} #main .gform_body ul li textarea{height:168px;margin:0 0 7px} #main .gform_body ul li.full label{padding:0 0 11px;display:block;float:none;width:auto;} #main .gform_body ul li .gfield_radio li{margin:0;} #main .gform_body ul li .gfield_checkbox li{margin:0;} #main .gform_body ul li .charleft{padding:0 0 20px} #main .gform_body ul li .gfield_checkbox li input[type="radio"]{width:16px;height:16px;float:left;margin:0 10px 0 0} #main .gform_body ul li .gfield_checkbox li label{max-width:465px;display:block;float:none;padding:3px 0 0;overflow:hidden;width:auto} #main .gform_body ul li .gfield_radio li input[type="radio"]{width:16px;height:16px;float:left;margin:0 10px 0 0} #main .gform_body ul li .gfield_radio li label{max-width:465px;display:block;float:none;padding:3px 0 0;overflow:hidden;width:auto} #main .gform_footer{overflow:hidden;padding:16px 0 56px;} #main .gform_footer input[type="submit"]{float:left;cursor:pointer;margin:0;width:140px;height:35px;color:#fff;text-transform:uppercase;border:1px solid #770a4e;background:#770a4e;padding:0;font:bold 20px/33px 'Roboto Condensed',Arial, sans-serif;} #main .gform_body ul li.nolabel > label{display:none;} #main .validation_error{display:none;} #main .validation_message{display:none;} #main .gform_footer input[type="submit"]:hover{color:#770a4e;background:#fff;border-color:#9e007e;} #main .gform_body ul li.gfield_error textarea, #main .gform_body ul li.gfield_error input[type="text"]{background:#ffeaf7} #main .gform_body ul li.gfield_error .select-area{background:#ffeaf7} #main .gform_body ul li.gfield_error .gfield_radio li .rad-area{border-color:#f00} .page-template-pt-contact #main {max-width:1100px;} #main .col-h:after{display:block;clear:both;content:'';} #main .col-h .left{text-align:center;width:30%;float:left;} #main .col-h .right{float:right;width:69.5%;background:#fff;margin:-65px -9999px -26px 0;padding:75px 9999px 0 0} #main .col-h .left h2{margin:0} #main #gform_confirmation_wrapper_2{height:660px;display:table;width:100%} #main #gform_confirmation_wrapper_2 > div{height:100%;display:table-cell;vertical-align:middle;width:100%} #main .col-h .right-h{overflow:hidden;padding:0 0 0 42px; min-height: 660px;} .page-template-pt-contact {background:url('assets/img/bg-header.gif') ;} #main .col-h .left .text{margin:0 0 9px;display:block; color: #3c1637;text-transform:upeprcase; font: bold 24px/35px "Roboto Condensed",Arial,sans-serif;} #main .col-h .left .text span, #main .col-h .left .tel span{margin:0 0 -6px;display:block;text-transform:uppercase} #main .col-h .left .text a{display:inline-block;vertical-align:top;font:16px/23px 'Roboto', Arial, sans-serif;color:#020000;font-size:16px;} #main .col-h .left .tel{padding:10px 0 18px;display:block; color: #3c1637;text-transform:upeprcase; font: bold 24px/35px "Roboto Condensed",Arial,sans-serif;} #main .col-h .left .tel a{color:#770a4e;} #main .col-h .left address{display:block;margin:0 0 21px;color:#020000;font-size:16px;font-style:normal;} .page-template-pt-buy #page{background:url('assets/img/bg-header.gif');} .page-template-pt-buy #main{max-width:1100px} .page-template-pt-buy #main .buy-list{margin:0 -6% 0 0;padding:27px 0 0;list-style:none;overflow:hidden;} .page-template-pt-buy #main .buy-list li{padding:0;width:45%;margin:0 4% 50px 0;display:inline-block;background:#fff;overflow:hidden;text-align:center;} .page-template-pt-buy #main .buy-list li .text{overflow:hidden;padding:22px 22px 27px;} .page-template-pt-buy #main .buy-list li h3{margin:0 0 11px;} .page-template-pt-buy #main .buy-list li h2{margin:0 0 21px;font-size:28px;color:#000;} .home{background:url('assets/img/bg-header.gif');} .home #header{border:none} .home #main{max-width:1100px;padding-bottom:0;} #visual{width:100%;overflow:hidden;position:relative;} #visual img{width:100%;height:auto;display:block;} #vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index:10; overflow: hidden;} .home #main .prod-area{padding:45px 9999px 39px;} .home #main .prod-area .gallery.mobile{display:none;} .home #main .prod-area .gallery .gmask ul{position:relative;top:0;left:0;width:100%;} .home #main .prod-area .gallery .gmask ul li{position:absolute;top:0;left:0;width:100%;padding:0;background:none} .home #main .prod-area .gallery .gmask ul li.active{z-index:2;position:relative} .home #main .prod-area .switcher{overflow:hidden;text-align:center;margin:0;padding:0;list-style:none;} .home #main .prod-area .switcher li{padding:0;cursor:pointer;display:inline-block;vertical-align:top;margin:0 5px;width:8px;height:8px;text-indent:-9999px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;border:1px solid #3c1637;} .home #main .prod-area .switcher li.active{background:#3c1637;} .home #main .prod-area .switcher li span{display:none;} #main .section{text-align:center;margin:0 -9999px;padding:51px 9999px;overflow:hidden;} #main .section .hold{overflow:hidden;} #main .section.pink{color:#fff;background:#9e007e;overflow:hidden;text-align:center} #main .section.white{color:#000;background:#fff;overflow:hidden;text-align:center} #main .section h2{color:#9e007e;margin:0 0 17px;font-size:36px;line-height:40px;} #main .section.pink h2{color:#fff;} #main .section.pink h3{color:#fff;} #main .section.white h2{color:#9e007e;} #main .section h3{margin:0 0 22px;font-size:24px;line-height:29px;font-weight:bold;} #main .section p{margin:0 auto 10px;max-width:796px;} #main .section.pink p{margin:0 auto 8px} #main .section.pink p strong{margin:0 0 31px;display:block;} #main .section.pink .list{margin:0 0 16px;padding:0;list-style:none;overflow:hidden;text-align:center;} #main .section.pink .list li{padding:0;background:#fff;display:inline-block;vertical-align:top; width:50px;height:50px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;margin:0 19px} #main .section.pink .list li img{max-width:90%;height:auto;display:block;margin:0 auto;} #main .add_section{margin:0 -9999px;overflow:hidden;padding:31px 9999px 26px;overflow:hidden;background:#fff;} #main .add_section img{max-width:100%;height:auto;display:block;margin:0 auto} /* Content*/ #content {float:left;overflow:hidden;padding:0 0 20px;width:550px} #content ul {list-style:disc;margin:0 0 1em 18px} #content ol {list-style:decimal;margin:0 0 1em 22px} /* Post */ #content .post {border-bottom:1px solid #CCC;margin:0 0 25px} #content .post .meta {font-style:italic} #content .post h1 {border:0;margin:0} #content .sticky {background:#f5efca} /* Pagination */ #content #prev-next {list-style:none} #content #prev-next #prev {float:left} #content #prev-next #next {float:right} /* Sidebar */ #sidebar {float:right;padding:10px 0 20px;width:200px} #sidebar ul {list-style:none;margin:0 0 1em 18px} #sidebar ul ul {list-style:disc} /* Footer */ #footer {max-width:800px;margin:0 auto;padding:0;text-align:center;} #footer:after{display:block;clear:both;content:'';} .page-template-pt-contact #footer .top{border:none} #footer .top{border-top:5px solid #fff;margin:0 -9999px ;padding:13px 9999px;background:url(assets/img/bg-header.gif);} #footer .top .copy{display:inline-block;vertical-align:top;color:#666;font:300 14px/25px 'Roboto Condensed',Arial, sans-serif;} #footer .top .menu{display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;overflow:hidden;} #footer .top .menu li{float:left;margin:0 0 0 14px;font:300 14px/25px 'Roboto Condensed',Arial, sans-serif;} #footer .top .menu li.current-menu-item a{color:#9e007e;} #footer .top .menu li a:hover{color:#9e007e;} #footer .top .menu li a{color:#666;} #footer .logo{display:block;margin:0 auto 7px;width:143px;} #footer .logo img{max-width:100%;height:auto;display:block;} #footer .logo:hover img{opacity:0;} #footer .logo:hover {background:url(assets/img/RID_AUS_LOGO_HOVER.svg) no-repeat;background-size:100% auto} #footer h4{text-align:center;margin:0 0 3px;color:#666;font:300 13px/25px 'Roboto Condensed',Arial, sans-serif;} #footer .footer-h{margin:0 -9999px;padding:16px 9999px ;background:#fff;overflow:hidden;} #footer ul{margin:0;padding:0;list-style:none;overflow:hidden;} #footer ul li{display:inline-block;vertical-align:middle;margin:0 15px} #footer ul li a{display:block;position:relative;} #footer ul li .hover{position:absolute;top:0;left:0;width:100%;height:100%;} #footer ul li .hover img{opacity:0;} #footer ul li:hover .hover img{opacity:1;} #footer ul li:hover a >img{opacity:0;} #footer ul li img{height:35px;width:auto;vertical-align:middle;} #fader{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:1000;} #popup{display:none;background:#f5f5f5;width:648px;padding:18px 36px;position:absolute;top:200px;left:50%;margin:0 0 0 -360px;z-index:1001;} #popup .gform_confirmation_wrapper {font:bold 36px/45px 'Roboto Condensed',Arial, sans-serif;text-align:center;text-transform:uppercase;margin:0 0 5px;color:#9e007e;} #popup h3{font:bold 36px/45px 'Roboto Condensed',Arial, sans-serif;text-align:center;text-transform:uppercase;margin:0 0 5px;color:#9e007e;} #popup .gform_description{margin:0 0 19px;display:block;font-size:14px;} #popup .close{width:19px;height:19px;background:url(assets/img/close.svg) no-repeat;background-size:19px 19px; position:absolute;top:10px;right:10px;text-indent:-9999px;overflow:hidden;} #popup .close:hover{background:url(assets/img/close_hover.svg) no-repeat;background-size:19px 19px;} #popup .gform_wrapper{overflow:hidden;} #popup .gform_body{overflow:hidden;} #popup .gform_body ul{margin:0;padding:0;list-style:none;overflow:hidden;} #popup .gform_body ul li{vertical-align:top;overflow:hidden;margin:0 0 21px;position:relative;} #popup .gform_body ul li label{float:left;width:150px;font-size:16px;line-height:24px;padding:11px 0 0;} #popup .gform_body ul li .ginput_container{overflow:hidden;} #popup .gform_body ul li .ginput_container select{width:100%;height:47px;} #popup .gform_body ul li textarea, #popup .gform_body ul li input[type="text"]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:100%;background:#fff;border:none;height:47px;padding:10px 20px; color:#000;margin:0;line-height:27px;font-size:16px;} #popup .gform_body ul li textarea::-webkit-input-placeholde, #popup .gform_body ul li input[type="text"]::-webkit-input-placeholder { color:#000;opacity:1;} #popup .gform_body ul li textarea::-moz-placeholder, #popup .gform_body ul li input[type="text"]::-moz-placeholder { color:#000;opacity:1;} #popup .gform_body ul li textarea:-ms-input-placeholder , #popup .gform_body ul li input[type="text"]:-ms-input-placeholder { color:#000;opacity:1;} #popup .gform_body ul li textarea:-moz-placeholder , #popup .gform_body ul li input[type="text"]:-moz-placeholder { color:#000;opacity:1;} #popup .gform_body ul li textarea{height:168px;margin:0 0 7px} #popup .gform_body ul li.full label{padding:0 0 11px;display:block;float:none;width:auto;} #popup .gform_body ul li .gfield_radio li{margin:0;} #popup .gform_body ul li .charleft{padding:0 0 20px} #popup .gform_body ul li .gfield_radio li input[type="radio"]{width:16px;height:16px;float:left;margin:0 10px 0 0} #popup .gform_body ul li .gfield_checkbox li label{max-width:465px;display:block;float:none;padding:3px 0 0;overflow:hidden;width:auto} #popup .gform_body ul li .gfield_radio li label{max-width:465px;display:block;float:none;padding:3px 0 0;overflow:hidden;width:auto} #popup .gform_footer{overflow:hidden;padding:0 0 17px;} #popup .gform_footer input[type="submit"]{float:left;cursor:pointer;margin:0;width:140px;height:35px;color:#fff;text-transform:uppercase;border:1px solid #770a4e;background:#770a4e;padding:0;font:bold 20px/33px 'Roboto Condensed',Arial, sans-serif;} #popup .gform_body ul li.nolabel > label{display:none;} #popup .validation_error{display:none;} #popup .validation_message{display:none;} #popup .gform_footer input[type="submit"]:hover{color:#770a4e;background:#fff;border-color:#9e007e;} #popup .gform_body ul li.gfield_error textarea, #popup .gform_body ul li.gfield_error input[type="text"]{background:#ffeaf7} #popup .gform_body ul li.gfield_error .gfield_radio li .rad-area{border-color:#f00} /* Image Alignment */ img.aligncenter {display:block;margin-left:auto;margin-right:auto} img.alignright {display:inline;margin:0 0 2px 7px;padding:4px} img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px} .alignright {float:right} .alignleft {float:left} /* 2.7+ Comments */ #comments_wrap ol {list-style:none} #comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px} #comments_wrap .commentmetadata {margin:0 0 10px} #comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;} #comments_wrap .comment-author img {float:left;margin:0 10px 0 0} #comments_wrap .comment-author cite {font-weight:bold} /* Captions */ .wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center} .wp-caption img {border:0 none;margin:0;padding:0} .wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} /* hide original element */ .jcf-hidden {display: block !important;position: absolute !important;left: -9999px !important; /* change to right: -9999px on RTL sites */} /* custom radio styles */ .rad-area {border: 1px solid #b5b5b5;border-radius:20px;margin: 0 10px 0 0;float: left;width: 29px;height: 29px;} .rad-checked {background: #770a4e;} .chk-area {border: 1px solid #b5b5b5;border-radius:20px;margin: 0 10px 0 0;float: left;width: 29px;height: 29px;} .chk-checked{background: #770a4e;} /* custom select styles */ .select-area {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:100%;background:#fff;border:none;height:47px; color:#000;margin:0;line-height:27px;font-size:16px; position: relative;overflow: hidden;cursor: pointer;width:100%!important;float: left;} .select-area .center {white-space: nowrap;padding:10px 20px;display:block;} .select-area .select-opener {background:#fff url('assets/img/select_arrow.svg') no-repeat 50% 50%;position: absolute;height: 49px;width: 33px;right: 0;background-size:15px auto;cursor:pointer;top: 0;} .select-options {position: absolute;overflow: hidden;background: #fff;z-index: 2000;} .select-options .drop-holder {border: 1px solid #a41086;overflow: hidden;height: 1%;} .select-options ul {list-style: none;padding: 0;margin: 0;} .select-options ul li {width: 100%;float: left;} .select-options ul a {text-decoration: none;padding: 5px 10px;display: block;cursor: default;color: #000;height: 1%;} .select-options .item-selected a {text-decoration: none;background: #a41086;cursor:pointer;color: #fff;} input[type="image"]{padding:0;border:none;} input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0} #header .nav.left li {float: right;} @media only screen and (max-width: 1200px) {.blog-list .gallery .gmask ul li .post li{width:29.3%;margin:0 2%;}} @media only screen and (max-width: 1100px) { #header .social{padding:3px 22px 0 0} .blog-list .gallery .gmask ul li .post li{width:29.3%;margin:0 2%;} #main .section.pink .list li{margin:0 13px} #main .col-h .right-h{padding:0 20px 0 42px} #main .single .right{padding-right:20px;float:none;overflow:hidden;width:auto} } @media only screen and (max-width: 980px) { #main{padding-left:20px;padding-right:20px} #header .nav li{margin:0 6px;font-size:19px;} #header .nav{min-width:242px} #logo{width:200px} #main .single .btn-h a{margin:0 8px 0 0} #main .prod-area .prod-h{padding:0 0.9% 15px} #main .section.pink .list li{margin:0 3px 3px} } .f-fixed{display:none;} .f-mobile{display:none;} .mob{display:none;} .home #visual .mobile{display:none;} @media only screen and (max-width: 767px) { #main .single .btn-h a{float:none} #at-share-dock, .at-share-dock-outer {display:none!important;} #header .social, #header .nav{display:none;} .single-products #main{padding-left:20px;padding-right:20px} #main .prod-area .prod-h{width:100%;margin:0 0 40px;padding:0 0 15px} #main .prod-area h2{line-height:22px;font-size:18px} #main .section h2{font-size:31px;line-height:36px;} #main .add_section{padding:20px 9999px} #main .prod-area{padding:45px 9999px 27px} .title-holder .img{float:none;display:block;width:280px;margin:0 auto 20px} .title-holder h1{margin:30px 0;padding:0 20px;text-align:center} #main .single .left{float:none;width:100%;margin:0 0 20px;overflow:hidden;} #main .single .right{overflow:hidden;width:100%;padding:0;float:none;} #main .single .list li{margin:0 5px 5px 0;width:48px;height:48px;line-height:48px;} .single-products #main{padding-bottom:20px} #main .sharethis-inline-share-buttons, #main .single .btn-h a{margin:0 0 10px;display:block;} .page-template-pt-buy #main .buy-list{margin:0} .page-template-pt-buy #main .buy-list li{width:100%;margin:0 0 20px} #main .reviews-list{padding:13px 0 0;} #popup{width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin:0;left:0} #popup .gform_body ul li label{float:none;display:block;width:auto} #main .gform_body ul li textarea, #main .gform_body ul li input[type="text"], #popup .gform_body ul li textarea, #popup .gform_body ul li input[type="text"]{padding:10px;font-size:15px;} #main .faq-list .box:nth-child(2n), #main .faq-list .box{width:100%;float:none;display:block;overflow:hidden;margin:0 0 20px} #main .faq-list .box-h{margin:0;padding:20px} .blog-list .gallery .gmask ul li .post .hold{padding:0 20px} .blog-list .gallery .gmask ul li .post{margin:0 0 20px;width:100%;} #main .col-h .left{width:100%;float:none;overflow:hidden;} #main .col-h .right{margin:0;padding:20px;overflow:hidden;float:none;width:auto} #main .col-h .right-h{padding:0} #main .gform_body ul li label{float:none;display:block;width:auto} .select-area{font-size:15px;} .select-area .center{padding:10px} #header .opener{display:block;float:right;text-indent:-9999px;overflow:hidden;margin:25px 20px 0 -100%;width:20px;height:20px;background:url(assets/img/hamburger_menu.svg) no-repeat;background-size:20px 20px} #header .logo{width:100px;margin:0 0 0px 12px} #header .header-h{padding:11px 0 0} #logo { width: 168px;margin:0 auto -20px} .f-fixed{z-index:20;position:fixed;bottom:0;left:0;width:100%;text-align:center;display:block;background:#3c1637;} .f-fixed a{margin:0 6px;font:bold 14px/35px "Roboto Condensed",Arial,sans-serif;color:#fff;text-transform:uppercase;display:inline-block;vertical-align:top;} .f-fixed a.facebook{padding:0 0 0 25px;background:url(assets/img/facebook.gif) no-repeat 0 8px;background-size:19px 19px;} .f-fixed a.youtube{padding:0 0 0 28px;background:url(assets/img/youtube.gif) no-repeat 0 50%;background-size:24px auto;} .f-mobile{text-align:center;display:block;padding:10px 0 35px;color:#666;font:300 14px/25px "Roboto Condensed",Arial,sans-serif} .f-mobile a{color:#666;} .f-mobile ul{margin:0;padding:0;list-style:none;overflow:hidden;text-align:center;} .f-mobile ul li{display:inline-block;vertical-align:top;} .f-mobile ul li:first-child{display:none;} .f-mobile ul li:after{content:'|';margin:0 4px 0 7px;} .f-mobile ul li:last-child:after{display:none;} .f-mobile .copy{margin:0 0 10px;display:block;} .f-mobile .logo{display:block;margin:0 auto 7px;width:143px;} .logo img{max-width:100%;height:auto;display:block;} .logo:hover img{opacity:0;} .logo:hover {background:url(assets/img/RID_AUS_LOGO_HOVER.svg) no-repeat;background-size:100% auto} #footer{display:none;} #main{padding-top:35px} .mob {text-align:left;position:fixed;height:100%;overflow:auto;top:0;left:0;width:100%;background:#9e007e;z-index:100;} .mob .close{width:41px;height:41px;text-indent:-9999px;overflow:hidden;position:absolute;top:0;right:0;background:url(assets/img/bg-close.gif) no-repeat;} .mob ul{margin:0;padding:0;list-style:none;overflow:hidden;} .mob ul li{border-bottom:1px solid #fff;overflow:hidden;vertical-align:top;} .mob ul li a{display:block;padding:7px 17px 8px;text-transform:uppercase;color:#fff;font: 16px/25px "Roboto Condensed",Arial,sans-serif} .mob ul li:hover > a{background:#3c1637;} .mob ul ul{position:relative;display:none;margin:-40px 0 0px;padding:40px 0 0} .mob ul ul li{background:#f5f5f5;} .mob ul ul li a{padding:7px 17px 8px 36px;color:#3c1637;} .mob ul ul li:hover a{background:#f5f5f5;} .mob ul ul li a br{display:none;} .mob ul li:hover ul{display:block;} #main .col-h .right-h{min-height:1px} #main #gform_confirmation_wrapper_2{display:block;height:auto;} #main #gform_confirmation_wrapper_2 > div{display:block;height:auto} .single-post #main .btn-h .drop, #main .single .btn-h .drop{display:block;float:none;margin:0 0 10px} .single-post #main .btn-h .drop .share, #main .single .btn-h .drop .share{text-align:center;width:100%;} .single-faq #main .btn-h a, .single-post #main .btn-h a, .single-post #main .btn-h .drop a{display:block;text-align:center;margin:0 0 10px} .single-post #main .btn-h .drop .share a, #main .single .btn-h .drop .share a{display:inline-block;vertical-align:top;margin:0 5px;} .f-mobile{background: url("assets/img/bg-header.gif");} .blog-list .gallery .gmask ul li .post .img-h img{margin:0 auto} .blog-list .gallery .gmask ul li .post .img-h{margin:0 20px 21px} .home #visual .mobile{display:block;} .home #visual img{display:none;} .home #visual .mobile img{display:block;} .home #main .prod-area .gallery{display:none;} .home #main .prod-area .gallery.mobile{display:block;} .blog-list .gallery{display:none;} .blog-list .gallery.mobile{display:block;} #main .section.pink .list li{margin:0 3px 8px} .f-mobile{padding:10px 0 45px} .blog-list .gallery .gmask ul li{position:absolute;width:100%} .blog-list .gallery .gmask ul li{margin:0} #main .prod-area .prod-h{margin:0} #visual iframe {display:none;} }