/* Google Fonts Import */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Oxygen:400,700');*/
  /*@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');*/

/** fontawesome 6.1.1 */
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }
@font-face {
font-family: 'Font Awesome 6 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("../css/fa-611/webfonts/fa-brands-400.woff2") format("woff2"), url("../css/fa-611/webfonts/fa-brands-400.ttf") format("truetype"); }
.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400; }
.fa-tiktok:before {
    content: "\e07b"; }  

/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_nav i{ margin-right:5px;} 
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_open{ background:#000;}	
  .slicknav_open .slicknav_open{ background:#4c4c4c;}	
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }


/* ========style icons=========== */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
 @font-face {
  font-family: 'FontAwesome';
  src: url('/css/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: /*url('/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), */
    url('/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
      /*url('/css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
      url('/css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), */
      url('/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em !important;
}
.fa-3x {
  font-size: 3em !important;
}
.fa-4x {
  font-size: 4em !important;
}
.fa-5x {
  font-size: 5em !important;
}
.fa-10x {
  font-size: 10em !important;
}
.fa-15x {
  font-size: 15em !important;
}
.fa-20x {
  font-size: 20em !important;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit !important;
}
.feature .fa-lg .fa-stack-1x,.facility .fa-lg .fa-stack-1x {
  font-size: 53px;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before { content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-bug:before{content:"\f188"}.fa-cubes:before{content:"\f1b3"}.fa-database:before{content:"\f1c0"}.fa-circle-thin:before{content:"\f1db"}.fa-server:before{content:"\f233"}.fa-expeditedssl:before{content:"\f23e"}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url("/css/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), 
    /*url("/css/fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), */
    url("/css/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* ========style css=========== */
/* ============
   1 = Global
   ============ */

body {
  background: #fff;
  color: #444444;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  position: relative;
  webkit-font-smoothing: antialiased;
}

a {
  color: #67267a;
  outline: 0;
  text-decoration: none;
}

a:hover,a:active,a:focus {
  outline: 0;
  text-decoration: none;
  color: #6E6E6E;
}

p {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.45;
  font-size: 15px;
}

code {
  background: #f5f2f0;
  border: 0;
  border-radius: 6px;
  color: #303038;
  display: block;
  line-height: 1.3;
  margin: 8px 0;
  padding: 12px;
  text-shadow: 0 1px white;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
}

img {
  max-width: 100%;
  /height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

.row {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: 1170px;
  width: 100%;
}

.center-block {
  float: none;
}

.bg_gray {
  background: #f3f3f3 !important;
}

.bg_red {
  background: #ff0000 !important;
}

.bg_orange {
  background: #ff5e3a !important;
}

.bg_green {
  background: #5aa000 !important;
}

.bg_pink {
  background: #F62459 !important;
}

.bg_white {
  background: #fff !important;
}

.bg_dark {
  background-image: linear-gradient(45deg, #361752, #B31B67);
  background-image: -webkit-linear-gradient(45deg, #361752, #B31B67);
  background-image: -moz-linear-gradient(45deg, #361752, #B31B67);
  background-image: -ms-linear-gradient(45deg, #361752, #B31B67);
  background-image: -o-linear-gradient(45deg, #361752, #B31B67);
}

.bg_dark .title {
  color: #fff !important;
}

.bg_dark p {
  color: #fff;
}

.section_space {
  padding: 60px 0 !important;
}

.section_space h3 {
  font-weight: 700;
}

.section_space .title {
  margin-top: 0px;
}

.title {
  font-weight: 300 !important;
  font-family: 'Oxygen', sans-serif;
  font-size: 2.2em;
}

.btn-lg {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 3px;
  padding: 20px 50px !important;
  font-size: 14px;
}

.btn-sm {
  padding: 5px 10px !important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px !important;
}

.text-white {
  color: #fff !important;
}

.text-green {
  color: #9ec028 !important;
}

.text-gray {
  color: #f3f3f3 !important;
}

.text-dark {
  color: #5a5a5a !important;
}

.text-orange {
  color: #ff5e3a !important;
}

.text-red {
  color: #ee4433 !important;
}

.text-black {
  color: #000000 !important;
}

.text-primary {
  color: #67267a !important;
}

.text-secondary {
  color: #B31B67 !important;
}

.text-blue {
  color: #26a7e0 !important;
}

.text-pink {
  color: #cd1630 !important;
}
.text-purple {
  color: #9b1b63 !important;
}

.list-circle {
  margin: 20px 0;
  padding: 0px;
  color: #fff;
}

.list-circle li {
  list-style-position: inside;
  list-style-type: circle;
  line-height: 25px;
}

.align-right {
  float: right;
}

.align-left {
  float: left;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.margin-top--100 {
  margin-top: 100px;
}

.margin-top--90 {
  margin-top: 90px;
}

.margin-top--80 {
  margin-top: 80px;
}

.margin-top--70 {
  margin-top: 70px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom--90 {
  margin-bottom: 90px;
}

.margin-bottom--80 {
  margin-bottom: 80px;
}

.margin-bottom--70 {
  margin-bottom: 70px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.text-shadow {
  text-shadow: 1px 2px rgba(0,0,0,0.5);
}

.box-shadow {
  -moz-box-shadow: 0px 5px 20px -5px #ccc;
  -webkit-box-shadow: 0px 5px 20px -5px #ccc;
  box-shadow: 0px 5px 20px -5px #ccc;
}

.border-top {
  border-top: 1px solid #ddd;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.bold {
  font-weight: bold !important;
}

.inline-block {
  display: inline-block;
}

select.select-language {
  outline: 0;
}

/* Waves */

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Ηeadings */

h1,h2,h3,h4,h5,h6 {
  color: #444444;
  line-height: 1.1;
  margin-bottom: 12px;
  margin-top: 12px;
  text-rendering: optimizelegibility;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 19px;
}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 12px;
}

/* End of Ηeadings */

/* Bootstrap 5 columns */

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

/* Forms */

button[type="submit"] {
  background: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: 900;
  height: 55px;
  padding: 8px 6px 6px;
  text-transform: uppercase;
  width: 100%;
}

button[type="submit"]:hover {
  background: #f9f9f9;
}

select:focus {
  box-shadow: none;
}
/* ============
   2 = Header
   ============ */

.top {
  background: #fff;
  position: relative;
}

.logo {
  padding-top: 15px;
}

/* TopMiniBar  ---------------------- */

.topminibar {
  border-bottom: 1px solid #e8e8e8;
}

.topminibar ul li,.topminibar ul li a {
  margin: 8px 0 0px 0;
  padding: 0px;
  margin-right: 10px;
  border-right: 1px solid #f3f3f3;
  padding-right: 10px;
}

.topminibar ul li:last-child,.topminibar ul li a:last-child {
  border-right: 0px;
  padding-right: 0px;
}

.loginbuttons {
  padding: 5px 0;
}

/* Navigation  ---------------------- */

nav#desktop-menu {
  padding: 0;
  float: right;
  text-align: left;
}

nav#desktop-menu i {
  color: #67267a;
  margin-right: 5px;
}

/*** ESSENTIAL STYLES ***/

.sf-menu,.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu li {
  position: relative;
}

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.sf-menu > li {
  float: left;
}

.sf-menu li:hover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu ul ul {
  top: 0;
  left: 100%;
}

.sf-menu {
  float: left;
  margin: 0;
}

.sf-menu ul {
  min-width: 12em;
  *width: 12em;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

/* 1st level */

.sf-menu li {
  white-space: nowrap;
  *white-space: normal;
}

.sf-menu li a {
  color: #434343;
  font-weight: 400;
  padding: 30px 14px;
  text-transform: capitalize;
}

.sf-menu li:hover a,.sf-menu li.current a {
  color: #434343;
  -webkit-transition: none;
  transition: none;
  font-weight: 400;
}

#desktop-menu ul.sf-menu li.current {
  border-bottom: 5px solid #9ec028;
}

/* 2nd level */

.sf-menu ul li,.sf-menu li.current ul li {
  background: #fff!important;
}

.sf-menu ul li a {
  background: #fff!important;
  font-size: 13px;
  font-weight: 300;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #f5f4f4;
}

.sf-menu ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0px;
  width: 1.3em;
  color: #e0e0e0;
}

.sf-menu ul li:hover a {
  background: #f8f7f7!important;
  color: #434343;
  -webkit-transition: none;
  transition: none;
}

/* 3rd level */

.sf-menu ul li li:hover a {
  background: #fff!important;
  color: #434343;
  -webkit-transition: none;
  transition: none;
}

/* styling for both css and generated arrows */

.slicknav_menu {
  display: none;
}

/* ===============
   3 = Home Page
   =============== */

/* Tab Slider */

.banner-offer {
  background: #fff;
  padding: 20px;
  box-shadow: 1px 9px 9px -6px rgba(0,0,0,0.5);
  box-shadow: 2px 9px 14px -2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 9px 14px -2px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 9px 14px -2px rgba(0,0,0,0.5);
  -o-box-shadow: 2px 9px 14px -2px rgba(0,0,0,0.5);
}

.banner-offer .head {
  border-radius: 12em;
}

.banner-offer h2 {
  font-size: 1.8em !important;
  color: #000 !important;
  font-weight: 500 !important;
  margin-top: 40px !important;
}

.banner-price {
  float: left;
  position: absolute !important;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,0.1);
  border-radius: 3px;
  z-index: 1;
  bottom: 0;
  left: 0;
}

.banner-price .start-price {
  font-size: 35px;
  font-weight: 300;
  line-height: 21px;
}
/* Features */

.features {
  overflow: hidden;
}

.features h2 {
  font-weight: 300;
  margin-bottom: 12px;
  text-align: center;
  font-family: 'Oxygen', sans-serif;
  font-size: 2.2em;
}

.features h2 span {
  font-weight: 600;
}

.features span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}

.feature {
  text-align: center;
}

.feature i {
  /*text-shadow: 1px 2px rgba(0,0,0,0.5)*/
}

.feature img {
  margin: 0 auto;
}

.feature h3 {
  font-weight: 500;
  margin-top: 20px;
  font-family: 'Oxygen', sans-serif;
  margin-bottom: 0;
}

.feature p {
  font-size: 15px;
  font-weight: 400;
  margin: 18px 0 0;
  padding: 0 40px;
}

.icon-color.fa.fa-circle {
  color: #fff;
}
/* Domain Search Call to Action */

.offer {
  text-align: center;
}

.offer span {
  color: #000;
  font-size: 18px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  top: -10px;
  position: relative;
}

.offer h2 {
  color: #000;
  font-size: 60px;
  font-weight: 600;
  line-height: .9;
  margin: 0;
  padding: 0 0 5px;
  display: inline;
  text-shadow: 1px 1px #fff;
}

.section-list ul {
  padding: 0;
  margin: 0 auto;
}

.section-list p {
  text-align: center;
  color: #fff;
}

.section-list h2 {
  text-align: left;
  font-weight: 300;
  color: #fff;
  font-family: 'Oxygen', sans-serif;
  font-size: 2.2em;
}

.section-list ul {
  padding: 0;
  margin: 0 auto;
}

.section-list ul li {
  float: left;
  margin-top: 40px;
  line-height: 20px;
  list-style-type: none;
  margin-right: 40px;
}

.section-list ul li:last-child {
  margin-right: 0px;
}

.section-list ul li:before {
  top: 0;
}

.list-default {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-default li {
  padding-bottom: 16px;
}

.list-default li:last-child {
  padding-bottom: 0;
}

/* ==============================
   5 = Shared Hosting Page
   ============================== */
/* Tabs Section - Shared Hosting Page */

.shared-features {
  background: #fff;
  overflow: hidden;
}

.shared-features h2 {
  margin-bottom: 12px;
  text-align: center;
}

.shared-features p {
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
}

#shared-hosting-tabs #feature1 h5,#shared-hosting-tabs #feature5 h5 {
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 17px;
  text-align: left;
}

#shared-hosting-tabs #feature1 p,#shared-hosting-tabs #feature5 p {
  padding-left: 0;
  padding-roght: 0;
}

#shared-hosting-tabs h5 {
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 17px;
  text-align: center;
}

#shared-hosting-tabs p {
  padding: 0 40px;
}

#shared-hosting-tabs h6 {
  font-size: 18px;
  line-height: 1.3;
  padding: 17px 0 6px;
}

#shared-hosting-tabs #feature1,#shared-hosting-tabs #feature2,#shared-hosting-tabs #feature3,#shared-hosting-tabs #feature4,#shared-hosting-tabs #feature5 {
  transition: all ease-out 0.2s 0.1s;
}
/* ==============================
   6 = VPS Page
   ============================== */

/* Order Steps - VPS Page */

.vps-order {
  background: #fff;
}

.vps-order h3 {
  background: #fff;
  border: 2px solid #f3f3f3;
  border-radius: 6em;
  color: #5a5a5a;
  font-size: 18px;
  font-weight: normal;
  padding: 20px 35px;
  position: relative;
  text-align: center;
}

.vps-order h3:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(114, 172, 148, 0);
  border-top-color: #f3f3f3;
  border-width: 10px;
  margin-left: -10px;
}

.vps-order p {
  font-size: 15px;
  padding: 0 25px;
}

/* End of Order Steps - VPS Page */

/* Order Slider - VPS Page */

a.order-vps {
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  padding: 6px 15px;
  background-color: #73ae95;
  border-color: #4cae4c;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
/* ==============================
   7 = Dedicated servers
   ============================== */

/* Pricing Tables - Dedicated servers Page */

/* Pricing Tables - Dedicated servers Page */
.pricingtables ul li, .pricingtables .most-popular ul li {
  padding: 5px 0;
}
.panel-info {
  border: 0px;
}
/* ==============================
   8 = Domains
   ============================== */

.domainextensions {
  margin-top: 10px;
}
.domain-provision table td .tablesaw-cell-label, .domain-provision table td .tablesaw-cell-content {
  display: none !important;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #tld-table td:first-child span.tablesaw-cell-content {
    background: transparent;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #tld-table td:first-child span.tablesaw-cell-content {
    background: transparent;
  }
  .domains-table table tr, .domains-table td {
    border-top: unset !important;
  }
}
@media only screen and (max-width: 480px) {
  .domains-table table tr, .domains-table td {
    border-top: unset !important;
  }
}

/* Domain lables */

span.hot {
  background: #fb7254;
  color: #fff;
}

span.hot:before {
  border-right: 10px solid #fb7254 !important;
}

span.premium {
  color: #fff;
}

span.premium:before {
  border-right: 10px solid #f0ad4e !important;
}

span.new {
  color: #fff;
}

/* End Domain lables */

/* Domain Extensions */

.domainextensions .item {
  margin: 0 3px;
}

.domainextensions .item .extension {
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-transform: lowercase;
  border-right: 1px solid rgba(255,255,255,0.2);
}

.domainextensions .item .extension:last-child {
  border-right: 0px;
}

.domainextensions .item .extension .price {
  text-align: center;
  display: block;
  color: #fedc45;
}

/* ==============================
   9 = Inner Sub Banner
   ============================== */

#sub-banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#sub-banner .info-text {
  z-index: 20;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 100px 0 0 0;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
}

#sub-banner h2 {
  color: #fff;
  font: 300 58px Oxygen,sans-serif;
  margin-top: 0;
  line-height: 60px;
}

#sub-banner p {
  color: #fff;
  font-size: 16px;
}

#sub-banner .btn {
  margin: 20px 0;
}

