@import url(../fonts/stylesheet.css);.block {
  display: block
}

.iblock {
  display: inline-block
}

.inline {
  display: inline
}

.none {
  display: none
}

.fleft {
  float: left
}

.fright {
  float: right
}

.rel {
  position: relative
}

.abs {
  position: absolute
}

.tcenter {
  text-align: center!important
}

.tleft {
  text-align: left!important
}

.tright {
  text-align: right!important
}

.w100 {
  width: 100%
}

a {
  text-decoration: none!important
}

.w-light {
  font-weight: 300!important
}

.w-bold {
  font-weight: 700!important
}

.w-normal {
  font-weight: 400!important
}

.w-medium,.w-semi {
  font-weight: 500!important
}

input[type=password],input[type=text],textarea {
  -webkit-appearance: none
}

input[type=password]:focus,input[type=text]:focus,textarea:focus {
  outline: 0
}

inputs {
  -webkit-appearance: none
}

p {
  margin: 0 0 10px;
}

ol,ul {
  margin: 0;
  padding: 0;
  list-style: none
}

form {
  margin: 0
}

.t-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block
}

.pointer {
  cursor: pointer
}

h1,h2,h3,h4,h5,h6 {
  margin: 0
}

.rows:after,.rows:before {
  content: "";
  display: table;
  clear: both
}

.rw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.rw>* {
  padding: 0 15px
}

.cl {
  flex: 1 0 0
}

.cl-auto {
  flex: 0 0 auto;
  width: auto
}

.cl-2 {
  flex: 0 0 16.666667%;
  width: 16.666667%
}

.cl-3 {
  flex: 0 0 25%;
  width: 25%
}

.cl-4 {
  flex: 0 0 33.333333%;
  width: 33.333333%
}

.cl-5 {
  flex: 0 0 41.666%;
  width: 41.666%
}

.cl-6 {
  flex: 0 0 50%;
  width: 50%
}

.cl-8 {
  flex: 0 0 66.666666%;
  width: 66.666666%
}

.cl-9 {
  flex: 0 0 75%;
  width: 75%
}

.cl-12 {
  flex: 0 0 100%;
  width: 100%
}

a {
  color: inherit;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

a:hover {
  color: #081131
}

img {
  max-width: 100%;
  object-fit: cover
}

.container {
  width: auto;
  max-width: 1270px;
  padding: 0 15px
}

.mm-wrapper__blocker.mm-slideout {
  background: rgba(0,0,0,.8);
  margin-right: -50px;
  z-index: 9
}

.mm-listitem:after {
  left: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  line-height: 1.5
}

.obtn {
  font-size: 14px;
  font-weight: 400!important;
  color: #fff;
  line-height: 20px;
  padding: 14px 30px;
  border-radius: 8px;
  background: #00104b;
  position: relative;
  border: none;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.obtn img,.obtn svg {
  position: absolute;
  left: 16px;
  top: 50%;
  max-height: 100%;
  transform: translateY(-50%)
}

.obtn img+span,.obtn svg+span {
  padding-left: 22px
}

.obtn>i {
  position: absolute;
  left: 30px;
  top: 50%;
  font-size: 24px;
  max-height: 100%;
  transform: translateY(-50%)
}

.obtn>i.icon-cpanel {
  font-size: 16px
}

.obtn>i+span {
  padding-left: 34px
}

.obtn>span {
  position: relative;
  z-index: 3
}

.obtn>span span {
  padding-right: 36px
}

.obtn>span span i {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  font-size: 24px
}

.obtn.btn-sm {
  padding: 10px 24px
}

.obtn.btn-md {
  font-size: 16px;
  padding: 18px 30px
}

.obtn:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(75.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.obtn:hover {
  background: 0 0!important;
  color: #fff;
  border-radius: 8px
}

.obtn:hover:before {
  opacity: 1;
  border-radius: 8px
}

.obtn:focus {
  color: #fff
}

.obtn.btn-linear {
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)!important;
  border-radius: 8px
}

.obtn.btn-gray {
  background: #667093;
  width: 100%
}

.obtn.btn-orange {
  background: #ff6c2c
}

.obtn.btn-white {
  color: #667093;
  background: #fff
}

.obtn.btn-white:hover {
  color: #fff
}

.obtn-outline {
  padding: 0;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  background-color: #fff;
  color: #00104b;
  font-weight: 500;
  display: inline-block;
  padding: 14px 30px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.obtn-outline:hover {
  background: #00104b;
  border-color: #00104b;
  color: #fff
}

[data-tab-content] {
  display: none
}

[data-tab-content].active {
  display: block
}

[data-currency] {
  display: none
}

[data-currency].active {
  display: block
}

.h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 500;
  color: #081131;
  margin: 0
}

.owl-nav {
  font-size: 0
}

.owl-nav button {
  display: inline-block;
  font-size: 24px!important;
  margin: 0 16px;
  text-align: center!important;
  border: 1px solid rgba(102,112,147,.2)!important;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.owl-nav button i {
  display: block;
  line-height: 46px;
  width: 46px
}

.owl-nav button:hover {
  color: #fff!important;
  background: #00104b!important;
  border-color: #00104b!important
}

.sliderItem {
  padding: 85px 0
}

.sliderItem .rw {
  align-items: center
}

.sliderItem .text {
  overflow: hidden
}

.sliderItem .text>h1,.sliderItem .text>strong {
  display: block;
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #081131
}

.sliderItem .text>h1 span,.sliderItem .text>strong span {
  display: block;
  font-size: 16px;
  padding-bottom: 12px;
  color: #667093;
  line-height: 20px
}

.sliderItem .text>span {
  display: block;
  padding-top: 16px;
  font-size: 18px;
  line-height: 32px;
  color: #667093
}

.sliderItem .text ul {
  margin: 0 -20px;
  padding-top: 8px
}

.sliderItem .text ul li {
  padding: 24px 20px 0
}

.sliderItem .text ul li p {
  position: relative;
  padding-left: 60px;
  color: #667093
}

.sliderItem .text ul li p i {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 48px;
  width: 48px;
  text-align: center!important;
  font-size: 24px;
  border-radius: 4px;
  color: #20cf86;
  background: rgba(32,207,134,.1)
}

.sliderItem .text ul li p strong {
  display: block;
  font-size: 16px;
  color: #081131;
  font-weight: 500;
  padding-bottom: 3px
}

.sliderItem .text .obtn {
  margin-top: 32px
}

.sliderItem .img img {
  width: auto
}

.tabMenu {
  font-size: 0;
  background: rgba(102,112,147,.08);
  border-radius: 8px;
  display: table;
  table-layout: fixed;
  padding: 4px
}

.tabMenu li {
  display: table-cell;
  padding: 4px;
  text-align: center!important
}

.tabMenu li a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #667093;
  font-weight: 500;
  background: #ebeef5;
  border-radius: 8px;
  padding: 10px;
  white-space: nowrap;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.tabMenu li a span {
  display: inline-block;
  position: relative;
  padding-left: 28px
}

.tabMenu li a span img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 100%
}

.tabMenu li a.active {
  color: #00104b;
  background: #fff
}

.frm-control {
  position: relative;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(102,112,147,.2)
}

.frm-control input,.frm-control select {
  position: relative;
  width: 100%;
  z-index: 3;
  border: none;
  padding: 0;
  background: 0 0;
  font-size: 16px;
  color: #667093;
  padding: 15px 18px;
  min-height: 54px;
  appearance: none
}

.frm-control i {
  position: absolute;
  right: 24px;
  top: 16px;
  font-size: 24px;
  color: #00104b;
  line-height: 1
}

.frm-control i+input,.frm-control i+select {
  padding-right: 60px
}

.packages {
  padding-top: 110px
}

.packages .container h2,.packages .container h4 {
  text-align: center!important;
  font-size: 32px;
  color: #00104b;
  font-weight: 500
}

.packages .container>p {
  font-size: 18px;
  text-align: center!important;
  padding: 8px 0 36px
}

.packages .container ul {
  justify-content: center;
  margin: -15px
}

.packages .container ul li {
  padding: 15px
}

.packages .container ul li div {
  position: relative;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.packages .container ul li div i {
  position: absolute;
  left: 24px;
  top: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #00bed1;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.packages .container ul li div i.icon-cpanel {
  font-size: 16px
}

.packages .container ul li div>strong {
  display: block;
  padding-left: 32px;
  color: #00104b;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400!important
}

.packages .container ul li div>span {
  display: block;
  line-height: 24px;
  padding-top: 16px
}

.packages .container ul li div:hover {
  border-color: transparent;
  box-shadow: 0 10px 48px rgb(0 0 0 / 15%)
}

.no-border {
  border-top: none!important
}

// Create a new containing block .swal2-label {
  padding-left: .2em
}

.slogans {
  padding: 48px 15px
}

.slogans>.rw {
  align-items: center;
  padding: 48px 0
}

.slogans .text h2,.slogans .text h3,.slogans .text h4,.slogans .text h5 {
  font-size: 32px;
  color: #00104b;
  font-weight: 600
}

.slogans .text h2 strong,.slogans .text h3 strong,.slogans .text h4 strong,.slogans .text h5 strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400!important;
  color: #00b57f;
  padding-bottom: 4px
}

.slogans .text>p {
  padding-top: 16px;
  font-size: 16px;
  line-height: 2;
  max-width: 1024px;
  margin: 0 auto
}

.slogans .text ul li {
  padding-top: 32px;
  line-height: 24px
}

.slogans .text ul li i {
  display: block;
  font-size: 32px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  -webkit-background-clip: text;
  line-height: 1;
  -webkit-text-fill-color: transparent
}

.slogans .text ul li strong {
  display: block;
  padding: 16px 0;
  font-size: 20px;
  line-height: 24px;
  color: #00104b;
  font-weight: 400!important
}

.slogans .text>.obtn {
  margin-top: 40px
}

.slogans .img img {
  margin: 0 auto;
  display: block
}

.faq {
  padding: 120px 0 96px;
  border-top: 1px solid rgba(102,112,147,.2)
}

.faq h5 {
  text-align: center!important;
  font-size: 32px;
  color: #00104b;
  font-weight: 500
}

.faq p {
  font-size: 18px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center!important;
  padding: 8px 0 36px
}

.faq>div {
  max-width: 901px
}

.faq>div ul li {
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  border: 1px #e9e9e9 solid
}

.faq>div ul li>strong {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 1.33;
  font-weight: 400;
  padding: 24px 72px 24px 24px;
  cursor: pointer
}

.faq>div ul li>strong i {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  width: 72px;
  font-size: 24px;
  text-align: center!important
}

.faq>div ul li div {
  display: none;
  padding: 0 24px 24px;
  font-size: 14px;
  line-height: 24px
}

.faq>div ul li div.open {
  display: block
}

.faq>div ul li.active {
  background: rgba(102,112,147,.05)
}

.faq>div ul li.active>strong {
  color: #00104b
}

.faq>div ul li:last-child {
  border-bottom: none
}

.seperatorContent {
  text-align: center!important;
  padding-top: 80px
}

.seperatorContent>div>i {
  display: block;
  font-size: 40px;
  color: #00104b
}

.seperatorContent>div h2,.seperatorContent>div h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.44;
  padding: 16px 0
}

.seperatorContent>div h2 strong,.seperatorContent>div h3 strong {
  display: block;
  color: #00104b;
  font-weight: 500
}

.seperatorContent>div p {
  font-size: 18px;
  max-width: 1030px;
  margin: 0 auto;
  padding-bottom: 32px
}

.seperatorContent.bg {
  padding: 120px 0;
  margin-top: 120px;
  background: #f9fbff;
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

.seperatorContent.bg>div h3 {
  padding-top: 0
}

.domainItem {
  position: relative
}

.domainItem>strong {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center!important;
  font-size: 12px;
  padding: 5px;
  color: #fff;
  font-weight: 600;
  letter-spacing: .08em;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  border-radius: 4px 4px 0 0
}

.domainItem>strong+a {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.domainItem a {
  position: relative;
  display: block;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 4px;
  padding: 16px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.domainItem a>span {
  display: block;
  position: relative;
  padding-right: 56px
}

.domainItem a>span>span {
  display: block;
  background: #fff;
  border-radius: 4px;
  width: 80px;
  padding: 0 8px
}

.domainItem a>span>span img {
  margin: 0 auto;
  height: 40px;
  max-width: 100%;
  object-fit: contain;
  display: block
}

.domainItem a>span>strong {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  width: 40px;
  display: block;
  text-align: center!important;
  font-weight: 600;
  font-size: 12px;
  color: #00b57f;
  border-radius: 4px;
  background: rgba(0,181,127,.1);
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.domainItem a>b {
  position: relative;
  display: block;
  padding-top: 16px;
  margin-top: 16px;
  padding-right: 20px;
  border-top: 1px solid rgba(102,112,147,.2)
}

.domainItem a>b>span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #667093;
  font-weight: 500;
  padding-bottom: 4px
}

.domainItem a>b>span em {
  font-style: normal;
  text-decoration: line-through
}

.domainItem a>b strong {
  font-size: 18px;
  font-weight: 600;
  color: #081131;
  line-height: 20px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.domainItem a>b i {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 24px;
  color: #081131;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.domainItem a:hover {
  background: #fff;
  border-color: #fff;
  box-shadow: 0 10px 48px rgba(0,0,0,.04)
}

.domainItem a:hover>span strong {
  color: #fff;
  background: #00b57f
}

.domainItem a:hover b i,.domainItem a:hover b strong {
  color: #00b57f
}

.domain {
  /* background:#f9fbff; */
  /* padding:120px 0; */
  /* border-top:1px solid rgba(102,112,147,.2); */
  /* border-bottom:1px solid rgba(102,112,147,.2); */
}

.domain .container>div {
  text-align: center!important;
  max-width: 820px;
  margin: 0 auto
}

.domain .container>div p {
  font-size: 18px;
  line-height: 32px;
  padding: 16px 0 32px
}

.domain .container>div form {
  position: relative;
  background: #fff;
  box-shadow: 0 10px 48px rgba(0,0,0,.04);
  border-radius: 8px
}

.domain .container>div form i {
  position: absolute;
  left: 28px;
  top: 50%;
  line-height: 0;
  font-size: 24px
}

.domain .container>div form input {
  position: relative;
  z-index: 3;
  background: 0 0;
  border: none;
  padding: 28px 174px 28px 68px;
  width: 100%;
  font-size: 18px;
  border: 1px #e5e4e4 solid;
  line-height: 24px;
  color: #081131
}

.domain .container>div form input::-webkit-input-placeholder {
  color: #667093
}

.domain .container>div form input:-ms-input-placeholder {
  color: #667093
}

.domain .container>div form input::placeholder {
  color: #667093
}

.domain .container>div form button {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 14px 16px
}

.domain .container>div form button span span {
  padding-right: 0
}

.domain .container>ul {
  font-size: 0;
  text-align: center!important;
  padding-top: 30px
}

.domain .container>ul li {
  position: relative;
  display: inline-block;
  padding: 10px 0
}

.domain .container>ul li a {
  display: block;
  position: relative;
  font-size: 16px;
  padding: 0 40px 0 68px
}

.domain .container>ul li a i {
  position: absolute;
  left: 40px;
  top: 50%;
  line-height: 0;
  font-size: 24px
}

.domain .container>ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 1px;
  height: 20px;
  opacity: .2;
  margin-top: -10px;
  background: #667093
}

.domain .container>ul li:first-child:before {
  display: none
}

.domain .container>ol {
  padding-top: 30px
}

.domain .container>ol li {
  padding: 30px 15px 0
}

.domain .container>section {
  padding-top: 50px
}

.domain .container>section .item {
  padding-top: 28px
}

.domain .container>section .owl-nav {
  text-align: center!important;
  padding-top: 32px;
  margin-bottom: -24px
}

.domain .container>section .owl-nav button {
  background: #fff;
  box-shadow: 0 10px 48px rgba(0,0,0,.08);
  border-color: #fff!important
}

.packageFeatures {
  padding-top: 90px
}

.packageFeatures .seperatorContent {
  padding-top: 0;
  padding-bottom: 10px
}

.packageFeatures ul li {
  padding-top: 30px
}

.packageFeatures ul li>div {
  position: relative;
  padding: 0 20px 24px;
  text-align: center!important;
  height: 100%
}

.packageFeatures ul li>div strong {
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: #00104b;
  font-weight: 400!important
}

.packageFeatures ul li>div p {
  font-size: 14px;
  line-height: 24px;
  padding-top: 8px
}

.packageFeatures ul li>div:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 80px;
  right: 0;
  bottom: 0;
  background: #f9fbff;
  border-radius: 12px
}

.packageFeatures>div>.b {
  padding-top: 40px;
  text-align: center!important
}

.checkbox {
  margin: 0
}

.checkbox label {
  position: relative;
  font-size: 14px;
  padding-left: 32px;
  line-height: 24px
}

.checkbox label i {
  position: absolute;
  left: 0;
  width: 24px;
  text-align: center!important;
  border: 1px solid rgba(102,112,147,.2);
  font-size: 22px;
  color: #fff
}

.checkbox label i:before {
  position: relative;
  z-index: 2;
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.checkbox label i:after {
  position: absolute;
  content: "";
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.checkbox input {
  display: none
}

.checkbox input:checked+label i:after,.checkbox input:checked+label i:before {
  opacity: 1
}

.rangeInput>div {
  background: rgba(102,112,147,.2);
  border: none!important;
  height: 4px;
  margin: 6px 0
}

.rangeInput>div>div {
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)!important
}

.rangeInput>div>span {
  display: block;
  top: -6px!important;
  width: 16px!important;
  height: 16px!important;
  border-radius: 100%!important;
  border: 3px solid #fff!important;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)!important
}

.rangeInput ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin: 0 -8.3333%
}

.rangeInput ul>* {
  padding: 0 15px
}

.rangeInput ul li {
  flex: 1 0 0;
  padding: 0;
  text-align: center!important;
  font-size: 14px;
  font-weight: 500;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.rangeInput ul li.active {
  color: #00104b
}

.preference {
  background: #f9fbff;
  padding-top: 80px;
  border-bottom: 1px solid #dcdfe9
}

.preference .container>div {
  max-width: 600px;
  margin: 0 auto;
  text-align: center!important
}

.preference .container>div p {
  font-size: 18px;
  line-height: 32px;
  padding: 16px 0 40px
}

.preference .container ul {
  display: table;
  table-layout: fixed;
  margin-bottom: -1px;
  width: 100%
}

.preference .container ul li {
  position: relative;
  display: table-cell;
  font-size: 16px;
  border-left: 1px solid #dcdfe9;
  border-bottom: 1px solid #dcdfe9;
  padding: 0 10px 80px;
  text-align: center!important
}

.preference .container ul li p {
  display: inline-block;
  text-align: left!important;
  position: relative;
  padding-left: 88px
}

.preference .container ul li p strong {
  display: block;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 5px;
  color: #081131
}

.preference .container ul li p i {
  position: absolute;
  left: 0;
  top: 4px;
  width: 64px;
  display: block;
  line-height: 64px;
  background: #fff;
  box-shadow: 0 10px 48px rgba(0,0,0,.04);
  text-align: center!important;
  font-size: 32px;
  color: #00b57f
}

.preference .container ul li:first-child {
  border-left: none
}

.select2-container {
  position: absolute;
  background: #fff;
  box-shadow: 0 10px 48px rgba(0,0,0,.08)
}

.select2-container .select2-dropdown {
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  margin-top: 5px
}

.select2-container .select2-dropdown .select2-search {
  padding: 5px 4px
}

.select2-container .select2-dropdown .select2-search input {
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  position: relative;
  z-index: 2;
  appearance: none;
  width: 100%;
  font-size: 16px;
  padding: 5px 16px
}

.select2-container .select2-dropdown ul li {
  padding: 6px 20px
}

.form-groups {
  margin-bottom: 0;
  padding-bottom: 16px
}

.form-groups>label {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 500
}

.form-groups>div {
  position: relative;
  background: #fff;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px
}

.form-groups>div input,.form-groups>div select,.form-groups>div textarea {
  position: relative;
  z-index: 2;
  appearance: none;
  width: 100%;
  border: none;
  background: 0 0;
  font-size: 16px;
  padding: 11px 16px
}

.form-groups>div textarea {
  resize: vertical
}

.form-groups>div i {
  position: absolute;
  top: 12px;
  line-height: 1;
  right: 24px;
  font-size: 24px
}

.form-groups>div i+input,.form-groups>div i+select,.form-groups>div i+textarea {
  padding-right: 60px
}

.form-groups .select2-hidden-accessible {
  display: none
}

.form-groups .select2-container {
  position: unset!important;
  width: 100%!important;
  border: none;
  box-shadow: none;
  display: block
}

.form-groups .select2-container .select2-selection {
  position: relative;
  height: auto!important;
  border: none
}

.form-groups .select2-container .select2-selection .select2-selection__rendered {
  display: block;
  width: 100%!important;
  background: #fff;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  font-size: 16px;
  padding: 9px 60px 9px 16px
}

.form-groups .select2-container .select2-selection .select2-selection__arrow {
  right: 24px;
  height: 46px
}

.form-groups .select2-container .select2-selection .select2-selection__arrow:before {
  content: "\ea4e";
  font-family: remixicon!important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  line-height: 46px
}

.form-groups .select2-container .select2-selection .select2-selection__arrow b {
  display: none
}

#mmenu {
  z-index: 10
}

#mmenu .subBox {
  padding: 12px 12px 0
}

#mmenu .subBox a {
  display: block;
  position: relative;
  background: #f7f9fd;
  border-radius: 8px;
  padding: 12px 12px 12px 80px;
  font-size: 12px;
  line-height: 16px!important;
  white-space: normal;
  min-height: 80px
}

