/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {
    font-family: RobotoBold;
    src: url("../fonts/Roboto-Bold.ttf");
}

@font-face {
    font-family: RobotoLight;
    src: url("../fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: RobotoRegular;
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: RobotoThin;
    src: url("../fonts/Roboto-Thin.ttf");
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html.fade {opacity:0;transition:none;background:none !important;}
html {opacity:1;transition:0.5s;}

html.pop-open, body.pop-open { overflow:hidden; }

html { text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:1px 1px 1px rgba(0,0,0,0.004); font-size:1em; font-family:"RobotoRegular";}

body {background:#F2F2F2;}
body,html,h1,h2,h3,ul,li,p{margin:0;padding:0;}
button {margin:0;padding:0;border:none;background:none;border-radius:0;}
img {width:100%;}
a {text-decoration:none;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

h1,h2,h3 {font-family:"RobotoBold";}
p {font-family:"RobotoRegular";}

main {max-width:1490px;margin:0 auto;min-height:calc(100vh - 70px);}
main.mainHomepage {max-width:none;}
body.uniBody {background:#000;}

.displayNoneM {display:none;}
.displayBlockM {display:block;}

header {width:100%;height:70px;position:fixed;z-index:50;background:#F2F2F2;}
header > div > .headerLogo {width:35px;height:38px;position:absolute;background:url(../img/logoblack.png);background-size:cover;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;}
header > div > .headerHam {display:inline-block;height:50px;position:absolute;right:50px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
header > div > .headerHam > span {width:28px;height:50px;display:inline-block;position:relative;}
.headerHam > span > span {width:28px;height:2px;background:#000;display:block;position:absolute;top:50%;transform:translateY(-50%);transition:0.5s}
.headerHam > span > span:before, .headerHam > span > span:after {content:"";}
.headerHam > span > span:before {width:28px;height:2px;background:#000;display:block;position:absolute;top:-7px;transition:0.5s}
.headerHam > span > span:after {width:28px;height:2px;background:#000;display:block;position:absolute;top:7px;transition:0.5s}

nav {width:100%;height:calc(100% - 70px);background:#000;font-size:1.063em;position:fixed;top:70px;}
nav a {text-decoration:none;color:#FFF;}
nav > div {position:absolute;top:30px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);width:100%;}
ul.mainNav, ul.languageSelect {list-style:none;text-align:center;}
ul.mainNav {margin-bottom:10px;}
ul.mainNav > li:first-of-type {border:none;;}
ul.mainNav > li {padding:10px;border-top:1px solid #FFF;width:80%;margin:0 auto;font-family:"RobotoLight";}
ul.languageSelect > li {float:left;width:50%;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul.languageSelect > li > a {opacity:0.5;padding:10px;font-size:1.688em;}
ul.languageSelect >  li:first-of-type {text-align:right;}
ul.languageSelect > li:last-of-type {text-align:left;}
ul.languageSelect > li > .selectedLang {opacity:1;background:rgba(255,255,255,.2);}

header.universeHeader {background:none;}
header.universeHeader > .headerLogo {background:url(../img/logowhite.png);background-size:cover;}
header.universeHeader > .headerHam > span > span, header.universeHeader > .headerHam > span > span:before, header.universeHeader > .headerHam > span > span:after {background:#FFF;}
header.universeHeader nav {border-bottom:1px solid #FFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
main.universe {text-align:center;padding-top:70px;height:100vh;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
main.universe h1 {width:auto;font-size:1.563em;}
main.universe h1 a {text-decoration:none;display:inline-block;height:75px;line-height:75px;color:rgba(255,255,255,0.3);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
div.uniCenter {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}

main.universe .swiper-container {width:100%;height:100%;position:absolute;z-index:-999999;top:0;left:0;}
div.spaceSlide {background:url(../img/universe_space.jpg) center center no-repeat;background-size:cover;}
div.automobileSlide {background:url(../img/universe_automobile.jpg) center center no-repeat;background-size:cover;}
div.scifiSlide {background:url(../img/universe_scifi.jpg) center center no-repeat;background-size:cover;}
div.juxtapositionSlide {background:url(../img/listing_juxtaposition.jpg) center top no-repeat;background-size:cover;}
div.blastSlide {background:url(../img/universe_blast.jpg) center center no-repeat;background-size:cover;}

a.button {display:block;font-size:0.750em;text-decoration:none;font-family:"RobotoBold";height:44px;width:118px;border-radius:0px;color:#FFF;text-align:center;line-height:44px;background:#000;margin:0 auto;}
a.button[disabled="disabled"] {opacity:0;}

main.mainHomepage {padding-top:70px;}
section.universeLauncher {width:100%;height:250px;position:relative;}
section.universeLauncher a.button {width:80px;height:30px;line-height:30px;background:#FFF;color:#000;position:absolute;bottom:20px;right:20px;z-index:40;}

section.universeLauncher div.swiper-container {width:100%;height:100%;}
section.universeLauncher div.swiper-slide {text-align:center;position:relative;}
section.universeLauncher .swiper-pagination-bullet {background:#FFF;opacity:0.5;width:8px;height:8px;}
section.universeLauncher .swiper-pagination-bullet-active {opacity:1;background:#FFF;}

section.universeLauncher .swiper-button-next {right:20px;height:15px;width:15px;border:1px solid #FFF;border-width:2px 2px 0 0;transform:translateY(50%) rotate(45deg);background-image:none;}
section.universeLauncher .swiper-button-prev {left:20px;height:15px;width:15px;border:1px solid #FFF;border-width:2px 2px 0 0;transform:translateY(50%) rotate(-135deg);background-image:none;}

div.uniSlide1 {background:url(../img/hero1.jpg)center top no-repeat;background-size:cover;}
div.uniSlide2 {background:url(../img/hero2.jpg)center top no-repeat;background-size:cover;}
/*div.uniSlide3 {background:url(../img/hero3.jpg)center top no-repeat;background-size:cover;}*/
div.uniSlide4 {background:url(../img/hero4.jpg)center top no-repeat;background-size:cover;}

section.homeStory, section.instaGallery, section.homeCare {padding:40px 20px;}
section.homeStory h1, section.instaGallery h1, section.homeCare h1 {font-size:1.688em;margin-bottom:35px;}
section.homeStory p, section.homeCare p{margin-bottom:25px;}
section.homeStory img {margin-bottom:10px;}
section.homeStory p:last-of-type {margin-bottom:50px;}
section.instaGallery h1 a {margin-left:20px;color:#000;}
section.instaGallery {background:#EAEAEA;}
section.instaGallery a.button {margin-top:25px;}
div.instaPost {background:rgba(0,0,0,0.1);margin-bottom:20px;}
div.instaPostDetail {padding:30px 20px;display:flex;align-items:center;}
div.instaPostDetail img {width:20%;border-radius:50%;}
div.instaPostDetail p {width:80%;padding-left:10px;box-sizing:border-box;}

span.imgContainer {width:100%;padding-top:100%;position:relative;display:block;overflow:hidden;}
span.imgContainer img {position:absolute;top:50%;left:0;right:0;bottom:0;transform:translateY(-50%);width:100%;height:100%;object-fit:cover;}
span#instaFeed a {color:#000;}
span#instaFeed a:nth-child(even) > div.instaPost {background:#F2F2F2;}

body.corporateBg {background:url(../img/corporatebg.png)center center fixed;background-size:cover;}
main.corporateMain {padding-top:70px;min-height:100vh;box-sizing:border-box;}

div.tabMenu {text-align:center;margin-bottom:20px;}
div.tabMenu input {display:none;}
div.tabMenu label {display:inline-block;text-align:center;font-family:"RobotoBold";color:rgba(0,0,0,0.5);padding:15px;}
div.tabMenu input:checked + label {color:#000;}

section.workshopDetails div { display:none; }
section.workshopDetails div.current { display:inherit; }
section.workshopProgramme div { display:none; }
section.workshopProgramme div.current { display:inherit; }
section.workshopProgramme div p { margin-bottom:20px; }
section.workshopProgramme div p:last-of-type { margin-bottom:0; }

section.retailRegion span {margin-bottom:30px;display:block;}
section.retailRegion span:last-of-type {margin-bottom:0;}

section.retailRegion {padding:0 20px 40px 20px;display:none;}
section.retailRegion article {margin-bottom:40px;display:block;}
section.retailRegion article h3 {font-family:"RobotoBold";font-size:1em;margin-bottom:25px;}
section.retailRegion article p {font-family:"RobotoRegular";font-weight:normal;font-size:1em;margin-bottom:20px;}
section.retailRegion article p:last-of-type{margin-bottom:0;}
section.retailRegion.current {display: inherit;}

section.workshopDetails, section.workshopProgramme {padding:0 20px 40px 20px;}
section.workshopGallery {padding:0 20px 40px 20px;}
section.workshopGallery h1 {font-size:1.688em;margin-bottom:35px;}
/*section.workshopGallery a.button {margin-top:20px;}*/

/*span.workshopImgContainer {width:50%;padding-top:50%;position:relative;display:block;float:left;overflow:hidden;}
span.workshopImgContainer img {position:absolute;top:50%;left:0;right:0;bottom:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transform:translateY(-50%);}*/

section.workshopGallery .swiper-pagination-bullet {background:#FFF;opacity:0.5;width:8px;height:8px;}
section.workshopGallery .swiper-pagination-bullet-active {opacity:1;background:#FFF;}
section.workshopGallery div.swiper-workshop .swiper-slide { width:100%; padding-top:100%; }

div.workshop-gallery-overlay { position:fixed; z-index:90; background:#000; width:100%; height:100%; top:0; left:0; visibility:hidden; opacity:0; transition:0.5s; }
a.close-workshop-gallery { display:block; position:fixed; top:20px; right:20px; width:32px; height:32px; z-index:100; }
a.close-workshop-gallery:before, a.close-workshop-gallery:after { position:absolute; left:15px; content:""; height:33px; width:2px; background-color:#FFF; }
a.close-workshop-gallery:before { transform:rotate(45deg); }
a.close-workshop-gallery:after { transform:rotate(-45deg); }
div.workshop-gallery-overlay.open-gallery { visibility:visible; opacity:1; transition:0.5s; }

div.workshop-gallery-overlay .swiper-container { height:100%; }
div.workshop-gallery-overlay img { height:auto; width:100%; position:relative; top:50%; transform:translateY(-50%); }
div.workshop-gallery-overlay .swiper-slide { text-align:center; height:100%; overflow:hidden; }

section.ourStory, section.ourLogo, section.ourDNA {padding:0 20px 40px 20px;}
section.ourStory h1, section.ourLogo h1, section.ourDNA h1  {font-size:1.688em;margin-bottom:35px;}
section.ourDNA h2 {font-size: 1.000em} 
section.ourStory p, section.ourLogo p{margin-bottom:25px;}
section.ourDNA p {margin-bottom: 12px;}
section.ourDNA article img {margin-bottom: 13px;}
section.ourLogo span.ourLogoSpan img {padding:50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a.readStoryTeam {float:right;font-size:1.250em;font-family:"RobotoBold";color:#000;}

section.ourStory img {margin-bottom:25px;}
section.ourStory span:last-of-type img:last-of-type {margin-bottom:0;}

section.giuseppe, section.chris {padding:0 20px 40px 20px;}
section.giuseppe h1, section.chris h1 {font-size:1.688em;margin-bottom:5px;}
section.giuseppe p, section.chris p {margin-bottom:25px;}
span.teamPic {display:block;margin-bottom:35px;}
span.teamPic img {border-radius:50%;}

div.favTool span:first-child { margin-bottom:25px; display:block; }
div.favTool span:last-child { display:block; }

main.contactPage {background:#F2F2F2;z-index:999;padding-top:0;}
div.contactWrapper {width:100%;height:100%;background:#F2F2F2;}
div.contactTopWrapper {height:250px;padding-top:70px;}
section.contactTop {width:100%;height:250px;background:url(../img/universe_scifi.jpg)center center no-repeat;background-size:cover;position:fixed;top:70px;z-index:-999;}
div.contactOverlay {background:rgba(0,0,0,0.6);height:inherit;position:relative;color:#FFF;text-align:center;}
div.contactOverlay span {width:100%;display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);padding:0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
div.contactOverlay h1 {font-size:1.875em;}
div.contactOverlay p {font-size:1.250em;}

section.contactPhrase, section.contactDetails, section.contactForm {padding:0 20px 80px 20px;text-align:center;}
section.contactPhrase {padding-top:80px;}
section.contactPhrase p, section.contactForm p {position:relative;margin-bottom:20px;padding-bottom:20px;}
section.contactPhrase p:after, section.contactForm p:after {content:"";border-bottom:1px solid #000;width:50px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
section.contactPhrase h1, section.contactForm h1 {font-size:1.375em;}
section.contactDetails > span {display:block;margin-bottom:80px;width:100%;}
section.contactDetails > span:last-of-type {margin-bottom:0;}
section.contactDetails p {margin-top:10px;}
section.contactDetails span.fa-stack {width:4em;height:4em;line-height:4em;}
section.contactDetails i.fa-stack-2x {font-size:4em;}
section.contactDetails i.fa-stack-1x {font-size:2em;}

section.contactForm div p {padding:10px 0 0 0;margin:0;}
section.contactForm div p:after {border:none;}
section.contactForm div.formInput {margin-bottom:15px;}
section.contactForm div.formTextarea {margin-bottom:15px;}
section.contactForm div.formTextarea textarea {margin-bottom:0;}

section.contactForm form {padding-top:40px;}
section.contactForm input {width:100%;height:40px;border:none;padding:5px 15px;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;/*margin-bottom:15px;*/font-size:0.750em;}
section.contactForm textarea {width:100%;height:150px;border:none;padding:5px 15px;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;font-size:0.750em;}
section.contactForm input[type="submit"] {width:100px;display:block;border-radius:0;padding:0;border:0;font-size:0.750em;background:#000;color:#FFF;}

section.contactForm a.formSubmit {width:100px;display:block;height:40px;background:#000;color:#FFF;text-decoration:none;line-height:40px;font-size:0.750em;transition:0.3s;}
section.contactForm a.formSubmit:hover { background:#FFF; color:#000; transition:0.3s; }

/*body.listing.space {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/listing_space.jpg) center top no-repeat fixed;background-size:cover;}
body.product.space {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/universe_space.jpg) center top no-repeat fixed;background-size:cover;}

body.listing.automobile {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/listing_automobile.jpg) center top no-repeat fixed;background-size:cover;}
body.product.automobile {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/product_automobile.jpg) center center no-repeat fixed;background-size:cover;}

body.listing.scifi {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/universe_scifi.jpg) center top no-repeat fixed;background-size:cover;}
body.product.scifi {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/universe_scifi.jpg) center top no-repeat fixed;background-size:cover;}

body.listing.juxtaposition {background:url(../img/listing_juxtaposition.jpg) center top no-repeat fixed;background-size:cover;}
body.product.juxtaposition {background:url(../img/listing_juxtaposition.jpg) center top no-repeat fixed;background-size:cover;}*/

body.product { background:#000; }

main.listing, main.product {padding-top:70px;/*color:#FFF;*/}
main.listing { padding-bottom:70px; }
/*main.listing.juxtaposition, main.product.juxtaposition {color:#000;}*/

section.watchStory, section.watches {padding:40px 20px;}
section.watchStory h1 {font-size:2.00em;margin-bottom:35px;text-align:center;}
section.watchStory p {margin-bottom:25px;}
section.watchStory p:last-of-type {margin-bottom:0;}

section.watchStory img.watchHeaderH1, section.watchDisplay img.watchHeaderH1 {margin:0 auto 35px auto;width:auto;height:40px;display:block;}
/*section.watchStory img.watchHeaderH1.twoLineHeader, section.watchDisplay img.watchHeaderH1.twoLineHeader {height:40px;}*/
section.watches img.watchHeaderH3 {margin-bottom:15px;width:auto;height:32px;}
/*section.watches img.watchHeaderH3.twoLineHeader {height:32px;}*/

section.watches {text-align:center;}
section.watches h3 {font-size:1.125em;margin-bottom:15px;}
/*section.watches h3, section.watches p {color:rgba(255,255,255,1);}*/
main.listing.space section.watches h3, main.listing.space section.watches p {color:#95989A;}
main.listing.juxtaposition section.watches h3, main.listing.juxtaposition section.watches p {color:#000;}
section.watches img {padding:0 20px;box-sizing:border-box;}
section.watches span > img {width:130px;margin:20px 0;cursor:pointer;}
section.watches a {color:inherit;}
section.watches img.watchThumbnail { padding:20px; box-sizing:border-box; }

section.watches a, section.watches span { display:block; }

/*div.scifiOverlay {width:50%;height:50%;background:#FFF;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);border:1px solid #000;}*/

section.watchDescription, section.watchSpecs {padding:40px 20px;position:relative;}

section.watchDisplay {padding:40px 0 0;position:relative;}
section.watchDisplay h1 {font-size:2.00em;margin-bottom:35px;text-align:center;}
section.watchDisplay div.swiper-wrapper {padding-bottom:100px;}
section.watchDisplay div.swiper-wrapper section.swiper-slide { padding:0 70px; box-sizing:border-box; }
section.watchDisplay .swiper-pagination-bullets {bottom:0;}

section.watchDisplay .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { overflow:visible !important; }
section.watchDisplay .swiper-pagination-bullet-active { background:none; }
section.watchDisplay .swiper-pagination-bullet { width:75px; height:75px; border-radius:0; background:none; }
section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform:scale(1) !important; }
section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform:scale(1) !important; }
section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform:scale(1) !important; }
section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform:scale(1) !important; }
section.watchDisplay  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform:scale(1) !important; }


section.watchSide {position:absolute;top:50%;right:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
section.watchSide div.colorPicker {margin-bottom:20px;}
section.watchSide input {display:none;}
section.watchSide .button {display:inline-block;position:relative;width:20px;height:20px;cursor:pointer;}
section.watchSide .button span {display:block;position:absolute;width:20px;height:20px;padding:0;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);border-radius:100%;background:#FFF;}
section.watchSide .orange .button span {background:#CC9305;}
section.watchSide .brown .button span {background:#7F5C44;}
section.watchSide .black .button span {background:#000;}
.orange input:checked ~ .button span, .brown input:checked ~ .button span, .black input:checked ~ .button span {border:2px solid #FFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
section.watchSide div.sideSocial {width:20px;height:20px;text-align:center;margin-bottom:10px;line-height:20px;}
section.watchSide div.sideSocial:last-of-type {margin-bottom:0;}

section.watchDescription h3, section.watchSpecs h3 {font-size:1.125em;margin-bottom:35px;}
section.watchDescription p {margin-bottom:25px; text-align:justify; }
section.watchDescription, section.watchSpecs {color:inherit;}

section.watchSpecs {padding:0 20px 90px 20px;}
section.watchSpecs > div {padding-bottom:10px;margin-bottom:10px;border-bottom:3px solid #808080;}
section.watchSpecs div:last-of-type {border:none;margin-bottom:50px;}
/*section.watchSpecs div p:first-of-type { width:40%;display:block;float:left; margin-bottom:0; }*/
section.watchSpecs div div:first-of-type { width:40%;display:block;float:left; margin-bottom:0; }
/*section.watchSpecs div p { margin-bottom:20px; }*/
section.watchSpecs div div:last-of-type {width:60%;display:block;float:left; margin-bottom:0;}
section.watchSpecs div div:last-of-type p { margin-bottom:20px; }
section.watchSpecs div div:last-of-type p:last-of-type { margin-bottom:0; }
/*section.watchSpecs div p:last-of-type {width:60%;display:block;float:left; margin-bottom:0;}*/
section.watchSpecs a.button {background:#000; padding:18px 25px; display:inline; }
section.watchSpecs > span { display:block; width:100%; height:50px; }

/*main.product.juxtaposition section.watchDisplay h1 {color:#000;}
main.product.juxtaposition section.watchDescription, main.product.juxtaposition section.watchSpecs {color:#000;}
main.product.juxtaposition section.watchSpecs div {border-bottom:3px solid #95989A;}
main.product.space section.watchSpecs a.button {background:#808080;}
main.product.space section.watchDescription, main.product.space section.watchSpecs {color:#95989A;}
main.product.automobile section.watchSpecs a.button, main.product.juxtaposition section.watchSpecs a.button {width:250px;}*/

footer {padding:50px;background:#EAEAEA;position:relative;}
footer > ul {list-style:none;}
footer > ul > span > li {margin-bottom:10px;}
footer > ul > span:last-of-type > li:last-of-type {margin-bottom:0;}
footer > ul > span > li > a {text-decoration:none;color:rgba(0,0,0,0.5);}

footer > .footerSocial {color:rgba(0,0,0,0.5);position:absolute;top:50px;right:50px;}
footer > .footerSocial > a {color:rgba(0,0,0,0.5);}
footer > .footerSocial > a > i {margin-left:30px;}
footer > .footerRights {color:rgba(0,0,0,0.5); margin-top:30px; display:block; font-size:12px;}
footer > .footerRights a { color:rgba(0,0,0,0.5); }

footer.blackFooter {background:#000;color:#EAEAEA;}
footer.blackFooter > ul > span > li > a {color:#EAEAEA;}
footer.blackFooter > .footerSocial, footer.blackFooter > .footerSocial > a, footer.blackFooter > .footerRights, footer.blackFooter > .footerRights a {color:#EAEAEA !important;}

.swiper-button-prev { background: url('../img/arrow_left.svg') no-repeat; height:60px; }
.swiper-button-next { background: url('../img/arrow_right.svg') no-repeat; height:60px; right:1px;}

.headerHam.openMenu > span > span {width:28px;height:2px;background:transparent;display:block;position:absolute;top:50%;transform:translateY(-50%);transition:0.5s;}
.headerHam.openMenu > span > span:before {width:28px;height:2px;background:#000;display:block;position:absolute;top:0;transform:rotate(-45deg);transition:0.5s;}
.headerHam.openMenu > span > span:after {width:28px;height:2px;background:#000;display:block;position:absolute;top:0;transform:rotate(45deg);transition:0.5s;}

section.contactForm p.successMessage {margin-top:20px;margin-bottom:0;padding-bottom:0;}
section.contactForm p.successMessage:after {border:none;}

section.thumbnail-pop-box { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:999; background:#FFF; color:#000; overflow-y:scroll; padding:70px 0; box-sizing:border-box; }
section.thumbnail-pop-box .pop-article { padding:0 20px; }
section.thumbnail-pop-box .pop-figure { padding:0 20px; margin-top:30px; }

section.thumbnail-pop-box.popopen { visibility:visible !important; opacity:1 !important; transition:0.5s !important; }

.pop-figure figure { margin:0; }
.pop-article figure { margin:0 0 30px; }
.pop-article article h1 { margin-bottom:30px; }
.pop-article article p { margin-bottom:20px; }
.pop-article article p:last-of-type { margin-bottom:0; }

section.thumbnail-pop-box a.close { width:30px; height:30px; display:block; position:absolute; top:20px; right:50%; transform:translateX(50%); background:url(../img/closeblack.svg); background-size:cover; }

.desktop-masthead { display:none; }
.mobile-masthead { display:block; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 48em) {
    section.universeLauncher {height:450px;}
}

@media only screen and (min-width: 60em) {

    main { min-height:calc(100vh - 100px); }

    .displayNoneD {display:none;}
    .displayBlockD {display:block;}

    div.headerWrapper {max-width:1490px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100px;}

    header {height:100px;position:fixed;z-index:50;left:0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;top:0;background:none;margin:0 auto 0 auto;background:#F2F2F2;width:100%;transition:0.5s;}
    header > div > .headerHam {display:none;}
    header > div > .headerLogo {width:235px;height:48px;left:40px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);/*transition:0.5s;*/background:url(../img/a_logo_black.png);background-size:cover;}

    header.white > div.headerWrapper > .headerLogo {background:url(../img/a_logo_white.png);background-size:cover;/*transition:0.5s;*/}
    header.white nav a {color:#FFF;transition:0.5s;}
    header.whiteHeader ul.languageSelect > li > a.selectedLang {opacity:1;background:rgba(255,255,255,.2);}

    header.onScroll {background:#F2F2F2;transition:0.5s;}
    header.white.onScroll {background:#F2F2F2;transition:0.5s;}
    header.white.onScroll > div.headerWrapper > .headerLogo {background:url(../img/a_logo_black.png);background-size:cover;/*transition:0.5s;*/}
    header.white.onScroll nav a {color:#000;transition:0.5s;}
    header.white.onScroll ul.mainNav > li > ul > li > a {color:#FFF;}

    nav {width:auto;height:120px;background:none;position:absolute;top:0;right:40px;}
    nav a {text-decoration:none;color:#000;opacity:0.5;transition:0.5s;}
    nav > div {position:static;top:50%;left:50%;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;width:auto;}

    ul.mainNav, ul.languageSelect {list-style:none;text-align:center;display:inline-block;height:100px;float:left;}
    ul.mainNav {margin-bottom:0;}
    ul.mainNav > li {padding:0 30px;border-top:none;width:auto;margin:0 auto;font-family:"RobotoLight";display:inline-block;line-height:100px;position:relative;height:100px;}
    ul.mainNav > li:last-of-type {padding:0 0 0 30px;}
    ul.mainNav > li > a {font-size:1.125em;}
    ul.mainNav > li > ul {position:absolute;display:block;left:30px;background:#868686;width:220px;text-align:left;color:#FFF;top:80px;border-top:3px solid #FFF;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;visibility:hidden;opacity:0;transition:0.3s;}
    ul.mainNav > li > ul > li {padding:0 10px;display:block;}
    ul.mainNav > li:hover > a {opacity:1;transition:0.5s;}
    ul.mainNav > li:hover > ul {visibility:visible;opacity:1;transition:0.5s;}
    ul.mainNav > li > ul > li {border-bottom:1px solid #FFF;line-height:20px;padding:20px 0;}
    ul.mainNav > li > ul > li:last-of-type {border-bottom:none;}
    ul.mainNav > li > ul > li > a {color:#FFF;font-size:1em;opacity:0.5;}

    ul.mainNav > li > ul > li:hover > a {opacity:1;transition:0.5s;}
    ul.mainNav > li > ul > li > a.selectedPage { opacity:1; }
    a.selectedPage {font-family:"RobotoBold";opacity:1;}

    ul.languageSelect > li {float:left;width:auto;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:100px;text-align:left;}
    ul.languageSelect > li > a {opacity:0.5;padding:10px;font-size:1.125em;}
    ul.languageSelect > li:first-of-type {text-align:left;}
    ul.languageSelect > li:last-of-type {text-align:left;}
    ul.languageSelect > li > a.selectedLang {opacity:1;background:rgba(0,0,0,.2);}

    header.universeHeader nav {border-bottom:none;}
    main.universe {text-align:center;padding-top:100px;height:100vh;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    main.universe h1 {font-size:2.500em;}
    main.universe h1 a {height:100px;line-height:100px;}
    main.universe h1.selected a {color:#FFF;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
    main.universe h1.selected a.uniJuxtaposition, main.universe h1.selected a.uniBlast {color:#000;}

    a.button {font-size:1.250em;height:60px;width:170px;border-radius:0px;line-height:60px;}

    main.mainHomepage {padding-top:100px;}
    section.universeLauncher {height:650px;}
    section.universeLauncher a.button {bottom:60px;}
    section.homeStory, section.instaGallery, section.homeCare {padding:80px 60px;}
    section.homeStory {display:flex;align-items:center;}
    section.homeStory img {margin-bottom:0;width:60%;}
    section.homeStory article {width:40%;display:inline-block;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    section.homeStory a.button {margin:0;transition:0.3s;}
    section.homeStory a.button:hover { background:#FFF; color:#000; transition:0.3s; }
    section.instaGallery a.button {margin-top:50px;transition:0.3s;}
    section.instaGallery a.button:hover { background:#FFF; color:#000; transition:0.3s; }
    div.instaPost {width:33.3333333333%;float:left;margin-bottom:0;}
    div.instaPostDetail p {font-size:1em;}

    section.universeLauncher a.button {width:170px;height:60px;line-height:60px;bottom:40px;right:40px;transition:0.3s;}
    section.universeLauncher a.button:hover { background:#000; color:#FFF; transition:0.3s; }
    section.universeLauncher .swiper-pagination-bullet {width:10px;height:10px;}

    section.universeLauncher .swiper-button-next {right:40px;height:30px;width:30px;border:2px solid #FFF;border-width:2px 2px 0 0;transform:translateY(50%) rotate(45deg);background-image:none;}
    section.universeLauncher .swiper-button-prev {left:40px;height:30px;width:30px;border:2px solid #FFF;border-width:2px 2px 0 0;transform:translateY(50%) rotate(-135deg);background-image:none;}

    main.corporateMain {padding-top:100px;}

    div.tabMenu {text-align:left;margin-bottom:40px;margin-top:20px;padding:0 60px;}
    div.tabMenu input {display:none;}
    div.tabMenu label {padding:20px 40px;font-size:1.375em;border-top:5px solid rgba(0,0,0,0.5);cursor:pointer;transition:0.3s;}
    div.tabMenu label:hover {color:#000;border-top:5px solid #000;transition:0.3s;}
    div.tabMenu input:checked + label {color:#000;border-top:5px solid #000;}

    section.retailRegion {padding:0 100px 80px 100px;}
    section.retailRegion span {width:33.33%;margin-bottom:0;float:left;padding-right:85px;box-sizing:border-box;}
    section.retailRegion span p {margin-bottom:30px;}

    section.workshopDetails, section.workshopProgramme {padding:0 100px 80px 100px;}
    section.workshopDetails div, section.workshopProgramme div {max-width:450px;}

    section.workshopGallery {padding:0 60px 80px 60px;}
    /*section.workshopGallery a.button {margin-top:25px;}*/

    /*span.workshopImgContainer {width:25%;padding-top:25%;}*/

    section.workshopGallery div.swiper-workshop .swiper-slide { width:25%; padding-top:25%; }
    section.workshopGallery .swiper-button-prev { background: url('../img/arrow_left.svg') no-repeat; height:60px; left:20px; }
    section.workshopGallery .swiper-button-next { background: url('../img/arrow_right.svg') no-repeat; height:60px; right:20px;}

    section.ourStory, section.ourLogo, section.ourDNA {padding:0 60px 80px 60px;position:relative;}
    a.readStoryTeam {position:absolute;bottom:80px;right:60px;}

    section.giuseppe, section.chris {padding:0 60px 80px 60px;position:relative;}
    section.giuseppe span, section.chris span {float:left;}
    section.giuseppe span:last-of-type, section.chris span:last-of-type {margin-left:35px;}
    section.giuseppe h1 + p, section.chris h1 + p {margin-bottom:50px;position:relative;}
    section.giuseppe h1 + p:after, section.chris h1 + p:after {content:"";width:535px;position:absolute;border-top:5px solid rgba(0,0,0,0.2);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);left:200px;}
    section.giuseppe p, section.chris p {max-width:450px;}
    span.teamPic {display:block;margin-bottom:0;}
    span.teamPic img {max-width:250px;}

    div.favTool span:first-child { margin-bottom:0; display:block; max-width:250px; padding:30px; box-sizing:border-box; }
    div.favTool span:last-child { display:block; max-width:450px; margin-top:30px; }


    header.contactHeader {background:none;}
    header.contactHeader.onScroll { background:#F2F2F2; }
    div.contactTopWrapper {height:650px;padding-top:0;}
    section.contactTop {height:770px;top:0;}
    div.contactOverlay h1 {font-size:4.375em;}
    div.contactOverlay p {font-size:1.875em;}

    section.contactPhrase, section.contactDetails, section.contactForm {padding:0 60px 80px 60px;text-align:center;}
    section.contactPhrase {padding-top:80px;}
    section.contactDetails {max-width:1490px;text-align:center;}
    section.contactPhrase, section.contactForm {max-width:750px;margin:0 auto;}
    section.contactPhrase p:after, section.contactForm p:after {content:"";border-bottom:1px solid #000;width:50px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
    section.contactPhrase h1, section.contactForm h1 {font-size:1.688em;}
    section.contactDetails > span {display:inline-block;margin-bottom:0;width:33.3333333333%;/*float:left;*/vertical-align:top;}
    section.contactDetails p {margin-top:10px;}
    section.contactDetails span.fa-stack {width:6em;height:6em;line-height:6em;}
    section.contactDetails i.fa-stack-2x {font-size:6em;}
    section.contactDetails i.fa-stack-1x {font-size:3em;}

    section.contactForm input[type="submit"] {margin-right:0;}

    section.contactForm input {margin-bottom:0;}
    section.contactForm div.formInput {width:32%;border:none;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:15px;float:left;}
    section.contactForm div.formInput {margin-right:2%;}
    section.contactForm div.formInput:nth-child(3) {margin-right:0;}
    section.contactForm div p {padding:10px 0 0 0;margin:0;}
    section.contactForm div p:after {border:none;}
    section.contactForm div.formInput input {height:40px;}
    section.contactForm div.formTextarea {margin-bottom:10px;}
    section.contactForm div.formTextarea textarea {margin-bottom:0;}

    main.listing {padding-top:100px;padding-bottom:0;}

    section.watchStory {padding:40px 60px 80px 60px;}
    section.watches {padding:0 0 80px 60px;}
    section.watchStory h1 {text-align:left;font-size:2.625em;}
    section.watchStory p {max-width:600px;font-size:1.250em;}

    span.watchesWrapper {max-width:1200px;display:block;}
    section.watches {width:33.3333333333%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    section.watches img {padding:0;}
    
    section.watchStory img.watchHeaderH1 {margin:0 0 35px 0;width:auto;height:64px;}
    section.watchDisplay img.watchHeaderH1 {width:auto;height:64px;}
    /*section.watchStory img.watchHeaderH1.twoLineHeader, section.watchDisplay img.watchHeaderH1.twoLineHeader {height:64px;}*/
    section.watches img.watchHeaderH3 {margin-bottom:15px;width:auto;height:38px;}
    /*section.watches img.watchHeaderH3.twoLineHeader {height:38px;}*/

    section.watches h3 {font-size:1.375em;}
    section.watches p {font-size:1.250em;} 

    /*section.watchDisplay, section.watchDescription, section.watchSpecs {padding:0 60px 80px 60px;position:relative;}
    section.watchDisplay h1 {font-size:2.625em;}
    section.watchDisplay section.swiper-container {width:500px;}
    section.watchDisplay div.swiper-wrapper {padding-bottom:200px;}*/

    /*section.watchDisplay .swiper-pagination-bullet {width:7%;margin:0 10px;}*/

    div.swiperWrapper { margin-bottom:50px; }
    section.watchDisplay h1 {font-size:2.625em;margin-bottom:50px;}
    section.watchDisplay div.swiper-wrapper {padding-bottom:140px;}
    section.watchDisplay div.swiper-wrapper section.swiper-slide { padding:0 27%; }

    section.watchDisplay .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { overflow:visible !important; }
    section.watchDisplay .swiper-pagination-bullet-active { background:none; }
    section.watchDisplay .swiper-pagination-bullet { width:100px; height:100px; border-radius:0; background:none; margin:0 10px !important; }
    section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform:scale(1) !important; }
    section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform:scale(1) !important; }
    section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform:scale(1) !important; }
    section.watchDisplay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform:scale(1) !important; }
    section.watchDisplay  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform:scale(1) !important; }

    /*section.watchSide {right:60px;}
    section.watchSide .button {width:30px;height:30px;}
    section.watchSide .button span {width:30px;height:30px;}
    section.watchSide div.sideSocial {width:30px;height:30px;margin-bottom:20px;font-size:1.250em;}*/

    section.watchDescription h3, section.watchSpecs h3 {font-size:1.375em;}
    section.watchDescription p {font-size:1.250em;}
    section.watchSpecs, section.watchDescription {padding:40px 40px 80px 40px;}
    section.watchSpecs a.button {width:250px;font-size:1em;transition:0.3s;}
    section.watchSpecs a.button:hover { background:#FFF; color:#000; transition:0.3s; }
    section.watchSpecs div p {font-size:1.250em;}
    section.watchDescription {width:40%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    section.watchSpecs {width:60%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

    main.product {padding-top:100px;}

    main.product.automobile section.watchSpecs a.button, main.product.juxtaposition section.watchSpecs a.button {width:320px;}

    footer {padding:50px;background:#EAEAEA;position:relative;font-size:1em;}
    footer > ul {list-style:none;}
    footer > ul > span {float:left;}
    footer > ul > span:last-of-type {margin-left:100px;}
    footer > ul > span > li {margin-bottom:30px;}
    footer > ul > span > li:last-of-type {margin-bottom:0;}
    footer > ul > span > li > a {text-decoration:none;color:rgba(0,0,0,0.5);}

    footer > .footerSocial {color:rgba(0,0,0,0.5);position:absolute;top:50px;right:50px;}
    footer > .footerSocial > i {margin-left:30px;}
    footer > .footerRights {color:rgba(0,0,0,0.5);position:absolute;bottom:50px;right:50px;}
    footer > .footerRights a {color:rgba(0,0,0,0.5);}
    footer > .footerRights {color:rgba(0,0,0,0.5);position:absolute;bottom:50px;right:50px;}

    .swiper-button-prev { /*top:320px;*/ left:200px; }
    .swiper-button-next { /*top:320px;*/ right:200px; }

    section.retailRegion.current {column-count: 2;max-width:66.6666666667%;}
    section.retailRegion article {box-sizing:border-box;break-inside: avoid;padding-right:30px;}

    section.thumbnail-pop-box { padding:0; overflow:hidden; }
    section.thumbnail-pop-box .pop-article.right { padding:100px 60px 100px calc(50% + 60px); width:100%; height:100%; position:fixed; top:0; right:0; box-sizing:border-box; overflow-y:scroll; z-index:999; }
    section.thumbnail-pop-box .pop-figure.right { padding:0; margin-top:0; width:50%; height:100%; position:fixed; top:0; left:0; }

    section.thumbnail-pop-box .pop-article.left { padding:100px calc(50% + 60px) 100px 60px; width:100%; height:100%; position:fixed; top:0; left:0; box-sizing:border-box; overflow-y:scroll; z-index:999; }
    section.thumbnail-pop-box .pop-figure.left { padding:0; margin-top:0; width:50%; height:100%; position:fixed; top:0; right:0; }

    .pop-figure figure { margin:0; height:100%; }
    .pop-figure figure img { display:none; }
    .pop-article article p { margin-bottom:20px; }
    .pop-article article p:last-of-type { margin-bottom:0; }

    section.thumbnail-pop-box a.close{ width:45px; height:45px; top:30px; right:50px; transform:none; z-index:9999; }
    /*section.thumbnail-pop-box a.close.left { width:45px; height:45px; top:30px; left:30px; transform:none; z-index:9999; }*/

    .desktop-masthead { display:block; }
    .mobile-masthead { display:none; }

}

@media only screen and (min-width: 66.250em) {

    section.universeLauncher {height:650px;}

    div.workshop-gallery-overlay img { height:100%; width:auto; position:relative; top:50%; transform:translateY(-50%); }

    section.homeCare span {display:block;width:33.3333333333%;float:left; /*padding-left:85px;*/ box-sizing:border-box;}
    section.homeCare span p:last-of-type {margin-bottom:0;}
    section.homeCare span:first-of-type {padding-left:0px; margin-right:85px;}

    section.ourLogo span.ourLogoSpan img {padding:0;}
    section.ourStory span, section.ourLogo span, section.ourDNA span {display:block; max-width:450px;float:left;width:33.3333333333%;}
    section.ourStory span:last-of-type, section.ourLogo span:last-of-type, section.ourDNA span:last-of-type {margin-left:85px;}
    section.ourDNA article article {float: left; width: 100%;}
    section.ourDNA article > img, section.ourDNA article > p {max-width: 900px }

    div.instaPost {width:20%;}

}

@media only screen and (min-width: 93.750em) {

    /*header > .headerLogo {left:0;}
    nav {right:0;}*/

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}