/* ==============================
   9 = About Us
   ============================== */

/* highlights */

img.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
}

img.bg .text-white h2.title {
  color: #fff !important;
}
/* ==============================
   10 = Our Team
   ============================== */

.hover_img {
  display: none;
}

/* ==============================
   12 = Login
   ============================== */

.login.bg_dark .title {
  color: #5a5a5a !important;
}

.login-bg {
  width: 100%;
  height: 100%;
  background-image: url(images/login_bg.jpg);
  background-size: cover;
}

/* ==============================
   13 = Datacenter
   ============================== */

.datacenter {
  overflow: hidden;
}

.datacenter h2 {
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}

.datacenter p {
  font-size: 17px;
  font-weight: 300;
  margin: 18px 0 0;
  text-align: center;
  padding: 0 30px;
}

.extra-features {
  overflow: hidden;
}

.extra-features .facility {
  border: 1px solid #E1DFE0;
  border-top: 6px solid #E1DFE0;
  position: relative;
  padding-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.extra-features .facility .data {
  margin: 30px 22px;
}

.extra-features .facility .title {
  font-size: 20px;
  font-weight: 400;
}

.extra-features .facility p {
  margin: 0 20px;
  text-align: center;
}

#clients .item img { 
  filter: grayscale(1);
  opacity: 0.5;
}