#mmenu .subBox a i {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 56px;
  line-height: 56px;
  text-align: center!important;
  background: #fff;
  font-size: 32px;
  color: #667093;
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 8px;
  overflow: hidden;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#mmenu .subBox a i:before {
  position: relative;
  z-index: 1
}

#mmenu .subBox a i:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#mmenu .subBox a strong {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 8px;
  color: #00104b
}

#mmenu .subBox a:hover i {
  color: #fff
}

#mmenu .subBox a:hover i:after {
  opacity: 1
}

#mmenu .subBox:after {
  display: none
}

body {
  position: relative;
  padding-top: 119px;
  font-family: "Euclid Circular B";
  font-size: 14px;
  background: #fff;
  color: #667093;
  padding-right: 0!important;
  line-height: 1.5;
  overflow: auto!important;
  overflow-x: hidden!important;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

body * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: 0!important;
  font-family: "Euclid Circular B"
}

body.no-scroll {
  overflow: hidden
}

body:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#header {
  position: absolute;
  left: 0;
  top: 6px;
  width: 100%;
  z-index: 7;
  background: #fff;
  box-shadow: 0 10px 48px rgba(0,0,0,.04)
}

#header .top .left ul {
  font-size: 0
}

#header .top .left ul li {
  display: inline-block;
  font-size: 14px;
  border-right: 1px solid rgba(102,112,147,.2);
  vertical-align: middle;
  line-height: 20px
}

#header .top .left ul li>* {
  position: relative;
  display: block;
  padding: 10px 24px 10px 48px
}

#header .top .left ul li a i {
  position: absolute;
  left: 24px;
  font-size: 18px
}

#header .top .left ul li strong {
  padding: 10px 48px 10px 24px;
  cursor: pointer;
  font-weight: 400!important;
  display: none
}

#header .top .left ul li strong b {
  color: #00b57f;
  font-weight: 600
}

#header .top .left ul li strong i {
  position: absolute;
  right: 24px;
  font-size: 18px
}

#header .top .left ul li strong.active {
  display: block
}

#header .top .left ul li:first-child>* {
  padding-left: 24px
}

#header .top .left ul li:first-child>* i {
  left: 0
}

#header .top .right ul {
  font-size: 0;
  display: inline-block;
  text-align: left!important;
  border-left: 1px solid rgba(102,112,147,.2)
}

#header .top .right ul li {
  display: inline-block;
  text-align: left!important;
  vertical-align: middle
}

#header .top .right ul li>* {
  display: block;
  position: relative;
  font-size: 14px;
  color: #6670ae;
  cursor: pointer;
  line-height: 20px;
  padding: 10px 20px 10px 44px
}

#header .top .right ul li>* i,#header .top .right ul li>* img {
  position: absolute;
  left: 20px;
  font-size: 18px;
  top: 50%;
  line-height: 0
}

#header .top .right ul li>* img {
  margin-top: -8px;
  width: 16px
}

#header .top .right ul li strong {
  padding-right: 44px;
  font-weight: 400!important
}

#header .top .right ul li strong i {
  left: auto;
  right: 20px
}

#header .top .right ul li:last-child>* {
  padding-right: 0
}

#header .bottom {
  position: relative;
  background: #fff;
  z-index: 7;
  border-top: 1px solid rgba(102,112,147,.2)
}

#header .bottom>.container {
  position: relative;
  padding: 0 175px 0 195px
}

#header .bottom>.container>ul {
  font-size: 0;
  text-align: right!important
}

#header .bottom>.container>ul>li {
  display: inline-block;
  vertical-align: top
}

#header .bottom>.container>ul>li>a {
  position: relative;
  display: block;
  color: #081131;
  line-height: 24px;
  padding: 24px 20px
}

#header .bottom>.container>ul>li>a span {
  font-size: 15px;
  vertical-align: middle;
  display: inline-block
}

#header .bottom>.container>ul>li>a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  padding-left: 4px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#header .bottom>.container>ul>li>a:before {
  position: absolute;
  content: "";
  z-index: 8;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 1px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#header .bottom>.container>ul>li>div {
  position: absolute;
  z-index: 6;
  width: 100vw;
  background: #fff;
  left: 50%;
  margin-left: -50vw;
  top: 100%;
  font-size: 14px;
  box-shadow: 0 64px 64px rgba(0,0,0,.24);
  border-top: 1px solid rgba(102,112,147,.2);
  display: none;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#header .bottom>.container>ul>li>div>div {
  text-align: left!important;
  padding: 30px 14px;
  overflow: hidden
}

#header .bottom>.container>ul>li>div>div>div>div {
  padding: 15px;
  border-left: 1px solid rgba(102,112,147,.2)
}

#header .bottom>.container>ul>li>div>div>div>div>strong {
  display: block;
  font-weight: 500;
  color: #667093
}

#header .bottom>.container>ul>li>div>div>div>div ul li {
  padding-top: 12px
}

#header .bottom>.container>ul>li>div>div>div>div ul li a {
  display: block;
  position: relative;
  background: #f7f9fd;
  border-radius: 8px;
  padding: 12px 12px 12px 80px;
  font-size: 12px;
  line-height: 16px;
  min-height: 80px
}

#header .bottom>.container>ul>li>div>div>div>div ul li a i {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 56px;
  line-height: 56px;
  text-align: center!important;
  background: #fff;
  font-size: 32px;
  color: #667093;
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 8px;
  overflow: hidden;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#header .bottom>.container>ul>li>div>div>div>div ul li a i:before {
  position: relative;
  z-index: 1
}

#header .bottom>.container>ul>li>div>div>div>div ul li a i:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#header .bottom>.container>ul>li>div>div>div>div ul li a strong {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 8px;
  color: #00104b
}

#header .bottom>.container>ul>li>div>div>div>div ul li a:hover {
  background: #fff;
  box-shadow: 0 0 8px rgb(0 0 0 / 23%)
}

#header .bottom>.container>ul>li>div>div>div>div ul li a:hover i {
  color: #fff
}

#header .bottom>.container>ul>li>div>div>div>div ul li a:hover i:after {
  opacity: 1
}

#header .bottom>.container>ul>li>div>div>div>div ol {
  padding-top: 4px
}

#header .bottom>.container>ul>li>div>div>div>div ol li {
  padding-top: 12px
}

#header .bottom>.container>ul>li>div>div>div>div ol li a {
  position: relative;
  color: #00104b;
  font-size: 15px;
  font-weight: 400;
  padding-left: 24px
}

#header .bottom>.container>ul>li>div>div>div>div ol li a i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #00b57f
}

#header .bottom>.container>ul>li:hover>a i {
  color: #00b57f;
  transform: rotateX(180deg)
}

#header .bottom>.container>ul>li:hover>a:before {
  opacity: 1
}

#header .bottom>.container>ul>li:hover>div {
  display: block;
}

#header .bottom>.container>div {
  position: absolute;
  right: 15px;
  top: 0;
  border-left: 1px solid rgba(102,112,147,.2)
}

#header .bottom>.container>div>a {
  color: #081131;
  font-size: 15px;
  text-align: right!important;
  display: block;
  line-height: 72px;
  min-width: 140px
}

#header .bottom>.container>div>a>span {
  position: relative;
  display: inline-block;
  padding: 0 32px 0 28px
}

#header .bottom>.container>div>a>span i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 20px
}

#header .bottom>.container>div>a>span b {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 24px;
  width: 24px;
  text-align: center!important;
  margin-top: -12px;
  background: #00b57f;
  border-radius: 4px;
  color: #fff;
  font-weight: 600
}

#header .bottom>.container .menu {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 48px;
  border-radius: 4px;
  background: #081131;
  color: #fff;
  text-align: center!important;
  font-size: 24px;
  margin-top: -24px;
  display: none
}

#header .bottom>.container .menu i {
  display: block;
  line-height: 48px
}

#header .bottom .logo {
  position: absolute;
  left: 15px;
  top: 0;
  display: block;
  padding: 18px 0
}

#header .bottom .logo img {
  min-height: 36px
}

#header.fix {
  position: fixed;
  top: -41px
}

#home .slider {
  overflow: hidden
}

#home .slider .owl-carousel {
  background: url(../img/home-slider.png) no-repeat center/cover
}

#home .slider .dot {
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#home .slider .dot .container {
  padding: 0;
  overflow: auto
}

#home .slider .dot .container ul {
  display: table;
  width: 100%;
  table-layout: fixed
}

#home .slider .dot .container ul li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  border-left: 1px solid rgba(102,112,147,.2);
  text-align: center!important;
  cursor: pointer;
  padding: 28px 14px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#home .slider .dot .container ul li>* {
  position: relative;
  padding-left: 32px;
  font-size: 16px;
  z-index: 3;
  font-weight: 400!important;
  display: inline-block;
  text-align: left!important
}

#home .slider .dot .container ul li>* i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 24px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#home .slider .dot .container ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#home .slider .dot .container ul li:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 4px;
  bottom: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#home .slider .dot .container ul li.active {
  color: #081131
}

#home .slider .dot .container ul li.active i {
  color: #20cf86
}

#home .slider .dot .container ul li.active:before {
  opacity: .08
}

#home .slider .dot .container ul li.active:after {
  opacity: 1
}

#home .slider .dot .container ul li:first-child {
  border-left: none
}

#home .campaign {
  overflow: hidden
}

#home .campaign .b {
  position: relative
}

#home .campaign .b ul li {
  position: relative;
  padding: 80px 15px;
  text-align: center!important
}

#home .campaign .b ul li div {
  max-width: 520px;
  margin: 0 auto
}

#home .campaign .b ul li:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100vw;
  height: 1px;
  margin-left: -50vw;
  background: rgba(102,112,147,.2)
}

#home .campaign .b ul li strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #081131
}

#home .campaign .b ul li span {
  display: block;
  font-size: 16px;
  line-height: 28px;
  padding-top: 10px
}

#home .campaign .b ul li:nth-child(odd):before {
  display: none
}

#home .campaign .b:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(102,112,147,.2)
}

#home .success {
  text-align: center!important;
  max-width: 740px;
  padding: 80px 15px
}

#home .success p {
  font-size: 18px;
  line-height: 32px;
  padding: 16px 0 32px
}

#home .package {
  background: #f9fbff;
  border-bottom: 1px solid #dcdfe9;
  text-align: center!important;
  padding-top: 120px
}

#home .package>div p {
  font-size: 18px;
  line-height: 32px;
  padding: 16px 0 40px
}

#home .package ul {
  margin: 0;
  background: #fff;
  border-radius: 8px;
  margin-bottom: -218px;
  border: 1px solid rgba(102,112,147,.2)
}

#home .package ul>li {
  padding: 24px;
  border-left: 1px solid rgba(102,112,147,.2)
}

#home .package ul>li h5 {
  font-size: 20px;
  line-height: 25px;
  padding: 12px 0;
  font-weight: 500;
  color: #00104b
}

#home .package ul>li>strong {
  display: block;
  font-size: 16px;
  font-weight: 400!important
}

#home .package ul>li>b {
  display: block;
  padding: 24px 0;
  line-height: 1
}

#home .package ul>li>b>span {
  display: block;
  font-size: 16px;
  font-weight: 400!important
}

#home .package ul>li>b>span em {
  font-style: normal;
  text-decoration: line-through
}

#home .package ul>li>b strong {
  font-size: 44px;
  padding-top: 16px;
  color: #081131
}

#home .package ul>li>b strong b {
  display: inline-block;
  vertical-align: middle
}

#home .package ul>li>b strong span {
  font-size: 20px;
  line-height: 16px;
  vertical-align: middle;
  text-align: left!important;
  display: inline-block
}

#home .package ul>li>b strong span span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #6978a0;
  padding-top: 6px
}

#home .package ul>li .btn-outline {
  width: 100%
}

#home .package ul>li ol {
  margin-top: 24px;
  text-align: left!important;
  padding-top: 12px;
  border-top: 1px solid rgba(102,112,147,.2)
}

#home .package ul>li ol li {
  font-size: 16px;
  line-height: 24px;
  color: #081131;
  margin-top: 12px;
  padding-left: 36px;
  position: relative
}

#home .package ul>li ol li i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 24px
}

#home .package ul>li:first-child {
  border-left: none
}

#home .customer {
  padding: 336px 15px 120px;
  text-align: center!important
}

#home .customer>p {
  font-size: 18px;
  line-height: 32px;
  padding: 16px 15px 48px;
  max-width: 885px;
  margin: 0 auto
}

#home .customer>strong {
  display: block;
  color: #00b57f;
  font-weight: 600
}

#home .customer .owl-carousel {
  margin-top: 32px
}

#home .customer .item>div {
  position: relative;
  border: 1px solid rgba(102,112,147,.2);
  padding: 24px 24px 32px;
  border-radius: 4px;
  overflow: hidden;
  text-align: left!important
}

#home .customer .item>div p {
  font-size: 16px;
  line-height: 28px
}

#home .customer .item>div>div {
  border-top: 1px solid rgba(102,112,147,.2);
  margin-top: 24px;
  padding: 33px 0 9px 68px;
  color: #00104b;
  position: relative
}

#home .customer .item>div>div img {
  position: absolute;
  top: 24px;
  left: 0;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  object-fit: cover
}

