@charset "utf-8";
nav{display:block}a:active,a:hover{outline:0}input,textarea{margin:0;font:inherit;color:inherit}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}@media(min-width:1630px){.container{width:1600px}}.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}}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.open>.dropdown-menu{display:block}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{border-color:#337ab7}.nav>li>a>img{max-width:none}.navbar{position:relative;margin-bottom:10px;border:1px solid transparent}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}@media(min-width:992px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.navbar-nav>li>a{color:#777}.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{color:#333;background-color:transparent}@media(max-width:991px){.navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}}.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%}.container-fluid:after,.container-fluid:before,.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container-fluid:after,.container:after,.nav:after,.navbar-collapse:after,.row:after{clear:both}
/*BASIC*/
@font-face{font-family:Bebas;src:url(bebas.ttf) format("truetype")}
:root{--black:#242628;--red:#b76876;--brown:#dfd5cc;--darkBlack:#111;--blue:#377899;--white:#fff}
body,html{padding:0;margin:0;overflow-x:hidden}
body{background:url("../oranimages/bg.jpg") repeat top center;color:var(--black);font:400 14px/2 "Roboto Slab",sans-serif;overflow:hidden}
p{padding:0;margin:5px 0 15px 0}
h1,h2,h3,h4{padding:0;font-family:Bebas;letter-spacing:2px}
h1{font-size:30px;margin:10px 0 15px 0}
h2{font-size:20px;margin:10px 0 10px 0}
h3{font-size:17px;margin:15px 0 10px 0}
h4{font-size:14px;margin:10px 0}
h1 a,h2 a,h3 a,h4 a{color:inherit!important}
/*LINKS*/
a{outline:0!important;text-decoration:none;color:var(--red)}
a:hover,a:active,a:focus{text-decoration:underline}
/*DIVS*/
.topContainer{position:absolute;top:0;left:0;right:0;height:35px;z-index:500}
.topContainer .container{position:relative}
.topSiteName{font-family:Bebas;font-size:28px;letter-spacing:1px;position:absolute;top:15px;left:15px}
.top .topTitle{margin-top:200px;font-family:Bebas;font-weight:700}
.top .topTitle .line1{font-size:30px}
.top .topTitle .line2{font-size:100px;color:var(--red);line-height:.9}
.top .topCar{margin:70px auto 0}
.top .topCarInner{margin-top:150px}
.contentDiv{padding:50px 0}
.contentDiv.biggerPadding{padding:100px 0}
.contentDiv .sideDiv{float:right;width:50%;margin:60px 0 100px 30px;position:relative}
.contentDiv .sideDiv a{display:block}
.backCircle{
  background-color:var(--red);border-radius:100%;position:absolute;left:0;right:0;margin:0 auto;z-index:-1;width:63%;
  padding-top:63%;bottom:0;transition:all .2s ease}
.contentDiv .sideDiv .backCircle{width:60%;padding-top:60%;top:50%;transform:translateY(-50%)}
.contentDiv .sidePhone{margin:0 auto;width:500px;height:auto}
.contentDiv .sideDiv .sideLink{font-size:50px;line-height:1.1;color:var(--brown);position:absolute;left:0;right:0;margin:0 auto;bottom:110px;font-family:Bebas}
.contentDiv .sideDiv .sideLink span{font-size:30px;color:var(--black);display:block}
.contentDiv .sideDiv a:hover .backCircle,.contentDiv .sideDiv a:focus .backCircle{background-color:var(--blue)}
.contentDiv .sideTitle{margin-top:35px;font-size:60px;color:var(--brown);font-family:Bebas;line-height:1.2;margin-bottom:80px}
.contentDiv .sideTitle span{display:block;font-size:30px;color:var(--black)}
.bottom{background-color:var(--darkBlack);color:var(--brown);padding:60px 0;margin-top:40px}
.footerLogo{width:88px;height:auto}
.HCard{font-size:12px}
.HCard .likeH1{margin:4px 0 2px 0;font-family:Bebas;font-size:22px;line-height:1.2;letter-spacing:1px;color:var(--red)}
.HCard a{text-transform:lowercase}
.HCard label{font-size:12px}
/*GALLERY*/
.galleryDiv{margin:100px 0 350px 0}
@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}
main{position:relative}
.revealer{position:relative;width:100vw;height:550px;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.revealer__inner{width:200%;height:200%;position:relative;flex:none}
.grid{position:absolute;display:grid;height:400px;width:100%;left:0;top:0;grid-template-columns:30% 30% 30%;grid-column-gap:5%;grid-template-areas:'griditem-left griditem-center griditem-right'}
.grid--slideshow,.grid--interaction{left:-2%;width:110%;pointer-events:none}
.grid--slideshow{top:10rem;transform:rotate(-8deg)}
.grid--titles{align-items:center;text-align:center;cursor:default}
.titles-wrap{position:absolute;width:100%;top:100px;z-index:1000;pointer-events:none;transform:rotate(16deg)}
.grid__item{display:flex;justify-content:center;position:relative;pointer-events:none;opacity:0;grid-area:griditem-center}
.grid__item--slide{flex-direction:column;width:100%}
.grid__item--title{font-size:15vw;margin:0;font-family:Bebas;color:var(--red)}
.grid__item--title span{display:inline-block}
.grid__item--center,.grid__item--left,.grid__item--right{opacity:1}
.grid__item--left{grid-area:griditem-left}
.grid__item--center{grid-area:griditem-center}
.grid__item--right{grid-area:griditem-right}
.grid__item--cursor{pointer-events:auto}
.number{font-size:2rem;-webkit-text-stroke:1.5px var(--black);text-stroke:1.5px var(--black);-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;line-height:1;margin:0 0 .5rem 0;font-family:Bebas}
.img-wrap{width:100%;overflow:hidden;position:relative;height:100%}
.img{width:calc(100% + 40px);height:100%;left:-20px;top:0;background-size:cover;background-position:50% 50%;position:absolute;pointer-events:none}
.grid__item:nth-child(1) .img{background-image:url(../oranimages/gallery/burglaryLockrepair.jpg)}
.grid__item:nth-child(2) .img{background-image:url(../oranimages/gallery/commercialDoor.jpg)}
.grid__item:nth-child(3) .img{background-image:url(../oranimages/gallery/newHandle.jpg)}
.grid__item:nth-child(4) .img{background-image:url(../oranimages/gallery/newLocks.jpg)}
.grid__item:nth-child(5) .img{background-image:url(../oranimages/gallery/rekeyLocks.jpg)}
.grid__item:nth-child(6) .img{background-image:url(../oranimages/gallery/residentialLocks.jpg)}
.grid__item:nth-child(7) .img{background-image:url(../oranimages/gallery/secondaryLocks.jpg)}
.grid__item:nth-child(8) .img{background-image:url(../oranimages/gallery/windowLock.jpg)}
.caption{text-transform:uppercase;letter-spacing:.1rem;font-size:.75rem;font-weight:400;margin:.75rem 0 0;color:var(--black)}
.caption::before{content:'---------';margin:0 .5rem 0 0;letter-spacing:-.15rem}
.img-wrap,.caption,.number,.grid__item--title,.grid__item--title span,.revealer__inner{will-change:transform}
.grid__item--cursor.grid__item--left::after{content:url("../oranimages/arrowL.png")}
.grid__item--cursor.grid__item--right::after{content:url("../oranimages/arrowR.png")}
@media screen and (min-width:992px){
.grid{grid-template-columns:repeat(3,calc((100% - 36vw) / 3));grid-column-gap:18vw}
.grid--slideshow{top:0}
.grid--interaction{grid-template-columns:repeat(3,calc(100% / 3));grid-column-gap:0}
.number{font-size:4.25vw}
.img-wrap{height:35vw}
.grid__item--cursor.grid__item--left::after,.grid__item--cursor.grid__item--right::after{display:none}
.grid__item--cursor.grid__item--left{cursor:url("../oranimages/arrowL.png"),auto}
.grid__item--cursor.grid__item--right{cursor:url("../oranimages/arrowR.png"),auto}}
/*TOOLS*/
.headerGfx{margin-bottom:5px;width:5px}
.headerGfx span{display:block;width:5px;height:5px;background:url("../oranimages/bullet.png") no-repeat center center;background-size:5px 5px;margin-bottom:10px}
.bottom .headerGfx{margin:20px auto}
.bottom .headerGfx span{background-image:url(../oranimages/bulletWhite.png)}
img{padding:0;border:none;margin:0}
image{padding:0;border:none;margin:0}
ul{padding-left:15px;list-style-image:url("../oranimages/bullet.png")}
ul li{margin:20px 0}
.bold{font-weight:700}
.imgLink{display:inline-block;margin:20px 0}
.img-center{display:block;margin:0 auto!important}
.img-right{float:right;margin:0 5px 10px 15px}
.img-left{float:left;margin:0 15px 10px 5px}
.noRightPadding{padding-right:0}.noLeftPadding{padding-left:0}
.paddingRight5{padding-right:5px}.paddingLeft5{padding-left:5px}
.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}}
/*TELEPHONE NUMBERS*/
.telNum{overflow:hidden;font-family:Bebas}
.telNum a{position:relative;z-index:100;white-space:nowrap;text-decoration:none;transition:color .2s ease}
.telNum a:hover,.telNum a:active,.telNum a:focus{color:var(--red)}
.fixedTel{position:absolute;top:15px;right:15px}
.fixedTel a{font-size:28px;font-family:Bebas;letter-spacing:1px;color:var(--black)}
.topTel{line-height:1;letter-spacing:2px}
.topTel a{color:var(--black);font-size:60px}
.bottomTel{margin-top:20px}
.bottomTel a{color:var(--brown);font-size:40px;line-height:1}
/*MENU*/
.menu{position:fixed;top:0;left:0;right:0;margin:0 auto;height:450px;width:450px;z-index:1005;transform:translateY(-75%)}
.menu-circle{background-color:var(--white);width:100%;height:100%;position:absolute;border-radius:50%;transition:all .5s cubic-bezier(.19,1,.22,1);z-index:1000}
.menu .topLogo{position:fixed;bottom:55px;left:0;right:0;margin:0 auto;z-index:1500;width:50px;height:auto}
.menu:hover .menu-circle{transform:scale(1.1)}
.menu.active .menu-circle{transform:scale(60)}
.menu-link{width:35px;height:25px;position:fixed;z-index:1500;cursor:pointer;bottom:15px;left:0;right:0;margin:0 auto}
.menu-icon{position:absolute;width:100%;height:100%}
.menu-line{background-color:var(--red);height:3px;width:100%;position:absolute;left:0;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}
.menu-line-1{top:5px}
.menu-line-2{top:0;bottom:0;margin:auto}
.menu-line-3{bottom:5px}
.menu.active .menu-line-1{transform:translateY(8px) translateY(-50%) rotate(-135deg)}
.menu.active .menu-line-2{opacity:0}
.menu.active .menu-line-3{transform:translateY(-7px) translateY(50%) rotate(135deg)}
#navbar{width:100%;position:fixed;top:200px;bottom:0;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;z-index:1005;text-align:center}
#navbar.active{opacity:1;visibility:visible;transition-delay:.03s}
.navbar-nav{width:100%;margin:0}
.navbar-nav>li{display:block;float:none;margin:10px 25px}
.navbar-nav>li>a{color:var(--black);text-decoration:none;font-size:40px;font-family:Bebas}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:var(--red);text-decoration:none}
.navbar-nav>.active>a,.navbar-nav>.active>a:hover,.navbar-nav>.active>a:focus,.navbar-nav>.open>a,.navbar-nav>.open>a:hover,.navbar-nav>.open>a:focus{color:var(--red)}
.nav-section__expand-icon{cursor:pointer;display:inline-block;margin:0 0 0 .3em;position:relative;top:-1px;transition:transform .3s}
.open .nav-section__expand-icon{color:var(--red);transform:rotate(45deg)}
ul.dropdown-menu{padding:0;overflow:hidden;margin-bottom:20px;text-align:center}
ul.dropdown-menu li{margin:10px 0}
ul.dropdown-menu li a{color:var(--black)!important;font-size:30px;font-family:Bebas;padding:5px 15px!important}
ul.dropdown-menu li a:hover{background:none!important;color:var(--red)!important}
/*FORM*/
.formDiv{margin:40px auto}
input[type=text],textarea{border:var(--black) 1px solid;outline:none!important;width:100%;height:45px;margin:5px auto;padding-left:5px;background:none}
textarea{resize:none;height:100px;padding-top:7px}
.sendButton{
  font-size:40px;font-family:Bebas;line-height:1;height:100px;width:100%;margin:5px auto;color:var(--white);background-color:var(--red);
  cursor:pointer;border:none;-webkit-appearance:none;transition:all .2s ease}
