@font-face {font-family: 'Calibri'; src: url('Calibri-Bold.woff2') format('woff2'), url('Calibri-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: 'Calibri'; src: url('Calibri.woff2') format('woff2'), url('Calibri.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
body {font-size:15px; line-height:normal; color: #282828; font-family: 'Calibri', sans-serif; background: #f7f7f7;}
a {outline:none; text-decoration:none; color:#282828; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none;}
input, textarea, select {font-size:14px; color:#282828; vertical-align:middle; font-family: 'Calibri', sans-serif; outline:none; resize:none;}
input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select {appearance: none; -ms-appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;}
.transition {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
img {border:none; vertical-align:top; max-width:100%;}
.tac {text-align:center;}
.tar {text-align:right;}
.vAlign {vertical-align:middle;}
.mainCon {width:100%; position:relative; min-height:100vh; padding-top: 56px;}
.container {max-width:1200px; width: 100%; margin:auto; padding:0 15px;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {-webkit-align-items: center; -ms-align-items: center; align-items: center;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}

header {background: rgb(21,166,255); background: -moz-linear-gradient(left,  rgba(21,166,255,1) 0%, rgba(0,184,255,1) 49%, rgba(0,213,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(21,166,255,1) 0%,rgba(0,184,255,1) 49%,rgba(0,213,255,1) 100%); background: linear-gradient(to right,  rgba(21,166,255,1) 0%,rgba(0,184,255,1) 49%,rgba(0,213,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a6ff', endColorstr='#00d5ff',GradientType=1 ); width: 100%; position: fixed; left: 0; top: 0; z-index: 101; box-shadow: 0 0 20px rgba(0,0,0,.1);}
header .container {height: 56px; position: relative;}
.menuBox {margin-left: 80px;}
a.showMobMenu {display: none;}
.menu {position: relative;}
.menu > li {padding: 0 20px; text-transform: uppercase; font-weight: 700; font-size: 16px;}
.menu > li > a {display: block; height: 56px; line-height: 56px; padding: 0 5px; color: #01095c; position: relative;}
.menu > li > a:before {content: ''; position: absolute; left: 50%; bottom: 0; height: 4px; background: #01095c; width: 0%; transition:ease-in-out .3s;}
.menu > li > a:after {content: ''; position: absolute; right: 50%; bottom: 0; height: 4px; background: #01095c; width: 0%; transition:ease-in-out .3s;}
.menu > li > a:hover:before, .menu > li.open > a:before, .menu > li.active > a:before {width: 50%;}
.menu > li > a:hover:after, .menu > li.open > a:after, .menu > li.active > a:after {width: 50%;}

.serviceMenu {position: absolute; left: -50px; right: -50px; top: 100%; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,.2); display: none;}
.serviceMenu ul {margin: -15px -10px;}
.serviceMenu ul li {width: 33.33%; padding:15px 10px; text-align: center;}
.serviceMenu ul li a {display: block; font-size: 17px; text-transform: none;}
.serviceMenu ul li a .hd {margin-top: 10px;}
.serviceMenu ul li a .img {min-height: 65px; display: flex; align-items: center; justify-content: center;}
.serviceMenu ul li a:hover {color: #0066fe;}
.menu li.open .serviceMenu {display: block;}

.search {margin-right: 20px;}
.call {margin-right: 20px;}
.searchBox {background: #999; border-bottom: 1px solid rgba(255,255,255,.4); padding: 10px 0; display: none;}
header .searchBox .container {height: auto; position: relative;}
.searchInput {width: 100%; padding: 12px;}
.searchBtn {width: 60px; background: #ccc; color: #fff; position: absolute; right: 17px; top: 2px; bottom: 2px; border:none; font-size: 22px; cursor: pointer; outline: none;}

.moreLink {position: relative;}
a.showMoreLink {text-transform: uppercase; color: #01095c; display: inline-block; background: url(../images/dwn_arrow.png) no-repeat right 7px; padding-right: 12px; font-weight: 700; font-size: 16px;}
.moreLinkPopup {position: absolute; right: -10px; top: 35px; width: 200px; display: none;}
.moreLinkPopup:before {content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; right: 15px; top: -6px;}
.moreLinkPopup ul {border-radius: 3px; overflow: hidden; background: #fff;}
.moreLinkPopup ul li {border-bottom: 1px solid #eee;}
.moreLinkPopup ul li a {display: block; padding: 10px 15px;}
.moreLinkPopup ul li a:hover {background: #eee;}

.bannerCon {background-size: cover !important;}
.bannerCon .container {height: 495px; text-align: center; justify-content: center;}
.bannerInfo {padding: 20px 0 80px 0;}
.bannerHd {color: #fff;  font-size: 34px; font-weight: 700; padding-bottom: 30px;}
.bannerHd span {display: block; font-size: 48px; padding-top: 15px; line-height: 48px;}
a.bannerBtn {display: inline-block; background: #ce1127; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; border-radius: 30px; padding: 12px 30px;}
a.bannerBtn:hover {background: #57aeff;}

.pt60 {padding-top: 60px;}
.pb60 {padding-bottom: 60px;}

.topBox {position: relative; margin: -20px -15px 0 -15px;}
.topBox li {width: 25%; padding: 0 15px;}
.topBox li > a {display: block; height: 100%; border-radius: 10px; padding: 30px; text-align: center;}
.topBox li > a:hover {background: rgb(0,186,254); background: -moz-linear-gradient(top,  rgba(0,186,254,1) 0%, rgba(0,11,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,186,254,1) 0%,rgba(0,11,255,1) 100%); background: linear-gradient(to bottom,  rgba(0,186,254,1) 0%,rgba(0,11,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bafe', endColorstr='#000bff',GradientType=0 ); color: #fff;}
.topBox li .hd {font-size: 22px; font-weight: 700; padding: 15px 0; line-height: 24px;}
.topBox li .text {font-size: 16px;}
.topBox li > a .over {display: none;}
.topBox li > a:hover .front {display: none;}
.topBox li > a:hover .over {display: inline-block;}

.mainHd {font-size: 34px; font-weight: 700; line-height: 36px; padding-bottom: 15px;}
.whyText {color: #282828; font-size: 17px; max-width: 550px; line-height: 24px; padding-bottom: 20px;}
.whyBox .lft {width: 44%; padding-right: 20px; max-width: 480px;}
.stepList li {margin-bottom: 2px; border-radius: 10px; padding: 20px 35px; font-size: 17px; line-height: 24px; cursor: pointer;}
.stepList li span {display: block; font-size: 21px; font-weight: 700; padding: 0 0 5px 0;}
.stepList li.active, .stepList li:hover {background: rgb(0,186,254); background: -moz-linear-gradient(left,  rgba(0,186,254,1) 0%, rgba(0,9,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,186,254,1) 0%,rgba(0,9,255,1) 100%); background: linear-gradient(to right,  rgba(0,186,254,1) 0%,rgba(0,9,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bafe', endColorstr='#0009ff',GradientType=1 ); color: #fff;}

.whyBox .rgt {width: 56%; max-width: 610px;}
.videoBox {border-radius: 10px; overflow: hidden; position: relative;}
.videoBox img {width: 100%;}
.videoBox .play {width: 90px; height: 90px; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -45px 0 0 -45px; cursor: pointer;}
.videoBox .play img {width: auto; position: absolute; left: 0; top:0; right: 0; bottom: 0; margin: auto;}

.whtBg {background: #fff;}
.tmLeft {width: 500px; overflow: hidden;}
.tmLeft img {width: 100%; border-radius: 16px;}
.tmRight {width:calc(100% - 500px); padding: 0 0 0 40px;}
.tmRight .text {background: url(../images/quote_icon.png) no-repeat 0 0; padding: 15px 0 20px 80px; font-size: 17px; color: #282828; line-height: 24px;}
.tmRight .text .name {display: block; font-size: 24px; font-weight: 700; padding: 30px 0 0 0;}
.testimonialSlider {margin-top: 10px;}
.testimonialSlider .slick-dots {padding: 0 0 0 620px; display: flex; flex-wrap: wrap;}
.testimonialSlider .slick-dots li {margin-right: 10px;}
.testimonialSlider .slick-dots li button {width: 30px; height: 5px; background: #e9e9e9; border: none; overflow: hidden; text-indent: -200px; border-radius: 20px; cursor: pointer;}
.testimonialSlider .slick-dots li.slick-active button, .testimonialSlider .slick-dots li:hover button {background: #006afe;}

.downloadApp {background-size: cover !important; border-radius: 10px;}
.downloadApp .screenImg {width: 306px; margin: 0 50px; padding: 54px 0 0 0;}
.downloadApp .det {width: calc(100% - 406px); padding: 20px 50px; color: #fff; height: 360px;}
.downloadApp .det .hd {font-weight: 700; font-size: 64px;}
.downloadApp .det .text {font-size: 26px; padding-bottom: 35px;}
.downloadApp .det .button a {display: inline-block; margin-right: 10px;}

footer {background: #0a0b20;}
.footerTop {margin: 0 -15px;}
.footerColumn {padding: 35px 22px;}
.footerColumn.column1 {width: 27%;}
.footerColumn.column2 {width: 22%;}
.footerColumn.column3 {width: 24%;}
.footerColumn.column4 {width: 27%;}
.footerText {color: #fff; padding: 20px 0 0 0; line-height: 24px;}
.footerHd {color: #fff; font-weight: 700; font-size: 26px; padding-bottom: 10px;}
.footerLink li {padding: 4px 0;}
.footerLink li a {display: inline-block; color: #fff; position: relative; padding-left: 12px;}
.footerLink li a:before {content: ''; background: url(../images/link_arrow.png) no-repeat; width: 5px; height: 8px; position: absolute; left: 0; top: 5px;}
.footerLink li a:hover {color: rgba(255, 255, 255, .8);}

.address {color: #fff; line-height: 26px; position: relative; padding: 0 0 0 35px; margin-bottom: 35px;}
.address img {position: absolute; left: 0; top: 8px;}
.email {color: #fff; line-height: 26px; position: relative; padding: 0 0 0 35px;}
.email img {position: absolute; left: 0; top: 6px;}
.email a {color: #fff;}
.email a:hover {color: rgba(255, 255, 255, .8);}

.footerBot {background: #0066fe;}
.copy {color: #fff; padding: 15px 0;}
.footerSocial {padding: 15px 0;}
.footerSocial li {margin-left: 15px;}
.whtasup {position: fixed; left: 5px; bottom: 5px; z-index: 101;}
.phone {position: fixed; right: 5px; bottom: 5px; z-index: 101;}
.popupLinks .arrow {display: none;}
.popupLinks {position: absolute; right: 10px; top: 80px; z-index: 100;}
.popupLinks .inner {width: 250px; border-radius: 8px; padding: 20px; }
.popupLinks .links {padding-bottom: 15px;}
.popupLinks .links li {margin-bottom: 10px;}
.popupLinks .links li a {display: block; background: #ce1127; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 30px; padding: 12px 10px; text-align: center;}
.popupLinks .links li:nth-child(2n) a {background: rgb(0,111,254); background: -moz-linear-gradient(left,  rgba(0,111,254,1) 0%, rgba(0,8,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,111,254,1) 0%,rgba(0,8,255,1) 100%); background: linear-gradient(to right,  rgba(0,111,254,1) 0%,rgba(0,8,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ffe', endColorstr='#0008ff',GradientType=1 ); }
.popupLinks .links li a:hover {opacity: .7;}

.innerBanner {background-size: cover !important; font-size: 40px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center;}
.innerBanner .container {min-height: 150px; padding: 60px 15px; display: flex; justify-content: center; align-items: center;}
.aboutLft {width: 310px;}
.aboutImg img {width: 100%; border-radius: 10px; border: 1px solid #aaaaaa;}
.aboutLink {margin-top: 20px;}
.aboutLink li {padding-bottom: 10px;}
.aboutLink li a {display: block; background: #007ffe; border-radius: 6px; font-size: 24px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; padding: 15px;}
.aboutLink li a:hover, .aboutLink li a.active {background: #ce1127;}
.aboutRgt {width:calc(100% - 310px); padding: 0 0 0 50px;}
.aboutHd {font-size: 40px; text-transform: uppercase; font-weight: 700; margin-bottom: 15px;}
.aboutHd img {vertical-align: middle; margin: 0 5px 4px 0;}
.aboutText {font-size: 18px; line-height: 24px;}
.aboutList {padding-top: 20px; margin: -5px;}
.aboutList > li  {width: 33.33%; padding: 5px;}
.aboutList > li > .inner {background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 20px; height: 100%; text-align: center;}
.aboutList li .icon {padding:0 0 10px 0;}
.aboutList li .det {font-size: 15px; line-height: 20px;}
.aboutList li .det span {display: block; padding-bottom: 10px; font-size: 19px; font-weight: 700; line-height: normal;}
  .regBox {background: #fff; width: 100%; max-width: 780px; margin: auto; border-radius: 10px; padding:40px 50px;}
  .regTab {align-items: flex-start;}
  .regTab li {color: #b4b4b4; font-size: 17px; font-weight: 700; text-transform: uppercase; margin-left: 25px; padding: 5px 0;}
  .regTab li.active {color: #0092fe; border-bottom: 3px solid #0092fe;}
.form {margin: -10px -15px; padding:10px 0 35px 0;}
  .form li {width: 50%; padding:10px 15px;}
  .form li.oneThird {width: 33.33%;}
  .form li.fullWidth {width: 100%;}
  .fieldHd {display: block; color: #090204; font-size: 16px; padding-bottom: 5px; font-weight: 600;}
  .formInput {width: 100%; background: #f0f0f0; border: 1px solid #dddddd; border-radius: 4px; padding: 12px 15px; font-size: 16px;}
  .formSelect {width: 100%; background: #f0f0f0 url(../images/selectArrow.png) no-repeat right 12px center; border: 1px solid #dddddd; border-radius: 4px; padding: 13px 15px; font-size: 16px;}
  .formBtn {background: rgb(0,180,254); background: -moz-linear-gradient(left,  rgba(0,180,254,1) 0%, rgba(0,11,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,180,254,1) 0%,rgba(0,11,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,180,254,1) 0%,rgba(0,11,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4fe', endColorstr='#000bff',GradientType=1 ); min-width: 120px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 700; border: none; padding: 12px 10px; cursor: pointer; border-radius: 30px;}
    .assBey {text-align: right; font-size: 18px; font-weight: 700; padding: 30px 0 0 0;}
    .phoneBox {position: relative; padding: 0 0 0 120px;}
    .phoneBox .formSelect {position: absolute; left: 0; top: 0; width: 110px;}
    a.skipLink {display: inline-block; margin-right: 30px; color: #0092fe; text-transform: uppercase; font-size: 17px; font-weight: 700;}
    a.skipLink:hover {color: #000;}

    .loginBox {background: #fff; width: 100%; max-width: 480px; margin: auto; border-radius: 10px; padding:40px 50px;}
    .rem {font-size: 16px;}
    .rem input {vertical-align: middle; margin: 0 4px 4px 0;}
    a.fp {color: #0066fe; font-size: 16px; text-decoration: underline;}
    a.fp:hover {color: #333; text-decoration: none;}

  
@-webkit-keyframes hvr-buzz-out {
    16.65% {
      -webkit-transform: skew(-12deg);
      transform: skew(-12deg);
    }
    33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
    }
    49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
    }
    66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
    }
    83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
    }
    100% {
      -webkit-transform: skew(0);
      transform: skew(0);
    }
  }
  @keyframes hvr-buzz-out {
    16.65% {
      -webkit-transform: skew(-12deg);
      transform: skew(-12deg);
    }
    33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
    }
    49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
    }
    66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
    }
    83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
    }
    100% {
      -webkit-transform: skew(0);
      transform: skew(0);
    }
  }
  .hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  .aboutList > li > .inner:hover .hvr-buzz-out {
    -webkit-animation-name:hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }


  .contactBox {border-radius: 12px; overflow: hidden; box-shadow: 0 0 12px rgba(0,0,0,.2); margin-top: -35px; position: relative; z-index: 10; background: #fff;}
  .contactLft {width: 350px; padding:40px; background: rgb(0,184,254); background: -moz-linear-gradient(left,  rgba(0,184,254,1) 0%, rgba(0,9,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,184,254,1) 0%,rgba(0,9,255,1) 100%);     background: linear-gradient(to right,  rgba(0,184,254,1) 0%,rgba(0,9,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8fe', endColorstr='#0009ff',GradientType=1 ); }
  .reachUs {font-size: 24px; color: #fff;}
  .reachUs span {display: inline-block; border-bottom: 2px solid #fff; padding-bottom: 2px;}
  .contactInfo li {color: #fff; margin-top: 35px; font-size: 16px; padding: 0 0 0 45px; position: relative;}
  .contactInfo li img {position: absolute; left: 0; top: 0;}
  .contactInfo li.emailContact img {top: 0;}
  .contactInfo li.phoneContact img {top: -4px;}
  .contactInfo li.webContact img {top: -4px;}
  .contactInfo li.locationContact img {top: 0;}
  .contactRgt {padding: 40px; width: calc(100% - 350px);}
  .contactForm {margin: -15px;}
  .contactForm li {width: 100%; padding: 15px; position: relative;}
  .contactForm li.half {width: 50%;}
  .contactField {display: block; color: #69788c; font-size: 15px; padding: 0 0 5px 0; font-weight: 500;}
  .contactInput {width: 100%; font-size: 19px; border: none; border-bottom: 1px solid #cdcfd1; padding: 12px 0; background: #fff;}
  .contactSelect {width: 100%; font-size: 19px; border: none; border-bottom: 1px solid #cdcfd1; padding: 13px 0; background: #fff url(../images/select_arrow.png) no-repeat right center;}
  .goBtn {width: 75px; height: 75px; border-radius: 100%; border: none; cursor: pointer; position: absolute; right: 0; top: -55px; background: rgb(0,184,254); background: -moz-linear-gradient(left,  rgba(0,184,254,1) 0%, rgba(0,9,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,184,254,1) 0%,rgba(0,9,255,1) 100%); background: linear-gradient(to right,  rgba(0,184,254,1) 0%,rgba(0,9,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8fe', endColorstr='#0009ff',GradientType=1 );}

  .bannerIcon {display: block; margin: 0 auto 15px auto;}
  .serviceLft {width: 310px;}
  .serviceLft img {border-radius: 10px;}
  .serviceRgt {width:calc(100% - 310px); padding: 0 0 0 50px; font-size: 17px; line-height: 26px;}
  .serviceRgt .large {font-size: 20px; line-height: 30px; font-weight: 700;}
  .bulletList {padding-top: 5px;}
  .bulletList li {padding: 3px 0 3px 16px; position: relative;}
  .bulletList li:before {content: ''; width: 6px; height: 6px; background: #333; border-radius: 100%; position: absolute; left: 0; top: 12px;}
  .idpBanner {padding-bottom: 30px;}
  .underConstruction {border-radius: 2px; overflow: hidden; border:1px solid; position: relative; z-index: 10; min-height: 250px; padding: 45px 30px;}
  .ucText {padding: 25px 0 0 0; font-size: 22px; font-weight: 700; text-transform: none;}
  .ucText span {display: block; font-size: 42px; text-transform: none;}
.planList {    margin: -10px;}
.planList > li {  width: 33.33%;  padding: 10px;}

    .planList li .inner {
        background: #f8f8f8;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 5px 5px rgba(0,0,0,.2);
    }

        .planList li .inner .hd {
            background: #0066fe;
            padding: 12px;
            text-align: center;
            color: #fff;
            font-size: 24px;
            font-weight: 600;
        }

        .planList li .inner .det {
            padding: 20px;
        }

            .planList li .inner .det ul li {
                padding: 5px 0;
                text-align: center;
                font-size: 16px;
            }

                .planList li .inner .det ul li.price {
                    font-size: 32px;
                    font-weight: 600;
                    padding-top: 10px;
                }

                    .planList li .inner .det ul li.price span {
                        font-size: 16px;
                        color: #999;
                        font-weight: 400;
                    }

            .planList li .inner .det a.button {
                display: block;
                background: #f1941b;
                color: #fff;
                border-radius: 4px;
                padding: 12px;
                font-size: 20px;
                text-align: center;
                margin-top: 10px;
            }

                .planList li .inner .det a.button:hover {
                    background: #c4740c;
                }

.dbTable {
    margin-top: 30px;
    border-radius: 8px;
    overflow: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

    .dbTable table {
        width: 100%;
        border-spacing: 0;
    }

        .dbTable table tr th {
            background: #e0eeff;
            white-space: nowrap;
            text-align: left;
            padding: 15px;
            color: #000;
            font-size: 16px;
        }

        .dbTable table tr td {
            background: #eff6ff;
            border-top: 1px solid #dcdcdc;
            font-weight: 600;
            text-align: left;
            padding: 15px;
            color: #000;
            font-size: 15px;
        }

        .dbTable table tr:nth-child(2n+1) td {
            background: #fff;
        }

        .dbTable table td .blueClr {
            color: #0096fe;
        }

.dbformBtn {
    background: #333;
    padding: 10px 25px;
    border-radius: 30px;
    line-height: normal;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

    .dbformBtn.btnSave {
        background: #26c281;
    }

    .dbformBtn.btnReset {
        background: #ce1127;
    }

    .dbformBtn.btnSearch {
        background: #00b6fe;
        background: -moz-linear-gradient(left, #00b6fe 0%, #000eff 100%);
        background: -webkit-linear-gradient(left, #00b6fe 0%,#000eff 100%);
        background: linear-gradient(to right, #00b6fe 0%,#000eff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6fe', endColorstr='#000eff',GradientType=1 );
    }