#home .customer .item>div>div strong {
  display: block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500
}

#home .customer .item>div>div span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  padding-top: 8px
}

#home .customer .item>div:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#home .customer .item>div:hover {
  box-shadow: 0 10px 72px rgba(0,0,0,.08)
}

#home .customer .item>div:hover:before {
  opacity: 1
}

#home .customer .owl-nav {
  padding-top: 32px
}

#home .technology>div {
  position: relative;
  padding: 40px 100px 40px;
  border-top: 1px solid rgba(102,112,147,.2)
}

#home .technology>div .item img {
  width: auto;
  margin: 0 auto;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  opacity: .4
}

#home .technology>div .item img:hover {
  opacity: 100;
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  filter: none
}

#home .technology>div .owl-nav>button {
  position: absolute;
  left: -100px;
  top: 50%;
  margin: -24px 0 0
}

#home .technology>div .owl-nav>button:last-child {
  left: auto;
  right: -100px
}

#home .technology>div:before {
  position: absolute;
  content: "";
  left: 50%;
  top: -2px;
  height: 3px;
  width: 240px;
  transform: translateX(-50%);
  max-width: 60%;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .top {
  padding-bottom: 200px;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#hosting .package>div {
  margin-top: -230px
}

#hosting .package>div>div {
  padding-top: 30px
}

#hosting .package>div>div>div>div {
  padding: 15px
}

#hosting .package>div .item {
  border-radius: 8px;
  background: 0 0;
  padding: 1px
}

#hosting .package>div .item>strong {
  display: block;
  text-align: center!important;
  font-size: 12px;
  padding: 5px;
  color: #fff;
  font-weight: 600;
  letter-spacing: .08em
}

#hosting .package>div .item>strong+div {
  border-radius: 0 0 8px 8px;
  margin-top: 0
}

#hosting .package>div .item>div {
  background: #fff;
  border-radius: 8px;
  padding: 24px 16px;
  margin-top: 28px;
  border: 1px solid rgba(102,112,147,.1)
}

#hosting .package>div .item>div>p {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#hosting .package>div .item>div>p strong {
  display: block;
  color: #00104b;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 40px;
  padding-bottom: 16px
}

#hosting .package>div .item>div>p>span {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .package>div .item>div>p>span span {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: #f0f1f4;
  opacity: 0
}

#hosting .package>div .item>div>p>span.p25 span {
  opacity: 1
}

#hosting .package>div .item>div>p>span.p25 span:first-child {
  height: 32px
}

#hosting .package>div .item>div>p>span.p25 span:last-child {
  left: 16px;
  top: 16px
}

#hosting .package>div .item>div>p>span.p50 span {
  opacity: 1;
  height: 32px
}

#hosting .package>div .item>div>p>span.p75 span {
  opacity: 1
}

#hosting .package>div .item>div>strong {
  font-size: 0;
  text-align: center!important;
  padding-top: 8px;
  font-weight: 500
}

#hosting .package>div .item>div>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#hosting .package>div .item>div>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#hosting .package>div .item>div>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#hosting .package>div .item>div>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#hosting .package>div .item>div>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#hosting .package>div .item>div>em {
  display: block;
  color: #00104b;
  line-height: 24px;
  text-align: center!important;
  font-style: normal;
  background: rgba(32,207,134,.2);
  padding: 2px 10px;
  border-radius: 8px;
  margin-bottom: 12px
}

#hosting .package>div .item>div>span {
  display: block;
  font-size: 13px;
  padding-bottom: 16px;
  text-align: center!important
}

#hosting .package>div .item>div .btn {
  width: 100%
}

#hosting .package>div .item>div>div:not(.pricing-plans) {
  margin: 16px 0;
  background: #f7f9fd;
  border-radius: 8px;
  padding: 16px
}

#hosting .package>div .item>div>div>strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #00104b;
  font-weight: 500;
  padding-bottom: 6px
}

#hosting .package>div .item>div>div ul {
  margin-bottom: -10px;
  padding: 4px 0 0
}

#hosting .package>div .item>div>div ul li {
  position: relative;
  font-size: 16px;
  border-top: 1px solid rgba(102,112,147,.2);
  padding: 10px 0 10px 28px
}

#hosting .package>div .item>div>div ul li i {
  position: absolute;
  left: 0;
  top: 12px;
  color: #00104b;
  font-size: 20px
}

#hosting .package>div .item>div>div ul li img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  transform: translateY(-50%)
}

#hosting .package>div .item>div>div ul li:first-child {
  border-top: none
}

#hosting .package>div .item>div .btn-outline {
  width: 100%;
  background: #fff
}

#hosting .package>div .item>div .btn-outline:hover {
  background: #00104b
}

#hosting .package>div .item.favorited {
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .features {
  margin-top: 120px;
  background: #f9fbff;
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2);
  padding: 120px 0
}

#hosting .features>div>h3 {
  text-align: center!important;
  font-size: 32px;
  color: #00104b;
  font-weight: 500
}

#hosting .features>div>p {
  font-size: 18px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center!important;
  padding: 8px 0 36px
}

#hosting .features>div>div {
  overflow: auto
}

#hosting .features>div>div>.rw {
  margin: 0;
  min-width: 1200px
}

#hosting .features>div>div .t {
  align-items: center
}

#hosting .features>div>div .t .left {
  padding: 0
}

#hosting .features>div>div .t .left>h3 {
  font-size: 24px;
  font-weight: 500;
  color: #00104b
}

#hosting .features>div>div .t .left>h3 strong {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400!important;
  padding-bottom: 6px;
  padding-left: 28px
}

#hosting .features>div>div .t .left>h3 strong i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px
}

#hosting .features>div>div .t .right {
  padding: 0
}

#hosting .features>div>div .t .right .rw {
  margin: 0
}

#hosting .features>div>div .t .right .rw>div {
  position: relative;
  padding: 0
}

#hosting .features>div>div .t .right .rw>div>strong {
  display: block;
  text-align: center!important;
  color: #fff;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  border-radius: 8px 8px 0 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .08em;
  padding: 4px 10px;
  position: absolute;
  left: 0;
  bottom: 100%;
  right: 0
}

#hosting .features>div>div .t .right .rw>div>strong+div {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important
}

#hosting .features>div>div .t .right .rw>div>div {
  padding: 20px 16px;
  background: #fff
}

#hosting .features>div>div .t .right .rw>div>div>p {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#hosting .features>div>div .t .right .rw>div>div>p strong {
  display: block;
  color: #00104b;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 32px;
  padding-bottom: 12px
}

#hosting .features>div>div .t .right .rw>div>div>p>span {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .features>div>div .t .right .rw>div>div>p>span span {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  display: block;
  background: #f0f1f4;
  opacity: 0
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p25 span {
  opacity: 1
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p25 span:first-child {
  height: 24px
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p25 span:last-child {
  left: 12px;
  top: 12px
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p50 span {
  opacity: 1;
  height: 24px
}

#hosting .features>div>div .t .right .rw>div>div>p>span.p75 span {
  opacity: 1
}

#hosting .features>div>div .t .right .rw>div>div>strong {
  font-size: 0;
  text-align: center!important;
  font-weight: 500
}

#hosting .features>div>div .t .right .rw>div>div>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#hosting .features>div>div .t .right .rw>div>div>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#hosting .features>div>div .t .right .rw>div>div>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#hosting .features>div>div .t .right .rw>div>div>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#hosting .features>div>div .t .right .rw>div>div>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#hosting .features>div>div .t .right .rw>div>div>em {
  display: block;
  color: #00104b;
  line-height: 24px;
  text-align: center!important;
  font-style: normal;
  background: rgba(32,207,134,.2);
  padding: 2px 10px;
  border-radius: 8px;
  margin-bottom: 12px
}

#hosting .features>div>div .t .right .rw>div>div>span {
  display: block;
  font-size: 13px;
  padding-bottom: 16px;
  text-align: center!important
}

#hosting .features>div>div .t .right .rw>div>div .btn {
  width: 100%
}

#hosting .features>div>div .t .right .rw>div:first-child>div {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px
}

#hosting .features>div>div .t .right .rw>div:last-child>div {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px
}

#hosting .features>div>div .c {
  min-width: 1200px
}

#hosting .features>div>div .c>div>strong {
  display: block;
  position: relative;
  font-size: 20px;
  line-height: 24px;
  color: #667093;
  font-weight: 500;
  padding: 18px 32px;
  border-bottom: 1px solid rgba(102,112,147,.2);
  cursor: pointer;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#hosting .features>div>div .c>div>strong i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 24px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#hosting .features>div>div .c>div>strong b {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  font-size: 24px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#hosting .features>div>div .c>div>ul {
  display: none
}

#hosting .features>div>div .c>div>ul>li {
  margin: 0;
  padding: 20px 0;
  align-items: center;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#hosting .features>div>div .c>div>ul>li>strong {
  color: #00104b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding-left: 32px;
  position: relative
}

#hosting .features>div>div .c>div>ul>li>strong i {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 20px;
  line-height: 0
}

#hosting .features>div>div .c>div>ul>li>strong i.icon-cpanel {
  font-size: 14px;
  color: #ff6c2c
}

#hosting .features>div>div .c>div>ul>li>span>span {
  align-items: center
}

#hosting .features>div>div .c>div>ul>li>span>span>span {
  text-align: center!important;
  font-size: 16px;
  line-height: 20px;
  color: #00104b;
  font-weight: 500
}

#hosting .features>div>div .c>div>ul>li>span>span>span.green {
  color: #00b57f
}

#hosting .features>div>div .c>div>ul>li>span>span>span.icon {
  margin: -10px 0
}

#hosting .features>div>div .c>div>ul>li>span>span>span.icon i {
  display: block;
  font-size: 14px;
  padding-bottom: 6px
}

#hosting .features>div>div .c>div>ul>li>span>span>span.icon i.icon-cpanel {
  color: #ff6c2c
}

#hosting .features>div>div .c>div>ul.open {
  display: block
}

#hosting .features>div>div .c>div.active>strong {
  color: #00104b
}

#hosting .features>div>div .c>div.active>strong i {
  color: #00b57f
}

#hosting .features>div>div .c>div.active>strong b {
  color: #00b57f;
  transform: rotateX(180deg)
}

#hosting .features>div>div .b {
  align-items: center
}

#hosting .features>div>div .b .right {
  padding: 0;
  background: #fff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 48px rgba(0,0,0,.04)
}

#hosting .features>div>div .b .right .rw {
  margin: 0
}

#hosting .features>div>div .b .right .rw>div {
  position: relative;
  padding: 0
}

#hosting .features>div>div .b .right .rw>div>strong {
  display: block;
  text-align: center!important;
  color: #fff;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .08em;
  padding: 4px 10px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0
}

#hosting .features>div>div .b .right .rw>div>div {
  padding: 40px 16px 20px;
  border-left: 1px solid rgba(102,112,147,.2)
}

#hosting .features>div>div .b .right .rw>div>div>span {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#hosting .features>div>div .b .right .rw>div>div>span span {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  display: block;
  background: #f0f1f4;
  opacity: 0
}

#hosting .features>div>div .b .right .rw>div>div>span.p25 span {
  opacity: 1
}

#hosting .features>div>div .b .right .rw>div>div>span.p25 span:first-child {
  height: 24px
}

#hosting .features>div>div .b .right .rw>div>div>span.p25 span:last-child {
  left: 12px;
  top: 12px
}

#hosting .features>div>div .b .right .rw>div>div>span.p50 span {
  opacity: 1;
  height: 24px
}

#hosting .features>div>div .b .right .rw>div>div>span.p75 span {
  opacity: 1
}

#hosting .features>div>div .b .right .rw>div>div>p {
  position: relative;
  padding: 8px 0 16px;
  text-align: center!important
}

#hosting .features>div>div .b .right .rw>div>div>p strong {
  display: block;
  color: #00104b;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500
}

#hosting .features>div>div .b .right .rw>div>div>strong {
  font-size: 0;
  text-align: center!important;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 24px
}

#hosting .features>div>div .b .right .rw>div>div>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#hosting .features>div>div .b .right .rw>div>div>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#hosting .features>div>div .b .right .rw>div>div>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#hosting .features>div>div .b .right .rw>div>div>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#hosting .features>div>div .b .right .rw>div>div>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#hosting .features>div>div .b .right .rw>div>div>em {
  display: block;
  color: #00104b;
  line-height: 24px;
  text-align: center!important;
  font-style: normal;
  background: rgba(32,207,134,.2);
  padding: 2px 10px;
  border-radius: 8px;
  margin-bottom: 12px
}

#hosting .features>div>div .b .right .rw>div>div>span {
  display: block;
  font-size: 13px;
  padding-bottom: 16px;
  text-align: center!important
}

#hosting .features>div>div .b .right .rw>div>div .btn {
  width: 100%
}

#hosting .features>div>div .b .right .rw>div:first-child>div {
  border-left: none
}

#reseler .top {
  padding-bottom: 200px;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#reseler .top .sliderItem {
  padding: 55px 0
}

#reseler .configure>div {
  margin-top: -200px
}

#reseler .configure>div>.tabMenu {
  min-width: 344px;
  max-width: 100%;
  margin-bottom: 48px
}

#reseler .configure>div>div.active {
  display: -ms-flexbox;
  display: flex
}

#reseler .configure h2 {
  font-size: 18px;
  color: #00104b;
  font-weight: 500;
  line-height: 1
}

#reseler .configure p {
  font-size: 14px;
  line-height: 24px;
  padding: 8px 0 0
}

#reseler .configure .left>div {
  background: #fff;
  border: 1px solid rgba(102,112,147,.2);
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 8px;
  padding: 32px
}

#reseler .configure .left>div>div {
  padding-bottom: 32px
}

#reseler .configure .left>div>ul {
  position: relative;
  padding-top: 22px
}

#reseler .configure .left>div>ul li {
  position: relative;
  padding: 13px 15px 12px 43px;
  font-size: 16px;
  line-height: 20px
}

#reseler .configure .left>div>ul li i {
  position: absolute;
  top: 13px;
  left: 15px;
  color: #00104b;
  font-size: 20px;
  line-height: 20px
}

#reseler .configure .left>div>ul li>span {
  position: relative;
  display: inline-block;
  padding-right: 28px
}

#reseler .configure .left>div>ul li>span a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  line-height: 20px
}

#reseler .configure .left>div>ul:before {
  position: absolute;
  content: "";
  left: 15px;
  top: 0;
  right: 15px;
  height: 1px;
  background: rgba(102,112,147,.2)
}

#reseler .configure .left>div>ul.active {
  display: -ms-flexbox;
  display: flex
}

#reseler .configure .right>div {
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  border-radius: 8px;
  padding: 2px;
  box-shadow: 0 10px 64px rgba(0,0,0,.04)
}

#reseler .configure .right>div>div {
  padding: 30px 22px;
  background: #fff;
  border-radius: 8px
}

#reseler .configure .right>div>div h2 {
  font-size: 24px
}

#reseler .configure .right>div>div>div {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(102,112,147,.2)
}

#reseler .configure .right>div>div>div>div>div {
  display: none
}

#reseler .configure .right>div>div>div>div>div>strong {
  font-size: 0;
  text-align: center!important;
  font-weight: 500;
  line-height: 1;
  padding: 20px 0 8px
}

#reseler .configure .right>div>div>div>div>div>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#reseler .configure .right>div>div>div>div>div>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#reseler .configure .right>div>div>div>div>div>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#reseler .configure .right>div>div>div>div>div>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#reseler .configure .right>div>div>div>div>div>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#reseler .configure .right>div>div>div>div>div>span {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 24px;
  text-align: center!important;
  color: #00104b
}

#reseler .configure .right>div>div>div>div>div.active {
  display: block
}

#reseler .configure .right>div>div .form-group {
  padding-bottom: 0
}

#reseler .configure .right>div>div .form-group .select2-container .select2-selection .select2-selection__rendered {
  padding: 13px 60px 13px 18px
}

#reseler .configure .right>div>div .obtn {
  width: 100%;
  margin-top: 16px
}

#reseler .features {
  background: #f9fbff;
  padding-top: 120px;
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#reseler .features>div {
  overflow: hidden
}

#reseler .features>div>h3 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#reseler .features>div>p {
  font-size: 18px;
  line-height: 32px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center!important;
  padding: 20px 0 40px
}

#reseler .features>div>div {
  margin: 0 -32px
}

#reseler .features>div>div>div {
  border-left: 1px solid rgba(102,112,147,.2);
  padding: 16px 32px
}

#reseler .features>div>div>div strong {
  display: block;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #00104b
}

#reseler .features>div>div>div ul {
  padding-top: 10px
}

#reseler .features>div>div>div ul li {
  color: #667093;
  padding: 5px 0
}

#reseler .features>div>div>div ul li span {
  position: relative;
  display: inline-block;
  padding-left: 30px
}

#reseler .features>div>div>div ul li i {
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 24px;
  color: #00b57f;
  line-height: 1
}

#reseler .trust {
  padding-top: 120px
}

#reseler .trust>h3 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#reseler .trust>p {
  font-size: 18px;
  line-height: 32px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center!important;
  padding: 20px 0 48px
}

#reseler .trust ul li {
  position: relative
}

#reseler .trust ul li>strong {
  position: relative;
  display: block;
  font-weight: 400!important;
  cursor: pointer;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#reseler .trust ul li>strong span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  padding: 24px 60px 24px 24px
}