#clients .item img:hover {
  filter: grayscale(0);
  opacity: 9;
}

/* ==============================
   14 = Elements
   ============================== */

.btn {
  text-shadow: none;
  border: 0;
  border-radius: 3px !important;
  padding: 10px 30px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.btn:hover {
  opacity: 1;
  box-shadow: 0px 1px 25px -1px #ccc;
}

.btn:hover:after {
  -webkit-transition: .7s linear;
  transition: .7s linear;
  background-position: 150% 0;
}

.btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: 100%;
  content: '';
  -webkit-transform: skewX(-50deg);
  transform: skewX(-50deg);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
  background-size: 2em 100%;
}

.btn.btn-default {
  background: #f9f9f9;
  box-shadow: 0px 0px 0px 1px #ddd inset;
}

.btn.btn-default:active,.btn.btn-default:focus {
  background: #d4d4d4;
}

.btn.btn-primary {
  background: #67267a;
}

.btn.btn-primary:hover {
  background: #83339a;
}

.btn.btn-primary:active,.btn.btn-primary:focus {
  background: #5f2071;
}

.btn-secondary {
  color: #373a3c;
  background-color: #fff;
  border: 1px solid #ccc;
}

.btn-secondary:hover {
  color: #373a3c;
  background-color: #f9f9f9;
  border: 1px solid #adadad;
}

.btn-secondary:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
}

.btn-secondary:active,.open > .btn-secondary.dropdown-toggle {
  color: #373a3c;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
  background-image: none;
}

.btn-secondary:active:hover,.btn-secondary:active:focus,.open > .btn-secondary.dropdown-toggle:hover,.open > .btn-secondary.dropdown-toggle:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border: 1px solid #8c8c8c;
}

.btn-secondary:disabled:focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary:disabled:hover {
  background-color: #fff;
  border: 1px solid #ccc;
}

.btn.btn-info {
  background: #63b2e8;
}

.btn.btn-info:hover {
  background: #59ABE3;
}

.btn.btn-info:active,.btn.btn-info:focus {
  background: #4f9fd6;
}

.btn.btn-warning {
  background: #ff5e3a !important;
}

.btn.btn-warning:hover {
  background: #fb7254;
}

.btn.btn-warning:active,.btn.btn-warning:focus {
  background: #e54521;
}

.btn.btn-pink {
  background: #F62459;
  color: #fff;
}

.btn.btn-pink:hover {
  background: #f73566;
  color: #fff;
}

.btn.btn-pink:active,.btn.btn-pink:focus {
  background: #e71a4e;
}
.btn-info-dark {
    color: #fff;
}
.btn.btn-info-dark {
    background: #003756;
}
.btn.btn-info-dark:hover {
    color: #fff;
}
.btn.btn-info-dark:active,.btn.btn-info-dark:focus {
  color: #fff;
}

.counters p {
  font-size: 17px;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
}

.counters span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.counters .circle-text {
  color: #807e7e;
  font-weight: 900;
}
/* ==============================
   16 = Blog
   ============================== */

.blog {
  background: #f3f3f3;
}

.home-blog-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.home-blog-image img {
  width: 100%;
  height: 100%;
}
/* ==============================
   15 = Counters
   ============================== */

.counters {
  text-align: center;
}

.counters .counter {
  text-align: center;
  font-size: 3em;
  font-weight: 600;
}

.counters span {
  font-size: 1em;
}

.counter-grid {
  width: 100%;
  height: 100px;
  border: 1px solid #ededed;
}

/* ==============================
   17 = Contact
   ============================== */

.info_content h5 {
  font-weight: 400;
  color: #67267a;
}

.info_content p {
  font-weight: 300;
  font-size: 16px;
}
/* ============
   19 = Limited Offers
   ============ */

.limitedoffers h3.title {
  color: #5a5a5a !important;
}

.limitedoffers h2 {
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}

.limitedoffers p {
  text-align: center;
  padding: 0 30px;
}

.limitedoffers h6 {
  font-size: 22px;
  color: #67267a;
  font-weight: 700;
  border: 2px solid #e1e3e4;
  margin: 0 auto;
  line-height: 10px;
  padding: 10px 25px;
  display: table;
  text-align: center;
  border-radius: 5em;
}

.limitedoffers .panel {
  border: 0;
  box-shadow: 0;
}

.limitedoffers .panel-body {
  padding: 15px;
  margin: 0;
}

.limitedoffers .panel-body p {
  text-align: left;
  font-size: 15px;
  padding: 0;
  margin: 0;
}

.limitedoffers.white {
  background: #fff;
}

.limitedoffers .limited-price {
  font-size: 45px;
  position: relative;
}

.limitedoffers .limited-price span {
  font-size: 20px;
  position: relative;
  left: -5px;
}

.limitedoffers .limited-price .commonprice {
  font-weight: 500;
  text-decoration: line-through;
  top: 0;
  right: -75px;
  color: #A7A7A7;
  display: block;
  position: relative;
  left: 0;
}

