@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
*{ margin:0px; padding:0px;}
html, body{margin:0px; padding:0px; width:100%; font-family: 'Ubuntu', sans-serif !important;  }
.main{width:100%; min-height:200px; margin:0px;padding:0px; font-family: 'Ubuntu', sans-serif !important;}
.container{ width:100%; max-width:1200px; margin:0 auto}
h1,h2,h3,h4,h5,h6,section,div,p,figure,article{margin:0px; padding:0px;font-weight: 400;}
a:focus{ outline: none}
a:focus, a:hover{ text-decoration:none !important}
.btn-danger, .btn-info, .btn-primary, .btn-success, .btn-default, a, a:active, a:focus, a:hover{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
ul li a:hover{ text-decoration:none;}
a:hover{ text-decoration:none}
p{color:#797979; font-weight: 500; font-size:14px; line-height: 22px}
.dot-font{font-size: 10px !important; color: #929191;}
.full-height{ height:calc(100vh) !important}
.clr-black{ color:#000 !important}
.clr-white{color:#fff !important}
.clr-sky{ color:#56d4f1 !important}
.clr-sky1{ color:#169fc2 !important; font-weight:600 !important}
.clr-ash{color:#7e7e7e !important}
.min-mar-top-bot{margin: 10px 0px !important}
.m-bot{margin-bottom:20px !important}
.m-top-bot{margin-top:10px !important; margin-bottom: 8px !important}
.m-top{ margin-top:20px !important}
.clr-royal-blue{color:#00446d !important}
.big-m-top{ margin-top:40px !important}
.bg-dark-blue{ background:#3a589b !important}
.bg-sky{background: #2bbcdb !important}
.bg-light-blue{ background:#598dca !important}
.bg-dark-sky{ background:#007ab9 !important}
.bg-orange{ background:#d6492f !important}
.display-flecs{ display:inline-flex !important}
.btn-minus-marg{margin-top:-8px !important}
.middle{ display:block !important; margin:0 auto !important;}
.mar-top-bot{margin-top: 20px !important; margin-bottom: 20px !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#18adcf; background: #fff}
.navbar-default .navbar-nav > li > a{font-size: 14px; margin-right:5px; padding:6px 10px 8px 10px; border:2px solid transparent}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ padding:7px;}
.navbar-right{ margin-top:10px}
.navbar-brand{ padding:5px 15px 5px 15px !important}
.navbar-default{ min-height:70px; background:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.navbar-default .navbar-nav > li > a:hover { color:#18adcf; }
.navbar-default .navbar-toggle .icon-bar {background-color:#4adaed}
.navbar-default .navbar-nav > li > a{ font-weight:500}
.mar-zero{margin:0px !important}
.f-none{float: none !important}
.text-center{text-align: center !important}
.bg-f2{background: #f2f2f2 !important}
.bg-white{background: #fff !important}
.min-high{min-height: 75px !important}
.pad-zero{padding:0px !important}
.pad-right{padding-right: 20px !important}
.lg-xs-width7{width:12% !important}
.lg-xs-width8{width:88% !important}
.border-bottom-none{border-bottom: none !important}
.border-left{border-left: 1px solid #14c3e0 !important}
.border-white-right{border-right:1px solid #87def1 !important}
.border-white-bottom{border-bottom:1px solid #fff !important}
.pad-top-bot{padding: 40px 0px !important}
.bg-blue{background: #00446d !important}
.thin-font{font-weight: 400 !important}
.pad-left-zero{padding-left: 0px !important}
.full-width{width:100% !important}
.pad-left{padding-left: 15px !important}
.border-top{border-top: 1px solid #ccc !important}
.pad-top{padding-top:20px !important}
.minus-mar-bot{margin-bottom: -20px !important;}
.bg-ash{background: #e7e7e7 !important}
.sub-title{padding: 12px 0px;font-size: 15px;color: #282828;font-weight: 500;position: absolute;
    bottom: 0px; margin-bottom: 0px; width: 100%;}
.table-bordered{border:1px solid #ccc !important}
.bg-light-sky{background: #e5f8fd !important}
.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
    margin-top: -15px;
    position: absolute;
}
.thick-border-left{border-left: 2px solid #ccc !important}
.sm-pad-top-bot{padding:10px 0px !important}
.z-indx-1{z-index: 1 !important}
@keyframes dorp-up{

0%{transform: translatex(-30px); opacity: 0.2}
100%{transform: translatex(0px);opacity:1}

}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: #ffffff !important;    background-color: rgba(131, 215, 218, 0.7);}
.navbar-nav .dropdown-menu > li > a{color:#fff}
.navbar-right ul.dropdown-menu{background-color: rgba(79, 171, 191, 0.9);top:52px !important; width: 210px !important; animation: dorp-up ease-in 0.3s}
.navbar-nav ul.sm-nowrap > li > a{padding: 8px 10px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{color:#18adcf;background-color: transparent !important; border-color:transparent !important}
/* form ipad responsive */

@media screen and (max-width:1030px) and (min-width:768px){

 .logo-size{float: left; width: 127px; margin-top:10px}
 .navbar-default .navbar-nav > li > a{padding: 6px 0px 8px 0px;}
  .banner .slide__text-heading, .slide__text-heading span {margin-top: 20px !important;}
  .form-back-sec ul li{font-size: 12px !important}

}
@media screen and (max-width:1030px) and (min-width:769px){


}
@media screen and (max-width:1030px) {
.intelligence-banner{background: url(../images/inteligence-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}
.biiling-banner{background: url(../images/billing-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}
.crm-banner{background: url(../images/crm-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}
.marketing-banner{background: url(../images/marketing-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}
.operation-banner{background: url(../images/operation-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}
.manpower-banner{background: url(../images/manpower-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}
.support-banner{background: url(../images/support-banner.jpg) no-repeat center; background-size: auto !important;; background-attachment: inherit !important;;}

}

.intelligence-banner{background: url(../images/inteligence-banner.jpg) no-repeat center; background-size: contain;; background-attachment: fixed;}
.biiling-banner{background: url(../images/billing-banner.jpg) no-repeat center; background-size: contain;; background-attachment: fixed;}
.crm-banner{background: url(../images/crm-banner.jpg)no-repeat center; background-size: contain;; background-attachment: fixed;}
.marketing-banner{background: url(../images/marketing-banner.jpg) no-repeat center; background-size: contain;; background-attachment: fixed;}
.operation-banner{background: url(../images/operation-banner.jpg) no-repeat center; background-size: contain;; background-attachment: fixed;}
.manpower-banner{background: url(../images/manpower-banner.jpg) no-repeat center; background-size: contain;; background-attachment: fixed;}
.support-banner{background: url(../images/support-banner.jpg) no-repeat center; background-size: contain;; background-attachment: fixed;}

.icon-sub-section:hover .hvr-float-shadow{transform: translateY(-10px);}
.hvr-float-shadow{transition: 0.5s ease-in}
.icon-sub-section h5{color:#4f4f4f !important;line-height: 22px;}
.multiple-deployment-options .table>tbody>tr>td{text-align:center}
.multiple-deployment-options .table>thead>tr>th{text-align:center}
.multiple-deployment-options .table>thead>tr>th{font-size: 22px;text-align: center;font-weight: 400 !important;}
.Zalyon-head{color:#056f96;font-size: 26px; padding: 0px 44px !important;line-height: 35px !important;}
.multiple-deployment-options{width:100%; min-height:200px; background: #f9f9f9; padding:0px 0px 0px 0px}
.odd{background: #eaf3f6;}
.th-head{border-top-left-radius:8px;border-top-right-radius: 8px;color:#fff;background: rgb(48,187,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(48,187,238,1) 46%, rgba(48,187,238,1) 46%, rgba(48,187,238,1) 46%, rgba(100,210,251,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(48,187,238,1) 46%,rgba(48,187,238,1) 46%,rgba(48,187,238,1) 46%,rgba(100,210,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(48,187,238,1) 46%,rgba(48,187,238,1) 46%,rgba(48,187,238,1) 46%,rgba(100,210,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30bbee', endColorstr='#64d2fb',GradientType=0 ); /* IE6-9 */}

.Zalyon-head1{font-weight: 400;background: rgb(57,156,192); /* Old browsers */
background: -moz-linear-gradient(top, rgba(57,156,192,1) 0%, rgba(90,184,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(57,156,192,1) 0%,rgba(90,184,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(57,156,192,1) 0%,rgba(90,184,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399cc0', endColorstr='#5ab8da',GradientType=0 ); /* IE6-9 */
color:#fff; font-size:15px;padding:15px 20px !important}
.Zalyon-head2{background: #788083 !important; color:#fff;font-size:15px; padding:15px 20px !important}
.Zalyon-head3{background: #989ea1 !important; color:#fff;font-size:15px; padding:15px 20px !important}
.Zalyon-head2{background: #e2f7ff !important; color:#484848;font-size:15px; padding:15px 20px !important}
.Zalyon-head3{background: #00446d !important; color:#fff;font-size:15px; padding:15px 20px !important}
.multy-option{width: 100%; position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom: 6px solid #30bbee}
.multy-option p{font-weight: 400;min-height: 140px; display: flex; align-items: center;}
.th-main-head{font-size:24px;border-width: 2px;    padding-top: 60px !important;
  border-bottom-color: rgb(145,175,198); /* Old browsers */
  border-bottom-color: -moz-radial-gradient(center, ellipse cover, rgba(249, 249, 249,1) 2%, rgba(81, 176, 211,1) 53%, rgba(84, 179, 214,1) 100%); /* FF3.6-15 */
  border-bottom-color: -webkit-radial-gradient(center, ellipse cover, rgba(249, 249, 249,1) 2%,rgba(81, 176, 211,1) 53%,rgba(84, 179, 214,1) 100%); /* Chrome10-25,Safari5.1-6 */
  border-bottom-color: radial-gradient(ellipse at center, rgb(249, 249, 249) 2%,rgb(81, 176, 211) 53%,rgb(84, 179, 214) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91afc6', endColorstr='#198ce5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient-border{width:100%; height:5px;background: rgb(255, 255, 255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(249, 249, 249,1) 2%, rgba(81, 176, 211,1) 53%, rgba(84, 179, 214,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(249, 249, 249,1) 2%,rgba(81, 176, 211,1) 53%,rgba(84, 179, 214,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgb(249, 249, 249) 2%,rgb(81, 176, 211) 53%,rgb(84, 179, 214) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91afc6', endColorstr='#198ce5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.multy-option:after{content: '';width: 100%;height: 129px;display: block;margin: 0 auto;background: url(../images/shadow.png) no-repeat; margin-top: -11px;
    position: absolute;background-size: contain;}
.multy-option:before{content: '';width: 129px;height: 129px;display: block;margin: 0 auto;background: url(../images/home-icon1.png) no-repeat;
    margin-bottom: -52px;z-index: 1001; position: relative;}
.multy-img-option2:before{content: '';width: 129px;height: 129px;display: block;margin: 0 auto;background: url(../images/home-icon2.png) no-repeat;
    margin-bottom: -52px;z-index: 1001; position: relative;}
.multy-img-option3:before{content: '';width: 129px;height: 129px;display: block;margin: 0 auto;background: url(../images/home-icon3.png) no-repeat;
        margin-bottom: -52px;z-index: 1001; position: relative;}
.multy-img-option4:before {
            content: '';
            width: 129px;
            height: 129px;
            display: block;
            margin: 0 auto;
            background: url(../images/home-icon4.png) no-repeat;
            margin-bottom: -52px;
            z-index: 1001;
            position: relative;
        }
.multy-btn{margin-bottom: 20px !important;font-size: 18px !important;;margin-top: -20px !important;background: #30bbee !important; color:#fff !important; padding:5px 20px !important; border-color:#ccf1fe !important}

.flexible-section{width:100%; min-height: 20px; background: #fff;}
.flexible-inner-section{display: flex;;margin: 22px 0px;align-items: center;}
.flexible-inner-section p{padding:0px 10px; text-align: left;}
.beta-btn{padding:12px 20px !important;border-radius: 6px !important; color:#fff !important;text-transform: uppercase;border-width:0px !important;
  background: rgb(36,118,147); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(36,118,147,1) 0%, rgba(35,117,147,1) 45%, rgba(0,68,109,1) 68%, rgba(0,68,109,1) 68%, rgba(0,68,109,1) 70%, rgba(0,68,109,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(36,118,147,1) 0%,rgba(35,117,147,1) 45%,rgba(0,68,109,1) 68%,rgba(0,68,109,1) 68%,rgba(0,68,109,1) 70%,rgba(0,68,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(36,118,147,1) 0%,rgba(35,117,147,1) 45%,rgba(0,68,109,1) 68%,rgba(0,68,109,1) 68%,rgba(0,68,109,1) 70%,rgba(0,68,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247693', endColorstr='#00446d',GradientType=0 ); /* IE6-9 */
margin-top:30px !important; margin-bottom: 30px !important
}
.beta-btn:after{content: '';
    max-width: 100%;
    width:95%;
    display: block;
    background: url(../images/sm-shadow.png) no-repeat bottom;
    height: 20px;
    position: absolute;
    left: 5px;
    margin: 0 auto;}
.td-bg1{ background: #eaf3f6 !important}
.td-bg2{ background: #f0fbff !important}
.td-bg3{background: #f9f9f9 !important}
.td-bg4{background: #ffffff !important}
.muli-head{font-weight: 400 !important; font-size:28px; padding:50px 0px 20px 0px; color:#18adcf}
.table-responsive>.table>tbody>tr>td{white-space: normal;}

.fa-times{color:#d51b20}
.fa-check{color:#0b993a}
.multiple-deployment-options .table > thead > tr > th {border-bottom: 0px solid #ddd;}
.multiple-deployment-options .table > tbody > tr > td{border-top: 1px solid #f8f8f8;}
@media (min-width: 768px){
.navbar-right {
    float: right!important;
    margin-right: 0px;}
    .border-right{ border-right: 1px solid #13b7dd}
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}



.btn-primary{ position: relative;box-shadow: 0px 5px 3px #ccc ;background-color: transparent;border-radius: 60px;border: 2px solid #18b9de;color: #18b9de;padding: 5px 14px 6px; }
.btn-primary:hover{ background:#18b9de; color:#fff; border-color:#56d4f1;}

.banner{ width:100%; min-height:20px}
.margin { margin-top:50px; }
/*-------- don't use this csss remove this ----------------------*/


*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.banner svg {
  display: block;
  overflow: visible;
}

.banner .slider-container {
  position: relative;overflow: hidden;
  height: 600px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; max-height:100%;margin-top: 70px;
}

.banner .slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.banner .slider-control.inactive:hover {
  cursor: auto;
}
.banner .slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.banner .slider-control.left {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.banner .slider-control.right {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.banner .slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.banner .slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.banner .slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.banner .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.banner .slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.banner .slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.banner .slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.banner .slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner .slide.active .slide__overlay,
.banner .slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.banner .slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.banner .slide:nth-child(1) {
  left: 0;
}
.banner .slide:nth-child(1) .slide__bg {
  left: 0;

}
.banner .slide:nth-child(1) .slide__overlay-path {
  fill: #83C0DE;
}
.banner .slide__text-heading span{ font-size:3.2rem}
@media (max-width: 991px) {
  .banner .slide:nth-child(1) .slide__text {
    background-color: rgba(233, 156, 126, 0.8);
  }
}
.banner .slide:nth-child(2) {
  left: 100%;
}
.banner .slide:nth-child(2) .slide__bg {
  left: -50%;
}
.banner .slide:nth-child(2) .slide__overlay-path {
  fill: #a8edf0;
}
@media (max-width: 991px) {
.banner .slide:nth-child(2) .slide__text {
    background-color: rgba(225, 204, 174, 0.8);
  }
}
.banner .slide:nth-child(3) {
  left: 200%;
}
.banner .slide:nth-child(3) .slide__bg {
  left: -100%;
}
.banner .slide:nth-child(3) .slide__overlay-path {
  fill: #adc5cd;
}
@media (max-width: 991px) {
.banner .slide:nth-child(3) .slide__text {
    background-color: rgba(173, 197, 205, 0.8);
  }
}
.banner .slide:nth-child(4) {
  left: 300%;
}
.banner .slide:nth-child(4) .slide__bg {
  left: -150%;
}
.banner .slide:nth-child(4) .slide__overlay-path {
  fill: #cbc6c3;
}
@media (max-width: 991px) {
.banner .slide:nth-child(4) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}
.banner .slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

}
.banner .slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 810px;
  -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {
.banner .slide__overlay {
    display: none;
  }
}
.banner .slide__overlay path {
  opacity: 0.4;
}
.banner .slide__text {
  position: absolute;
width: 50%;
bottom: 26%;
left: 10%;  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}

.banner a.slide__text-link:hover { text-decoration:none; color:#FFF;}

@media (max-width: 991px) {
.banner .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.banner .slide__text-heading {
 font-family: 'Ubuntu', sans-serif !important;;
  font-size: 3.8rem;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
.banner .slide__text-heading {
    line-height: 20rem;
    font-size: 3.5rem;
  }
}
.banner .slide__text-desc {
  font-family: 'Ubuntu', sans-serif !important;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
.banner .slide__text-desc {
    display: none;
  }
}
.banner .slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  font-family: 'Ubuntu', sans-serif !important;;
  font-size: 2.3rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media (max-width: 991px) {
.banner .slide__text-link { display: none;}
.login-section .carousel-caption{height:100%}
}
.banner .slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.banner .slide__text-link:hover:before {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}
@media screen and (max-width:500px) {
		.banner .slide__text{ min-height: 26rem !important ;}
		.banner .slide__text-heading, .slide__text-heading span { margin-top: 106px !important;}
		.all-banner h2{padding: 32px 0px !important;}

}
@media screen and (max-width:454px) {
		.banner .slide__text{ min-height: 16rem !important ;}
				.banner .slide__text-heading, .slide__text-heading span { margin-top:100px !important;}

}
@media screen and (max-width:1000px) and (min-width: 320px) {
.banner .slider-container{ height:270px;}
.banner .slide__text{ padding: 10px;background-color: transparent !important;}
.banner .slide__text-heading, .slide__text-heading span  {margin-top: 81px;
    line-height:2.5rem; font-size:2.2rem}
.banner .slider-pagi{ bottom:2rem}
.banner .slider-pagi__elem{width: 1.2rem;height: 1.2rem;}
.banner .slider-pagi__elem::before{width: 0.5rem;height: 0.5rem}
}
@media screen and (max-width:768px) and (min-width: 220px) {
	.banner .slider-container {  height:200px}
	.banner .slide__text-heading, .slide__text-heading span {margin-top: 100px;}
	h3{ font-size:20px; line-height:24px}
	.testimonial .carousel-inner p{ font-size:14px}
	h4{ font-size:15px; line-height:22px}
	p{ text-align:justify !important}
	.banner .slide__text-heading span{ font-size:2.4rem}
	.login-section .carousel-caption{ margin-bottom:-4px !important}
  .lg-font {font-size: 24px !important;}
  .suit-head .suit-main-head {font-size: 23px !important;}
  .text-width {max-width: 215px !important;}


}

@media screen and (max-width:600px) and (min-width: 220px) {
	.banner .slider-container{ height:120px;}
	.banner .slide__text {  min-height: 28rem ;}
	.banner .slide__text-heading, .slide__text-heading span {
    line-height: 1.8rem !important;    font-size: 1.4rem !important;}
	.banner .slide__text-heading, .slide__text-heading span {  margin-bottom:0px;}
	.form-back-sec{ background-color:transparent !important;}
  .opacity{opacity:0.5}

}
@media screen and (max-width:1600px) and (min-width: 999px) {
	.banner .slider-container{ height:400px;}

}
@media screen and (max-width:947px){
	.navbar-right{ float:left !important}
  .th-main-head { font-size: 20px;}

}
@media screen and (min-width:900px){
	 .gaurd-intel-cont{ width:100%; max-width:60%;  margin:0 auto}


}

@media screen and (max-width:767px){
  .border-white-bottom{border:none !important}
  .border-white-right{border: none !important}
.cbp-so-section p{text-align: left !important}
.navbar-nav{ width:100%; }
.buss-icon{width:110px; max-width:100%;}
#quote-carousel .carousel-indicators .active {width: 60px !important; height: 60px !important; display:inline-block}
.navbar-toggle{border:1px solid transparent; color:#252525; width:50px; height:48px; border-radius:50px; display:inline-block; background:#fff;
 text-align: center;padding: 13px;box-shadow: 1px 6px 2px #9E9595;font-size: 24px;}
 .form-back-sec{margin-top: -35% !important;}
.gaurd-intel-cont h4{ font-size:15px !important; line-height: 25px !important; padding-bottom: 20px !important}
.business-heading{ font-size:18px !important; line-height: 25px !important; padding-bottom: 20px !important}
 .form-back-sec .form-control::-moz-placeholder {
color:#2e98b8 !important;
opacity:1;
}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{border: none !important;width: 0px;
    height: 0px; left: 120px !important}
.sm-float-none{float:none !important}
.first-cb-row{border-bottom:none}
.singel-box{border: 1px solid #13b7dd !important;}
.form-back-sec .form-control:-ms-input-placeholder {
color:#2e98b8 !important ;
}
.form-back-sec .form-control::-webkit-input-placeholder {
color:#2e98b8 !important;
}

.navbar-default .navbar-nav > li > a{padding: 6px 10px 8px 25px;}
 .form-back-sec label{color:#2e98b8 !important;}
 .form-back-sec .btn-default{ color:#2e98b8 !important; border-color:#fff !important}
 .inner-double-box{display: block !important}
.icon-box{float: left;  width: 50% !important; border-right: 0px transparent !important;  min-height:142px !important;margin-top: 20px !important;}
.icon-box ul li {  display: block !important;}
}
@media screen and (max-width:360px){
  .icon-box{ width: 100% !important; }
  .business-cont{width:100%; text-align: center;}
  .business-cont h5, p{text-align: center !important}
  .buss-icon{ left:29.5%;margin-top: 0px !important}
  .each-platform-section .business-cont p{text-align: center !important}
  .gaurd-intel-cont h2{font-size: 20px !important}
  h2{font-size: 20px !important}

}

@media screen and (max-width:990px) and (min-width:768px){
   .inner-double-box{display: block !important}
   .d-flex{display: flex !important}
.icon-box ul li {  display: block !important;}
  .icon-box{float: left;  width: 50% !important;   min-height:142px !important;margin-top: 20px !important;}
.mar-zero{margin:0px !important}

.fixed-footer{bottom: 0px; position: fixed;}
.full-imgg {
  width: 100%;
  transform-origin: top right;
  transform: scale(2.4);
}
}
@media screen and (max-width:1024px) and (min-width:768px){
  .double-box{min-height:353px !important;}
}
@media screen and (min-width:768px){
  .mid{display: block !important; margin:0 auto !important}
  .securenyx-platform-left-section .cont{text-align: right}
  .platform-inner-section{justify-content:space-around;margin:6px auto; flex-basis: 50%;display: flex;align-items: center; min-height: 100px;}
  .text-lg-center{text-align: center; !image-orientation: }
  .securenyx-platform-section{width:100%; min-height:20px; display: flex;flex-wrap: wrap; margin:15px 0px;align-items: center;}
  .d-block{display: block !important}
  .sm-img-size{max-height:78px}
  .inner-details:nth-child(1){border-right: 1px solid #ccc}
  .inner-sec .inner-details:nth-child(2){padding-left: 15px;}
}

@media screen and (max-width:767px){
.platform-inner-section .cont p{text-align:left !important; padding-bottom:0px}
.platform-inner-section{border-bottom: 1px solid #ccc; padding: 10px 0px; display: flex;}
.securenyx-platform-left-section {padding:0px; border-right: none !important;}
.securenyx-platform-right-section{padding:0px}
.mid{float: left;  }
.platform-inner-section .cont{padding-left:15px !important}
.platform-inner-section h5 { font-size: 17px !important;}
.sm-img-size{max-height: 100px}
.cbp-so-section {border-bottom: 1px solid #ccc;}
.cont-area{border-top:none !important}

}
.platform-inner-section .cont p{border-bottom: none !important; line-height: 20px; padding-bottom: 0px}
.platform-inner-section h5{font-size: 20px; padding:10px 0px; color: #575757 }
.securenyx-platform-left-section{border-right: 1px solid #ccc}
.gaurd-intel-cont h2{font-size:25px; padding:5px 0px 20px 0px}
.business-activities-section{width: 100%; min-height: 20px; display: flex; margin:15px 0px}
.platform-section{width: 100%; min-height: 20px; display: flex; flex-wrap: wrap;}
.each-platform-section{margin: 10px 6px;background: #f9f9f9;background:#f9f9f9; padding: 5px;border:1px solid #f9f9f9;}
@media screen and (min-width:1024px){
.each-platform-section{flex-basis: 31.5%;}
}

@media screen and (max-width:1023px) and (min-width:768px){
.each-platform-section{flex-basis: 48%;margin: 7px 6px;min-height: 149px;}
}


.gaurd-intel-cont{ width:100%; min-height:20px; background:#fff;  margin:0 auto}
.gaurd-intel-cont h4{ max-width:80%; margin:0 auto; color:#18adcf; padding:40px 0px 30px 0px; line-height: 30px;font-size: 21px;}
.gaurd-intel-cont p{ line-height:26px; border-bottom:1px solid #ccc; padding-bottom:30px}
.btn-danger{ margin:0 auto; display:block;    white-space: normal; padding:12px 25px; margin-top:-21px; z-index:1001;position: relative; font-size: 14px;background: rgb(30,87,153);
background: -moz-linear-gradient(top, rgba(106, 220, 244,1) 0%, rgba(27, 182, 217,1) 49%, rgba(70, 209, 226,1) 50%, rgba(80, 198, 233,1) 100%) !important;
background: -webkit-linear-gradient(top, rgba(106, 220, 244,1) 0%,rgba(27, 182, 217, 1) 49%,rgba(70, 209, 226,1) 50%,rgba(80, 198, 233,1) 100%) !important;
background: linear-gradient(to bottom, rgb(106, 220, 244) 0%,rgb(27, 182, 217) 49%,rgb(70, 209, 226) 50%,rgb(80, 198, 233) 100%) !important; !important; ;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ) !important; border-color:#68d3ec; color:#000; font-weight:500; text-transform:uppercase}
.btn-danger:after{content: ''; width: 100%;height: 34px;    white-space: normal;margin: 0 auto;display: block; position: absolute; margin-top: 10px; left: 0px;background: url(../images/btn-shadow.png);
    background-size: cover;}
.btn-danger:hover{ border-color:#4addff; background-color:transparent !important}
.security-agency-section{ width:100%; min-height:200px; background:#fff; padding:60px 0px 60px 0px}
.heading:after{content: '';width: 65px;height:4px;display: block;background:#18adcf;margin: 0 auto; margin-top:12px; border-radius:12px}
.icon-sub-section{ width:100%; margin:10px 0px 2px 0px; padding:5px; line-height:22px !important;display:inline-block;  min-height: 250px;;}
.icon-sub-section p, h5{padding-top:12px}

footer{ width:100%; min-height:20px; background:#252525; color:#8a8a8a; padding:50px 0px 50px 0px; line-height:25px}
footer h4{ color:#fff; padding:5px 0px 20px 0px}
footer p, address{ padding:10px 0px 10px 0px}
footer li{ border-bottom:1px dashed #767575; padding:10px 0px 10px 0px}

.custom-icon{border:1px solid transparent; color:#252525; width:50px; height:50px; border-radius:50px; display:inline-block; background:#fff; margin:10px 10px 30px 0px;text-align: center;padding: 11px;box-shadow: 1px 6px 2px #070000;font-size: 24px;}
.custom-icon:hover{ background-color: transparent !important; border:1px double #18adcf; color:#18adcf;}
.min-footer{ width:100%; min-height:10px; background:#171717; color:#5f5f5f; padding:6px 0px; box-shadow:-2px -2px 5px #090101}
.testimonial{padding: 40px 0px 50px 0px; width:100%; min-height:200px; background:#f3f3f3}
.min-footer h5{padding: 5px 6px ;}
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 0px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}

#quote-carousel .carousel-control { display:none}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #13b7dd;
    opacity: 1;
    overflow: hidden;
}
.testimonial .carousel-inner {
    min-height: 200px; margin-bottom:20px
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.testimonial .carousel-inner small{ margin:20px 0px 108px 0px}
.testimonial h3:after{ content:''; width:50px ; height:50px; display:block; background:url(../images/test-img.png) no-repeat; margin:0 auto;padding-left:40px}
.testimonial .carousel-inner p{ text-align: justify;color: #777474;font-style: italic;}


.all-banner{ width:100%; min-height:20px;  background-size:cover !important; background-repeat:no-repeat !important; margin-top: 70px; }
.all-banner h2{color:#fff; padding: 58px 0px; display:block}
.cont-banner{ background:url(../images/contact-banner.jpg) center top;}

.contact-form-section{ width:100%; min-height:200px; background:#fff; padding:50px 0px 50px 0px }
.contact-form-section li{ float:left;  padding-right:8px; font-size:15px; color:#686868}
.contact-form-section .contact-head:after{content:''; display:inline-block; width:40px; height:4px; background:#13b7dd; border-radius:20px}
.contact-form-section .custom-icon {border: 2px solid transparent;color: #ffffff;width: 40px;height: 40px;border-radius: 0px;display: inline-block; margin: 20px 10px 30px 0px;text-align: center; padding: 2px;
box-shadow: 1px 2px 1px #676666; font-size: 22px;}
.contact-form-section .custom-icon:hover{ border:2px solid #13b7dd; color:#13b7dd}
.form-control{ height:45px; border-radius:0px; border-color:#78e1fa}
.btn-default{box-shadow: 1px 1px 1px #6d6d6d;border: 2px solid #fff; border-radius:0px; padding:12px 45px; background:#13b7dd; color:#fff;  }

.faq-banner{background:url(../images/faq-banner.jpg) center top;}
.faq_panel_section{ width:100%; min-height:200px; background:#fff; padding:50px 0px;box-shadow: 4px 4px 3px 5px #034957; }

.fa-minus, .fa-plus{ font-size:17px; color:#bffcf6; border:2px solid #1fd2fc;background: #13b7dd; border-radius:50px; padding:6px 7px 6px 9px;box-shadow: 2px 2px 2px #656161;
margin-right: 6px; }

.panel-default, .panel-default > .panel-heading{ border:none; background-color:transparent; box-shadow:2px 3px 2px 2px #e8e8e8;}
.panel-title{ color:#13b7dd}
.register-banner{background:url(../images/register-banner.jpg) center bottom;}
.select-style{padding: 0px 0px 0px 5px ;margin: 0;border: 1px solid #78e1fa;border-radius: 3px;overflow: hidden;
background: #fff url(../images/option-img1.png) no-repeat 98% 50% !important;font-size:14px;vertical-align:middle; margin-top:0px; }
select{ padding: 14px 8px;width: 100%;border:none; box-shadow: none;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.btn-default:hover{ background-color:transparent; color:#13b7dd; border:2px solid transparent; box-shadow:1px 1px 1px #ccc; border-radius:50px}

.login-section{ width:100%; min-height:20px }
.login-section .carousel-fade
    .carousel-inner
        .item {
            transition-property: opacity;
        }

        .item,
        .active.left,
        .active.right {
            opacity: 0.6;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

    .carousel-control {
        z-index: 2;
    }

.login-section .form-sec{ width:100% !important; min-height:200px !important; background:#000 !important}
.login-section .carousel-indicators{ bottom:0px; display:none}
.login-section .carousel-caption li{ float:left;color:#333; text-align:center; padding-left:10px; margin-top:5px}
.login-section .carousel-caption li a{ text-align:center !important}
.form-back-sec{display: block; z-index:1001;  margin-top:-93%; position:relative }
.form-back-sec ul li{ display:inline-block !important}
.login-section .carousel-inner{z-index:0; overflow:inherit; !important }
.login-form .btn-default{background-color: rgba(190, 191, 192, 0.5);border-color: #CBCECE;}
.login-form .btn-default:hover{ color:#282828}
.login-form .form-control{background-color:rgba(203, 218, 220, 0.5); color:#fff}

.login-form .form-control::-moz-placeholder {color:#fff;}
.login-form .form-control:-ms-input-placeholder {color:#fff}
.login-form .form-control::-webkit-input-placeholder {color:#fff}
.login-form .input-group-addon{background-color: rgba(61, 224, 246, 0.5);color: #84E9FB;font-size: 22px;}

.login-footer{ width:100%; min-height:120px; bottom:0px;  }
.login-footer-icon-sec{ width:100%; min-height:20px; text-align:center; display:inline-block}

.carousel-control.right{ display:none}
.carousel-control.left{ display:none}
.login-form { width: 100%;min-height: 20px;margin-bottom: 40px;}

.login-logo-pic:before{ content:''; width:280px; height:54px; background:url(../images/logo.png) center no-repeat; display:block; margin:0 auto;}
.form-back-sec h2{ color:#fff; padding-bottom:15px ;}
.transparent-back{padding:20px;border:1px solid #ccc; background-color: rgba(190, 191, 192, 0.5); box-shadow:2px 2px 2px #898989;}


.faq-banner {
    background: url(../images/faq-banner.jpg) no-repeat;
    width: 100%;
    background-attachment: fixed ;
    margin-top: 70px;
    background-position: 7% 9%;
    background-size: contain;
    padding: 52px 0px;
    color: #fff;}

.faq-banner h2{font-family: 'Ubuntu' !important;width:235px; height:80px;padding: 35px 50px;line-height: 0;background-color: rgba(0, 5, 8, 0.3);
margin: 0 auto;display: block;text-align: center; background:url(../images/bill-banner-border.png) no-repeat;}


.page-inner-body{width: 100%; min-height:20px; background:#fff;padding:20px 0px;}
.double-box{ margin: 14px 0px;display: inline-block;width:100%; min-height:310px; border:1px solid #13b7dd; text-align: center; padding:0px 5px 30px 5px;}
.left-double-box{animation:left-ann 0.8s ease-in ;}
.right-double-box{animation:right-ann 0.8s ease-in ;}
@keyframes left-ann{

  from{transform: translateX(-20%); opacity: 0;}
  to{transform: translateX(0px); opacity: 1;}

}
@keyframes right-ann{

  from{transform: translateX(20%); opacity: 0;}
  to{transform: translateX(0px); opacity: 1;}

}



.double-box h3{font-size: 20px; border:1px solid #13b7dd;  text-align: center;border-top: 0px;
padding: 9px;color: #13b7dd;}
.page-inner-body ul li{font-size: 16px;color: #595959;font-weight:400; line-height: 22px;}

.icon-box{display: table-cell;margin: 0 auto;padding:0px 20px;margin-top:20px;min-width: 220px;text-align:center;;max-width: 100%;  min-height: 200px; border-right: 1px solid #13b7dd; }
.border-none{ border-right: none !important}
.border-none1{ border: none !important}
.inner-double-box{ width:100%; min-height: 20px; display: inline-flex;}


@media screen and (min-width:1024px){
  .double-box h3{max-width:460px;  text-align:center;}
  .inner-double-box{margin-top: 35px}
  .big-screen-mar-top-bot{margin-top:26px !important; margin-bottom:8px !important}


}
@media screen and (max-width:1024px){
    .double-box h3{width:260px; max-width: 100%;}

}
@media screen and (max-width:1200px){
	.faq-banner {background-position: 26% 5%; padding: 60px 0px; background-size: inherit;}


}
.big-icon-imgs{transform: scale(0.8) !important;}
.business-heading{padding: 40px 0px 30px 0px;line-height: 30px;font-size: 21px; color: #18adcf}
.buss-icon{margin-top:10px;}
.each-platform-section:hover{background:#dff8fe; border-radius:5px; box-shadow: 2px 2px 2px #ccc; border:1px solid #4addff; transform: scale(1);color: #18adcf;}
.each-platform-section .business-cont{transition: 0.5s ease-in}
.each-platform-section:hover .business-cont{transform: translatex(10px);}
.icon-imgss{transform: scale(0.9); height: 55px;margin-bottom: 12px !important;}

.inner-banner h2{ background:url(../images/ins-banner-border.png) no-repeat;min-width: 319px;padding:8px 10px;min-height: 100px;
    margin: 0 auto; display: block; min-height: 67px;}

.single-img{width:100%; min-height:20px;display: grid;}
.circle-icon{transition: 0.8s ;margin-top: 30px !important;width: 110px;height: 110px;background: #13b7dd;border-radius: 50%;text-align: center;border: 12px solid #d4f2f9;padding: 20px 0px;}
.complain-feedback-section h5{font-size:15px; font-weight: 400; line-height: 22px; color:#595959}
.circle-box{width:100%; min-height: 250px;}
.circle-icon:hover{ transform: rotateY(180deg);}
.after-border:after{ content: '';max-width:96%;height: 40px;background: url(../images/border.png) 51% 37% no-repeat;display: block;margin: 0 auto;}
.circle-box1{width: 125px;height: 125px;background: #71dcf5;border-radius: 50%;text-align: center;}
.pos-absolute{position: absolute !important}
.all-side-marg{margin:7px !important}

.circle-box1:after{content: ''; border-top: 12px solid transparent;border-bottom: 12px solid #71dcf5;border-left: 12px solid transparent;border-right: 12px solid transparent;
position: absolute;margin-top: -21px;margin-left: -11px;}
.circle-icon-style{background: #71dcf5 !important; border: 8px solid #fff !important}
.singel-box{position: relative !important;left: 0% !important;right: 0% !important;}
.star-icon{max-width:100%; ;min-height: 20px; text-align: center; margin: 0 auto;;}
.star-icon li{text-align: center; transform: scale(0.7);}
.middle-icon { width: 100%; min-height: 20px; display: flex;}



/* office-app style*/
.office-app-banner{width: 100%; min-height:200px;
background: rgb(16,162,199); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(16,162,199,1) 0%, rgba(1,73,114,1) 64%, rgba(1,73,114,1) 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(16,162,199,1) 0%,rgba(1,73,114,1) 64%,rgba(1,73,114,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(16,162,199,1) 0%,rgba(1,73,114,1) 64%,rgba(1,73,114,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a2c7', endColorstr='#014972',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.mob-animation-sec{width:100%; min-height: 20px; display: inline-block;}

.mob-app{width: 202px; top:3px; position: relative;z-index: 101; text-align: center; animation: mobile 2s ease-in;}

@keyframes mobile{

 0%{transform: translateX(-202px); opacity: 0}
 100%{transform: translateX(0px); opacity: 1}

}


.big-mob-app{top: -19px;width:603px;position: relative; left: 21px; z-index: 0; animation: big-mobile 2.5s ease-in; }
@keyframes big-mobile{

 0%{transform: translateY(50px); opacity: 0}
 100%{transform: translateY(0px); opacity: 1}

}

.banner-heading {width: 100%; min-height: 20px; float: right; text-align:left; color: #fff;position: relative; top: 117px;font-family: 'Ubuntu', sans-serif !important;}
.banner-heading span{margin-bottom: 18px;;font-size: 45px; display: block;font-family: 'Ubuntu' !important; font-weight: 600;}
.banner-heading .app-head{animation: app-head-left 3s ease-in;font-family: 'Ubuntu' !important;font-weight:400;left: -253px;  position: relative;}
@keyframes app-head-left{

 0%{transform: translateX(50px); opacity: 0}
 100%{transform: translateX(0px); opacity: 1}

}

.banner-heading .sub-head{font-size: 28px;font-weight: 400;padding: 0px; margin: 0px;}
@media screen and (max-width:1023px) and (min-width:650px){
  .banner-heading .app-head{left:-70px}
}
@media screen and (max-width:649px) and (min-width:565px){
  .banner-heading .app-head{left:-60px}
  .app-head{font-size:25px}
  .banner-heading span{font-size:30px}
  .banner-heading .sub-head {font-size: 24px;}
  .banner-heading span { margin-bottom: 14px;}
  .big-mob-app{width: 80%}
  .cont-area{ padding-left:0px;}

  @keyframes app-head-left{
   0%{transform: translateX(10px); opacity: 0}
   100%{transform: translateX(0px); opacity: 1}
  }
}
@media screen and (max-width:564px) and (min-width:320px){
  .banner-heading .app-head{left:0px}
  .app-head{font-size:20px}
  .banner-heading span{font-size:20px}
  .banner-heading .sub-head {font-size: 20px;}
  .banner-heading span { margin-bottom: 6px;}
  .big-mob-app {width: 70%;left: -30px; top: 19px;}
  .mob-app{width: 33%; height: 33%;}
  .xs-m-bot{margin-bottom: 20px !important}
  .banner-heading{top: 90px;}
  .cbp-so-section p { font-size: 1.5em !important;text-align:justify !important}
  .muli-head{font-size: 20px;}
  @keyframes app-head-left{
   0%{transform: translateX(10px); opacity: 0}
   100%{transform: translateX(0px); opacity: 1}
  }
}
@media screen and (min-width:600px){
.lg-width1{width:68% !important}
.lg-width2{width:32% !important}
.inner-sec{display: flex; flex-basis: 50%}
.cbp-so-section p { font-size: 1.1em ; text-align: justify;}
.lg-width3{width:55% !important}
.lg-width4{width:45% !important}
.lg-width5{width:40% !important}
.lg-width6{width:60% !important}

}
.app-inner-section{width:100%; min-height:20px; background:#fff;z-index:1; position: relative;}
.app-icon{width: 58px;height: 53px;border: 2px solid #9ad44e;border-radius: 50%;
padding: 9px;}

.inner-details{min-height: 68px;flex-basis: 50%;display:flex;align-items: center;;margin: 10px 15px 10px 0px;padding-right: 20px;}
.inner-details p{padding-left: 10px}
.cont-area{width: 95%; border-top: 1px solid #ccc; padding: 20px 10px;font-family: 'Ubuntu', sans-serif !important;}
.cbp-so-section h2:after{content: ''; width:40px; height:4px; background: #6fa824; display: block; margin: 10px 0px; border-radius: 5px;}


.app-inner-section2{width:100%; min-height:20px; background:url(../images/office-app-back.jpg) center no-repeat; background-size: cover}
.cbp-so-section h3:after{content: ''; width:40px; height:4px; background: #6fa824; display: block; margin: 10px 0px; border-radius: 5px;}
.border-top-none{border-top: none !important;}
.text-left{text-align: left !important}
.first-cb-row{margin-bottom: -5px;width:100%; min-height: 20px; border-bottom: 1px solid #13b7dd; display: inline-block;}

.first-cb-row:last-child{border-bottom: none !important; margin-bottom: 30px}

.hadover-mid-img{width: 96px; height: 176px; margin-top: -10px;}
.handover-section{width: 100%; min-height: 20px; padding:30px 0px 0px 0px}
.mar-top-zero{margin-top:0px !important}
.heading1{font-weight: 400 !important; color:#014971 !important}
.border-bottom{border-bottom: 1px solid #ccc}
.pad-bot{padding-bottom: 20px !important}

.cbp-so-section h4{font-size: 2.1em; font-weight: 300;line-height: 1.1; padding-bottom: 3px;
    color: #383838}
.evry-sec{width:100%; min-height:200px; padding:30px 0px;}

.suit-head{font-size: 25px; font-weight:400; z-index: 101; position: relative;}
.suit-head .suit-main-head{font-size: 28px; font-weight: 500;padding: 4px 0px;}
.suit-head:after{   content: ''; display: block; width: 280px;height: 2px; background: #5ea5bf;
    max-width: 100%;}
.lg-font{font-size:33px ; font-weight:300;padding:1px 0px !important; margin-bottom: 4px !important}
.med-font{margin-bottom: 8px !important;text-align: right; font-weight: 300 !important; padding:1px 32px !important}
.text-width{max-width:280px; width:100%}
.top-zero{top:0px !important}
@media screen and (min-width:768px){
  .xs-m-bot{margin-top:-100px}
  .middle1{margin:0 auto !important; display: block;}

}
@media screen and (min-width:988px){
.top-mar{top:175px !important}
}
.inner-banner {
    width: 100%;
    min-height: 220px;

    background-position: 74% 7% !important;
    background-origin: padding-box;
    display: flex;
    color: #fff;
    align-items: center;
    margin-top: 60px;
}
@media screen and (max-width:1199px){

  .border-right{border:none !important}


}

.btn.active, .btn:active{webkit-box-shadow: none !important; box-shadow:none;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #fff;
  background-color: #5fcecd;}

.plan-sm-font{font-size: 24px !important;}
.plan-lg-font{font-size: 35px !important; color:#64e2ff !important;line-height: 50px;}
.plan-md-font{font-size: 34px !important;}

.plan-sm-font:after {
    content: '';
    width: 88px;
    height: 3px;
    background: #64e2ff;
    display: inline-block;
    margin-left: 4px;
}
.plan-md-font:before {
    content: '';
    width: 88px;
    height: 3px;
    background: #64e2ff;
    display: inline-block;
    margin-right: 4px;
}
.left-top{left:-50px !important; top: 50px !important}

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

  .plan-mob-app{width: 303px !important;}
  .left-top{top:0px !important}
  .top{top:0px !important}

}
@media screen and (max-width:559px) and (min-width:200px){
 .plan-lg-font{font-size:17px !important; line-height: 25px !important; text-align: right;}
 .plan-md-font{font-size:18px !important;}
 .left-top {left: 0px !important;top: 0px !important;}
 .plan-sm-font:after{display: none;}
 .plan-md-font:before{width: 30px !important;}
 .plan-sm-font { font-size: 18px !important;float: right;}
 .plan-mob-app{width:200px !important;}
}

.plan-sub-head{font-size:24px; color:#4c5459; padding:12px 0px;}
.plan-sub-head:after{content:''; width:60px; height:4px; display: block;margin:12px auto; background: #13b7dd; }
.Composite-section{width: 100%;min-height: 200px;background: url(../images/service-back.jpg) no-repeat;
    background-size: auto auto;background-size: cover;padding: 50px 0px 50px 0px;}
.emply-box{width: 100%; min-height: 250px; background: #fff;}
.table-box h5{width: 100%; padding: 8px 14px;color: #585858;min-height: 35px;display: inline-block;
    position: relative;}
.product-head{width: 100%; min-height: 250px; border: 1px solid #f2f2f2; padding:0px;text-align: center;padding: 10px 0px 0px 0px; position: relative;white-space: nowrap;}
.pad-left-right-zero{padding-left: 0px !important; padding-right:0px !important}
.table-box{width: 100%; color: #585858;min-height: 35px;border: 1px solid #f2f2f2;align-items: center; display: flex;}

.owl-controls{display: block !important}
.total-table-section{width:100%; min-height:20px; padding:50px 0px; background: #fff}
.owl-pagination{display: none}
.owl-carousel .owl-item .item{opacity: 1 !important}
@media screen and (max-width:559px) and (min-width:200px){
.owl-prev{margin-top: -493px !important;}
.owl-next{margin-top: -493px !important;}
.table-box{min-height: 50px}
.table-box h5{min-height: 50px}

}

@media screen and (min-width:600px){
.owl-prev{margin-top: -317px !important;}
.owl-next{margin-top: -317px !important;}

}

    .owl-next{float: right;
    width: 55px;
    height: 96px;
    display: flex;
    align-items: center !important;
    padding: 14px !important;
    font-size: 17px;
    position: relative;
    top: -50%;

    right: 0px;
    background: rgba(145, 178, 187, 0.9) url(../images/right-arrow.png) no-repeat center !important;

    z-index: 0;
    border-top-left-radius: 200px !important;
    border-bottom-left-radius: 203px !important;
}
.owl-prev{float: left;
width: 55px;
height: 96px;
display: flex;
align-items: center !important;
padding: 14px !important;
font-size: 17px;
position: relative;
top: -50%;

left: -7px;
background: rgba(145, 178, 187, 0.9) url(../images/left-arrow.png) no-repeat center !important;

z-index: 0;
border-top-right-radius: 200px !important;
border-bottom-right-radius: 203px !important;
}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {border-color: transparent;

    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;

}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {

    color: #fff;
    background-color: #ac2925;
    border-color: transparent;

}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {

    color: #fff;
    background-color: #c9302c;
    border-color: transparent;

}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none !important;border-color: transparent;

outline: 0px auto -webkit-focus-ring-color;

outline-offset: -2px;}