#reseler .trust ul li>strong span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 4px;
  width: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#reseler .trust ul li>strong i {
  position: absolute;
  right: 24px;
  top: 50%;
  line-height: 24px;
  margin-top: -12px;
  font-size: 24px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#reseler .trust ul li>div {
  padding: 24px;
  display: none
}

#reseler .trust ul li>div p {
  line-height: 24px;
  padding-bottom: 24px
}

#reseler .trust ul li>div.open {
  display: block
}

#reseler .trust ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background: rgba(102,112,147,.2)
}

#reseler .trust ul li.active {
  box-shadow: 0 10px 48px rgba(0,0,0,.04);
  background: #fff
}

#reseler .trust ul li.active>strong {
  color: #00104b
}

#reseler .trust ul li.active>strong span:before {
  width: 100%
}

#reseler .trust ul li.active>strong i {
  transform: rotate(90deg)
}

#reseler .trust ul li.active:before {
  background: #fff
}

#domain .domain {
  padding: 80px 0 0;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#domain .domain .sliderItem {
  padding: 55px 0
}

#domain .packageFeatures {
  margin-top: 15px
}

#domain .slogans {
  padding: 72px 15px
}

#domain .prices {
  background: #f9fbff;
  padding: 120px 0;
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#domain .prices>div>h3 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#domain .prices>div>p {
  font-size: 18px;
  line-height: 32px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center!important;
  padding: 20px 0 40px
}

#domain .prices>div>div {
  position: relative;
  text-align: right!important
}

#domain .prices>div>div table {
  position: relative;
  z-index: 2;
  width: 100%
}

#domain .prices>div>div table thead tr th {
  background: #667093;
  vertical-align: middle;
  color: #fff;
  font-weight: 500;
  text-align: center!important;
  line-height: 28px;
  padding: 10px
}

#domain .prices>div>div table thead tr th:first-child {
  background: 0 0;
  padding: 0 32px 0 0;
  width: 424px
}

#domain .prices>div>div table thead tr th:first-child div {
  position: relative;
  background: #fff
}

#domain .prices>div>div table thead tr th:first-child div i {
  position: absolute;
  right: 16px;
  top: 50%;
  line-height: 0;
  font-size: 24px;
  color: #667093
}

#domain .prices>div>div table thead tr th:first-child div input {
  position: relative;
  z-index: 3;
  padding: 0 48px 0 16px;
  background: 0 0;
  font-weight: 500;
  color: #667093;
  border: none;
  width: 100%;
  line-height: 48px
}

#domain .prices>div>div table thead tr th:nth-child(2) {
  border-top-left-radius: 4px
}

#domain .prices>div>div table thead tr th:last-child {
  border-top-right-radius: 4px
}

#domain .prices>div>div table tbody {
  display: none
}

#domain .prices>div>div table tbody tr td {
  text-align: center!important;
  padding: 15px 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #00104b;
  background: #fff;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#domain .prices>div>div table tbody tr td:first-child {
  position: relative;
  background: 0 0;
  text-align: left!important;
  font-weight: 500;
  padding-left: 30px;
  width: 424px
}

#domain .prices>div>div table tbody tr td:first-child i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 20px
}

#domain .prices>div>div table tbody.active {
  display: table-row-group
}

#domain .prices>div>div>ul {
  padding: 22px;
  background: #fff;
  border-radius: 0 0 8px 8px;
  width: calc(100% - 424px);
  display: inline-block
}

#domain .prices>div>div>ul li {
  padding: 2px;
  border-radius: 4px;
  display: inline-block
}

#domain .prices>div>div>ul li .btn {
  border-radius: 4px;
  padding: 10px;
  min-width: 40px;
  box-shadow: 0 10px 48px rgba(0,0,0,.04)
}

#domain .prices>div>div>ul li .btn>span span {
  padding: 0
}

#domain .prices>div>div>ul li .btn>span i {
  display: none
}

#domain .prices>div>div>ul li.active {
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#domain .prices>div>div>ul li.active .btn {
  color: #00b57f
}

#domain .prices>div>div>ul li.active .btn:before {
  display: none
}

#domain .prices>div>div>ul li.active .btn:hover {
  background: #fff!important
}

#domain .prices>div>div>ul li:first-child .btn,#domain .prices>div>div>ul li:last-child .btn {
  width: 110px
}

#domain .prices>div>div:before {
  position: absolute;
  content: "";
  left: 424px;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  box-shadow: 0 10px 64px rgba(0,0,0,.04)
}

#domain .faq {
  padding: 0 0 120px
}

#vps .top {
  padding: 0 0 155px;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#vps .top .sliderItem {
  padding: 55px 0
}

#vps .top .sliderItem .text ul {
  max-width: 500px
}

#vps .package>diV {
  margin-top: -155px
}

#vps .package>diV>div {
  margin: -15px
}

#vps .package>diV>div>div {
  position: relative;
  padding: 15px
}

#vps .package>diV>div>div>strong {
  position: absolute;
  left: 50%;
  top: 2px;
  min-width: 250px;
  max-width: 100%;
  transform: translateX(-50%);
  z-index: 4;
  display: block;
  text-align: center!important;
  font-size: 12px;
  padding: 5px;
  color: #fff;
  font-weight: 600;
  letter-spacing: .08em;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  border-radius: 8px
}

#vps .package>diV>div>div>div {
  position: relative;
  padding: 2px;
  border-radius: 8px;
  overflow: hidden
}

#vps .package>diV>div>div>div>div {
  position: relative;
  z-index: 3;
  border-radius: 8px;
  background: #fff;
  padding: 24px;
  text-align: center!important
}

#vps .package>diV>div>div>div>div>strong {
  display: block;
  font-size: 24px;
  line-height: 1;
  color: #00104b;
  font-weight: 500;
  padding-right: 30px;
  text-align: left!important
}

#vps .package>diV>div>div>div>div>span {
  display: block;
  line-height: 24px;
  padding-top: 8px;
  text-align: left!important
}

#vps .package>diV>div>div>div>div>img {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 32px;
  height: 32px
}

#vps .package>diV>div>div>div>div>b {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#vps .package>diV>div>div>div>div>b b {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: #f0f1f4;
  opacity: 0
}

#vps .package>diV>div>div>div>div>b.p25 b {
  opacity: 1
}

#vps .package>diV>div>div>div>div>b.p25 b:first-child {
  height: 32px
}

#vps .package>diV>div>div>div>div>b.p25 b:last-child {
  left: 16px;
  top: 16px
}

#vps .package>diV>div>div>div>div>b.p50 b {
  opacity: 1;
  height: 32px
}

#vps .package>diV>div>div>div>div>b.p75 b {
  opacity: 1
}

#vps .package>diV>div>div>div>div>.c {
  overflow: hidden;
  margin: 24px 0
}

#vps .package>diV>div>div>div>div>.c ul li {
  text-align: center!important;
  padding: 15px 10px;
  border-left: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#vps .package>diV>div>div>div>div>.c ul li i {
  display: block;
  font-size: 32px;
  line-height: 1;
  color: #00104b
}

#vps .package>diV>div>div>div>div>.c ul li strong {
  display: block;
  font-size: 18px;
  padding: 12px 0 2px;
  color: #00104b;
  font-weight: 500
}

#vps .package>diV>div>div>div>div .b {
  display: inline-block
}

#vps .package>diV>div>div>div>div .b>strong {
  font-size: 0;
  text-align: center!important;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 16px
}

#vps .package>diV>div>div>div>div .b>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#vps .package>diV>div>div>div>div .b>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#vps .package>diV>div>div>div>div .b>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#vps .package>diV>div>div>div>div .b>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#vps .package>diV>div>div>div>div .b>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#vps .package>diV>div>div>div>div .b>em {
  display: block;
  color: #00104b;
  line-height: 24px;
  text-align: center!important;
  font-style: normal;
  background: rgba(32,207,134,.2);
  padding: 2px 10px;
  border-radius: 8px;
  margin-bottom: 12px
}

#vps .package>diV>div>div>div>div .b>span {
  display: block;
  font-size: 13px;
  padding-bottom: 16px;
  text-align: center!important
}

#vps .package>diV>div>div>div:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  border: 1px solid rgba(102,112,147,.2);
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#vps .package>diV>div>div>div:after {
  position: absolute;
  content: "";
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#vps .package>diV>div>div.favorited>div:before {
  opacity: 1
}

#vps .package>diV>div>div.favorited>div:after {
  opacity: 1
}

#vps .slogans {
  padding: 72px 15px
}

#vds .top {
  padding: 0 0 155px;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#vds .top .sliderItem {
  padding: 55px 0
}

#vds .top .sliderItem .text ul {
  max-width: 500px
}

#vds .package>div {
  margin-top: -155px
}

#vds .package>div>.rw.active {
  display: -ms-flexbox;
  display: flex
}

#vds .package>div .tabMenu {
  width: 344px;
  max-width: 100%
}

#vds .package>div h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: #00104b
}

#vds .package>div p {
  line-height: 24px;
  padding-top: 16px;
  max-width: 470px
}

#vds .package>div .left {
  padding-top: 24px
}

#vds .package>div .left>div {
  position: relative;
  padding: 32px;
  background: #fff;
  border: 1px solid rgba(102,112,147,.2);
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 8px
}

#vds .package>div .left>div [data-tab-content] {
  overflow: hidden;
  margin: 24px 0
}

#vds .package>div .left>div [data-tab-content] ul {
  border-top: 1px solid rgba(102,112,147,.2)
}

#vds .package>div .left>div [data-tab-content] ul li {
  text-align: center!important;
  padding: 24px 10px;
  border-left: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#vds .package>div .left>div [data-tab-content] ul li i {
  display: block;
  font-size: 32px;
  line-height: 1;
  color: #00104b
}

#vds .package>div .left>div [data-tab-content] ul li strong {
  display: block;
  font-size: 18px;
  padding: 12px 0 2px;
  color: #00104b;
  font-weight: 500
}

#vds .package>div .left>div .b {
  position: relative
}

#vds .package>div .left>div .b .rangeInput {
  overflow: hidden;
  padding: 6px 0;
  border-radius: 18px
}

#vds .package>div .left>div .b .rangeInput>div {
  width: 85%;
  margin: 0 auto;
  height: 12px;
  background: 0 0
}

#vds .package>div .left>div .b .rangeInput>div>div {
  display: none
}

#vds .package>div .left>div .b .rangeInput>div span {
  border: none!important;
  height: 24px!important;
  width: 24px!important;
  margin-left: -12px!important;
  background: 0 0!important
}

#vds .package>div .left>div .b .rangeInput>div span:before {
  position: absolute;
  content: "";
  right: 50%;
  top: 50%;
  height: 12px;
  margin-top: -6px;
  bottom: 0;
  width: 100000px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  z-index: -1
}

#vds .package>div .left>div .b .rangeInput>div span:after {
  position: absolute;
  content: "";
  z-index: 5;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#vds .package>div .left>div .b .rangeInput:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  right: 0;
  bottom: 6px;
  background: #e4e6ef
}

#vds .package>div .left>div>ol {
  margin: -9px;
  padding-top: 16px
}

#vds .package>div .left>div>ol li {
  padding: 9px
}

#vds .package>div .left>div>ol li a {
  position: relative;
  display: block;
  z-index: 2;
  background: #f7f9fd;
  border-radius: 8px;
  text-align: center!important;
  line-height: 1;
  padding: 17px 10px;
  overflow: hidden;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#vds .package>div .left>div>ol li a strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 8px
}

#vds .package>div .left>div>ol li a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#vds .package>div .left>div>ol li a:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 8px;
  background: #fff;
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#vds .package>div .left>div>ol li a.active {
  background: 0 0
}

#vds .package>div .left>div>ol li a.active:after,#vds .package>div .left>div>ol li a.active:before {
  opacity: 1
}

#vds .package>div .right {
  padding-top: 24px
}

#vds .package>div .right>div {
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  overflow: hidden;
  height: 100%;
  padding: 2px;
  border: 1px solid rgba(102,112,147,.2);
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 8px
}

#vds .package>div .right>div>div {
  background: #fff;
  padding: 30px 22px;
  border-radius: 8px;
  height: 100%
}

#vds .package>div .right>div>div .tabMenu {
  width: 100%;
  margin: 24px 0
}

#vds .package>div .right>div>div .p {
  padding: 24px 0 16px;
  border-top: 1px solid rgba(102,112,147,.2)
}

#vds .package>div .right>div>div .p>div {
  width: 100%;
  background: #f7f9fd;
  border-radius: 4px;
  padding: 4px 8px
}

#vds .package>div .right>div>div .p>div>span {
  display: table-cell;
  background: #f7f9fd;
  border-radius: 8px;
  line-height: 1;
  padding: 8px;
  vertical-align: middle;
  overflow: hidden;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#vds .package>div .right>div>div .p>div>span strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  background: -webkit-linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#vds .package>div .right>div>div .p>div>strong {
  text-align: right!important;
  padding: 8px;
  vertical-align: middle;
  display: table-cell
}

#vds .package>div .right>div>div .p>div>strong>strong {
  font-size: 0;
  text-align: left!important;
  line-height: 1;
  font-weight: 500
}

#vds .package>div .right>div>div .p>div>strong>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#vds .package>div .right>div>div .p>div>strong>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#vds .package>div .right>div>div .p>div>strong>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#vds .package>div .right>div>div .p>div>strong>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#vds .package>div .right>div>div .p>div>strong>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#vds .package>div .right>div>div .p>div>strong>strong.active {
  display: inline-block
}

#vds .package>div .right>div>div .p>div.active {
  display: table
}

#vds .package>div .right>div>div .b .obtn {
  width: 100%;
  text-align: center
}

#dedicated .top {
  padding: 0 0 200px;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#dedicated .top .sliderItem {
  padding: 55px 0
}

#dedicated .top .sliderItem .text ul {
  max-width: 500px
}

#dedicated .package>div {
  margin-top: -200px
}

#dedicated .package .t>div {
  padding: 0 15px 24px
}

#dedicated .package .t>div>div {
  background: #fff;
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 8px;
  padding: 14px 24px;
  height: 100%
}

#dedicated .package .t>div>div strong {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #081131;
  font-weight: 500;
  padding-bottom: 12px
}

#dedicated .package .t>div>div>ul {
  margin: -8px
}

#dedicated .package .t>div>div>ul li {
  padding: 8px
}

#dedicated .package .b>ul>li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin: 0
}

#dedicated .package .b>ul>li>* {
  padding: 0 15px
}

#dedicated .package .b>ul>li.head {
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  background: rgba(102,112,147,.1)
}

#dedicated .package .b>ul>li.head>span {
  flex: 1 0 0;
  padding: 10px 15px;
  text-align: center!important
}

#dedicated .package .b>ul>li.head>span.server {
  flex: 0 0 180px;
  width: 180px
}

#dedicated .package .b>ul>li.head>span.price {
  flex: 0 0 210px;
  width: 210px
}

#dedicated .package .b>ul>li.head>span.features>span {
  display: table;
  width: 100%
}

#dedicated .package .b>ul>li.head>span.features>span>span {
  display: table-cell;
  width: 160px
}

#dedicated .package .b>ul>li.head>span.features>span>span:first-child {
  width: auto
}

#dedicated .package .b>ul>li.head>span.features>span>span:nth-child(2) {
  width: 130px
}

#dedicated .package .b>ul>li.head>span.features>span>span:last-child {
  width: 130px
}

#dedicated .package .b>ul>li.head>span.button {
  flex: 0 0 170px;
  width: 170px
}

#dedicated .package .b>ul>li.item {
  margin-top: 12px;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px
}

#dedicated .package .b>ul>li.item>div {
  flex: 0 0 auto;
  padding: 12px 15px
}

#dedicated .package .b>ul>li.item .server {
  text-align: center!important;
  flex: 0 0 180px;
  width: 180px
}

#dedicated .package .b>ul>li.item .server strong {
  display: block
}

#dedicated .package .b>ul>li.item .server strong span {
  position: relative;
  padding-left: 28px;
  line-height: 24px;
  font-weight: 500
}

#dedicated .package .b>ul>li.item .server strong span i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  color: #007db8
}

#dedicated .package .b>ul>li.item .server strong span img svg {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  color: #007db8
}

#dedicated .package .b>ul>li.item .server img {
  margin: 8px 0 5px
}

#dedicated .package .b>ul>li.item .server div a {
  font-size: 12px;
  font-weight: 500;
  color: #00b57f
}

#dedicated .package .b>ul>li.item .server div a span {
  display: none
}

#dedicated .package .b>ul>li.item .server div a span:first-child {
  display: block
}

#dedicated .package .b>ul>li.item .features {
  flex: 1 0 0;
}

#dedicated .package .b>ul>li.item .features ul {
  display: table;
  width: 100%;
  align-items: center
}

#dedicated .package .b>ul>li.item .features ul li {
  position: relative;
  display: table-cell;
  padding: 0 15px;
  height: 74px;
  vertical-align: middle;
  width: 160px;
  text-align: center!important
}

#dedicated .package .b>ul>li.item .features ul li p {
  text-align: left!important;
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 1;
  padding-left: 40px
}

#dedicated .package .b>ul>li.item .features ul li p i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 32px
}

#dedicated .package .b>ul>li.item .features ul li p strong {
  display: block;
  color: #00104b;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 4px
}

#dedicated .package .b>ul>li.item .features ul li:first-child {
  width: auto
}

#dedicated .package .b>ul>li.item .features ul li:nth-child(2) {
  width: 130px
}

