html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
def,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'proxima_novaregular';
    font-size: 14px;
    overflow-x: hidden
}

p {
    font-size: 16px;
    margin-bottom: 30px;
    color: #222
}

h1,
h2 {
    font-family: 'proxima_novaextrabold';
    margin-bottom: 30px;
}

h1 {
    font-size: 56px;
    text-shadow: 5px 5px 10px #063383
}
.text-danger{color: #db201f}
.item p {
    font-size: 24px;
    margin-bottom: 30px;
}

.navbar {
    min-height: 75px;
    background-color: transparent;
    border-bottom: none
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #febe40;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #242424;
    font-size: 14px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #0b46ae;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #febe40;
    background-color: transparent;
}

.navbar-nav > li > a {
    padding: 30px 15px
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 1s ease-in-out;
    height: auto;
    background-color: #fff;

    text-align: center;
    line-height: 40px;
}

.header.active {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.slider {
    background-image: url("../images/slider-bg.jpg");
    height: 100%;
    margin: 0;
    padding: 120px 50px;
    background-attachment: fixed;
    background-position: center top
}

.carousel-control {
    display: none;
}

.carousel-indicators {
    position: absolute;
    bottom: -10%;
}

.text-yellow {
    color: #febe40
}

.text-white {
    color: #fff
}

.text-blue {
    color: #0b46ae
}

.light-bg {
    background: #efefef;
}

.yellow-bg {
    background: #febe40;
    background-image: url(../images/yellow-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top
}

.grey-bg {
    background-image: url(../images/gray-banner.jpg);
    background-position: center top;
    background-size: cover;
    background-attachment: fixed
}

.advantage {
    background-image: url(../images/advantage.jpg);
    background-position: center top;
    background-size: cover;
    background-attachment: fixed
}

.grey-bg1 {
    background-image: url(../images/gray-banner1.jpg);
    background-position: center top;
    background-size: cover;
    background-attachment: fixed
}

.services-sec{
    background-image: url(../images/services.jpg);
    background-position: center top;
    background-size: cover;
    background-attachment:fixed
}

.products-bg{
    background-image: url(../images/products.jpg);
    background-position: center top; 
}

.blue-bg {
    background: #0b46ae;
}

.light-blue-bg {
    background: #e6edf9;
}

.btn-warning {
    background-color: transparent;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 50px;
    padding: 10px 35px;
    font-size: 16px;
    border: solid 1px #fff;
    transition: 0.5s
}

.btn-warning:hover {
    background: #e9af3b;
    color: #000;
    border: solid 1px #e9af3b;
    transition: 0.5s
}

.btn-info {
    background: #0b46ae;
    margin-bottom: 20px;
    border-radius: 50px;
    padding: 10px 35px;
    font-size: 16px;
    color: #fff;
    border: solid 1px #0b46ae;
    transition: 0.5s
}

.btn-info:hover {
    background: #0b398a;
    color: #fff;
    border: solid 1px #0b46ae;
    transition: 0.5s
}

.slideer-padding {
    padding: 80px 0px;
}

.sec-pad {
    padding: 100px 0px;
}

.industries {
    background: #fff;
    padding: 20px 15px;
    text-align: center;
    border: solid 1px #dee5f2;
    min-height: 160px;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 0px 20px;
}

.industries i {
    font-size: 30px;
    margin-bottom: 15px;
}

.industries h4 {
    line-height: 24px;
    font-weight: bold
}

.industries:hover {
    border: solid 1px #c7d6f0;
    box-shadow: 2px 2px 8px #c7d6f0;
    border-radius: 20px 0px;
    background: #0b46ae;
    color: #fff !important
}

.selected .industries {
    border: solid 1px #c7d6f0;
    box-shadow: 2px 2px 8px #c7d6f0;
    border-radius: 20px 0px;
    background: #0b46ae;
    color: #fff
}

.selected h4,
.industries:hover h4 {
    color: #fff
}

.industriesdata {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

.data h4 {
    font-weight: bold;
    margin-bottom: 15px;
}

.data p {
    font-size: 14px;
    margin-bottom: 15px;
}

.serivce-text {
    line-height: 56px;
}

.service-icon {
    width: 60px;
    height: 60px;
    border: solid 1px #e1e1e1;
    text-align: center;
    margin-right: 15px;
    border-radius: 10px;
    padding: 15px;
    transition: 0.5s;
    background: #fff;
}

.service-icon:hover {
    border: solid 1px #0b46ae;
    background: #fff;
}

.service-icon i {
    color: #0b46ae;
    font-size: 26px;
    text-align: center;
    transition: 0.5s;
    background: -webkit-linear-gradient(#0b46ae, #e03c3b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.serviceslist li {
    list-style: none;
    margin: 0;
    padding: 0;}

.serviceslist li::before, .mainservices li::before {
    content: "»"; 
    font-size: 30px;
    color: #63b749;
    line-height: 24px;
    padding-right: 10px;
    margin-top: 6px;
}

.mainservices{margin-left: 20px;}
.mainservices li li::before{content: ""; margin: 0; padding: 0;}

.mainservices li{list-style:none; font-size: 16px; margin-bottom: 15px;}

.mainservices li ul{margin-left: 25px;}
.mainservices li li{list-style:disc; font-size: 14px; margin-bottom:5px;}


.iphone {
    position: absolute;
    z-index: 0
}

.download{background-image: url(../images/download.jpg); background-size: cover; background-attachment: fixed; background-position: bottom center}
.download h4{color: #fff; margin-bottom: 20px;}

.semifoot{
    background: #2e2e2e;
    padding: 25px 0px;
    color: #f1f1f1}

.semifoot h4{font-weight: 400; color: #fff; margin-bottom: 15px;}

.semifoot li{list-style: none}
.semifoot li a, .semifoot p a{color: #d6d6d6; text-decoration: none; transition: 0.5s}
.semifoot li a:hover{color: #fff; text-decoration: none}
.semifoot li::before {
    content: "•"; 
    font-size: 20px;
    color: #63b749;
    padding-right: 10px;
}

.semifoot p{color:#d6d6d6; float: left; font-size: 14px; margin: 0;}

.semifoot p i{color:#63b749;margin-right: 10px;}
.footer {
    background: #1e1e1e;
    padding: 15px 0px;
    color: #f1f1f1
}

.aboutbanner{background-image:url(../images/about-us.jpg);  padding: 130px 0px 70px; background-attachment: fixed; background-size: cover}
.termsbanner{background-image:url(../images/terms.jpg);  padding: 130px 0px 70px; background-attachment: fixed; background-size: cover}
.warantybanner{background-image:url(../images/waranty.jpg);  padding: 130px 0px 70px; background-attachment: fixed; background-size: cover}
.privacybanner{background-image:url(../images/privacy.jpg);  padding: 130px 0px 70px; background-attachment: fixed; background-size: cover}
.reportsbanner{background-image:url(../images/reports.jpg);  padding: 130px 0px 70px; background-attachment: fixed; background-size: cover}
.aboutbanner h2, .termsbanner h2, .privacybanner h2, .reportsbanner h2, .warantybanner h2{color: #fff; text-shadow: 3px 3px 10px #000; letter-spacing: 3px}





.pad50{padding: 50px 0px 0px 0px;}
.pad50 h3, .pad50 h4, .pad50 ul{margin-bottom: 20px;}
.pad50 ul{margin-left: 20px;}

.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb80 {
    margin-bottom: 80px;
}

.no-pad {
    padding: 0
}

.FR {
    float: right
}

.FL {
    float: left
}

a {
    color: #333;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #febe40;
    color: white;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 4px;
    transition: 0.5s;
}

#myBtn:hover {
    background-color: #0b46ae;
}
.object {
    animation: MoveUpDown 2s linear infinite;
    position: relative;
    width: 70%;
    left: 0;
    bottom: 0;
    z-index: 10;
}

@keyframes MoveUpDown {

    0%,
    100% {
        bottom: -20px;
    }

    50% {
        bottom: 0px;
    }
}

.rightanimation {
    animation: rightimage 2.5s linear infinite;
    position: absolute;
    width: 50%;
    right: 20px;
    bottom: 0;
    z-index: 0;
}

@keyframes rightimage {

    0%,
    100% {
        bottom: -20px;
    }

    50% {
        bottom: 0px;
    }
}

.leftanimation {
    animation: leftimage 2.5s linear infinite;
    position: absolute;
    width: 50%;
    left: 20px;
    bottom: 0;
    z-index: 0;
}

@keyframes leftimage {

    0%,
    100% {
        bottom: -20px;
    }

    50% {
        bottom: 0px;
    }
}



/* DIV Animation CSS */
.animation-element {
    opacity: 0;
    position: relative;
}

/*animation element sliding left*/

.animation-element.slide-left {
    opacity: 0;
    z-index: 99;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

/* DIV Animation CSS end */




@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/proxima_nova_extrabold.woff2') format('woff2'),
        url('../fonts/proxima_nova_extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular.woff2') format('woff2'),
        url('../fonts/proximanova-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@media (max-width: 768px) {
    .navbar-brand > img {
        display: block;
        width: 75%
    }

    .slideer-padding {
        padding: 0px 0px 20px 0px;
    }

    .sec-pad {
        padding: 80px 0px;
    }

    .navbar-nav > li > a {
        padding: 10px 15px;
        text-align: left
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #ff0000;
        margin-top: 15px;
        background: #fff
    }

    .navbar-toggle {
        margin-top: 20px;
    }

    .navbar-default .navbar-toggle:focus {
        background-color: forestgreen;
        border: solid 1px forestgreen;
        color: #fff
    }

    .navbar-default .navbar-toggle:hover {
        background-color: forestgreen;
    }

    .navbar-default .navbar-toggle {
        border-color: red;
    }

    .navbar-default .navbar-toggle:hover {
        border-color: transparent;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: red;
    }

    .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }

    .FR {
        float: none
    }

    .FL {
        float: none
    }

    .industries {
        background: #fff;
        padding: 20px;
        text-align: center;
        border: solid 1px #dee5f2;
        min-height: auto;
    }

    .col-xs-12{margin-bottom: 20px;}
}


/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #0b46ae;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #febe40;
}




.features h1,
.features h2,
.features h3,
.features h4,
.features h5,
.features h6 {
    margin: 0;
    padding: 10px 0px;
}


.blog-image, .blog-title, blog-content{margin-bottom: 15px;}
.blog-title{font-weight: 600}

.text-success {
    color: #28a745!important;
}
.product-item{background: #fff; padding: 10px; border-radius: 50%; border: solid 4px #a3d1d7; overflow: hidden; transition: 0.5s}
.product-item:hover{border: solid 4px #0b46ae; transition: 0.5s}
.product a:hover, .product.active a{text-decoration: none}
.product.active .product-item{border: solid 4px #0b46ae;}