.hurryoffer {
  background: #fff;
  text-align: center;
  padding: 25px 0;
  min-height: 250px;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.hurryoffer p {
  margin: 20px;
}

.limitedoffers .offernow {
  overflow: hidden;
  background: #fff;
  padding: 15px 0;
  position: relative;
  text-align: center;
  margin: 0;
  border-bottom: 1px solid #e1e3e4;
}

.limitedoffers .hot-deals h3 {
  position: relative;
}

.limitedoffers .hot-deals h3:before {
  content: "HOT";
  background: #FF0000;
  color: #fff;
  left: -27px;
  position: absolute;
  top: 10px;
  width: 100px;
  z-index: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
}

.discount-page {
  position: relative;
  overflow: hidden;
}

.hidden {
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.domain-sale:after {
  content: "\f11e";
  color: #fedc45;
  left: 100px;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: 250px;
  padding: 4px;
  top: -150px;
  font-family: 'Material-Design-Iconic-Font';
  margin-top: 40px;
  line-height: 1;
}

.domain-sale:before {
  content: "SALE";
  color: #000;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  padding: 4px;
  font-family: 'Oxygen', sans-serif;
  z-index: 1;
  left: 115px;
  top: -15px;
  text-shadow: 1px 1px rgba(255,255,255,0.9);
}

.moneyback2:before {
  content: "MONEY-BACK GUARANTEE";
  background: #fedc45;
  color: #000;
  position: absolute;
  width: 220px;
  z-index: 10000;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: 30px;
  left: -55px;
  font-family: 'Oxygen', sans-serif;
}

.offers2 {
  position: relative;
  overflow: hidden;
}

.ribbon-sale:after {
  content: "\f11e";
  color: #ff5e3a;
  right: 80px;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: 171px;
  padding: 4px;
  top: -75px;
  font-family: 'Material-Design-Iconic-Font';
  margin-top: 40px;
  line-height: 1;
}

.ribbon-sale:before {
  content: "SALE";
  color: #fff;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  padding: 4px;
  font-family: 'Oxygen', sans-serif;
  z-index: 1;
  right: 82px;
  top: 20px;
}

.offer-counter {
  font-size: 2em;
  font-weight: 800;
  margin-bottom: 20px;
  border: 2px solid #fedc45;
  display: inline-block;
  padding: 0px 20px;
  border-radius: 16em;
}

.limitedoffers ul {
  margin-bottom: 0px;
  margin: 20px 0;
  padding: 0;
}

.limitedoffers ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #9bcb44;
  list-style: disc;
  padding: 0 0 6px 0;
  text-align: left;
  list-style-type: circle;
  display: block;
  text-align: center;
}

.limitedoffers ul li span {
  color: #1b1b1b;
  margin: 0px;
  display: block;
}

/* ============
   20 = Footer
   ============ */

.footer {
  background: #f3f3f3;
}

.footer h4 {
  color: #67267a;
  font-size: 14px;
  margin: 0;
  padding: 0 0 12px;
  font-weight: 500;
}

.footer ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
}

.footer ul li {
  border-bottom: 1px dashed #e9e7ea;
  color: #ccc;
  font-size: 14px;
  padding: 8px 0;
}

.footer ul li a {
  color: #434343;
}

.footer ul li a:hover {
  color: #67267a;
  text-decoration: none;
}

.footer_logo {
  padding-top: 10px;
}

.payments {
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
}

/* ============
   21 = 404
   ============ */

.page-error .text-title {
  font-size: 10em;
  font-weight: 700;
  line-height: 150px;
  font-family: 'Oxygen', sans-serif;
}

