/*@import "//hello.myfonts.net/count/39683d";*/ @font-face{font-family:'AvertaStd-Bold'; src:url(webfonts/396840_0_0.eot?#iefix) format("embedded-opentype"), url(webfonts/396840_0_0.woff2) format("woff2"), url(webfonts/39683D_0_0.woff) format("woff"), url(webfonts/396840_0_0.ttf) format("truetype"), url(webfonts/396840_0_0.svg#wf) format("svg")} @font-face{font-family:'AvertaStd-Regular'; src: url(webfonts/396840_1_0.eot?#iefix) format("embedded-opentype"), url(webfonts/396840_1_0.woff2) format("woff2"), url(webfonts/39683D_1_0.woff) format("woff"), url(webfonts/396840_1_0.svg#wf) format("svg"), url(webfonts/396840_1_0.ttf) format("truetype")} html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-weight:400} body{margin:0} article,aside,footer,header,nav,section{display:block} h1{font-size:2em;margin:.67em 0} figcaption,figure,main{display:block} figure{margin:1em 40px} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent;-webkit-text-decoration-skip:objects} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:inherit;font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} dfn{font-style:italic} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} audio,video{display:inline-block} audio:not([controls]){display:none;height:0} img{border-style:none} svg:not(:root){overflow:hidden} button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:.35em .75em .625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{display:inline-block;vertical-align:baseline} textarea{overflow:auto} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details,menu{display:block} summary{display:list-item} canvas{display:inline-block} template{display:none} [hidden]{display:none} .gallery .control-operator:target~.controls .control-button{color:#ccc;color:rgba(255,255,255,.4)} .gallery .control-button:first-of-type,.gallery .control-operator:nth-of-type(1):target~.controls .control-button:nth-of-type(1),.gallery .control-operator:nth-of-type(2):target~.controls .control-button:nth-of-type(2),.gallery .control-operator:nth-of-type(3):target~.controls .control-button:nth-of-type(3),.gallery .control-operator:nth-of-type(4):target~.controls .control-button:nth-of-type(4),.gallery .control-operator:nth-of-type(5):target~.controls .control-button:nth-of-type(5){color:#fff;color:rgba(255,255,255,.8)} .gallery .item:first-of-type{position:static;pointer-events:auto;opacity:1} .gallery .item{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s} .gallery .control-operator{display:none} .gallery .control-operator:target~.item{pointer-events:none;opacity:0;animation:none} .gallery .control-operator:target~.controls .control-button{animation:none} @keyframes controlAnimation-2 { 0%{color:#ccc;color:rgba(255,255,255,.4)} 14.3%,50%{color:#fff;color:rgba(255,255,255,.8)} 64.3%,100%{color:#ccc;color:rgba(255,255,255,.4)} } @keyframes galleryAnimation-2 { 0%{opacity:0} 14.3%,50%{opacity:1} 64.3%,100%{opacity:0} } .gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1} .items-2.autoplay .control-button{animation:controlAnimation-2 14s infinite} .items-2.autoplay .item{animation:galleryAnimation-2 14s infinite} .items-2 .control-button:nth-of-type(1),.items-2 .item:nth-of-type(1){animation-delay:-2s} .items-2 .control-button:nth-of-type(2),.items-2 .item:nth-of-type(2){animation-delay:5s} @keyframes controlAnimation-3 { 0%{color:#ccc;color:rgba(255,255,255,.4)} 9.5%,33.3%{color:#fff;color:rgba(255,255,255,.8)} 42.9%,100%{color:#ccc;color:rgba(255,255,255,.4)} } @keyframes galleryAnimation-3 { 0%{opacity:0} 9.5%,33.3%{opacity:1} 42.9%,100%{opacity:0} } .gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1} .items-3.autoplay .control-button{animation:controlAnimation-3 21s infinite} .items-3.autoplay .item{animation:galleryAnimation-3 21s infinite} .items-3 .control-button:nth-of-type(1),.items-3 .item:nth-of-type(1){animation-delay:-2s} .items-3 .control-button:nth-of-type(2),.items-3 .item:nth-of-type(2){animation-delay:5s} .items-3 .control-button:nth-of-type(3),.items-3 .item:nth-of-type(3){animation-delay:12s} @keyframes controlAnimation-4 { 0%{color:#ccc;color:rgba(255,255,255,.4)} 7.1%,25%{color:#fff;color:rgba(255,255,255,.8)} 32.1%,100%{color:#ccc;color:rgba(255,255,255,.4)} } @keyframes galleryAnimation-4 { 0%{opacity:0} 7.1%,25%{opacity:1} 32.1%,100%{opacity:0} } .gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1} .items-4.autoplay .control-button{animation:controlAnimation-4 28s infinite} .items-4.autoplay .item{animation:galleryAnimation-4 28s infinite} .items-4 .control-button:nth-of-type(1),.items-4 .item:nth-of-type(1){animation-delay:-2s} .items-4 .control-button:nth-of-type(2),.items-4 .item:nth-of-type(2){animation-delay:5s} .items-4 .control-button:nth-of-type(3),.items-4 .item:nth-of-type(3){animation-delay:12s} .items-4 .control-button:nth-of-type(4),.items-4 .item:nth-of-type(4){animation-delay:19s} @keyframes controlAnimation-5 { 0%{color:#ccc;color:rgba(255,255,255,.4)} 5.7%,20%{color:#fff;color:rgba(255,255,255,.8)} 25.7%,100%{color:#ccc;color:rgba(255,255,255,.4)} } @keyframes galleryAnimation-5 { 0%{opacity:0} 5.7%,20%{opacity:1} 25.7%,100%{opacity:0} } .gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1} .gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1} .items-5.autoplay .control-button{animation:controlAnimation-5 25s infinite} .items-5.autoplay .item{animation:galleryAnimation-5 25s infinite} .items-5 .control-button:nth-of-type(1),.items-5 .item:nth-of-type(1){animation-delay:-2s} .items-5 .control-button:nth-of-type(2),.items-5 .item:nth-of-type(2){animation-delay:3s} .items-5 .control-button:nth-of-type(3),.items-5 .item:nth-of-type(3){animation-delay:8s} .items-5 .control-button:nth-of-type(4),.items-5 .item:nth-of-type(4){animation-delay:13s} .items-5 .control-button:nth-of-type(5),.items-5 .item:nth-of-type(5){animation-delay:18s} .spacer{min-height:700px} .grid.gallery{margin-top:135px} .lock-bar{display:block;width:100%;height:4px;background-color:#00819f;position:fixed;top:0;z-index:99999} #home-hero{height:50%;padding:0;color:#fff;position:relative;background-size:cover;background-position:center;background-color:#00819f} .home-hero-flip {height: 100%!important} #home-hero h1{font-size:55px;color:#fff} #home-hero h4{color:#eaeaea;font-size:13px} #home-hero figure{margin:0;background-image:url(../img/bg/fashion-branding-one.jpg);background-size:cover;background-position:center center} #home-hero figure#item-two{background-image:url(../img/bg/fashion-branding-two.jpg)} #home-hero figure#item-three{background-image:url(../img/bg/fashion-branding-three.jpg)} #home-hero figure#item-four{background-image:url(../img/bg/fashion-branding-four.jpg)} #home-hero figure#item-five{background-image:url(../img/bg/fashion-branding-five.jpg)} .home-hero-container{width:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:222} .home-intro-container{width:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:222} .gallery .control-button{color:#ccc;color:rgba(255,255,255,0.4)} .gallery .control-button:hover{color:#fff;color:rgba(255,255,255,0.8)} .gallery{position:relative;height:100%} .gallery .item{overflow:hidden;text-align:center;background:#2c596e} .gallery .item img{object-fit:cover;width:100%} .gallery .controls{position:absolute;bottom:0;width:100%;text-align:center;display:none} .gallery .control-button{display:inline-block;margin:0 .02em;font-size:3em;text-align:center;text-decoration:none;transition:color .1s} html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw} .lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none} .lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0} .lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none} .lightbox a img{border:none} .lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;background-color:transparent} .lb-outerContainer:after{content:"";display:table;clear:both} .lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0} .lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/gallery/loading.gif) no-repeat} .lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} .lb-container > .nav{left:0} .lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)} .lb-prev,.lb-next{height:100%;cursor:pointer;display:block} .lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/gallery/prev.png) left 48% no-repeat;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s} .lb-nav a.lb-prev:hover{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/gallery/next.png) right 48% no-repeat;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s} .lb-nav a.lb-next:hover{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px} .lb-dataContainer:after{content:"";display:table;clear:both} .lb-data{padding:0 4px;color:#ccc} .lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em} .lb-data .lb-caption{font-size:17px;line-height:1em;display:inline-block;color:#fff;letter-spacing:.9px} .lb-data .lb-caption div{color:#fff;font-family:'AvertaStd-Bold',sans-serif} .lb-data .lb-caption a{color:#4ae} .lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:13px;color:#999} .lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/gallery/close.png) top right no-repeat;text-align:right;outline:none;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s} .lb-data .lb-close:hover{cursor:pointer;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:110%;-webkit-font-smoothing:antialiased} ::-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:.2em 0;background:#ccc;color:#000;padding:.2em 0} ol,ul{list-style:none;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0} *{font-family:'AvertaStd-Regular',sans-serif;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;color:#707070; letter-spacing: 0.3px;} p{font-size:17px;line-height:2;margin:0;letter-spacing:.3px} p strong {font-weight: normal} h5{font-family:'AvertaStd-Bold',sans-serif;margin:0} h1{font-size:55px;color:#fff;margin:0 auto;line-height:1;font-family:'AvertaStd-Bold',sans-serif} h2{font-size:35px;line-height:1;color:#424242;letter-spacing:-.02em;font-family:'AvertaStd-Bold',sans-serif;} h3{font-size:19px;line-height:2;margin:0;color:#575757} h4{font-size:19px;font-family:'AvertaStd-Bold', Arial,sans-serif; letter-spacing: -.01em} h5{font-size:18px;color:#575757;margin:25px 0} h5.pre-title{margin-bottom:35px} h6{margin-bottom:50px;margin-top:0;line-height:1;color:#ccc;font-size:14px;letter-spacing:.9px} a.btn{background-color:#00819f;color:#fff;padding:16px 37px 15px;display:inline-block;width:auto;text-decoration:none;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;font-size:17px;letter-spacing:-.5px;font-family:'AvertaStd-Bold',sans-serif} a.inline-a{display:inline;position:relative;overflow:hidden;margin-top:40px;text-decoration:none;font-size:18px;font-family:'AvertaStd-Bold',sans-serif;color:#575757} a.inline-a svg{fill:#575757; margin-left:5px} a.inline-a:hover svg{fill:#00819f} a.inline-a:hover{color:#00819f} .inline-a:after{content:"";position:absolute;z-index:-1;right:0;width:0;bottom:-8px;background:#00819f;height:3px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out} .inline-a:hover:after,.inline-a:focus:after,.inline-a:active:after{left:0;right:auto;width:100%} a.inline-b{font-size:16px; color: #00819f;} a.inline-c{font-size:32px;font-family:'AvertaStd-Bold',sans-serif; color: #00819f} a.inline-d{display:inline;position:relative;overflow:hidden;text-decoration:none;font-size:16px;color:#ff0} a.inline-d:hover{color:#fff} .inline-d:after{content:"";position:absolute;z-index:-1;right:0;width:0;bottom:-8px;background:#fff;height:3px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out} .inline-d:hover:after,.inline-d:focus:after,.inline-d:active:after{left:0;right:auto;width:100%} a.inline-e{display:inline;position:relative;overflow:hidden;margin-top:40px;text-decoration:none;color:#575757} a.inline-e:hover{color:#00819f} .inline-e:after{content:"";position:absolute;z-index:999;right:0;width:0;bottom:-3px;background:#00819f;height:3px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out} .inline-e:hover:after,.inline-e:focus:after,.inline-e:active:after{left:0;right:auto;width:100%} a.butt{display:inline-block;padding:15px 50px;border:solid 1px #575757;color:#575757;font-size:12px;letter-spacing:.9px;text-transform:uppercase;width:auto;margin:0 auto;text-decoration:none} a.link-btn {display: inline-block; padding: 10px 30px 11px; border: 1px solid #00819f; background-color: #00819f; color: #fff; font-size: 17px; letter-spacing: 0.0em; text-decoration: none; margin-top: 25px; font-family: 'AvertaStd-Bold';} a.link-btn:hover {background-color: #015e74; border-color: #015e74;} a.link-btn-out {display: inline-block; padding: 10px 30px 11px; border: 1px solid #575757; background-color: #fff; color: #575757; font-size: 17px; letter-spacing: 0.0em; text-decoration: none; margin-top: 25px; font-family: 'AvertaStd-Bold';} a.link-btn-out:hover {background-color: #00819f; border-color: #00819f; color: #fff;} a.link-btn-wht {display: inline-block; padding: 10px 30px 11px; border: 1px solid #fff; background-color: transparent; color: #fff; font-size: 17px; letter-spacing: 0.0em; text-decoration: none; margin-top: 25px; font-family: 'AvertaStd-Bold';} a.link-btn-wht:hover {background-color: #fff; border-color: #fff; color: #00819f;} a.link-btn span {font-size: 14px; color: #fff;} p.email-pad {margin-top: 40px;} p.bold {font-family: 'AvertaStd-Bold';} p.bolder {font-family: 'AvertaStd-Bold'; font-size: 18px;} a.showcase-btn {margin: 0 0 40px 0;} a.second-btn {margin-left: 20px} #related a.btn{margin-top:100px} #related a.btn:hover{transform:translate(0px,-2px)} #mobile-related{display:none;padding:140px 0;text-decoration:none} #mobile-related img{width:25px;height:25px;display:block;margin:0 auto 15px} #mobile-related span{display:block;color:#00819f;text-transform:uppercase;letter-spacing:.7px;font-size:15px} [class*='grid'],[class*='col-'],[class*='mobile-'],.grid:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} [class*='col-']{float:left;min-height:1px;padding-right:15px;padding-left:15px} [class*='col-']:last-child{padding-right:10px} .col-left{padding-left:0;padding-right:20px} .grid{width:100%;margin:0 auto} .grid:after{content:"";display:table;clear:both} .grid-pad{padding-top:20px;padding-left:20px;padding-right:0} .push-right{float:right} [class*='col-']{position:relative} .col-1-1{width:100%} .col-2-3,.col-8-12{width:66.66%} .col-1-2,.col-6-12{width:50%} .col-1-3,.col-4-12{width:33.33%} .col-1-4,.col-3-12{width:25%} .col-1-5{width:20%} .col-1-6,.col-2-12{width:16.667%} .col-1-7{width:14.28%} .col-1-8{width:12.5%} .col-1-9{width:11.1%} .col-1-10{width:10%} .col-1-11{width:9.09%} .col-1-12{width:8.33%} .col-11-12{width:91.66%} .col-10-12{width:83.333%} .col-9-12{width:75%} .col-5-12{width:41.66%} .col-7-12{width:58.33%} .push-2-3,.push-8-12{margin-left:66.66%} .push-1-2,.push-6-12{margin-left:50%} .push-1-3,.push-4-12{margin-left:33.33%} .push-1-4,.push-3-12{margin-left:25%} .push-1-5{margin-left:20%} .push-1-6,.push-2-12{margin-left:16.667%} .push-1-7{margin-left:14.28%} .push-1-8{margin-left:12.5%} .push-1-9{margin-left:11.1%} .push-1-10{margin-left:10%} .push-1-11{margin-left:9.09%} .push-1-12{margin-left:8.33%} .left{text-align:left} .right{text-align:right} .center{text-align:center;margin-left:auto;margin-right:auto} .justify{text-align:justify} .clearfix:before,.clearfix:after{content:" ";display:table} .clearfix:after{clear:both} .vert-align{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-sm{margin:0 auto;width:960px;position:relative} .container-xs{margin:0 auto;width:600px;position:relative} .container-lg{margin:0 auto;max-width:1440px;position:relative} .container-xl{max-width:1720px;margin:0 auto} section.pad-top{padding:125px 0 0} section.pad-section{padding:125px 0} section.pad-bottom{padding:0 0 125px} section.top-section{padding:175px 0 0} section#flip {background-color: #aab2c3; padding: 50px 0} section#flip-intro {background-image: url(../img/bg/plain-r.jpg); padding: 85px 0;} section#flip-intro h3 {font-size: 22px;} hr.hr-lg{height:7px;background-color:#fff;width:150px;margin:40px auto;border:0} hr.hr-md{height:5px;background-color:#00819f;width:90px;margin:40px auto;border:0} hr.hr-sm{height:3px;background-color:#00819f;width:70px;margin:40px auto;border:0} hr.pad{margin:125px auto 40px} hr.slim{margin:0 auto 62.5px} hr.top{margin:125px auto 0} hr.clear{margin:0} hr.bottom-pad{margin:0 0 125px} hr.top-bottom{margin:125px 0} hr.clean{border-color:transparent} .primary h2{margin:30px 0 20px} .primary p{margin-bottom:20px;width:90%} .primary-img{width:100%;height:350px;overflow:hidden;position:relative;background-color:#575757} .primary-img img{position:absolute;top:50%;left:50%;width:101%;height:101%;object-fit:cover;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .2s ease-in-out} .second a {text-decoration: none} .second h2{margin:20px 0 60px} .second h2:hover {color: #00819f; text-decoration: none} .second a.text-link {text-decoration: none} .second p {margin-top: -45px; width: 96%; line-height: 25px; min-height: 110px;} .second-img{width:100%;height:330px;overflow:hidden;position:relative;background-color:#575757} .second-img img{position:absolute;top:50%;left:50%;width:101%;height:101%;object-fit:cover;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .2s ease-in-out} .home-prod-btn svg{transition:all .5s ease-in-out;fill:#575757} .home-prod{margin-bottom:80px} .home-prod h2{margin-bottom:20px;margin-top:0} .home-prod-btn{display:block;position:absolute;right:0;bottom:0;box-shadow:inset 0 0 0 #00819f;transition:all .5s;padding:19px 26px 23px;background-color:#fff} .second-img:hover .home-prod-btn{box-shadow:inset 150px 0 0 #00819f} .second-img:hover .home-prod-btn svg{fill:#fff} #hero-intro h2{margin-top:0;margin-bottom:40px; font-family:'AvertaStd-Bold',sans-serif; font-size: 36px;} .pull{margin-top:120px;margin-bottom:130px} .pull p{margin-bottom:40px} .pull-lg{margin-top:180px;margin-bottom:180px} h2.product-title{margin-bottom:50px;margin-top:0} a.cta-main{background-color:#00819f;padding:180px 0;width:100%;display:block;text-decoration:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} a.cta-main span{color:#fff;font-size:35px;font-family:'AvertaStd-Bold',sans-serif} a.cta-main svg{fill:#009ec3;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} a.cta-main:hover{background-color:#00819f;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} a.cta-main:hover svg{margin-left:20px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} span.cta-wide{display:inline-block} span.cta-short{display:none} .links{margin-top:120px} .product-link{position:relative;overflow:hidden} .product-link div{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .product-link img{position:absolute;top:50%;left:50%;height:370px;width:100%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)} .vert-align{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} section#hero{height:100%} #hero span{color:#fff;line-height:1} #hero p.hero-mob{display:none} .hero-down img{width:34px;opacity:.5;-webkit-transition:all .4s ease-in-out;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out} .hero-down img:hover{opacity:1} .rl-header{background-image:url(../img/bg/rubber-labels.jpg)} .mt-header{background-image:url(../img/bg/metal-trims.jpg)} .ht-header{background-image:url(../img/bg/heat-transfers.jpg)} .wl-header{background-image:url(../img/bg/woven-labels.jpg)} .lp-header{background-image:url(../img/bg/leather-patches.jpg)} .st-header{background-image:url(../img/bg/swing-tags.jpg)} .zp-header{background-image:url(../img/bg/zipper-pullers.jpg)} .tr-header{background-image:url(../img/bg/garment-trims.jpg)} .pk-header{background-image:url(../img/bg/fashion-packaging.jpg)} .pl-header{background-image:url(../img/bg/printed-labels.jpg)} .bd-header{background-image:url(../img/bg/clothing-badges.jpg)} .ab-header{background-image:url(../img/bg/about-hong-kong.jpg)} .cn-header{background-image:url(../img/bg/china.jpg)} .pr-header{background-image:url(../img/bg/fashion-branding-products.jpg)} .cl-header{background-image:url(../img/bg/ukp-clients.jpg)} .co-header{background-image:url(../img/bg/about-hong-kong.jpg)} .fm-header{background-image:url(../img/bg/fashion-branding-one.jpg)} .ec-header{background-image:url(../img/bg/sustainable-fashion-branding.jpg)} .rs-header{background-image:url(../img/bg/resources-header.jpg)} span.moq{color:#fff; background-color: #424242; font-size:17px;display:inline-block; margin-top: 50px; font-family: 'AvertaStd-Bold', sans-serif; padding: 10px 20px;} .gallery img{height:350px;object-fit:cover;width:calc(100% - 30px);margin-bottom:20px} .gallery .col-6-12{overflow:hidden;height:350px;margin-bottom:30px} .gallery a img{z-index:-1;position:absolute} .gallery a:hover .over-outer{opacity:1} .over-outer{width:100%;height:100%;background-color:rgba(29,32,38,.8);z-index:998;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;position:relative} .over-outer .over-title{position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;left:50%;width:70%;color:#fff;text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:.9px} .over-title span{color:#fff;font-family:'AvertaStd-Bold',sans-serif;font-size:19px;margin-bottom:5px;display:block;letter-spacing:.9px} .over-outer img{position:absolute;fill:#fff;bottom:15px;left:50%;margin-left:-10px;width:25px;height:13px} #product-feat p{width:90%;margin:0 5%} #product-feat p span{color:#575757} #product-link{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;position:absolute;top:50%;left:50%;width:101%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)} #imageDiv{position:relative;height:370px;overflow:hidden;margin-bottom:20px} .link-outer{width:100%;height:100%;overflow:hidden;position:relative;background-color:#000} .link-outer .link-title{position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;left:50%;width:100%;opacity:0;color:#fff} .link-title h4{color:#fff;font-size:20px} .link-title span{color:#fff;font-size:16px;-webkit-transform:translateX(-50%) translateY(-50%) scale(1.03);-moz-transform:translateX(-50%) translateY(-50%) scale(1.03);-o-transform:translateX(-50%) translateY(-50%) scale(1.03);transform:translateX(-50%) translateY(-50%) scale(1.03)} .link-title span div{font-size:22px;color:#fff;font-family:'AvertaStd-Bold','TrendaBold',Arial,sans-serif} .link-outer:hover img{opacity:.2} .link-outer:hover .link-title{opacity:1} #imageDIV:hover #imageDIV{opacity:.5} section#contact-email{padding:140px 0;background-color:#f4f6ef} #contact-email a{font-size:42px;color:#00819f;text-decoration:none;display:inline-block;border-bottom:5px solid transparent;transition:all .25s linear;font-family:'AvertaStd-Bold',Arial,sans-serif} #contact-email a:hover{border-bottom-color:#00819f} section#footer{font-size:15px;padding:130px 0;background-color:#424242;position: relative} img.footer-logo{width:90px} #footer span{display:inline-block;margin-top:30px;} span.footer-connect{color:#7a7a7a} #footer ion-icon{font-size:28px;margin-top:-6px} #footer ion-icon svg{fill:#fff} #footer h4{color:#fff;margin:0 0 50px} img.footer-head {position: absolute; width: 78px; top: -39px; left: 50%; margin-left: -39px; z-index: 777} ul.footer-m li{padding-left:0;margin-bottom:15px} ul.footer-m li a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.9px} ul.footer-menu{margin-top:50px} ul.footer-menu li{display:inline-block;margin:0 30px;text-transform:uppercase;letter-spacing:.7px;font-size:13px} ul.footer-menu li,ul.footer-menu li a{color:#fff;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:4px} #footer p{color:#fff;margin-top:50px;font-size:17px} ul.social-menu {margin-top: 60px;} ul.social-menu li{display:inline-block; margin: 0 30px 0 0;transition:all .25s linear} ul.social-menu li:hover{transform:translate(0px,-2px)} a.footer-email{font-family: 'AvertaStd-Bold', arial;margin-top:40px;display:inline-block;color:#fff;text-decoration:none} #footer p{width: 80%; font-size:15px} a.privacy_link {color: #fff;} section#copy p{padding:7px 0;font-size:14px} #nav{height:50px;width:100%;position:relative;font-size:15px;background-color:#fff;padding:44px 0 37px;z-index:9999;-o-box-shadow:0 5px 8px rgba(0,0,0,.3);-moz-box-shadow:0 5px 8px rgba(0,0,0,.3);-webkit-box-shadow:0 5px 8px rgba(0,0,0,.3);box-shadow:0 5px 8px rgba(0,0,0,.3);border-top:4px solid #00819f} #nav .nav-left{margin:0;padding:0 0 0 10px;float:left;width:30%} #nav .nav-left img{width:285px} #nav .nav-mid{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:auto} #nav .nav-right{padding:0 10px 0 0} #nav .nav-right ul li a{color:#575757;text-decoration:none;letter-spacing:.9px} #nav .nav-right ul li a:hover{color:#00819f} #nav .nav-right ul li{float:left;font-size:12px;font-family:'AvertaStd-Regular',Arial,sans-serif;color:#00819f;text-transform:uppercase;letter-spacing: 0.9px} .nav-right ion-icon svg{width:18px;height:18px} #nav .nav-right ul li.nav-right-lang{margin-right:0} #nav .nav-right ul li.nav-right-lang a:hover{color:#00819f} ul.nav-main{list-style-type:none;font-size:12px;letter-spacing:.7px;transform:scale(1,1.03)} ul.nav-main li{display:inline-block;color:#686e7c;margin-left:45px} ul.nav-main li.active{font-family:'AvertaStd-Bold',Arial,sans-serif;color:#00819f} ul.nav-main ul{background-color:#fff;position:absolute;top:15px;width:380px;padding:45px 25px 5px;display:none;margin-left:-25px} ul.nav-main ul li{width:50%;float:left;margin-bottom:25px;color:#00819f;font-family:'AvertaStd-Bold',Arial,sans-serif;margin-left:0} #nav ul li:hover > ul{display:block} ul.nav-main ul li:nth-child(2){margin-left:0;margin-right:0} ul.nav-main ul li:nth-child(3){margin-left:0;margin-right:0} #nav .nav-right ul li a.contact-btn{padding:8px 22px;background-color:#fff;color:#00819f;border:1px solid #00819f;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out} #nav .nav-right ul li a.contact-btn:hover{background-color:#00819f;color:#fff} ul.nav-fix{list-style-type:none;margin-top:6px;float:left;width:auto;z-index:222} ul.nav-fix li{display:inline-block;color:#575757;margin-left:20px;text-transform:uppercase;font-size:12px;letter-spacing: 0.9px} ul.nav-fix li a{text-decoration:none;color:#575757; letter-spacing:.9px} ul.nav-fix li.active{color:#00819f} ul.nav-fix ul{background-color:#fff;position:absolute;top:25px;width:200px;left:-15px;padding:25px 25px 5px;display:none;text-align:left;-moz-box-shadow:3px 3px 1px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 1px rgba(0,0,0,0.1);box-shadow:3px 3px 1px rgba(0,0,0,0.1)} ul.nav-fix ul li{width:100%;float:left;margin-bottom:20px;color:#00819f} ul.nav-fix ul li a{color:#575757} ul.nav-fix ul li a:hover{color:#00819f} ul.nav-fix ul li:hover{border-bottom-color:#575757} ul.nav-fix li:hover > ul{display:block} .nav-fix ion-icon svg{fill:#575757} #sticky-anchor{width:100%;display:block;height:0} ul.section-menu{list-style:none;margin-top:7.5px;font-size:12px} ul.section-menu li{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:.9px} ul.section-menu li:last-child{margin-right:0} ul.section-menu li a{text-decoration:none;transition:all .5s linear;padding:8px 0 0; letter-spacing: 0.9px;} ul.section-menu li a:hover{color:#00819f} ul.section-menu li a:hover span{color:#00819f} ul.section-menu li a.active{color:#00819f} ul.section-menu li a.active span{color:#00819f} .section-menu-outer{height:40px} .section-menu-right{margin-top:5px} .section-menu-right a{margin-right:20px;text-transform:uppercase;font-size:12px;letter-spacing:.9px;text-decoration:none;color:#575757} .section-menu-right a:hover{color:#00819f} #brands{margin-top:20px} #brands img{max-width:40%;margin-top:60px} #nav .nav-right{float:right;margin-top:17px} .link-drop{display:inline-block} .link-drop:after{content:'';display:block;height:0;width:100%;background:transparent;transition:height .2s ease-in-out,background-color .2s ease} .link-drop:hover:after,.link-drop.active:after{height:3px;background:#00819f} section#hero{height:calc(100% - 131px)} section#fliphero {height:calc(50% - 131px)} #hero .hero-header{height:calc(100% - 20px);float:left;background-size:cover;background-position:center;width:100%;background-color:#00819f;position:relative} #hero-scroll{display:block;float:left;width:100%;margin-top:20px} #hero-scroll a{font-size:12px;color:#00819f;text-transform:uppercase;letter-spacing:.05em;font-family:'AvertaStd-Bold',Arial,sans-serif;text-decoration:none;border-bottom:3px solid transparent;padding-bottom:3px;margin-top:15px} #hero-scroll a:hover{border-bottom-color:#00819f} #scroll-anchor{position:absolute;bottom:0} #hero-intro{height:50%;background-color:#ebebec} #hero-intro h3{margin-bottom:40px} #mobile-intro{display:none;background-color:#f4f6ef} #mobile-intro p{color:#00819f;font-size:18px} span.burger{display:none; cursor: pointer;} .overlay{height:100%;width:0;position:fixed;z-index:9999;top:0;left:0;background-color:#00c578;background-color:rgba(0,97,120,0.95);overflow-x:hidden;transition:.5s} .overlay-content{position:relative;width:80%;color:#818181;margin:30px auto 0} .overlay a{text-decoration:none;font-size:36px;color:#f1f1f1} .overlay a:hover,.overlay a:focus{color:#fff} .overlay-product ul li a{font-size:18px;margin-bottom:5px;letter-spacing:.7px;text-transform:uppercase} .overlay .closebtn{position:absolute;top:0;right:35px;font-size:50px} .overlay span.language{position:absolute;top:35px;left:35px;font-size:15px;color:#fff} .overlay a.overlay-icon{font-size:20px;margin-right:15px} a.overlay-icon svg{fill:#f1f1f1;margin-right:20px} a.overlay-icon:hover svg{fill:##fff} span.language a{font-size:15px} .overlay ul li{margin:8px 0} .nav-btm{padding:17px 0 18px;font-size:15px;background-color:#fff;-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,0.1);-moz-box-shadow:0 8px 6px -6px rgba(0,0,0,0.1);box-shadow:0 8px 6px -6px rgba(0,0,0,0.1);border-bottom:1px solid #ccc} #sticky.stick{margin-top:0;position:fixed;top:0;z-index:9998;width:100%} .info-outer{display:flex;align-items:center} ul.feature-list{margin-top:25px} ul.feature-list li{font-size:15px;font-family:'AvertaStd-Bold',Arial,sans-serif;line-height:35px} ul.feature-list li img{width:25px;margin-right:12px} a.product-link-img{position:relative;height:370px;overflow:hidden;margin-bottom:10px;margin-top:10px} .product-link-img img{position:absolute;top:50%;left:50%;width:101%;height:101%;object-fit:cover;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)} .product-link-outer{width:100%;height:100%;margin-left:10px;margin-right:10px;overflow:hidden;position:relative;background-color:#00819f} .product-link-title{position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;left:50%;width:100%;text-align:center} .product-link-title h2{color:#fff;text-shadow:1px 1px 20px rgba(0,0,0,0.75)} h2.main{font-size:46px} .product-link-outer:hover img{-webkit-transform:translateX(-50%) translateY(-50%) scale(1.03);-moz-transform:translateX(-50%) translateY(-50%) scale(1.03);-o-transform:translateX(-50%) translateY(-50%) scale(1.03);transform:translateX(-50%) translateY(-50%) scale(1.03)} .product-link-outer img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out} .section-title{width:50%;margin-left:25%} #values{margin-top:62.5px} #values p{width:80%;margin:0 10%} .cert .grid{display:flex;align-items:center;justify-content:center} .cert img{margin-bottom:31px;width:50px;height:50px} .cert p{width:80%;margin:0 10%} .cert img.img-full{height:250px;width:auto;margin:0;max-width:100%} .cert-logo{height:100%} .client .grid{display:flex;align-items:center;justify-content:center} .client img{margin-bottom:31px;width:50px;height:50px} .client p{width:80%;margin:0 10%} .client img.img-full{width:100%;height:auto;margin:0} section#newsletter{background-color:#f4f6ef} .signup-form input,textarea{background-color:#575757;border:1px solid #fff;padding:15px 10px;margin:40px 0 0;font-size:15px;width:70%;text-align:left;font-family:'AvertaStd-Regular',sans-serif;float:left;color:#f6f6f6} .signup-form input.button{display:block;width:auto;text-decoration:none;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;background-color:#575757;color:#fff;padding:16px 20px;font-size:13.5px;letter-spacing:-.5px;font-family:'AvertaStd-Bold',sans-serif;cursor:pointer;margin:40px 0 0 5px;float:left} .signup-form input.button:hover{background-color:#fff;color:#575757} p.antispam{display:none} label[for="sweet"], #sweet { display: none; visibility: hidden; } .full-form{margin-top:75px} .full-form label,input,textarea{width:calc(100% - 10px);display:block;font-family:'AvertaStd-Regular',Arial,sans-serif} .full-form label{font-size:16px;margin-bottom:6px;font-family:'AvertaStd-Bold',Arial;color:#575757} .full-form input,textarea{background-color:#fff;border:1px solid #bbb;padding:12px 10px;margin-bottom:25px;font-size:16px;outline-color:#00819f;color:#707070} .form-block{padding:0 25px} #contact-form [class*='col-']:nth-child(1){padding-right:60px} #contact-form [class*='col-']:nth-child(2){padding:0 30px} #contact-form [class*='col-']:nth-child(3){padding-left:60px} #contact-form [class*='col-']:nth-child(4){padding-right:60px} #contact-form [class*='col-']:nth-child(5){padding:0 30px} #contact-form [class*='col-']:nth-child(6){padding-left:60px} #contact-form [class*='col-'].message-field {padding-left: 15px; padding-right: 25px} .full-form textarea{width: 100%;max-width:100%;text-align:left;margin-top:3px} .newsletter-button{width:100%;margin-top:32px} .newsletter-button input{width:auto;display:inline-block;margin-right:15px} .newsletter-button span{font-size:15px;color:#575757;font-family:'AvertaStd-Bold',Arial} /*.full-form input.button{background-color:#fff;border:none;width:auto;display:block;padding:0;font-size:16px;outline-color:transparent;color:#575757;margin:30px auto 0;font-family:'AvertaStd-Bold',Arial;border-bottom:3px solid #575757;padding-bottom:5px}*/ span.message-tip {font-size: 15px; line-height: 1.5; color: #424242} a.min-win {color: #00819f; font-family:'AvertaStd-Bold',Arial;} a.min-win img {width: 19px; margin-left: 2px;} .full-form input.button{background-color:#00819f;border: none ;width:auto;display:block;padding:0;font-size:15px;outline-color:transparent;color:#fff;margin:30px auto 0;font-family:'AvertaStd-Bold',Arial;padding: 13px 24px} .full-form input.button:hover{cursor:pointer;background-color:#015e74;} #contact-address .grid{margin-bottom:70px} section#offices{background-color:#fff} #offices h3{margin:50px 0 25px} .offices-bottom{margin-top:50px} #offices p{width:90%;margin:0 auto} section#products-add{background-color:#00819f} #products-add h3{color:#fff;font-family:'AvertaStd-Regular','TrendaRegular',sans-serif} #products-add a.button{background-color:#f4f6ef;color:#00819f;padding:16px 37px;display:inline-block;width:auto;border:2px solid #fff;text-decoration:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;font-size:17px;margin:52px auto 0;letter-spacing:-.5px;font-family:'AvertaStd-Bold','TrendaBold',arial,sans-serif} #products-add a.button:hover{transform:translate(0px,-2px)} #topBtn{display:none;position:fixed;bottom:30px;right:30px;z-index:99;width:40px;height:40px;border:none;outline:none;background-image:url(../img/nav/up.svg);background-size:cover;color:#fff;cursor:pointer;padding:15px;opacity:.7} a.scrollup{display:none;position:fixed;bottom:20px;right:30px;z-index:99;width:35px;height:35px;border:none;outline:none;background-image:url(../img/nav/up.svg);background-size:cover;cursor:pointer;opacity:.6} a.scrollup:hover{opacity:1} #office-list [class*='col-']:nth-child(4){margin-top:60px} #office-list [class*='col-']:nth-child(5){margin-top:60px} #office-list [class*='col-']:nth-child(6){margin-top:60px} #coll .gallery [class*='col-']{overflow:hidden;height:300px;margin-bottom:20px} #coll .gallery img{height:300px} .mob-show{display:none} span.hide-xl{display:inline-block} span.hide-lg{display:inline-block} span.hide-md{display:inline-block} span.hide-sm{display:inline-block} #share {background-color: #ebebec} #share-buttons {width: auto; margin: 0 auto; display: block} #share-buttons p {font-size: 15px; margin-bottom: 40px;} #share-buttons a {display: inline-block; margin: 0 15px 0; padding: 0 0;} section#soc-sh {background-color: #ebebec; padding: 80px 0 90px;} .sprite {background-image: url(../img/social/social-sprite.png);background-repeat: no-repeat;display: block;} .sprite-email {width: 25px;height: 25px;background-position: 0px 0;} .sprite-facebook {width: 25px;height: 25px;background-position: -30px 0;} .sprite-twitter {width: 25px;height: 25px;background-position: -60px 0;} .sprite-linked {width: 25px;height: 25px;background-position: -90px 0;} .sprite-pinterest {width: 25px;height: 25px;background-position: -120px 0;} .sprite-email:hover {background-position: 0px -30px;} .sprite-facebook:hover {background-position: -30px -30px;} .sprite-twitter:hover {background-position: -60px -30px;} .sprite-linked:hover {background-position: -90px -30px;} .sprite-linked:hover {background-position: -90px -30px;} .sprite-pinterest:hover {background-position: -120px -30px;} section#rs-main { margin-top: 100px; } .rs-container { background-image: url(../img/bg/metal-trimming.jpg); background-size: cover; background-position: center center; padding: 100px 0; } .rs-mt {background-image: url(../img/bg/metal-trims-r.jpg);} .rs-cb {background-image: url(../img/bg/clothing-badges-r.jpg);} .rs-wl {background-image: url(../img/bg/woven-labels-r.jpg);} .rs-st {background-image: url(../img/bg/swing-tags-r.jpg);} .rs-ht {background-image: url(../img/bg/heat-transfers-r.jpg);} .rs-pl {background-image: url(../img/bg/printed-labels-r.jpg);} .rs-lp {background-image: url(../img/bg/leather-patches-r.jpg);} .rs-gt {background-image: url(../img/bg/garment-trims-r.jpg);} .rs-pk {background-image: url(../img/bg/packaging-r.jpg);} .rs-zp {background-image: url(../img/bg/zipper-pullers-r.jpg);} .rs-rl {background-image: url(../img/bg/rubber-labels-r.jpg);} .rs-fty {background-image: url(../img/company/machine-bg.jpg);} .rs-rs {background-image: url(../img/bg/resources-r.jpg);} .rs-content { margin-left: 65px; } section#rs-main p { color: #fff; font-size: 16px; } section#rs-main h2 { color: #fff; font-size: 38px; line-height: 1.25; } section#rs-main a { margin-top: 40px; } section#resource { background-color: #ebebec; margin-top: 125px; } #resource .resource-block { background-color: #fff; padding: 65px 0; } #resource p { margin-bottom: 50px; } .resource-block p { width: 80%; margin: 25px 10% 15px!important; } .resource-block h4 { font-size: 24px; margin: 20px 0; } #resource h2 { margin-bottom:40px; } section#dg { padding-top: 135px; } .dg-img img { max-width: 100%; margin-bottom: 15px; margin-top: 65px; } .dg-gallery { margin-top: 70px; } .dg-detail h3 { font-size: 30px; margin: 0 0 10px; letter-spacing: -0.5px; line-height: 1; } .dg-detail span { color: #707070; font-size: 13px; } .dg-detail a { font-size: 16px; letter-spacing: -0.3px; color: #00819f; margin-top: 0px; } section#dg-pull { background-color: #ebebec; margin-top: 135px; } section#cred { background-color: #ebebec; } section#cred .container-lg { padding: 100px 0; } .cred-block-inner { background-color: #fff; padding: 65px 0; } .cred-block h2 { line-height: 1.25; } .cred-block p { width: 70%; margin: 0 15%; } .cred-block img {max-width: 400px} .cred-block a {margin-top: 40px;} section#coll { padding-top: 50px; } @media only screen and (max-width:1440px) { span.hide-xl{display:none} } @media only screen and (max-width:1320px) { span.hide-lg{display:none} } @media only screen and (max-width:1200px) { span.burger{display:block} span.lang{display:none} ul.nav-main{display:none} a#menu-btn{display:none} .nav-btm{display:none!important} .nav-btm .col-9-12{width:100%} #nav .nav-mid{left:35px;-webkit-transform:translateX(0%);-ms-transform:translateX(-0%);transform:translateX(0%)} section#hero{height:100%} .nav-btm .col-8-12{width:100%} #nav{position:fixed;z-index:888;border-bottom:1px solid #eaeaea} #home-hero h1{margin-top:105px} .hero-header h1{margin-top:98px} .container-lg{width:90%} #nav .container-lg{width:100%;margin:0} #nav .nav-left{margin-left:50px} #nav .nav-left img{width:280px;margin-top:0} #nav .nav-right{margin-right:40px;margin-top:13px} #nav{padding:35px 0 28px} h1 span{display:none} h1{text-transform:capitalize} .nav-right ul{display:none} #home-hero{height:55%} #hero-intro{height:45%} .second{width:50%} ul.footer-m .col-5-12{width:100%} ul.social-menu li{margin:0 20px 20px 0px} a.footer-email{margin-top:55px} .signup-form input{width:100%} .signup-form input.button{margin:0} p{font-size:16px} a.product-link-img{height:320px} .cert img.img-full{height:180px} .mob-show .img-full{margin-bottom:62.5px!important} section#clients{background-color:#00819f;color:#fff} #clients p{color:#fff} #clients h2{color:#fff} #clients h5{color:#fff} #clients hr{background-color:#fff} #clients img{width:50%} #services h3{margin:25px 0} .services-grid{margin-top:50px} .services-grid p{width:80%;margin:0 auto;font-size:16px} a.white-inline{color:#fff;text-decoration:none;border-bottom:2px solid transparent;opacity:.6} a.white-inline:hover{border-bottom-color:#fff;opacity:1} section#privacy{background-color:#f4f6ef} #privacy h3{margin-bottom:25px} section#privacy-add a{margin-top:50px} .section-title{width:66.66%;margin-left:16.66%} .gallery .col-6-12{height:330px;margin-bottom:20px} #brands .col-10-12{width:100%} #brands .push-1-12{margin-left:0} #contact-form [class*='col-']:nth-child(1){padding-right:40px} #contact-form [class*='col-']:nth-child(2){padding:0 20px} #contact-form [class*='col-']:nth-child(3){padding-left:40px} #contact-form [class*='col-']:nth-child(4){padding-right:40px} #contact-form [class*='col-']:nth-child(5){padding:0 20px} #contact-form [class*='col-']:nth-child(6){padding-left:40px} #office-list .col-4-12{width:50%} #office-list [class*='col-']:nth-child(3){margin-top:60px} .rs-mt {background-image: url(../img/bg/plain-r.jpg);} .rs-cb {background-image: url(../img/bg/plain-r.jpg);} .rs-wl {background-image: url(../img/bg/plain-r.jpg);} .rs-st {background-image: url(../img/bg/plain-r.jpg);} .rs-ht {background-image: url(../img/bg/plain-r.jpg);} .rs-pl {background-image: url(../img/bg/plain-r.jpg);} .rs-lp {background-image: url(../img/bg/plain-r.jpg);} .rs-gt {background-image: url(../img/bg/plain-r.jpg);} .rs-pk {background-image: url(../img/bg/plain-r.jpg);} .rs-zp {background-image: url(../img/bg/plain-r.jpg);} .rs-rl {background-image: url(../img/bg/plain-r.jpg);} .rs-fty {background-image: url(../img/bg/plain-r.jpg);} .rs-r {background-image: url(../img/bg/plain-r.jpg);} .rs-rs {background-image: url(../img/bg/plain-r.jpg);} .rs-content {width: 70%;} .dg-gallery .col-3-12 {width: 50%;} } #eco_intro img{margin-bottom:31px} #eco_intro p{color:#575757} .eco-icon{margin-top:42px} span.key{color:#575757} @media only screen and (max-width:1024px) { .full-form textarea{width:100%} #nav{padding:27px 0 16px} #nav .nav-left img{width:250px;margin-top:0} #nav .nav-right{margin-top:10px} .container-lg{width:94%;margin:0 3%} #related{display:none} #mobile-related{display:block} #hero .col-6-12{width:70%;margin:0 15%} .container-sm{width:90%;margin:0 5%} h2.main{font-size:40px} .form-block{padding:0 25px} #values p{width:90%;margin:0 5%} #contact-form .col-4-12{width:50%} #contact-form [class*='col-']:nth-child(1){padding-right:20px; padding-left: 10px;} #contact-form [class*='col-']:nth-child(2){padding:0 0 0 20px} #contact-form [class*='col-']:nth-child(3){padding-right:20px;padding-left:10px} #contact-form [class*='col-']:nth-child(4){padding:0 0 0 20px} #contact-form [class*='col-']:nth-child(5){padding-right:20px;padding-left:10px} #contact-form [class*='col-']:nth-child(6){padding:0 0 0 20px} #contact-form [class*='col-'].message-field {padding-left: 10px; padding-right: 10px} } @media only screen and (max-width:800px) { span.message-tip {font-size: 14px} .col-4-12{width:100%;margin:0} .product-link-img{width:100%;margin:0} .product-link-outer{margin:15px 0} .col-6-12{width:100%} .primary-two{margin-top:70px} section#footer{padding:100px 0} ul.footer-m .col-5-12{width:50%} ul.footer-m{margin-bottom:60px;float:left} #footer h4{margin-bottom:20px} ul.social-menu {margin-top:20px; margin-bottom:60px} ul.social-menu li{display:inline;margin:0 40px 0 0} a.footer-email{margin:20px 0 60px} #footer p{width: 90%; margin-top:0} .signup-form input{margin:20px 10px 0 0;max-width:350px} .signup-form input.button{margin:20px 0} .push-3-12{margin-left:0} ul.footer-m li{margin-bottom:10px} .gallery .col-6-12{width:100%} .lb-data .lb-number{display:none!important} .link-outer:hover img{opacity:1;filter:grayscale(0%)} #product-link:hover{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);-o-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)} .link-outer:hover .link-title{opacity:0} .overlay-product{display:none} .overlay ul{text-align:center} .overlay a.overlay-icon{font-size:20px;margin-right:10px;margin-left:10px} #clients img{width:65%} .services-grid .col-4-12{width:80%;margin:50px 10% 0} .services-grid{margin-top:0} .form-block{padding:0} .section-title{width:94%;margin-left:3%} #product-feat .col-4-12{margin-bottom:62.5px} #product-feat [class*='col-']:last-child{margin-bottom:0} #values{margin-top:0} #values img{margin-top:31px} .cert .grid{display:block} .client .grid{display:block} .mob-show{display:block} .mob-hide{display:none} .client img.img-full{margin-bottom:62.5px} #office-list .col-4-12{width:100%} #office-list [class*='col-']:nth-child(2){margin-top:60px} .cred-block-s {margin-top: 30px;} } @media only screen and (max-width:700px) { a.second-btn {margin-left: 0; float: left; margin-top: 20px!important} } @media only screen and (max-width:600px) { h3{font-size:15px} #nav .nav-left{margin-left:15px} #nav .nav-right{margin-right:15px;margin-top:10px} a.inline-a{font-size:16px} p{font-size:15px} h2{font-size:30px} .second h2{margin:15px 0 45px} .col-8-12{width:100%;margin:0} a.inline-c{font-size:20px;font-family:'AvertaStd-Bold',sans-serif} #hero p.hero-desc{display:none} #hero p.hero-mob{display:block} #hero .hero-header{height:100%} ul.footer-menu{display:none} #offices .col-6-12{margin-bottom:50px} section#offices{padding:180px 0 130px} a.cta-main span{font-size:30px} .overlay a{font-size:30px} #mobile-related{padding:100px 0} section#contact-email{padding:100px 0} a.cta-main{padding:100px 0} section.pad-section{padding:100px 0} #hero .hero-down{display:none} #home-hero h1{font-size:45px} span.cta-wide{display:none} span.cta-short{display:inline-block} .rl-header{background-image:url(../img/bg/rubber-labels-m.jpg)} .mt-header{background-image:url(../img/bg/metal-trims-m.jpg)} .ht-header{background-image:url(../img/bg/heat-transfers-m.jpg)} .wl-header{background-image:url(../img/bg/woven-labels-m.jpg)} .lp-header{background-image:url(../img/bg/leather-patches-m.jpg)} .st-header{background-image:url(../img/bg/swing-tags-m.jpg)} .zp-header{background-image:url(../img/bg/zipper-pullers-m.jpg)} .tr-header{background-image:url(../img/bg/garment-trims-m.jpg)} .pk-header{background-image:url(../img/bg/fashion-packaging-m.jpg)} .pl-header{background-image:url(../img/bg/printed-labels-m.jpg)} .bd-header{background-image:url(../img/bg/clothing-badges-m.jpg)} .pr-header{background-image:url(../img/bg/fashion-branding-products-m.jpg)} .ab-header{background-image:url(../img/bg/about-hong-kong-m.jpg)} .co-header{background-image:url(../img/bg/about-hong-kong-m.jpg)} .cl-header{background-image:url(../img/bg/ukp-clients-m.jpg)} .fm-header{background-image:url(../img/bg/swing-tags-m.jpg)} #home-hero figure{background-image:url(../img/bg/swing-tags-m.jpg);background-size:cover;background-position:center center} #home-hero figure#item-two{background-image:url(../img/bg/metal-trims-m.jpg)} #home-hero figure#item-three{background-image:url(../img/bg/woven-labels-m.jpg)} #home-hero figure#item-four{background-image:url(../img/bg/fashion-packaging-m.jpg)} #home-hero figure#item-five{background-image:url(../img/bg/zipper-pullers-m.jpg)} .section-title{width:94%;margin-left:3%} #hero-intro img{display:none} #hero-intro h3{margin-bottom:0} #hero-intro a{margin-top: 40px;} #hero-intro h2{margin-bottom:25px; line-height: 1.5;} #contact-form .col-4-12{width:100%;padding-left:10px!important;padding-right:10px!important} #contact-form [class*='col-'].message-field {padding-left: 10px; padding-right: 20px} .newsletter-button{margin-top:0;margin-bottom:15px} .second p {margin-top: -35px;} .rs-content { width: 80%; margin-left: 45px;} .dg-gallery .col-3-12 {width: 100%;} } @media only screen and (max-width:480px) { #nav .nav-left img{width:220px;margin-top:5px} h2{font-size:27px} .primary-img{height:300px} .second-img{height:280px} #contact-email a{font-size:30px} .message-field{width:100%} .signup-form input{margin-left:0;margin-right:0;width:90%} ul.social-menu li{display:inline;margin:0 25px 0 0} #home-hero{height:45%} #hero-intro{height:55%} }