/* Theme Name: Tropez Description: Semantic, SEO Optimised, Custom Wordpress Theme for St Tropez Author: # Author URI: # Version: 1.0 */ @font-face { font-family: 'AvantGarde'; src: url('fonts/avantgarde-extralight-webfont.eot'); src: url('fonts/avantgarde-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/avantgarde-extralight-webfont.woff') format('woff'), url('fonts/avantgarde-extralight-webfont.ttf') format('truetype'), url('fonts/avantgarde-extralight-webfont.svg#itc_avant_garde_gothic_extrRg') format('svg'); font-weight: normal; font-style: normal; } /* Magnific Popup CSS */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.6;filter:alpha(opacity=60)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top: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:#0093b2} a:hover {text-decoration:underline} 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:#6b6b6b;font:75%/125% 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} h1 {color:#000;font:1.75em/1.25em "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif} h2 {color:#000;font:1.5em/1.25em "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif} h3 {color:#000;font: 1.25em/1.25em "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif} h4 {color:#000;font:bold 1em/1.25em "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif} .page-template-default #main .type-page h1{font-size: 26px;margin-bottom: 10px} .page-template-default #main .entry h2{color: #0093b2; font-weight: bold; margin: .5em 0; font-size: 23px;text-align:left} .page-template-default #main .entry h3{color: #0093b2; font-weight: bold; margin: .5em 0; font-size: 17px} 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 */ #wrap {background:#f4f4f4;margin:0 auto;overflow:hidden;position:relative;width:100%} .page-template-pt-experts-php #wrap, .page-template-pt-professionals-php #wrap {background:#000;color:#fff;padding-bottom:24px} .page-template-pt-professionals-php #wrap {padding-bottom:0} .page-template-pt-professionals-php #wrap #wrapper {background:#000/* url(images/pro-bg.jpg) center bottom no-repeat*/;overflow:hidden;width:100%} .section {margin:0 auto;position:relative;width:998px} #main {padding-top:34px} .home #main {padding-top:0} /*.page-template-pt-experts-php #main, .page-template-pt-professionals-php #main {padding-top:61px}*/ .page-template-pt-experts-php #main, .page-template-pt-professionals-php #main {padding-top:0} #intro h1 {color:#fff;font-size:68px;line-height:68px;margin:0;left:0;position:absolute;text-transform:uppercase;top:154px} .page-template-pt-home-php #intro {/*background:url(images/home-header.jpg) center top no-repeat;*/height:546px;/*padding-top:58px;*/position:relative} /* Header */ #header-blue-bar {background:#3392b3;height:29px} #header-blue-bar .section {width:auto;padding:0 2.41256%;} #header-blue-bar ul{padding:7px 0 0 0} #header-blue-bar ul li{float:left;margin:0 20px 0 0} #header-blue-bar ul li a {color:#fff;font-size:13px;font-family:'Century Gothic', CenturyGothic, AppleGothic, 'AvantGarde', sans-serif;text-decoration:none;text-transform:uppercase} #header-blue-bar ul li a:hover, #header-blue-bar ul li.active a {color:#000} #header.corporate {background:#000;border-bottom:3px solid #3392b3;height:148px;position:relative;z-index:50} #header.corporate #logo {margin:31px 0 0 11px} #header.corporate ul#nav {list-style:none;padding:0;margin:37px -40px 0 0;} #header.corporate ul#nav > li {float:left;margin:0 32px 0 0;position:relative;padding-bottom:23px} #header.corporate ul#nav > li > a {color:#fff;font-size:19px;font-family:ITCAvantGardeStd-XLt,Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;text-decoration:none;text-transform:uppercase} #header.corporate ul#nav > li > a:hover {color:#0093B2} #header.corporate ul#nav > li > ul {list-style:none;padding:0;visibility:hidden;position:absolute;top:42px;left:0;background-color:#fff;padding:12px 20px} #header.corporate ul#nav > li:hover > ul{visibility:visible} #header.corporate ul#nav > li.menu-home {margin-top:-2px;margin-left:11px} #header.corporate ul#nav > li.menu-home > a {background-image:url(images/menu-home.png);display:block;width:20px;height:17px;overflow:hidden;text-indent:100%;white-space:nowrap} #header.corporate ul#nav > li.menu-home > a:hover {background-position:0 -17px} #header.corporate ul#nav li ul > li{margin:6px 0} #header.corporate ul#nav li ul > li > a{color:#444;font-size:12px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Arial Narrow",Helvetica,Arial,"Lucida Grande",sans-serif;text-decoration:none;white-space:nowrap} #header.corporate ul#nav > li.menu-wide > ul > li > a:hover, #header.corporate ul#nav li ul > li > a:hover { color: #278bad;} #header.corporate ul#nav > li.menu-wide > ul{width:600px;background-image:url(images/menu-wide-bg.png);padding:0;border-top:12px solid #fff;border-bottom:12px solid #fff} #header.corporate ul#nav > li.menu-wide > ul > li{margin-left:20px;width:180px;float:left} #header.corporate ul#nav > li.menu-wide > ul > li:nth-child(3n+1) {clear:both} #header.corporate ul#nav > li.menu-wide > ul > li:first-child{clear:none} #header.corporate ul#nav > li.menu-wide > ul > li > a{font-weight:bold;font-family:ITCAvantGardeStd-XLt,Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;color:#444;margin:13px 0} #header.professional {background:#000;border-bottom:1px solid #0093b2;height:58px;position:absolute;top:0;left:0;width:100%;z-index:50} #header.professional #logo {color:#09C;font:italic bold 2.25em/1.2em "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;left:50%;margin:0 0 0 -95px;position:absolute;top:12px;width:190px;z-index:100} #header.professional #nav-container {float:left;left:50%;position:relative;z-index:20} #header.corporate #nav-container.js-slide-hidden, #header.professional #nav-container.js-slide-hidden{position:relative!important;left:0!important;top:0!important} #header.professional #nav-container.js-slide-hidden{left:50%!important} #header.professional ul#nav {float:left;font:13px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;left:-50%;list-style:none;margin:0 auto;padding-top:26px;position:relative} #header.professional ul#nav li {float:left;margin:0 13px 0 0} #header.professional ul#nav li.separated {margin-left:274px} #header.professional ul#nav li.shoppro {margin-right:0} #header.professional ul#nav li.shop {margin-right:40px} /*#header.professional ul#nav li.shop a {background:url(images/bag-icon.png) left top no-repeat}*/ /*#header.professional ul#nav li.shoppro a {background:url(images/bag-icon.png) right top no-repeat}*/ #header.professional ul#nav li a {border-bottom:5px solid #000;color:#fff;float:left;height:25px;padding:2px 23px 0;text-decoration:none;text-transform:uppercase} #header.professional ul#nav li a:hover, #header.professional ul li:hover a, #header.professional ul li.current_page_item a {border-bottom:5px solid #0093b2} #header.professional ul#nav ul {background:#353434;border-bottom:1px solid #0093b2;border-top:1px solid #0093b2;height:39px;line-height:39px;left:0;margin:0 -999em;padding:0 999em;position:absolute;top:-999em;min-width:563px} #header.professional ul#nav li:hover ul {top:58px} #header.professional ul#nav ul li {margin:0 48px 0 12px;white-space: nowrap} #header.professional ul#nav ul li:last-child {margin-right:12px} #header.professional ul#nav ul li a {border:0!important;height:39px;padding:0;white-space: nowrap} #header.professional ul#nav ul li a:hover {color:#0093b2} #header.professional ul#nav li.shop li a, #header.professional ul#nav li.shoppro li a {background:none} /*Home Page Slider*/ #slider {height:500px;overflow:hidden;position:absolute;left:50%;margin-left:-50%;/*top:59px*/;width:100%;z-index:20} #slider .img, #slider .slide {height:500px;width:100%} #slider a {display:block;height:100%;width:100%} /*New for slider*/ #slider .img-h{float:right;} #slider .img-h img{vertical-align:top;} #slider .text-h{overflow:hidden;padding:45px 0 20px 21px;} #slider .text-h img{max-width:100%;height:auto;display:block;margin:0 0 26px} #slider .btn-h{overflow:hidden;} #slider .btn-h a{background:#000;width:auto;height:auto;float:left;margin:0 12px 0 0;text-transform:uppercase;font:17px/25px "Century Gothic",CenturyGothic,AppleGothic,sans-serif;padding:14px;color:#fff;text-decoration:none;min-width:151px;text-align:center;} #slider .btn-h a.pink{background:#00ACCD url('images/bg-cart.png') no-repeat 15px 14px;padding:14px 14px 14px 37px;} #slider .slide-h{margin:0 auto;max-width:960px;overflow:hidden;} /*Main*/ #main h2 {text-align:center;font-size:30px;letter-spacing:-1px;text-transform:uppercase} .home #main h2 {margin-bottom:20px} #main #read-all {position:absolute;right:0;top:20px} #cats-box h1, .page-template-pt-contact-php #main .section h1, .page-template-pt-wheretobuy-php h2 {color:#0093b2;font-size:47px;margin:0 0 12px;text-align:center;text-transform:uppercase} /*Categories*/ .single #cats-box {padding-bottom:9px} #cats-box #categories-container {border:1px solid #0093b2;border-left:0;border-right:0;height:40px;margin:0 0 12px;width:100%} #cats-inner {float:left;left:50%;position:relative} #cats-box #cats-inner ul#categories {float:left;left:-50%;list-style:none;font:13px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;padding-top:12px;position:relative;margin: 0;} #cats-inner ul li {background:url(images/cat-divider.png) left no-repeat;float:left; padding: 0 21px; } #cats-inner ul li.first {background:none} #cats-inner ul li a {color:#000;text-decoration:none;text-transform:uppercase} #cats-inner ul li a:hover, #cats-inner ul li.current-cat a {color:#0093b2} /* Content*/ #content {float:left;overflow:hidden;padding:0 0 20px;width:998px} .single #content {float:left;width:657px} .page-template-pt-experts-php #content, .page-template-pt-professionals-php #content {padding:0} .page-template-pt-professionals-php #content {overflow:visible;margin-top:20px} #content ul {list-style:disc;margin:0 0 1em 18px} #main ol {list-style:decimal;margin:0 0 1em 22px} /* Post */ #content .post, #sidebar .post {display:inline-block;vertical-align:top;margin:0 21px 25px 0;min-height:365px;width:316px} #content .no-margin {margin-right:0} #content .post h3, #sidebar .post h3 {font:bold 12px Arial, Sans-Serif;margin:20px 0 3px} .blog #content .post h3, .archive #content .post h3, .category #content .post h3{height: 28px} #content .post h3 a, #sidebar .post h3 a {color:#000;text-decoration:none} #content .post p.more, #sidebar .post p.more {margin:0} #content .post p.more a, #sidebar .post p.more a{color:#6c6c6c;font-weight:700;text-decoration:none} #content .post p.more a:hover, #sidebar .post p.more a:hover {text-decoration:underline} #content .post .meta {font-style:italic} #content .post h1 {border:0;margin:0} .post.active {cursor:pointer} /*Single Post*/ .single #content .single-post h1 {color:#000;font:bold 12px/15px Arial, Sans-Serif;letter-spacing:0;margin:20px 0 10px;text-align:left;text-transform:none} .single #content .single-post #share {padding:20px 0} .single #content .single-post h2 {color:#0093b2;font:bold 12px/15px Arial, Sans-Serif;letter-spacing:0;margin:0 0 10px;text-align:left;text-transform:none} .single #content .single-post h3 {color:#0093b2;font:italic 12px/15px Arial, Sans-Serif;letter-spacing:0;margin:0 0 10px;text-align:left;text-transform:none} .single #content .single-post h4 {color:#0093b2;font:12px/15px Arial, Sans-Serif;letter-spacing:0;margin:0 0 10px;text-align:left;text-transform:none} .single #content .single-post h5 {color:#6c6c6c;font:bold 12px/15px Arial, Sans-Serif;letter-spacing:0;margin:0 0 10px;text-align:left;text-transform:none} /*About Page*/ .page-template-pt-about-php #wrap, .page-template-pt-contact-php #wrap {background:#fff} #main .sections.alt {background:#f8f8f8} #main .sections {background:#fff;clear:both;overflow:hidden;padding:20px 0;width:100%} .page-template-pt-about-php .sections .section {width:960px} .page-template-pt-about-php .sections .intro {float:left;font-weight:700;padding:0 0 30px;width:630px} .page-template-pt-about-php #main .sections h2 {color:#0093b2;font:47px "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;margin:0 0 20px;text-transform:uppercase} .page-template-pt-about-php .has-bg {padding:position:relative} .page-template-pt-about-php .has-bg .section {height:337px;padding:25px 0;z-index:15} .page-template-pt-about-php .col3 {float:right;width:324px} .page-template-pt-about-php .col3 img {display:block;margin:0 auto} .page-template-pt-about-php .sections .cols-container {clear:left;float:left;width:630px} .page-template-pt-about-php .sections .col1 {border-right:1px dotted #000;float:left;padding-right:29px;width:285px} .page-template-pt-about-php .sections .col2 {float:left;padding-left:19px;width:285px} .page-template-pt-about-php #main #about2 {padding:30px 0px 10px 0px;} .page-template-pt-about-php #main #about2 h2 {color:#0093b2} .page-template-pt-about-php #about2 .intro {color:#fff;float:left;width:auto} /* Contact */ .contact .section {color:#000} .contact .section .intro {color:#0093b2;font-size:13px;font-weight:bold} .contact .section img {margin-bottom:20px} .contact .section .content {float:left;width:460px} .contact .section iframe {border:0;float:right} /*Pro Page*/ #pro-intro h1 {color:#FFF;font-size:64px;line-height:1em;padding:80px 0 20px} #pro-intro p {width:470px} #pro-intro .section {padding:0 20px;width:958px} #content .pro {float:left;margin:20px 0 10px 20px;width:620px} #content .pro h2 {color:#0093b2;font-size:60px;line-height:1em;text-align:left} #content .pro h3 {color:#CCC;font-size:18px;line-height:1em;margin-bottom:20px;text-transform:uppercase} #loginform {background:url(images/bg-form.png) repeat-x;float:right;padding:20px 15px;width:260px} .page-template-pt-professionals-php #loginform {min-height:245px;position:relative;background:#292929} #loginform h3 {color:#0193b2;font-family:"Century Gothic", Arial, Sans-Serif;margin-bottom:10px;text-transform:uppercase} .page-template-pt-professionals-php #loginform h3 {margin:6px 0 16px} #loginform p {margin-bottom:10px} #loginform input[type="text"], #loginform input[type="password"] {border:1px solid #000;padding:10px;width:238px;height:17px} .page-template-pt-professionals-php #loginform input[type="text"] {border:1px solid #787878;height:19px;margin:10px 0 14px} .page-template-pt-professionals-php #loginform input[type="password"] {border:1px solid #787878;height:19px;margin:0 0 13px} #loginform .row label {color:#7d7d7d;display:block;font-family:"Century Gothic", Arial, Sans-Serif;padding:3px 3px} #loginform input[type="submit"] {background:#000;color:#FFF;border:0;color:#FFF;float:right;font-weight:bold;text-transform:uppercase;padding:7px 10px} #loginform .reg {font-family:"Century Gothic", Arial, Sans-Serif;margin:0;padding:7px 0 0 3px} #loginform .reg a {font-weight:bold;text-decoration:none} #content h2.et {color:#0093b2;clear:both;font-size:40px;line-height:1em;margin:0 0 10px 20px;text-align:left} #boxes {overflow:hidden;width:100%} #boxes .box {background:#0093b2;float:left;margin-right:9px;min-height:534px;padding:20px;width:286px} #boxes .box:last-child {margin-right:0} #boxes .box .heading {min-height:72px} #boxes .box .heading h3 {color:#fff;font-size:19px;line-height:20px;text-transform:uppercase} #boxes .box:last-child img {margin:-15px -20px -21px 0;padding:0} #boxes .box .btn {background:#000;color:#CCC;font:17px "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;padding:7px 10px;display:block;text-decoration:none;text-transform:uppercase} #boxes .box .btn:hover {color:#FFF} #boxes .box .img {background:#FFF;height:360px;margin-bottom:10px;text-align:center} /* Videos */ .page-id-22 #boxes .box:last-child img {margin:0} .page-id-22 #boxes .box .heading {min-height:42px} .page-id-22 #boxes .box p {height:70px} #technical-pro {background:url(images/tech-vids-pro.png) center top no-repeat;clear:both;float:left;height:408px;position:relative;width:100%;z-index:20} #technical-pro .section {padding:28px 0 0 609px;width:389px} #technical-pro .section h2 {color:#FFF;font-size:64px;line-height:1em;padding:1px 0 20px;text-align:left} #technical-pro .section a {color:#FFF;font-weight:bold} #technical-pro .section .video-thumb a img {position:relative;z-index:2;float:left;padding:5px;border:1px solid #a3a3a3} #technical-pro .section .video-text a {position:relative;z-index:1;float:left;display:inline-block;background-color:#000;color:#fff;font-size:17px;font-weight:normal;font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;text-decoration:none;text-transform:uppercase;padding:7px 20px 9px 20px;width:68px;margin:39px 0 0 -6px;text-align:center;line-height:120%} #technical {background:url(images/tech-vids.png) center top no-repeat;clear:both;float:left;height:288px;margin:-62px 0 -24px;padding:112px 0 0;position:relative;width:100%;z-index:20} #technical .section {padding-left:540px;width:458px} #technical .section h2 {color:#FFF;font-size:64px;line-height:1em;padding:1px 0 20px;text-align:left} #technical .section a {color:#FFF;font-weight:bold} /* Where To Buy */ .page-template-pt-wheretobuy-php #main {background:#FFF} .page-template-pt-wheretobuy-php #main h2 {font-size:47px} .page-template-pt-wheretobuy-php #main .alt2 {background:#f4f4f4} .page-template-pt-wheretobuy-php #main .section {text-align:center} .page-template-pt-wheretobuy-php #main .section .logos {display:table;width:100%} .page-template-pt-wheretobuy-php #main .section .logos li {display:inline-table;padding:25px 0;vertical-align:middle;width:25%} #find {background:#0093b2;margin-bottom:25px;padding:45px 0 35px 77px} #find label {background:url(images/bg-find.png) no-repeat;color:#e3e3e3;font:25px "Century Gothic", Arial, Sans-Serif;float:left;padding:0 0 10px 45px;text-transform:uppercase} #find input[type="text"] {border:1px solid #e3e3e3;color:#666;float:left;margin:0 5px 0 15px;padding:10px;height:14px;width:400px} #find input[type="submit"] {background:#000;color:#FFF;border:0;color:#FFF;float:left;font-size:18px;text-transform:uppercase;height:36px;padding:7px 10px} .section .int a {color:#000} /*Pro Boxes*/ #pro-boxes {float:left;margin:0 -321px 0 0;width:100%} #pro-boxes .box {float:left} .page-template-pt-professionals-php #pro-boxes .box {margin-bottom:20px} #pro-boxes .box img {float:left} #pro-boxes .box a {font-weight:700} .page-template-pt-professionals-php #pro-boxes .box a.btn {display:inline-block;color:#fff;font-size:15px;font-weight:normal;font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;text-decoration:none;text-transform:uppercase;padding:9px 20px 11px 20px} .page-template-pt-professionals-php #pro-boxes .box.box-1{position:relative} .page-template-pt-professionals-php #pro-boxes .box.box-1 a.btn {position:absolute;bottom:0;right:20px;background-color:#0093b2} .page-template-pt-professionals-php #pro-boxes .box.box-2 a.btn {background-color:#000;margin-top:12px} .page-template-pt-professionals-php #pro-boxes .box.box-3 a.btn {background-color:#414141;margin-top:7px} /*Individual Box Styles*/ /*Box 1*/ #pro-boxes .box-1 {background:#fff;height:284px;width:688px} #pro-boxes .box-1 h2 {color:#0093b2;font-size:24px;line-height:21px;margin:0 0 8px;text-align:left} #pro-boxes .box-1 .content {color:#000;float:left;padding:20px 20px 0 17px;text-align:left;width:190px} #pro-boxes .box-1 .content p {margin:0 0 .9em} #pro-boxes .box-1 .content a, #pro-boxes .box-3 .content a {color:#05b3f4} /*Box 2*/ #pro-boxes .box-2 {background:#0093b2/*url(images/box-2-bg.png) right top repeat-y*/;clear:both;height:356px;width:402px} #pro-boxes .box-2 img {margin:17px 18px 0 15px;/*margin:14px 0 -7px 0*/} #pro-boxes .box-2 .content {color:#fff;float:left;padding:36px 0 0 0;text-align:left;width:199px} #pro-boxes .box-2 .content h2 {color:#000;font-size:41px;line-height:35px;margin:0 0 20px;text-align:left} #pro-boxes .box-2 .content h4, #pro-boxes .box-3 .content h4 {color:#fff;font:12px/15px Arial, Sans-Serif;margin:0 0 20px;text-align:left;text-transform:uppercase} #pro-boxes .box-2 .content a {color:#fff} /*Box 3*/ #pro-boxes .box-3 {float:right;position:relative;width:584px;z-index:50;border-top:2px solid #0093b2;border-bottom:5px solid #0093b2} #pro-boxes .box-3 img {float:right;margin:0 10px 0 0;/*margin:-14px -2px 0 0*/} #pro-boxes .box-3 .content {color:#fff;float:left;padding:35px 0 0 35px;text-align:right;width:221px} #pro-boxes .box-3 .content h4 {text-align:right;margin:0 0 8px} #pro-boxes .box-3 .content h2 {color:#0093b2;font-size:60px;line-height:50px;margin:0 0 8px;text-align:right} /* Pagination */ #content #prev-next {list-style:none} #content #prev-next #prev {float:left} #content #prev-next #next {float:right} /* Sidebar */ #sidebar {float:right;padding:0 0 20px;width:316px} #sidebar h2 {color:#0093b2;font:17px "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;letter-spacing:0;margin:0 0 10px;text-align:left;text-transform:uppercase} #sidebar ul {list-style:none;margin:0 0 1em 18px} #sidebar ul ul {list-style:disc} #sidebar .post {min-height:250px} /*Prefooter*/ #pre-footer {background:url(images/pre-footer.png) left top repeat-x;background-color: white;border-top:1px solid #0093b2;clear:both;height:1%;padding:15px 0;overflow:hidden;border-bottom: 1px solid #0093b2;} #pre-footer ul {list-style:none;width:100%} #pre-footer ul li {float:left;padding-left:19px;width:180px} /*#pre-footer ul li.shop {background:url(images/bbag-icon.png) left top no-repeat}*/ /*#pre-footer ul li.shoppro {background:url(images/bbag-icon.png) right top no-repeat}*/ #pre-footer ul li a {color:#000;font:13px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;text-decoration:none;text-transform:uppercase} #pre-footer ul li ul {padding-top:5px} #pre-footer ul li li {clear:both;line-height:18px;padding:0;width:180px} #pre-footer ul li li a {color:#343434;font-size:12px;text-decoration:none;text-transform:none} #pre-footer ul li li a:hover {text-decoration:underline} // #pre-footer ul li li.external a:hover {text-decoration:none} /*Social*/ #pre-footer ul#social {clear:both;float:right;list-style:none;width:183px} #pre-footer ul#social li {float:left;margin-right:9px;padding:0;width:16px} #pre-footer ul#social li a {background:url(images/icons.png) left top no-repeat;float:left;height:16px;overflow:hidden;width:16px} #pre-footer ul#social li#twt a {background:url(images/icons.png) -16px top no-repeat} #pre-footer ul#social li#yt a {background:url(images/icons.png) -32px top no-repeat} #pre-footer ul#social li#pin a {background:url(images/icons.png) -48px top no-repeat} #pre-footer ul#social li#inst a {background:url(images/icons.png) right top no-repeat} /* Footer */ #footer {border-top:1px solid #0093b2;clear:both;color:#6c6c6c;font:11px/15px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;height:1%;padding:13px 0;overflow:hidden} #footer ul#copy {background:url(images/marquee.png) left no-repeat;float:left;line-height:26px;padding:0 0 0 23px;font-size: 96%;} #footer ul#copy li {background:url(images/divider.png) left 8px no-repeat;float:left;padding:0 7px 0 8px} #footer ul#copy li.first {background:none;padding-left:0} #footer ul#copy li a {color:#6c6c6c;float:left;height:26px;overflow:hidden;text-decoration:none} #footer ul#copy li.aus, #footer ul#copy li.uk, #footer ul#copy li.usa {background:none;padding-left:0} #footer ul#copy li.aus a {background:url(images/aus.png) left top no-repeat;margin-top:4px;line-height:18px;height:18px;padding-left:24px} #footer ul#copy li.uk a {background:url(images/uk.png) left top no-repeat;margin-top:4px;line-height:18px;height:18px;padding-left:24px} #footer ul#copy li.usa a {background:url(images/usa.png) left top no-repeat;margin-top:4px;line-height:18px;height:18px;padding-left:24px} #footer ul#copy li.aus a:hover, #footer ul#copy li.uk a:hover, #footer ul#copy li.usa a:hover {background-position:0 100%} #footer #gform_wrapper_1 {float:right;width:250px} #footer #gform_wrapper_1 form {float:left;width:250px} #footer #gform_wrapper_1 .gform_heading {color:#000;float:left;font-size:11px;font-weight:300;line-height:26px;margin-right:5px} #footer #gform_wrapper_1 label {display:none} #footer #gform_wrapper_1 .gform_body {float:left} #footer #gform_wrapper_1 input.medium {background:#fff;border:1px solid #dfdfdf;color:#6c6c6c;float:left;font:11px/15px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;margin:0;padding:4px 6px;width:100px;} #footer #gform_wrapper_1 .gform_footer {float:left} #footer #gform_wrapper_1 #gform_submit_button_1 {background:url(images/btn.png) left top repeat-x;border:1px solid #dfdfdf;border-left:0;color:#000;font:11px/15px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;height:26px} #footer #gform_wrapper_1 .validation_error, #footer #gform_wrapper_1 .validation_message {display:none} #footer #gform_wrapper_1 .gfield_error input {border-color:#dd2528} #footer #gform_wrapper_1 .gform_ajax_spinner {display:none!important} #gforms_confirmation_message {float:right;width:200px} .clearfix:before, .clearfix:after,#gform_fields_2:before,#gform_fields_2:after{content: " ";display: table} .clearfix:after,#gform_fields_2:after{clear: both} .clearfix,#gform_fields_2{*zoom: 1} #gform_fields_2{margin-bottom: 0} #gform_2 .gfield{float: left; width: 48%;margin-right: 2%;margin-bottom: 2%} #gform_2 .gfield.full{width: 100%} #gform_2 .gfield input, #gform_2 .gfield textarea{width: 96%;background:#fff;border:1px solid #dfdfdf;color:#353535;font:12px/16px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;margin:0;padding:4px 6px} #gform_submit_button_2 {background:url(images/btn.png) left top repeat-x;border:1px solid #dfdfdf;color:#000;font:12px/16px 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;height:26px;margin: 0} #gforms_confirmation_message.gform_confirmation_message_2 { float: none; margin: 60px auto; text-align: center; } /* 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;-moz-border-radius:3px;padding-top:4px;text-align:center;-webkit-border-radius:3px} .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} /* Stockists */ .page-template-pt-stockists-php #wrap {background:#fff} .stockists-heading,.page-template-pt-stockists-php .section-container.section-3 .gform_heading .gform_title{font-size:47px;line-height:1em;margin:34px 0 30px;color:#0093b2;font-family:"AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;text-transform:uppercase;text-align:center} .stockists-text p,.stockists-repeater p,.page-template-pt-stockists-php .section-container.section-3 .gform_heading .gform_description{font-size:13px;color:#000;text-align:center} .page-template-pt-stockists-php .section-container.section-1 .stockists-heading{margin-top:0} .page-template-pt-stockists-php .section-container.section-2{background:#f4f4f4} .page-template-pt-stockists-php .section-container.section-3 .gform_heading .gform_description{display:block} .stockists-gallery{list-style:none !important;margin:25px auto !important;width:900px} .stockists-gallery li{float:left;width:225px;height:100px;line-height:100px;text-align:center} .stockists-gallery li img{vertical-align:middle} .stockists-repeater-container{margin:40px auto 0;width:900px} .stockists-repeater{float:left;width:205px;padding:0px 10px 32px} .stockists-repeater p{margin:0} .stockists-repeater a{color:#000;text-decoration:none} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper{margin:24px auto 0;width:910px} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_body ul{list-style:none !important;margin:20px 0 0 !important;padding:0;height:200px;position:relative} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_body input{border:1px solid #dfdfdf;color:#000;font-family:'Century Gothic', CenturyGothic, AppleGothic, 'AvantGarde', sans-serif;font-size:13px;height:26px;width:416px;margin:5px 0;padding-left:6px} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_body textarea{position:absolute;top:0;left:456px;border:1px solid #dfdfdf;color:#000;font-family:'Century Gothic', CenturyGothic, AppleGothic, 'AvantGarde', sans-serif;font-size:13px;height:176px;width:440px;margin:5px 0;padding:6px} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_footer input{float:right;border:1px solid #dfdfdf;color:#000;font-family:'Century Gothic', CenturyGothic, AppleGothic, 'AvantGarde', sans-serif;font-size:13px;height:26px;margin:5px 0;width:50px} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_footer input{ /* fallback */ background-color: #f6f6f6; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f6f6)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f6f6f6, #fff); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f6f6f6, #fff); /* IE 10 */ background: -ms-linear-gradient(top, #f6f6f6, #fff); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f6f6f6, #fff); } .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .validation_error{display:none} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .validation_message{display:none} .page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_body .gfield_error input,.page-template-pt-stockists-php .section-container.section-3 .gform_wrapper .gform_body .gfield_error textarea{border:1px solid #ed1c24} .page-template-pt-stockists-php .section-container.section-3 #gforms_confirmation_message{margin:100px auto 80px;font-size:13px;text-align:center;float:none;width:auto} .archive .post h3 + p { min-height: 120px; } .page-template-default #main .type-page h1{color:#000;font-size:36px;line-height:40px;margin:0;text-transform:uppercase;font-family:ITCAvantGardeStd-XLt,Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif} .faqs_hold{overflow:hidden;max-width:770px;padding:0 0 78px;} .page-template-default #main .entry .faqs_hold h3, .faqs_hold h3{margin:54px 0 19px;text-transform:uppercase;font-size:30px;line-height:36px;color:#000;font-weight:normal;font-family:ITCAvantGardeStd-XLt,Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif} .faqs_hold .el{overflow:hidden;border-bottom:1px solid #d5d5d5;} .faqs_hold .el .title{overflow:hidden;} .faqs_hold .el .title a{display:block;color:#0093b2;font-size:18px;line-height:20px;background:url('images/bg-d.png') no-repeat 100% 29px;padding:22px 40px 22px 16px;text-decoration:none;text-transform:none;font-weight:500;} .faqs_hold .el.active .title a{background:url('images/bg-t.png') no-repeat 100% 29px;} .faqs_hold .el .title .answer{overflow:hidden;color:#6b6b6b;font-size:15px;line-height:22px;} .faqs_hold .el .title .answer-h{overflow:hidden;border-top:1px solid #d5d5d5;padding:30px 15px 34px;} .faqs_hold .el .title .answer p{margin:0;} #header .opener{display:none} @media only screen and (max-width: 1024px) { #header.corporate ul#nav > li {float:left;margin:0 26px 0 0;} }@media only screen and (max-width: 1024px) { #content, .section{width:auto;max-width:998px} #slider .img, #slider .slide{background-size:auto 300px!important;height:300px} #main{padding:34px 10px 0} #slider{height:300px} .slidernew #slider .img-h img{height:100%;width:auto;} .slidernew #slider .img-h{height:100%} .slidernew #slider .slide-h{height:100%;height:100%; max-width: 860px;} .slidernew #slider .text-h{padding:0;height:100%} #slider .btn-h a{padding:10px 14px;font-size:14px;min-width: 101px;margin:0 -15px 0 29px} #slider .btn-h a.pink{padding:10px 14px 10px 37px;background-position:8px 10px;} .slidernew #slider .text-h img{margin:10px 0 26px 27px;height:67%;width:auto} .home #main {padding-top: 0} .page-template-pt-home-php #intro{height:320px;margin:0 -10px} .page-template-pt-about-php .sections .section{width:auto;max-width:960px} #content .post, #sidebar .post{width:32.4%;margin:0 1% 25px 0} #content .no-margin{margin:0} #content .post .img img, #sidebar .post .img img{max-width:100%;height:auto;display:block;margin:0 auto} #main #read-all{right:10px} #footer ul#copy{margin:0 0 0 10px;font-size:10px} #pre-footer ul li{width:19%;padding:0 0 0 1%} .page-template-pt-about-php .sections .cols-container, .page-template-pt-about-php .sections .intro{width:67%} .page-template-pt-about-php .col3{width:33%} .page-template-pt-about-php .col3 img{max-width:100%;height:auto;display:block} #main .sections, .page-template-pt-about-php #main #about3, .page-template-pt-about-php #main #about5, .page-template-pt-about-php #main #about2{margin:0 -10px;width:auto;padding:20px 10px} .page-template-pt-about-php #main #about2 img{max-width:100%;height:auto} .page-template-pt-about-php #main #about2{padding:0 10px} #cats-inner ul li{padding:0 14px} #sidebar{width:28%} #sidebar .post{width:100%;margin:0 0 25px} .single #content{width:69%} .single #content img{max-width:100%;height:auto;display:block;margin:0 auto} #main #pro-intro{margin:0 -10px;padding:0 10px} #pro-intro .section{max-width:958px;width:auto} #pro-boxes .box-1{width:67%} #pro-boxes .box-3{width:58%} #pro-boxes .box-2{width:40%} #pro-boxes .box img{width:63.4%} #pro-boxes .box-1 .content{width:32.6%;padding:20px 2% 0} .page-template-pt-professionals-php #pro-boxes .box.box-1 a.btn{position:static} #loginform{width:28%;padding:20px 1.7%} #pro-boxes .box-2 img{width:37.4%} #pro-boxes .box-2 .content{width:51%} #pro-boxes .box-3 .content{width:43%;padding:35px 0 23px 5%} #pro-boxes .box-3 img{width:49.4%} #technical-pro{width:auto;padding:0 10px;margin:0 -10px} #technical-pro .section{max-width:none;width:auto;padding:28px 10px 0 491px} #content .pro{margin:20px 0 0;width:67%} #content .pro iframe{width:100%!important} #boxes .box{width:28.65%;padding:20px 2%;margin-right:1%} #boxes .box .img img{max-width:100%;display:block;height:auto;margin:0 auto} #boxes .box .heading h3{font-size:18px} #pro-intro .section{padding:0} #technical .section{width:auto;max-width:458px} #technical{width:auto;margin:-62px -10px -24px;padding:112px 10px 0} .contact .section .content{width:50%} .single #content p iframe{width:100%!important} .contact .section iframe{width:46%!important} } #header .opener{display:none;} @media only screen and (max-width: 980px) { #header.corporate ul#nav > li > a{font-size:16px} #header.corporate ul#nav > li{margin:0 11px 0 0} #cats-box #cats-inner ul#categories{font-size:12px} #cats-inner ul li{padding:0 8px} #pre-footer ul li li{width:auto} #pre-footer ul#social{width:19%} #technical-pro .section{padding:28px 0 0 0;width:100%} #technical-pro{float:none; background-position: 25% 0!important} #technical-pro:after{display:block;clear:both;content:''} #footer ul#copy{margin:0 10px 10px;float:none;display:block;overflow:hidden;text-align:center} #footer ul#copy li{display:inline-block;vertical-align:top;overflow:hidden;float:none} #footer #gform_wrapper_1{float:none;margin:0 auto;overflow:hidden} .page-template-pt-about-php .sections .col1{width:47%;padding-right:3%;margin:0 -1px 0 0} .page-template-pt-about-php .sections .col2{width:47%;padding-left:3%} #header.corporate ul#nav > li:last-child > ul{left:auto;right:0} #loginform input[type="text"], #loginform input[type="password"]{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;height:37px;width:100%} #loginform{background-color:#494949} #content .pro iframe{ height: 291px !important} .page-id-22 #boxes .box p{height:auto} #technical .section{width:100%;text-align:right;padding:0;max-width:2000px} #technical{margin:-21px -10px -24px;float:none} #technical:after{display:block;clear:both;content:''} #technical .section h2{text-align:right} .page-id-1759 #content .entry img{display:block;margin:0 auto 10px;width:100%;padding:0;height:auto} #gform_2 .gfield{width:100%} #pro-boxes .box-1{height:auto} #pro-boxes .box-2 .content h2{font-size:38px} body{-webkit-text-size-adjust:100%;-ms-text-size-adjust: none} input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;-webkit-border-radius: 0;border-radius: 0} #footer #gform_wrapper_1 .gform_body ul{float:left;} #footer #gform_wrapper_1 .gform_body ul li{float:left;} #footer #gform_wrapper_1 #gform_submit_button_1{width:50px;padding:0} .page-template-pt-professionals-php #loginform input[type="password"], .page-template-pt-professionals-php #loginform input[type="text"]{height:37px} #footer #gform_wrapper_1 .gform_body ul li div{float:left;} .single #content .single-post #share > span{height:22px;margin:0 0 3px;float:left} } @media only screen and (max-width: 880px) {#header.corporate ul#nav > li > a{font-size:20px}} @media only screen and (max-width: 767px) { .page-template-default #main .entry .faqs_hold h3, .faqs_hold h3 {font-size: 25px;} #header .sub-menu {display: none;} body{min-width:300px} #header-blue-bar ul li a{font-size:10px} #header.corporate #logo{width:234px} #header.corporate{height:72px; overflow: hidden; } #header.corporate:after{display:block;clear:both;content:'';} #header.corporate.active{height:72px; overflow: visible; } #slider, #slider .img, #slider .slide{background-size:auto 138px!important;height:138px} .page-template-pt-home-php #intro {height:145px} .home #main h2{margin-bottom: 27px} #main #read-all{right:50%;width:156px;margin:0 -78px 0 0;top:38px} #content .post, #sidebar .post{width:100%;margin:0 auto 25px;float:none;overflow:hidden;min-height:1px;} #content{float:none} #pre-footer ul li{padding:0;width:100%;overflow:hidden;float:none} #pre-footer ul{width:auto;padding:0 10px;overflow:hidden;text-align:center} #pre-footer ul ul{padding:0} #pre-footer ul#social{width:auto;float:none;text-align:center} #pre-footer ul#social li{display:inline-block;vertical-align:top;overflow:hidden;float:none} #footer ul#copy{background:none} #footer ul#copy li.aus, #footer ul#copy li.uk, #footer ul#copy li.usa{display:block;padding:0;text-align:center} #footer ul#copy li.aus a, #footer ul#copy li.uk a, #footer ul#copy li.usa a{display:inline-block;vertical-align:top;float:none} #footer ul#copy li.uk a{margin:4px 8px 0 0} #cats-box h1, .page-template-pt-contact-php #main .section h1, .page-template-pt-wheretobuy-php h2{font-size:34px} #cats-inner{float:none;left:auto} #cats-box #cats-inner ul#categories{left:auto;width:100%;overflow:hidden;text-align:center} #cats-box #cats-inner ul#categories li{display:inline-block;vertical-align:top;overflow:hidden;float:none;margin:0 0 5px} #cats-box #categories-container{height:auto;overflow:hidden} #sidebar, .single #content{float:none;width:100%;overflow:hidden} .single #content .single-post #share > span{height:22px;margin:0 0 3px;float:left} .page-template-pt-about-php #main .sections h2{font-size:35px} .page-template-pt-about-php .col3{width:100%;float:none;overflow:hidden} .page-template-pt-about-php .sections .col1, .page-template-pt-about-php .sections .col2, .page-template-pt-about-php .sections .cols-container, .page-template-pt-about-php .sections .intro{width:100%;float:none;overflow:hidden} .page-template-pt-about-php .sections .col2, .page-template-pt-about-php .sections .col1{margin:0;border:none;padding:0} .page-template-pt-about-php #about2 .intro{float:none;width:100%} .page-template-pt-about-php .col3 img{margin:0 auto 10px} #pro-boxes{margin:0} #pro-boxes .box-3 .content, #loginform{width:96%;padding:20px 2%;float:none;margin:0 0 10px} #pro-boxes .box-3 .content h2{font-size:41px;line-height:35px;text-align:left} #pro-boxes .box-1{width:100%;height:auto} #pro-boxes .box img{max-width:100%;height:auto;float:none;display:block;margin:0 auto 10px} #pro-boxes .box-1 img{width:100%} #pro-boxes .box-2 .content, #pro-boxes .box-1 .content{width:96%;padding:10px 2% 10px} #pro-boxes .box-3, #pro-boxes .box-2{width:100%;height:auto;float:none;overflow:hidden} #pro-boxes .box-2 img{margin:10px auto 10px} .page-template-pt-professionals-php #pro-boxes .box{margin-bottom: 10px} #pro-boxes .box-3 .content h4, #pro-boxes .box-3 .content{text-align:left} #pro-intro p{width:auto} #main #pro-intro{background-position:58% 0 !important} #pro-intro h1{font-size:36px} #technical-pro .section h2{font-size:53px} #technical-pro .section .video-thumb a img{width:157px} #technical-pro .section .video-text a{margin:24px 0 0 -6px} #content .pro{width:100%;float:none;overflow:hidden} #boxes .box{width:96%;float:none;overflow:hidden;margin:0 0 10px} #technical{ background-position: 47% 0} #technical .section h2{font-size:51px} #boxes .box{min-height:auto} #content img.alignleft, .contact .section img, #content img.alignright{margin:0 auto 10px;display:block;max-width:98%;float:none;display:block;height:auto} .contact .section .content{width:100%;margin:0 0 10px} .contact .section iframe{width:100%!important} .page-template-pt-wheretobuy-php #main .section .logos li{width:100%} .page-template-pt-wheretobuy-php #main h2{font-size:43px} #header .opener{ margin:26px 10px 0 0;width:31px;height:14px;background:url('images/bg-opener2.png') no-repeat;text-indent:-9999px;overflow:hidden;text-indent:-9999px;float:right;display:block} #header.corporate #nav-container, #header.professional #nav-container{background:#000;position:absolute!important;top:72px!important;left:0!important;width:100%;display:none} #header.corporate #nav-container ul, #header.professional #nav-container ul{margin:0;padding:0;list-style:none;width:100%;float:none} #header.corporate #nav-container ul li, #header.professional #nav-container ul li{vertical-align:top;float:none;margin:0;padding:0} #header.corporate #nav-container ul li a{text-align:center;padding:10px 5px;display:block;float:none} #header.professional #nav-container ul li a{text-align:center;padding:5px;display:block;float:none} #header.professional #nav-container ul li.current-menu-item a, #header.corporate #nav-container ul li.current-menu-item a, #header.professional #nav-container ul li a:hover, #header.corporate #nav-container ul li a:hover{background:#none;color:#3392b3} #header.corporate ul#nav > li.menu-home > a{height:22px;} #header.corporate ul#nav > li.menu-home, #header.corporate #nav-container ul li, #header.professional #nav-container ul li{margin:10px 0 10px} #header.corporate ul#nav > li.menu-home.current-menu-item > a, #header.corporate ul#nav > li.menu-home > a:hover { background-position: 50% -17px; } #header.corporate ul#nav > li > a { font-size: 28px; } #header.corporate #nav-container.js-slide-hidden, #header.professional #nav-container.js-slide-hidden{left:-9999px!important;top:-9999px!important} #header.corporate ul#nav > li.menu-home > a{padding:0;margin:0 auto;width:100%;background-image:url('images/menu-home.png');background-repeat:no-repeat;background-position:50% 5px;height:22px} #header.corporate ul#nav > li.menu-home.current-menu-item > a, #header.corporate ul#nav > li.menu-home > a:hover{background-position:50% -17px} #header.corporate ul#nav > li.menu-home{margin:15px 0 15px;} #header.corporate ul#nav > li > ul{padding: 0;top:25px;z-index:20} #header.corporate ul#nav > li#menu-item-1102 > ul{display:none!important} #header.corporate ul#nav > li#menu-item-1078 > ul{display:none!important} #header.corporate ul#nav > li.menu-home > a{background:none;text-indent:0;height:auto;} #header.corporate ul#nav > li > a{line-height:28px;font-size:26px;} #header .opener{display:block;float:right;text-indent:-9999px;overflow:hidden;width:30px;height:21px;background:url('images/bg-opener2.png') no-repeat;} #header.corporate ul#nav > li > ul{top:48px;} .slidernew #slider .img-h{margin:0 20px 0 0} .slidernew #slider, .page-template-pt-home-php #intro.slidernew, .slidernew #slider .slide{ height:178px;} #slider .btn-h a.pink{background:#00ACCD; /*not pink anymore*/} .slidernew #slider .text-h img{height:56%} #slider .btn-h a.pink, #slider .btn-h a{padding:0 10px;min-width: 1px;font-size:11px;margin:0 -24px 0 29px} } #waitinglist { background: url('images/waitlistbg.png') center center no-repeat; -webkit-background-size: cover; background-size: cover; box-sizing: border-box; width: 507px; height: 440px; margin: 0 auto; position: relative; border-radius: 18px; } #waitinglist #join { padding: 30px 45px; /*width: 507px;*/ /*height: 378px;*/ margin: 0 auto; } #waitinglist h2 { font-size: 50px; font-family: "AvantGarde"; color: #486765; text-transform: uppercase; line-height: 1.143; text-align: center; z-index: 16; font-weight: 300; margin-bottom: 15px; } #waitinglist input[type="email"], #waitinglist input[type="text"] { border-width: 1px; border-color: rgb(235, 235, 235); border-style: solid; background-color: rgb(255, 255, 255); margin-bottom: 7px; width: 100%; height: 57px; z-index: 17; font-size: 18px; color: #333; padding: 15px; font-family: "AvantGarde"; font-weight: 300; box-sizing: border-box; } #waitinglist label[for="cm-fo-hddykj"] { color: #333; font-family: "AvantGarde"; background-color: #fff; display: block; padding: 10px 5px; font-size: 14px; border: 1px solid rgb(235, 235, 235); } #waitinglist input[type="submit"] { border-width: 1px; border-color: rgb(235, 235, 235); border-style: solid; background-color: rgb(51, 146, 179); width: 100%; height: 69px; z-index: 19; font-weight: 300; font-family: "AvantGarde"; color: #fff; font-size: 33px; cursor: pointer; margin-top: 10px; } #waitinglist #thanks { padding: 25px 0 0 ; display: none; } #waitinglist #thanks .text { text-transform: uppercase; color: #000; font-size: 25px; font-weight: 300; font-family: "AvantGarde"; line-height: 1.2; text-align: center; padding: 0 45px; } #waitinglist #thanks .follow { background: #000; color: #fff; font-weight: 300; font-family: "AvantGarde"; font-size: 18px; line-height: 1.2; padding: 45px; border-radius: 0 0 18px 18px ; } #waitinglist #thanks .follow span { float: left; width: 300px; display: inline-block; color: #fff !important } #waitinglist #thanks .follow img { float: left; width: 62px; margin-right: 18px; } #waitinglist .mfp-close{display: none;} @media only screen and (max-width: 540px) { #waitinglist { width: 300px; height: auto; } #waitinglist h2 { font-size: 30px; } #waitinglist p { font-size: 19px !important; } #waitinglist input[type="submit"] { font-size: 20px; } #waitinglist #thanks .text { line-height: 1.3; font-size: 19px; } /*#waitinglist #thanks .follow {border-radius: 0;}*/ #waitinglist #thanks .follow span {width: auto; font-size: 16px;text-align: center; line-height: 1.3;} #waitinglist #thanks .follow img { margin: 0 auto 20px; display: block; float: none; } } #header-blue-bar ul li.right {float: right;} /*DON*/ @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 980px) { } @media only screen and (max-width: 767px) { #header-blue-bar ul li.right {display: none} } /*PROFESSIONAL V2*/ .professional-v2 { padding: 0 !important; } .professional-v2 .header-image { margin-bottom: 20px; } .professional-v2 .section { max-width: 960px; width: auto; } .header-image { margin-bottom: 20px; margin-top: -30px; } .two_column .column1 { width: 29%; float: left; margin-right: 3%; text-align: center; } .two_column .column2 { width: 66%; float: left; padding-top: 20px; } #main .section ul { list-style: inherit; margin: 20px 0 20px 20px; } .gform_wrapper { margin: 20px 0; } .gform_wrapper ul { list-style: none !important; margin: 0 0 1em !important; } .two_column .column1 img { max-width: 100%; margin: 0 auto 10px; height: auto; } #main { padding-top: 30px; } #main .professional-v2 { margin-top: -30px; } #main h3 { margin-bottom: 20px; } img { max-width: 100%; } .video-logos { background: #f4f4f4; padding: 10px 0; } .video-logos h2 { text-align: left !important; } .video-logos .pf-bottomcontent-left { float: left; width: 47%; padding: 10px; } .video-logos .pf-bottomcontent-right { float: left; width: 47%; padding: 10px; } a img:hover { opacity: 0.8; } /*DON*/ @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 980px) { } @media only screen and (max-width: 767px) { .professional-v2 .one_fourth, .professional-v2 .one_fourth_last, .intro-column1 .one_fourth, .intro-column1 .one_fourth_last { width: 48% !important; margin-bottom: 15px !important; margin-right: 2% !important; } .professional-v2 .one_fourth:nth-child(2n), .professional-v2 .one_fourth_last, .intro-column1 .one_fourth:nth-child(2n), .intro-column1 .one_fourth_last { margin-right: 0 !important; } .two_column .column1 { width: 100%; float: none; margin-right: 0; } .two_column .column2 { width: 100%; float: none; margin-right: 0; } .video-logos .pf-bottomcontent-left { float: left; width: 100%; } .video-logos .pf-bottomcontent-right { float: left; width: 100%; } .video-logos .pf-bottomcontent-left img { max-width: 97% !important; } .video-logos .pf-bottomcontent-right img { max-width: 97% !important; } } @media only screen and (max-width: 500px) { .intro-column1 .one_fourth, .intro-column1 .one_fourth_last { width: 100% !important; margin-bottom: 15px !important; } } .page-template-pt-about-php #main .sections h4 { color: #0093b2; font: 25px "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; margin: 0 0 20px; text-transform: uppercase; } .page-template-pt-about-php #main .sections h5 { color: #0093b2; font: 18px "AvantGarde", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; margin: 0 0 20px; text-transform: uppercase; } /** * HOMEPAGE TAKEOVER */ .home #wrap{ background: url('images/bg_shower_takeover_full.jpg') left top no-repeat; -webkit-background-size: cover; background-size: cover; } .home #main .section:before, .home #main .section:after{content: " ";display: table;} .home #main .section:after{clear: both;} .home #main .section{*zoom: 1;} .home #slider {border-bottom: 4px solid #3392b3;} .home #main #intro + .section { background: #fff; padding: 40px 40px 0; margin-bottom: 80px;} .home #main #read-all {right: 70px; top:70px;margin-bottom: 0;} @media only screen and (max-width: 1024px) { .home #main {padding: 0;} .home #main #intro + .section { padding: 40px 20px 0; margin: 0 20px 80px;} .home #main #read-all {right: 20px; } } @media only screen and (max-width: 767px) { .home #main #intro + .section { padding: 20px 20px 0; margin: 20px 20px 80px; } .home #main #read-all { position: static; text-align: center; display: block; width: 100%; margin-bottom: 20px; margin-top: -10px; } .home #wrap { background: url('images/bg_shower_takeover_full.jpg') left top repeat-y; } /*#content .post { width: 46%; margin: 0 2% 25px; float: left; overflow: hidden; min-height: 340px; }*/ } /** * END HOME TAKEOVER **/ /* Last Updates */ .home #wrap{background:#fff url(images/new/n-bg.png) no-repeat 50% 100%;} .home #main .section {padding-top:60px; background:#f4f4f4;margin-top:62px;margin-bottom:90px;max-width:1195px;width:100%;} .home #main .section #content{margin:0 auto;float:none;} .home #main #read-all{top:80px;right:100px;} #mercedes-banner{ width:100%; height:496px; border-bottom:4px solid #3392b3; background:url(images/new/banner.jpg) no-repeat 50% 0; } #mercedes-banner .buttons a{ width:214px; height:47px; line-height:47px; margin:0 18px 0 0; color:#fff; text-transform:uppercase; background:#3392b3; text-decoration:none; text-align:center; font-size:17px; display:inline-block; vertical-align:top; font-family:ITCAvantGardeStd-XLt,Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; } #mercedes-banner .content{max-width:1015px;width:100%;margin:0 auto;} #mercedes-banner .content .main-text{margin-top:70px;margin-bottom:58px;} @media only screen and (max-width: 1024px) { #mercedes-banner .content{width:auto;padding:0 24px;} .home #main .section{width:auto;padding:0 10px;margin-top:0px;padding-top:25px;} .home #main #read-all{top:42px;} } @media only screen and (max-width: 767px) { #mercedes-banner .content .main-text{width:210px;} #mercedes-banner .buttons a{width:120px;height:31px;line-height:31px;} #mercedes-banner{height:215px;background-size:auto 215px;} #mercedes-banner .content .main-text{margin-top:20px;margin-bottom:20px;} #mercedes-banner .buttons a{font-size:14px;margin-right:8px;} } /*19.07 New Styles*/ .home #wrap{background:#f4f4f4;} #header{padding:25px 2.41256%;background:#141414} #header.corporate ul#nav > li > a{font-size:21px;line-height:30px;} #header.corporate ul#nav > li {padding:0 2.3% 0 0;letter-spacing:1px;margin:0;} #header.corporate ul#nav > li.menu-home{padding:0 2.3% 0 0;margin:0;} #header.corporate ul#nav > li.menu-item-has-children > a{padding-right:22px ;position:relative;} #header.corporate ul#nav > li.menu-item-has-children > a:after{background:url("images/sprite.png") no-repeat -30px 0;position:absolute;top:7px;right:0;content:'';height:17px;width:17px} #header.corporate ul#nav{margin:0;} #header.corporate ul#nav > li.menu-home > a{background:none;height:auto;width:auto;line-height:30px;padding:0 0 0 30px;text-indent:0;background-repeat:no-repeat;position:relative;} #header.corporate ul#nav > li.menu-home > a:after{position:absolute;top:5px;left:0;width:20px;height:17px;background:url('images/menu-home.png') no-repeat;content:'';} #header.corporate{height:auto;border:none;} #footer{margin-top: 0; padding:1em 2.41256% 1em;background:#ebebeb;border:none;} #footer #gform_wrapper_1{float:left;display:inline-block;font-size:13px;line-height:18px;} #footer #gform_wrapper_1{margin:0 auto;width:280px} #footer #gform_wrapper_1{width:355px} #footer #gform_wrapper_1 .gform_heading{float:left;margin-top:0.5em;font-size:13px;line-height:18px;} #footer .gform_body li{float:left} #footer .gform_body{float:left;} #footer #gform_wrapper_1 ul{float:left;margin:0!important} #footer #gform_wrapper_1 .gform_heading .gform_description{font-size:13px;line-height:18px;color:#6c6c6c;display:block;margin-bottom:0.5em;text-align:center;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Arial Narrow",Helvetica,Arial,"Lucida Grande",sans-serif} #footer #gform_wrapper_1 .gform_heading .gform_description{display:inline;margin-right:1em} #footer #gform_wrapper_1 input.medium{background-color:#fff;border-color:#dcdcdc;color:#6c6c6c;padding:9px 9px 8px 9px;width:175px;font-size:12px;font-size:0.75rem}.form-subscribe button.button{background-color:#fafafa;border-color:#dcdcdc;color:#000;font-weight:bold;height:34px;margin-left:-5px;padding:0;width:70px;font-size:13px;font-size:0.8125rem} #footer #gform_wrapper_1 #gform_submit_button_1 {background-color: #009fc2;border: 1px solid #009fc2; box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.3) inset;-webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.3) inset;color: #fff;font-size: 0.8125rem;line-height: 0.8125rem; padding: 9px;} #footer #gform_wrapper_1 #gform_submit_button_1 {background-color: #fafafa; border-color: #dcdcdc; color: #6c6c6c;font-size: 0.8125rem;font-weight: bold; height: 34px;margin-left: -1px; padding: 0; width: 70px;cursor: pointer;} #footer .row{width:100%;overflow:hidden;margin:0 0 8px;} #footer .payment-methods{float:left;margin:0;padding:0;list-style:none;} #footer .right{float:right;padding:14px 0 0;} #footer .cop{float:right;line-height:26px;text-transform:uppercase;} #footer #gform_wrapper_1 form{width:auto} /*Social*/ #footer ul#social {clear:none;float:left;list-style:none;width:auto;margin:2px 0 0 4px} #footer ul#social li {float:left;margin-right:2px;padding:0;width:32px} #footer ul#social li a {background:url(images/social_facebook.jpg) left top no-repeat;float:left;height:32px;overflow:hidden;width:32px} #footer ul#social li#twt a {background:url(images/social_twitter.jpg) no-repeat} #footer ul#social li#yt a {background:url(images/Youtube_alt_2.png) no-repeat} #footer ul#social li#pin a {background:url(images/icons.jpg) no-repeat} #footer ul#social li#inst a {background:url(images/social_instagram.jpg) no-repeat} #footer .payment-method {background-color: transparent; background-image: url("images/sprite.png"); background-repeat: no-repeat; display: inline-block; height: 23px; margin: 0 4px 1em; vertical-align: middle; background-position: 0 -120px; height: 45px; width: 85px;} #footer ul#copy{background:none;padding-left:0;} #footer ul#copy li:first-child{background:none} #footer ul#copy li{text-transform:uppercase} .home-carousel .slides{display:block} .home-carousel .slides{height:1%} .no-js .home-carousel .slides>li:first-child{display:block} .home-carousel .flex-container a:active, .home-carousel .flexslider a:active,.home-carousel .flex-container a:focus,.home-carousel .flexslider a:focus{outline:none} .home-carousel .slides,.home-carousel .flex-control-nav,.home-carousel .flex-direction-nav{margin:0;padding:0;list-style:none} .home-carousel .flexslider .slides>li{display:none;-webkit-backface-visibility:hidden} .home-carousel .flexslider .slides img{width:100%;display:block;height:100%} .home-carousel .flex-pauseplay span{text-transform:capitalize} .home-carousel .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .home-carousel .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .home-carousel .loading .flex-viewport{max-height:300px}.home-carousel .flexslider .slides{zoom:1} .home-carousel .carousel li{margin-right:5px}.home-carousel .flexslider{position:relative} .home-carousel .flex-direction-nav{*height:0} .home-carousel .flex-direction-nav{width:70px;position:absolute;top:40px;right:2.51256%} .home-carousel .flex-direction-nav a{background:transparent url("images/sprite.png") -30px -80px no-repeat;cursor:pointer;display:block;height:17px;margin-top:-8px;position:absolute;text-indent:-9999px;bottom:10px;width:17px;z-index:6} .home-carousel .flex-direction-nav a{margin-top:0;top:0} .home-carousel .flex-direction-nav .flex-prev{left:5.17241%} .home-carousel .flex-direction-nav .flex-prev{left:0} .home-carousel .flex-direction-nav .flex-next{background-position:-30px -100px;right:5.17241%} .home-carousel .flex-direction-nav .flex-next{right:0} .home-carousel .flex-direction-nav .flex-disabled{opacity:0.3 !important;cursor:default} .ie8 .home-carousel .flex-direction-nav .flex-disabled{display:none} .home-carousel .no-scroll .flex-direction-nav{display:none} .home-carousel .no-scroll.flexslider .slides>li{display:block;width:50%;float:left} .home-carousel .flex-control-nav{width:100%;position:absolute;bottom:15px;text-align:center} .home-carousel .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .home-carousel .flex-control-paging li a{width:9px;height:9px;display:block;cursor:pointer;text-indent:-9999px;border-radius:20px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,0.4)} .home-carousel .flex-control-paging li a:hover{background-color:#009fc2} .home-carousel .flex-control-paging li a.flex-active{cursor:default;background-color:#009fc2} .home-carousel .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .home-carousel .flex-control-thumbs li{width:25%;float:left;margin:0} .home-carousel .flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer} .home-carousel .flex-control-thumbs img:hover{opacity:1} .home-carousel .flex-control-thumbs .flex-active{opacity:1;cursor:default} .home-carousel .flex-control-paging{display:none} .wrapper-inner{margin:2em 2.41256%;} .wrapper-inner #content{width:100%;overflow:hidden;float:none} .wrapper-inner #content .post{width:17.2%;margin-left:3.2%;margin-right:0;} .wrapper-inner #content .post img{height:auto;} .wrapper-inner #content .post:first-child{margin:0;} .wrapper-inner .area{width:100%;overflow:hidden;} #main .wrapper-inner .area h2{letter-spacing:0;font-size:33px;} .col2-set .col-1,.col2-set .col-2{margin-bottom:3%} .col2-set .col-1 img,.col2-set .col-2 img{width:100%;height:auto} .col2-set .col-1 > a,.col2-set .col-2 > a{display:block;} .col2-set .col-1{float:left;width:49%} .col2-set .col-2 { float: right; width: 49%;position:relative;} .col2-set .col-2 iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important} .home-cat-links{width:100%;margin:0 !important;padding:0;list-style:none;float:left;} .home-cat-links li{text-align:center;display: block; float: left; margin-bottom: 2em; margin-left: 5.71256%; margin-top: 3em; width: 14.5729%;} .home-cat-links li:first-child{margin-left:0;} .home-cat-links .home-cat-link-header { font-size: 2.25rem; line-height: 2.25rem;margin-bottom: 0.2em;position: relative;} .home-cat-links .home-cat-link-header a{display:block;} .home-cat-links .home-cat-link-header img{width:100%;display:block;height:auto;} .home-cat-links p {color: #000;} .home-cat-links p a{font-size:13px;letter-spacing:1px;line-height:18px;color:#000;} #footer .footer__change-country.AUS:before { background: transparent url("images/sprite.png") no-repeat scroll -100px -38px; } #footer .footer__change-country{ color:#6c6c6c;} #footer .footer__change-country:before { content: ""; display: inline-block; height: 14px; margin: 0 0.5em -3px 0; width: 22px; } #footer .lightbox-link-container { float: left; width: auto; margin: 0 5px; color:#6c6c6c; line-height:26px; text-transform:uppercase; text-align: center; } .col2-set .fluid-video iframe{width:100%!important} #header .logo{display:none;} #header.corporate ul#nav > li.menu-wide > ul, #header.corporate ul#nav > li > ul{margin-left:-9999px;margin-right:-9999px;padding-left:9999px;padding-right:9999px;background:#fff} #header.corporate ul#nav > li:after{display:block;clear:both;content:'';} #header.corporate ul#nav > li.menu-home > a, #header.corporate ul#nav > li > a{padding-bottom:30px;margin-bottom:-30px;float:left} .landing-lightbox { background: #fff none repeat scroll 0 0; margin: 0 auto; width: 960px; position: relative; text-align: left; position:absolute; top:0; left:50%; margin:0 0 0 -480px; z-index:1001; display:none; } .landing-lightbox > div { min-height: 590px; padding: 6% 10%; background-image: url("images/Global_Landing_Page.jpg"); background-position:50% 50%; background-size:cover; } .landing-lightbox > div h2{font:90px/90px ITCAvantGardeStd-XLt,Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;margin:0 0 20px;letter-spacing:8px;color: #009fc2;} .landing-lightbox .country-selector {max-width: 65%;margin:40px 00 } .landing-lightbox > div p{color: #009fc2;font-size:16px;line-height:18px;} .landing-lightbox .country-selector .form-select:before { border-color: #555 transparent transparent; border-style: solid; border-width: 8px 5px 0; content: ""; height: 0; margin: -4px 13px 0 0; position: absolute; right: 0; top: 50%; width: 0; } .landing-lightbox .country-selector .form-select:after { background: #ddd none repeat scroll 0 0; content: ""; display: block; height: 80%; position: absolute; right: 35px; top: 10%; width: 1px; } .landing-lightbox .country-selector .form-select { background: #fff none repeat scroll 0 0; border: 0 none; position:relative; height:31px;line-height:31px; } #fader{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background:#000; } .landing-lightbox .form-select .value { font-size: 0.75rem; text-transform:uppercase; line-height: 0.75rem; padding: 10px 9px 9px; white-space: nowrap; } .landing-lightbox .form-select select { background-color: transparent; background-image: none; border: medium none; box-shadow: none; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .landing-lightbox button.mfp-close { background: #000 none repeat scroll 0 0; color: #fff; height: 34px; line-height: 34px; opacity: 0.4; top: 0; width: 34px; } @media only screen and (max-width: 1060px) { #footer .cop{width:100%;text-align:center;float:none;display:block;} #footer ul#copy{width:100%;text-align:center;float:none;overflow:hidden;display:block;} #footer ul#copy li{float:none;display:inline-block;vertical-align:top;} #footer .lightbox-link-container{width:100%;text-align:center;float:none;} #footer .right{float:none;width:100%;overflow:hidden;text-align:center;} #footer #gform_wrapper_1 .gform_heading{float:none;display:block;text-align:center;margin-right:0;margin-bottom:10px} #footer #gform_wrapper_1 .gform_heading .gform_description{margin-right:0} #footer #gform_wrapper_1 {width: 290px;float:none;display:block;} } @media only screen and (max-width: 1434px) { #header.corporate ul#nav > li > a{font-size:16px;} } @media only screen and (max-width: 1300px) { #header.corporate ul#nav > li.menu-home { padding: 0 1.5% 0 0; } #header.corporate ul#nav > li { padding: 0 1.5% 0 0; } } @media only screen and (max-width: 1024px) { .home-cat-links li{width:31.3580%;margin-left:2.51256%;float:none;display:inline-block;vertical-align:top;} #content .home-cat-links {margin:0;text-align:center;} .home-cat-links li:nth-child(4n){margin-left:0} #header.corporate .logo{display:block;margin:0 auto;float:none;width:200px;} #header.corporate .logo img#logo{margin:0;} #header.corporate ul#nav{padding:20px 0 0;} #header.corporate ul#nav > li.menu-home > a:after{display:none;} #header{padding:14px 2.41256%;} #header #nav-container.js-slide-hidden{display:none!important} #header .opener{margin:-16px 0 0;display:block;float:left;background:url("images/sprite.png") no-repeat;width: 22px; height: 13px;text-indent:-9999px;overflow:hidden;} #header.active .opener{background-position: 0 -20px;} #header.corporate ul#nav li{float:none;overflow:hidden;display:block;} #header.corporate ul#nav li a{display:block;text-align:center;margin:0;padding:0;text-align:center;float:none} #footer .right{float:none;width:100%;overflow:hidden;text-align:center;} #footer #gform_wrapper_1 .gform_heading{float:none;display:block;text-align:center;margin-right:0;margin-bottom:10px} #footer #gform_wrapper_1 .gform_heading .gform_description{margin-right:0} #footer ul#social{float:none;display:block;text-align:center;width:100%;margin:0;overflow:hidden;padding:12px 0 0;} #footer ul#social li{float:none;display:inline-block;vertical-align:top;margin:0 2px;} #footer .payment-methods{overflow:hidden;width:100%;float:none;text-align:center;margin:0;} #footer .payment-methods li{float:none!important;display:inline-block;vertical-align:top;} #header.corporate ul#nav > li.menu-home > a{padding:0} } @media only screen and (max-width: 980px) { .wrapper-inner #content .post-list{text-align:center} .wrapper-inner #content .post:first-child, .wrapper-inner #content .post{width:30.8%;margin:0 1.1% 20px;float:none;display:inline-block;vertical-align:top;} } @media only screen and (max-width: 768px) { .home-cat-links li{width:47.358%;margin:0 0 20px} #main .wrapper-inner .area h2{ color: #000; font-size: 1.25rem; margin:0 0 15px; padding: 0 0 0.5em; text-align: center;} .home-cat-links .home-cat-link-header{margin:0!important} .col2-set .col-1, .col2-set .col-2{float:none;overflow:hidden;width:100%;margin:0 0 8px} .wrapper-inner #content .post:first-child, .wrapper-inner #content .post{width:100%;margin:0 0 15px;display:block;max-width:100%} #footer #gform_wrapper_1 .gform_body ul, #footer #gform_wrapper_1 .gform_body ul li{width:200px;} .col2-set .fluid-video iframe{position:static;} .col2-set .col-1, .col2-set .col-2{height:auto!important} #header.corporate ul#nav > li.menu-item-has-children > a{padding-right:0 ;position:relative;} #header.corporate ul#nav > li.menu-item-has-children > a:after{display:none;} }