@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

body{font-family: 'Roboto';font-size:16px;line-height:1.6;overflow-x:hidden;color:#868F9B; font-weight: 400;letter-spacing: 0.1px;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto';font-weight:bold;margin-top:0;margin-bottom:20px;color:#10161A}
h1{font-size:54px}
h2{font-size:36px}
h3{font-size:21px}
h4{font-size:18px}
h5{font-size:16px}
a{color:#02c6fe;text-decoration:none;-webkit-transition:.2s opacity;transition:.2s opacity}
a:hover,a:focus{text-decoration:none;outline:none;opacity:.8;color:#fff}
.main-color{color:#02c6fe}
.white-text{color:#FFF}
::-moz-selection{background-color:#02c6fe;color:#FFF}
::selection{background-color:#02c6fe;color:#FFF}
ul,ol{margin:0;padding:0;list-style:none}
.section{position:relative}
.md-padding{padding-top:80px;padding-bottom:80px}
.sm-padding{padding-top:60px;padding-bottom:60px}
.breadcrums{background-position: center;background-size: cover;background-attachment: fixed;}
.breadcrums:before{content: ''; position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;background: #1C1D21;}

.breadcrums.sm-padding{padding-top:100px;padding-bottom:100px;background-size: cover;background-position: center right;}

.bg-grey{background-color:#FAFAFA;border-top:1px solid #EEE;border-bottom:1px solid #EEE}
.bg-dark{background-color:#1C1D21}
.bg-img{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:center;background-size:cover;background-attachment:fixed}
.bg-img .overlay{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;background:#1C1D21}
.section-header{position:relative;margin-bottom:60px}
.section-header .title{text-transform:capitalize}
.title:after{content:"";display:block;height:4px;width:40px;background-color:#02c6fe;margin-top:20px}
.text-center .title:after{margin:10px auto 0}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="url"],input[type="tel"],textarea{height:40px;width:100%;border:none;background:#F4F4F4;border:2px solid #ccc;color:#354052;padding:0 10px;opacity:.5;-webkit-transition:.2s border-color,.2s opacity;transition:.2s border-color,.2s opacity}
textarea{padding:10px;min-height:80px;resize:vertical}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="url"]:focus,input[type="tel"]:focus,textarea:focus{border-color:#02c6fe;opacity:1}
.main-btn,.white-btn,.outline-btn{display:inline-block;padding:5px 25px;margin:3px;border:2px solid transparent;border-radius:3px;-webkit-transition:.2s opacity;transition:.2s opacity; border-radius: 100px;}
.main-btn{background:#02c6fe;color:#FFF}
.main-btn:hover{background:#3b3b3b;color:#FFF}
.white-btn{background:#FFF;color:#10161A!important}
.outline-btn{background:transparent;color:#02c6fe!important;border-color:#02c6fe; transition: 0.2s ease-in-out;}
.outline-btn:hover{border-color:#3b3b3b; color: #3b3b3b !important;}
.main-btn:hover,.white-btn:hover,.outline-btn:hover{opacity:1}
.navbar-brand{padding:0}
.navbar-brand .logo,.navbar-brand .logo-alt{max-height:50px;display:block}
.fixed-nav .navbar-brand img{position: relative;top: 5px;}
#nav:not(.nav-transparent):not(.fixed-nav) .navbar-brand .logo-alt{display:none}
#nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo{display:block;position: relative;top: 5px;}
#nav.fixed-nav .navbar-brand .logo-alt{display:none}
@media only screen and (max-width: 767px) {
#nav.nav-transparent .navbar-brand .logo-alt{display:none!important}
#nav.nav-transparent .navbar-brand .logo{display:block!important}
}
#nav{padding:10px 0;background:#FFF;-webkit-transition:.2s padding;transition:.2s padding;z-index:999}
#nav.navbar{border:none;border-radius:0;margin-bottom:0}
#nav.fixed-nav{position:fixed;left:0;right:0;padding:0;background-color:#FFF!important;border-bottom:1px solid #EEE}
#nav.nav-transparent{background:rgba(255,255,255,1);}
@media only screen and (min-width: 768px) {
.main-nav li{padding:0 15px}
.main-nav li a{font-size:14px;-webkit-transition:.2s color;transition:.2s color}
.main-nav>li>a{color:#10161A;padding:15px 0}
.main-nav>li>a:hover,.main-nav>li>a:focus,.main-nav>li.active>a{background:transparent;color:#02c6fe}
.main-nav>li>a:after{content:"";display:block;background-color:#02c6fe;height:2px;width:0;-webkit-transition:.2s width;transition:.2s width}
.main-nav>li>a:hover:after,.main-nav>li.active>a:after{width:100%}
.has-dropdown{position:relative}
.has-dropdown>a:before{font-family:'FontAwesome';content:"\f054";font-size:6px;margin-left:6px;float:right;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.2s transform;transition:.2s transform}
.dropdown{position:absolute;right:-50%;top:0;background-color:#02c6fe;width:200px;-webkit-box-shadow:0 5px 5px -5px rgba(53,64,82,0.2);box-shadow:0 5px 5px -5px rgba(53,64,82,0.2);-webkit-transform:translateY(15px) translateX(50%);-ms-transform:translateY(15px) translateX(50%);transform:translateY(15px) translateX(50%);opacity:0;visibility:hidden;-webkit-transition:.2s all;transition:.2s all}
.main-nav>.has-dropdown>.dropdown{top:100%;right:50%}
.main-nav>.has-dropdown>.dropdown .dropdown.dropdown-left{right:150%}
.dropdown li a{display:block;color:#FFF;border-top:1px solid rgba(250,250,250,0.1);padding:10px 0}
.dropdown li:nth-child(1) a{border-top:none}
.has-dropdown:hover>.dropdown{opacity:1;visibility:visible;-webkit-transform:translateY(0px) translateX(50%);-ms-transform:translateY(0px) translateX(50%);transform:translateY(0px) translateX(50%)}
.has-dropdown:hover>a:before{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.nav-collapse{display:none}
}
@media only screen and (max-width: 767px) {
#nav{padding:0}
#nav.nav-transparent{background:#FFF}
.main-nav{position:fixed;right:0;height:calc(100vh - 80px);-webkit-box-shadow:0 80px 0 0 #1C1D21;box-shadow:0 80px 0 0 #1C1D21;max-width:250px;width:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);margin:0;overflow-y:auto;background:#1C1D21;-webkit-transition:.2s all;transition:.2s all}
#nav.open .main-nav{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);width:100%}
.main-nav li{border-top:1px solid rgba(250,250,250,0.1)}
.main-nav li a{display:block;color:#FFF;-webkit-transition:.2s all;transition:.2s all}
.main-nav>li.active{border-left:6px solid #02c6fe}
.main-nav li a:hover,.main-nav li a:focus{background-color:#02c6fe;color:#FFF;opacity:1}
.has-dropdown>a:after{content:"\f054";font-family:'FontAwesome';float:right;-webkit-transition:.2s -webkit-transform;transition:.2s -webkit-transform;transition:.2s transform;transition:.2s transform,.2s -webkit-transform}
.dropdown{opacity:0;visibility:hidden;height:0;background:rgba(250,250,250,0.1)}
.dropdown li a{padding:6px 10px}
.has-dropdown.open-drop>a:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.has-dropdown.open-drop>.dropdown{opacity:1;visibility:visible;height:auto;-webkit-transition:.2s all;transition:.2s all}
}
.nav-collapse{position:relative;float:right;width:40px;height:40px;margin-top:5px;margin-right:5px;cursor:pointer;z-index:99999}
.nav-collapse span{display:block;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:25px}
.nav-collapse span:before,.nav-collapse span:after{content:"";display:block}
.nav-collapse span,.nav-collapse span:before,.nav-collapse span:after{height:4px;background:#10161A;-webkit-transition:.2s all;transition:.2s all}
.nav-collapse span:before{-webkit-transform:translate(0%,10px);-ms-transform:translate(0%,10px);transform:translate(0%,10px)}
.nav-collapse span:after{-webkit-transform:translate(0%,-14px);-ms-transform:translate(0%,-14px);transform:translate(0%,-14px)}
#nav.open .nav-collapse span{background:transparent}
#nav.open .nav-collapse span:before{-webkit-transform:translateY(0px) rotate(-135deg);-ms-transform:translateY(0px) rotate(-135deg);transform:translateY(0px) rotate(-135deg)}
#nav.open .nav-collapse span:after{-webkit-transform:translateY(-4px) rotate(135deg);-ms-transform:translateY(-4px) rotate(135deg);transform:translateY(-4px) rotate(135deg)}
header{position:relative}
#home{height:100vh}
#home .home-wrapper{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center; height: 100%;}
.home-content h1{text-transform:uppercase}
.home-content button{margin-top:20px}
.breadcrums .container{position: relative; z-index: 2;}
.breadcrums.header-wrapper h2{display:inline-block;margin-bottom:0; color: #fff;font-weight: bold;font-size: 40px;}
.header-wrapper .breadcrumb{float:right;background:transparent;margin-bottom:0}
.header-wrapper .breadcrumb .breadcrumb-item.active{color:#868F9B}
.breadcrumb>li+li:before{color:#868F9B}
.work{position:relative;padding:20px}
.work>img{width:100%}
.work .overlay{background:#1C1D21;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:.2s opacity;transition:.2s opacity;-webkit-transition-delay:.2s;transition-delay:.2s}
.work:hover .overlay{-webkit-transition-delay:0;transition-delay:0;opacity:.8}
.work .work-content{position:absolute;left:25px;right:25px;top:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.work .work-content h3{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;color:#FFF;margin-bottom:10px;-webkit-transition:.2s all;transition:.2s all;-webkit-transition-delay:.1s;transition-delay:.1s}
.work:hover .work-content h3{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
.work .work-content span{display:block;text-transform:uppercase;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;color:#02c6fe;margin-bottom:5px;-webkit-transition:.2s all;transition:.2s all;-webkit-transition-delay:.2s;transition-delay:.2s}
.work:hover .work-content span{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0;transition-delay:0}
.work .work-link{text-align:center;margin-top:20px;opacity:0;-webkit-transition:.2s opacity;transition:.2s opacity}
.work .work-link a{display:inline-block;width:50px;height:50px;background-color:#02c6fe;color:#FFF;line-height:50px;text-align:center}
.work:hover .work-link{-webkit-transition-delay:.2s;transition-delay:.2s;opacity:1}
.service{position:relative;padding:40px 20px 40px 70px;margin:15px 0;border:1px solid #EEE; transition: 0.3s ease-in-out;}
.service:hover{border:1px solid #02c6fe;}
.service i{position:absolute;left:20px;text-align:center;font-size:32px;color:#02c6fe;border-radius:50%}
.service h3{-webkit-transition:.2s color;transition:.2s color; font-size: 16px;margin-bottom: 10px;}
.service p{min-height: 110px;}
.team{position:relative;background-color:#F4F4F4;padding:20px;margin:15px 0}
.team-img{position:relative;margin-bottom:15px;z-index:11}
.team-img>img{width:100%}
.team .overlay{background:#1C1D21;position:absolute;bottom:0;left:0;right:0;top:0;opacity:0;-webkit-transition:.2s opacity;transition:.2s opacity}
.team .team-content{text-align:center;position:relative;z-index:11}
.team .team-content h3{margin-bottom:10px;-webkit-transition:.2s color;transition:.2s color}
.team .team-content span{font-size:14px;text-transform:none;-webkit-transition:.2s color;transition:.2s color; color: #3b3b3b;}
.team .team-social{position:absolute;top:0;right:0;opacity:0;-webkit-transition:.2s opacity;transition:.2s opacity}
.team .team-social a{display:block;line-height:50px;width:50px;text-align:center;background-color:#02c6fe;color:#FFF}
.techservice{background-color:#FFF;margin:15px 0}
.techservice .techservice-content{padding:20px 20px 40px}
.techservice .techservice-meta{margin-bottom:20px}
.techservice .techservice-meta li{display:inline-block;font-size:14px;color:#10161A;margin-right:10px}
.techservice .techservice-meta li i{color:#02c6fe;margin-right:5px}
#main .techservice .techservice-content{padding:20px 0 0}
#main .techservice{margin-top:0}
.techservice-tags{margin:40px 0}
.techservice-tags h5{margin-bottom:0;display:inline-block}
.techservice-tags a{display:inline-block;padding:6px 13px;font-size:14px;margin:2px 0;background:#F4F4F4;color:#10161A}
.techservice-tags a:hover{color:#FFF;background-color:#02c6fe}
.techservice-tags a i{margin-right:3px;color:#02c6fe}
.techservice-tags a:hover i{color:#FFF}
.techservice-author{margin:40px 0}
.techservice-author .media .media-left{padding-right:20px}
.techservice-author .media{padding:20px;border:1px solid #EEE}
.techservice-author .media .media-heading{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #EEE}
.techservice-author .media .media-heading h3{display:inline-block;margin:0;text-transform:uppercase}
.techservice-author .media .media-heading .author-social{float:right}
.techservice-author .author-social a{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;margin-left:5px;color:#FFF;background-color:#02c6fe}
.techservice-comments{margin:40px 0}
.techservice-comments .media{padding:20px;background-color:#FFF;border-top:1px solid #EEE;border-bottom:0;border-right:1px solid #EEE;border-left:1px solid #EEE;margin-top:0}
.techservice-comments .media:first-child{border-bottom:0}
.techservice-comments .media:last-child{border-bottom:1px solid #EEE}
.techservice-comments .media .media-left{padding-right:20px}
.techservice-comments .media .media-body .media-heading{text-transform:uppercase;margin-bottom:10px}
.techservice-comments .media .media-body .media-heading .time{font-size:12px;margin-left:20px;font-weight:400;color:#868F9B}
.techservice-comments .media .media-body .media-heading .reply{float:right;margin:0;font-size:12px;text-transform:uppercase;font-weight:400}
.techservice-comments .media.author{background-color:#F4F4F4;border-color:#02c6fe;border-bottom:1px solid #02c6fe}
.techservice-comments .media.author>.media-body>.media-heading{color:#02c6fe}
.techservice-comments .media.author + .media{border-top:0}
.reply-form{margin:40px 0}
.reply-form form .input,.reply-form form .input,.reply-form form textarea{margin-bottom:20px}
.reply-form form .input,.reply-form form .input{width:calc(50% - 10px);display:inline-block}
.reply-form form .input:nth-child(2){margin-left:15px}
#aside .widget{margin-bottom:40px}
.widget h3{text-transform:uppercase}
#aside .widget-search{position:relative}
#aside .widget-search .search-input{padding-right:50px}
#aside .widget-search .search-btn{position:absolute;right:0;bottom:0;width:40px;height:40px;border:none;line-height:40px;background-color:transparent;color:#02c6fe}
.widget-category a{display:block;font-size:14px;color:#354052;border-bottom:1px solid #EEE;padding:5px}
.widget-category a:nth-child(1){border-top:1px solid #EEE}
.widget-category a span{float:right;color:#02c6fe}
.widget-category a:hover{color:#02c6fe}
.widget-tags a{display:inline-block;padding:6px 13px;font-size:14px;margin:2px 0;background:#F4F4F4;color:#10161A}
.widget-tags a:hover{color:#FFF;background-color:#02c6fe}
.widget-post{min-height:70px;margin-bottom:25px}
.widget-post img{display:block;float:left;margin-right:10px;margin-top:5px}
.widget-post a{display:block;color:#10161A}
.widget-post a:hover{color:#02c6fe}
.widget-post .techservice-meta{display:inline-block}
.widget-post .techservice-meta li{display:inline-block;margin-right:5px;color:#02c6fe;font-size:12px}
.widget-post li i{color:#02c6fe;margin-right:5px}
.contact{margin:15px 0;text-align:center}
.contact i{font-size:36px;color:#02c6fe;margin-bottom:20px}
.contact-form{text-align:center;margin-top:40px}
.contact-form .input{margin-bottom:20px}
.contact-form .input:nth-child(1),.contact-form .input:nth-child(2){width:calc(50% - 10px)}
.contact-form .input:nth-child(2){margin-left:15px}
#footer{position:relative; padding: 20px 0;}
.footer-logo{text-align:center;margin-bottom:40px}
.footer-logo>a>img{max-height:80px}
.footer-follow{text-align:center;margin-bottom:20px}
.footer-follow li{display:inline-block;margin-right:10px;margin-bottom:13px}
.footer-follow li a{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:3px;background-color:#02c6fe;color:#FFF}
.footer-copyright p{text-align:center;font-size:13px;text-transform:none;margin:0}
@media only screen and (max-width: 767px) {
.section-header h2.title{font-size:31.5px}
.main-btn,.default-btn,.outline-btn,.white-btn{padding:8px 22px;font-size:14px}
.home-content h1{font-size:36px}
.header-wrapper h2{margin-bottom:20px;text-align:center;display:block}
.header-wrapper .breadcrumb{float:none;text-align:center}
}
@media only screen and (max-width: 480px) {
#portfolio [class*='col-xs']{width:100%}
#numbers [class*='col-xs']{width:100%}
.contact-form .input:nth-child(1),.contact-form .input:nth-child(2){width:100%}
.contact-form .input:nth-child(2){margin-left:0}
.reply-form form .input,.reply-form form .input{width:100%}
.reply-form form .input:nth-child(2){margin-left:0}
.techservice-author .media .media-left{display:block;padding-right:0;margin-bottom:20px}
.techservice-author .media{text-align:center}
.techservice-author .media .media-heading .author-social{margin-top:10px;float:none}
.techservice-author .media .media-left img{margin:auto}
.techservice-comments .media .media{margin:0 -15px}
}
.owl-theme .owl-dots .owl-dot span{border:none;background:#EEE;-webkit-transition:.2s all;transition:.2s all}
.owl-theme .owl-dots .owl-dot:hover span{background:#02c6fe}
.owl-theme .owl-dots .owl-dot.active span{background:#02c6fe;width:20px}
.owl-theme .owl-nav{opacity:0;-webkit-transition:.2s opacity;transition:.2s opacity}
.owl-theme:hover .owl-nav{opacity:1}
.owl-theme .owl-nav [class*='owl-']{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#02c6fe;color:#FFF;padding:0;width:50px;height:50px;border-radius:0;line-height:50px;margin:0}
.owl-theme .owl-prev{left:0}
.owl-theme .owl-next{right:0}
.owl-theme .owl-nav [class*='owl-']:hover{opacity:.8;background:#02c6fe}
#back-to-top{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;text-align:center;background:#02c6fe;border-radius:3px;color:#FFF;z-index:9999;-webkit-transition:.2s opacity;transition:.2s opacity;cursor:pointer}
#back-to-top:after{content:"\f106";font-family:'FontAwesome'}
#back-to-top:hover{opacity:.8}
#preloader{position:fixed;left:0;top:0;bottom:0;right:0;background-color:#FFF;z-index:99999}
.preloader{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.preloader span{display:inline-block;background-color:#02c6fe;width:25px;height:25px;-webkit-animation:1s preload ease-in-out infinite;animation:preload 1s ease-in-out infinite;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);border-radius:50%}
.preloader span:nth-child(1){-webkit-animation-delay:0;animation-delay:0}
.preloader span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.preloader span:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}
.preloader span:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes preload {
0%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes preload {
0%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0);transform:scale(0)}
}
.callback{margin-top: 70px; padding: 120px 0;}
.section-paregraph p{margin-bottom: 50px;}
.ulli-list-block{float: left; width: 100%; margin: 10px 0; padding: 0; position: relative;}
.ulli-list-block li{margin: 0 0 5px 0;}
.ulli-list-block li i{color: #aaa; font-size: 10px; position: relative; top: -2px; margin-right: 5px;}
.techservice-img .img-responsive {width: 100%;}

#techconnect .callback{margin-top: 0; margin-bottom: 80px;}
.owl-carousel.owl-loaded {
	display: block;
	height: 100%;
}
.slide-content {background-size: cover;background-repeat: no-repeat;height: 100%; background-position: center center;}
#home-slider .owl-stage-outer, #home-slider .owl-stage, #home-slider .owl-item{height: 100%;}
.home-content {position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
#home-slider.owl-theme .owl-dots{position: relative;top: -60px;}
.home-content h1{font-size: 60px; font-weight: 100; margin-bottom: 0;}
.home-content h2{font-size: 80px; font-weight: 900; text-transform: uppercase; margin-bottom: 0;color: #02c6fe;}
.home-content h3{font-size: 30px; font-weight: 400;}

@media (max-width:991px){
    #nav{padding: 5px 0;}
    #nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo{top: 8px;width: 180px;}
    .fixed-nav .navbar-brand img{top: 12px;width: 150px;}
    .home-content h1{font-size: 40px;}
    .home-content h2{font-size: 55px;}
    .home-content h3{font-size: 24px;}
    .md-padding {padding-top: 40px;padding-bottom: 40px;}
    .section-header {margin-bottom: 30px;}
    body{font-size: 14px;}
    .service{padding: 20px 20px 20px 50px;}
    .service i{left: 18px;font-size: 25px;}
    .service p {min-height: 100px;}
    .callback{padding: 80px 0;}
    .number h1 {font-size: 36px; margin-bottom: 0;}
    h2{font-size: 30px;}
    .team{padding: 10px;}
    .breadcrums.sm-padding{padding-top: 50px;padding-bottom: 50px;}
    .breadcrums.header-wrapper h2{font-size: 28px;}
}

@media (max-width:767px){
    #nav{padding: 0;}
    #nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo {top: 11px;width: 150px;left: 5px;}
    .fixed-nav .navbar-brand img{left: 5px;}
    .home-content h1{font-size: 24px; margin-bottom: 5px;}
    .home-content h2{font-size: 35px; margin-bottom: 5px;}
    .home-content h3{font-size: 20px;}
    #home-slider .owl-nav{display: none;}
    .section-header h2.title{font-size: 22px;}
    .section-paregraph {padding: 0 15px;}
    .service p {min-height: inherit;}
    .service i{top: 18px; left: 15px;}
    .main-btn, .default-btn, .outline-btn, .white-btn {padding: 5px 18px;font-size: 13px;}
    .number h1 {font-size: 24px;margin-bottom: 0;line-height: 30px;}
    .callback {padding: 60px 0;}
    .team{padding: 5px;}
    .team-img{margin-bottom: 5px;}
    .team .team-content span{font-size: 12px;font-weight: 400;}
    .contact i{font-size: 30px;margin-bottom: 10px}
    h3{font-size: 16px;margin-bottom: 5px; line-height: 22px;}
    .breadcrums.sm-padding {padding-top: 30px;padding-bottom: 30px;}
    .breadcrums.header-wrapper h2{text-align: center; width: 100%; font-size: 22px;}
}