.page_error_dark_bg {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, #361752, #B31B67)!important;
  background-image: -webkit-linear-gradient(90deg, #361752, #B31B67)!important;
  background-image: -moz-linear-gradient(90deg, #361752, #B31B67)!important;
  background-image: -ms-linear-gradient(90deg, #361752, #B31B67)!important;
  background-image: -o-linear-gradient(90deg, #361752, #B31B67)!important;
  background-repeat: repeat;
  position: fixed;
}

/* ============
   22 = Page Help
   ============ */

.page-help > .container {
  position: relative;
}

.page-help > .container .fa {
  position: absolute;
  top: 0px;
  left: -80px;
  color: rgba(0,0,0, 0.2);
  font-size: 58px;
}

.page-help,.page-help h2 {
  color: #fff;
}

.page-help p {
  font-size: 16px;
  color: rgba(255,255,255, 0.7);
}

.page-help p a {
  color: rgba(255,255,255, 0.7) !important;
  text-decoration: underline;
  white-space: nowrap;
}

.page-help p .mobile-help {
  display: none;
}

.page-help h2 {
  margin: -4px 0 8px;
  font-weight: 400;
}

.page-help .col-md-4 {
  padding-top: 2px;
  text-align: center;
}

.page-help .col-md-4 a {
  float: right;
}

.page-help .feature-icon {
  float: left;
  margin-right: 35px;
  margin-bottom: 0;
  color: white;
}

.page-help .btn {
  border-radius: 16em !important;
}
/* ============
   24 = Copyright
   ============ */

.copyright {
  padding: 10px;
  background: #ffffff;
  font-size: 13px;
  text-align: center;
  border-top: 1px solid #e8e8e8;
}

.copyright p.copyright {
  border-top: 0px;
}

.sitemap li {
  border-right: 1px solid rgba(0,0,0,0.1);
  padding-right: 10px;
}

.sitemap li:last-child {
  border-right: 0px;
}

/* ============
   25 = Domain Sale
   ============ */

.domain_sale .text-title {
  font-size: 10em;
  font-weight: 700;
  line-height: 150px;
  font-family: 'Oxygen', sans-serif;
}

.domain_sale_dark_bg {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, #361752, #B31B67)!important;
  background-image: -webkit-linear-gradient(90deg, #361752, #B31B67)!important;
  background-image: -moz-linear-gradient(90deg, #361752, #B31B67)!important;
  background-image: -ms-linear-gradient(90deg, #361752, #B31B67)!important;
  background-image: -o-linear-gradient(90deg, #361752, #B31B67)!important;
  background-repeat: repeat;
  position: fixed;
}

/* MailChip Newsletter Form Styling  ----------------------- */

.subscribe_button {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
}

.follow {
  float: right;
  position: relative;
  top: 8px;
  right: 15px;
}

.footer-social-icons {
  display: block;
  margin: 0 auto;
}

.footer-social-icons .social-icon {
  color: #fff;
}

.footer-social-icons ul.social-icons {
  margin-top: 10px;
  padding-left: 0;
  float: right;
}

.footer-social-icons .social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}

.footer-social-icons .social-icons a {
  color: #fff;
  text-decoration: none;
}
.footer-social-icons i {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}
.footer-social-icons .fa-facebook {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

.footer-social-icons .fa-facebook:hover {
  background-color: #3d5b99;
}

.footer-social-icons .fa-rss {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

.footer-social-icons .fa-rss:hover {
  background-color: #eb8231;
}

.footer-social-icons .fa-youtube {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

.footer-social-icons .fa-youtube:hover {
  background-color: #e64a41;
}

.footer-social-icons .fa-linkedin {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

.footer-social-icons .fa-linkedin:hover {
  background-color: #0073a4;
}

.footer-social-icons .fa-google-plus {
  padding: 10px 9px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

.footer-social-icons .fa-google-plus:hover {
  background-color: #e25714;
}

.footer-social-icons .fa-globe {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

.footer-social-icons .fa-globe:hover {
  background-color: #3d5b99;
}

/* End of Footer */

/* Back to Top Button  ----------------------- */

#back-to-top {
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  display: none;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 2px;
  z-index: 10000;
  height: 50px;
  width: 50px;
  background-color: rgba(0,0,0,0.4);
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  border-radius: 50%;
}

#back-to-top i {
  padding-top: 15px;
  font-size: 17px;
}

#back-to-top:hover {
  background: #ff5e3a;
}

/* CSS iconhost-Preloader  ----------------------- */

#global-loader {
  position: fixed;
  z-index: 50000;
  height: 46px;
  width: 46px;
  height: 100%;
  width: 100%;
  background: url(images/page-loader.gif) no-repeat 50% 50% rgba(255,255,255,0.9);
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
  -ms-transition: background 1s ease;
  transition: background 1s ease;
}

/* ===================
        New Updates
   =================== */

/* Offer Domains ----------------------- */

#domainextensions .item .extension {
  background: rgba(0,0,0,0.2) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  padding: 15px 0;
  position: relative;
}

#domainextensions .domain-name {
  font-size: 1.5em;
  font-weight: 900;
  color: #fff;
  background: rgba(255,255,255,0.1);
  border-radius: 18em;
  display: inline-block;
  padding: 0 0.7em;
  border: 1px solid rgba(255,255,255,0.2);
}

#domainextensions .promo-price {
  font-size: 2em;
  font-weight: 900;
  color: #fedc45;
}

#domainextensions .promo-end {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding: 5px 0 0 0;
}

/* Corner Ribbon ----------------------- */

.corner-ribbon {
  width: 200px;
  background: #e43;
  z-index: 10000;
  position: absolute;
  top: 30px;
  left: -50px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Corner Ribbon Positions */

.corner-ribbon.top-left {
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right {
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Corner Ribbon Colors */

.corner-ribbon.white {
  background: #f0f0f0;
  color: #555;
}

.corner-ribbon.black {
  background: #333;
}

.corner-ribbon.blue {
  background: #39d;
}

.corner-ribbon.green {
  background: #2c7;
}

.corner-ribbon.red {
  background: #e43;
}

.corner-ribbon.orange {
  background: #e82;
}

/* Popup Subscribe ----------------------- */
.popup-subscribe .subscribe-input {
  height: 40px !important;
}

/* Popup Offer ----------------------- */

.popup-offer ul.list-default {
  display: inline-block;
}

.popup-offer .list-default li {
  padding-bottom: 10px;
  text-align: left;
  list-style-type: none;
  float: left;
  padding: 0 15px;
  line-height: 35px;
  font-size: 20px;
}

.popup-offer .offer-coupon {
  border: 1px dashed #000;
  padding: 10px 100px;
  font-size: 20px;
  display: inline-block;
  font-weight: bold;
}

#popup-offer-home.offer-time {
  font-size: 15px;
}

/*Language ---------------------------*/

.select-language .navbar-nav > li > a {
  padding: 0px;
  padding: 0px;
}

.select-language ul li a {
  padding-right: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

.select-language ul li.dropdown {
  top: 0px;
  position: absolute;
}

.select-language .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px !important;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
  margin-right: 0px;
}

.select-language .nav .open > a,.select-language .nav .open > a:hover,.select-language .nav .open > a:focus,.select-language a:hover {
  background-color: transparent!important;
}

.select-language .nav > li > a:hover,.select-language .nav > li > a:focus {
  text-decoration: none;
}

.select-language ul li,.select-language ul li a {
  margin: 4px 0 0px 0;
  padding: 0px;
  margin-right: 0px;
  border-right: 0px;
  padding-right: 0px;
}

.select-language .navbar-nav > li > .dropdown-menu,.select-language .dropdown-menu {
  display: block;
  margin: 10px 0 0 0;
  padding: 10px 0;
  z-index: 9000;
  position: absolute;
  -webkit-border-radius: 10px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
}

.select-language .nav .open>a,.select-language .nav .open>a:focus,.select-language .nav .open>a:hover {
  background: transparent;
}

.select-language ul li.dropdown ul.dropdown-menu li a:hover {
  background: #f3f3f3 !important;
}

.select-language .navbar-nav > li.open > .dropdown-menu,.select-language .open .dropdown-menu {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  -webkit-transform-origin: 29px -50px;
  -moz-transform-origin: 29px -50px;
  -o-transform-origin: 29px -50px;
  -ms-transform-origin: 29px -50px;
  transform-origin: 29px -50px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.select-language .dropdown-menu:before {
  border-bottom: 11px solid rgba(0, 0, 0, 0.2);
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  position: absolute;
  left: 100%;
  margin-left: -60%;
  top: -11px;
}

.select-language .dropdown-menu:after {
  border-bottom: 11px solid #FFFFFF;
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  position: absolute;
  left: 100%;
  margin-left: -60%;
  top: -10px;
}

/* ===================
   26 = Media Queries
   =================== */

@media only screen and (min-width : 320px) and (max-width : 480px) {
  #sub-banner .info-text {
    padding: 40px 0 0 0;
  }

  #sub-banner h2 {
    font-size: 25px;
  }

  #sub-banner p {
    font-size: 14px;
  }
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
  #sub-banner .info-text {
    padding: 40px 0 0 0;
  }

  #sub-banner h2 {
    font-size: 25px;
  }

  #sub-banner p {
    font-size: 14px;
  }

  .owl-item .item {
    text-align: center;
  }

  .payments,  .payments ul,  .payments .list-inline {
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  #global-loader {
    position: fixed;
    z-index: 50000;
    height: 46px;
    width: 46px;
    height: 100%;
    width: 100%;
    background: url(images/page-loader.gif) no-repeat 50% 50% #fff !important;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    -ms-transition: background 1s ease;
    transition: background 1s ease;
  }
}

@media only screen and (max-width: 480px) {
  #back-to-top {
    width: 30px!important;
    height: 30px!important;
  }

  #back-to-top i {
    padding-top: 5px;
    font-size: 17px;
  }

  #sub-banner h2 {
    font: 300 22px Oxygen,sans-serif;
    line-height: 25px;
  }

  #sub-banner .info-text {
    padding: 15px 0 0 0;
  }

  #sub-banner p {
    font-size: 13px;
  }

  #sub-banner .info-text {
    position: inherit;
    padding: 20px 0 20px 0 !important;
  }

  #sub-banner .info-text {
    padding: 40px 0 0 0;
  }

  #sub-banner .info-text {
    padding: 40px 0 0 0;
  }

  #sub-banner h2 {
    font-size: 25xp;
  }

  #sub-banner p {
    font-size: 14px;
  }

  p {
    font-size: 13px;
  }

  .features h2 {
    font-size: 1.8em;
  }

  .offer h2 {
    font-size: 40px;
  }

  .title {
    font-size: 1.6em;
  }

  .subscribe_button {
    position: relative;
    width: 100%;
  }

  .owl-carousel .owl-item {
    text-align: center;
  }

  .social-icons {
    padding-left: 0px !important;
  }

  .social-icons i {
    padding: 4px 8px !important;
  }

  .payments {
    display: none;
  }

  .follow {
    float: none;
    position: relative;
    top: 8px;
    right: 0;
    text-align: right;
  }

  .btn-lg {
    padding: 15px 40px !important;
  }

  h2 {
    font-size: 16px;
  }

  .page-help p {
    font-size: 12px !important;
  }

  .footer {
    padding-top: 15px;
  }

  .extra-features .facility h3 {
    margin: 35px 25px 18px!important;
    padding-bottom: 20px!important;
  }

  .extra-features .facility h3 {
    margin: 15px 0px 15px 0px!important;
    padding-bottom: 0!important;
  }

  .extra-features .facility p {
    margin: 0!important;
  }

  .extra-features .facility {
    padding-bottom: 10px !important;
  }

  .list-circle li {
    display: block;
    font-size: 13px;
  }

  .datacenter p {
    font-size: 12px;
  }

  .page-error .text-title {
    font-size: 5em;
    line-height: 75px;
  }

  .domain-price .btn {
    padding: 8px 10px;
    font-size: 12px;
  }

  .blog .btn {
    padding: 5px;
    font-size: 12px;
    width: 100%;
  }

  .blog {
    padding: 25px 0;
  }

  .offer-end {
    margin: 10px 0;
  }

  .section-list h2 {
    font-size: 1.8em;
  }

  div.row.limited-offers {
    margin-top: 0px !important;
  }

  .limitedoffers p {
    padding: 0 0px;
  }

  .title.offernow {
    font-size: 1.6em;
  }

  .offer-counter {
    font-size: 1.5em !important;
    margin-bottom: 10px;
    /*border: 0px;*/
    display: inline-block;
    color: #ff5e3a;
  }

  .limitedoffers .hot-deals h3:before {
    left: -10px;
    position: relative;
    top: 0;
    font-size: 11px;
  }

  .limitedoffers .limited-price {
    font-size: 25px;
  }

  .limitedoffers .col-sm-6,  .limitedoffers .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .limitedoffers ul li {
    font-size: 12px;
  }

  .ribbon-sale:after,  .ribbon-sale::before,  .moneyback2:before {
    display: none !important;
  }

  .block-grid-xs-2 > .block-grid-item {
    width: 100% !important;
  }

  .topminibar .col-xs-12,  .topminibar .text-right {
    text-align: center !important;
  }

  .topminibar .btn {
    margin: 5px 0;
  }

  .topminibar .col-xs-12:first-child {
    border-bottom: 1px solid #e8e8e8;
  }
}

