﻿@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;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{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}}.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;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;transition-timing-function:ease;transition-duration:.35s;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;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}@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;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;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 .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}@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*/
html{scroll-behavior:smooth}
body,html{padding:0;margin:0;overflow-x:hidden}
body{background-color:#151515;color:#fff;font-family:Roboto,sans-serif;font-size:16px;line-height:22px;overflow:hidden}
p{padding:0;margin:5px 0 15px}
h1,.likeH1{font-size:100px;line-height:90px;margin:5px 0 15px;color:#333}
h1.articleH1{font-size:75px;line-height:75px}
h2{font-size:26px;line-height:30px;margin:10px 0 5px}
h3{font-size:20px;line-height:24px;margin:10px 0 5px}
h4{font-size:16px;line-height:20px;margin:11px 0 4px}
h1,.likeH1,h2,h3,h4{padding:0;font-family:Source Sans Pro,sans-serif;font-weight:700}
h1 a,h2 a,h3 a,h4 a{color:inherit!important}
/*LINKS*/
a{outline:0!important;text-decoration:none;color:#f7a400}
a:hover,a:active,a:focus{text-decoration:underline}
a img{transition:opacity .2s ease}
a:hover img{opacity:.7}
.b2top{position:fixed;right:2rem;bottom:2rem;z-index:10000;width:50px;height:50px;opacity:0;pointer-events:none;transition:opacity .2s ease}
.b2top.active{opacity:100;pointer-events:all}
.b2top svg{width:50px;height:50px;fill:#f7a400}
.anchor-target{position:relative;top:-85px;width:1px;height:1px}
/*TOOLS*/
img{padding:0;border:none;margin:0}image{padding:0;border:none;margin:0}
.line{margin:5px 0 20px 0}
ul{list-style-position:inside;list-style-image:url(../bimages/bullet.png);font-size:16px;line-height:20px}
.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}
.paddingRight5{padding-right:5px}
.paddingLeft5{padding-left:5px}
.servicesList ul{margin-left:0;font-size:14px}
.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}.img-center,.img-right,.img-left{margin:0 auto!important;float:none!important;clear:both}.hdnMobile{display:none!important}.vsblMobile{display:block!important}}
/*DIVS*/
.burger{z-index:10;cursor:pointer;padding:9px 2px 10px 2px;transform:rotateY(0);transition:all .4s cubic-bezier(.23,1,.32,1)}
.burger__patty{width:28px;height:2px;margin:0 0 4px 0;background:#fff;transition:all .4s cubic-bezier(.23,1,.32,1)}
.burger__patty:last-child{margin-bottom:0}
.burger--close{transform:rotate(180deg)}
.burger--close .burger__patty:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.burger--close .burger__patty:nth-child(2){opacity:0}
.burger--close .burger__patty:nth-child(3){transform:rotate(-45deg) translate(5px,-4px)}
.menu{position:fixed;top:0;width:100%;visibility:hidden;z-index:45000}
.menu--active{visibility:visible}
.logoMenu{text-align:center}
.menu__brand, .menu__list{display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}
.menu__brand{align-items:center}
.menu__list{margin:0;padding:0;background:#151515;list-style-type:none!important;list-style-image:none!important;transform:translate3d(0,-100%,0);transition:all .4s cubic-bezier(.23,1,.32,1)}
.menu__list--active{transform:translate3d(0,0,0)}
.menu__brand{background:#000;transition:all .4s cubic-bezier(.23,1,.32,1);transform:translate3d(0,100%,0)}
.menu__brand--active{transform:translate3d(0,0,0)}
.menu__item{transform:translate3d(1000px,0,0);transition:all .4s cubic-bezier(.23,1,.32,1)}
.menu__item--active{transform:translate3d(0,0,0)}
.menu__link{display:inline-block;position:relative;font-family:Source Sans Pro,sans-serif;font-size:40px;line-height:45px;padding:10px 0;margin-left:40px;color:#333;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1)}
.menu__link:before{content:"";position:absolute;top:35px;left:110%;width:0;height:2px;background:#fff;transition:all .4s cubic-bezier(.23,1,.32,1)}
.menu__link:hover:before{width:1000px;background:#f7a400;left:110%;right:auto}
.menu .menu__item:nth-child(1){transition-delay:.3s}.menu .menu__item:nth-child(2){transition-delay:.4s}
.menu .menu__item:nth-child(3){transition-delay:.5s}.menu .menu__item:nth-child(4){transition-delay:.6s}
.menu .menu__item:nth-child(5){transition-delay:.7s}.menu .menu__item:nth-child(6){transition-delay:.8s}
.menu .menu__item:nth-child(7){transition-delay:.9s}.menu .menu__item:nth-child(8){transition-delay:1s}
.menu .menu__item:nth-child(9){transition-delay:1.1s}.menu .menu__item:nth-child(10){transition-delay:1.2s}
.menu .menu__item:nth-child(11){transition-delay:1.3s}.menu .menu__item:nth-child(12){transition-delay:1.4s}
.menu__item a:hover,.menu__item a:focus{color:#f7a400;text-decoration:none}
@media screen and (max-width:991px){.menu__link{font-size:35px;line-height:40px;padding:2px 0}}
@media screen and (max-width:767px){
ul.menu__list,div.menu__brand{float:none;width:100%;min-height:0}
ul.menu__list--active,div.menu__brand--active{transform:translate3d(0,0,0)}
.menu__list{height:75vh;transform:translate3d(-100%,0,0)}
.menu__link{font-size:24px;color:#555}
.menu__brand{height:25vh;transform:translate3d(100%,0,0)}}
.topDiv{position:fixed;top:0;left:0;right:0;z-index:50000;padding:5px 0;pointer-events:none;opacity:0;transition:all .2s ease}
.topDiv.afterScroll{opacity:1;pointer-events:all}
.topDiv .col-sm-6>div{border:#f7a400 1px solid;margin:5px 10px;display:inline-block;padding:15px}
.topDiv .topTelIcon{position:absolute;top:0;right:95px}
.top{background:url(../bimages/topBG.jpg) no-repeat top center;height:1300px;padding:5px 0 40px 0;position:relative}
.top.inner{background:url(../bimages/topInner.jpg) no-repeat top center;height:250px}
.top>.container{position:relative;z-index:100;font-family:Source Sans Pro,sans-serif}
.top .topTitle{font-size:100px;line-height:90px;color:#fff;margin-top:175px}
.top .topSlogan{font-size:26px;line-height:30px;margin-top:20px;width:847px}
.top .topSlogan .row>div>div{float:left;font-family:Roboto,sans-serif}
.top .topSlogan .row>div>.bold{float:right;font-family:Source Sans Pro,sans-serif}
.top .topSlogan .row>div>.bold img{position:relative;top:-3px;left:-3px}
.top .triangle{position:absolute;top:100px;left:-100px}
.top .topLockAndKey{position:absolute;top:175px;left:50px}
.top .topServices{margin-top:250px}
.top.inner .topServices{margin-top:20px}
.top .topServices a{color:#fff;font-size:24px;line-height:26px;transition:all .2s ease}
.top .topServices a:hover{color:#f7a400;text-decoration:none!important}
.top .topServices a:hover img,.top .topServices a:focus img{opacity:1!important}
.top .topServices .firstIcon{position:relative;top:20px}
svg{fill:#fff}
.iconCont{display:inline-block;width:120px;height:120px;position:relative}
.iconCont>*{position:absolute;top:0;left:0;transition:all .2s ease}
.iconCont>.bubble1,.top .topServices .iconCont>.bubble2{opacity:0}
.iconCont .bubble1{width:140px;height:140px;top:-40px;left:-30px}
.iconCont .bubble2{width:110px;height:110px;top:-27px;left:-15px}
a:hover .iconCont .bubble1{animation:bubbleUp1 2s linear infinite}
a:hover .iconCont .bubble2{animation:bubbleUp2 1s linear infinite}
@keyframes bubbleUp1{0%{top:-40px;opacity:1}90%{opacity:1}100%{top:-60px;opacity:0}}
@keyframes bubbleUp2{0%{top:-27px;opacity:1}90%{opacity:1}100%{top:-60px;opacity:0}}
a:hover .iconCont .turnRight{animation:turn 3s linear infinite}
a:hover .iconCont .turnLeft{animation:turn 5s linear infinite reverse}
@keyframes turn{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.iconCont .orange{fill:#f7a400}
.iconCont .orangeHov{fill:#f7a400!important}
.iconCont .orangeLinesCont{position:absolute;top:0;left:0;right:0;overflow:hidden;height:0}
a:hover .iconCont .orangeLinesCont{height:100%}
.iconCont .carRoundDiv{border:#f7a400 2px solid;border-radius:100%;width:10px;height:10px;top:90px!important}
a:hover .iconCont .carRoundDiv{background-color:#f7a400}
.iconCont .carRoundDiv.left{left:35px}
.iconCont .carRoundDiv.right{left:73px}
.top .topServices a span{position:relative;top:-25px}
.top+.middle{top:-250px;margin-bottom:-250px}
.top.inner+.middle{top:0;margin-bottom:0}
.middle{padding:40px 0;position:relative}
.middle .sideDiv{float:right;margin-top:40px;font-size:24px;line-height:26px;position:relative}
.middle .sideDiv .sideBannerLink{position:absolute;top:60px;left:245px;z-index:100}
.middle .sideDiv .sideBannerLink a:hover{text-decoration:none!important}
.middle .sideDiv .sideBannerLink a:hover img{opacity:1!important}
.middle .sideDiv .sideBannerLink a .callLink{display:inline-block;color:#fff}
.middle .sideDiv .sideBannerLink a:hover .callLink{color:#f7a400}
.middle .sideDiv .sideBannerLink a .callLink span{display:block;font-size:34px;line-height:36px;font-family:Source Sans Pro,sans-serif}
.middle .sideDiv .sideBannerLink a .callLink span.call{color:#f7a400;font-size:20px;line-height:22px;font-family:Roboto,sans-serif;margin-left:80px}
.middle.midBG{background:url(../bimages/midBG.jpg) no-repeat top center}
.middle .clouds{position:absolute;top:0;left:0;width:100%;height:647px;background:url(../bimages/clouds.png) repeat top left;animation:moveBG 20s linear infinite}
@keyframes moveBG{from{background-position:0 0}to{background-position:-1920px 0}}
.middle .maplocations .svgcont{display:table-cell;width:65px;vertical-align:middle;text-align:center}
.middle .maplocations .svgcont svg{fill:#f7a400}
.middle .maplocations .svgtxt{display:table-cell;width:calc(100% - 65px)}
.middle .location1,.middle .location2,.middle .location3{margin:20px auto}
.middle .location1,.middle .location2,.middle .location3{display:table;width:100%}
.middle .location1 span,.middle .location2 span,.middle .location3 span{display:block;transition:all .2s ease}
.middle .location1:hover span,.middle .location2:hover span,.middle .location3:hover span{color:#f7a400}
.middle .gallery{padding:300px 15px 600px 15px;background:url(../bimages/triangle.png) no-repeat bottom+10px center;text-align:center;width:100%}
.middle .grid{position:relative;display:block;margin:auto}
.middle .grid img{transition:all .2s ease;filter:sepia(100%);position:relative;top:0}
.middle figure{position:relative;float:left;vertical-align:top;overflow:hidden;width:25%;height:25em;margin:0;background-color:#000}
.middle figure:hover .btn-view{top:150px;opacity:1}
.middle figure a:hover img{top:-40px;opacity:1;filter:sepia(0%)}
.middle figure:hover figcaption{bottom:0}
.middle figcaption{position:absolute;bottom:-3.75em;background:#000;z-index:9;width:100%;height:40px;padding:6px;text-align:center;transition:.3s cubic-bezier(.4,0,.2,1);font-size:20px;line-height:24px}
.middle a figcaption{color:#fff}
.middle .btn-view{
  background-color:#f7a400;border-radius:100%;padding:4px 15px 6px;font-size:60px;line-height:60px;position:absolute;top:350px;left:0;
  right:0;margin-left:auto;margin-right:auto;z-index:100;display:inline-block;width:70px;opacity:0;transition:all .2s ease;color:#000}
.middle .sideArea{position:relative;font-family:Source Sans Pro,sans-serif;margin-top:100px}
.middle .sideTop{position:absolute;top:5px;right:0;display:inline-block;font-size:20px;line-height:24px;color:#f7a400;margin-top:20px}
.middle .sideArea svg{width:450px;height:315px;position:absolute;left:35px;top:115px}
.middle .sideArea svg>*{transition:all .2s ease}
.middle .sideArea svg .svgSquare,.middle .sideArea svg .svgIcon,.middle .sideArea svg .svgRound{fill:#f7a400;fill-rule:evenodd;opacity:0}
.middle .sideArea:hover svg .svgSquare{animation:opacity .5s linear forwards .5s}
.middle .sideArea:hover svg .svgIcon,.middle .sideArea:hover svg .svgRound{animation:opacity .5s linear forwards}
@keyframes opacity{to{opacity:1}}
.middle .sideArea svg .lineHorz,.middle .sideArea svg .lineVert{stroke:#ffd488;stroke-dasharray:500px;stroke-dashoffset:500px}
.middle .sideArea:hover svg .lineHorz,.middle .sideArea:hover svg .lineVert{animation:line-2animation 2.5s linear forwards 1s}
.middle .sideArea:hover svg .lineVert.long{animation:line-2animation 1.25s linear forwards 1s}
.opacityChange{opacity:1!important}
@keyframes line-2animation{to{stroke-dashoffset:0}}
.bottom{clear:both;padding:40px 0 40px 0;border-top:#f7a400 1px solid;margin-top:150px}
.bottomLock{position:relative;top:-170px;margin-bottom:-200px;pointer-events:none}
.HCard .likeH1{margin:4px 0 2px;font-size:23px;line-height:31px;color:#fff}
.HCard a{text-transform:lowercase;color:#fff}
.HCard label{font-size:12px}
.copyri{margin:15px auto 5px auto;font-size:14px;line-height:17px}
.footerLogo{margin-top:20px}
.blog-pic{margin:40px auto;display:block}
/*TELEPHONE NUMBERS*/
.telNum{overflow:hidden}
.telNum a{color:#f7a400;position:relative;z-index:100;white-space:nowrap;text-decoration:none;transition:color .2s ease}
.telNum a:after{content:none!important}
.telNum a:hover,.telNum a:active,.telNum a:focus{color:#fff}
.topTel{position:relative;top:-1px}
.topTel a{font-size:24px;line-height:28px;color:#f7a400!important}
.topTel a:hover,.topTel a:active,.topTel a:focus{color:#fff!important}
.sideTel{position:absolute;bottom:7px;right:0}
.sideTel a{font-size:34px;line-height:38px;color:#fff}
.sideTel a:hover,.sideTel a:active,.sideTel a:focus{color:#f7a400}
.bottomTel{margin:20px auto}
.bottomTel a{font-size:50px;line-height:55px;font-family:Source Sans Pro,sans-serif}
/*MENU*/
#navbar{text-align:center}
.navbar-default{background-color:transparent;border:none;margin-bottom:0;position:relative;margin-top:6px}
.navbar-default .navbar-nav>li>a{color:#fff;background:none;text-decoration:none;position:relative}
.navbar-default .navbar-nav>li>a:after{content:"";position:absolute;right:-1px;top:15px;bottom:15px;width:1px;background-color:#f7a400}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#f7a400;text-decoration:none}
.footermenu{margin-bottom:20px;color:#333;font-size:16px;line-height:20px}
.footermenu a{display:inline-block;margin:0 15px 0 10px;color:#fff}
.footermenu a:hover,.footermenu a:focus{color:#f7a400;text-decoration:none!important}
@media (min-width:768px){.navbar .navbar-nav{display:inline-block;float:none;vertical-align:top}.navbar .navbar-collapse{text-align:center}}
/*FORM*/
.formDiv{margin:40px auto}
input[type=text],textarea{border:#f7a400 1px solid;outline:none!important;width:100%;height:45px;margin:5px auto;background-color:#151515;color:#fff;padding-left:3px}
textarea{resize:none;height:100px;padding-top:10px}
.sendButton{font-size:35px;line-height:40px;height:100px;width:100%;margin:5px auto;color:#151515;background-color:#f7a400;cursor:pointer;border:none;-webkit-appearance:none;transition:all .2s ease}
.sendButton:hover{background-color:#fff}
input[placeholder]{color:#fff}
:-moz-placeholder{color:#fff}
::-moz-placeholder{color:#fff}
:-ms-input-placeholder{color:#fff}
::-webkit-input-placeholder{color:#fff}
.form-control:focus{box-shadow:none!important}
@media screen and (max-width:1199px){
h1,.likeH1{font-size:90px;line-height:80px}
h1.articleH1{font-size:70px;line-height:70px}
.top{background-position:bottom center;height:940px}
.top .topTitle{font-size:90px;line-height:80px;margin-top:150px}
.top .topSlogan{font-size:24px;line-height:28px;width:762px}
.top .triangle{width:500px;height:auto;left:-150px;top:75px}
.top .topLockAndKey{width:275px;height:auto;left:25px;top:125px}
.top .topServices{margin-top:175px}
.top.inner .topServices{margin-top:60px}
.iconCont,.iconCont svg,.iconCont img{width:80px;height:80px}
.top .topServices a{font-size:22px;line-height:24px}
.top .topServices a span{top:-12px}
.iconCont .bubble1{width:110px;height:110px;top:-25px;left:-13px}
.iconCont .bubble2{width:80px;height:80px;top:-20px;left:-13px}
@keyframes bubbleUp1{0%{top:-25px;opacity:1}90%{opacity:1}100%{top:-60px;opacity:0}}
@keyframes bubbleUp2{0%{top:-20px;opacity:1}90%{opacity:1}100%{top:-60px;opacity:0}}
.iconCont .carRoundDiv{width:7px;height:7px;top:60px!important}
.iconCont .carRoundDiv.left{left:23px}.iconCont .carRoundDiv.right{left:49px}
.middle .sideDiv{width:500px}
.middle .sideDiv .sideBannerLink{top:40px;left:200px}
.sideBannerLink .iconCont{position:relative;top:-20px}
.middle .sideDiv .sideBannerLink a .callLink span{font-size:30px;line-height:32px}
.middle .sideDiv .sideBannerLink a .callLink span.call{font-size:18px;line-height:20px;margin-left:75px}
.middle .gallery{margin:0 auto}
.middle figure{height:20em}
.middle figure:hover .btn-view{top:125px}
.middle .sideTop{top:12px;font-size:15px;line-height:17px}
.sideTel{right:auto;bottom:15px;left:50px}
.sideTel a{font-size:30px;line-height:32px}}
@media screen and (max-width:991px){
h1,.likeH1{font-size:70px;line-height:75px}
h1.articleH1{font-size:65px;line-height:70px}
.topDiv{opacity:1;pointer-events:all;background-color:#151515}
.topDiv .logo{margin-top:5px}
.top,.top.inner{height:800px;background:url(../bimages/topBGMob.jpg) no-repeat center bottom}
.top.inner{height:auto}
.top .topTitle{font-size:70px;line-height:75px;margin-top:125px}
.top .topSlogan{font-size:22px;line-height:24px;width:592px}
.top .triangle{width:300px;left:-50px;top:100px}
.top .topLockAndKey{width:175px;left:25px;top:125px}
.top .topServices{margin-top:70px}
.top.inner .topServices{margin-top:150px}
.top .topServices .col-sm-3{width:50%!important;float:left!important;margin-bottom:10px}
.iconCont .bubble1{top:-38px;left:-28px}
@keyframes bubbleUp1{0%{top:-38px;opacity:1}90%{opacity:1}100%{top:-60px;opacity:0}}
.top+.middle{top:-175px;margin-bottom:-175px}
.middle .sideDiv{width:400px}
.middle .sideDiv .sideBannerLink{top:20px;left:145px}
.middle .gallery{background-size:720px auto}
.middle .gallery>div{max-width:580px}
.sideBannerLink .iconCont{top:-20px}
.middle .sideDiv .sideBannerLink a .callLink span{font-size:27px;line-height:30px}
.middle .sideDiv .sideBannerLink a .callLink span.call{margin-left:65px}
.middle figure{height:20em!important;width:50%!important}
.menu__link{font-size:40px;line-height:45px}
.menu__link:before{top:38px}}
@media screen and (max-width:767px){
h1,.likeH1{font-size:45px;line-height:47px}
h1.articleH1{font-size:40px;line-height:45px}
h2{font-size:22px;line-height:25px}
.logo{width:80px;height:auto}
.menu__list{height:100vh}
.menu__link{font-size:30px;line-height:32px;padding-top:5px;padding-bottom:5px}
.topDiv .col-sm-6{width:50%;float:left}
.topDiv .col-sm-6>div{padding:8px}
.hamb{margin-right:0!important}
.topDiv .topTelIcon{right:70px}
.top{height:auto;padding-bottom:0}
.top .topTitle{font-size:45px;line-height:50px}
.top .topSlogan{font-size:18px;line-height:20px;width:100%}
.top .topSlogan .col-sm-12>div{float:none!important;margin:10px auto}
.top .triangle{left:auto;right:-50px;width:250px}
.top .topLockAndKey{left:auto;right:0;width:140px}
.top .topServices{margin-top:50px}
.top.inner .topServices{margin-top:80px}
.top .topServices a{font-size:18px;line-height:20px}
.top .topServices .firstIcon{top:10px}
.iconCont,.iconCont svg,.iconCont img{width:60px;height:60px}
.iconCont .carRoundDiv{width:5px;height:5px;top:45px!important}
.iconCont .carRoundDiv.left{left:17px}.iconCont .carRoundDiv.right{left:37px}
.top+.middle{top:0;margin-bottom:0}
.sideDiv{float:none!important;width:100%!important;margin:30px auto}
.middle .gallery{padding:40px 15px}
.bottomTel a{font-size:45px;line-height:50px}
.HCard{font-size:.9em}
.HCard .likeH1{font-size:14px;line-height:16px}}
@media screen and (max-width:400px){
h1,.likeH1{font-size:35px;line-height:37px}
h1.articleH1{font-size:25px;line-height:30px}
.top .topTitle{font-size:35px;line-height:32px;margin-top:90px}
.top .topSlogan{margin-top:5px}
.top .topSlogan .col-sm-12>div:nth-child(2n-1){display:none}
.iconCont,.iconCont span{margin:5px auto;display:block}
.top .triangle,.top .topLockAndKey{top:60px}
.top .topServices{margin-top:10px}
.top .topServices a span{top:0;margin:0 auto;display:block!important}
.top .topServices a{text-align:center}}
@media screen and (max-width:350px) and (max-height:500px){.middle .sideArea{display:none!important}}