#dedicated .package .b>ul>li.item .features ul li:last-child {
  width: 130px
}

#dedicated .package .b>ul>li.item .price {
  text-align: center!important;
  flex: 0 0 210px;
  width: 210px
}

#dedicated .package .b>ul>li.item .price>strong {
  font-size: 0;
  text-align: center!important;
  line-height: 1;
  font-weight: 500
}

#dedicated .package .b>ul>li.item .price>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#dedicated .package .b>ul>li.item .price>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#dedicated .package .b>ul>li.item .price>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#dedicated .package .b>ul>li.item .price>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#dedicated .package .b>ul>li.item .price>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#dedicated .package .b>ul>li.item .button {
  flex: 0 0 170px;
  width: 170px
}

#dedicated .package .b>ul>li.item .button button {
  width: 100%;
  padding: 14px
}

#dedicated .package .b>ul>li.item .sub {
  flex: 0 0 100%;
  width: 100%;
  padding-top: 0;
  display: none
}

#dedicated .package .b>ul>li.item .sub div {
  border-top: 1px solid rgba(102,112,147,.2)
}

#dedicated .package .b>ul>li.item .sub ol {
  padding-top: 16px;
  margin: -10px -15px
}

#dedicated .package .b>ul>li.item .sub ol li {
  position: relative;
  padding: 10px 15px 10px 43px;
  color: #00104b;
  line-height: 20px;
  font-weight: 500
}

#dedicated .package .b>ul>li.item .sub ol li i {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 20px;
  color: #00b57f
}

#dedicated .package .b>ul>li.item.open {
  border-color: #7ce497
}

#dedicated .package .b>ul>li.item.open .server div a span:first-child {
  display: none
}

#dedicated .package .b>ul>li.item.open .server div a span:last-child {
  display: block
}

#dedicated .solutions {
  padding-top: 80px;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#dedicated .solutions>div {
  overflow: hidden
}

#dedicated .solutions .rw {
  margin: 0 -30px
}

#dedicated .solutions .rw>div {
  padding: 15px 30px 75px;
  border-left: 1px solid rgba(102,112,147,.2)
}

#dedicated .solutions .rw>div h3 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #00104b
}

#dedicated .solutions .rw>div ul {
  padding-top: 10px
}

#dedicated .solutions .rw>div ul li {
  position: relative;
  line-height: 20px;
  padding: 5px 0 5px 30px
}

#dedicated .solutions .rw>div ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #00b57f
}

#dedicated .preference .container>div {
  max-width: 100%
}

#serverHosting .top {
  padding: 0 0 60px;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#serverHosting .top .sliderItem {
  padding: 55px 0
}

#serverHosting .top .sliderItem .text ul {
  max-width: 500px
}

#serverHosting .form>div {
  margin-top: -60px
}

#serverHosting .form>div>div {
  background: #fff;
  border-radius: 8px
}

#serverHosting .form .seperatorContent p {
  max-width: 820px
}

#serverHosting .form .f {
  border-radius: 8px;
  background: #f9fbff;
  padding: 50px;
  margin-top: 60px
}

#serverHosting .form .f>div {
  position: relative;
  max-width: 1030px;
  margin: 0 auto
}

#serverHosting .form .f>div h2 {
  font-size: 18px;
  color: #00104b;
  font-weight: 500;
  padding: 0 70px 16px 0;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#serverHosting .form .f>div>strong {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  color: #00104b;
  font-weight: 400!important
}

#serverHosting .form .f>div>div {
  padding-top: 24px;
  display: none
}

#serverHosting .form .f>div>div .obtn {
  width: 100%;
  margin-top: 8px
}

#serverHosting .form .f>div>div .btn.btn-gray {
  width: auto
}

#serverHosting .form .f>div>div .rw {
  justify-content: center
}

#serverHosting .form .f>div>div.step2 .rw {
  justify-content: space-between
}

#serverHosting .form .f>div>div.active {
  display: block
}

#serverHosting .software {
  padding-top: 80px;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#serverHosting .software>div {
  overflow: hidden
}

#serverHosting .software h3 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#serverHosting .software p {
  font-size: 18px;
  line-height: 32px;
  text-align: center!important;
  padding-top: 20px
}

#serverHosting .software .rw {
  padding-top: 80px;
  margin: 0 -30px
}

#serverHosting .software .rw>div {
  padding: 15px 30px 75px;
  border-left: 1px solid rgba(102,112,147,.2)
}

#serverHosting .software .rw>div ul li {
  position: relative;
  line-height: 20px;
  padding: 5px 0 5px 30px
}

#serverHosting .software .rw>div ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #00b57f
}

#serverHosting .infrastructure {
  padding: 120px 0;
  background: #f9fbff;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#serverHosting .infrastructure>div>h3 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#serverHosting .infrastructure>div>p {
  font-size: 18px;
  line-height: 32px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center!important;
  padding: 20px 0 48px
}

#serverHosting .infrastructure ul li {
  position: relative
}

#serverHosting .infrastructure ul li>strong {
  position: relative;
  display: block;
  font-weight: 400!important;
  cursor: pointer;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#serverHosting .infrastructure ul li>strong span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  padding: 24px 60px 24px 24px
}

#serverHosting .infrastructure ul li>strong span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 4px;
  width: 0;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#serverHosting .infrastructure ul li>strong i {
  position: absolute;
  right: 24px;
  top: 50%;
  line-height: 24px;
  margin-top: -12px;
  font-size: 24px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#serverHosting .infrastructure ul li>div {
  padding: 0 24px 24px;
  display: none
}

#serverHosting .infrastructure ul li>div p {
  line-height: 24px
}

#serverHosting .infrastructure ul li>div.open {
  display: block
}

#serverHosting .infrastructure ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background: rgba(102,112,147,.2)
}

#serverHosting .infrastructure ul li.active {
  box-shadow: 0 10px 48px rgba(0,0,0,.04);
  background: #fff
}

#serverHosting .infrastructure ul li.active>strong {
  color: #00104b
}

#serverHosting .infrastructure ul li.active>strong span:before {
  width: 100%
}

#serverHosting .infrastructure ul li.active>strong i {
  transform: rotate(90deg)
}

#serverHosting .infrastructure ul li.active:before {
  background: #fff
}

#mail .top {
  padding: 0 0 140px;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#mail .top .sliderItem {
  padding: 55px 0
}

#mail .top .sliderItem .text ul {
  max-width: 580px
}

#mail .package>div {
  margin-top: -140px
}

#mail .package .left {
  flex: 0 0 315px;
  width: 315px
}

#mail .package .left>div {
  background: #fff;
  padding: 30px 16px;
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 12px
}

#mail .package .left>div>h2 {
  font-size: 24px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#mail .package .left>div>p {
  line-height: 24px;
  display: block;
  padding: 16px 0 12px;
}

#mail .package .left>div>div {
  padding-top: 24px;
  border-top: 1px solid rgba(102,112,147,.2)
}

#mail .package .left>div>div span {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #00104b;
  padding-left: 28px
}

#mail .package .left>div>div span i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #00b57f
}

#mail .package .left>div>div h2 {
  font-size: 18px;
  line-height: 1;
  color: #00104b;
  font-weight: 500;
  padding-top: 14px;
}

#mail .package .left ul {
  padding-top: 14px;
}

#mail .package .left ul li {
  position: relative;
  display: table;
  width: 100%
}

#mail .package .left ul li>span {
  position: relative;
  padding: 0 20px 0 30px;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  font-size: 15px;
  line-height: 20px;
  color: #00104b;
  font-weight: 500
}

#mail .package .left ul li>span i {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
  font-size: 20px
}

#mail .package .left ul li>span span {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 20px;
  color: #667093;
  margin-top: -10px;
  cursor: pointer
}

#mail .package .left ul li:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: -30px;
  height: 1px;
  background: rgba(102,112,147,.2)
}

#mail .package .left ul li.sub {
  display: none
}

#mail .package .left ul li:last-child>span {
  padding: 0
}

#mail .package .left ul li:last-child>span a {
  color: #00b57f
}

#mail .package .left ul li:last-child>span a b {
  display: none;
  font-weight: 500
}

#mail .package .left ul li:last-child>span a b:first-child {
  display: block
}

#mail .package .left ul.open li.sub {
  display: table
}

#mail .package .left ul.open li:last-child b:first-child {
  display: none
}

#mail .package .left ul.open li:last-child b:last-child {
  display: block
}

#mail .package .right {
  flex: 1 0 0
}

#mail .package .right>div {
  background: #fff;
  box-shadow: 0 10px 64px rgba(0,0,0,.04);
  border-radius: 12px 12px 0 0;
  overflow: hidden
}

#mail .package .right>div>.rw {
  margin: 0 -1px
}

#mail .package .right>div>.rw>div {
  padding: 0;
  border-left: 1px solid rgba(102,112,147,.2);
  text-align: center!important
}

#mail .package .right>div>.rw>div>div {
  position: relative;
  padding: 24px
}

#mail .package .right>div>.rw>div>div h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #3b4767;
  text-align: left!important;
  padding: 0 30px 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#mail .package .right>div>.rw>div>div>b {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

#mail .package .right>div>.rw>div>div>b b {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  display: block;
  background: #f0f1f4;
  opacity: 0
}

#mail .package .right>div>.rw>div>div>b.p25 b {
  opacity: 1
}

#mail .package .right>div>.rw>div>div>b.p25 b:first-child {
  height: 24px
}

#mail .package .right>div>.rw>div>div>b.p25 b:last-child {
  left: 12px;
  top: 12px
}

#mail .package .right>div>.rw>div>div>b.p50 b {
  opacity: 1;
  height: 24px
}

#mail .package .right>div>.rw>div>div>b.p75 b {
  opacity: 1
}

#mail .package .right>div>.rw>div>div img {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px
}

#mail .package .right>div>.rw>div>div>strong {
  font-size: 0;
  text-align: center!important;
  line-height: 1;
  font-weight: 500
}

#mail .package .right>div>.rw>div>div>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#mail .package .right>div>.rw>div>div>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#mail .package .right>div>.rw>div>div>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#mail .package .right>div>.rw>div>div>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#mail .package .right>div>.rw>div>div>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#mail .package .right>div>.rw>div>div>span {
  display: block;
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  margin: 16px 0
}

#mail .package .right>div>.rw>div>div>span span {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  color: #00104b;
  line-height: 26px
}

#mail .package .right>div>.rw>div>div>span span img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 100%
}

#mail .package .right>div>.rw>div>div .btn {
  width: 100%
}

#mail .package .right>div>.rw>div ul li {
  position: relative;
  display: table;
  width: 100%;
  height: 37px;
}

#mail .package .right>div>.rw>div ul li>span {
  height: 60px;
  vertical-align: middle;
  display: table-cell;
  font-size: 16px;
  line-height: 20px;
  color: #00104b
}

#mail .package .right>div>.rw>div ul li>span strong {
  font-weight: 500;
  display: block
}

#mail .package .right>div>.rw>div ul li>span strong span {
  vertical-align: middle;
  color: #667093;
  font-size: 20px;
  line-height: 1;
  margin-left: 6px;
  cursor: pointer
}

#mail .package .right>div>.rw>div ul li>span>span {
  padding-bottom: 5px;
  display: none
}

#mail .package .right>div>.rw>div ul li>span>i {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #00b57f
}

#mail .package .right>div>.rw>div ul li>span>a {
  color: #00b57f
}

#mail .package .right>div>.rw>div ul li>span>a b {
  display: none;
  font-weight: 500
}

#mail .package .right>div>.rw>div ul li>span>a b:first-child {
  display: block
}

#mail .package .right>div>.rw>div ul li.sub {
  display: none
}

#mail .package .right>div>.rw>div ul li:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  background: rgba(102,112,147,.2)
}

#mail .package .right>div>.rw>div ul.open li.sub {
  display: table
}

#mail .package .right>div>.rw>div ul.open li:last-child b:first-child {
  display: none
}

#mail .package .right>div>.rw>div ul.open li:last-child b:last-child {
  display: block
}

#mail .software {
  padding-top: 80px;
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#mail .software>div {
  overflow: hidden
}

#mail .software h4 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#mail .software p {
  font-size: 18px;
  line-height: 32px;
  text-align: center!important;
  padding-top: 20px
}

#mail .software .rw {
  padding-top: 80px;
  margin: 0 -30px
}

#mail .software .rw>div {
  padding: 15px 30px 75px;
  border-left: 1px solid rgba(102,112,147,.2)
}

#mail .software .rw>div ul li {
  position: relative;
  line-height: 20px;
  padding: 5px 0 5px 30px
}

#mail .software .rw>div ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #00b57f
}

#mail .steps {
  padding: 80px 15px
}

#mail .steps h4 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#mail .steps .rw {
  margin: -30px -15px;
  padding-top: 40px
}

#mail .steps .rw>div {
  padding: 30px 15px;
  text-align: center!important;
  line-height: 24px
}

#mail .steps .rw>div strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #00104b;
  padding: 15px 0 8px
}

#mail .description {
  background: #f9fbff;
  padding: 120px 0;
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#mail .description .t {
  text-align: center!important;
  overflow: auto
}

#mail .description .t>div {
  display: inline-block
}

#mail .description .t ul {
  background: rgba(102,112,147,.05);
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0
}

#mail .description .t ul li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  padding: 10px 12px 10px 40px;
  color: #667093;
  white-space: nowrap;
  text-align: left!important;
  cursor: pointer;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#mail .description .t ul li i {
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 20px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#mail .description .t ul li.active {
  background: #fff;
  color: #00104b
}

#mail .description .t ul li.active i {
  color: #00b57f
}

#mail .description .b {
  padding-top: 48px
}

#mail .description .b .rw {
  align-items: center;
  margin: -15px
}

#mail .description .b .rw>div {
  padding: 15px
}

#mail .description .b .text {
  font-size: 16px;
  line-height: 2
}

#mail .description .b .text h5 {
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  color: #00104b;
  padding-bottom: 16px
}

#mail .description .b .img {
  text-align: center!important
}

#mail .services h6 {
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  text-align: center!important;
  color: #00104b
}

#mail .services>p {
  text-align: center!important;
  font-size: 18px;
  line-height: 1;
  padding: 20px 0 40px
}

#mail .services ul {
  margin: -15px
}

#mail .services ul li {
  padding: 15px
}

#mail .services ul li div {
  border: 1px solid rgba(102,112,147,.2);
  border-radius: 8px;
  padding: 24px;
  line-height: 24px;
  height: 100%
}

#mail .services ul li div i {
  display: block;
  font-size: 24px;
  line-height: 1;
  color: #00bed1;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#mail .services ul li div:hover {
  border-color: transparent;
  box-shadow: 0 10px 48px rgb(0 0 0 / 15%)
}

#mail .services ul li div strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #00104b;
  padding: 12px 0
}

#mail .move {
  padding: 120px 15px
}

#mail .move h6 {
  text-align: center!important;
  font-size: 32px;
  line-height: 1;
  color: #00104b;
  font-weight: 500
}

#mail .move>p {
  font-size: 18px;
  line-height: 32px;
  text-align: center!important;
  padding: 20px 0 40px
}

#mail .move .rw {
  margin: -15px;
  align-items: center
}

#mail .move .rw>div {
  padding: 15px
}

#mail .move .text {
  font-size: 16px;
  line-height: 32px
}

#mail .move .img {
  text-align: center!important
}

#ssl .top {
  padding: 0 0 200px;
  border: none;
  background: url(../img/hostingTop.png) no-repeat bottom center/100% 100%
}

#ssl .top .sliderItem {
  padding: 55px 0
}

#ssl .top .sliderItem .text ul {
  max-width: 580px
}

#ssl .package>div {
  margin-top: -200px
}

#ssl .package>div>ul {
  margin: 0;
  padding: 8px 12px 0;
  background: rgba(102,112,147,.08);
  border-radius: 8px
}

#ssl .package>div>ul li {
  position: relative;
  cursor: pointer;
  text-align: center!important;
  font-size: 20px;
  font-weight: 500;
  padding: 17px;
  border-radius: 8px 8px 0 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#ssl .package>div>ul li:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#ssl .package>div>ul li.active {
  background: #fff;
  color: #00104b
}

#ssl .package>div>ul li.active:before {
  opacity: 1
}

#ssl .package>div>div {
  margin: -15px;
  padding-top: 24px
}

#ssl .package>div>div>div {
  padding: 15px
}

#ssl .package>div>div>div>div {
  background: #fff;
  border: 1px solid rgba(102,112,147,.1);
  border-radius: 8px;
  padding: 24px 16px 16px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#ssl .package>div>div>div>div>p {
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(102,112,147,.2);
  padding-bottom: 24px
}

#ssl .package>div>div>div>div>p>span {
  display: table-cell;
  font-size: 14px;
  line-height: 1
}

#ssl .package>div>div>div>div>p>span strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #00104b;
  padding-bottom: 12px
}

#ssl .package>div>div>div>div>p>span img {
  float: right
}

#ssl .package>div>div>div>div>strong {
  font-size: 0;
  text-align: center!important;
  line-height: 1;
  font-weight: 500;
  padding: 24px 0 16px
}

#ssl .package>div>div>div>div>strong>strong {
  color: #00104b;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600
}

#ssl .package>div>div>div>div>strong>span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  text-align: left!important
}

#ssl .package>div>div>div>div>strong>span u {
  font-size: 14px;
  line-height: 16px;
  display: block;
  text-decoration: line-through
}

