:focus{outline:none}
:-moz-any-link:focus{outline:none;text-decoration:none}
::-moz-focus-inner{padding:0;border:0;outline:none}
::selection{color:#fff;background:#FF4001}
::-moz-selection{color:#fff;background:#FF4001}
::-webkit-scrollbar { width:0 }
::-webkit-scrollbar-track { background:#000 }
::-webkit-scrollbar-thumb { background: #FF4001;}
::-webkit-scrollbar-thumb:window-inactive { background:#000}
html,body{width:100%;min-height:100%}
body{font-size:18px;line-height:26px;font-weight:400;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
a,a:hover,a:focus{cursor:pointer;text-decoration:none!important;color:#FF4001}
strong,b{font-weight:600}
img{max-width:100%;height:auto}
ul,ol{padding:0;margin:0;list-style:none}
ul li,ol li{padding:5px 0;font-size:16px;line-height:24px}
h1,h2,h3,h4,h5,h6{color:#000;margin:0 0 10px;font-weight:700}
h1{font-size:60px;line-height:70px}
h2{font-size:40px;line-height:50px}
h3{font-size:30px;line-height:40px;}
h4{font-size:18px;line-height:24px;}
h5{font-size:14px;line-height:20px}
h6{font-size:12px;line-height:18px}
p{color:#000;margin:0 0 10px;font-size:18px;line-height:26px;font-weight:400}
p strong{font-weight:600}
.preloaderLogo{min-width: 200px;max-width: 300px;width: 15%;}
.section-home{z-index:0;position:relative}
.section-home.dark-section{background:#000}
.tabs{width:100%;position:relative;z-index:0;height:100vh;display:block;}
.tabs ul.nav-tabs {position:absolute;bottom:50px;border:none!important;z-index:50;left:0;right:0;text-align:center;margin:0 auto;background:none}
.tabs ul.nav-tabs li {width:auto;padding:0;display:inline-block;float:none;margin:0 5px;vertical-align:middle;text-align:center}
.tabs ul.nav-tabs li a{display:block;padding:0;background:rgba(0,0,0,.33);margin:0;border:none;position:relative;transition:all .3s ease-in-out;text-align:center;padding:0;width:auto;width:90px;line-height:90px;height:90px;border-radius:50%;padding:0;}
.tabs ul.nav-tabs li a img {max-height:30px;position:absolute;margin:0 auto;top:calc(50% - 15px);display:block;left:0;right:0;transition:all .3s ease-in-out;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(124deg) brightness(108%) contrast(111%);}
.tabs ul.nav-tabs li a:hover,.tabs ul.nav-tabs li a:focus{color:#fff;background:none;border:none;}
.tabs ul.nav-tabs li.active a,.tabs ul.nav-tabs li.active a:focus{color:#fff;background:none;border:none;}
.tabs ul.nav-tabs li a:hover {color:#fff;background:#000;mix-blend-mode: multiply;}
.tabs ul.tab-content {z-index:2;display:block;width:100%;}
.tab-pane{padding:0;}
.scrlimg{background-attachment:fixed;background-position:50% 0;background-repeat:repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:29}
.scrlimg.portfolio {background-image:url(../images/hero.jpg);}
.scrlimg.services {background-image:url(../images/services.png);}
.scrlimg.clients {background-image:url(../images/clients.png);}
.scrlimg.about {background-image:url(../images/about.png);}
.spotlight{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(50px 50px at center center,transparent,transparent 100px,rgba(0,0,0,0.80) 150px);opacity:1;animation:fadein 2s 1s 1 both;z-index:30}
.logo{position:absolute;z-index:35;width:300px;height:300px;top:calc(50% - 150px);margin:0 auto;left:0;border-radius:50%;right:0;background:rgba(0,0,0,1);transition:all .4s ease-in-out;box-shadow:0 0 30px rgba(0,0,0,.33);display:block}
.logo:after{width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,.33);content:"";position:absolute;display:block;z-index:51;left:24px;top:24px;transition:all .4s ease-in-out}
.logo:hover:after{border-color:rgba(255,255,255,.0);box-shadow:inset 0 0 30px rgba(0,0,0,.25)}
.logo img{position:absolute;margin:0 auto;top:calc(50% - 60px);height:120px;left:0;right:0;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(124deg) brightness(108%) contrast(111%);transition:all .4s ease-in-out;}
.logo img:last-child{opacity:0}
.logo:hover img:last-child{opacity:1;}
.logo:hover img:first-child{opacity:0;}
.logo-sonar{width:330px;height:330px;top:calc(50% - 165px);left:0;right:0;margin:0 auto;position:absolute;display:block;background:#fff;opacity:1;border-radius:0;border-radius:50%;
-webkit-animation:video-icon-sonar 4s linear infinite;animation:video-icon-sonar 4s linear infinite;z-index:30;}
@-webkit-keyframes video-icon-sonar {
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes video-icon-sonar {
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
.page-loader{display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,1);z-index:1000;text-align:center}
.page-loader img{position:relative;top:calc(50% - 26px);margin:0 auto;left:0;right:0;display:block;width:52px;height:52px;text-align:center;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(124deg) brightness(108%) contrast(111%);}
.loader{width:110px;height:110px;position:absolute;top:calc(50% - 55px);left:0;right:0;text-align:center;margin:0 auto;border-top:1px solid rgba(255, 255, 255,.10);border-right:1px solid 1px solid rgba(36, 255, 255,.30);border-bottom:1px solid rgba(255, 255, 255,.50);border-left:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spinner 1000ms infinite linear;-moz-animation:spinner 1000ms infinite linear;-ms-animation:spinner 1000ms infinite linear;-o-animation:spinner 1000ms infinite linear;animation:spinner 1000ms infinite linear;z-index:1696969}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.logo,.page-loader,.tabs ul.nav-tabs li.active a,.tabs ul.nav-tabs li.active a:focus
{background:linear-gradient(270deg,#0f0,#00f,red);background-size:600% 600%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite}
@-webkit-keyframes AnimationName {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes AnimationName {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@media (max-width: 768px) {
.logo-sonar{width:270px;height:270px;top:calc(50% - 135px);}
.logo{width:240px;height:240px;top:calc(50% - 120px);}
.logo:after{width:200px;height:200px;left:20px;top:20px;}
.logo img{top:calc(50% - 45px);height:90px;}
.tabs ul.nav-tabs {bottom:30px;}
.tabs ul.nav-tabs li a{width:60px;line-height:60px;height:60px;}
.tabs ul.nav-tabs li a img {max-height:24px;top:calc(50% - 12px);}
}
@media (max-width: 520px) {
.logo-sonar{width:190px;height:190px;top:calc(50% - 95px);}
.logo{width:160px;height:160px;top:calc(50% - 80px);}
.logo:after{width:130px;height:130px;left:15px;top:15px;}
.logo img{top:calc(50% - 25px);height:50px;}
.spotlight {display:none}
.tabs ul.nav-tabs li a{background:rgba(0,0,0,.66);}
}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;outline:none}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border:1px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:0;background-color:#fff}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:50px;height:50px;margin:0 auto;background:url(../images/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container > .nav{left:0}
.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-top:5px;font-size:14px;color:#ddd}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:none}
.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.progress-wrap{position:fixed;right:0;left:0;bottom:5px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;z-index:10000;opacity:1;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear;margin:0 auto}
.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}
.progress-wrap::after{position:absolute;content:"»";text-align:center;line-height:20px;font-size:20px;color:#aaa;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 200ms linear;transition:all 200ms linear;box-shadow:none;border-radius:5px;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);color:#FF4001}
.progress-wrap svg path{fill:none;}
.progress-wrap svg{color:#FF4001;border-radius:50%;}
.progress-wrap svg.progress-circle path{stroke:#FF4001;stroke-width:7px;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}
.container{width:100%;padding:0 30px}
.section{position:relative;padding:0;background:#000}
.section .container,.section .container-fluid{z-index:36;position:relative}
.top-logo{position:fixed;top:10px;left:0;right:0;margin:0 auto;z-index:50;height:72px;line-height:72px;width:72px;border-radius:50%;background:rgba(0,0,0,.80);text-align:center}
.top-logo a img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(124deg) brightness(108%) contrast(111%);height:36px;}
.portfolio-list{list-style:none;margin:90px 0;display:block}
.portfolio-list li{width:25%;margin:0;float:left;padding:0;vertical-align:top;position:relative}
.portfolio-list:hover li .image-bg{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.66}
.portfolio-list:hover li .image-bg:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
a,.btn-sys,.tech li,.port,.port img,.form,.form .form-group,.form .form-group .form-control,.portfolio-list,.portfolio-list li,.portfolio-list li a,.portfolio-list li a img,.portfolio-list li a .port-top,.image-bg{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.macy-container {margin:90px 0;position:relative}
.image-shop-box{margin:0 0 15px;display:block;overflow:hidden;transition:all .3s ease-in-out;}
.image-shop-box img{transition:all .3s ease-in-out;}
.image-shop-box a {position:relative;}
.macy-container:hover .image-shop-box{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.50}
.macy-container:hover .image-shop-box:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
@media (max-width: 1680px) {
.portfolio-list li{width:25%}
.container{width:100%;}
}
@media (max-width: 1200px) {
.portfolio-list li{width:33.333333333%}

}
@media (max-width: 990px) {
.portfolio-list li{width:50%}
}
@media (max-width: 640px) {
.top-logo{top:0;border-radius: 0 0 50% 50%;line-height:60px}
}
@media (max-width: 520px) {
.macy-container:hover .image-shop-box {-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;}
}