@media only screen and (max-width: 767px) {
  #sub-banner {
    display: none;
  }

  #navigation {
    display: none;
  }

  #shared-hosting-tabs #feature1 h5,  #shared-hosting-tabs #feature2 img,  #shared-hosting-tabs #feature3 img,  #shared-hosting-tabs #feature5 img {
    margin-top: 25px;
  }

  .select-language ul li.dropdown {
    top: 0px;
    position: relative;
  }

  .page-help .btn {
    margin-top: 40px !important;
  }

  .topminibar .list-inline,  .topminibar .loginbuttons {
    text-align: center;
  }

  .domain-sale:after,  .domain-sale:before {
    display: none;
  }

  .ribbon-sale:after,  .ribbon-sale::before,  .moneyback2:before {
    display: none !important;
  }

  .features {
    overflow: hidden;
  }

  .page-help .btn {
    border-radius: 16em !important;
    width: 100%;
  }

  .loginbuttons .btn {
    margin-bottom: 5px !important;
  }

  .block-grid-xs-2 > .block-grid-item {
    width: 100% !important;
  }

  .section-list ul li {
    display: block !important;
  }

  .slicknav_menu {
    padding: 0px;
    border-radius: 0px;
  }

  .slicknav_btn {
    margin: 0px;
    padding: 10px;
  }

  .slicknav_btn {
    width: 100%;
    text-align: center;
  }

  .modal.popup-subscribe,  .modal.popup-offer {
    position: absolute !important;
  }

  .popup-subscribe .corner-ribbon,  .popup-offer .corner-ribbon {
    display: none;
  }

  .popup-offer .offer-coupon {
    padding: 5px 20px;
    display: block;
  }

  .popup-offer .list-default li {
    font-size: 15px;
  }

  .slicknav_icon {
    display: block;
    float: right !important;
  }

  .top {
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    width: 100%;
    z-index: 0;
  }

  .logo {
    padding: 20px 0;
    display: table;
    margin: 0 auto;
  }

  .slicknav_menu {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
  }

  .topminibar {
    margin-top: 39px;
  }

  .footer {
    padding-top: 35px;
  }

  .footer h4 {
    margin-top: 10px;
  }

  .social {
    padding-bottom: 15px;
  }

  .social ul {
    display: table;
    margin: 0 auto;
    margin-bottom: 6px;
  }

  .social ul li {
    padding: 11px 14px 12px;
    border-bottom: 1px solid #393939;
  }

  .social ul li a {
    font-size: 15px;
  }

  .clients .block-grid-item {
    border: 0;
  }

  .extra-features .facility h3 {
    margin: 35px 25px 18px;
    padding-bottom: 20px;
  }

  .extra-features .facility h3 .title {
    font-size: 15px;
  }

  .extra-features .facility p {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .extra-features .facility {
    margin-bottom: 30px;
  }

  .topminibar .list-inline,  .topminibar .loginbuttons,  .logo {
    text-align: center;
  }

  #sub-banner .info-text {
    padding: 40px 0 0 0;
  }

  #sub-banner h2 {
    font-size: 25px;
  }

  #sub-banner p {
    font-size: 14px;
  }

  .owl-item .item {
    text-align: center;
  }

  .page-help {
    text-align: center;
  }

  .page-help .btn {
    margin-top: 20px;
  }

  .payments {
    text-align: center;
  }

  .payments ul {
    text-align: center;
  }

  .sf-menu li a {
    padding: 32px 10px;
  }

  .feature p {
    font-size: 15px;
    padding: 0 10px;
  }

  .offer h2 {
    font-size: 36px;
  }

  .footer h4 {
    font-size: 14px;
    padding: 10px 6px;
  }

  .footer ul li {
    font-size: 14px;
    padding: 4px 6px;
  }

  .social ul li {
    padding: 25px 20px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1025px) {
  .owl-item .item {
    text-align: center;
  }

  .social ul li {
    padding: 25px 30px;
  }

  .extra-features .facility {
    margin-bottom: 30px;
  }

  .extra-features .facility h3 {
    margin: 35px 25px 18px;
    padding-bottom: 20px;
  }

  .extra-features .facility h3 .title {
    font-size: 17px;
  }

  .extra-features .facility p {
    margin: 0 30px;
  }
}

@media (min-width: 768px) {
  .modal {
    text-align: center;
    padding: 0!important;
  }

  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }

  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }

  .extra-features .facility .data {
    display: inline-block;
  }

  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  #sub-banner {
    max-height: 350px;
  }

  .owl-item .item {
    text-align: center !important;
  }

  .col-md-15 {
    width: 25%;
    float: left;
  }

  .offer h2 {
    font-size: 45px;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 25%;
    float: left;
  }

  .owl-item .item {
    text-align: center;
  }
}

/* Nexus PLandscape */

@media only screen and (min-width : 603px) and (max-width : 966px) {
  .payments ul,  .payments,  .page-help {
    text-align: center;
  }

  .page-help .btn {
    margin-top: 40px !important;
  }
}

/* iPad in portrait */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  #desktop-menu .sf-menu {
    float: none;
    margin: 0;
    text-align: center;
    display: inline-flex;
  }

  .sf-menu ul li a {
    text-align: left;
  }

  .section-list ul li {
    margin-right: 5vw;
  }

  .topminibar .text-right.loginbuttons {
    text-align: center !important;
  }

  .menu-header,  .menu-header #desktop-menu {
    text-align: center;
    float: none;
    display: block;
  }
}

/* iPad in landscape */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
  #desktop-menu .sf-menu {
    float: none;
    margin: 0;
    text-align: center;
    display: inline-flex;
  }

  .topminibar .col-sm-12.col-md-6.col-xs-12,  .menu-header .col-sm-12 {
    text-align: center !important;
  }

  .topminibar .text-right.loginbuttons {
    text-align: center !important;
  }

  .menu-header,  .menu-header #desktop-menu {
    text-align: center;
    float: none;
    display: block;
  }

  .sf-menu ul li,  .sf-menu li.current ul li {
    text-align: left;
  }
}

/* Demo only */

