﻿@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}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid;max-width:100%!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}}*,:after,:before{-webkit-box-sizing:border-box;-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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.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:1200px}}@media(min-width:1500px){.container.wide{width:1500px}}.row{margin-right:-15px;margin-left:-15px}.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}@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}}.form-group{margin-bottom:15px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.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;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.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}@media(min-width:992px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left: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;background-color:#eee}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.navbar{position:relative;margin-bottom:10px;border:1px solid transparent}@media(min-width:992px){.navbar{border-radius:4px}}@media(min-width:992px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media(min-width:992px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse{max-height:340px}@media(max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media(min-width:992px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030;top:0;border-width:0 0 1px}@media(min-width:992px){.navbar-fixed-top{border-radius:0}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:992px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:991px){.navbar-nav .open .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}@media(min-width:992px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media(max-width:991px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}}.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-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container-fluid:after,.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{clear:both}
/*BASIC*/
body,html{padding:0;margin:0;overflow-x:hidden}
body{background-color:#2b2a3c;color:#fff;font-family:"Fira Sans",sans-serif;font-size:16px;line-height:19px;overflow:hidden}
p{padding:0;margin:5px 0 15px 0}
h1,.likeH1{font-size:60px;line-height:65px;margin:11px 0 4px 0}
h2{font-size:30px;line-height:32px;margin:11px 0 10px 0}
h3{font-size:24px;line-height:26px;margin:10px 0 15px 0}
h4{font-size:16px;line-height:19px;margin:11px 0 4px 0}
h1,h2,h3,h4,.likeH1{padding:0;font-weight:700}
h1 a,h2 a,h3 a,h4 a,.likeH1 a{color:inherit!important}
/*LINKS*/
a{outline:0!important;text-decoration:none;color:#f7bd01}
a:hover,a:active,a:focus{text-decoration:underline}
a img{-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}
a:hover img{opacity:0.7}
/*ANIMATIONS*/
.animated{animation-duration:1s;animation-fill-mode:both}
.delay02{animation-delay:.2s}
.delay04{animation-delay:.4s}
.delay06{animation-delay:.6s}
.delay08{animation-delay:.8s}
.delay10{animation-delay:1s}
.delay12{animation-delay:1.2s}
.delay14{animation-delay:1.4s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
.fadeInRight{animation-name:fadeInRight}
@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.610,.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}
.bounceIn{animation-name:bounceIn;animation-duration:.75s}
@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
.slideInUp{animation-name:slideInUp}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
.fadeInUp{animation-name:fadeInUp}
/*DIVS*/
#topDiv{position:fixed;z-index:55000;left:0;width:100%;top:0;padding:5px 0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#topDiv a:hover img{opacity:1}
#topDiv>.container.wide>.row>.col-sm-6{position:relative}
.yellowBar{height:40px;width:455px;background-color:#f7bd01;position:absolute;top:24px;z-index:-1}
.leftSide{left:0;transform:translateX(-400px)}
.rightSide{right:0;transform:translateX(400px)}
.centered{display:inline-block;position:absolute;left:0;top:29px;width:100%;background:none}
.centered:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#f7bd01;height:100%;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.afterScroll .centered:before{right:50%}
.centered:after{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#f7bd01;height:100%;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.afterScroll .centered:after{left:50%}
.light{position:absolute;width:10px;height:10px;top:45px;left:48px;background-color:#f9df23;border-radius:50%;opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#topDiv a:hover .light,.afterScroll .light{opacity:1;box-shadow:0 0 2px #f7bd01,0 0 2px #f7bd01,0 0 7px #f7bd01,0 0 12px #f7bd01,0 0 17px #f7bd01}
.top{height:900px;position:relative}
.top.inner{height:500px;background-color:#0f1f3a;overflow:hidden}
.top *{transition:1s all}
input[type=checkbox]+label{
	background-color:#040d1c;width:200px;height:80px;border-radius:50px;display:block;padding:5px;cursor:pointer;
	box-shadow:inset 5px 5px 20px rgba(0,0,0,.5);z-index:5;position:absolute;top:180px;left:30px}
#a{width:70px;height:70px;border-radius:100px;background-color:#f0f0f0;box-shadow:0 0 100px rgba(255,255,255,1)}
#c1,#c2,#c3{background-color:rgba(0,0,0,.03);width:10px;height:10px;border-radius:100%;position:relative}
#c1{top:50px;left:20px}#c2{top:50px;left:40px}#c3{top:10px;left:40px;width:20px;height:20px}
.clickSign{font-size:18px;line-height:20px;position:absolute;top:30px}
.daySign{color:#f4e94e;left:20px;opacity:0}
.nightSign{color:#f0f0f0;right:20px;opacity:1}
input[type=checkbox]{display:none}
input[type=checkbox]+label~section{width:100%;height:100%;position:absolute;background-color:#0f1f3a;z-index:-1}
input[type=checkbox]+label~section .star{width:5px;height:5px;border-radius:100%;background-color:rgba(255,255,255,.4);position:absolute}
.s1{top:10%;left:50%;width:3px;height:3px}.s2{top:90%;left:30%;width:2px;height:2px}.s3{top:85%;left:80%;width:3px;height:3px}
.s4{top:65%;left:10%}.s5{top:40%;left:90%}.s6{top:20%;left:30%;width:4px;height:4px}.s7{top:80%;left:50%}.s8{top:70%;left:35%;width:3px;height:3px}
input[type=checkbox]+label~section .cloud{opacity:0;position:absolute}
.c1{top:10%;left:15%}.c2{top:65%;left:30%}.c3{top:80%;left:7%}.c4{top:17%;left:45%}
label span{display:block}
input[type=checkbox]:checked+label{background-color:#2a5fba}
input[type=checkbox]:checked+label~section{background-color:#3770d4}
input[type=checkbox]:checked+label~section .star{opacity:0}
input[type=checkbox]:checked+label~section .cloud{opacity:1}
input[type=checkbox]:checked+label #a{background-color:#f4e94e;margin-left:calc(100% - 70px);box-shadow:0 0 100px rgba(249,240,104,1)}
input[type=checkbox]:checked+label #a *{opacity:0}
input[type=checkbox]:checked~.topSlogan{color:#3770d4}
input[type=checkbox]:checked~label .daySign{opacity:1}
input[type=checkbox]:checked~label .nightSign{opacity:0}
.topTitle,.topSlogan{position:relative;z-index:20000;font-size:90px;line-height:100px;font-weight:700;left:30px;text-transform:uppercase}
.topTitle{position:absolute;top:280px}
.topSlogan{background-color:#f7bd01;padding:10px 50px;color:#0f1f3a;position:absolute;top:380px}
.inner .topTitle{top:130px}
.inner .topSlogan{top:230px}
.topBgTools{position:absolute;bottom:0;right:0;pointer-events:none}
.inner .topBgTools{top:20px}
.whiteDiv{background-color:#fff;color:#2b2a3c;padding:40px 0}
.headerContainer{height:120px;padding-top:22px;position:relative;margin-bottom:50px}
.headerContainer>h1,.headerContainer>.likeH1{position:relative;z-index:100;text-transform:uppercase}
.yellowBlock{position:absolute;top:0;left:-125px;height:100%;width:180px;background-color:#f7bd01}
.rightImgs{float:right;margin:-80px 0 20px 50px}
.serviceImg{float:left;width:33.33333%;margin-top:20px}
.whiteDivWithBG{background:#fff url(../toronpics/locksmithTools.jpg) no-repeat bottom left}
.locationsDiv{margin:270px 0 70px 0;padding:15px;border:#f7bd01 1px solid}
.locationsDiv a{color:#2b2a3c}
.satisfactionBadge{margin:0 auto;position:relative;top:-110px;margin-bottom:-90px}
.galleryDiv{border:#f7bd01 1px solid;padding:0 20px}
.galleryDiv>.row>.col-sm-6{position:relative;top:-40px;margin-bottom:-10px}
.galleryDiv>.row>.col-sm-6>a{margin-bottom:10px!important;display:block}
.galleryDiv>.row>.col-sm-6>a:hover img{opacity:1}
.galleryDiv>.row>.col-sm-6>a:nth-child(2){margin-bottom:0}
.tilter{display:block;position:relative;width:100%;max-width:280px;height:auto;color:#fff;flex:none;perspective:1000px}
.tilter *{pointer-events:none}
.tilter:hover,.tilter:focus{color:#fff;outline:none}
.tilter__figure,.tilter__image{margin:0;width:100%;height:100%;display:block}
.tilter__figure>*{transform:translateZ(0px)}
.tilter__figure,.tilter__deco--overlay,.tilter__deco--lines,.tilter__deco--shine div,.tilter__caption{transition:transform .2s ease-out}
.tilter__figure{position:relative}
.tilter__figure::before{content:'';position:absolute;width:90%;height:90%;top:5%;left:5%}
.tilter__deco{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(226,60,99,.4),rgba(145,58,252,.4),rgba(16,11,192,.4))}
.tilter__deco--shine div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(45deg,rgba(0,0,0,.5) 0%,rgba(255,255,255,.25) 50%,transparent 100%)}
.tilter__deco--lines{fill:none;stroke:#fff;stroke-width:1.5px}
.tilter__caption{position:absolute;bottom:0;width:100%;padding:0 30px 60px 30px}
.tilter__title{margin:0;font-weight:normal;font-size:2.5em;line-height:1}
.tilter__description{margin:1em 0 0 0}
.galleryDiv a:hover .tilter__caption{color:#f7bd01}
.galleryDiv a:hover .tilter__deco--lines{stroke:#f7bd01}
.bottom{padding:20px 0}
.HCard .cardtitle{margin:4px 0 2px 0;font-size:19px;line-height:21px;font-weight:700}
.HCard a{text-transform:lowercase}
.HCard label{font-size:10px;font-style:italic}
.copyrights{margin:5px 0}
/*TOOLS*/
ul{list-style-position:inside;padding-left:0}
.bold{font-weight:700}
.img-center{display:block;margin:0 auto}
.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){.paddingRight5,.paddingLeft5{padding-right:15px;padding-left:15px}.hdnMobile{display:none!important}.vsblMobile{display:block!important}}
/*TELEPHONE NUMBERS*/
.telNum{overflow:hidden}
.telNum a{
  position:relative;z-index:100;white-space:nowrap;text-decoration:none;font-weight:700;
  -webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.topTel{position:absolute;right:65px;top:27px}
.topTel a{font-size:30px;line-height:35px;color:#fff}
.topTel a:hover,.topTel a:active,.topTel a:focus{color:#f7bd01}
.afterScroll .topTel a:hover,.afterScroll .topTel a:active,.afterScroll .topTel a:focus{color:#2b2a3c}
.bottomTel{margin:10px auto}
.bottomTel a{color:#f7bd01;font-size:60px;line-height:65px}
.bottomTel a:hover,.bottomTel a:active,.bottomTel a:focus{color:#fff}
/*MENU*/
.header__button{position:absolute;top:33px;right:15px;height:22px;width:30px;cursor:pointer;overflow:hidden;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;z-index:200}
.header__button.active .button__top{-webkit-transform:translateY(9px) translateX(0) rotate(45deg);transform:translateY(9px) translateX(0) rotate(45deg);background:#222426}
.header__button.active .button__middle_1{-webkit-transform:translateX(-100%);transform:translateX(-100%);background:#222426}
.header__button.active .button__middle_2{-webkit-transform:translateX(100%);transform:translateX(100%);background:#222426}
.header__button.active .button__bottom{-webkit-transform:translateY(-9px) translateX(0) rotate(-45deg);transform:translateY(-9px) translateX(0) rotate(-45deg);background:#222426}
.header__button span{background:#222426;position:absolute;top:0;left:0;height:4px;width:100%;-webkit-transition:all .35s ease;transition:all .35s ease}
.header__button span:nth-of-type(2){top:9px;left:-50%}
.header__button span:nth-of-type(3){top:9px;left:50%}
.header__button span:nth-of-type(4){top:18px}
.nav-overlay{
  position:fixed;top:98px;right:0;height:100%;width:0%;opacity:0;background:#fff;border-radius:0 0 5px 5px;visibility:hidden;z-index:50000;display:flex;
  -webkit-transition:opacity .35s ease,visibility .35s ease,width .35s ease;transition:opacity .35s ease,visibility .35s ease,width .35s ease;align-items:center;justify-content:center}
.nav-overlay.open{opacity:.9;visibility:visible;width:100%}
.nav-overlay.open>nav>ul>li{-webkit-animation:menuFade .5s ease forwards;animation:menuFade .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}
.nav-overlay.open>nav>ul>li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}
.nav-overlay.open>nav>ul>li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}
.nav-overlay.open>nav>ul>li:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}
.nav-overlay.open>nav>ul>li:nth-of-type(5){-webkit-animation-delay:.55s;animation-delay:.55s}
.nav-overlay.open>nav>ul>li:nth-of-type(6){-webkit-animation-delay:.6s;animation-delay:.6s}
.nav-overlay.open>nav>ul>li:nth-of-type(7){-webkit-animation-delay:.65s;animation-delay:.65s}
.nav-overlay.open>nav>ul>li:nth-of-type(8){-webkit-animation-delay:.7s;animation-delay:.7s}
.nav-overlay.open>nav>ul>li:nth-of-type(9){-webkit-animation-delay:.75s;animation-delay:.75s}
.nav-overlay nav{position:relative;height:80%;font-size:34px;line-height:39px;font-weight:900;color:#222426;text-align:center;text-transform:uppercase}
.nav-overlay>nav>ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}
.nav-overlay>nav>ul>li{display:block;position:relative;opacity:0;padding:20px 0}
.nav-overlay>nav>ul>li a{display:block;position:relative;color:#2b2a3c;text-decoration:none;overflow:hidden}
.nav-overlay>nav>ul>li a:hover:after,.nav-overlay>nav>ul>li a:focus:after,.nav-overlay>nav>ul>li a:active:after{width:210px}
.nav-overlay>nav>ul>li a:after{content:'';position:absolute;bottom:0;left:50%;width:0%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:3px;background:#222426;-webkit-transition:.35s;transition:.35s}
@-webkit-keyframes menuFade{0%{opacity:0;right:-25%}100%{opacity:1;right:0}}
@keyframes menuFade{0%{opacity:0;right:-25%}100%{opacity:1;right:0}}
.nav-section__expand-icon{cursor:pointer;display:inline-block;font-weight:700;margin:0 0 0 .3em;position:relative;top:-1px;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.dropdown.open .nav-section__expand-icon{color:#2b2a3c;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.dropdown-menu{margin-bottom:10px}
.dropdown-menu li a{text-align:center;font-size:20px;line-height:22px;padding:5px 0;color:#2b2a3c;background:none!important}
.dropdown-menu li.all a{font-size:25px;line-height:28px}
.footermenu{margin:0 auto;color:#fff}
.footermenu a{display:inline-block;margin:0 10px 0 5px;color:#fff}
.footermenu a:hover,.footermenu a:focus{color:#f7bd01;text-decoration:none!important}
/*FORM*/
.formDiv{margin:30px auto}
input[type=text],textarea{border:#2b2a3c 1px solid;background-color:#fff;outline:none!important;color:#2b2a3c;height:45px;width:100%;margin:5px auto;padding-left:3px}
textarea{resize:none;height:100px;padding-top:10px}
.sendButton{font-size:22px;line-height:24px;height:100px;width:100%;margin:5px auto;color:#fff;background-color:#f7bd01;cursor:pointer;border:none;-webkit-appearance:none;-webkit-transition:all .2s ease}
.sendButton:hover{background-color:#2b2a3c}
input[placeholder]{color:#2b2a3c}
:-moz-placeholder{color:#2b2a3c}
::-moz-placeholder{color:#2b2a3c}
:-ms-input-placeholder{color:#2b2a3c}
::-webkit-input-placeholder{color:#2b2a3c}
.form-control:focus{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
/*IMAGES*/
img{padding:0;border:none;margin:0}
image{padding:0;border:none;margin:0}
.lamp{position:absolute;top:42px;left:45px;opacity:0;z-index:100}
.afterScroll .lamp{opacity:1}
.bannerLock247M{margin:40px auto}
.icoPhone{display:none}
.footerLogo{margin:10px auto}
@media screen and (max-width:1650px){.whiteDivWithBG{background-size:600px 425px}}
@media screen and (max-width:1410px){.topTitle{font-size:70px;line-height:75px}}
@media screen and (max-width:1199px){
.topTitle{top:265px}
.topSlogan{top:330px}
.topTitle,.topSlogan{font-size:60px;line-height:65px}
.topBgTools{width:600px;height:auto}
.top{height:620px}
.locationsDiv{width:50%;left:50%;margin-top:70px}}
@media screen and (max-width:991px){
h1,.likeH1{font-size:45px;line-height:50px}
.rightImgs{float:none;margin:0 auto}
.serviceImg{padding:0 5px}
.serviceImg{margin:30px 0}
.topTitle{font-size:45px;line-height:50px}
.topSlogan{font-size:50px;line-height:55px;top:320px}
.top.inner .topSlogan{top:180px}
.whiteDivWithBG{background-size:500px 354px}
.locationsDiv{margin-top:20px;margin-bottom:-20px}
.galleryDiv{max-width:600px;margin:60px auto}}
@media screen and (max-width:767px){
h1,.likeH1{font-size:30px;line-height:35px}
h2{font-size:25px;line-height:27px}
h3{font-size:20px;line-height:22px}
#topDiv .col-sm-6{float:left;width:50%}
.centered:before{right:50%}
.centered:after{left:50%}
.top{height:350px}
.top.inner{height:320px}
.topBgTools,.top.inner .topBgTools{width:300px}
input[type=checkbox]+label{width:120px;height:50px;top:120px;left:30px}
#a{width:40px;height:40px}
.clickSign{font-size:13px;line-height:15px;top:18px}
.daySign{left:15px}
.nightSign{right:15px}
input[type=checkbox]:checked+label #a{margin-left:calc(100% - 40px)}
.topTitle{font-size:35px;line-height:37px;top:180px}
.topSlogan{font-size:38px;line-height:40px;top:220px;padding:5px 30px}
.top.inner .topSlogan{top:170px}
.whiteDivWithBG .row{margin:20px 0}
.locationsDiv{width:100%;left:0;margin-bottom:354px}
.galleryDiv{border:none}
.nav-overlay nav{font-size:27px;line-height:29px;height:95%}
.nav-overlay>nav>ul>li{padding:5px 0}
.dropdown-menu{margin-bottom:0;padding-bottom:0}
.dropdown-menu li a{font-size:18px;line-height:20px;padding:3px 0}
.dropdown-menu li.all a{font-size:21px;line-height:23px}
.HCard,.copyrights{font-size:0.9em}
.HCard h1{font-size:16px;line-height:18px}
.bottomTel a{font-size:40px;line-height:45px}}
@media screen and (max-width:580px){.deskTel{display:none}
.icoPhone{display:block}
.topTel{top:34px;right:55px}
input[type=checkbox]+label{left:15px}
.topTitle{font-size:23px;line-height:25px;top:180px;left:15px}
.topSlogan{font-size:32px;line-height:34px;top:210px;left:15px}}
@media screen and (max-width:370px){
.logo{width:220px;height:auto;position:relative;top:5px}
.lamp{left:41px}
.light{left:44px}
.topTitle{font-size:19px;line-height:21px}
.topSlogan{font-size:25px;line-height:27px}
.top{height:270px}.topBgTools{width:250px}}