.sendButton:hover{background-color:var(--black)}
input[placeholder]{color:var(--black)}
:-moz-placeholder{color:var(--black)}
::-moz-placeholder{color:var(--black)}
:-ms-input-placeholder{color:var(--black)}
::-webkit-input-placeholder{color:var(--black)}
.form-control:focus{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
@media screen and (max-width:1629px){
.galleryDiv{margin:75px 0 125px 0}
.backCircle{width:70%;padding-top:70%}
.contentDiv .sideTitle{margin-top:35px;font-size:50px;margin-bottom:60px}
.contentDiv .sideTitle span{font-size:25px}}
@media screen and (max-width:1199px){
h1{font-size:28px;letter-spacing:1px;line-height:1.5}
.galleryDiv{margin:0}
.revealer{height:450px}
.backCircle{width:68%;padding-top:68%}
.contentDiv .sideTitle{margin-top:15px;font-size:40px;margin-bottom:60px}
.contentDiv .sideTitle span{font-size:20px}
.contentDiv .sideDiv .sideLink{font-size:40px;bottom:135px}
.contentDiv .sideDiv .sideLink span{font-size:20px}}
@media screen and (max-width:991px){
.menu{height:350px;width:350px;transform:translateY(-67%)}
.top .topTitle .line1{font-size:25px}
.top .topTitle .line2{font-size:80px}
.contentDiv .sideDiv{float:none;width:100%;margin:80px auto;max-width:450px}
.galleryDiv{margin:-100px 0 200px}}
@media screen and (max-width:767px){
body{line-height:1.7}
h1{font-size:25px}
.menu{transform:translateY(-15px);width:105px;height:105px;z-index:30000}
.menu-link{z-index:2500;bottom:auto;top:70px}
.menu .topLogo{bottom:auto;top:25px;width:35px;height:auto}
.fixedTel,.topSiteName{top:10px}
.topContainer{position:fixed;z-index:20000;pointer-events:none;background-color:var(--white);height:45px}
.topContainer>*{pointer-events:all}
.top .topTitle{margin-top:150px}
.top .topTitle .line2{font-size:60px}
.topTel{margin-top:10px;line-height:1.2}
.revealer{height:350px}
.grid__item--title{font-size:12vw}
.caption{letter-spacing:0;font-size:11px}
.footerLogo{width:60px;height:auto}
.bottomTel a{font-size:30px}
.HCard{font-size:.9em}
.HCard .likeH1{font-size:14px}
#navbar{top:150px;z-index:30005}
.navbar-nav>li{margin:0 25px}
.navbar-nav>li>a{font-size:25px}
ul.dropdown-menu{margin-bottom:10px}
ul.dropdown-menu li{margin:0}
ul.dropdown-menu li a{font-size:20px;padding:3px 15px!important}}
@media screen and (max-width:525px){
.topSiteName,.fixedTel a{font-size:16px;letter-spacing:0}
.top .topTitle .line1{font-size:23px}
.top .topTitle .line2{font-size:50px}
.topTel a{font-size:35px}
.contentDiv .sideDiv{max-width:320px}
.contentDiv .sideDiv .sideLink{font-size:30px;bottom:95px}
.contentDiv .sideDiv .sideLink span{font-size:16px}}
@media screen and (max-width:450px){
.topSiteName{display:none}
.menu{left:0;right:auto;border-radius:0;width:100px;height:45px;transform:none}
.menu .topLogo{bottom:auto;top:4px;left:15px;right:auto;margin:0}
.menu-link{bottom:auto;left:65px;right:auto;margin:0;top:10px}
.menu:hover .menu-circle{transform:scale(1)}
.menu.active .menu-circle{transform:scale(60)}
.fixedTel{top:2px}
.fixedTel a{font-size:25px;letter-spacing:1px}
.top .topTitle{margin-top:70px}
.top .topTitle .line1{font-size:20px}
.top .topTitle .line2{font-size:45px}
.top .topCar{margin-top:40px}
.top .topCarInner{margin-top:100px}}