.alert {
  box-shadow: unset;
  text-shadow: unset;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning {
  background-image: unset;
  background-repeat: unset;
}

.alert-warning .alert-link {
  color: #66512c;
}

/* ============= CUSTOM FOR ALL ============= */
html {
  scroll-behavior: smooth;
}
.mt-40-auto {
  margin: 40px auto 0;
}
.disp-block {
  display: block !important;
}

/* for popup */
.modal-dialog {
  margin: 48px 10px;
}
@media only screen and (max-width: 767px) {
  .modal.popup-subscribe, .modal.popup-offer {
      position: fixed !important;
  }
}

/* ============= FOR PAGE ============= */
/* ********** FOR SSD HOSTING ************* */
/* ** Table Pricing ** */
.shared-features table{
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 400;
  table-layout: fixed;
}
.shared-features table tr{
  height: 44px;
}
.shared-features table td{
  padding-left: 14px;
  border-color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
.shared-features table td:first-child{
  display: none; 
}
.shared-features table td:last-child{
  font-family: 'Roboto', sans-serif;
  padding-left: 0px;
  padding-right: 14px;
  text-align: center;
}
.shared-features table tr td.headrow{
  border: 0px;
}
@media screen and (max-width: 966px){
  .shared-features table{
      table-layout: auto;
  }
  .shared-features table td{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      border-width: 0 0 1px 1px;
  }
  .shared-features table td:last-child{
      text-align: right;
      font-weight: 400;
      border-width: 0 1px 1px 0;
  }
}

/* for feature */
.extra-features .facility {
  height: 100%;
}
.extra-features .facility i {
  font-size: 6rem;
}
.extra-features .row {
  display: flex;
  flex-wrap: wrap;
}

/* for banner */
@media (min-width: 768px){
  .col-sm-6.deskripsi{
      width: 66.66%;
  }
}
#sub-banner .info-text {
  padding: 50px 0 0 0;
}
.deskripsi{
  margin-top: 40px;
}
.deskripsi-order, .deskripsi-diskon {
  text-align: center;
  margin-top: 40px;
}
#sub-banner .deskripsi-order p{
  font-size: 20px; 
  line-height: 1;
}
.deskripsi-order .btn-lg{
  font-size: 16px;
}
.info-text .text-right{
  opacity: 0;
}
#sub-banner h2 {
  font: 300 58px Oxygen,sans-serif;
  line-height: 1.1;
}

/* promo1 */
.promo1 {
  padding: 40px 0;
}
.promo1 .deskripsi, .promo1 .deskripsi-order, .promo1 .deskripsi-diskon {
  margin-bottom: 40px;
}
.promo1 h3{
  color: #444444;
  font-size: 34px;
}
.promo1 h3 span {
  font-size: 40px;
  font-weight: 600;
}
.promo1 .btn-lg, .promo1 .btn-group-lg > .btn {
  padding: 20px 10px !important;
  width: 80%;
}
.promo1 .deskripsi-diskon {
  //clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
  //animation: clips 3s ease infinite;
  //background: #fff;
  height: 100%;
  //padding: 50px 0;
}
@keyframes clips {
  50% {
      clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
  }
}
@keyframes clips2 {
  50% {
      clip-path: polygon(100% 40%, 80% 40%, 80% 100%, 20% 100%, 20% 40%, 0% 40%, 50% 0%);
  }
}
.burst-8 {
  background: #fff;
  width: 100px;
  height: 100px;
  position: relative;
  text-align: center;
  transform: rotate(20deg);
  margin: 0 auto;
}
.burst-8:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100px;
  background: #fff;
  transform: rotate(135deg);
  z-index: -1;
}
@media (min-width: 992px){
  #sub-banner.promo1 {
      max-height: 100%;
  }
  .burst-8 {
      margin-left: 0;
  }
}
@media (max-width: 1024px) and (min-width: 768px){
  .promo1 h3{
      font-size: 24px;
  }
}
@media (max-width: 767px) and (min-width: 576px){
  .promo1 h3{
      font-size: 20px;
  }
}
@media (max-width: 575px) {
  .promo1 .row div:first-child {
      margin-bottom: 0px;
  }
  .promo1 .row div:last-child {
      //margin-top: 0px;
  }
  .promo1 .deskripsi-diskon {
      //clip-path: polygon(80% 0%, 80% 60%, 100% 60%, 50% 100%, 0% 60%, 20% 60%, 20% 0%);
      //animation: clips2 3s ease infinite;
      margin-top: 0px;
  }
}
@media only screen and (max-width: 767px){
  #sub-banner.promo1 {
      display: inline-block; 
  }
}

/* affiliasi */
.faq.banner .panel-heading {
  background: transparent;
}
.faq.banner .panel-heading:hover h4 a {
  transform: scale(1.01);
}
.faq.banner .panel-body {
  background: #f3f3f3;
  border-radius: 5px;
}
.banner img {
  margin-bottom: 10px;
}
.bannerbox {
  padding: 5px 5px 0 5px;
  border: solid 1px #ddd;
  border-radius: 5px;
  margin-bottom: 10px;
  background: #d3d3d3;
}
.bannerlink {
  //padding-top: 10px;
}
.bannerlink .link {
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  resize: none; 
}
@media (min-width: 768px){
  .sectionarea.cara #cara {
      display: flex;
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
      display: flex;
  }
  .bannerbox {
      margin-right: 10px;
      width: 50%;
  }
  .bannerbox:last-child {
      margin-right: 0;
  }
}

/* LAYANAN LAIN */
.other_service .combo-offers .combo-offer {
  min-height: 0;
  text-align: left;
}

/* social icon */
.footer-social-icons .fa-instagram {
  padding: 10px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #67267a;
}

/* upoffer *
.upoffer {
  position: fixed;
  z-index: 1000;
  left: 30px;
  bottom: 150px;
}
.upoffer .top {
  width: 200px;
  height: 50px;
  background-image: -webkit-linear-gradient(45deg, #361752, #B31B67);
  border-radius: 50%;
  border: solid 5px #fff;
  transform: skew(10deg, -10deg);
  text-align: center;
}
.upoffer .cent {
  width: 20px;
  height: 70px;
  transform: skew(-10deg, -10deg);
  left: 45%;
  position: relative;
  top: 50%;
  border-radius: 15px 25px 0 0;
  background-image: -webkit-linear-gradient(45deg, #361752, #B31B67);
  border: solid 2px #FFF;
}
/**/

/* text-color */
.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
/* position */
.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}
/* m p */
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
/* width height */
.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}
/* font weight */
.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}
/* bg */
.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}
/* border rounded */
.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}

/* new custom */
.d-none {
  display: none !important;
} 
.text-shadow-light {
  text-shadow: 0px 1px 4px #fff;
}
.text-shadow-dark {
  text-shadow: 0px 1px 4px #000;
}
.logo img, .footer_logo img {
  max-width: 192px;
}
.rounded-10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.c-orange {
  color: #ff5e3a;
}
.c-purple {
  color: #B31B67;
}
.list-style-none{
  list-style-type: none;
}
.fs-15 {
  font-size: 15px;
}

.content {
  display: none;
  animation-duration: 2s;
  animation-fill-mode: both;
  /* animation-name: fadeInUp; */
}
ol {
  counter-reset: list1;
  margin: 15px 0;
  padding-left: 26px;
}
ol li {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  margin-bottom: .35em;
  font-size: 16px;
  list-style-position: outside;
}
.content ul {
  counter-reset: list1;
  margin: 15px 0;
  padding-left: 26px;
}
.content ul li {
  list-style: disc;
  color: #70799f;
}
.content ol li {
  list-style: decimal;
  color: #70799f;
}
.fs-16, .fs-16 p {
  font-size: 16px;
}
.content h5 {
  color: #70799f;
  font-weight: 700;
  font-size: 2.3rem;
}
.content p {
  color: #70799f;
}

