@import url('https://fonts.googleapis.com/css?family=Satisfy');@import url(https://fonts.googleapis.com/css?family=Anton);@import url(https://fonts.googleapis.com/css?family=Montserrat:700);@import url(https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);@import url(https://fonts.googleapis.com/css?family=Flamenco:300);@import url(https://fonts.googleapis.com/css?family=Six+Caps);@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);*,.flicksiteLogin,.inputTitle,.inputWrap,.outer-menu,.pinkButton,.quardWrap,.rightNameBlock,.servicesSvgBlock,.strike::after,.studioImages img,.studioImagesTri,.whoWeAreTitle,.workProjectBlocks{box-sizing:border-box}.landing-header,.logo,.logo img{margin:0 auto}.actionButton,.awardNames,.or,.tagBlocks span,section#quote p{font-weight:700}#servicesWrap,#tagline,.greatness,.landing,.large-header,.videoWrap{height:100vh;min-height:660px}#servicesWrap,#tagline,#whatWeDo,.greatness,.myVideoR,.videoWrap,section#quote{min-height:660px}.landing,.logo,.logo img{display:block}#tagline,.actionButton,.awardsBlock,.landing-header,.or{text-align:center}.pinkBlocksPara,.pinkPara{word-spacing:.1em;font-style:italic}.input__label,.workSliderWrap .container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.preserveThreeD{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.menuLogo{padding-bottom:3vh;width:125px}.landing,.large-header{width:100%;background-color:#fff}.landing{float:left;top:0;left:0}.landing-header{padding:2em;max-width:900px}.large-header{position:relative;overflow:hidden;background-size:cover;z-index:1;background-repeat:no-repeat}.logo,.scrollAnima{position:absolute;left:0;right:0}.logo{z-index:600px;padding:0;vertical-align:middle;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:600px}.actionButtonWrap{margin:0 auto;width:200px}.actionButton{padding:10px 20px;font-size:16px;width:200px;float:left;border:1px solid #000;transition:.5s;cursor:pointer;margin-top:40px}.or,.scrollAnima img{padding-left:0}#tagBlocksWrap,#tagline,.or,.scrollAnima,.scrollAnima img{display:block;margin:0 auto}.actionButton:hover{background-color:#000;color:#fff;transition:.5s}#tagBlocksWrap,.or{color:#000}.scrollAnima{bottom:0;padding-bottom:10px;background:0 0;width:100%}.contentCenter,.strike{position:relative}#balloonGif,.greatness,.myVideoR{background-position:center center}.or{font-size:10px;clear:both;padding-top:10px;padding-bottom:5px}.contentCenter{top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:600}#tagline{background-color:#000;width:100%;float:left}#tagBlocksWrap{max-width:700px}.tagBlocks span{background-color:#fff;margin:5px auto;display:inline-block;padding:0 10px;font-size:24px;font-family:"Courier New",Courier,monospace}#whatWeDo,.awardsBlock,footer{background-color:#000}#awardsWrapper{width:800px;margin:12vh auto 0;display:block}.awardsBlockWrapper{width:200px;display:block;margin:0 auto;float:left;min-width:40px}.awardsBlock{color:#fff;padding:5px;font-family:Montserrat,sans-serif}#servicesP,.strike{text-align:justify}.awardsBlock span{font-size:40px;font-weight:700}.awardNames{font-size:14px;color:#fff;text-transform:capitalize}.helloSubmit,.input__label-content--kozakura::after,.officeTitle,.openingsButton,.progress-button,.sayHiTitle,.servicesListButton,.teamClosing,.visionTitle,.whoWeAreTitle,.whyWeDo h1{text-transform:uppercase}#servicesWrap{width:100%;padding-top:10px;display:block;float:left}#servicesTitle{display:block;margin:0 auto 0 20vw}#servicesP{padding-top:9vh;margin:0 auto;width:500px;font-family:courier new;font-size:1.15em;line-height:1.4em}.strike::after{content:"";display:block;width:100%;border-bottom:10px solid #000;top:30%;left:0;position:absolute}.wondering{display:block;text-align:center}span#service1:hover,span#service2:hover,span#service3:hover,span#service4:hover,span#service5:hover{color:#11f1d9}span#service1:hover~span.strike::after,span#service2:hover~span.strike::after,span#service3:hover~span.strike::after,span#service4:hover~span.strike::after,span#service5:hover~span.strike::after{display:none}.greatness{width:100%;margin:0 auto;display:block;float:left;position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat}.greatnessArrow,.greatnessLogo,.greatnessPara,.myVideoR,.videoWrap{position:absolute}.videoWrap{width:100%;display:block}.greatnessLogo{width:70vw;max-width:1100px;display:block;margin:0 auto;z-index:500;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}.greatnessPara{display:block;width:100%;margin:0 auto 10vh;text-align:center;font-size:2em;color:#fff;font-weight:100;font-family:Lato,sans-serif;font-style:italic;bottom:0;z-index:500}.whyWeDo,.whyWeDo h1{text-align:left;display:block}.outer-menu .menu>div>div,.pinkBlocks,.pinkButton,.pinkPara,.pinkPlus,.weAreNarrow,.whoWeAreContentPara,.whoWeAreContentTitle,.whoWeAreContentWrap,.whoWeAreTitle,.whoWeAreTitlePara,h1,section#quote p{text-align:center}.greatnessArrow{display:block;width:30px;margin:0 auto;bottom:0;left:0;right:0;padding-bottom:20px;z-index:500}#whatWeDo,.myVideoR{width:100%}.myVideoR{bottom:0;top:0;right:0;height:100%;background-size:contain;object-fit:cover;z-index:5}#whatWeDo{height:100vh;color:#fff;margin:0 auto;display:block;float:left;position:relative}.pinkButton,.pinkContent{position:absolute;left:0;right:0}.whatWeMakeWrap{color:#fff;transition:color .5s}.whatWeMakeWrap:hover{color:#333;transition:.5s}.whyWeDo{width:95%;cursor:pointer;padding:20px 20px 20px 40px;margin:0 auto;transition:.5;letter-spacing:.02em;vertical-align:center}.whyWeDo h1{padding:0 0 5px;margin:0;line-height:1em;font-family:Anton,sans-serif;font-weight:400;font-size:6em;letter-spacing:.1em}.whyWeDo span{font-size:16px;font-family:"Times New Roman",Times,serif;font-weight:100;margin:0;padding:0;line-height:0;display:none}#aboutus:hover,#says:hover,#what:hover,#why:hover{color:#fff;display:block;transition:1s}#aboutus:hover>span,#says:hover>span,#what:hover>span,#why:hover>span{display:block;color:#fff;transition:1s}.pinkContent{display:block;width:100%;z-index:600}.pinkPara{font-size:45px;color:#fff;font-family:'Dawning of a New Day',cursive;font-weight:300;padding:0 20px;z-index:600}.pinkBlocksWrap{width:90%;margin:10vh auto 0;display:block}.pinkBlocks{width:30%;float:left;color:#fff;display:block;padding:10px}.pinkBlocksHead{font-size:1em;letter-spacing:.18em}.pinkBlocksPara{font-size:1.3em;font-family:Flamenco,cursive;font-weight:100;letter-spacing:.08em;line-height:1.3em;width:325px;display:block;margin:20px auto 0}.pinkPlus{width:4.95%;float:left;display:block;color:#fff;height:200px;font-size:1.5em;padding-top:80px}.pinkButton{display:block;margin:250px auto 0;width:250px;color:#fff;border:3px solid #fff;padding:10px 15px;transition:.5s;cursor:pointer}section#quote,section#quote p{padding-top:10px;padding-bottom:10px}#balloonGif,.footerWrap,footer,section#quote{width:100%;display:block;float:left}.pinkButton:hover{transition:.5s;border:3px solid #d36767}section#quote{height:100vh;background-color:#fff}section#quote p{font-size:72px;letter-spacing:20px;color:#000;max-width:700px;margin:0 auto;background:rgba(255,253,160,1);background:-webkit-linear-gradient(left,#0ff 0,#97fba0 10%,#97b1fb 20%,#0ff 30%,#0ff 40%,#97fba0 50%,#97b1fb 60%,#0ff 70%,#0ff 80%,#97fba0 90%,#97b1fb 100%);background:-moz-linear-gradient(left,#0ff 0,#97fba0 10%,#97b1fb 20%,#0ff 30%,#0ff 40%,#97fba0 50%,#97b1fb 60%,#0ff 70%,#0ff 80%,#97fba0 90%,#97b1fb 100%);background:-o-linear-gradient(left,#0ff 0,#97fba0 10%,#97b1fb 20%,#0ff 30%,#0ff 40%,#97fba0 50%,#97b1fb 60%,#0ff 70%,#0ff 80%,#97fba0 90%,#97b1fb 100%);background:-ms-linear-gradient(left,#0ff 0,#97fba0 10%,#97b1fb 20%,#0ff 30%,#0ff 40%,#97fba0 50%,#97b1fb 60%,#0ff 70%,#0ff 80%,#97fba0 90%,#97b1fb 100%);-webkit-animation:masked-animation 10s ease infinite;-moz-animation:masked-animation 10s ease infinite;-o-animation:masked-animation 10s ease infinite;-ms-animation:masked-animation 10s ease infinite;background-size:500% 500%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;-o-background-clip:text;-o-text-fill-color:transparent;-ms-background-clip:text;-ms-text-fill-color:transparent}@-webkit-keyframes masked-animation{0%{background-position:0 25%}25%{background-position:25% 50%}50%{background-position:50% 100%}100%{background-position:100% 0}}@keyframes masked-animation{0%{background-position:0 25%}25%{background-position:25% 50%}50%{background-position:50% 100%}100%{background-position:100% 0}}.footerWrap{height:100vh}#balloonGif,footer{height:50vh;min-height:300px}#balloonGif{background-image:url(balloon.gif);background-size:cover}footer{padding:0}#footerLogo{width:120px;display:block;margin:0 auto 10px;padding:0}#footerLogoText{margin:0 auto;display:block;width:233px;color:#fff;height:25px;padding-left:10px}#footerLogoText img{width:150px}#footerLogoText span{display:inline-block;padding-bottom:10px;font-size:15px;vertical-align:3px}.actionButtonB,.visionPlus{vertical-align:middle;float:left}.footerSocialWrap{margin:20px auto 0;display:block;width:150px}.socialDiamondF,.socialDiamondF img{width:30px;height:30px}.socialDiamondF{border:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);display:block;float:left;margin:0 10px;transition:.5s}.socialDiamondF:hover{background-color:#fff;transition:.5s}.flex-center{display:flex;align-items:center;justify-content:center}.outer-menu{font-family:'Open Sans',sans-serif;font-weight:300;position:fixed;top:10vh;left:85%;z-index:1}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}h1{font-weight:400;font-size:3em}.outer-menu .checkbox-toggle{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:60px;height:60px;opacity:0}.outer-menu .checkbox-toggle:checked+.hamburger>div{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after,.outer-menu .checkbox-toggle:checked+.hamburger>div:before{top:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after{opacity:0}.outer-menu .checkbox-toggle:checked~.menu{pointer-events:auto}.outer-menu .checkbox-toggle:checked~.menu>div{width:200vw;height:200vw}.outer-menu .checkbox-toggle:checked~.menu>div>div{opacity:1;transition:opacity .3s ease .3s}.outer-menu .checkbox-toggle:hover+.hamburger{box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.outer-menu .checkbox-toggle:checked:hover+.hamburger>div{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.addressDiamondLeft,.socialDiamond{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.outer-menu .hamburger{position:absolute;top:0;left:0;z-index:1;width:60px;height:60px;padding:.5em 1em;border-radius:0 .12em .12em 0;cursor:pointer;transition:box-shadow .3s ease;backface-visibility:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center}.outer-menu .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#f26267;transition:all .3s ease;display:flex;display:-webkit-flex;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center}.outer-menu .hamburger>div:after,.outer-menu .hamburger>div:before{content:'';position:absolute;z-index:1;top:-10px;left:0;width:100%;height:2px;background:inherit;transition:all .3s ease}.outer-menu .hamburger>div:after{top:10px}.outer-menu .menu{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.outer-menu .menu>div{width:0;height:0;color:#fefefe;background:rgba(0,0,0,1);border-radius:50%;transition:all .3s ease;flex:none;-webkit-flex:none;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.outer-menu .menu>div>div{max-width:90vw;max-height:100vh;opacity:0;transition:opacity .3s ease;overflow-y:auto;flex:none;-webkit-flex:none;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.outer-menu .menu>div>div>ul{list-style:none;padding:0 1em;margin:0;display:block;max-height:200vh}.outer-menu .menu>div>div>ul>li{padding:0;margin:1em;font-size:24px;display:block}.outer-menu .menu>div>div>ul>li>a{position:relative;display:inline;cursor:pointer;transition:color .3s ease;color:#fff;font-weight:700}.outer-menu .menu>div>div>ul>li>a:hover{color:#7f7f7f}.outer-menu .menu>div>div>ul>li>a:hover:after{width:100%}.outer-menu .menu>div>div>ul>li>a:after{content:'';position:absolute;z-index:1;bottom:-.15em;left:0;width:0;height:2px;background:#e5e5e5;transition:width .3s ease}.menuLogo{padding:0 0 10vh}.socialDiamond{width:30px;height:30px;border:1px solid #fff;transform:rotate(45deg);display:block;float:left;margin:0 10px;transition:.5s}.socialDiamond:hover{background-color:#fff;transition:.5s}.actionButtonB{padding:10px 40px;font-size:16px;font-weight:700;border:1px solid #7f7f7f;transition:.5s;cursor:pointer;color:#7f7f7f}.actionButtonB:hover{border:1px solid #fff;color:#000;transition:.5s;background-color:#fff}.aboutHeroSub,.aboutHeroText,.rollerCircleTitle{color:#fff;text-align:center}.digitalIntroWrap{width:100%;margin:0 auto;padding:0;display:block;float:left;height:100vh;min-height:656px;max-height:900px}.rollerScrollerArrow,.scrollArrow{width:30px;display:block;position:absolute;left:0;right:0}.aboutHeroText{font-size:5em;font-weight:700;margin:0 auto;padding:0;font-family:Montserrat,sans-serif;z-index:50}.aboutHeroSub{font-size:1.5em;font-style:italic;margin-top:20px;z-index:50}.scrollArrow{margin:0 auto;bottom:20px;background:0 0}.rollerScrollerArrow{margin:94vh auto 0;z-index:100}.rollerLogoText{width:230px;opacity:.4;display:block;margin:30px auto 0}.rollerCircleTitle{margin:0 auto;font-family:'Dawning of a New Day',cursive;font-size:3em;padding-top:85px;font-weight:700}.responsiveWebsites{width:600px;display:block;margin:0 auto 20px;position:absolute;bottom:0;left:0;right:0}.responsiveImg{width:400px;border:solid 1px #000;border-radius:50%;}.responsiveHead{font-size:1.5em}.greyBoxPointer,.whoWeArePointerWrap{padding:0;width:100%;float:left;display:block}.whoWeArePointerWrap{margin:0 auto}.greyBoxPointer{margin:0 auto;height:53vh;min-height:340px;max-height:450px;background-color:#353535;color:#eaeaeb}.whoWeAreTitle{font-size:7em;margin:0 auto;padding:8vh 0 0;font-family:'Six Caps',sans-serif}.whoWeAreTitlePara{color:#eaeaeb;width:600px;display:block;margin:20px auto;font-size:1em;font-family:Lato;line-height:1.8em;letter-spacing:0.04em;padding:0;font-weight:300}.pointerSvg{height:200px}.teamHover,.teamImage{height:280px;background-position:top top;background-size:200px 280px}.contactIntroWrap,.playBG{background-position:center center}.pointerSvg path{fill:#353535;stroke:#353535;stroke-width:2}.weAreNarrow{font-family:'Six Caps',sans-serif;color:#353535;font-size:7em;margin:50px auto 0;padding:0}.weAreLogo{width:900px;display:block;margin:15px auto 0;opacity:.9}.whoWeAreContentWrap{display:block;float:left;width:100%;color:#fff;margin:100px auto 0}.whoWeAreContentPng{display:block;margin:50px auto 10px;padding:0;width:80px}.whoWeAreContentTitle{display:block;margin:0 auto 10px;padding:0;font-size:1em;font-weight:700;color:#000}.whoWeAreContentPara,.whoWeAreContentParaA{margin:30px auto 0;padding:0;width:600px;font-weight:400;line-height:1.5em;display:block;font-size:1em;color:#000}.whoWeAreContentParaA{text-align:justify;text-align-last:center;-moz-text-align-last:center}.heyYouTitle,.openingsButton,.rotateText,.teamClosing,.teamName,.teamPlus,.upNextTitle,.visionSub,.visionTitle{font-weight:700}.teamWrap{display:block;margin:0 auto;padding-top:100px;width:840px}.sqImgTwo,.squareImgsBlock,.teamImgWrap{padding:0;float:left}.teamWrapSub{margin-top:100px;display:block;float:left}.teamImgWrap{width:200px;display:block;margin:0 5px}.teamImage{width:200px;background-image:url(img/team.jpg);background-color:#353535;transition:.5s}.teamImage:hover>.teamHover{display:inline-block;transition:1s;opacity:1}.teamHover{display:inline-block;width:200px;transition:1s;opacity:0}.playBG,.sqImgTwo{background-size:cover}.teamImgAA{margin-top:180px}.teamImgBB{margin-top:30px}.teamImgCC{margin-top:200px}.teamImageLine,.teamImgLine img{margin:0 auto;display:block}.teamImageLine{width:141px}.teamName{text-align:center;margin-top:10px;font-size:1em;letter-spacing:.2em}.teamDesignation{font-family:courier new;text-align:center;margin-top:5px;font-size:.8em}.joinTeamTitle,.officeTitle,.upNextSub{font-family:'Six Caps',sans-serif;text-align:center}.teamPlus{font-size:5em;text-align:center;display:block;width:100%;color:#000}.teamClosing{font-size:2em;color:#353535;text-align:center;margin-bottom:10px}.squareImgsBlock{width:100%;display:block;margin:60px auto 0}.sqImgTwo{width:25%;height:25vw;display:block;margin:0 auto}.playBG{width:100%;height:80vh;background-image:url(img/playBG.jpg);background-repeat:no-repeat;margin-top:50px}.awardsAnima{width:100%;height:450px;display:block;margin:0 auto;float:left}.awardsAnimaContent{width:300px;color:#000;display:block;height:250px;position:absolute;overflow:hidden;left:0;right:0;margin:80px auto 0}.heyYouWrap,.officeTitle{color:#353535;display:block;float:left}.awardsAnimaVisible{float:left;overflow:hidden;height:250px}.awardsAnimaVisible img{height:250px}.awardsAnimaVisible ul{margin-top:0;list-style:none;animation:6s linear 0s normal none infinite change;-webkit-animation:6s linear 0s normal none infinite change;-moz-animation:6s linear 0s normal none infinite change;-o-animation:6s linear 0s normal none infinite change}.awardsAnimaVisible ul li{margin:0}@-webkit-keyframes change{0%,100%,15%{margin-top:0}25%,40%,75%,85%{margin-top:-250px}50%,65%{margin-top:-500px}}@keyframes change{0%,100%,15%{margin-top:0}25%,40%,75%,85%{margin-top:-250px}50%,65%{margin-top:-500px}}.officeTitle{width:100%;font-size:5em;padding:5px 0;letter-spacing:.3em}.studioImagesQuater,.studioImagesTri,.triWrap{padding:0;display:block;float:left}.studioImages{width:100%;display:block;float:left}.studioImages img{-webkit-filter:contrast(.9) sepia(.5) grayscale(0) saturate(.5);transition:.5s}.studioImages img:hover{-webkit-filter:contrast(1) sepia(0) grayscale(0) saturate(1);transition:.5s}.quardWrap{width:100%;display:block}.studioImagesQuater{width:23.75%;margin:.5em .5%}.triWrap{width:100%;margin:0;overflow:hidden}.studioImagesTri{width:32%;margin:0 .5% .5em}.heyYouWrap{background-color:#c5a47e;width:100%}.heyYouGif{display:block;width:25vw;margin:0 auto;padding-top:50px;max-width:500px;min-width:150px}.heyYouTitle{text-align:center;color:#fff;font-size:1.5em;margin-top:40px;letter-spacing: 0.2em;text-transform:uppercase;}.heyYouPara{text-align:center;width:400px;color:#353535;font-size:1em;line-height:1.6em;margin:20px auto 0;padding-bottom:50px}.arrowImg,.joinTeam{margin:0 auto;display:block}.joinTeam{width:100%;padding:0;background-color:#353535;float:left}.arrowImg{width:200px}.joinTeamTitle{font-size:7em;color:#fff;letter-spacing:.15em;text-shadow:1px 1px 0 #c5a47e,2px 2px 0 #c5a47e,3px 3px 0 #c5a47e,4px 4px 0 #c5a47e,5px 5px 0 #c5a47e,6px 6px 0 #c5a47e,7px 7px 0 #c5a47e,8px 8px 0 #c5a47e,9px 9px 0 #c5a47e,10px 10px 0 #c5a47e,11px 11px 1px rgba(0,0,0,.5),12px 12px 9px rgba(0,0,0,.5);margin-top:30px}.openingsButton{font-size:1.2em;color:#c5a47e;width:280px;padding:10px 15px;border:2px solid #c5a47e;margin:30px auto 50px;text-align:center;cursor:pointer;transition:.5s}.tvCover,.upnext{width:100%;float:left;height:300px;transition:.5s}.openingsButton:hover{background-color:#c5a47e;color:#353535;transition:.5s}.upnext{display:block;background-color:#fff;background-size:300px;background-repeat:repeat}.contactIntroWrap,.makingBrandsBG,.weDesignBG{background-size:cover}.addressWrap,.makingBrandsBG,.telephoneGif,.weDesignBG{background-repeat:no-repeat;background-position:center center}.upnext:hover{background-image:none;background-color:#000;transition:.5s;border:0!important}.contactIntroWrap,.emailsWrap{background-image:url(/./img/the-website-baba-contact.jpg);background-attachment:fixed}.tvCover,.upNextTitle{background-color:#fff}.tvCover{display:none;margin:0 auto;padding:0;position:relative;z-index:500}.arrowDown,.rotateText{z-index:100;display:block}.tvCover:hover{display:block;transition:.5s}.upNextTitle{text-align:center;color:#000;font-size:1.4em;width:120px;margin:30px auto 0;padding:3px 13px}.upNextSub{font-size:6em;color:#fff;background-color:#000;width:500px;margin:30px auto 50px;border:1px solid #fff}.weDesignBetterLogo{width:40vw;max-width:700px}.arrowDown{width:25px;position:absolute;margin:0 auto;left:0;right:0;bottom:0;padding-bottom:25px}.visionTitle,.visionWrapper{width:100%;display:block;float:left}.visionWrapper{background-color:#fff;margin:0 auto;padding:10vh 0}.visionTitle{text-align:center;font-size:1.5em;color:#000}.visionPara,.visionSub{color:#353535;font-size:1em;text-align:center}.visionPara{width:700px;margin:20px auto 0;display:block;line-height:1.5em}.visionSub{margin-top:10vh}.visionSvgWrap{width:80%;display:block;margin:12vh auto 0}.visionSvgBlock{width:30%;display:block;float:left}.visionSvg{height:200px;background-color:#fff}.circleRotate{width:200px;height:200px;margin:0 auto;padding:0;display:block;opacity:.5}@-webkit-keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.rotating{-webkit-animation:rotating 4s linear infinite;-moz-animation:rotating 4s linear infinite;-ms-animation:rotating 4s linear infinite;-o-animation:rotating 4s linear infinite;animation:rotating 4s linear infinite}.rotateText{text-align:center;position:relative;margin-top:-125px;font-size:1.5em;color:#000}.visionSvgPara{text-align:center;font-size:1em;color:#353535;padding:5px}.visionPlus{width:5%;font-size:2em;text-align:center;padding-top:80px;color:#c4c4c4}.servicesSvgRow,.servicesSvgWrap{width:100%;box-sizing:border-box;display:block}.makingBrandsText{font-size:1.5em;text-align:center;color:#fff;margin-top:50px;font-style:italic;font-family:Lato;display:block;font-weight:100}.servicesBold,.servicesSvgTitle{font-family:'Six Caps',sans-serif;text-align:center}.servicesSvgWrap{float:left;margin:0 auto;padding:0 0 30px;background-color:#353535}.servicesBold{font-size:7em;color:#d3d3d3;letter-spacing:.15em;text-shadow:1px 1px 0 #777,2px 2px 0 #777,3px 3px 0 #777,4px 4px 0 #777,5px 5px 0 #777,6px 6px 0 #777,7px 7px 0 #a8a8a8,8px 8px 0 #a8a8a8,9px 9px 0 #a8a8a8,10px 10px 0 #a8a8a8,11px 11px 1px rgba(0,0,0,.5),12px 12px 9px rgba(0,0,0,.5);margin-top:60px;margin-bottom:60px}.servicesSvgRow{max-width:1280px;margin:0 auto;padding-top:10px;padding-bottom:10px}.servicesSvgBlock{width:32%;max-width:409px;background-color:#1b1b1b;color:#c4c4c4;height:600px;float:left;position:relative;margin-bottom:15px}.servicesSvgBlockSelective{margin-right:1%;margin-left:1%}.servicesSvgBlock svg{width:200px;height:200px;display:block;margin:50px auto 0}.servicesSvgTitle{margin-top:40px;margin-bottom:5px;font-size:3em;color:#c1c1c1;letter-spacing:.1em}.servicesSvgPara{text-align:center;padding:0 50px;font-family:Flamenco;font-size:1.1em;line-height:1.7em}.differenceBlockPara,.servicesBlockSpan ul li{font-family:Lato,Calibri,Arial,sans-serif}.servicesBlockSpan{display:block;margin:0 auto;width:100%;height:600px;position:absolute;background-color:#000;opacity:0;top:0;transition:.5s}.servicesBlockSpan:hover{transition:.5s;opacity:.9}.servicesBlockSpan ul{display:block;margin:170px auto 0;list-style:none;width:280px;text-align:center;padding:0}.servicesBlockSpan ul li{font-size:1.2em;line-height:2.3em;padding:0;margin:0;font-weight:100}.servicesListButton{font-size:.8em;color:#f26267;margin:70px auto 0;transition:.5s;text-align:center;border-bottom:solid 2px #000;letter-spacing:.06em}.servicesListButton:hover{box--sizing:border-box;color:#f26267;border-bottom:solid 2px #f26267;transition:.5s;letter-spacing:.4em}.twbDifferenceWrap{width:100%;display:block;float:left;margin:0 auto;padding:0}.twbDifferenceTitle{text-align:center;margin-top:100px;font-size:1.5em;font-weight:700;color:#353535}.differenceBlocksWrap{display:block;width:95%;max-width:1200px;margin:100px auto 0;padding:0}.differenceBlock{width:50%;height:550px;display:block;float:left;margin:0 auto;padding:0}.differenceBlockContent{background-color:#353535;height:350px}.greenDifferenceBlock{background-color:#05F0BB;height:532px}.differenceFooter img{width:250px;float:right}.differenceAbsoluteBlock{display:block;width:95%;max-width:1200px;position:absolute;margin:0 auto;left:0;right:0}.differenceAbsoluteImg{width:250px;float:left;margin-top:540px}.differenceAbsoluteImg img{float:right;width:250px}.differenceAbsoluteContent{width:600px;height:400px;float:left;background-color:#fff;margin-top:540px;margin-bottom:10px;box-shadow:25px 25px 100px 1px #353535}.differenceLogo{display:block;float:left;margin:0 auto;width:100%}.differenceLogo img{width:6vw;max-width:80px;display:block;margin:25px auto 20px}.differenceBlockPara,.servicesTextSlider{width:100%;display:block;text-align:center}.differenceBlockTitle{text-align:center;font-size:1.15em;color:#fff;padding-top:20px;letter-spacing:.04em;display:block}.differenceBlockPara{margin:40px auto 0;color:#a1a1a1;font-weight:100;line-height:1.8em;font-size:0.92em;font-weight:300;padding:0 50px}.servicesTextSlider{float:left;color:#000;margin-top:300px;font-family:Lato}p#sentence{text-align:center;font-family:'Open Sans Condensed',sans-serif;font-size:3em;margin-bottom:5px;padding-bottom:5px}#swap{height:3em;width:0;vertical-align:top;color:#f26267!important}#swap>span{position:absolute;color:#f26267}.singleButtonWrap{display:block;float:left;margin:0 auto 100px;padding:0;width:100%}.singleButton{width:300px;text-align:center;margin:0 auto;display:block;border:2px solid #f26267;padding:10px 20px;transition:.5s;font-size:1.5em;color:#f26267;font-family:Lato;letter-spacing:.07em}.singleButton:hover{background-color:#f26267;color:#fff;transition:.5s;width:450px;letter-spacing:.2em}.connectGifWrap,.contactButton,.sayHiWrap{background-color:#000}.connectGifWrap{width:100%;display:block;float:left;height:350px;position:relative}.connectWhiteLogo{height:80px;display:block;margin:40px auto 0}.connectGif,.connectStatic{height:150px;margin:0 auto}.connectGif{display:block}.connectStatic{display:none;position:absolute;left:0;right:0;top:200px}.connectSubTitle{height:40px;display:block;margin:0 auto;padding:0}.contactIntroWrap{width:100%;display:block;float:left;padding-top:100px}.contactIntroTitle{display:block;text-align:center;color:#000;font-size:3em;font-weight:700;line-height:0}.contactButton,.contactOr,.contactQuestion,.sayHiTitle{font-size:1.6em;font-family:Lato;width: 80%;margin: 50px auto;}.contactButton,.contactQuestion{font-weight:400;display:block;text-align:center}.somethingGreat{color:#f26267}.contactQuestion{margin:10px auto 0;padding:0}.contactButtonsWrap{display:block;margin:100px auto 0;width:650px}.contactButton{margin:0 auto;width:200px;height:200px;border:5px solid #565656;color:#fff;float:left;padding-top:60px;letter-spacing:.2em;line-height:1.4em}.contactButton:hover{border:5px solid #f26267;color:#f26267}.sayHiTitle,.sayHiWrap{color:#fff;transition:.5s}.contactButtonRight{margin-left:250px}.contactOr{display:block;margin:0 auto 40px;text-align:center;padding-top:40px;clear:both;font-weight:700}.sayHiWrap{display:block;width:100%;margin:0 auto;text-align:center;border:5px solid #565656;height:700px}#map,.overlay,.phoneWrap{height:500px}.sayHiTitle{margin-top:50px;font-weight:400}.sayHiWrap:hover{border:5px solid #f26267;transition:.5s}.sayHiWrap:hover p{color:#f26267;transition:.5s}.messageStyle{width:430px!important;padding-bottom:0!important}.helloSubmit{padding:15px 35px;background-color:#f26267;font-family:Lato;color:#fff;transition:.5s;letter-spacing:.2em;text-align:center;border:solid #f26267 2px;}.helloSubmit:hover{transition:.5s;border: solid 2px #fff;}.callbackSubmit{padding:10px 20px;color:#fff;font-family:Lato;font-size:1em;background-color:#eaeaea;border:1px solid #fff;display:block!important}.callbackSubmit:hover{background-color:#f26267;color:#fff;transition:.5s}.telephoneGif{display:block;float:left;margin:80px auto 0;width:100%;padding:30px 20px;background-size:100%}.telephoneGif img{display:block;width:100%;width:80%;max-width:1000px;margin:0 auto;border:2px solid #fff}.emailsWrap{width:100%;display:block;float:left;margin:0 auto;padding-top:50px;background-size:cover;padding-bottom:50px}.map-content,.mapWrap{padding:0;margin:0 auto}.emailBoxWrap{display:block;margin:0 auto;width:700px}#map,.mapWrap{width:100%;display:block;float:left}#map{position:relative}.map-content{z-index:10;position:absolute;top:50px;left:50px;width:390px;background-color:#000;color:#FFF}.overlay{display:block;width:100%;background-color:#f26267}.phoneLogo,.phoneWrap{background-color:#000;display:block}.phoneWrap{float:left;margin:0 auto;width:100%}.phoneDivCenter{display:block;margin:0 auto;width:100%;padding-top:15px}.callUsLeft{display:block;width:50%;float:left;padding:15px;min-width:350px}.phoneSvg{width:220px;display:block;float:left;margin-top:65px}.callUsTitle{display:block;font-size:2em;font-family:Lato;padding-left:0;padding-top:100px;text-align:left;padding-bottom:0;margin-bottom:0;color:#fff}.phoneLogo p,.phoneNumb{text-align:center;color:#fff}.phoneNumberWrap{width:80%;min-width:350px;display:block;margin:45px auto 0;border:1px solid #fff;height:340px;position:relative}.phoneLogo{width:100px;height:80px;margin:-40px auto 0;position:absolute;left:0;right:0}.phoneLogo img{width:30px;display:block;margin:10px auto 0}.phoneLogo p{font-family:Lato;font-size:1em;font-weight:600}.phoneNumb{margin-top:120px;font-size:3em;font-family:'Six Caps',sans-serif;letter-spacing:0.15em;padding:5px}.callBackFormTitle{text-align:left;font-size:1.2em;font-family:Lato;color:#fff;display:block;clear:both;padding:5px 5px 5px 25px;width:380px;margin-top:20px}.clientSupportWrap{width:90%;display:block;margin:100px auto 0}.clientSupportLine,.clientSupportSection,.clientSupportSectionA,.lineWrap{margin:0 auto;display:block}.clientSupportSection{width:49%;float:left}.lineWrap{width:2%;float:left}.clientSupportLine{width:2px;height:70vh;background-color:#fff}.clientSupportSectionA{width:80%;text-align:justify;font-size:1em;line-height:1.2em;font-family:sans-serif;font-weight:100;min-width:400px}.fullAddress,.hq,.inputTitle,.newsletterTitle,.supportLabel{font-family:Lato;display:block}.supportLogo{width:70px;display:block;margin:0 auto 10px}.supportForm{width:80%;min-width:400px;display:block;margin:2vh auto 0}.supportInputsWrap{display:block;width:100%;float:left;margin:0 auto;padding-top:15px}.supportLabel{width:50%;float:left;color:#fff;font-size:1em;text-align:left}.supportInput{width:50%;height:1.4em;display:block;float:right;color:#000}.supportInput input,.supportInput textarea{width:100%;float:right;background-color:transparent;display:block}.supportInput input{height:1.4em;border:0;border-bottom:solid 2px #fff;color:#000;font-size:1.2em;line-height:0}.supportInput input::-webkit-input-placeholder{color:#eaeaea;font-size:.7em;vertical-align:-.5em;padding-top:10px;opacity:.5}.supportInput input:-moz-placeholder{color:#eaeaea;font-size:.7em;vertical-align:-.5em;padding-top:10px;opacity:.5}.supportInput input::-moz-placeholder{color:#eaeaea;font-size:.7em;vertical-align:-.5em;padding-top:10px;opacity:.5}.supportInput input:-ms-input-placeholder{color:#eaeaea;font-size:.7em;vertical-align:-.5em;padding-top:10px;opacity:.5}.supportInput textarea{height:4em;color:#000;border:2px solid #fff;padding:10px;font-size:1.2em}.inputWrap,.rightNameBlock{width:450px;margin:0 auto}.supportSubmit{background-color:#eaeaea;border:0;padding:5px 15px;display:block;bottom:20px;margin:0 auto;color:#f26267;transition:.5s}.inputTitle,.newsletterTitle{color:#fff}.supportSubmit:hover{padding:5px 25px;letter-spacing:.4em;transition:.5s}.inputWrap{display:block}.rightNameBlock{display:block;float:left;padding-top:15px}.inputTitle{font-size:2em;padding:.1em 1em 1em;font-weight:100}.newsletterWrap{display:block;float:left;width:100%;background-color:#353535;margin:0 auto}.newsletterDiv .buttonicon,.newsletterDiv .newsletterIcon{background-color:#f26267;z-index:2;height:50px;float:left;position:relative}.newsletterTitle{width:100%;margin:80px auto 0;text-align:center;font-size:1.6em;font-weight:400}.newsletterDiv{display:block;width:350px;margin:30px auto}.newsletterDiv input{width:300px;height:50px;float:left;margin:0 0 100px;font-size:20px;padding:5px 20px;border:0;color:#353535}.addressDiamondLineWrap,.addressPartition,.addressWrap{margin:0 auto;display:block}.newsletterDiv .buttonicon{display:block;width:50px;border:0;color:#fff;background-image:url(/./img/envelop.png);background-size:50px 50px}.fullAddress,.hq{color:#000;margin-top:10px!important}.newsletterDiv .newsletterIcon{display:block;width:50px}.newsletterIcon img{width:50px;height:50px}.addressWrap{border-bottom: solid 1px #a4a1a1;padding-bottom:90px;float:left;height:400px;width:100%;background-image:url(/./img/the-website-baba-contact.jpg);background-size:cover;background-attachment:fixed}.addressPartition{width:680px;background-image:url(/./img/the-website-baba-contact.jpg);background-size: cover;background-attachment: fixed;}.addressDiamondLeft,.addressDiamondRight{width:15px;margin:0 auto;height:15px;background-color:#000;display:block}.addressDiamondLeft{float:left;transform:rotate(45deg)}.addressDiamondRight{float:right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.addressDiamondLineWrap{float:left;width:650px;height:15px}.addressDiamondLine{display:block;margin:5px auto 0;width:600px;height:5px;background-color:#000}.addressTitleImage{width:475px;margin:40px auto 0;display:block;clear:both}.addressTitleImage img{width:400px;margin:50px auto 0;display:block;float:left}.addressTitleImageM{width:100%;margin:100px auto 0;display:flex;justify-content:center;align-items:center;}.addressTitleImageN{width:590px;margin:40px auto 0;display:block;clear:both}.addressTitleImageM img{width:350px;display:block;float:left}.addressTitleImageN img{width:400px;margin:50px auto 0;display:block;float:left}.hq{float:left;text-align:left;font-size:2em;padding-left:10px;font-weight:700;margin-top:65px}.fullAddress{clear:both;margin:30px auto 0;text-align:center;font-size:2em;font-weight:100;padding-top:30px}.getSocialWrap{display:block;width:50px;margin:0 auto}div.getSocialWrap img{width:50px;height:50px;margin-top:15px}div.getSocialWrap img:hover{border-top:solid 1px #000;border-bottom:solid 1px #000}.input{position:relative;z-index:1;display:inline-block;margin:1em;max-width:500px;width:calc(100% - 2em);vertical-align:top}.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}.input__field:focus{outline:0}.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#fff;font-weight:700;font-size:70.25%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}.graphic{position:absolute;top:0;left:0;fill:none}.icon{color:#ddd;font-size:150%}.input--nao{overflow:hidden;padding-top:1em}.input__field--nao{padding:.5em 0 .25em;width:100%;background:0 0;color:#000;font-size:1.25em}.input__label--nao{position:absolute;top:.95em;font-size:.85em;left:0;display:block;width:100%;text-align:left;padding:0;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .2s .15s,color 1s;transition:transform .2s .15s,color 1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.graphic--nao{stroke:#fff;pointer-events:none;-webkit-transition:-webkit-transform .7s,stroke .7s;transition:transform .7s,stroke .7s;-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.input--filled .input__label--nao,.input__field--nao:focus+.input__label--nao{color:#fff;-webkit-transform:translate3d(0,-1.25em,0) scale3d(.75,.75,1);transform:translate3d(0,-1.25em,0) scale3d(.75,.75,1)}.input--filled .graphic--nao,.input__field--nao:focus~.graphic--nao{stroke:#fff;-webkit-transform:translate3d(-66.6%,0,0);transform:translate3d(-66.6%,0,0)}.input--kozakura{overflow:hidden;padding-bottom:1em}.input__field--kozakura{padding:1.8em .5em;margin-top:1.25em;background:0 0;color:#2F3238;font-size:1.2em;opacity:0;height:200px;width:430px}.input__label--kozakura{width:100%;text-align:left;position:absolute;top:1em;pointer-events:none;overflow:hidden;padding:0 .25em;-webkit-transform:translate3d(1em,2.75em,0);transform:translate3d(1em,2.75em,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label-content--kozakura{color:#000;padding:.8em 0 .25em;-webkit-transition:-webkit-transform .3s;transition:transform .3s;font-size:1.8em}.input__label-content--kozakura::after{content:attr(data-content);position:absolute;font-weight:800;top:100%;left:0;height:100%;width:100%;color:#fff;padding:0;letter-spacing:1px;font-size:.85em}.graphic--kozakura{fill:#fff;stroke:#fff;pointer-events:none;top:1em;bottom:0;height:200px;z-index:-1;-webkit-transition:-webkit-transform .7s,fill .7s;transition:transform .7s,fill .7s;-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.input--filled .input__field--kozakura,.input__field--kozakura:focus{-webkit-transition:opacity 0s .35s;transition:opacity 0s .35s;opacity:1}.input--filled .input__label--kozakura,.input__field--kozakura:focus+.input__label--kozakura{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input--filled .input__label-content--kozakura,.input__field--kozakura:focus+.input__label--kozakura .input__label-content--kozakura{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.input--filled .graphic--kozakura,.input__field--kozakura:focus~.graphic--kozakura{fill:#fff;-webkit-transform:translate3d(-66.6%,0,0);transform:translate3d(-66.6%,0,0)}.progress-button{position:relative;display:inline-block;padding:0 60px;outline:0;border:none;background:#1d9650;color:#fff;letter-spacing:1px;font-size:1em;line-height:4}.progress-button[disabled],.progress-button[disabled].state-loading{cursor:default}.progress-button .content{position:relative;display:block}.progress-button .content::after,.progress-button .content::before{position:absolute;right:20px;color:#0e7138;font-family:icomoon;opacity:0;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}.progress-button .content::before{content:"\e600"}.progress-button .content::after{content:"\e601"}.progress-button.state-error .content::after,.progress-button.state-success .content::before{opacity:1}.notransition{-webkit-transition:none!important;transition:none!important}.progress-button .progress{background:#148544}.progress-button .progress-inner{position:absolute;left:0;background:#0e7138}.progress-button[data-horizontal] .progress-inner{top:0;width:0;height:100%;-webkit-transition:width .3s,opacity .3s;transition:width .3s,opacity .3s}.progress-button[data-vertical] .progress-inner{bottom:0;width:100%;height:0;-webkit-transition:height .3s,opacity .3s;transition:height .3s,opacity .3s}.progress-button[data-perspective]{position:relative;display:inline-block;padding:0;background:0 0;-webkit-perspective:900px;perspective:900px}.progress-button[data-perspective] .content{padding:0 60px;background:#f26267;border:1px solid #fff}.progress-button[data-perspective] .progress-wrap{display:block;-webkit-transition:-webkit-transform .2s;transition:transform .2s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.progress-button[data-perspective] .content,.progress-button[data-perspective] .progress{outline:transparent solid 1px}.progress-button[data-style=rotate-angle-bottom] .progress{position:absolute;top:100%;left:0;width:100%;height:20px;box-shadow:0 -1px 0 #148544;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}.progress-button[data-style=rotate-angle-bottom].state-loading .progress-wrap{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}.progress-button[data-style=rotate-angle-top] .progress{position:absolute;bottom:100%;left:0;width:100%;height:20px;box-shadow:0 1px 0 #148544;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.flickAboutPara,.flickTampaleta,.flickTampaletb{box-shadow:#000 1px 1px 20px}.progress-button[data-style=rotate-angle-top].state-loading .progress-wrap{-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg)}.nl-form{width:100%;margin:.3em auto 0;font-size:1.8em;line-height:1.5}.nl-form ul{list-style:none;margin:0;padding:0}.nl-form button,.nl-form input,.nl-form select{border:none;background:0 0;font-family:inherit;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;display:inline-block;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none}.nl-form input:focus{outline:0}.nl-field{display:inline-block;position:relative}.nl-field.nl-field-open{z-index:10000}.nl-field-toggle,.nl-form input,.nl-form select{line-height:inherit;display:inline-block;color:#b14943;cursor:pointer;border-bottom:1px dashed #b14943}.nl-field ul{position:absolute;visibility:hidden;background:#76C3BD;left:-.5em;top:50%;font-size:80%;opacity:0;-webkit-transform:translateY(-40%) scale(.9);-moz-transform:translateY(-40%) scale(.9);transform:translateY(-40%) scale(.9);-webkit-transition:visibility 0s .3s,opacity .3s,-webkit-transform .3s;-moz-transition:visibility 0s .3s,opacity .3s,-moz-transform .3s;transition:visibility 0s .3s,opacity .3s,transform .3s}.nl-field.nl-field-open ul{visibility:visible;opacity:1;-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);-webkit-transition:visibility 0s 0s,opacity .3s,-webkit-transform .3s;-moz-transition:visibility 0s 0s,opacity .3s,-moz-transform .3s;transition:visibility 0s 0s,opacity .3s,transform .3s}.nl-field ul li{color:#fff;position:relative}.nl-dd ul li.nl-dd-checked,.no-touch .nl-dd ul li:hover:active{color:#478982}.nl-dd ul li{padding:0 1.5em 0 .5em;cursor:pointer;white-space:nowrap}.no-touch .nl-dd ul li:hover{background:rgba(0,0,0,.05)}.nl-dd ul li.nl-dd-checked:before,.nl-field-go:before,.nl-submit:before{font-family:nlicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased}.flickTitleTag,.nl-form .nl-submit,.overlay .tags,.projectSubmit,.projectSubmitTitle,.projectTitle h1,.workBrandsWrap h1{text-transform:uppercase;}.nl-dd ul li.nl-dd-checked:before{content:"\e000";position:absolute;right:1em;font-size:50%;line-height:3}.nl-field-go:before,.nl-submit:before{content:"\e001"}.nl-ti-text ul{min-width:8em}.nl-ti-text ul li.nl-ti-input input{width:100%;padding:.2em 2em .2em .5em;border-bottom:none;color:#fff}.nl-form .nl-field-go{position:absolute;right:0;top:0;height:100%;cursor:pointer;background:rgba(0,0,0,.1);width:1.8em;text-align:center;color:transparent}.nl-field-go:before{font-size:75%;color:#fff;width:100%;line-height:2.5;display:block}input::-webkit-input-placeholder{color:rgba(255,255,255,.8)}input:active::-webkit-input-placeholder,input:focus::-webkit-input-placeholder{color:rgba(255,255,255,.2)}input::-moz-placeholder{color:rgba(255,255,255,.8)}input:active::-moz-placeholder,input:focus::-moz-placeholder{color:rgba(255,255,255,.2)}input:-ms-input-placeholder{color:rgba(255,255,255,.8)}input:active::-ms-input-placeholder,input:focus::-ms-input-placeholder{color:rgba(255,255,255,.2)}.nl-ti-text ul li.nl-ti-example{font-size:40%;font-style:italic;font-weight:400;padding:.4em 1em;color:rgba(0,0,0,.2);border-top:1px dashed rgba(255,255,255,.7)}.nl-ti-text ul li.nl-ti-example em{color:#fff}.nl-submit-wrap{margin-top:.4em}.nl-form .nl-submit{line-height:3;cursor:pointer;position:relative;background:#76C3BD;color:#fff;padding:0 1em 0 0;font-size:40%;font-weight:700;letter-spacing:3px}.projectTitle h1,.stepHeading{letter-spacing:.15em;text-align:center}.nl-submit:before,.no-touch .nl-form .nl-submit:active,.no-touch .nl-form .nl-submit:hover{background:#69B1A9}.nl-submit:before{color:#fff;float:left;padding:0 .7em;margin:0 .8em 0 0}.no-touch .nl-form .nl-submit:hover:before{background:#58a199}.nl-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;z-index:9999;visibility:hidden;-webkit-transition:visibility 0s .3s,opacity .3s;-moz-transition:visibility 0s .3s,opacity .3s;transition:visibility 0s .3s,opacity .3s}.flickAbout,.flickbib,.websitesHero,.webstoreHero{background-position:center center}.workHeroWrap,.workProjectBlocks a{background-size:cover;background-position:center center;background-repeat:no-repeat}.nl-field.nl-field-open~.nl-overlay{opacity:1;visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}.mobileDisplay{display:none;float:left;height:100vh;width:100%;position:absolute;top:0;background-color:#000;z-index:5000}.morphMailUs{width:80%;color:#fff;background-color:#f26267;margin:30px auto 0;text-align:center;padding:13px 25px 10px;transition:.5s}.morphUnderline{display:block;width:1px;height:2px;background-color:transparent;margin:3px auto 0;transition:.5s}.morphMailUs:hover .morphUnderline{width:73%;background-color:#fff;transition:.5s}.projectLogo{width:100%;display:block;float:left;margin:0 auto}.projectLogo img{width:100px;display:block;margin:50px auto 0}.projectQuote,.projectTitle{width:100%;display:block;float:left}.projectQuote{margin:0 auto}.projectQuote p{text-align:center;font-family:Lato;font-size:4em;color:#353535;font-weight:300;margin-top:100px}.projectQuote p span{display:block;font-size:.3em!important;color:#777;margin-top:20px}.projectTitle{margin:0 auto}.projectTitle img{width:450px;display:block;margin:50px auto 0;border:1px solid #999;padding:15px 35px}.projectTitle h1{padding-top:20px;display:block;margin:0 auto;font-family:'Six Caps',sans-serif;font-size:4em;font-weight:300;color:#fff}.projectTitle p,.stepTitle{text-align:center;font-family:Lato;font-weight:300}.projectUnderline{display:block;margin:20px auto 25px;width:100px;height:2px;background-color:#999}.projectTitle p{width:450px;padding-top:0;display:block;margin:0 auto;font-size:1.1em;color:#eaeaea;line-height:1.6em;padding-bottom:30px}.projectLine{display:block;float:left;margin:30px auto 20px;width:100%;height:3px;border-top:solid 1px #000;border-bottom:solid 1px #000;opacity:.25}.projectSteps,.stepTitle{margin:0 auto;display:block}.projectSteps{float:left;width:100%;padding-top:50px}.stepTitle{font-size:1.2em;color:#f26267}.stepTitleUnderline{display:block;margin:3px auto 0;width:40px;background-color:#f26267;height:2px}.stepHeading{display:block;margin:20px auto 0;color:#353535;font-family:'Six Caps',sans-serif;font-size:3em}.stepSubheading,label .checkboxLable{font-size:1em;font-family:Lato;text-align:center}.stepSubheading{color:#999;display:block;margin:0 auto}.projectTypeCheckboxWrap{display:block;margin:50px auto 0;width:840px}label,label .checkboxBox{margin-bottom:10px;height:5em;float:left}.projectTypeCheckboxWrap input[type=checkbox]{display:none!important}label{display:block;padding:5px;margin-left:33px margin: 10px;cursor:pointer}label .checkboxBox{width:400px;display:inline-block;margin-top:2px;background-color:#ddd}label .checkboxLable{width:400px;height:5em;display:block;margin:0 auto;padding-top:2em}input[type=checkbox]:checked+label .checkboxBox{width:400px;height:5em;display:inline-block;float:left;margin-top:2px;border:1px solid #353535;background-color:#353535;color:#fff}.timelineWrap{display:block;margin:50px auto 0;width:906px}.timelineBlock{display:block;margin:0 auto;float:left;width:453px;padding:0 20px}.timelineBlock h1{text-align:center;font-family:Lato;font-size:1.2em;font-weight:300;color:#999}.projectAddressBlock h1,.projectSubmit,.projectSubmitTitle,.workBrandsWrap h1{font-family:Lato}.clientSource{width:400px;display:block;margin:30px auto 0}.projectSubmitTitle{text-align:center;margin:20px auto 0;display:block;font-size:1.2em;color:#353535;font-weight:700}.projectSubmit{display:block;margin:0 auto;text-align:center;padding:15px 60px;font-size:1.6em;color:#f26267;border:2px solid #f26267;background-color:#fff;transition:.5s}.projectSubmit:hover{background-color:#f26267;color:#fff;transition:.5s ease-in}.projectAddressBlock{display:block;width:400px;float:left}.projectAddressBlock h1{display:block;margin:0 0 15px;text-align:left;font-size:1.5em;color:#353535;padding-left:45px}.projectAddressBlock textarea{width:300px;margin-left:45px;border:4px solid #353535;margin-top:15px;height:20em;padding:10px}.fullpageStyle,.workBrandsWrap h1,.workGif,.workLogo{margin:0 auto;display:block}.workBrandsWrap,.workHeroWrap,.workSliderWrap{height:100vh;margin:0 auto;display:block}.fullpageStyle{top:0;left:0}.workHeroWrap{width:100%;background-color:#000;}.workSliderWrap{background-color:#353535;width:100%}.workHeroBG{position:relative;z-index:500}.workLogo{min-width:80px;width:7vw;max-width:120px}.workGif{padding-top:1vh;min-width:300px;max-width:500px;width:40vw}.workBrandsWrap{width:100%;background-color:#fff}.workBrandsWrap h1{text-align:center;color:#000;font-size:.8em;}.footerHalfs h1,.workBrandsTitle{font-family:'Six Caps',sans-serif}.workUnderline{display:block;margin:5px auto 0;background-color:#000;width:4em;height:2px}.workBrandsTitle{display:block;margin:1.5em auto 0;font-size:2.5em;letter-spacing:.2em;text-align:center}.brandLogoWrap{width:80%;min-width:400px;max-width:1200px;display:block;margin:8vh auto 0;height:60vh;min-height:400px;max-height:1000px}.brandsLogoBox,.brandsLogoBox img,.brandsRow,.footerHalfs,.footerHalfs h1,.workProjectBlocks{display:block;margin:0 auto}.brandsRow{width:100%;height:25%}.brandsLogoBox{width:25%;height:100%;float:left}.brandsLogoBox img{width:60%;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);transition:.5s}.brandsLogoBox img:hover{filter:url("data:image/svg+xml;utf8,#grayscale");filter:none;-webkit-filter:grayscale(0);transition:.5s}.footerSection,.workBlocksWrap{display:block;margin:0 auto;width:100%;height:100vh;background-color:#999}.footerHalfs{width:100%;height:50vh;background-color:#fff}.footerHalfs h1{font-size:4em;color:#000;text-align:center;letter-spacing:.1em}.footerHalfs p,.workTitle{font-family:Lato;text-align:center}.footerHalfs p{display:block;margin:15px auto 0;font-size:1.2em}.workProjectBlocks{width:33.333%;height:33.333%;float:left;padding:0}.workProjectBlocks .overlay,.workProjectBlocks a{width:100%;height:100%;display:block;margin:0 auto}.workProjectBlocks .overlay{background-color:rgba(0,0,0,.5);position:relative}.overlay .tags,.overlay .workTitleDes,.overlay .workTitleLine,.workSliderHead,.workTitle{display:block;left:0;right:0;position:absolute}.workTitle{font-size:2em;color:#fff;letter-spacing:.2em;font-weight:700;top:40%;margin:0 auto;transition:.5s}.overlay .workTitleLine{margin:15px auto 0;width:2em;height:2px;background-color:#fff;transition:1s}.overlay .tags,.overlay .workTitleDes{opacity:0;margin:0 auto;padding:10px 30px;color:#fff;transition:.8s;text-align:center}.overlay .workTitleDes{font-family:Flamenco,cursive;line-height:1.5em;letter-spacing:.08em;font-size:1.1em;top:40%;font-weight:700}.overlay .tags{font-size:.8em;bottom:5%;font-weight:400}.workProjectBlocks .overlay:hover{background-color:rgba(242,98,103,.95);transition:.5s}.workProjectBlocks .peach .overlay:hover{background-color:rgba(249,180,145,.95)!important;transition:.5s}.workProjectBlocks .cyan .overlay:hover{background-color:rgba(47,202,211,.95)!important;transition:.5s}.workProjectBlocks .orange .overlay:hover{background-color:rgba(227,185,32,.95)!important;transition:.5s}.workProjectBlocks .purple .overlay:hover{background-color:rgba(47,22,80,.95)!important;transition:.5s}.workProjectBlocks .whitegray .overlay:hover{background-color:rgba(133,195,209,.95)!important;transition:.5s}.workProjectBlocks .green .overlay:hover{background-color:rgba(99,216,144,.95)!important;transition:.5s}.overlay:hover .workTitle{top:5%}.overlay:hover .workTitleDes{opacity:1;transition:.5s}.overlay:hover .workTitleLine{width:7em;transition:1s}.overlay:hover .tags{opacity:1;transition:.8s}.slider__nav .button img{width:3em}.lookInside{color:#b7b7b7!important;margin-top:0!important;transition:.5s;vertical-align:.5em!important}.lookInside:hover{color:#fff!important;transition:.5s;letter-spacing:.15em}.workSliderHead{margin:0 auto;font-family:'Six Caps',sans-serif;color:#fff;top:5vh;text-align:center;letter-spacing:.15em;font-size:3em}.workSliderWrap{z-index:1000;position:relative}.workSliderWrap .container{font-family:Avenir,'Helvetica Neue',Lato,'Segoe UI',Helvetica,Arial,sans-serif;color:#CECECE;background:#222125;z-index:100}.flickAbout,.flickbib,.websitesHero{background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.workSliderWrap .container a{text-decoration:none;color:#5C5EDC;outline:0}.workSliderWrap .container a:focus{color:#ddd}.workSliderWrap .container a:hover{color:#fff}@media screen and (max-width:45em){.nl-form{font-size:3em}}@media screen and (max-width:25em){.nl-form{font-size:2em}}@media only screen and (min-width:1800px) and (-webkit-min-device-pixel-ratio:1){.whyWeDo span{font-size:18px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.pinkBlocksPara{width:250px}.whyWeDo h1{font-size:5em}.aboutHeroText{font-size:4em}.servicesSvgPara{padding:0 20px}.differenceBlockPara{font-weight:400}.differenceAbsoluteContent{width:55vw}p#sentence{font-size:2em}.weAreLogo{width:80vw}.teamWrap{width:420px}.teamClosing,.teamPlus{clear:both;display:block;margin:0 auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.mobilQuoteDetails,.quoteMobi{width:600px!important}.websiteSectionTwoRight{height:600px!important}.websiteExampleWrap{height:1400px!important}.mobilModif{padding-top:80px!important}.quoteMobi{margin:0 auto;float:none!important}.quoteMobiA h1{padding-left:0}.quoteMobiA textarea{margin-left:0;width:620px!important}.projectHPadding{padding-top:50px}.quoteMobiMarginB{width:650px!important;margin-top:50px!important;margin-bottom:50px!important}h1.quoteMobiH{width:600px;font-size:14px!important}.quoteMobiA{float:left!important;width:600px!important}.clientSupportSection,.timelineBlock{float:none}.quoteMobiMargin{margin-top:30px!important;padding-top:0!important}.webstoreHeroContentWrap{margin-top:0}.pinkBlocksPara{width:200px}.aboutHeroText{font-size:3.5em}.whyWeDo h1{font-size:4em}.joinTeamTitle{font-size:4.5em}.lineWrap,.supportSectionTwo{display:none}.clientSupportSectionA,.supportForm{width:100%}.clientSupportWrap{margin:10vh auto 0}.projectTypeCheckboxWrap{width:540px}input[type=checkbox]:checked+label .checkboxBox,label .checkboxBox,label .checkboxLable{width:250px}.timelineWrap{width:100%}.startDateZ{padding-top:200px!important}.input--kuro{margin-left:5px!important;margin-right:5px!important}.projectInputWrap{width:650px!important;margin:0 auto}.projectAddressBlock{width:300px}.clientSource{margin:0 auto;width:300px}.clientSource .input{width:calc(100% - 1em)!important}}@media only screen and (max-device-width:1024px){.addressTitleImage{width:490px}#map{height:300px}.clientSupportWrap{width:98%}.clientSupportSectionA{width:100%}.pinkBlocksPara{font-size:1.1em}.pinkBlocksWrap{margin-top:6vh}.actionButtonB{padding:10px 20px;font-size:14px}.mobileMenuButtons{width:610px!important}.visionSvgWrap{width:95%}video{display:none}.weDesignBetterLogo{width:60vw}.makingBrandsText{font-size:1em;font-weight:700}.servicesSvgPara{padding:0 20px;font-size:1em;text-align:justify}.differenceBlockPara{line-height:1.4em;opacity:.8}.contactIntroTitle{font-size:2em}.addressWrap,.contactIntroWrap,.emailsWrap{background-image:none}}.webstoreHero,.webstoreHeroContentWrap{width:100%;display:block;margin:0 auto}.flickHero .flickTitle,.flickTag,.flickTitleTag{text-align:center;font-family:Lato}.webstoreHero{height:100vh;top:0;background-size:cover;background-repeat:no-repeat;min-height:750px;padding:0}.webstoreHeroContentWrap{float:left;padding-left:100px}.webstoreLogo{width:100px}.flickHero,.indexFooterBug{width:100%;margin:0 auto;display:block}.webstoreButtonA:hover{background-color:#fff;color:#000!important;transition:.5s}.webstoreButtonB:hover{background-color:#000;color:#fff!important;transition:.5s}.indexFooterBug{float:left}.flickHero{padding:0;background-color:#000;height:100vh;min-height:725px;top:0}.flickLogo{width:80px;display:block;margin:0 auto;padding-top:0;clear:both}.flickTitleTag{margin:0 auto;padding-left:0;display:block;color:#fff;font-size:1em;letter-spacing:.25em}.flickHero .flickTitle{margin:10px auto 0;padding-top:10px;padding-left:10px;display:block;color:#fff;font-size:4em}.flickHero .flickTitle span{font-size:.3em;vertical-align:1.8em;color:#fff}.flickTag{font-size:3.5em;font-weight:300;color:#fff;padding:0 20px;margin:50px auto 0}.getStartedButton,.knowMoreButton{font-size:1em;letter-spacing:.2em;font-family:Lato;font-weight:700;border:2px solid #f3cb6d;margin:45px auto 0;text-align:center;text-transform:uppercase;display:block;text-decoration:none;transition:.1s}.getStartedButton{color:#000;padding:20px 30px;background-color:#f3cb6d;width:250px}.getStartedButton:hover{background-color:#000;color:#f3cb6d;transition:.1s}.knowMoreButton{color:#f3cb6d!important;padding:20px 0;background-color:#000;width:180px}.knowMoreButton:hover{background-color:#f3cb6d;color:#000!important;transition:.1s}.priceLine,.priceLine p,.pricingSquare{background-color:#000}.pricingWrap{width:100%;display:block;margin:0 auto;padding:0;float:left}.pricingTitle{font-size:1.2em;text-align:center;color:#000;letter-spacing:.3em;text-transform:uppercase;padding-top:60px;font-family:Lato}.dollar,.flickPrice,.priceLine p{text-align:center;color:#fff;font-family:Lato}.pricingSquare{width:250px;display:block;margin:30px auto 0;padding-bottom:6px}.flickPrice{font-size:3em;padding-top:60px;line-height:0;margin-bottom:60px}.priceLine{width:80%;margin:0 auto;height:2px;border-top:2px solid #fff;border-bottom:2px solid #fff}.priceLine p{width:3em;font-size:1em;margin:-10px auto 0;display:block}.dollar{font-size:3em;padding-top:10px;line-height:0;padding-bottom:10px}.inclusive,.pricingClosing{font-size:1em;text-align:center;color:#000;letter-spacing:.3em;font-weight:700;text-transform:uppercase}.inclusive{background-color:#fff;display:block;width:95%;margin:0 auto;font-family:Lato;padding:5px}.pricingClosing{padding-top:40px;padding-bottom:60px}.flickAbout,.flickAboutSection{float:left;margin:0 auto;padding:0}.flickAbout{display:block;font-family:Lato;width:100%}.flickAboutSection{width:50%}.flickTampaleta{width:30%;margin:0 10px 0 0;float:right}.flickTampaletb{width:90%;display:block;margin:100px auto;float:left}.flickAboutParaHead{text-align:left;font-size:1.5em;text-transform:uppercase;color:#fff;font-weight:700;letter-spacing:.2em;margin-top:150px}.flickAboutPara{text-align:left;font-size:.85em;font-weight:300;color:#000;letter-spacing:.04em;padding:50px 30px;margin-top:300px;font-style:italic;background-color:#fff;line-height:1.4em}.flickAboutSectiona{width:60%;float:left;margin:0 auto;padding:0 30px 0 20px}.flickAboutSectionab{width:40%;float:left;margin:0 auto;padding:0;overflow:hidden}.flickAboutSectionab img{width:150%;margin:100px auto 0;display:block;padding-right:0;overflow:hidden}.flickList{color:#fff;font-weight:100;padding-right:30px;padding-bottom:80px}.flickbib{display:block;margin:0 auto;padding:0;font-family:Lato;width:100%;float:left;height:100vh;max-height:660px}.flickProcess{width:80%;display:block;margin:50px auto 0;max-width:1000px}.getStartedButtonA{text-align:center;text-decoration:none;color:#000;padding:20px 30px;font-size:1em;letter-spacing:.2em;font-family:Lato;font-weight:700;border:2px solid #000;background-color:#fff;display:block;margin:80px auto;width:250px;text-transform:uppercase;transition:.1s}.flicksiteLogin,.legalClass{text-align:center;font-size:.8em;display:block}.getStartedButtonA:hover{background-color:#000;color:#fff;transition:.1s}.legalClass{clear:both;color:#fff!important;margin:0 auto;padding-top:24px}.legalClass a{font-weight:300;color:#fff!important}.legalClass a:hover{color:#f26267!important}.flicksiteLogin{width:100px;float:right;padding:10px 20px;background-color:#f3cb6d;color:#000;right:0;top:0;font-weight:700;letter-spacing:.08em;margin-right:10px;margin-top:10px;cursor:pointer!important;transition:.5s;border:3px solid #000}.websiteButtons a div,.websiteOverlay div,.websiteSectionTwoLeft a div{font-family:Lato;cursor:pointer}.flicksiteLogin:hover{transition:.5s;background-color:#000;border:3px solid #f3cb6d;color:#f3cb6d}.flickAboutTitmeImg{position:absolute;z-index:200;right:150px;margin-top:100px}.showcaseWrap{width:100%;display:block;margin:0 auto;float:left;height:650px;background-color:#F0F0F0}.viewTemplatesBtn,.websitesHero{background-color:#000;display:block}.flickShowcaseLeft{float:left;width:65%;height:100%;display:block;margin:0 auto}.flickShowcaseLeft img{width:90%;margin:100px auto 0;display:block}.flickShowcaseRight{float:left;width:35%;height:100%;display:block;margin:0 auto}.flickShowcaseRight h1{color:#000;font-family:Lato;font-weight:700;text-align:left;font-size:1.9em;letter-spacing:.1em;margin-top:150px}.viewTemplatesBtn,.websiteButtons a div{text-align:center;text-transform:uppercase;transition:.5s}.flickShowcaseRight p{font-size:.9em;font-weight:100;line-height:2em;width:400px;color:#999}.viewTemplatesBtn{font-size:.7em;color:#fff!important;font-weight:100;letter-spacing:.13em;padding:20px 35px;width:200px;margin-top:30px}.viewTemplatesBtn:hover{color:#fff!important;opacity:.6;transition:.5s}.flickShowcaseName{font-size:.7em!important;line-height:1.3em!important;margin-top:40px}.flickAboutParaHeadA{font-size:5em;font-family:Lato;font-weight:100;color:#fff;letter-spacing:.02em;line-height:1em;margin:100px 0 0 150px;padding:0}.flickInclusionsP,.inclusionDetails{margin-left:150px}p.flickAboutParaHeadA span{font-size:.3em!important;vertical-align:2em}.flickInclusionsP i{font-size:.6em;text-transform:uppercase;color:#fff;letter-spacing:.13em;display:block;padding-left:20px;line-height:2em}.inclusionDetails{font-size:.9em;line-height:2em!important;color:#fff!important;font-weight:100;margin-top:30px;width:300px;margin-bottom:100px}.websitesHero{margin:0 auto;float:left;width:100%;height:100vh;min-height:750px;background-image:url(../img/get-an-amazing-responsive-website.jpg)}.websiteLogo{position:absolute;z-index:10;width:100px;margin:0 auto;left:0;right:0;top:25px}.websitesHero img{margin:0 auto;display:block}.websiteButtons{width:700px;margin:35px auto 0;display:block}.websiteButtons a div{padding:12px 20px;border:1px solid #fff;font-size:11px;color:#353535;letter-spacing:.08em;width:200px;float:left;background-color:#fff}.websiteButtons a div:hover{background-color:rgba(255,255,255,.6);color:#000;transition:.5s}.websiteSectionTwo{background-color:#f7f7f7;display:block;margin:0 auto;float:left;width:100%}.websiteSectionTwoLeft,.websiteSectionTwoRight{width:50%;margin:0 auto;height:450px;float:left}.websiteSectionTwoLeft{padding:100px}.websiteSectionTwoRight img{display:block;margin:0 auto;height:450px}.websiteSectionTwoLeft h1{padding-top:20px;font-size:16px;font-weight:400;color:#353535;letter-spacing:.2em;text-align:left}.websiteSectionTwoLeft p{font-size:14px;font-weight:100;color:#7b7b7b;letter-spacing:.09em;line-height:1.8em;text-align:left;padding-top:15px}.websiteSectionTwoLeft a div{padding:10px 20px;border:1px solid #353535;font-size:11px;text-transform:uppercase;color:#353535;letter-spacing:.08em;text-align:center;width:200px;transition:.5s;float:left;margin-top:10px}.websiteSectionTwoLeft a div:hover{background-color:rgba(0,0,0,.8);color:#fff;transition:.5s}.websiteSectionThree{background-color:#7ad0cd;display:block;margin:0 auto;float:left;width:100%}.websiteSectionThree h1{padding-top:80px;font-size:18px;font-weight:400;color:#fff;letter-spacing:.2em;text-align:center}.websiteSectionThree p{font-size:14px;font-weight:100;color:#eaeaea;letter-spacing:.09em;line-height:1.8em;text-align:center;padding:15px;width:500px;margin:0 auto}.websiteExampleWrap{width:90%;display:block;margin:60px auto;background-color:#fff;padding:2%;height:900px;max-width:1150px}.websiteBlockS,.websiteBlockSa{background-color:#f26267;float:left}.websiteBlockD h1,.websiteBlockD p{color:#7ad0cd;text-align:left;padding-left:40px}.websiteBlockD{width:50%;height:33.333333%;float:left}.websiteBlockDa{width:100%;height:50%;float:left}.websiteBlockD h1{padding-top:80px;font-size:16px;font-weight:400;letter-spacing:.13em}.websiteBlockD p{font-size:13px;font-weight:100;letter-spacing:.09em;line-height:1.8em;padding-top:15px;padding-right:40px;width:100%;margin:0}.websiteOverlay div,.websiteSectionFive p{text-align:center;text-transform:uppercase}.websiteBlockS{width:25%;height:33.333333%}.websiteBlockSa{width:50%;height:50%}.blockSOne{background:url(../work/projects/decode-branding-brand-identity-material-collateral-positioning-print-graphic-design-logo-illustrations-magazie-book-cover-album-design/b2.jpg) center no-repeat;background-size:cover}.blockSTwo{background:url(../img/workflock.gif) center no-repeat;background-size:cover}.blockSThree{background:url(../img/blockSThree.jpg) center no-repeat;background-size:cover}.blockSFour{background:url(../img/blockSFour.jpg) center no-repeat;background-size:cover}.blockSFive{background:url(../img/blockSFive.jpg) center no-repeat;background-size:cover}.blockSSeven{background:url(../img/blockSSeven.jpg) center no-repeat;background-size:cover}.blockSEight{background:url(../img/blockSEight.jpg) center no-repeat;background-size:cover}.websiteOverlay{width:100%;height:100%;background-color:rgba(0,0,0,.6);padding-top:45%;display:block;opacity:0;transition:.5s}.websiteOverlay div{padding:10px 20px;border:1px solid #fff;font-size:11px;color:#353535;background-color:#eaeaea;letter-spacing:.08em;width:200px;display:block;margin:0 auto}.websiteFooterText span,.websiteSectionFive p{color:#fff;font-family:Lato;font-weight:300}.websiteBlockS:hover>.websiteOverlay,.websiteBlockSa:hover>.websiteOverlay{opacity:.9;transition:.5s}.websiteBlockXL{width:50%;height:66.66666%;float:left}.websiteBlockL{display:block;float:left;width:25%;height:66.66666%;background:url(../img/workariathumb.gif) center repeat;background-size:100%}.websiteSectionFour{display:block;width:100%;height:400px;float:left;margin:100px 0}.websiteSectionFour img{height:90%;margin:0 auto;float:left}.websiteReviewRight{float:right!important}.websiteFooter,.websitePartners,.websiteSectionFive{width:100%;float:left;display:block}.websitePartners{margin:0 auto}.websiteSectionFive{margin:0 auto;background-color:#a3c1ad;padding:80px 10px}.websiteSectionFive p{font-size:25px;letter-spacing:.13em}.websiteFooter{background:#000;height:360px}.websiteFooterlogoWhite{display:block;margin:30px auto;width:90px}.websiteFooterText{width:229px;display:block;margin:0 auto}.websiteFooterText img{width:150px}.websiteFooterText span{font-size:18px;vertical-align:2px}@media screen and (max-width:800px) and (orientation:landscape){.websiteSectionTwoRight img{width:50vw!important;height:auto!important}.websiteLogo{width:12vw!important!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.websiteHero{background-attachment:scroll!important}.websiteSectionTwoRight img{width:100%!important}.websiteSectionFour{height:300px!important}.websiteSectionFour img{height:auto!important;width:50%!important}}
/*=============MENU =============*/
/*=============MENU =============*/
/*=============MENU =============*/
/*=============MENU =============*/
/*=============MENU =============*/
.flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu {
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
a,
a:visited,
a:hover,
a:active {
color: inherit;
text-decoration: none;
}
h1 {
font-weight: 400;
font-size: 3em;
text-align: center;
}
.outer-menu {
position: fixed;
top: 10vh;
left: 85%;
z-index: 1;
}
.outer-menu .checkbox-toggle {
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
width: 120px!important;
height: 60px;
opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
pointer-events: auto;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
width: 200vw;
height: 200vw;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
opacity: 1;
transition: opacity 0.3s ease 0.3s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.outer-menu .hamburger {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 120px!important;
height: 60px;
padding: .5em 1em;
/*backdround color was here */
border-radius: 0 0.12em 0.12em 0;
cursor: pointer;
transition: box-shadow 0.3s ease;
backface-visibility: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
-webkit-align-items: center;
-webkit-justify-content: center;
}
.outer-menu .hamburger > div {
position: relative;
flex: none;
width: 100%;
height: 2px;
background: #f26267;
transition: all 0.3s ease;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
-webkit-align-items: center;
-webkit-justify-content: center;
}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
content: '';
position: absolute;
z-index: 1;
top: -10px;
left: 0;
width: 100%;
height: 2px;
background: inherit;
transition: all 0.3s ease;
}
.outer-menu .hamburger > div:after {
top: 10px;
}
.outer-menu .menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.outer-menu .menu > div {
width: 0;
height: 0;
color: #fefefe;
background: rgba(0, 0, 0, 1);
border-radius: 50%;
transition: all 0.3s ease;
flex: none;
-webkit-flex: none;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.outer-menu .menu > div > div {
text-align: center;
max-width: 100vw;
max-height: 100vh;
opacity: 0;
transition: opacity 0.3s ease;
flex: none;
-webkit-flex: none;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
overflow: hidden!important;
border: solid 25px #fff!important;
}
.outer-menu .menu > div > div > div > ul {
list-style: none;
padding: 0 1em;
margin: 0;
display: block;
max-height: 200vh;
}
.outer-menu .menu > div > div > div > ul > li {
padding: 0;
margin: 1em;
font-size: 18px!important;
display: block;
}
.outer-menu .menu > div > div > div > ul > li > a {
position: relative;
display: inline;
cursor: pointer;
transition: color 0.3s ease;
color: #fff;
font-weight: bold;
font-size: 18px;
font-family: 'Lato';
letter-spacing: 0.04em;
}
.outer-menu .menu > div > div > div > ul > li > a:hover {
color: #fff;
}
.outer-menu .menu > div > div > div > ul > li > a:hover:after {
width: 100%;
}
.outer-menu .menu > div > div > div > ul > li > a:after {
content: '';
position: absolute;
z-index: 1;
bottom: -0.15em;
left: 0;
width: 0;
height: 2px;
background: #fff;
transition: width 0.3s ease;
}
.menuLogo{
padding: 1vh 0 20px 0;
width: 50px;
}
.menuLogoText{
width: 250px;
display: block;
margin: 0 auto;
margin-bottom: 10vh;
}
.menuSapButton{
margin: 0 auto;
display: block;
transition: 0.5s;
margin: 0 auto;
text-align: center!important;
padding-top: 10vh!important;
}
.menuSapButton a{
font-family: 'Satisfy', cursive!important;
font-size: 1.5em!important;
position: relative;
z-index: 2;
color: #F24B4B!important;
}
.queryMenuButton{
margin-left: 80px;
}
.outer-menu .menu > div > div > div > ul > li.menuSapButton > a:after {
background:#f26267!important;
}
.startBorder{
display: none;
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
width: 100vw;
height: 100vh;
border: solid 35px transparent;
-webkit-border-image: url(../img/start-a-project-hover.gif) 30 round; /* Safari 3.1-5 */
-o-border-image: url(../img/start-a-project-hover.gif) 30 round; /* Opera 11-12.1 */
border-image: url(../img/t1.gif) 90 round;
z-index: -1;
}
.menuSapButton a:hover ~ .startBorder{
display: block;
z-index: 1;
}
.socialDiamond{
width: 30px;
height: 30px;
border: solid 1px #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
float: left;
margin:0 10px;
transition: 0.5s;
}
.footerQuickLinks{
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
color: #f26267;
padding-top:25px!important;
position: absolute;
font-family: 'Satisfy';
font-size: 1.2em;
}
.footerQuickLinks span{
color: #ff9b9e;
margin: 10px;
font-size: 0.6em;
font-family: 'Roboto';
}
.footerQuickLinks a{
color: #f26267!important;
}
.footerQuickLinks a:hover{
color: #fff!important;
}
/* The Modal (background) */
/* The Modal (background) */
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: absolute; /* Stay in place */
z-index: 100; /* Sit on top */
left: 0;
padding-top: 20vh;
top: 0;
right: 0;
margin: 0 auto;
width: 100vw; /* Full width */
height: 100vh; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 60%;
min-width: 500px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modalMain{
background-color: #f26267;
height: 50vh;
min-height: 500px;
width: 65%;
float: left;
}
.ModalInputWrap{
width: 340px;
margin: 0 auto;
}
.ModalInputWrap input{
width: 300px;
margin: 10px 20px;
float: left;
padding: 0.25em;
font-size: 1.2em;
color:#333333;
font-family: sans-serif;
font-weight: 100;
background: transparent;
border: solid 1px #fff;
}
.modalMain textarea{
width: 300px;
margin: 10px auto;
font-size: 1.2em;
color:#333333;
padding: 0.25em;
font-family: sans-serif;
font-weight: 100;
background: transparent;
border: solid 1px #fff;
}
.modalSubmit{
clear: both;
display: block;
margin: 0 auto;
font-size: 0.9em;
color: #fff;
background-color: transparent;
border: solid 2px #fff;
padding: 5px 40px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 20px;
font-family: 'Roboto';
}
.modalSubmit:hover{
background-color: #fff;
color: #f24b4b;
transition: 0.5s;
}
.modal-left{
width: 35%;
float: left;
height: 50vh;
min-height: 500px;
background-color: rgba(255,255,255,0.7);
padding: 20px;
}
.close{
color: #000;
padding: 5px;
}
.modalQuestion{
font-size: 2em!important;
font-color:#fff;
font-family: Georgia, "Nimbus Roman No9 L", serif!important;
text-align: left;
line-height: 1.2em;
font-style: italic!important;
}
.modelHi{
font-family: 'Anton', sans-serif!important;
font-size: 4.5em!important;
color: #fff;
text-align: left;
line-height: 1.2em!important;
font-style: italic;
}
.modelHi span{
color: #000;
}
.ModalInputWrap p{
font-size: 1em;
font-family: Georgia, "Nimbus Roman No9 L", serif!important;
color: #fff;
text-align: center;
margin: 20px auto;
font-style: italic!important;
}
.mobileModalReplacement{
display: none!important;
}
.menuSapButton button{
font-family: 'Satisfy', cursive!important;
font-size: 1.7em!important;
position: relative;
z-index: 2;
color: #F24B4B!important;
background: transparent;
font-weight: bold;
border: none;
}
.queryMenuButton{
margin-left: 80px;
}
.modal input:hover::-webkit-input-placeholder,
.modal input:focus::-webkit-input-placeholder,
.modal textarea:hover::-webkit-input-placeholder,
.modal textarea:focus::-webkit-input-placeholder {
color: #eaeaea!important;
font-size: 1em!important;
}
.modal input:hover::-moz-placeholder,
.modal input:focus::-moz-placeholder,
.modal textarea:hover::-moz-input-placeholder,
.modal textarea:hover::-moz-input-placeholder {
color: #eaeaea!important;
font-size: 1em!important;
}
.modal input:hover:-ms-input-placeholder,
.modal input:focus:-ms-input-placeholder,
.modal textarea:hover:-ms-input-placeholder,
.modal textarea:hover:-ms-input-placeholder {
color: #eaeaea!important;
font-size: 1em!important;
}
/* ------------ CUSTOMS ---------*/
/* ------------ CUSTOMS ---------*/
/* ------------ CUSTOMS ---------*/
/* ------------ CUSTOMS ---------*/
.contactPhoneStyle{
font-weight: 300;
color: #f26267;
display: block;
text-align: center;
margin: 30px auto;
letter-spacing: 0.08em;
}
.contactPhoneStyleOne{
margin-left: -30px;
}
.contactPhoneStyle span:hover{
background-color: #f24b4b;
}
.contactPhoneStyle span{
padding: 20px 50px;
display: inline-block;
vertical-align: 65px;
margin-left: -40px;
z-index: -1;
position: relative;
padding-left: 50px;
font-style: italic;
border: solid 5px #f26267;
}
span.bgChange{
background-color:#f26267;
color: #fff;
font-size: 1.2em;
}
span.bgChangeD{
background-color:#13042b;
color: #fff;
border: solid 5px #13042b;
font-size: 1.5em;
}
.contactPhoneStyle img{
width: 150px;
height: 150px;
}
.contactPhoneStyleWrap{
width: 100%;
margin: 0 auto;
display: block;
float: left;
margin-top: 50px;
}
.addressMiniContactButtons{
width: 300px;
margin: 0 auto;
display: block;
margin-top: 10px;
}
.addressMiniContactButtons div{
width: 100px;
margin: 20px 25px;
border: solid 1px #000;
text-align: center;
float: left;
padding: 5px 10px;
font-size: 0.9em;
letter-spacing: 0.12em;
transition: 0.5s;
}
.addressMiniContactButtons div:hover{
color: #fff;
border: solid 1px #f26267;
background-color: #f26267;
transition: 0.5s;
}
.workFeaturedSildeWrap{
width: 100%;
display: block;
float: left;
margin: 0 auto;
height: 100vh;
min-height: 400px;
background: #000;
}
.featuredWorkSlideBlockSmall{
width: 35%;
height: 100vh;
display: block;
float: left;
margin: 0 auto;
}
.featuredBlockBGColorOne{
background-color: #f7941d;
}
.featuredWorkSlideBlockBig{
width: 65%;
height: 100vh;
display: block;
float: left;
margin: 0 auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #000;
}
.featuredBlockBGImgOne{
background-image: url(../img/the-website-baba-work-featured-one.jpg);
}
.featuredBlockBGColorTwo{
background-color: #605ca8;
}
.featuredBlockBGImgTwo{
background-image: url(../img/the-website-baba-work-featured-two.jpg);
}
.featuredBlockBGColorThree{
background-color: #fff200;
}
.featuredBlockBGImgThree{
background-image: url(../img/the-website-baba-decode-web_banner.gif);
background-color:#0F0F0F ;
background-size: 60%;
background-position: right;
}
.featuredBlockBGColorOne h1{
font-size: 5em;
font-weight: bold;
font-style: italic;
color: #f7941d;
background-color: #000;
text-align: center;
padding: 10px;
width: 400px;
margin-top: 20vh;
}
.featuredWorkSlideBlockSmall p{
font-size: 1.5em;
font-style: italic;
width: 300px;
font-weight: 100;
padding: 10px;
text-align: center;
float: right;
margin-top: 20vh;
cursor: pointer;
}
.featuredBlockBGColorOne p{
color: #000;
background-color: #f7941d;
border: solid 2px #000;
transition: 0.5s;
border-right: 0px;
}
.featuredBlockBGColorOne p:hover{
color: #f7941d;
background-color: #000;
border: solid 2px #000;
transition: 0.5s;
border-right: 0px;
}
.featuredBlockBGColorTwo p{
color: #e7e7e7;
background-color: #605ca8;
border: solid 2px #e7e7e7;
transition: 0.5s;
border-right: 0px;
}
.featuredBlockBGColorTwo p:hover{
color: #605ca8;
background-color: #e7e7e7;
border: solid 2px #e7e7e7;
transition: 0.5s;
border-right: 0px;
}
.featuredBlockBGColorTwo h1{
font-size: 5em;
font-weight: bold;
font-style: italic;
color: #605ca8;
background-color: #e7e7e7;
text-align: center;
padding: 10px;
width: 400px;
margin-top: 20vh;
}
.featuredBlockBGColorThree p{
color: #46d0bc;
background-color: #fff200;
border: solid 2px #46d0bc;
transition: 0.5s;
border-right: 0px;
}
.featuredBlockBGColorThree p:hover{
color: #fff200;
background-color: #46d0bc;
border: solid 2px #46d0bc;
transition: 0.5s;
border-right: 0px;
}
.featuredBlockBGColorThree h1{
font-size: 5em;
font-weight: bold;
font-style: italic;
color: #fff200;
background-color: #46d0bc;
text-align: center;
padding: 10px;
width: 400px;
margin-top: 20vh;
}
.workBrandsWrap{
height: auto!important;
}
.websiteExampleWrapTwo{
width: 90%;
max-width: 1150px;
margin: 0 auto;
display: block;
background-color: #fff;
margin-top: -90px;
height: 580px;
padding: 0 30px;
margin-bottom: 80px;
}
.workExampleBlock{
width: 18vw;
height: 18vw;
background: #000;
float: left;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
position: relative;
max-width: 287.5px;
max-height: 287.5px;
}
.workExOne{
background-color: #000;
background-image: url(../img/workloslogos.gif);
}
.workExTwo{
background-color: #97C094;
background-image: url(../img/blockSSix.jpg);
}
.workExThree{
background-color: red;
background-image: url(../img/blockSTwo.jpg);
}
.workExFour{
background-color: #F74D4D;
background-image: url(../img/workphill.gif);
}
.workExFive{
background-color: #97C094;
background-image: url(../work/projects/owsla/static-video.gif);
background-size: cover;
}
.workExSix{
background-color: red;
background-image: url(../img/lipPop.gif);
}
.websiteWorkExOverlay{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
opacity: 0;
position: absolute;
transition: 0.5s;
}
.websiteWorkExOverlay a{
cursor: pointer;
}
.websiteWorkExOverlay div{
width: 200px;
padding: 10px 20px;
font-size: 11px;
color: #353535;
background-color: #eaeaea;
letter-spacing: .08em;
opacity: 0.9;
text-align: center;
margin: 0 auto;
margin-top: 40%;
}
.workExampleBlock:hover > .websiteWorkExOverlay{
opacity: 1;
transition: 0.5s;
}
.workExampleBlockk{
width: 36vw;
max-width: 575px;
max-height: 575px;
}
.workExampleBlockk .websiteWorkExOverlay div{
margin-top: 20%;
}
.workBrandsWrap{
width: 100%;
display: block;
margin: 0 auto;
float: left;
padding-top:100px;
}
.workFooterCustom{
width: 100%;
display: block;
margin: 0 auto;
float: left;
}
.footerHalfs h1 span{
font-size: 0.88em;
}
.g-recaptcha div{
margin: 0 auto;
}
.contactButtonFull{
float: none;
}
.start-project-google-form iframe{
height: 2200px;
margin-top: 100px;
}
.sayHiWrap{
height: 1100px;
}
iframe.googleForm{
height: 900px;
}
.tap-gesture{
height: 25px;
visibility: inherit;
opacity: 1;
width: 25px!important;
background: #c7b299!important;
border-radius: 50%;
margin: 0 auto;
display: none;
margin-left: auto!important;
margin-top: 15px;
left:0!important;
right:0;
-webkit-animation: tapp 1s;
animation: tapp 1s infinite;
}
@-webkit-keyframes tapp{
100%{
-webkit-transform: scale(2);
opacity: 0;
}
}
@keyframes tapp{
100%{
-webkit-transform: scale(2);
opacity: 0;
}
}
/* ------------ CLOSE CUSTOMS ---------*/
/* ------------ CLOSE CUSTOMS ---------*/
/* ------------ CLOSE CUSTOMS ---------*/
/* ------------ CLOSE CUSTOMS ---------*/
/* ------------ CLOSE CUSTOMS ---------*/
@media screen and (max-width:750px) {
.outer-menu .checkbox-toggle {
width: 60px!important;
left: -5vh;
top: 0vh;
}
.hq{
margin-top: 10px!important;
}
.outer-menu .hamburger{
width: 60px!important;
left: -5vh;
top: 0vh;
}
.menuLogoText{
display: none;
}
.menuLogo{
padding: 50px 0 5vh 0;
}
.outer-menu .menu > div > div{
border: none;
}
.menuSapButton{
padding-top: 30px!important;
}
.menuSapButton a{
display: block!important;
padding-top:10px;
font-size: 1.5em!important;
}
.menuSapButton a:nth-child(1){
padding-bottom: 20px;
}
.outer-menu .menu > div > div{
border: none!important;
}
.queryMenuButton{
margin: 0 auto;
padding-top: 15px!important;
border-top:solid 1px #f26267;
width: 60vw;
font-size: 1.6em!important;
}
.menuSapButton button{
font-size: 1.6em!important;
}
.mobileModalReplacement{
display: block;
margin: 0 auto;
padding-top: 20px!important;
border-top:solid 1px #f26267;
width: 60vw;
}
.modal-left{
display: none;
}
.modalMain{
width: 100%;
min-height: 530px;
}
.modal-content{
min-width: 90%;
width: 98%;
}
.modalMenu{
padding-top: 15vh;
}
.ModalInputWrap{
width: 100%;
}
.ModalInputWrap p{
margin-bottom: 10px;
padding-top: 10px;
}
.ModalInputWrap input{
width: 80%!important;
margin: 20px auto!important;
float: none!important;
}
.modalMain textarea{
width: 80%!important;
}
input{
border-radius: 0px!important;
}
textarea{
border-radius: 0px!important;
}
.menuSapButton{
padding-top: 30px!important;
}
.menuSapButton a{
display: block!important;
padding-top:10px;
font-size: 1.5em!important;
}
.menuSapButton a:nth-child(1){
padding-bottom: 20px;
}
.queryMenuButton{
margin: 0 auto;
padding-top: 15px!important;
border-top:solid 1px #f26267;
width: 60vw;
font-size: 1.6em!important;
}
.menuSapButton button{
font-size: 1.6em!important;
}
li.menuSapButton{
width: 100vw;
}
.websiteExampleWrapTwo{
display: none;
}
.featuredWorkSlideBlockSmall{
width: 100%;
}
.featuredWorkSlideBlockBig{
display: none;
}
.featuredBlockBGColorTwo h1, .featuredBlockBGColorOne h1, .featuredBlockBGColorThree h1{
width: 280px;
font-size: 4em;
}
.featuredBlockBGColorOne{
background-image: url(../img/the-website-baba-work-featured-one.jpg);
}
.featuredBlockBGColorTwo{
background-image: url(../img/the-website-baba-work-featured-two.jpg);
}
.featuredBlockBGColorThree{
background-image: url(../img/the-website-baba-decode-web_banner.gif);
background-color:#0F0F0F ;
background-size: 60%;
background-position: right;
}
.featuredWorkSlideBlockSmall{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.sayHiTitle{
font-weight: 400;
font-size: 1.1em;
letter-spacing: 0.08em;
line-height: 1.6em;
width: 80%;
margin: 50px auto;
}
.tap-gesture{
display: block;
}
a.scroll-down-arrow .arrow:before{
opacity:0;
}
a.scroll-down-arrow .arrow:after{
opacity:0;
}
a.scroll-down-arrow:before{
content: "TAP HERE TO SCROLL";
}
.how-we-make .outer-menu .hamburger, .how-we-make .outer-menu .checkbox-toggle{
top: 50px!important;
}
}
@media screen and (max-width:750px){
.contactButton{
margin: 0px auto!important;
}
.messageStyle, .messageStyle textarea{
width: 280px!important;
}
.sayHiWrap{
height: 1100px;
}
.contactPhoneStyle img{
display: none;
}
span.bgChange{
display: block;
margin: 0 auto;
margin-left: 25px;
}
span.bgChangeD{
font-size: 1.1em;
display: block;
margin-left: -15px;
}
.addressTitleImageN, .addressTitleImageM{
width: 100vw;
}
.addressTitleImageN img, .addressTitleImageM img{
width: 90vw;
margin: 0 auto;
float: none;
clear: both;
max-width: 350px;
}
.addressTitleImageN span, .addressTitleImageM span{
display: block;
margin-top: 10px;
text-align: center;
width: 100%;
font-size: 1.5em!important;
}
}
@media screen and (max-width:750px) and (orientation : landscape) {
.menuLogo{
display: none;
}
.menuSapButton{
display: none!important;
}
.outer-menu .menu > div > div > div > ul{
padding-top: 18vh;
}
.outer-menu .menu > div > div{
border: none!important;
}
.modal-content{
width: 90%!important;
}
.modal{
margin-top: -75vh;
padding-top: 100px;
}
input{
border-radius: 0px!important;
}
.workFeaturedSildeWrap{
min-height: 100vh;
}
.featuredWorkSlideBlockSmall p{
margin-top: 5vh;
}
.footerHalfs{
height: 400px;
}
.contentCenter img{
margin-top: 0px!important;
margin-bottom: 0px!important;
}
.contentCenter img.workLogo{
margin-top: 22vh!important;
}
.fullAddress{
font-weight: 300;
}
}
@media screen
and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : portrait) {
.outer-menu .checkbox-toggle {
left: -5vh;
top: -6vh;
}
.outer-menu .hamburger{
left: -5vh;
top: -6vh;
}
.menuLogo{
padding: 50px 0 10vh 0;
}
.outer-menu .menu > div > div{
border: none!important;
}
.modal-content{
width: 90%!important;
}
input{
border-radius: 0px!important;
}
textarea{
border-radius: 0px!important;
}
.featuredWorkSlideBlockSmall{
width: 100%;
}
.featuredWorkSlideBlockBig{
display: none;
}
.featuredBlockBGColorOne{
background-image: url(../img/the-website-baba-work-featured-one.jpg);
}
.featuredBlockBGColorTwo{
background-image: url(../img/the-website-baba-work-featured-two.jpg);
}
.featuredBlockBGColorThree{
background-image: url(../img/the-website-baba-decode-web_banner.gif);
background-color:#0F0F0F ;
background-size: 60%;
background-position: right;
}
.featuredWorkSlideBlockSmall{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.workExampleBlock{
width: 22vw;
height: 22vw;
}
.websiteExampleWrapTwo{
height: 380px
}
}
@media screen
and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : landscape) {
.featuredBlockBGColorOne h1, .featuredBlockBGColorTwo h1, .featuredBlockBGColorThree h1{
font-size: 3em;
text-align: left;
}
.websiteExampleWrapTwo{
display: none;
}
}
@media screen and (min-width:1550px){
.websiteExampleWrapTwo{
padding: 0 2%;
}
.workExampleBlock{
max-width: 257.5px;
max-height: 257.5px;
}
.workExampleBlockk{
max-height: 18vh;
max-width: 525px;
max-height: 257.5px;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
.featuredWorkSlideBlockSmall{
background-size: cover;
background-attachment: scroll;
}
.featuredBlockBGImgThree{
background-size: 90%;
}
}
@media screen and (max-width: 800px){
video, .myVideoR{
display: block!important;
}
}