@charset "utf-8";     
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
/*CONTAINERS & GRID*/
.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:748px}}@media(min-width:992px){.container{width:962px}}@media(min-width:1200px){.container{width:1170px}}@media(min-width:1450px){.container{width:1400px}}.row{margin-right:-15px;margin-left:-15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}@media(min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}}
.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.container-fluid:after,.container:after,.row:after{clear:both}
img{padding:0;border:none;margin:0;vertical-align:middle}
ul{list-style-position:inside}
.bold{font-weight:700}
.img-center{display:block;margin:0 auto!important}.img-responsive{display:block;max-width:100%;height:auto}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
.noRightPadding{padding-right:0}.noLeftPadding{padding-left:0}.paddingRight5{padding-right:5px}.paddingLeft5{padding-left:5px}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}
.vsblMobile,.vsblTablet{display:none!important}
@media screen and (max-width:991px){.hdnTablet{display:none!important}.vsblTablet{display:block!important}}
@media screen and (max-width:767px){.noRightPadding,.noLeftPadding,.paddingRight5,.paddingLeft5{padding-right:15px;padding-left:15px}.img-center,.img-right,.img-left{margin:0 auto!important;float:none!important;clear:both}.hdnMobile{display:none!important}.vsblMobile{display:block!important}}
/*BASIC*/
:root{--white:#fff;--black:#111418;--red:#995757;--yellow:#ffd671}
body,html{padding:0;margin:0;overflow-x:hidden}
body{background:var(--black);color:var(--white);font:600 13px/1.4 "Montserrat",sans-serif;overflow:hidden}
p{padding:0;margin:5px 0 15px 0}
h1,h2,h3,h4,.sectionTitle{padding:0;font-weight:900;text-transform:uppercase}
h1,.sectionTitle{font-size:50px;margin:20px 0 15px 0}
h2{font-size:20px;margin:20px 0 10px 0}
h3{font-size:16px;margin:15px 0 10px 0}
h4{font-size:13px;margin:10px 0}
h1 a,h2 a,h3 a,h4 a{color:inherit!important}
/*LINKS*/
a{outline:0!important;text-decoration:none;color:var(--yellow)}
a:hover,a:active,a:focus{text-decoration:underline}
/*DIVS*/
.headerContainer{text-align:center;position:relative;padding:40px 0;margin-bottom:40px;z-index:300}
.headerContainer .outlinedText{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin:0 auto}
.headerContainer :not(.outlinedText){position:relative;z-index:1000;text-align:center;line-height:1.1}
.sketchBar{position:absolute;left:0;right:0;margin:0 auto}
.topDiv{position:fixed;top:-150px;left:0;right:0;z-index:50000;background:url(../nwlondonpics/sketchBar.png) no-repeat top center;padding:160px 0 50px}
.topDiv .topLogo{position:relative}
.topDiv .topLogo a{color:var(--white)}
.topDiv .topLogo .siteName{font-size:16px;font-weight:900;position:absolute;top:5px;left:50px;line-height:1.1}
.topDiv .topLogo .siteName span{display:block;font-family:Oswald;font-size:30px;color:var(--black);text-shadow:1px 1px var(--yellow),-1px 1px var(--yellow),1px -1px var(--yellow),-1px -1px var(--yellow);letter-spacing:2px}
.top{height:100vh;padding:0 15px;position:relative;background:url(../nwlondonpics/topBg.jpg) no-repeat top center}
.top.inner{background:none;padding:0;height:100px}
.top .sketchBar{bottom:-220px}
.top .topText{position:absolute;bottom:75px;left:0;right:0;text-align:center;background:url(../nwlondonpics/topSplash.png) no-repeat top center;line-height:1;padding:45px 0 80px}
.top .topText .glitch{color:var(--yellow);position:relative;font-size:85px;margin:5px auto;font-family:Oswald}
.top .topText .glitch::before{content:attr(data-text);position:absolute;left:-2px;right:0;margin:0 auto;text-shadow:-5px 0 #502b2b;overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}
.top .topText .glitch::after{content:attr(data-text);position:absolute;left:2px;right:0;margin:0 auto;text-shadow:-5px 0 #995757;overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}
@keyframes noise-1{3.33333%{clip-path:inset(95px 0 2px 0)}6.66667%{clip-path:inset(80px 0 19px 0)}10%{clip-path:inset(27px 0 52px 0)}13.3333%{clip-path:inset(23px 0 58px 0)}16.6667%{clip-path:inset(39px 0 61px 0)}20%{clip-path:inset(22px 0 15px 0)}23.3333%{clip-path:inset(74px 0 5px 0)}26.6667%{clip-path:inset(61px 0 21px 0)}30%{clip-path:inset(100px 0 1px 0)}33.3333%{clip-path:inset(90px 0 4px 0)}36.6667%{clip-path:inset(44px 0 27px 0)}40%{clip-path:inset(11px 0 79px 0)}43.3333%{clip-path:inset(41px 0 3px 0)}46.6667%{clip-path:inset(50px 0 48px 0)}50%{clip-path:inset(64px 0 33px 0)}53.3333%{clip-path:inset(11px 0 46px 0)}56.6667%{clip-path:inset(51px 0 43px 0)}60%{clip-path:inset(57px 0 10px 0)}63.3333%{clip-path:inset(65px 0 11px 0)}66.6667%{clip-path:inset(43px 0 46px 0)}70%{clip-path:inset(12px 0 16px 0)}73.3333%{clip-path:inset(2px 0 95px 0)}76.6667%{clip-path:inset(68px 0 10px 0)}80%{clip-path:inset(46px 0 34px 0)}83.3333%{clip-path:inset(99px 0 1px 0)}86.6667%{clip-path:inset(12px 0 62px 0)}90%{clip-path:inset(88px 0 12px 0)}93.3333%{clip-path:inset(82px 0 11px 0)}96.6667%{clip-path:inset(20px 0 28px 0)}100%{clip-path:inset(55px 0 16px 0)}}
@-webkit-keyframes noise-1{3.33333%{clip-path:inset(95px 0 2px 0)}6.66667%{clip-path:inset(80px 0 19px 0)}10%{clip-path:inset(27px 0 52px 0)}13.3333%{clip-path:inset(23px 0 58px 0)}16.6667%{clip-path:inset(39px 0 61px 0)}20%{clip-path:inset(22px 0 15px 0)}23.3333%{clip-path:inset(74px 0 5px 0)}26.6667%{clip-path:inset(61px 0 21px 0)}30%{clip-path:inset(100px 0 1px 0)}33.3333%{clip-path:inset(90px 0 4px 0)}36.6667%{clip-path:inset(44px 0 27px 0)}40%{clip-path:inset(11px 0 79px 0)}43.3333%{clip-path:inset(41px 0 3px 0)}46.6667%{clip-path:inset(50px 0 48px 0)}50%{clip-path:inset(64px 0 33px 0)}53.3333%{clip-path:inset(11px 0 46px 0)}56.6667%{clip-path:inset(51px 0 43px 0)}60%{clip-path:inset(57px 0 10px 0)}63.3333%{clip-path:inset(65px 0 11px 0)}66.6667%{clip-path:inset(43px 0 46px 0)}70%{clip-path:inset(12px 0 16px 0)}73.3333%{clip-path:inset(2px 0 95px 0)}76.6667%{clip-path:inset(68px 0 10px 0)}80%{clip-path:inset(46px 0 34px 0)}83.3333%{clip-path:inset(99px 0 1px 0)}86.6667%{clip-path:inset(12px 0 62px 0)}90%{clip-path:inset(88px 0 12px 0)}93.3333%{clip-path:inset(82px 0 11px 0)}96.6667%{clip-path:inset(20px 0 28px 0)}100%{clip-path:inset(55px 0 16px 0)}}
@keyframes noise-2{0%{clip-path:inset(64px 0 36px 0)}3.3333%{clip-path:inset(58px 0 17px 0)}6.6667%{clip-path:inset(22px 0 48px 0)}10%{clip-path:inset(47px 0 15px 0)}13.3333%{clip-path:inset(72px 0 21px 0)}16.6667%{clip-path:inset(38px 0 16px 0)}20%{clip-path:inset(19px 0 56px 0)}23.3333%{clip-path:inset(18px 0 80px 0)}26.6667%{clip-path:inset(59px 0 18px 0)}30%{clip-path:inset(4px 0 28px 0)}33.3333%{clip-path:inset(41px 0 29px 0)}36.6667%{clip-path:inset(51px 0 2px 0)}40%{clip-path:inset(65px 0 30px 0)}43.3333%{clip-path:inset(6px 0 20px 0)}46.6667%{clip-path:inset(91px 0 9px 0)}50%{clip-path:inset(63px 0 38px 0)}53.3333%{clip-path:inset(18px 0 54px 0)}56.6667%{clip-path:inset(60px 0 32px 0)}60%{clip-path:inset(47px 0 40px 0)}63.3333%{clip-path:inset(48px 0 17px 0)}66.6667%{clip-path:inset(66px 0 3px 0)}70%{clip-path:inset(87px 0 14px 0)}73.3333%{clip-path:inset(76px 0 15px 0)}76.6667%{clip-path:inset(67px 0 28px 0)}80%{clip-path:inset(72px 0 22px 0)}83.3333%{clip-path:inset(31px 0 6px 0)}86.6667%{clip-path:inset(31px 0 34px 0)}90%{clip-path:inset(76px 0 7px 0)}93.3333%{clip-path:inset(72px 0 17px 0)}96.6667%{clip-path:inset(72px 0 19px 0)}100%{clip-path:inset(48px 0 30px 0)}}
@-webkit-keyframes noise-2{0%{clip-path:inset(64px 0 36px 0)}3.3333%{clip-path:inset(58px 0 17px 0)}6.6667%{clip-path:inset(22px 0 48px 0)}10%{clip-path:inset(47px 0 15px 0)}13.3333%{clip-path:inset(72px 0 21px 0)}16.6667%{clip-path:inset(38px 0 16px 0)}20%{clip-path:inset(19px 0 56px 0)}23.3333%{clip-path:inset(18px 0 80px 0)}26.6667%{clip-path:inset(59px 0 18px 0)}30%{clip-path:inset(4px 0 28px 0)}33.3333%{clip-path:inset(41px 0 29px 0)}36.6667%{clip-path:inset(51px 0 2px 0)}40%{clip-path:inset(65px 0 30px 0)}43.3333%{clip-path:inset(6px 0 20px 0)}46.6667%{clip-path:inset(91px 0 9px 0)}50%{clip-path:inset(63px 0 38px 0)}53.3333%{clip-path:inset(18px 0 54px 0)}56.6667%{clip-path:inset(60px 0 32px 0)}60%{clip-path:inset(47px 0 40px 0)}63.3333%{clip-path:inset(48px 0 17px 0)}66.6667%{clip-path:inset(66px 0 3px 0)}70%{clip-path:inset(87px 0 14px 0)}73.3333%{clip-path:inset(76px 0 15px 0)}76.6667%{clip-path:inset(67px 0 28px 0)}80%{clip-path:inset(72px 0 22px 0)}83.3333%{clip-path:inset(31px 0 6px 0)}86.6667%{clip-path:inset(31px 0 34px 0)}90%{clip-path:inset(76px 0 7px 0)}93.3333%{clip-path:inset(72px 0 17px 0)}96.6667%{clip-path:inset(72px 0 19px 0)}100%{clip-path:inset(48px 0 30px 0)}}
.top .topText .topTitle{font-size:52px;font-weight:900}
.midDiv{padding:40px 0}
.midDiv .sideDiv{float:right;max-width:50%;margin:0 0 50px 50px}
.midDiv .sideDiv a{display:block;color:var(--white);-webkit-transition:color .2s ease;transition:color .2s ease}
.midDiv .sideDiv a:hover,.midDiv .sideDiv a:focus{color:var(--yellow);text-decoration:none}
.midDiv .sideDiv .sideDivText{position:relative}
.midDiv .sideDiv .sideDivText img{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:-1}
.midDiv .sideDiv .sideDivText .line1{font-size:100px;font-family:Oswald;line-height:1.1}
.midDiv .sideDiv .sideDivText .line2{font-size:35px;font-weight:900}
.buildingDiv{background:url(../nwlondonpics/sky.png) no-repeat top center;padding:230px 0 60px;position:relative}
.buildingDiv .sketchBar{bottom:-180px;z-index:100}
.buildingDiv .street{position:absolute;bottom:50px;left:0;right:0;z-index:5}
.buildingDiv .skyGradient{position:absolute;top:0;left:0;right:0;height:200px;z-index:20;background:-moz-linear-gradient(top,rgba(17,20,24,1) 0%,rgba(17,20,24,0) 100%);background:-webkit-linear-gradient(top,rgba(17,20,24,1) 0%,rgba(17,20,24,0) 100%);background:linear-gradient(to bottom,rgba(17,20,24,1) 0%,rgba(17,20,24,0) 100%)}
.buildingDiv .clouds{height:327px;position:absolute;top:0;left:0;right:0;background:url(../nwlondonpics/clouds.png) repeat-x bottom left;animation:cloudMove 15s linear infinite;opacity:.5;z-index:3}
@keyframes cloudMove{0%{background-position:0 -100px}100%{background-position:-1006px -100px}}
@-webkit-keyframes cloudMove{0%{background-position:0 -100px}100%{background-position:-1006px -100px}}
.buildingDiv .flash{position:absolute;opacity:0;top:0;bottom:0;right:0;left:0;background:var(--white);animation:flash infinite 3s linear}
@keyframes flash{0%{opacity:.05}5%,15%,100%{opacity:0}10%{opacity:.1}}
@-webkit-keyframes flash{0%{opacity:.05}5%,15%,100%{opacity:0}10%{opacity:.1}}
.buildingDiv .moon{position:absolute;top:100px;left:12%;z-index:1}
.buildingDiv canvas{background:transparent;position:absolute;display:block;height:100%;width:100%;z-index:10;top:0;left:0;pointer-events:none}
.gallery-container{position:relative;height:500px;width:100vw;overflow:hidden;position:relative;z-index:2000;margin:100px auto 200px}
.gallery{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:100vw;height:200px;perspective:600px;transform-style:preserve-3d;transform-origin:center center;transform:translateY(-50%)}
.frame{display:flex;flex-flow:column;align-items:center;justify-content:center;position:relative;height:100%;width:300px;transform-style:preserve-3d;transform-origin:center center;cursor:pointer;overflow:hidden}
.frame .image{display:block;position:relative;height:auto;pointer-events:none;filter:sepia(50%) grayscale(50%);transition:filter .2s ease;-webkit-transition:filter .2s ease}
.frame:hover .image{filter:sepia(0%) grayscale(0%)}
.brickDiv{background:url(../nwlondonpics/wallPattern.png) repeat top left;padding:250px 0 200px;position:relative}
.brickDiv.inner .sketchBar{bottom:-100px}
.brickDiv .phone{position:absolute;bottom:-70px;left:0;right:0;margin:0 auto}
.footer{padding:60px 0;position:relative;z-index:200}
.footer .HCard{margin-top:20px}
.footer .HCard .likeH1{margin:5px 0 10px 0;font-weight:500;font-family:Oswald;font-size:30px;text-transform:uppercase}
.footer .HCard a{text-transform:lowercase;color:var(--white)}
.footer .HCard label{font-size:10px}
/*TELEPHONE NUMBERS*/
.telNum{overflow:hidden}
.telNum a{position:relative;z-index:100;white-space:nowrap;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}
.telNum a:hover,.telNum a:active,.telNum a:focus{color:var(--yellow)}
.topDivTel{text-align:right;margin-top:10px}
.topDivTel a{color:var(--yellow);font-size:35px;font-weight:900}
.topDivTel a:hover,.topDivTel a:active,.topDivTel a:focus{color:var(--red)}
.topTel a{font-size:40px;color:var(--red);font-weight:900}
.bottomTel{font-size:31px;font-weight:900;text-align:right;text-transform:uppercase;line-height:1.3}
.bottomTel a{font-size:86px;font-weight:500;font-family:"Oswald";color:var(--white);display:block}
/*ANIMATIONS*/
.animated{animation-duration:1s;animation-fill-mode:both;animation-delay:.2s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
.fadeInUp{animation-name:fadeInUp}
.delay04{animation-delay:.4s}
.delay06{animation-delay:.6s}
/*MENU*/
nav{padding:50px 15px 0;text-align:center;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:50000;opacity:0;pointer-events:none;transition:all .2s linear;-webkit-transition:all .2s linear}
nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:var(--red);width:100%;height:0;padding-bottom:100%;border-radius:100%;transform:scale(.04),translateY(9999px);overflow:hidden}
nav.active{opacity:1;pointer-events:all}
nav.active:before{animation:menu-animation .8s ease-out forwards}
@keyframes menu-animation{0%{opacity:0;transform:scale(.04) translateY(300%)}40%{transform:scale(.04) translateY(0);transition:ease-out}60%{opacity:1;transform:scale(.02) translateY(0)}61%{transform:scale(.04)}99.9%{height:0;padding-bottom:100%;border-radius:100%}100%{transform:scale(2);height:100%;padding-bottom:0;border-radius:0}}
@-webkit-keyframes menu-animation{0%{opacity:0;transform:scale(.04) translateY(300%)}40%{transform:scale(.04) translateY(0);transition:ease-out}60%{opacity:1;transform:scale(.02) translateY(0)}61%{transform:scale(.04)}99.9%{height:0;padding-bottom:100%;border-radius:100%}100%{transform:scale(2);height:100%;padding-bottom:0;border-radius:0}}
nav .navbar-nav{display:inline-block;margin:0;opacity:0;transform:translateY(20px);transition:all .2s linear;-webkit-transition:all .2s linear}
nav.active .navbar-nav{opacity:1;transform:translateY(0);transition:all .2s linear .6s;-webkit-transition:all .2s linear .6s}
nav ul{list-style-type:none;padding-left:0}
nav .navbar-nav>li{font-size:20px;line-height:1}
nav .navbar-nav a{display:block;color:#dedede;padding:10px 15px;text-decoration:none;transition:all .2s linear;-webkit-transition:all .2s linear}
nav .navbar-nav a:hover,.navbar-nav a:focus{color:var(--yellow)}
nav .navbar-nav a:hover,.navbar-nav a:focus{text-decoration:none}
/*DROPDOWN*/
nav .dropdown-item{position:relative}
nav .dropdown-item>a>span{position:relative}
nav .dropdown-item>a>span:before{content:"▼";font-size:.6em;position:relative;top:-1px}
nav .dropdown-item.active>a>span:before{content:"▲"}
nav .dropdown-menu{display:none;padding:5px 0 15px}
nav .dropdown-menu a{padding:5px 30px;white-space:nowrap;color:var(--white)}
nav .dropdown-menu a:hover,.dropdown-menu a:focus{color:var(--yellow)}
/*DIVIDER*/
nav .dropdown-menu .divider{height:1px;border-top:#dedede 1px solid;margin:15px 0}
/*HAMBURGER*/
.hamburgerCont{position:fixed;top:20px;right:0;left:0;margin:0 auto;cursor:pointer;padding:10px;z-index:55000;width:56px}
.hamburgerCont .hamburger{position:relative;padding:10px 15px}
.hamburgerCont .hamburger span{display:block;height:5px;background:var(--yellow);position:absolute;top:0;left:0;right:0;transition:all .2s linear .2s,transform .2s linear 0s;-webkit-transition:all .2s linear .2s,transform .2s linear 0s}
.hamburgerCont .hamburger span:nth-child(2){top:11px}
.hamburgerCont .hamburger span:nth-child(3){top:22px}
.hamburgerCont.active .hamburger{animation:hamburgerOpen 1s ease-out}
.hamburgerCont.active .hamburger span{transition:all .1s linear .4s;-webkit-transition:all .1s linear .4s}
.hamburgerCont.active .hamburger span:nth-child(1){top:9px;transform:rotate(45deg)}
.hamburgerCont.active .hamburger span:nth-child(2){opacity:0}
.hamburgerCont.active .hamburger span:nth-child(3){top:9px;transform:rotate(-45deg)}
@keyframes hamburgerOpen{0%{transform:rotate(0);opacity:1}10%{transform:rotate(0);opacity:1}25%{opacity:0;transform:rotate(0)}50%{opacity:0}60%{opacity:1}100%{transform:rotate(720deg)}}
@-webkit-keyframes hamburgerOpen{0%{transform:rotate(0);opacity:1}10%{transform:rotate(0);opacity:1}25%{opacity:0;transform:rotate(0)}50%{opacity:0}60%{opacity:1}100%{transform:rotate(720deg)}}
@media screen and (max-width:991px){/*DIVIDER*/nav .dropdown-menu .divider{display:none}}
/*FORM*/
.formDiv{margin:60px auto 80px}
input[type=text],textarea{border:var(--yellow) 3px solid;outline:none!important;width:100%;height:45px;margin:15px auto;padding-left:5px;background:none;color:var(--white)}
textarea{resize:none;height:100px;padding-top:7px}
.sendButton{font-size:30px;line-height:1;font-weight:900;height:100px;width:100%;margin:15px auto;color:var(--white);background-color:var(--red);cursor:pointer;border:none;-webkit-appearance:none;-webkit-transition:all .2s ease;transition:all .2s ease}
.sendButton:hover{background-color:var(--yellow);color:var(--black)}
input[placeholder]{color:var(--white)}
:-moz-placeholder{color:var(--white)}
::-moz-placeholder{color:var(--white)}
:-ms-input-placeholder{color:var(--white)}
::-webkit-input-placeholder{color:var(--white)}
.form-control:focus{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
@media screen and (max-width:1450px){.top .topText{bottom:20px}}
@media screen and (max-width:1199px){
h1,.sectionTitle{font-size:40px}
.headerContainer .outlinedText{transform:translateY(-50%) scale(.8)}
.midDiv .sideDiv .sideDivText .line1{font-size:80px}
.midDiv .sideDiv .sideDivText .line2{font-size:25px}
.gallery-container{height:400px;margin:50px auto 100px}
.bottomTel{font-size:25px;margin-top:20px}
.bottomTel a{font-size:70px}}
@media screen and (max-width:991px){
.top{height:85vh}
h1,.sectionTitle{font-size:35px}
.headerContainer{margin-bottom:0}
.headerContainer .outlinedText{transform:translateY(-50%) scale(.6)}
.midDiv .sideDiv .sideDivText .line1{font-size:55px}
.midDiv .sideDiv .sideDivText .line2{font-size:20px}
.sketchBar{width:991px;height:auto}
.top .sketchBar{bottom:-100px}
.buildingDiv .sketchBar{bottom:-80px}
.gallery-container{height:300px}
.brickDiv{padding-top:80px}
.brickDiv .sketchBar{bottom:-120px}
.bottomTel{text-align:center;margin-bottom:30px}
.footer .HCard{text-align:center}
.footer .HCard .likeH1{margin:5px 0;font-size:20px}}
@media screen and (max-width:767px){
nav .navbar-nav>li{font-size:18px}
nav .navbar-nav a{padding:5px 10px}
nav .dropdown-menu a{padding:5px 15px;font-size:14px!important}
.topDiv{background-size:1000px auto;padding-top:65px;top:-55px}
.topDiv .topLogo .siteName{font-size:14px;top:0;left:40px;line-height:1.2}
.topDiv .topLogo .siteName span{font-size:25px;letter-spacing:2px}
.topDiv .topLogo img{width:30px;height:auto}
.hamburgerCont{right:15px;left:auto;top:10px}
.topDivTel{position:fixed;top:5px;right:75px}
.top{background-size:1000px auto;height:494px}
.top .topText{padding:30px 0;background-size:400px auto}
.top .topText .glitch{font-size:50px}
.top .topText .topTitle{font-size:35px}
.topTel a{font-size:30px}
h1,.sectionTitle{font-size:25px}
.headerContainer{padding:20px 0}
.headerContainer .outlinedText{transform:translateY(-50%);max-width:300px;height:auto}
.midDiv .sideDiv{float:none;max-width:400px;margin:60px auto}
.midDiv .sideDiv .sideDivText{padding-top:15px}
.buildingDiv{padding-top:80px}
.buildingDiv .moon{top:50px;left:10%;width:150px;height:auto}
.gallery-container{height:200px;margin:30px auto 50px}
.brickDiv{padding-bottom:120px}
.brickDiv .phone{width:125px;height:auto}
.bottomTel{font-size:18px}
.bottomTel a{font-size:50px}}
@media screen and (max-width:450px){
.topDiv .topLogo .siteName span{font-size:15px;font-family:Montserrat;text-shadow:none;color:var(--white);letter-spacing:normal;font-weight:400;max-width:125px;line-height:1}
.top .topText .glitch{font-size:13vw}}
@media screen and (max-width:350px){
h1,.sectionTitle{font-size:20px}
.headerContainer .outlinedText{max-width:260px}
.midDiv .sideDiv .sideDivText{padding-top:10px}
.midDiv .sideDiv .sideDivText .line1{font-size:40px}
.midDiv .sideDiv .sideDivText .line2{font-size:16px}
.bottomTel{font-size:15px}
.bottomTel a{font-size: 40px}
.footer .HCard{font-size:12px}
.footer .HCard .likeH1{margin:5px 0;font-size:18px}}