@import url("http://hello.myfonts.net/count/2f5c2f");@font-face{font-family:"AvenirLT-Black";src:url("webfonts/2F5C2F_0_0.eot");src:url("webfonts/2F5C2F_0_0.eot#iefix") format("embedded-opentype"),url("webfonts/2F5C2F_0_0.woff") format("woff2"),url("webfonts/2F5C2F_0_0.woff") format("woff"),url("webfonts/2F5C2F_0_0.ttf") format("truetype")}
@font-face{font-family:"AvenirLT-Light";src:url("webfonts/2F5C2F_1_0.eot");src:url("webfonts/2F5C2F_1_0.eot#iefix") format("embedded-opentype"),url("webfonts/2F5C2F_1_0.woff") format("woff2"),url("webfonts/2F5C2F_1_0.woff") format("woff"),url("webfonts/2F5C2F_1_0.ttf") format("truetype")}
.AvenirLT-Black{font-family:AvenirLT-Black;font-weight:normal;font-style:normal}
.AvenirLT-Light{font-family:AvenirLT-Light;font-weight:normal;font-style:normal}
.bold{font-family:AvenirLT-Black}
.big-text{font-size:17px;letter-spacing:.05em;line-height:22px}
.medium-text{font-size:12px;letter-spacing:.05em;line-height:14px}
*{box-sizing:border-box;font-weight:normal;text-shadow:1px 1px 1px rgba(0,0,0,0.004);text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-webkit-tap-highlight-color:transparent}
body{margin:0;font-size:12px;line-height:1.5;letter-spacing:.05em;font-family:AvenirLT-Light;font-weight:normal;font-style:normal;-webkit-overflow-scrolling:touch}
body,html{height:100%;overflow-x:hidden}
body.home .back-arrow{display:none}
.center{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-align-items:flex-start;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}
.centered{position:relative;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
.mobile-back-text{display:none}
.social-icons{right:10%;top:28px;position:absolute;z-index:999}
.social-icons-mobile{display:none}
img.social-icon-image{height:30px;margin-top:-8px;margin-left:5px;width:auto;vertical-align:middle}
::-webkit-selection{background:#d4d2d2;color:black;text-shadow:none}
::-moz-selection{background:#d4d2d2;color:black;text-shadow:none}
::selection{background:#d4d2d2;color:black;text-shadow:none}
a{color:black;text-decoration:underline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}
a:visited{color:black}
a:hover{color:#000}
menu{padding:0}
td{vertical-align:top}
:focus{outline:0}
body{margin:0 auto;padding:0;font:12px;line-height:1.5;font-family:AvenirLT-Light;font-weight:normal;font-style:normal;color:black;text-align:left}
canvas{-ms-touch-action:double-tap-zoom}
embed,iframe,object,video{width:100%}
img{width:100%;height:auto;color:transparent;outline:0;border:0;background:transparent;font-size:0 !important}
ol,ul{list-style:none outside none}
p,ol,ul,dl,address{margin:0;margin:0;font-size:12px;line-height:1.5}
ul ul,ul ol,ol ol,ol ul{margin-bottom:0}
a{color:black;outline:0;text-decoration:none}
a:visited{color:black}
a:hover,table{border-collapse:collapse;border-spacing:0}
caption,th,td{font-weight:normal;text-align:left}
.site-content{clear:both;width:100%;font-size:12px;margin:0 auto;line-height:1.5;position:relative}
.royalSlider-next{position:absolute;top:0;width:45%;opacity:0;filter:alpha(opacity=0);z-index:800;height:100%;cursor:e-resize;right:0}
.rsSlide{background:#fff}
.slide-content{-webkit-transition:all .6s linear;transition:all .6s linear;opacity:0}
.rsActiveSlide .slide-content{opacity:1}
.royalSlider-prev{position:absolute;left:0;top:0;width:45%;opacity:0;filter:alpha(opacity=0);z-index:800;height:100%;cursor:w-resize}
.royalSlider{position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:630px;max-height:84vh;z-index:801}
.gallery-status{text-align:center}
.bottomToggled{cursor:pointer}
.topToggled{cursor:pointer}
.main-navigation{text-align:left;clear:left;margin:0;margin-top:24px;height:24px}
.nav-menu{font-family:AvenirLT-Light;font-weight:normal;font-style:normal;font-size:12px;line-height:1.5}
.main-navigation ul{list-style:none;margin:0;padding:0}
.main-navigation li{float:left;position:relative;font-size:12px}
.main-navigation ul ul li{margin:0}
.main-small-navigation a,.main-navigation a{display:block;text-decoration:none;color:black}
.main-navigation ul ul{top:2px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:130px;height:24px;position:absolute}
.main-navigation ul ul ul{left:100%;top:0}
.main-navigation ul ul a{color:black;height:18px}
#menu-item-37{margin-right:15px}
.main-navigation li.current_page_item a,.main-navigation li.current-menu-item a{border-bottom:1px solid black}
.main-navigation li.current_page_item .sub-menu li a,.main-navigation li.current-menu-item .sub-menu li a{border-bottom:0}
.main-navigation .current-menu-item>a,.main-navigation .current-menu-ancestor>a,.main-navigation .current_page_item>a,.main-navigation .current_page_ancestor>a,.main-navigation .current_page_parent>a{color:black}
.main-navigation ul .divider{border-bottom:1px solid #aaa;height:0;line-height:.0625;overflow:hidden}
.main-navigation ul li.dropdown-header a,.main-navigation ul li.current-menu-item ul .dropdown-header a{color:black;background-color:black}
.menu-toggle{cursor:pointer}
.main-small-navigation .nav-menu{display:none}
.menu-top-menu-container{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-align-items:flex-start;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;text-transform:uppercase}
.horizontal-rule{border-bottom:1px solid #000;position:relative;bottom:-46px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
.menu-categories-container{margin:0 -600rem;background:rgba(255,255,255,0.75);border-left:600rem solid rgba(255,255,255,0.75);border-right:600rem solid rgba(255,255,255,0.75);text-transform:lowercase;height:81px;padding-top:10px}
#bottom-menu-container{bottom:0;position:fixed;height:81px;width:100%;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);z-index:999;text-transform:lowercase;cursor:pointer}
ul#menu-categories{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}
div#demo-simple-slider{width:100%;margin:0 auto;position:absolute;bottom:0}
.assistive-text{display:none}
#wrapper{width:90%;position:relative;text-align:left;margin:0 auto}
#headercontainer{width:100%}
.site-header{clear:both;width:90%;font-size:12px;max-width:1200px;padding:0;position:relative;color:black;margin:0 auto}
.site-title{margin:0 auto;margin-top:20px;margin-bottom:20px;width:200px;height:auto}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
body.single-post #bottom-menu-container{display:none !important}
body.single-post #bottom-menu-title{display:none !important}
body.page-id-9 .container{margin-top:60px}
body.project br{display:none}
.project-title{margin-top:26px;margin-bottom:20px}
#project-text{position:relative;width:100%;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
.play-button{width:65px;height:65px;z-index:999;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url("images/play_button.png");background-size:cover}
.video-container{position:relative}
.large-video{width:49%;min-width:464px;max-width:499px;height:auto;margin-bottom:50px;position:relative}
.medium-video{width:36%;min-width:342px;max-width:368px;height:auto;margin-bottom:50px;position:relative}
.small-video{width:35%;min-width:330px;max-width:355px;height:auto;margin-bottom:50px;position:relative}
.large-image{width:49%;min-width:464px;max-width:499px;height:auto;margin-bottom:50px}
.medium-image{width:35%;min-width:330px;max-width:368px;height:auto;margin-bottom:50px}
.small-image{width:35%;min-width:330px;max-width:355px;height:auto;margin-bottom:50px}
#menu-categories ul{position:relative;display:inline-block;margin:0;padding:0;list-style:none;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#menu-categories li{position:relative;display:block;float:left;cursor:pointer;width:60px;text-align:center}
#menu-categories li a:focus{outline:0}
nav#bottom-site-navigation{position:fixed;width:90%;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);cursor:pointer}
.bottom-navigation-container{position:fixed;bottom:82px;z-index:999;cursor:pointer}
#bottom-menu-title{text-transform:uppercase;text-align:center;border-bottom:1px solid black;height:15px;color:black;cursor:pointer;z-index:999;margin-top:31px;width:80px;margin-left:auto;margin-right:auto;cursor:pointer}
body.page-id-20 #wrapper{width:100% !important}
body.page-id-20 .container{margin-top:0}
body.page-id-20 .bottom-navigation-container{display:none}
body.page-id-20 #bottom-menu-container{display:none}
body.page-id-20 #menu-item-178>a{display:none;background-image:url("http://metzracine.com/wp-content/themes/quark/stylesheet.min.css?ver=4.9.6");background-color:transparent}
body.page-id #menu-item-178>ul{display:block !important}
#contact-title{text-align:center;margin-bottom:25px;margin-top:106px}
.studio-contact-details{text-align:center;margin-bottom:27px}
.contact-social-icons{text-align:center;margin-bottom:25px}
.contact-social-icon-image{width:30px}
.newsletter-text{margin-bottom:44px;text-align:center}
input#mce-EMAIL{border:0;border-bottom:1px solid #8c8c8c;width:204px}
.newsletter-signup{text-align:center;margin-bottom:68px}
textarea:focus,input:focus{outline:0}
input#mc-embedded-subscribe{font-family:AvenirLT-Light;font-weight:normal;font-style:normal;color:#fff;background:#000;padding:6px 10px 6px 10px;text-decoration:none;-webkit-appearance:none;border:0;margin-top:13px}
input#mc-embedded-subscribe:hover{background:#000;text-decoration:none}
#representation-title{margin-bottom:25px;text-align:center;text-transform:uppercase}
.representation-details{width:190px;margin-bottom:45px;text-align:center}
.representation-container{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;margin-bottom:20px}
body.page-id-22 #wrapper{width:100% !important}
.info-text{text-align:center;margin-bottom:115px;margin-top:82px}
.site-design-text{text-align:center;text-transform:uppercase}
body.page-id-22 #bottom-menu-container{display:none}
body.page-id-22 #menu-item-178>a{display:none}
.news-text{text-align:center;margin-bottom:77px;z-index:999}
.news-title{margin-top:33px;margin-bottom:26px;text-align:center}
.news-image.columns{width:100%;max-width:640px;height:auto}
body.page-id-13 .back-arrow{display:none}
body.page-id-13 .container{margin-top:80px;margin-bottom:30px}
body.page-id-13 div#bottom-menu-container{background:rgba(255,255,255,0.75)}
body.page-id-15 .back-arrow{display:none}
body.still #wrapper{width:100%}
.supplement-text{text-align:center}
.cycle-caption{position:absolute;color:black;bottom:15px;right:15px;z-index:700}
.slideshow{position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:630px;max-height:84vh;z-index:801}
.slideshow img{width:auto;height:auto;max-width:100%;max-height:100%;padding:20px}
.cycle-next{position:absolute;top:0;width:45%;opacity:0;filter:alpha(opacity=0);z-index:800;height:100%;cursor:e-resize;right:0}
.cycle-prev{position:absolute;left:0;top:0;width:45%;opacity:0;filter:alpha(opacity=0);z-index:800;height:100%;cursor:w-resize}
body.moving #wrapper{width:100%;height:100%}
body.page-id-17 .back-arrow{display:none}
#single-video-project{max-width:1100px;margin:0 auto;width:90%}
body.moving .container{margin-top:30px;height:calc(100% - 80px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.embed-container{position:relative;height:0;overflow:hidden;max-width:calc(100vh + 80px);margin:0 auto;height:auto}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-portrait-wrapper{max-width:47vh !important;margin-top:40px !important}
.ratio-portrait.embed-container iframe,.ratio-portrait.embed-container.embed-container object,.ratio-portrait.embed-container.embed-container embed{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ratio-square-wrapper{max-width:65vh !important;margin-top:40px !important}
.ratio-nine-square.embed-container iframe,.ratio-nine-square.embed-container.embed-container object,.ratio-nine-square.embed-container.embed-container embed{top:50%;max-height:700px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.page-id-6 #wrapper{width:90%}
body.print-sale #wrapper{width:100%}
body.page-id-6 .back-arrow{display:none}
.print-sale-image-container{width:100%;height:auto}
.print-sale-image{width:100%;max-width:640px;height:auto}
.print-container{text-align:center}
body.print-sale br{display:none}
.print-enquiry a{border-bottom:1px solid black}
.print-text{text-align:center;z-index:999}
body.page-id-137 #headercontainer{display:none}
body.page-id-137 .back-text-container{display:none !important}
body.page-id-137 #bottom-menu-container{display:none !important}
body.page-id-137 .bottom-navigation-container{display:none}
body.page-id-137 .container{margin-top:0;width:100%;height:100%}
body.page-id-137 #wrapper{height:100%;width:100%}
#front-page-image{width:100%;height:auto;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;background-position:center;background-size:cover}
#front-page-video{max-width:1080px;height:auto;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:relative}
#front-page{height:100%;width:100%}
#metz-racine-logo-front-page{width:95%;max-width:1440px;height:auto;z-index:999;position:absolute;top:68%;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
li#menu-item-178>a{display:block;height:auto;width:153px;outline:0;background-image:url("images/MRLogo-Black-White-Background.png");background-position:0 0;background-size:contain;background-repeat:no-repeat;text-indent:-9999px;background-color:white;height:50px}
#menu-item-36>a{margin-left:20px}
#menu-item-178{margin:0;padding:0;background-color:white;z-index:999}
ul.sub-menu{z-index:-999}
ul.sub-menu li:before{content:" | ";position:absolute}
ul.sub-menu li:first-child:before{content:none}
li#menu-item-36>.sub-menu{width:144px !important;padding-top:30px !important;left:-10px !important}
li#menu-item-36>.sub-menu li{width:auto !important}
li#menu-item-36>.sub-menu li a{text-align:center !important;opacity:0}
li#menu-item-36:hover>.sub-menu li a{opacity:1}
.back-arrow{position:absolute;top:32px;left:31px;width:65px;height:auto;z-index:999}
body.page-id-9 .back-arrow{display:none}
.forward-arrow{width:44px;height:5px;background-image:url("images/forward-arrow.png");background-size:cover}
#menu-categories{padding-bottom:20px;padding-left:0}
#menu-categories li{background:url("images/Non-Active-Dot.png") no-repeat;height:80px;background-position:center 16px;background-size:20px 20px;width:60px;text-align:center;margin-top:9px}
.noUi-handle{position:relative;background:url("images/Active-Dot.png") no-repeat;height:20px;width:30px;background-position:center;background-size:20px;z-index:999;text-align:center;display:block;margin-top:-45px;border:0;border-radius:0;cursor:default;box-shadow:none}
.line-divider{border-bottom:1px solid black;position:relative;margin-bottom:-66px;padding-top:66px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:100%}
.privacy_banner_wrap{background:#e8e8e8;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10000}
.ctcc-left-side,.ctcc-right-side{width:50%;padding:20px;text-align:center}
button#catapultCookie{border-radius:0 !important;margin:0 !important;padding:12px 18px !important}
.ctcc-left-side{margin:0 !important}
body.home #catapult-cookie-bar{display:none}
/*!
 * animsition v4.0.0
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}
.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}
.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}
.container{position:relative;width:100%;margin:0 auto;box-sizing:border-box;margin-top:30px}
body.single .container{margin-top:10px}
.column,.columns{width:100%;float:left;box-sizing:border-box}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
/*! nouislider - 8.1.0 - 2015-10-25 16:05:44 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;box-sizing:border-box}
.noUi-target{position:relative;direction:ltr}
.noUi-base{width:100%;height:100%;position:relative;z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0;border-radius:2px}
.noUi-handle{position:relative;z-index:1}
.noUi-marker,.noUi-pips,.noUi-tooltip,.noUi-value{position:absolute}
.noUi-stacking .noUi-handle{z-index:10}
.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}
.noUi-state-drag *{cursor:inherit !important}
.noUi-horizontal{height:18px}
.noUi-horizontal .noUi-handle{top:17px}
.noUi-horizontal.noUi-extended{padding-right:45px;padding-left:15px}
.noUi-vertical{width:18px}
.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}
.noUi-connect{-webkit-transition:background 450ms;transition:background 450ms}
.noUi-draggable{cursor:w-resize}
.noUi-vertical .noUi-draggable{cursor:n-resize}
.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;top:6px}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}
.noUi-vertical .noUi-handle:after{top:17px}
[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}
.noUi-pips,.noUi-pips *{box-sizing:border-box}
.noUi-value{width:40px;text-align:center}
.noUi-value-sub{font-size:10px}
.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}
.noUi-value-horizontal{margin-left:-20px;padding-top:20px}
.noUi-value-horizontal.noUi-value-sub{padding-top:15px}
.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}
.noUi-marker-horizontal.noUi-marker-sub{height:10px}
.noUi-marker-horizontal.noUi-marker-large{height:15px}
.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}
.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}
.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}
.noUi-marker-vertical.noUi-marker-sub{width:10px}
.noUi-marker-vertical.noUi-marker-large{width:15px}
.noUi-tooltip{display:block;padding:5px;left:-9px;text-align:center;width:50px}
.noUi-handle-lower .noUi-tooltip{top:-32px}
.noUi-handle-upper .noUi-tooltip{bottom:-32px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2 / 3) and (orientation:portrait){.supplement-text{margin-top:0}
.info-text{margin-top:0}
.print-text{margin-top:0;width:90%;font-size:12px}
#project-text{z-index:1000}
}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){body.single .container{margin-top:0}
body.moving .project-title{margin-top:10px}
.supplement-text{margin-top:0}
.print-text{margin-top:0;font-size:12px}
body.moving #headercontainer{opacity:0}
#single-video-project{width:80%}
.print-enquiry.bold{font-size:12px;margin-left:0}
}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait){.supplement-text{margin-top:0}
.print-text{font-size:12px;position:fixed;bottom:10px;width:90%}
#project-text{z-index:1000;position:fixed;bottom:10px}
.print-enquiry.bold{font-size:12px;margin-left:0}
}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){body.single .container{margin-top:0}
body.moving .project-title{margin-top:10px}
.supplement-text{margin-top:0}
#project-text{width:100%;z-index:1000}
.print-text{margin-top:0}
body.moving #headercontainer{opacity:0}
#single-video-project{width:65%}
.site-title{margin-top:10px;margin-bottom:0}
body.single .back-text-container{background:0;border-left:0;border-right:0}
.mobile-back-text{padding-bottom:30px}
.project-title{margin-bottom:0;font-size:12px}
.print-enquiry.bold{font-size:12px;margin-left:0}
}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.slideshow{height:73vh !important;max-height:73vh !important}
.supplement-text{margin-top:0}
.print-text{z-index:1000;position:fixed;bottom:10px}
#project-text{z-index:1000;position:fixed;bottom:10px}
.print-enquiry.bold{font-size:12px;margin-left:0}
.print-text{font-size:12px;width:90%}
}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){body.single .container{margin-top:0}
body.moving .project-title{margin-top:10px}
.supplement-text{margin-top:0}
#project-text{width:100%;z-index:1000}
.print-text{margin-top:10px}
body.moving #headercontainer{opacity:0}
.back-arrow{display:none}
#single-video-project{width:75%}
.mobile-back-text{display:block;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);position:fixed;bottom:0;height:20px;padding-bottom:40px;padding-top:20px}
.back-text-container{height:60px;position:fixed;bottom:0}
p.back-text{font-size:16px !important;letter-spacing:.05em;border-bottom:1px solid #8c8c8c;height:20px}
.print-enquiry.bold{font-size:12px;margin-left:0}
.print-text{margin-top:0}
.print-text{font-size:12px}
}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){.supplement-text{margin-top:0}
.print-text{margin-top:0;font-size:12px;width:90%}
#project-text{z-index:1000;position:fixed;bottom:10px}
.print-enquiry.bold{font-size:12px;margin-left:0}
}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.slideshow{height:310px !important;max-height:75vh !important}
body.single .container{margin-top:0}
body.moving .project-title{margin-top:10px}
.supplement-text{margin-top:0}
#project-text{width:100%;z-index:1000}
.print-text{margin-top:0}
.print-text{font-size:12px}
body.moving #headercontainer{opacity:0}
.back-arrow{display:none}
#single-video-project{width:75%}
.mobile-back-text{display:block;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);position:fixed;bottom:0;height:20px;padding-bottom:40px;padding-top:20px}
.back-text-container{background:rgba(255,255,255,0.75);border-left:600rem solid rgba(255,255,255,0.75);border-right:600rem solid rgba(255,255,255,0.75);margin:0 -600rem;height:60px;position:fixed;bottom:0}
p.back-text{font-size:16px !important;letter-spacing:.05em;border-bottom:1px solid #8c8c8c;height:20px}
.print-enquiry.bold{font-size:12px;margin-left:0}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){.slideshow{height:830px !important}
.print-text{margin-top:0;position:relative}
.slideshow{max-height:870px !important}
.print-text{margin-top:0}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.slideshow{max-height:870px !important}
.print-text{margin-top:0}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.supplement-text{margin-top:0}
.slideshow{max-height:575px !important}
.print-text{margin-top:0}
.supplement-text{margin-top:0}
.slideshow{max-height:575px !important}
.print-text{margin-top:0}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.supplement-text{margin-top:0}
.slideshow{max-height:575px !important}
.print-text{margin-top:0}
}@media(min-device-width:800px) and (max-device-width:1280px){.supplement-text{margin-top:0}
.slideshow{max-height:600px}
.print-text{margin-top:0}
}@media(min-width:400px){.container{width:100%;padding:0}
}@media(min-width:550px){.six{max-width:570px}
.seven{max-width:620px}
.eight.columns{max-width:800px}
}@media(min-width:891px){.offset-by-one.column,.offset-by-one.columns{margin-left:9.8% !important}
.offset-by-two.column,.offset-by-two.columns{margin-left:19.6% !important}
.offset-by-three.column,.offset-by-three.columns{margin-left:42% !important}
.offset-by-four.column,.offset-by-four.columns{margin-left:46% !important}
.offset-by-five.column,.offset-by-five.columns{margin-left:40.7% !important}
.offset-by-six.column,.offset-by-six.columns{margin-left:49.16% !important}
.offset-by-seven.column,.offset-by-seven.columns{margin-left:57.62% !important}
.offset-by-eight.column,.offset-by-eight.columns{margin-left:66.08% !important}
.offset-by-nine.column,.offset-by-nine.columns{margin-left:74.54% !important}
.offset-by-ten.column,.offset-by-ten.columns{margin-left:83% !important}
.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:91.46% !important}
.right{float:right}
}@media only screen and (min-width:1440px){.large-video{width:49%;max-width:698px;height:auto;margin-bottom:50px}
.medium-video{width:36%;max-width:515px;height:auto;margin-bottom:50px}
.small-video{width:35%;max-width:497px;height:auto;margin-bottom:50px}
.large-image{width:49%;max-width:698px;height:auto;margin-bottom:50px}
.medium-image{width:36%;max-width:515px;height:auto;margin-bottom:50px}
.small-image{width:35%;max-width:497px;height:auto;margin-bottom:50px}
.back-arrow{top:32px;left:40px}
.play-button{max-width:635px !important;max-height:357px !important}
}@media(max-width:890px){.offset-by-one.column,.offset-by-one.columns{margin-left:0 !important}
.offset-by-two.column,.offset-by-two.columns{margin-left:9.6% !important}
.offset-by-three.column,.offset-by-three.columns{margin-left:32% !important}
.offset-by-four.column,.offset-by-four.columns{margin-left:33% !important}
.offset-by-five.column,.offset-by-five.columns{margin-left:40.7% !important}
.offset-by-six.column,.offset-by-six.columns{margin-left:49.16% !important}
.offset-by-seven.column,.offset-by-seven.columns{margin-left:57.62% !important}
.offset-by-eight.column,.offset-by-eight.columns{margin-left:66.08% !important}
.offset-by-nine.column,.offset-by-nine.columns{margin-left:74.54% !important}
.offset-by-ten.column,.offset-by-ten.columns{margin-left:83% !important}
.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:91.46% !important}
.right{float:right}
}@media only screen and (max-width:768px){li#menu-item-36>.sub-menu li a{opacity:1}
#metz-racine-logo-front-page{width:94%}
#front-page-video{width:100%;top:60%}
body.page-id-9 .container{margin-top:94px}
.info-text{margin-top:100px}
.site-design-text{margin-bottom:60px}
#wrapper{height:100%}
#contact-title{margin-top:100px}
.large-video{width:49%;max-width:464px;height:auto;margin-bottom:50px}
.medium-video{width:36%;max-width:342px;height:auto;margin-bottom:50px}
.small-video{width:35%;max-width:330px;height:auto;margin-bottom:50px}
.large-image{width:49%;max-width:464px;height:auto;margin-bottom:50px}
.medium-image{width:35%;max-width:330px;height:auto;margin-bottom:50px}
.small-image{width:35%;max-width:330px;height:auto;margin-bottom:50px}
.play-button{display:none}
.big-text{font-size:16px;letter-spacing:.05em;line-height:22px}
.medium-text{font-size:12px;letter-spacing:.05em;line-height:15px}
}@media only screen and (max-width:767px){.ctcc-inner{display:block !important;padding:0}
.ctcc-left-side{padding-bottom:20px !important}
.ctcc-left-side,.ctcc-right-side{width:100%;padding:0;text-align:center;display:block}
}@media(max-width:767px){.offset-by-one.column,.offset-by-one.columns{margin-left:9.8% !important}
.offset-by-two.column,.offset-by-two.columns{margin-left:15.32% !important}
.offset-by-three.column,.offset-by-three.columns{margin-left:20% !important}
.offset-by-four.column,.offset-by-four.columns{margin-left:25.24% !important}
.offset-by-five.column,.offset-by-five.columns{margin-left:40.7% !important}
.offset-by-six.column,.offset-by-six.columns{margin-left:49.16% !important}
.offset-by-seven.column,.offset-by-seven.columns{margin-left:57.62% !important}
.offset-by-eight.column,.offset-by-eight.columns{margin-left:66.08% !important}
.offset-by-nine.column,.offset-by-nine.columns{margin-left:74.54% !important}
.offset-by-ten.column,.offset-by-ten.columns{margin-left:83% !important}
.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:91.46% !important}
.right{float:right}
}@media only screen and (max-width:667px){.slideshow{height:70vh !important;max-height:70vh !important}
body.still #wrapper{width:100% !important}
.ratio-square-wrapper,.ratio-portrait-wrapper{margin-top:0 !important}
}@media only screen and (max-width:640px){.ctcc-inner{font-size:13px;padding:10px}
.ctcc-left-side{padding-bottom:15px !important}
.grid_1_of_12,.grid_2_of_12,.grid_3_of_12,.grid_4_of_12,.grid_5_of_12,.grid_6_of_12,.grid_7_of_12,.grid_8_of_12,.grid_9_of_12,.grid_10_of_12,.grid_11_of_12,.grid_12_of_12{width:100%}
.col{margin:0}
#wrapper{height:100%;width:90% !important}
.play-button{max-width:576px !important;max-height:324px !important}
body{font-size:16px}
p{font-size:16px}
.back-arrow{display:none}
.big-text{font-size:16px;letter-spacing:.05em;line-height:22px}
.medium-text{font-size:12px;letter-spacing:.05em;line-height:15px}
.mobile-back-text{display:block;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);position:fixed;bottom:0;height:20px;padding-bottom:40px;padding-top:20px;z-index:999}
.back-text-container{background:rgba(255,255,255,0.75);width:100%;height:60px;position:fixed;bottom:0;z-index:999}
p.back-text{font-size:16px !important;letter-spacing:.05em;border-bottom:1px solid #8c8c8c;height:20px;z-index:999}
body.page-id-17 .back-text-container{display:none}
body.page-id-6 .back-text-container{display:none}
body.page-id-9 .back-text-container{display:none}
.main-navigation{margin-top:20px}
ul#menu-categories{display:inline;text-align:center}
#menu-categories li{height:auto;width:100%;background-size:0;background:url(http://metzracine.com/wp-content/themes/quark/stylesheet.min.css?ver=4.9.6);background-position:0 0}
.horizontal-rule{display:none}
.bottom-navigation-container{bottom:300px}
#bottom-menu-container{display:block;height:60px;background:0;border-left:0;border-right:0;margin:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);background:rgba(255,255,255,0.75)}
#bottom-menu-title{margin-top:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}
#menu-categories{font-size:16px}
.main-navigation ul ul{width:132px}
#bottom-menu-title{width:107px;height:20px}
#menu-categories li.current-menu-item{background:0;height:auto}
#menu-categories li.current-menu-item{background:url("images/Non-Active-Dot.png") no-repeat;height:auto;background-position:80px 20px;background-size:20px 20px}
#menu-categories li{height:auto;margin-top:0;padding-top:20px}
.menu-categories-container{height:240px;padding-bottom:0;padding-top:0;border-top:1px solid #c3c3c3}
#demo-simple-slider{display:none}
body.page-id-137 #wrapper{width:100% !important}
body.page-id-137 .back-text-container{display:none}
body.page-id-137 .container{padding:0 !important}
body.page-id-137 .mobile-back-text{display:none}
#metz-racine-logo-front-page{width:95%;top:67%}
body.page-id-15 .mobile-back-text{display:none}
.project-title.medium-text{display:none}
.info-text{margin-top:20px;margin-bottom:70px}
body.page-id-22 #bottom-menu-container{display:none !important}
body.page-id-22 .back-text-container{display:block !important}
input#edit-submit{padding:10px 23px 8px 23px;font-size:16px}
.representation-details{width:100%;font-size:16px;line-height:20px}
#representation-title{font-size:16px;line-height:20px}
.representation-container{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}
input#mce-EMAIL{width:60%}
input#edit-submit{margin-top:10%}
#contact-title{margin-top:50px;margin-bottom:40px}
.contact-social-icon-image{width:40px;margin-bottom:40px}
.studio-contact-details{margin-bottom:40px;font-size:16px;line-height:20px}
.newsletter-text{font-size:16px}
body.page-id-20 #bottom-menu-container{display:none !important}
body.page-id-20 .back-text-container{display:block !important}
.all-projects-container{padding-left:10px;padding-right:10px}
br.clear{display:none}
body.page-id-9 .mobile-back-text{display:none}
body.page-id-9 .project-title{display:none}
body.page-id-9 .container{margin-top:30px}
.forward-arrow{display:none}
.all-projects-featured-video{margin-bottom:50px}
.all-projects-featured-image{margin-bottom:50px}
.large-image,.large-video,.medium-image,.medium-video,.small-image,.small-video{max-width:100%;width:100% !important;height:auto !important;min-width:100%}
.all-projects-featured-image,.all-projects-featured-video{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-align-items:flex-start;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;max-width:100%;width:100%;height:auto !important}
#project-text{width:100%;text-align:center}
#single-video-project{width:100%;padding-left:10px;padding-right:10px}
body.moving .project-title.medium-text{display:block;text-align:center}
body.moving p{font-size:12px}
body.page-id-13 br.clear{display:block}
body.page-id-13 .container{margin-top:30px;padding-bottom:100px}
img.all-news-individual-news-image{max-width:360px;height:auto}
body.page-id-13 .back-text-container{display:none}
.news-text{margin-bottom:50px}
body.page-id-13 .mobile-back-text{display:none}
.social-icons{display:none}
.social-icons-mobile{display:block;width:99px;position:absolute;bottom:0}
img.social-icon-image-mobile{height:40px;width:auto}
#primary>div>div.social-icons-mobile.centered>a:nth-child(2)>img{margin-left:15px}
.news-title{font-size:16px;line-height:20px}
.news-text{font-size:16px;line-height:20px}
.all-prints-container{margin-bottom:25px}
.print-sale-image-container{width:100%;height:auto;max-width:488px}
.print-enquiry.bold{font-size:16px;display:inline;margin-left:5px}
.print-text{font-size:16px}
.body.page-id-6 .container{margin-bottom:50px}
body.print-sale br{display:block}
span#remove-on-mobile{display:none}
.representation-details:last-child{margin-bottom:70px}
.contact-social-icons{margin-bottom:0}
}@media(max-width:640px){.offset-by-one.column,.offset-by-one.columns{margin-left:0 !important}
.offset-by-two.column,.offset-by-two.columns{margin-left:0 !important}
.offset-by-three.column,.offset-by-three.columns{margin-left:0 !important}
.offset-by-four.column,.offset-by-four.columns{margin-left:0 !important}
.offset-by-five.column,.offset-by-five.columns{margin-left:0 !important}
.offset-by-six.column,.offset-by-six.columns{margin-left:0 !important}
.offset-by-seven.column,.offset-by-seven.columns{margin-left:0 !important}
.offset-by-eight.column,.offset-by-eight.columns{margin-left:0 !important}
.offset-by-nine.column,.offset-by-nine.columns{margin-left:0 !important}
.offset-by-ten.column,.offset-by-ten.columns{margin-left:0 !important}
.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:0 !important}
.right{float:none !important;margin-left:0 !important}
.seven{width:85%}
}@media only screen and (max-width:500px){.ratio-square-wrapper,.ratio-portrait-wrapper{margin-top:20px !important}
}@-webkit-keyframes fade-in{0%{opacity:0}
to{opacity:1}
}@keyframes fade-in{0%{opacity:0}
to{opacity:1}
}@-webkit-keyframes fade-out{0%{opacity:1}
to{opacity:0}
}@keyframes fade-out{0%{opacity:1}
to{opacity:0}
}