/* ==========================================================================
   Author: Marilena at HoohaaDesign http://hoohaadesign.co.uk Twitter @LadyfromHoohaa                                                                                                                                                                                                                                                                                                                                                                                     
   ========================================================================== */
.spinner{ width:100px; height:100px; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px}.double-bounce1,.double-bounce2{ width:100%; height:100%; border-radius:50%; background-color:#999; opacity:0.6; position:absolute; top:0; left:0;  -webkit-animation:bounce 2.0s infinite ease-in-out; animation:bounce 2.0s infinite ease-in-out}.double-bounce2{ -webkit-animation-delay:-1.0s; animation-delay:-1.0s}@-webkit-keyframes bounce{ 0%,100%{-webkit-transform:scale(0.0)} 50%{-webkit-transform:scale(1.0)}}@keyframes bounce{ 0%,100%{ transform:scale(0.0); -webkit-transform:scale(0.0)}50%{ transform:scale(1.0); -webkit-transform:scale(1.0)}}@font-face{  font-family:'icomoon';  src:url('/fonts/icomoon.eot?-l4o3zw');  src:url('/fonts/icomoon.eot?#iefix-l4o3zw') format('embedded-opentype'),    url('/fonts/icomoon.woff?-l4o3zw') format('woff'),    url('/fonts/icomoon.ttf?-l4o3zw') format('truetype'),    url('/fonts/icomoon.svg?-l4o3zw#icomoon') format('svg'); font-weight:normal; font-style:normal}[class^="icon-"],[class*="icon-"]{ font-family:'icomoon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}.icon-long-arrow-right:before{ content:"\e617"}.icon-HoohaaDesignLogo:before{ content:"\e600"}.icon-mail:before{ content:"\e601"}.icon-paperplane:before{ content:"\e602"}.icon-pencil:before{ content:"\e603"}.icon-paperclip:before{ content:"\e604"}.icon-location:before{ content:"\e605"}.icon-arrow-left:before{ content:"\e606"}.icon-arrow-down:before{ content:"\e607"}.icon-arrow-up:before{ content:"\e608"}.icon-arrow-right:before{ content:"\e609"}.icon-arrow-left2:before{ content:"\e60a"}.icon-arrow-down2:before{ content:"\e60b"}.icon-arrow-up2:before{ content:"\e60c"}.icon-arrow-right2:before{ content:"\e60d"}.icon-vimeo:before{ content:"\e60e"}.icon-twitter:before{ content:"\e60f"}.icon-facebook:before{ content:"\e610"}.icon-googleplus:before{ content:"\e611"}.icon-pinterest:before{ content:"\e612"}.icon-tumblr:before{ content:"\e613"}.icon-linkedin:before{ content:"\e614"}.icon-dribbble:before{ content:"\e615"}.icon-instagram:before{ content:"\e616"}.icon-skype:before{ content:"\e618"}.icon-heart:before{ content:"\f004"}.icon-star:before{ content:"\f005"}.icon-th:before{ content:"\f00a"}.icon-check:before{ content:"\f00c"}.icon-close:before{ content:"\f00d"}.icon-repeat:before{ content:"\f01e"}.icon-refresh:before{ content:"\f021"}.icon-chevron-left:before{ content:"\f053"}.icon-chevron-right:before{ content:"\f054"}.icon-plus:before{ content:"\f067"}.icon-minus:before{ content:"\f068"}.icon-bars:before{ content:"\f0c9"}.icon-caret-down:before{ content:"\f0d7"}.icon-caret-up:before{ content:"\f0d8"}.icon-caret-left:before{ content:"\f0d9"}.icon-caret-right:before{ content:"\f0da"}.icon-sort-desc:before{ content:"\f0dd"}.icon-sort-asc:before{ content:"\f0de"}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:1em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}html{font-size:65%;font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}body{font-family:'proxima-nova',sans-serif;color:#666;font-size:16px;font-size:1.6rem;font-weight:400;line-height:1.6;text-rendering:optimizelegibility; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:#fff}.wrapper{ margin:0; position:relative; width:100%; height:100%}body.grey,.wrapper{ opacity:0}.no-js body,.no-js .wrapper{ opacity:1}.container{padding-right:15px; padding-left:15px;overflow:hidden;max-width:1920px;margin:0 auto}@media (min-width:768px){ .container{ width:756px}}@media (min-width:992px){ .container{ width:980px}}@media (min-width:1200px){ .container{ width:95%}}.row{ margin-right:-15px; margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ position:relative; min-height:1px; padding-right:15px; padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{ float:left}.col-xs-12{ width:100%}.col-xs-11{ width:91.66666667%}.col-xs-10{ width:83.33333333%}.col-xs-9{ width:75%}.col-xs-8{ width:66.66666667%}.col-xs-7{ width:58.33333333%}.col-xs-6{ width:50%}.col-xs-5{ width:41.66666667%}.col-xs-4{ width:33.33333333%}.col-xs-3{ width:25%}.col-xs-2{ width:16.66666667%}.col-xs-1{ width:8.33333333%}.col-xs-pull-12{ right:100%}.col-xs-pull-11{ right:91.66666667%}.col-xs-pull-10{ right:83.33333333%}.col-xs-pull-9{ right:75%}.col-xs-pull-8{ right:66.66666667%}.col-xs-pull-7{ right:58.33333333%}.col-xs-pull-6{ right:50%}.col-xs-pull-5{ right:41.66666667%}.col-xs-pull-4{ right:33.33333333%}.col-xs-pull-3{ right:25%}.col-xs-pull-2{ right:16.66666667%}.col-xs-pull-1{ right:8.33333333%}.col-xs-pull-0{ right:0}.col-xs-push-12{ left:100%}.col-xs-push-11{ left:91.66666667%}.col-xs-push-10{ left:83.33333333%}.col-xs-push-9{ left:75%}.col-xs-push-8{ left:66.66666667%}.col-xs-push-7{ left:58.33333333%}.col-xs-push-6{ left:50%}.col-xs-push-5{ left:41.66666667%}.col-xs-push-4{ left:33.33333333%}.col-xs-push-3{ left:25%}.col-xs-push-2{ left:16.66666667%}.col-xs-push-1{ left:8.33333333%}.col-xs-push-0{ left:0}.col-xs-offset-12{ margin-left:100%}.col-xs-offset-11{ margin-left:91.66666667%}.col-xs-offset-10{ margin-left:83.33333333%}.col-xs-offset-9{ margin-left:75%}.col-xs-offset-8{ margin-left:66.66666667%}.col-xs-offset-7{ margin-left:58.33333333%}.col-xs-offset-6{ margin-left:50%}.col-xs-offset-5{ margin-left:41.66666667%}.col-xs-offset-4{ margin-left:33.33333333%}.col-xs-offset-3{ margin-left:25%}.col-xs-offset-2{ margin-left:16.66666667%}.col-xs-offset-1{ margin-left:8.33333333%}.col-xs-offset-0{ margin-left:0}@media (min-width:768px){ .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ float:left} .col-sm-12{ width:100%} .col-sm-11{ width:91.66666667%} .col-sm-10{ width:83.33333333%} .col-sm-9{ width:75%} .col-sm-8{ width:66.66666667%} .col-sm-7{ width:58.33333333%} .col-sm-6{ width:50%} .col-sm-5{ width:41.66666667%} .col-sm-4{ width:33.33333333%} .col-sm-3{ width:25%} .col-sm-2{ width:16.66666667%} .col-sm-1{ width:8.33333333%} .col-sm-pull-12{ right:100%} .col-sm-pull-11{ right:91.66666667%} .col-sm-pull-10{ right:83.33333333%} .col-sm-pull-9{ right:75%} .col-sm-pull-8{ right:66.66666667%} .col-sm-pull-7{ right:58.33333333%} .col-sm-pull-6{ right:50%} .col-sm-pull-5{ right:41.66666667%} .col-sm-pull-4{ right:33.33333333%} .col-sm-pull-3{ right:25%} .col-sm-pull-2{ right:16.66666667%} .col-sm-pull-1{ right:8.33333333%} .col-sm-pull-0{ right:0} .col-sm-push-12{ left:100%} .col-sm-push-11{ left:91.66666667%} .col-sm-push-10{ left:83.33333333%} .col-sm-push-9{ left:75%} .col-sm-push-8{ left:66.66666667%} .col-sm-push-7{ left:58.33333333%} .col-sm-push-6{ left:50%} .col-sm-push-5{ left:41.66666667%} .col-sm-push-4{ left:33.33333333%} .col-sm-push-3{ left:25%} .col-sm-push-2{ left:16.66666667%} .col-sm-push-1{ left:8.33333333%} .col-sm-push-0{ left:0} .col-sm-offset-12{ margin-left:100%} .col-sm-offset-11{ margin-left:91.66666667%} .col-sm-offset-10{ margin-left:83.33333333%} .col-sm-offset-9{ margin-left:75%} .col-sm-offset-8{ margin-left:66.66666667%} .col-sm-offset-7{ margin-left:58.33333333%} .col-sm-offset-6{ margin-left:50%} .col-sm-offset-5{ margin-left:41.66666667%} .col-sm-offset-4{ margin-left:33.33333333%} .col-sm-offset-3{ margin-left:25%} .col-sm-offset-2{ margin-left:16.66666667%} .col-sm-offset-1{ margin-left:8.33333333%} .col-sm-offset-0{ margin-left:0}}@media (min-width:992px){ .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{ float:left} .col-md-12{ width:100%} .col-md-11{ width:91.66666667%} .col-md-10{ width:83.33333333%} .col-md-9{ width:75%} .col-md-8{ width:66.66666667%} .col-md-7{ width:58.33333333%} .col-md-6{ width:50%} .col-md-5{ width:41.66666667%} .col-md-4{ width:33.33333333%} .col-md-3{ width:25%} .col-md-2{ width:16.66666667%} .col-md-1{ width:8.33333333%} .col-md-pull-12{ right:100%} .col-md-pull-11{ right:91.66666667%} .col-md-pull-10{ right:83.33333333%} .col-md-pull-9{ right:75%} .col-md-pull-8{ right:66.66666667%} .col-md-pull-7{ right:58.33333333%} .col-md-pull-6{ right:50%} .col-md-pull-5{ right:41.66666667%} .col-md-pull-4{ right:33.33333333%} .col-md-pull-3{ right:25%} .col-md-pull-2{ right:16.66666667%} .col-md-pull-1{ right:8.33333333%} .col-md-pull-0{ right:0} .col-md-push-12{ left:100%} .col-md-push-11{ left:91.66666667%} .col-md-push-10{ left:83.33333333%} .col-md-push-9{ left:75%} .col-md-push-8{ left:66.66666667%} .col-md-push-7{ left:58.33333333%} .col-md-push-6{ left:50%} .col-md-push-5{ left:41.66666667%} .col-md-push-4{ left:33.33333333%} .col-md-push-3{ left:25%} .col-md-push-2{ left:16.66666667%} .col-md-push-1{ left:8.33333333%} .col-md-push-0{ left:0} .col-md-offset-12{ margin-left:100%} .col-md-offset-11{ margin-left:91.66666667%} .col-md-offset-10{ margin-left:83.33333333%} .col-md-offset-9{ margin-left:75%} .col-md-offset-8{ margin-left:66.66666667%} .col-md-offset-7{ margin-left:58.33333333%} .col-md-offset-6{ margin-left:50%} .col-md-offset-5{ margin-left:41.66666667%} .col-md-offset-4{ margin-left:33.33333333%} .col-md-offset-3{ margin-left:25%} .col-md-offset-2{ margin-left:16.66666667%} .col-md-offset-1{ margin-left:8.33333333%} .col-md-offset-0{ margin-left:0}}@media (min-width:1200px){ .col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{ float:left} .col-lg-12{ width:100%} .col-lg-11{ width:91.66666667%} .col-lg-10{ width:83.33333333%} .col-lg-9{ width:75%} .col-lg-8{ width:66.66666667%} .col-lg-7{ width:58.33333333%} .col-lg-6{ width:50%} .col-lg-5{ width:41.66666667%} .col-lg-4{ width:33.33333333%} .col-lg-3{ width:25%} .col-lg-25{ width:20%} .col-lg-2{ width:16.66666667%} .col-lg-1{ width:8.33333333%} .col-lg-pull-12{ right:100%} .col-lg-pull-11{ right:91.66666667%} .col-lg-pull-10{ right:83.33333333%} .col-lg-pull-9{ right:75%} .col-lg-pull-8{ right:66.66666667%} .col-lg-pull-7{ right:58.33333333%} .col-lg-pull-6{ right:50%} .col-lg-pull-5{ right:41.66666667%} .col-lg-pull-4{ right:33.33333333%} .col-lg-pull-3{ right:25%} .col-lg-pull-2{ right:16.66666667%} .col-lg-pull-1{ right:8.33333333%} .col-lg-pull-0{ right:0} .col-lg-push-12{ left:100%} .col-lg-push-11{ left:91.66666667%} .col-lg-push-10{ left:83.33333333%} .col-lg-push-9{ left:75%} .col-lg-push-8{ left:66.66666667%} .col-lg-push-7{ left:58.33333333%} .col-lg-push-6{ left:50%} .col-lg-push-5{ left:41.66666667%} .col-lg-push-4{ left:33.33333333%} .col-lg-push-3{ left:25%} .col-lg-push-2{ left:16.66666667%} .col-lg-push-1{ left:8.33333333%} .col-lg-push-0{ left:0} .col-lg-offset-12{ margin-left:100%} .col-lg-offset-11{ margin-left:91.66666667%} .col-lg-offset-10{ margin-left:83.33333333%} .col-lg-offset-9{ margin-left:75%} .col-lg-offset-8{ margin-left:66.66666667%} .col-lg-offset-7{ margin-left:58.33333333%} .col-lg-offset-6{ margin-left:50%} .col-lg-offset-5{ margin-left:41.66666667%} .col-lg-offset-4{ margin-left:33.33333333%} .col-lg-offset-3{ margin-left:25%} .col-lg-offset-2{ margin-left:16.66666667%} .col-lg-offset-1{ margin-left:8.33333333%} .col-lg-offset-0{ margin-left:0}}#branding-portfolio{background-color:white;padding:80px 0 40px;margin:-10px 0;overflow:auto}#contact{ position:relative; background-color:#282828; color:#fff; padding:90px 0 60px; font-weight:inherit; margin:-10px 0; overflow:auto}#branding-portfolio .row >div,#contact .row >div{ margin-bottom:40px}#contact a{ color:#eee}#contact a:hover{ color:#f66}.back-to-top{ position:absolute; bottom:0; left:50%; width:60px; margin-left:-30px; display:block; z-index:9; text-align:center}.back-to-top >i{ color:#eee; color:rgba(255,255,255,0.2); font-size:40px; font-size:4rem; line-height:1}.back-to-top:hover >i{ color:#f66; color:rgba(250,77,83,.8)}a{color:#f66; color:rgba(250,77,83,.8);text-decoration:none;outline:none; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear}a:hover,a:focus,a:active{color:#000; outline:none}h1{ font-size:26px; font-size:2.6rem; font-weight:400; line-height:1.42; color:#fff}@media screen and (min-width:768px){ h1{ font-size:35px; font-size:3.5rem}}h2{ font-size:16px; font-size:1.6rem; font-weight:700; line-height:1.42; color:#333}h2 >span{ color:#ccc; font-weight:400}h3{ font-size:12px; font-size:1.2rem; font-weight:400; letter-spacing:1px; line-height:1.42; padding-right:10%; text-transform:uppercase}.btn{ padding:12px 0; margin-top:20px; margin-bottom:20px; line-height:40px; font-size:16px; font-size:1.6rem; font-weight:700; letter-spacing:1px; border:3px solid #ff7977; border-radius:3px; text-align:center; vertical-align:middle; cursor:pointer; background-color:transparent; text-decoration:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; text-transform:uppercase; display:block}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{ color:#fff; background-color:#ff7977}.btn:hover,.btn:focus,.btn:active{ text-decoration:none; outline:none}.btn >i{ position:relative; top:6px; left:0; font-size:24px; font-size:2.4rem; line-height:20px; height:20px; -webkit-transition:left 0.3s linear; -moz-transition:left 0.3s linear; -o-transition:left 0.3s linear; transition:left 0.3s linear}.btn >i:before{ height:20px; line-height:20px; display:inline-block}.btn:hover >i{ top:6px; left:8px}a >i{ position:relative; top:2px}.row div >p{ padding-right:5%; display:block}.noscroll{ overflow:hidden}#logo-design{position:relative; pointer-events:auto; z-index:3}#shaping-brands{position:fixed;top:0;left:0;width:100%; height:100%;margin:0 auto;overflow:hidden; pointer-events:auto; display:table; z-index:1; background-color:#c6c6c6} #shaping-brands .container{ display:table-cell; vertical-align:middle}@-webkit-keyframes move{ 0%,50%,60%,70%,100%{-webkit-transform:translateY(0px)} 55%,65%{-webkit-transform:translateY(-10px)}}@-moz-keyframes move{ 0%,50%,60%,70%,100%{-moz-transform:translateY(0px)} 55%,65%{-moz-transform:translateY(-10px)}}@-ms-keyframes move{ 0%,50%,60%,70%,100%{-ms-transform:translateY(0px)} 55%,65%{-ms-transform:translateY(-10px)}}@-o-keyframes move{ 0%,50%,60%,70%,100%{-o-transform:translateY(0px)} 55%,65%{-o-transform:translateY(-10px)}}@keyframes move{ 0%,50%,60%,70%,100%{transform:translateY(0px)} 55%,65%{transform:translateY(-10px)}} #shaping-brands .smooth-scroll{ position:absolute; top:76%; left:50%; width:40px; font-size:40px; font-size:4rem; line-height:1; height:40px; margin-left:-20px; text-align:center; color:#eee; color:rgba(255,255,255,0.6); z-index:5; -webkit-animation:move 4s infinite ease-in-out forwards; -moz-animation:move 4s infinite ease-in-out forwards; -ms-animation:move 4s infinite ease-in-out forwards; -o-animation:move 4s infinite ease-in-out forwards; animation:move 4s infinite ease-in-out forwards}#top-info{position:relative;padding:10px 0 5px;z-index:3; pointer-events:auto} .white{ background-color:#fff} .padder-xs{ padding-top:5px; padding-bottom:5px} .padder-sm{ padding-top:15px; padding-bottom:15px} .padder-md{ padding-top:30px; padding-bottom:30px} .padder-lg{ padding-top:80px; padding-bottom:80px} .grey{ background-color:#c6c6c6} .grey .icon-close{ color:#999} .grey a:hover .icon-close{ color:#f66; color:rgba(250,77,83,.6)} .logo >i{ font-size:35px; font-size:3.5rem; line-height:40px; color:#999} .logo:hover >i{ color:#f66; color:rgba(250,77,83,.6)} #project-nav{ margin:3px 0; font-size:26px; font-size:2.6rem; line-height:40px; height:40px} #project-nav li a{ position:relative; color:#c9c9c9; padding:0 5px} #project-nav li a:hover{ color:#f66; color:rgba(250,77,83,.6)} #project-nav li a >i.icon-th{ position:relative; top:-2px; font-size:17px; font-size:1.7rem; line-height:40px} #project-nav li a >i.icon-caret-right, #project-nav li a >i.icon-caret-left{ font-size:28px; font-size:2.8rem; line-height:40px}  .noscroll #logo-design,.noscroll #shaping-brands,.noscroll #top-info{ overflow:hidden; height:100%; pointer-events:none}.cont{ width:50%; height:auto; margin:0 auto; backface-visibility:hidden}.cont img{width:100%}.header-holder{position:absolute; top:50%; left:0;width:100%; height:280px;margin-top:-140px; z-index:5;text-align:center}.cont h1{ position:relative;font-family:'futura-pt',sans-serif;color:rgba(1,1,1,.6);font-weight:500;line-height:0.9;width:90%; line-height:1;margin:0 5%; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); -o-transform:translateY(80px); -ms-transform:translateY(80px); -webkit-transition:all 1s cubic-bezier(0,0,0.25,1); -moz-transition:all 1s cubic-bezier(0,0,0.25,1); -ms-transition:all 1s cubic-bezier(0,0,0.25,1); -o-transition:all 1s cubic-bezier(0,0,0.25,1); transition:all 1s cubic-bezier(0,0,0.25,1); -webkit-backface-visibility:hidden} .cont a{-webkit-backface-visibility:hidden} .cont a:hover h1{ color:#f66; color:rgba(250,77,83,.6)} .no-js .cont h1, .cont h1.show{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px)}#portfolio{position:relative;background-color:#373737; padding:40px 0 60px;z-index:5}#portfolio h1{ padding:0 0 20px 0; color:#454545}@media screen and (min-width:1920px){ .cont h1{ font-size:220px; font-size:22rem; letter-spacing:-12px}}@media screen and (min-width:1621px){.cont h1{ font-size:200px;font-size:20rem;letter-spacing:-12px}}@media screen and (min-width:1301px){.cont h1{ font-size:180px;font-size:18rem;letter-spacing:-9px}}@media screen and (min-width:1025px) and (max-width:1300px){.cont h1{ font-size:160px;font-size:16rem;letter-spacing:-8px}}@media screen and (min-width:981px) and (max-width:1024px){.cont{width:60%}.cont h1{ font-size:150px;font-size:15rem;letter-spacing:-8px}}@media screen and (min-width:768px) and (max-width:980px){ .header-holder{ height:400px; margin-top:-200px}.cont{width:70%}.cont h1{ font-size:160px;font-size:16rem;letter-spacing:-7px}}@media screen and (max-width:767px){ .header-holder{ height:100px; margin-top:-50px}.cont h1{ font-size:60px;font-size:6rem;letter-spacing:-4px}.cont{ width:50%}#branding-portfolio,#contact{padding:20px 0}}@media screen and (max-width:480px){.cont{ margin-top:50px; width:100%}.cont h1{ font-size:70px;font-size:7rem;letter-spacing:-2px}#commision-logo-design{margin-top:0}}@media screen and (max-width:320px){ .item figure img{ width:100%; height:auto}}.item figure img{display:block;width:90%; height:auto; max-width:320px;margin:0 5%; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); -webkit-transition:-webkit-transform 0.3s cubic-bezier(0,0,0.25,1); -moz-transition:-moz-transform 0.3s cubic-bezier(0,0,0.25,1); -ms-transition:-ms-transform 0.3s cubic-bezier(0,0,0.25,1); -o-transition:-o-transform 0.3s cubic-bezier(0,0,0.25,1); transition:transform 0.3s cubic-bezier(0,0,0.25,1);image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic}.item:active,.item:focus{ outline:none}.item:hover figure img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1)}#portfolio-inner{ position:relative; z-index:3}#form{ min-height:400px}.portfolio-img,.portfolio-text{ width:100%; margin:0}.portfolio-img,.portfolio-text,#form{-webkit-transition:opacity 0.8s,-webkit-transform 0.8s;transition:opacity 0.8s,transform 0.8s}.portfolio-img,.portfolio-text,#form{ opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}.portfolio-img.show,.portfolio-text.show,#form.show,.no-js .portfolio-img,.no-js .portfolio-text,.no-js #form{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}.portfolio-img{height:auto;margin:0 auto -2px;clear:both;overflow:auto}.portfolio-img figure{float:left}.portfolio-text{text-align:left;margin:0;padding:0;clear:both}.portfolio-text p{ padding-right:1%; display:block}.portfolio-text p:last-child{ padding-bottom:100px}@media screen and (min-width:768px){ .portfolio-text{ padding-top:30px} .portfolio-text p{ padding-right:10%}}form{ width:100%; display:block}input[type="text"],input[type="email"]{ color:#999; width:100%; padding:15px; background-color:#fff; border:1px solid #c4c4c4; margin:0 0 15px 0; display:block; border-radius:0; -webkit-appearance:none}textarea{ color:#999; width:100%; background-color:#fff; border:1px solid #c4c4c4; padding:15px; margin:0 0 16px 0; height:189px; line-height:22px; resize:none; border-radius:0; vertical-align:top; -webkit-appearance:none; -moz-outline-style:none}@supports (-webkit-appearance:none){ textarea{ height:186px}}@-moz-document url-prefix(){ textarea{ height:193px}}::-webkit-input-placeholder{ color:#ccc}:-moz-placeholder{ color:#ccc}::-moz-placeholder{  color:#ccc}:-ms-input-placeholder{  color:#ccc}.btn-submit{ color:#282828; border-color:#282828; margin-top:60px; margin-bottom:40%}.btn-submit:hover{ background-color:#282828; border-color:#282828}.dk-select,.dk-select *,.dk-select *:before,.dk-select *:after,.dk-select-multi,.dk-select-multi *,.dk-select-multi *:before,.dk-select-multi *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}.dk-select,.dk-select-multi{ position:relative; display:inline-block; vertical-align:middle; line-height:29px; width:100%; cursor:pointer; margin-bottom:17px}.dk-selected{ width:100%; white-space:nowrap; overflow:hidden; position:relative; background-color:white; border:1px solid #fff; padding:10px 29px 10px 14px; -o-text-overflow:ellipsis; text-overflow:ellipsis} .dk-selected:before,.dk-selected:after{ content:''; display:block; position:absolute; right:0} .dk-selected:before{ top:50%; border:solid transparent; border-width:0.5em 0.5em 0; border-top-color:#ccc; margin:-0.25em 15px 0 0} .dk-selected:after{ top:0; height:100%; border-left:0; margin:0 1.5em 0 0}.dk-selected-disabled{ color:#BBB}.dk-select .dk-select-options{ position:absolute; display:none; left:0}.dk-select-open-up .dk-select-options{ margin-bottom:-1px; bottom:100%}.dk-select-open-down .dk-select-options{ margin-top:-1px; top:100%}.dk-select-multi .dk-select-options{ max-height:340px}.dk-select-options{ width:100%; z-index:100; background-color:white; border:1px solid #fff; overflow-x:hidden; overflow-y:auto; max-height:340px; list-style:none; padding:0; margin:0}.dk-option-selected{ background-color:#999; color:#fff}.dk-select-options-highlight .dk-option-selected{ background-color:transparent; color:inherit}.dk-option{ padding:5px 15px}.dk-select-options .dk-option-highlight{ background-color:#ff7977; color:#fff}.dk-select-options .dk-option-disabled{ color:#BBB; background-color:transparent}.dk-optgroup{ padding:0; margin-top:0} .dk-optgroup+.dk-option{ margin-top:0} .dk-optgroup+.dk-optgroup{ border-top-width:0; margin-top:0} .dk-optgroup:nth-child(2){ padding-top:0; border-top:none; margin-top:0} .dk-optgroup:last-child{ border-bottom-width:0; margin-bottom:0; padding-bottom:0}.dk-optgroup-label{ padding:0 15px; font-weight:bold; width:100%}.dk-optgroup-options{ list-style:none; padding-left:0} .dk-optgroup-options li{ padding-left:20px}.dk-select-open-up .dk-selected{ border-color:#fff}.dk-select-open-down .dk-selected{ border-color:#fff}.dk-select-open-up .dk-selected:before,.dk-select-open-down .dk-selected:before{ border-width:0 0.5em 0.5em; border-bottom-color:#c6c6c6}.dk-select-open-up .dk-selected:after,.dk-select-open-down .dk-selected:after{ border-left-color:#c6c6c6}.dk-select-open-up .dk-select-options,.dk-select-open-down .dk-select-options,.dk-select-multi:focus .dk-select-options{ display:block; border-color:#fff}.dk-select-multi:hover,.dk-select-multi:focus{ outline:none}.dk-selected:hover,.dk-selected:focus{ outline:none} .dk-selected:hover:before,.dk-selected:focus:before{ border-top-color:#f66} .dk-selected:hover:after,.dk-selected:focus:after{ border-left-color:#f66}.dk-select-disabled{ opacity:0.6; color:#BBB; cursor:not-allowed} .dk-select-disabled .dk-selected:hover,.dk-select-disabled .dk-selected:focus{ border-color:inherit} .dk-select-disabled .dk-selected:hover:before,.dk-select-disabled .dk-selected:focus:before{ border-top-color:inherit} .dk-select-disabled .dk-selected:hover:after,.dk-select-disabled .dk-selected:focus:after{ border-left-color:white}select[data-dkcacheid]{ display:none}.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline:none}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{width:100%;min-height:400px;margin:0;padding:0}.flexslider .slides >li{display:none;min-height:30px;-webkit-backface-visibility:hidden;text-align:center}.flexslider .slides figure,.flexslider .slides figure img,.flexslider .slides img{width:100%;height:auto;display:block;margin:0 auto;text-align:center}.flexslider .slides h3{display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides >li:first-child{display:block}.flexslider{margin:0 0 60px;border:none;position:relative;zoom:1;background-color:white}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{position:relative;zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{width:50%;height:100%;display:block;position:absolute;top:0;z-index:10;cursor:pointer;text-indent:-9999px}.flex-direction-nav .flex-next{right:0}.flex-direction-nav .flex-prev{left:0}.flex-direction-nav .flex-disabled{cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:30px;text-align:center;z-index:9}.flex-control-nav li{margin:0 10px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{ width:8px; height:8px; display:block; background-color:#eee; border:none; cursor:pointer; text-indent:-9999px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px}.flex-control-paging li a:hover{background-color:#666}.flex-control-paging li a.flex-active{background-color:#666;cursor:default}@media screen and (max-width:1024px){ .flex-direction-nav{ display:none} .content >div{ margin:4%; width:92%}}@media screen and (max-width:767px){ .flexslider{min-height:200px} .flex-control-nav{ bottom:-20px} .content >div{ margin:6%; width:88%}}@media screen and (max-width:480px){ .content >div{ margin:10% 2%; width:96%}}.list-inline{  padding-left:0;  margin-left:-5px;  list-style:none}.list-inline >li{  display:inline-block;  padding-right:5px;  font-weight:600;  color:#999}.list-inline >li >a{font-weight:600;color:#999}.list-inline >li >a:hover{  color:#f66;color:rgba(250,77,83,.6);cursor:pointer}.text-left{  text-align:left}.text-right{  text-align:right}.text-center{  text-align:center}.pull-right{  float:right !important}.pull-left{  float:left !important}.hide{  display:none !important}.show{  display:block !important}.invisible{  visibility:hidden}.text-hide{  font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0}.hidden{ display:none !important; visibility:hidden !important}@-ms-viewport{ width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{ display:none !important}@media (max-width:767px){ .visible-xs{ display:block !important}}@media (min-width:768px) and (max-width:991px){ .visible-sm{ display:block !important}}@media (min-width:992px) and (max-width:1199px){ .visible-md{ display:block !important}}@media (min-width:1200px){ .visible-lg{ display:block !important}}@media (max-width:767px){ .hidden-xs{ display:none !important}}@media (min-width:768px) and (max-width:991px){ .hidden-sm{ display:none !important}}@media (min-width:992px) and (max-width:1199px){ .hidden-md{ display:none !important}}@media (min-width:1200px){ .hidden-lg{ display:none !important}}.visible-print{ display:none !important}@media print{ .visible-print{ display:block !important}}@media print{ .hidden-print{ display:none !important}}