#ssl .package>div>div>div>div>strong>span strong {
  display: block;
  color: #00104b;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px
}

#ssl .package>div>div>div>div>strong>span strong span {
  color: #667093;
  font-weight: 500
}

#ssl .package>div>div>div>div>span {
  display: block;
  color: #00104b;
  line-height: 24px;
  text-align: center!important;
  padding: 2px 8px;
  background: rgba(32,207,134,.2);
  border-radius: 8px
}

#ssl .package>div>div>div>div>.obtn {
  margin: 16px 0;
  width: 100%
}

#ssl .package>div>div>div>div>div {
  background: #f7f9fd;
  border-radius: 8px;
  padding: 16px 16px 6px
}

#ssl .package>div>div>div>div>div>strong {
  display: block;
  color: #00104b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500
}

#ssl .package>div>div>div>div>div ul li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  border-top: 1px solid rgba(102,112,147,.2);
  padding: 10px 0 10px 28px
}

#ssl .package>div>div>div>div>div ul li i {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 20px;
  color: #00104b
}

#ssl .package>div>div>div>div>div ul li i.ri-lock-fill {
  color: #00b57f
}

#ssl .package>div>div>div>div>div ul li:first-child {
  border-top: none
}

#ssl .package>div>div>div>div:hover {
  border-color: #00b57f
}

#ssl .package>div>div.active {
  display: -ms-flexbox;
  display: flex
}

#page .top {
  background: url(../img/hostingTop.png) no-repeat top center;
  text-align: center!important;
  padding: 70px 0 80px
}

#page .top ul {
  font-size: 0;
  padding-bottom: 3px
}

#page .top ul li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 9px 18px;
  color: #00b57f
}

#page .top ul li a {
  color: #667093
}

#page .top ul li i {
  position: absolute;
  right: -18px;
  top: 9px;
  font-size: 20px;
  width: 36px;
  text-align: center!important
}

#page .menu {
  border-top: 1px solid rgba(102,112,147,.2);
  border-bottom: 1px solid rgba(102,112,147,.2)
}

#page .menu>div {
  padding: 0
}

#page .menu ul {
  display: table;
  width: 100%
}

#page .menu ul li {
  display: table-cell;
  text-align: center!important;
  border-left: 1px solid rgba(102,112,147,.2)
}

#page .menu ul li a {
  position: relative;
  display: block;
  font-size: 20px;
  padding: 25px 15px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#page .menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%);
  opacity: 0;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#page .menu ul li a.active {
  color: #00b57f;
  background: rgba(0,181,127,.1)
}

#page .menu ul li a.active:before {
  opacity: 1
}

#page .menu ul li:first-child {
  border-left: none
}

#page .b {
  padding: 80px 15px 120px;
  font-size: 18px
}

#page .b>* {
  margin-top: 16px
}

#page .b>:first-child {
  margin-top: 0
}

#page .b hr {
  margin: 48px 0;
  border-color: rgba(102,112,147,.2)
}

#page .b hr:first-child {
  margin-top: 0
}

#page .b hr:last-child {
  margin-bottom: 0
}

#page .b h1,#page .b h2,#page .b h3,#page .b h4,#page .b h5,#page .b h6 {
  font-size: 28px;
  color: #00104b;
  font-weight: 500
}

#page .b h1 strong,#page .b h2 strong,#page .b h3 strong,#page .b h4 strong,#page .b h5 strong,#page .b h6 strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #00b57f;
  font-weight: 500;
  padding-bottom: 8px
}

#footer {
  position: relative;
  background: #151b2c;
  padding-top: 8px
}

#footer .top {
  padding: 64px 0;
  text-align: center!important
}

#footer .top>strong {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500
}

#footer .top p {
  font-size: 16px;
  line-height: 1;
  color: #888fa8;
  padding: 16px 0 40px
}

#footer .top>div {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding-right: 210px
}

#footer .top>div input {
  width: 100%;
  background: #232a40;
  border-radius: 8px;
  padding: 18px 24px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #fff
}

#footer .top>div input::-webkit-input-placeholder {
  color: #888fa8
}

#footer .top>div input:-ms-input-placeholder {
  color: #888fa8
}

#footer .top>div input::placeholder {
  color: #888fa8
}

#footer .top>div button {
  position: absolute;
  right: 0;
  top: 0;
  width: 180px
}

#footer .center {
  border-top: 1px solid rgba(136,143,168,.2);
  border-bottom: 1px solid rgba(136,143,168,.2);
  padding: 28px 0
}

#footer .center .left {
  flex: 0 0 330px;
  width: 330px;
  padding: 40px 15px
}

#footer .center .left>div {
  background: rgba(102,112,147,.1);
  border-radius: 4px;
  padding: 40px 24px
}

#footer .center .left>div p {
  font-size: 12px;
  color: #888fa8;
  font-weight: 500
}

#footer .center .left>div p strong {
  display: block;
  color: #fff;
  font-weight: 500;
  font-size: 18px
}

#footer .center .left>div ul li {
  position: relative;
  padding: 7px 0
}

#footer .center .left>div ul li hr {
  margin: 16px 0;
  border-color: rgba(136,143,168,.2)
}

#footer .center .left>div ul li>a,#footer .center .left>div ul li>span {
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  color: #888fa8;
  font-weight: 500;
  padding-right: 20px;
  display: inline-block;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#footer .center .left>div ul li>a span,#footer .center .left>div ul li>span span {
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#footer .center .left>div ul li>a i,#footer .center .left>div ul li>span i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
  line-height: 1
}

#footer .center .left>div ul li>a:hover,#footer .center .left>div ul li>span:hover {
  color: #fff
}

#footer .center .left>div ul li>a:hover span,#footer .center .left>div ul li>span:hover span {
  color: #20cf86
}

#footer .center .left>div ul li>span {
  padding-right: 0;
  font-size: 14px;
  line-height: 24px
}

#footer .center .left>div ul li>span:hover {
  color: #888fa8
}

#footer .center .left>div ul li>i {
  position: absolute;
  right: 0;
  top: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  margin-top: -10px
}

#footer .center .right {
  padding-left: 65px
}

#footer .center .right .rw>div {
  padding: 40px 15px
}

#footer .center .right .rw>div strong {
  position: relative;
  display: block;
  font-size: 14px;
  color: #888fa8;
  font-weight: 500
}

#footer .center .right .rw>div strong i {
  position: absolute;
  right: 14px;
  top: 50%;
  line-height: 0;
  font-size: 20px;
  display: none;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#footer .center .right .rw>div ul {
  padding: 4px 0
}

#footer .center .right .rw>div ul li {
  padding: 4px 0
}

#footer .center .right .rw>div ul li a {
  font-size: 14px;
  color: #fff;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#footer .center .right .rw>div ul li a:hover {
  color: #888fa8
}

#footer .bottom {
  text-align: center!important;
  padding: 64px 0 54px
}

#footer .bottom p {
  font-size: 15px;
  color: #888fa8;
  padding: 16px 0 14px
}

#footer .bottom ul {
  font-size: 0
}

#footer .bottom ul li {
  display: inline-block
}

#footer .bottom ul li a {
  display: block;
  color: #fff;
  font-size: 28px;
  padding: 10px
}

#footer .bottom ul li a:hover {
  color: #888fa8
}

#footer .copyright {
  padding: 20px 0;
  overflow: hidden;
  border-top: 1px solid rgba(136,143,168,.2)
}

#footer .copyright>div {
  margin: 0 -20px;
  align-items: center
}

#footer .copyright>div p {
  padding: 10px 20px;
  color: #fff
}

#footer .copyright>div ul {
  font-size: 0;
  padding: 0
}

#footer .copyright>div ul li {
  display: inline-block
}

#footer .copyright>div ul li a {
  display: block;
  color: #888fa8;
  font-size: 14px;
  padding: 10px 20px;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

#footer .copyright>div ul li a:hover {
  color: #fff
}

#footer:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(255.4deg,#7ce497 1.6%,#00bed1 98.62%)
}

@media (max-width: 1270px) {
  .cl-lg-4 {
      flex:0 0 33.333%;
      width: 33.33%
  }

  .cl-lg-5 {
      flex: 0 0 41.666%;
      width: 41.666%
  }

  .cl-lg-6 {
      flex: 0 0 50%;
      width: 50%
  }

  .cl-lg-7 {
      flex: 0 0 58.333%;
      width: 58.333%
  }

  .sliderItem .img {
      max-width: 400px
  }

  .preference .container ul li {
      padding: 0 32px 80px
  }

  .preference .container ul li p {
      padding-left: 0;
      text-align: center!important
  }

  .preference .container ul li p i {
      display: block;
      position: unset;
      margin: 0 auto 5px
  }

  #header .bottom .container {
      padding-right: 145px
  }

  #header .bottom .container>ul>li>a {
      padding: 24px 10px
  }

  #header .bottom .container>div>a {
      min-width: 120px
  }

  #home .customer {
      padding: 336px 0 120px
  }

  #home .customer .h1 {
      padding: 0 15px
  }

  #home .customer>strong {
      padding: 0 15px
  }

  #home .customer .item>div {
      width: 290px;
      max-width: 80vw
  }

  #home .technology>div {
      padding: 40px 70px 96px
  }

  #home .technology>div .owl-nav>button {
      left: -70px
  }

  #home .technology>div .owl-nav>button:last-child {
      right: -70px
  }

  #reseler .configure .left>div>div .tab {
      flex: 0 0 284px;
      width: 284px
  }

  #domain .prices>div>div table tbody tr td:first-child,#domain .prices>div>div table thead tr th:first-child {
      width: 324px
  }

  #domain .prices>div>div>ul {
      width: calc(100% - 324px)
  }

  #domain .prices>div>div:before {
      left: 324px
  }

  #vds .package>div .left>div .b {
      display: none
  }

  #dedicated .package .b>ul>li.head {
      display: none
  }

  #dedicated .package .b>ul>li.item .server {
      flex: 0 0 100%;
      width: 100%;
      padding-bottom: 0
  }

  #dedicated .package .b>ul>li.item .features ul li {
      height: auto;
      width: auto!important
  }
}

@media (max-width: 992px) {
  .cl-md-auto {
      flex:0 0 auto;
      width: auto
  }

  .cl-md-4 {
      flex: 0 0 33.333%;
      width: 33.33%
  }

  .cl-md-6 {
      flex: 0 0 50%;
      width: 50%
  }

  .cl-md-12 {
      flex: 0 0 100%;
      width: 100%
  }

  .sliderItem .img {
      display: none
  }

  #header .top .left ul li a {
      padding: 0;
      width: 40px;
      text-align: center!important;
      display: block
  }

  #header .top .left ul li a i {
      position: unset;
      line-height: 40px;
      display: block
  }

  #header .top .left ul li a span {
      display: none
  }

  #header .top .left ul li a:first-child {
      padding-left: 0
  }

  #header .bottom .logo {
      position: unset;
      display: inline-block
  }

  #header .bottom .container {
      padding-left: 15px
  }

  #header .bottom .container>ul {
      display: none
  }

  #header .bottom .container>div {
      right: 87px;
      border-right: 1px solid rgba(102,112,147,.2)
  }

  #header .bottom .container>div>a {
      padding: 0 20px
  }

  #header .bottom .container .menu {
      display: block
  }

  #home .package ul>li {
      border-top: 1px solid rgba(102,112,147,.2)
  }

  #home .package ul>li:nth-child(odd) {
      border-left: none
  }

  #home .package ul>li:first-child,#home .package ul>li:nth-child(2) {
      border-top: none
  }

  #reseler .configure .left>div {
      padding: 32px 24px
  }

  #reseler .configure .right {
      padding-top: 24px
  }

  #domain .prices>div>div table tbody tr td:first-child,#domain .prices>div>div table thead tr th:first-child {
      width: 284px
  }

  #domain .prices>div>div>ul {
      width: calc(100% - 284px)
  }

  #domain .prices>div>div:before {
      left: 284px
  }

  #dedicated .package .b>ul>li.item {
      justify-content: center
  }

  #dedicated .solutions {
      text-align: center!important;
      padding-bottom: 40px
  }

  #dedicated .solutions .rw {
      display: inline-block;
      padding-top: 25px
  }

  #dedicated .solutions .rw>div {
      padding: 15px;
      border-left: none
  }

  #dedicated .solutions .rw>div ul li {
      text-align: left!important
  }

  #serverHosting .software {
      text-align: center!important;
      padding-bottom: 75px
  }

  #serverHosting .software .rw {
      display: inline-block;
      padding-top: 25px
  }

  #serverHosting .software .rw>div {
      padding: 0 15px;
      border-left: none
  }

  #serverHosting .software .rw>div ul li {
      text-align: left!important
  }

  #mail .package .left {
      display: none
  }

  #mail .package .right>div>.rw>div ul li>span>span {
      display: block
  }

  #mail .package .right>div>.rw>div ul li:last-child:before {
      display: none
  }

  #mail .software {
      text-align: center!important;
      padding-bottom: 75px
  }

  #mail .software .rw {
      display: inline-block;
      padding-top: 25px
  }

  #mail .software .rw>div {
      padding: 0 15px;
      border-left: none
  }

  #mail .software .rw>div ul li {
      text-align: left!important
  }

  #mail .description .t ul li {
      padding: 10px 12px;
      text-align: center!important;
      white-space: normal
  }

  #mail .description .t ul li i {
      position: unset;
      display: block;
      padding-bottom: 5px
  }

  #mail .description .b .rw>div {
      text-align: center!important
  }

  #page .menu ul li a {
      font-size: 16px;
      padding: 15px
  }

  #footer .center .right {
      padding: 30px 15px
  }

  #footer .center .right .rw>div {
      flex: 0 0 100%;
      width: 100%;
      padding: 10px 15px
  }

  #footer .center .right .rw>div>div {
      border: 1px solid rgba(136,143,168,.2);
      border-radius: 4px
  }

  #footer .center .right .rw>div>div.open>strong i {
      transform: rotateX(180deg)
  }

  #footer .center .right .rw>div>div.open ul {
      display: block
  }

  #footer .center .right .rw>div strong {
      padding: 14px 48px 14px 14px
  }

  #footer .center .right .rw>div strong i {
      display: block
  }

  #footer .center .right .rw>div ul {
      display: none;
      padding: 10px 14px;
      border-top: 1px solid rgba(136,143,168,.2)
  }
}

