@font-face {
    font-family: "Aleo-Bold";
    src: url("../fonts/Aleo-Bold.eot");
    src: url("../fonts/Aleo-Bold.eot#iefix") format("embedded-opentype"),
        url("../fonts/Aleo-Bold.woff") format("woff"),
        url("../fonts/Aleo-Bold.ttf") format("truetype"),
        url("../fonts/Aleo-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

*{-webkit-border-radius:0;border-radius: 0px;padding:0;margin:0;}
body{font-family: 'Raleway', sans-serif;font-weight:400;font-size:14px;height:100%;overflow-x:hidden;}
ul{padding:0;}
p{
    font-size: 16px;
}

h1{font-size:40px;}
h2{font-size:48px;}
h3{font-size:26px;}
h4{font-size:22px;}
h5{font-size:18px;}
button:focus{outline:0 !important;}
a,img{
    border: 0px;
}
li{list-style:none;}
a,ul,li{
    text-decoration: none;
}
a{
    outline: 0;
    transition:0.5s;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    color:#232323;
}
a,button{transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s; cursor: pointer;}
a:hover{text-decoration:none;outline: 0;}
a:focus,a:active,a:hover {
    outline: 0 !important;
    text-decoration:none;
}
input:focus{
    outline: none;
}
textarea:focus{
    outline: none;
}

.no-padding{padding:0;}
.default-btn{width:261px;height:72px;border:2px solid #fff;color:#393e4e;text-align:center;letter-spacing:0.70;font-size:21px;display:inline-block;border-radius:50px;line-height:72px;background:#fff;text-align:center;text-transform:uppercase;font-weight:500;}
.default-btn:hover{background:#7cb9fb;color:#fff;border:2px solid #7cb9fb;}
.blue-btn,nav.navbar.bootsnav ul.nav > li > a.cta{background:#7cb9fb;color:#fff;border:2px solid #7cb9fb;}
.blue-btn:hover,nav.navbar.bootsnav ul.nav > li > a.cta:focus,nav.navbar.bootsnav ul.nav > li > a.cta:hover{background:transparent;color:#7cb9fb;border:2px solid #7cb9fb;}
/*** header css start ***/
header{width:100%;float:left;}
nav.no-background{padding:25px 0;}
nav.navbar.bootsnav{z-index:999;}
.navbar-brand{display:inline-block;vertical-align:middle;height:auto;}
nav.navbar .navbar-brand span{display:block;font-size:18px;margin-top:5px;}
nav.navbar.bootsnav.navbar-transparent ul.nav > li > a{color:#5a5a5c;font-size:15px;font-weight:500;padding:27px 0px;}
nav.navbar.bootsnav ul.nav > li > a{padding:0;font-size:13px;text-transform:uppercase;}
nav.navbar.bootsnav ul.nav > li{padding:25px 11px 10px;}
.no-background ul.nav > li:last-child{padding-right:0;display:none;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.active > a{color:#7cb9fb;}
nav.navbar.bootsnav .navbar-toggle{background:none !important;color:#000;font-size:22px;margin-top:15px;}
.navbar-header i{color:#000;}
.no-background .logo-title{display:none;}
.navbar-brand > img.logo{display:none;}
.no-background .navbar-brand > img.logo{display:inline-block;}
.logo-title{display:inline-block;}
.no-background nav.navbar.bootsnav ul.nav > li a.cta{display:none;}
 nav.navbar.bootsnav ul.nav > li > a.cta{display:inline-block;font-weight:700;font-size:18px;height:43px;line-height:40px;width:158px;padding:0;margin: -10px 0 0 20px;color:#fff;margin-left:20px;}
 nav.navbar.bootsnav li.dropdown ul.dropdown-menu{border-top:5px solid #7cb9fb;}
 nav.navbar.bootsnav li.dropdown ul.dropdown-menu li:hover{background:#f1f1f1;}
 .logo-title > img{width:140px;}
 .no-background .logo-title > img{width:auto;}
 .navbar-brand{padding:10px 15px;}
 .no-background  .navbar-brand{padding:15px;}
/*** header css end ***/
/*** Slider css start ***/
.page{float: left;width: 100%;}
.slider{ float: left;width: 100%;overflow:hidden;height:100vh}
.slider-content{z-index:99999;height:100%;width:100%;display:table;position:relative;z-index:1;text-align: center;left:0;right:0;margin:0 auto; color:#fff;}
.slider-content h2{margin-top:0;text-transform:capitalize;color:#fff;font-weight:800;letter-spacing:0.50;margin-bottom:0px;}
.slider-content h2 span{color:#7cb9fb;}
.slider-content p{font-size:67px;color:#fff;font-weight:300;letter-spacing:0.50;width:100%;float:left;}
.slider-content a{margin-top:190px;}
.content-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;z-index:99;}
.overlay{position:absolute;top:0;bottom:0;left:0;width:100%;bottom:0;background:rgba(0,0,0,0.6);}
.inner-slider{display:table-cell;vertical-align:middle;height:100%;}
.slider .owl-carousel{position:absolute;}
/*** Slider css start ***/
.page{float: left;width: 100%;}
.slider{ float: left;width: 100%;overflow:hidden;}
.slider-content{z-index:99999;height:100%;width:100%;display:table;position:relative;z-index:1;height:100%;text-align: center;left:0;right:0;margin:0 auto; color:#fff;}
.slider-content h2{margin-top:0;text-transform:capitalize;color:#fff;font-weight:800;letter-spacing:0.50;margin-bottom:0px;}
.slider-content h2 span{color:#7cb9fb;}
.slider-content p{font-size:67px;color:#fff;font-weight:300;letter-spacing:0.50;width:100%;float:left;}
.slider-content a{margin-top:70px;}
.content-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;z-index:99;}
.overlay{position:absolute;top:0;bottom:0;left:0;width:100%;bottom:0;background:rgba(0,0,0,0.6);}
video{ position: absolute; 
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
/*  top:50%;left:50%;*/
  transform: translate(-50%, -50%);background-attachment:fixed;}
.inner-slider{display:table-cell;vertical-align:middle;height:100%;}
/*** Slider css End  ***/

/*** monitor css start  ***/
.monitor{width:100%;float:left;padding:70px 0 0;text-align:center;}
.monitor h2{color:#7cb9fb;font-size:41px;font-weight:600;}
.monitor h2 span{display:block;font-weight:300;color:#393e4e;margin-top:5px;}
.process{width:100%;float:left;background:#7cb9fb;margin:60px 0 0;padding:55px 0;}
.timeline .panel{background:transparent;box-shadow:none !important;}
.timeline .panel-body{padding:0;margin:0;}
.timeline .panel-body img{max-width:100%;}
.timeline {
  list-style: none;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  width:65%;
  margin:0 auto;
}
.timeline-time h3{font-weight:300;font-size:26px;color:#393e4e;letter-spacing:0.50;margin:0;}
.timeline-time h3 span{font-weight:800;color:#fff;}
  .timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(255,255,255,1);
    height: 100%;
    width: 2px;
    border-radius: 2px;
    display: block; }
  .timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 10; 
    margin:0 0 50px;
  }
    .timeline .timeline-row .timeline-time {
      position: absolute;
      right: 50%;
      top: 31px;
      text-align: right;
      margin-right: 40px;
      font-size: 16px;
      line-height: 1.3;
      font-weight: 600; }
      .timeline .timeline-row .timeline-time small {
        display: block;
        color: white;
        text-transform: uppercase;
        opacity: 0.75;
        font-size: 11px;
        font-weight: 400; }
  
    .timeline .timeline-row .timeline-content {
      margin-left: 40px;
      position: relative;
      color: #333333; }
      .timeline .timeline-row .timeline-content:after {
        content: "";
        position: absolute;
        top: 48px;
        left: -41px;
        height: 2px;
        width: 40px;
        background-color: rgba(255,255,255,1);
        z-index: -1; }
      .timeline .timeline-row .timeline-content .panel-body {
        padding:0px 25px 2px;
        position: relative;
        z-index: 10; }
      .timeline .timeline-row .timeline-content h2 {
        font-size: 22px;
        margin-bottom: 12px;
        margin-top: 0;
        line-height: 1.2; }
      .timeline .timeline-row .timeline-content p {
        margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content img {
        margin-bottom: 15px; }
        .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
          color: #999999; }
      .timeline .timeline-row .timeline-content .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        margin-bottom: 15px;
        overflow: hidden; }
        .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .timeline .timeline-row:nth-child(odd) {
      padding-left: 0;
      padding-right: 50%; }
      .timeline .timeline-row:nth-child(odd) .timeline-time {
        right: auto;
        left: 50%;
        text-align: left;
        margin-right: 0;
        margin-left: 40px; }
      .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 40px;
        margin-left: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-content:after {
          left: auto;
          right: -41px; }
  .timeline.animated .timeline-row .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s; }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px; }
  .timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0; }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0; }
 /*** monitor css End  ***/
 
 /*** mac css start  ***/
 .mac{width:100%;float:left;}
 .mockup__img{background-size:cover  !important;background-position:center center  !important; text-align:center;height:1200px;padding:70px 0;}
 .mac h2{color:#7cb9fb;font-size:41px;font-weight:500;margin-bottom:50px;}
.mac h2 span{display:block;font-weight:300;color:#fff;}
.mac .owl-stage-outer,.mac .owl-stage,.mac .owl-item{height:100%;}
.mac-content .owl-stage, .mac-content .owl-item{display:table;}
.mac-content .owl-item .item{display:table-cell;vertical-align:middle;line-height:1;}
.mac .owl-controls{position:absolute;top:35%;width:100%;text-align:left;}
.mac .owl-prev,.mac .owl-next{display:inline-block;color:#fff;}
.mac .owl-next{float:right;position:absolute;right:-150px;}
.mac .owl-prev i,.mac .owl-next i{font-size:100px;}
.mac .owl-prev i:hover,.mac .owl-next i:hover{color:#f7931f;}
.mac .owl-prev{left:-150px;position:absolute;}
.mac-content{position:absolute;bottom:35px;width:500px;max-width:500px;left:0;color:#fff;background:#7cb9fb;font-size:26px;padding:15px 20px;z-index:99;}
.mac-content a{color:#fff;}
.mac-content .owl-controls{display:none;}
 /*** mac css End  ***/
 
   /*** How Its Work css start  ***/
 .how-its-work{width:100%;float:left;padding:70px 0;background-size:cover  !important; text-align:center;min-height:760px;}
 .how-its-work h2{color:#fff;font-size:41px;font-weight:500;}
 .how-its-work .owl-theme .item{color:#fff;font-size:25px;font-weight:400;width:50%;margin:0 auto;}
 .owl-nav{margin:30px  0;}
 #owl-demo{margin:35px auto 80px;}
.how-its-work .owl-prev i,.how-its-work .owl-next i{margin:0 5px;}
 .how-its-work .owl-prev,.how-its-work .owl-next{display:inline-block;color:#fff;margin:0 10px;font-size:20px;text-transform:uppercase;font-weight:700;color:#7cb9fb;}
  .how-its-work .owl-prev:after{content: '|';margin-left:15px;}
.how-its-work .get-demo {margin-right: 10px;}
 /*** How Its Work css End  ***/

/*** News css start  ***/
.news{width:100%;float:left;padding:30px 0;text-align:center;}
.news h2{font-weight:300;font-size: 41px;}
.news a{color: #7cb9fb;font-weight:300;}
/*** News css End  ***/
 
 /*** Request a demo css start  ***/
 .request-a-demo{width:100%;float:left;padding:70px 0; background-size:cover;background-position:center center; text-align:center;}
 .request-a-demo h2{color:#7cb9fb;font-size:41px;font-weight:500;}
.request-a-demo h2 span{font-weight:300;color:#1b202a;}
.request-a-demo input[type="text"],.request-a-demo input[type="email"]{padding:10px 0;font-weight:300;box-shadow:none;margin-right:45px;width:296px;border:0;border-bottom:5px solid #7f7f7f;text-align:center;color:#d7d7d7;font-size:32px;}
.request-a-demo input[type="text"]:focus,.request-a-demo input[type="email"]:focus{border-bottom:5px solid #bddcfd;color:#000;}
.request-a-demo input[type="email"]{margin-right:0;}
.form-field .error input{border-bottom:5px solid #bb8787;color:#861a1e;}
.form-field{margin:60px 0;}
.fields{display:inline-block;min-height:100px;vertical-align:middle;}
.form-field span{color:#861a1e;font-size:13px;font-style: italic;margin-top: 5px;display:none;text-transform:uppercase;}
.success-message{display:none;}
.success-message p, .error-message p{font-weight:300;color:#1b202a;font-size:41px;width:70%;margin:0 auto;}
.error-message p{color:#861a1e;font-size: 18px;}
 /*** Request a demo css end  ***/

/***footer css start  ***/
footer{background:#1c212c;width:100%;float:left;padding:30px 0;font-weight:600;text-align:left;}
footer h3{margin:0 0 15px;}
footer ul li a,footer h3{font-size:15px;color:#7d7f85;}
.copyright{color:#7d7f85;font-size:14px;padding:30px 0 0;}
footer ul li a{margin-bottom:10px;display:block;}


 /*** footer css end  ***/


.form-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d7d7d7;
    opacity:1;
}
.form-field::-moz-placeholder { /* Firefox 19+ */
    color: #d7d7d7;
    opacity:1;
}
.form-field:-ms-input-placeholder { /* IE 10+ */
    color: #d7d7d7;
    opacity:1;
}
.form-field:-moz-placeholder { /* Firefox 18- */
    color: #d7d7d7;
    opacity:1;
}
/*****cms pagecss start*********/
.sub-page{width:100%;float:left;}
.sub-page header nav{padding: 25px 0;}
.sub-page header nav.navbar.bootsnav{border-color: #7cb9fb !important;border-width: 4px !important;}
.cms-page{width:100%;float:left;margin-top:150px;}
.information{width:100%;float:left;margin-top:35px;}
.information .content-info h4{font-size:22px;color:#7cb9fb;font-weight: 700;}
.information .content-info h5{font-weight: 700;text-transform: uppercase;font-size:18px;}
.information .content-info span{font-weight: 700;font-size:18px;}
.information .content-info p{font-size: 16px;padding: 10px 0px;}
.information .content-info .cms-image{width:100%;float:left;max-height:320px;overflow: hidden;}
.information .content-info .cms-image img{width:100%;}
.information .content-info .info-para{width:100%;float:left;margin-top:40px;}
.information .content-info .info-para h5{font-weight: 400;}
.information .content-info .info-list{width:100%;float:left;margin-bottom: 20px;}
.information .content-info .info-list h5{margin: 25px 0px;}

.information .content-info .info-list ul li{font-size: 14px;padding: 5px 0px;}

.information .content-info .info-list ul li::before{content:"\f04d";color:#7cb9fb;font-family: "FontAwesome";display: inline-block;width:5px;height: 5px;
    vertical-align: top;margin-right:15px;}
.cms-bottom{width:100%;float:left;background:#1c212c;margin-top: 20px;border-bottom: 4px solid #fff;}
.cms-bottom .bottom-info{padding: 20px 0px;}
.cms-bottom h4{font-size:22px;color:#7cb9fb;font-weight: 700;}
.cms-bottom h5{color:#fff;font-weight: 700;text-transform: uppercase;}
.cms-bottom span{font-weight: 700;font-size:18px;color:#fff;}
.cms-bottom p{color:#fff;padding-top: 20px;}

.cms-bottom .bottom-btn{width:100%;float:left;margin: 25px 0px;}
.cms-bottom .bottom-btn a{color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 43px;
    line-height: 40px;
    margin: 10px;
    padding: 0;
    width: 158px;
background: #7cb9fb none repeat scroll 0 0;
    border: 2px solid #7cb9fb;border-radius: 50px;
    text-align: center;}
.cms-bottom .bottom-btn a:hover{background: #fff;color:#1c212c;border: 2px solid #fff;}
/*****cms pagecss end*********/
.bg-holder {
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
}

.bg-holder .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
}


@media screen\0 {
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 


    ::i-block-chrome,.slide-image {
        height:577px;
    }

}