/* bg color */
.bg-orange-semi-light {
  background-color: #f9e677;
}
.bg-gradient-orange-semi-light {
  background-image: linear-gradient(to right top, #daca71, #e2d173, #e9d874, #f1df76, #f9e677);
}

/* promo lebaran */
.bg-green {
  background: linear-gradient(to right, #275b2b, #2d642e, #336d30, #3a7733, #418035, #418035, #418035, #418035, #3a7733, #336d30, #2d642e, #275b2b);
}
.bg-ketupat::after {
  content: '';
  background-image: url('/promo/lebaran/img/bg-ketupat.png');
  background-repeat: repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.bg-ketupat-2::after {
  content: '';
  background-image: url('/promo/lebaran/img/bg-ketupat-2.png');
  background-repeat: repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.ketupat2 {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: 0;
  left: 0;
}
.lentera {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: -142px;
  left: 0;
  max-width: 150px;
  display: none;
}
.lentera-right {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: -142px;
  max-width: 130px;
  display: none;
  transform: scaleX(-1);
  right: 0;
}
@media (min-width: 768px){
  .lentera, .lentera-right {
    display: block;
  }
}
.icon-k1 {
  content: "";
  //background-image: url('/promo/lebaran/img/icon-k1.png');
  //background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: 0;
  left: 14px;
  width: 70px;
}
.bedug {
  background-image: url('/promo/lebaran/img/bedug.png');
  background-repeat: no-repeat;
}
.bedug-diskon {
  position: absolute;
  top: 50px;
  left: 75px;
}
.limitedoffers .offernow, .hurryoffer { 
  background: transparent;
  box-shadow: unset;
  border-bottom: unset;
}
.bg-diskon::after {
  content: '';
  background-image: url('/promo/lebaran/img/kotak.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.bg-diskon-2::after {
  content: '';
  background-image: url('/promo/lebaran/img/kotak-2.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.btn-ied-1::before {
  content: '';
  background-image: url('/promo/lebaran/img/icon-k1.png');
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

/* promo NIGHT SALE */
.bg-night {
  background: radial-gradient(ellipse at bottom, #142b4d 0%, #151722 100%) !important;
  color: #f8f9fa!important;
}
.bg-night h2, .limitedoffers .bg-night  h3.title {
  color: #f8f9fa!important;
}
.bg-night-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.moon {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: rgba(255,241,118 ,1);
  box-shadow: 1px 1px 30px rgba(224,224,224 ,1);
  position: absolute;
  right: -10px;
  top: -10px;
}
.moon::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 190px;
  height: 190px;
  border-radius: 100%;
  background-color: rgba(82, 176, 190, 0.20);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.moon::after {
  content: '';
  position: absolute;
  top: -130px;
  right: -130px;
  width: 330px;
  height: 330px;
  border-radius: 100%;
  background-color: rgba(67, 157, 174, 0.20);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.stars {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 500px;
}
.star-fall {
  position: relative;
  border-radius: 2px;
  width: 80px;
  height: 200px;
  overflow: hidden;
  transform: rotate(-20deg);
}
.star-fall::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  top: 0px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  left: 100%;
  animation: star-fall 3.6s linear infinite;
}
.star-fall:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  top: 190px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  left: 100%;
  animation: star-fall 3.6s linear infinite;
}

.star-fall:nth-child(1) { 
  top: 80px;
  right: 180px;
}
.star-fall:nth-child(1)::before {
  animation-delay: 1.9s;
}
.star-fall:nth-child(1):after {
  animation-delay: 2.8s;
}

.star-fall:nth-child(2) {
  right: 260px;
  top: 0px;
}
.star-fall:nth-child(2)::before {
  animation-delay: 3.5s;
}
.star-fall:nth-child(2):after {
  animation-delay: 2.3s;
}

.star-fall:nth-child(3) {
  left: 780px;
  top: 400px;
}
.star-fall:nth-child(3):after {
  animation-delay: 3.2s;
}

.star-fall:nth-child(4) {
  left: 200px;
  top: 100px;
}
.star-fall:nth-child(4):after {
  animation-delay: .2s;
}

@keyframes star-fall {
  20% {
    left: -100%;
  }
  100% {
    left: -100%;
  }
}


/* ## SLIDESHOW */
/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.myDots {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
}
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot.active, .dot:hover {
  background-color: #717171;
}
/* ## END SLIDESHOW */

/* ## animated */
.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1.5s;
  animation-fill-mode: both
}
@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    -webkit-transition: none !important;
    animation: unset !important;
    transition: none !important
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
/* ## end animated */


/* RAMADHAN */
.ramadhan .bg-ramadhan::after {
  content: '';
  background-image: url(/images/ramadhan/bg.png);
  background-repeat: repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.ramadhan .lentera {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: -10px;
  left: 0;
  max-width: 150px;
  display: none;
}
.ramadhan .lentera-right {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: -10px;
  max-width: 130px;
  display: none;
  transform: scaleX(-1);
  right: 0;
}
.ramadhan .star-lt {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: -10px;
  left: 0;
  max-width: 230px;
  display: none;
}
.ramadhan .star-rt {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  top: -10px;
  max-width: 200px;
  display: none;
  /*transform: scaleX(-1);*/
  right: 0;
}
.ramadhan .star-rb {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  bottom: -100px;
  right: -80px;
  max-width: 330px;
  display: none;
}
.ramadhan .star-lb {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 4px;
  bottom: 0px;
  left: 0;
  max-width: 230px;
  display: none;
}


.ramadhan .ktk-lt {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 10px;
  top: 0;
  left: 0;
  max-width: 280px;
  display: none;
}
.ramadhan .ktk-rt {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 10px;
  top: 0;
  max-width: 200px;
  display: none;
  /*transform: scaleX(-1);*/
  right: 0;
}
.ramadhan .ktk-rb {
  content: "";
  position: absolute;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 10px;
  bottom: 0;
  right: 0;
  max-width: 330px;
  display: none;
}
@media (min-width: 768px){
  .ramadhan .lentera, .ramadhan .lentera-right,
  .ramadhan .star-lt, .ramadhan .star-rt, .ramadhan .star-rb, .ramadhan .star-lb,
  .ramadhan .ktk-lt, .ramadhan .ktk-rt, .ramadhan .ktk-rb {
    display: block;
  }
}
.ramadhan .bg-diskon::after {
  content: '';
  background-image: url('/images/ramadhan/bg-diskon-fw.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1;
  top: -90px;
  left: -10px;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
@media (max-width: 400px) {
  .ramadhan .bg-diskon::after {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
  }
}
.ramadhan .limitedoffers .limited-price {
  font-size: 30px;
}
.ramadhan .limitedoffers .limited-price span {
  font-size: 16px;
}
.ramadhan .offer-counter {
  font-size: 1.6em;
}
/* END RAMADHAN */


/* lisensi */
@media only screen and (max-width: 480px){
.products-table td {
    border-bottom: 0px solid #DFE0E5;
}
}
@media only screen and (max-width: 767px){
.servers-table td {
    border-bottom: 0px solid #DFE0E5;
}
}
.category {
    margin-top: 10px;
}
.category span{
    padding: 4px 8px;
    background: #f3f3f3;
}
@media (max-width: 767px){
.col-sm-3 {
    width: 50%;
}
.col-sm-12 {
    width: 100%;
}
.products-table td span.tablesaw-cell-content{
    font-weight: bold;
}
}
@media (max-width: 539px){
.col-sm-3 {
    width: 100%;
}
}

/** fitur lengkap */
.all-fitur .panel-heading .collapsed .b-show {
  display: inline;
}
.all-fitur .panel-heading .collapsed .b-hide {
  display: none;
}
.all-fitur .panel-heading .b-show {
  display: none;
}
.all-fitur .panel-heading .b-hide {
  display: inline;
}
.all-fitur .panel-heading {
  color: #343a40;
}
.all-fitur .panel-heading .panel-title:hover{
  color: #ff5e3a;
}
.all-fitur .panel-body ul.list-unstyled li {
  display: flex;
  align-items: baseline;
}