@media (max-width: 768px) {
  .cl-sm {
      flex:1 0 0;
      width: unset
  }

  .cl-sm-auto {
      width: auto;
      flex: 0 0 auto
  }

  .cl-sm-6 {
      flex: 0 0 50%;
      width: 50%
  }

  .cl-sm-12 {
      flex: 0 0 100%;
      width: 100%
  }

  .packages {
      padding-top: 60px
  }

  .slogans {
      padding: 24px 15px
  }

  .slogans>.rw {
      padding: 24px 0
  }

  .slogans .text {
      text-align: center!important
  }

  .slogans .img {
      text-align: center!important;
      order: 3;
      padding-top: 24px
  }

  .tabMenu li a {
      white-space: normal
  }

  .faq {
      padding: 60px 0 48px
  }

  .faq>div ul li>strong {
      padding-right: 36px
  }

  .faq>div ul li>strong i {
      width: 36px
  }

  .domain {
      padding: 60px 0
  }

  .domain .container>ul li {
      max-width: 33.33%
  }

  .domain .container>ul li a {
      padding: 0 20px
  }

  .domain .container>ul li a i {
      position: unset;
      line-height: normal;
      display: block
  }

  .domain .container>section {
      width: 100vw;
      padding-top: 10px;
      margin-left: -15px
  }

  .domain .container>section .item .domainItem {
      width: 180px
  }

  .packageFeatures {
      padding-top: 30px
  }

  .packageFeatures>div>.b {
      padding-top: 20px
  }

  .preference {
      padding-top: 60px
  }

  .preference .container ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      margin: 0 auto -1px
  }

  .preference .container ul>* {
      padding: 0 15px
  }

  .preference .container ul li {
      flex: 0 0 50%;
      width: 50px;
      padding: 32px
  }

  .preference .container ul li:nth-child(odd) {
      border-left: none
  }

  #header .top .rw {
      justify-content: center
  }

  #header .top .left {
      padding: 0;
      flex: 0 0 auto
  }

  #header .top .left ul li strong {
      padding: 10px 30px 10px 10px
  }

  #header .top .left ul li strong i {
      right: 7px
  }

  #header .top .right {
      padding: 0
  }

  #header .top .right ul {
      border-left: none
  }

  #header .top .right ul li {
      border-left: 1px solid rgba(102,112,147,.2)
  }

  #header .top .right ul li>* {
      padding: 0;
      width: 40px;
      height: 40px;
      text-align: center!important
  }

  #header .top .right ul li>* i,#header .top .right ul li>* img {
      position: unset;
      line-height: 40px
  }

  #header .top .right ul li>* img {
      margin-top: 12px
  }

  #header .top .right ul li>* span {
      display: none
  }

  #header .top .right ul li strong {
      padding-right: 0
  }

  #header .top .right ul li strong .ri-arrow-down-s-line {
      display: none
  }

  #header .top .right ul li:first-child {
      border-left: none
  }

  #header .bottom .container {
      padding-right: 130px
  }

  #header .bottom .container>div {
      border: none;
      right: 76px
  }

  #header .bottom .container>div>a {
      padding: 0;
      min-width: auto;
      display: block
  }

  #header .bottom .container>div>a>span {
      text-align: center!important;
      padding: 0 12px;
      display: block
  }

  #header .bottom .container>div>a>span span {
      display: none
  }

  #header .bottom .container>div>a>span i {
      position: unset;
      font-size: 32px;
      line-height: 72px;
      display: block
  }

  #header .bottom .container>div>a>span b {
      position: absolute;
      right: 0;
      top: 24px
  }

  #home .slider .dot {
      border-top: none
  }

  #home .slider .dot .container ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      margin: 0
  }

  #home .slider .dot .container ul>* {
      padding: 0 15px
  }

  #home .slider .dot .container ul li {
      flex: 0 0 50%;
      width: 50%;
      border-top: 1px solid rgba(102,112,147,.2)
  }

  #home .campaign .b ul li {
      padding: 40px 15px 0
  }

  #home .campaign .b ul li:before {
      display: none
  }

  #home .campaign .b:before {
      display: none
  }

  #home .success {
      margin-top: 60px;
      padding: 60px 15px;
      border-top: 1px solid rgba(102,112,147,.2)
  }

  #home .package {
      padding-top: 60px
  }

  #home .package ul>li {
      border-left: none
  }

  #home .package ul>li:nth-child(2) {
      border-top: 1px solid rgba(102,112,147,.2)
  }

  #home .customer {
      padding: 276px 0 60px
  }

  #home .technology {
      padding: 0
  }

  #home .technology>div {
      padding: 40px 0 96px
  }

  #home .technology>div .item img {
      min-width: 148px
  }

  #home .technology>div .owl-nav {
      padding-top: 16px;
      text-align: center!important
  }

  #home .technology>div .owl-nav>button {
      position: unset;
      margin: 0 16px
  }

  #hosting .package>div .item>div>div {
      margin-bottom: 0
  }

  #hosting .package>div .item>div .obtn-outline {
      display: none
  }

  .features {
      /* display:none */
  }

  #hosting .linux {
      padding-top: 40px
  }

  #hosting .features>div>div .t .left {
      flex: 0 0 50vw;
      width: 50vw
  }

  #hosting .features>div>div .t .right {
      flex: 1 0 0;
      width: auto
  }

  #hosting .features>div>div .c>div>span {
      flex: 1 0 0;
      width: auto
  }

  #hosting .features>div>div .c>div>ul>li>strong {
      flex: 0 0 50vw;
      width: 50vw
  }

  #hosting .features>div>div .c>div>ul>li>span {
      flex: 1 0 0;
      width: auto
  }

  #reseler .package>div .item>div>div {
      margin-bottom: 0
  }

  #reseler .package>div .item>div .btn-outline {
      display: none
  }

  #reseler .configure .left>div>div .tab {
      flex: 0 0 370px;
      max-width: 100%;
      margin-top: 16px
  }

  #reseler .linux {
      padding-top: 40px
  }

  #reseler .trust {
      padding-top: 60px
  }

  #domain .slogans {
      padding: 12px 15px
  }

  #domain .prices {
      padding: 60px 0
  }

  #domain .prices>div>div {
      padding-top: 60px
  }

  #domain .prices>div>div table tbody tr td:first-child,#domain .prices>div>div table thead tr th:first-child {
      width: 25%
  }

  #domain .prices>div>div table thead tr th {
      padding: 5px
  }

  #domain .prices>div>div table thead tr th span {
      display: none
  }

  #domain .prices>div>div table thead tr th:nth-child(2) {
      border-top-left-radius: 0
  }

  #domain .prices>div>div table thead tr th:first-child {
      background: #667093;
      border-top-left-radius: 4px
  }

  #domain .prices>div>div table thead tr th:first-child>div {
      position: absolute;
      left: 0;
      top: -60px;
      width: 100%
  }

  #domain .prices>div>div table tbody tr td {
      padding: 10px 5px;
      font-size: 14px
  }

  #domain .prices>div>div table tbody tr td:first-child {
      background: #fff;
      padding-left: 40px
  }

  #domain .prices>div>div table tbody tr td:first-child i {
      left: 10px
  }

  #domain .prices>div>div>ul {
      width: 100%;
      padding: 8px;
      white-space: nowrap;
      overflow: auto;
      text-align: center!important
  }

  #domain .prices>div>div>ul li .btn>span>span {
      display: none
  }

  #domain .prices>div>div>ul li .btn>span i {
      display: block;
      font-size: 20px
  }

  #domain .prices>div>div>ul li:first-child .btn,#domain .prices>div>div>ul li:last-child .btn {
      width: unset
  }

  #domain .prices>div>div:before {
      left: 0
  }

  #domain .faq {
      padding: 0 0 60px
  }

  #vps .seperatorContent.bg {
      margin-top: 60px;
      padding: 60px 0
  }

  #vps .slogans {
      padding: 12px 15px
  }

  #dedicated .package .b>ul>li.item .features {
      flex: 0 0 100%;
      width: 100%;
      padding-bottom: 0;
      border-bottom: 1px solid rgba(102,112,147,.2);
  }

  #dedicated .package .b>ul>li.item .features ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      width: auto;
      align-items: unset
  }

  #dedicated .package .b>ul>li.item .features ul>* {
      padding: 0 15px
  }

  #dedicated .package .b>ul>li.item .features ul li {
      flex: 0 0 50%;
      width: 50%;
      padding: 10px;
      border-top: 1px solid rgba(102,112,147,.2);
      border-left: 1px solid rgba(102,112,147,.2)
  }

  #dedicated .package .b>ul>li.item .features ul li p {
      padding: 0;
      text-align: center!important
  }

  #dedicated .package .b>ul>li.item .features ul li p i {
      position: unset;
      line-height: normal;
      padding-bottom: 5px;
      display: block
  }

  #dedicated .package .b>ul>li.item .features ul li:nth-child(odd) {
      border-left: none
  }

  #serverHosting .form .f {
      padding: 50px 24px
  }

  #serverHosting .software {
      padding: 40px 0 35px
  }

  #serverHosting .infrastructure {
      padding: 60px 0
  }

  #mail .package .right>div {
      background: 0 0;
      box-shadow: none
  }

  #mail .package .right>div>div>div {
      margin-bottom: 20px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 10px 64px rgba(0,0,0,.04)
  }

  #mail .software {
      padding: 40px 0 35px
  }

  #mail .description {
      padding: 60px 0
  }

  #mail .move {
      padding: 60px 15px
  }

  #page .top {
      padding: 30px 0 40px
  }

  #page .menu {
      border-bottom: none
  }

  #page .menu ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      margin: 0
  }

  #page .menu ul>* {
      padding: 0 15px
  }

  #page .menu ul li {
      padding: 0;
      flex: 1 0 0;
      min-width: 33.33%;
      white-space: nowrap;
      border-bottom: 1px solid rgba(102,112,147,.2)
  }

  #page .b {
      padding: 40px 15px 60px
  }

  #footer .center .left {
      flex: 0 0 100%;
      width: 100%;
      order: 2;
      padding-top: 0
  }

  #footer .copyright {
      text-align: center!important
  }
}

@media (max-width: 576px) {
  .cl-xs {
      flex:1 0 0;
      width: auto
  }

  .cl-xs-6 {
      flex: 0 0 50%;
      width: 50%
  }

  .cl-xs-12 {
      flex: 0 0 100%;
      width: 100%
  }

  .domain .container>div form input {
      padding-right: 110px
  }

  .domain .container>div form button span span {
      display: none
  }

  .preference .container ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      margin: 0 auto -1px
  }

  .preference .container ul>* {
      padding: 0 15px
  }

  .preference .container ul li {
      flex: 0 0 100%;
      width: 100px;
      border-left: none
  }

  #header .top .left ul li a {
      width: 36px
  }

  #header .top .right ul li>* {
      width: 36px
  }

  #page .menu ul li {
      min-width: 50%
  }
}

.knowledgebody a {
  font-weight: 600;
  font-size: 16px
}

.client-panel .panel-title {
  margin-top: 14px;
  margin-bottom: 0;
  color: #333
}

.client-panel .panel-title i {
  font-size: 25px;
  line-height: 21px;
  float: left;
  margin-right: 5px;
  color: #17c5c6
}

.owl-carousel,.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
  display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../img/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3,1.3);
  transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.adminlogged {
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: #FFFFFF;
  font-size: 12px;
  background: #f44336;
  padding: 5px;
  border-radius: 2px;
  z-index: 999999;
}

.adminlogged:hover,.adminlogged:focus,.adminlogged:active {
  color: #FFFFFF;
  background: #d9534f;
  text-decoration: none;
}

.odeaweb-popover {
  border: 1px solid #dcdfe9;
  border-radius: 0;
  box-shadow: 0 10px 48px rgb(0 0 0 / 10%)
}

.odeaweb-popover-btn .odeaweb-popover-content {
  display: none
}

.odeaweb-popover-content .odeaweb-popover-title {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #dcdfe9;
  background: #f9fbff;
  color: #00104b;
  font-weight: 500;
  font-size: 16px
}

.odeaweb-pop-arrow {
  position: relative
}

.odeaweb-pop-arrow-tc {
  height: 1rem;
  width: 1rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  border-left: 1px solid #dcdfe9;
  border-top: 1px solid #dcdfe9;
  transform: translate(-50%,-50%) rotate(45deg)
}

.alert-soft {
  color: #081131;
  background-color: #f9fbff;
  border-color: #dcdfe9
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
  content: "\002a"
}

.glyphicon-plus:before {
  content: "\002b"
}

.glyphicon-eur:before,.glyphicon-euro:before {
  content: "\20ac"
}

.glyphicon-minus:before {
  content: "\2212"
}

.glyphicon-cloud:before {
  content: "\2601"
}

.glyphicon-envelope:before {
  content: "\2709"
}

.glyphicon-pencil:before {
  content: "\270f"
}

.glyphicon-glass:before {
  content: "\e001"
}

.glyphicon-music:before {
  content: "\e002"
}

.glyphicon-search:before {
  content: "\e003"
}

.glyphicon-heart:before {
  content: "\e005"
}

.glyphicon-star:before {
  content: "\e006"
}

.glyphicon-star-empty:before {
  content: "\e007"
}

.glyphicon-user:before {
  content: "\e008"
}

.glyphicon-film:before {
  content: "\e009"
}

.glyphicon-th-large:before {
  content: "\e010"
}

.glyphicon-th:before {
  content: "\e011"
}

.glyphicon-th-list:before {
  content: "\e012"
}

.glyphicon-ok:before {
  content: "\e013"
}

.glyphicon-remove:before {
  content: "\e014"
}

.glyphicon-zoom-in:before {
  content: "\e015"
}

.glyphicon-zoom-out:before {
  content: "\e016"
}

.glyphicon-off:before {
  content: "\e017"
}

.glyphicon-signal:before {
  content: "\e018"
}

.glyphicon-cog:before {
  content: "\e019"
}

.glyphicon-trash:before {
  content: "\e020"
}

.glyphicon-home:before {
  content: "\e021"
}

.glyphicon-file:before {
  content: "\e022"
}

.glyphicon-time:before {
  content: "\e023"
}

.glyphicon-road:before {
  content: "\e024"
}

.glyphicon-download-alt:before {
  content: "\e025"
}

.glyphicon-download:before {
  content: "\e026"
}

.glyphicon-upload:before {
  content: "\e027"
}

.glyphicon-inbox:before {
  content: "\e028"
}

.glyphicon-play-circle:before {
  content: "\e029"
}

.glyphicon-repeat:before {
  content: "\e030"
}

.glyphicon-refresh:before {
  content: "\e031"
}

.glyphicon-list-alt:before {
  content: "\e032"
}

.glyphicon-lock:before {
  content: "\e033"
}

.glyphicon-flag:before {
  content: "\e034"
}

.glyphicon-headphones:before {
  content: "\e035"
}

.glyphicon-volume-off:before {
  content: "\e036"
}

.glyphicon-volume-down:before {
  content: "\e037"
}

.glyphicon-volume-up:before {
  content: "\e038"
}

.glyphicon-qrcode:before {
  content: "\e039"
}

.glyphicon-barcode:before {
  content: "\e040"
}

.glyphicon-tag:before {
  content: "\e041"
}

.glyphicon-tags:before {
  content: "\e042"
}

.glyphicon-book:before {
  content: "\e043"
}

.glyphicon-bookmark:before {
  content: "\e044"
}

.glyphicon-print:before {
  content: "\e045"
}

.glyphicon-camera:before {
  content: "\e046"
}

.glyphicon-font:before {
  content: "\e047"
}

.glyphicon-bold:before {
  content: "\e048"
}

.glyphicon-italic:before {
  content: "\e049"
}

.glyphicon-text-height:before {
  content: "\e050"
}

.glyphicon-text-width:before {
  content: "\e051"
}

.glyphicon-align-left:before {
  content: "\e052"
}

.glyphicon-align-center:before {
  content: "\e053"
}

.glyphicon-align-right:before {
  content: "\e054"
}

.glyphicon-align-justify:before {
  content: "\e055"
}

.glyphicon-list:before {
  content: "\e056"
}

.glyphicon-indent-left:before {
  content: "\e057"
}

.glyphicon-indent-right:before {
  content: "\e058"
}

.glyphicon-facetime-video:before {
  content: "\e059"
}

.glyphicon-picture:before {
  content: "\e060"
}

.glyphicon-map-marker:before {
  content: "\e062"
}

.glyphicon-adjust:before {
  content: "\e063"
}

.glyphicon-tint:before {
  content: "\e064"
}

.glyphicon-edit:before {
  content: "\e065"
}

.glyphicon-share:before {
  content: "\e066"
}

.glyphicon-check:before {
  content: "\e067"
}

.glyphicon-move:before {
  content: "\e068"
}

.glyphicon-step-backward:before {
  content: "\e069"
}

.glyphicon-fast-backward:before {
  content: "\e070"
}

.glyphicon-backward:before {
  content: "\e071"
}

.glyphicon-play:before {
  content: "\e072"
}

.glyphicon-pause:before {
  content: "\e073"
}

.glyphicon-stop:before {
  content: "\e074"
}

.glyphicon-forward:before {
  content: "\e075"
}

.glyphicon-fast-forward:before {
  content: "\e076"
}

.glyphicon-step-forward:before {
  content: "\e077"
}

.glyphicon-eject:before {
  content: "\e078"
}

.glyphicon-chevron-left:before {
  content: "\e079"
}

.glyphicon-chevron-right:before {
  content: "\e080"
}

.glyphicon-plus-sign:before {
  content: "\e081"
}

.glyphicon-minus-sign:before {
  content: "\e082"
}

.glyphicon-remove-sign:before {
  content: "\e083"
}

.glyphicon-ok-sign:before {
  content: "\e084"
}

.glyphicon-question-sign:before {
  content: "\e085"
}

.glyphicon-info-sign:before {
  content: "\e086"
}

.glyphicon-screenshot:before {
  content: "\e087"
}

.glyphicon-remove-circle:before {
  content: "\e088"
}

.glyphicon-ok-circle:before {
  content: "\e089"
}

.glyphicon-ban-circle:before {
  content: "\e090"
}

.glyphicon-arrow-left:before {
  content: "\e091"
}

.glyphicon-arrow-right:before {
  content: "\e092"
}

.glyphicon-arrow-up:before {
  content: "\e093"
}

.glyphicon-arrow-down:before {
  content: "\e094"
}

.glyphicon-share-alt:before {
  content: "\e095"
}

.glyphicon-resize-full:before {
  content: "\e096"
}

.glyphicon-resize-small:before {
  content: "\e097"
}

.glyphicon-exclamation-sign:before {
  content: "\e101"
}

.glyphicon-gift:before {
  content: "\e102"
}

.glyphicon-leaf:before {
  content: "\e103"
}

.glyphicon-fire:before {
  content: "\e104"
}

.glyphicon-eye-open:before {
  content: "\e105"
}

.glyphicon-eye-close:before {
  content: "\e106"
}

.glyphicon-warning-sign:before {
  content: "\e107"
}

.glyphicon-plane:before {
  content: "\e108"
}

.glyphicon-calendar:before {
  content: "\e109"
}

.glyphicon-random:before {
  content: "\e110"
}

.glyphicon-comment:before {
  content: "\e111"
}

.glyphicon-magnet:before {
  content: "\e112"
}

.glyphicon-chevron-up:before {
  content: "\e113"
}

.glyphicon-chevron-down:before {
  content: "\e114"
}

.glyphicon-retweet:before {
  content: "\e115"
}

.glyphicon-shopping-cart:before {
  content: "\e116"
}

.glyphicon-folder-close:before {
  content: "\e117"
}

.glyphicon-folder-open:before {
  content: "\e118"
}

.glyphicon-resize-vertical:before {
  content: "\e119"
}

.glyphicon-resize-horizontal:before {
  content: "\e120"
}

.glyphicon-hdd:before {
  content: "\e121"
}

.glyphicon-bullhorn:before {
  content: "\e122"
}

.glyphicon-bell:before {
  content: "\e123"
}

.glyphicon-certificate:before {
  content: "\e124"
}

.glyphicon-thumbs-up:before {
  content: "\e125"
}

.glyphicon-thumbs-down:before {
  content: "\e126"
}

.glyphicon-hand-right:before {
  content: "\e127"
}

.glyphicon-hand-left:before {
  content: "\e128"
}

.glyphicon-hand-up:before {
  content: "\e129"
}

.glyphicon-hand-down:before {
  content: "\e130"
}

.glyphicon-circle-arrow-right:before {
  content: "\e131"
}

