body{margin:0px; padding-right:0!important; overflow-x:hidden;} 
*{margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}
img{border:0;}
.btn-primary.focus, .btn-primary:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.img-thumbnail{background:none; border:none; padding:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.thumbnail img{margin:auto; display:block; padding:0; border:none; max-width:100%;}
textarea.form-control{resize: vertical;}
h2{font-family: 'Montserrat', sans-serif; font-size:46px; color:#000; line-height:46px;}
h2.pb-35{padding-bottom:35px;}
.font-36{font-size:36px;}
.font-40{font-size:40px;}
h2.line{font-size:34px;}
h2.line:after{content:""; display:block; width:140px; height:2px; background:#F00; margin:auto;}
p{font-family: 'Montserrat', sans-serif; font-size:20px; color:#000; margin:0; padding:0;}
.padding-space-tb{padding-top:90px; padding-bottom:90px;}
a.orange-btn-c{font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; color:#FFF; text-transform:uppercase; background:#ff6000; border:none; padding:13px 60px; word-wrap: break-word; white-space: normal;}
a.orange-btn-c:hover{background:#ff6000; border:none;}


.clear {clear:both;}


.container{width:100%; max-width:1170px; padding:0;}

header .bg-faded{ background:#FFF; padding:0; width:100%;}
header a.navbar-brand span{font-size:14px; font-weight:400; font-style:italic; color:#777; margin: 0 0 0 -70px; display: inline-block; top: 15px; position: relative;}
header nav ul.navbar-nav li{margin:0 10px;}
header nav ul.navbar-nav li a.nav-link{font-size:16px; font-weight:500; color:#000; padding:11px 16px!important; border-bottom:2px solid #FFF;}
/*header nav ul.navbar-nav li a.nav-link:hover{ border-bottom:2px solid #094a9c;}*/
header .navbar-light .navbar-nav .nav-link{color:#000;}
header nav li a.nav-link.btn-primary.btn{color:#FFF; text-transform:uppercase; background:#094a9c; border:none; border-radius:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
header nav li a.nav-link.btn-primary.btn:hover{color:#FFF;}

.home-banner-bg h1{font-family: 'Roboto', sans-serif; font-size:55px; font-weight:500; color:#FFF; text-align:center; padding:180px 0 140px; margin-bottom: 0;}
.home-banner-bg h1 small{font-size:48px; font-weight:500; display:block; padding-top:10px;}

.scroll-txt{width:100%; float:left; position:absolute; left:0; right:0; text-align:center;  bottom:-18px; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; color:#FFF; letter-spacing:4px; text-transform:uppercase; transform:translateY(-5px); animation:bounce .5s infinite alternate; -webkit-animation:bounce .5s infinite alternate;}

@keyframes bounce {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}


.top-banner {width:100%; background:url(../images/top-img.jpg) center no-repeat; margin-bottom:-10px;}
.top-banner h1 {font-size:36px; color:#094a9c; padding:150px 0 40px 0;}

.top-part-one {width:100%; margin:80px 0;}
.top-part-one p {color:#000; font-size:22px; line-height:32px; margin:0px;}
.top-part-one h2 {color:#003399; text-align:center; font-size:24px; margin:20px 0 0 0px;}

.standard {width:100%; background:#eaeaea; padding:70px 0;}
.standard h3 {color:#094a9c; font-size:44px; font-weight:600; margin-bottom:30px; font-family: 'Montserrat', sans-serif;}
.standard p {font-size:22px;}
.standard img {text-align:right; float:right;}

.standard-info {margin:80px 0px 50px 0;}
.standard-info p {font-size:20px; color:#000; margin:0 0 30px 0; text-align:center;}
.standard-info img {background:#FFFFFF; margin:0px 0 30px 0; border:#cacaca solid 1px; padding:0px!important; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; max-width:100%}


.advanced {background:#299eff; width:100%; padding:120px 0 50px 0;}
.advanced h2 {background:#FFF; font-size:40px; font-weight:600; display:inline-table; color:#094a9c; padding:10px 15px; border-radius:4px; width:auto;}
.advanced-info {margin:50px 0;}
.advanced-info p {font-size:20px; color:#000; margin:0 0 30px 0; text-align:center;}
.advanced-info img {background:#FFFFFF; margin:0px 0 30px 0; border:#cacaca solid 1px; padding:0px!important; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; max-width:100%}



.botton-part {width:100%; background:#eaeaea; padding:80px 0; text-align:center;}
.botton-part .left {text-align:left;}
.botton-part a {background:#ff6000; color:#FFFFFF; font-size:24px; text-align:center; border:none; padding:15px 30px;}

.botton-part .right {text-align:right;}
.botton-part .right a {background:#ff6000; color:#FFFFFF; font-size:24px; text-align:center; border:none; padding:10px 25px;}


.four-box-bg-blue{background:url(../images/four-box-bg-blue.jpg) no-repeat center top; background-position:0px -40px; background-size:cover; padding:90px 15px 40px 15px; overflow:hidden; margin-bottom:-40px;}  
.four-box-bg-blue .container{padding-bottom:90px; margin-bottom:40px;}
.four-box-bg-blue h2{color:#FFF; font-family: 'Roboto', sans-serif; font-size:50px; font-weight:700; text-align:center;}  
.four-box-bg-blue h2:after{content:""; display:block; height:5px; background:#FFF; max-width:255px; width:100%; margin:30px auto;}  

.four-box-bg-blue .box-bg-txt{font-family: 'Roboto', sans-serif; font-size:40px; font-weight:600; color:#FFF; text-align:center; background:#ff6000; min-height:238px; display:flex; align-items: center; margin-top:30px; border:5px solid #ff6000; padding:40px; -webkit-box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000; min-height:238px;}
.four-box-bg-blue .box-bg-txt:hover{border:5px solid #FFF;}
.four-box-bg-blue .orange-bg{background:#ff6000;}
.four-box-bg-blue .sky-bg{background:#6bcdcc; border:5px solid #6bcdcc;}
.four-box-bg-blue .blue-bg{background:#1f3881; border:5px solid #1f3881;}
.four-box-bg-blue .red-bg{background:#e71d21; border:5px solid #e71d21;}
.four-box-bg-blue .btn-primary.btn{font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; color:#FFF; text-transform:uppercase; background:#ff6000; border:none; padding:13px 60px;}
.four-box-bg-blue2:before, .four-box-bg-blue2:after {content:''; position: absolute; bottom:100%; width:50%; padding-bottom:inherit;  bottom:40px;  background:#FFF; left: 0;}
.four-box-bg-blue2:before {right:50%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(60deg); -webkit-transform: skewX(60deg);  transform: skewX(60deg);}
.four-box-bg-blue2:after {left: 50%; -ms-transform-origin: 0 100%;  -webkit-transform-origin: 0 100%; transform-origin: 0 100%;
  -ms-transform: skewX(-60deg); -webkit-transform: skewX(-60deg); transform: skewX(-60deg);}  



.four-box-bg-blue2{background:url(../images/four-box-bg-blue.jpg) no-repeat center top; background-position:0px -40px; background-size:cover; padding:90px 15px 40px 15px; overflow:hidden; margin-bottom:-40px;}  
.four-box-bg-blue2 .container{padding-bottom:90px; margin-bottom:40px;}
.four-box-bg-blue2 h2{color:#FFF; font-family: 'Roboto', sans-serif; font-size:50px; font-weight:700; text-align:center;}  
.four-box-bg-blue2 h2:after{content:""; display:block; height:5px; background:#FFF; max-width:255px; width:100%; margin:30px auto;}  

.four-box-bg-blue2 .box-bg-txt{font-family: 'Roboto', sans-serif; font-size:40px; font-weight:600; color:#FFF; text-align:center; background:#ff6000; min-height:238px; display:flex; align-items: center; margin-top:30px; border:5px solid #ff6000; padding:40px; -webkit-box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000;}
.four-box-bg-blue2 .box-bg-txt:hover{border:5px solid #FFF;}
.four-box-bg-blue2 .orange-bg{background:#ff6767;  border:5px solid #de2727;}
.four-box-bg-blue2 .sky-bg{background:#79c267; border:5px solid #498b38;}
.four-box-bg-blue2 .blue-bg{background:#e868a2; border:5px solid #ae2c67;}
.four-box-bg-blue2 .red-bg{background:#6bcdcc; border:5px solid #288c8b; padding:20px!important; line-height:55px;}
.four-box-bg-blue2 .btn-primary.btn{font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; color:#FFF; text-transform:uppercase; background:#ff6000; border:none; padding:13px 60px;}



  
.img-txt-area-blue{background:#edf6fb; padding:40px 15px 80px 15px;} 
.img-txt-area-blue .row{align-items: center;}
.img-txt-area-blue .txt-info p{font-size:42px; font-weight:600; color:#000; line-height:50px;}

.white-bg-slider-back{background:#FFF;}
.white-bg-slider-back .row{display:block;}
.white-bg-slider-back .col-xs-12{float:left;}


.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}

.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-loading .slick-list{background:url(../images/ajax-loader.gif) center center no-repeat;}
.slick-list.dragging{cursor:pointer; cursor:hand;}

.slick-slider .slick-track{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; left:0; top:0; display:block;}
.slick-loading .slick-track{visibility:hidden;}

.slick-slide{display:block; height:auto; border:0px solid #000; margin:0; float:left; background:#fff !important;}

.slick-prev, .slick-next{position:absolute; display:block; height:20px; width:20px; line-height:0; font-size:0; cursor:pointer; background:transparent; color:transparent; top:50%; margin-top:-10px; padding:0; border:none; outline:none; background:#000;}
.slick-prev{left:-20px;}
.slick-next{float:right; right:-20px;}

.slick-dots{width:100%; float:left; text-align:center; margin:0}
.slick-dots li{display:inline-block; margin:0 5px; padding:0; cursor:pointer; }
.slick-dots li button{border:0; background:#1f3881; display:block; height:15px; width:15px; outline:none; cursor:pointer; color:#FFF;font-size: 0;}
.slick-dots li.slick-active button{background:#ff6000;}

.white-bg-slider-back .inner-img-slider{margin-top:18px; -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.18); -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.18); box-shadow:0 0 15px rgba(0, 0, 0, 0.18); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:5px;}
.white-bg-slider-back .inner-img-slider .slick-dots{margin:20px 0;}
.white-bg-slider-back .inner-img-slider .slick-dots li button{height:12px; width:12px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.white-bg-slider-back p{font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:300; color:#484848; padding-top:20px; line-height:28px;}
  
  
.click-to-discover-bg{background:url(../images/landing-page-click-d-bg.jpg) no-repeat center top; padding-bottom: 160px!important; background-size:cover;}
.click-to-discover-bg h2{font-family: 'Montserrat', sans-serif; font-size:50px; font-weight:400; color:#FFF;}


.animate-sec {width:100%; margin:80px auto;}
.animate-sec p {font-size:24px; text-align:left; color:#000;}
.animate-sec .btn-primary.btn{font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; color:#FFF; text-transform:uppercase; background:#ff6000; border:none; padding:13px 60px; margin-top:40px;}


.hexagon {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #dc1f26;
  margin: 57.74px 0;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-right:-5px;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon2 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #6bcdcc;
  margin: 57.74px 0;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:-5px;
}

.hexagon2:before,
.hexagon2:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon2:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon2:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon3 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #fae45a;
  margin: 57.74px 0;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:-10px;
}

.hexagon3:before,
.hexagon3:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon3:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon3:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon4 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #ef7125;
  margin: 57.74px 0;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:-15px;
}

.hexagon4:before,
.hexagon4:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon4:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon4:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon5 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #90dc9e;
  margin: 57.74px 0;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:-20px;
}

.hexagon5:before,
.hexagon5:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon5:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon5:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon6 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #238f18;
  margin: 57.74px 0;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:-25px;
}

.hexagon6:before,
.hexagon6:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon6:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon6:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon7 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #ff6767;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:98px;
  margin-top:-4px;
  
}

.hexagon7:before,
.hexagon7:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon7:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon7:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon8 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #f28c33;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:93px;
  margin-top:-4px;
  
}

.hexagon8:before,
.hexagon8:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon8:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon8:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon9 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #e868a2;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:88px;
  margin-top:-4px;
  
}

.hexagon9:before,
.hexagon9:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon9:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon9:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon10 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #79c267;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:83px;
  margin-top:-4px;
  
}

.hexagon10:before,
.hexagon10:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon10:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon10:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon11 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #c5d647;
  border-left: solid 5px #FFF;
  border-right: solid 5px #FFF;
  margin-left:77px;
  margin-top:-4px;
  
  
}

.hexagon11:before,
.hexagon11:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon11:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #FFF;
  border-right: solid 7px #FFF;
}

.hexagon11:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #FFF;
  border-left: solid 7px #FFF;
}


.hexagon12 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #ff6767;
  border-left: solid 5px #770000;
  border-right: solid 5px #770000;
  margin-left:73px;
  margin-top:-4px;
  
  
}

.hexagon12:before,
.hexagon12:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon12:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #770000;
  border-right: solid 7px #770000;
}

.hexagon12:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #770000;
  border-left: solid 7px #770000;
}


.hexagon13 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #6bcdcc;
  border-left: solid 5px #770000;
  border-right: solid 5px #770000;
  margin-left:72px;
  margin-top:-4px;
  
  
}

.hexagon13:before,
.hexagon13:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon13:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #770000;
  border-right: solid 7px #770000;
}

.hexagon13:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #770000;
  border-left: solid 7px #770000;
}


.hexagon14 {
  position: relative;
  width: 200px; 
  height: 100px;
  background-color: #fae45a;
  border-left: solid 5px #770000;
  border-right: solid 5px #770000;
  margin-left:72px;
  margin-top:-4px;
  
  
}

.hexagon14:before,
.hexagon14:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2893px;
}

.hexagon14:before {
  top: -70px;
  left:24px;
  border-top: solid 7px #770000;
  border-right: solid 7px #770000;
}

.hexagon14:after {
  bottom: -70px;
  left:24px;
  border-bottom: solid 7px #770000;
  border-left: solid 7px #770000;
}


.text {z-index:999; position:relative; margin:auto; height:100px; width:200px; vertical-align:middle; color:#000; font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; text-align:center; display: table-cell; vertical-align: middle; padding: 0 9px;}
.text a {color:#000;}
  
.hex-margin {margin-top:70px;}  
  
.modal-dialog {max-width:960px;}  
.modal-title {font-size:24px; color:#09C; font-family: 'Montserrat', sans-serif; font-weight:600;}
.modal-body p {font-size:16px;}
/*.modal-dialog a {background:#F90; color:#FFF; font-size:16px; padding:10px 15px; margin:10px 0; display:table; text-align:center; border-radius:5px;  -webkit-border-radius:5px; -moz-border-radius:5px;}
*/
.modal-dialog .mb {margin-top:20px;} 



/* Live video POPUP */
.live_popup { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-color: #ffffff; }
.live_close { font-size: 30px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin-right: 30px; }

/* Request demo POPUP */
.req_demo_popup { position:fixed; left:0; top:0; display:none; z-index:9999; padding:15px 20px; background-color:#0b4e9a; border:7px solid #e1e1e1; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; khtml-border-radius:15px; width: 450px; height: auto;}

.req_demo_popup .req_demo_close { font-size: 20px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin: 0; }
.req_demo_popup .req_demo_content { padding: 10px; color:#FFFFFF;}
.req_demo_popup .req_demo_content input { margin-bottom: 10px; width: 100%; height: 40px; border:none; padding: 3px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.req_demo_popup .req_demo_content .button {font-size:20px!important; width:100%; display:block; padding: 10px 20px; text-align: center; margin: 12px 5px 0 0; color: #ffffff; background: #ed7d31; cursor: pointer; font-size: 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}




#imgLoader, #imgLoaderCon, #imgLoaderReq, #imgLoader1, #imgLoader2, #imgLoader22 {
    display: none;}






 
.order-online-btn {background:#ff6000; font-size:34px; color:#FFF; font-weight:800; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:130px; line-height:60px; display:inline-block; -webkit-box-shadow: 0px 5px 0px 0px rgba(197,74,0,1); -moz-box-shadow: 0px 5px 0px 0px rgba(197,74,0,1); box-shadow: 0px 5px 0px 0px rgba(197,74,0,1); position:relative; padding:0px 105px 4px 30px;}
.order-online-btn .fa-angle-double-right{position: absolute; right: 0; top: 0; height: 100%; line-height: 65px; background: #c54a00; padding: 0 20px; -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;}
.order-online-btn:hover{color:#FFF;}


.more-choice {background:#FFF; text-align:center;}
.more-choice .top-margin {margin:120px 0 60px 0;}  
.thumb {float:left; width:auto;}
.p {float:right; width:52%;} 



.white-bg-txt-btn{background:#FFF;} 
.white-bg-txt-btn h2{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; padding:0 0 5px 0;}
.white-bg-txt-btn a.btn{font-family: 'Montserrat', sans-serif; font-weight:600; font-size:34px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.21); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.21);}
.white-bg-txt-btn p{font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; color:#000; padding:15px 0 0 0;}

.grey-bg-txt-info{background:#f2f2f2;}
.grey-bg-txt-info h2{font-family: 'Roboto', sans-serif; font-size:45px; font-weight:700; color:#094a9c;}
.grey-bg-txt-info h2:after{content:""; display:block; height:7px; background:#000; max-width:200px; width:100%; margin:30px auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}  
.grey-bg-txt-info p{font-size:18px; font-weight:400; min-height: 200px;}
.grey-bg-txt-info a.btn{background:#ed7d31; font-size:24px; font-weight:700; padding:13px 40px; text-shadow:0 5px 10px rgba(0, 0, 0, 0.26);}

.landing-page-all-grey-logo{background:#FFF;}
 
 
 
 
.order-banner-bg{background:url(../images/order-bg.jpg) center no-repeat; width:100%;}
.order-banner-bg h1{font-family: 'Montserrat', sans-serif; font-weight:600; font-size:55px; font-weight:500; color:#FFF; text-align:center; padding:100px 0 140px; margin-bottom: 0;}
.order-banner-bg h1 small{font-size:48px; font-weight:500; display:block; padding-top:10px;}



.howitworks-banner-bg{background:url(../images/how-it-work-banner-bg.jpg) center top no-repeat; width:100%;}
.howitworks-banner-bg h1{font-family: 'Montserrat', sans-serif; font-weight:600; font-size:40px; font-weight:500; color:#FFF; text-align:center; padding:90px 0 160px 0; margin-bottom: 0;}


.how-it-works-text {width:100%;}
.how-it-works-text ul li {list-style-type:circle; padding:0 0 0 20px; font-size:24px; color:#000; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:40px;}


.how-it-works-grey-text {background:#f1f1f1; width:100%; margin:70px 0 0 0; padding:5px 0 30px 0;}
.how-it-works-grey-text a {background:#fd7320; color:#FFF; font-size:26px; margin:0px; padding:14px 50px; border-radius:4px; font-family: 'Montserrat', sans-serif; font-weight:600; -webkit-border-radius:4px; -moz-border-radius:4px;}
.how-it-works-grey-text h2 {font-size:30px; color:#000; margin:20px 0 0 0;}
 
 
.contact-bg {background:#FFF; border:#ececec solid 1px; margin:70px 0; padding:40px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(179,179,179,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(179,179,179,1);
box-shadow: 0px 0px 5px 0px rgba(179,179,179,1);}

.contact-bg input[type="text"] {display:block; width:350px; padding:15px 15px; font-family: 'Montserrat', sans-serif; margin-bottom:30px; background-color:#FFF; border:#dbdbdb solid 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

.contact-bg input[type="button"] {display: block; background:#fd7320; font-size:26px; color:#FFF; font-family: 'Montserrat', sans-serif; font-weight:600; border:none; text-transform:uppercase; cursor:pointer; padding:8px 124px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
 
 
 .video-banner-bg{background:url(../images/video-page-bg.jpg) center no-repeat; width:100%; height:405px;}
.order-online-btn2 {background:#ff6000; font-size:34px; color:#FFF; font-weight:800; font-family: 'Montserrat', sans-serif; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:90px; line-height:60px; display:inline-block; -webkit-box-shadow: 0px 5px 0px 0px rgba(197,74,0,1); -moz-box-shadow: 0px 5px 0px 0px rgba(197,74,0,1); box-shadow: 0px 5px 0px 0px rgba(197,74,0,1); position:relative; padding:0px 105px 4px 30px;}
.order-online-btn2 .fa-angle-double-right{position: absolute; right: 0; top: 0; height: 100%; line-height: 95px; background: #c54a00; padding: 0 20px; -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;}
.order-online-btn2:hover{color:#FFF;}
.order-online-btn2 span {font-size: 22px; margin: 0px; padding: 0px 0 14px 0; display: block; line-height: 17px; font-weight:normal;}


.order-online-btn3 {background:#1a347e; font-size:34px; color:#FFF; font-weight:800; font-family: 'Montserrat', sans-serif; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:30px; line-height:60px; display:inline-block; -webkit-box-shadow: 0px 5px 0px 0px rgba(0,20,76,1); -moz-box-shadow: 0px 5px 0px 0px rgba(0,20,76,1); box-shadow: 0px 5px 0px 0px rgba(0,20,76,1); position:relative; padding:0px 105px 4px 30px;}
.order-online-btn3 .fa-angle-double-right{position: absolute; right: 0; top: 0; height: 100%; line-height: 95px; background: #00144c; padding: 0 20px; -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;}
.order-online-btn3:hover{color:#FFF;}
.order-online-btn3 span {font-size: 22px; margin: 0px; padding: 0px 0 14px 0; display: block; line-height: 17px; font-weight:normal;}






.led-txt-slider .slick-slide img{}
.led-txt-slider.slick-slider{max-width:900px; margin:auto; display: grid; align-items: center;}

.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}

.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-loading .slick-list{background:url(../images/ajax-loader.gif) center center no-repeat;}
.slick-list.dragging{cursor:pointer; cursor:hand;}

.slick-slider .slick-track{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; left:0; top:0; display:block;}
.slick-loading .slick-track{visibility:hidden;}

.slick-slide{display:block; height:auto; border:0px solid #000; margin:0; float:left; background:rgba(255, 255, 255, 0) !important;}

.slick-prev, .slick-next{position:absolute; display:block; height:60px; width:60px; line-height:0; cursor:pointer; background:transparent; color:transparent; top:auto; margin-top:0; padding:0; border:none; outline:none; background:none; color:#bdbdbd; font-size:60px; outline:none; top:140px;}
.slick-prev{left:-55px;}
.slick-next{float:right; right:-55px;}

.slick-dots{width:100%; float:left; text-align:center; margin:0}
.slick-dots li{display:inline-block; margin:0 5px; padding:0; cursor:pointer; }
.slick-dots li button{border:0; background:#1f3881; display:block; height:15px; width:15px; outline:none; cursor:pointer; color:#FFF;font-size: 0;}
.slick-dots li.slick-active button{background:#ff6000;}




/* BASIC PAGE START */
.main-top-con {background:#f2f2f2 url(../images/top-img.jpg) center top no-repeat; padding-bottom:80px;}
.main-top-con h1{font-size:44px; text-align:center; font-weight:600; color:#094a9c; margin:0 0 100px 0; padding:50px 0 0 0; text-transform:uppercase;}
.main-top-con h3 {font-size:30px; color:#094a9c; font-weight:600; text-transform:uppercase;}
.main-top-con span {font-size:16px; color:#000; font-family: 'Roboto', sans-serif;}
.main-top-con h4 {background:#ed7d31; display:inline-block; font-size:16px; color:#FFF; margin:0px 0 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px 10px;}
.main-top-con h5 {font-size:20px; color:#222222; margin:30px 0 10px 0; padding:5px 0px; text-decoration:underline;}
.main-top-con ul li {margin:10px 0 0 30px; padding:0px; list-style:disc; font-size:16px; color:#444444; font-family: 'Roboto', sans-serif;} 

.main-top-con ol li {margin:10px 0 0 30px; padding:0px; font-size:16px; color:#444444; font-family: 'Roboto', sans-serif;} 
.main-top-con p {margin:0 0 0 0px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#444;}


.main-top-con .sec-1 {background:#FFFFFF; border-radius:5px; padding:10px 40px 40px 40px; margin:-50px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05);
box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05); }
.main-top-con .sec-1 h2 {font-size:22px; font-family: 'Roboto', sans-serif; font-weight:500; line-height:32px;}
.main-top-con .sec-1 h1 {font-size:36px; line-height:0; margin:0 0 30px 0; text-align:center; color:#094a9c; font-family: 'Roboto', sans-serif; font-weight:500;}
.main-top-con .sec-1 p {margin:20px 0 0 0px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#444;}

.main-top-con .sec-2 {background:#FFFFFF; border-radius:5px; padding:40px; margin:30px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05);
box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05); }

.main-top-con .sec-3 {background:#FFFFFF; border-radius:5px; padding:40px; margin:30px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05);
box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.05); }
.main-top-con .sec-3 p {margin:0 0 0 00px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#444;}
.main-top-con .sec-3 h3 {color:#094a9c;}
.main-top-con .sec-3 a {background:#094a9c; color:#FFF; text-align:center; font-size:30px; padding:10px 30px; margin-top:30px; display:inline-block; text-transform:uppercase; border-radius:4px;}


/* BASIC PAGE END */

 
 
.footer-link-bg{background:#313131; padding:65px 15px;}
.footer-link-bg h3{font-size:16px; font-weight:500; color:#FFF;}
.footer-link-bg hr{background:#ed7d31; height:4px; width:40px; margin:20px 0; border:none;}
.footer-link-bg ul li{font-size:15px; font-weight:400; display:block;  color:#d7d7d7; padding:5px 0; line-height:24px;}
.footer-link-bg ul li a{font-size:15px; font-weight:400; color:#d7d7d7; padding:0; display:inline-block;}
.footer-link-bg ul li a:hover{color:#FFF;}
.footer-link-bg ul.contact li a{color:#ed7d31;}
.footer-link-bg ul.contact li a:hover{color:#FFF;}

.footer-grey-bg{background:#eaeaea; padding:25px 15px;}
.footer-grey-bg .bottom-top-arrow{margin:-60px 0 0 0; }
.footer-grey-bg .bottom-top-arrow a{margin:0; display:inline-block;}
.footer-grey-bg span{font-size:18px; font-weight:700; color:#094a9c; line-height:44px;}
.footer-grey-bg .icon-back a{margin:0 0 0 14px;}

.footer-white-bg{background:#FFF; padding:15px;}
.footer-white-bg p{margin:0; padding:0; font-size:13px; color:#666;}
.footer-white-bg .bottom-nav ul li{float:left; margin:0 15px 0 0;}
.footer-white-bg .bottom-nav ul li a{font-size:14px; color:#094a9c;}
.footer-white-bg .bottom-nav ul li a:hover{text-decoration:underline;}

.footer-grey-bg span {
    font-size: 17px;
   
    color: #094a9c;
    line-height: 24px;
    max-width: 600px;
}
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


.animate-outer {max-width:100%!important;  padding:0px!important;}
.animate-left {background:#FFF; z-index:99; position:relative;}

#clouds {
  padding: 100px 0;
  background: #66ccff;
	background: -webkit-linear-gradient(left, #6DD3E7 20%, #fff 70%);
	background: linear-gradient(left, #6DD3E7 20%, #fff 70%);
	background: -moz-linear-gradient(left, #6DD3E7 20%, #fff 70%);
  	height: 100vh;
	width:600px; float:right;
	border-radius:600px 0 0 600px;
}

.cloud {
  width: 200px;
  height: 60px;
  background-color: white;
  position: relative;
  line-height:55px; font-family: 'Montserrat', sans-serif; color:#000;
  }

.cloud:before, .cloud:after {
  content: '';
  position: absolute;
}

.cloud:after {
  top: -45px;
  right: 25px;

}

.cloud:before {
  left: 25px;
}

.x1 {
	-webkit-animation: moveclouds 45s linear infinite;
	-moz-animation: moveclouds 45s linear infinite;
	-o-animation: moveclouds 45s linear infinite;
	background:#F00; font-size:20px; width:400px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x2 {
  left: 200px;
  
  -webkit-animation: moveclouds 40s linear infinite;
	-moz-animation: moveclouds 40s linear infinite;
	-o-animation: moveclouds 40s linear infinite;
	background:#0F0; font-size:20px; width:500px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x3 {
  left: -250px;
  top: -200px;
 
  
  -webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	
	background:#dc1f26; font-size:20px; width:350px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x4 {
  left: 300px;
  
  -webkit-animation: moveclouds 48s linear infinite;
	-moz-animation: moveclouds 48s linear infinite;
	-o-animation: moveclouds 48s linear infinite;
	
	background:#6bcdcc; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x5 {
  left: -100px;
  
  -webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	
	background:#fae45a; font-size:20px; width:600px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;

}

.x6 {
  left: 470px;
  top: -200px;
  
   -webkit-animation: moveclouds 31s linear infinite;
	-moz-animation: moveclouds 31s linear infinite;
	-o-animation: moveclouds 31s linear infinite;
	
	background:#ef7125; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x7 {
  left: 20px;
  top: -400px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#90dc9e; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x8 {
  left: 100px;
  top: -150px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#238f18; font-size:20px; width:320px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x9 {
  left: 50px;
  top: -450px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#FFF; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x10 {
  left: 700px;
  top: -300px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#FFF; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x11 {
  left: 1000px;
  top: -350px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#FFF; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x12 {
  left: 650px;
  top: -600px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#9C0; font-size:20px; width:250px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x13 {
 left: 200px;
  top: -700px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#ff6769; font-size:20px; width:180px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x14 {
 left: 900px;
  top: -900px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#6bcdcc; font-size:20px; width:220px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x15 {
  left: 1000px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#fae45a; font-size:20px; width:380px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}



.x16 {
  left: 1100px;
  top: -1000px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#dc1f26; font-size:20px; width:280px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x17 {
 left: 900px;
  top: -1300px;
	
	-webkit-animation: moveclouds 45s linear infinite;
	-moz-animation: moveclouds 45s linear infinite;
	-o-animation: moveclouds 45s linear infinite;
	background:#F00; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x18 {
left: 750px;
  top: -900px;
  
  -webkit-animation: moveclouds 40s linear infinite;
	-moz-animation: moveclouds 40s linear infinite;
	-o-animation: moveclouds 40s linear infinite;
	background:#0F0; font-size:20px; width:350px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x19 {
  left: 800px;
  top: -1500px;
 
  
  -webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	
	background:#dc1f26; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x20 {
  left: 2100px;
  top: -800px;
  
  -webkit-animation: moveclouds 48s linear infinite;
	-moz-animation: moveclouds 48s linear infinite;
	-o-animation: moveclouds 48s linear infinite;
	
	background:#6bcdcc; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x21 {
 left: 2100px;
  top: -800px;
  
  -webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	
	background:#fae45a; font-size:20px; width:600px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;

}

.x22 {
 left: 2100px;
  top: -800px;
  
   -webkit-animation: moveclouds 31s linear infinite;
	-moz-animation: moveclouds 31s linear infinite;
	-o-animation: moveclouds 31s linear infinite;
	
	background:#ef7125; font-size:20px; width:300px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x23 {
  left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#90dc9e; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x24 {
  left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#238f18; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x25 {
  left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#ff6769; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x26 {
left: 2100px;
  top: -800px;
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#f18c32; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x27 {
left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#e868a3; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x28 {
 left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#79c268; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.29 {
left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#c5d747; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x30 {
left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#ff6100; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}

.x31 {
left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#c54900; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x32 {
left: 2100px;
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#ff6769; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x33 {
left: 2100px;
  top: -800px;;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#6bcdcc; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}


.x34 {
  top: -800px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#fae45a; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}



.x35 {
  top: -600px;
 
   -webkit-animation: moveclouds 30s linear infinite;
	-moz-animation: moveclouds 30s linear infinite;
	-o-animation: moveclouds 30s linear infinite;
	
	background:#dc1f26; font-size:20px; width:450px; margin-bottom:20px; display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
}



/* Live video POPUP */
.live_popup { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-color: #ffffff; }
.live_close { font-size: 30px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin-right: 30px; }

/* Request demo POPUP */
.req_demo_popup { position:fixed; left:0; top:0; display:none; z-index:9999; padding:15px 20px; background-color:#0b4e9a; border:7px solid #e1e1e1; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; khtml-border-radius:15px; width: 450px; height: auto;}

.req_demo_popup .req_demo_close { font-size: 20px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin: 0; }
.req_demo_popup .req_demo_content { padding: 10px; color:#FFFFFF;}
.req_demo_popup .req_demo_content input { margin-bottom: 10px; width: 100%; height: 40px; border:none; padding: 3px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.req_demo_popup .req_demo_content .button {font-size:20px!important; width:100%; display:block; padding: 10px 20px; text-align: center; margin: 12px 5px 0 0; color: #ffffff; background: #ed7d31; cursor: pointer; font-size: 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}




#imgLoader, #imgLoaderCon, #imgLoaderReq, #imgLoader1, #imgLoader2, #imgLoader22 {
    display: none;}





@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -700px;}
}

@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}


.section.section--padding.abstracting{background:#FFF; padding:25px 0;}
.section.section--padding.abstracting .btn-primary.btn{font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; color:#FFF; text-transform:uppercase; background:#ff6000; border:none; padding:13px 60px; margin:50px 0;}

.hurdles {margin:0; min-height:450px; position: relative; overflow: hidden; font-family:arial;}
.hurdles-stakeholder {width: 90px; height: 90px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: calc(50% - 45px); left: calc(50% - 45px)}

@media(min-width:670px) {
	
.hurdles-stakeholder{width: 120px; height: 120px; top: calc(50% - 60px); left: calc(50% - 60px)}	

}

.hurdles-stakeholder-label { width: auto; display: block; color: currentColor; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 100%) translateY(10px); transform: translate(-50%, 100%) translateY(10px); text-transform: uppercase; font: 600 19px Camphor; letter-spacing: .025em; padding: 3px 10px; opacity: 0; -webkit-transition: all .4s ease-out; transition: all .4s ease-out }

.hurdles-stakeholder--merchant {background-color: #c5f0fe; color: #4bb3e6; z-index: 2}
.hurdles-stakeholder--merchant svg {width: 100%; height: 100%}
.hurdles-stakeholder--merchant.moved .hurdles-stakeholder-label {opacity: 1; -webkit-transform: translate(-50%, 100%) translateY(10px); transform: translate(-50%, 100%) translateY(10px);}

@-webkit-keyframes move-arrows {
    to {
        -webkit-mask-position:9px 0;
        mask-position:9px 0
    }
}

@keyframes move-arrows {
    to {
        -webkit-mask-position:9px 0;
        mask-position:9px 0
    }
}

@-webkit-keyframes move-gradient {
    0% {
        background-position-x: 0
    }
    to {
        background-position-x: 100%
    }
}

@keyframes move-gradient {
    0% {
        background-position-x: 0
    }
    to {
        background-position-x: 100%
    }
}
.hurdles-stakeholder-glow {content: ""; width: 250px; height: 250px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiB2aWV3Qm94PSIwIDAgMjUwIDI1MCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJidXNpbmVzcy1zaGFkb3ctdjEtYSIgZng9IjUwJSIgZnk9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iNDEuMzQxJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PGNpcmNsZSBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjUiIGZpbGw9InVybCgjYnVzaW5lc3Mtc2hhZG93LXYxLWEpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43NSIvPjwvc3ZnPg==); background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: -1; -webkit-transition: opacity .5s; transition: opacity .5s }
.hurdles-stakeholder.mask-out .hurdles-stakeholder-glow {opacity: 0}
.hurdles-stakeholder-arrows { position: absolute; height: 40px; width: 25px; will-change: opacity; left: calc(100% + 12px); opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); z-index: -1 }

@media only screen and (min-width:600px) {

 .hurdles-stakeholder-arrows { left: calc(100% + 40px); left: calc(100% + 25px); width: 90px; width: 130px; -webkit-transform: none; transform: none }

 }
.hurdles-stakeholder-arrows .arrow { width: 40px; height: 18px; position: absolute; top: calc(50% - 9px); left: calc(50% - 20px); opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.hurdles-stakeholder-arrows .arrow svg {width: auto; height: 100%; display: block}
.hurdles-stakeholder-arrows .arrow:first-child {top: calc(50% - 19px)}
.hurdles-stakeholder-arrows .arrow:last-child {top: calc(50% + 1px)}
.hurdles-stakeholder-arrows .arrow:last-child svg {-webkit-transform: scaleX(-1); transform: scaleX(-1)}
.hurdles-stakeholder--merchant.animating .hurdles-stakeholder-arrows {opacity: 1}
.hurdles-stakeholder--stripe {background-color:#FFF; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.28); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.28); box-shadow:0 0 5px rgba(0, 0, 0, 0.28); -webkit-transform: scale(.75); transform: scale(.75); opacity: 0; z-index: 2}
.hurdles-stakeholder--stripe>svg {fill: #fff}

@media(min-width:880px) {
	
.hurdles-stakeholder--stripe>svg {-webkit-transform: scale(1.2); transform: scale(1.2)}

}
.hurdles-bubbles {position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.hurdles-node {position: absolute; font-size: 14px; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 9999px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 30px;}

@media(min-width:880px) {
.hurdles-node {font-size: 15px; height:36px;}
}

.hurdles-node--blue {background-color: #c4f0ff; color: #217ab7;}
.hurdles-node--pink {background-color: #ffe0f5; color: #9251ac;}
.hurdles-node--yellow{background-color: #fdeebe; color: #c85d42;}
.hurdles-node--green {background-color: #d6facf; color: #159570;}
.hurdles-mask {width: 50%; height: 500px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; opacity: 0; pointer-events: none;}
.hurdles-mask:after {content: ""; position: absolute; width: 250px; height: 91%; right: 0; top: 50%; -webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDI1MCA1MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9Ijk3LjUyNiUiIHkyPSI1MCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj48c3RvcCBzdG9wLWNvbG9yPSIjQzRGMEZGIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iTWFzayIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjUwIDBDMTExLjkyOSAwIDEgMTExLjkyOSAxIDI1MHMxMTAuOTI5IDI1MCAyNDkgMjUwSDBWMGgyNTB6IiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMjUxIDUwMFYwQzExMi45MjkgMCAxIDExMS45MjkgMSAyNTBzMTExLjkyOSAyNTAgMjUwIDI1MHoiIGlkPSJPdmFsLTMtQ29weSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+PC9nPjwvc3ZnPg==); background-repeat: no-repeat; background-position:0; background-size:cover;}

.hurdles .custom-txt{white-space: nowrap; margin: 0 0 0 -10px;}

.form-check-input {margin-left: -0.25rem!important;}