.glyphicon-circle-arrow-left:before {
  content: "\e132"
}

.glyphicon-circle-arrow-up:before {
  content: "\e133"
}

.glyphicon-circle-arrow-down:before {
  content: "\e134"
}

.glyphicon-globe:before {
  content: "\e135"
}

.glyphicon-wrench:before {
  content: "\e136"
}

.glyphicon-tasks:before {
  content: "\e137"
}

.glyphicon-filter:before {
  content: "\e138"
}

.glyphicon-briefcase:before {
  content: "\e139"
}

.glyphicon-fullscreen:before {
  content: "\e140"
}

.glyphicon-dashboard:before {
  content: "\e141"
}

.glyphicon-paperclip:before {
  content: "\e142"
}

.glyphicon-heart-empty:before {
  content: "\e143"
}

.glyphicon-link:before {
  content: "\e144"
}

.glyphicon-phone:before {
  content: "\e145"
}

.glyphicon-pushpin:before {
  content: "\e146"
}

.glyphicon-usd:before {
  content: "\e148"
}

.glyphicon-gbp:before {
  content: "\e149"
}

.glyphicon-sort:before {
  content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}

.glyphicon-sort-by-order:before {
  content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}

.glyphicon-sort-by-attributes:before {
  content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}

.glyphicon-unchecked:before {
  content: "\e157"
}

.glyphicon-expand:before {
  content: "\e158"
}

.glyphicon-collapse-down:before {
  content: "\e159"
}

.glyphicon-collapse-up:before {
  content: "\e160"
}

.glyphicon-log-in:before {
  content: "\e161"
}

.glyphicon-flash:before {
  content: "\e162"
}

.glyphicon-log-out:before {
  content: "\e163"
}

.glyphicon-new-window:before {
  content: "\e164"
}

.glyphicon-record:before {
  content: "\e165"
}

.glyphicon-save:before {
  content: "\e166"
}

.glyphicon-open:before {
  content: "\e167"
}

.glyphicon-saved:before {
  content: "\e168"
}

.glyphicon-import:before {
  content: "\e169"
}

.glyphicon-export:before {
  content: "\e170"
}

.glyphicon-send:before {
  content: "\e171"
}

.glyphicon-floppy-disk:before {
  content: "\e172"
}

.glyphicon-floppy-saved:before {
  content: "\e173"
}

.glyphicon-floppy-remove:before {
  content: "\e174"
}

.glyphicon-floppy-save:before {
  content: "\e175"
}

.glyphicon-floppy-open:before {
  content: "\e176"
}

.glyphicon-credit-card:before {
  content: "\e177"
}

.glyphicon-transfer:before {
  content: "\e178"
}

.glyphicon-cutlery:before {
  content: "\e179"
}

.glyphicon-header:before {
  content: "\e180"
}

.glyphicon-compressed:before {
  content: "\e181"
}

.glyphicon-earphone:before {
  content: "\e182"
}

.glyphicon-phone-alt:before {
  content: "\e183"
}

.glyphicon-tower:before {
  content: "\e184"
}

.glyphicon-stats:before {
  content: "\e185"
}

.glyphicon-sd-video:before {
  content: "\e186"
}

.glyphicon-hd-video:before {
  content: "\e187"
}

.glyphicon-subtitles:before {
  content: "\e188"
}

.glyphicon-sound-stereo:before {
  content: "\e189"
}

.glyphicon-sound-dolby:before {
  content: "\e190"
}

.glyphicon-sound-5-1:before {
  content: "\e191"
}

.glyphicon-sound-6-1:before {
  content: "\e192"
}

.glyphicon-sound-7-1:before {
  content: "\e193"
}

.glyphicon-copyright-mark:before {
  content: "\e194"
}

.glyphicon-registration-mark:before {
  content: "\e195"
}

.glyphicon-cloud-download:before {
  content: "\e197"
}

.glyphicon-cloud-upload:before {
  content: "\e198"
}

.glyphicon-tree-conifer:before {
  content: "\e199"
}

.glyphicon-tree-deciduous:before {
  content: "\e200"
}

.glyphicon-cd:before {
  content: "\e201"
}

.glyphicon-save-file:before {
  content: "\e202"
}

.glyphicon-open-file:before {
  content: "\e203"
}

.glyphicon-level-up:before {
  content: "\e204"
}

.glyphicon-copy:before {
  content: "\e205"
}

.glyphicon-paste:before {
  content: "\e206"
}

.glyphicon-alert:before {
  content: "\e209"
}

.glyphicon-equalizer:before {
  content: "\e210"
}

.glyphicon-king:before {
  content: "\e211"
}

.glyphicon-queen:before {
  content: "\e212"
}

.glyphicon-pawn:before {
  content: "\e213"
}

.glyphicon-bishop:before {
  content: "\e214"
}

.glyphicon-knight:before {
  content: "\e215"
}

.glyphicon-baby-formula:before {
  content: "\e216"
}

.glyphicon-tent:before {
  content: "\26fa"
}

.glyphicon-blackboard:before {
  content: "\e218"
}

.glyphicon-bed:before {
  content: "\e219"
}

.glyphicon-apple:before {
  content: "\f8ff"
}

.glyphicon-erase:before {
  content: "\e221"
}

.glyphicon-hourglass:before {
  content: "\231b"
}

.glyphicon-lamp:before {
  content: "\e223"
}

.glyphicon-duplicate:before {
  content: "\e224"
}

.glyphicon-piggy-bank:before {
  content: "\e225"
}

.glyphicon-scissors:before {
  content: "\e226"
}

.glyphicon-bitcoin:before {
  content: "\e227"
}

.glyphicon-btc:before {
  content: "\e227"
}

.glyphicon-xbt:before {
  content: "\e227"
}

.glyphicon-yen:before {
  content: "\00a5"
}

.glyphicon-jpy:before {
  content: "\00a5"
}

.glyphicon-ruble:before {
  content: "\20bd"
}

.glyphicon-rub:before {
  content: "\20bd"
}

.glyphicon-scale:before {
  content: "\e230"
}

.glyphicon-ice-lolly:before {
  content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"
}

.glyphicon-education:before {
  content: "\e233"
}

.glyphicon-option-horizontal:before {
  content: "\e234"
}

.glyphicon-option-vertical:before {
  content: "\e235"
}

.glyphicon-menu-hamburger:before {
  content: "\e236"
}

.glyphicon-modal-window:before {
  content: "\e237"
}

.glyphicon-oil:before {
  content: "\e238"
}

.glyphicon-grain:before {
  content: "\e239"
}

.glyphicon-sunglasses:before {
  content: "\e240"
}

.glyphicon-text-size:before {
  content: "\e241"
}

.glyphicon-text-color:before {
  content: "\e242"
}

.glyphicon-text-background:before {
  content: "\e243"
}

.glyphicon-object-align-top:before {
  content: "\e244"
}

.glyphicon-object-align-bottom:before {
  content: "\e245"
}

.glyphicon-object-align-horizontal:before {
  content: "\e246"
}

.glyphicon-object-align-left:before {
  content: "\e247"
}

.glyphicon-object-align-vertical:before {
  content: "\e248"
}

.glyphicon-object-align-right:before {
  content: "\e249"
}

.glyphicon-triangle-right:before {
  content: "\e250"
}

.glyphicon-triangle-left:before {
  content: "\e251"
}

.glyphicon-triangle-bottom:before {
  content: "\e252"
}

.glyphicon-triangle-top:before {
  content: "\e253"
}

.glyphicon-console:before {
  content: "\e254"
}

.glyphicon-superscript:before {
  content: "\e255"
}

.glyphicon-subscript:before {
  content: "\e256"
}

.glyphicon-menu-left:before {
  content: "\e257"
}

.glyphicon-menu-right:before {
  content: "\e258"
}

.glyphicon-menu-down:before {
  content: "\e259"
}

.glyphicon-menu-up:before {
  content: "\e260"
}

.md-editor {
  border: 1px solid #ddd;
  border-radius: 3px
}

.md-editor>.btn-toolbar {
  background-color: #fff!important
}

.md-editor>.md-preview,.md-editor>textarea.markdown-editor {
  padding: 15px!important;
  border-top: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  background-color: #fff!important
}

div.md-editor.active {
  display: block;
  border: 1px solid #ddd;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.markdown-editor-status {
  padding: 2px 10px;
  font-size: 9pt;
  color: #959694;
  text-align: right
}

.small-font {
  font-size: .9em
}

.markdown-content h1 {
  font-size: 1.6em;
  color: #333
}

.markdown-content h2 {
  font-size: 1.4em;
  color: #333
}

.markdown-content h3 {
  font-size: 1.2em;
  color: #333
}

.markdown-content h4 {
  font-size: 1.1em;
  color: #333
}

.markdown-content pre {
  padding: 15px;
  background-color: #444;
  color: #f8f8f8;
  border: 0
}

.markdown-content pre code {
  white-space: pre;
  word-break: normal;
  word-wrap: normal
}

.markdown-content blockquote {
  font-size: 1em
}

.markdown-content table {
  margin: 10px 0;
  background-color: #fff;
  border: 1px solid #ddd
}

.markdown-content table>thead>tr>th {
  padding: 4px 10px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-weight: 700;
  text-align: center
}

.markdown-content table>tbody>tr>td {
  padding: 3px 8px;
  border: 1px solid #ddd
}

.md-editor {
  display: block;
  border: 1px solid #ddd
}

.md-editor .md-footer,.md-editor>.md-header {
  display: block;
  padding: 6px 4px;
  background: #f5f5f5
}

.md-editor>.md-header {
  margin: 0
}

.md-editor>.md-preview {
  background: #fff;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  min-height: 10px;
  overflow: auto
}

.md-editor>textarea {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  font-size: 14px;
  outline: 0;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 0;
  box-shadow: none;
  background: #eee
}

.md-editor>textarea:focus {
  box-shadow: none;
  background: #fff
}

.md-editor.active {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.md-editor .md-controls {
  float: right;
  padding: 3px
}

.md-editor .md-controls .md-control {
  right: 5px;
  color: #bebebe;
  padding: 3px 3px 3px 10px
}

.md-editor .md-controls .md-control:hover {
  color: #333
}

.md-editor.md-fullscreen-mode {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  padding: 60px 30px 15px;
  background: #fff!important;
  border: 0!important
}

.md-editor.md-fullscreen-mode .md-footer {
  display: none
}

.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview {
  margin: 0 auto!important;
  height: 100%!important;
  font-size: 20px!important;
  padding: 20px!important;
  color: #999;
  line-height: 1.6em!important;
  resize: none!important;
  box-shadow: none!important;
  background: #fff!important;
  border: 0!important
}

.md-editor.md-fullscreen-mode .md-preview {
  color: #333;
  overflow: auto
}

.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover {
  color: #333;
  background: #fff!important
}

.md-editor.md-fullscreen-mode .md-header {
  background: 0 0;
  text-align: center;
  position: fixed;
  width: 100%;
  top: 20px
}

.md-editor.md-fullscreen-mode .btn-group {
  float: none
}

.md-editor.md-fullscreen-mode .btn {
  border: 0;
  background: 0 0;
  color: #b3b3b3
}

.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover {
  box-shadow: none;
  color: #333
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
  z-index: 1002;
  display: block
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
  color: #b3b3b3;
  clear: right;
  margin: 10px;
  width: 30px;
  height: 30px;
  text-align: center
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
  color: #333;
  text-decoration: none
}

.md-editor.md-fullscreen-mode .md-editor {
  height: 100%!important;
  position: relative
}

.md-editor .md-fullscreen-controls {
  display: none
}

.md-nooverflow {
  overflow: hidden;
  position: fixed;
  width: 100%
}

.badge-menu,.badge-menu-alt {
  color: #fff;
  position: absolute
}

.badge-menu {
  left: 20px;
  line-height: 18px;
  top: 4px;
  background-color: #0073d7;
  padding: 1px 4px!important;
  display: inline-block;
  border-radius: 4px;
  font-size: 11px!important;
  pointer-events: none;
  animation: 2s linear infinite blinker
}

@keyframes blinker {
  50% {
      opacity: 0
  }
}

.badge-menu-alt {
  background-color: #7ce497;
  padding: 4px;
  text-align: center;
  font-weight: 500;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 13px;
  bottom: 0;
  left: 0;
  width: 100%
}

#header .bottom>.container>ul>li>div>div>div>div ul li a:is(.has-badge) {
  padding-bottom: 36px!important
}

.mobile-menu-opacity {
  display: none;
  position: absolute;
  left: 0;
  top: -120px;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  width: 20%;
  min-width: calc(100% - 240px);
  max-width: calc(100% - 440px);
  z-index: 9
}

#mmenu .subBox a.has-badge {
  padding-bottom: 36px!important
}

.pricing-plans {
  position: relative;
  margin-top: 6px
}

.pricing-plans .ppt-link {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center
}

.pricing-plans .ppt-link i {
  font-size: 20px;
  margin-right: 5px
}

.pricing-plans-box {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #e5e8ed;
  box-shadow: 0 1px 10px 0 rgba(141,153,176,.1);
  border-radius: 6px;
  padding: 8px;
  font-size: 14px;
  width: 100%;
  display: none;
  position: absolute;
  top: 30px;
  left: 0
}

.pricing-plans-table .ppt-list {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3,1fr);
  background-color: #f7f9fd;
  padding: 5px 12px;
  border-bottom: 1px solid #f1f1f1
}

.pricing-plans-table .ppt-list:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.pricing-plans-table .ppt-list:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 0
}

.pricing-plans-table .ppt-head .ppt-item {
  font-weight: 500
}

.pricing-plans-box .ppt-text {
  text-align: center;
  margin-top: 6px;
  color: #ac1717;
  font-size: 12px
}

.ppt-list-discount {
  padding-bottom: 29px!important;
  position: relative
}

.ppt-list-discount .ppt-ld-text {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background-color: #fbe5e5;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d23030
}

.ppt-list:last-child .ppt-ld-text {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.alert-pricing {
  background-color: rgba(102,112,147,.05);
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(102,112,147,.1);
  font-size: 16px;
  margin-top: 20px
}

.ow-cookie {
  background-color: #fff;
  border: 1px solid #e5e8ed;
  box-shadow: 0 1px 10px 0 rgba(141,153,176,.1);
  border-radius: 8px;
  padding: 24px;
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 400px;
  max-width: calc(100% - 20px);
  z-index: 15
}

.ow-cookie .title {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 500;
  color: #202331
}

.ow-cookie p {
  margin-bottom: 18px;
  font-size: 13px
}

.ow-cookie .btns {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 12px;
  white-space: nowrap
}

.ow-cookie .btns .obtn {
  padding: 10px;
  font-size: 13px
}

.ow-cookie .obtn.cancel {
  background-color: #f2f2f2;
  color: #667093
}

.ow-cookie .obtn.cancel::before {
  display: none
}

.ow-cookie .obtn.cancel:hover {
  background-color: #e3e3e3!important;
  color: #667093
}

@media (max-width: 576px) {
  .ow-cookie {
      bottom:95px;
      left: 10px;
      padding: 16px
  }
}

.ow-modal-success i {
  font-size: 100px;
  line-height: 100px
}

.ow-modal-success h4 {
  color: #111;
  margin-bottom: 6px
}

.ow-call-you {
  display: block;
  position: fixed;
  z-index: 15;
  top: 50%;
  bottom: 50%;
  left: -83px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#owModalBackdrop,.ow-modal {
  display: none;
  position: fixed
}

.ow-call-you a {
  display: block;
  padding: 12px 24px;
  -webkit-box-shadow: 0 0 16px rgba(0,0,0,.036);
  -moz-box-shadow: 0 0 16px rgba(0,0,0,.036);
  background: #fff!important;
  color: #3f4857!important;
  font-weight: 600;
  border: 1px solid #e5e8ed;
  box-shadow: 0 1px 10px 0 rgba(141,153,176,.1);
  -webkit-transition: .3s ease-in;
  -moz-transition: .3s ease-in;
  -ms-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  transition: .3s ease-in;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.ow-modal {
  z-index: 16;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background-color: #fefefe;
  border: 1px solid #e5e8ed;
  border-radius: 8px;
  width: 540px;
  max-width: calc(100% - 16px);
  max-height: calc(100% - 40px);
  overflow-y: auto
}

.ow-modal-head .title {
  color: #111;
  font-size: 22px
}

.ow-modal-head {
  border-bottom: 1px solid #e5e8ed;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.ow-modal-body {
  padding: 24px
}

.ow-modal .obtn {
  width: 100%;
  font-size: 16px
}

.ow-modal label {
  font-weight: 500;
  padding-bottom: 0;
  margin-bottom: 5px
}

.ow-modal-close {
  color: #aaa;
  font-size: 28px;
  font-weight: 700
}

.ow-modal-close:focus,.ow-modal-close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

#owModalBackdrop {
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4)
}

.ow-price-campaign {
  background-color: #63dca2;
  color: #fff;
  padding: 5px 6px 2px;
  border-radius: 6px 6px 0 0;
  font-size: 10px;
  text-align: center;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.ow-price-campaign.right {
  right: -14px
}

.ow-price-campaign .ow-pc-top {
  line-height: 10px
}

.ow-price-campaign .ow-pc-title {
  font-size: 12px;
  font-weight: 600
}

.ow-price-campaign .ow-pc-alt {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  font-weight: 600;
  background-color: #50bf8a;
  width: calc(100% + 3px);
  border-radius: 4px;
  text-transform: uppercase
}