@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Creepster&family=Mulish:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=Creepster&family=Mulish:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-SemiBold.eot');
  src: url('../fonts/page_fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-SemiBold.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-SemiBold.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-SemiBold.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-Black.eot');
  src: url('../fonts/page_fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-Black.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-Black.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-Black.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-Black.svg#Raleway-Black') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-Bold.eot');
  src: url('../fonts/page_fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-Bold.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-Bold.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-Bold.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-Regular.eot');
  src: url('../fonts/page_fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-Regular.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-Regular.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-Regular.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-Medium.eot');
  src: url('../fonts/page_fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-Medium.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-Medium.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-Medium.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-Light.eot');
  src: url('../fonts/page_fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-Light.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-Light.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-Light.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-Light.svg#Raleway-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/page_fonts/Raleway-ExtraBold.eot');
  src: url('../fonts/page_fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/page_fonts/Raleway-ExtraBold.woff2') format('woff2'),
    url('../fonts/page_fonts/Raleway-ExtraBold.woff') format('woff'),
    url('../fonts/page_fonts/Raleway-ExtraBold.ttf') format('truetype'),
    url('../fonts/page_fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'XTypewriter';
  src : url('../fonts/page_fonts/XTypewriter-Regular.woff2') format('woff2'),
  url('../fonts/page_fonts/XTypewriter-Regular.woff') format('woff'),
  url('../fonts/page_fonts/XTypewriter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lobster';
  src: url('../fonts/page_fonts/Lobster.eot');
  src : url('../fonts/page_fonts/Lobster.woff') format('woff'),
  url('../fonts/page_fonts/Lobster-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/*!
 *  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('../fonts/page_icons/Material-Design-Iconic-Font.woff2?v=2.2.0') format('woff2'), url('../fonts/page_icons/Material-Design-Iconic-Font.woff?v=2.2.0') format('woff'), url('../fonts/page_icons/Material-Design-Iconic-Font.ttf?v=2.2.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.zmdi-hc-2x {
  font-size: 2em;
}
.zmdi-hc-3x {
  font-size: 3em;
}
.zmdi-hc-4x {
  font-size: 4em;
}
.zmdi-hc-5x {
  font-size: 5em;
}
.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center;
}
.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.zmdi-hc-ul > li {
  position: relative;
}
.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em;
}
.zmdi-hc-border {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 2px;
}
.zmdi-hc-border-circle {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 50%;
}
.zmdi.pull-left {
  float: left;
  margin-right: .15em;
}
.zmdi.pull-right {
  float: right;
  margin-left: .15em;
}
.zmdi-hc-spin {
  -webkit-animation: zmdi-spin 1.5s infinite linear;
  animation: zmdi-spin 1.5s infinite linear;
}
.zmdi-hc-spin-reverse {
  -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
  animation: zmdi-spin-reverse 1.5s infinite linear;
}
@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
.zmdi-hc-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.zmdi-hc-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.zmdi-hc-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.zmdi-hc-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.zmdi-hc-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.zmdi-hc-stack-1x {
  line-height: inherit;
}
.zmdi-hc-stack-2x {
  font-size: 2em;
}
.zmdi-hc-inverse {
  color: #ffffff;
}
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.zmdi-3d-rotation:before {
  content: '\f101';
}
.zmdi-airplane-off:before {
  content: '\f102';
}
.zmdi-airplane:before {
  content: '\f103';
}
.zmdi-album:before {
  content: '\f104';
}
.zmdi-archive:before {
  content: '\f105';
}
.zmdi-assignment-account:before {
  content: '\f106';
}
.zmdi-assignment-alert:before {
  content: '\f107';
}
.zmdi-assignment-check:before {
  content: '\f108';
}

.zmdi-assignment-o:before {
  content: '\f109';
}
.zmdi-assignment-return:before {
  content: '\f10a';
}
.zmdi-assignment-returned:before {
  content: '\f10b';
}
.zmdi-assignment:before {
  content: '\f10c';
}
.zmdi-attachment-alt:before {
  content: '\f10d';
}
.zmdi-attachment:before {
  content: '\f10e';
}
.zmdi-audio:before {
  content: '\f10f';
}
.zmdi-badge-check:before {
  content: '\f110';
}
.zmdi-balance-wallet:before {
  content: '\f111';
}
.zmdi-balance:before {
  content: '\f112';
}
.zmdi-battery-alert:before {
  content: '\f113';
}
.zmdi-battery-flash:before {
  content: '\f114';
}
.zmdi-battery-unknown:before {
  content: '\f115';
}
.zmdi-battery:before {
  content: '\f116';
}
.zmdi-bike:before {
  content: '\f117';
}
.zmdi-block-alt:before {
  content: '\f118';
}
.zmdi-block:before {
  content: '\f119';
}
.zmdi-boat:before {
  content: '\f11a';
}
.zmdi-book-image:before {
  content: '\f11b';
}
.zmdi-book:before {
  content: '\f11c';
}
.zmdi-bookmark-outline:before {
  content: '\f11d';
}
.zmdi-bookmark:before {
  content: '\f11e';
}
.zmdi-brush:before {
  content: '\f11f';
}
.zmdi-bug:before {
  content: '\f120';
}
.zmdi-bus:before {
  content: '\f121';
}
.zmdi-cake:before {
  content: '\f122';
}
.zmdi-car-taxi:before {
  content: '\f123';
}
.zmdi-car-wash:before {
  content: '\f124';
}
.zmdi-car:before {
  content: '\f125';
}
.zmdi-card-giftcard:before {
  content: '\f126';
}
.zmdi-card-membership:before {
  content: '\f127';
}
.zmdi-card-travel:before {
  content: '\f128';
}
.zmdi-card:before {
  content: '\f129';
}
.zmdi-case-check:before {
  content: '\f12a';
}
.zmdi-case-download:before {
  content: '\f12b';
}
.zmdi-case-play:before {
  content: '\f12c';
}
.zmdi-case:before {
  content: '\f12d';
}
.zmdi-cast-connected:before {
  content: '\f12e';
}
.zmdi-cast:before {
  content: '\f12f';
}
.zmdi-chart-donut:before {
  content: '\f130';
}
.zmdi-chart:before {
  content: '\f131';
}
.zmdi-city-alt:before {
  content: '\f132';
}
.zmdi-city:before {
  content: '\f133';
}
.zmdi-close-circle-o:before {
  content: '\f134';
}
.zmdi-close-circle:before {
  content: '\f135';
}
.zmdi-close:before {
  content: '\f136';
}
.zmdi-cocktail:before {
  content: '\f137';
}
.zmdi-code-setting:before {
  content: '\f138';
}
.zmdi-code-smartphone:before {
  content: '\f139';
}
.zmdi-code:before {
  content: '\f13a';
}
.zmdi-coffee:before {
  content: '\f13b';
}
.zmdi-collection-bookmark:before {
  content: '\f13c';
}
.zmdi-collection-case-play:before {
  content: '\f13d';
}
.zmdi-collection-folder-image:before {
  content: '\f13e';
}
.zmdi-collection-image-o:before {
  content: '\f13f';
}
.zmdi-collection-image:before {
  content: '\f140';
}
.zmdi-collection-item-1:before {
  content: '\f141';
}
.zmdi-collection-item-2:before {
  content: '\f142';
}
.zmdi-collection-item-3:before {
  content: '\f143';
}
.zmdi-collection-item-4:before {
  content: '\f144';
}
.zmdi-collection-item-5:before {
  content: '\f145';
}
.zmdi-collection-item-6:before {
  content: '\f146';
}
.zmdi-collection-item-7:before {
  content: '\f147';
}
.zmdi-collection-item-8:before {
  content: '\f148';
}
.zmdi-collection-item-9-plus:before {
  content: '\f149';
}
.zmdi-collection-item-9:before {
  content: '\f14a';
}
.zmdi-collection-item:before {
  content: '\f14b';
}
.zmdi-collection-music:before {
  content: '\f14c';
}
.zmdi-collection-pdf:before {
  content: '\f14d';
}
.zmdi-collection-plus:before {
  content: '\f14e';
}
.zmdi-collection-speaker:before {
  content: '\f14f';
}
.zmdi-collection-text:before {
  content: '\f150';
}
.zmdi-collection-video:before {
  content: '\f151';
}
.zmdi-compass:before {
  content: '\f152';
}
.zmdi-cutlery:before {
  content: '\f153';
}
.zmdi-delete:before {
  content: '\f154';
}
.zmdi-dialpad:before {
  content: '\f155';
}
.zmdi-dns:before {
  content: '\f156';
}
.zmdi-drink:before {
  content: '\f157';
}
.zmdi-edit:before {
  content: '\f158';
}
.zmdi-email-open:before {
  content: '\f159';
}
.zmdi-email:before {
  content: '\f15a';
}
.zmdi-eye-off:before {
  content: '\f15b';
}
.zmdi-eye:before {
  content: '\f15c';
}
.zmdi-eyedropper:before {
  content: '\f15d';
}
.zmdi-favorite-outline:before {
  content: '\f15e';
}
.zmdi-favorite:before {
  content: '\f15f';
}
.zmdi-filter-list:before {
  content: '\f160';
}
.zmdi-fire:before {
  content: '\f161';
}
.zmdi-flag:before {
  content: '\f162';
}
.zmdi-flare:before {
  content: '\f163';
}
.zmdi-flash-auto:before {
  content: '\f164';
}
.zmdi-flash-off:before {
  content: '\f165';
}
.zmdi-flash:before {
  content: '\f166';
}
.zmdi-flip:before {
  content: '\f167';
}
.zmdi-flower-alt:before {
  content: '\f168';
}
.zmdi-flower:before {
  content: '\f169';
}
.zmdi-font:before {
  content: '\f16a';
}
.zmdi-fullscreen-alt:before {
  content: '\f16b';
}
.zmdi-fullscreen-exit:before {
  content: '\f16c';
}
.zmdi-fullscreen:before {
  content: '\f16d';
}
.zmdi-functions:before {
  content: '\f16e';
}
.zmdi-gas-station:before {
  content: '\f16f';
}
.zmdi-gesture:before {
  content: '\f170';
}
.zmdi-globe-alt:before {
  content: '\f171';
}
.zmdi-globe-lock:before {
  content: '\f172';
}
.zmdi-globe:before {
  content: '\f173';
}
.zmdi-graduation-cap:before {
  content: '\f174';
}
.zmdi-home:before {
  content: '\f175';
}
.zmdi-hospital-alt:before {
  content: '\f176';
}
.zmdi-hospital:before {
  content: '\f177';
}
.zmdi-hotel:before {
  content: '\f178';
}
.zmdi-hourglass-alt:before {
  content: '\f179';
}
.zmdi-hourglass-outline:before {
  content: '\f17a';
}
.zmdi-hourglass:before {
  content: '\f17b';
}
.zmdi-http:before {
  content: '\f17c';
}
.zmdi-image-alt:before {
  content: '\f17d';
}
.zmdi-image-o:before {
  content: '\f17e';
}
.zmdi-image:before {
  content: '\f17f';
}
.zmdi-inbox:before {
  content: '\f180';
}
.zmdi-invert-colors-off:before {
  content: '\f181';
}
.zmdi-invert-colors:before {
  content: '\f182';
}
.zmdi-key:before {
  content: '\f183';
}
.zmdi-label-alt-outline:before {
  content: '\f184';
}
.zmdi-label-alt:before {
  content: '\f185';
}
.zmdi-label-heart:before {
  content: '\f186';
}
.zmdi-label:before {
  content: '\f187';
}
.zmdi-labels:before {
  content: '\f188';
}
.zmdi-lamp:before {
  content: '\f189';
}
.zmdi-landscape:before {
  content: '\f18a';
}
.zmdi-layers-off:before {
  content: '\f18b';
}
.zmdi-layers:before {
  content: '\f18c';
}
.zmdi-library:before {
  content: '\f18d';
}
.zmdi-link:before {
  content: '\f18e';
}
.zmdi-lock-open:before {
  content: '\f18f';
}
.zmdi-lock-outline:before {
  content: '\f190';
}
.zmdi-lock:before {
  content: '\f191';
}
.zmdi-mail-reply-all:before {
  content: '\f192';
}
.zmdi-mail-reply:before {
  content: '\f193';
}
.zmdi-mail-send:before {
  content: '\f194';
}
.zmdi-mall:before {
  content: '\f195';
}
.zmdi-map:before {
  content: '\f196';
}
.zmdi-menu:before {
  content: '\f197';
}
.zmdi-money-box:before {
  content: '\f198';
}
.zmdi-money-off:before {
  content: '\f199';
}
.zmdi-money:before {
  content: '\f19a';
}
.zmdi-more-vert:before {
  content: '\f19b';
}
.zmdi-more:before {
  content: '\f19c';
}
.zmdi-movie-alt:before {
  content: '\f19d';
}
.zmdi-movie:before {
  content: '\f19e';
}
.zmdi-nature-people:before {
  content: '\f19f';
}
.zmdi-nature:before {
  content: '\f1a0';
}
.zmdi-navigation:before {
  content: '\f1a1';
}
.zmdi-open-in-browser:before {
  content: '\f1a2';
}
.zmdi-open-in-new:before {
  content: '\f1a3';
}
.zmdi-palette:before {
  content: '\f1a4';
}
.zmdi-parking:before {
  content: '\f1a5';
}
.zmdi-pin-account:before {
  content: '\f1a6';
}
.zmdi-pin-assistant:before {
  content: '\f1a7';
}
.zmdi-pin-drop:before {
  content: '\f1a8';
}
.zmdi-pin-help:before {
  content: '\f1a9';
}
.zmdi-pin-off:before {
  content: '\f1aa';
}
.zmdi-pin:before {
  content: '\f1ab';
}
.zmdi-pizza:before {
  content: '\f1ac';
}
.zmdi-plaster:before {
  content: '\f1ad';
}
.zmdi-power-setting:before {
  content: '\f1ae';
}
.zmdi-power:before {
  content: '\f1af';
}
.zmdi-print:before {
  content: '\f1b0';
}
.zmdi-puzzle-piece:before {
  content: '\f1b1';
}
.zmdi-quote:before {
  content: '\f1b2';
}
.zmdi-railway:before {
  content: '\f1b3';
}
.zmdi-receipt:before {
  content: '\f1b4';
}
.zmdi-refresh-alt:before {
  content: '\f1b5';
}
.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}
.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}
.zmdi-refresh-sync:before {
  content: '\f1b8';
}
.zmdi-refresh:before {
  content: '\f1b9';
}
.zmdi-roller:before {
  content: '\f1ba';
}
.zmdi-ruler:before {
  content: '\f1bb';
}
.zmdi-scissors:before {
  content: '\f1bc';
}
.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}
.zmdi-screen-rotation:before {
  content: '\f1be';
}
.zmdi-search-for:before {
  content: '\f1bf';
}
.zmdi-search-in-file:before {
  content: '\f1c0';
}
.zmdi-search-in-page:before {
  content: '\f1c1';
}
.zmdi-search-replace:before {
  content: '\f1c2';
}
.zmdi-search:before {
  content: '\f1c3';
}
.zmdi-seat:before {
  content: '\f1c4';
}
.zmdi-settings-square:before {
  content: '\f1c5';
}
.zmdi-settings:before {
  content: '\f1c6';
}
.zmdi-shield-check:before {
  content: '\f1c7';
}
.zmdi-shield-security:before {
  content: '\f1c8';
}
.zmdi-shopping-basket:before {
  content: '\f1c9';
}
.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}
.zmdi-shopping-cart:before {
  content: '\f1cb';
}
.zmdi-sign-in:before {
  content: '\f1cc';
}
.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}
.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}
.zmdi-sort-asc:before {
  content: '\f1cf';
}
.zmdi-sort-desc:before {
  content: '\f1d0';
}
.zmdi-spellcheck:before {
  content: '\f1d1';
}
.zmdi-storage:before {
  content: '\f1d2';
}
.zmdi-store-24:before {
  content: '\f1d3';
}
.zmdi-store:before {
  content: '\f1d4';
}
.zmdi-subway:before {
  content: '\f1d5';
}
.zmdi-sun:before {
  content: '\f1d6';
}
.zmdi-tab-unselected:before {
  content: '\f1d7';
}
.zmdi-tab:before {
  content: '\f1d8';
}
.zmdi-tag-close:before {
  content: '\f1d9';
}
.zmdi-tag-more:before {
  content: '\f1da';
}
.zmdi-tag:before {
  content: '\f1db';
}
.zmdi-thumb-down:before {
  content: '\f1dc';
}
.zmdi-thumb-up-down:before {
  content: '\f1dd';
}
.zmdi-thumb-up:before {
  content: '\f1de';
}
.zmdi-ticket-star:before {
  content: '\f1df';
}
.zmdi-toll:before {
  content: '\f1e0';
}
.zmdi-toys:before {
  content: '\f1e1';
}
.zmdi-traffic:before {
  content: '\f1e2';
}
.zmdi-translate:before {
  content: '\f1e3';
}
.zmdi-triangle-down:before {
  content: '\f1e4';
}
.zmdi-triangle-up:before {
  content: '\f1e5';
}
.zmdi-truck:before {
  content: '\f1e6';
}
.zmdi-turning-sign:before {
  content: '\f1e7';
}
.zmdi-wallpaper:before {
  content: '\f1e8';
}
.zmdi-washing-machine:before {
  content: '\f1e9';
}
.zmdi-window-maximize:before {
  content: '\f1ea';
}
.zmdi-window-minimize:before {
  content: '\f1eb';
}
.zmdi-window-restore:before {
  content: '\f1ec';
}
.zmdi-wrench:before {
  content: '\f1ed';
}
.zmdi-zoom-in:before {
  content: '\f1ee';
}
.zmdi-zoom-out:before {
  content: '\f1ef';
}
.zmdi-alert-circle-o:before {
  content: '\f1f0';
}
.zmdi-alert-circle:before {
  content: '\f1f1';
}
.zmdi-alert-octagon:before {
  content: '\f1f2';
}
.zmdi-alert-polygon:before {
  content: '\f1f3';
}
.zmdi-alert-triangle:before {
  content: '\f1f4';
}
.zmdi-help-outline:before {
  content: '\f1f5';
}
.zmdi-help:before {
  content: '\f1f6';
}
.zmdi-info-outline:before {
  content: '\f1f7';
}
.zmdi-info:before {
  content: '\f1f8';
}
.zmdi-notifications-active:before {
  content: '\f1f9';
}
.zmdi-notifications-add:before {
  content: '\f1fa';
}
.zmdi-notifications-none:before {
  content: '\f1fb';
}
.zmdi-notifications-off:before {
  content: '\f1fc';
}
.zmdi-notifications-paused:before {
  content: '\f1fd';
}
.zmdi-notifications:before {
  content: '\f1fe';
}
.zmdi-account-add:before {
  content: '\f1ff';
}
.zmdi-account-box-mail:before {
  content: '\f200';
}
.zmdi-account-box-o:before {
  content: '\f201';
}
.zmdi-account-box-phone:before {
  content: '\f202';
}
.zmdi-account-box:before {
  content: '\f203';
}
.zmdi-account-calendar:before {
  content: '\f204';
}
.zmdi-account-circle:before {
  content: '\f205';
}
.zmdi-account-o:before {
  content: '\f206';
}
.zmdi-account:before {
  content: '\f207';
}
.zmdi-accounts-add:before {
  content: '\f208';
}
.zmdi-accounts-alt:before {
  content: '\f209';
}
.zmdi-accounts-list-alt:before {
  content: '\f20a';
}
.zmdi-accounts-list:before {
  content: '\f20b';
}
.zmdi-accounts-outline:before {
  content: '\f20c';
}
.zmdi-accounts:before {
  content: '\f20d';
}
.zmdi-face:before {
  content: '\f20e';
}
.zmdi-female:before {
  content: '\f20f';
}
.zmdi-male-alt:before {
  content: '\f210';
}
.zmdi-male-female:before {
  content: '\f211';
}
.zmdi-male:before {
  content: '\f212';
}
.zmdi-mood-bad:before {
  content: '\f213';
}
.zmdi-mood:before {
  content: '\f214';
}
.zmdi-run:before {
  content: '\f215';
}
.zmdi-walk:before {
  content: '\f216';
}
.zmdi-cloud-box:before {
  content: '\f217';
}
.zmdi-cloud-circle:before {
  content: '\f218';
}
.zmdi-cloud-done:before {
  content: '\f219';
}
.zmdi-cloud-download:before {
  content: '\f21a';
}
.zmdi-cloud-off:before {
  content: '\f21b';
}
.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}
.zmdi-cloud-outline:before {
  content: '\f21d';
}
.zmdi-cloud-upload:before {
  content: '\f21e';
}
.zmdi-cloud:before {
  content: '\f21f';
}
.zmdi-download:before {
  content: '\f220';
}
.zmdi-file-plus:before {
  content: '\f221';
}
.zmdi-file-text:before {
  content: '\f222';
}
.zmdi-file:before {
  content: '\f223';
}
.zmdi-folder-outline:before {
  content: '\f224';
}
.zmdi-folder-person:before {
  content: '\f225';
}
.zmdi-folder-star-alt:before {
  content: '\f226';
}
.zmdi-folder-star:before {
  content: '\f227';
}
.zmdi-folder:before {
  content: '\f228';
}
.zmdi-gif:before {
  content: '\f229';
}
.zmdi-upload:before {
  content: '\f22a';
}
.zmdi-border-all:before {
  content: '\f22b';
}
.zmdi-border-bottom:before {
  content: '\f22c';
}
.zmdi-border-clear:before {
  content: '\f22d';
}
.zmdi-border-color:before {
  content: '\f22e';
}
.zmdi-border-horizontal:before {
  content: '\f22f';
}
.zmdi-border-inner:before {
  content: '\f230';
}
.zmdi-border-left:before {
  content: '\f231';
}
.zmdi-border-outer:before {
  content: '\f232';
}
.zmdi-border-right:before {
  content: '\f233';
}
.zmdi-border-style:before {
  content: '\f234';
}
.zmdi-border-top:before {
  content: '\f235';
}
.zmdi-border-vertical:before {
  content: '\f236';
}
.zmdi-copy:before {
  content: '\f237';
}
.zmdi-crop:before {
  content: '\f238';
}
.zmdi-format-align-center:before {
  content: '\f239';
}
.zmdi-format-align-justify:before {
  content: '\f23a';
}
.zmdi-format-align-left:before {
  content: '\f23b';
}
.zmdi-format-align-right:before {
  content: '\f23c';
}
.zmdi-format-bold:before {
  content: '\f23d';
}
.zmdi-format-clear-all:before {
  content: '\f23e';
}
.zmdi-format-clear:before {
  content: '\f23f';
}
.zmdi-format-color-fill:before {
  content: '\f240';
}
.zmdi-format-color-reset:before {
  content: '\f241';
}
.zmdi-format-color-text:before {
  content: '\f242';
}
.zmdi-format-indent-decrease:before {
  content: '\f243';
}
.zmdi-format-indent-increase:before {
  content: '\f244';
}
.zmdi-format-italic:before {
  content: '\f245';
}
.zmdi-format-line-spacing:before {
  content: '\f246';
}
.zmdi-format-list-bulleted:before {
  content: '\f247';
}

.zmdi-format-list-numbered:before {
  content: '\f248';
}
.zmdi-format-ltr:before {
  content: '\f249';
}
.zmdi-format-rtl:before {
  content: '\f24a';
}
.zmdi-format-size:before {
  content: '\f24b';
}
.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}
.zmdi-format-strikethrough:before {
  content: '\f24d';
}
.zmdi-format-subject:before {
  content: '\f24e';
}
.zmdi-format-underlined:before {
  content: '\f24f';
}
.zmdi-format-valign-bottom:before {
  content: '\f250';
}
.zmdi-format-valign-center:before {
  content: '\f251';
}
.zmdi-format-valign-top:before {
  content: '\f252';
}
.zmdi-redo:before {
  content: '\f253';
}
.zmdi-select-all:before {
  content: '\f254';
}
.zmdi-space-bar:before {
  content: '\f255';
}
.zmdi-text-format:before {
  content: '\f256';
}
.zmdi-transform:before {
  content: '\f257';
}
.zmdi-undo:before {
  content: '\f258';
}
.zmdi-wrap-text:before {
  content: '\f259';
}
.zmdi-comment-alert:before {
  content: '\f25a';
}
.zmdi-comment-alt-text:before {
  content: '\f25b';
}
.zmdi-comment-alt:before {
  content: '\f25c';
}
.zmdi-comment-edit:before {
  content: '\f25d';
}
.zmdi-comment-image:before {
  content: '\f25e';
}
.zmdi-comment-list:before {
  content: '\f25f';
}
.zmdi-comment-more:before {
  content: '\f260';
}
.zmdi-comment-outline:before {
  content: '\f261';
}
.zmdi-comment-text-alt:before {
  content: '\f262';
}
.zmdi-comment-text:before {
  content: '\f263';
}
.zmdi-comment-video:before {
  content: '\f264';
}
.zmdi-comment:before {
  content: '\f265';
}
.zmdi-comments:before {
  content: '\f266';
}
.zmdi-check-all:before {
  content: '\f267';
}
.zmdi-check-circle-u:before {
  content: '\f268';
}
.zmdi-check-circle:before {
  content: '\f269';
}
.zmdi-check-square:before {
  content: '\f26a';
}
.zmdi-check:before {
  content: '\f26b';
}
.zmdi-circle-o:before {
  content: '\f26c';
}
.zmdi-circle:before {
  content: '\f26d';
}
.zmdi-dot-circle-alt:before {
  content: '\f26e';
}
.zmdi-dot-circle:before {
  content: '\f26f';
}
.zmdi-minus-circle-outline:before {
  content: '\f270';
}
.zmdi-minus-circle:before {
  content: '\f271';
}
.zmdi-minus-square:before {
  content: '\f272';
}
.zmdi-minus:before {
  content: '\f273';
}
.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}
.zmdi-plus-circle-o:before {
  content: '\f275';
}
.zmdi-plus-circle:before {
  content: '\f276';
}
.zmdi-plus-square:before {
  content: '\f277';
}
.zmdi-plus:before {
  content: '\f278';
}
.zmdi-square-o:before {
  content: '\f279';
}
.zmdi-star-circle:before {
  content: '\f27a';
}
.zmdi-star-half:before {
  content: '\f27b';
}
.zmdi-star-outline:before {
  content: '\f27c';
}
.zmdi-star:before {
  content: '\f27d';
}
.zmdi-bluetooth-connected:before {
  content: '\f27e';
}
.zmdi-bluetooth-off:before {
  content: '\f27f';
}
.zmdi-bluetooth-search:before {
  content: '\f280';
}
.zmdi-bluetooth-setting:before {
  content: '\f281';
}
.zmdi-bluetooth:before {
  content: '\f282';
}
.zmdi-camera-add:before {
  content: '\f283';
}
.zmdi-camera-alt:before {
  content: '\f284';
}
.zmdi-camera-bw:before {
  content: '\f285';
}
.zmdi-camera-front:before {
  content: '\f286';
}
.zmdi-camera-mic:before {
  content: '\f287';
}
.zmdi-camera-party-mode:before {
  content: '\f288';
}
.zmdi-camera-rear:before {
  content: '\f289';
}
.zmdi-camera-roll:before {
  content: '\f28a';
}
.zmdi-camera-switch:before {
  content: '\f28b';
}
.zmdi-camera:before {
  content: '\f28c';
}
.zmdi-card-alert:before {
  content: '\f28d';
}
.zmdi-card-off:before {
  content: '\f28e';
}
.zmdi-card-sd:before {
  content: '\f28f';
}
.zmdi-card-sim:before {
  content: '\f290';
}
.zmdi-desktop-mac:before {
  content: '\f291';
}
.zmdi-desktop-windows:before {
  content: '\f292';
}
.zmdi-device-hub:before {
  content: '\f293';
}
.zmdi-devices-off:before {
  content: '\f294';
}
.zmdi-devices:before {
  content: '\f295';
}
.zmdi-dock:before {
  content: '\f296';
}
.zmdi-floppy:before {
  content: '\f297';
}
.zmdi-gamepad:before {
  content: '\f298';
}
.zmdi-gps-dot:before {
  content: '\f299';
}
.zmdi-gps-off:before {
  content: '\f29a';
}
.zmdi-gps:before {
  content: '\f29b';
}
.zmdi-headset-mic:before {
  content: '\f29c';
}
.zmdi-headset:before {
  content: '\f29d';
}
.zmdi-input-antenna:before {
  content: '\f29e';
}
.zmdi-input-composite:before {
  content: '\f29f';
}
.zmdi-input-hdmi:before {
  content: '\f2a0';
}
.zmdi-input-power:before {
  content: '\f2a1';
}
.zmdi-input-svideo:before {
  content: '\f2a2';
}
.zmdi-keyboard-hide:before {
  content: '\f2a3';
}
.zmdi-keyboard:before {
  content: '\f2a4';
}
.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}
.zmdi-laptop-mac:before {
  content: '\f2a6';
}
.zmdi-laptop:before {
  content: '\f2a7';
}
.zmdi-mic-off:before {
  content: '\f2a8';
}
.zmdi-mic-outline:before {
  content: '\f2a9';
}
.zmdi-mic-setting:before {
  content: '\f2aa';
}
.zmdi-mic:before {
  content: '\f2ab';
}
.zmdi-mouse:before {
  content: '\f2ac';
}
.zmdi-network-alert:before {
  content: '\f2ad';
}
.zmdi-network-locked:before {
  content: '\f2ae';
}
.zmdi-network-off:before {
  content: '\f2af';
}
.zmdi-network-outline:before {
  content: '\f2b0';
}
.zmdi-network-setting:before {
  content: '\f2b1';
}
.zmdi-network:before {
  content: '\f2b2';
}
.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}
.zmdi-phone-end:before {
  content: '\f2b4';
}
.zmdi-phone-forwarded:before {
  content: '\f2b5';
}
.zmdi-phone-in-talk:before {
  content: '\f2b6';
}
.zmdi-phone-locked:before {
  content: '\f2b7';
}
.zmdi-phone-missed:before {
  content: '\f2b8';
}
.zmdi-phone-msg:before {
  content: '\f2b9';
}
.zmdi-phone-paused:before {
  content: '\f2ba';
}
.zmdi-phone-ring:before {
  content: '\f2bb';
}
.zmdi-phone-setting:before {
  content: '\f2bc';
}
.zmdi-phone-sip:before {
  content: '\f2bd';
}
.zmdi-phone:before {
  content: '\f2be';
}
.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}
.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}
.zmdi-portable-wifi:before {
  content: '\f2c1';
}
.zmdi-radio:before {
  content: '\f2c2';
}
.zmdi-reader:before {
  content: '\f2c3';
}
.zmdi-remote-control-alt:before {
  content: '\f2c4';
}
.zmdi-remote-control:before {
  content: '\f2c5';
}
.zmdi-router:before {
  content: '\f2c6';
}
.zmdi-scanner:before {
  content: '\f2c7';
}
.zmdi-smartphone-android:before {
  content: '\f2c8';
}
.zmdi-smartphone-download:before {
  content: '\f2c9';
}
.zmdi-smartphone-erase:before {
  content: '\f2ca';
}
.zmdi-smartphone-info:before {
  content: '\f2cb';
}
.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}
.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}
.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}
.zmdi-smartphone-lock:before {
  content: '\f2cf';
}
.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}
.zmdi-smartphone-ring:before {
  content: '\f2d1';
}
.zmdi-smartphone-setting:before {
  content: '\f2d2';
}
.zmdi-smartphone-setup:before {
  content: '\f2d3';
}
.zmdi-smartphone:before {
  content: '\f2d4';
}
.zmdi-speaker:before {
  content: '\f2d5';
}
.zmdi-tablet-android:before {
  content: '\f2d6';
}
.zmdi-tablet-mac:before {
  content: '\f2d7';
}
.zmdi-tablet:before {
  content: '\f2d8';
}
.zmdi-tv-alt-play:before {
  content: '\f2d9';
}
.zmdi-tv-list:before {
  content: '\f2da';
}
.zmdi-tv-play:before {
  content: '\f2db';
}
.zmdi-tv:before {
  content: '\f2dc';
}
.zmdi-usb:before {
  content: '\f2dd';
}
.zmdi-videocam-off:before {
  content: '\f2de';
}
.zmdi-videocam-switch:before {
  content: '\f2df';
}
.zmdi-videocam:before {
  content: '\f2e0';
}
.zmdi-watch:before {
  content: '\f2e1';
}
.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}
.zmdi-wifi-alt:before {
  content: '\f2e3';
}
.zmdi-wifi-info:before {
  content: '\f2e4';
}
.zmdi-wifi-lock:before {
  content: '\f2e5';
}
.zmdi-wifi-off:before {
  content: '\f2e6';
}
.zmdi-wifi-outline:before {
  content: '\f2e7';
}
.zmdi-wifi:before {
  content: '\f2e8';
}
.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}
.zmdi-arrow-left:before {
  content: '\f2ea';
}
.zmdi-arrow-merge:before {
  content: '\f2eb';
}
.zmdi-arrow-missed:before {
  content: '\f2ec';
}
.zmdi-arrow-right-top:before {
  content: '\f2ed';
}
.zmdi-arrow-right:before {
  content: '\f2ee';
}
.zmdi-arrow-split:before {
  content: '\f2ef';
}
.zmdi-arrows:before {
  content: '\f2f0';
}
.zmdi-caret-down-circle:before {
  content: '\f2f1';
}
.zmdi-caret-down:before {
  content: '\f2f2';
}
.zmdi-caret-left-circle:before {
  content: '\f2f3';
}
.zmdi-caret-left:before {
  content: '\f2f4';
}
.zmdi-caret-right-circle:before {
  content: '\f2f5';
}
.zmdi-caret-right:before {
  content: '\f2f6';
}
.zmdi-caret-up-circle:before {
  content: '\f2f7';
}
.zmdi-caret-up:before {
  content: '\f2f8';
}
.zmdi-chevron-down:before {
  content: '\f2f9';
}
.zmdi-chevron-left:before {
  content: '\f2fa';
}
.zmdi-chevron-right:before {
  content: '\f2fb';
}
.zmdi-chevron-up:before {
  content: '\f2fc';
}
.zmdi-forward:before {
  content: '\f2fd';
}
.zmdi-long-arrow-down:before {
  content: '\f2fe';
}
.zmdi-long-arrow-left:before {
  content: '\f2ff';
}
.zmdi-long-arrow-return:before {
  content: '\f300';
}
.zmdi-long-arrow-right:before {
  content: '\f301';
}
.zmdi-long-arrow-tab:before {
  content: '\f302';
}
.zmdi-long-arrow-up:before {
  content: '\f303';
}
.zmdi-rotate-ccw:before {
  content: '\f304';
}
.zmdi-rotate-cw:before {
  content: '\f305';
}
.zmdi-rotate-left:before {
  content: '\f306';
}
.zmdi-rotate-right:before {
  content: '\f307';
}
.zmdi-square-down:before {
  content: '\f308';
}
.zmdi-square-right:before {
  content: '\f309';
}
.zmdi-swap-alt:before {
  content: '\f30a';
}
.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}
.zmdi-swap-vertical:before {
  content: '\f30c';
}
.zmdi-swap:before {
  content: '\f30d';
}
.zmdi-trending-down:before {
  content: '\f30e';
}
.zmdi-trending-flat:before {
  content: '\f30f';
}
.zmdi-trending-up:before {
  content: '\f310';
}
.zmdi-unfold-less:before {
  content: '\f311';
}
.zmdi-unfold-more:before {
  content: '\f312';
}
.zmdi-apps:before {
  content: '\f313';
}
.zmdi-grid-off:before {
  content: '\f314';
}
.zmdi-grid:before {
  content: '\f315';
}
.zmdi-view-agenda:before {
  content: '\f316';
}
.zmdi-view-array:before {
  content: '\f317';
}
.zmdi-view-carousel:before {
  content: '\f318';
}
.zmdi-view-column:before {
  content: '\f319';
}
.zmdi-view-comfy:before {
  content: '\f31a';
}
.zmdi-view-compact:before {
  content: '\f31b';
}
.zmdi-view-dashboard:before {
  content: '\f31c';
}
.zmdi-view-day:before {
  content: '\f31d';
}
.zmdi-view-headline:before {
  content: '\f31e';
}
.zmdi-view-list-alt:before {
  content: '\f31f';
}
.zmdi-view-list:before {
  content: '\f320';
}
.zmdi-view-module:before {
  content: '\f321';
}
.zmdi-view-quilt:before {
  content: '\f322';
}
.zmdi-view-stream:before {
  content: '\f323';
}
.zmdi-view-subtitles:before {
  content: '\f324';
}
.zmdi-view-toc:before {
  content: '\f325';
}
.zmdi-view-web:before {
  content: '\f326';
}
.zmdi-view-week:before {
  content: '\f327';
}
.zmdi-widgets:before {
  content: '\f328';
}
.zmdi-alarm-check:before {
  content: '\f329';
}
.zmdi-alarm-off:before {
  content: '\f32a';
}
.zmdi-alarm-plus:before {
  content: '\f32b';
}
.zmdi-alarm-snooze:before {
  content: '\f32c';
}
.zmdi-alarm:before {
  content: '\f32d';
}
.zmdi-calendar-alt:before {
  content: '\f32e';
}
.zmdi-calendar-check:before {
  content: '\f32f';
}
.zmdi-calendar-close:before {
  content: '\f330';
}
.zmdi-calendar-note:before {
  content: '\f331';
}
.zmdi-calendar:before {
  content: '\f332';
}
.zmdi-time-countdown:before {
  content: '\f333';
}
.zmdi-time-interval:before {
  content: '\f334';
}
.zmdi-time-restore-setting:before {
  content: '\f335';
}
.zmdi-time-restore:before {
  content: '\f336';
}
.zmdi-time:before {
  content: '\f337';
}
.zmdi-timer-off:before {
  content: '\f338';
}
.zmdi-timer:before {
  content: '\f339';
}
.zmdi-android-alt:before {
  content: '\f33a';
}
.zmdi-android:before {
  content: '\f33b';
}
.zmdi-apple:before {
  content: '\f33c';
}
.zmdi-behance:before {
  content: '\f33d';
}
.zmdi-codepen:before {
  content: '\f33e';
}
.zmdi-dribbble:before {
  content: '\f33f';
}
.zmdi-dropbox:before {
  content: '\f340';
}
.zmdi-evernote:before {
  content: '\f341';
}
.zmdi-facebook-box:before {
  content: '\f342';
}
.zmdi-facebook:before {
  content: '\f343';
}
.zmdi-github-box:before {
  content: '\f344';
}
.zmdi-github:before {
  content: '\f345';
}
.zmdi-google-drive:before {
  content: '\f346';
}
.zmdi-google-earth:before {
  content: '\f347';
}
.zmdi-google-glass:before {
  content: '\f348';
}
.zmdi-google-maps:before {
  content: '\f349';
}
.zmdi-google-pages:before {
  content: '\f34a';
}
.zmdi-google-play:before {
  content: '\f34b';
}
.zmdi-google-plus-box:before {
  content: '\f34c';
}
.zmdi-google-plus:before {
  content: '\f34d';
}
.zmdi-google:before {
  content: '\f34e';
}
.zmdi-instagram:before {
  content: '\f34f';
}
.zmdi-language-css3:before {
  content: '\f350';
}
.zmdi-language-html5:before {
  content: '\f351';
}
.zmdi-language-javascript:before {
  content: '\f352';
}
.zmdi-language-python-alt:before {
  content: '\f353';
}
.zmdi-language-python:before {
  content: '\f354';
}
.zmdi-lastfm:before {
  content: '\f355';
}
.zmdi-linkedin-box:before {
  content: '\f356';
}
.zmdi-paypal:before {
  content: '\f357';
}
.zmdi-pinterest-box:before {
  content: '\f358';
}
.zmdi-pocket:before {
  content: '\f359';
}
.zmdi-polymer:before {
  content: '\f35a';
}
.zmdi-share:before {
  content: '\f35b';
}
.zmdi-stackoverflow:before {
  content: '\f35c';
}
.zmdi-steam-square:before {
  content: '\f35d';
}
.zmdi-steam:before {
  content: '\f35e';
}
.zmdi-twitter-box:before {
  content: '\f35f';
}
.zmdi-twitter:before {
  content: '\f360';
}
.zmdi-vk:before {
  content: '\f361';
}
.zmdi-wikipedia:before {
  content: '\f362';
}
.zmdi-windows:before {
  content: '\f363';
}
.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}
.zmdi-aspect-ratio:before {
  content: '\f365';
}
.zmdi-blur-circular:before {
  content: '\f366';
}
.zmdi-blur-linear:before {
  content: '\f367';
}
.zmdi-blur-off:before {
  content: '\f368';
}
.zmdi-blur:before {
  content: '\f369';
}
.zmdi-brightness-2:before {
  content: '\f36a';
}
.zmdi-brightness-3:before {
  content: '\f36b';
}
.zmdi-brightness-4:before {
  content: '\f36c';
}
.zmdi-brightness-5:before {
  content: '\f36d';
}
.zmdi-brightness-6:before {
  content: '\f36e';
}
.zmdi-brightness-7:before {
  content: '\f36f';
}
.zmdi-brightness-auto:before {
  content: '\f370';
}
.zmdi-brightness-setting:before {
  content: '\f371';
}
.zmdi-broken-image:before {
  content: '\f372';
}
.zmdi-center-focus-strong:before {
  content: '\f373';
}
.zmdi-center-focus-weak:before {
  content: '\f374';
}
.zmdi-compare:before {
  content: '\f375';
}
.zmdi-crop-16-9:before {
  content: '\f376';
}
.zmdi-crop-3-2:before {
  content: '\f377';
}
.zmdi-crop-5-4:before {
  content: '\f378';
}
.zmdi-crop-7-5:before {
  content: '\f379';
}
.zmdi-crop-din:before {
  content: '\f37a';
}
.zmdi-crop-free:before {
  content: '\f37b';
}
.zmdi-crop-landscape:before {
  content: '\f37c';
}
.zmdi-crop-portrait:before {
  content: '\f37d';
}
.zmdi-crop-square:before {
  content: '\f37e';
}
.zmdi-exposure-alt:before {
  content: '\f37f';
}
.zmdi-exposure:before {
  content: '\f380';
}
.zmdi-filter-b-and-w:before {
  content: '\f381';
}
.zmdi-filter-center-focus:before {
  content: '\f382';
}
.zmdi-filter-frames:before {
  content: '\f383';
}
.zmdi-filter-tilt-shift:before {
  content: '\f384';
}
.zmdi-gradient:before {
  content: '\f385';
}
.zmdi-grain:before {
  content: '\f386';
}
.zmdi-graphic-eq:before {
  content: '\f387';
}
.zmdi-hdr-off:before {
  content: '\f388';
}
.zmdi-hdr-strong:before {
  content: '\f389';
}
.zmdi-hdr-weak:before {
  content: '\f38a';
}
.zmdi-hdr:before {
  content: '\f38b';
}
.zmdi-iridescent:before {
  content: '\f38c';
}
.zmdi-leak-off:before {
  content: '\f38d';
}
.zmdi-leak:before {
  content: '\f38e';
}
.zmdi-looks:before {
  content: '\f38f';
}
.zmdi-loupe:before {
  content: '\f390';
}
.zmdi-panorama-horizontal:before {
  content: '\f391';
}
.zmdi-panorama-vertical:before {
  content: '\f392';
}
.zmdi-panorama-wide-angle:before {
  content: '\f393';
}
.zmdi-photo-size-select-large:before {
  content: '\f394';
}
.zmdi-photo-size-select-small:before {
  content: '\f395';
}
.zmdi-picture-in-picture:before {
  content: '\f396';
}
.zmdi-slideshow:before {
  content: '\f397';
}
.zmdi-texture:before {
  content: '\f398';
}
.zmdi-tonality:before {
  content: '\f399';
}
.zmdi-vignette:before {
  content: '\f39a';
}
.zmdi-wb-auto:before {
  content: '\f39b';
}
.zmdi-eject-alt:before {
  content: '\f39c';
}
.zmdi-eject:before {
  content: '\f39d';
}
.zmdi-equalizer:before {
  content: '\f39e';
}
.zmdi-fast-forward:before {
  content: '\f39f';
}
.zmdi-fast-rewind:before {
  content: '\f3a0';
}
.zmdi-forward-10:before {
  content: '\f3a1';
}
.zmdi-forward-30:before {
  content: '\f3a2';
}
.zmdi-forward-5:before {
  content: '\f3a3';
}
.zmdi-hearing:before {
  content: '\f3a4';
}
.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}
.zmdi-pause-circle:before {
  content: '\f3a6';
}
.zmdi-pause:before {
  content: '\f3a7';
}
.zmdi-play-circle-outline:before {
  content: '\f3a8';
}
.zmdi-play-circle:before {
  content: '\f3a9';
}
.zmdi-play:before {
  content: '\f3aa';
}
.zmdi-playlist-audio:before {
  content: '\f3ab';
}
.zmdi-playlist-plus:before {
  content: '\f3ac';
}
.zmdi-repeat-one:before {
  content: '\f3ad';
}
.zmdi-repeat:before {
  content: '\f3ae';
}
.zmdi-replay-10:before {
  content: '\f3af';
}
.zmdi-replay-30:before {
  content: '\f3b0';
}
.zmdi-replay-5:before {
  content: '\f3b1';
}
.zmdi-replay:before {
  content: '\f3b2';
}
.zmdi-shuffle:before {
  content: '\f3b3';
}
.zmdi-skip-next:before {
  content: '\f3b4';
}
.zmdi-skip-previous:before {
  content: '\f3b5';
}
.zmdi-stop:before {
  content: '\f3b6';
}
.zmdi-surround-sound:before {
  content: '\f3b7';
}
.zmdi-tune:before {
  content: '\f3b8';
}
.zmdi-volume-down:before {
  content: '\f3b9';
}
.zmdi-volume-mute:before {
  content: '\f3ba';
}
.zmdi-volume-off:before {
  content: '\f3bb';
}
.zmdi-volume-up:before {
  content: '\f3bc';
}
.zmdi-n-1-square:before {
  content: '\f3bd';
}
.zmdi-n-2-square:before {
  content: '\f3be';
}
.zmdi-n-3-square:before {
  content: '\f3bf';
}
.zmdi-n-4-square:before {
  content: '\f3c0';
}
.zmdi-n-5-square:before {
  content: '\f3c1';
}
.zmdi-n-6-square:before {
  content: '\f3c2';
}
.zmdi-neg-1:before {
  content: '\f3c3';
}
.zmdi-neg-2:before {
  content: '\f3c4';
}
.zmdi-plus-1:before {
  content: '\f3c5';
}
.zmdi-plus-2:before {
  content: '\f3c6';
}
.zmdi-sec-10:before {
  content: '\f3c7';
}
.zmdi-sec-3:before {
  content: '\f3c8';
}
.zmdi-zero:before {
  content: '\f3c9';
}
.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}
.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}
.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}
.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}
.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}
.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}
.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}
.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}
.zmdi-airplay:before {
  content: '\f3d2';
}
.zmdi-closed-caption:before {
  content: '\f3d3';
}
.zmdi-confirmation-number:before {
  content: '\f3d4';
}
.zmdi-developer-board:before {
  content: '\f3d5';
}
.zmdi-disc-full:before {
  content: '\f3d6';
}
.zmdi-explicit:before {
  content: '\f3d7';
}
.zmdi-flight-land:before {
  content: '\f3d8';
}
.zmdi-flight-takeoff:before {
  content: '\f3d9';
}
.zmdi-flip-to-back:before {
  content: '\f3da';
}
.zmdi-flip-to-front:before {
  content: '\f3db';
}
.zmdi-group-work:before {
  content: '\f3dc';
}
.zmdi-hd:before {
  content: '\f3dd';
}
.zmdi-hq:before {
  content: '\f3de';
}
.zmdi-markunread-mailbox:before {
  content: '\f3df';
}
.zmdi-memory:before {
  content: '\f3e0';
}
.zmdi-nfc:before {
  content: '\f3e1';
}
.zmdi-play-for-work:before {
  content: '\f3e2';
}
.zmdi-power-input:before {
  content: '\f3e3';
}
.zmdi-present-to-all:before {
  content: '\f3e4';
}
.zmdi-satellite:before {
  content: '\f3e5';
}
.zmdi-tap-and-play:before {
  content: '\f3e6';
}
.zmdi-vibration:before {
  content: '\f3e7';
}
.zmdi-voicemail:before {
  content: '\f3e8';
}
.zmdi-group:before {
  content: '\f3e9';
}
.zmdi-rss:before {
  content: '\f3ea';
}
.zmdi-shape:before {
  content: '\f3eb';
}
.zmdi-spinner:before {
  content: '\f3ec';
}
.zmdi-ungroup:before {
  content: '\f3ed';
}
.zmdi-500px:before {
  content: '\f3ee';
}
.zmdi-8tracks:before {
  content: '\f3ef';
}
.zmdi-amazon:before {
  content: '\f3f0';
}
.zmdi-blogger:before {
  content: '\f3f1';
}
.zmdi-delicious:before {
  content: '\f3f2';
}
.zmdi-disqus:before {
  content: '\f3f3';
}
.zmdi-flattr:before {
  content: '\f3f4';
}
.zmdi-flickr:before {
  content: '\f3f5';
}
.zmdi-github-alt:before {
  content: '\f3f6';
}
.zmdi-google-old:before {
  content: '\f3f7';
}
.zmdi-linkedin:before {
  content: '\f3f8';
}
.zmdi-odnoklassniki:before {
  content: '\f3f9';
}
.zmdi-outlook:before {
  content: '\f3fa';
}
.zmdi-paypal-alt:before {
  content: '\f3fb';
}
.zmdi-pinterest:before {
  content: '\f3fc';
}
.zmdi-playstation:before {
  content: '\f3fd';
}
.zmdi-reddit:before {
  content: '\f3fe';
}
.zmdi-skype:before {
  content: '\f3ff';
}
.zmdi-slideshare:before {
  content: '\f400';
}
.zmdi-soundcloud:before {
  content: '\f401';
}
.zmdi-tumblr:before {
  content: '\f402';
}
.zmdi-twitch:before {
  content: '\f403';
}
.zmdi-vimeo:before {
  content: '\f404';
}
.zmdi-whatsapp:before {
  content: '\f405';
}
.zmdi-xbox:before {
  content: '\f406';
}
.zmdi-yahoo:before {
  content: '\f407';
}
.zmdi-youtube-play:before {
  content: '\f408';
}
.zmdi-youtube:before {
  content: '\f409';
}
.zmdi-3d-rotation:before {
  content: '\f101';
}
.zmdi-airplane-off:before {
  content: '\f102';
}
.zmdi-airplane:before {
  content: '\f103';
}
.zmdi-album:before {
  content: '\f104';
}
.zmdi-archive:before {
  content: '\f105';
}
.zmdi-assignment-account:before {
  content: '\f106';
}
.zmdi-assignment-alert:before {
  content: '\f107';
}
.zmdi-assignment-check:before {
  content: '\f108';
}
.zmdi-assignment-o:before {
  content: '\f109';
}
.zmdi-assignment-return:before {
  content: '\f10a';
}
.zmdi-assignment-returned:before {
  content: '\f10b';
}
.zmdi-assignment:before {
  content: '\f10c';
}
.zmdi-attachment-alt:before {
  content: '\f10d';
}
.zmdi-attachment:before {
  content: '\f10e';
}
.zmdi-audio:before {
  content: '\f10f';
}
.zmdi-badge-check:before {
  content: '\f110';
}
.zmdi-balance-wallet:before {
  content: '\f111';
}
.zmdi-balance:before {
  content: '\f112';
}
.zmdi-battery-alert:before {
  content: '\f113';
}
.zmdi-battery-flash:before {
  content: '\f114';
}
.zmdi-battery-unknown:before {
  content: '\f115';
}
.zmdi-battery:before {
  content: '\f116';
}
.zmdi-bike:before {
  content: '\f117';
}
.zmdi-block-alt:before {
  content: '\f118';
}
.zmdi-block:before {
  content: '\f119';
}
.zmdi-boat:before {
  content: '\f11a';
}
.zmdi-book-image:before {
  content: '\f11b';
}
.zmdi-book:before {
  content: '\f11c';
}
.zmdi-bookmark-outline:before {
  content: '\f11d';
}
.zmdi-bookmark:before {
  content: '\f11e';
}
.zmdi-brush:before {
  content: '\f11f';
}
.zmdi-bug:before {
  content: '\f120';
}
.zmdi-bus:before {
  content: '\f121';
}
.zmdi-cake:before {
  content: '\f122';
}
.zmdi-car-taxi:before {
  content: '\f123';
}
.zmdi-car-wash:before {
  content: '\f124';
}
.zmdi-car:before {
  content: '\f125';
}
.zmdi-card-giftcard:before {
  content: '\f126';
}
.zmdi-card-membership:before {
  content: '\f127';
}
.zmdi-card-travel:before {
  content: '\f128';
}
.zmdi-card:before {
  content: '\f129';
}
.zmdi-case-check:before {
  content: '\f12a';
}
.zmdi-case-download:before {
  content: '\f12b';
}
.zmdi-case-play:before {
  content: '\f12c';
}
.zmdi-case:before {
  content: '\f12d';
}
.zmdi-cast-connected:before {
  content: '\f12e';
}
.zmdi-cast:before {
  content: '\f12f';
}
.zmdi-chart-donut:before {
  content: '\f130';
}
.zmdi-chart:before {
  content: '\f131';
}
.zmdi-city-alt:before {
  content: '\f132';
}
.zmdi-city:before {
  content: '\f133';
}
.zmdi-close-circle-o:before {
  content: '\f134';
}
.zmdi-close-circle:before {
  content: '\f135';
}
.zmdi-close:before {
  content: '\f136';
}
.zmdi-cocktail:before {
  content: '\f137';
}
.zmdi-code-setting:before {
  content: '\f138';
}
.zmdi-code-smartphone:before {
  content: '\f139';
}
.zmdi-code:before {
  content: '\f13a';
}
.zmdi-coffee:before {
  content: '\f13b';
}
.zmdi-collection-bookmark:before {
  content: '\f13c';
}
.zmdi-collection-case-play:before {
  content: '\f13d';
}
.zmdi-collection-folder-image:before {
  content: '\f13e';
}
.zmdi-collection-image-o:before {
  content: '\f13f';
}
.zmdi-collection-image:before {
  content: '\f140';
}
.zmdi-collection-item-1:before {
  content: '\f141';
}
.zmdi-collection-item-2:before {
  content: '\f142';
}
.zmdi-collection-item-3:before {
  content: '\f143';
}
.zmdi-collection-item-4:before {
  content: '\f144';
}
.zmdi-collection-item-5:before {
  content: '\f145';
}
.zmdi-collection-item-6:before {
  content: '\f146';
}
.zmdi-collection-item-7:before {
  content: '\f147';
}
.zmdi-collection-item-8:before {
  content: '\f148';
}
.zmdi-collection-item-9-plus:before {
  content: '\f149';
}
.zmdi-collection-item-9:before {
  content: '\f14a';
}
.zmdi-collection-item:before {
  content: '\f14b';
}
.zmdi-collection-music:before {
  content: '\f14c';
}
.zmdi-collection-pdf:before {
  content: '\f14d';
}
.zmdi-collection-plus:before {
  content: '\f14e';
}
.zmdi-collection-speaker:before {
  content: '\f14f';
}
.zmdi-collection-text:before {
  content: '\f150';
}
.zmdi-collection-video:before {
  content: '\f151';
}
.zmdi-compass:before {
  content: '\f152';
}
.zmdi-cutlery:before {
  content: '\f153';
}
.zmdi-delete:before {
  content: '\f154';
}
.zmdi-dialpad:before {
  content: '\f155';
}
.zmdi-dns:before {
  content: '\f156';
}
.zmdi-drink:before {
  content: '\f157';
}
.zmdi-edit:before {
  content: '\f158';
}
.zmdi-email-open:before {
  content: '\f159';
}
.zmdi-email:before {
  content: '\f15a';
}
.zmdi-eye-off:before {
  content: '\f15b';
}
.zmdi-eye:before {
  content: '\f15c';
}
.zmdi-eyedropper:before {
  content: '\f15d';
}
.zmdi-favorite-outline:before {
  content: '\f15e';
}
.zmdi-favorite:before {
  content: '\f15f';
}
.zmdi-filter-list:before {
  content: '\f160';
}
.zmdi-fire:before {
  content: '\f161';
}
.zmdi-flag:before {
  content: '\f162';
}
.zmdi-flare:before {
  content: '\f163';
}
.zmdi-flash-auto:before {
  content: '\f164';
}
.zmdi-flash-off:before {
  content: '\f165';
}
.zmdi-flash:before {
  content: '\f166';
}
.zmdi-flip:before {
  content: '\f167';
}
.zmdi-flower-alt:before {
  content: '\f168';
}
.zmdi-flower:before {
  content: '\f169';
}
.zmdi-font:before {
  content: '\f16a';
}
.zmdi-fullscreen-alt:before {
  content: '\f16b';
}
.zmdi-fullscreen-exit:before {
  content: '\f16c';
}
.zmdi-fullscreen:before {
  content: '\f16d';
}
.zmdi-functions:before {
  content: '\f16e';
}
.zmdi-gas-station:before {
  content: '\f16f';
}
.zmdi-gesture:before {
  content: '\f170';
}
.zmdi-globe-alt:before {
  content: '\f171';
}
.zmdi-globe-lock:before {
  content: '\f172';
}
.zmdi-globe:before {
  content: '\f173';
}
.zmdi-graduation-cap:before {
  content: '\f174';
}
.zmdi-home:before {
  content: '\f175';
}
.zmdi-hospital-alt:before {
  content: '\f176';
}
.zmdi-hospital:before {
  content: '\f177';
}
.zmdi-hotel:before {
  content: '\f178';
}
.zmdi-hourglass-alt:before {
  content: '\f179';
}
.zmdi-hourglass-outline:before {
  content: '\f17a';
}
.zmdi-hourglass:before {
  content: '\f17b';
}
.zmdi-http:before {
  content: '\f17c';
}
.zmdi-image-alt:before {
  content: '\f17d';
}
.zmdi-image-o:before {
  content: '\f17e';
}
.zmdi-image:before {
  content: '\f17f';
}
.zmdi-inbox:before {
  content: '\f180';
}
.zmdi-invert-colors-off:before {
  content: '\f181';
}
.zmdi-invert-colors:before {
  content: '\f182';
}
.zmdi-key:before {
  content: '\f183';
}
.zmdi-label-alt-outline:before {
  content: '\f184';
}
.zmdi-label-alt:before {
  content: '\f185';
}
.zmdi-label-heart:before {
  content: '\f186';
}
.zmdi-label:before {
  content: '\f187';
}
.zmdi-labels:before {
  content: '\f188';
}
.zmdi-lamp:before {
  content: '\f189';
}
.zmdi-landscape:before {
  content: '\f18a';
}
.zmdi-layers-off:before {
  content: '\f18b';
}
.zmdi-layers:before {
  content: '\f18c';
}
.zmdi-library:before {
  content: '\f18d';
}
.zmdi-link:before {
  content: '\f18e';
}
.zmdi-lock-open:before {
  content: '\f18f';
}
.zmdi-lock-outline:before {
  content: '\f190';
}
.zmdi-lock:before {
  content: '\f191';
}
.zmdi-mail-reply-all:before {
  content: '\f192';
}
.zmdi-mail-reply:before {
  content: '\f193';
}
.zmdi-mail-send:before {
  content: '\f194';
}
.zmdi-mall:before {
  content: '\f195';
}
.zmdi-map:before {
  content: '\f196';
}
.zmdi-menu:before {
  content: '\f197';
}
.zmdi-money-box:before {
  content: '\f198';
}
.zmdi-money-off:before {
  content: '\f199';
}
.zmdi-money:before {
  content: '\f19a';
}
.zmdi-more-vert:before {
  content: '\f19b';
}
.zmdi-more:before {
  content: '\f19c';
}
.zmdi-movie-alt:before {
  content: '\f19d';
}
.zmdi-movie:before {
  content: '\f19e';
}
.zmdi-nature-people:before {
  content: '\f19f';
}
.zmdi-nature:before {
  content: '\f1a0';
}
.zmdi-navigation:before {
  content: '\f1a1';
}
.zmdi-open-in-browser:before {
  content: '\f1a2';
}
.zmdi-open-in-new:before {
  content: '\f1a3';
}
.zmdi-palette:before {
  content: '\f1a4';
}
.zmdi-parking:before {
  content: '\f1a5';
}
.zmdi-pin-account:before {
  content: '\f1a6';
}
.zmdi-pin-assistant:before {
  content: '\f1a7';
}
.zmdi-pin-drop:before {
  content: '\f1a8';
}
.zmdi-pin-help:before {
  content: '\f1a9';
}
.zmdi-pin-off:before {
  content: '\f1aa';
}
.zmdi-pin:before {
  content: '\f1ab';
}
.zmdi-pizza:before {
  content: '\f1ac';
}
.zmdi-plaster:before {
  content: '\f1ad';
}
.zmdi-power-setting:before {
  content: '\f1ae';
}
.zmdi-power:before {
  content: '\f1af';
}
.zmdi-print:before {
  content: '\f1b0';
}
.zmdi-puzzle-piece:before {
  content: '\f1b1';
}
.zmdi-quote:before {
  content: '\f1b2';
}
.zmdi-railway:before {
  content: '\f1b3';
}
.zmdi-receipt:before {
  content: '\f1b4';
}
.zmdi-refresh-alt:before {
  content: '\f1b5';
}
.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}
.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}
.zmdi-refresh-sync:before {
  content: '\f1b8';
}
.zmdi-refresh:before {
  content: '\f1b9';
}
.zmdi-roller:before {
  content: '\f1ba';
}
.zmdi-ruler:before {
  content: '\f1bb';
}
.zmdi-scissors:before {
  content: '\f1bc';
}
.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}
.zmdi-screen-rotation:before {
  content: '\f1be';
}
.zmdi-search-for:before {
  content: '\f1bf';
}
.zmdi-search-in-file:before {
  content: '\f1c0';
}
.zmdi-search-in-page:before {
  content: '\f1c1';
}
.zmdi-search-replace:before {
  content: '\f1c2';
}
.zmdi-search:before {
  content: '\f1c3';
}
.zmdi-seat:before {
  content: '\f1c4';
}
.zmdi-settings-square:before {
  content: '\f1c5';
}
.zmdi-settings:before {
  content: '\f1c6';
}
.zmdi-shield-check:before {
  content: '\f1c7';
}
.zmdi-shield-security:before {
  content: '\f1c8';
}
.zmdi-shopping-basket:before {
  content: '\f1c9';
}
.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}
.zmdi-shopping-cart:before {
  content: '\f1cb';
}
.zmdi-sign-in:before {
  content: '\f1cc';
}
.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}
.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}
.zmdi-sort-asc:before {
  content: '\f1cf';
}
.zmdi-sort-desc:before {
  content: '\f1d0';
}
.zmdi-spellcheck:before {
  content: '\f1d1';
}
.zmdi-storage:before {
  content: '\f1d2';
}
.zmdi-store-24:before {
  content: '\f1d3';
}
.zmdi-store:before {
  content: '\f1d4';
}
.zmdi-subway:before {
  content: '\f1d5';
}
.zmdi-sun:before {
  content: '\f1d6';
}
.zmdi-tab-unselected:before {
  content: '\f1d7';
}
.zmdi-tab:before {
  content: '\f1d8';
}
.zmdi-tag-close:before {
  content: '\f1d9';
}
.zmdi-tag-more:before {
  content: '\f1da';
}
.zmdi-tag:before {
  content: '\f1db';
}
.zmdi-thumb-down:before {
  content: '\f1dc';
}
.zmdi-thumb-up-down:before {
  content: '\f1dd';
}
.zmdi-thumb-up:before {
  content: '\f1de';
}
.zmdi-ticket-star:before {
  content: '\f1df';
}
.zmdi-toll:before {
  content: '\f1e0';
}
.zmdi-toys:before {
  content: '\f1e1';
}
.zmdi-traffic:before {
  content: '\f1e2';
}
.zmdi-translate:before {
  content: '\f1e3';
}
.zmdi-triangle-down:before {
  content: '\f1e4';
}
.zmdi-triangle-up:before {
  content: '\f1e5';
}
.zmdi-truck:before {
  content: '\f1e6';
}
.zmdi-turning-sign:before {
  content: '\f1e7';
}
.zmdi-wallpaper:before {
  content: '\f1e8';
}
.zmdi-washing-machine:before {
  content: '\f1e9';
}
.zmdi-window-maximize:before {
  content: '\f1ea';
}
.zmdi-window-minimize:before {
  content: '\f1eb';
}
.zmdi-window-restore:before {
  content: '\f1ec';
}
.zmdi-wrench:before {
  content: '\f1ed';
}
.zmdi-zoom-in:before {
  content: '\f1ee';
}
.zmdi-zoom-out:before {
  content: '\f1ef';
}
.zmdi-alert-circle-o:before {
  content: '\f1f0';
}
.zmdi-alert-circle:before {
  content: '\f1f1';
}
.zmdi-alert-octagon:before {
  content: '\f1f2';
}
.zmdi-alert-polygon:before {
  content: '\f1f3';
}
.zmdi-alert-triangle:before {
  content: '\f1f4';
}
.zmdi-help-outline:before {
  content: '\f1f5';
}
.zmdi-help:before {
  content: '\f1f6';
}
.zmdi-info-outline:before {
  content: '\f1f7';
}
.zmdi-info:before {
  content: '\f1f8';
}
.zmdi-notifications-active:before {
  content: '\f1f9';
}
.zmdi-notifications-add:before {
  content: '\f1fa';
}
.zmdi-notifications-none:before {
  content: '\f1fb';
}
.zmdi-notifications-off:before {
  content: '\f1fc';
}
.zmdi-notifications-paused:before {
  content: '\f1fd';
}
.zmdi-notifications:before {
  content: '\f1fe';
}
.zmdi-account-add:before {
  content: '\f1ff';
}
.zmdi-account-box-mail:before {
  content: '\f200';
}
.zmdi-account-box-o:before {
  content: '\f201';
}
.zmdi-account-box-phone:before {
  content: '\f202';
}
.zmdi-account-box:before {
  content: '\f203';
}
.zmdi-account-calendar:before {
  content: '\f204';
}
.zmdi-account-circle:before {
  content: '\f205';
}
.zmdi-account-o:before {
  content: '\f206';
}
.zmdi-account:before {
  content: '\f207';
}
.zmdi-accounts-add:before {
  content: '\f208';
}
.zmdi-accounts-alt:before {
  content: '\f209';
}
.zmdi-accounts-list-alt:before {
  content: '\f20a';
}
.zmdi-accounts-list:before {
  content: '\f20b';
}
.zmdi-accounts-outline:before {
  content: '\f20c';
}
.zmdi-accounts:before {
  content: '\f20d';
}
.zmdi-face:before {
  content: '\f20e';
}
.zmdi-female:before {
  content: '\f20f';
}
.zmdi-male-alt:before {
  content: '\f210';
}
.zmdi-male-female:before {
  content: '\f211';
}
.zmdi-male:before {
  content: '\f212';
}
.zmdi-mood-bad:before {
  content: '\f213';
}
.zmdi-mood:before {
  content: '\f214';
}
.zmdi-run:before {
  content: '\f215';
}
.zmdi-walk:before {
  content: '\f216';
}
.zmdi-cloud-box:before {
  content: '\f217';
}
.zmdi-cloud-circle:before {
  content: '\f218';
}
.zmdi-cloud-done:before {
  content: '\f219';
}
.zmdi-cloud-download:before {
  content: '\f21a';
}
.zmdi-cloud-off:before {
  content: '\f21b';
}
.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}
.zmdi-cloud-outline:before {
  content: '\f21d';
}
.zmdi-cloud-upload:before {
  content: '\f21e';
}
.zmdi-cloud:before {
  content: '\f21f';
}
.zmdi-download:before {
  content: '\f220';
}
.zmdi-file-plus:before {
  content: '\f221';
}
.zmdi-file-text:before {
  content: '\f222';
}
.zmdi-file:before {
  content: '\f223';
}
.zmdi-folder-outline:before {
  content: '\f224';
}
.zmdi-folder-person:before {
  content: '\f225';
}
.zmdi-folder-star-alt:before {
  content: '\f226';
}
.zmdi-folder-star:before {
  content: '\f227';
}
.zmdi-folder:before {
  content: '\f228';
}
.zmdi-gif:before {
  content: '\f229';
}
.zmdi-upload:before {
  content: '\f22a';
}
.zmdi-border-all:before {
  content: '\f22b';
}
.zmdi-border-bottom:before {
  content: '\f22c';
}
.zmdi-border-clear:before {
  content: '\f22d';
}
.zmdi-border-color:before {
  content: '\f22e';
}
.zmdi-border-horizontal:before {
  content: '\f22f';
}
.zmdi-border-inner:before {
  content: '\f230';
}
.zmdi-border-left:before {
  content: '\f231';
}
.zmdi-border-outer:before {
  content: '\f232';
}
.zmdi-border-right:before {
  content: '\f233';
}
.zmdi-border-style:before {
  content: '\f234';
}
.zmdi-border-top:before {
  content: '\f235';
}
.zmdi-border-vertical:before {
  content: '\f236';
}
.zmdi-copy:before {
  content: '\f237';
}
.zmdi-crop:before {
  content: '\f238';
}
.zmdi-format-align-center:before {
  content: '\f239';
}
.zmdi-format-align-justify:before {
  content: '\f23a';
}
.zmdi-format-align-left:before {
  content: '\f23b';
}
.zmdi-format-align-right:before {
  content: '\f23c';
}
.zmdi-format-bold:before {
  content: '\f23d';
}
.zmdi-format-clear-all:before {
  content: '\f23e';
}
.zmdi-format-clear:before {
  content: '\f23f';
}
.zmdi-format-color-fill:before {
  content: '\f240';
}
.zmdi-format-color-reset:before {
  content: '\f241';
}
.zmdi-format-color-text:before {
  content: '\f242';
}
.zmdi-format-indent-decrease:before {
  content: '\f243';
}
.zmdi-format-indent-increase:before {
  content: '\f244';
}
.zmdi-format-italic:before {
  content: '\f245';
}
.zmdi-format-line-spacing:before {
  content: '\f246';
}
.zmdi-format-list-bulleted:before {
  content: '\f247';
}
.zmdi-format-list-numbered:before {
  content: '\f248';
}
.zmdi-format-ltr:before {
  content: '\f249';
}
.zmdi-format-rtl:before {
  content: '\f24a';
}
.zmdi-format-size:before {
  content: '\f24b';
}
.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}
.zmdi-format-strikethrough:before {
  content: '\f24d';
}
.zmdi-format-subject:before {
  content: '\f24e';
}
.zmdi-format-underlined:before {
  content: '\f24f';
}
.zmdi-format-valign-bottom:before {
  content: '\f250';
}
.zmdi-format-valign-center:before {
  content: '\f251';
}
.zmdi-format-valign-top:before {
  content: '\f252';
}
.zmdi-redo:before {
  content: '\f253';
}
.zmdi-select-all:before {
  content: '\f254';
}
.zmdi-space-bar:before {
  content: '\f255';
}
.zmdi-text-format:before {
  content: '\f256';
}
.zmdi-transform:before {
  content: '\f257';
}
.zmdi-undo:before {
  content: '\f258';
}
.zmdi-wrap-text:before {
  content: '\f259';
}
.zmdi-comment-alert:before {
  content: '\f25a';
}
.zmdi-comment-alt-text:before {
  content: '\f25b';
}
.zmdi-comment-alt:before {
  content: '\f25c';
}
.zmdi-comment-edit:before {
  content: '\f25d';
}
.zmdi-comment-image:before {
  content: '\f25e';
}
.zmdi-comment-list:before {
  content: '\f25f';
}
.zmdi-comment-more:before {
  content: '\f260';
}
.zmdi-comment-outline:before {
  content: '\f261';
}
.zmdi-comment-text-alt:before {
  content: '\f262';
}
.zmdi-comment-text:before {
  content: '\f263';
}
.zmdi-comment-video:before {
  content: '\f264';
}
.zmdi-comment:before {
  content: '\f265';
}
.zmdi-comments:before {
  content: '\f266';
}
.zmdi-check-all:before {
  content: '\f267';
}
.zmdi-check-circle-u:before {
  content: '\f268';
}
.zmdi-check-circle:before {
  content: '\f269';
}
.zmdi-check-square:before {
  content: '\f26a';
}
.zmdi-check:before {
  content: '\f26b';
}
.zmdi-circle-o:before {
  content: '\f26c';
}
.zmdi-circle:before {
  content: '\f26d';
}
.zmdi-dot-circle-alt:before {
  content: '\f26e';
}
.zmdi-dot-circle:before {
  content: '\f26f';
}
.zmdi-minus-circle-outline:before {
  content: '\f270';
}
.zmdi-minus-circle:before {
  content: '\f271';
}
.zmdi-minus-square:before {
  content: '\f272';
}
.zmdi-minus:before {
  content: '\f273';
}
.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}
.zmdi-plus-circle-o:before {
  content: '\f275';
}
.zmdi-plus-circle:before {
  content: '\f276';
}
.zmdi-plus-square:before {
  content: '\f277';
}
.zmdi-plus:before {
  content: '\f278';
}
.zmdi-square-o:before {
  content: '\f279';
}
.zmdi-star-circle:before {
  content: '\f27a';
}
.zmdi-star-half:before {
  content: '\f27b';
}
.zmdi-star-outline:before {
  content: '\f27c';
}
.zmdi-star:before {
  content: '\f27d';
}
.zmdi-bluetooth-connected:before {
  content: '\f27e';
}
.zmdi-bluetooth-off:before {
  content: '\f27f';
}
.zmdi-bluetooth-search:before {
  content: '\f280';
}
.zmdi-bluetooth-setting:before {
  content: '\f281';
}
.zmdi-bluetooth:before {
  content: '\f282';
}
.zmdi-camera-add:before {
  content: '\f283';
}
.zmdi-camera-alt:before {
  content: '\f284';
}
.zmdi-camera-bw:before {
  content: '\f285';
}
.zmdi-camera-front:before {
  content: '\f286';
}
.zmdi-camera-mic:before {
  content: '\f287';
}
.zmdi-camera-party-mode:before {
  content: '\f288';
}
.zmdi-camera-rear:before {
  content: '\f289';
}
.zmdi-camera-roll:before {
  content: '\f28a';
}
.zmdi-camera-switch:before {
  content: '\f28b';
}
.zmdi-camera:before {
  content: '\f28c';
}
.zmdi-card-alert:before {
  content: '\f28d';
}
.zmdi-card-off:before {
  content: '\f28e';
}
.zmdi-card-sd:before {
  content: '\f28f';
}
.zmdi-card-sim:before {
  content: '\f290';
}
.zmdi-desktop-mac:before {
  content: '\f291';
}
.zmdi-desktop-windows:before {
  content: '\f292';
}
.zmdi-device-hub:before {
  content: '\f293';
}
.zmdi-devices-off:before {
  content: '\f294';
}
.zmdi-devices:before {
  content: '\f295';
}
.zmdi-dock:before {
  content: '\f296';
}
.zmdi-floppy:before {
  content: '\f297';
}
.zmdi-gamepad:before {
  content: '\f298';
}
.zmdi-gps-dot:before {
  content: '\f299';
}
.zmdi-gps-off:before {
  content: '\f29a';
}
.zmdi-gps:before {
  content: '\f29b';
}
.zmdi-headset-mic:before {
  content: '\f29c';
}
.zmdi-headset:before {
  content: '\f29d';
}
.zmdi-input-antenna:before {
  content: '\f29e';
}
.zmdi-input-composite:before {
  content: '\f29f';
}
.zmdi-input-hdmi:before {
  content: '\f2a0';
}
.zmdi-input-power:before {
  content: '\f2a1';
}
.zmdi-input-svideo:before {
  content: '\f2a2';
}
.zmdi-keyboard-hide:before {
  content: '\f2a3';
}
.zmdi-keyboard:before {
  content: '\f2a4';
}
.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}
.zmdi-laptop-mac:before {
  content: '\f2a6';
}
.zmdi-laptop:before {
  content: '\f2a7';
}
.zmdi-mic-off:before {
  content: '\f2a8';
}
.zmdi-mic-outline:before {
  content: '\f2a9';
}
.zmdi-mic-setting:before {
  content: '\f2aa';
}
.zmdi-mic:before {
  content: '\f2ab';
}
.zmdi-mouse:before {
  content: '\f2ac';
}
.zmdi-network-alert:before {
  content: '\f2ad';
}
.zmdi-network-locked:before {
  content: '\f2ae';
}
.zmdi-network-off:before {
  content: '\f2af';
}
.zmdi-network-outline:before {
  content: '\f2b0';
}
.zmdi-network-setting:before {
  content: '\f2b1';
}
.zmdi-network:before {
  content: '\f2b2';
}
.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}
.zmdi-phone-end:before {
  content: '\f2b4';
}
.zmdi-phone-forwarded:before {
  content: '\f2b5';
}
.zmdi-phone-in-talk:before {
  content: '\f2b6';
}
.zmdi-phone-locked:before {
  content: '\f2b7';
}
.zmdi-phone-missed:before {
  content: '\f2b8';
}
.zmdi-phone-msg:before {
  content: '\f2b9';
}
.zmdi-phone-paused:before {
  content: '\f2ba';
}
.zmdi-phone-ring:before {
  content: '\f2bb';
}
.zmdi-phone-setting:before {
  content: '\f2bc';
}
.zmdi-phone-sip:before {
  content: '\f2bd';
}
.zmdi-phone:before {
  content: '\f2be';
}
.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}
.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}
.zmdi-portable-wifi:before {
  content: '\f2c1';
}
.zmdi-radio:before {
  content: '\f2c2';
}
.zmdi-reader:before {
  content: '\f2c3';
}
.zmdi-remote-control-alt:before {
  content: '\f2c4';
}
.zmdi-remote-control:before {
  content: '\f2c5';
}
.zmdi-router:before {
  content: '\f2c6';
}
.zmdi-scanner:before {
  content: '\f2c7';
}
.zmdi-smartphone-android:before {
  content: '\f2c8';
}
.zmdi-smartphone-download:before {
  content: '\f2c9';
}
.zmdi-smartphone-erase:before {
  content: '\f2ca';
}
.zmdi-smartphone-info:before {
  content: '\f2cb';
}
.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}
.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}
.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}
.zmdi-smartphone-lock:before {
  content: '\f2cf';
}
.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}
.zmdi-smartphone-ring:before {
  content: '\f2d1';
}
.zmdi-smartphone-setting:before {
  content: '\f2d2';
}
.zmdi-smartphone-setup:before {
  content: '\f2d3';
}
.zmdi-smartphone:before {
  content: '\f2d4';
}
.zmdi-speaker:before {
  content: '\f2d5';
}
.zmdi-tablet-android:before {
  content: '\f2d6';
}
.zmdi-tablet-mac:before {
  content: '\f2d7';
}
.zmdi-tablet:before {
  content: '\f2d8';
}
.zmdi-tv-alt-play:before {
  content: '\f2d9';
}
.zmdi-tv-list:before {
  content: '\f2da';
}
.zmdi-tv-play:before {
  content: '\f2db';
}
.zmdi-tv:before {
  content: '\f2dc';
}
.zmdi-usb:before {
  content: '\f2dd';
}
.zmdi-videocam-off:before {
  content: '\f2de';
}
.zmdi-videocam-switch:before {
  content: '\f2df';
}
.zmdi-videocam:before {
  content: '\f2e0';
}
.zmdi-watch:before {
  content: '\f2e1';
}
.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}
.zmdi-wifi-alt:before {
  content: '\f2e3';
}
.zmdi-wifi-info:before {
  content: '\f2e4';
}
.zmdi-wifi-lock:before {
  content: '\f2e5';
}
.zmdi-wifi-off:before {
  content: '\f2e6';
}
.zmdi-wifi-outline:before {
  content: '\f2e7';
}
.zmdi-wifi:before {
  content: '\f2e8';
}
.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}
.zmdi-arrow-left:before {
  content: '\f2ea';
}
.zmdi-arrow-merge:before {
  content: '\f2eb';
}
.zmdi-arrow-missed:before {
  content: '\f2ec';
}
.zmdi-arrow-right-top:before {
  content: '\f2ed';
}
.zmdi-arrow-right:before {
  content: '\f2ee';
}
.zmdi-arrow-split:before {
  content: '\f2ef';
}
.zmdi-arrows:before {
  content: '\f2f0';
}
.zmdi-caret-down-circle:before {
  content: '\f2f1';
}
.zmdi-caret-down:before {
  content: '\f2f2';
}
.zmdi-caret-left-circle:before {
  content: '\f2f3';
}
.zmdi-caret-left:before {
  content: '\f2f4';
}
.zmdi-caret-right-circle:before {
  content: '\f2f5';
}
.zmdi-caret-right:before {
  content: '\f2f6';
}
.zmdi-caret-up-circle:before {
  content: '\f2f7';
}
.zmdi-caret-up:before {
  content: '\f2f8';
}
.zmdi-chevron-down:before {
  content: '\f2f9';
}
.zmdi-chevron-left:before {
  content: '\f2fa';
}
.zmdi-chevron-right:before {
  content: '\f2fb';
}
.zmdi-chevron-up:before {
  content: '\f2fc';
}
.zmdi-forward:before {
  content: '\f2fd';
}
.zmdi-long-arrow-down:before {
  content: '\f2fe';
}
.zmdi-long-arrow-left:before {
  content: '\f2ff';
}
.zmdi-long-arrow-return:before {
  content: '\f300';
}
.zmdi-long-arrow-right:before {
  content: '\f301';
}
.zmdi-long-arrow-tab:before {
  content: '\f302';
}
.zmdi-long-arrow-up:before {
  content: '\f303';
}
.zmdi-rotate-ccw:before {
  content: '\f304';
}
.zmdi-rotate-cw:before {
  content: '\f305';
}
.zmdi-rotate-left:before {
  content: '\f306';
}
.zmdi-rotate-right:before {
  content: '\f307';
}
.zmdi-square-down:before {
  content: '\f308';
}
.zmdi-square-right:before {
  content: '\f309';
}
.zmdi-swap-alt:before {
  content: '\f30a';
}
.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}
.zmdi-swap-vertical:before {
  content: '\f30c';
}
.zmdi-swap:before {
  content: '\f30d';
}
.zmdi-trending-down:before {
  content: '\f30e';
}
.zmdi-trending-flat:before {
  content: '\f30f';
}
.zmdi-trending-up:before {
  content: '\f310';
}
.zmdi-unfold-less:before {
  content: '\f311';
}
.zmdi-unfold-more:before {
  content: '\f312';
}
.zmdi-apps:before {
  content: '\f313';
}
.zmdi-grid-off:before {
  content: '\f314';
}
.zmdi-grid:before {
  content: '\f315';
}
.zmdi-view-agenda:before {
  content: '\f316';
}
.zmdi-view-array:before {
  content: '\f317';
}
.zmdi-view-carousel:before {
  content: '\f318';
}
.zmdi-view-column:before {
  content: '\f319';
}
.zmdi-view-comfy:before {
  content: '\f31a';
}
.zmdi-view-compact:before {
  content: '\f31b';
}
.zmdi-view-dashboard:before {
  content: '\f31c';
}
.zmdi-view-day:before {
  content: '\f31d';
}
.zmdi-view-headline:before {
  content: '\f31e';
}
.zmdi-view-list-alt:before {
  content: '\f31f';
}
.zmdi-view-list:before {
  content: '\f320';
}
.zmdi-view-module:before {
  content: '\f321';
}
.zmdi-view-quilt:before {
  content: '\f322';
}
.zmdi-view-stream:before {
  content: '\f323';
}
.zmdi-view-subtitles:before {
  content: '\f324';
}
.zmdi-view-toc:before {
  content: '\f325';
}
.zmdi-view-web:before {
  content: '\f326';
}
.zmdi-view-week:before {
  content: '\f327';
}
.zmdi-widgets:before {
  content: '\f328';
}
.zmdi-alarm-check:before {
  content: '\f329';
}
.zmdi-alarm-off:before {
  content: '\f32a';
}
.zmdi-alarm-plus:before {
  content: '\f32b';
}
.zmdi-alarm-snooze:before {
  content: '\f32c';
}
.zmdi-alarm:before {
  content: '\f32d';
}
.zmdi-calendar-alt:before {
  content: '\f32e';
}
.zmdi-calendar-check:before {
  content: '\f32f';
}
.zmdi-calendar-close:before {
  content: '\f330';
}
.zmdi-calendar-note:before {
  content: '\f331';
}
.zmdi-calendar:before {
  content: '\f332';
}
.zmdi-time-countdown:before {
  content: '\f333';
}
.zmdi-time-interval:before {
  content: '\f334';
}
.zmdi-time-restore-setting:before {
  content: '\f335';
}
.zmdi-time-restore:before {
  content: '\f336';
}
.zmdi-time:before {
  content: '\f337';
}
.zmdi-timer-off:before {
  content: '\f338';
}
.zmdi-timer:before {
  content: '\f339';
}
.zmdi-android-alt:before {
  content: '\f33a';
}
.zmdi-android:before {
  content: '\f33b';
}
.zmdi-apple:before {
  content: '\f33c';
}
.zmdi-behance:before {
  content: '\f33d';
}
.zmdi-codepen:before {
  content: '\f33e';
}
.zmdi-dribbble:before {
  content: '\f33f';
}
.zmdi-dropbox:before {
  content: '\f340';
}
.zmdi-evernote:before {
  content: '\f341';
}
.zmdi-facebook-box:before {
  content: '\f342';
}

.zmdi-facebook:before {
  content: '\f343';
}
.zmdi-github-box:before {
  content: '\f344';
}
.zmdi-github:before {
  content: '\f345';
}
.zmdi-google-drive:before {
  content: '\f346';
}
.zmdi-google-earth:before {
  content: '\f347';
}
.zmdi-google-glass:before {
  content: '\f348';
}
.zmdi-google-maps:before {
  content: '\f349';
}
.zmdi-google-pages:before {
  content: '\f34a';
}
.zmdi-google-play:before {
  content: '\f34b';
}
.zmdi-google-plus-box:before {
  content: '\f34c';
}
.zmdi-google-plus:before {
  content: '\f34d';
}
.zmdi-google:before {
  content: '\f34e';
}
.zmdi-instagram:before {
  content: '\f34f';
}
.zmdi-language-css3:before {
  content: '\f350';
}
.zmdi-language-html5:before {
  content: '\f351';
}
.zmdi-language-javascript:before {
  content: '\f352';
}
.zmdi-language-python-alt:before {
  content: '\f353';
}
.zmdi-language-python:before {
  content: '\f354';
}
.zmdi-lastfm:before {
  content: '\f355';
}
.zmdi-linkedin-box:before {
  content: '\f356';
}
.zmdi-paypal:before {
  content: '\f357';
}
.zmdi-pinterest-box:before {
  content: '\f358';
}
.zmdi-pocket:before {
  content: '\f359';
}
.zmdi-polymer:before {
  content: '\f35a';
}
.zmdi-share:before {
  content: '\f35b';
}
.zmdi-stackoverflow:before {
  content: '\f35c';
}
.zmdi-steam-square:before {
  content: '\f35d';
}
.zmdi-steam:before {
  content: '\f35e';
}
.zmdi-twitter-box:before {
  content: '\f35f';
}
.zmdi-twitter:before {
  content: '\f360';
}
.zmdi-vk:before {
  content: '\f361';
}
.zmdi-wikipedia:before {
  content: '\f362';
}
.zmdi-windows:before {
  content: '\f363';
}
.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}
.zmdi-aspect-ratio:before {
  content: '\f365';
}
.zmdi-blur-circular:before {
  content: '\f366';
}
.zmdi-blur-linear:before {
  content: '\f367';
}
.zmdi-blur-off:before {
  content: '\f368';
}
.zmdi-blur:before {
  content: '\f369';
}
.zmdi-brightness-2:before {
  content: '\f36a';
}
.zmdi-brightness-3:before {
  content: '\f36b';
}
.zmdi-brightness-4:before {
  content: '\f36c';
}
.zmdi-brightness-5:before {
  content: '\f36d';
}
.zmdi-brightness-6:before {
  content: '\f36e';
}
.zmdi-brightness-7:before {
  content: '\f36f';
}
.zmdi-brightness-auto:before {
  content: '\f370';
}
.zmdi-brightness-setting:before {
  content: '\f371';
}
.zmdi-broken-image:before {
  content: '\f372';
}
.zmdi-center-focus-strong:before {
  content: '\f373';
}
.zmdi-center-focus-weak:before {
  content: '\f374';
}
.zmdi-compare:before {
  content: '\f375';
}
.zmdi-crop-16-9:before {
  content: '\f376';
}
.zmdi-crop-3-2:before {
  content: '\f377';
}
.zmdi-crop-5-4:before {
  content: '\f378';
}
.zmdi-crop-7-5:before {
  content: '\f379';
}
.zmdi-crop-din:before {
  content: '\f37a';
}
.zmdi-crop-free:before {
  content: '\f37b';
}
.zmdi-crop-landscape:before {
  content: '\f37c';
}
.zmdi-crop-portrait:before {
  content: '\f37d';
}
.zmdi-crop-square:before {
  content: '\f37e';
}
.zmdi-exposure-alt:before {
  content: '\f37f';
}
.zmdi-exposure:before {
  content: '\f380';
}
.zmdi-filter-b-and-w:before {
  content: '\f381';
}
.zmdi-filter-center-focus:before {
  content: '\f382';
}
.zmdi-filter-frames:before {
  content: '\f383';
}
.zmdi-filter-tilt-shift:before {
  content: '\f384';
}
.zmdi-gradient:before {
  content: '\f385';
}
.zmdi-grain:before {
  content: '\f386';
}
.zmdi-graphic-eq:before {
  content: '\f387';
}
.zmdi-hdr-off:before {
  content: '\f388';
}
.zmdi-hdr-strong:before {
  content: '\f389';
}
.zmdi-hdr-weak:before {
  content: '\f38a';
}
.zmdi-hdr:before {
  content: '\f38b';
}
.zmdi-iridescent:before {
  content: '\f38c';
}
.zmdi-leak-off:before {
  content: '\f38d';
}
.zmdi-leak:before {
  content: '\f38e';
}
.zmdi-looks:before {
  content: '\f38f';
}
.zmdi-loupe:before {
  content: '\f390';
}
.zmdi-panorama-horizontal:before {
  content: '\f391';
}
.zmdi-panorama-vertical:before {
  content: '\f392';
}
.zmdi-panorama-wide-angle:before {
  content: '\f393';
}
.zmdi-photo-size-select-large:before {
  content: '\f394';
}
.zmdi-photo-size-select-small:before {
  content: '\f395';
}
.zmdi-picture-in-picture:before {
  content: '\f396';
}
.zmdi-slideshow:before {
  content: '\f397';
}
.zmdi-texture:before {
  content: '\f398';
}
.zmdi-tonality:before {
  content: '\f399';
}
.zmdi-vignette:before {
  content: '\f39a';
}
.zmdi-wb-auto:before {
  content: '\f39b';
}
.zmdi-eject-alt:before {
  content: '\f39c';
}
.zmdi-eject:before {
  content: '\f39d';
}
.zmdi-equalizer:before {
  content: '\f39e';
}
.zmdi-fast-forward:before {
  content: '\f39f';
}
.zmdi-fast-rewind:before {
  content: '\f3a0';
}
.zmdi-forward-10:before {
  content: '\f3a1';
}
.zmdi-forward-30:before {
  content: '\f3a2';
}
.zmdi-forward-5:before {
  content: '\f3a3';
}
.zmdi-hearing:before {
  content: '\f3a4';
}
.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}
.zmdi-pause-circle:before {
  content: '\f3a6';
}
.zmdi-pause:before {
  content: '\f3a7';
}
.zmdi-play-circle-outline:before {
  content: '\f3a8';
}
.zmdi-play-circle:before {
  content: '\f3a9';
}
.zmdi-play:before {
  content: '\f3aa';
}
.zmdi-playlist-audio:before {
  content: '\f3ab';
}
.zmdi-playlist-plus:before {
  content: '\f3ac';
}
.zmdi-repeat-one:before {
  content: '\f3ad';
}
.zmdi-repeat:before {
  content: '\f3ae';
}
.zmdi-replay-10:before {
  content: '\f3af';
}
.zmdi-replay-30:before {
  content: '\f3b0';
}
.zmdi-replay-5:before {
  content: '\f3b1';
}
.zmdi-replay:before {
  content: '\f3b2';
}
.zmdi-shuffle:before {
  content: '\f3b3';
}
.zmdi-skip-next:before {
  content: '\f3b4';
}
.zmdi-skip-previous:before {
  content: '\f3b5';
}
.zmdi-stop:before {
  content: '\f3b6';
}
.zmdi-surround-sound:before {
  content: '\f3b7';
}
.zmdi-tune:before {
  content: '\f3b8';
}
.zmdi-volume-down:before {
  content: '\f3b9';
}
.zmdi-volume-mute:before {
  content: '\f3ba';
}
.zmdi-volume-off:before {
  content: '\f3bb';
}
.zmdi-volume-up:before {
  content: '\f3bc';
}
.zmdi-n-1-square:before {
  content: '\f3bd';
}
.zmdi-n-2-square:before {
  content: '\f3be';
}
.zmdi-n-3-square:before {
  content: '\f3bf';
}
.zmdi-n-4-square:before {
  content: '\f3c0';
}
.zmdi-n-5-square:before {
  content: '\f3c1';
}
.zmdi-n-6-square:before {
  content: '\f3c2';
}
.zmdi-neg-1:before {
  content: '\f3c3';
}
.zmdi-neg-2:before {
  content: '\f3c4';
}
.zmdi-plus-1:before {
  content: '\f3c5';
}
.zmdi-plus-2:before {
  content: '\f3c6';
}
.zmdi-sec-10:before {
  content: '\f3c7';
}
.zmdi-sec-3:before {
  content: '\f3c8';
}
.zmdi-zero:before {
  content: '\f3c9';
}
.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}
.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}
.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}
.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}
.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}
.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}
.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}
.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}
.zmdi-airplay:before {
  content: '\f3d2';
}
.zmdi-closed-caption:before {
  content: '\f3d3';
}
.zmdi-confirmation-number:before {
  content: '\f3d4';
}
.zmdi-developer-board:before {
  content: '\f3d5';
}
.zmdi-disc-full:before {
  content: '\f3d6';
}
.zmdi-explicit:before {
  content: '\f3d7';
}
.zmdi-flight-land:before {
  content: '\f3d8';
}
.zmdi-flight-takeoff:before {
  content: '\f3d9';
}
.zmdi-flip-to-back:before {
  content: '\f3da';
}
.zmdi-flip-to-front:before {
  content: '\f3db';
}
.zmdi-group-work:before {
  content: '\f3dc';
}
.zmdi-hd:before {
  content: '\f3dd';
}
.zmdi-hq:before {
  content: '\f3de';
}
.zmdi-markunread-mailbox:before {
  content: '\f3df';
}
.zmdi-memory:before {
  content: '\f3e0';
}
.zmdi-nfc:before {
  content: '\f3e1';
}
.zmdi-play-for-work:before {
  content: '\f3e2';
}
.zmdi-power-input:before {
  content: '\f3e3';
}
.zmdi-present-to-all:before {
  content: '\f3e4';
}
.zmdi-satellite:before {
  content: '\f3e5';
}
.zmdi-tap-and-play:before {
  content: '\f3e6';
}
.zmdi-vibration:before {
  content: '\f3e7';
}
.zmdi-voicemail:before {
  content: '\f3e8';
}
.zmdi-group:before {
  content: '\f3e9';
}
.zmdi-rss:before {
  content: '\f3ea';
}
.zmdi-shape:before {
  content: '\f3eb';
}
.zmdi-spinner:before {
  content: '\f3ec';
}
.zmdi-ungroup:before {
  content: '\f3ed';
}
.zmdi-500px:before {
  content: '\f3ee';
}
.zmdi-8tracks:before {
  content: '\f3ef';
}
.zmdi-amazon:before {
  content: '\f3f0';
}
.zmdi-blogger:before {
  content: '\f3f1';
}
.zmdi-delicious:before {
  content: '\f3f2';
}
.zmdi-disqus:before {
  content: '\f3f3';
}
.zmdi-flattr:before {
  content: '\f3f4';
}
.zmdi-flickr:before {
  content: '\f3f5';
}
.zmdi-github-alt:before {
  content: '\f3f6';
}
.zmdi-google-old:before {
  content: '\f3f7';
}
.zmdi-linkedin:before {
  content: '\f3f8';
}
.zmdi-odnoklassniki:before {
  content: '\f3f9';
}
.zmdi-outlook:before {
  content: '\f3fa';
}
.zmdi-paypal-alt:before {
  content: '\f3fb';
}
.zmdi-pinterest:before {
  content: '\f3fc';
}
.zmdi-playstation:before {
  content: '\f3fd';
}
.zmdi-reddit:before {
  content: '\f3fe';
}
.zmdi-skype:before {
  content: '\f3ff';
}
.zmdi-slideshare:before {
  content: '\f400';
}
.zmdi-soundcloud:before {
  content: '\f401';
}
.zmdi-tumblr:before {
  content: '\f402';
}
.zmdi-twitch:before {
  content: '\f403';
}
.zmdi-vimeo:before {
  content: '\f404';
}
.zmdi-whatsapp:before {
  content: '\f405';
}
.zmdi-xbox:before {
  content: '\f406';
}
.zmdi-yahoo:before {
  content: '\f407';
}
.zmdi-youtube-play:before {
  content: '\f408';
}
.zmdi-youtube:before {
  content: '\f409';
}
.zmdi-import-export:before {
  content: '\f30c';
}
.zmdi-swap-vertical-:before {
  content: '\f30c';
}
.zmdi-airplanemode-inactive:before {
  content: '\f102';
}
.zmdi-airplanemode-active:before {
  content: '\f103';
}
.zmdi-rate-review:before {
  content: '\f103';
}
.zmdi-comment-sign:before {
  content: '\f25a';
}
.zmdi-network-warning:before {
  content: '\f2ad';
}
.zmdi-shopping-cart-add:before {
  content: '\f1ca';
}
.zmdi-file-add:before {
  content: '\f221';
}
.zmdi-network-wifi-scan:before {
  content: '\f2e4';
}
.zmdi-collection-add:before {
  content: '\f14e';
}
.zmdi-format-playlist-add:before {
  content: '\f3ac';
}
.zmdi-format-queue-music:before {
  content: '\f3ab';
}
.zmdi-plus-box:before {
  content: '\f277';
}
.zmdi-tag-backspace:before {
  content: '\f1d9';
}
.zmdi-alarm-add:before {
  content: '\f32b';
}
.zmdi-battery-charging:before {
  content: '\f114';
}
.zmdi-daydream-setting:before {
  content: '\f217';
}
.zmdi-more-horiz:before {
  content: '\f19c';
}
.zmdi-book-photo:before {
  content: '\f11b';
}
.zmdi-incandescent:before {
  content: '\f189';
}
.zmdi-wb-iridescent:before {
  content: '\f38c';
}
.zmdi-calendar-remove:before {
  content: '\f330';
}
.zmdi-refresh-sync-disabled:before {
  content: '\f1b7';
}
.zmdi-refresh-sync-problem:before {
  content: '\f1b6';
}
.zmdi-crop-original:before {
  content: '\f17e';
}
.zmdi-power-off:before {
  content: '\f1af';
}
.zmdi-power-off-setting:before {
  content: '\f1ae';
}
.zmdi-leak-remove:before {
  content: '\f38d';
}
.zmdi-star-border:before {
  content: '\f27c';
}
.zmdi-brightness-low:before {
  content: '\f36d';
}
.zmdi-brightness-medium:before {
  content: '\f36e';
}
.zmdi-brightness-high:before {
  content: '\f36f';
}
.zmdi-smartphone-portrait:before {
  content: '\f2d4';
}
.zmdi-live-tv:before {
  content: '\f2d9';
}
.zmdi-format-textdirection-l-to-r:before {
  content: '\f249';
}
.zmdi-format-textdirection-r-to-l:before {
  content: '\f24a';
}
.zmdi-arrow-back:before {
  content: '\f2ea';
}
.zmdi-arrow-forward:before {
  content: '\f2ee';
}
.zmdi-arrow-in:before {
  content: '\f2e9';
}
.zmdi-arrow-out:before {
  content: '\f2ed';
}
.zmdi-rotate-90-degrees-ccw:before {
  content: '\f304';
}
.zmdi-adb:before {
  content: '\f33a';
}
.zmdi-network-wifi:before {
  content: '\f2e8';
}
.zmdi-network-wifi-alt:before {
  content: '\f2e3';
}
.zmdi-network-wifi-lock:before {
  content: '\f2e5';
}
.zmdi-network-wifi-off:before {
  content: '\f2e6';
}
.zmdi-network-wifi-outline:before {
  content: '\f2e7';
}
.zmdi-network-wifi-info:before {
  content: '\f2e4';
}
.zmdi-layers-clear:before {
  content: '\f18b';
}
.zmdi-colorize:before {
  content: '\f15d';
}
.zmdi-format-paint:before {
  content: '\f1ba';
}
.zmdi-format-quote:before {
  content: '\f1b2';
}
.zmdi-camera-monochrome-photos:before {
  content: '\f285';
}
.zmdi-sort-by-alpha:before {
  content: '\f1cf';
}
.zmdi-folder-shared:before {
  content: '\f225';
}
.zmdi-folder-special:before {
  content: '\f226';
}
.zmdi-comment-dots:before {
  content: '\f260';
}
.zmdi-reorder:before {
  content: '\f31e';
}
.zmdi-dehaze:before {
  content: '\f197';
}
.zmdi-sort:before {
  content: '\f1ce';
}
.zmdi-pages:before {
  content: '\f34a';
}
.zmdi-stack-overflow:before {
  content: '\f35c';
}
.zmdi-calendar-account:before {
  content: '\f204';
}
.zmdi-paste:before {
  content: '\f109';
}
.zmdi-cut:before {
  content: '\f1bc';
}
.zmdi-save:before {
  content: '\f297';
}
.zmdi-smartphone-code:before {
  content: '\f139';
}
.zmdi-directions-bike:before {
  content: '\f117';
}
.zmdi-directions-boat:before {
  content: '\f11a';
}
.zmdi-directions-bus:before {
  content: '\f121';
}
.zmdi-directions-car:before {
  content: '\f125';
}
.zmdi-directions-railway:before {
  content: '\f1b3';
}
.zmdi-directions-run:before {
  content: '\f215';
}
.zmdi-directions-subway:before {
  content: '\f1d5';
}
.zmdi-directions-walk:before {
  content: '\f216';
}
.zmdi-local-hotel:before {
  content: '\f178';
}
.zmdi-local-activity:before {
  content: '\f1df';
}
.zmdi-local-play:before {
  content: '\f1df';
}
.zmdi-local-airport:before {
  content: '\f103';
}
.zmdi-local-atm:before {
  content: '\f198';
}
.zmdi-local-bar:before {
  content: '\f137';
}
.zmdi-local-cafe:before {
  content: '\f13b';
}
.zmdi-local-car-wash:before {
  content: '\f124';
}
.zmdi-local-convenience-store:before {
  content: '\f1d3';
}
.zmdi-local-dining:before {
  content: '\f153';
}
.zmdi-local-drink:before {
  content: '\f157';
}
.zmdi-local-florist:before {
  content: '\f168';
}
.zmdi-local-gas-station:before {
  content: '\f16f';
}
.zmdi-local-grocery-store:before {
  content: '\f1cb';
}
.zmdi-local-hospital:before {
  content: '\f177';
}
.zmdi-local-laundry-service:before {
  content: '\f1e9';
}
.zmdi-local-library:before {
  content: '\f18d';
}
.zmdi-local-mall:before {
  content: '\f195';
}
.zmdi-local-movies:before {
  content: '\f19d';
}
.zmdi-local-offer:before {
  content: '\f187';
}
.zmdi-local-parking:before {
  content: '\f1a5';
}
.zmdi-local-parking:before {
  content: '\f1a5';
}
.zmdi-local-pharmacy:before {
  content: '\f176';
}
.zmdi-local-phone:before {
  content: '\f2be';
}
.zmdi-local-pizza:before {
  content: '\f1ac';
}
.zmdi-local-post-office:before {
  content: '\f15a';
}
.zmdi-local-printshop:before {
  content: '\f1b0';
}
.zmdi-local-see:before {
  content: '\f28c';
}
.zmdi-local-shipping:before {
  content: '\f1e6';
}
.zmdi-local-store:before {
  content: '\f1d4';
}
.zmdi-local-taxi:before {
  content: '\f123';
}
.zmdi-local-wc:before {
  content: '\f211';
}
.zmdi-my-location:before {
  content: '\f299';
}
.zmdi-directions:before {
  content: '\f1e7';
}




@font-face {
  font-family: 'icon';
  src:    url('../fonts/page_icons/icon.eot');
  src:    url('../fonts/page_icons/icon.eot#iefix') format('embedded-opentype'),
    url('../fonts/page_icons/icon.ttf') format('truetype'),
    url('../fonts/page_icons/icon.woff') format('woff'),
    url('../fonts/page_icons/icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-quotation:before {
  content: "\e913";
}
.icon-payment-visa:before {
  content: "\e914";
}
.icon-payment-2co:before {
  content: "\e915";
  top: -1px;
  position: relative;
}
.icon-payment-jcb:before {
  content: "\e916";
}
.icon-payment-paypal:before {
  content: "\e917";
  top: -1px;
  position: relative;
}
.icon-payment-mastercard:before {
  content: "\e918";
  position: relative;
  top: 2px;
}
.icon-products:before {
  content: "\e910";
}
.icon-reviews:before {
  content: "\e911";
}
.icon-cc-amex:before {
  content: "\e90a";
}
.icon-cc-diners_club:before {
  content: "\e90b";
}
.icon-cc-discover:before {
  content: "\e90c";
}
.icon-cc-jcb:before {
  content: "\e90d";
}
.icon-cc-mastercard:before {
  content: "\e90e";
}
.icon-cc-visa:before {
  content: "\e90f";
}
.icon-documentation:before {
  content: "\e900";
}
.icon-login:before {
  content: "\e901";
}
.icon-register:before {
  content: "\e902";
}
.icon-blesta:before {
  content: "\e903";
}
.icon-cpanel:before {
  content: "\e904";
}
.icon-magento:before {
  content: "\e905";
}
.icon-prestashop:before {
  content: "\e906";
}
.icon-shopping:before {
  content: "\e907";
  vertical-align: text-bottom;
}
.icon-whmcs:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e909";
  vertical-align: text-bottom;
}
.icon-envelope:before {
  content: "\e912";
}


/* new icons */

@font-face {
  font-family: 'icon2';
  src:  url('../fonts/page_icons/icon2.eot');
  src:  url('../fonts/page_icons/icon2.eot') format('embedded-opentype'),
    url('../fonts/page_icons/icon2.ttf') format('truetype'),
    url('../fonts/page_icons/icon2.woff') format('woff'),
    url('../fonts/page_icons/icon2.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-cpanel,
.icon-easydcim,
.icon-metricscube,
.icon-panelalpha,
.icon-whmcs,
.icon-withoutdns {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cpanel:before {
  content: "\e900";
}
.icon-easydcim:before {
  content: "\e901";
}
.icon-metricscube:before {
  content: "\e902";
}
.icon-panelalpha:before {
  content: "\e903";
}
.icon-whmcs:before {
  content: "\e904";
}
.icon-withoutdns:before {
  content: "\e905";
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

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

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 50%;
  right: 1px;
  width: 20px;
  margin-top: -13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
  content: "\f2f9";
  font-family: "Material-Design-Iconic-Font";
  font-size: 19px;
  font-weight: 400;
}



.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e09c32e1be479d287a7694200fa00577)
 * Config saved to config.json and https://gist.github.com/e09c32e1be479d287a7694200fa00577
 */


/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.btn.disabled,
button[disabled],
html input[disabled] {
  cursor: default;
}

.btn.disabled,
button[disabled] {
  opacity: 0.5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn>.caret,
  .dropup>.btn>.caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'Raleway', serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  -ms-font-feature-settings: "lnum";
  -o-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-size: 14px;
  line-height: 16px;
  color: #737780;
  font-weight: 400;
  background-color: #e9edf2;
  overflow-x: hidden;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #1f75cc;
  text-decoration: none;
  -webkit-transition: linear color .15s;
  -moz-transition: linear color .15s;
  transition: linear color .15s;
}

a:hover{
  color: #5bc758;
  outline: none;
}

a:focus{
  outline: none;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  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;
}

[role="button"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1;
  color: #2e3442;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h2,
.h2 {
  margin-top: 0;
  margin-bottom: 23px;
}

h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 48px;
  line-height: 42px;
  font-weight: 800;
}

h2,
.h2 {
  margin-bottom: 15px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 800;
}

.marketplace-page .h2,
.marketplace-page h2 {
  font-size: 26px;
  line-height: 36px;
}

@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 22px;
    line-height: 26px;
  }
}

h3,
.h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 20px;
  line-height: 28px;
}

h5,
.h5,
.marketplace-page .h5 {
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 15px;
}
h5.policy{font-size:16px;line-height:26px;margin:10px 0 4px}

h6,
.h6 {
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
}

p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 10px;
}

@media (max-width: 767px) {
  p {
    line-height: 22px;
    font-size: 13px;
  }
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

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

.text-underline {
  text-decoration: underline;
}

.text-muted {
  color: #a1a6b2!important;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #5bc758!important;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #ff8e2b!important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #ed4040!important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 0;
  font-style: normal;
  line-height: 25px;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
  body.page-monthly-bundles .page-footer .container {
    padding: 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 744px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1176px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}

.row {
  margin-left: -8px;
  margin-right: -8px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (max-width: 579px) {
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-4_5 {
    margin-left: 37.5%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1_5 {
    margin-left: 12.55%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4_5 {
    margin-left: 37.5%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1_5 {
    margin-left: 12.55%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top: 0;
}

.table>tbody+tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
  background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color: #e8e8e8;
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
  background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color: #d0e9c6;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
  background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
  background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
  background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive>.table {
    margin-bottom: 0;
  }
  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }
  .table-responsive>.table-bordered {
    border: 0;
  }
  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
  }
  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 13px;
  border: 1px solid #d7dbe0;
  line-height: 1.42857143;
  color: #737780;
  background-color: #fff;
  background-image: none;
  border-radius: 3px;
  outline: none!important;
  font-weight: 400;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  outline: 0;
}

.form-control::-moz-placeholder {
  color: #a1a9b2;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #a1a9b2;
}

.form-control::-webkit-input-placeholder {
  color: #a1a9b2;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f2f5f7;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
  min-height: 86px;
  resize: vertical;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 12px;
}

.form-labelless .form-group {
  margin-bottom: 16px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 14px;
  margin-bottom: 14px
}

.radio label,
.checkbox label {
  min-height: 24px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  color: #5c5f66;
  font-weight: 400;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -3px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.radio-styled {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 10px -3px 0;
  border: 1px solid #dde1e5;
  border-radius: 10px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.icheck-label:hover>.radio-styled,
.radio-styled.hover,
.radio-styled:hover,
.radio-styled.checked {
  border-color: #5bc758;
}

.radio-styled:before {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  content: "";
  height: 10px;
  width: 10px;
  margin: 0;
  background: #5bc758;
  opacity: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
}

.widget-domain-search .radio-styled:before {
  background: #ffaa00;
}

.radio-styled.checked:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.radio>label {
  position: relative;
  width: 100%;
  padding-left: 30px;
}

.radio-styled.disabled,
.radio-styled.disabled:hover,
.radio-styled.disabled:active,
.radio-styled.disabled:focus {
  border: 1px solid #e4e8f0;
  cursor: not-allowed;
}

.radio>label>.radio-styled {
  position: absolute;
  left: 0;
  top: 2px;
}

.radio-middle>label>.radio-styled {
  top: 50%;
  margin-top: -9px;
}

.panel-body>.radio:first-child {
  padding-top: 0;
}

.panel-body>.radio:last-child,
.last {
  margin-bottom: 0!important;
}

.icheck-label {
  cursor: pointer;
}

.checkbox-styled>input {
  opacity: 0;
}

.checkbox-styled {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 10px 0 0;
  background-color: #fff;
  border: 1px solid #d7dbe0;
  border-radius: 2px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  cursor: pointer;
}

.icheck-label:hover>.checkbox-styled,
.checkbox-styled.hover,
.checkbox-styled:hover,
.checkbox-styled.checked {
  border-color: #5bc758;
}

.checkbox-styled.disabled,
.checkbox-styled.disabled:hover,
.checkbox-styled.disabled:active,
.checkbox-styled.disabled:focus,
.icheck-label:hover>.checkbox-styled.disabled {
  border: 1px solid #eff1f3;
  cursor: not-allowed;
  background: #eff1f3;
}

.checkbox-styled:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "\f26b";
  height: 18px;
  width: 18px;
  opacity: 0;
  color: #5bc758;
  font-size: 18px;
  font-family: 'Material-Design-Iconic-Font';
  text-align: center;
  line-height: 18px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
}

.checkbox-styled.checked:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.checkbox>label,
.checkbox-inline {
  position: relative;
  padding-left: 34px;
}

.checkbox>label>.checkbox-styled,
.checkbox-inline>.checkbox-styled {
  position: absolute;
  left: 0;
  top: 2px;
}

.checkbox.disabled label {
  color: #a1a6b2;
}

.checkbox.disabled a {
  pointer-events: none;
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

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

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
    height: 48px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 3px;
}
.input-xlg {
  height: 54px;
  font-size: 16px;
  padding: 12px 24px;
}

.input-xxlg {
  height: 64px;
  font-size: 16px;
  padding: 12px 24px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

@media (max-width: 767px) {
  .input-xxlg {
    height: 52px;
    padding: 12px 17px;
    font-size: 15px;
  }
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.control-label {
  display: block;
  margin-top: -1px;
  margin-bottom: 4px;
  font-size: 13px;
  color: #aaacb2;
  line-height: 13px;
  font-weight: 400;
}

.control-label .required {
  font-size: 21px;
  vertical-align: middle;
  position: relative;
  top: 2px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #48b54a;
}

.has-success .form-control {
  border-color: #5bc758!important;
  box-shadow: none!important
}

.has-success .form-control:focus {
  border-color: #5bc758;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #de2c2c;
}

.has-error .form-control {
  border-color: #ed4040!important;
  box-shadow: none!important
}

.has-error .form-control:focus {
  border-color: #ed4040;
  box-shadow: none!important
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label~.form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  color: #737373;
  font-size: 11px;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group>.form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: none;
  white-space: nowrap;
  padding: 8px 16px;
  font-size: 13px;
  line-height: 24px;
  height: auto;
  font-weight: 700;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-transition: ease-out color .3s, ease-out background .3s, ease-out border .3s;
  transition: ease-out color .3s, ease-out background .3s, ease-out border .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}

.btn:active,
.btn.active {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn:not(.btn-circle):hover:after,
.btn:not(.btn-circle):active:before,
.btn:not(.btn-circle).active:before {
  opacity: 1;
}

.btn>i+span,
.btn>span+i {
  margin-left: 12px;
}

.btn i:not(.spinner) {
  width: 24px;
  height: 24px;
  margin: 0 4px 0 -8px;
  font-size: 19px;
  line-height: 22px;
  vertical-align: bottom;
}


.btn-default {
  color: #737980;
  background-color: #e9edf2;
  border-color: #e9edf2;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.btn:not(.btn-circle):before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: block;
  content: "";
  opacity: 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: ease-out all .3s;
  transition: ease-out all .3s;
}

.btn:not(.btn-circle):after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  content: "";
  opacity: 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: ease-out all .3s;
  transition: ease-out all .3s;
}

.btn>span:not(.button-loader){
  position: relative;
  z-index: 3;
}

.alert-success .btn,
.btn-primary {
  color: #fff;
  background: -moz-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 209, 92, 1)), color-stop(50%, rgba(91, 199, 88, 1)), color-stop(100%, rgba(82, 186, 84, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ie10+ */
  background: linear-gradient(110deg, rgba(106, 209, 92, 1) 0%, rgba(82, 186, 84, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6ad15c', endColorstr='#52ba54', GradientType=0);
  /* ie6-9 */
}

.alert-success .btn:after,
.btn-primary:after {
  background: -moz-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 209, 92, 1)), color-stop(50%, rgba(91, 199, 88, 1)), color-stop(100%, rgba(82, 186, 84, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ie10+ */
  background: linear-gradient(110deg, #76de68 0%, #61c763 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6ad15c', endColorstr='#52ba54', GradientType=0);
  /* ie6-9 */
}

.alert-success .btn:before,
.btn-primary:before {
  background: #4cad4e;
}

.alert-success .btn:hover,
.alert-success .btn:focus,
.alert-success .btn.focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
}

.alert-success .btn:active:before,
.btn-primary:active:before {
  background: #4cad4e;
}

.alert-waring .btn,
.btn-secondary {
  background: -moz-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 142, 43, 1)), color-stop(100%, rgba(255, 108, 44, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff8e2b', endColorstr='#ff6c2c', GradientType=0);
  /* ie6-9 */
  color: #fff;
}

.alert-waring .btn:after,
.btn-secondary:after {
  background: linear-gradient(340deg, #ff8f40 0%, #ffa436 100%);
}

.alert-waring .btn:before,
.btn-secondary:before {
  background: #f7682a;
}

.alert-warning .btn:active:before,
.btn-secondary:active:before {
  background: #f7682a;
}

.alert-info .btn,
.btn-info {
  color: #fff;
  background: rgb(0, 64, 128);
  background: -moz-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 82, 163, 1)), color-stop(100%, rgba(0, 70, 140, 1)));
  background: -webkit-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: -o-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: -ms-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: linear-gradient(340deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0052a3', endColorstr='#00468c', GradientType=0);
}

.alert-info .btn:after,
.btn-info:after {
  background: -moz-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 82, 163, 1)), color-stop(100%, rgba(0, 70, 140, 1)));
  background: -webkit-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: -o-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: -ms-linear-gradient(110deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  background: linear-gradient(340deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0052a3', endColorstr='#00468c', GradientType=0);
}

.alert-info .btn:before,
.btn-info:before {
  background: rgba(0, 70, 140, 1);
}

.alert-danger .btn,
.btn-danger {
  background-color: #ed4040;
  border-color: #ed4040;
  color: #fff;
}

.alert-danger .btn:after,
.btn-danger:after {
  background: #de2c2c;
}

.alert-danger .btn:before,
.btn-danger:before {
  background: #de2c2c;
}

span.btn-default {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-outline {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn.btn-outline {
  padding-top: 7px;
  padding-bottom: 7px;
}

.btn-xlg.btn-outline {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-lg.btn-outline {
  padding-top: 11px;
  padding-bottom: 11px;
}

.btn-xs.btn-outline,
.btn-sm.btn-outline {
  padding-top: 3px;
  padding-bottom: 3px;
}

.btn-outline.btn-light-blue {
  border: 1px solid #336ca5;
  color: #fff;
  background: none;
}

.btn-outline.btn-light-blue:hover {
  border-color: #fff;
  color: #fff;
  background: none;
}

.btn-outline.btn-light-blue:hover:after {
  display: none;
}

.btn-outline.btn-default {
  border: 1px solid #d7dadb;
  color: #737980;
}

.btn-outline.btn-default:hover {
  border-color: #5bc758;
  background: none;
  color: #5bc758;
}

.btn-outline.btn-default:focus,
.btn-outline.btn-default:active {
  border-color: #4cad4e;
  background: none;
  color: #4cad4e;
}

.btn-outline.btn-dark-green {
  border: 1px solid #387a36;
  color: #387a36;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 12px 16px;
  font-weight: 700;
  font-size: 14px;
}

.btn-xlg {
  padding: 16px 24px;
  font-size: 15px;
}

.btn-xxlg{
  padding: 20px 24px;
  font-size: 16px;
  height: 64px;
}

.btn-xs.btn-primary,
.btn-sm.btn-primary,
.btn-sm.btn-secondary,
.btn-xs.btn-secondary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

.btn-xs,
.btn-group-xs>.btn,
.btn-sm,
.btn-group-sm>.btn {
  padding: 4px 16px;
  font-size: 11px;
  line-height: 24px;
}

.btn-sm i,
.btn-xs i {
  margin: 0 6px 0 -8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.btn-icon.btn-sm i:not(.spinner) {
  margin: 0;
  font-size: 19px;
  line-height: 24px;
}

.btn.disabled {
  opacity: 1;
  cursor: not-allowed;
  /*pointer-events: none;*/
}


/* chrome fix */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .btn-xs,
  .btn-group-xs>.btn,
  .btn-sm,
  .btn-group-sm>.btn {
    padding-top: 5px;
    padding-bottom: 3px;
  }
  .btn-xs.btn-outline,
  .btn-sm.btn-outline {
    padding-top: 4px;
    padding-bottom: 2px;
  }
}


/* Button > Light */

.btn-light {
  background-color: rgba(134, 171, 210, 0.4);
  border-color: rgba(134, 171, 210, 0.4);
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 5px;
}

.btn-icon {
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

.btn-icon i:not(.spinner) {
  font-size: 24px;
  margin: 0;
}

.btn-icon.btn-xs i:not(.spinner) {
  font-size: 19px;
}

.btn-icon.btn-clear,
.btn-icon.btn-search {
  background: none;
  color: #2e3442;
}

.btn.btn-link {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-icon:active,
.btn-icon:focus {
  outline: none;
}

.show-xs-icon.btn-icon {
  border-radius: 3px;
}

@media (min-width: 768px) {
  .show-xs-icon>i {
    display: none;
  }
  .show-xs-icon>span {
    margin: 0!important;
  }
}

@media (max-width: 767px) {
  .show-xs-icon>span {
    display: none;
  }
  .btn-xxlg {
    padding: 16px 24px;
    font-size: 15px;
    height: 56px;
  }
}

@media (min-width: 580px) {
  .show-xxs-icon>span>i:not(.spinner) {
    display: none;
  }
}

@media (max-width: 579px) {
  .show-xxs-icon {
    width: 40px;
  }
  .show-xxs-icon>span>span {
    display: none;
  }
  .show-xxs-icon>span:not(.button-loader)>i {
    font-size: 19px;
    display: block;
    margin: -2px 0 -3px 2px;

  }
}

.btn-circle {
  line-height: 26px;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

.btn-circle.btn-xlg {
  height: 56px;
  width: 56px;
}

.btn-circle.btn-xlg i {
  font-size: 24px!important;
}

.btn-submit>span:not(.button-loader)>i {
  font-size: 19px;
  margin-left: 12px;
  padding-top: 1px;
}

.btn.promo-code-action>span>i:not(.spinner) {
  margin: 0;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 1000;
  display: block;
  float: left;
  min-width: 160px;
  padding: 8px 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  -webkit-box-shadow: 0px 11px 50px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 11px 50px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 11px 50px 0px rgba(0, 0, 0, 0.3);
}

.dropdown-menu:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 59px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: -8px;
  vertical-align: middle;
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.dropdown-menu-right:before {
  left: auto;
  right: 18px;
}

.dropdown-menu .dropdown-menu:before {
  display: none;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  overflow: hidden;
  background-color: #e9edf2;
  margin-bottom: 8px;
  margin-top: 8px;
}

.dropdown-menu>li>a {
  position: relative;
  display: block;
  padding: 0 16px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #5C5F6B;
  white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #5bc658;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #5bc658;
  background: none;
  font-weight: bold;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color: #777777;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.open>.dropdown-menu {
  opacity: 1;
  top: 100%;
  filter: alpha(opacity=100);
  visibility: visible;
}

@media (min-width: 768px) {
  .hovered>.dropdown-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }
}

.open>a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 8px;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  float: left;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
  z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
  margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group>.btn:first-child {
  margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group>.btn-group {
  float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
  float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified>.btn-group .btn {
  width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
  height: auto;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
  height: auto;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
  min-height: 24px;
  height: 24px;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-btn> :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn>.btn {
  position: relative;
}

.input-group-btn>.btn+.btn {
  margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
  z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
  margin-right: -2px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav>li {
  position: relative;
  display: block;
}

.tabs {
  position: relative;
  margin: 0 -8px;
}

.nav-tabs {
  white-space: nowrap;
  min-width: 100%;
}

.nav-sm.nav-tabs {
  margin-top: 4px;
}

.nav-tabs>li {
  display: inline-block;
  ;
}

.nav-tabs>li.tab-right {
  position: absolute;
  right: 0;
  margin-right: 0;
}

.nav-tabs>li>a {
  position: relative;
  display: block;
  padding: 0 8px;
  margin-right: 16px;
  color: #5c5f66;
  font-weight: 700;
  line-height: 50px;
}

.nav-tabs>li>a>i {
  font-size: 19px;
  vertical-align: sub;
  margin-right: 15px;
}

.tab-lg .nav-tabs>li>a>i {
  font-size: 26px;
  vertical-align: top;
  margin-top: 11px;
  display: inline-block;
}

.nav-sm.nav-tabs>li>a {
  margin-right: 8px;
  line-height: 40px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  color: #a1a5b2;
}

.nav-sm.nav-tabs>li.active>a {
  font-weight: bold;
}

.nav-transparent {
  margin-bottom: 11px;
}

.nav-transparent>li>a {
  color: rgba(221, 238, 255, 0.8);
}

.nav-transparent>li.active>a:after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: -8px;
  vertical-align: middle;
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.nav-tabs .badge {
  vertical-align: top;
  margin: 16px 0 0 8px;
}

.nav-transparent .badge-outline {
  border-color: rgba(140, 176, 213, 0.5);
  color: rgba(221, 238, 255, 0.8);
}

.nav-tabs:not(.nav-transparent)>li>a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: transparent;
  -webkit-transition: linear all .2s;
  -moz-transition: linear all .2s;
  transition: linear all .2s;
}

.nav-tabs.nav-sm:not(.nav-transparent)>li>a:after {
  height: 2px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #5bc758;
  cursor: default;
}

.nav-transparent>li.active>a,
.nav-transparent>li.active>a:hover,
.nav-transparent>li.active>a:focus {
  color: #fff;
}

.nav-tabs>li>a:hover,
.nav-sm>li>a:hover,
.nav-sm>li.active>a,
.nav-sm>li.active>a:hover,
.nav-sm>li.active>a:focus {
  color: #5bc758
}

.nav-transparent>li>a:hover {
  color: #fff;
}

.nav-tabs:not(.nav-transparent)>li.active>a:after {
  background: #5bc758;
}

@media (max-width: 767px) {
  .nav.nav-tabs {
    white-space: nowrap;
  }
  .nav.nav-tabs li {
    float: none;
    display: inline-block;
  }
  .nav-tabs>li>a {
    margin-right: 4px;
  }
  .overview-header .nav-tabs li .badge,
  .page-product-view .nav-tabs li .badge {
    display: none;
  }
  .page-product-view .page-content .nav-transparent>li>a {
    color: #a1a6b2;
  }
  .page-product-view .page-content .nav-transparent>li>a:hover,
  .page-product-view .page-content .nav-transparent>li.active a {
    color: #2e3442;
  }
}

.tab-content {
  background: #fff;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

.tab-content.tab-lg {
  margin-bottom: 20px!important;
}

.tab-content>.tab-pane {
  padding: 26px 30px;
  display: none;
}

.tab-content>.active {
  display: block;
}

.tab-content.tab-lg>.tab-pane {
  padding: 55px 64px;
}

.title-content .tab-content.tab-sm .tab-sm {
  height: auto;
}

.tab-content.tab-sm .tab-content .tab-pane {
  padding: 0;
}

.tab-content.tab-sm>.tab-pane {
  position: relative;
  height: 100%;
  padding: 16px 24px 24px;
}

#tab-additional-services {
  padding-top: 20px;
}

.tab-content.tab-sm>.tab-pane .tabs {
  margin-top: -16px;
  margin-bottom: 8px
}

.tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
  position: relative;
  margin: 5px 0;
  padding-right: 20px;
}

.tab-content .tab-pane h3,
.tab-content .tab-pane .h3{
  font-size: 24px;
  margin: 0 0 30px;
}

.tab-content .tab-pane h3 .btn {
  float: right;
  margin-top: -3px;
}

.tab-content .tab-pane p {
  margin-bottom: 17px;
  text-align: justify;
}

.tab-content.tab-sm .tab-pane p {
  margin-bottom: 0;
  font-size: 13px;
  margin: 3px 0 5px;
  line-height: 20px;
}

.tab-content.tab-lg .tab-pane .list-check {
  overflow: hidden;
}

.tab-content.tab-lg .tab-pane .list-check li {
  float: left;
  width: 50%;
  padding-right: 16px;
}

.tab-content .tab-section+.tab-section {
  padding-top: 5px;
}

.tab-content.tab-lg .tab-section+.tab-section {
  padding-top: 33px;
}

.tab-section h5 {
  margin: 0 0 15px;
}

.tab-section .list-styled+h5 {
  margin-top: 20px;
}

.tab-section h6,
.tab-section .h6{
  font-size: 11px; 
  color: #a1a5b2;
  font-weight: 400;
  margin: 0 0 4px;
  text-transform: uppercase;
}

.tab-section h5.tab-title {
  font-size: 15px;
}

.tab-section-price .price {
  color: #2e3442;
}

.tab-section-price .price.price-discounted {
  padding-top: 0;
  color: #ff8e2b;
}

.tab-section-price .price small {
  display: block;
  margin-top: 14px;
  font-size: 12px;
  color: #a1a5b2;
}

.tab-section-price .price>span {
  display: block;
  margin-top: -6px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #2e3442;
}

.tab-section-price .price>span span {
  position: relative;
}

.tab-section-price .price>span span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  background: #ff8e2b;
}

.tab-section-price .price>span i {
  margin-left: 5px;
}

.tab-actions {
  position: absolute;
}

.tab-content .tab-content {
  box-shadow: none;
  background: none;
}

.tab-content.tab-lg .tab-content .tab-pane {
  padding: 34px 0 18px;
}

.tab-payment-method {
  box-shadow: none;
}

.tab-payment-method .tab-pane {
  padding: 24px 0 0 0;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.tab-body-title {
  color: #2e3442;
  font-weight: 700;
}

.strip-orange {
  background: -moz-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 142, 43, 1)), color-stop(100%, rgba(255, 108, 44, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff8e2b', endColorstr='#ff6c2c', GradientType=0);
  /* ie6-9 */
}

@media (min-width: 1200px) {
  .tab-section-price {
    width: 236px;
  }
  .tab-section-info {
    padding-left: 260px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .tab-section-price {
    width: 198px;
  }
  .tab-section-info {
    padding-left: 220px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .tab-section-price {
    width: 246px;
  }
  .tab-section-info {
    padding-left: 270px;
  }
}

@media (min-width: 768px) {
  .tab-content #tab-login {
    padding: 60px 0;
  }
  .tab-payment-method .tab-title {
    display: none;
  }
  .tab-lg .read-more {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .tab-content.tab-lg>.tab-pane {
    padding: 35px 36px;
  }
  .tab-content.tab-lg .tab-section+.tab-section {
    padding-top: 13px;
  }
  .tab-content.tab-lg>.tab-pane h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 13px;
  }
  .tab-section h5 {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 580px) {
  .title-content .tab-content.tab-sm {
    overflow: hidden;
    height: 264px;
  }
  .tab-section-price {
    position: absolute;
    left: 24px;
    top: 16px;
    bottom: 24px;
    padding-right: 24px;
    padding-bottom: 112px;
    border-right: 1px solid #f2f4f5;
  }
  .tab-section-price .price {
    font-size: 40px;
    font-weight: 300;
    padding-top: 20px;
  }
  .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
    height: 196px;
  }
  .touchable .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
    overflow-y: auto;
  }
  .tab-actions {
    width: 100%;
    padding-right: 24px;
    bottom: 0;
  }
  .tab-actions .btn {
    /* display: block; */
    width: 100%;
  }
  .tab-actions .btn+.btn {
    margin-top: 8px;
  }
  .tab-pane .strip {
    top: -78px;
    right: -82px;
  }
  .tab-pane .strip .strip-content {
    font-size: 10px;
  }
  .tab-pane .strip .strip-content span {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 400;
  }
  .tab-pane .strip .strip-content span i {
    position: relative;
    top: 5px;
  }
  .tab-pane .strip {
    width: 171px;
    height: 149px;
    position: absolute;
    transform: rotate(45deg);
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
  }
  .tab-pane .strip .strip-content {
    position: absolute;
    left: 4px;
    bottom: 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    text-transform: uppercase;
  }
  .tab-pane .strip .strip-content span {
    display: block;
    color: #fff;
  }
  .product-license .tab-sm .read-more {
    display: none;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .tab-section-price {
    width: 198px;
  }
  .tab-section-info {
    padding-left: 220px;
  }
}

@media (max-width: 767px) {
  .tab-content #tab-login {
    padding: 24px 0;
  }
  .nav-tabs>li>a {
    line-height: 40px;
  }
  .tab-content.tab-lg>.tab-pane {
    padding: 21px 20px;
  }
  .tab-content.tab-sm>.tab-pane {
    padding: 16px;
  }
  .tab-content.tab-lg>.tab-pane h2 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 13px;
  }
  .tab-content.tab-lg .tab-section+.tab-section {
    padding-top: 3px;
  }
  .tab-section h5 {
    font-size: 14px;
    line-height: 20px;
  }
  .tab-content .tab-pane .list-styled li,
  .tab-content .tab-pane p {
    font-size: 13px;
    line-height: 20px;
  }
  .tab-payment-method .tab-pane {
    display: block;
    padding: 0;
  }
  .tab-payment-method .tab-title {
    margin: 0 -24px;
    border-top: 1px solid #e8ecf1;
    padding: 10px 24px;
  }
  .tab-payment-method .tab-body {
    display: none;
    padding: 16px 0 0;
  }
  .tab-payment-method .active .tab-body {
    display: block;
  }
  .tab-content .read-more {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    color: #a1a6b2;
    line-height: 48px;
    text-align: center;
    font-weight: 700;
    background: #fff;
  }
  .tab-content .read-more:hover {
    color: #5bc758;
  }
  .page-product-view .page-content .tab-content,
  .page-product-view .product-license>.tab-content {
    margin: 0 -10px;
  }
  .page-product-view .tab-content .tab-pane {
    position: relative;
    padding-bottom: 48px;
  }
  .page-product-view .tab-content .tab-pane.expanded {
    padding-bottom: 21px;
  }
  .page-product-view .tab-content .tab-pane.expanded {
    height: auto!important;
  }
  .page-product-view .tab-content>.tab-pane.expanded:after,
  .page-product-view .tab-content .tab-pane.expanded .read-more {
    display: none;
  }
  .page-product-view .product-license>.tab-content>.tab-pane {
    height: 255px;
    overflow: hidden;
  }
  .page-product-view #main-content-container>.tabs .nav-tabs>li.tab-right {
    display: none!important;
  }
  .page-product-view #main-content-container .tab-content .tab-pane {
    height: 280px;
    overflow: hidden;
  }
  .page-product-view #main-content-container .tab-content .tab-pane:after {
    position: absolute;
    content: " ";
    left: 0;
    bottom: 48px;
    height: 24px;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
  }
}

@media (max-width: 579px) {
  .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
    min-height: 120px;
    height: auto;
  }
  .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list .ps__rail-y{
    display: none!important;
  }
  .tab-content.tab-sm>.tab-pane.pb-0{
    margin-bottom: -20px;
  }
  .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list.preventScrollBar{
    min-height: 190px;
  }

  .tabs {
    margin-left: -4px;
    margin-right: -4px;
  }
  .nav-sm.nav-tabs>li>a {
    padding: 0 4px;
  }
  .tab-pane .strip {
    display: none;
  }
  .tab-section-price .price {
    font-size: 22px;
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: 17px;
  }
  .tab-section-price .price small {
    margin-top: 4px;
    font-weight: 300;
  }
    .tab-section-price .price>span {
        margin-top: 0;
        margin-bottom: 5px;
    }
  .tab-section-price h6 {
    display: none;
  }
  .tab-actions {
    right: 16px;
    top: 24px;
  }
  .tab-actions .btn {
    font-size: 13px;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .tab-actions .btn.btn-outline {
    padding: 8px 4px;
  }
  .tab-actions .btn+.btn {
    margin-left: 8px;
  }
  .page-product-view .product-license>.tab-content>.tab-pane:after {
    position: absolute;
    content: " ";
    left: 0;
    bottom: 48px;
    height: 24px;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
  }
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-brand.christmass-logo img {
  margin-top: -24px;
}

@media (min-width: 992px) {
  .page-header .navbar-brand {
    float: left;
    display: block;
    width: 217px;
    height: 84px;
    line-height: 84px;
  }
}

@media (max-width: 991px) {
  .page-header .navbar-brand {
    display: none;
  }
  .mobile-header .navbar-brand {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  .mobile-header .navbar-brand a {
    display: inline-block;
    width: 262px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mobile-header .navbar-brand img {
    max-width: 220px;
  }
  .mobile-header .navbar-brand .christmass-logo img {
    margin-top: -36px;
  }
  .mobile-header .navbar-brand a {
    padding: 18px 20px;
    height: 72px;
  }
}

@media (max-width: 767px) {
  .mobile-header .navbar-brand a {
    display: inline-block;
    padding: 17px 20px;
    height: 60px;
    width: 220px;
  }
  .mobile-header .navbar-brand img {
    max-width: 163px;
  }
  .mobile-header .navbar-brand .christmass-logo img {
    margin-top: -27px;
  }
}

#mobile-cart-preview,
.navbar-toggle {
  position: absolute;
  padding: 12px;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
}

.navbar-toggle {
  left: 8px;
  height: 48px;
  width: 48px;
}

#mobile-cart-preview {
  right: 3px;
}

#mobile-cart-preview .navbar-cart {
  color: #2e3442;
  font-size: 24px;
}

.page-order #mobile-cart-preview {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  #mobile-cart-preview,
  .navbar-toggle {
    top: 12px;
  }
  .navbar-toggle {
    left: -6px;
  }
  #mobile-cart-preview {
    right: -6px;
  }
}

@media (max-width: 767px) {
  #mobile-cart-preview,
  .navbar-toggle {
    top: 6px
  }
}

.navbar-cart:focus,
.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  margin: 0 auto;
  background: #2e3442;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: ease-in-out all .15s;
  -moz-transition: ease-in-out all .15s;
  transition: ease-in-out all .15s;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar {
  margin: 0 auto;
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar:nth-child(2) {
  display: none;
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -sand-transform: rotate(45deg);
  -webkit-transition: ease-in-out all .15s;
  -moz-transition: ease-in-out all .15s;
  transition: ease-in-out all .15s;
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar:nth-child(3) {
  margin-top: -2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
  -webkit-transition: ease-in-out all .15s;
  -moz-transition: ease-in-out all .15s;
  transition: ease-in-out all .15s;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none;
  }
}

@media (min-width: 992px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav>li {
    float: left;
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    padding-right: 72px;
  }
  .navbar-right~.navbar-right {
    margin-right: 0;
  }
}

.breadcrumb {
  padding: 0;
  margin-bottom: 6px;
  list-style: none;
}

.breadcrumb>li {
  display: inline-block;
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0;
  color: rgba(221, 238, 255, 0.8);
}

.breadcrumb li a {
  color: rgba(221, 238, 255, 0.8);
}

.breadcrumb li a:hover {
  color: #fff;
}

.breadcrumb>.active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager li {
  display: inline;
}

.pager li>a,
.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next>a,
.pager .next>span {
  float: right;
}

.pager .previous>a,
.pager .previous>span {
  float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
  color: #777777;
  background-color: #ffffff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 6px 4px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  text-transform: uppercase;
}

.label-sm {
  padding: 4px 6px;
}

.label-lg {
  font-size: 13px;
  padding: 6px 8px;
  font-weight: 400;
}

a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  color: #737980;
  background-color: #e4e8ed;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background: -moz-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 209, 92, 1)), color-stop(50%, rgba(91, 199, 88, 1)), color-stop(100%, rgba(82, 186, 84, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6ad15c', endColorstr='#52ba54', GradientType=0);
  /* ie6-9 */
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
}

.label-secondary {
  background: -moz-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 142, 43, 1)), color-stop(100%, rgba(255, 108, 44, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff8e2b', endColorstr='#ff6c2c', GradientType=0);
  /* ie6-9 */
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
}

.h5 .label {
  vertical-align: top;
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  padding: 6px 10px;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 18px;
  padding: 0 4px;
  font-size: 9px;
  color: #fff;
  line-height: 18px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #dadddf;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.badge-primary {
  background: -moz-linear-gradient(45deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(82, 186, 84, 1)), color-stop(50%, rgba(91, 199, 88, 1)), color-stop(100%, rgba(106, 209, 92, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(45deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(45deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(45deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* ie10+ */
  background: linear-gradient(45deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6ad15c', endColorstr='#52ba54', GradientType=1);
  /* ie6-9 */
}

.badge-outline {
  background: transparent;
  border: 1px solid;
  line-height: 16px;
}

.badge-outline.badge-default {
  border-color: #dadddf;
  color: #7a7d80;
}

#mobile-cart-preview .badge {
  position: absolute!important;
  top: 3px;
  right: 2px;
  -webkit-transition: transform .35s;
  -moz-transition: transform .35s;
  transition: transform .35s;
}

#mobile-cart-preview .add .badge {
  transform: scale(2.5);
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
}

.btn .badge {
  position: absolute!important;
  top: 0px;
  right: -6px;
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
  top: 0;
  padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
  color: #337ab7;
  background-color: #ffffff;
}

.list-group-item>.badge {
  float: right;
}

.list-group-item>.badge+.badge {
  margin-right: 5px;
}

.nav-pills>li>a>.badge {
  margin-left: 3px;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron>hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail>img,
.thumbnail a>img {
  margin-left: auto;
  margin-right: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.alert {
  position: relative;
  padding: 18px 24px;
  margin-bottom: 16px;
  border: 1px solid #e1e4e6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  line-height: 20px;
  font-size: 14px;
}

.alert-sm {
  padding: 8px 8px 8px 24px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert>p,
.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  border-color: #5bc758;
  color: #48b54a;
}

.alert-info {
  border-color: #2c84db;
  color: #1f75cc;
}

.alert-warning {
  border-color: #fc8b35;
  color: #f57b1d;
}

.alert-danger {
  border-color: #ed4040;
  color: #de2c2c;
}

.alert-icon {
  padding-left: 58px;
  border-left-width: 3px;
}

.alert-icon:before {
  position: absolute;
  left: 16px;
  top: 16px;
  content: '';
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  text-align: center;
  line-height: 24px;
  font-size: 24px;
  font-family: 'Material-Design-Iconic-Font';
}

.alert-icon.alert-info:before {
  content: '\f1f8';
}

.alert-icon.alert-success:before {
  content: '\f269';
}

.alert-icon.alert-warning:before {
  content: '\f1f4';
}

.alert-icon.alert-danger:before {
  content: '\f1f0';
}

.alert-primary {
  background: #fff;
  border-width: 0 0 0 3px;
  border-radius: 0;
  box-shadow: 0 5px 25px rgba(32, 41, 48, .15)
}

.alert-tooltip {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  background: #fff;
  border: 0;
  border-radius: 3px;
}

.alert-tooltip:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 20px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: -8px;
  vertical-align: middle;
  border-top: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.alert-promo {
  padding: 24px 138px 24px 80px;
  border-color: #e5ac62;
}

.alert-promo:before {
  content: "";
  background: url(../img/recommended.svg);
}

.alert-promo .promo-code{
  padding: 8px;
  border: 1px dashed #e5ac62;
  border-radius: 3px;
  font-weight: bold;
  color: #e5ac62;
  display: inline;
  margin-left: 3px;
  margin-right: 3px;
  line-height: 36px !important;
  font-size: 14px !important;
}
@media (max-width: 767px) {
  .alert-promo .promo-code {
    padding: 6px;
  }
}

.alert-promo.alert-proxmox {
  padding: 19px 150px 19px 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 86px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert-promo.alert-proxmox:before {
  background: url(../img/proxmox-solution-partner.svg);
  background-size: 100%;
}
.alert-promo>div>a>strong,
.alert-promo>div>a>b,
.alert-promo>div>strong,
.alert-promo>div>b,
.alert-promo>strong,
.alert-promo>b {
  color: #d5985e;
}

.alert-promo.alert-servertastic {
  border-color: #e44a4a;
}

.alert-promo.alert-servertastic >div>strong,
.alert-promo.alert-servertastic >div>b,
.alert-promo.alert-servertastic >strong,
.alert-promo.alert-servertastic >b {
  color: #e44a4a;
}

.alert-promo.alert-servertastic  .promo-code{
  border: 1px dashed #e44a4a;
  color: #e44a4a;
}
.alert-promo.alert-servertastic:before {
  background: url('../img/shield-red.svg');
  background-size: unset !important;
}

.alert-promo.alert-easydcim{
  border-color: #3e8eff;
}

.alert-promo.alert-easydcim>div>strong,
.alert-promo.alert-easydcim>div>b,
.alert-promo.alert-easydcim>strong,
.alert-promo.alert-easydcim>b {
  color: #3a87f2;
}

.alert-promo.alert-easydcim .promo-code{
  border: 1px dashed #3a87f2;
  color: #3a87f2;
}
.alert-promo.alert-easydcim:before {
  background: url(../img/easydcim.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}


.alert-promo.alert-panelalpha>div>strong,
.alert-promo.alert-panelalpha>div>b,
.alert-promo.alert-panelalpha>strong,
.alert-promo.alert-panelalpha>b {
  color: #07C07E;
}

.alert-promo.alert-panelalpha .promo-code{
  border: 1px dashed #07c07e;
  color: #07c07e;
}
.alert-promo.alert-panelalpha:before {
  background: url(../img/panelalpha.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.alert-promo.alert-panelalpha{
  border-color: #07c07e;
}

.alert-promo.alert-mc{
  border-color: #5c4bd1;
}

.alert-promo.alert-mc>div>strong,
.alert-promo.alert-mc>div>b,
.alert-promo.alert-mc>strong,
.alert-promo.alert-mc>b {
  color: #5c4bd1;
}

.alert-promo.alert-mc .promo-code{
  border: 1px dashed #5c4bd1;
  color: #5c4bd1;
}
.alert-promo.alert-mc:before {
  background: url(../img/mc.svg);
  background-size: 100%;
  border-radius: 3px;
}




@media (min-width: 768px) {
  .alert-btn {
    padding-right: 220px;
  }
  .alert .btn {
    position: absolute;
    right: 8px;
    top: 8px;
  }
}

@media (max-width: 767px) {
  .alert-btn .btn {
    display: block;
    margin-top: 16px;
  }
}

.alert ul {
  padding: 8px 0 0 20px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.pw-strenght {
  position: relative;
  padding-left: 120px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.pw-strenght>span {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 2px;
  font-size: 13px;
  color: #aaacb2;
  line-height: 13px;
  font-weight: 400;
}

.progress {
  overflow: hidden;
  height: 5px;
  background-color: #d0d4d9;
  border-radius: 2px;
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5bc758;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #2c84db;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #fc8b35;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #ed4040;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.password-verdict {
  display: none;
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media>.pull-right {
  padding-left: 10px;
}

.media-left,
.media>.pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

.page-clientarea .panel,
.marketplace-page .panel {
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

.tab-content+.panel {
  margin-top: 16px;
}

.panel-header {
  padding: 22px 24px 0;
}

.panel-header h5 {
  margin: 0;
  font-size: 15px;
  line-height: 16px;
}

.panel-summary .panel-header {
  padding: 0;
}

.panel-header .header-title {
  display: table-cell;
  width: 100%;
  margin: 0;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  padding-right: 20px;
}

.panel-header .header-actions {
  display: table-cell;
  width: 0%;
  max-width: 100%;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}

.panel-body {
  padding: 21px 24px;
}

.panel-list+.panel-list {
  border-top: 1px solid #ebeff2;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group+.panel-footer {
  border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
  margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0;
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0;
}

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

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default>.panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary>.panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 16px;
  margin-bottom: 12px;
  background-color: #e9edf2;
  border-radius: 3px;
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close:not(.btn) {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  outline: none;
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center;
}

#overview-container:before {
  vertical-align: top;
}

#overview-container .tab-pane {
  min-height: 400px;
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease-in-out all .2s;
  -moz-transition: ease-in-out all .2s;
  transition: ease-in-out all .2s;
}

.modal.in .modal-dialog {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  visibility: visible;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin: 30px auto;
}

.modal-dialog .close:not(.btn){
z-index: 10;
}

.modal-content {
  position: relative;
  background-color: #fff;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #2e3442;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.92;
  filter: alpha(opacity=92);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 40px;
}

.modal-body>h6 {
  margin-top: 0;
}

.two-sections {
  padding: 0;
  overflow: hidden;
}

.modal-section:not(.section-full) {
  position: relative;
  padding: 33px 33px 100px;
}

.modal-section.section-full .btn {
  min-width: 180px;
}

.modal-section>span {
  display: block;
  margin-bottom: 15px;
  font-size: 11px;
  text-transform: uppercase;
  color: #a1a5b2;
}

.modal-section h5 {
  margin: 0 0 15px;
  font-size: 16px;
}

.modal-section h6 {
  margin-right: 8px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  color: #a1a5b2;
}

.section-green h6 {
  color: #387a36;
}

.section-green .list-icon li:before {
  color: #387a36;
}

.modal-section .tab-content {
  background: none;
}

.modal-section .price {
  margin-bottom: 28px;
  font-size: 32px;
  color: #2e3442;
}

.modal-section .price.discount span {
  margin-right: 3px;
  position: relative;
  font-size: 26px;
}

.modal-section .price.discount span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -2px;
  background: #ff8e2b;
}

.section-green .price.discount span:before {
  background: #387a36;
}

.modal-section .price small {
  font-size: 18px;
  color: #a1a5b2;
}

.section-green .price,
.section-green .price small {
  color: #fff;
}

.section-green .nav-sm.nav-tabs>li>a {
  color: #387a36;
}

.section-green .nav-sm.nav-tabs>li a:hover,
.section-green .nav-sm.nav-tabs>li.active a {
  color: #fff;
}

.section-green .nav-sm.nav-tabs>li.active a:after {
  background: #fff;
}

.modal-section .price+.tabs {
  margin-top: -13px;
}

.modal-section .tab-content {
  box-shadow: none;
}

.modal .modal-section .tab-pane {
  padding: 15px 0;
}

.modal-section .actions {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
}

.modal-section .actions .btn {
  min-width: 192px;
}

.section-green {
  background: #63cd5a;
}

.section-green,
.section-green h5 {
  color: #fff;
}

.section-green .price.discount span,
.section-green>span {
  color: #387a36;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-content .close:not(.btn) {
  position: absolute;
  right: -23px;
  top: -31px;
  font-size: 24px;
  color: #fff;
  opacity: 1;
}

.modal-section.section-green p a {
  color: #fff;
  border-bottom: 1px dotted #fff;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
}

.modal-section.section-green p a:hover {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}

.modal-section.section-green .list-collapse>li>a {
  color: #fff;
}

.modal-section.section-green .list-collapse li.active>a,
.modal-section.section-green .list-collapse li:hover>a {
  color: rgba(255, 255, 255, 0.7);
}

.modal-section.section-green .list-collapse>li>a:after,
.modal-section.section-green .list-collapse>li>a:before {
  background: #387a36
}

.modal-section.section-green .list-collapse li.active>a:after,
.modal-section.section-green .list-collapse li.active>a:before {
  background: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) {
  .page-order .modal-dialog:not(.modal-lg) {
    width: 730px;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-dialog {
    width: 670px;
  }
  .modal-content {
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  }
  .modal-md {
    width: 490px;
  }
  .modal-sm {
    width: 392px;
  }
  .two-sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .modal-section:not(.section-full) {
    width: 50%;
    float: left;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

@media (max-width: 767px) {
  .modal-content {
    margin: 0px 30px;
  }
  .modal-section:not(.section-full) {
    padding: 16px 16px 100px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.98;
  filter: alpha(opacity=98);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 130px;
  padding: 5px 8px;
  font-size: 11px;
  color: #fff;
  background-color: #2d3544;
}

.tooltip-inner b {
  color: #afb3bd;
  font-weight: 400;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #2d3544;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #2d3544;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #2d3544;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #2d3544;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #2d3544;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #2d3544;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #2d3544;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #2d3544;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

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

.popover.right {
  margin-left: 10px;
}

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

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover>.arrow {
  border-width: 11px;
}

.popover>.arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top>.arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top>.arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom>.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.carousel-inner>.item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner>.item.next,
  .carousel-inner>.item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner>.item.prev,
  .carousel-inner>.item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right,
  .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display: block;
}

.carousel-inner>.active {
  left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner>.next {
  left: 100%;
}

.carousel-inner>.prev {
  left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0;
}

.carousel-inner>.active.left {
  left: -100%;
}

.carousel-inner>.active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

@media (min-width: 768px) {
  .clearfix-xs {
    display: none;
  }
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed!important;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.info-content .carousel-inner>.item {
    transform-style: preserve-3d;
}

/* .btn.btn-circle span:not(.badge){
      height: 100%;
    display: inline-block;
}

.btn.btn-circle span i{
position: absolute;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
} */
p[style="text-align:center;"] {
    display: none;
}

.wf-loading .zmdi,
.wf-loading .icon {
    opacity: 0;
    visibility: hidden;
}

.text-light {
    font-weight: 300;
}

/* TOP BAR */

@media (min-width: 992px) {
    .top-bar {
        height: 32px;
        background: #2e3442;
    }
}

/* TOP BAR - quick news */

#quick-news {
    font-size: 12px;
}

#quick-news .carousel-controls > * {
    float: left;
    vertical-align: sub;
    line-height: 32px;
}

#quick-news .carousel-controls span {
    text-transform: uppercase;
    font-weight: 800;
    color: #5bc758;
    margin-right: 8px;
}

#quick-news .carousel-controls a i {
    display: block;
    font-size: 21px;
    line-height: 24px;
    width: 24px;
    color: #959aa6;
    text-align: center;
    vertical-align: sub;
}

#quick-news .carousel-controls a i.svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
}

#quick-news .carousel-controls a i.svg-icon svg {
    margin-top: -2px;
}

#quick-news .carousel-inner .item p {
    margin: 0;
    color: #959aa6;
}

@media (min-width: 992px) {
    #quick-news .carousel-controls {
        position: absolute;
        left: 8px;
        margin-right: 8px;
        background: #2e3442;
        z-index: 1;
    }

    #quick-news .carousel-inner {
        width: auto;
        margin-left: 100px;
    }

    #quick-news .carousel-inner .item p {
        font-size: 11px;
        line-height: 32px;
    }
}

@media (max-width: 991px) {
    #quick-news {
        padding: 10px 16px 16px;
        background: #222630;
        border-radius: 3px;
    }

    #quick-news .carousel-inner .item p {
        font-size: 12px;
        line-height: 18px;
    }

    #quick-news .carousel-inner {
        width: 100%;
        margin-top: 16px;
    }
}

/* TOP BAR - links */
.top-bar-links {
    float: right;
}

.top-bar-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.top-bar-links ul li a {
    display: block;
    line-height: 32px;
    color: #959aa6;
    text-transform: uppercase;
}

.top-bar-links ul li:not(:first-of-type) a {
    margin-left: 8px;
}

.top-bar-links ul li a:hover {
    color: #5bc758;
}

.top-bar-links ul:not(.links-social) li a {
    font-size: 11px;
    padding: 0 8px;
}

.top-bar-links ul.links-social li a {
    font-size: 14px;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top-bar-links ul.links-social li a svg path {
    transition: all .15s ease;
}

.top-bar-links ul.links-social li a:hover svg path {
    fill: #5bc758;
    fill-opacity: 1;
}

.top-bar-links ul.links-social li a.ln-link {
    margin-left: 11px;
}

.top-bar-links ul.links-social li a i {
    width: 24px;
    line-height: 24px;
    text-align: center;
}

.top-bar-links ul.links-social li a i.zmdi-google-plus {
    font-size: 20px;
}

.top-bar-links .link-ca {
    font-weight: 700;
    color: #5bc758;
}

.top-bar-links .link-ca i {
    font-size: 14px;
    margin-right: 8px;
    vertical-align: text-bottom;
}

.avatar.avatar-xs {
    width: 20px;
    height: 20px;
}

.top-bar-links .avatar {
    position: relative;
    left: -4px;
    margin-right: 4px;
    margin-top: -2px;
    border-radius: 100%;
}

.top-bar-links .dropdown > a {
    position: relative;
    padding-right: 24px !important;
}

.top-bar-links .dropdown > a > span,
.ca-dropdown-mobile > a > span {
    position: relative;
    top: -1px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
}

.top-bar-links .dropdown > a > i {
    vertical-align: middle;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0px;
}

.ca-dropdown-mobile .dropdown-menu:before,
.top-bar-links .dropdown .dropdown-menu:before {
    left: auto;
    right: 64px;
}

.ca-dropdown-mobile .dropdown-menu li,
.top-bar-links .dropdown .dropdown-menu li {
    float: none;
}

.ca-dropdown-mobile .dropdown-menu li a,
.top-bar-links .dropdown .dropdown-menu li a {
    font-size: 14px;
    padding: 0px 32px 0px 24px;
    line-height: 34px;
    text-transform: none;
    height: auto;
    margin: 0;
}

.ca-dropdown-mobile .dropdown-menu li a:not(:hover),
.top-bar-links .dropdown .dropdown-menu li a:not(:hover) {
    color: rgb(92, 95, 102);
}

.ca-dropdown-mobile .dropdown-menu li a > i,
.top-bar-links .dropdown .dropdown-menu li a > i {
    font-size: 19px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

@media (min-width: 1400px) {
    .top-bar .top-bar-ue {
        position: absolute;
        right: 0;
        top: 0;
    }

    .top-bar .row .col-md-6:last-of-type {
        position: static;
    }
}

@media (min-width: 1200px) {
    .top-bar .top-bar-ue {
        display: block;
        padding: 5px;
    }
}

@media (max-width: 1199px) {
    .top-bar .top-bar-ue {
        display: none;
    }
}

@media (min-width: 992px) {
    .top-bar-links .dropdown .dropdown-menu {
        min-width: 222px;
        padding: 11px 0;
        left: auto;
        right: -61px;
    }

    .top-bar-links li {
        float: left;
    }

    .top-bar-links ul li a {
        line-height: 33px;
        height: 32px;
    }

    .top-bar-links .links-social {
        margin-left: 8px;
    }

    .ca-dropdown:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .top-bar-links .dropdown > a > span {
        max-width: 80px
    }
}

@media (max-width: 991px) {
    .top-bar-links {
        margin-top: 14px;
        float: none;
    }

    .top-bar > .container > .row > .col-md-6:last-of-type {
        position: static;
    }

    .top-bar-links > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .top-bar-links > ul > li {
        display: inline-block;
    }

    .top-bar-links .links-social {
        width: 100%;
        text-align: center;
    }

    .top-bar-links > ul {
        margin: 0 -4px;
    }

    .top-bar-links .dropdown > a > span {
        max-width: 200px;
        font-weight: 600;
    }

    .top-bar-links > ul:first-child > li > a {
        padding: 0 8px;
        margin: 0;
    }

    .top-bar-links ul li:not(.ca-dropdown) a.link-ca[data-toggle="dropdown"] {
        display: none;
    }

    /*     .top-bar-links>ul:first-of-type>li:last-of-type {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    } */
    /*     .top-bar-links>ul:first-of-type>li:last-of-type>a {
        line-height: 50px;
        padding: 0 16px;
        background: #3c4252;
    } */
    .top-bar-links .dropdown > a > span {
        top: 0px;
    }

    .top-bar-links .dropdown > a > i {
        right: 9px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .top-bar-links .dropdown-menu,
    .ca-dropdown-mobile .dropdown-menu {
        bottom: 60px;
        top: auto;
        width: 100%;
        padding: 8px 0;
    }

    .top-bar-links .dropdown-menu:before,
    .ca-dropdown-mobile .dropdown-menu:before {
        left: auto;
        right: 12px !important;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        bottom: -7px;
        top: auto;
    }

    .top-bar-links .open .dropdown-menu,
    .ca-dropdown-mobile {
        bottom: 50px;
    }

    .top-bar-links .dropdown .dropdown-menu li a,
    .ca-dropdown-mobile .dropdown-menu li a {
        padding: 0px 16px 0px 16px;
        line-height: 40px;
    }

    .top-bar-links .avatar {
        left: 0;
        margin-right: 8px;
    }
}

/* @media (max-width: 991px) and (max-height: 559px) {
    .top-bar>.container>.row>.col-md-6:last-of-type {
        position: relative;
    }
    .top-bar-links>ul:first-of-type>li:last-of-type {
        position: absolute;
        bottom: -72px;
        left: -8px;
        right: -8px;
    }
} */

/* PAGE HEADER */
@media (min-width: 992px) {
    .page-header {
        position: relative;
        z-index: 101;
        padding-top: 0 !important;
    }

    .home-page .page-header {
        z-index: 11;
    }

    body:not(.scrolled-top) .page-header {
        top: 0px !important;
    }
}

@media (max-width: 991px) {
    .page-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0 !important;
        left: 0;
        z-index: 9;
        height: 100%;
        width: 260px;
        padding: 12px 0 16px;
        background: #2e3442;
        color: #fff;
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
        overflow-y: auto;
        overflow-x: hidden;
        opacity: 0;
        transition: opacity 0.5s;
    }

    .main-menu-open .page-header {
        opacity: 1;
    }

    .page-header .top-bar {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 16px;
    }

    .page-header .container {
        padding: 0;
        width: 100%;
    }
}

/* PAGE NAVBAR */
.page-navbar .navbar-nav > li > a:not(.btn) {
    display: block;
    position: relative;
}

.page-navbar .navbar-nav > li.active > a:not(.btn),
.page-navbar .navbar-nav > li > a:not(.btn):hover {
    background: none;
}

.page-navbar .navbar-nav > li > a:not(.btn):after,
.page-navbar .navbar-nav > li > div:not(.btn):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent;
    -webkit-transition: linear background .2s;
    -moz-transition: linear background .2s;
    transition: linear background .2s;
}

.page-navbar .navbar-nav li.active a:not(.btn):after,
.page-navbar .navbar-nav li.active > div:not(.btn):after {
    background: #5bc758;
}

/*.page-navbar .navbar-nav li.active.highlight a:not(.btn):after,
.page-navbar .navbar-nav li.active.highlight > div:not(.btn):after {
    background: #e60000 !important;
}*/

.page-navbar .navbar-nav > li > div.dropdown-toggle {
    position: relative;
}

@media (min-width: 992px) {
    .page-navbar .navbar-nav > li > a:not(.btn),
    .page-navbar .navbar-nav > li > .dropdown-toggle {
        padding: 0 8px;
        -webkit-transition: ease-in-out line-height .3s, linear color .15s;
        transition: ease-in-out line-height .3s, linear color .15s;
    }
}

@media (max-width: 991px) {
    .page-navbar .navbar-nav > li > a:not(.btn),
    .page-navbar.primary-navbar .navbar-nav > li > .dropdown-toggle {
        padding: 12px 16px;
    }

    .page-navbar.primary-navbar .navbar-nav > li > a:not(.btn):after,
    .page-navbar.primary-navbar .navbar-nav > li > .dropdown-toggle:after {
        height: 100%;
        width: 3px;
    }

    .primary-navbar .navbar-nav > li:last-of-type {
        margin-top: 16px;
    }
}

@media (min-width: 768px) {
    .page-navbar .navbar-nav > li > a:not(.btn):after,
    .page-navbar .navbar-nav > li > div:not(.btn):after {
        height: 3px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .page-navbar .navbar-nav > li > a:not(.btn):after,
    .page-navbar .navbar-nav > li > div:not(.btn):after {
        height: 100%;
        width: 3px;
    }
}

/* PAGE NAVBAR - Primary Navbar */
.primary-navbar {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 10;
    margin: 0;
    border: none;
}

.primary-navbar .dropdown-menu > li > a {
    padding: 0 32px 0 24px;
    line-height: 40px;
}

.primary-navbar .navbar-nav > li > a:not(.btn),
.primary-navbar .navbar-nav > li > .dropdown-toggle {
    font-weight: 700;
}

.primary-navbar .navbar-nav > li.active > a:not(.btn),
.primary-navbar .navbar-nav > li > a:not(.btn):hover {
    color: #5bc758;
}

.panel-image p + ul {
    margin-top: 16px;
}

.panel-image p + ul > li {
    padding: 2px 0 2px 32px;
}

.panel-image-sm .panel-body {
    padding: 24px;
}

.panel-image.panel-wide .panel-body .h4 {
    color: #fff;
}

@media (max-width: 767px) and (min-width: 580px) {
    .panel-image .panel-body .h4 {
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .panel-image .panel-body .h4 {
        font-size: 16px;
    }
}

@media (max-width: 579px) {
    .panel-image .panel-body .h4 {
        margin-bottom: 2px;
    }
}

.banner-section .list-styled > li {
    color: #fff;
    font-size: 16px;
}

.page-navbar.primary-navbar.affix {
    height: 68px;
}

.page-navbar.primary-navbar.affix .logo {
    line-height: 65px;
    height: 65px;
}

.primary-navbar .new-product {
    transition: top 0.3s ease-in-out;
}

.page-navbar.primary-navbar.affix .new-product {
    top: 9px;
}

.page-navbar.primary-navbar.affix .nav.navbar-nav > li > a:not(.btn),
.page-navbar.primary-navbar.affix .nav.navbar-nav > li > .dropdown-toggle {
    line-height: 68px;
}

.page-navbar.primary-navbar.affix .nav.navbar-nav li a.btn {
    margin-top: 10px;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .primary-navbar .navbar-nav .nav-break {
        display: block;
    }

    .primary-navbar .navbar-nav > li > a:not(.btn),
    .primary-navbar .navbar-nav > li > .dropdown-toggle {
        height: 84px;
        line-height: 20px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;

    }

    .page-navbar.primary-navbar.affix .navbar-nav > li > a:not(.btn),
    .page-navbar.primary-navbar.affix .navbar-nav > li > .dropdown-toggle {
        height: 68px;
    }

    .page-navbar .navbar-nav > li > a:not(.btn),
    .page-navbar.primary-navbar .navbar-nav > li > .dropdown-toggle {
        padding: 0px 12px;
    }
}

@media (min-width: 1200px) {
    .primary-navbar .navbar-nav > li > a:not(.btn),
    .primary-navbar .navbar-nav > li > .dropdown-toggle {
        margin-left: 16px;
    }

    .primary-navbar .navbar-nav > li > a.btn {
        margin-left: 24px;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-header {
        padding: 32px 39px 0;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .primary-navbar .navbar-nav > li > a:not(.btn),
    .primary-navbar .navbar-nav > li > .dropdown-toggle {
        margin-left: 3px;
    }

    .primary-navbar .navbar-nav > li > a.btn {
        margin-left: 16px;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-header {
        padding: 32px 16px 0;
    }
}

@media (min-width: 992px) {
    .primary-navbar {
        top: 32px;
        height: 84px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
        box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
        z-index: 99;
        -webkit-transition: box-shadow .5s, ease-in-out height .3s;
        transition: box-shadow .5s, ease-in-out height .3s;
    }

    body.marketplace-page:has(.page-navbar.secondary-navbar.affix) .page-header .page-navbar.primary-navbar {
        top: 0;
    }

    .primary-navbar .logo {
        -webkit-transition: ease-in-out height .3s, ease-in-out line-height .3s;
        transition: ease-in-out height .3s, ease-in-out line-height .3s;
    }

    .page-navbar.primary-navbar .nav.navbar-nav li a.btn {
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }

    .primary-navbar.is-fixed {
        position: fixed !important;
    }

    .primary-navbar .navbar-nav li.dropdown {
        position: static;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu {
        width: 100%;
        text-align: center;
        background-color: #e8ebed;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
        padding: 64px 0;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .row,
    .primary-navbar .navbar-nav .col-md-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu a.panel-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin-bottom: 0;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu a.panel-image:hover {
        box-shadow: 0 6px 14px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, .1);
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-header img {
        width: 200px;
        height: 134px;
    }

    .primary-navbar .navbar-nav .dropdown-menu a.panel-image .panel-header {
        height: auto;
        transition: ease-out transform .3s;
        -webkit-transition: ease-out transform .3s;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu a.panel-image:hover:not(.panel-wide) .panel-header,
    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu a.panel-image:hover .panel-body {
        transform: translateY(-12px);
        -webkit-transform: translateY(-12px);
    }

    .primary-navbar .navbar-nav .dropdown-menu .panel-image .panel-body {
        padding: 16px;
        -webkit-transition: ease-out transform .3s;
        transition: ease-out transform .3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-body h6 {
        font-weight: 700;
        line-height: 24px;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-body p {
        font-size: 13px;
        line-height: 22px;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-body p {
        font-size: 13px;
        line-height: 22px;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-menu .panel-image .panel-body .learn-more {
        position: static;
        margin-top: auto;
        padding-top: 16px;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
    }

    .primary-navbar .dropdown-menu::before {
        border: none;
    }

    .primary-navbar .navbar-nav > li.dropdown.open .dropdown-toggle {
        position: relative;
    }

    .primary-navbar .navbar-nav > li.dropdown.open .dropdown-toggle::before {
        display: block;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
    }

    .primary-navbar .navbar-nav > li.dropdown .dropdown-toggle::before {
        display: none;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0px;
        width: 0;
        height: 0;
        margin-left: -8px;
        vertical-align: middle;
        border-bottom: 8px solid #e8ebed;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    .primary-navbar .navbar-nav .dropdown-toggle .caret {
        display: none;
    }

    .primary-navbar .navbar-nav {
        float: right;
    }

    .primary-navbar .navbar-nav > li > a:not(.btn),
    .primary-navbar .navbar-nav > li > .dropdown-toggle {
        line-height: 84px;
        color: #2e3442;
    }

    .primary-navbar .navbar-nav > li > a.btn {
        margin-top: 18px;
    }

    .page-backdrop {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #2e3442;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transition: linear 0.2s;
    }

    .has-backdrop .page-backdrop {
        z-index: 10;
        opacity: 0.92;
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .primary-navbar.affix {
        top: 0;
        background: #fff;
        -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 991px) {
    .primary-navbar {
        position: static;
    }

    .primary-navbar .dropdown-menu {
        transition: none;
        -webkit-transition: none;
    }

    .primary-navbar .dropdown-menu > li > a {
        color: #fff;
    }

    .primary-navbar .navbar-nav .panel {
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin-bottom: 0;
    }

    .primary-navbar .navbar-nav .panel-header,
    .primary-navbar .navbar-nav .panel-body p,
    .primary-navbar .navbar-nav .panel-body .learn-more {
        display: none;
    }

    .primary-navbar .navbar-nav .panel-body {
        padding: 0;
    }

    .primary-navbar .navbar-nav .panel-body h6 {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 40px;
        padding-left: 27px;
        margin: 0;
    }

    .primary-navbar .dropdown-menu::before {
        display: none;
    }

    .primary-navbar .navbar-nav .open .dropdown-menu {
        border-left: 1px solid #40495c;
        margin-left: 16px;
    }

    .primary-navbar .navbar-nav .open .dropdown-menu > li > a {
        line-height: 40px;
    }

    .primary-navbar .navbar-nav > li:last-of-type {
        margin: 14px 16px 16px;
    }

    .primary-navbar .navbar-nav > li > a:not(.btn),
    .primary-navbar .navbar-nav > li > .dropdown-toggle {
        font-size: 14px;
        color: #fff;
    }

    .primary-navbar .navbar-nav > li > a.btn {
        width: 100%;
        padding: 11px 16px;
        font-size: 14px;
        min-height: 1px;
    }

    .primary-navbar .navbar-nav .dropdown-toggle .caret {
        margin-left: 16px;
        border-top-color: #737c90;
        border-right-width: 3px;
        border-left-width: 3px;
    }

    .primary-navbar .navbar-nav .open .dropdown-menu,
    .primary-navbar .navbar-nav .active .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        border-left-width: 0px;
        border-left-style: none;
        border-left-color: currentcolor;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu,
    .navbar-nav .active .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        border-left-width: 0px;
        border-left-style: none;
        border-left-color: currentcolor;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
}

.page-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 576px;
}

.page-filename-upgrade .page-bg {
    height: 625px;
}

@media (min-width: 767px) {
    .page-filename-upgrade #tab-key-information-os {
        max-height: 198px !important;
        height: 100%;
        position: relative;
        /*margin-bottom: 0;*/
        padding-bottom: 0;
        overflow: hidden;
    }

    .page-filename-upgrade #tab-key-information-os .scroll-list {
        height: 190px;
        padding-bottom: 24px;
    }
}


/* PAGE NAVBAR - Secondary Navbar */
.secondary-navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 99999;

    /*-webkit-transform: translateZ(0);*/
}

.secondary-navbar:not(.affix) {
    top: 0 !important;
}

.secondary-navbar:after {
    content: '';
    clear: both;
    display: block;
}

.secondary-navbar .container {
    padding: 0;
}

.page-order .secondary-navbar {
    top: 0 !important;
}

.secondary-navbar-toggle {
    display: none;
    margin: 8px 0 0 0;
    padding: 8px;
    background: none;
    border: 0;
    box-shadow: none;
    outline: none;
    color: rgba(221, 238, 255, 0.8);
    font-size: 24px;
}

.secondary-navbar-toggle i {
    width: 24px;
}

.secondary-navbar .mobile-content > .dropdown.open .secondary-navbar-toggle,
.secondary-navbar-toggle:hover {
    color: #fff;
}

.affix .secondary-navbar-toggle {
    color: #2e3442;
}

.secondary-navbar.affix .mobile-content > .dropdown.open .secondary-navbar-toggle,
.affix .secondary-navbar-toggle:hover {
    color: #5bc758;
}

.secondary-navbar ul > li > a > .zmdi-check {
    display: none;
}

.secondary-navbar .dropdown-menu li a .badge {
    margin-left: 8px;
    vertical-align: 2px;
}

.page-complete .page-subnav {
    display: none;
}

.secondary-navbar .btn-icon .icon-search {
    font-size: 22px;
}

.secondary-navbar .navbar-account .zmdi-power {
    font-size: 24px;
    margin-right: 12px;
    position: relative;
    top: 4px;
    margin-top: 0 !important;
}

.secondary-navbar ul > li.active > a#promotion-menu-btn {
    color: #ff8e2b !important;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.secondary-navbar ul > li.active > a#promotion-menu-btn:hover {
    color: #ff9e49 !important;
}

.secondary-navbar #promotion-menu-btn:after,
.secondary-navbar #promotion-menu-btn .badge {
    background: #ff8e2b;
}

@media (min-width: 1200px) {
    .secondary-navbar ul.navbar-left > li {
        margin-right: 16px;
    }

    .secondary-navbar ul.navbar-right > li {
        margin-left: 16px;
    }

    .secondary-navbar .mobile-content > .dropdown {
        float: right;
    }

    .secondary-navbar #promotion-menu-btn .badge {
        position: absolute !important;
        top: 7px;
        right: -10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .secondary-navbar .mobile-content > .dropdown {
        float: right;
        padding-right: 72px;
    }

    .page-product-view .secondary-navbar .mobile-content > .dropdown {
        margin-right: 39px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .secondary-navbar-toggle {
        display: inline-block;
    }

    .secondary-navbar ul.navbar-left > li {
        margin-right: 8px;
    }

    .secondary-navbar ul.navbar-left > li:last-of-type {
        margin-right: 0;
    }

    .secondary-navbar .dropdown ul.navbar-right {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 250px;
        padding: 8px 0;
        margin: 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: #ffffff;
        -webkit-box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.3);
    }

    .secondary-navbar .dropdown ul.navbar-right:before {
        content: '';
        position: absolute;
        top: -8px;
        right: 59px;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: -8px;
        vertical-align: middle;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    .secondary-navbar .dropdown ul.navbar-right li {
        float: none;
    }

    .secondary-navbar .dropdown-mobile .dropdown ul.navbar-right > li > a:not(.btn) {
        position: relative;
        padding: 0 32px 0 24px;
        line-height: 40px;
        display: block;
        color: #333333;
    }

    .secondary-navbar .dropdown-mobile .dropdown ul.navbar-right > li > a:not(.btn):after {
        height: 100%;
        width: 3px;
    }

    .secondary-navbar .dropdown-mobile .dropdown ul.navbar-right > li > a:not(.btn):hover {
        color: #5bc658;
    }

    .secondary-navbar .open ul.navbar-right {
        display: block;
        right: 25px;
        left: auto;
    }
}

/*
@media (max-width: 991px){
  .secondary-navbar{
    top: 0!important;
  }
}
*/
@media (min-width: 992px) {
    .secondary-navbar.affix {
        top: 0;
        background: #fff;
        -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .secondary-navbar .mobile-content > .dropdown {
        float: right;
    }

    .page-product-view .secondary-navbar .mobile-content > .dropdown {
        float: none;
    }

    .secondary-navbar .open ul.navbar-right {
        left: auto;
        right: -7px;
    }

    .secondary-navbar .dropdown ul.navbar-right:before {
        left: auto;
        right: 34px;
    }
}

@media (min-width: 768px) {
    .secondary-navbar {
        height: 56px;
    }

    .secondary-navbar .dropdown-mobile {
        height: auto !important;
    }

    .secondary-navbar .navbar-nav > li {
        float: left;
    }

    .secondary-navbar .navbar-nav > li > a:not(.btn) {
        line-height: 56px;
        color: rgba(221, 238, 255, 0.8);
        padding: 0 8px;
    }

    .secondary-navbar.affix .navbar-nav > li > a:not(.btn) {
        color: #2e3442;
    }

    .secondary-navbar.affix .navbar-nav > li:hover > a:not(.btn),
    .secondary-navbar.affix .navbar-nav > li.open > a:not(.btn),
    .secondary-navbar.affix .navbar-nav > li.hovered > a:not(.btn),
    .secondary-navbar.affix .navbar-nav > li:hover > a > .icon,
    .secondary-navbar.affix .navbar-nav > li.open > a > .icon,
    .secondary-navbar.affix .navbar-nav > li.hoverd > a > .icon,
    .secondary-navbar.affix .navbar-nav > li.active > a > .icon,
    .secondary-navbar.affix .navbar-nav > li.active > a:not(.btn) {
        color: #5bc758;
    }

    .secondary-navbar .navbar-nav > li > a > .icon {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 8px;
        top: -1px;
        line-height: 24px;
        font-size: 22px;
        vertical-align: sub;
        text-align: center;
        color: #fff;
        scale: 1.05;
    }

    .secondary-navbar ul.navbar-left > li > a {
        font-weight: 700;
    }

    .secondary-navbar ul.navbar-left > li > a:not(.btn) .badge {
        display: none;
    }

    .secondary-navbar ul.navbar-left > li:first-of-type > a > .zmdi-home {
        display: none;
    }

    .secondary-navbar .navbar-nav > li.hovered > a,
    .secondary-navbar .navbar-nav > li.active > a,
    .secondary-navbar .navbar-nav > li > a:hover {
        color: #fff;
    }

    .secondary-navbar .navbar-nav > li.active > a > i {
        opacity: 1;
    }

    .secondary-navbar .navbar-nav > .dropdown > .dropdown-menu {
        padding: 8px 0 8px;
        min-width: 250px;
    }

    .secondary-navbar .navbar-nav > .dropdown > .dropdown-menu > li {
        position: static;
        width: 250px;
    }

    .body:not(.touchable) .secondary-navbar .navbar-nav > .dropdown .dropdown-menu > li.hovered,
    .body:not(.touchable) .secondary-navbar .navbar-nav > .dropdown .dropdown-menu > li.open {
        margin-right: 300px;
    }

    .secondary-navbar .dropdown-menu li a:not(.btn) {
        position: relative;
        padding: 0 32px 0 24px;
        line-height: 40px;
        color: #5c5f66;
    }

    .cart-dropdown .dropdown-menu > ul > li:hover,
    .secondary-navbar .dropdown-menu li.hovered a,
    .secondary-navbar .dropdown-menu li a:hover,
    .secondary-navbar .dropdown-menu li.open a {
        color: #5bc658;
    }

    .secondary-navbar .dropdown-menu li a i {
        color: #a1abb2;
    }

    .secondary-navbar .dropdown-menu li a:not(.btn) > i {
        font-size: 19px;
    }

    .secondary-navbar .dropdown-menu li a i.zmdi-chevron-right {
        position: absolute;
        right: 20px;
        line-height: 40px;
    }

    .touchable .secondary-navbar .dropdown-menu li a i.zmdi-chevron-right {
        display: none;
    }

    .secondary-navbar > .navbar-nav > .dropdown > .dropdown-menu > li > a {
        color: #5c5f66;
    }

    .secondary-navbar .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu {
        top: 0;
        left: 250px;
        width: 300px;
        padding: 5px 0 0;
        box-shadow: 20px 11px 50px -10px rgba(0, 0, 0, 0.3);
        height: 100%;
        background: #e9edf2;
    }

    .secondary-navbar .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu a {
        color: #737780;
    }

    .secondary-navbar .dropdown-menu li.active > a i,
    .secondary-navbar .dropdown-menu li.active > a,
    .secondary-navbar .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu .active a,
    .secondary-navbar .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu a:hover {
        color: #59c356;
    }

    .secondary-navbar .dropdown-menu li.active > a .badge {
        background: #59c356;
        border-color: #59c356;
        color: #fff;
    }

    .secondary-navbar .container {
        position: relative;
    }

    .secondary-navbar #cart-preview {
        position: absolute;
        right: 15px;
        top: 7px;
    }

    .secondary-navbar .cart-dropdown .dropdown-menu {
        right: -8px;
        top: 125%;
    }

    .secondary-navbar .cart-dropdown.open .dropdown-menu {
        top: 115%;
    }

    .secondary-navbar .btn-icon:not(.btn-sm).badge-hidden .badge {
        display: none;
    }

    .secondary-navbar .btn-icon:not(.btn-sm) .badge {
        -webkit-transition: transform .35s;
        -moz-transition: transform .35s;
        transition: transform .35s;
    }

    .secondary-navbar .btn-icon:not(.btn-sm).add .badge {
        transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
    }

    .secondary-navbar.affix .btn-icon:not(.btn-sm) {
        color: #2e3442;
    }

    .secondary-navbar .btn-icon.active {
        background: #54b851;
    }

    .secondary-navbar.affix .btn-icon.active {
        color: #fff;
    }

    .secondary-navbar .btn-icon.active:after,
    .secondary-navbar .btn-icon.active:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: #54b851;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }

    .secondary-navbar .btn-icon.active:before {
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        margin-left: calc(-50% - 8px);
        margin-top: calc(-50% - 8px);
        opacity: 0.1;
    }

    .secondary-navbar .btn-icon.active:after {
        width: calc(100% + 32px);
        height: calc(100% + 32px);
        margin-left: calc(-50% - 16px);
        margin-top: calc(-50% - 16px);
        opacity: 0.05;
    }

    .secondary-navbar .btn-icon .badge {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        line-height: 18px;
    }

    .secondary-navbar .btn-icon.active .badge {
        background: #67e063;
    }

    .dropdown-mobile > a:not(.btn) {
        display: none;
    }

    .page-product-view .navbar-right {
        padding-right: 111px;
    }
}

@media (max-width: 991px) {
    .secondary-navbar #cart-preview {
        display: none;
    }

    .page-product-view .mobile-content > .dropdown {
        margin-right: 16px;
    }
}

.product-search {
    position: absolute;
    right: 56px;
    top: 8px;
    width: 40px;
    height: 40px;
}

.secondary-navbar .btn-icon:not(.btn-sm) {
    color: #fff;
}

.product-search .form-control {
    border: 0;
    height: 40px;
    color: #00000a;
}

.product-search .input-group {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    background: #fff;
    padding-right: 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: opacity linear 0.2s;
    -moz-transition: opacity linear 0.2s;
    -webkit-transition: opacity linear 0.2s;
}

.product-search .input-group.active {
    opacity: 1;
    visibility: visible;
}

.product-search .input-group > .btn-icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: #2e3442;
}

.product-search .input-group-btn > a {
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0px 15px;
    font-size: 12px;
    line-height: 40px;
    color: #5c5f66;
    width: 134px;
}

.product-search .input-group-btn a i {
    margin-left: 16px;
    font-size: 19px;
    vertical-align: sub;
}

/*
  .product-search .input-group-btn.open a,
  .product-search .input-group-btn a:hover {
    color: #5bc758;
  }
*/
.product-search .input-group-btn a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 18px;
    width: 1px;
    margin-top: -9px;
    background: #e1e4e6;
}

.product-search .input-group-btn .dropdown-menu {
    right: -40px;
    left: auto;
    width: 174px;
}

.product-search > .dropdown-menu {
    right: 0;
    left: auto;
    width: 400px;
    max-height: 400px;
}

.product-search .dropdown-menu {
    top: 125%;
}

.product-search .open .dropdown-menu,
.product-search.open .dropdown-menu {
    top: 115%;
}

.product-search .dropdown-menu li a {
    font-size: 12px;
    line-height: 32px !important;
}

@media (max-width: 991px) {
    .product-search {
        right: 0;
    }
}

@media (max-width: 767px) {
    .product-search > .dropdown-menu {
        width: 320px;
    }

    .secondary-navbar {
        height: 48px;
    }

    .page-order .secondary-navbar {
        height: 56px;
    }

    .secondary-navbar .navbar-nav > li > a:not(.btn) {
        padding: 0 20px;
    }

    .secondary-navbar .navbar-left {
        padding-bottom: 8px;
        border-bottom: 1px solid #e9ecf1;
    }

    .secondary-navbar .navbar-right {
        padding: 7px 0;
    }

    .secondary-navbar ul > li > a:not(.btn) {
        position: relative;
        margin: 0;
        padding: 0 20px;
        line-height: 38px;
        color: #2e3442;
    }

    .secondary-navbar .mobile-content > ul > li > a > i:first-of-type {
        display: inline-block;
        margin-right: 12px;
        margin-top: 6px;
        vertical-align: top;
        color: #a3a8b5;
    }

    .secondary-navbar ul > li > a > .icon {
        font-size: 22px;
    }

    .secondary-navbar .navbar-left > li > a {
        font-weight: bold;
    }

    .secondary-navbar ul > li a.active-category-leaf,
    .secondary-navbar ul > li.active > a i,
    .secondary-navbar ul > li.active > a {
        color: #5bc758 !important;
    }

    .secondary-navbar ul > li > ul > a.active-category-leaf,
    .secondary-navbar ul > li > ul > li.active > a {
        font-weight: 300 !important;
    }

    .secondary-navbar ul > li.active > a:not(.btn):after,
    .secondary-navbar ul > li.open > a:not(.btn):after {
        background: #5bc758;
    }

    .secondary-navbar ul > li > a > .badge {
        position: absolute;
        right: 16px;
        top: 50%;
        margin-top: -8px;
    }

    .secondary-navbar ul > li a.active-category-leaf > .badge,
    .secondary-navbar ul > li.active > a > .badge {
        color: #fff;
        background: #5bc758;
        border-color: #5bc758
    }

    .secondary-navbar ul > li.open .dropdown-menu,
    .secondary-navbar ul > li.active .dropdown-menu {
        margin: 5px 0 5px 43px;
        padding: 0;
    }

    .secondary-navbar ul > li.open > .dropdown-menu > li a,
    .secondary-navbar ul > li.active > .dropdown-menu > li a {
        font-size: 13px;
        padding: 5px 16px 5px 16px;
        line-height: 20px;
    }

    .secondary-navbar ul > li .dropdown-menu .dropdown-menu {
        border-left: 1px solid #e9ecf1;
        margin-left: 16px;
    }

    .secondary-navbar ul > li .zmdi-home {
        font-size: 25px;
    }

    .secondary-navbar ul li a .zmdi-chevron-right {
        display: none;
    }

    /*
  .dropdown-mobile {
    margin-top: -60px;
    padding-top: 108px;
    overflow: hidden;
    z-index: 11;
  }*/
    /*
  .dropdown-mobile:not(.open) {
    height: 0!important;
  }
    */
    .dropdown-mobile > a:not(.btn) {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 40px 0 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 48px;
        color: rgba(221, 238, 255, 0.8);
    }

    .page-product-view .dropdown-mobile > a:not(.btn) {
        padding-right: 88px;
    }

    .dropdown-mobile > a:not(.btn) span.active {
        font-weight: 700;
        color: #fff;
    }

    .dropdown-mobile > a:not(.btn) span {
        position: relative;
    }

    .dropdown-mobile > a:not(.btn) > span:not(:last-of-type) {
        margin-right: 8px;
    }

    .dropdown-mobile > a:not(.btn) span:not(:last-of-type):after {
        content: '\f301';
        font-family: 'Material-Design-Iconic-Font';
        font-size: 12px;
        margin-left: 8px;
    }

    .page-product-view .dropdown-mobile > a:not(.btn) {
        color: rgba(221, 238, 255, 0.8);
    }

    .dropdown-mobile > a > i {
        position: absolute;
        right: 20px;
        top: 0;
        line-height: 48px;
        font-size: 24px;
    }

    .page-product-view .dropdown-mobile > a > i {
        right: 60px;
    }

    .dropdown-mobile:not(.open) > a > i.zmdi-close {
        display: none;
    }

    /*
  .open.dropdown-mobile {
    height: calc(100vh - 60px);
    padding-bottom: 60px;
    background: #fff;
  }
    */
    .open.dropdown-mobile > a:not(.btn) {
        background: #e9ecf1;
        color: #a1a6b2;
    }

    .open.dropdown-mobile > a:not(.btn) span.active {
        color: #2e3442;
    }

    .open.dropdown-mobile > a > i.zmdi-chevron-down {
        display: none;
    }

    .dropdown-mobile .mobile-content {
        position: fixed;
        top: 108px;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        overflow-y: auto;
        padding: 9px 0 68px 0;
        z-index: 991;
        background: #fff;
    }

    .open.dropdown-mobile .mobile-content {
        display: block;
    }

    .dropdown-mobile .mobile-content:after {
        position: fixed;
        content: " ";
        left: 0;
        bottom: 0;
        height: 84px;
        width: 100%;
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.5) 100%);
        background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.5) 100%);
        background: -o-linear-gradient(270deg, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.5) 100%);
        background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.5) 100%);
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.5) 100%);
    }

    .dropdown-mobile .navbar-nav .dropdown > .dropdown-menu {
        display: none;
    }

    .dropdown-mobile .navbar-nav .dropdown.open > .dropdown-menu,
    .dropdown-mobile .navbar-nav .dropdown.active > .dropdown-menu {
        display: block;
    }

    .dropdown-mobile .divider {
        display: none;
    }

    .product-search {
        top: 4px;
        right: 7px;
    }

    .no-scroll .product-search .icon-search {
        color: #a1a6b2;
    }

    .product-search .input-group {
        width: 320px;
    }
}

#choose-page {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: 20px;
    z-index: 992;
}

.open #choose-page {
    display: block;
}

/* PAGE NAVBAR - Secondary Navbar - Navbar Steps */
.secondary-navbar .navbar-steps {
    float: none;
}

.secondary-navbar .navbar-steps > li.step {
    display: inline-block;
}

.secondary-navbar .navbar-steps > li > a {
    font-weight: 700;
    padding: 0 8px;
}

.secondary-navbar .navbar-steps > li.step > a {
    color: rgba(221, 238, 255, 0.8);
    line-height: 56px;
}

.secondary-navbar .navbar-steps > .step.done > a,
.secondary-navbar .navbar-steps > .step.active > a {
    color: #fff !important;
}

.secondary-navbar .navbar-steps .step.active a:after {
    display: none;
}

.navbar-steps .step .step-number {
    position: absolute;
    left: 0;
    border: 1px solid rgba(139, 176, 213, 0.5);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center;
}

.navbar-steps .step.done .step-number,
.navbar-steps .step.active .step-number {
    border: 0;
    background: -moz-linear-gradient(160deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106, 209, 92, 1)), color-stop(50%, rgba(91, 199, 88, 1)), color-stop(100%, rgba(82, 186, 84, 1)));
    background: -webkit-linear-gradient(160deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
    background: -o-linear-gradient(160deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
    background: -ms-linear-gradient(160deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
    background: linear-gradient(340deg, rgba(82, 186, 84, 1) 0%, rgba(91, 199, 88, 1) 50%, rgba(106, 209, 92, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad15c', endColorstr='#52ba54', GradientType=0);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.navbar-steps .step.done .step-number {
    font-size: 24px;
    color: #fff;
}

.secondary-navbar .navbar-steps > li:not(.step) a i {
    margin-left: 8px;
}

@media (min-width: 768px) {
    .navbar-steps .step .step-number {
        top: 8px;
        width: 40px;
        height: 40px;
        line-height: 38px;
    }

    .navbar-steps .step.done .step-number,
    .navbar-steps .step.active .step-number {
        line-height: 40px;
    }

    .secondary-navbar .navbar-steps > li.step {
        padding-right: 42px;
    }

    .secondary-navbar .navbar-steps > li.step > a {
        padding-left: 48px;
    }
}

@media (max-width: 767px) {
    .secondary-navbar .navbar-steps {
        padding: 0 20px;
    }

    .secondary-navbar .navbar-steps > li.step {
        vertical-align: top;
        padding-right: 0;
        margin-right: 16px;
    }

    .secondary-navbar .navbar-steps > li.step:nth-of-type(3) {
        margin-right: 0;
    }

    .secondary-navbar .navbar-steps > li.step:nth-of-type(3) a {
        padding-right: 0;
    }

    .secondary-navbar .navbar-steps > li.step > a {
        padding-left: 44px;
    }

    .navbar-steps .step .step-number {
        top: 12px;
        width: 32px;
        height: 32px;
        line-height: 30px;
    }

    .navbar-steps .step.done .step-number,
    .navbar-steps .step.active .step-number {
        line-height: 32px;
    }

    .secondary-navbar .navbar-steps > li:not(.step) {
        display: none;
    }
}

@media (max-width: 579px) {
    .secondary-navbar .navbar-steps > li.step {
        margin-right: 8px;
    }

    .secondary-navbar .navbar-steps > li.step:not(.active) {
        width: 32px;
    }

    .secondary-navbar .navbar-steps > li.step:not(.active) .step-title {
        display: none;
    }
}

/* PAGE WRAPPER */
.page-wrapper {
    position: relative;
    z-index: 10;
    background: #fff;
    -webkit-transition: opacity .5s, -webkit-box-shadow .5s, -webkit-transform .5s;
    transition: opacity .5s, box-shadow .5s, transform .5s;
    filter: alpha(opacity=100);
}

.page-clientarea .page-wrapper,
.marketplace-page .page-wrapper {
    background: #e9edf2;
}

.product-info-expanded .page-content,
.product-info-expanded .page-wrapper {
    z-index: 100;
}

@media (min-width: 992px) {
    .page-wrapper {
        margin-top: 84px;
        min-height: calc(100vh - 112px);
    }
}

@media (max-width: 991px) {
    body.main-menu-open .mobile-header,
    body.main-menu-open .page-wrapper {
        -webkit-transform: translateX(260px);
        transform: translateX(260px);
        -ms-transform: translateX(260px);
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-wrapper {
        margin-top: 72px;
    }
}

@media (max-width: 767px) {
    .page-wrapper {
        margin-top: 60px;
        overflow-x: hidden;
    }

    .no-scroll,
    .no-scroll .page-wrapper {
        /* position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0; */
        overflow: hidden;
    }

    .no-scroll {
        overflow: hidden;
    }
}

/* PAGE WRAPPER - mobile header */
@media (min-width: 992px) {
    .mobile-header {
        display: none;
    }
}

@media (max-width: 991px) {
    .mobile-header {
        position: absolute;
        top: 32px;
        left: 0;
        right: 0;
        z-index: 12;
        background: #fff;
        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
    }

    .mobile-header .container {
        position: relative;
    }

    /*
  body:not(.scrolled-top) .page-wrapper {
      top: 0!important;
  }
    */
}

@media (min-width: 768px) and (max-width: 991px) {
    .mobile-header {
        height: 72px;
    }
}

@media (max-width: 767px) {
    .mobile-header {
        height: 60px;
    }
}

/*  Custom Dev Button pod promocje - just comment / uncomment */
.btn-custom-software-development-project {
    background: #e67300 !important;
    background-image: linear-gradient(160deg, #ff8c1a, #e67300) !important;
}

.btn-custom-software-development-project:hover,
.btn-custom-software-development-project:after {
    background: #e07000 !important;
    background-image: none !important;
}

/* PAGE WRAPPER - page loader */
.page-loader {
    position: absolute;
    background: rgba(0, 74, 149, 0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 7;
}

.page-loader .spinner {
    position: fixed;
    top: 500px;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border-width: 6px;
}

/* PAGE WRAPPER - page banner */
.page-promotions .page-banner,
.page-order .page-banner,
.page-top-10 .page-banner,
.page-free .page-banner {
    padding-bottom: 11px;
}

body:not(.home-page) .page-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: url(../img/banner-bg.jpg);
    opacity: 0.1;
    background-position: bottom center;
}

.section-timeline > span:not(.bg-fill),
.about-us-page .page-banner > span,
.page-banner:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    background: url('../img/banner-bg.jpg');
    opacity: 0.2;
    -webkit-transition: ease-out opacity .5s;
    transition: ease-out opacity .5s;
}

.banner-bg .layer.opacity,
.section-timeline > span.opacity,
.about-us-page .page-banner > span.opacity {
    opacity: 0;
}

.about-us-page .page-banner:before {
    display: none;
}

.about-us-page .page-banner > span {
    background: url('../img/team-2022-min.png') no-repeat;
    opacity: 0.75;
    background-position: bottom center;
    -webkit-transition: ease-out opacity .5s;
    transition: ease-out opacity .5s;
}

.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    /*height: 83%;*/
    width: 100%;
    overflow: hidden;
}

.banner-bg .layer {
    position: absolute;
    top: -40px !important;
    left: -40px !important;
    width: calc(100% + 80px);
    height: calc(100% + 40px);
    display: block;
    content: "";
    background: url('../img/banner-bg.jpg');
    opacity: 0.25;
    background-position-x: center;
    -webkit-transition: ease-out opacity .5s;
    transition: ease-out opacity .5s;
}

.bg-fill {
    position: absolute;
    top: 688px;
    bottom: 0;
    width: 100%;
    height: calc(100% - 688px);
}

/*.bg-fill:before {*/
/*    content: '';*/
/*    height: 65px;*/
/*    background: -moz-linear-gradient(270deg, rgba(0, 61, 146, 0) 0%, rgba(0, 63, 157, 1) 100%);*/
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 61, 146, 0)), color-stop(100%, rgba(0, 63, 157, 1)));*/
/*    background: -webkit-linear-gradient(270deg, rgba(0, 61, 146, 0) 0%, rgba(0, 63, 157, 1) 100%);*/
/*    background: -o-linear-gradient(270deg, rgba(0, 61, 146, 0) 0%, rgba(0, 63, 157, 1) 100%);*/
/*    background: -ms-linear-gradient(270deg, rgba(0, 61, 146, 0) 0%, rgba(0, 63, 157, 1) 100%);*/
/*    background: linear-gradient(180deg, rgba(0, 61, 146, 0) 0%, rgba(0, 63, 157, 1) 100%);*/
/*    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#003d92', endColorstr='#003f9d', GradientType=0);*/
/*    width: 100%;*/
/*    display: block;*/
/*}*/
/*.bg-fill:after {*/
/*    content: '';*/
/*    height: calc(100% - 65px);*/
/*    display: block;*/
/*    background: rgba(0, 63, 157, 1);*/
/*}*/
.software-development .page-banner {
    background: -webkit-linear-gradient(160deg, rgb(0, 115, 209) 0%, rgb(0, 65, 140) 100%);
    background: linear-gradient(160deg, rgb(0, 115, 209) 0%, rgb(0, 65, 140) 100%);
}

.about-us-page .page-bg,
.enterprise-page .page-bg,
.terms-page .page-banner:before,
.development-page .page-bg,
.home-page .page-bg,
.enterprise-page .page-banner:before,
.development-page .page-banner:before,
.custom-form-page .page-banner:before,
.support-page .page-banner:before,
.faq-page .page-banner:before,
.home-page .page-banner:before,
.marketplace-page .page-banner:before {
    display: none;
}

.support-page .page-search {
    padding: 16px 0 40px;
}

.banner-flexible {
    margin-bottom: 23px;
}

.page-banner {
    position: relative;
}

.home-page .page-banner {
    max-height: 736px;
}

body:not(.page-product-view) .page-banner {
    z-index: 8;
}

.page-banner .banner-title {
    position: relative;
    text-align: center;
    margin-top: -11px;
}

.page-clientarea .banner-title,
.marketplace-page .banner-title {
    margin-top: 0;
}

.home-page .page-banner .banner-title.opacity {
    opacity: 0;
}

.home-page .page-banner .banner-title {
    opacity: 1;
    z-index: 1;
    -webkit-transition: ease-out opacity .5s;
    transition: ease-out opacity .5s;
}

.page-banner .banner-title h1 {
    margin: 0 0 31px;
    color: #fff;
    font-size: 48px;
    text-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
    line-height: 56px;
}

.marketplace-page .banner-title h1 {
    margin: 0 0 17px;
    font-size: 32px;
    line-height: 1;
}

.home-page .page-banner .banner-title h1 {
    font-size: 42px;
    margin: 0 0 17px;
    font-weight: 300;
    line-height: 1;
}

.terms-page .page-banner h1 {
    margin-bottom: 0;
}

.page-banner .banner-title h1 span {
    font-weight: 300;
}

.page-banner .banner-title h1 b {
    font-weight: 800;
}

.home-page .page-banner .banner-title h1 span {
    display: block;
    margin: 8px 0 -4px;
    font-size: 112px;
    font-weight: 900;
    text-transform: uppercase;
}

.page-banner .banner-title .lead {
    line-height: 26px;
    margin: 0 0 29px;
    font-weight: 300;
    color: #abd0f5;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.page-banner .banner-title .lead,
.section-blue .section-desc,
.section-stats .desc {
    color: rgba(221, 238, 255, 0.9);
    font-weight: 400;
}

.banner-title .lead span {
    color: #ff8e2b;
    font-weight: 700;
}

.page-search form {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.page-search .btn-clear {
    display: none;
}

.page-search .form-control {
    color: #2e3442;
    border: 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .05)
}

/* banner - slider */
.banner-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: -24px;
    right: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
}

.banner-slider .slider-content {
    margin: 0;
    padding: 8px 11px 8px 23px;
    list-style: none;
    white-space: nowrap;
    width: 100%;
}

.banner-slider .slider-content .content-item {
    width: 80px;
    height: 75px;
    float: left;
    text-align: center;
    position: relative;
}

.banner-slider .slider-content .content-item-clientexec {
    /*width: 110px;*/
}

.banner-slider .slider-content .content-item-plesk {
    width: 60px;
    margin-left: 8px;
}

.banner-slider .slider-content a {
    padding: 16px;
    display: block;
    height: 80px;
    position: relative;
}

.banner-slider > .slider-content > .content-item:nth-of-type(3) > a,
.banner-slider > .slider-content > .content-item:nth-of-type(4) > a,
.banner-slider > .slider-content > .content-item:nth-of-type(5) > a,
.banner-slider > .slider-content > .content-item:nth-of-type(10) > a,
.banner-slider > .slider-content > .content-item:nth-of-type(11) > a,
.banner-slider > .slider-content > .content-item:nth-of-type(14) > a {
    padding-left: 15px;
}

/*.banner-slider .slider-content a i {
    -moz-transform: scale(0.5) translateX(-30px) translateY(-30px);
    -ms-transform: translateX(12px) translateY(12px);
    zoom: .5;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimizequality;
    margin-left: -20px;
    margin-top: -20px;
}*/
/*.banner-slider .slider-content a i:before {
    content: '';
    position: absolute;
    opacity: 0;
    -webkit-transition: linear opacity .15s;
    -moz-transition: linear opacity .15s;
    transition: linear opacity .15s;
}*/
.banner-slider .slider-content a:hover i:before {
    opacity: 1;
}

.banner-section .incredible-machine {
    margin-top: -54px;
    margin-bottom: 0;
}

.banner-section .section-desc,
.banner-section .section-title {
    color: #fff;
}

.banner-section .section-actions {
    padding-top: 20px;
}

.banner-section .section-actions [class*="col-"] .btn {
    display: block;
}

.banner-slider .systems {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    display: block;
    transition: .15s linear;
    width: auto;
}

.banner-slider .systems:before {
    opacity: 0;
    height: 100%;
    display: block;
    content: "";
    width: auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: linear .15s;
    -moz-transition: linear .15s;
    transition: linear .15s;
}

.banner-slider .content-item:hover .systems:before {
    opacity: 1;
}

@media (max-width: 1200px) {
    .support-page .page-banner {
        padding: 80px 0 0;
    }
}

@media (min-width: 1200px) {
    .page-banner {
        padding-top: 104px;
    }

    .terms-page .page-banner,
    .development-page .page-banner {
        padding-bottom: 88px;
    }

    .about-us-page .page-banner {
        padding-bottom: 440px;
    }

    .home-page .page-banner .banner-title {
        margin-top: -36px;
    }

    .banner-flexible {
        max-height: 796px;
    }

    .banner-flexible > .container {
        margin-top: -24px;
    }

    .banner-title .title-actions {
        margin-top: 46px;
    }

    .home-page .page-banner .banner-slider {
        width: 1160px;
        left: 50%;
        margin-left: -580px;
        height: 153px;
    }

    .banner-slider .slider-content .flickity-slider {
        transform: none !important;
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 22px;
        line-height: 34px;
        margin-top: 19px;
    }

    .banner-section {
        padding-top: 50px;
    }

    .banner-slider .slider-content a:hover span {
        top: -30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /*.banner-flexible>.container {
        margin-top: -163px;
    }*/
    .about-us-page .page-banner {
        padding-bottom: 280px;
    }

    .about-us-page .page-banner > span {
        background-size: 1300px;
        background-position-x: -34px;
    }

    .home-page .page-banner .banner-title h1 {
        font-size: 32px;
        margin-bottom: 26px;
    }

    .home-page .page-banner .banner-title h1 span {
        margin-top: 18px;
        font-size: 96px;
        line-height: 88px;
    }

    .home-page .page-banner .banner-slider {
        width: 968px;
        left: 50%;
        margin-left: -484px;
        height: 153px;
    }

    .banner-section .section-actions .btn-hero .hero-icon + .hero-slogan {
        margin-left: 4px;
    }

    .banner-section .section-actions .btn-hero .hero-icon {
        margin-left: -18px;
    }

    .page-product-view .page-banner {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .page-banner {
        margin-top: -16px;
    }

    .marketplace-page .page-banner {
        margin-top: 0px;
    }

    .page-filename-submitticket .page-content {
        margin-top: -16px;
    }

    .page-filename-submitticket .page-header + .mobile-header + .promo-banner {
        /*margin-top: 68px;
        padding-top: 16px;*/
    }

    .banner-slider {
        -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
        box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    }

    @-moz-document url-prefix() {
        .banner-slider {
            box-shadow: 0 6px 14px rgba(0, 0, 0, .1)
        }
    }
    .support-page .page-search form {
        max-width: 615px;
    }
}

@media (max-width: 991px) {
    .banner-slider {
        border-bottom: 1px solid #e6ebf0;
    }

    .banner-section .section-actions {
        padding-top: 36px;
    }

    .banner-section .section-actions .btn {
        width: 298px;
    }

    .support-page .page-search form {
        max-width: 100%;
    }

    .support-page .page-search form .form-control {
        height: 52px;
    }

    .support-page .page-search form .input-icon-btn {
        right: 5px;
        top: 7px;
    }
}

@media (min-width: 768px) {
    .support-page .page-bg,
    .faq-page .page-bg {
        height: 576px;
    }

    .page-product-view .page-bg {
        height: 683px;
    }

    .banner-flexible {
        /*height: calc(100vh - 178px);*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding-top: 56px;
        min-height: 592px;
    }

    .marketplace-page .page-banner {
        padding-top: 100px;
    }

    .custom-form-page .page-banner,
    .faq-page .page-banner {
        padding-bottom: 46px;
    }

    .home-page .page-banner .banner-title .lead {
        max-width: 595px;
    }

    .home-page .banner-title {
        padding-top: 0;
    }

    .page-product-view .banner-title {
        padding-bottom: 123px;
    }

    .page-search {
        padding-bottom: 48px;
    }

    .page-search form {
        max-width: 615px;
    }

    .banner-slider .slider-content a span {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        background: #2e3442;
        color: #fefefe;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 700;
        width: 124px;
        padding: 5px 12px;
        text-align: center;
        opacity: 0;
        -webkit-transition: all linear .25s;
        -moz-transition: all linear .25s;
        transition: all linear .25s;
        z-index: 10;
    }

    .banner-slider .slider-content .systems-whmcs-sm span {
        margin-left: 6px;
    }

    .banner-slider .slider-content .systems-woocommerce-sm span {
        margin-left: -5px;
    }

    .banner-slider .slider-content a span.odin {
        width: 214px;
        margin-left: -107px;
    }

    .banner-slider .slider-content a:hover span {
        opacity: 1;
    }

    .home-page .slider-content a span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-top-color: #2e3442;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #2d3544;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-page .page-banner .banner-title h1 {
        font-size: 30px;
        margin-bottom: 0;
    }

    .home-page .page-banner .banner-title h1 span {
        margin-top: 5px;
        font-size: 76px;
        line-height: 98px;
    }

    .home-page .page-banner .banner-title .lead {
        margin-top: 8px;
    }

    /*.banner-flexible>.container {
        margin-top: -190px;
    }*/
    .about-us-page .page-banner {
        padding-bottom: 290px;
    }

    .about-us-page .page-banner > span {
        background-size: 1215px;
        background-position-x: -112px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .page-banner {
        padding: 80px;
    }

    .banner-flexible {
        max-height: 700px;
        min-height: auto;
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 20px;
        line-height: 32px;
    }

    .page-product-view .page-banner {
        padding-right: 0;
        padding-left: 0;
    }

    .page-product-view .banner-title {
        padding-bottom: 46px;
    }

    .banner-title .title-actions {
        margin-top: 40px;
    }

    .home-page .page-banner .banner-slider {
        height: 136px;
    }

    .banner-section {
        padding-top: 42px;
    }

    .terms-page .page-banner,
    .development-page .page-banner {
        padding-bottom: 80px;
    }

    .banner-slider .slider-content a:hover span {
        top: -25px;
    }
}

@media (max-width: 767px) {
    .page-banner {
        padding-top: 40px;
    }

    .marketplace-page .page-banner {
        padding-top: 48px;
    }

    .terms-page .page-banner {
        padding-bottom: 14px;
    }

    .development-page .page-banner {
        padding-bottom: 40px;
    }

    .custom-form-page .page-banner,
    .faq-page .page-banner {
        padding-bottom: 24px;
    }

    .support-page .page-bg,
    .faq-page .page-bg {
        height: 520px;
    }

    .page-banner .banner-title {
        margin-top: -4px;
    }

    .support-page .page-search {
        padding-bottom: 24px;
        padding-top: 6px;
    }

    .page-banner .banner-title h1 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 21px;
    }

    .page-order .page-banner {
        padding-top: 56px;
    }

    .banner-flexible {
        height: auto;
        margin-bottom: 16px;
        min-height: 380px;
    }

    .home-page .page-banner .banner-title .lead {
        max-width: 450px;
    }

    .page-bg {
        height: 310px;
        min-height: 310px;
    }

    body.marketplace-page:not(.page-product-view) .banner-title {
        padding: 24px 16px 0;
    }

    .page-product-view .banner-title {
        padding-top: 20px;
    }

    body.marketplace-page:not(.page-product-view) .banner-title h1 {
        display: none;
    }

    .page-banner .banner-title .lead {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 17px;
    }

    .page-order .banner-title {
        padding-top: 22px;
    }

    .page-order .banner-title h1 {
        display: none;
    }

    .page-search {
        padding-bottom: 24px;
    }

    .banner-slider {
        height: 72px;
        bottom: -72px;
    }

    .banner-slider .slider-content {
        padding: 13px 11px 8px 8px;
        height: 72px;
        overflow: hidden;
    }

    .banner-slider .slider-content .content-item {
        width: 50px;
    }

    .banner-slider .slider-content .content-item-plesk {
        margin-left: 0;
    }

    .banner-slider .slider-content .content-item-plesk a {
        width: 100%;
    }

    .banner-slider .slider-content a {
        width: 50px;
        height: 50px;
        padding: 8px;
    }

    .banner-slider .slider-content .content-item-clientexec {
        width: 55px;
    }

    /*.banner-slider .slider-content .content-item-clientexec a{
        width: 100%;
    }*/
    .banner-slider .systems,
    .banner-slider .systems:before {
        background-size: contain;
    }

    /*.banner-slider .slider-content a i {
        -moz-transform: scale(0.32) translateX(-122px) translateY(-120px);
        -ms-transform: translateY(7px) translateX(6px);
        zoom: 0.32;
        margin-left: -7px;
        margin-top: -6px;
    }*/
    .banner-slider .slider-content a span {
        display: none;
    }

    .banner-section,
    .banner-section .section-actions {
        padding-top: 10px;
    }

    .banner-section .section-actions .btn {
        width: 253px;
    }
}

@media (min-width: 580px) and (max-width: 991px) {
    .banner-section .section-actions [class*="col-"]:first-child .btn:not(.hero-left) {
        float: right;
        text-align: right;
    }

    .banner-section .section-actions [class*="col-"]:first-child .btn:not(.hero-left) .hero-icon {
        float: right;
        margin-left: 0;
    }

    .banner-section .section-actions [class*="col-"]:first-child .btn:not(.hero-left) .hero-slogan {
        text-align: right;
        margin: 0 16px 0 0;
    }
}

@media (min-width: 580px) and (max-width: 767px) {
    .banner-flexible {
        padding-top: 62px;
        padding-bottom: 70px;
    }

    .home-page .page-banner .banner-title h1 {
        font-size: 24px;
    }

    .home-page .page-banner .banner-title h1 span {
        font-size: 48px;
        margin-top: 13px;
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .about-us-page .page-banner {
        padding-bottom: 330px;
    }

    .about-us-page .page-banner > span {
        background-size: 1225px;
        background-position-x: -310px;
    }
}

@media (max-width: 579px) {
    .banner-flexible {
        padding-top: 38px;
        padding-bottom: 40px;
    }

    .home-page .page-banner .banner-title h1 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .home-page .page-banner .banner-title h1 span {
        margin: 8px 0 0;
        font-size: 52px;
        line-height: 50px;
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 28px;
    }

    .banner-section .section-actions [class*="col-"]:first-child .btn {
        margin-bottom: 16px;
    }

    .banner-section .section-actions .btn {
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
    }

    .about-us-page .page-banner {
        padding-bottom: 115px;
    }

    .about-us-page .page-banner > span {
        background-size: 560px;
    }
}

@media (min-width: 2020px) {
    .about-us-page .page-banner {
        padding-bottom: 610px;
    }

    .about-us-page .page-banner > span {
        background-size: 2560px;
    }
}

@media (max-width: 2019px) and (min-width: 1200px) {
    .about-us-page .page-banner > span {
        background-size: 2020px;
    }
}

/* PAGE WRAPPER - page content */
.page-content {
    position: relative;
    z-index: 1;
}

body:not(.page-clientarea) .page-content {
    padding-top: 0;
}

.page-error .page-content {
    margin: 0;
}

@media (min-width: 768px) {
    .custom-form-page .page-content,
    .terms-page .page-content {
        padding-bottom: 74px;
    }

    .marketplace-page .page-content {
        padding-bottom: 60px;
    }

    .page-product-view .page-content {
        margin-top: -93px;
    }

    .page-order .page-content {
        padding-top: 16px;
    }
}

@media (max-width: 767px) {
    .marketplace-page .page-content,
    .custom-form-page .page-content,
    .terms-page .page-content {
        padding-bottom: 24px;
    }
}

/* PAGE WRAPPER - page content - page with sidebar */
.sidebar-left {
    position: relative;
    overflow: hidden;
    margin: 0px -35px;
    padding: 0 35px;
}

@media (min-width: 1200px) {
    .page-content .sidebar-left .content-body {
        margin-left: -294px;
        padding-left: 294px
    }

    .page-content .sidebar-left .content-sidebar {
        width: 278px;
    }
}

@media (min-width: 768px) {
    #category-sidebar:not(.is_stuck) {
        padding-top: 0 !important;
    }

    #category-sidebar.is_stuck.is_stuck_bottom .filter:last-of-type {
        margin-bottom: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #category-sidebar.is_stuck:not(.is_stuck_bottom) {
        padding-top: 16px;
    }
}

@media (min-width: 768px) {
    .page-content .sidebar-left .content-body {
        position: relative;
        float: right;
        width: 100%;
    }

    .page-content .sidebar-left .content-sidebar {
        position: relative;
        z-index: 2;
        float: left;
        width: 278px;
    }
}

@media (min-width: 992px) {
    .page-content.sidebar-right .content-body {
        position: relative;
        float: left;
        width: 100%;
        margin-right: -356px;
        padding-right: 356px
    }

    .page-content.sidebar-right .content-sidebar {
        position: relative;
        z-index: 2;
        float: right;
        width: 340px;
        padding-bottom: 14px;
    }
}

@media (max-width: 767px) {
    #category-sidebar {
        padding-top: 0 !important;
    }

    #category-sidebar .filter:last-of-type {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .page-content .sidebar-left .content-body {
        margin-left: -246px;
        padding-left: 246px
    }

    .page-content .sidebar-left .content-sidebar {
        width: 230px;
    }
}

/*** DROPDOWN CART ***/

/* Dropdown: Body */

.cart-dropdown .dropdown-menu {
    display: flex;
    flex-direction: column;
    width: 100vw;
    max-width: 400px;
    padding: 0;
}

.cart-dropdown .scroll-list {
    position: relative;
    max-height: 315px;
    margin-right: 8px;
}

@media (min-width: 991px) {
    .cart-dropdown .scroll-list {
        margin-right: 6px;
    }
}

@media (max-width: 991px) {
    .cart-dropdown .dropdown-menu {
        top: 60px;
        right: 0;
    }

    .cart-dropdown .scroll-list {
        height: auto;
        max-height: calc(100vh - 212px);
    }
}

@media (max-width: 767px) {
    .cart-dropdown .dropdown-menu {
        top: 54px;
        right: -3px;
        max-width: none;
    }

    .cart-dropdown .scroll-list {
        max-height: calc(100vh - 224px);
    }
}

@media (max-width: 399px) {
    .cart-dropdown .dropdown-menu {

    }
}

/* Dropdown: List */

.cart-dropdown .dropdown-menu .scroll-list .ps__rail-y {
    margin: 8px 0;
    opacity: 0.6
}

.cart-dropdown .dropdown-menu .scroll-list > ul {
    list-style: none;
    margin: 0;
    padding: 12px 0;
}

.cart-dropdown .dropdown-menu li {
    position: relative;
}

.cart-dropdown .dropdown-menu li a:not(.btn) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 34px 4px 77px;
    min-height: 52px;
    overflow: hidden;
}

.cart-dropdown .dropdown-menu li a .thumb {
    position: absolute;
    top: 4px;
    left: 16px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
}

.cart-dropdown .dropdown-menu a .name:hover {
    color: #5bc758;
}

.cart-dropdown .dropdown-menu li a > div {
    float: left;
}

.cart-dropdown .dropdown-menu li a .name {
    width: 100%;
    margin-right: 8px;
    padding: 5px 0 4px;
    color: #2e3442;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.cart-dropdown .dropdown-menu li a:hover > .name {
    transition: color .15s linear;
}

.cart-dropdown .dropdown-menu li a .qty {
    color: #a1a6b2;
}

.cart-dropdown .dropdown-menu li a .price {
    position: relative;
    width: 100px;
    color: #fc873e;
    line-height: 1;
    font-size: 13px;
}

.cart-dropdown .dropdown-menu li a .price span {
    display: inline-block;
    font-size: 12px;
    color: #737780;
    position: relative;
}

.cart-dropdown .dropdown-menu li a .price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b;
}

.cart-dropdown .dropdown-menu li a .thumb:after,
.cart-dropdown .dropdown-menu li a .thumb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.cart-dropdown .dropdown-menu li a .thumb:after {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: rgba(255, 255, 255, 0.06);
}

.cart-dropdown .dropdown-menu li a .thumb:before {
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background: rgba(255, 255, 255, 0.08);
}

.cart-dropdown .dropdown-menu li a .thumb img {
    width: 22px;
}

.cart-dropdown .dropdown-menu li .btn-icon {
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -16px;
}

.cart-dropdown .dropdown-menu li .btn-icon:hover i {
    color: #5bc758;
}

.cart-dropdown .dropdown-menu li .item-row {
    padding: 0 40px 0 78px;
}

.cart-dropdown .dropdown-menu li .item-row ul {
    padding-left: 12px;
}

.cart-dropdown .dropdown-menu li .item-row ul li:hover .qty-button {
    display: none;
}

.cart-dropdown .dropdown-menu li .item-row li .service-price {
    width: 80px;
    text-align: left;
}

/* Dropdown: Summary */

.cart-dropdown .cart-total {
    padding: 13px 16px 16px;
    border-top: 1px solid #e9edf2;
}

.cart-dropdown .cart-total > ul {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}

.cart-dropdown .cart-total li {
    position: relative;
    padding: 2px 64px 2px 0;
    color: #a1a6b2;
    font-size: 13px;
}

.cart-dropdown .cart-total li span {
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: bold;
    color: #2e3442;
    font-size: 14px;
}

.cart-dropdown .cart-total li:first-of-type span {
    font-weight: 400;
    font-size: 13px;
}

.cart-dropdown .cart-total .btn {
    font-size: 12px
}

.cart-dropdown .cart-total li.discount span {
    color: #fc873e;
}

.cart-dropdown .spinner-container {
    height: 70px;
    margin-top: -8px;
}

@media (max-width: 399px) {
    .cart-dropdown .dropdown-menu li a .name {
        width: 120px;
    }

    .cart-dropdown .dropdown-menu li .item-row li .service-price {
        width: 70px;
    }
}

@media (max-width: 767px) {
    .cart-dropdown .scroll-list {
        order: 1;
    }

    .cart-dropdown .cart-total {
        border-top: 0;
        border-bottom: 1px solid #e9edf2;
    }
}

/*** FILTERS ***/
.filter {
    margin-bottom: 16px;
    background: #fff;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

/*
#category-products>.row>.col-md-4:last-of-type>.widget,
#category-sidebar>.filter:last-of-type {
  margin-bottom: 22px;
}
*/
.filter h6 {
    padding: 8px 16px;
    margin: 0;
    color: #a1a6b2;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}

.filter-body {
    padding: 0 16px 16px;
    overflow: hidden;
}

.filter-body .form-control {
    box-shadow: none;
    border: 1px solid #e1e4e6;
    width: 108px;
}

.filter-body .form-group + span {
    padding: 0 8px;
    line-height: 42px;
}

.dropdown-filter > a {
    position: relative;
    display: block;
    padding: 12px 16px;
    color: #2e3442;
    line-height: 24px;
    font-weight: 700;
}

.dropdown-filter > a > span:first-of-type {
    padding-right: 8px;
    color: #a1a6b2;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}

.dropdown-filter > a > .zmdi-chevron-down {
    position: absolute;
    right: 16px;
    top: 0;
    line-height: 49px;
    color: #a1abb2;
    font-size: 19px;
}

.dropdown-filter.open > a > span:first-of-type {
    color: #fff;
    opacity: 0.5;
}

.dropdown-filter.open > a > .zmdi-chevron-down {
    color: #fff;
}

.dropdown-filter .dropdown-menu {
    width: 100%;
}

.dropdown-filter .dropdown-menu li a {
    line-height: 30px;
}

.dropdown-filter .dropdown-menu li a i {
    position: absolute;
    right: 12px;
    top: 0;
    line-height: 30px;
    font-size: 24px;
    display: none;
}

.dropdown-filter .dropdown-menu li a span {
    color: #a1a6b2;
}

.dropdown-filter .dropdown-menu li.active a i {
    display: block;
}


.bar-content {
    padding: 0 0 16px;
    margin: 0;
    list-style: none;
}

.bar-content > li {
    display: block;
}

.bar-content > li > a:not(.btn) {
    display: block;
    color: #2e3442;
}

.bar-content li > a > .badge {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    font-weight: 400;
}

.bar-content li > a > span:not(.badge) {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.bar-content > li > a:not(.btn) {
    position: relative;
    margin: 0;
    padding: 7px 16px;
    line-height: 24px;
}

.bar-content > li > a > i:first-of-type {
    position: relative;
    bottom: 1px;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
    vertical-align: top;
    opacity: 1;
    color: #bec2cb;
    text-align: center;
    -webkit-transition: linear color .15s;
    -moz-transition: linear color .15s;
    transition: linear color .15s;
}

.bar-content > li > a:hover > i:first-of-type,
.bar-content > li > a:hover {
    color: #5bc758;
}

.bar-content > li > a > .icon {
    font-size: 22px;
}

.bar-content > li > a {
    font-weight: bold;
}

.bar-content li.active > a > i,
.bar-content li.active > a,
.bar-content a.active i,
.bar-content a.active,
.bar-content a.active-category-leaf i,
.bar-content a.active-category-leaf {
    color: #5bc758;
    opacity: 1 !important;
}

.bar-content li.active > a > .badge,
.bar-content li > a.active > .badge,
.bar-content li > a.active-category-leaf > .badge {
    color: #fff;
    background: #5bc758;
    border-color: #5bc758;
}

.bar-content li.active > a:not(.btn):after,
.bar-content li.open > a:not(.btn):after {
    background: #5bc758;
}

.bar-content li a .zmdi-chevron-right {
    display: none;
}

.bar-content li .dropdown-menu {
    display: none;
}

.bar-content li.open > .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 5px 0 5px 32px;
    padding: 0;
    box-shadow: none;
    display: block;
}

.bar-content li.open .dropdown-menu .divider {
    display: none;
}

.bar-content li.open > .dropdown-menu > li a {
    font-size: 13px;
    padding: 4px 40px 4px 12px;
    font-weight: 400;
}

.bar-content li .dropdown-menu .dropdown-menu {
    border-left: 1px solid #e9ecf1;
    margin-left: 16px;
}

.bar-content li .zmdi-home {
    font-size: 25px;
}

.bar-content li.no-filtered-products-count a {
    color: #afb3bd;
    pointer-events: none;
    cursor: default;
}

@media (min-width: 768px) {
    .dropdown-filter.open > a {
        background: #5bc758;
        color: #fff;
    }

    .dropdown-filter .dropdown-menu:before {
        left: auto;
        right: 13px;
    }

    .filter-body.form-inline.dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
        float: none;
        box-shadow: none;
    }

    #category-sidebar .filter:last-of-type > a {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .filter-body .form-control {
        width: 84px;
    }

    .dropdown-filter > a > span:first-of-type {
        padding-right: 2px;
    }
}

@media (max-width: 767px) {
    .filter {
        background: none;
        box-shadow: none;
        margin-bottom: 8px;
    }

    .dropdown-bar {
        display: none;
    }

    .dropdown-filter > a {
        color: #fff;
        line-height: 30px;
        padding: 0;
    }

    .dropdown-filter > a > .zmdi-chevron-down {
        line-height: 30px;
        color: #fff;
        font-size: 24px;
        right: 12px;
    }

    .dropdown-filter .dropdown-menu {
        width: 100%;
        min-width: 276px;
        top: 137%;
        left: -8px;
    }

    .dropdown-filter.open .dropdown-menu {
        top: 127%;
    }

    .dropdown-filter > a > span:first-of-type {
        padding-right: 4px;
        color: rgba(221, 238, 255, 0.8);
    }

    #category-sidebar {
        margin-top: -7px;
    }

    #category-sidebar .filter:last-of-type h6 {
        display: none;
    }

    #category-sidebar .filter:first-of-type {
        float: left;
    }

    #category-sidebar .filter:first-of-type > a {
        padding-right: 32px;
    }

    #category-sidebar .filter:last-of-type {
        float: right;
    }

    #category-sidebar .filter:last-of-type > a {
        font-size: 24px;
    }

    #category-sidebar .filter:last-of-type .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    #category-sidebar .filter:last-of-type .dropdown-menu {
        right: -8px;
        left: auto;
        overflow: visible;
        padding-top: 14px;
    }

    #category-sidebar .filter:last-of-type .dropdown-menu:before {
        right: 9px;
        left: auto;
    }

    .filter-body .form-control {
        width: 107px;
    }
}

/*** FORM ***/

/****FORM - input icon ****/
.input-icon {
    position: relative;
}

.input-icon .input-icon-text,
.input-icon .input-icon-btn,
.input-icon .input-icon-addon {
    position: absolute;
    text-align: center;
}

.input-icon .input-icon-addon i {
    color: #737980;
}

.input-icon-xxlg .input-icon-addon,
.input-icon-xlg .input-icon-addon {
    top: 8px;
    width: 40px;
    height: 40px;
    line-height: 46px;
}

.input-icon-left.input-icon-xlg .input-icon-addon {
    left: 10px;
}

.input-icon-right.input-icon-xxlg .input-icon-addon {
    right: 8px;
}

.input-icon-xxlg .input-icon-addon {
    top: 13px;
}

.search-form .input-icon .input-icon-addon i {
    color: #2e3442;
}

.input-icon-left .form-control {
    padding-left: 30px;
}

.input-icon-text {
    font-size: 13px;
    color: #737780;
}

.input-icon-left .input-icon-text {
    top: 13px;
    left: 13px;
}

.input-icon.input-icon-right.input-icon-xxlg .form-control {
    padding-right: 48px;
}

.input-icon.input-icon-left.input-icon-xlg .form-control {
    padding-left: 56px;
}

.input-icon.input-icon-xlg .input-icon-addon i,
.input-icon.input-icon-xxlg .input-icon-addon i {
    font-size: 24px;
}

.input-icon-btn {
    right: 8px;
    top: 13px;
}

@media (max-width: 767px) {
    .input-icon-btn {
        right: 5px;
        top: 7px;
    }

    .input-icon-btn .btn-icon i {
        font-size: 21px;
    }
}

/** LIST **/
.list-styled,
.list-styled ul,
.list-payment-method,
.list-checkbox,
.list-subtotal,
.list-summary,
.list-collapse,
.list-icon {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-checkbox li label [data-toggle="tooltip"] {
    margin-left: 5px;
    font-size: 16px;
    color: #a0a6b2;
}

.list-icon li,
.list-styled li {
    position: relative;
    padding: 4px 0 4px 32px;
    line-height: 24px;
}

.tab-sm .list-icon li {
    line-height: 16px;
}

.list-icon > li:before,
.list-styled li:before {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 4px;
    text-align: center;
    content: '\f26d';
    font-family: 'Material-Design-Iconic-Font';
}

.list-styled > li:before {
    font-size: 7px;
    color: #5bc758;
}

.list-styled:not(.list-link) li a {
    border-bottom: 1px dotted;
}

.list-styled:not(.list-link) li a[data-toggle="tooltip"] {
    display: inline-block;
    border: none;
}

.list-styled:not(.list-link) li a[data-toggle="tooltip"] > i {
    float: left;
}

.custom-form-page .list-styled a:after {
    display: none;
}

.list-styled a:hover:after {
    border-color: #5bc758;
}

.list-styled > li ul {
    padding: 4px 0 0 0;
}

.list-styled > li > ul > li {
    padding-left: 24px;
    list-style: none;
}

.list-styled > li > ul li:before {
    font-size: 6px;
    color: #a8b5c4;
}

.list-styled > li > ul > li > ul > li:before {
    content: '\f273';
    font-size: 14px;
}

.list-icon li:before {
    font-size: 24px;
}

.list-check li:before {
    content: '\f26b';
}

.list-close li:before {
    content: '\f136';
}

.list-sm li {
    font-size: 13px;
    line-height: 20px;
    padding-left: 32px;
}

.list-sm li:before {
    font-size: 19px;
}

.list-primary li:before {
    color: #5bc758;
}

.list-secondary li:before {
    color: #f29441;
}

.list-danger li:before {
    color: #de2c2c;
}

.list-dark-green li:before {
    color: #387a36;
}

.list-white li,
.list-white li:before {
    color: #fff;
}

.list-collapse > li {
    padding: 0;
    margin-bottom: 8px;
}

.list-collapse > li > .collapse-item-anchor {
    position: relative;
    padding-left: 24px;
    line-height: 24px;
    display: block;
    font-weight: 700;
    color: #2e3442;
    font-size: 14px;
    margin: 0;
}

.list-collapse > li > .collapse-item-anchor > a {
    color: #2e3442;
}

.list-collapse > li > .collapse-item-anchor:hover > a {
    color: #2e3442;
}

.list-collapse > li > .collapse-item-anchor > .label {
    margin-top: 2px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
}

.list-collapse.list-sm > li > .collapse-item-anchor {
    font-size: 13px;
    line-height: 20px;
}

.list-collapse > li > .collapse-item-anchor:after,
.list-collapse > li > .collapse-item-anchor:before {
    content: '';
    position: absolute;
    background: #737980;
    -webkit-transition: ease-in-out all .15s;
    -moz-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
}

.list-collapse > li > .collapse-item-anchor:before {
    left: 0;
    top: 11px;
    width: 12px;
    height: 2px;
}

.list-collapse > li > .collapse-item-anchor:after {
    left: 5px;
    top: 6px;
    width: 2px;
    height: 12px;
}

.list-collapse.list-sm > li > .collapse-item-anchor:before {
    top: 8px;
}

.list-collapse.list-sm > li > .collapse-item-anchor:after {
    top: 3px;
}

@-moz-document url-prefix() {
    .list-collapse.list-sm > li > .collapse-item-anchor:before {
        top: 9px;
    }
    .list-collapse.list-sm > li > .collapse-item-anchor:after {
        top: 4px;
    }
}

.list-collapse > li.active > .collapse-item-anchor:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.list-collapse > li:hover > .collapse-item-anchor:after,
.list-collapse > li.active > .collapse-item-anchor:after,
.list-collapse > li:hover > .collapse-item-anchor:before,
.list-collapse > li.active > .collapse-item-anchor:before {
    background: #5bc758;
}

.list-collapse li.active > .collapse-item-anchor,
.list-collapse li:hover > .collapse-item-anchor,
.list-collapse li.active > .collapse-item-anchor a,
.list-collapse li:hover > .collapse-item-anchor a {
    color: #5bc758;
}

.list-collapse > li > .item-body {
    display: none;
    margin: 0;
    padding-left: 24px;
}

.list-collapse > li > .item-body > .list-styled {
    margin-left: -8px;
}

.list-collapse li .item-actions {
    padding-bottom: 4px;
    padding-top: 4px;
}

.list-collapse.list-sm li .item-body {
    padding-left: 24px;
}

@media (min-width: 992px) {
    .list-collapse.list-lg > li > .collapse-item-anchor {
        padding: 8px 0 8px 40px;
        font-size: 16px;
        font-weight: 700;
    }

    .list-collapse.list-lg > li > .collapse-item-anchor:before {
        width: 16px;
        left: 7px;
        top: 17px;
    }

    .list-collapse.list-lg > li > .collapse-item-anchor:after {
        top: 10px;
        left: 14px;
        height: 16px;
    }

    .list-collapse.list-lg > li > .item-body {
        padding-left: 40px;
    }

    @-moz-document url-prefix() {
        .list-collapse.list-lg > li > .collapse-item-anchor:before {
            top: 18px;
        }
        .list-collapse.list-lg > li > .collapse-item-anchor:after {
            top: 11px;
        }
    }
}

@media (max-width: 767px) {
    .product-features-collapsible-list > li > .item-body {
        padding-left: 0;
    }
}

.list-product-info {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.list-product-info li {
    display: inline-block;
    margin-bottom: 8px;
}

.list-product-info li,
.list-product-info li a,
.list-product-info li span {
    color: rgba(221, 238, 255, 0.8);
    font-size: 13px;
    display: flex;
    align-items: center;
    line-height: 13px;
}

.list-product-info li a:hover {
    color: #5bc758;
}

.list-product-info li i:not(.zmdi-star) {
    margin-right: 5px;
    font-size: 16px;
}

.list-product-info li .stars i {
    letter-spacing: -1.5px;
    font-size: 14px;
}

.list-product-info li .stars .zmdi-star {
    color: rgba(0, 0, 0, 0.6);
}

.list-product-info li .stars .zmdi-star.active {
    color: #fff;
}

@media (min-width: 1200px) {
    .list-product-info li:not(:last-of-type) {
        padding-right: 24px;
    }

    .product-overview .list-product-info li:not(:last-of-type) {
        padding-right: 16px;
    }
}

@media (max-width: 1199px) {
    .list-product-info li:not(:last-of-type) {
        padding-right: 16px;
    }
}

@media (max-width: 767px) {
    .list-product-info {
        margin-bottom: 0;
        padding-left: 90px;
    }

    .list-product-info li > i {
        margin-right: 2px;
    }
}

@media (min-width: 580px) and (max-width: 767px) {
    .list-product-info li:not(:last-of-type) {
        padding-right: 16px;
    }

    /*.list-product-info li:last-of-type {
        display: none;
    }*/
}

@media (max-width: 579px) {
    /*.list-product-info li:nth-of-type(1n+2) {
        display: none;
    }*/
    .list-product-info li .stars i {
        font-size: 12px;
    }
}

/* changelog */
.changelog-section {
    padding-top: 5px;
    padding-bottom: 11px;
}

.changelog-section .changelog-version {
    position: relative;
    margin: 4px 0 26px;
    padding-left: 105px;
}

.changelog-section .changelog-version .version {
    position: absolute;
    left: -25px;
    top: 0;
    color: #2e3442;
    font-size: 24px;
    font-weight: 800;
    width: 105px;
    text-align: right;
    margin: 0;
    line-height: 16px;
    display: inline;
}

.changelog-section .changelog-version .released {
    display: inline-block;
    color: #a1a5b2;
    font-weight: 400;
    font-size: 14px;
    vertical-align: top;
}

.changelog-list {
    position: relative;
    padding-left: 90px;
    padding-bottom: 13px;
}

.label-container .label {
    box-shadow: none;
}

.changelog-list .list-styled {
    padding-left: 8px;
}

.changelog-list .list-styled li {
    padding: 2px 0 2px 32px;
}

.changelog-list .list-styled li:before {
    top: 2px;
}

.changelog-new-feature .list-styled li:before {
    color: #5bc758;
}

.changelog-new-feature .label {
    background: #5bc758;
}

.changelog-improvement .list-styled li:before,
.changelog-improved .list-styled li:before {
    color: #2caed4;
}

.changelog-improvement .label,
.changelog-improved .label {
    background: #2caed4;
}

.changelog-bug-fix .list-styled li:before,
.changelog-fix .list-styled li:before {
    color: #f25050;
}

.changelog-bug-fix .label,
.changelog-fix .label {
    background: #f25050;
}

.changelog-changed .label {
    background: #1f75cc;
}

.changelog-changed .list-styled li:before {
    color: #1f75cc;
}

.changelog-removed .label {
    background: #ff9900;
}

.changelog-removed .list-styled li:before {
    color: #ff9900;
}

.changelog-others .label {
    color: #959da6;
    background: #e1e4e6;
}

.changelog-others .list-styled li:before {
    color: #e1e4e6;
}

.changelog-launch .label {
    background: #a481eb;
}

.changelog-launch .list-styled li:before {
    color: #a481eb;
}

@media (min-width: 768px) and (max-width: 991px) {
    .changelog-section .changelog-version {
        margin-bottom: 16px;
    }

    .changelog-section .changelog-version .version {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .changelog-list .label-container {
        position: absolute;
        left: 0;
        top: 3px;
        width: 80px;
    }

    .label-container .label {
        float: right;
        display: block;
    }

    .changelog-version .beta {
        font-size: 12px;
        position: absolute;
        left: 50px;
        top: 19px;
    }
}

@media (max-width: 767px) {
    .changelog-section {
        padding-top: 8px;
    }

    .changelog-section .changelog-version .version {
        position: static;
        font-size: 17px;
        text-align: right;
        padding-right: 4px;
    }

    .changelog-section .changelog-version span.beta {
        font-size: 12px;
        position: absolute;
        left: 0;
        top: 15px;
    }

    .changelog-section .changelog-version {
        padding-left: 0;
        margin-bottom: 16px;
    }

    .changelog-list {
        padding-left: 0;
    }

    .changelog-section > .changelog-list:last-of-type {
        padding-bottom: 0;
    }

    .changelog-section .list-styled {
        padding: 0;
    }

    .label-container {
        padding-bottom: 13px;
    }

    .label-container .label {
        padding: 0;
        background: none;
    }

    .changelog-new-feature .label {
        color: #5bc758;
    }

    .changelog-improvement .label,
    .changelog-improved .label {
        color: #2caed4;
    }

    .changelog-bug-fix .label,
    .changelog-fix .label {
        color: #f25050;
    }

    .changelog-changed .label {
        color: #1f75cc;
    }

    .changelog-removed .label {
        color: #f25050;
    }

    .changelog-others .label {
        color: #e1e4e6;
    }

    .changelog-launch .label {
        color: #a481eb;
    }
}

/* reviews */
.review-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.review-list li {
    padding: 20px 0 17px;
    border-bottom: 1px solid #f2f4f5;
}

.review-list li:last-of-type {
    border: 0;
}

.review-header {
    margin-bottom: 13px;
    color: #2e3442;
    font-size: 15px;
    font-weight: 700;
}

.review-header .date {
    float: right;
    font-weight: 400;
    font-size: 13px;
    color: #a1a5b2;
}

.review-body {
    margin-bottom: 17px;
    line-height: 25px;
}

.review-footer {
    overflow: hidden;
}

.review-footer .rating i {
    font-size: 17px;
    color: #dfe3e8;
    letter-spacing: -3px;
    vertical-align: top;
    margin: 3px 0 0;
}

.review-footer .rating i.active {
    color: #ffc300;
}

.review-footer .helpfull {
    float: right;
    font-size: 13px;
    color: #a1a5b2;
}

.review-footer .helpfull a {
    padding: 2px 12px 0 10px;
    color: #737980;
    display: inline-block;
    font-size: 19px;
}

.add-review {
    overflow: hidden;
    padding-top: 44px;
    border-top: 1px solid #f2f4f5;
}

.add-review .review-actions {
    padding-top: 4px;
    overflow: hidden;
}

.add-review .review-actions .btn {
    float: right;
    min-width: 176px;
}

.add-review .rating {
    float: left;
    padding: 13px 0;
    color: #a1a5b2;
}

.add-review .rating span {
    float: left;
    margin-top: 1px;
    margin-right: 12px;
}

.add-review .rating i {
    color: #dfe3e8;
    font-size: 24px;
    margin-top: -3px;
    vertical-align: top;
    float: left;
    cursor: pointer;
}

.add-review .rating i.active {
    color: #ffc300;
}

.add-review .alert {
    margin-bottom: 0;
}

.add-review > .btn {
    float: right;
    min-width: 175px;
}

@media (max-width: 767px) {
    .add-review {
        padding-top: 20px;
    }

    .tab-content .tab-pane .add-review h3 {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 13px;
    }

    .add-review .review-actions .btn {
        float: none;
        display: block;
        min-height: 48px;
        width: 100%
    }

    .add-review .form-group > .col-sm-6:first-of-type .form-control {
        margin-bottom: 12px;
    }

    .add-review .rating {
        padding: 4px 0 16px;
    }
}

/* business-scenarios */
.business-scenario-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.business-scenario-list li {
    padding: 20px 0 17px;
    border-bottom: 1px solid #f2f4f5;
}

.business-scenario-list li:last-of-type {
    border: 0;
}

.business-scenario-header {
    margin-bottom: 13px;
    color: #2e3442;
    font-size: 15px;
    font-weight: 700;
    position: relative;
}

.business-scenario-header .label {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 7px !important;
    right: 0;
}

li.business-scenarios i {
    margin-right: 0px !important;
    margin-left: 8px !important;
    vertical-align: text-bottom !important;
    margin-bottom: -1px !important;
}

li.tab-reviews > a {
    margin-right: 10px
}

.business-scenario-header .title {
    padding-right: 98px !important;
}

.business-scenario-header .date {
    float: right;
    font-weight: 400;
    font-size: 13px;
    color: #a1a5b2;
}

.business-scenario-body {
    margin-top: 20px;
    margin-bottom: 17px;
    line-height: 25px;
    text-align: justify;
}

.business-scenario-footer {
    overflow: hidden;
}

.business-scenario-footer .rating i {
    font-size: 17px;
    color: #dfe3e8;
    letter-spacing: -3px;
    vertical-align: top;
    margin: 3px 0 0;
}

.business-scenario-footer .rating i.active {
    color: #ffc300;
}

.business-scenario-footer .helpfull {
    float: right;
    font-size: 13px;
    color: #a1a5b2;
}

.business-scenario-footer .helpfull a {
    padding: 2px 12px 0 10px;
    color: #737980;
    display: inline-block;
    font-size: 19px;
}

/* panel summary */
.panel-summary .panel-header .header-title {
    display: block;
    padding: 0;
}

.panel-summary .panel-header .header-title h6 {
    margin: 0;
    line-height: 54px;
    border-bottom: 1px solid #ebeff2;
    text-transform: capitalize;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.panel-summary .panel-header .header-title h6 i {
    color: #5bc758;
    font-size: 24px;
    margin-left: -16px;
    margin-right: 16px;
    display: inline-block;
    line-height: 19px;
    vertical-align: text-bottom;
}

.panel-summary .panel-list {
    padding: 6px 24px 8px;
}

.panel-summary .scroll-list {
    position: relative;
    max-height: 493px;
    margin: 6px 8px 8px;
    padding: 0 16px;
    overflow: hidden;
}

.list-summary > li {
    padding: 14px 0;
}

.list-summary > li:not(:last-of-type) {
    border-bottom: 1px solid #ebeff2;
}

.list-summary .item-row {
    position: relative;
}

.list-summary .summary-item > .item-row:not(:last-of-type) {
    padding-bottom: 13px;
}

.list-summary .item-name {
    padding-right: 90px;
    color: #2e3442;
    font-size: 12px;
    font-weight: bold;
}

.list-summary .item-name a {
    color: #2e3442;
    font-size: 12px;
    font-weight: bold;
}

.list-summary .item-name a:hover {
    color: #5bc758;
}

.list-summary .item-name.item-discounted {
    padding-right: 140px;
}

.list-summary .item-price {
    position: absolute;
    right: 0;
    top: 0;
    color: #2e3442;
}

.list-summary .item-price.discount {
    color: #ff8e2b;
}

.list-summary .item-price span {
    position: relative;
    font-size: 12px;
    color: #2e3442;
}

.list-summary .item-price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b;
}

.list-summary .item-qty {
    overflow: hidden;
    padding-right: 130px;
}

.list-summary .item-qty > * {
    float: left;
    font-size: 12px;
}

.list-summary .item-qty > span {
    display: inline-block;
    margin-right: 9px;
    line-height: 24px;
}

.list-summary .item-qty .input-group {
    width: 72px;
}

.list-summary .item-qty .input-group .btn,
.list-summary .item-qty .input-group .form-control {
    border: 1px solid #e1e4e6;
}

.list-summary .item-qty .input-group .btn {
    color: #a1a6b2;
    box-shadow: none;
}

.list-summary .item-qty .input-group .btn:hover {
    color: #5bc758;
}

.list-summary .item-qty .input-group .btn i {
    margin: 0;
    line-height: 14px;
    font-weight: 400;
    font-size: 14px;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.list-summary .item-qty .input-group .form-control {
    font-weight: 700;
    color: #2e3442;
    text-align: center;
    background: #fff;
}

.list-summary .item-qty > .btn {
    margin-top: -6px;
}

.list-summary .item-qty .bundle-item {
    color: #5bc758
}

.list-summary .item-license {
    position: absolute;
    right: -2px;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    color: #737780;
}

.list-summary .item-license a {
    position: relative;
    color: #737780;
}

.list-summary .item-license a span {
    border-bottom: 1px dotted;
    display: inline-block;
    padding-right: 12px;
    padding-left: 2px;
    line-height: 14px;
}

.list-summary .item-license a:hover i,
.list-summary .item-license a:hover span {
    color: #5bc758;
}

.list-summary .item-license a i {
    position: absolute;
    right: 0;
    top: 0;
}

.item-services {
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    border-left: 1px solid #e4e8eb;
}

.item-services li {
    position: relative;
    padding-right: 70px;
    font-size: 12px;
    line-height: 18px;
    color: #737780;
}

.item-services .service-qty {
    color: #a0a6b2;
}

.item-services .service-qty:after {
    content: 'x';
}

.item-services .service-actions {
    display: none;
    padding-left: 4px;
}

.item-services li:hover .service-actions {
    display: inline-block;
}

.item-services .service-actions a {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    color: #a1a6b2;
    line-height: 16px;
    border: 1px solid #e2e5e7;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.item-services .service-price {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
}

@media (max-width: 767px) {
    .panel-summary .panel-header .header-title h6 {
        position: relative;
        text-align: left;
        padding-left: 16px;
    }

    .panel-summary .panel-header .header-title h6 i {
        position: absolute;
        right: 5px;
        top: 13px;
    }

    .panel-summary .panel-list {
        padding: 0 8px 0;
    }

    .list-summary .item-price {
        font-size: 13px;
    }

    .list-summary .item-name {
        padding-right: 122px;
    }

    .list-summary .item-qty {
        padding-right: 116px;
    }
}

@media (max-width: 579px) {
    .list-summary .item-qty > span:not(.bundle-item) {
        display: none;
    }
}

.list-subtotal {
    padding-top: 11px;
    padding-bottom: 8px;
}

.list-subtotal li {
    position: relative;
    padding-right: 130px;
    line-height: 26px;
}

.list-subtotal li span {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    color: #2e3442;
}

.list-subtotal li.discount span,
.list-subtotal li.discount {
    color: #ff8e2b;
}

.list-subtotal li.discount.bundle-discount span {
    top: auto !important;
    bottom: 0 !important;
}


.total {
    padding: 21px 24px 24px;
    font-size: 38px;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    background: rgb(0, 56, 125);
    background: -moz-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 82, 163, 1)), color-stop(100%, rgba(0, 70, 140, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    /* ie10+ */
    background: linear-gradient(340deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0052a3', endColorstr='#00468c', GradientType=0);
    /* ie6-9 */
}

.total > span {
    margin-bottom: 11px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(221, 238, 255, 0.8);
}

.total .input-group {
    margin-top: 18px;
}

.total .form-control {
    height: 40px;
    background: rgba(0, 0, 0, 0.15);
    border: 0;
    font-size: 12px;
    color: #86abd1;
}

.total .form-control::-moz-placeholder {
    color: #86abd1;
    opacity: 1;
}

.total .form-control:-ms-input-placeholder {
    color: #86abd1;
}

.total .form-control::-webkit-input-placeholder {
    color: #86abd1;
}

.total .btn {
    height: 40px;
    min-width: 43px;
    padding: 0;
}

.total .btn > span > i {
    font-size: 19px;
}

.total .input-group:not(.promocode-added) .zmdi-close,
#upgrade-promo-code-form .input-group:not(.promocode-added) .zmdi-close {
    display: none;
}

.total .input-group.promocode-added .zmdi-check,
#upgrade-promo-code-form .input-group.promocode-added .zmdi-check {
    display: none;
}

.total .input-group.promocode-added .btn:hover:before,
.total .input-group.promocode-added .btn:hover:after,
#upgrade-promo-code-form .input-group.promocode-added .btn:hover:before,
#upgrade-promo-code-form .input-group.promocode-added .btn:hover:after {
    display: none;
}

.total .input-group.promocode-added .btn {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(221, 238, 255, 0.8);
    box-shadow: none;
    border: 0;
    margin: 0;
}

.total .input-group.promocode-added .btn:hover,
#upgrade-promo-code-form .input-group.promocode-added .btn:hover {
    color: #fff;
}

.total .input-group.promocode-added .label,
#upgrade-promo-code-form .input-group.promocode-added .label {
    position: absolute;
    z-index: 10;
    top: 8px;
    left: 8px;
}

#upgrade-promo-code-form .input-group.promocode-added {
    border: 1px solid #d7dbe0;
}

#upgrade-promo-code-form .input-group.promocode-added input[type=text] {
    border: none;
}

#upgrade-promo-code-form .input-group.promocode-added button,
#upgrade-promo-code-form .input-group.promocode-added button:hover,
#upgrade-promo-code-form .input-group.promocode-added button:active,
#upgrade-promo-code-form .input-group.promocode-added button:focus,
#upgrade-promo-code-form .input-group.promocode-added button:visited,
#upgrade-promo-code-form .input-group.promocode-added button:focus:active,
#upgrade-promo-code-form .input-group.promocode-added button:before {
    background-image: none !important;
    background: transparent !important;
    color: #a1a5b2 !important;
    z-index: 0;
    box-shadow: none;
}

.page-filename-upgrade .table-summary .cell-value {
    padding-left: 12px;
}

@media (max-width: 767px) {
    .list-subtotal li {
        font-size: 13px;
    }

    .total {
        padding: 14px 16px 16px;
        font-size: 33px;
    }

    .total > span {
        font-size: 13px;
    }

    .total .input-group {
        margin-top: 13px;
    }
}

@media (max-width: 420px) {
    .list-subtotal li {
        padding-right: 70px;
    }
}

/* list payment methods*/
.panel-body#payment-methods-container {
    padding: 24px;
}

.list-payment-method {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.list-payment-method .payment-method-selector-item {
    width: 241px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.list-payment-method .payment-method-selector-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #D7DBE0;
    border-radius: 4px;
    transition: all .24s ease;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-payment-method .payment-method-selector-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #5bc758;
    border-radius: 4px;
    transition: all .24s ease;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess,
.list-payment-method .payment-method-selector-item#payment-box-freeaccess {
    width: 100%;
}

.list-payment-method .payment-method-selector-item:hover::before,
.list-payment-method .payment-method-selector-item.active::before {
    opacity: 0;
}

.list-payment-method .payment-method-selector-item:hover::after,
.list-payment-method .payment-method-selector-item.active::after {
    opacity: 1;
}

.list-payment-method .payment-method-selector-item.unavailable::before {
    opacity: 1 !important;
}

.list-payment-method .payment-method-selector-item.unavailable::after {
    opacity: 0 !important;
}

.list-payment-method .payment-method-selector-item.unavailable .payment-method-selector {
    opacity: 0.3;
    user-select: none;
    pointer-events: none;
    z-index: 2;
    cursor: default;
    position: relative;
}

.list-payment-method .payment-method-selector-item.unavailable .payment-method-subscription-badge {
    opacity: 0.3;
}

.list-payment-method .payment-method-selector-item .payment-method-selector {
    position: relative;
    display: block;
    z-index: 2;
}

.list-payment-method .payment-method-selector-item .payment-method-selector-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 23.5px;
    padding: 24px 20px 16px 20px;
    text-align: center;
    position: relative;
    transition: all .24s ease;
    border: none;
}

.list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess .payment-method-selector .payment-method-selector-content,
.list-payment-method .payment-method-selector-item#payment-box-freeaccess .payment-method-selector .payment-method-selector-content {
    flex-direction: row;
    align-items: center;
    padding: 16px 20px;
    gap: 16px;
}

.list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess .payment-method-selector-content .btn,
.list-payment-method .payment-method-selector-item#payment-box-freeaccess .payment-method-selector-content .btn {
    max-width: 200px;
    margin-left: auto;
}

.list-payment-method .payment-method-selector-item .payment-method-subscription-badge {
    position: absolute;
    top: -16px;
    right: -16px;
}

.list-payment-method .payment-method-selector-item .payment-method-check-icon {
    position: absolute;
    top: -1px;
    right: -1px;
    opacity: 0;
    visibility: hidden;
    transition: all .24s ease;
}

.list-payment-method .payment-method-selector-item.active .payment-method-check-icon {
    opacity: 1;
    visibility: visible;
}

.list-payment-method .payment-method-selector-item .icon {
    height: 48px;
}

.list-payment-method .payment-method-selector-item .icon img {
    height: 100%;
}

.list-payment-method .payment-method-selector-item .name {
    color: #2E3442;
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
}

.list-payment-method .payment-method-selector-item .btn {
    padding: 4px 16px;
    font-size: 11px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    border-radius: 4px;
}

.list-payment-method .payment-method-selector-item:not(#payment-box-daysfreeaccess):not(#payment-box-freeaccess) .btn {
    margin-top: auto;
}

.list-payment-method .payment-method-selector-item .btn.choose-gateway {
    color: #32972F;
    background: #E8F8E5;
}

.list-payment-method .payment-method-selector-item.active .btn-default,
.list-payment-method .payment-method-selector-item:not(.active) .btn-primary {
    display: none;
}

@media (max-width: 1199px) {
    .list-payment-method .payment-method-selector-item {
        width: 267px;
    }
}

@media (max-width: 991px) {
    .list-payment-method .payment-method-selector-item {
        width: 216px;
    }

    .list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess,
    .list-payment-method .payment-method-selector-item#payment-box-freeaccess {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .list-payment-method .payment-method-selector-item {
        flex: 1 1 33%;
        width: 100%;
    }

    .list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess,
    .list-payment-method .payment-method-selector-item#payment-box-freeaccess {
        flex: 1 1 100%;
    }

    .list-payment-method .payment-method-selector-item .payment-method-selector-content {
        gap: 11.5px;
        padding: 16px 20px;
    }
}

@media (max-width: 579px) {
    .list-payment-method .payment-method-selector-item {
        flex: 1 1 100%;
        width: 100%;
    }

    .list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess .payment-method-selector .payment-method-selector-content,
    .list-payment-method .payment-method-selector-item#payment-box-freeaccess .payment-method-selector .payment-method-selector-content {
        flex-direction: column;
    }

    .list-payment-method .payment-method-selector-item#payment-box-daysfreeaccess .payment-method-selector-content .btn,
    .list-payment-method .payment-method-selector-item#payment-box-freeaccess .payment-method-selector-content .btn {
        max-width: unset;
        margin: 0;
        width: 100%;
    }
}

/* .payment-box-description {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 28px 16px;
    background: #fff;
    bottom: -1px;
    right: -1px;
    color: #ff8e2b;
    line-height: 20px;
    border: 1px solid #ff8e2b;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: linear opacity .15s;
    -moz-transition: linear opacity .15s;
    transition: linear opacity .15s;
}

#payment-box-freeaccess.unavailable a:hover .payment-box-description,
#payment-box-daysfreeaccess.unavailable a:hover .payment-box-description {
    opacity: 1;
    z-index: 10;
} */

/* Payment methods on invoice (toolbar responsive */


@media (min-width: 992px) {
    .btn.scroll-to-payments {
        display: none;
    }
}

@media (max-width: 991px) {
    .btn.scroll-to-payments:hover {
        color: #fff !important;
        border: 1px solid rgba(134, 171, 210, 0.4) !important;
    }

    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) {
        display: flex;
        align-items: center;
    }

    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) .header-toolbar {
        display: flex;
        flex-direction: row;
        gap: 16px;
        justify-content: flex-end;
        width: 100%;
    }

    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) .header-toolbar .btn {
        margin: 0;
    }

    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) .header-title {
        width: 100%;
    }
}

@media (max-width: 579px) {
    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) .header-toolbar {
        margin-top: 24px;
        justify-content: flex-start;
    }

    .page-filename-viewinvoice .content-header:has(.btn.scroll-to-payments) .header-toolbar .btn {
        width: 100%;
    }
}

/* Payment methods on invoice */

#invoice-gateway .form-group {
    margin-bottom: 20px;
}

#invoice-gateway .panel-body .form-actions:has(p) {
    background: #F4F4F4;
    border-radius: 4px;
    padding: 14px;
}

#invoice-gateway .panel-body .form-actions:has(p) > p {
    font-size: 11px;
    line-height: 145%;
    color: #6B7488;
    font-weight: 400;
    margin: 0;
}

.invoice-payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.invoice-payment-methods .invoice-payment-method-item {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 10px;
    width: 110px;
    height: 110px;
    transition: all .24s ease;
    border-radius: 4px;
    position: relative;
    flex-direction: column;
    cursor: pointer;
    overflow: hidden;
}

.invoice-payment-methods .invoice-payment-method-item.unavailable {
    pointer-events: none !important;
    user-select: none !important;
}

.invoice-payment-methods .invoice-payment-method-item.unavailable .icon,
.invoice-payment-methods .invoice-payment-method-item.unavailable .name,
.invoice-payment-methods .invoice-payment-method-item.unavailable .invoice-payment-method-badge {
    opacity: 0.3;
}

.invoice-payment-methods .invoice-payment-method-item.unavailable::before {
    opacity: 1 !important;
}

.invoice-payment-methods .invoice-payment-method-item.unavailable::after,
.invoice-payment-methods .invoice-payment-method-item.unavailable .invoice-payment-method-selected {
    opacity: 0 !important;
}

.invoice-payment-methods .invoice-payment-method-item .icon {
    height: 42px;
    width: 60px;
    user-select: none !important;
}

.invoice-payment-methods .invoice-payment-method-item .icon img {
    height: 100%;
    width: 100%;
}


.invoice-payment-methods .invoice-payment-method-item .name {
    font-size: 11px;
    line-height: 150%;
    font-family: 'Raleway';
    font-weight: 400;
    color: #6B7488;
    text-align: center;
    display: flex;
    align-items: center;
    flex: 1;
}

.invoice-payment-methods .invoice-payment-method-item .invoice-payment-method-selected {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: opacity .24s ease;
    width: 28px;
    height: 28px;
}

.invoice-payment-methods .invoice-payment-method-item[selected="selected"] .invoice-payment-method-selected {
    opacity: 1;
}

.invoice-payment-methods .invoice-payment-method-item .invoice-payment-method-badge {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 23px;
    height: 12px;
}

.invoice-payment-methods .invoice-payment-method-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #D7DBE0;
    border-radius: 4px;
    transition: all .24s ease;
    opacity: 1;
    top: 0;
    left: 0;
}

.invoice-payment-methods .invoice-payment-method-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #5bc758;
    border-radius: 4px;
    transition: all .24s ease;
    opacity: 0;
    top: 0;
    left: 0;
}

.invoice-payment-methods .invoice-payment-method-item:hover::after,
.invoice-payment-methods .invoice-payment-method-item[selected="selected"]::after {
    opacity: 1;
}

.invoice-payment-methods .invoice-payment-method-item:hover::before,
.invoice-payment-methods .invoice-payment-method-item[selected="selected"]::before {
    opacity: 0;
}

@media (max-width: 1199px) {
    .invoice-payment-methods .invoice-payment-method-item {
        flex: 1 1 100%;
    }
}

@media (max-width: 991px) {
    .invoice-payment-methods .invoice-payment-method-item {
        width: 105px;
        flex: unset;
    }
}

@media (max-width: 767px) {
    .invoice-payment-methods .invoice-payment-method-item {
        width: unset;
        min-width: 90px;
        flex: 1 0 30% !important;
    }
}

/*** OTHERS ***/

/* password strenght && pwgenerator */
.pw-generate {
    font-size: 12px;
    color: #004f9e;
}

#new-generated-password {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

/* credit card */
.credit-card {
    max-width: 425px;
    padding: 24px 24px 32px;
    background: -moz-linear-gradient(160deg, rgba(65, 154, 217, 1) 0%, rgba(65, 154, 217, 1) 1%, rgba(91, 203, 240, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91, 203, 240, 1)), color-stop(99%, rgba(65, 154, 217, 1)), color-stop(100%, rgba(65, 154, 217, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(160deg, rgba(65, 154, 217, 1) 0%, rgba(65, 154, 217, 1) 1%, rgba(91, 203, 240, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(160deg, rgba(65, 154, 217, 1) 0%, rgba(65, 154, 217, 1) 1%, rgba(91, 203, 240, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(160deg, rgba(65, 154, 217, 1) 0%, rgba(65, 154, 217, 1) 1%, rgba(91, 203, 240, 1) 100%);
    /* ie10+ */
    background: linear-gradient(340deg, rgba(65, 154, 217, 1) 0%, rgba(65, 154, 217, 1) 1%, rgba(91, 203, 240, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bcbf0', endColorstr='#419ad9', GradientType=0);
    /* ie6-9 */
    border-radius: 20px;
}

.credit-card .card-header {
    position: relative;
    height: 32px;
    margin-bottom: 20px;
}

.credit-card .card-header h5 {
    margin: 0;
    color: #fff;
    line-height: 32px;
}

.credit-card .card-type {
    position: absolute;
    right: 0;
    top: -10px;
    height: 32px;
}

.credit-card .card-type i {
    font-size: 50px;
    color: #fff;
}

.credit-card .control-label {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 24px;
}

.credit-card .form-control {
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    border: 0;
}

/* OTHERS - helpers */
.lg-on,
.no-scroll {
    overflow: hidden !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

[data-toggle="tooltip"] {
    color: #a1a5b2;
}

p.info {
    position: relative;
    padding-left: 11px;
    font-size: 13px;
    line-height: 18px;
    color: #a1a6b2;
}

p.info:before {
    position: absolute;
    left: 1px;
    top: 3px;
    content: '*';
    font-size: 21px;
}

.content-sidebar p.info {
    margin-top: 14px;
}

/* mobile summary*/
@media (min-width: 768px) {
    .mobile-summary {
        display: none;
    }
}

@media (max-width: 767px) {
    .mobile-summary {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        z-index: 11;
        background: #004c99;
    }

    .mobile-summary .summary-total,
    .mobile-summary a {
        width: 50%;
        float: left;
    }

    .mobile-summary .summary-total {
        padding: 10px 20px;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
    }

    .mobile-summary .summary-total span {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(221, 238, 255, 0.8);
    }

    .mobile-summary a {
        padding: 19px;
        height: 56px;
        border-radius: 0;
    }

    .mobile-summary a i {
        font-size: 19px;
        margin-left: 12px;
        margin-top: -2px;
        vertical-align: top;
    }
}

/* product-overview */
.overview-container {
    position: absolute;
    margin-top: 100px;
    right: 356px;
    top: 0;
    bottom: 0;
    left: 0;
}

.product-overview {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: ease-in-out all .2s;
    -moz-transition: ease-in-out all .2s;
    transition: ease-in-out all .2s;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

.product-overview.overview-show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    visibility: visible;
}

.overview-header {
    padding: 27px 30px 0;
    overflow: hidden;
    background: rgb(0, 56, 125);
    background: -moz-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 82, 163, 1)), color-stop(100%, rgba(0, 70, 140, 1)));
    background: -webkit-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    background: -o-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    background: -ms-linear-gradient(160deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    background: linear-gradient(340deg, rgba(0, 70, 140, 1) 0%, rgba(0, 82, 163, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0052a3', endColorstr='#00468c', GradientType=0);
}

.overview-header .close {
    position: absolute;
    right: 22px;
    top: 26px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index: 2;
}

.overview-header .close:hover {
    color: #fff;
}

.overview-header .header-logo {
    overflow: hidden;
    position: absolute;
    top: 27px;
    left: 30px;
    width: 162px;
    height: 152px;
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.overview-header .title-icon {
    top: 50%;
    left: 50%;
}

.overview-header .header-icon:before,
.overview-header .header-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
}

.overview-header .header-info {
    position: relative;
    height: 152px;
    margin-bottom: 20px;
    padding-left: 187px;
    padding-bottom: 40px;
}

.overview-header .header-info > span {
    display: block;
    margin: 0 0 11px;
    font-size: 28px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
}

.overview-header .header-info > span .label {
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
}

.overview-header .header-info .price {
    line-height: 40px;
    font-size: 32px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 187px;
}

.overview-header .header-info .price small {
    font-size: 18px;
    vertical-align: baseline;
    line-height: 1;
}

.overview-header .header-info .price.discount {
    color: #ff8e2b;
}

.overview-header .header-info .price span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: rgba(221, 238, 255, 0.8);
    vertical-align: top;
}

.overview-header .header-info .price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: rgba(221, 238, 255, 0.8);
}

.overview-header .header-info .actions {
    position: absolute;
    right: 0;
    bottom: 0;
}

.overview-header .header-info .btn {
    min-width: 120px;
}

.overview-header .header-info .btn + .btn {
    margin-left: 4px;
}

.product-overview .tab-content {
    box-shadow: none;
}

.product-overview .nav-transparent {
    margin-bottom: 4px;
}

.product-overview .nav-transparent > li.active > a:after {
    bottom: -4px;
}

.product-overview .product-tab-header {
    display: none;
}

#product-gallery {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#product-gallery a {
    height: 224px;
    position: relative;
    display: block;
    border: 1px solid #e9edf2;
    margin-bottom: 16px;
}

#product-gallery a:hover {
    border: 1px solid #5bc758;
}

#product-gallery a img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 1200px) {
    .overview-container .product-overview {
        position: absolute;
        margin-bottom: 24px;
    }
}

@media (max-width: 1199px) {
    .overview-container .product-overview {
        position: fixed;
        right: 0;
        bottom: 0;
        overflow-y: auto;
    }
}

@media (min-width: 768px) {
    .overview-header .title-icon {
        width: 136px;
        height: 136px;
        margin-top: -68px;
        margin-left: -68px;
    }
}

@media (max-width: 767px) {
    .overview-header {
        padding: 22px 18px 0;
    }

    .overview-header .close {
        right: 11px;
        top: 7px;
        font-size: 19px;
    }

    .overview-header .header-logo {
        width: 72px;
        height: 72px;
        overflow: hidden;
        border-radius: 8px;
        top: 25px;
        left: 19px;
    }

    .overview-header .header-logo img {
        width: 48px;
    }

    .overview-header .header-info {
        padding-left: 90px;
        height: 130px;
    }

    .overview-header .breadcrumb {
        display: none;
    }

    .overview-header .header-info > span {
        font-size: 17px;
        line-height: 24px;
    }

    .overview-header .header-info .list-product-info {
        padding-left: 0;
    }

    .overview-header .title-icon {
        width: 72px;
        height: 72px;
        margin-top: -36px;
        margin-left: -36px;
    }

    .overview-header .header-info .price {

        line-height: 40px;
        font-size: 18px;
        left: 0;
    }
}

@media (max-width: 579px) {
    .overview-header .header-info .btn {
        min-width: 1px;
        padding: 10px 5px;
    }

    .overview-header .header-info .btn-outline {
        padding: 7px 16px;
    }
}

/* light slider */
.lSSlideOuter {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table;
}

body:not(.support-page) .lightSlider:not(.nav-tabs) {
    margin: 0;
    height: 100% !important;
}

.tiered-pricing .nav-sm.nav-tabs > li > a {
    margin-right: 5px !important;
}

.lightSlider > [class*="col-"] {
    padding: 0;
}

#cart-first-step-content .lSSlideOuter {
    padding-top: 40px;
    margin-top: -40px;
}

@media (min-width: 786px) {
    #cart-first-step-content .lSSlideOuter {
        overflow: hidden;
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

#cart-first-step-content .lSSlideWrapper {
    overflow: visible;
}

/*.page-product-view .page-content .lSSlideWrapper {*/
/*    overflow: visible;*/
/*}*/


#cart-first-step-content .lSAction {
    position: absolute;
    top: -44px;
    right: -7px;
}

#cart-first-step-content .lSAction a {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 24px;
    color: #a1a6b2;
    line-height: 32px;
    text-align: center;
    position: static;
    -webkit-transition: linear color .15s;
    -moz-transition: linear color .15s;
    transition: linear color .15s;
}

#cart-first-step-content .lSAction a + a {
    margin-left: 8px;
}

#cart-first-step-content .lSSlideOuter .lSAction a:hover {
    color: #2e3442;
}

#cart-first-step-content > .widget-slider-container:first-of-type .lSAction a {
    color: rgba(221, 238, 255, 0.8);
}

#cart-first-step-content > .widget-slider-container:first-of-type .lSAction a:hover {
    color: #fff;
}

.lSSlideWrapper {
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transformt;
    transition-property: transform;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.title-slider .first {
    position: relative;
    z-index: 10;
}

.lSSlideWrapper .lSFade > *.slide-active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.slide-active {
    opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}

/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 83px;
    padding: 8px 0 8px 8px;;
    min-width: 100%;
    background: rgba(0, 0, 0, 0.1);
    list-style: none outside none;
    margin: 0 !important;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.lSSlideOuter .lSPager.lSGallery li {
    max-height: 67px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    opacity: 0.5;
    height: 100%;
}

.lSSlideOuter .lSPager.lSGallery li:last-of-type {
    margin-right: 0 !important;
}

.lSSlideOuter .lSPager.lSGallery li.active {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 100%;
    width: 100%;
}

.lSSlideOuter .lSPager.lSGallery li.slide-active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1;
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/
@media (min-width: 992px) {
    .title-slider {
        max-height: 456px;
    }

    .title-slider .lSSlideOuter {
        background: #e9edf2;
    }
}

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    /*background-image: url('../img/controls.png');*/
    cursor: pointer;
    position: absolute;
    z-index: 99;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
    opacity: 1;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0 !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */

/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    padding-bottom: 0 !important;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */

/*
.lightSlider.lsGrab>* {
  cursor: pointer;
}
*/
.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.title-container {
    position: relative;
}

.title-content {
    position: relative;
    text-align: left;
}

.marketplace-page .title-content h1 {
    overflow: hidden;
    line-height: 38px;
    margin-bottom: 11px;
    font-size: 32px;
    margin-right: -10px;
}

.marketplace-page .title-content h1 > span.label {
    position: relative;
    top: -3px;
    margin-left: 16px;
    vertical-align: middle;
}

.title-slider {
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

.title-slider .lSSlideOuter {
    position: absolute;
    width: 100%;
}

.slider-item {
    height: 100%;
    background: #fff;
    padding-bottom: 84px;
}

.slider-item > a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 84px;
    left: 0;
    right: 0;
    overflow: hidden;
}

.title-slider .slider-item a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.banner-title .item-logo {
    display: table;
    height: 100%;
    width: 100%;
}

.banner-title .item-logo .title-icon {
    width: 112px;
    height: 112px;
    left: 50%;
    top: 50%;
    margin: -56px 0 0 -56px;
}

.banner-title .item-logo .title-icon span:before {
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px);
}

.banner-title .item-logo .title-icon span:after {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
}

.banner-title .item-logo .title-icon img {
    width: 72px;
}

.banner-title .item-logo a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1024;
}

.title-slider .slider-item img {
    color: transparent;
}

.title-slider .slider-item .item-icon {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
    width: 224px;
    height: 224px;
    margin: 0 auto;
    color: transparent;
}

.title-slider .slider-item .item-icon img {
    width: 144px;
}

.title-slider .slider-item .item-icon:before,
.title-slider .slider-item .item-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
}

.title-slider .slider-item .item-icon span,
.title-slider .slider-item .item-icon:before,
.title-slider .slider-item .item-icon:after {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.title-slider .slider-item .item-icon span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: ease-in-out all .45s;
    transition: ease-in-out all .45s;
}

.title-slider .slider-item .item-icon:before {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
    background: rgba(255, 255, 255, 0.04);
}

.title-slider .slider-item .item-icon:after {
    width: calc(100% + 128px);
    height: calc(100% + 128px);
    margin-top: calc(-50% - 64px);
    margin-left: calc(-50% - 64px);
    background: rgba(255, 255, 255, 0.02);
}

.title-slider .slider-item .item-slogan {
    font-size: 24px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.title-slider .slider-item .item-slogan b {
    font-weight: 900;
}

.title-slider .slider-item .item-slogan b.no-break {
    white-space: nowrap;
}

.banner-title .content-item {
    position: absolute;
    left: 0;
    top: 0;
}

.title-content .content-item .title-slogan {
    display: none;
}

@media (min-width: 1200px) {
    .title-content {
        width: 58%;
    }

    .title-slider {
        width: 42%;
    }

    .title-slider .slider-item .item-slogan {
        padding: 0 120px;
    }
}

@media (min-width: 992px) {
    .slider-item {
        height: 456px;
    }

    .title-content {
        padding-left: 40px;
    }

    .title-content .product-license {
        left: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title-content {
        width: 60%;
    }

    .title-slider {
        width: 40%;
    }

    .title-slider .slider-item .item-slogan {
        padding: 0 24px;
    }
}

@media (min-width: 992px) {
    .title-container {
        display: flex;
        align-content: stretch;
    }

    .title-content,
    .title-slider {
        float: left;
    }

    .banner-title .content-item {
        display: none;
    }
}

@media (min-width: 768px) {
    .title-content {
        min-height: 456px;
        padding-bottom: 329px;
    }

    .title-content .product-license {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media (max-width: 991px) {
    .title-slider {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .marketplace-page .title-content {
        padding-left: 150px;
        min-height: 470px;
    }

    .banner-title .content-item {
        width: 126px;
        height: 126px;
        overflow: hidden;
        border-radius: 8px;
    }

    .product-license {
        left: 0;
    }
}

@media (max-width: 767px) {
    .marketplace-page .title-content h1 {
        margin-left: 72px;
        margin-bottom: 12px;
        font-size: 17px;
        font-weight: 700;
        line-height: 24px;
        padding-left: 16px;
        margin-top: -6px;
    }

    .page-product-view .banner-title .content-item {
        position: absolute;
        top: 3px;
        float: left;
        width: 72px;
        height: 72px;
        overflow: hidden;
        border-radius: 8px;
    }

    .page-product-view .title-content:before {
        display: inline-block;
        content: "";
        float: left;
        height: 72px;
        width: 1px;
    }

    .banner-title .item-logo .title-icon {
        width: 72px;
        height: 72px;
        left: 50%;
        top: 50%;
        margin: -36px 0 0 -36px;
    }

    .banner-title .item-logo .title-icon img {
        height: 48px;
    }

    .banner-title .breadcrumb {
        display: none;
    }

    .product-license {
        padding-top: 18px;
    }

    .page-product-view .title-content .product-license {
        margin-bottom: 14px;
    }

}

.tab-section-price .bundle-info {
    padding-left: 0px;
    font-size: 12px;
    margin: 11px 0 0 0;
    line-height: 16px;
    text-align: justify;
    color: #a1a6b2;
}

@media (max-width: 580px) {
    .tab-section-price .bundle-info {
        display: none;
    }
}

/*! lightgallery - v1.2.22 - 2016-07-20
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face {
    font-family: 'lg';
    src: url("../fonts/page_icons/lg.eot?n1z373");
    src: url("../fonts/page_icons/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/page_icons/lg.woff?n1z373") format("woff"), url("../fonts/page_icons/lg.ttf?n1z373") format("truetype"), url("../fonts/page_icons/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    position: absolute;
    top: 0;
    height: 100%;
    width: 80px;
    z-index: 999;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    z-index: 1080;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff;
}

.lg-actions .lg-next {
    right: 0;
}

.lg-actions .lg-next:before {
    content: "\e095";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px
}

.lg-actions .lg-prev {
    left: 0;
}

.lg-actions .lg-prev:after {
    content: "\e094";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
    color: #fff;
}

.lg-toolbar .lg-close:after {
    content: "\e070";
}

.lg-toolbar .lg-download:after {
    content: "\e0f2";
}

.lg-sub-html {
    display: none;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 17px;
    vertical-align: middle;
}

@-moz-document url-prefix() {
    #lg-counter {
        padding-top: 16px;
    }
}

.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    background: #fff;
}

body:not(.development-page) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    max-height: 700px;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-outer .lg-thumb-outer {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
    padding: 35px 0;
    height: 100%;
    min-width: 100%;
    text-align: center;
}

.development-page .lg-outer .lg-thumb {
    padding: 8px 0;
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    background: #fff;
    opacity: 0.7;
    -webkit-transition: linear all .2s;
    -moz-transition: linear all .2s;
    transition: linear all .2s;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    opacity: 1;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}

.lg-outer .lg-toogle-thumb {
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff;
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer;
}

.lg-outer .lg-has-html5 .lg-video-play {
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible;
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}

.lg-autoplay-button:after {
    content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#lg-zoom-in:after {
    content: "\e311";
}

#lg-actual-size {
    font-size: 20px;
}

#lg-actual-size:after {
    content: "\e033";
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}

#lg-zoom-out:after {
    content: "\e312";
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}

@media (max-width: 767px) {
    .lg-thumb-outer {
        display: none;
    }
}

@media (max-width: 579px) {
    .lg-autoplay-button {
        display: none;
    }
}

.lg-fullscreen:after {
    content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d";
}

.group {
    *zoom: 1;
}

.group:before,
.group:after {
    display: table;
    content: "";
    line-height: 0;
}

.group:after {
    clear: both;
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lg-outer.lg-visible {
    opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}

.lg-outer .lg-inner {
    width: 100%;
    height: calc(100% - 177px);
    position: absolute;
    left: 0;
    top: 40px;
    white-space: nowrap;
}

.lg-outer .lg-item {
    /*background: url("../img/loading.gif") no-repeat scroll center center transparent;*/
    display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.lg-outer .lg-item.lg-complete {
    background-image: none;
}

.lg-outer .lg-item.lg-current {
    z-index: 1060;
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 80vh;
    width: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-empty-html {
    display: none;
}

.lg-outer #lg-download {
    display: none;
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #2e3442;;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
    opacity: 0.92;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
    opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*
 * Scrollabar in sidebar
 */

/* perfect-scrollbar v0.6.11 */
#order-cart-summary .ps__rail-y {
    opacity: 0.6;
}

#order-cart-summary.is-sticky {
    position: sticky;
}


/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 10px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
    z-index: 999;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
    background-color: #999;
    /*width: 11px;*/
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

/* no data */
.no-data {
    position: relative;
    height: 436px;
    text-align: center;
}

.no-data-sm {
    height: 290px;
}

.no-data-slogan {
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
}

/* No Data > Default */
.no-data .icon-holder {
    position: relative;
    display: inline-block;
    height: 96px;
    width: 96px;
    line-height: 94px;
    margin-bottom: 24px;
    border: 1px solid #e9edf2;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.no-data .icon-holder > i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 40px;
    text-align: center;
    vertical-align: middle;
}

.no-data .icon-holder .circle {
    position: absolute;
    right: -1px;
    bottom: -1px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #004a95;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: none;
}

.no-data .icon-holder .circle > i {
    font-size: 16px;
    color: #fff;
}

.tab-content .tab-pane .no-data-slogan > p,
.no-data-slogan > p {
    margin-bottom: 0;
    color: #2e3442;
    font-size: 20px;
    font-weight: 500;
    text-align: center !important;
}

.no-data-slogan > p + span {
    margin-top: 14px
}

.no-data-slogan > span {
    font-size: 15px;
    display: block;
}

.no-data .no-data-slogan > span {
    font-size: 14px;
    line-height: 22px;
}

.no-data .no-data-slogan > span + span {
    margin-top: 12px;
}

.no-data .no-data-slogan > p + .btn,
.no-data .no-data-slogan > span + .btn {
    margin-top: 30px;
}

/* No Data > SM */
.no-data-sm .icon-holder {
    height: 80px;
    width: 80px;
    line-height: 74px;
}

.no-data-sm .icon-holder > i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 32px;
}

.no-data-sm .icon-holder .circle {
    height: 24px;
    width: 24px;
    line-height: 24px;
}

.no-data-sm .icon-holder .circle > i {
    font-size: 16px;
}

.no-data-sm .no-data-slogan > span {
    font-size: 14px;
}

.no-data-sm .no-data-slogan > span + .btn {
    margin-top: 30px;
}

.no-data-sm .no-data-slogan p {
    font-size: 16px;
}

.documentation-list .no-data-slogan {
    max-width: 430px;
    margin: 0 20px;
}

@media (max-width: 991px) {
    .panel-support .no-data {
        height: 236px;
        margin-bottom: -52px;
    }
}

/* No Data > LG */
@media (min-width: 768px) {
    .no-data:before {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

    .tab-pane .no-data {
        height: 170px;
        margin-bottom: 50px;
    }

    .no-data-lg .icon-holder {
        width: 140px;
        height: 140px;
        line-height: 138px;
    }

    .no-data-lg .icon-holder > i {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 72px;
    }

    .no-data-lg .icon-holder .circle {
        width: 48px;
        height: 48px;
        line-height: 54px;
    }

    .no-data-lg .icon-holder .circle > i {
        font-size: 24px;
        color: #fff;
    }

    .content-sidebar .no-data-slogan {
        max-width: 280px;
    }
}

@media (min-width: 579px) {
    .panel-widget .panel-cards .no-data:before {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }
}

/* no-data modal */
.modal .no-data {
    height: auto;
}

.modal .no-data:before {
    display: none;
}

.modal .no-data-slogan p {
    font-size: 18px;
    font-weight: 700;
}

.modal .no-data-slogan > span {
    line-height: 25px;
}

.modal .no-data-slogan .btn {
    min-width: 190px;
}

@media (max-width: 767px) {
    .no-data {
        height: auto;
        padding: 30px 0;
    }
}

/* promo bar */
.promo-bar {
    position: relative;
    margin-bottom: 24px;
    background: -moz-linear-gradient(160deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 142, 43, 1)), color-stop(100%, rgba(255, 108, 44, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(160deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(160deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(160deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
    /* ie10+ */
    background: linear-gradient(340deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b', endColorstr='#ff6c2c', GradientType=0);
    /* ie6-9 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}

.bar-desc p {
    color: #9b481d;
    line-height: 16px;
}

.bar-desc p:nth-of-type(1) {
    margin: 0 0 7px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
}

.bar-desc p:nth-of-type(2) {
    margin: 0;
    font-size: 16px;
}

.bar-desc p span {
    color: #fff;
    font-weight: 700;
}

.bar-values {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.bar-values .values-container {
    position: absolute;
    padding: 20px 0 20px 40px;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}

.bar-values:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: linear-gradient(90deg, rgba(255, 121, 43, 1) 0%, rgba(255, 124, 43, 0) 100%);
    z-index: 2;
}

.values-container > * {
    display: inline-block;
    vertical-align: middle;
}

.bar-values .circle {
    position: relative;
    height: 50px;
    width: 50px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    border: 2px solid rgba(225, 228, 230, 0.2);
    -webkit-transition: all .45s;
    transition: all .45s;
}

.bar-values .circle.active {
    background: #ffa47a;
    border-color: #ffa47a;
}

.bar-values .circle.circle-animated {
    animation: circle .9s;
}

@keyframes circle {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(2.5);
    }
    100% {
        transform: scale(1);
    }
}

.bar-values .circle,
.bar-values .circle.active:before,
.bar-values .circle.active:after {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.bar-values .circle.active:before,
.bar-values .circle.active:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
}

.bar-values .circle.active:before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    margin-top: calc(-50% - 10px);
    margin-left: calc(-50% - 10px);
    background: rgba(255, 255, 255, 0.06);
}

.bar-values .circle.active:after {
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    margin-top: calc(-50% - 20px);
    margin-left: calc(-50% - 20px);
    background: rgba(255, 255, 255, 0.04);
}

.bar-values .line-dotted {
    margin: 0 -3px;
}

.bar-values .dot {
    position: relative;
    width: 5px;
    height: 5px;
    float: left;
    padding: 1px;
}

.bar-values .dot:before {
    content: '';
    display: inherit;
    width: 3px;
    height: 3px;
    background: rgba(225, 228, 230, 0.2);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.bar-values .dot-done:before {
    background: #fff;
}

.bar-values .dot-active {
    padding: 0;
    animation: dot .9s;
}

.bar-values .dot-active:before {
    width: 5px;
    height: 5px;
    background: #fff;
}

@keyframes dot {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(2.5);
    }
    100% {
        transform: scale(1);
    }
}

@media (min-width: 1200px) {
    .promo-bar {
        padding: 27px 320px 27px 27px;
    }

    .bar-values {
        width: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .promo-bar {
        padding: 27px 210px 27px 27px;
    }

    .bar-values {
        width: 200px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .promo-bar {
        padding: 27px 320px 27px 27px;
    }

    .bar-values {
        width: 300px;
    }
}

@media (min-width: 768px) {
    .promo-bar {
        height: 90px;
    }
}

@media (max-width: 767px) {
    .promo-bar {
        text-align: center;
        padding: 16px 8px;
    }

    .bar-desc p:nth-of-type(1) {
        font-size: 18px;
    }

    .bar-desc p:nth-of-type(2) {
        font-size: 12px;
    }

    .bar-values {
        display: none;
    }
}

/* page complete */
.page-complete .panel {
    margin-bottom: 24px;
}

.panel-complete {
    margin-top: 56px;
}

.panel-complete .panel-body {
    padding-bottom: 64px;
}

.panel-complete.pc-big-p {
    margin-top: 104px;
}

.panel-complete.pc-big-p .panel-body {
    padding-top: 126px;
    padding-bottom: 150px;
}

.panel-complete img {
    margin: -21px 0 17px -28px;
    max-width: 100%;
}

.panel-complete p.lead {
    margin-bottom: 14px;
}

.panel-complete .list-styled {
    margin-bottom: 31px;
}

.panel-complete .list-styled li {
    display: inline-block;
}

.panel-complete .btn {
    min-width: 230px;
}

.panel-complete .icon-holder {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.panel-complete .icon-holder img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 72px;
}

@media (max-width: 579px) {
    .panel-complete img {
        margin-top: -16px;
    }
}

/* panel icon */
.panel-icon .panel-body {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 124px;
}

.panel-icon .panel-body > p:last-of-type {
    margin: 0;
}

.panel-icon .panel-body i {
    position: absolute;
    top: 25px;
    left: 31px;
    font-size: 64px;
}

.panel-icon .panel-body .icon-envelope {
    font-size: 36px;
    line-height: 64px
}

@media (max-width: 579px) {
    .panel.panel-icon > .panel-body {
        padding-left: 84px;
    }

    .panel-icon .panel-body i {
        position: absolute;
        top: 16px;
        left: 23px;
        font-size: 50px;
    }

    .panel-icon .panel-body .icon-envelope {
        font-size: 27px;
        line-height: 50px
    }
}

/* panel button */
.panel-btn .panel-body {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 224px;
}

.panel-icon .panel-body > p:last-of-type {
    margin: 0;
}

.panel-btn .panel-body .btn {
    min-width: 154px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .panel-btn .panel-body .btn {
        margin: 0;
        position: absolute;
        right: 32px;
        top: 32px;
    }
}

/* page error */
.error-content {
    padding: 103px 20px;
    text-align: center;
}

.error-content img {
    margin-left: -61px;
    margin-bottom: 19px;
}

.error-content .btn {
    margin: 20px 0 30px;
    min-width: 230px;
}

.error-content a:not(.btn) {
    color: #959da6;
    font-size: 15px;
}

.error-content a:not(.btn):hover {
    color: #5bc758;
}

@media (min-width: 992px) {
    .page-error .page-wrapper {
        margin-top: 68px;
        padding-top: 16px;
    }
}

@media (max-width: 768px) {
    .error-content {
        padding: 35px 20px;
    }

    .error-content img {
        max-width: 100%;
        margin-left: 0;
    }
}

/* spinner */
.button-loader {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
}

.spinner {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-top: 2px solid #fff;
    border-radius: 100%;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
}

.page-loader .spinner {
    border-color: #fff;
}

.panel-complete .spinner {
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-width: 8px;
    border-color: #e9edf2;
    border-top-color: #48b54a;
}

.widget-slider-container {
    position: relative;
    height: 273px;
}

.widget-slider-container.loading {
    margin-top: -40px;
}

.widget-slider-container.load .widget:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 6;
}

.widget-slider-loader {
    position: absolute;
    left: 0;
    top: 38px;
    bottom: 16px;
    right: 0;
    z-index: 1;
}

.widget-slider-loader .spinner {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-width: 3px;
    border-color: #fff;
}

.widget-slider-loader .spinner,
.panel-summary .loader .spinner,
.page-loader .spinner,
.btn-default .spinner,
.btn-outline .spinner {
    border-top-color: #48b54a;
}

.panel-summary .loader {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px;
    height: 20px;
}

.panel-summary .loader .spinner,
.btn-sm .spinner {
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px !important;
}

/* event disabled */
.disabled-event {
    pointer-events: none;
    cursor: default;
}

/* hide / show elements */
@media (min-width: 991px) {
    .hide-md {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .show-xl {
        display: none !important;
    }
}

/* others */
.checkout-security-msg {
    position: relative;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 40px;
    font-size: 13px;
    color: #a1a6b2;
    line-height: 18px;
}

.checkout-security-msg i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    font-size: 24px;
}

@media (min-width: 768px) {
    .documentation-link {
        display: none;
    }
}

@media (max-width: 767px) {
    .documentation-link {
        margin: 0 -10px;
        padding: 0 0 16px 0;
    }

    .documentation-link .btn i {
        display: inline-block;
        margin-right: 16px;
        font-size: 19px;
        vertical-align: top;
        line-height: 24px;
    }
}

.mb-24 {
    margin-bottom: 24px !important;
}

.w-964 {
    max-width: 964px;
    margin: 0 auto;
}

.w-984 {
    max-width: 984px;
    margin: 0 auto;
}

.w-1030 {
    max-width: 1030px;
    margin: 0 auto;
}

.not-visible {
    visibility: hidden;
}

.check-animate {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px;
    z-index: 10;
}

.check-animate:before {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 3px solid #5bc758;
    border-top: 3px solid #5bc758;
    content: '';
    display: block;
    height: 18px;
    left: 14px;
    width: 10px;
    -webkit-animation: check 0.8s;
    -moz-animation: check 0.8s;
    -o-animation: check 0.8s;
    animation: check 0.8s;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn-secondary .check-animate:before,
.btn-primary .check-animate:before {
    border-color: #fff;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 10px;
    }
    50% {
        height: 20px;
        width: 10px;
    }
}

@-moz-keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 10px;
    }
    50% {
        height: 20px;
        width: 10px;
    }
}

@-ms-keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 10px;
    }
    50% {
        height: 20px;
        width: 10px;
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 10px;
    }
    50% {
        height: 20px;
        width: 10px;
    }
}

/* wow animation */
.animate {
    visibility: hidden;
}

.animated {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50% {
        opacity: 1;
    }
}

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

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

body:not(.touchable) .no-height {
    min-height: 100px;
    overflow: hidden;
}

#scroll-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 20;
}

.page-product-view .tooltip-inner {
    max-width: 132px;
}

.custom-form-page .tooltip-inner {
    max-width: 500px;
    font-size: 13px;
    line-height: 18px;
    padding: 21px 24px;
}

.tooltip-upgrade-info .tooltip-inner {
    max-width: 142px;
}

.custom-form-page .tooltip-inner b {
    font-weight: 700;
}

.custom-form-page .tooltip-inner .read-more {
    display: block;
    margin-top: 8px;
}

.custom-form-page .tooltip-inner ul {
    margin: 10px 0 0;
    padding: 0 0 0 16px;
}

.custom-form-page .tooltip-inner ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    #customer-account-type-switcher .icon {
        display: none;
    }
}

@media (max-width: 767px) {
    .tabs-mobile-boxed {
        background: #fff;
        -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
        -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
        box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
    }

    .tabs-mobile-boxed .tab-content {
        background: transparent;
        box-shadow: none;
    }

    .tabs-mobile-boxed .tabs {
        position: relative;
        height: 48px;
        margin: 0;
    }

    .tabs-mobile-boxed .tabs:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        content: "";
        height: 1px;
        background-color: #e9edf2;
    }

    .tabs-mobile-boxed .tabs .nav {
        position: relative;
        z-index: 2;
        margin: 0;
    }

    .tabs-mobile-boxed .tabs .nav > li {
        margin-left: -1px;
    }

    .tabs-mobile-boxed .tabs .nav > li > a {
        margin: 0;
        padding: 0 16px;
        color: #2e3442;
        line-height: 48px;
    }

    .tabs-mobile-boxed .tabs .nav > li > a .badge {
        border-color: #dadddf;
        color: #a1a6b2;
    }

    .tabs-mobile-boxed .tabs .nav > li > a:after {
        display: nonee;
    }

    .tabs-mobile-boxed .tabs .nav > li > a:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        content: "";
        height: 2px;
        background-color: #5bc758;
    }

    .tabs-mobile-boxed .tabs .nav > li.active > a,
    .tabs-mobile-boxed .tabs .nav > li:hover > a {
        color: #5bc758;
    }

    .tabs-mobile-boxed .tabs .nav > li.active > a:before {
        display: block;
    }

    .tabs-mobile-boxed .tab-content > .tab-pane {
        min-height: 0;
    }

    .tabs-mobile-boxed .tabs {
        overflow: hidden;
    }
}

/* HELPERS */
.mt-0 {
    margin-top: 0px !important;
}

.mt-88 {
    margin-top: 88px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-120 {
    margin-right: 120px;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-8a {
    margin-right: 8px !important;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.p-24 {
    padding: 24px !important;
}

.p-32 {
    padding: 32px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.anchor {
    display: block;
    position: relative;
    top: -100px;
}

@media (max-width: 380px) {
    #partners + .section-title {
        padding-right: 90px;
    }

    /*.mt-24 .partners-boxes+.lSAction {*/
    /*    top: -75px;*/
    /*}*/
}

#category-products-found-suggested .panel {
    text-align: center;
}

.modal-7th_anniversary .modal-dialog,
.modal-love_modules .modal-dialog,
.modal-looking_modules .modal-dialog {
    z-index: 2;
    width: 852px;
}

.modal-7th_anniversary .modal-content,
.modal-love_modules .modal-content,
.modal-looking_modules .modal-content {
    box-shadow: 0px 10px 80px 0px rgba(0, 0, 0, 0.4);
}

.modal-7th_anniversary .promo-content-left,
.modal-7th_anniversary .promo-content-right,
.modal-love_modules .promo-content-left,
.modal-love_modules .promo-content-right,
.modal-looking_modules .promo-content-left,
.modal-looking_modules .promo-content-right {
    text-align: center;
}

.modal-7th_anniversary .promo-content-left,
.modal-love_modules .promo-content-left,
.modal-looking_modules .promo-content-left {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 375px;
    padding: 314px 16px 24px 16px;
    background: #57bd55 url(../img/promo/7th_anniversary_left_bg.png) no-repeat top center;
}

.modal-love_modules .promo-content-left {
    background: url(../img/promo/banner-promo.png) no-repeat top center;
    background-size: cover;
    flex-direction: column;
    padding: 24px 16px;
    justify-content: space-between;
}

.modal-looking_modules .promo-content-left {
    background: url(../img/promo/banner-promo1.png) no-repeat top center;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 375px;
    padding: 0px;
    flex-direction: column;
}

.modal-love_modules .promo-content-left span,
.modal-looking_modules .promo-content-left span {
    display: block;
    color: #fff;
    font-size: 27px;
    font-weight: 300;
}

.modal-looking_modules .promo-content-left span {
    line-height: 45px;
}

.modal-7th_anniversary .promo-content-left h3,
.modal-love_modules .promo-content-left h3 {
    margin: 0;
    color: #fff;
    font-size: 30px;
}

.modal-love_modules .promo-content-left h3,
.modal-looking_modules .promo-content-left h3 {
    font-size: 34px;
    color: #fff;
}

.modal-love_modules .promo-content-left h3 {
    margin-bottom: 50px;
    margin-top: 18px;
}

.modal-love_modules .promo-content-left .content-top span {
    margin: 20px;
    font-weight: 600;
}

.modal-love_modules .promo-content-left .content-bottom span:first-child {
    font-size: 25px;
}

.modal-love_modules .promo-content-left span.numb,
.modal-looking_modules .promo-content-left span {
    font-size: 38px;
    font-weight: 300;
}

.modal-7th_anniversary .promo-content-right,
.modal-love_modules .promo-content-right,
.modal-looking_modules .promo-content-right {
    flex: 1;
    padding: 56px 32px;
}

.modal-7th_anniversary .promo-content-right h2,
.modal-love_modules .promo-content-right h2,
.modal-looking_modules .promo-content-right h2 {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 52px;
}

.modal-7th_anniversary .promo-content-right h2 span,
.modal-love_modules .promo-content-right h2 span,
.modal-looking_modules .promo-content-right h2 span {
    display: block;
    font-size: 32px;
    font-weight: 300;
}

.modal-7th_anniversary .promo-content-right .btn,
.modal-love_modules .promo-content-right .btn,
.modal-looking_modules .promo-content-right .btn {
    min-width: 214px;
    font-size: 18px;
}

.modal-7th_anniversary .promo-code,
.modal-love_modules .promo-code,
.modal-looking_modules .promo-code {
    width: 320px;
    height: 64px;
    margin: 0 auto 40px;
    border: 1px dashed #ff8e2b;
    text-align: center;
}

.modal-7th_anniversary .promo-code span,
.modal-love_modules .promo-code span,
.modal-looking_modules .promo-code span {
    color: #2e3442;
    font-size: 24px;
    font-weight: 700;
    line-height: 64px;
}

.modal-7th_anniversary .promo-counter,
.modal-love_modules .promo-counter,
.modal-looking_modules .promo-counter {
    margin-top: 24px;
    color: #2e3442;
}

.modal-7th_anniversary .promo-counter span,
.modal-love_modules .promo-counter span,
.modal-looking_modules .promo-counter span {
    font-weight: 700;
}

.modal-7th_anniversary .modal-backdrop-bg:after {
    background: url(../img/promo/confetti_1.svg) no-repeat center center;
    margin-left: -40px;
    transition: all ease-in-out 0.3s;
}

.modal-7th_anniversary .modal-backdrop-bg:before {
    background: url(../img/promo/confetti_2.svg) no-repeat center center;
    transition: all ease-in-out 0.35s;
}

.modal-7th_anniversary .modal-backdrop-bg,
.modal-love_modules .modal-backdrop-bg,
.modal-looking_modules .modal-backdrop-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-7th_anniversary .modal-backdrop-bg:before,
.modal-7th_anniversary .modal-backdrop-bg:after,
.modal-love_modules .modal-backdrop-bg:before,
.modal-love_modules .modal-backdrop-bg:after,
.modal-looking_modules .modal-backdrop-bg:before,
.modal-looking_modules .modal-backdrop-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    transform: scale(0.7);
    opacity: 0;
}

.modal-7th_anniversary.in .modal-backdrop-bg:after,
.modal-7th_anniversary.in .modal-backdrop-bg:before,
.modal-love_modules.in .modal-backdrop-bg:after,
.modal-love_modules.in .modal-backdrop-bg:before,
.modal-looking_modules.in .modal-backdrop-bg:before,
.modal-looking_modules.in .modal-backdrop-bg:after {
    transform: scale(1);
    opacity: 1;
}

.modal-opensource .modal-dialog,
.modal-7th_anniversary .modal-dialog,
.modal-love_modules .modal-dialog {
    max-width: 872px;
    width: 100%;
}

.modal-opensource .promo-content .promo-content-left > div,
.modal-opensource .promo-content .promo-content-right > div,
.modal-7th_anniversary .promo-content .promo-content-left > div,
.modal-7th_anniversary .promo-content .promo-content-right > div,
.modal-love_modules .promo-content .promo-content-left > div,
.modal-love_modules .promo-content .promo-content-right > div {
    width: 100%;
}

.modal-opensource .promo-content-left {
    background: url(../img/promo/illustration.png), linear-gradient(210deg, #84E359 0%, #5FC951 51.42%, #419143 100%);
    /*background: url(../img/promo/illustration2.png), linear-gradient(210deg, #b30086 0%, #cc0052 100%);*/
    background-repeat: no-repeat;
    background-position: center;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: unset;
    justify-content: unset;
    padding: 28px 0px;
    width: 395px;
}

/*
.modal-opensource .bg-secondary, .modal-opensource .btn-secondary {
    background-image: linear-gradient(160deg, #f15b5b, #cc0052) !important;
}

.modal-opensource .bg-secondary, .modal-opensource .btn-secondary:after {
    background-image: linear-gradient(160deg, #ff6363, #ff0067) !important;
}*/

.modal-opensource .promo-content-right {
    width: 477px;
    padding: 32px 42px 0 42px;
    position: relative;
}

.modal-opensource .promo-content-left span {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.modal-opensource .promo-content-left h3 {
    /*font-size: 22px;*/
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0px 0px 0px;
    text-align: center;
}

.modal-opensource .promo-content-left ul {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.modal-opensource .promo-content-left ul li {
    position: relative;
    list-style: none;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 60px;
}

.modal-opensource .promo-content-left ul li:after {
    content: url(../img/promo/check.svg);
    display: block;
    position: absolute;
    left: 25px;
    top: 0px;
}

.modal-opensource .promo-content-right > h2 {
    /*font-size: 32px;*/
    font-size: 31px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
}

.modal-opensource .promo-content-right .promo-discount {
    font-size: 44px;
    font-weight: 900;
    color: #FF8E2B;
    line-height: 52px;
    text-transform: uppercase;
}

.modal-opensource .promo-content-right div.promo-code {
    width: 320px;
    margin: 24px auto 32px;
    position: relative;
}

.modal-opensource .promo-content-right div.promo-code:after {
    content: url(../img/promo/scissors.svg);
    display: block;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.modal-opensource .promo-content-right .promo-info {
    padding: 8px 0;
    position: relative;
    margin-top: 40px;
}

.modal-opensource .promo-content-right .promo-info:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #FF732C;
    top: 0;
    right: -42px;
    left: -42px;
}

.modal-opensource .promo-content-right .promo-info p {
    font-size: 15px;
    color: #FF732C;
    font-weight: 600;
    margin-bottom: 0;
}

.modal-opensource .promo-content-right .promo-info:after {
    content: "";
    position: absolute;
    left: 48%;
    top: -7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: transparent #FF732C #FF732C transparent;
    transform: rotate(226deg);
    background: #fff;
}

.modal-celebrate .modal-dialog {
    width: 872px;
}

.modal-celebrate .promo-content-left {
    background: #fff;
    padding: 44px 67px;
    width: 477px;
}

.modal-celebrate .promo-content-left > div span {
    font-size: 28px;
    line-height: 40px;
}

.modal-celebrate .promo-content-left span {
    font-size: 20px;
    line-height: 34px;
    color: #2E3442;
    font-weight: 400;
}

.modal-celebrate .promo-content-left > div h3 {
    font-weight: 600;
    color: #2E3442;
    margin: 0;
    line-height: 40px;
    font-size: 28px;
}

.modal-celebrate .promo-content-left .promo-discount {
    color: #FE49D7;
    font-size: 42px;
    line-height: 40px;
    font-weight: 800;
    margin: 28px 0 24px;
}

.modal-celebrate .btn-secondary {
    background: linear-gradient(110deg, #FFAF03 0%, #FE49D7 100%);
    padding: 0 24px;
    min-width: 211px;
    margin-top: 28px;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.modal-celebrate .btn-secondary span {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.modal-celebrate .promo-content-right {
    background-image: url(../img/promo/10-anniversary-graphic.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-style: italic;
    color: #31216B;
    padding: 24px;
}

.modal-celebrate .promo-content-right h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #31216B;
}

.modal-celebrate .promo-content-right h2 span {
    font-weight: 900;
}

.modal-custom-summer-2024 .modal-dialog {
    width: 872px;
}

.modal-custom-summer-2024 .promo-content-left {
    background: #fff;
    padding: 31px 67px 50px 67px;
    width: 477px;
}


.modal-custom-summer-2024 .promo-content-left > div span {
    font-size: 28px;
    line-height: 40px;
}

.modal-custom-summer-2024 .promo-content-left span {
    font-size: 20px;
    line-height: 34px;
    color: #2E3442;
    font-weight: 400;
}

.modal-custom-summer-2024 .promo-content-left > div h3 {
    font-weight: 600;
    color: #2E3442;
    margin: 0;
    line-height: 40px;
    font-size: 28px;
}

.modal-custom-summer-2024 .promo-content-left .promo-discount {
    color: #1f9ebd;
    font-size: 42px;
    line-height: 40px;
    font-weight: 800;
    margin: 28px 0 24px;
}

.modal-custom-summer-2024 .promo-content-left h1 {
    color: #ff7d44;
}

.modal-custom-summer-2024 .btn-secondary {
    background: linear-gradient(110deg, #ff7d44 0%, #ff3511 100%);
    padding: 0 24px;
    min-width: 211px;
    margin-top: 28px;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.modal-custom-summer-2024 .btn-secondary span {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.modal-custom-summer-2024 .promo-content-right {
    background-image: url(../img/promo/summer-banner-big.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-style: italic;
    color: #31216B;
    padding: 24px;
}

.modal-custom-summer-2024 .promo-content-right h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #31216B;
}

.modal-custom-summer-2024 .promo-content-right h2 span {
    font-weight: 900;
}

@media (min-width: 1200px) {
    .modal.bundles .modal-dialog,
    .modal.licenses-ca .modal-dialog,
    .winter_discounts .modal-dialog {
        width: 900px;
    }
}

@media (min-width: 992px) {
    .winter_discounts .modal-dialog {
        width: 900px;
    }
}

.modal.bundles .modal-content {
    background: linear-gradient(180deg, #0D54BF 0%, #2C78DA 100%);
    /*height: 458px;*/
}

.modal.bundles .promo-content-left {
    background: transparent;
    align-items: flex-start;
    text-align: left;
    padding: 32px 0 32px 32px;
    color: #fff;
    width: 490px;
}

.modal.bundles .promo-content-left .logo {
    max-height: 32px;
    margin-bottom: 24px;
}

.modal.bundles .promo-content-left .logo img {
    max-height: 32px;
}

.modal.bundles .promo-content-left h2 {
    color: #fff;
    font-size: 46px;
    font-weight: 800;
    line-height: 100%;
    margin: 6px 0 16px 0;
}

.modal.bundles .promo-content-left p {
    font-size: 21px;
    font-weight: 400;
    line-height: 130%;
}

.modal.bundles .promo-content-left h2 span {
    background: linear-gradient(22.29deg, #FFDB66 -6.21%, #FFA545 113.04%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 74px;
    font-weight: 900;
    line-height: 100%;
}

/*.modal.bundles .promo-content-left h2 + p {
    font-size: 22px;
}*/
.modal.bundles .promo-content-left .btn {
    background: linear-gradient(22.29deg, #FFDB66 -6.21%, #FFA545 113.04%);
    color: #520F0F;
    min-width: 228px;
    height: 56px;
    padding: 5px 16px;
    margin-top: 14px;
}

.modal.bundles .promo-content-left .btn span {
    font-size: 18px;
    font-weight: 700;
    color: #520F0F;
}

.modal.bundles .promo-content-left .btn:before {
    background: #FFDB66;
}

.modal.bundles .promo-content-left .btn:after {
    background-image: linear-gradient(22.29deg, #FFE88C -6.21%, #FFB867 113.04%);
    background: linear-gradient(22.29deg, #FFE88C -6.21%, #FFB867 113.04%);
}

.modal.bundles .promo-content-left .btn:hover {
    color: #520F0F;
}

.modal.bundles .promo-content-right {
    position: relative;
    overflow: hidden;
}

.modal.bundles .promo-content:before {
    content: "";
    background-image: url(../img/promo/illustration-bundles-mp.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 16px;
    left: 0;
    top: 0;
}

/*.modal.bundles:not(.bundles-mp) .promo-content-right:before {
    bottom: -32px;
}*/
.modal.bundles .promo-label {
    position: absolute;
    top: 21px;
    right: -84px;
    width: 321px;
    background: linear-gradient(22.29deg, #FFDB66 -6.21%, #FFA545 113.04%);
    color: #520F0F;
    font-weight: 800;
    text-align: center;
    transform: rotate(30deg);
    padding: 5px 0;
    font-size: 18px;
    z-index: 10;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.bundles .promo-label-mobile {
    display: none;
    transform: none;
}

.modal.bundles-mp .promo-content:before {
    background-image: url(../img/promo/bundles-mp.svg);
    align-items: center;
    content: "";
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
}

.modal.bundles-mp .promo-content-right:before {
    display: none;
}

.modal.proxmox .modal-content {
    background: linear-gradient(270deg, #F2841D 0%, #C85203 99.52%);
}

.modal.proxmox .promo-label {
    background: #FFD324;
    color: #221203;
    font-size: 26px;
}

.modal.proxmox .promo-content-left {
    width: 593px;
}

.modal.proxmox .promo-content-left p {
    font-size: 23px;
    font-weight: 300;
}

.modal.proxmox .promo-content-left h2 {
    font-size: 28px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
    background-color: #FFD324;
    color: #221203;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 12px 12px 12px 0;

}

.modal.proxmox .promo-content-left h2:before {
    content: "";
    background-color: #FFD324;
    position: absolute;
    left: -32px;
    top: 0;
    bottom: 0;
    width: 32px;
}

.modal.proxmox .promo-content-left ul {
    padding: 0;
    margin: 0;
}

.modal.proxmox .promo-content-left ul li {
    font-size: 19px;
    line-height: 140%;
    display: inline-flex;
    position: relative;
    padding-left: 20px;
    margin-bottom: 4px;
}

.modal.proxmox .promo-content-left ul li:nth-child(2),
.modal.proxmox .promo-content-left ul li:nth-child(4) {
    margin-left: 12px;
}

.modal.proxmox .promo-content-left ul li:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.modal.proxmox .promo-content-left .btn {
    background: #fff;
    color: #221203;
    min-width: 174px;
    margin-top: 18px;
}

.modal.proxmox .promo-content-left .btn:before {
    background: rgba(255, 255, 255, 0.8);
}

.modal.proxmox .promo-content-left .btn:after {
    background: rgba(255, 255, 255, 0.8);
}

.modal.proxmox .promo-content-left .btn:hover {
    background: rgba(255, 255, 255, 0.8);
}

.modal.proxmox.bundles:not(.bundles-mp) .promo-content-right:before {
    content: "";
    background-image: url(../img/promo/proxmox-bg.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    right: -30px;
    bottom: 0;
    left: 0;
    top: 0;
}

.modal.licenses .modal-content {
    background: linear-gradient(90deg, #007D6E 0%, #00A684 100%);
}

.modal.licenses .promo-content-left {
    background: transparent;
    align-items: flex-start;
    text-align: left;
    padding: 32px 0 38px 32px;
    color: #fff;
    width: 510px;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
}

.modal.licenses .promo-content-left .logo {
    max-height: 32px;
    margin-bottom: 32px;
}

.modal.licenses .promo-content-left .logo img {
    max-height: 32px;
}

.modal.licenses .promo-content-left h2 {
    color: #D9FF59;
    font-size: 48px;
    font-weight: 800;
    line-height: 110%;
    margin: 12px 0 20px 0;
}

.modal.licenses .promo-content-left p {
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
}

.modal.licenses .promo-content-left p span {
    color: #D9FF59;
    font-weight: 700;
}

.modal.licenses .promo-content-left .btn {
    background: linear-gradient(360deg, #D4FF45 -0.06%, #ABDA0E 104.4%);
    color: #252B46;
    min-width: 152px;
    height: 56px;
    padding: 16px 24px;
    margin-top: 22px;
}

.modal.licenses .promo-content-left .btn span {
    font-size: 18px;
    font-weight: 700;
    color: #252B46;
}

.modal.bundles .promo-content-left .btn:before {
    background: #E2FF7A;
}

.modal.bundles .promo-content-left .btn:after {
    background-image: linear-gradient(360deg, #E2FF7A -0.06%, #C4F532 104.4%);
    background: linear-gradient(360deg, #E2FF7A -0.06%, #C4F532 104.4%);
}

.modal.bundles .promo-content-left .btn:hover {
    color: #252B46;
}

.modal.licenses .promo-content-right {
    position: relative;
    overflow: hidden;
    flex: 1;
    padding: 56px 32px;
}

.modal.licenses .promo-content:before {
    background-image: url(../img/promo/licenses-ca.svg);
    align-items: center;
    content: "";
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
}

.modal.licenses .promo-label {
    position: absolute;
    top: 41px;
    right: -110px;
    width: 440px;
    background: linear-gradient(22.29deg, #ABDA0E -6.21%, #D4FF45 113.04%);
    color: #252B46;
    font-weight: 800;
    text-align: center;
    transform: rotate(30deg);
    padding: 5px 0;
    font-size: 22px;
    z-index: 10;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.licenses .promo-label-mobile {
    display: none;
    transform: none;
}

.modal.licenses.promo-content-right:before {
    display: none;
}

.modal.licenses-mp .promo-content:before {
    background-image: url(../img/promo/licenses-mp.svg);
}

.modal.winter_discounts .modal-content {
    position: relative;
    background: linear-gradient(180deg, #1B236C 0%, #4E5DE7 100%);
}

.modal.winter_discounts .modal-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/promo/winter_discounts-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.modal.winter_discounts .promo-content {
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding: 44px 0 122px 32px;
    color: #fff;
    width: 510px;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
}

.modal.winter_discounts .logo {
    margin-bottom: 32px;
}

.modal.winter_discounts .logo img {
    max-height: 32px;
}

.modal.winter_discounts p {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 24px;
    font-weight: 300;
}

.modal.winter_discounts a {
    margin-top: 8px;
    color: #fff;
    background-color: #6F7DFF;
    border-color: #6F7DFF;
    box-shadow: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.modal.winter_discounts a:hover {
    color: #fff;
    background-color: #7D8AFF;
    border-color: #7D8AFF;
}

.modal.customers .modal-content {
    position: relative;
    background: radial-gradient(418.85% 60.54% at 48.38% 49.12%, #000EA4 0%, #18005F 98.17%);
    overflow: hidden;
}

.modal.customers .modal-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/promo/customers-modal-bg.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.modal.customers .promo-content {
    display: flex;
    text-align: left;
    flex-direction: row;
}

.modal.customers .promo-content-left {
    padding: 32px 18px 44px 32px;
    color: #fff;
    width: 510px;
    z-index: 1;
    position: relative;
}

.modal.customers .promo-label {
    position: absolute;
    top: 41px;
    right: -110px;
    width: 440px;
    background: linear-gradient(269deg, #FFA600 48.98%, #F4D039 83.94%);
    color: #252B46;
    font-weight: 700;
    text-align: center;
    transform: rotate(30deg);
    padding: 5px 0;
    font-size: 28px;
    z-index: 10;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.customers .logo {
    margin-bottom: 24px;
}

.modal.customers .logo img {
    max-height: 32px;
}

.modal.customers h2 {
    font-size: 40px;
    line-height: 108%;
    margin-bottom: 10px;
    font-weight: 800;
    color: #fff;
}

.modal.customers .text-yellow {
    color: #FFA600;
}

.modal.customers p {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 0;
    font-weight: 400;
}

.modal.customers a {
    color: #252B46;
    background: linear-gradient(269deg, #FFA600 48.98%, #F4D039 83.94%);
    background-size: 200% 200%;
    background-position: left center;
    box-shadow: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    height: 56px;
    padding: 16px 24px;
    transition: background-position 0.4s ease;
}

.modal.customers a:hover {
    color: #252B46;
    background-position: right center;
}

.modal.customers ul {
    margin: 28px 0;
    padding: 0;
}

.modal.customers ul li {
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding-left: 40px;
}

.modal.customers ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #FFA600;
    min-width: 9px;
    min-height: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.modal.customers ul li:first-of-type {
    padding-left: 0;
}

.modal.customers ul li:first-of-type:before {
    display: none;
}

.modal.customers-ca .modal-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/promo/customers-ca-modal-bg.svg);
    background-repeat: no-repeat;
    background-position: right -10px;
}

.modal.customers-ca a {
    margin-top: 24px;
}

.modal.customers-ca h2 {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media (max-width: 1200px) and (min-width: 992px) {
    .modal.bundles:not(.bundles-mp) .promo-content-right:before {
        bottom: -88px;
    }
}

@media (min-width: 992px) {
    .modal.bundles .promo-label-mobile {
        display: none;
    }

    .modal.licenses .promo-content {
        display: flex;
    }

    .modal.licenses .modal-dialog {
        width: 900px;
    }

    .modal.customers .modal-dialog {
        width: 900px;
    }

    .modal.customers .promo-label-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .modal-custom-summer-2024 .promo-content {
        display: flex;
        flex-direction: column;
    }

    .modal-custom-summer-2024 .promo-content-left {
        padding: 32px;
        order: 2;
    }

    .modal-custom-summer-2024 .promo-content-right {
        min-height: 280px;
    }

    .modal-custom-summer-2024 .promo-content-left .promo-discount {
        font-size: 34px !important;
        margin: 20px 0;
    }

    .modal-custom-summer-2024 .promo-content-left span {
        font-size: 19px !important;
    }

    .modal-custom-summer-2024 .promo-content-right {
        /*background-image: url(../img/promo/summer-banner-mobile.png);*/
        /*background-position: center;*/
    }

    .modal-custom-summer-2024 .promo-content-left h1 {
        margin: 0 0 20px 0 !important;
    }

    .modal-custom-summer-2024 .promo-content-right h2 {
        display: none;
    }

    .modal-custom-summer-2024 .promo-content-left {
        padding: 20px 24px 24px 24px !important;
    }

    .modal.bundles .promo-label:not(.promo-label-mobile),
    .modal.licenses .promo-label:not(.promo-label-mobile) {
        display: none;
    }

    .modal.bundles .modal-dialog,
    .modal.licenses .modal-dialog {
        max-width: 600px;
    }

    /*.modal.bundles .modal-content {
        height: auto;
    }*/
    .modal.bundles .promo-content,
    .modal.licenses .promo-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .modal.bundles .promo-content-left,
    .modal.licenses .promo-content-left {
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    .modal.licenses .promo-content-left {
        width: 100%;
        padding: 32px;
    }

    .modal.bundles .promo-content-right,
    .modal.licenses .promo-content-right {
        min-height: 255px;
        width: 100%;
    }

    .modal.bundles:not(.bundles-mp) .promo-content:before {
        display: none;
    }

    .modal.bundles:not(.bundles-mp) .promo-content-right:before {
        content: "";
        background-image: url(../img/promo/bundles-mobile.svg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: auto;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .modal.bundles-mp .promo-content:before {
        background-image: url(../img/promo/bundles-mp-mobile.svg);
        background-position: bottom;
        background-size: auto;
    }

    .modal.bundles-mp .promo-content-right:before {
        /*background-image: url(../img/promo/illustration-bundle-mp-mobile.svg);
        right: 0;
        bottom: -10px;*/
    }

    .modal.bundles .promo-label-mobile,
    .modal.licenses .promo-label-mobile {
        display: flex;
        top: 0;
        right: 0;
        left: 0;
        position: relative;
        width: 100%;
        z-index: 0;
    }

    .modal.licenses .promo-label-mobile {
        height: 47px;
        font-size: 18px;
    }

    .modal.proxmox .modal-dialog .close:not(.btn) {
        color: #221203;
    }

    .modal.proxmox .promo-content-left {
        width: 511px;
    }

    .modal.proxmox .promo-content-left p {
        font-size: 22px;
    }

    .modal.proxmox .promo-content-left h2 {
        font-size: 24px;
        border-radius: 10px;
        padding-left: 12px;
    }

    .modal.proxmox .promo-content-left h2:before {
        display: none;
    }

    .modal.proxmox .promo-content-left h2 + p {
        max-width: 360px;
    }

    .modal.proxmox .promo-content-left ul {
        margin-top: 12px;
    }

    .modal.proxmox .promo-content-left ul li {
        font-size: 17px;
    }

    .modal.proxmox .promo-content-right {
        min-height: 212px;
    }

    .modal.proxmox.bundles:not(.bundles-mp) .promo-content-right:before {
        background-image: url(../img/promo/proxmox-ca-bg-mobile.svg);
        background-position: center;
        right: 0;
    }

    .modal.licenses .promo-content:before {
        background-image: url(../img/promo/licenses-ca-mobile.svg);
        background-position: bottom;
        background-size: cover;
    }

    .modal.licenses-mp .promo-content:before {
        background-image: url(../img/promo/licenses-mp-mobile.svg);
    }

    .modal.winter_discounts .modal-content:before {
        background-image: url(../img/promo/winter_discounts-bg-mobile.svg);
    }

    .modal.winter_discounts .promo-content {
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        max-width: 490px;
        width: 100%;
        margin: auto;
        padding: 32px 0;
        min-height: 686px;
    }

    .modal.customers .modal-content:before {
        background-image: url(../img/promo/customers-modal-mobile-bg.svg);
        background-position: center 32px;
    }

    .modal.customers .promo-content {
        justify-content: center;
        text-align: center;
        margin: auto;
        padding: 32px 0;
        min-height: 686px;
    }

    .modal.customers .promo-label {
        display: none;
    }

    .modal.customers .promo-label-mobile {
        display: flex;
        top: 0;
        right: 0;
        left: 0;
        position: relative;
        width: 100%;
        z-index: 0;
        transform: none;
    }

    .modal.customers .promo-label-mobile {
        height: 47px;
        font-size: 18px;
    }

    .modal.customers .promo-content-left {
        padding: 0 32px;
        width: 100%;
        max-width: 490px;
    }

    .modal.customers ul {
        margin: 20px 0;
    }

    .modal.customers h2 {
        margin-bottom: 16px;
    }

    .modal.customers-ca .modal-content:before {
        background-image: url(../img/promo/customers-ca-modal-mobile-bg.svg);
        background-position: center 32px;
    }
}

@media (max-width: 992px) and (min-width: 769px) {
    .modal.licenses .promo-content-left {
        padding: 32px 64px;
    }
}

@media (max-width: 768px) {
    .modal.bundles .modal-dialog,
    .modal.licenses .modal-dialog {
        max-width: 450px;
    }

    .modal.bundles .promo-content-left {
        padding: 32px 32px 0 32px;
        width: 100%;
    }

    /*.modal.bundles:not(.bundles-mp) .promo-content-right:before {
        bottom: -20px;
    }*/
    .modal.bundles .promo-content-right:before {
        background-size: auto;
    }

    .modal.bundles-mp .promo-content-right:before {
        bottom: -20px;
    }

    .modal.proxmox .promo-content-left ul li:nth-child(2),
    .modal.proxmox .promo-content-left ul li:nth-child(4) {
        margin-left: 0;
    }

    .modal.bundles .promo-content-right {
        margin-top: 24px;
    }

    .modal.bundles .promo-content-left br {
        display: none;
    }

    .modal.licenses .promo-content-left {
        padding-bottom: 16px;
    }

    .modal.licenses .promo-content:before {
        background-size: auto;
    }

    .modal.licenses .promo-content-left {
        padding: 32px 20px;
    }

    .modal.winter_discounts .modal-content:before {
        background-position: -280px;
    }

    .modal.winter_discounts .promo-content {
        padding: 32px;
    }
}

@media (max-width: 580px) and (min-width: 481px) {
    .modal.customers .modal-content:before {
        background-position: center 48px;
    }
}

@media (max-width: 480px) {
    .modal-custom-summer-2024 .promo-content-left .promo-discount {
        font-size: 34px !important;
        margin: 20px 0;
    }

    .modal-custom-summer-2024 .promo-content-left span {
        font-size: 19px !important;
    }

    .modal.bundles .modal-dialog {
        max-width: 320px;
    }

    .modal.bundles .promo-content-left h2 {
        font-size: 32px;
    }

    .modal.bundles .promo-content-left p {
        font-size: 18px;
    }

    .modal.bundles .promo-content-left h2 span {
        font-size: 52px;
    }

    .modal.bundles .promo-content-left h2 + p {
        font-size: 18px;
    }

    /*.modal.bundles:not(.proxmox) .promo-content-left p strong {
        display: block;
    }*/
    .modal.proxmox .promo-content-left .logo {
        margin-bottom: 24px;
    }

    .modal.proxmox .promo-content-left {
        padding: 18px 14px;
    }

    .modal.proxmox .promo-content-left p {
        font-size: 18px;
    }

    .modal.proxmox .promo-content-left h2 {
        font-size: 20px;
    }

    .modal.proxmox .promo-content-left h2 + p {
        max-width: 100%;
        padding: 0 8px;
    }

    .modal.proxmox .promo-content-left ul li {
        font-size: 15px;
    }

    .modal.proxmox.bundles:not(.bundles-mp) .promo-content-right:before {
        bottom: -20px;
    }

    .modal.proxmox .promo-content-right {
        min-height: 177px;
    }

    .modal.licenses .promo-content-left h2 {
        font-size: 36px;
    }

    .modal.licenses .promo-content-left p {
        font-size: 18px;
    }

    .modal.winter_discounts .modal-content:before {
        background-position: -340px;
    }

    .modal.winter_discounts p {
        font-size: 16px;
        line-height: 140%;
    }

    .modal.winter_discounts p br {
        display: none;
    }

    .modal.customers h2 {
        font-size: 32px;
    }

    .modal.customers p {
        font-size: 16px;
    }

    .modal.customers ul li {
        font-size: 16px;
        padding-left: 24px;
    }

    .modal.customers ul li:before {
        left: 5px;
    }

    .modal.customers .promo-content-left {
        padding: 0 24px;
    }
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .modal-opensource .promo-content-right .promo-info:after {
            top: -11px;
        }
    }
}

.modal-black-week .promo-content-left {
    width: 370px;
    background-image: url(../img/promo/background_black-week.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-black-week .promo-content-left {
    color: #fff;
}

.modal-black-week .promo-content-left span {
    font-size: 32px;
    font-weight: 300;
}

.modal-black-week .promo-content-left h3 {
    font-weight: 900;
    margin: 0 0 8px 0;
    text-shadow: -4px 3px rgb(141, 56, 123);
    font-size: 44px;
    line-height: 62px;
}

.modal-black-week .promo-content-left h3 span {
    font-size: 44px;
    font-weight: 900;
}

.modal-black-week .promo-content-left {
    font-size: 38px;
}

.modal-black-week .promo-content-right h2 {
    font-size: 48px;
    color: rgb(98, 8, 84);
    max-width: 90%;
    margin: 0 auto 8px auto;
    font-weight: 900;
}

.modal-black-week .promo-content-right p {
    font-size: 20px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 400;
}

.modal-black-week .promo-content-right strong {
    font-size: 22px;
    color: #000;
}

.modal-black-week .promo-code {
    border-color: #0094cf;
    margin: 32px auto 24px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 350px;
    width: 100%;
    height: 85px;
}

.modal-black-week .promo-shape {
    position: relative;
    margin-left: 16px;
    line-height: 24px;
    text-align: left;
}

.modal-black-week .promo-shape span {
    display: block;
    width: 100%;
}

.modal-black-week .promo-shape:before {
    content: url(../img/promo/ico-right.svg);
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 90px;
}

.modal-black-week .promo-code span {
    color: #0094cf;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 600;
    font-style: italic;
}

.modal-black-week .promo-code .promo-discount {
    font-size: 56px;
    font-weight: 900;
}

.modal-black-week .btn-secondary {
    background: #ffcb2e;
    background-image: linear-gradient(160deg, #ffcb2e 0%, #ecb40e 100%);
    box-shadow: rgba(255, 204, 0, 0.35) 1px 1px 14px 5px;
    color: #000;
}

.modal-black-week .btn-secondary:hover,
.modal-black-week .btn-secondary:active,
.modal-black-week .btn-secondary:focus {
    background: #fccf44;
    background-image: linear-gradient(160deg, #fccf44 0%, #f7c120 100%);
}

.modal-black-week .btn-secondary:after,
.modal-black-week .btn-secondary:before,
.btn-secondary:active:before {
    background: #fccf44;
}

.modal-black-weeks {
    font-family: 'XTypewriter';
}

.modal-black-weeks .modal-content {
    background: radial-gradient(182% 377.24% at 48.38% 49.12%, #221B1B 1.83%, #000000 100%);
    text-align: center;
    color: #fff;

}

.modal-black-weeks .promo-header {
    padding: 32px;
    position: relative;
    overflow: hidden;
}

.modal-black-weeks .promo-header h2 {
    font-size: 50px;
    line-height: 42px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.modal-black-weeks .promo-header:after {
    content: "";
    background-image: url(../img/promo/saw-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
}

.modal-black-weeks .promo-content {
    padding: 16px 32px 24px;
    position: relative;
}

.modal-black-weeks .promo-content p {
    font-size: 30px;
    line-height: 36px;
    z-index: 1;
    position: relative;
}

.modal-black-weeks .promo-content > p.logo {
    position: relative;
    padding-left: 80px;
    text-align: left;
}

.modal-black-weeks .promo-content p.logo:after {
    content: "";
    background-image: url(../img/promo/MG.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -4px;
    right: 80px;
    height: 42px;
    width: 270px;
}

.modal-black-weeks .promo-content span {
    color: #D30033;
    font-size: 42px;
    line-height: 62px;
    font-weight: bold;
    display: block;
    margin: 8px;
}

.modal-black-weeks .promo-content:after {
    content: "";
    background-image: url(../img/promo/saw-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 175px;
    height: 140px;
}

.modal-black-weeks .promo-footer {
    padding: 16px 32px 32px;
}

.modal-black-weeks .promo-footer .btn {
    background-color: #D30033;
    border-color: #D30033;
    min-width: 213px;
    font-size: 24px;
}

.modal-black-weeks .promo-footer .btn:hover,
.modal-black-weeks .promo-footer .btn:active,
.modal-black-weeks .promo-footer .btn:focus {
    background-color: #8E0022;
    border-color: #8E0022;
}

.modal-christmas .modal-content {
    background: #0B4A0A;
}

.modal-christmas .modal-content:before {
    content: "";
    background-image: url(../img/promo/gound.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -182px;
    right: 0;
    left: 0;
    height: 313px;
}

.modal-christmas .modal-content:after {
    content: "";
    background-image: url(../img/promo/ground-darker.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 230px;
    height: 100px;
}

.modal-christmas .modal-content {
    display: flex;
    flex-direction: row;
    padding: 32px;
}

.modal-christmas .modal-content-left,
.modal-christmas .modal-content-right {
    display: flex;
    flex-direction: column;
}

.modal-christmas .modal-content-left {
    flex-basis: 60%;
}

.modal-christmas .modal-content-right {
    flex-basis: 40%;
}

.modal-christmas .logo img {
    max-width: 180px;
}

.modal-christmas .modal-content h2 {
    color: #fff;
    font-weight: 300;
    margin: 16px 0 0 0;
}

.modal-christmas .cur-font {
    font-family: 'Lobster', cursive;
    font-style: italic;
    font-weight: 400;
}

.modal-christmas .ribbon {
    position: relative;
    min-height: 160px;
}

@media (min-width: 767px) {
    .modal-christmas .ribbon {
        min-height: 112px;
    }
}

.modal-christmas .ribbon:before {
    content: "";
    background-image: url(../img/promo/ribbon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -26px;
    left: -32px;
    right: -100px;
    height: 220px;
    z-index: 3;
}

@media (min-width: 767px) {
    .modal-christmas .ribbon:before {
        bottom: -55px;
        height: 210px;
    }
}

.modal-christmas .threes {
    position: relative;
}

.modal-christmas .threes:before,
.modal-christmas .threes:after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -32px;
    width: 100%;
    height: 140px;
}

.modal-christmas .threes:before {
    background-image: url(../img/promo/three.png);
    z-index: 3;
    top: -109px;
}

.modal-christmas .threes:after {
    background-image: url(../img/promo/three-right.png);
    height: 81px;
    top: -50px;
}

.modal-christmas .forest {
    position: relative;
}

.modal-christmas .forest:before {
    content: "";
    top: -24px;
    position: absolute;
    min-height: 300px;
    background-image: url(../img/promo/forest.png);
    background-size: cover;
    background-repeat: no-repeat;
    right: -32px;
    left: 0;
    z-index: 1;
}

.modal-christmas .figures {
    position: relative;
}

.modal-christmas .figures:before {
    content: "";
    top: 120px;
    position: absolute;
    min-height: 206px;
    background-image: url(../img/promo/Group.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -32px;
    left: 0;
    z-index: 2;
}

.modal-christmas .btn {
    background: #15A314;
    color: #fff;
    max-width: 190px;
    z-index: 4;
}

.modal-christmas-ca .btn {
    margin-left: auto;
}

.modal-christmas .btn:hover {
    background: #168C14;
    color: #fff;
}

.modal-christmas-ca .modal-content {
    justify-content: space-between;
}

.modal-christmas-ca .modal-content-right {
    flex-basis: 50%;
}

.modal-christmas-ca .modal-content-left {
    flex-basis: 50%;
}

.modal-christmas-ca .forest:before {
    background-image: url(../img/promo/forest-ca.png);
    left: -32px;
    min-height: 265px;
    top: 0;
}

.modal-christmas-ca .figures:before {
    background-image: url(../img/promo/Group-ca.png);
    min-height: 180px;
    left: -16px;
    top: 100px;
}

.modal-christmas-ca .threes:before {
    background-image: url(../img/promo/three-ca.png);
    right: -32px;
    left: auto;
    background-position: right;
}

@-moz-document url-prefix() {
    .modal-christmas-ca .threes:before {
        top: -108px;
    }
    .modal-christmas-ca .threes::after {
        top: -49px;
    }
}

.modal-christmas-ca .threes:after {
    background-image: url(../img/promo/three-left-ca.png);
    right: -16px;
    left: auto;
    background-position: right;
}

.modal-christmas-ca .modal-content:after {
    background-image: url(../img/promo/ground-dark-ca.png);
    left: 0;
}

.modal-christmas-ca .ribbon:before {
    background-image: url(../img/promo/ribbon-ca.svg);
    bottom: -16px;
    right: -32px;
    height: 200px;
}

@media (min-width: 768px) {
    .modal-black-weeks .modal-dialog {
        width: 720px;
    }

    .modal-christmas .modal-dialog {
        width: 720px;
    }

    .modal-christmas-ca .ribbon:before {
        bottom: -65px;
    }
}

@media (max-width: 767px) {
    .modal-black-weeks .promo-header h2 {
        font-size: 32px;
        line-height: 24px;
    }

    .modal-black-weeks .promo-content p {
        font-size: 24px;
        line-height: 32px;
    }

    .modal-black-weeks .promo-content span {
        font-size: 28px;
        line-height: 24px;
        margin: 16px 0;
    }

    .modal-black-weeks .promo-content > p.logo {
        padding-left: 20px;
    }

    .modal-black-weeks .promo-content p.logo:after {
        right: -45px;
        height: 32px;
        bottom: -2px;
    }

    .modal-black-weeks .promo-content:after {
        bottom: -138px;
    }

    .modal-black-weeks .promo-footer .btn {
        font-size: 18px;
        padding: 8px;
    }

    .modal-christmas .modal-content {
        flex-direction: column;
    }

    .modal-christmas .modal-content-left,
    .modal-christmas .modal-content-right {
        flex-basis: 100%;
    }

    .modal-christmas .threes {
        display: none;
    }

    .modal-christmas .modal-content-right {
        min-height: 300px;
    }

    .modal-christmas .forest:before {
        right: -32px;
        left: 135px;
        top: -90px;
        min-height: 380px;
    }

    .modal-christmas .modal-content:before {
        background-size: contain;
        bottom: -216px;
        right: 0;
        left: 0;
    }

    .modal-christmas .modal-content:after {
        bottom: -16px;
    }

    .modal-christmas .figures:before {
        top: 120px;
        min-height: 206px;
        right: -32px;
        left: 250px;
        z-index: 2;
    }

    .modal-christmas-ca .modal-content-right {
        order: -1;
    }

    .modal-christmas-ca .modal-content-left {
        min-height: 200px;
    }

    .modal-christmas-ca .ribbon:before {
        right: -32px;
        height: 200px;
        background-position: right;
    }

    .modal-christmas-ca .forest:before {
        left: -32px;
        right: 0;
        top: -160px;
        background-size: contain;
    }

    .modal-christmas-ca .figures:before {
        top: 28px;
        left: -32px;
    }

    .modal-christmas .modal-content:after {
        bottom: -10px;
    }
}

@media (max-width: 640px) {
    .modal-christmas .figures:before {
        top: 140px;
    }

    .modal-christmas .forest:before {
        left: 100px;
    }

    .modal-christmas-ca .forest:before {
        left: -32px;
        min-height: 340px;
    }

    .modal-christmas-ca .figures:before {
        top: 0;
    }

    .modal-christmas-ca .modal-content:after {
        right: 180px;
    }

}

@media (max-width: 580px) {
    .modal-christmas .logo {
        text-align: center;
    }

    .modal-christmas h2 {
        text-align: center;
    }

    .modal-christmas .modal-content-right {
        min-height: 220px;
    }

    .modal-christmas .figures:before {
        top: 80px;
    }

    .modal-christmas .forest:before {
        top: -120px;
        min-height: 310px;
    }

    .modal-christmas .ribbon:before {
        right: 32px;
    }

    .modal-christmas .modal-content:before {
        bottom: -224px;
    }

    .modal-christmas-ca .figures:before {
        top: 0;
    }

    .modal-christmas-ca .ribbon:before {
        right: -32px;
    }

    .modal-christmas-ca .modal-content:before {
        bottom: -238px;
    }

    .modal-christmas .btn {
        margin: -24px auto auto;
    }
}

@media (max-width: 550px) {
    .modal-black-weeks .promo-header:after {
        bottom: -16px;
    }

    .modal-black-weeks .promo-content {
        padding: 16px;
    }

    .modal-black-weeks .promo-content p {
        margin: 0;
    }

    .modal-black-weeks .promo-content:after {
        display: none;
    }

    .modal-black-weeks .promo-content > p.logo {
        padding-left: 40px;
    }

    .modal-black-weeks .promo-content p.logo:after {
        height: 24px;
        bottom: 2px;
        right: -75px;
    }
}

@media (max-width: 510px) {
    .modal-black-weeks .promo-content {
        padding: 16px 8px;
    }
}

@media (max-width: 490px) {
    .modal-black-weeks .promo-header:after {
        bottom: -35px;
    }

    .modal-black-weeks .promo-content span {
        margin: 56px 0 24px;
    }

    .modal-black-weeks .promo-content p.logo {
        text-align: center;
        padding: 0;
    }

    .modal-black-weeks .promo-content p.logo:after {
        bottom: -32px;
        width: 100%;
        right: 0;
        left: 0;
        background-position-x: center;
    }

    .modal-christmas .modal-content-right {
        min-height: 160px;
    }

    .modal-christmas .modal-content:before {
        bottom: -245px;
    }

    .modal-christmas .forest:before {
        min-height: 260px;
        left: 32px;
        top: -100px;
    }

    .modal-christmas .modal-content:after {
        bottom: -40px;
        left: 145px;
    }

    .modal-christmas .figures:before {
        top: 32px;
        /*background-size: cover;*/
        min-height: 160px;
        right: 0;
        left: 110px;
    }

    .modal-christmas .ribbon {
        min-height: 140px;
    }

    .modal-christmas .ribbon:before {
        bottom: -60px;
    }

    .modal-christmas-ca .forest:before {
        left: -32px;
    }

    .modal-christmas-ca .ribbon:before {
        bottom: -16px;
    }

    .modal-christmas-ca .modal-content-left {
        min-height: 150px;
    }

    .modal-christmas-ca .modal-content:after {
        left: 0;
    }

    .modal-christmas-ca .figures:before {
        left: 0;
        top: 8px;
    }
}

@media (max-width: 420px) {
    .modal-christmas .figures:before {
        background-size: contain;
        top: 20px;
        right: 0;
        left: 0;
    }

    .modal-christmas .modal-content:before {
        background-size: cover;
        bottom: 0;
        height: 100px;
    }

    .modal-christmas .modal-content:after {
        bottom: -40px;
        left: 70px;
    }

    .modal-christmas .ribbon:before {
        right: -40px;
        /*bottom: -45px;*/
    }

    .modal-christmas-ca .ribbon:before {
        right: -32px;
    }

    .modal-christmas-ca .figures:before {
        top: 0;
    }

    .modal-christmas-ca .modal-content:after {
        left: 0;
        right: 32px;
        bottom: -20px;
    }

    .modal-christmas-ca .forest:before {
        top: -50px;
    }
}

.modal-black-weeks-ca .promo-header {
    padding-bottom: 48px;
}

.modal-black-weeks-ca .promo-header:after {
    content: "";
    background-image: url(../img/promo/saw-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    bottom: -12px;
    right: 0;
    left: 0;
    height: 100%;
}

.modal-black-weeks-ca .promo-header span {
    display: block;
    position: relative;
    font-size: 40px;
    text-align: left;
    max-width: 300px;
    margin: auto;
}

.modal-black-weeks-ca .promo-header span:after {
    content: "";
    background-image: url(../img/promo/MG.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -15px;
    right: 0;
    height: 38px;
    width: 260px;
    background-position: right;
    z-index: 1;
}

.modal-black-weeks-ca .promo-content {
    overflow: hidden;
    padding: 16px 32px 48px;
}

.modal-black-weeks-ca .promo-content:after {
    content: "";
    background-image: url(../img/promo/saw-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 8px;
    right: 0;
    left: -80px;
    height: 140px;
}

.modal-black-weeks .promo-footer {
    padding-top: 0;
}

@media (max-width: 767px) {
    .modal-black-weeks-ca .promo-content:after {
        bottom: -8px;
    }
}

@media (max-width: 620px) {
    .modal-black-weeks-ca .promo-content:after {
        bottom: -24px;
    }
}

@media (max-width: 490px) {
    .modal-black-weeks-ca .promo-header span {
        font-size: 28px;
        padding-left: 50px;
    }

    .modal-black-weeks-ca .promo-header span:after {
        height: 24px;
        right: 50px;
        bottom: -8px;
    }

    .modal-black-weeks-ca .promo-content {
        padding-bottom: 24px;
    }

    /*.modal-black-weeks .promo-content span {
        margin: 16px 0;
    }*/
    .modal-black-weeks-ca .promo-header:after {
        bottom: -27px;
    }
}

@media (max-width: 420px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left: 40px;
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 40px;
    }
}

@media (max-width: 400px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left: 32px;
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 32px;
    }
}

@media (max-width: 380px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left: 24px;
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 24px;
    }
}

@media (max-width: 360px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left: 16px;
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 16px;
    }
}

@media (max-width: 340px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left: 0;
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 0;
    }
}

.modal-order-form .promo-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 32px 32px 40px 32px;
    position: relative;
    z-index: 1;
}

.modal-order-form .promo-content:before {
    content: "";
    background-image: url(../img/promo/bg.png);
    background-repeat: no-repeat;
    background-position: -287px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.modal-order-form-ca .promo-content:before {
    background-position: -270px;
}

.modal-order-form .promo-content-right {
    color: #fff;
    flex-basis: 55%;
    position: relative;
    z-index: 1;
}

.modal-order-form .promo-content-right > span {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px;
    display: block;
}

.modal-order-form .promo-content-right h2 {
    font-size: 44px;
    line-height: 47px;
    color: #fff;
}

.modal-order-form .promo-content-right p {
    font-size: 22px;
    line-height: 32px;
}

.modal-order-form .features {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.modal-order-form .feature + .feature {
    margin-left: 8px;
}

.modal-order-form .feature .feature-icon {
    display: block;
    margin: auto auto 12px auto;
}

.modal-order-form .feature .feature-icon img {
    width: 32px;
    height: 32px;
}

.modal-order-form .feature .feature-title p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #1A1C1E;
    margin-bottom: 0;
    max-width: 80%;
}

.modal-order-form .illustrations {
    min-height: 300px;
}

.modal-order-form .illustration {
    display: inline-flex;
    position: relative;
}

.modal-order-form .illustration-right img {
    height: 270px;
    width: 244px;
    position: absolute;
    right: -439px;
    top: 112px;
}

.modal-order-form .illustration-left img {
    height: 111px;
    width: 87px;
    position: absolute;
    right: -55px;
    top: 200px;
}

.modal-order-form .illustration-center img {
    width: 333px;
    height: 358px;
    position: absolute;
    top: -45px;
}

.modal-order-form .btn {
    font-size: 17px;
    margin-top: 16px;
}

.modal-order-form .btn-primary {
    background: #55a656;
    background-image: -moz-linear-gradient(160deg, #6cd95e 0%, #55a656 100%);
    background-image: -webkit-linear-gradient(160deg, #6cd95e 0%, #55a656 100%);
    background-image: -ms-linear-gradient(160deg, #6cd95e 0%, #55a656 100%);
    background-image: linear-gradient(160deg, #6cd95e 0%, #55a656 100%);
}

.modal-order-form-ca .promo-content-left {
    color: #fff;
    flex-basis: 50%;
    position: relative;
    z-index: 1;
}

.modal-order-form-ca .promo-content-left > span {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px;
    display: block;
}

.modal-order-form-ca .promo-content-left h2 {
    font-size: 44px;
    line-height: 47px;
    color: #fff;
}

.modal-order-form-ca .promo-content-left p {
    font-size: 22px;
    line-height: 32px;
}

.modal-order-form-ca .promo-content {
    overflow: hidden;
}

.modal-order-form-ca .promo-content:before {
    background-image: url(../img/promo/bg-order-form-ca.png);
    background-position: -240px -435px;
}

.modal-order-form-ca .illustrations {
    position: relative;
}

.modal-order-form-ca .illustration {
    box-shadow: 0px 14px 78px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.08);
    background: #fff;
}

.modal-order-form-ca .illustration-right {
    height: 116px;
    width: 116px;
    position: absolute;
    right: -10px;
    padding: 24px;
    bottom: 10px;
    border-radius: 16px;
    z-index: 1;
}

.modal-order-form-ca .illustration-right img {
    height: 72px;
    width: 72px;
    position: unset;
    top: unset;
    right: unset;
}

.modal-order-form-ca .illustration-left {
    position: absolute;
    z-index: 1;
    border-radius: 6px;
    left: 34px;
}

.modal-order-form-ca .illustration-left img {
    position: unset;
    top: unset;
    right: unset;
    border-radius: 6px;
}

.modal-order-form-ca .illustration-left-top {
    height: 63px;
    width: 98px;
    bottom: 103px;
}

.modal-order-form-ca .illustration-left-top img {
    height: 63px;
    width: 98px;
}

.modal-order-form-ca .illustration-left-bottom {
    height: 60px;
    width: 98px;
    bottom: 40px;
}

.modal-order-form-ca .illustration-left-bottom img {
    height: 60px;
    width: 98px;
}

.modal-order-form-ca .illustration-center {
    width: 391px;
    height: 285px;
    position: absolute;
    top: -12px;
    right: -44px;
    border-radius: 16px;
}

.modal-order-form-ca .illustration-center img {
    width: 391px;
    height: 285px;
    position: unset;
    top: unset;
    right: unset;
}

.modal-order-form-ca .illustration-bottom {
    width: 316px;
    height: 23px;
    position: absolute;
    bottom: 20px;
    right: -43px;
    z-index: 0;
}

.modal-order-form-ca .illustration-bottom img {
    width: 316px;
    height: 23px;
}

.modal-order-form-ca .illustration-cc {
    width: 134px;
    height: 80px;
    position: absolute;
    right: 0px;
    bottom: -32px;
}

.modal-order-form-ca .illustration-cc img {
    width: 134px;
    height: 80px;
    position: unset;
    top: unset;
    right: unset;
}

.modal-order-form-ca .features {
    margin-right: -50px;
    margin-left: 56px;
}

.modal-order-form-ca .feature .feature-title p {
    font-size: 14px;
}

.modal-order-form-ca .feature + .feature {
    margin-left: 4px;
}

.modal-order-form ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-order-form ul li {
    font-size: 14px;
    line-height: 28px;
}

.modal-order-form ul li img {
    max-width: 18px;
    margin-right: 16px;
    margin-top: -3px;
}

@media (min-width: 992px) {
    .modal-7th_anniversary .promo-content,
    .modal-love_modules .promo-content,
    .modal-looking_modules .promo-content {
        display: flex;
    }

    .modal-order-form .modal-dialog {
        width: 870px;
    }

}

@media (max-width: 991px) {
    .modal-7th_anniversary .modal-dialog,
    .modal-love_modules .modal-dialog,
    .modal-looking_modules .modal-dialog,
    .modal-opensource .modal-dialog {
        max-width: 375px;
    }

    .modal-opensource .promo-content-right,
    .modal-opensource .promo-content-left,
    .modal-7th_anniversary .promo-content-left,
    .modal-7th_anniversary .promo-content-right,
    .modal-love_modules .promo-content-right,
    .modal-love_modules .promo-content-left,
    .modal-looking_modules .promo-content-left {
        width: 100%;
    }

    .modal-opensource .promo-content-left {
        background: linear-gradient(210deg, #84E359 0%, #5FC951 51.42%, #419143 100%);
        /*background: linear-gradient(210deg, #b30086 0%, #cc0052 100%);*/
        padding: 36px 24px;
    }

    .modal-opensource .promo-content-left ul {
        margin-top: 20px;
    }

    .modal-7th_anniversary .modal-backdrop-bg:after,
    .modal-love_modules .modal-backdrop-bg:after {
        display: none;
    }

    .modal-7th_anniversary .promo-content-right h2,
    .modal-7th_anniversary .promo-content-right h2 span,
    .modal-love_modules .promo-content-right h2,
    .modal-love_modules .promo-content-right h2 span,
    .modal-looking_modules .promo-content-right h2,
    .modal-looking_modules .promo-content-right h2 span {
        font-size: 32px;
        line-height: 46px;
    }

    .modal-looking_modules .promo-content-left,
    .modal-7th_anniversary .promo-content-left,
    .modal-love_modules .promo-content-left,
    .modal-opensource .promo-content-left {
        padding: 56px 24px;
    }

    .modal-opensource .promo-content-right div.promo-code {
        width: 100%;
    }

    .modal-opensource .modal-dialog .close:not(.btn),
    .modal-7th_anniversary .modal-dialog .close:not(.btn),
    .modal-love_modules .modal-dialog .close:not(.btn),
    .modal-looking_modules .modal-dialog .close:not(.btn) {
        right: 16px;
        top: 16px;
    }

    .modal.licenses .modal-dialog .close:not(.btn) {
        color: #252B46;
        right: 16px;
        top: 12px;
    }

    .modal-opensource .promo-content-right .promo-info:after {
        left: 47%;
    }

    .modal-celebrate .promo-content {
        display: flex;
        flex-direction: column;
    }

    .modal-celebrate .promo-content-left {
        padding: 32px;
        order: 2;
    }

    .modal-celebrate .promo-content-right {
        min-height: 280px;
    }

    .modal-celebrate .promo-content-left .promo-discount {
        font-size: 38px;
        margin: 20px 0;
    }

    .modal-celebrate .promo-content-right {
        background-image: url(../img/promo/anniversary-mobile.png);
        background-position: center;
    }

    .modal-celebrate .promo-content-right h2 {
        display: none;
    }

    .promo-subheader {
        display: none;
    }

    .modal-order-form .promo-content {
        flex-direction: column;
        overflow: hidden;
    }

    .modal-order-form .promo-content:before {
        transform: rotate(180deg);
        background-position: -430px;
    }

    .modal-order-form .promo-content-left {
        position: relative;
        width: 100%;
        padding-bottom: 32px;
    }

    .modal-order-form .illustration-center img {
        right: -430px;
    }

    .modal-order-form .illustration-right img {
        right: -555px
    }

    .modal-order-form .features {
        justify-content: flex-start;
    }

    .modal-order-form-ca .promo-content:before {
        background-position: -428px -315px;
        transform: none;
    }

    .modal-order-form-ca .illustration-cc {
        right: 40px;
        bottom: 6px;
    }

    .modal-order-form-ca .illustration-center {
        right: 50%;
        transform: translateX(50%);
        top: 0;
    }

    .modal-order-form-ca .illustration-right {
        right: 116px;
        bottom: 5px;
    }

    .modal-order-form-ca .features {
        margin: 16px 0 0 0;
    }

    .modal-order-form-ca .illustration-left {
        left: 64px;
    }

    .modal-order-form-ca .illustration-bottom {
        right: 108px;
        bottom: 8px;
    }

}

@media (max-width: 767px) {
    .modal-7th_anniversary .modal-content,
    .modal-love_modules .modal-content,
    .modal-looking_modules .modal-content {
        margin: 0;
    }

    .modal-7th_anniversary .modal-dialog,
    .modal-love_modules .modal-dialog,
    .modal-looking_modules .modal-dialog,
    .modal-opensource .modal-dialog {
        max-width: 370px;
        width: auto;
    }

    .modal-7th_anniversary .modal-backdrop-bg:before,
    .modal-love_modules .modal-backdrop-bg:before,
    .modal-looking_modules .modal-backdrop-bg:before {
        display: none;
    }

    .modal-7th_anniversary .promo-code,
    .modal-love_modules .promo-code,
    .modal-looking_modules .promo-code {
        max-width: 100%;
    }

    .modal-7th_anniversary .promo-content-left {
        width: 100%;
        padding-top: 224px;
        background-position: center center;
    }

    .modal-love_modules .promo-content-left,
    .modal-looking_modules .promo-content-right {
        width: 100%;
    }

    .modal-7th_anniversary .promo-content-right,
    .modal-love_modules .promo-content-right {
        padding: 24px 16px;
    }

    .modal-7th_anniversary .promo-content-right h2,
    .modal-7th_anniversary .promo-code,
    .modal-love_modules .promo-content-right h2,
    .modal-love_modules .promo-code,
    .modal-looking_modules .promo-content-right h2,
    .modal-looking_modules .promo-code {
        margin-bottom: 24px;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .modal-black-week .promo-content-right h2 {
        max-width: 100%;
    }

    .modal-celebrate .promo-content-right h2,
    .modal-celebrate .promo-content-right span {
        font-size: 24px;
        line-height: 34px;
    }

    .modal-celebrate .promo-content-right .btn {
        height: 55px;
    }

    .modal-celebrate .promo-content-left .promo-discount {
        font-size: 32px;
    }

    .modal-order-form .promo-content {
        padding: 24px;
    }

    .modal-order-form:not(.modal-order-form-ca) .promo-content-right {
        text-align: center;
    }

    .modal-order-form .promo-content-left {
        text-align: center;
        padding-bottom: 24px;
    }

    .modal-order-form .promo-content-right h2,
    .modal-order-form-ca .promo-content-left h2 {
        font-size: 32px;
    }

    .modal-order-form .promo-content-right p,
    .modal-order-form-ca .promo-content-left p {
        font-size: 16px;
    }

    .modal-order-form-ca .illustration-cc {
        right: -64px;
    }

    .modal-order-form-ca .promo-content:before {
        background-position: -428px -355px;
    }

    .modal-order-form-ca .illustration-center {
        overflow: hidden;
    }

    .modal-order-form-ca .illustration-right {
        right: 51px;
        bottom: 0;
    }

    .modal-order-form-ca .illustration-left {
        left: 82px;
    }

    .modal-order-form-ca .illustration-bottom {
        right: 122px;
    }
}

@media (max-width: 767px) and (min-width: 481px) {
    .modal-order-form:not(.modal-order-form-ca) .illustration-center img {
        right: -155px;
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-right img {
        right: -260px;
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-left img {
        right: 260px;
    }
}

@media (max-width: 650px) {
    .modal-order-form .illustration-center img {
        right: -330px;
    }

    .modal-order-form .illustration-right img {
        right: -455px;
    }

    .modal-order-form-ca .illustration-left {
        left: -8px;
    }

    .modal-order-form-ca .illustration-bottom {
        display: none;
    }
}

@media (max-width: 480px) {
    .modal-opensource .modal-dialog,
    .modal-7th_anniversary .modal-dialog,
    .modal-love_modules .modal-dialog,
    .modal-looking_modules .modal-dialog {
        max-width: 300px;
    }

    .modal-opensource .promo-content-left,
    .modal-7th_anniversary .promo-content-left,
    .modal-love_modules .promo-content-left,
    .modal-looking_modules .promo-content-left {
        padding: 24px 16px;
    }

    .modal-opensource .promo-content-left span,
    .modal-7th_anniversary .promo-content-left span,
    .modal-love_modules .promo-content-left span,
    .modal-looking_modules .promo-content-left span {
        font-size: 28px;
    }

    .modal-opensource .promo-content-left h3,
    .modal-7th_anniversary .promo-content-left h3,
    .modal-love_modules .promo-content-left h3,
    .modal-looking_modules .promo-content-left h3,
    .modal-black-week .promo-content-left h3 span {
        font-size: 28px;
    }

    .modal-opensource .promo-content-left ul li,
    .modal-7th_anniversary .promo-content-left ul li,
    .modal-love_modules .promo-content-left ul li,
    .modal-looking_modules .promo-content-left ul li {
        font-size: 16px;
    }

    .modal-opensource .promo-content-right h2,
    .modal-7th_anniversary .promo-content-right h2,
    .modal-love_modules .promo-content-right h2,
    .modal-looking_modules .promo-content-right h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .modal-opensource .promo-content-right,
    .modal-7th_anniversary .promo-content-right,
    .modal-love_modules .promo-content-right,
    .modal-looking_modules .promo-content-right {
        padding: 24px;
    }

    .modal-black-week .promo-code .promo-discount {
        font-size: 42px;
    }

    .modal-black-week .promo-code span,
    .modal-black-week .promo-content-right p,
    .modal-black-week .promo-content-right strong {
        font-size: 18px;
    }

    .modal-black-week .promo-shape:before {
        width: 60px;
    }

    .modal-black-week .promo-content-left h3 {
        line-height: 32px;
        margin-bottom: 0;
    }

    .modal-opensource .promo-content-right {
        padding-bottom: 0;
    }

    .modal-opensource .promo-content-right .promo-info:before {
        right: -24px;
        left: -24px;
    }

    .modal-opensource .promo-content-right .promo-info:after {
        left: 46%;
    }

    .modal-celebrate .promo-content-left > div h3,
    .modal-celebrate .promo-content-left > div span {
        font-size: 24px;
        line-height: 34px;
    }

    .modal-celebrate .promo-content-left span {
        font-size: 20px;
        line-height: 34px;
    }

    .modal-celebrate .btn-secondary span {
        font-size: 18px;
    }

    .modal-order-form .features {
        flex-direction: column;
    }

    .modal-order-form .feature {
        display: flex;
        align-items: center;
        text-align: left;
    }

    .modal-order-form .feature .feature-icon {
        display: inline-flex;
        margin: 0 16px 0 0;
    }

    .modal-order-form .feature .feature-title {
        display: inline-flex;
    }

    .modal-order-form .feature + .feature {
        margin: 8px 0 0 0;
    }

    .modal-order-form .feature .feature-icon img {
        width: 24px;
        height: 24px;
    }

    .modal-order-form .feature .feature-title p {
        max-width: 100%;
        font-size: 14px;
    }

    .modal-order-form .btn {
        margin-top: 4px;
    }

    .modal-order-form:not(.modal-order-form-ca) .promo-content:before {
        background-position: -684px;
        transform: rotateX(-180deg) rotateY(0deg);
    }

    .modal-order-form .illustrations {
        position: relative;
        min-height: 155px;
        max-height: 155px;
    }

    .modal-order-form .illustration-center {
        width: 222px;
        height: 238px;
        right: 10px;
        top: -25px;
    }

    .modal-order-form .illustration-center img {
        width: 182px;
        height: 188px;
        right: 0;
        top: 0;
    }

    .modal-order-form .illustration-right {
        width: 146px;
        height: 149px;
        right: -215px;
        top: -160px;
    }

    .modal-order-form .illustration-right img {
        width: 146px;
        height: 149px;
        right: 0;
        top: 0;
    }

    .modal-order-form .illustration-left {
        width: 58px;
        height: 74px;
    }

    .modal-order-form .illustration-left img {
        width: 58px;
        height: 74px;
        top: -24px;
        right: 24px;
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-left {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-right {
        right: -110px;
        top: -180px;
    }

    .modal-order-form-ca .promo-content:before {
        background-position: -428px -380px;
    }

    .modal-order-form-ca .illustrations {
        min-height: 165px;
    }

    .modal-order-form .promo-content-right h2,
    .modal-order-form-ca .promo-content-left h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .modal-order-form-ca .promo-content-left p {
        line-height: 24px;
    }

    .modal-order-form-ca .illustration-cc img {
        display: none;
    }

    .modal-order-form-ca .illustration-left {
        display: none;
    }

    .modal-order-form-ca .illustration-center {
        overflow: hidden;
        width: 220px;
        height: 155px;
        top: 0;
        right: 50%;
    }

    .modal-order-form-ca .illustration-center img {
        width: 100%;
        height: 100%;
    }

    .modal-order-form-ca .illustration-right {
        right: 24px;
        bottom: -8px;
        height: 64px;
        width: 64px;
        padding: 10px;
        top: unset;
    }

    .modal-order-form-ca .illustration-right img {
        height: 48px;
        width: 48px;
    }
}

@media (max-width: 390px) {
    .modal-order-form:not(.modal-order-form-ca) .illustration-right {
        right: -160px;
        top: -230px;
    }

    .modal-order-form .promo-content-left {
        padding-bottom: 16px;
    }
}

.newsletter-popover {
    position: absolute;
    bottom: 100%;
    z-index: 999;
    margin-bottom: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: all .1s cubic-bezier(0, 0, 0, 1);
    pointer-events: none;
}

.newsletter-popover-arrow {
    position: absolute;
    bottom: -20px;
    left: 190px;
    height: 20px;
    width: 20px;
    overflow: hidden;
}

.newsletter-popover-arrow:after {
    position: absolute;
    left: 5px;
    top: -5px;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.newsletter-popover-body {
    padding: 16px 16px 16px 88px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
    line-height: 24px;
}

.newsletter-popover-icon {
    position: absolute;
    top: 16px;
    left: 16px;
    height: 56px;
    width: 56px;
    background: url(../img/newsletter-icon.png) no-repeat center center;
}

.newsletter-checkbox.openPopover .newsletter-popover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.newsletter-checkbox.openPopover:not(.buttonHover) .checkbox-styled {
    border-color: #5bc758;
}

.newsletter-checkbox.openPopover:not(.buttonHover) .text-primary {
    color: #5bc758;
}


/* fix for icheck */

.newsletter-checkbox-overlayer {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 10;
    top: 0;
    cursor: pointer;
}

.newsletter-checkbox-overlayer:hover + label .checkbox-styled {
    border-color: #5bc758;
}

.newsletter-checkbox input, .newsletter-checkbox ins {
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

/** CLOUD BILLING **/

.cloud-billing .btn > span {
    color: #fff;
}

.cloud-billing .btn-xxxlg {
    height: 80px;
    padding: 28px 32px;
    font-size: 18px;
}

.cloud-billing .banner-section-left .btn-xxxlg {
    width: 250px;
}

@media (max-width: 479px) {
    .cloud-billing .btn-xxxlg {
        height: 56px;
        padding: 16px 24px;
        font-size: 15px;
    }
}

/* Banner */

.cloud-billing .page-banner {
    padding: 143px 0px 100px;
    background: linear-gradient(160deg, #F89649 0%, #E35802 100%);
    margin-top: 0;
}

.cloud-billing .page-banner:before {
    display: none !important;
    background: none !important;
}

.cloud-billing .page-banner .col-md-6 {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.cloud-billing .page-banner .btn:not(.btn-light-blue):not(.btn-primary) {
    background-image: -moz-linear-gradient(150deg, #FFCB2E 0%, #ECB40E 100%);
    background-image: -webkit-linear-gradient(150deg, #FFCB2E 0%, #ECB40E 100%);
    background-image: -ms-linear-gradient(150deg, #FFCB2E 0%, #ECB40E 100%);
    background-image: linear-gradient(150deg, #FFCB2E 0%, #ECB40E 100%);
}

.cloud-billing .page-banner .btn:not(.btn-light-blue):not(.btn-primary) > span:before {
    background: rgba(255, 255, 255, 0.04);
}

.cloud-billing .page-banner .btn:not(.btn-light-blue):not(.btn-primary):after {
    background-image: -moz-linear-gradient(160deg, #ffd968 0%, #ECB40E 100%);
    background-image: -webkit-linear-gradient(160deg, #ffd968 0%, #ECB40E 100%);
    background-image: -ms-linear-gradient(160deg, #ffd968 0%, #ECB40E 100%);
    background-image: linear-gradient(160deg, #ffd968 0%, #ECB40E 100%);
}

.cloud-billing .page-banner .banner-section-left {
    z-index: 1;
}

.cloud-billing .page-banner .banner-section {
    padding-top: 0px;
    margin-bottom: -20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.cloud-billing .page-banner .section-title {
    margin-bottom: 24px;
    font-size: 74px;
    font-weight: 900;
    line-height: 80px;
    text-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
}

.cloud-billing .page-banner .section-desc {
    opacity: 0.9;
    margin: 40px 0px;
    font-size: 32px;
    font-weight: 300;
    line-height: 48px;
}

.cloud-billing .banner-section-right {
    max-width: 668px;
    width: 100%;
    position: relative;
    margin-right: -32px;
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .cloud-billing .page-banner .banner-section {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .cloud-billing .banner-section-left {
        width: 41%;
    }

    .banner-section-right .banner-img-top {
        width: 192px;
        right: -25px !important;
        top: 110px;
        background-size: cover;
    }

    .banner-section-right .banner-img-bottom {
        width: 450px;
        right: -25px !important;
        bottom: -38px;
    }
}

@media (max-width: 1199px) {
    .cloud-billing .page-banner .banner-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }

    .cloud-billing .banner-section-left {
        width: 100%;
        text-align: center;
        margin-bottom: 62px;
    }

    .cloud-billing .banner-section-right {
        margin: auto;
    }

    .cloud-billing .banner-section-right .banner-img-top {
        right: -25px;
    }

    .cloud-billing .banner-section-right .banner-img-bottom {
        right: -25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cloud-billing .page-banner .section-title {
        font-size: 62px;
        line-height: 72px;
    }
}

@media (max-width: 991px) {
    .cloud-billing .page-banner {
        padding: 80px 0 120px;
    }

    .cloud-billing .page-banner .section-title,
    .cloud-billing .page-banner .section-desc {
        text-align: center;
    }

    .cloud-billing .page-banner .section-title {
        margin-top: 0;
        font-size: 56px;
        line-height: 64px;
    }

    .cloud-billing .page-banner .section-desc {
        margin-bottom: 32px;
    }

    .cloud-billing .page-banner .story-box {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .cloud-billing .page-banner {
        padding-top: 56px;
    }

    .cloud-billing .page-banner {
        padding-bottom: 130px;
    }

    .cloud-billing .page-banner .banner-section > .row > .col-md-6 {
        width: 100%;
    }

    .cloud-billing .page-banner .section-title {
        margin-top: 0;
        font-size: 40px;
        line-height: 48px;
    }

    .cloud-billing .page-banner .section-desc {
        font-size: 20px;
        line-height: 32px;
    }

    .cloud-billing .banner-section-right .banner-img-top {
        right: -21px;
    }
}

@media (max-width: 710px) {
    .cloud-billing .page-banner {
        padding-bottom: 50px;
    }

    .cloud-billing .banner-section-right .banner-img-bottom .banner-img-bottom-desc p {
        font-size: 14px;
    }
}

/* Banner: Browser */

.cloud-billing .browser-section {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 16px 6px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
}

.cloud-billing .browser-section .browsers-top {
    height: 32px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
}

.cloud-billing .browser-section .browsers-top .browsers-dot {
    background: #FF8E2B;
    width: 8px;
    min-width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 100px
}

.cloud-billing .banner-img-top {
    background: url(../img/cloud-billing/invoices-summary.png) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: -19px;
    top: 135px;
    height: 128px;
    width: 240px;
    border-radius: 3px;
    box-shadow: 2px 2px 24px 12px rgba(0, 0, 0, 0.1);
}

.cloud-billing .banner-img-bottom {
    position: absolute;
    right: -47px;
    bottom: -96px;
    background-color: #fff;
    padding: 40px;
    box-shadow: 2px 2px 24px 12px rgba(0, 0, 0, 0.1);
    width: 474px;
    border-top: 3px solid #FF8E2B;
}

@media (min-width: 992px) {
    .cloud-billing:not(.google-billing):not(.azure-billing) .page-banner {
        padding: 160px 0px 124px;
    }

    .cloud-billing:not(.google-billing):not(.azure-billing) .banner-img-bottom {
        padding: 30px;
        bottom: -75px;
    }
}

.cloud-billing .banner-img-bottom-desc {
    position: relative;
}

.cloud-billing .banner-img-bottom p {
    color: #2E3442;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0px;
}

.cloud-billing .banner-img-bottom-desc p:first-of-type {
    margin-bottom: 24px;
}

@media (min-width: 710px) {
    .cloud-billing .banner-section-right .browser-section {
        height: 486px;
        width: 662px;
    }

    .cloud-billing .banner-section-right .banner-img-bottom {
        height: 299px;
    }

    .cloud-billing:not(.google-billing):not(.azure-billing) .banner-section-right .banner-img-bottom {
        height: 279px;
    }
}

@media (max-width: 710px) {
    .cloud-billing .browser-section .browsers-screen img {
        width: 100%;
    }

    .cloud-billing .banner-section-right .banner-img-top {
        right: -10px;
        top: 17%;
    }

    .cloud-billing .banner-img-bottom p {
        color: #fff;
        text-align: center;
    }

    .cloud-billing .banner-img-bottom-desc p:first-of-type {
        margin-bottom: 16px;
    }
}

@media (max-width: 580px) {
    .cloud-billing .banner-section-right .banner-img-bottom {
        bottom: -215px;
    }
}

@media (max-width: 390px) {
    .cloud-billing .banner-section-right .banner-img-bottom {
        bottom: -260px;
    }

    .cloud-billing .banner-section-right .banner-img-bottom .banner-img-bottom-desc {
        line-height: 27px;
    }
}

@media (max-width: 310px) {
    .cloud-billing .banner-section-right .banner-img-bottom {
        bottom: -310px;
    }
}

/* Banner: Shapes */

.cloud-billing .shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.cloud-billing .page-banner .shape-top-left {
    height: 776px;
    width: 785px;
    background: url(../img/cloud-billing/aws-box-left.png);
    background-repeat: no-repeat;
    opacity: 0.45;
}

.cloud-billing .page-banner .shape-top-right {
    height: 507px;
    width: 514px;
    background: url(../img/cloud-billing/aws-box-right.png);
    background-repeat: no-repeat;
    opacity: 0.35;
}

.cloud-billing .shape-bottom-right {
    height: 104px;
    width: 104px;
    background: url(../img/cloud-billing/aws-shape_browser-small.png);
    background-repeat: no-repeat;
    opacity: 0.8;
}

.cloud-billing .shape-bottom-left {
    height: 291px;
    width: 267px;
    background: url(../img/cloud-billing/aws-box-middle.png);
    background-repeat: no-repeat;
    opacity: 0.7;
}

.cloud-billing .page-banner .shapes > * {
    position: absolute;
}

.cloud-billing .page-banner .shape-top-left {
    bottom: auto !important;
    right: auto !important;
    top: -20px !important;
    left: -20px !important;
}

.cloud-billing .page-banner .shape-top-right {
    left: 94% !important;
    bottom: auto !important;
    top: -20px !important;
    right: 0px !important;
}

.cloud-billing .page-banner .shape-bottom-right {
    left: auto !important;
    top: auto !important;
    bottom: -200px !important;
    right: -605px !important;
    background-position-x: right
}

.cloud-billing .banner-section-right .shapes {
    overflow: visible;
}

.cloud-billing .page-banner .shape-bottom-left {
    left: -150px !important;
    top: 330px !important;
    bottom: 70px !important;
    right: auto !important;
}

@media (max-width: 1199px) {
    .cloud-billing .page-banner .shape-top-left {
        left: -450px !important;
    }
}

@media (max-width: 767px) {
    .cloud-billing .page-banner .shape-top-right {
        display: none !important;
    }

    .cloud-billing .page-banner .shape-bottom-left {
        display: none !important;
    }

    .cloud-billing .page-banner .shape-bottom-right {
        bottom: -210px !important;
        right: -540px !important;
    }
}

/*Sections */

body.cloud-billing .page-content {
    padding-top: 32px;
}

.cloud-billing .page-content {
    z-index: 8;
}

.cloud-billing .content-section {
    position: relative;
    padding: 90px 0px 112px 0px;
    overflow: hidden;
}

.cloud-billing .section-center .section-title {
    text-align: center;
    margin-bottom: 92px;
}

.cloud-billing .content-section > .container {
    position: relative;
    z-index: 9;
}

.cloud-billing .section-center .section-desc {
    margin-bottom: 64px;
}

.cloud-billing .content-section .section-middle .middle-browser {
    position: relative;
}

.cloud-billing .content-section .section-middle .middle-browser .browser-section {
    z-index: 1;
    border-radius: 0px;
}

.cloud-billing .content-section .section-middle .middle-browser .browsers-dot {
    width: 6px;
    min-width: 6px;
    height: 6px;
}

.cloud-billing .content-section .section-middle + .section-middle {
    margin-top: 130px;
}

.cloud-billing .section-middle .section-desc,
.cloud-billing .section-middle .section-title,
.section-desc-list {
    max-width: 477px;
}

.cloud-billing .content-section .flex-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cloud-billing .content-section .section-middle .section-title {
    font-size: 32px;
    font-weight: 500;
    color: #2E3442;
    line-height: 46px;
    text-align: left;
    margin-bottom: 0px;
}

.cloud-billing .content-section .section-middle .section-desc {
    color: #2E3442;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    margin-top: 32px;
}

.cloud-billing .content-section .section-middle .section-desc-list {
    list-style: none;
    margin-top: 32px;
}

.cloud-billing .content-section .section-middle .section-desc-list li {
    position: relative;
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 16px;
    color: #2E3442;
}

.cloud-billing .content-section .section-middle .section-desc-list li:before {
    display: inline-block;
    content: "";
    background: #FF8E2B;
    width: 6px;
    min-width: 6px;
    height: 6px;
    border-radius: 100px;
    position: absolute;
    left: -36px;
    top: 11px;
}

.cloud-billing .content-section .section-middle .section-desc-list li strong {
    color: #2E3442;
}

.cloud-billing .content-section .section-middle .browser-section {
    box-shadow: 0px 0px 16px 6px rgba(0, 0, 0, 0.08);
    width: 491px;
    padding: 0px;
}

.cloud-billing .content-section .col-md-6.ml-90 .browser-section {
    margin-right: -100px;
}

.cloud-billing .content-section .section-middle .browser-section img {
    max-width: 491px;
}

.cloud-billing .content-section .section-middle .browser-section .tags-img,
.cloud-billing .content-section .section-middle .browser-section .pricing-img,
.cloud-billing .content-section .section-middle .browser-section .connection-img,
.cloud-billing .content-section .section-middle .browser-section .charges-img {
    position: absolute;
    box-shadow: 2px 2px 24px 12px rgba(0, 0, 0, 0.1);
}

.cloud-billing .content-section .section-middle .browser-section .tags-img {
    top: 198px;
    right: -40px;
}

.cloud-billing .content-section .section-middle .browser-section .tags-img img {
    max-width: 258px;
}

.cloud-billing .content-section .section-middle .browser-section .pricing-img {
    bottom: -114px;
    right: -40px;
}

.cloud-billing .content-section .section-middle .browser-section .pricing-img img {
    max-width: 311px;
}

.cloud-billing .content-section .section-middle .browser-section .connection-img {
    bottom: 126px;
    right: -35px;
}

.cloud-billing .content-section .section-middle .browser-section .connection-img img {
    max-width: 217px;
}

.cloud-billing .content-section .section-middle .browser-section .charges-img {
    bottom: -45px;
    right: -40px;
}

.cloud-billing .content-section .section-middle .browser-section .charges-img img {
    max-width: 306px;
}

.cloud-billing .section-middle .section-title {
    margin-bottom: 24px
}

.cloud-billing .section-middle .section-desc {
    margin: 0
}

.cloud-billing .content-section .section-information {
    margin-top: 110px;
}

.cloud-billing .content-section .section-information .box-info {
    border: 1px solid #E9EFF6;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px;
    position: relative;
}

.cloud-billing .content-section .section-information .box-info:after {
    content: "";
    border-left: 3px solid #FF8E2B;
    position: absolute;
    left: 0px;
    top: -1px;
    bottom: -1px;
}

.cloud-billing .content-section .section-information .box-info .box-info-icon {
    margin-right: 30px;
}

.cloud-billing .content-section .section-information .box-info .box-info-icon img {
    width: 64px;
    height: 64px;
}

.cloud-billing .content-section .section-information .box-info .box-info-desc h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 6px 0;
}

.cloud-billing .content-section .section-information .box-info .box-info-desc p {
    font-size: 21px;
    line-height: 30px;
    color: #5C5F66;
    margin-bottom: 0px;
    width: 100%;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .cloud-billing .browser-section.tags {
        height: 481px;
    }

    .cloud-billing .browser-section.pricing {
        height: 307px;
    }

    .cloud-billing .browser-section.connection {
        height: 459px;
    }

    .cloud-billing .browser-section.charges {
        height: 401px;
    }

    .cloud-billing .browser-section.service {
        height: 315px;
    }

    .cloud-billing .browser-section.earnings {
        height: 343px;
    }
}

@media (max-width: 1200px) {
    .cloud-billing .content-section .col-md-6.mr-120 .browser-section {
        margin-left: 0px;
    }

    .cloud-billing .content-section .col-md-6.ml-90 .browser-section {
        margin-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .cloud-billing .content-section .section-middle .browser-section,
    .cloud-billing .content-section .section-middle .browser-section img {
        max-width: 450px;
    }

    .cloud-billing .content-section .section-middle .browser-section .tags-img img {
        max-width: 410px;
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img {
        bottom: -33px;
    }

    .cloud-billing .browser-section.tags {
        height: 441px;
    }

    .cloud-billing .browser-section.pricing {
        height: 281px;
    }

    .cloud-billing .browser-section.connection {
        height: 420px;
    }

    .cloud-billing .browser-section.charges {
        height: 367px;
    }

    .cloud-billing .browser-section.service {
        height: 289px;
    }

    .cloud-billing .browser-section.earnings {
        height: 315px;
    }
}

@media (min-width: 992px) {
    .cloud-billing .content-section .section-middle .col-md-6:first-of-type {
        margin-left: 40px;
    }

    .cloud-billing .content-section .section-middle .col-md-6:last-of-type {
        margin-right: 40px;
    }
}

@media (max-width: 991px) {
    .cloud-billing .content-section .section-middle + .section-middle {
        margin-top: 80px;
    }

    .cloud-billing .content-section .section-middle .browser-section {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cloud-billing .section-middle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .cloud-billing .section-middle .col-md-6.mr-120 {
        margin-right: 30px;
    }

    .cloud-billing .section-middle .col-md-6.col-sm-12.middle-browser {
        order: 1;
        margin: 16px 0 0 0;
    }

    .cloud-billing .content-section .section-middle .section-title {
        line-height: 42px;
    }

    .cloud-billing .content-section .section-middle .section-title,
    .cloud-billing .content-section .section-middle .section-desc {
        max-width: 100%;
        padding: 20px;
        text-align: center;
    }

    .cloud-billing .content-section .section-middle .section-desc-list {
        max-width: 100%;
        margin-top: 0;
    }

    .cloud-billing .content-section .section-middle .section-desc {
        margin-top: 0;
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img {
        bottom: -35px;
        background: #fff
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img img {
        max-width: 70%;
    }
}

@media (min-width: 768px) {
    .cloud-billing .section-middle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .cloud-billing .content-section .section-middle .section-desc-list li:before {
        top: 13px;
    }
}

@media (max-width: 767px) {
    .cloud-billing .section-center .section-title {
        margin-bottom: 62px;
    }

    .cloud-billing .content-section .section-middle .section-title {
        font-size: 18px;
        line-height: 26px;
        margin: 0px;
    }

    .cloud-billing .content-section .section-middle .section-desc-list li {
        font-size: 14px;
    }

    .cloud-billing .content-section .section-middle .section-desc {
        font-size: 14px;
        line-height: 28px;
        padding-top: 0px;
    }

    .cloud-billing .content-section .section-information .box-info .box-info-desc p {
        font-size: 14px;
        line-height: 27px;
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img {
        bottom: 35px;
    }
}

@media (max-width: 710px) {
    body.cloud-billing .page-content {
        padding-top: 0px;
    }

    .cloud-billing .banner-section-right .browser-section {
        background: transparent;
        box-shadow: none;
    }

    .cloud-billing .banner-section-right .browsers-screen {
        background: #fff;
        box-shadow: 0px 0px 16px 6px rgba(0, 0, 0, 0.08);
        border-radius: 6px;
    }

    .google-billing .banner-section-right .browser-section {
        padding: 0;
    }

    .cloud-billing .banner-section-right .banner-img-bottom {
        position: relative;
        bottom: unset;
        right: unset;
        left: unset;
        margin-top: 32px;
        background: transparent;
        width: 100%;
        box-shadow: none;
        border: 0;
        padding: 0 2px;
    }
}

@media (max-width: 992px) and (min-width: 550px) {
    .cloud-billing .browser-section.tags {
        height: 481px;
    }

    .cloud-billing .browser-section.pricing {
        height: 307px;
    }

    .cloud-billing .browser-section.connection {
        height: 459px;
    }

    .cloud-billing .browser-section.charges {
        height: 343px;
    }

    .cloud-billing .browser-section.service {
        height: 315px;
    }

    .cloud-billing .browser-section.earnings {
        height: 343px;
    }

    .google-billing .browser-section.tags {
        height: 399px;
    }

    .google-billing .browser-section.charges {
        height: 401px;
    }

    .cloud-billing .browser-section.details {
        height: 401px;
    }
}

@media (max-width: 600px) {
    .cloud-billing .content-section .section-middle .browser-section {
        max-width: 95%;
    }

    .cloud-billing .browser-section .browsers-screen img {
        width: 100%;
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img,
    .cloud-billing .content-section .section-middle .browser-section .pricing-img,
    .cloud-billing .content-section .section-middle .browser-section .connection-img {
        max-width: 50%;
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img {
        bottom: -6%;
        right: -6%;
    }

    .cloud-billing .content-section .section-middle .browser-section .connection-img {
        bottom: 15%;
        right: -10%;
    }

    .cloud-billing .content-section .section-middle .browser-section .tags-img {
        top: 100px;
        right: -5%;
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img {
        bottom: -20%;
        right: -6%;
    }

    .cloud-billing .content-section .section-middle .browser-section .tags-img img,
    .cloud-billing .content-section .section-middle .browser-section .charges-img img,
    .cloud-billing .content-section .section-middle .browser-section .pricing-img img,
    .cloud-billing .content-section .section-middle .browser-section .connection-img img {
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .cloud-billing .content-section {
        padding: 56px 0;
    }

    .cloud-billing .section-middle .col-md-6.col-sm-12.middle-browser {
        margin-bottom: 0px;
    }

    .cloud-billing .content-section .section-information {
        margin-top: 56px;
    }

    .cloud-billing .content-section .section-information .box-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .cloud-billing .content-section .section-information .box-info .box-info-icon {
        margin-right: 0px;
    }

    .cloud-billing .content-section .section-information .box-info .box-info-desc h3 {
        margin: 15px 0px;
    }
}

/* Pricing Package */

.cloud-billing .aws-pricing > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cloud-billing .aws-pricing .aws-package {
    background-color: #fff;
    border: 1px solid #DADDE6;
    border-top: 3px solid #FF8E2B;
    padding: 70px 30px;
    text-align: center;
    height: 100%;
    margin-top: -30px;
}

.cloud-billing .aws-pricing .aws-package h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 30px 0px;
}

.cloud-billing .aws-pricing .aws-package .aws-price {
    color: #FF8E2B;
    margin-bottom: 5px;
    height: 35px;
}

.cloud-billing .aws-pricing .aws-package .aws-price .price {
    font-size: 40px;
    font-weight: 300;
    line-height: 24px;
}

.cloud-billing .aws-pricing .aws-package .aws-price .price small {
    font-size: 14px;
}

.cloud-billing .aws-pricing .aws-package .aws-price.price-custom .price {
    font-size: 23px;
    font-weight: 400;
}

.cloud-billing .aws-pricing .aws-package .aws-package-desc {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cloud-billing .aws-pricing .aws-package .aws-package-desc span {
    font-size: 16px;
    color: #5C5F66;
    line-height: 27px;
}

.cloud-billing .content-section .aws-pricing .section-actions {
    text-align: center;
    padding-top: 35px;
}

.cloud-billing .aws-pricing .section-actions .btn:not(.btn-light-blue):not(.btn-primary) {
    background-image: -moz-linear-gradient(150deg, #FFAD2B 0%, #FF8E2B 100%);
    background-image: -webkit-linear-gradient(150deg, #FFAD2B 0%, #FF8E2B 100%);
    background-image: -ms-linear-gradient(150deg, #FFAD2B 0%, #FF8E2B 100%);
    background-image: linear-gradient(150deg, #FFAD2B 0%, #FF8E2B 100%);
    width: 244px;
}

.cloud-billing .aws-pricing .section-actions .btn:not(.btn-light-blue):not(.btn-primary):after {
    background-image: -moz-linear-gradient(160deg, #fcc164 0%, #FF8E2B 100%);
    background-image: -webkit-linear-gradient(160deg, #fcc164 0%, #FF8E2B 100%);
    background-image: -ms-linear-gradient(160deg, #fcc164 0%, #FF8E2B 100%);
    background-image: linear-gradient(160deg, #fcc164 0%, #FF8E2B 100%);
}

.cloud-billing .section-actions .btn {
    min-width: 258px;
}

@media (max-width: 992px) {
    .cloud-billing .aws-pricing .col-md-3.col-sm-6.col-xs-12 {
        margin-bottom: 15px;
    }
}

@media (max-width: 579px) {
    .cloud-billing .content-section .aws-pricing .section-actions {
        padding-top: 14px;
    }
}

/** Cloud-Billing Navbar**/

.primary-navbar .navbar-nav .nav-cloud-billing > .dropdown-toggle {
    /*color: #fa872a;*/
}

.primary-navbar .navbar-nav .nav-cloud-billing > .dropdown-toggle:hover,
.primary-navbar .navbar-nav > .nav-cloud-billing.hovered > .dropdown-toggle {
    /*color: #e06b15;*/
    color: #5bc758;
}

.primary-navbar .navbar-nav > li.nav-cloud-billing {
    position: relative;
}

.primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu {
    min-width: 288px;
    padding: 25px 10px;
    position: absolute;
    top: 128%;
    left: 24px;
    z-index: 999;
    margin: 0;
    background: #fff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
    text-align: left;
    transition: .2s ease-in-out;
}

.primary-navbar .nav-cloud-billing .dropdown-menu li {
    min-height: 48px;
}

.primary-navbar .nav-cloud-billing.hovered.dropdown:after {
    content: '';
    position: absolute;
    bottom: -20px;
    height: 20px;
    left: 0;
    right: 0;
}

.primary-navbar .nav-cloud-billing .dropdown-menu a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 16px;
}

/*.primary-navbar .nav-cloud-billing .dropdown-menu>li>a:hover,
.primary-navbar .nav-cloud-billing .dropdown-menu>li>a:focus {
    color: #293642;
}*/
/*.primary-navbar .nav-cloud-billing .dropdown-menu a:hover .nav-link-text,
.primary-navbar .nav-cloud-billing .dropdown-menu a:focus .nav-link-text,
.primary-navbar .nav-cloud-billing .dropdown-menu a:active .nav-link-text{
    color: #00ABDC;
}*/
.primary-navbar .nav-cloud-billing .dropdown-menu a.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5;
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-logo {
    margin-right: 24px;
    height: 48px;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    font-size: 48px;
    line-height: 48px;
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-logo img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content {
    display: flex;
    flex-direction: column;
    line-height: 22px;
}

.primary-navbar .nav-cloud-billing .nav-link-content span {
    color: #293642;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: .2s ease-in-out;
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content .nav-link-desc {
    font-size: 11px;
    font-weight: 400;
    transition: .2s ease-in-out;
}

.primary-navbar .nav-cloud-billing a:hover .nav-link-content span,
.primary-navbar .nav-cloud-billing a:active .nav-link-content span,
.primary-navbar .nav-cloud-billing a:focus .nav-link-content span {
    /*color: #fa872a;*/
    color: #5bc758;
}

.primary-navbar .new-product {
    position: absolute;
    top: 16px;
    right: -16px;
    background: #e60000;
    text-transform: uppercase;
    padding-top: 2px;
    font-size: 10px;
}

@-moz-document url-prefix() {
    .primary-navbar .new-product {
        padding-top: 0px;
    }
}

.primary-navbar .nav-cloud-billing .aws:hover .nav-link-content span,
.primary-navbar .nav-cloud-billing .aws:active .nav-link-content span,
.primary-navbar .nav-cloud-billing .aws:focus .nav-link-content span,
.primary-navbar .nav-cloud-billing .aws.active .nav-link-content span {
    color: #f17b27;
}

/*.primary-navbar .nav-cloud-billing .cb-google .nav-link-content .nav-link-text,*/
.primary-navbar .nav-cloud-billing .cb-google .nav-link-content .nav-link-desc {
    color: #5bc758;
}

.primary-navbar .nav-cloud-billing .cb-google:hover .nav-link-content span,
.primary-navbar .nav-cloud-billing .cb-google:active .nav-link-content span,
.primary-navbar .nav-cloud-billing .cb-google:focus .nav-link-content span,
.primary-navbar .nav-cloud-billing .cb-google.active .nav-link-content span {
    color: #5bc758;
}

/*.primary-navbar .nav-cloud-billing .azure .nav-link-content .nav-link-text,*/
.primary-navbar .nav-cloud-billing .azure .nav-link-content .nav-link-desc {
    color: #00bfff;
}

.primary-navbar .nav-cloud-billing .azure:hover .nav-link-content span,
.primary-navbar .nav-cloud-billing .azure:active .nav-link-content span,
.primary-navbar .nav-cloud-billing .azure:focus .nav-link-content span,
.primary-navbar .nav-cloud-billing .azure.active .nav-link-content span {
    color: #00bfff;
}

@media (max-width: 1200px) and (min-width: 992px) {
    .primary-navbar .new-product {
        right: -10px;
    }
}

@media (min-width: 992px) {
    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-toggle:before {
        display: none !important;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu:before {
        display: block;
        content: '';
        position: absolute;
        bottom: 0px;
        width: 0;
        height: 0;
        margin-left: -8px;
        vertical-align: middle;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
}

@media (max-width: 992px) {
    .primary-navbar .navbar-nav .nav-cloud-billing > .dropdown-toggle {
        /*color: #fa872a;*/
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu {
        background-color: #2e3442;
        left: 0px;
        padding: 10px 15px 10px 17px;
        width: 260px;
        min-width: 0px;
        opacity: 1;
        visibility: visible;
        position: static;
        transition: none;
        display: none;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing.dropdown.open .dropdown-menu,
    .primary-navbar .navbar-nav > li.nav-cloud-billing.dropdown.open .item-open {
        opacity: 1;
        visibility: visible;
        position: static;
        z-index: 10;
        display: block;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing.dropdown.open .item-open li a {
        padding-left: 15px;
    }

    .primary-navbar .nav-cloud-billing.hovered.dropdown:after {
        display: none;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu li {
        min-height: 0px;
        border-left: 1px solid #40495C;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu li a {
        min-height: 40px;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu li a:hover {
        color: #5bc758;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu .nav-link-logo {
        display: none;
    }

    .primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content {
        flex-direction: row;
        align-items: center;
    }

    .primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content .nav-link-text {
        color: #bfc2c9;
        font-size: 13px;
        line-height: 1.42857143px;
        font-weight: 400;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu .nav-link-desc {
        background-color: #40495C;
        padding: 5px;
        font-size: 9px;
        margin-left: 7px;
        font-weight: 400;
        line-height: 12px;
    }

    .primary-navbar .nav-cloud-billing .nav-link-content .nav-link-desc {
        color: #fff;
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing .dropdown-menu li .aws .nav-link-desc {
        color: #f17b27;
    }

}

@media (max-width: 991px) {
    .primary-navbar .new-product {
        top: 10px;
        right: 16px;
    }
}

@media (min-width: 768px) {
    .primary-navbar .navbar-nav > li.nav-cloud-billing.hovered > .dropdown-menu {
        top: 118%;
    }
}

@media (max-width: 767px) {
    .primary-navbar .navbar-nav .nav-cloud-billing > dropdown-toggle:not(.btn) {
        /*color: #fa872a;*/
    }

    .primary-navbar .navbar-nav > li.nav-cloud-billing li a {
        padding-left: 12px;
    }
}

/** DEVELOPER OUTSOURCING **/

.developer-outsourcing .btn > span {
    color: #fff;
}

.developer-outsourcing .btn-xxxlg {
    height: 80px;
    padding: 28px 32px;
    font-size: 18px;
}

.developer-outsourcing .lead {
    color: #5c5f66;
    font-size: 20px;
    line-height: 32px;
}

@media (max-width: 479px) {
    .developer-outsourcing .btn-xxxlg {
        height: 56px;
        padding: 16px 24px;
        font-size: 15px;
    }
}

/** BANNER **/

.developer-outsourcing .page-banner {
    padding: 118px 0 242px;
    background: linear-gradient(140deg, #006fde 10%, #005aba 35%, #003074 90%);
}

.page-developer-outsourcing-form .page-bg {
    background: linear-gradient(140deg, #006fde 10%, #005aba 35%, #003074 90%);
}

.developer-outsourcing .page-banner:before {
    display: none !important;
}

.developer-outsourcing .page-banner .banner-team {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/developer-outsourcing/team.png) no-repeat bottom center;
    opacity: 1;
}

.developer-outsourcing .page-banner > .container {
    position: relative;
    z-index: 2;
}

.developer-outsourcing .page-banner .banner-section {
    padding: 0;
}

.developer-outsourcing .page-banner .section-title {
    margin-bottom: 24px;
    font-size: 74px;
    font-weight: 900;
    line-height: 80px;
    text-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
}

.developer-outsourcing .page-banner .section-desc {
    margin: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 48px;
}

@media (min-width: 992px) {
    .developer-outsourcing .page-banner .banner-section > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .developer-outsourcing .page-banner .section-title,
    .developer-outsourcing .page-banner .section-desc {
        max-width: 482px;
        padding-right: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .developer-outsourcing .page-banner .section-title {
        font-size: 62px;
        line-height: 72px;
    }
}

@media (max-width: 991px) {
    .developer-outsourcing .page-banner {
        padding-top: 80px;
    }

    .developer-outsourcing .page-banner .section-title,
    .developer-outsourcing .page-banner .section-desc {
        text-align: center;
    }

    .developer-outsourcing .page-banner .section-title {
        margin-top: 0;
        font-size: 56px;
        line-height: 64px;
    }

    .developer-outsourcing .page-banner .section-desc {
        margin-bottom: 32px;
    }

    .developer-outsourcing .page-banner .story-box {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .page-banner {
        padding-top: 56px;
    }

    .developer-outsourcing .page-banner .banner-section > .row > .col-md-6 {
        width: 100%;
    }

    .developer-outsourcing .page-banner .section-title {
        margin-top: 0;
        font-size: 40px;
        line-height: 48px;
    }

    .developer-outsourcing .page-banner .section-desc {
        font-size: 20px;
        line-height: 32px;
    }
}

/* Banner: Story Box */

.developer-outsourcing .page-banner .story-box {
    height: 420px;
    max-width: 570px;
    padding: 48px;
    background: linear-gradient(140deg, rgba(0, 105, 210, 0.3), rgba(0, 48, 116, 0.3));
    box-shadow: 0 10px 40px rgba(0, 0, 0, .15);
    color: #fff;
    text-align: center;
}

.developer-outsourcing .page-banner .story-box p {
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

@media (min-width: 768px) {
    .developer-outsourcing .page-banner .story-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .page-banner .story-box {
        height: auto;
        padding: 24px;
    }

    .developer-outsourcing .page-banner .story-box p {
        font-size: 16px;
        line-height: 26px;
    }
}

/* Banner: Shapes */

.developer-outsourcing .shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.developer-outsourcing .shape-top-left {
    height: 776px;
    width: 785px;
    background: url(../img/developer-outsourcing/shape-top_left.png);
    opacity: 0.45;
}

.developer-outsourcing .shape-top-right {
    height: 507px;
    width: 514px;
    background: url(../img/developer-outsourcing/shape-top_right.png);
    opacity: 0.35;
}

.developer-outsourcing .shape-bottom-right {
    height: 373px;
    width: 377px;
    background: url(../img/developer-outsourcing/shape-bottom_right.png);
    opacity: 0.06;
}

.developer-outsourcing .page-banner .shapes > * {
    position: absolute;
}

.developer-outsourcing .page-banner .shape-top-left {
    bottom: auto !important;
    right: auto !important;
    top: -240px !important;
    left: -250px !important;
}

.developer-outsourcing .page-banner .shape-top-right {
    left: 75% !important;
    bottom: auto !important;
    top: -300px !important;
    right: 0px !important;
}

.developer-outsourcing .page-banner .shape-bottom-right {
    left: auto !important;
    top: auto !important;
    bottom: -180px !important;
    right: 200px !important;
}

body.page-developer-outsourcing-form .page-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 776px;
    width: 785px;
    background: url(../img/developer-outsourcing/shape-top_left.png);
    opacity: 0.45 !important;
    bottom: auto;
    right: auto;
    top: -240px;
    left: -250px;
}

body.page-developer-outsourcing-form .page-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 507px;
    width: 514px;
    background: url(../img/developer-outsourcing/shape-top_right.png);
    opacity: 0.35;
    left: 75%;
    bottom: auto;
    top: -300px;
    right: 0px;
}

@media (max-width: 1199px) {
    .developer-outsourcing .page-banner .shape-top-left {
        left: -450px !important;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .page-banner .shape-top-right {
        display: none !important;
    }
}

/** SECTIONS **/

.developer-outsourcing .page-content {
    z-index: 8;
}

.developer-outsourcing .content-section {
    position: relative;
    padding: 88px 0;
    overflow: hidden;
}

.developer-outsourcing .content-section > .container {
    position: relative;
    z-index: 9;
}

.developer-outsourcing .content-section .section-desc {
    color: #5c5f66;
    font-size: 20px;
    line-height: 32px;
}

.developer-outsourcing .section-center .section-desc {
    margin-bottom: 64px;
}

.developer-outsourcing .section-services {
    padding-top: 0 !important;
    margin-top: -80px;
}

@media (max-width: 991px) {
    .developer-outsourcing .content-section {
        padding: 72px 0;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .content-section .section-desc {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 479px) {
    .developer-outsourcing .content-section {
        padding: 56px 0;
    }
}

/** Section: Middle **/

.developer-outsourcing .section-middle .section-title {
    margin-bottom: 24px
}

.developer-outsourcing .section-middle .section-title b {
    color: #0ebcfc;
    font-weight: 800;
}

.developer-outsourcing .section-middle .section-desc {
    margin: 0
}

.developer-outsourcing .section-middle .section-desc + .section-actions {
    padding-top: 32px
}

@media (min-width: 992px) {
    .developer-outsourcing .section-middle {
        display: flex;
        align-items: center;
    }

    .developer-outsourcing .section-middle .section-title,
    .developer-outsourcing .section-middle .section-desc {
        max-width: 450px;
    }
}

/** Section: Center **/

.developer-outsourcing .section-center .section-title,
.developer-outsourcing .section-center .section-desc {
    text-align: center;
}

@media (min-width: 992px) {
    .developer-outsourcing .section-center .section-title {
        margin-bottom: 72px;
    }

    .developer-outsourcing .section-center .section-title + .section-desc {
        margin-top: -48px;
        margin-bottom: 72px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .developer-outsourcing .section-center .section-desc,
    .developer-outsourcing .section-center .section-title {
        margin-bottom: 56px;
    }

    .developer-outsourcing .section-center .section-title + .section-desc {
        margin-top: -40px;
        margin-bottom: 56px;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .section-center .section-desc,
    .developer-outsourcing .section-center .section-title {
        margin-bottom: 48px;
    }

    .developer-outsourcing .section-center .section-title + .section-desc {
        margin-top: -32px;
        margin-bottom: 48px;
    }
}

/** Section: Services **/

.developer-outsourcing .services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 96px;
}

.developer-outsourcing .services .panel {
    height: 100%;
    text-align: center;
}

.developer-outsourcing .services .panel-body {
    padding: 32px 23px 24px;
}

.developer-outsourcing .services .service-icon {
    height: 88px;
    width: 88px;
    margin-bottom: 24px;
}

.developer-outsourcing .services .service-title {
    margin: 0;
    color: #5c5f66;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

@media (max-width: 991px) {
    .developer-outsourcing .services {
        margin-bottom: 48px;
    }

    .developer-outsourcing .services > * {
        margin-bottom: 24px;
    }
}

@media (max-width: 480px) {
    .developer-outsourcing .services > * {
        width: 100%;
        margin-bottom: 8px;
    }

    .developer-outsourcing .services .panel {
        padding-left: 100px;
        min-height: 132px;
    }

    .developer-outsourcing .services .panel-body {
        display: flex;
        align-items: center;
        height: 100%;
        text-align: left;
        padding: 24px;
    }

    .developer-outsourcing .services .service-icon {
        position: absolute;
        top: 24px;
        left: 24px;
    }
}

/** COntract **/

.developer-outsourcing .contract-illustration {
    display: block;
    position: relative;
    width: 578px;
    height: 356px;
}

.developer-outsourcing .contract-bg-left,
.developer-outsourcing .contract-bg-right {
    position: absolute;
    bottom: 35px;
    width: 244px;
    height: 303px;
}

.developer-outsourcing .contract-bg-left {
    left: 0;
    background: url(../img/developer-outsourcing/conract-bg-left.png);
}

.developer-outsourcing .contract-bg-right {
    right: 0;
    background: url(../img/developer-outsourcing/contract-bg-right.png);
}

.developer-outsourcing .contract {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    left: 50%;
    height: 344px;
    width: 290px;
    margin-left: -145px;
    padding: 24px;
    background: linear-gradient(110deg, #29c6ff 0%, #0092d6 100%);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    transition: all linear 0.25s;
}

.developer-outsourcing .contract-illustration:hover .contract {
    box-shadow: 0 10px 35px rgba(0, 0, 0, .25);
}

.developer-outsourcing .contract-title {
    margin: 32px 0;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.developer-outsourcing .contract-title > small {
    display: block;
    margin-bottom: 16px;
    color: #0f6a8c;
    font-size: 18px;
}

.developer-outsourcing .contract-sign {
    display: flex;
    height: 56px;
    margin-bottom: 32px;
}

.developer-outsourcing .contract-sign > * {
    position: relative;
    width: 50%;
    border-bottom: 1px solid rgba(29, 77, 95, 0.2);
}

.developer-outsourcing .contract-sign .title {
    color: #0f6a8c;
    font-size: 11px;
    text-transform: uppercase;
}

.developer-outsourcing .contract-sign .signature {
    position: absolute;
    display: block;
    height: 42px;
    width: 100%;
}

.developer-outsourcing .contract-sign-client {
    margin-right: 12px;
}

.developer-outsourcing .contract-sign-mg {
    margin-left: 12px;
}

.developer-outsourcing .contract-sign-mg .signature {
    bottom: 0;
    background: url(../img/developer-outsourcing/mg-signature.svg) no-repeat left bottom;
}

.developer-outsourcing .contract-sign-client .signature {
    bottom: -8px;
    width: 0;
    overflow: hidden;
    background: url(../img/developer-outsourcing/client-signature.svg) no-repeat left bottom;
    transition: all linear 0.3s;
}

.developer-outsourcing .contract-illustration:hover .contract-sign-client .signature {
    width: 82px;
}

.developer-outsourcing .contract-slogan {
    height: 40px;
    width: 100%;
    padding: 8px;
    background: rgba(29, 77, 95, 0.2);
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.developer-outsourcing .contract-pen {
    position: absolute;
    bottom: 0;
    bottom: 0;
    z-index: 3;
    left: 50px;
    height: 32px;
    width: 263px;
    background: url(../img/developer-outsourcing/contract-pen.png);
}

@media (max-width: 991px) {
    .developer-outsourcing .contract-illustration {
        margin: 0 auto 56px;
    }

    .developer-outsourcing .section-services .section-title,
    .developer-outsourcing .section-services .section-desc,
    .developer-outsourcing .section-services .section-actions {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .contract-illustration {
        left: 50%;
        margin: 0 auto 48px -289px;
    }
}

/** Section: Comparison */

.developer-outsourcing .comparison {
    width: 42%;
    padding: 36px 42px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px;
    border-top: 3px solid;
}

.developer-outsourcing .comparison-desc > p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 26px;
}

.developer-outsourcing .comparison-desc > p:last-child {
    margin: 0;
}

.developer-outsourcing .comparison-desc b {
    color: #2e3442
}

.developer-outsourcing .comparison-top {
    display: flex;
    align-items: center;
    margin: 0 0 32px 0;
    min-height: 96px;
}

.developer-outsourcing .comparison-avatar {
    flex-shrink: 0;
    height: 96px;
    width: 96px;
    background: #ccc;
    border-radius: 50px;
    overflow: hidden;
}

.developer-outsourcing .comparison-avatar > img {
    width: 100%;
}

.developer-outsourcing .comparison-title {
    margin: 0 0 0 32px;
}

.developer-outsourcing .comparison-freelancer {
    border-color: #e54646;
}

.developer-outsourcing .comparison-freelancer .comparison-title span {
    color: #e54646;
    white-space: nowrap;
}

.developer-outsourcing .comparison-mg {
    border-color: #5bc758;
}

.developer-outsourcing .comparison-mg .comparison-title span {
    color: #5bc758;
}

.developer-outsourcing .comparison-vs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 16%;
    text-align: center;
}

.developer-outsourcing .comparison-vs > span {
    display: block;
    height: 91px;
    width: 92px;
    background: url(../img/developer-outsourcing/shape-vs.png);
    text-align: center;
    font-size: 18px;
    line-height: 92px;
}

@media (max-width: 991px) {
    .developer-outsourcing .comparison-vs {
        display: none;
    }

    .developer-outsourcing .comparison-mg,
    .developer-outsourcing .comparison-freelancer {
        width: 50%;
        padding: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .developer-outsourcing .comparison-mg {
        margin-left: 8px;
    }

    .developer-outsourcing .comparison-freelancer {
        margin-right: 8px;
    }
}

@media (min-width: 768px) {
    .developer-outsourcing .comparisons {
        display: flex;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .comparison-mg,
    .developer-outsourcing .comparison-freelancer {
        width: 100%;
    }

    .developer-outsourcing .comparison-mg {
        margin-top: 16px;
    }
}

@media (max-width: 479px) {
    .developer-outsourcing .comparison-avatar {
        width: 64px;
        height: 64px;
    }

    .developer-outsourcing .comparison-top {
        min-height: auto;
        margin-bottom: 24px;
    }

    .developer-outsourcing .comparison-title {
        margin: 0 0 0 16px;
        font-size: 20px;
        line-height: 26px;
    }
}

/** Section: Blue **/

.developer-outsourcing .section-blue {
    background: linear-gradient(140deg, #006fde 10%, #005aba 35%, #003074 90%);
    color: #fff;
}

.developer-outsourcing .section-blue .feature-title {
    color: #fff;
}

/** Section: Examples **/

.developer-outsourcing .section-examples .features {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto;
}

.developer-outsourcing .section-examples .feature {
    text-align: center;
}

.developer-outsourcing .section-examples .shape-top-left,
.developer-outsourcing .section-get-started .shape-top-left {
    bottom: auto !important;
    right: auto !important;
    top: -240px !important;
    left: -250px !important;
}

.developer-outsourcing .section-examples .shape-top-right,
.developer-outsourcing .section-get-started .shape-top-right {
    left: 75% !important;
    bottom: auto !important;
    top: -300px !important;
    right: 0 !important;
}

.developer-outsourcing .section-examples .shape-bottom-right,
.developer-outsourcing .section-get-started .shape-bottom-right {
    left: 65% !important;
    top: auto !important;
    bottom: -180px !important;
    right: 0 !important;
}

@media (max-width: 1199px) {
    .developer-outsourcing .section-examples .shape-top-left,
    .developer-outsourcing .section-get-started .shape-top-left {
        left: -450px !important;
    }
}

@media (min-width: 992px) {
    .developer-outsourcing .section-examples .features > [class*="col-"] {
        padding: 0 64px;
    }
}

@media (max-width: 991px) {
    .developer-outsourcing .section-examples .section-title + .features {
        margin-top: -32px;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .section-examples .shape-top-right,
    .developer-outsourcing .section-get-started .shape-top-right {
        display: none !important;
    }

    .developer-outsourcing .section-examples .features {
        display: flex;
        flex-wrap: wrap;
    }
}

/** Section: Stats **/

.developer-outsourcing .section-numbers .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.developer-outsourcing .section-numbers .stats-container {
    height: auto;
}

.developer-outsourcing .section-numbers .stats-holder {
    width: 20%;
    margin-bottom: 24px;
}

.developer-outsourcing .section-numbers .stats img {
    height: 72px;
    margin: 0 auto 24px !important;
}

.developer-outsourcing .section-numbers .stats .value {
    margin-bottom: 16px;
    color: #2e3442;
    font-size: 56px;
    font-weight: 100;
}

.developer-outsourcing .section-numbers .stats .desc {
    color: #8a8e99;
}

.developer-outsourcing .section-numbers .stats .desc span {
    display: inline-block;
}

@media (min-width: 768px) and (max-width: 991px) {
    .developer-outsourcing .section-numbers .stats-holder {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .section-numbers .stats-holder {
        position: relative;
        width: 50%;
        padding-left: 116px;
        margin-bottom: 24px !important;
    }

    .developer-outsourcing .section-numbers .stats-holder:last-child {
        margin-bottom: 0 !important;
    }

    .developer-outsourcing .section-numbers .stats-holder > img {
        display: block !important;
        position: absolute;
        top: 0 !important;
        left: 24px;
        height: 54px !important;
        width: 54px !important;
        margin: 0;
    }

    .developer-outsourcing .section-numbers .stats .value {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 480px) {
    .developer-outsourcing .section-numbers .stats-holder {
        width: 100%;
    }
}

/** Features **/

.developer-outsourcing .features {

}

.developer-outsourcing .feature {
    margin: 40px 0;
}

.developer-outsourcing .feature-icon {
    height: 80px;
    width: 80px;
    margin: 0 auto 32px;
}

.developer-outsourcing .feature-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

@media (max-width: 767px) {
    .developer-outsourcing .feature {
        margin: 32px 0 0 0;
    }
}

/** Testimonials **/

.developer-outsourcing .testimonials {

}

.developer-outsourcing .testimonials:after {
    position: absolute;
    top: -68px;
    left: 80px;
    display: block;
    content: "";
    height: 375px;
    width: 377px;
    background: url(../img/developer-outsourcing/shape-testimonial.png);
}

.developer-outsourcing .testimonial {
    position: relative;
    z-index: 9;
    display: flex;
}

.developer-outsourcing .testimonial-avatar {
    flex-shrink: 0;
    height: 178px;
    width: 178px;
    border-radius: 100px;
    background-color: #ccc;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.developer-outsourcing .testimonial-avatar > img {
    width: 100%;
}

.developer-outsourcing .testimonial-body {
    margin-left: 72px;
}

.developer-outsourcing .testimonial-name {
    margin: 40px 0 16px 0;
    color: #2e3442;
    font-size: 18px;
    font-weight: 800;
}

.developer-outsourcing .testimonial-position {
    color: #959aa6;
}

@media (max-width: 767px) {
    .developer-outsourcing .testimonial-avatar {
        display: none;
    }

    .developer-outsourcing .testimonials:after {
        top: -110px;
        left: 0;
    }

    .developer-outsourcing .testimonial-body {
        margin-left: 0;
    }

    .developer-outsourcing .testimonial-name {
        margin-top: 32px;
    }

    .developer-outsourcing .lead {
        font-size: 18px;
        line-height: 28px;
    }
}

/** Section: Stats **/

.developer-outsourcing .section-get-started {
    padding: 112px 0;
}

@media (max-width: 479px) {
    .developer-outsourcing .section-get-started {
        padding: 64px 0;
    }

    .developer-outsourcing .section-get-started .btn {
        margin: 0 !important;
    }
}

#eula-modal h5 {
    margin: 18px 0px 8px 0px !important;
}

.mc-banner {
    background: #5e4cd3;
    color: #fff;
    padding: 40px 0;
    position: relative;
}

.mc-banner p {
    font-size: 20px;

}

.mc-banner-title-logo {
    display: none;
}

.mc-banner-title {
    padding: 0 40px;
}

.mc-banner-title h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 38px;
    margin-bottom: 44px;
}

.mc-banner-title h2 img {
    margin-left: 10px;
}

.mc-banner-quote {
    padding: 31px 40px;
    background: url('../img/mc-banner/mc-banner-bg-4.svg');
    background-repeat: no-repeat;
}

.mc-banner-quote p {
    font-style: italic;
    margin-bottom: 14px;
}

.mc-banner-quote span {
    color: #b7b1ea;
}

.mc-banner-desc {
    padding: 26px 40px;
    max-width: 51%;
}

.mc-banner-desc p {
    line-height: 36px;
}

.mc-banner-desc p + p {
    margin-top: 18px;
}

.mc-banner-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px;
}

.mc-banner-actions .btn {
    padding: 18px 32px;

}

.mc-banner-actions .btn + .btn {
    margin-left: 12px;
}

.mc-banner-actions .btn-primary {
    font-size: 17px;
    min-width: 226px;
}

.mc-banner-actions .btn-primary .btn-text {
    top: 1px;
}

.mc-banner-actions .btn-primary i {
    margin-left: 16px !important;
    font-size: 24px;
    position: relative;
    top: 1px;
    margin-right: -3px !important;
}

.mc-banner-actions .btn-outline {
    border: 1px solid #7161d9;
    min-width: 196px;
    font-weight: 400;
    color: #fff;
}

.mc-banner-actions .btn-outline:hover {
    border-color: #fff;
}

.mc-banner-content-left {
    position: relative;
    z-index: 2;
}

.mc-banner-content-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 540px;
    overflow: hidden;
    z-index: 1;
}

.mc-banner-shape-1 {
    position: absolute;
    top: -1px;
    right: -10px;
    width: 100%;
    bottom: -1px;
    z-index: 1;
}

.mc-banner-shape-1 img {
    height: 100%;
}

.mc-banner-shape-2 {
    position: absolute;
    top: 0;
    right: -48px;
    width: 100%;
    bottom: 0;
    z-index: 3;
}


.mc-banner-shape-2 img {
    filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.4));
}

.mc-banner-screen {
    position: absolute;
    top: 120px;
    right: -8px;
    z-index: 2;
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.2);
}

.mc-banner-logo {
    position: absolute;
    z-index: 4;
    right: 32px;
    bottom: 70px;
}

.mc-banner-logo img {
    max-width: 100%;
}

.p-relative {
    position: relative;
}

.mc-banner-wrapper {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;

}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-outline {
    margin-left: 16px;
    display: flex;
    align-items: center;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup {
    padding: 12px 32px;
    background: linear-gradient(96.9deg, #60CA5A 0%, #45C13E 100%);
    box-shadow: 0px 6px 26px 0px #0000001A;
    border-radius: 3px;
    min-width: 250px;
    height: 72px;
    position: relative;
    user-select: none;
    white-space: nowrap;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .btn-text {
    font-size: 17px;
    line-height: 20px;
    font-weight: 800;
    transition: left .3s ease;
    left: 0;
    top: unset;
    text-transform: uppercase;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .btn-text .arrow {
    opacity: 0;
    position: absolute;
    right: -12px;
    top: 3px;
    transition: opacity .3s ease, right .3s ease;
    width: 14px;
    height: 14px;
}


.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .btn-subtext {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    z-index: 3;
    position: relative;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup::after {
    background: linear-gradient(96.9deg, #79D274 0%, #58C751 100%);

}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup:hover .btn-text {
    left: -12px;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup:hover .btn-text .arrow {
    opacity: 1;
    right: -24px;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup:active .animating,
.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup.loading .animating {
    opacity: 1;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .animating {
    background: linear-gradient(270deg, #C0FFBD 40%, rgba(192, 255, 189, 0) 60%);
    animation: rotation 2.5s linear infinite;
    border-radius: 3px;
    z-index: 0;
    height: 400%;
    width: 200%;
    display: flex;
    align-items: center;
    position: absolute;
    transition: opacity .3s ease;
    opacity: 0;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup:active::before,
.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup.loading::before {
    opacity: 1;
}

.mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup::before {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: 1;
    background: linear-gradient(96.9deg, #60CA5A 0%, #45C13E 100%);
    border-radius: 3px;
    overflow: hidden;
    top: 2px;
    left: 2px;
}

@media (max-width: 767px) {
    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .animating {
        opacity: 0 !important;
        display: none !important;
    }

    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup {
        height: 65px;
        min-width: unset;
    }

    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions {
        flex-wrap: wrap;
        column-gap: 16px;
        row-gap: 12px;
    }

    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn {
        flex: 1;
        width: auto;
    }

    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn.btn-outline {
        justify-content: center;
        margin: 0;
        height: 65px;
    }

    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .btn-text {
        font-size: 15px;
        line-height: 18px;
    }

    .mc-banner.mc-banner-order .mc-banner-content .mc-banner-actions .btn-mc-signup .btn-subtext {
        font-size: 13px;
        line-height: 23px;
    }
}

.mc-banner-clientarea {
    padding: 36px 0;
    height: 401px;
}

.mc-banner-clientarea .mc-banner-title {
    padding: 0 32px;

}

.mc-banner-clientarea .mc-banner-title h2 {
    margin-bottom: 27px;
}

.mc-banner-clientarea .btn-icon {
    background: none;
    position: absolute;
    z-index: 10;
    right: 6px;
    top: 12px;
    color: rgba(221, 238, 255, 0.8);
}

.mc-banner-clientarea .btn-icon:hover {
    color: #fff;
}

.mc-banner-clientarea .mc-banner-quote {
    padding: 17px 32px;
    background: url('../img/mc-banner/mc-banner-bg-1.svg');
    background-repeat: no-repeat;
}

.mc-banner-clientarea .mc-banner-quote p {
    margin: 0;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

.mc-banner-clientarea .mc-banner-quote img {
    max-width: 122px;
    margin-left: 0px;
    margin-top: -6px;
    margin-bottom: 0px;
}

.mc-banner-clientarea .mc-banner-desc {
    padding: 21px 32px 17px;
    max-width: 58%;
}

.mc-banner-clientarea .mc-banner-desc p {
    line-height: 29px;
    font-size: 17px;
}

.mc-banner-clientarea .mc-banner-desc p + p {
    margin-top: 13px;
}

.mc-banner-clientarea .mc-banner-actions {
    padding: 0 32px;
}

.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow {
    background: #ffa125;
}

.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow i {
    margin-right: -4px !important;
}

.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow:hover {
    background: #ffb34e;
}

.mc-banner-clientarea .mc-banner-actions .btn {
    padding: 13px 22px;
    font-size: 15px;
    min-width: unset;
}

.mc-banner-clientarea .mc-banner-content-right {
    width: 370px;
}

.mc-banner-clientarea .mc-banner-shape-2 {
    right: -16px;
}

.mc-banner-clientarea .mc-banner-shape-1 {
    right: -25px;
}

.mc-banner-clientarea .mc-banner-screen {
    position: absolute;
    top: 104px;
    right: -30px;
    z-index: 2;

}

.mc-banner-clientarea .mc-banner-screen img {
    max-width: 356px;
}

.mc-banner-clientarea .mc-banner-logo {
    right: 18px;
    bottom: 52px;
    max-width: 170px;
}


@media (max-width: 1199px) {
    .mc-banner-title {
        padding: 0 32px;
    }

    .mc-banner-title h2 {
        font-size: 32px;
        margin-bottom: 36px;
    }

    .mc-banner p {
        font-size: 19px;
    }

    .mc-banner-quote {
        padding: 28px 32px;
    }

    .mc-banner-desc {
        padding: 26px 32px;
        max-width: 64%;
    }

    .mc-banner-desc p {
        line-height: 34px;
    }

    .mc-banner-actions {
        padding: 0 32px;
    }

    .mc-banner-shape-1 {
        right: -110px;
    }

    .mc-banner-shape-2 {
        right: -90px;
    }

    .mc-banner-screen {
        top: 112px;
        right: -186px;
    }

    .mc-banner-logo {
        max-width: 164px;
        right: 30px;
        bottom: 32px;
    }

    .mc-banner-clientarea {
        padding: 24px 0;
    }

    .mc-banner-clientarea .mc-banner-title {
        padding: 0px 24px;
    }

    .mc-banner-clientarea .mc-banner-title h2 {
        margin-bottom: 22px;
    }

    .mc-banner-clientarea .mc-banner-quote {
        padding: 17px 24px;
    }

    .mc-banner-clientarea .mc-banner-desc {
        padding: 21px 24px 17px;
        max-width: 65%;
    }

    .mc-banner-clientarea .mc-banner-actions {
        padding: 0 24px;
    }

    .mc-banner-clientarea .mc-banner-shape-1 {
        right: -95px;
    }

    .mc-banner-clientarea .mc-banner-shape-2 {
        right: -90px;
    }

    .mc-banner-clientarea .mc-banner-screen {
        top: 87px;
        right: -150px;
    }

    .mc-banner-clientarea .mc-banner-logo {
        right: 21px;
        bottom: 24px;
        max-width: 120px;
    }
}

@media (max-width: 991px) {
    .mc-banner {
        padding: 24px 0;
    }

    .mc-banner-title {
        padding: 0px 24px;
    }

    .mc-banner-title h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .mc-banner-title h2 img {
        max-width: 95px;
        margin-top: -3px;
        margin-left: 7px;
    }

    .mc-banner-quote {
        padding: 19px 24px;
    }

    .mc-banner p {
        font-size: 16px;
    }

    .mc-banner-desc {
        padding: 20px 24px;
    }

    .mc-banner-desc p {
        line-height: 27px;
    }

    .mc-banner-actions {
        padding: 0 24px;
    }

    .mc-banner-actions .btn {
        padding: 16px 32px;
    }

    .mc-banner-actions .btn-primary {
        font-size: 15px;
        min-width: 210px
    }

    .mc-banner-shape-1 {
        right: -260px;
    }

    .mc-banner-shape-2 {
        right: -125px;
    }

    .mc-banner-screen {
        top: 84px;
        right: -306px;
    }

    .mc-banner-logo {
        max-width: 124px;
        right: 16px;
        bottom: 20px;
    }

    .mc-banner-wrapper {
        position: relative;
        margin-bottom: 16px;
    }

    .mc-banner-clientarea .mc-banner-desc {
        max-width: 55%;
    }

    .mc-banner-clientarea .mc-banner-screen {
        right: -60px;
    }

}


@media (max-width: 767px) {
    .mc-banner {
        padding: 16px 0 0;
    }

    .mc-banner-title-logo {
        max-width: 191px;
        display: block;
        margin: 4px auto 19px;
    }

    .mc-banner-title {
        padding: 0px 16px;
    }

    .mc-banner-title h2 {
        margin-bottom: 16px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        width: 100%;

    }

    .mc-banner p {
        font-size: 14px;
    }

    .mc-banner-title h2 img {
        margin-top: -6px;
        margin-left: 0;
    }

    .mc-banner-clientarea .mc-banner-quote,
    .mc-banner-quote {
        background: #4b3bb3;
        padding: 19px 20px;
    }

    .mc-banner-clientarea .mc-banner-quote {
        text-align: center;
    }

    .mc-banner-quote p {
        margin-bottom: 7px;
    }

    .mc-banner-quote span {
        font-size: 12px;
    }

    .mc-banner-clientarea .mc-banner-desc,
    .mc-banner-desc {
        padding: 19px 16px;
        max-width: 100%;
    }

    .mc-banner-clientarea .mc-banner-desc p,
    .mc-banner-desc p {
        line-height: 24px;

    }

    .mc-banner-clientarea .mc-banner-desc br {
        display: none;
    }

    .mc-banner-clientarea .mc-banner-desc p + p,
    .mc-banner-desc p + p {
        margin-top: 13px;
    }

    .mc-banner-clientarea .mc-banner-actions,
    .mc-banner-actions {
        padding: 0px 16px;
    }

    .mc-banner-clientarea .mc-banner-actions .btn,
    .mc-banner-actions .btn {
        padding: 12px 24px;
    }

    .mc-banner-clientarea .mc-banner-actions .btn-mc-yellow,
    .mc-banner-actions .btn-primary {
        font-size: 14px;
        min-width: unset;
        width: 50%;
    }

    .mc-banner-clientarea .mc-banner-actions .btn-mc-yellow i,
    .mc-banner-actions .btn-primary i {
        margin-left: 8px !important;
        font-size: 19px;
        margin-right: -8px !important;
    }

    .mc-banner-clientarea .mc-banner-actions .btn + .btn,
    .mc-banner-actions .btn + .btn {
        width: 50%;
    }

    .mc-banner-clientarea .mc-banner-content-right,
    .mc-banner-content-right {
        position: relative;
        padding: 20px 16px 16px;
        max-width: 100%;
        width: auto;
    }

    .mc-banner-logo,
    .mc-banner-shape-2,
    .mc-banner-shape-1 {
        display: none;
    }

    .mc-banner-clientarea .mc-banner-screen,
    .mc-banner-screen {
        position: static;
        margin-bottom: -114px;
        margin-left: auto;
        box-shadow: none;
        margin-right: auto;
        text-align: center;
    }

    .mc-banner-clientarea .mc-banner-screen img,
    .mc-banner-screen img {
        max-width: 100%;
        box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.2);
    }

    .mc-banner-clientarea {
        height: auto;
    }
}

@media (max-width: 499px) {
    .mc-banner-clientarea .mc-banner-actions,
    .mc-banner-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mc-banner-clientarea .mc-banner-actions .btn-mc-yellow,
    .mc-banner-actions .btn-primary {
        width: 100%;
    }

    .mc-banner-clientarea .mc-banner-actions .btn + .btn,
    .mc-banner-actions .btn + .btn {
        margin-top: 12px;
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .container-widget-ovh-vps-dedicated-servers-for-whmcs h1 {
        font-size: 31px !important;
    }

    .container-widget-ovhcloud-vps-dedicated-servers-for-whmcs h1 {
        font-size: 27px !important;
    }

    .container-widget-google-cloud-virtual-machines-for-whmcs h1 {
        font-size: 30px !important;
    }

    .container-widget-ibm-cloud-bare-metal-servers-for-whmcs h1 {
        font-size: 31px !important;
    }

    .container-widget-virtuozzo-hybrid-infrastructure-s3-for-whmcs h1 {
        font-size: 28.5px !important;
    }

    .widget-product-free-trial-manager-for-whmcs .item-slogan {
        font-size: 23px !important;
    }

    .container-widget-alibaba-cloud-virtual-machines-for-whmcs h1 {
        font-size: 30px !important;
    }

    .container-widget-panelalpha-wordpress-hosting-for-whmcs h1 {
        font-size: 30px !important;
    }


    .container-widget-metricscube-business-analytics-for-whmcs h1 {
        font-size: 30px !important;
    }

    .container-widget-marketing-triggers-automation-for-whmcs h1 {
        font-size: 29px !important;
    }
}

.container-widget-virtuozzo-hybrid-infrastructure-s3-for-whmcs h1 {
    font-size: 28.5px !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.border-gold {
    border: 1px solid #e5ac62;
    border-radius: 3px;
    padding: 24px 30px;
    position: relative;
    margin-bottom: 16px;
}

.border-gold.pl:after {
    content: "PL";
    display: block;
    background-color: #fff;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translate(-50%, -50%);
    bottom: 20px;
    color: #d5985e;
    font-size: 17px;
    font-weight: bold;
}

.border-gold strong {
    color: #d5985e;
}

.border-gold p:last-of-type {
    margin-bottom: 0px;
}

/* alert-promo */

.alert-promo.alert-wdns > div > strong,
.alert-promo.alert-wdns > div > b,
.alert-promo.alert-wdns > strong,
.alert-promo.alert-wdns > b {
    color: #E7894B;
}

.alert-promo.alert-wdns {
    border-color: #E7894B;
}

.alert-promo.alert-wdns .promo-code {
    border: 1px dashed #E7894B;
    color: #E7894B;
}

.alert-promo.alert-wdns:before {
    background: url(../img/wdns.svg);
    background-size: 100%;
}

.alert.alert-promo.alert-wdns .btn {
    background: #E7894B;
    background-image: -moz-linear-gradient(106.91deg, #FFA851 9.57%, #E9813C 87.81%);
    background-image: -webkit-linear-gradient(106.91deg, #FFA851 9.57%, #E9813C 87.81%);
    background-image: -ms-linear-gradient(106.91deg, #FFA851 9.57%, #E9813C 87.81%);
    background-image: linear-gradient(106.91deg, #FFA851 9.57%, #E9813C 87.81%);

}


.product-overview .alert-promo {
    padding-right: 24px;
}

.alert-proxmox + .alert-promo:before {
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
}

@media (min-width: 580px) {
    .alert-promo.alert-proxmox .btn,
    .alert-proxmox + .alert-promo .btn {
        min-width: 100px;
        right: 16px;
    }

    .alert-promo.alert-proxmox:before {
        left: 16px;
    }

    .alert-proxmox + .alert-promo:before {
        transform: translateY(-50%);
    }
}

.alert.alert-promo {
    padding: 16px 16px 16px 84px !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.alert.alert-promo strong {
    line-height: 24px;
    font-size: 14px;
}

@media (max-width: 767px) {
    .alert.alert-promo {
        font-size: 13px;
        line-height: 20px;
    }

    .alert.alert-promo strong {
        line-height: 20px;
        font-size: 13px;
    }

    .alert.alert-promo div:not(.promo-code) {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .border-gold div {
        font-size: 13px;
        line-height: 20px !important;
    }
}

.alert.alert-promo {
    padding: 16px !important;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.alert.alert-promo div:not(.promo-code) {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.alert.alert-promo::before {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: relative;
    transform: none;
    min-width: 52px;
    min-height: 52px;
    background-position: center;
    background-repeat: no-repeat;
}

.alert.alert-promo.alert-proxmox::before {
    min-width: 64px;
    min-height: 64px;
}

.alert.alert-promo.alert-cpanel::before {
    min-height: 32px;
    height: 32px;
}


.alert.alert-promo .btn {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    transform: none;
    margin-left: auto;
}


@media (max-width: 579px) {
    .alert.alert-promo {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .alert.alert-promo div:not(.promo-code) {
        text-align: center;
    }

    .alert.alert-promo div {
        font-size: 13px;
        line-height: 20px;
    }

    .alert.alert-promo .btn {
        width: 100%;
        margin: 0;
    }

    .alert.alert-promo {
        padding: 16px !important;
        text-align: center !important;
    }
}

.alert-module1 .btn {
    background-image: linear-gradient(160deg, #a05bbe, #d1935d);
}

.alert-promo-pr {
    border-color: #a05bbe;
}

.alert-module2 .btn {
    background-image: linear-gradient(160deg, #ff8e2b, #d1935d);
}

.alert-orderform {
    border-color: #1062FE;
    line-height: 24px;
    padding-left: 70px;
}

.alert-orderform:before {
    background: url(../img/promo/logo-lagom-blue.svg);
    background-repeat: no-repeat;
    left: 24px;
    margin-top: 0;
    transform: translateY(-50%);
    width: 34px;
    height: 43px;
}

.alert-orderform > div {
    margin-right: 18px;
}

.alert-orderform > div > strong {
    color: #1062FE;
}

.alert-orderform > div > strong:first-of-type {
    color: #d5985e;
}

.alert-orderform > div > a > strong {
    color: #1062FE;
}

.alert-orderform > div > a:hover strong {
    color: #004fe4;
}

.alert-orderform .btn {
    right: 24px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    color: #fff;
    background: #2B72FB;
    background-image: -moz-linear-gradient(180deg, #13AAFF 0%, #2B72FB 100%);
    background-image: -webkit-linear-gradient(180deg, #13AAFF 0%, #2B72FB 100%);
    background-image: -ms-linear-gradient(180deg, #13AAFF 0%, #2B72FB 100%);
    background-image: linear-gradient(180deg, #13AAFF 0%, #2B72FB 100%);
}

.alert-orderform .btn:before {
    background: #2B72FB;
}

.alert-orderform .btn:after {
    background-image: -moz-linear-gradient(160deg, #5ac1fa 0%, #4886fa 100%);
    background-image: -webkit-linear-gradient(160deg, #5ac1fa 0%, #4886fa 100%);
    background-image: -ms-linear-gradient(160deg, #5ac1fa 0%, #4886fa 100%);
    background-image: linear-gradient(160deg, #5ac1fa 0%, #4886fa 100%);
}

.alert-orderform .btn:hover,
.alert-orderform .btn:focus,
.alert-orderform .btn:active {
    color: #fff;
}

.alert-cpanel {
    border-color: #FF6C2C;
}

.alert-cpanel:before {
    background: url(../img/promo/cpanel-alert.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 56px;
    margin: 0;
    transform: translateY(-50%);
}

.alert-cpanel .btn {
    color: #fff;
    background: #FF6C2C;
    background-image: -moz-linear-gradient(180deg, #FF8845 0%, #FF6C2C 100%);
    background-image: -webkit-linear-gradient(180deg, #FF8845 0%, #FF6C2C 100%);
    background-image: -ms-linear-gradient(180deg, #FF8845 0%, #FF6C2C 100%);
    background-image: linear-gradient(180deg, #FF8845 0%, #FF6C2C 100%);
}

.alert-cpanel .btn:before {
    background: #FF6C2C;
}

.alert-cpanel .btn:after {
    background-image: -moz-linear-gradient(160deg, #ff8e2b 0%, #ff6c2c 100%);
    background-image: -webkit-linear-gradient(160deg, #ff8e2b 0%, #ff6c2c 100%);
    background-image: -ms-linear-gradient(160deg, #ff8e2b 0%, #ff6c2c 100%);
    background-image: linear-gradient(160deg, #ff8e2b 0%, #ff6c2c 100%);
}

.alert-cpanel .btn:hover {
    color: #fff;
}

.alert-cpanel p {
    margin: 0 !important;
}

@media (min-width: 1200px) {
    .product-info-expanded .product-overview .alert-promo.alert-mc > div {
        max-width: 504px;
    }
}

@media (min-width: 580px) {
    .alert-cpanel p {
        padding-right: 16px;
    }
}

@media (min-width: 767px) {
    #tab-key-information-os {
        max-height: 184px;
    }

    .modal #tab-key-information-os {
        max-height: 100% !important;
    }
}

/* Azure billing */

.azure-billing .page-banner {
    background: linear-gradient(319.47deg, #00507C 7.99%, #00ABDC 79.86%);
}

.azure-billing .banner-img-top {
    background: url(../img/azure-billing/invoices-summary.png) #fff;
}

.azure-billing .banner-img-bottom {
    border-top-color: #00B6EA;
    bottom: -62px;
}

.azure-billing .page-banner .shape-bottom-left {
    background: url(../img/azure-billing/azure-shape-middle.png);
    background-repeat: no-repeat;
    top: 366px !important;
}

.azure-billing .page-banner .shape-top-right {
    background: url(../img/azure-billing/azure-shape-right.png);
    background-repeat: no-repeat;
    left: 86% !important;
}

.azure-billing .page-banner .shape-top-left {
    background: url(../img/azure-billing/azure-shape-left.png);
    background-repeat: no-repeat;
}

.azure-billing .content-section .section-middle .section-desc-list li:before {
    background: #00B6EA;
}

.azure-billing .content-section .section-information .box-info:after {
    border-left-color: #00B6EA;
}

.azure-billing .aws-pricing .aws-package {
    border-top-color: #00B6EA;
}

.azure-billing .aws-pricing .aws-package .aws-price {
    color: #00B6EA;
}

@media (min-width: 711px) {
    .azure-billing .page-banner,
    .google-billing .page-banner {
        padding-bottom: 110px;
    }
}

/* Google billing */

.google-billing .page-banner {
    background: linear-gradient(319.47deg, #0A440E 7.99%, #32A350 79.86%);
}

.google-billing .btn-primary {
    background: #4fb250;
    background-image: -moz-linear-gradient(289.27deg, #32A350 17.22%, #32C358 78.51%);
    background-image: -webkit-linear-gradient(289.27deg, #32A350 17.22%, #32C358 78.51%);
    background-image: -ms-linear-gradient(289.27deg, #32A350 17.22%, #32C358 78.51%);
    background-image: linear-gradient(289.27deg, #32A350 17.22%, #32C358 78.51%);
}

.google-billing .banner-img-top {
    background: url(../img/google-billing/invoices-summary.png) #fff;
    top: 136px;
}

.google-billing .banner-img-bottom {
    border-top-color: #32A350;
    bottom: -64px;
}

.google-billing .page-banner .shape-bottom-left {
    background: url(../img/google-billing/cloud-shape-middle.png);
    background-repeat: no-repeat;
    top: 340px !important
}

.google-billing .page-banner .shape-top-right {
    background: url(../img/google-billing/cloud-shape-right.png);
    background-repeat: no-repeat;
    left: 82% !important;
}

.google-billing .page-banner .shape-top-left {
    background: url(../img/google-billing/cloud-shape-left.png);
    background-repeat: no-repeat;
}

.google-billing .content-section .section-middle .section-desc-list li:before {
    background: #32A350;
}

.google-billing .content-section .section-information .box-info:after {
    border-left-color: #32A350;
}

.google-billing .aws-pricing .aws-package {
    border-top-color: #32A350;
}

.google-billing .aws-pricing .aws-package .aws-price {
    color: #32A350;
}

.google-billing .banner-section-right .browser-section img {
    border-radius: 6px;
}

@media (min-width: 711px) {
    .google-billing .banner-section-left {
        margin-right: 24px;
    }

    .google-billing .banner-section-right .banner-img-bottom,
    .azure-billing .banner-section-right .banner-img-bottom {
        height: 267px;
    }
}

#tab-login .form-group + .remember {
    margin-bottom: 20px;
}

#tab-login .remember a {
    display: block;
    margin: 4px 0;
    font-size: 13px;
}

/* homepage */
.page-filename-homepage svg:not(.svg-icon-mobile) {
    max-width: 100%;
}

/* modal valentine's day 2023 */


.modal-valentines .background {
    position: relative;
}

.modal-valentines .modal-content {
    background: linear-gradient(180deg, #EA6A90 0%, #E61D59 100%);
    padding: 40px;
}

.modal-valentines .background img {
    position: absolute;
    width: 575px;
    right: 41px;
    top: -39px;
    background-image: url(../img/promo/valentines-bg.png);
}

.modal-valentines .desc {
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: #fff;
    width: 60%;
    line-height: 38px;
    padding: 12px 0;
}

.modal-valentines .desc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 120%;
    background: linear-gradient(90deg, #BF002E 26.2%, rgba(194, 5, 51, 0) 102.02%);
    transform: translateX(-40px);
    z-index: -1;
}

.modal-valentines h2 {
    font-size: 32px;
    margin-top: 28px !important;
    margin-bottom: 24px !important;
    width: 61%;
    line-height: 40px;
}

.modal-valentines .btn {
    margin-left: 0;
    margin-top: 20px;
    background: #fff;
    color: #E5235D;
    font-weight: 800;
    border-radius: 7px;
    font-size: 20px;
    line-height: 30px;
}

.modal-valentines .btn:hover,
.modal-valentines .btn:active,
.modal-valentines .btn:focus {
    background: #eee;
    color: #E5235D;
}

.modal-valentines .modal-content:before,
.modal-valentines .modal-content:after {
    content: none;
}

.modal-valentines .modal-content-left {
    flex: 1;
}

.modal-valentines .modal-content-right {
    position: absolute;
    height: 100%;
    width: 100%;
}

.modal-valentines .boxes {
    scale: 0.5;
    position: absolute;
    left: 270px;
    top: -31px;
    z-index: 1000;
}

.modal-valentines .boxes {
    left: 290px;
}


.modal-valentines strong {
    font-weight: 800;
}

.modal-valentines--mobile {
    display: none;
}

@media (min-width: 992px) {
    .modal-valentines .modal-dialog {
        width: 900px;
    }
}

@media (max-width: 991px) {
    .modal-valentines {
        display: grid !important;
        place-content: center;
    }

    .modal-valentines .modal-content {
        flex-direction: column;
    }

    .modal-valentines h2,
    .modal-valentines .desc {
        width: 100%;
        z-index: 10;
    }

    .modal-valentines .desc {
        line-height: 30px;
    }

    .modal-valentines h2 {
        margin-bottom: -65px !important;
    }

    .modal-valentines .boxes {
        left: 0;
        top: 0;
        z-index: 1;
    }

    .modal-valentines .btn {
        margin-left: auto;
        margin-right: auto;
        min-width: 220px;
    }
}


@media (max-width: 991px) {
    .modal-valentines .modal-content-left {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .modal-valentines--mobile {
        display: block;
        margin-bottom: -120px;
    }

    .modal-valentines--mobile {
        position: relative;
    }

    .modal-valentines--mobile img:not(.boxes-mobile) {
        position: relative;
        width: 440px;
    }

    .modal-valentines .desc {
        margin-top: 55px;
    }

    .modal-valentines .desc:before {
        opacity: .9;
    }

    .modal-valentines .boxes-mobile {
        position: absolute;
        top: 60px;
        left: 50%;
        width: 440px;
        transform: translateX(-50%) scale(.7);
    }

    .modal-valentines--marketplace .boxes-mobile {
        left: 90px;
        transform: scale(.7);
    }
}


@media (max-width: 767px) {
    .modal-valentines--marketplace .boxes-mobile {
        left: 25px;
    }
}

@media (max-width: 640px) {
    .modal-valentines--marketplace .boxes-mobile {
        left: 0;
    }
}


@media (max-width: 520px) {
    .modal-valentines--mobile img {
        width: 100% !important;
        min-width: 250px;
    }

    .modal-valentines--mobile {
        margin-bottom: -30px;
    }

    .modal-valentines .desc {
        margin-top: 0;
    }

}


@media (min-width: 992px) {
    .modal-valentines--marketplace .modal-content {
        transform: rotateY(180deg);
    }

    .modal-valentines--marketplace .modal-content-left {
        transform: rotateY(180deg);
        text-align: end;
        justify-self: start;
        align-items: end;
    }

    .modal-valentines--marketplace .modal-content .close {
        left: -23px;
        right: unset;
    }

    .modal-valentines--marketplace .boxes {
        transform: rotateY(180deg);
    }

    .modal-valentines--marketplace .desc:before {
        transform: translateX(40px) rotateY(180deg);
        width: 100%;
    }

    .modal-valentines--marketplace h2 {
        width: 68%;
    }

    .modal-valentines--marketplace .btn {
        max-width: unset;
        padding: 12px 32px;
    }

    .modal-valentines--marketplace .boxes-mobile {
        left: 60px;

    }
}

@media (min-width: 610px) {
    .modal-valentines--marketplace .desc .br-first {
        display: none;
    }
}

@media (min-width: 580px) {
    .br-mb {
        display: none;
    }
}

@media (max-width: 579px) {
    .br-mb--hidden {
        display: none;
    }
}

@media (max-width: 440px) {
    br {
        /* display: none; */
    }
}

@media (max-width: 579px) {
    .title-slogan br {
        display: none;
    }
}


.modal-valentines--marketplace .modal-content-right {
    z-index: -1;
}

.ca-dropdown-mobile {
    display: none;
}


@media (max-width: 991px) {
    .page-header {
        padding-bottom: 0;
        padding-top: 32px;
    }

    .page-header .nav.navbar-nav {
        margin-top: 4px;
    }

    .page-header .nav.navbar-nav li.last-list-item a:not(.btn) {
        padding-bottom: 0;
    }


    .ca-dropdown {
        display: none !important;
    }

    .ca-dropdown-mobile {
        display: block !important;
    }

    .top-bar {
        height: 100%;
    }

    .top-bar .container .row {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .top-bar .container {
        height: 100%;
    }

    .ca-mobile {
        display: flex;
        flex: 1;
        align-items: flex-end;
        margin-top: 16px;
    }

    .ca-mobile .link-ca {
        flex: 1;
    }

    .ca-mobile .link-ca,
    .ca-dropdown-mobile {
        margin-left: -20px;
        margin-right: -20px;
        line-height: 50px;
        padding: 0 16px;
        background: #3c4252;
        font-weight: 700;
        color: #5bc758;
        font-size: 11px;
        text-transform: uppercase;
    }

    .link-ca-dropdown {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 7px;
        gap: 5px;
        color: #5bc758;
    }

    .link-ca-dropdown .avatar {
        margin-top: -5px;
    }

    .link-ca-dropdown .zmdi {
        font-size: 14px;
        margin-right: 8px;
        margin-bottom: 2px;
    }

    .ca-dropdown-mobile .dropdown-menu {
        width: auto;
        left: 28px;
        right: 28px;
    }

    .ca-dropdown-mobile .dropdown-menu:before {
        left: 59px;
    }

    .ca-mobile .link-ca i {
        margin-left: 16px;
        margin-right: 12px;
    }

    .ca-dropdown-mobile {
        display: flex !important;
        margin-top: auto;
        bottom: 0;
    }

    .ca-mobile-hidden {
        display: none !important;
    }
}

.alert-gogetssl {
    border-color: #DC8510;
}

.alert-gogetssl:before {
    background: url('../img/shield.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.alert.alert-promo.alert-gogetssl > div > strong {
    color: #DC8510;
}

.alert-ox {
    padding-left: 94px;
    border-color: #284B73;
}

.alert-ox:before {
    background: url('../img/ox.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 64px;
}

.alert-ox > strong {
    color: #284B73;
}

.page-header .navbar-brand img {
    height: 36px;
    /*height: 45px;*/
}

.mobile-header .navbar-brand img {
    height: 26px;
    /*height: 33px;*/
}

/*@media (min-width: 992px) {
    .page-header .navbar-brand {
        line-height: 74px;
    }
}

@media (max-width: 767px)
{
    .mobile-header .navbar-brand a {
        display: inline-block;
        padding: 0 20px;
        height: 60px;
        width: 220px;
        line-height: 54px;
    }
}*/


.secondary-navbar .navbar-nav > li > a > .icon {
    height: 22px;
    width: 22px;
}

.secondary-navbar .navbar-nav > li > a > .icon:before {
    font-size: 20px;
}

.secondary-navbar .navbar-nav > li > a > .icon.icon-withoutdns {
    top: 0;
}

.secondary-navbar .navbar-nav > li > a > .icon.icon-withoutdns:before {
    font-size: 23px;
}

.icon-metricscube,
.icon-panelalpha,
.icon-easydcim,
.icon-cpanel,
.icon-whmcs,
.icon-withoutdns {
    background-repeat: no-repeat;
    opacity: .7;
    transition: opacity .15s linear;
}

.category-anchor:hover .icon-metricscube,
.category-anchor:hover .icon-panelalpha,
.category-anchor:hover .icon-withoutdns,
.category-anchor:hover .icon-whmcs,
.category-anchor:hover .icon-cpanel,
.category-anchor:hover .icon-easydcim {
    opacity: 1;

}

@media (max-width: 767px) {
    .category-easydcim,
    .category-metricscube,
    .category-panelalpha {
        display: none !important;
    }
}

.category-anchor:active .icon-metricscube,
.category-anchor:active .icon-panelalpha,
.category-anchor:hover .icon-withoutdns,
.category-anchor:active .icon-whmcs,
.category-anchor:active .icon-cpanel,
.category-anchor:active .icon-easydcim {
    color: #5bc758;
}

.secondary-navbar.affix .category-anchor .icon-metricscube,
.secondary-navbar.affix .category-anchor .icon-panelalpha,
.secondary-navbar.affix .category-anchor .icon-withoutdns,
.secondary-navbar.affix .category-anchor .icon-whmcs,
.secondary-navbar.affix .category-anchor .icon-cpanel,
.secondary-navbar.affix .category-anchor .icon-easydcim {
    opacity: 1;
    color: #bec2cb;
    transition: color .15s linear;
}

.category-anchor-1-whmcs-9-support {
    color: #ff5733 !important;
}

.content-sidebar .bar-content .category-anchor-1 .category-products-count,
.content-sidebar .bar-content .category-home .category-anchor .category-products-count {
    margin-top: -9px;
}

/* .page-navbar .navbar-nav .category-anchor{
    transition: all .3s ease-in-out !important;
} */


@media (min-width: 768px) and (max-width: 991px) {
    .mobile-header .navbar-brand img {
        margin-top: 6px;
        /*margin-top: 0;*/
    }

    .page-banner .btn-hero {
        min-width: 275px;
    }
}


@media (max-width: 991px) {
    .secondary-navbar .navbar-steps > li.step {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .secondary-navbar .navbar-steps {
        text-align: center;
    }

    .secondary-navbar .navbar-steps > li.step {
        margin-right: 0;
    }

    .secondary-navbar .navbar-steps > li.step:not(.active) .step-title {
        display: none;
    }

    .secondary-navbar .navbar-steps > li.step:not(.active) {
        width: 32px;
    }
}


@media (max-width: 360px) {
    .secondary-navbar .navbar-steps {
        scale: 0.9;
        padding: 0;
    }
}


/* Modal panelalpha Client Area */


.modal-content-left h2 span {
    color: #07C07E;
}

.modal-content-left p {
    color: #49495F;
    font-size: 19px;
}

/* .modal-content-left p > span{
    color: #07C07E;
} */
.modal-panelalpha .modal-content {
    display: flex;
    flex-direction: row;
    background: #fff;
    padding: 0px;
}

.modal-panelalpha .modal-content-left p br {
    display: none;
}

.modal-panelalpha .logo img {
    max-width: 180px;
}

.modal-panelalpha h2 {
    font-size: 34px;
    margin-top: 27px !important;
    margin-bottom: 24px !important;
    width: 100%;
    line-height: 40px;
}

.modal-content-left h2 strong span br {
    display: none;
}

.modal-panelalpha .btn {
    margin-left: 0;
    margin-top: 20px;
    background: #FF7A2F;
    color: #fff;
    font-weight: 700;
    border-radius: 7px;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    border-radius: 88px;
}

.modal-panelalpha .btn:hover,
.modal-panelalpha .btn:active,
.modal-panelalpha .btn:focus {
    background: #dd631c;
    color: #FFF;
}

.modal-panelalpha .modal-content-left {
    flex: 0.55;
    padding: 40px;
}

.modal-panelalpha .modal-content-right {
    flex: 0.45;

}

.modal-panelalpha .modal-content-right .background {
    background-image: url(/products/assets/img/promo/BG-popup-min.png);
    height: 100%;
}

.modal-panelalpha strong {
    font-weight: 800;
}

.modal-panelalpha .second .one {
    display: block;
}

.modal-panelalpha .second .two {
    display: none;
}

@media (min-width: 992px) {
    .modal-panelalpha .modal-dialog {
        width: 900px;
    }
}

@media (max-width: 991px) {
    .modal-panelalpha .modal-content-right {
        display: flex !important;
    }

    .modal-panelalpha h2 {
        font-size: 28px;
    }

    .modal-content-left p {
        font-size: 14px;
    }

    .modal-panelalpha .modal-content-right .background {
        background-image: url(/products/assets/img/promo/bg-popup.png);
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .modal.modal-panelalpha {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }

    .modal-panelalpha .modal-content-right {
        background-image: url(/products/assets/img/promo/panelalpha-mobile-ca.png);
        background-position: center;
        height: 100%;
        width: auto;
    }

    .modal-panelalpha h2 {
        margin: 20px 0 !important;
    }

    .modal-panelalpha .modal-content {
        display: flex;
        flex-direction: column-reverse;
    }

    .modal-panelalpha .modal-content-right {
        min-height: 150px;
    }

    .modal-panelalpha .modal-content-left p br {
        display: block;
    }

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

    .modal-panelalpha h2 {
        font-size: 26px;
    }

    .modal-content-left h2 strong span br {
        display: block;
    }
}

@media (max-width: 440px) {
    .modal-panelalpha .modal-content .close {
        right: 0;
    }

    .modal-content-left h2 br {
        display: block;
    }
}

@media (max-width: 420px) {
    .modal-panelalpha .second .one {
        display: none;
    }

    .modal-panelalpha .second .two {
        display: block;
    }
}

/* Modal panelalpha Client Area End */


/* Modal panelalpha Marketplace */
.modal.modal-panelalphamp {
    padding-right: 0px !important;
}

.modal-panelalphamp .modal-content-main h2 span {
    color: #07C07E;
}

.modal-panelalphamp .modal-content-main p {
    font-size: 18px;
    margin: 0;
    color: #49495F;
}

.modal-panelalphamp .modal-content-main p span {
    color: #07C07E;
}

.modal-panelalphamp .modal-content-main .logo img {
    max-width: 200px;
}

.modal-panelalphamp .modal-content {
    display: flex;
    flex-direction: row;
    background-image: url(/products/assets/img/promo/bp-popup-marketplace.png);
    padding: 0px;

}

.modal-panelalphamp h2 {
    font-size: 34px;
    margin-top: 27px !important;
    margin-bottom: 24px !important;
    width: 100%;
    line-height: 40px;
}

.modal-panelalphamp .btn {
    margin-left: 0;
    margin-top: 20px;
    background: #FF7A2F;
    color: #fff;
    font-weight: 700;
    border-radius: 7px;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    border-radius: 88px;
}

.modal-panelalphamp .btn:hover,
.modal-panelalphamp .btn:active,
.modal-panelalphamp .btn:focus {
    background: #dd631c;
    color: #FFF;
}

.modal-panelalphamp .modal-content-main {
    flex-grow: 1;
    margin: 40px 100px;
    padding: 40px;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
}

.modal-panelalphamp strong {
    font-weight: 800;
}

.modal-panelalphamp br {
    display: none;
}

@media (min-width: 992px) {
    .modal-panelalphamp .modal-dialog {
        width: 900px;
    }
}

@media (max-width: 991px) {
    .modal-panelalphamp .modal-content {
        background-image: url(/products/assets/img/promo/bg-popup-marketplace-mobile.png);
    }

    .modal-panelalphamp .modal-dialog {
        width: 750px;
        padding: 0px 20px;
    }

    .modal-panelalphamp .modal-content-main .logo img {
        max-width: 180px;
    }

    .modal-panelalphamp h2 {
        font-size: 28px;
    }

    .modal-panelalphamp .modal-content-main {
        margin: 40px 60px;
    }

    .modal-panelalphamp .btn {
        font-size: 17px;
    }

    .modal-panelalphamp .modal-content-main p {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .modal.modal-panelalphamp {
        display: flex !important;
        align-items: center;
    }

    .modal-panelalphamp .modal-dialog {
        width: auto;
    }

    .modal-panelalphamp h2 {
        font-size: 24px;
        margin: 20px 0 !important;
        line-height: 30px;
    }

    .modal-panelalphamp .modal-content-main p {
        font-size: 14px;
    }

    .modal-panelalphamp .modal-content-main .logo img {
        padding-right: 20px;
    }

    .modal-panelalphamp .modal-content-main p:first-of-type {
        margin-bottom: 10px;
    }

    .modal-panelalphamp .modal-content-main {
        margin: 40px;
    }

    .modal-panelalphamp .btn {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .modal-panelalphamp br {
        display: block;
    }
}

@media (max-width: 480px) {
    .modal-panelalphamp .modal-content .close {
        right: 0;
    }

    .modal-panelalphamp .modal-content {
        margin: 0px;
    }

    .modal-panelalphamp .modal-content-main {
        margin: 25px;
    }
}

@media (max-width: 360px) {
    .modal-panelalphamp .modal-content-main {
        margin: 6px;
    }

    .modal-panelalphamp .modal-content-main p {
        font-size: 13px;
    }

    .modal-panelalphamp .modal-dialog {
        padding: 0px;
    }

}

/* modal panelalpha marketplace end*/

.category-node.category-1 .dropdown-menu .category-anchor .badge {
    margin-top: -9px;
}

@media (min-width: 768px) {
    .secondary-navbar .navbar-nav > li > a > .icon {
        top: -1px;
    }
}

.bar-content .no-filtered-products-count > a > i:first-of-type {
    color: #bec2cb;
}


@media (min-width: 768px) {
    .icon-cpanel + .badge {
        top: 46% !important;
    }

    #sidebar-categories-navigation .category-node.category-29,
    #sidebar-categories-navigation .category-node.category-27,
    #sidebar-categories-navigation .category-node.category-28 {
        display: none;
    }

    @-moz-document url-prefix() {
        .icon-cpanel + .badge {
            top: 48%;
        }

    }
}

@media (max-width: 767px) {
    .secondary-navbar .mobile-content > ul > li:not(.active) > a > i:first-of-type {
        filter: brightness(0.9) sepia(1) hue-rotate(-70deg) saturate(0);
    }

    #top-navigation-container .category-node.category-1 > a .badge,
    #top-navigation-container .category-23 .category-anchor-23 .badge {
        margin-top: -9px;
    }

    #top-navigation-container .category-node .icon {
        margin-top: 5px;
    }

    #top-navigation-container .category-node .icon.icon-cpanel,
    #top-navigation-container .category-node .icon.icon-whmcs {
        margin-top: 6px;
    }
}


@-moz-document url-prefix() {
    .secondary-navbar .navbar-nav > li > a > .icon {
        top: 1px;
    }
    .category-node.category-1 .dropdown-menu .category-anchor .badge {
        margin-top: -8px;
    }
    .category-node.category-23 .badge {
        margin-top: -7px;
    }
}

.no-hover {
    pointer-events: none;
}

.footer-bottom .copyright p {
    font-size: 13px;
}

.footer-bottom .copyright p, .footer-bottom ul.links-terms a {
    font-size: 13px
}

/* martketplace box view */
@media (min-width: 992px) and (max-width: 1199px) {
    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-of-type {
        display: flex;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-5 {
        display: flex;
        flex-direction: column;

    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-lg-6.col-md-5.col-xs-12 .widget.w-lg {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        min-height: 631px;
        height: auto;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 {
        display: flex;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 > div.row:first-child {
        display: flex;
        flex-direction: column;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 > div.row:first-child .col-sm-7 {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 > div.row:first-child .col-sm-7 .row {
        display: flex;
        flex-grow: 1;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 > div.row:first-child .col-sm-7 .row .col-md-6 {
        display: flex;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 > div.row:first-child .col-sm-7 .row .col-md-6 .widget {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        min-height: 334px;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-5 {
        display: flex;
        flex-direction: column;

    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-5 .widget.w-md {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        min-height: 440px;
        height: auto;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-5 .widget.w-md .widget-actions {
        padding: 0px 24px 16px 24px;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 {
        display: flex;
        flex-direction: column;

    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 > div.row:first-child {
        display: flex;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 {
        display: flex;
        flex-grow: 1;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 .widget {
        display: flex;
        flex-grow: 1;
        min-height: 210px;
        height: auto;
        padding-left: 0px;
        padding-bottom: 0px;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 .widget .widget-header {
        height: auto;
        min-width: 160px;
        position: static;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 .widget .price.price-discounted {
        display: flex;
        flex-direction: column;
        min-width: 60px;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 .widget .price.price-discounted .price-discount {
        margin-bottom: -25px;
        width: max-content;
        margin-right: 0px;
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 .widget .price.price-discounted .price-discount:before {
        width: calc(100% + 2px);
    }

    .marketplace-page:not(.page-promotions) #main-content-container > div.row:first-child .col-md-7 .col-sm-7 .row .col-md-6 .widget .widget-body {
        margin-bottom: 56px;
    }

}

.easydcim-modal_mp.modal::before {
    content: none !important;
}

.easydcim-modal_mp.fade.in,
.easydcim-modal_ca.fade.in {
    display: flex !important;
    padding-right: 0px;
    justify-content: center;
    align-items: center;
}

/* .easydcim-modal_mp::before,
.easydcim-modal_ca::before{
    content: none;
} */
.easydcim-modal_mp .modal-dialog,
.easydcim-modal_ca .modal-dialog {
    max-width: 900px;
    width: unset;
}

.easydcim-modal_mp .modal-content {
    display: flex;
    background-image: url(/products/build/assets/img/promo/easy-mp-bg2.png);
    background-size: 101%;
    background-position: center center;
}

.easydcim-modal_mp .modal-content-left {
    flex-grow: 1;
    padding: 50px 60px 55px 65px;
}

.easydcim-modal_mp .title,
.easydcim-modal_ca .title {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
}

.easydcim-modal_mp .description p,
.easydcim-modal_ca .description p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
}

.easydcim-modal_mp .logo,
.easydcim-modal_mp .description,
.easydcim-modal_mp .title,
.easydcim-modal_ca .logo,
.easydcim-modal_ca .description,
.easydcim-modal_ca .title {
    margin-bottom: 26px;
    color: #fff;
}

.easydcim-modal_mp .footer,
.easydcim-modal_ca .footer {
    display: flex;
    column-gap: 44px;
    margin-top: 52px;
}

.easydcim-modal_mp .footer p,
.easydcim-modal_mp .footer button,
.easydcim-modal_ca .footer p,
.easydcim-modal_ca .footer button {
    width: 207px;
    height: 50px;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.easydcim-modal_mp .footer p,
.easydcim-modal_ca .footer p {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed white;
    margin-bottom: 0px;
}

.easydcim-modal_mp .footer .footer-btn,
.easydcim-modal_ca .footer .footer-btn {
    background: #3A87F2;
    border: none;
}

.easydcim-modal_mp .footer .footer-btn a,
.easydcim-modal_ca .footer .footer-btn a {
    color: #fff;
}

.easydcim-modal_mp .description b,
.easydcim-modal_ca .description b {
    font-weight: 600;
}

/* Easy Modal CA */
.hallowen-modal_mp .modal-content,
.easydcim-modal_ca .modal-content {
    display: flex;
    background-image: url(/products/build/assets/img/promo/easy-ca-bg.png);
    background-size: cover;
    background-position: center center;
    flex-direction: row-reverse;
    width: 100%;
    background-color: transparent;
}

.easydcim-modal_ca .modal-content-left {
    text-align: right;
    flex-grow: 1;
}

.easydcim-modal_ca .modal-content-right {
    width: 30%;
}

.easydcim-modal_ca .left-container {
    padding-block: 50px;
    padding-right: 70px;
}

.easydcim-modal_ca .footer {
    justify-content: right;
}

.easydcim-modal_ca .footer {
    margin-top: 65px;
}

.easydcim-modal_ca .description p {
    margin: 0;
}

/* Responsywka Modali Easy */
@media (max-width: 991px) {
    .easydcim-modal_mp .modal-content {
        background-size: 100% 101%;
    }

    .easydcim-modal_mp .modal-dialog,
    .easydcim-modal_ca .modal-dialog {
        scale: 0.85;
    }

    .easydcim-modal_mp .modal-content-left {
        padding: 40px;
    }

    .easydcim-modal_mp .footer {
        column-gap: 26px;
    }
}

@media (max-width: 767px) {
    .easydcim-modal_mp .modal-content {
        background-size: 345% 263%;
    }

    .easydcim-modal_mp .modal-content-right,
    .easydcim-modal_ca .modal-content-right {
        display: none;
    }

    .easydcim-modal_mp .footer,
    .easydcim-modal_ca .footer {
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }

    .easydcim-modal_mp .footer-code {
        width: auto;
        padding: 11px 28px;
    }

    .easydcim-modal_mp .footer-btn {
        width: auto;
        padding: 11px 28px;
    }

    .easydcim-modal_mp .modal-content-left,
    .easydcim-modal_ca .left-container {
        padding: 40px;
    }

    .easydcim-modal_ca .modal-content-left {
        text-align: center;
    }

    .easydcim-modal_ca .modal-content {
        margin: 0;
    }
}

@media (max-width: 600px) {
    .easydcim-modal_ca br {
        display: none;
    }
}

@media (max-width: 550px) {
    .easydcim-modal_ca .modal-content {
        background-size: 345% 263%;
    }

    .easydcim-modal_mp .footer,
    .easydcim-modal_ca .footer {
        flex-direction: column;
        row-gap: 16px;
    }

    .easydcim-modal_ca .footer {
        margin-top: 40px;
    }
}

/* Banner hallowen mp */

.hallowen-modal_mp,
.hallowen-modal_ca {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .hallowen-modal_mp {
        display: block;
        align-self: center;
    }
}


.hallowen-modal_mp .modal-dialog,
.hallowen-modal_ca .modal-dialog {
    max-width: 900px;
    width: unset;
}

.hallowen-modal_mp .modal-content {
    display: flex;
    background-image: url(/products/build/assets/img/promo/hallowen-mp.png);
    background-size: cover;
    background-position: center center;
    flex-direction: row-reverse;
    width: 900px;
    height: 458px;
    background-color: transparent;
}

.hallowen-modal_mp .right-container {
    padding: 77px 40px;
}

.hallowen-modal_mp .right-description_first,
.hallowen-modal_mp .right-description_second,
.hallowen-modal_mp .right-description_third,
.hallowen-modal_mp .right-title {
    color: #fff;
    text-align: right;
}

.hallowen-modal_mp .right-description_first,
.hallowen-modal_ca .description-first {
    font-size: 40px;
    font-weight: 400;
    line-height: 47px;
    font-family: 'Creepster', sans-serif;
    margin-bottom: 15px;
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 1));
}

.hallowen-modal_mp .right-description_second,
.hallowen-modal_ca .description-second {
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    font-family: 'Creepster', sans-serif;
    margin-bottom: 15px;
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 1));
}

.hallowen-modal_mp .right-description_second {
    font-size: 45px;
}

.hallowen-modal_mp .right-description_second span,
.hallowen-modal_ca .description-second span {
    color: #FF852A;
}

.hallowen-modal_mp .right-description_third,
.hallowen-modal_ca .description-third {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    font-family: 'mulish', sans-serif;
    margin-bottom: 50px;
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 1));
}

.hallowen-modal_mp .right-title,
.hallowen-modal_ca .content-title {
    font-size: 25px;
    font-weight: 900;
    font-family: 'Mulish', sans-serif;
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 1));

}

.hallowen-modal_mp .right-footer {
    text-align: right;
}

.hallowen-modal_mp .footer-btn,
.hallowen-modal_ca .footer-btn {
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    font-weight: 800;
    background-color: #FF7711;
    border-radius: 8px;
    padding: 14px;
    border: none;
}

.hallowen-modal_mp .footer-btn a,
.hallowen-modal_ca .footer-btn a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

.hallowen-modal_mp br,
.hallowen-modal_ca br {
    display: none;
}

/* hallowen banner ca */
.hallowen-modal_ca .modal-content {
    display: flex;
    background-image: url(/products/build/assets/img/promo/hallowen-ca.png);
    background-size: cover;
    background-position: center center;
    flex-direction: row-reverse;
    width: 900px;
    height: 458px;
    background-color: transparent;
}

.hallowen-modal_ca .white-font {
    color: #fff;
    text-align: center;
}

.hallowen-modal_ca .modal-center {
    width: 100%;
    padding-block: 40px;
}

.hallowen-modal_ca .modal-center_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hallowen-modal_ca .right-footer {
    text-align: center;
}

.hallowen-modal_ca .footer-btn {
    background-color: rgba(110, 52, 185, 1);
}

.hallowen-modal_ca .description {
    flex-grow: 1;
}

.hallowen-modal_ca .description-first {
    font-size: 45px;
}

@media (max-width: 991px) {
    .hallowen-modal_mp .modal-dialog,
    .hallowen-modal_ca .modal-dialog {
        scale: 0.8;
    }
}

@media (max-width: 767px) {
    .hallowen-modal_mp .modal-content,
    .hallowen-modal_ca .modal-content {
        width: auto;
        height: auto;
    }

    .hallowen-modal_mp .modal-dialog,
    .hallowen-modal_ca .modal-dialog {
        scale: 1;
    }

    .hallowen-modal_mp .right-footer {
        text-align: center;
    }

    .hallowen-modal_mp .footer-btn {
        background-color: rgba(110, 52, 185, 1);
    }

    .hallowen-modal_mp .right-description_first,
    .hallowen-modal_mp .right-description_second,
    .hallowen-modal_mp .right-description_third,
    .hallowen-modal_mp .right-title {
        text-align: center;
    }

    .hallowen-modal_mp .right-container {
        padding-inline: 20px;
    }

    .hallowen-modal_ca .modal-center {
        padding: 40px 30px;
    }
}

@media (max-width: 660px) {
    .hallowen-modal_mp .discount-br,
    .hallowen-modal_mp .sale-br,
    .hallowen-modal_ca .discount-br,
    .hallowen-modal_ca .sale-br {
        display: block;
    }

    .hallowen-modal_ca .modal-content {
        background-image: url(/products/build/assets/img/promo/hallowen-camobile.png);
    }
}

@media (max-width: 500px) {
    .hallowen-modal_mp .right-description_first {
        font-size: 36px;
    }

    .hallowen-modal_mp .right-description_second {
        font-size: 37px;
    }
}

/* modal autumn mp */

.autumn-modal,
.blackweek-modal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.autumn-modal .modal-dialog,
.blackweek-modal .modal-dialog {
    width: unset;
}

.autumn-modal .modal-content,
.blackweek-modal .modal-content {
    display: flex;
    width: 900px;
    height: 458px;
}

.autumn-modal.autumn-modal_mp .modal-content {
    background: linear-gradient(180deg, rgba(217, 180, 108, 1) 0%, rgba(133, 85, 44, 1) 100%);
}

.autumn-modal .modal-content .modal-content_bg {
    background-size: cover;
    background-position: center center;
    width: 100%;
}

.autumn-modal.autumn-modal_mp .modal-content .modal-content_bg {
    background-image: url(/products/build/assets/img/promo/autumn-mp.png);
}

.autumn-modal .modal-content-right {
    text-align: right;
    padding: 85px 48px 0 0;
}

.autumn-modal .content-title {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    font-family: 'Carter One';
}

.autumn-modal .description {
    color: #fff;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 0;
}

.autumn-modal .footer-btn {
    padding: 16px 24px;
    background-color: #FF7A00;
    border-radius: 4px;
    width: 210px;
    border: none;
}

.autumn-modal .footer-btn a {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
}

.autumn-modal .footer-logo {
    padding-top: 4px;
    text-align: center;
}

.autumn-modal .top-logo {
    display: none;
}

.autumn-modal .modal-dialog .custom-font {
    font-family: 'Carter One';
    font-weight: 400;
}

.autumn-modal .description.content-description_third {
    margin-bottom: 24px;
}

/* Autumn Ca */
.autumn-modal .modal-content-left {
    padding: 48px;
    text-align: left;
}

.autumn-modal.autumn-modal_ca .modal-content {
    background: linear-gradient(180deg, rgba(206, 20, 25, 1) 0%, rgba(138, 2, 2, 1) 100%);
}

.autumn-modal.autumn-modal_ca .modal-content .modal-content_bg {
    background-image: url(/products/build/assets/img/promo/autumn-ca.png);
}

.autumn-modal .footer-logo .background {
    display: none;
}

@media (max-width: 991px) {
    .autumn-modal .modal-dialog {
        width: 90%;
        margin: 30px;
    }

    .autumn-modal .modal-content-right,
    .autumn-modal .modal-content-left {
        text-align: center;
        padding: 48px 48px 0px 48px;
    }

    .autumn-modal .modal-content {
        width: unset;
        height: unset;
        flex-direction: column;
        overflow: hidden;
    }

    .autumn-modal.autumn-modal_mp .modal-content .modal-content_bg,
    .autumn-modal.autumn-modal_ca .modal-content .modal-content_bg {
        background-image: unset;
    }

    .autumn-modal .footer-logo {
        padding-top: 0px;
        position: relative;
    }

    .autumn-modal.autumn-modal_mp .footer-logo {
        height: 234px;
    }

    .autumn-modal.autumn-modal_ca .footer-logo {
        height: 189px;
    }

    .autumn-modal .footer-logo .logo {
        display: none;
    }

    .autumn-modal .footer-logo .background {
        display: block;
        height: 234px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .autumn-modal.autumn-modal.autumn-modal_ca .footer-logo .background {
        transform: translate(-50%, -60%);
    }

    .autumn-modal .footer-logo .background-mp {
        height: 234px;
        padding-left: 30px;
    }

    .autumn-modal .footer-logo .background-ca {
        padding-left: 20px;
    }

    .autumn-modal .top-logo {
        display: block;
    }

    .autumn-modal .content-title {
        margin-block: 20px;
    }
}

@media (max-width: 560px) {
    .autumn-modal.autumn-modal_ca .modal-content-left {
        padding: 32px 32px 0px 32px;
    }

    .autumn-modal.autumn-modal_ca .content-title {
        font-size: 26px;
        line-height: 42px;
    }

    .autumn-modal.autumn-modal_ca .description {
        font-size: 24px;
        line-height: 36px;
    }
}

@media (max-width: 480px) {
    .autumn-modal .modal-content-right,
    .autumn-modal .modal-content-left {
        padding: 32px 32px 0px 32px;
    }

    .autumn-modal .content-title {
        font-size: 26px;
        line-height: 42px;
    }

    .autumn-modal .description {
        font-size: 24px;
        line-height: 36px;
    }
}

/* black week modal (mp) */

.blackweek_mp .modal-content {
    background-color: #000;
    position: relative;
    justify-content: flex-end;
    align-items: center;
}

.blackweek_mp .modal-content::after {
    content: '';
    background-image: url(/products/build/assets/img/promo/blackweek-mp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.blackweek_mp .modal-content-right {
    margin-right: 48px;
    text-align: right;
    z-index: 2;
}

.blackweek_mp .content-title,
.blackweek_ca .content-title {
    font-size: 52px;
    color: #fff;
    line-height: 62px;
    margin-bottom: 22px;
}

.blackweek_mp .top-logo,
.blackweek_ca .top-logo {
    margin-bottom: 22px;
}

.blackweek_mp .descripiton-btn,
.blackweek_ca .descripiton-btn {
    width: 274px;
    height: 62px;
    /* background-color: #000; */
    border: none;
    background: linear-gradient(80deg, #09FF4E 0%, #00F0FF 95.99%);
    margin-bottom: 22px;
    padding: 4px;
}

.blackweek_mp .descripiton-btn a,
.blackweek_ca .descripiton-btn a {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    font-family: 'Montserrat', sans-serif;
}

.blackweek_mp .description,
.blackweek_ca .description {
    font-size: 25px;
    line-height: 42px;
    font-weight: 400;
    color: #fff;
}

/* blackweek ca */

.blackweek_ca .modal-content {
    background-color: #000;
    position: relative;
    align-items: center;
}

.blackweek_ca .modal-content::after {
    content: '';
    background-image: url(/products/build/assets/img/promo/blackweek-ca.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.blackweek_ca .modal-content-left {
    margin-left: 48px;
    z-index: 1;
}

.blackweek_ca .descripiton-btn {
    background: linear-gradient(266deg, #EB02FF 0.87%, #EB02FF 0.88%, #FF0202 149.76%);
}

.blackweek_mp .footer-img,
.blackweek_ca .footer-img {
    display: none;
}


/* responsive  */

@media (max-width: 991px) {
    .blackweek_mp .modal-dialog,
    .blackweek_ca .modal-dialog {
        width: 86%;
    }

    .blackweek_mp .modal-content,
    .blackweek_ca .modal-content {
        position: relative;
        height: unset;
        width: 100%;
        justify-content: center;
        overflow: hidden;
        margin: 0;
    }

    .blackweek_ca .modal-content::after {
        background-image: url(/products/build/assets/img/promo/blackweek-mobilebg_ca.png);
        background-size: 101% 100%;
        background-position: center;
    }

    .blackweek_ca .modal-content-left::before {
        background-image: url(/products/build/assets/img/promo/blackweek-img_ca.png);
    }

    .blackweek_mp .modal-content::after {
        background-image: url(/products/build/assets/img/promo/blackweek-mobilebg_mp.png);
        background-size: 101% 100%;
        background-position: center;
    }

    .blackweek_mp .modal-content-right::before {
        background-image: url(/products/build/assets/img/promo/blackweek-img_mp.png);
    }

    .blackweek_mp .modal-content-right::before,
    .blackweek_ca .modal-content-left::before {
        content: '';
        background-size: 100% 100%;
        width: 725px;
        height: 77%;
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

    .blackweek_mp .descripiton-btn {
        background: transparent;
        border: 4px solid;
        border-image: linear-gradient(80deg, #09FF4E 0%, #00F0FF 95.99%);
        border-image-slice: 1;
        padding: 0;
    }

    .blackweek_ca .descripiton-btn {
        background: transparent;
        border: 4px solid;
        border-image: linear-gradient(266deg, #EB02FF 0.87%, #EB02FF 0.88%, #FF0202 149.76%);
        border-image-slice: 1;
        padding: 0;
    }

    .blackweek_mp .descripiton-btn a,
    .blackweek_ca .descripiton-btn a {
        background-color: transparent;
    }

    .blackweek_mp .modal-content-right {
        margin-top: 48px;
        margin-right: 0;
        text-align: center;
        z-index: 3;
    }

    .blackweek_ca .modal-content-left {
        margin-top: 48px;
        margin-left: 0;
        text-align: center;
        z-index: 3;
    }

    .blackweek_mp .footer-img,
    .blackweek_ca .footer-img {
        display: block;
    }

    .blackweek_mp .footer-img img,
    .blackweek_ca .footer-img img {
        height: 150px;
        display: block;
        margin-left: 91px;
    }
}

@media (max-width: 600px) {
    .blackweek_mp .content-title,
    .blackweek_ca .content-title {
        font-size: 36px;
        line-height: 46px;
    }

    .blackweek_mp .descripiton-btn a,
    .blackweek_ca .descripiton-btn a {
        font-size: 18px;
        line-height: 24px;
    }

    .blackweek_mp .description,
    .blackweek_ca .description {
        font-size: 20px;
        line-height: 36px;
    }
}

.modal-dialog .close:not(.btn) {
    position: absolute;
    right: -23px;
    top: -31px;
    font-size: 24px;
    color: #fff;
    opacity: 1;
}

/* Black friday modal */
.black-friday_modal,
.metricscube_modal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.black-friday_modal .modal-dialog {
    width: unset;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(94, 76, 211, 1) 100%);
}

.black-friday_modal .modal-content,
.metricscube_modal .modal-content {
    display: flex;
    width: 900px;
    height: 458px;
    background-color: unset;
}

.black-friday_modal .modal-content::after {
    content: '';
    background-image: url(/products/build/assets/img/promo/blackfriday2023-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.black-friday_modal .modal-content-left,
.metricscube_modal .modal-content-left {
    display: flex;
    align-items: center;
    margin-left: 48px;
    z-index: 2;
}

.black-friday_modal .top-logo,
.black-friday_modal .content-title,
.black-friday_modal .description,
.metricscube_modal .top-logo,
.metricscube_modal .content-title,
.metricscube_modal .description {
    margin-bottom: 22px;
}

.black-friday_modal .content-title,
.metricscube_modal .content-title {
    font-size: 50px;
    line-height: 58px;
    font-weight: 900;
    color: #fff;
}

.black-friday_modal .title-br,
.metricscube_modal .title-br {
    display: none;
}

.black-friday_modal .description,
.metricscube_modal .description {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #fff;
}

.black-friday_modal .description .bold,
.metricscube_modal .description .bold {
    font-weight: 900;
}

.black-friday_modal .descripiton-btn,
.metricscube_modal .descripiton-btn {
    width: 274px;
    height: 62px;
    border-radius: 4px;
    border: 2px dashed #fff;
    background: transparent;
}

.black-friday_modal .descripiton-btn a,
.metricscube_modal .descripiton-btn {
    display: flex;
    justify-content: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.metricscube_modal .descripiton-btn span {
    align-self: center;
}

.black-friday_modal .footer-image,
.metricscube_modal .footer-image {
    display: none;
}

.black-friday_modal .mobile-br,
.metricscube_modal .mobile-br {
    display: none;
}

@media (max-width: 991px) {
    .black-friday_modal .modal-dialog {
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 50%, rgba(94, 76, 211, 1) 100%);
        width: 90%;
    }

    .black-friday_modal .modal-content,
    .metricscube_modal .modal-content {
        width: unset;
        height: unset;
        justify-content: center;
        flex-direction: column;
    }

    .black-friday_modal .modal-content-left,
    .metricscube_modal .modal-content-left {
        justify-content: center;
        margin-left: 0;
        text-align: center;
        padding-top: 48px;
    }

    .black-friday_modal .modal-content::after {
        content: none;
    }

    .black-friday_modal .top-logo,
    .black-friday_modal .content-title,
    .black-friday_modal .description,
    .metricscube_modal .top-logo,
    .metricscube_modal .content-title,
    .metricscube_modal .description {
        margin-bottom: 26px;
    }

    .black-friday_modal .title-br,
    .metricscube_modal .title-br {
        display: block;
    }

    .black-friday_modal .footer-image {
        display: block;
        height: 218px;
    }

    .black-friday_modal .footer-image img {
        position: absolute;
        height: 154px;
        left: 50%;
        bottom: 0;
        transform: translate(-50%);
    }

    .black-friday_modal .descripiton-btn a,
    .metricscube_modal .descripiton-btn {
        margin: auto;
    }
}

@media (max-width: 600px) {
    .black-friday_modal .modal-content {
        margin: 0px;
        overflow: hidden;
    }

    .black-friday_modal .modal-dialog {
        width: 85%;
    }

    .black-friday_modal .footer-image {
        height: 174px;
    }

    .black-friday_modal .desktop-br {
        display: none;
    }

    .black-friday_modal .mobile-br {
        display: block;
    }
}

@media (max-width: 450px) {
    .black-friday_modal .footer-image {
        height: 160px;
    }

    .black-friday_modal .footer-image img {
        left: 56%;
        height: 136px;
    }
}

@media (max-width: 360px) {
    .black-friday_modal .content-title {
        font-size: 46px;
        line-height: 56px;
    }

    .black-friday_modal .footer-image img {
        left: 64%;
        height: 136px;
    }
}

/* metricscube modal */
.metricscube_modal .modal-dialog {
    width: unset;
    background: #624ED8;
}

.metricscube_modal .modal-content::after {
    content: '';
    background-image: url(/products/build/assets/img/promo/metricscube-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 414px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

@media (max-width: 991px) {
    .metricscube_modal {
        padding-right: 0px !important;
    }

    .metricscube_modal .modal-dialog {
        width: 90%;
    }

    .metricscube_modal .modal-content {
        overflow: hidden;
        margin: 0px !important;
    }

    .metricscube_modal .modal-content::after {
        content: none;
    }

    .metricscube_modal .footer-image {
        display: flex;
        justify-content: center;
        height: 189px;
        margin-top: 42px;
    }

    .metricscube_modal .footer-image img {
        height: 189px;
    }
}

@media (max-width: 600px) {
    .metricscube_modal .modal-dialog .close:not(.btn) {
        right: 0px;
    }
}

@media (max-width: 450px) {
    .metricscube_modal .modal-content {
        padding-inline: 20px;
    }

    .metricscube_modal .footer-image {
        margin-top: 0px;
        height: 155px;
    }

    .metricscube_modal .footer-image img {
        height: 172px;
        scale: 0.8;
    }
}

/* Global Modal Style */
.global-modal {
    padding-right: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.global-modal .modal-dialog {
    width: unset;
}

.global-modal .modal-content {
    display: flex;
    width: 900px;
    height: 458px;
    background-color: unset;
}

.global-modal .mobile-br {
    display: none;
}

.global-modal .footer-image {
    display: none;
}

.global-modal .custom-br {
    display: none;
}

@media (max-width: 991px) {
    .global-modal .modal-dialog {
        width: 90%;
        margin: 0px;
    }

    .global-modal .modal-content {
        width: unset;
        height: unset;
    }

    .global-modal .modal-content .modal-content-left {
        width: 100%;
        padding: 48px 0 0 0;
    }

    .global-modal .content-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .global-modal .desktop-br {
        display: none;
    }

    .global-modal .mobile-br {
        display: block;
    }

    .global-modal .footer-image {
        display: block;
    }
}

@media (max-width: 600px) {
    .global-modal {
        display: block;
    }

    .global-modal .modal-dialog {
        margin-block: 45px;
    }
}


/* christmas Modal 2023 CA*/
.christmas-2023_modal__ca .modal-dialog {
    background: linear-gradient(90deg, rgba(208, 17, 25, 1) 50%, rgba(156, 0, 9, 1) 100%);
}

.christmas-2023_modal__ca .modal-content {
    background-image: url(/products/build/assets/img/promo/ca-bg-christmas2023.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.christmas-2023_modal__ca .modal-content-left {
    padding: 48px;
}

.christmas-2023_modal__ca .top-logo,
.christmas-2023_modal__mp .top-logo {
    margin-bottom: 24px;
}

.christmas-2023_modal__ca .content-title,
.christmas-2023_modal__mp .content-title {
    font-family: 'Berkshire Swash', serif;
    font-size: 50px;
    line-height: 58px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

.christmas-2023_modal__ca .description,
.christmas-2023_modal__mp .description {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

.christmas-2023_modal__ca .description strong,
.christmas-2023_modal__mp .description strong {
    font-weight: 900;
    color: #FFC700;
}

.christmas-2023_modal__ca .descripiton-btn,
.christmas-2023_modal__mp .descripiton-btn {
    background: white;
    border-radius: 4px;
    padding: 16px 24px;
    border: none;
    width: 206px;
    padding: 0px;
    z-index: 4;
}

.christmas-2023_modal__ca .descripiton-btn a,
.christmas-2023_modal__mp .descripiton-btn a {
    font-family: 'Raleway', serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #D01119;
    padding: 16px 24px;
    display: inline-block;
    width: 100%;
}

@media (max-width: 991px) {
    .christmas-2023_modal__ca .modal-content {
        background-image: unset;
        overflow: hidden;
        margin: 0px;
        padding-inline: 20px;
    }

    .christmas-2023_modal__ca .modal-content-left .footer-image {
        display: flex;
        justify-content: center;
        position: relative;
        height: 170px;
    }

    .christmas-2023_modal__ca .modal-content-left .footer-image img {
        height: 198px;
        position: absolute;
        bottom: 0;
    }
}

@media (max-width: 600px) {
    .christmas-2023_modal__ca .content-title {
        font-size: 40px;
        line-height: 50px;
    }

    .christmas-2023_modal__ca .description {
        font-size: 24px;
        line-height: 32px;
    }

    .christmas-2023_modal__ca .modal-dialog .close:not(.btn) {
        right: 0px;
    }
}

@media (max-width: 500px) {
    .global-modal .mobile-br {
        display: none;
    }

    .global-modal .custom-br {
        display: block;
    }

    .christmas-2023_modal__ca .description strong {
        display: block;
    }
}

/* Modal Christmas 2024 */

.christmas-2024_modal__ca .modal-dialog {
    background: linear-gradient(99.23deg, #003396 7%, #03102C 93.01%);
}

.christmas-2024_modal__ca .modal-content {
    background-image: url(/products/build/assets/img/promo/cd-bg-christmas2024.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.christmas-2024_modal__ca .modal-content-left {
    padding: 48px;
}

.christmas-2024_modal__ca .top-logo {
    margin-bottom: 24px;
}

.christmas-2024_modal__ca .content-title {
    font-family: 'Berkshire Swash', serif;
    font-size: 42px;
    line-height: 55px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

.christmas-2024_modal__ca .description {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

.christmas-2024_modal__ca .description strong {
    font-weight: 900;
    color: #FFC700;
}

.christmas-2024_modal__ca .descripiton-btn {
    background: white;
    border-radius: 4px;
    padding: 16px 24px;
    border: none;
    width: 206px;
    padding: 0px;
    z-index: 4;
}

.christmas-2024_modal__ca .descripiton-btn a {
    font-family: 'Raleway', serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #0F0C56;
    padding: 16px 24px;
    display: inline-block;
    width: 100%;
}

.christmas-2024_modal__ca strong {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .christmas-2024_modal__ca .modal-content {
        background-image: none;
        overflow: hidden;
        margin: 0px;
        padding-inline: 20px;
    }

    .christmas-2024_modal__ca .modal-content-left .footer-image {
        display: flex;
        justify-content: center;
        position: relative;
        height: 170px;
    }

    .christmas-2024_modal__ca .modal-content-left .footer-image img {
        height: 198px;
        position: absolute;
        bottom: 0;
    }
}

@media (max-width: 600px) {
    .christmas-2024_modal__ca .modal-dialog .close:not(.btn) {
        right: 0px;
    }

    .christmas-2024_modal__ca .descripiton-btn {
        margin-bottom: 16px;
    }
}

@media (max-width: 513px) {
    .christmas-2024_modal__ca .content-title {
        font-size: 38px;
        line-height: 43px;
    }

    .christmas-2024_modal__ca .description {
        font-size: 24px;
        line-height: 32px;
    }
}

/* Christam Modal 2023 Market Place */

.christmas-2023_modal__mp .modal-dialog {
    background: radial-gradient(circle, rgba(208, 17, 25, 1) 0%, rgba(156, 0, 9, 1) 100%);
}

.christmas-2023_modal__mp .modal-content {
    background-image: url(/products/build/assets/img/promo/marketplace-bg-christmas2023.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    justify-content: flex-end;
}

.christmas-2023_modal__mp .modal-content-right {
    padding: 78px 48px 78px 0px;
    text-align: right;
}

@media (max-width: 991px) {
    .christmas-2023_modal__mp .modal-dialog {
        background: radial-gradient(circle, rgba(208, 17, 25, 1) 0%, rgba(156, 0, 9, 1) 100%);
    }

    .christmas-2023_modal__mp .modal-content {
        background-image: unset;
        justify-content: center;
        overflow: hidden;
        margin: 0px;
        padding-inline: 20px;
    }

    .christmas-2023_modal__mp .modal-content-right {
        padding: 48px 0 0 0;
    }

    .christmas-2023_modal__mp .modal-content-right .footer-image {
        display: flex;
        justify-content: center;
        position: relative;
        height: 224px;
    }

    .christmas-2023_modal__mp .modal-content-right .footer-image img {
        height: 297px;
        position: absolute;
        bottom: 0;
    }

    .christmas-2023_modal__mp .top-logo,
    .christmas-2023_modal__mp .content-title,
    .christmas-2023_modal__mp .description {
        margin-bottom: 26px;
    }
}

@media (max-width: 600px) {
    .christmas-2023_modal__mp .modal-content-right {
        padding-top: 32px;
    }

    .christmas-2023_modal__mp .modal-content-right .footer-image {
        height: 252px;
    }

    .christmas-2023_modal__mp .top-logo,
    .christmas-2023_modal__mp .content-title,
    .christmas-2023_modal__mp .description {
        margin-bottom: 24px;
    }

    .christmas-2023_modal__mp .content-title {
        font-size: 40px;
        line-height: 48px;
    }

    .christmas-2023_modal__mp .description {
        font-size: 24px;
        line-height: 32px;
    }

    .christmas-2023_modal__mp .modal-dialog .close:not(.btn) {
        right: 0px;
    }

    .christmas-2023_modal__mp .mobile-br {
        display: none;
    }

    .christmas-2023_modal__mp .description strong {
        display: block;
    }
}

.alert-warning {
    border-color: #dc6509;
    color: #dc6509;
}

/* modal cloud fest */

.modal-cloud_fest .modal-dialog {
    max-width: 872px;
    width: 100%;
}

.modal-cloud_fest .promo-content {
    display: flex;
}

.modal-cloud_fest .promo-content-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 477px;
    padding: 72px 55px;
    position: relative;
}

.modal-cloud_fest .promo-content-right p {
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    color: #484D59;
    text-align: center;
    margin-bottom: 8px;
}

.modal-cloud_fest .promo-content-right h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 59px;
    margin-bottom: 32px;
}

.modal-cloud_fest .promo-content-right .promo-code {
    margin-bottom: 32px;
    padding: 18px 24px;
    border: 1px dashed #F78C40;
}

.modal-cloud_fest .promo-content-right .promo-code span {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: #2F3442;
}

.modal-cloud_fest .promo-content-right button {
    border-radius: 3px;
    width: 214px;
    font-size: 18px;
}

.modal-cloud_fest .promo-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../img/promo/cloudfest-desktop.png), linear-gradient(135deg, rgba(48, 167, 140, 1) 0%, rgba(64, 183, 197, 1) 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 102%;
    width: 395px;
    padding: 74px 47px;
}

.modal-cloud_fest .promo-content-left span {
    text-align: center;
    font-size: 42px;
    line-height: 59px;
    color: #F4FBFA;
}

.modal-cloud_fest .promo-content-left h3 {
    text-align: center;
    font-size: 32px;
    line-height: 45px;
    color: #F4FBFA;
    font-weight: 700;
    margin-top: 34px;
    margin-bottom: 0px;
}

.modal-cloud_fest .promo-content-right.active-code {
    padding: 75px 42px;
}

.modal-cloud_fest .promo-content-right.active-code p {
    font-size: 22px;
    line-height: 31px;
}

.modal-cloud_fest .promo-content-right.active-code h2 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}

.modal-cloud_fest .promo-content-right.active-code button {
    padding: 0px;
}

/* .modal-cloud_fest .promo-content-right.active-code button::after,
.modal-cloud_fest .promo-content-right.active-code button::before{
    content: none;
} */
.modal-cloud_fest .promo-content-right.active-code button a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 100%;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 3;
}

@media (max-width: 991px) {
    .modal-cloud_fest.modal.fade:not(.in) {
        display: none !important;
    }

    .modal-cloud_fest.modal {
        display: flex !important;
        align-items: center;
    }

    .modal-cloud_fest .modal-dialog {
        width: 94%;
    }

    .modal-cloud_fest .promo-content {
        flex-direction: column;
    }

    .modal-cloud_fest .promo-content-right,
    .modal-cloud_fest .promo-content-right.active-code {
        padding: 42px;
    }

    .modal-cloud_fest .promo-content-left {
        padding: 32px 20px;
        position: relative;
        background: linear-gradient(135deg, rgba(48, 167, 140, 1) 0%, rgba(64, 183, 197, 1) 100%);
    }

    .modal-cloud_fest .promo-content-left::after {
        content: '';
        height: 134px;
        width: 128px;
        background-image: url(../img/promo/cloudfest-left.svg);
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .modal-cloud_fest .promo-content-left::before {
        content: '';
        height: 123px;
        width: 80px;
        background-image: url(../img/promo/cloudfest-right.svg);
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
    }

    .modal-cloud_fest .promo-content-left span {
        z-index: 2;
    }

    .modal-cloud_fest .promo-content-left h3 {
        margin-block: 16px 0px;
        z-index: 2;
    }

    .modal-cloud_fest .promo-content-left br {
        display: none;
    }

    .modal-cloud_fest .promo-content-left,
    .modal-cloud_fest .promo-content-right {
        width: unset;
    }

    .modal-cloud_fest .promo-content-right p {
        margin-bottom: 8px;
    }

}

@media (max-width: 600px) {
    .modal-cloud_fest.modal {
        align-items: unset !important;
    }

    .modal-cloud_fest .promo-content-right,
    .modal-cloud_fest .promo-content-right.active-code {
        padding: 32px 24px;
    }

    .modal-cloud_fest .promo-content-left {
        padding: 40px 24px;
    }

    .modal-cloud_fest .promo-content-left span {
        font-size: 26px;
        line-height: 36px
    }

    .modal-cloud_fest .promo-content-left h3 {
        font-size: 24px;
        line-height: 33px;
    }

    .modal-cloud_fest .promo-content-right p {
        font-size: 24px;
        line-height: 28px;
    }

    .modal-cloud_fest .promo-content-right h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .modal-cloud_fest .promo-content-right .promo-code {
        padding: 12px 18px;
    }

    .modal-cloud_fest .promo-content-right .promo-code span {
        font-size: 16px;
        line-height: 23px;
    }
}

@media only screen and (orientation: landscape) and (max-width: 991px) {
    .modal-cloud_fest {
        align-items: unset !important;
        margin-block: 30px;
    }

    .modal-cloud_fest .modal-dialog {
        margin-top: 30px;
    }
}

/* Cloud-mg modal */
.modal-cloud_mg .modal-dialog {
    max-width: 872px;
    height: 448px;
    width: 100%;
}

.modal-cloud_mg .promo-content {
    display: flex;
}

.modal-cloud_mg .promo-content-left {
    padding: 141px 25px;
    background-image: url(../img/promo/cloudfest-desktop-mg.png);
    background-size: 100%;
    text-align: center;
}

.modal-cloud_mg .promo-content-left span {
    font-size: 42px;
    line-height: 55px;
    color: #F4FBFA;
}

.modal-cloud_mg .promo-content-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 41px 20px;
    flex-grow: 1;
}

.modal-cloud_mg .promo-content-right h3 {
    font-size: 26px;
    line-height: 42px;
    color: #21212B;
    font-weight: 400;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 8px;
}

.modal-cloud_mg .promo-content-right p {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    color: #21212B;
    margin-bottom: 32px;
}

.modal-cloud_mg .promo-content-right button {
    width: 214px;
    height: 64px;
    padding: 0;
}

.modal-cloud_mg .promo-content-right button a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 100%;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 3;
}

@media (max-width: 991px) {
    .modal-cloud_mg {
        display: flex !important;
        align-items: center;
    }

    .modal-cloud_mg .modal-dialog {
        width: 94%;
        height: unset;
    }

    .modal-cloud_mg .promo-content {
        flex-direction: column;
    }

    .modal-cloud_mg .promo-content-left {
        background-image: unset;
        padding: 31px 24px;
        position: relative;
    }

    .modal-cloud_mg .promo-content-left span {
        z-index: 2;
        position: relative;
    }

    .modal-cloud_mg .promo-content-left::after {
        background: url(../img/promo/cloudfest-mobile-mg.png);
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .modal-cloud_mg .promo-content-left .desktop-br,
    .modal-cloud_mg .promo-content-left .mobile-br {
        display: none;
    }

    .modal-cloud_mg .promo-content-right {
        padding: 42px;
    }

    .modal-cloud_mg .promo-content-right br {
        display: none;
    }

    .modal-cloud_mg .promo-content-right .logo {
        display: none;
    }

    .modal-cloud_mg .promo-content-right h3 {
        margin-top: 0px;
    }
}

@media (max-width: 600px) {
    .modal-cloud_mg .promo-content-right {
        padding: 32px 24px;
    }

    .modal-cloud_mg .promo-content-left span {
        font-size: 26px;
        line-height: 36px;
    }

    .modal-cloud_mg .promo-content-right h3 {
        font-size: 22px;
        line-height: 35px;
    }

    .modal-cloud_mg .promo-content-right p {
        font-size: 30px;
        line-height: 42px;
    }

    .modal-cloud_mg .promo-content-right button {
        width: 184px;
        height: 55px;
    }
}

@media only screen and (orientation: landscape) and (max-width: 991px) {
    .modal-cloud_mg {
        align-items: unset;
        margin-block: 30px;
    }

    .modal-cloud_mg .modal__dialog {
        margin-top: 30px;
    }
}

/* Main styles for modal */

.modal-panelalpha-mg .modal-dialog,
.modal-easy-mg .modal-dialog {
    width: 900px;
}

.modal-panelalpha-mg .promo-content,
.modal-easy-mg .promo-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 24px;
}

.modal-panelalpha-mg .logo,
.modal-easy-mg .logo {
    z-index: 1;
}

.modal-panelalpha-mg .modal-content,
.modal-easy-mg .modal-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.modal-panelalpha-mg .promo-content .title,
.modal-easy-mg .promo-content .title {
    color: #fff !important;
    margin: 0;
    line-height: 50px;
    z-index: 1;
}

.modal-panelalpha-mg .promo-content p,
.modal-easy-mg .promo-content p {
    font-size: 25px;
    line-height: 36px;
    margin: 0;
    z-index: 1;
}

.modal-container {
    width: 734px;
    padding: 48px;
}

.btn-dotted {
    background: transparent;
    border: 2px dashed #fff;
    border-radius: 4px;
    width: 255px;
    height: 62px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: visible;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    align-items: center;
}

.btn-dotted:hover {
    color: #fff !important;
}

.promo-footer {
    display: none;
    width: 100%;
}

/* Main responsive for modal */

@media (max-width: 991px ) {
    .promo-footer {
        display: flex !important;
        z-index: 1;
        justify-content: center;
    }

    .modal-easy-mg .promo-footer > img {
        margin-left: -30px !important;
    }

    .modal-panelalpha-mg .promo-content::after,
    .modal-easy-mg .promo-content::after {
        display: none;
    }

    .promo-footer .promo-img {
        max-width: 100%;
    }

    .modal-panelalpha-mg .promo-content .title,
    .modal-easy-mg .promo-content .title {
        text-align: center;
    }

    .modal-panelalpha-mg .promo-content p,
    .modal-easy-mg .promo-content p {
        text-align: center;
    }

    .modal-panelalpha-mg .promo-content,
    .modal-easy-mg .promo-content {
        width: 85%;
    }

    .modal-panelalpha-mg .modal-dialog,
    .modal-easy-mg .modal-dialog {
        width: 95%;
        height: 686px;
        overflow: visible;
    }

    .modal-panelalpha-mg .promo-content,
    .modal-easy-mg .promo-content {
        align-items: center;
        margin: 0 auto;
    }

    .modal-easy-mg .promo-footer {
        display: block;
        height: auto;
    }

    .modal-easy-mg .promo-footer img {
        position: absolute;
        left: 0;
        bottom: auto;
        scale: 1.1;
    }
}

@media (max-width: 767px) {
    .modal-panelalpha-mg .modal-content,
    .modal-easy-mg .modal-content {
        margin: 0;
    }

    .modal-panelalpha-mg .title,
    .modal-easy-mg .title {
        font-size: 40px;
        line-height: 44px !important;
    }

    .modal-panelalpha-mg p,
    .modal-easy-mg p {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .modal-panelalpha-mg .promo-footer img {
        position: absolute;
        bottom: auto;
        max-width: 90%;
    }

    .modal-easy-mg .modal-container {
        padding-top: 48px !important;
    }
}


@media (max-width: 513px) {
    .break-line {
        display: none;
    }

    .modal-panelalpha-mg .title,
    .modal-easy-mg .title {
        font-size: 36px !important;
        line-height: 40px !important;
    }

    .modal-panelalpha-mg p,
    .modal-easy-mg p {
        width: 220px;
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .modal-panelalpha-mg br {
        display: none !important;
    }

    .modal-panelalpha-mg .promo-content {
        gap: 32px !important;
    }

    .modal-easy-mg .promo-footer > img {
        margin-left: -20px !important;
    }
}

@media (max-width: 593px) {
    .modal-panelalpha-mg .break-line {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .modal-easy-mg .promo-footer > img {
        margin-left: -32px !important;
    }

    .modal-easy-mg .promo-img {
        max-width: 110% !important;
        scale: 1.1;
        bottom: 5px;
        position: relative;
    }

    .modal-easy-mg .promo-content {
        gap: 32px !important;
    }
}

/* Custom styles for ED modal */

/* blob 1 */
.modal-easy-mg .modal-content::before {
    content: "";
    background-image: url('/products/build/assets/img/promo/blob1.png');
    position: absolute;
    width: 460px;
    height: 343px;
    bottom: -45px;
    left: -162px;
    background-repeat: no-repeat;
}

/* blob 2 */
.modal-easy-mg .modal-content::after {
    content: "";
    background-image: url('/products/build/assets/img/promo/blob2.png');
    position: absolute;
    width: 508px;
    height: 500px;
    top: -196px;
    right: -115px;
    background-repeat: no-repeat;
}

.modal-easy-mg .modal-content {
    background: linear-gradient(144.45deg, #1D66CC -17.05%, #357EE4 81.79%);
}

.modal-easy-mg .promo-content::after {
    content: "";
    background-image: url('/products/build/assets/img/promo/easydcim-bg.png');
    width: 851px;
    height: 700px;
    left: 329px;
    position: absolute;
    background-repeat: no-repeat;
    top: -77px;
    z-index: 1;
}

@media (max-width: 991px) {
    .modal-easy-mg .modal-container {
        padding: 48px 48px 0 48px;
        height: 100%;
    }

    .modal-easy-mg .modal-content::after {
        top: -310px;
        right: -229px;
        height: 100%;
    }

    .modal-easy-mg .modal-content::before {
        bottom: -315px;
        left: -196px;
        height: 100%;
    }
}

@media (max-width: 513px) {
    .modal-easy-mg .modal-container {
        padding: 20px 20px 0 20px;
    }
}

/* Custom styles for PA modal */

.modal-panelalpha-mg .modal-content {
    background: linear-gradient(360deg, #16C982 0%, #29CF81 100%);
}

.modal-panelalpha-mg .promo-content::after {
    content: "";
    background-image: url('/products/build/assets/img/promo/panelalpha-bg.png');
    position: absolute;
    width: 850px;
    height: 540px;
    right: -380px;
    z-index: 1;
}

/* blobs */
.modal-panelalpha-mg .modal-content::before {
    content: "";
    background-image: url('/products/build/assets/img/promo/panelalpha-blob1.png');
    width: 941px;
    height: 1013px;
    position: absolute;
    background-repeat: no-repeat;
    left: -441px;
    top: -137px;
}

.modal-panelalpha-mg .modal-content::after {
    content: "";
    background-image: url('/products/build/assets/img/promo/panelalpha-blob2.png');
    width: 1021px;
    height: 1100px;
    position: absolute;
    background-repeat: no-repeat;
    top: -409px;
    right: -316px;
}

/* Responsive for modal PA: */

@media (max-width: 991px) {
    .modal-container {
        width: 100% !important;
    }

    .modal-panelalpha-mg .modal-content::before {
        left: -357px;
    }

    .modal-panelalpha-mg .modal-content::after {
        top: -368px;
        right: -495px;
    }
}

@media (max-width: 991px) {
    #metricscube_2023 .modal-dialog .close:not(.btn),
    #easy_mg .modal-dialog .close:not(.btn),
    #panelalpha_mg .modal-dialog .close:not(.btn) {
        right: 0;
        margin-top: 5px;
    }

    .metricscube_modal {
        display: block;
    }
}

.modal-panelalpha-mg .break-line, .modal-panelalpha-mg .break-line-2 {
    display: none;
}

@media (max-width: 593px) {
    .modal-panelalpha-mg .break-line {
        display: block;
    }
}

@media (min-width: 767px) {
    .break-line-2 {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .vip-br {
        display: block;
    }
}

@media (min-width: 486px) and (max-width: 693px) {
    .break-line-2 {
        display: block !important;
    }
}

#versionWarning a {
    border-bottom: 1px dotted #dc6509;
}

.page-monthly-bundles .page-bg {
    display: none !important;
}

@media (min-width: 580px) {
    .tab-actions.tab-actions-bundle {
        bottom: auto;
        margin-top: 10px;
    }
}

.page-notification .notification-body p span a:not(.promo-banner-code-main) {
    margin: 0 4px 0 0 !important;
    display: unset !important;
}

.page-notification .notification-body p span a.promo-banner-code-main {
    width: auto;
    margin-bottom: 0 !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .page-notification .notification-body p span:not(.promo-banner-code-main) {
        width: calc(100% - 145px);
    }
}


@media (max-width: 991px) {
    .page-notification .notification-body p {
        padding-bottom: 44px;
    }

    .page-notification .notification-body p span:not(.promo-banner-code-main) {
        width: 100%;
    }

    .page-notification .notification-actions button {
        min-width: unset;
    }
}

.footer-bottom ul.links-social li a.x-link,
.footer-bottom ul.links-social li a.ln-link {
    padding-right: 8px;
}

@media (max-width: 1199px) {
    .footer-bottom ul.links-social li a.x-link,
    .footer-bottom ul.links-social li a.ln-link {
        padding-right: 4px;
    }
}

.adminreturndiv {
    display: none !important;
}

.btn-primary.btn-custom-software-development-project {
    background: linear-gradient(180deg, #52BA54 0%, #6AD15C 100%);
    border-radius: 6px;
}

.btn-primary.btn-custom-software-development-project::after {
    background: linear-gradient(180deg, #5DCD5F 0%, #79E06B 100%);
}


/** WHMCS 9.0 Badge Styles **/
.whmcs-9-0-badge {
    display: inline-block !important;
    position: absolute !important;
    top: 7px;
    right: -13px;
    background: #ff5733;
}

@media (max-width: 768px) {
    .whmcs-9-0-badge {
        display: none;
    }
}

@media (min-width: 767px) {
    .dropdown-filter:not(.open) #current-sort-filter[data-label="WHMCS 9.0 Ready"] {
        color: #ff5733 !important;
    }
}

.sort-option-whmcs-9-support {
    color: #ff5733 !important;
}

/*****************************************/


.addon-regular-price {
    position: relative;
    text-decoration: line-through #ff8e2b;
    text-decoration-thickness: 1px;
}

.addon-regular-price:before {
    /*content: "";*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*right: 0;*/
    /*width: 73%;*/
    /*height: 1px;*/
    /*margin-top: -1px;*/
    /*background: #ff8e2b;*/
    /*transform: translate(-50%, -50%);*/
}

.addon-discounted-price {
    color: #44bf40!important;
    position: relative;
}

.service-price-discounted span:first-child{
    font-size: 12px!important;
    color: #2e3442!important;
    position: relative;
    font-weight: 400;
}

.service-price-discounted span:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b;
}

.cart-dropdown .dropdown-menu li .item-row li .service-price {
    width: 95px!important;
}

.product-addon-modal .price span:first-child{
    text-decoration: line-through #ff8e2b;
    text-decoration-thickness: 1px;
}

.product-addon-modal .price span:last-child{
    color: #44bf40!important;
}

.page-clientarea .product-addons .price-discounted b:first-child{
    text-decoration: line-through #ff8e2b!important;
    text-decoration-thickness: 1px!important;
}

.page-clientarea .product-addons .price-discounted b:last-child{
    color: #44bf40!important;
}
/* remove */

[style="margin:0 0 10px 0;padding:10px 35px;background-color:#ffffd2;color:#555;font-size:16px;text-align:center;"] {
  display: none;
}


/* Widgets headings */


/*
#main-content-container > .row:first-of-type > .col-lg-6:first-of-type > .row > .col-sm-6 > h2,
#main-content-container > .row:first-of-type > .col-lg-6:last-of-type > .row > .col-sm-6> h2,
*/
#main-content-container>.row>.col-md-8>h2>*,
#main-content-container>.row>.col-md-4>.row>.col-sm-5:first-of-type>h2>*,
#main-content-container>h2:first-child>*,
#main-content-container>.row:first-of-type>.col-lg-6>h2>*,
#main-content-container>.row>.col-lg-12>h2>*,
#cart-first-step-content>h2:first-of-type>*,
.content-body>h2:first-of-type>*,
.content-body .addons-group:first-of-type h2>*,
#cart-first-step-content>h2:first-of-type,
.content-body>h2:first-of-type,
.content-body .addons-group:first-of-type h2 {
  color: #fff;
}
#main-content-container h2.h5 a{
	color: #2e3442;
  -webkit-transition: linear opacity .15s;
    -moz-transition: linear opacity .15s;
    transition: linear opacity .15s;
}
#main-content-container h2.h5 a:hover{
  opacity: 0.8;
}

#main-content-container>.row>.col-md-8>h2,
#main-content-container>.row>.col-md-4>.row>.col-sm-5:first-of-type>h2,
#main-content-container>h2:first-child,
#main-content-container>.row:first-of-type>.col-lg-6>h2,
#main-content-container>.row>.col-lg-12>h2 {
  color: #fff;
  margin-top: -6px;
}

.page-content>.container>#main-content-container .row+h2 a,
.page-content>.container>#main-content-container .tab-content+h2 a{
   color: #2e3442;
}


.page-content>.container>#main-content-container .row+h2,
.page-content>.container>#main-content-container .tab-content+h2 {
  color: #2e3442;
  margin-top: 10px;
}

@media (min-width: 1200px) {
   #main-content-container>.row:first-of-type>.col-lg-6:first-of-type>.row>.col-sm-6>h2 a,
  #main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6:first-of-type h2 a,
  .page-promotions #main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6 h2 a{
     color: #fff;
  }
  #main-content-container>.row:first-of-type>.col-lg-6:first-of-type>.row>.col-sm-6>h2,
  #main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6:first-of-type h2,
  .page-promotions #main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6 h2 {
    color: #fff;
    margin-top: -6px;
  }
}

@media (min-width: 992px) {
  #main-content-container>.row:first-of-type>.col-lg-6>.row>.col-md-12:first-of-type>h2 a{
    color: #fff;
  }
  #main-content-container>.row:first-of-type>.col-lg-6>.row>.col-md-12:first-of-type>h2 {
    color: #fff;
    margin-top: -6px;
  }
}

@media (min-width: 768px) {
  #main-content-container>.row>.col-md-4>h2 a{
    color: #fff;
  }
  #main-content-container>.row>.col-md-4>h2 {
    color: #fff;
    margin-top: -6px;
  }
}

@media (min-width: 992px) and (max-width: 1199px){
  .page-promotions .row .col-lg-6:last-of-type .h5 span[style="color: white"]{
    color: #2e3442!important;
  }
}
@media (max-width: 991px){
 .page-promotions .h5 span[style="color: white"]{
    color: #2e3442!important;
  }
}

@media (min-width: 768px) {
    .widget.w-promo-horizontal .header-title {
        position: relative;
        width: auto;
        margin: 0 auto;
    }
}
.row+.h5 {
  margin-top: 10px;
}


/* Widgets one row in popular and related for mobile devices */

@media (min-width: 768px) and (max-width: 991px) {
  .widget-one-row>[class*="col-"]:nth-of-type(1n+4) {
    display: none;
  }
}


/* WIDGETS */

.widget {
  height: 334px;
  position: relative;
  background: #fff;
  padding-bottom: 64px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
  margin-bottom: 16px;
  overflow: hidden;
}

#cart-first-step-content .lSSlideOuter .widget {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
}

.w-wide {
  margin-bottom: 16px;
}

.w-short {
  height: 217px;
  overflow: hidden;
}

.w-addon {
  height: auto;
  padding-bottom: 71px;
  min-height: 380px;
}

.w-lg.w-no-actions{
  padding-bottom: 24px;
}

.w-lg.w-no-actions .widget-header,
.col-lg-12 .w-lg.w-icon {
  padding: 0;
}

.col-lg-12 .w-lg.w-icon .widget-header {
  width: 100%;
  padding: 0;
}

.col-lg-12 .w-lg.w-icon .title-icon {
  top: -5px;
  margin-bottom: 24px;
}
.col-lg-12 .w-image.w-lg.w-half,
.col-lg-12 .w-lg.w-image {
  padding-left: 0;
}

.col-lg-12 .w-lg.w-image .widget-header {
  position: static;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.col-lg-12 .w-lg.w-image {
    padding-bottom: 0;
}

.col-lg-12 .w-lg.w-image.w-no-actions .widget-body {
  padding-bottom: 24px;
}

.col-lg-12 .w-image.w-lg.w-half .widget-body{
  padding-bottom: 24px;
}
.image-promotion .widget.w-image.w-layout-50_50 .widget-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px){
  .col-lg-12 .w-image.w-lg.w-half{
      -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
  }
   .col-lg-12 .w-image.w-lg.w-half .widget-header{
     width: 100%;
       -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
   }
}


/* WIDGET - Header */

.widget-header {
  position: relative;
  display: block;
  padding-bottom: 30px;
  overflow: hidden;
  height: 130px;
  /*transform: translateZ(0);*/
  width: 101%;
}


.w-addon .widget-header {
  padding: 0;
  height: 150px;
}

.w-md .widget-header {
  text-align: center;
}

.w-wide .widget-header {
  position: absolute;
  text-align: center;
  left: 16px;
  top: 16px;
  padding: 0;
  width: 146px;
  height: 134px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

/* WIDGET - Header - title*/

.widget .header-title,
.widget .header-title a {
  display: table;
  height: 100%;
  width: 100%;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-transform: uppercase;
}

.widget-header:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: ease-in-out all .25s;
  transition: ease-in-out all .25s;
}

.widget-header.hovered:after,
.widget-header:hover:after {
  background-color: rgba(255, 255, 255, .1);
}

.w-short .widget-header {
  height: 106px;
  padding: 0;
}

.w-addon .header-title a,
.w-wide .header-title a,
.col-lg-6 .w-md .header-title {
  display: table-cell;
  vertical-align: middle;
}


/* WIDGET - Header - title icon*/

.title-icon {
  display: table-cell;
  position: absolute;
  top: -10px;
  left: 4px;
  width: 116px;
  height: 116px;
  text-align: center;
}

.title-icon>img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 72px;
  margin: auto;
  color: transparent;
  border: none;
  outline: none;
}

.w-addon .title-icon,
.w-wide .title-icon {
  position: relative;
  top: auto;
  left: auto;
  display: block;
}

@media (min-width: 768px) {
  .w-md .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block;
  }
}

.w-wide .title-icon {
  margin: 7px auto 0;
}

.w-addon .title-icon {
  width: 136px;
  height: 136px;
  margin: -6px auto -21px;
}

.title-icon>span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: rgba(255, 255, 255, .1);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: ease-in-out all .45s;
  transition: ease-in-out all .45s;
}

.widget-header.hovered .title-icon>span,
.widget-header:hover .title-icon>span {
  margin: -4px;
}

.title-icon>span:before,
.title-icon>span:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.title-icon>span:before {
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  margin-top: calc(-50% - 16px);
  margin-left: calc(-50% - 16px);
  background: rgba(255, 255, 255, 0.04);
  -webkit-transition: ease-in-out all .35s;
  transition: ease-in-out all .35s;
}

.title-icon>span:after {
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  margin-top: calc(-50% - 32px);
  margin-left: calc(-50% - 32px);
  background: rgba(255, 255, 255, 0.02);
  -webkit-transition: ease-in-out all .25s;
  transition: ease-in-out all .25s;
}

.widget-header.hovered .title-icon>span:before,
.widget-header:hover .title-icon>span:before {
  width: calc(100% + 48px);
  height: calc(100% + 48px);
  margin-top: calc(-50% - 24px);
  margin-left: calc(-50% - 24px);
}

.widget-header.hovered .title-icon>span:after,
.widget-header:hover .title-icon>span:after {
  width: calc(100% + 96px);
  height: calc(100% + 86px);
  margin-top: calc(-50% - 48px);
  margin-left: calc(-50% - 48px);
}


/* WIDGET - Header - title slogan*/

.title-slogan {
  position: relative;
  display: table-cell;
  padding: 8px 16px 8px 125px;
  vertical-align: middle;
  font-size: 15px;
  line-height: 18px;
}

.widget-payment-gateway-allocator-for-whmcs .title-slogan,
.widget-payment-gateway-charges-for-whmcs .title-slogan {
  padding-right: 2px;
}

.title-slogan b {
  font-weight: 900;
}

.w-lg .title-slogan {
  font-weight: 400;
}

.w-md .title-slogan {
  font-size: 16px;
  line-height: 19px;
}

.w-wide .title-slogan,
.w-short .title-slogan {
  display: none;
}

.w-addon .title-slogan {
  padding: 0 15px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.w-short .title-icon {
  position: relative;
  margin: auto;
  display: block;
}

.title-slogan b.no-break{
  white-space: nowrap;
}



/* WIDGET - Header - bar*/

.header-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.08);
  line-height: 30px;
}

.header-bar .price {
  float: left;
  color: #fff;
  font-size: 12px;
}

.header-bar .price b,
.w-lg .header-bar .price {
  font-size: 14px;
}

.w-lg .header-bar .price b {
  font-size: 16px;
}

.header-bar span {
  position: relative;
  opacity: 0.6;
  margin-right: 5px;
}

.header-bar span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #fff;
}

.header-bar .stars {
  float: right;
  padding-right: 2px;
  letter-spacing: -2px;
}

.header-bar .stars i {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.w-lg .header-bar .stars i {
  font-size: 16px;
}

.header-bar .stars i.active {
  color: #fff;
}


/* WIDGET - Header - labels */

.header-label {
  position: absolute;
  top: 4px;
  left: -44px;
  width: 145px;
  height: 48px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.header-label .label {
  position: absolute;
  margin-left: -73px;
  left: 50%;
  display: block;
  width: 100%;
  font-size: 10px;
  border-radius: 0;
  padding: 0;
  line-height: 20px;
  margin-bottom: 4px;
}

.header-label .label-short {
  top: 0;
}

.header-label .label-long {
  bottom: 0;
}

.w-wide .header-label,
.w-short .header-label {
  top: 10px;
  left: -37px;
}

.w-wide .header-label .label,
.w-short .header-label .label {
  color: #2e3442;
  top: 0;
  bottom: auto;
}

.w-wide .header-label .label.recommended-without-discount,
.w-short .header-label .label.recommended-without-discount {
  top: 10px;
}

.w-wide .header-label .label b,
.w-short .header-label .label b {
  display: block;
  font-size: 14px;
  color: #ff8e2b;
  margin-left: -6px;
  margin-bottom: -8px;
}


/* WIDGET - Body */

.widget-body {
  padding: 13px 16px 0;
}

.w-wide .widget-body {
  padding: 0 0 30px;
}

.w-addon .widget-body {
  padding: 12px 24px 0;
  width: 100%;
}

.w-lg.w-banner .widget-body {
  padding: 32px 24px 38px 24px;
}

.widget-body .h3,
.widget-body h3 {
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}

.w-lg.w-banner .widget-body .h1 a,
.w-lg.w-banner .widget-body .h1 {
  line-height: 1;
  font-size: 32px;
  font-weight: 900;
  color: #ff8a2b;
}

.w-lg.w-banner .widget-body .btn {
  margin-top: 24px;
  min-width: 135px;
}

.widget-body h3 a {
  color: #2e3442;
}

.widget-body p {
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.w-lg.w-banner .widget-body p {
  font-size: 17px;
  line-height: 25px;
}

.widget-body p:empty {
  display: none;
}

.widget-body ul:not(.carousel-inner) {
  margin-top: 12px;
}

.widget-body p+.h3 {
  margin-top: 21px;
}

.widget-body .stars {
  display: inline-block;
  padding: 1px 10px 0 0;
  letter-spacing: -2px;
  color: #d7dadb;
}

.widget-body .stars .active {
  color: #ffc300;
}

.widget-body>span:not(.label) {
  color: #a1a6b2;
  font-size: 12px;
}

.w-wide .widget-body>span:not(.label) {
  padding-top: 2px;
  display: inline-block;
}

.w-addon .widget-body p {
  margin-bottom: 7px;
  font-size: 13px;
  line-height: 16px;
}

.w-addon .widget-body .short-desc {
  height: 48px;
}

.w-addon .scroll-list {
  max-height: 220px;
  min-height: 85px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background: #fff;
}

.w-addon .widget-actions {
  background: #fff;
}

.w-short .price,
.widget-body .price {
  position: absolute;
  bottom: 16px;
  line-height: 32px;
  color: #2e3442;
  font-weight: 700;
}

.w-wide .widget-body .price {
  left: 178px;
}

.w-short .price.discount,
.widget-body .price.discount {
  color: #ff8e2b;
}

.w-short .price span,
.widget-body .price span {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: #2e3442;
  margin-right: 3px;
}

.w-short .price span:before,
.widget-body .price span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 97%;
  height: 1px;
  margin-top: -1px;
  background: #ff8e2b;
}

.widget-body .info {
  height: 100px;
  perspective: 1000;
  -webkit-perspective: 1000;
  visibility: hidden;
}

.widget-body .info>.info-content {
  position: relative;
  transition: 0.45s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: flat;
  background: #fff;
}

.w-review-expanded .widget-body .info>.info-content {
  transform-style: preserve-3d;
}

.widget-body .info>.info-content>* {
  position: absolute;
  top: -3px;
  left: 0;
  backface-visibility: hidden;
  width: 100%;
}

.w-review-expanded .widget-body .info .info-content {
  transform: rotateY(180deg);
}

.widget-body .info p {
  z-index: 2;
  transform: rotateY(0deg);
}

.widget-body .info .carousel {
  transform: rotateY(180deg);
}

.widget .carousel {
  padding: 8px 0;
}

.widget .carousel-actions {
  position: absolute;
  right: -6px;
  top: 8px;
  z-index: 1;
  background: #fff;
}

.widget .carousel-actions a {
  float: none;
  font-size: 19px;
  display: inline-block;
  padding: 0 8px;
  color: #a1a6b3;
}

.widget .carousel-actions a>i {
  line-height: 24px;
}

.widget .item .item-header {
  padding-right: 70px;
  margin-bottom: 3px;
  line-height: 24px;
  overflow: hidden;
}

.widget .one-slide .item .item-header {
  padding-right: 30px;
}

.widget .item .item-header>span:not(.stars) {
  color: #004a95;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
}

.w-short .item .item-header>span:not(.stars) {
  max-width: 70px;
  text-overflow: ellipsis;
}

.w-short .one-slide .item .item-header>span:not(.stars) {
  max-width: 108px;
}

.widget .item .item-body {
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
}

.widget .item .stars {
  float: none;
  letter-spacing: -1px;
  margin-left: 6px;
  margin-right: 6px;
}

.w-wide .item .stars {
  margin-top: -2px;
}

.widget .item .stars i {
  font-size: 13px;
}

.w-short .widget-body h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-short.w-info-expanded .widget-body h3 {
  white-space: normal;
}

.w-short .widget-body {
  background: #fff;
  -webkit-transition: -webkit-transform .45s;
  transition: transform .45s;
}

.w-short .widget-body .stars {
  padding: 0;
  float: right;
}

.show-product-tile-reviews {
  cursor: pointer;
}

.w-short .price {
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 11px 16px 16px;
  background-color: #fff;
  line-height: 32px;
  font-weight: 400;
}

.w-short .price.price-discounted {
  color: #ff8e2b;
}

.w-short.open-source .price {
  padding-top: 0;
  line-height: 40px;
  bottom: 0;
}

.w-short .widget-license {
  position: absolute;
  bottom: 14px;
  font-size: 10px;
  font-weight: 400;
  left: 16px;
  color: #a1a6b2;
}

.w-wide .carousel {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  bottom: 50px;
  background: #fff;
  right: 15px;
  left: 178px;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  z-index: 2;
}

.w-wide.w-review-expanded .carousel {
  visibility: visible;
  opacity: 1;
}

.w-addon .checkbox label {
  display: block;
  font-size: 13px;
  color: #2e3442;
  font-weight: 600;
}

.w-addon .checkbox a {
  margin-left: 34px;
  font-size: 12px;
  color: #737780;
  border-bottom: 1px dotted #c8c9cc;
}

.w-addon .disabled a {
  color: #a1a6b2;
}

.w-addon .checkbox .label {
  box-shadow: none;
  margin-left: 5px;
  position: relative;
  top: -1px;
}

.w-addon .addon-info {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 20px 18px;
  color: #fff;
}

.w-addon .addon-info .close {
  position: relative;
  z-index: 1;
  color: #fff;
}

.w-included-expanded .addon-info.included,
.w-info-expanded .addon-info:not(.included) {
  display: block;
}

.info-header {
  position: relative;
  margin-bottom: 15px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 19px;
}

.info-header+ul {
  margin-bottom: 20px;
}

.info-header span {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
}

.addon-info .info-body+.info-header {
  padding-top: 25px;
}

.addon-info .info-header .close {
  position: absolute;
  top: -7px;
  right: -7px;
  color: #fff;
}

.w-addon .addon-info ul li {
  line-height: 17px;
  margin-bottom: 5px;
  padding-left: 30px;
}

.w-addon .addon-info ul li {
  color: rgba(255, 255, 255, 0.7)
}

.w-addon .addon-info ul li:before {
  color: #fff;
}

.addon-info .info-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 67px;
  padding: 16px 24px 24px;
  background: rgba(0, 0, 0, 0.1);
}

.addon-info .info-footer .price {
  float: left;
  font-size: 15px;
  line-height: 32px;
}

.addon-info .info-footer .btn {
  float: right;
}


/* WIDGET - Actions */

.widget-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 8px 16px 16px 16px;
  width: auto;
  right: 0;
  background: #fff;
}

.w-wide .widget-actions {
  left: auto;
  right: 0;
}

.w-short .widget-actions {
  right: 0;
  left: auto;
}

.w-short .widget-actions .btn {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.widget-actions .btn+.btn {
  margin-left: 4px;
}

.widget .btn-icon.btn-sm:not(.show-xs-icon) {
  padding-left: 5px;
  padding-right: 5px;
}


/* WIDGET - Image */

.image-promotion > h2,
.image-promotion > h2 > a,
.image-promotion > h2 > a:hover {
	color: #2e3442;
}
#main-content-container > .image-promotion:first-child h2,
#main-content-container > .image-promotion:first-child h2 > a,
#main-content-container > .image-promotion:first-child > h2,
#main-content-container > .image-promotion:first-child > h2 > a,
#main-content-container > .image-promotion:first-child > h2 > a:hover {
	color: #fff;
}
#main-content-container > .image-promotion:first-child {
	min-height: 208px;
}
.w-image .widget-header {
  padding-bottom: 0!important;
}
.w-type-image {
    height: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.w-type-image > a {
    display: block;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .07);
}
.w-type-image img {
    width: 100%;
}

.w-layout-horizontal .widget-header img {
    width: 100%;
    height: auto;
}
.w-layout-50_50 .widget-header img,
.w-layout-33_66 .widget-header img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) and (min-width: 581px){
  .image-promotion .widget.w-layout-50_50:has(img) {
    display: flex;
    flex-direction: row;
    height: unset;
    min-height: unset;
  }
  .image-promotion .widget.w-layout-50_50:has(img) .widget-body{
    display: flex;
    flex: 50%;
    position: unset;
    max-width: unset;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .image-promotion .col-lg-12 .w-lg.w-image.widget:has(img) .widget-header{
    height: unset !important;
  }
}

@media (min-width: 1200px) {
  #main-content-container > .image-promotion:first-child:has(.widget.w-lg-short) + .image-promotion h2,
  #main-content-container > .image-promotion:first-child:has(.widget.w-lg-short) + .image-promotion h2 > a{
    color: #fff;
  }
}
@media (min-width: 768px) and (max-width: 992px){
  #main-content-container > .image-promotion:first-child:has(.w-layout-standard) + .image-promotion h2,
  #main-content-container > .image-promotion:first-child:has(.w-layout-standard) + .image-promotion h2 > a{
    color: #fff;
  }
}
@media(max-width: 1200px) and (min-width: 768px) {
  .image-promotion .col-lg-12 .w-lg.w-image.widget:has(img) .widget-header{
    position: unset;
    display: flex;
    height: unset;
    overflow: unset;
    flex: 50%;
    width: 50%;
  }
}
@media(max-width: 1200px) {
  #main-content-container > .image-promotion .col-lg-6 + .col-lg-6 .col-sm-6 h2 {
    color: #2e3442;
  }
}
/*@media (min-width: 768px) and (max-width: 991px) {
	#main-content-container > .image-promotion:first-child + h2,
	#main-content-container > .image-promotion:first-child + h2 > a,
	#main-content-container > .image-promotion:first-child + h2 > a:hover,
	#main-content-container > .image-promotion:first-child + .image-promotion > h2,
	#main-content-container > .image-promotion:first-child + .image-promotion > h2 > a,
	#main-content-container > .image-promotion:first-child + .image-promotion > h2 > a:hover,
	#main-content-container > .image-promotion:first-child + .row > .col-lg-6:first-child > h2,
	#main-content-container > .image-promotion:first-child + .row > .col-lg-6:first-child > h2 > a,
	#main-content-container > .image-promotion:first-child + .row > .col-lg-6:first-child > h2 > a:hover{
		color: #fff;
	}
}*/
@media (min-width: 992px) and (max-width: 1199px) {
	#main-content-container > .image-promotion:first-child {
		min-height: 378px;
	}
}

.page-promotions #main-content-container .h5 {
	margin-top: 0!important;
}
@media (min-width: 768px) {
	.page-promotions #main-content-container  .widget {
		margin-bottom: 26px;
	}
}


@media (min-width: 1200px) {
  .additional-product-widget {
    width: 257px!important;
  }
  /* WIDGET - Header - title slogan */
  .col-lg-12 .w-lg .title-slogan {
    display: block;
  }
  .col-lg-6 .w-lg .title-slogan {
    padding-left: 255px;
    padding-top: 8px;
  }
  .col-lg-6 .w-md .title-slogan {
    padding: 0 20px;
    display: inline-block;
  }
  .col-lg-12 .w-lg .title-slogan,
  .col-md-8 .w-lg .title-slogan {
    padding: 0 20px;
    font-size: 24px;
    text-align: center;
    display: block;
  }
  /* WIDGET - Header - title icon */
  .col-lg-6 .w-lg .title-icon {
    top: 50%;
    left: 16px;
    width: 224px;
    height: 224px;
    margin-top: -131px;
  }
  .w-lg .title-icon>span:before {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
  }
  .w-lg .title-icon>span:after {
    width: calc(100% + 128px);
    height: calc(100% + 128px);
    margin-top: calc(-50% - 64px);
    margin-left: calc(-50% - 64px);
  }
  .w-lg .widget-header:hovered .title-icon>span,
  .w-lg .widget-header:hover .title-icon>span {
    margin: -12px;
  }
  .w-lg .widget-header.hovered .title-icon>span:before,
  .w-lg .widget-header:hover .title-icon>span:before {
    width: calc(100% + 120px);
    height: calc(100% + 120px);
    margin-top: calc(-50% - 60px);
    margin-left: calc(-50% - 60px);
  }
  .w-lg .widget-header.hovered .title-icon>span:after,
  .w-lg .widget-header:hover .title-icon>span:after {
    width: calc(100% + 224px);
    height: calc(100% + 224px);
    margin-top: calc(-50% - 112px);
    margin-left: calc(-50% - 112px);
  }
  .col-md-4 .w-md .header-title .title-icon {
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    text-align: center;
  }
  .w-addon .widget-body p.long-desc {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    padding: 24px;
    top: 210px;
    line-height: 20px;
    -webkit-transition: -webkit-transform .45s;
    transition: transform .45s;
  }
  .w-addon.w-desc-expanded p.long-desc {
    -webkit-transform: translateY(-160px);
    transform: translateY(-160px);
    -ms-transform: translateY(-160px);
  }
}



@media (min-width: 992px) {
  /* WIDGET */
  .col-lg-6 .w-md {
    height: 240px;
    padding-left: 225px;
  }
  .col-lg-6 .w-lg {
    height: 631px;
  }
  .col-md-4 .w-md,
  .col-md-8 .w-lg {
    height: 395px;
  }
  .col-md-8 .w-lg {
    padding-left: 300px;
  }
  .col-lg-12 .w-lg {
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    min-height: 360px;
    height: auto;
    padding-left: 400px;
  }
  .col-lg-12 .w-lg.w-lg-long{
    min-height: 450px;
  }
   .col-lg-12 .w-lg.w-lg-short{
    min-height: 240px;
  }

  .col-lg-12 .w-lg.w-half {
    padding-left: 50%;
  }
  .col-lg-12 .w-lg.w-4-6{
    padding-left: 40%;
  }
  .col-lg-12 .w-lg.w-banner {
    min-height: 240px;
    padding-bottom: 0;
  }
  .col-lg-6 .w-md.w-md-long .widget-header,
  .col-lg-6 .w-md.w-image .widget-header {
    height: 334px;
  }
  .col-lg-6 .w-lg.w-lg-short {
    height: 537px;
  }
  
  /* WIDGET - Header */
  .col-lg-6 .w-lg .widget-header {
    width: 100%;
  }
  .col-md-8 .w-lg .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 395px;
    display: table;
  }
  .col-md-8 .w-lg .widget-header .header-title {
    display: table-cell;
    vertical-align: middle;
  }
  .col-lg-12 .w-lg .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 100%;
    display: flex;
    flex-basis: 400px;
    align-items: stretch;
    justify-content: center;
  }
  .col-lg-12 .w-half .widget-header {
    width: 50%;
    flex-basis: 50%;
  }
  .col-lg-12 .w-4-6 .widget-header{
    width: 40%;
    flex-basis: 40%;
  }

  .col-lg-6 .w-md .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 240px;
    display: table;
  }
  .col-md-4 .w-md .widget-header {
    height: 170px;
  }
  .col-lg-12 .w-lg .widget-header .header-title {
    width: 100%;
    vertical-align: middle;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .col-lg-12 .w-lg-short .title-slogan{
    font-size: 18px;
  }

  .col-lg-12 .w-lg .widget-body {
    flex: 1;
  }
  /* WIDGET - Header - title icon */
  .col-lg-12 .w-lg .title-icon,
  .col-md-8 .w-lg .header-title .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 0 auto;
    width: 224px;
    height: 224px;
  }
.col-lg-12 .w-lg-short .title-icon{
    width: 136px;
    height: 136px;
    margin: -7px auto 6px;
}
.col-lg-12 .w-lg-short .title-icon:before {
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    margin-top: calc(-50% - 24px);
    margin-left: calc(-50% - 24px);
  }
 .col-lg-12 .w-lg-short .title-icon:after {
    width: calc(100% + 96px);
    height: calc(100% + 96px);
    margin-top: calc(-50% - 48px);
    margin-left: calc(-50% - 48px);
  }
  .col-lg-12 .w-lg-short .widget-header.hovered .title-icon>span,
  .col-lg-12 .w-lg-short .widget-header:hover .title-icon>span {
    margin: -8px;
  }
  .col-lg-12 .w-lg-short .widget-header.hovered .title-icon>span:before,
  .col-lg-12 .w-lg-short .widget-header:hover .title-icon>span:before {
    width: calc(100% + 72px);
    height: calc(100% + 72px);
    margin-top: calc(-50% - 36px);
    margin-left: calc(-50% - 36px);
  }
  .col-lg-12 .w-lg-short .widget-header.hovered .title-icon>span:after,
  .col-lg-12 .w-lg-short .widget-header:hover .title-icon>span:after {
    width: calc(100% + 144px);
    height: calc(100% + 144px);
    margin-top: calc(-50% - 72px);
    margin-left: calc(-50% - 72px);
  }

.col-lg-12 .w-lg-short .title-icon img{
  width: 72px;
}

  .col-md-4 .w-md .title-slogan {
    padding-left: 150px;
    text-align: left;
  }

  /* WIDGET - Actions */
  .col-md-8 .w-lg .widget-actions {
    left: 300px;
  }
  .col-lg-6 .w-md .widget-actions {
    left: 225px;
  }
  .col-lg-12 .w-lg .widget-actions {
    left: 400px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* WIDGET - Header */
  .col-lg-6 .w-lg .header-title a {
    display: table-cell;
    vertical-align: middle;
  }
  /* WIDGET - Header - title icon */
  .col-lg-6 .col-md-6 .widget .title-icon {
    display: block;
    margin: 0 auto;
    position: relative;
    left: auto;
  }
  .col-lg-6 .w-lg .widget-body p {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 20px;
  }
  .col-lg-6 .w-md .widget-header .title-icon {
    top: 8px;
  }
}

@media (min-width: 768px) {
  .w-lg {
    padding-bottom: 80px;
  }
  .col-lg-6 .w-md.w-md-long {
    height: 334px;
  }
  .w-wide {
    padding: 16px 16px 16px 178px;
    height: 166px;
  }
  .w-lg .widget-header {
    height: 240px;
  }
  .w-md .widget-header,
  .w-lg .widget-header {
    padding-bottom: 40px;
  }
  .w-lg .title-icon img {
    width: 144px;
  }
  .w-md .title-icon {
    width: 136px;
    height: 136px;
    margin: -7px auto 6px;
  }
  .w-md .title-icon>span:before {
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    margin-top: calc(-50% - 24px);
    margin-left: calc(-50% - 24px);
  }
  .w-md .title-icon>span:after {
    width: calc(100% + 96px);
    height: calc(100% + 96px);
    margin-top: calc(-50% - 48px);
    margin-left: calc(-50% - 48px);
  }
  .w-md .widget-header.hovered .title-icon>span,
  .w-md .widget-header:hover .title-icon>span {
    margin: -8px;
  }
  .w-md .widget-header.hovered .title-icon>span:before,
  .w-md .widget-header:hover .title-icon>span:before {
    width: calc(100% + 72px);
    height: calc(100% + 72px);
    margin-top: calc(-50% - 36px);
    margin-left: calc(-50% - 36px);
  }
  .w-md .widget-header.hovered .title-icon>span:after,
  .w-md .widget-header:hover .title-icon>span:after {
    width: calc(100% + 144px);
    height: calc(100% + 144px);
    margin-top: calc(-50% - 72px);
    margin-left: calc(-50% - 72px);
  }
  .w-lg .title-slogan {
    font-size: 24px;
    line-height: 27px;
  }
  .w-md .header-bar,
  .w-lg .header-bar {
    height: 40px;
    line-height: 40px;
  }
  .w-lg .header-bar {
    padding: 0 24px;
  }
  .w-md .widget-body,
  .w-lg .widget-body {
    padding: 23px 24px 0;
  }
  .w-lg .widget-body .h3,
  .w-md .widget-body h3,
  .w-lg .widget-body h3 {
    font-size: 16px;
    margin-bottom: 7px;
  }
  .w-lg .widget-body span:not(.label) {
    font-size: 14px;
  }
  .w-lg .widget-body p {
    margin: 13px 0 0;
    font-size: 14px;
    line-height: 22px;
  }
  .w-lg .widget-body .list-sm li {
    font-size: 14px;
  }
  .w-short.w-info-expanded .widget-body {
    -webkit-transform: translateY(-90px);
    transform: translateY(-90px);
    -ms-transform: translateY(-90px);
  }
  .w-short.w-info-expanded .widget-body .info {
    visibility: visible;
  }
  .w-short.w-review-expanded .widget-body>.stars,
  .w-short.w-review-expanded .widget-body>span {
    display: none;
  }
  .w-wide .widget-body .stars {
    float: left;
  }
  .w-addon .widget-actions,
  .w-md .widget-actions {
    padding: 24px;
  }
  .w-lg .widget-actions {
    padding: 12px 24px 24px;
  }
  .w-lg .widget-actions .btn {
    min-width: 112px;
  }
}

@media (min-width: 580px) {
  .col-lg-12 .w-addon {
    display: flex;
    flex-flow: row nowrap;
    padding-left: 224px;
    min-height: 240px;
  }
  .col-lg-12 .w-addon .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 224px;
    display: flex;
    flex-basis: 224px;
    align-items: stretch;
    justify-content: center;
  }
  .col-lg-12 .w-addon .header-title {
    width: 100%;
    vertical-align: middle;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .col-lg-12 .w-addon .title-icon {
    margin-bottom: -12px;
  }
  .col-lg-12 .w-addon .widget-actions {
    left: 224px;
  }
}

@media (max-width: 1199px) {
  .col-lg-6 .w-addon .short-desc {
    display: none;
  }
  .widget.w-lg.w-icon .widget-header .header-title .title-slogan {
    display: inline-block;
    padding: 0;
  }
  .widget .title-icon {
    top: -8px;
  }
  /*.image-promotion .widget .widget-body p[class*=h] *,
  .image-promotion .widget .widget-body div[class*=h],
  .image-promotion .widget .widget-body div[class*=h] * {
    font-size: 30px !important;
    line-height: 24px !important;
  }*/
}

@media (min-width: 768px) and (max-width: 1199px) {
  #category-products .widget {
    height: 368px;
  }
  /* WIDGET - Header */
  .w-lg .widget-header {
    text-align: center;
  }
  /* WIDGET - Header - title slogan*/
  .w-lg .title-slogan {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
  }
  .col-sm-4 .widget:not(.w-md) {
    height: 350px;
  }
  .widget:not(.w-addon) .title-slogan {
    display: none;
  }
  /* WIDGET - Header - title icon*/
  .w-lg .title-icon>span:before {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
  }
  .w-lg .title-icon>span:after {
    width: calc(100% + 128px);
    height: calc(100% + 128px);
    margin-top: calc(-50% - 64px);
    margin-left: calc(-50% - 64px);
  }
  .col-lg-6 .w-lg .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 0 auto;
    width: 208px;
    height: 208px;
  }
  .col-md-4 .widget .title-icon,
  .col-md-3 .widget .title-icon {
    position: relative;
    left: auto;
    display: block;
    margin: 0 auto;
  }
  .widget .widget-body p,
  .image-promotion .widget .widget-body p:not([class*=h]) * {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .image-promotion .widget .widget-body hr {
    margin: 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .marketplace-page .widget.w-lg {
    height: auto;
  }
  .marketplace-page .widget.w-lg .widget-header {
    height:100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketplace-page .col-sm-4 .widget:not(.w-md) {
    height: 370px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* WIDGET*/
  .w-lg {
    height: 334px;
  }
  .page-promotions .row .col-lg-6:first-of-type .w-md-long {
    padding-left: 225px;
  }
  .page-promotions .row .col-lg-6:first-of-type .w-md-long .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 334px;
  }
  .page-promotions .row .col-lg-6:first-of-type .w-md-long .widget-actions {
    left: 225px;
  }
  .col-lg-12 .w-lg {
    height: auto;
    min-height: 334px;
    display: flex;
    flex-basis: 260px;
    align-items: stretch;
    justify-content: center;
  }
  .col-lg-12 .w-lg .widget-header {
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
  }

  .w-lg-long .widget-header, .w-lg-short .widget-header, .w-half .widget-header, .w-4-6 .widget-header{
  height: 100%!important;
}
  .col-lg-12 .w-lg .widget-header .header-title {
    vertical-align: middle;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .col-lg-12 .w-lg .widget-header .header-title .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 0 auto;
    width: 208px;
    height: 208px;
  }
  .col-lg-12 .w-lg .widget-body {
    flex: 1;
  }
  .col-lg-6 .w-md {
    height: 440px;
  }
  .col-md-4 .w-md,
  .col-md-8 .w-lg {
    padding: 0 0 64px 0;
    height: 492px;
  }
  .col-lg-6 .col-sm-7 .widget {
    height: 210px;
    padding-left: 160px;
  }
  .col-lg-6 .col-sm-7 .col-sm-12:first-of-type>.widget {
    margin-bottom: 20px;
  }
  /* WIDGET - Header */
  .col-lg-6 .col-sm-7 .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 210px;
    display: table;
  }
  .col-md-4 .w-md .header-title,
  .col-md-8 .w-lg .header-title,
  .col-lg-6 .w-lg .header-title,
  .col-lg-6 .col-sm-7 .header-title {
    display: table-cell;
    vertical-align: middle;
  }
  .col-md-8 .w-lg .widget-header,
  .w-md .widget-header {
    height: 210px;
    position: relative;
  }
  .col-lg-6 .col-sm-7 .widget-header {
    width: 160px;
    text-align: center;
    padding-bottom: 40px;
  }
  .col-md-4 .w-md .widget-header,
  .col-md-8 .w-lg .widget-header,
  .col-lg-6 .w-md .widget-header {
    display: table;
    width: 100%;
  }
  .col-lg-6 .w-md .header-title {
    display: table-cell;
  }
  /* WIDGET - Header - title icon*/
  .col-md-4 .w-md .title-icon,
  .col-md-8 .w-lg .title-icon,
  .col-lg-6 .col-sm-7 .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 13px auto 2px;
  }
  .col-md-4 .w-md .title-icon,
  .col-md-8 .w-lg .title-icon,
  .col-lg-6 .w-md .title-icon {
    margin: 0px auto -11px;
  }
  .col-md-8 .w-lg .title-icon {
    width: 136px;
    height: 136px;
  }
  .col-md-8 .w-lg .title-icon img {
    width: 72px;
  }
  /* WIDGET - Header - bar*/
  .col-lg-6 .col-sm-7 .header-bar {
    height: 40px;
    padding: 0 8px;
    line-height: 40px;
    text-align: left;
  }
  .col-lg-6 .col-sm-7 .header-bar .price span {
    display: block;
    margin-bottom: -27px;
    margin-top: -7px;
  }
  .col-md-8 .w-lg .header-bar {
    padding: 0 16px;
  }
  .col-md-8 .w-lg .header-bar .price {
    font-size: 12px;
  }
  .col-md-8 .w-lg .header-bar .price b {
    font-size: 14px;
  }
  .col-md-8 .w-lg .header-bar .stars i {
    font-size: 13px;
  }
  /* WIDGET - Body*/
  .col-md-8 .w-lg .widget-body h3,
  .w-md .widget-body h3 {
    font-size: 14px;
  }
  .col-md-8 .w-lg .widget-body p {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 19px;
  }
  /* WIDGET - Actions */
  .w-lg .widget-actions {
    left: 260px;
  }
  .col-md-8 .w-lg .widget-actions {
    left: 0;
  }
  .col-md-8 .w-lg .widget-actions .btn {
    padding: 4px 16px;
    font-size: 11px;
    min-width: 90px;
  }
  .col-md-8 .w-lg .widget-actions .btn.btn-outline {
    padding: 3px 16px;
  }
  .col-lg-6 .col-sm-7 .widget-actions {
    left: 160px;
  }
}

@media (min-width: 580px) and (max-width: 1199px) {
  .w-addon {
    display: flex;
    flex-flow: row nowrap;
    padding-left: 224px;
    min-height: 240px;
  }
  .w-addon .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 224px;
    display: flex;
    flex-basis: 224px;
    align-items: stretch;
    justify-content: center;
  }
  .w-addon .header-title {
    width: 100%;
    vertical-align: middle;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .w-addon .title-icon {
    margin-bottom: 5px;
  }
  .w-addon .title-slogan {
    margin-bottom: -16px;
  }
  .w-addon .widget-actions {
    left: 224px
  }
}

@media (min-width: 580px) and (max-width: 991px) {
  .w-lg {
    padding-left: 260px;
  }
  .w-lg .widget-header {
    width: 260px;
  }
  .w-lg .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 334px;
    display: table;
  }
  .w-lg-long .title-slogan, .w-lg-short .title-slogan, .w-half .title-slogan, .w-4-6 .title-slogan,{
    text-align: center;
  }
}

@media (max-width: 767px) {
  .w-lg {
    height: auto;
    min-height: 220px;
  }
  .w-wide {
    padding: 0;
    height: 270px;
  }
  .w-md .widget-header {
    text-align: left;
  }
   .w-lg-long .title-icon, .w-lg-short .title-icon, .w-half .title-icon, w-half .title-icon{
    top: 6px;
   }
 
  .col-lg-6 .w-md .header-title {
    display: table;
  }
  .col-lg-6 .w-md .title-icon,
  .w-md .title-icon,
  .title-icon {
    position: absolute;
    display: table-cell;
    font-size: 15px;
    line-height: 18px;
  }
  .col-lg-6 .w-md .title-slogan,
  .title-slogan {
    position: relative;
    display: table-cell;
    padding: 4px 8px 0 125px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 18px;
  }
  .w-wide .widget-header {
    left: 0;
    top: 0;
    width: 106px;
    height: 106px;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .w-wide .widget-body h3 {
    line-height: 18px;
  }
  .w-wide .title-slogan {
    display: none;
  }
  .w-wide .widget-body {
    padding: 15px 14px 48px 120px;
  }
  .w-wide .widget-body p {
    position: absolute;
    left: 0;
    top: 106px;
    width: 100%;
    margin: 0;
    padding: 16px;
    border-top: 1px solid #e9edf2;
  }
  .w-wide .widget-body .price {
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #e9edf2;
  }
  .w-wide .widget-body>span {
    display: block;
    margin-bottom: 5px;
  }
  .w-wide .widget-actions {
    padding: 8px;
  }
  .w-lg .widget-actions .btn {
    padding: 4px 16px;
    font-size: 11px;
  }
  .w-lg .widget-actions .btn.btn-outline {
    padding: 3px 16px;
  }
  .image-promotion .widget.w-layout-33_66:has(img) .widget-body a,
  .image-promotion .widget.w-layout-33_66:has(img) .widget-body a > *,
  .image-promotion .widget.w-layout-33_66:has(img) .widget-body a strong{
    font-size: 14px!important;
  }
  .widget .widget-body p,
  .image-promotion .widget .widget-body p:not([class*=h]) * {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .col-md-4 .w-md,
  .w-lg,
  .col-lg-6 .col-sm-5 .w-md {
    height: auto;
    min-height: 220px;
  }
  .col-md-4 .w-md,
  .w-lg,
  .col-lg-6 .col-sm-5 .w-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    padding-left: 260px;
  }
  .col-md-4 .w-md .widget-header,
  .w-lg .widget-header,
  .col-lg-6 .col-sm-5 .w-md .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    display: flex;
    flex-basis: 260px;
    align-items: stretch;
    justify-content: center;
  }
  .col-md-4 .w-md .header-title,
  .col-lg-6 .col-sm-5 .w-md .header-title,
  .w-lg .header-title {
    width: 100%;
    vertical-align: middle;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .col-md-4 .w-md .title-icon,
  .col-lg-6 .col-sm-5 .w-md .title-icon,
  .w-lg .header-title .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 0 auto;
  }
  .col-md-4 .w-md .title-slogan,
  .col-lg-6 .col-sm-5 .w-md .title-slogan,
  .w-lg .header-title .title-slogan {
    padding: 0 20px;
  }
  .col-md-4 .w-md .widget-body,
  .col-lg-6 .col-sm-5 .w-md .widget-body,
  .w-lg .header-title .widget-body {
    flex: 1;
  }
  .col-md-4 .w-md .widget-actions,
  .col-lg-6 .col-sm-5 .w-md .widget-actions,
  .w-lg .widget-actions {
    left: 260px;
  }
}
@media(max-width: 660px) {
  .image-promotion .widget.widget.w-lg.w-layout-33_66:has(img) {
    flex-direction: column;
  }
  .image-promotion .col-lg-12 .w-lg.w-image.widget:has(img) .widget-header {
    flex: 100%;
    width: 100%;
  }
}

@media (max-width: 579px) {
  .widget:not(.w-short) {
    height: auto;
  }
  .widget.w-lg.w-icon .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  .widget.w-lg.w-icon .widget-header .header-title {
    width: 100%;
    vertical-align: middle;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .widget.w-lg.w-icon .widget-header .title-icon {
    position: relative;
    left: auto;
    display: block;
    margin: 0 auto;
  }
}


/* WIDGET - load */

.w-load {
  display: table;
  width: 100%;
  background: none;
  padding: 0;
  border: 1px dashed #d0d4d9;
  box-shadow: none;
    min-height: 150px;
}

.w-load .widget-body {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #a1a9b2;
}

.w-load .widget-body>* {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.w-load .widget-body i {
  font-size: 55px;
  display: block;
  margin-bottom: 20px;
}

.w-load.w-wide .widget-body i {
  margin-top: 22px;
}

.w-load:hover i {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.w-load:hover span {
  font-size: 15px;
}


/* WIDGET - Colors */

.w-red.w-addon .addon-info,
.w-red .widget-header {
  background: -moz-linear-gradient(110deg, rgba(217, 76, 81, 1) 0%, rgba(255, 89, 106, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 89, 106, 1)), color-stop(100%, rgba(217, 76, 81, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(217, 76, 81, 1) 0%, rgba(255, 89, 106, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(217, 76, 81, 1) 0%, rgba(255, 89, 106, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(217, 76, 81, 1) 0%, rgba(255, 89, 106, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(217, 76, 81, 1) 0%, rgba(255, 89, 106, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff596a', endColorstr='#d94c51', GradientType=0);
  /* ie6-9 */
}

.w-purple.w-addon .addon-info,
.w-purple .widget-header {
  background: -moz-linear-gradient(110deg, rgba(143, 90, 204, 1) 0%, rgba(182, 135, 231, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(182, 135, 231, 1)), color-stop(100%, rgba(143, 90, 204, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(143, 90, 204, 1) 0%, rgba(182, 135, 231, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(143, 90, 204, 1) 0%, rgba(182, 135, 231, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(143, 90, 204, 1) 0%, rgba(182, 135, 231, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(143, 90, 204, 1) 0%, rgba(182, 135, 231, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b687e7', endColorstr='#8f5acc', GradientType=0);
  /* ie6-9 */
}

.w-orange.w-addon .addon-info,
.w-orange .widget-header {
  background: -moz-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 142, 43, 1)), color-stop(100%, rgba(255, 108, 44, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(255, 108, 44, 1) 0%, rgba(255, 142, 43, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff8e2b', endColorstr='#ff6c2c', GradientType=0);
  /* ie6-9 */
}


/* widgets sliders */

.custom.lSSlideOuter,
.custom .lSSlideWrapper {
  overflow: visible;
}

.widget-slider-container .lightSlider.lsGrab>* {
  cursor: auto;
}

@media (min-width: 992px) {
  .custom .see-also {
    transform: none!important;
    overflow: visible;
  }
  .custom .lightSlider.lsGrab>* {
    cursor: auto;
  }
}

@media (min-width: 768px) {
  .widget-actions-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
    #cart-step-1-page-content {
        overflow: hidden;
    }
  #cart-first-step-content .lSSlideOuter {
    overflow: visible;
  }
  #cart-first-step-content .widget-slider .lslide {
    width: 268px;
  }
  .see-also .widget {
    height: 172px;
  }
  .see-also .widget-header {
    height: 86px;
    padding: 0;
  }
  .see-also .widget-header .header-label,
  .see-also .widget-header .header-bar {
    display: none;
  }
  .see-also .widget-header .header-title {
    display: block;
  }
  .see-also .widget-header .title-icon {
    width: 88px;
    height: 88px;
    margin: 0 auto;
    position: relative;
    display: block;
    top: -2px;
  }
  .see-also .widget-header .title-icon .title-slogan {
    display: none;
  }
  .see-also .widget-header .title-icon img {
    width: 56px;
  }
  .see-also .widget-body {
    padding: 12px 8px;
  }
  .see-also .widget-body h3 {
    font-size: 12px;
  }
  .see-also .widget-body>span,
  .see-also .widget-body p {
    display: none;
  }
  .widget-actions-mobile {
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 8px 40px 8px 8px;
    height: 40px;
    z-index: 2;
  }
  .widget-actions-mobile .price {
    line-height: 24px;
  }
  .widget-actions-mobile .btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .widget-actions-mobile .btn:not(:hover) {
    color: #2e3442;
  }
  .see-also .widget .widget-actions {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    padding: 8px;
    top: 200px;
    line-height: 20px;
    -webkit-transition: -webkit-transform .45s;
    transition: transform .45s;
    height: 90px;
  }
  .see-also .widget .widget-actions .btn {
    display: block;
  }
  .see-also .widget .widget-actions .btn+.btn {
    margin: 8px 0 0 0;
  }
  .see-also .widget.w-actions-expanded .widget-actions {
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    -ms-transform: translateY(-150px);
  }
}

@media (max-width: 578px) {
  #cart-first-step-content .lSAction {
    display: none!important;
  }
}

.widget-enom-email-for-whmcs .title-icon>span,
.widget-ip-manager-for-whmcs .title-icon>span,
.widget-client-area-designer-for-whmcs .title-icon>span {
  background: rgba(255, 255, 255, .12)
}

.widget-enom-email-for-whmcs .title-icon>span:before,
.widget-ip-manager-for-whmcs .title-icon>span:before,
.widget-client-area-designer-for-whmcs .title-icon>span:before {
  background: rgba(255, 255, 255, .06)
}

.widget-client-area-popup-for-whmcs .title-icon>span,
.widget-amazon-payments-for-whmcs .title-icon>span,
.widget-google-apps-for-whmcs .title-icon>span,
.widget-discount-center-for-whmcs .title-icon>span,
.widget-payment-gateway-charges-for-whmcs .title-icon>span,
.widget-payment-gateway-allocator-for-whmcs .title-icon>span,
.widget-resellers-center-for-whmcs .title-icon>span,
.widget-domains-reseller-for-whmcs .title-icon>span,
.widget-eurid-registrar-for-whmcs .title-icon>span {
  background: rgba(255, 255, 255, .11);
}

.widget-client-area-popup-for-whmcs .title-icon>span:before,
.widget-amazon-payments-for-whmcs .title-icon>span:before,
.widget-modulesgarden-widget-for-whmcs .title-icon>span:before,
.widget-google-apps-for-whmcs .title-icon>span:before,
.widget-discount-center-for-whmcs .title-icon>span:before,
.widget-payment-gateway-charges-for-whmcs .title-icon>span:before,
.widget-payment-gateway-allocator-for-whmcs .title-icon>span:before,
.widget-resellers-center-for-whmcs .title-icon>span:before,
.widget-domains-reseller-for-whmcs .title-icon>span:before,
.widget-eurid-registrar-for-whmcs .title-icon>span:before {
  background: rgba(255, 255, 255, .05);
}

.widget-client-area-designer-for-whmcs .title-icon>span:after,
.widget-eurid-registrar-for-whmcs .title-icon>span:after {
  background: rgba(255, 255, 255, .04);
}

.widget-cpanel-manage2-for-whmcs .title-icon>span,
.widget-cpanel-extended-for-whmcs .title-icon>span,
.widget-modulesgarden-base-for-magento .title-icon>span,
.widget-hosting-quota-notifications-for-whmcs .title-icon>span,
.widget-directadmin-extended-for-whmcs .title-icon>span,
.widget-directadmin-licenses-for-whmcs .title-icon>span,
.widget-product-linker-for-whmcs .title-icon>span,
.widget-proxmox-vps-for-whmcs .title-icon>span,
.widget-proxmox-cloud-for-whmcs .title-icon>span,
.widget-proxmox-cloud-autoscaling-for-whmcs .title-icon>span,
.widget-sapphire-admin-theme-for-magento .title-icon>span,
.widget-servertastic-ssl-for-whmcs .title-icon>span,
.widget-solidcp-extended-for-whmcs .title-icon>span,
.widget-softlayer-servers-for-whmcs .title-icon>span,
.widget-server-allocator-for-whmcs .title-icon>span,
.widget-zendesk-for-blesta .title-icon>span,
.widget-recurring-billing-extended-for-whmcs .title-icon>span,
.widget-rackspace-email-extended-for-whmcs .title-icon>span,
.widget-rackspace-public-cloud-for-whmcs .title-icon>span,
.widget-rackspace-cloud-openstack-for-whmcs .title-icon>span,
.widget-domain-email-forwarding-for-whmcs .title-icon>span,
.widget-odin-key-administrator-for-whmcs .title-icon>span,
.widget-openstack-vps-for-whmcs .title-icon>span,
.widget-ovh-public-cloud-for-whmcs .title-icon>span,
.widget-plesk-extended-for-whmcs .title-icon>span {
  background: rgba(255, 255, 255, .08)
}

.widget-easydcim-dedicated-servers-for-whmcs .title-icon>span,
.widget-domain-email-forwarding-for-whmcs .title-icon>span,
.widget-time-task-manager-for-whmcs .title-icon>span,
.widget-multibrand-for-whmcs .title-icon>span {
  background: rgba(255, 255, 255, .07)
}

.widget-cpanel-manage2-for-whmcs .title-icon>span:before,
.widget-cpanel-extended-for-whmcs .title-icon>span:before,
.widget-modulesgarden-base-for-magento .title-icon>span:before,
.widget-hosting-quota-notifications-for-whmcs .title-icon>span:before,
.widget-directadmin-extended-for-whmcs .title-icon>span:before,
.widget-directadmin-licenses-for-whmcs .title-icon>span:before,
.widget-domain-email-forwarding-for-whmcs .title-icon>span:before,
.widget-product-linker-for-whmcs .title-icon>span:before,
.widget-proxmox-vps-for-whmcs .title-icon>span:before,
.widget-proxmox-cloud-for-whmcs .title-icon>span:before,
.widget-proxmox-cloud-autoscaling-for-whmcs .title-icon>span:before,
.widget-sapphire-admin-theme-for-magento .title-icon>span:before,
.widget-servertastic-ssl-for-whmcs .title-icon>span:before,
.widget-solidcp-extended-for-whmcs .title-icon>span:before,
.widget-softlayer-servers-for-whmcs .title-icon>span:before,
.widget-server-allocator-for-whmcs .title-icon>span:before,
.widget-recurring-billing-extended-for-whmcs .title-icon>span:before,
.widget-rackspace-email-extended-for-whmcs .title-icon>span:before,
.widget-rackspace-public-cloud-for-whmcs .title-icon>span:before,
.widget-rackspace-cloud-openstack-for-whmcs .title-icon>span:before,
.widget-domain-email-forwarding-for-whmcs .title-icon>span:before,
.widget-easydcim-dedicated-servers-for-whmcs .title-icon>span:before,
.widget-openstack-vps-for-whmcs .title-icon>span:before,
.widget-ovh-public-cloud-for-whmcs .title-icon>span:before,
.widget-plesk-extended-for-whmcs .title-icon>span:before,
.widget-zendesk-for-blesta .title-icon>span:before,
.widget-time-task-manager-for-whmcs .title-icon>span:before,
.widget-multibrand-for-whmcs .title-icon>span:before {
  background: rgba(255, 255, 255, .03)
}

.widget-modulesgarden-base-for-magento .title-icon>span:after,
.widget-multibrand-for-whmcs .title-icon>span:after,
.widget-domain-email-forwarding-for-whmcs .title-icon>span:after,
.widget-zendesk-for-blesta .title-icon>span:after,
.widget-multibrandr-for-whmcs .title-icon>span:after {
  background: rgba(255, 255, 255, .01)
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #29d;

    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;

    width: 100%;
    height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;

    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* content sections */


.content-section {
  padding: 80px 0;
}
.content-section .section-actions {
  padding-top: 54px;
}

.content-section .panel,
.section-slider .lSSlideOuter {
  margin-bottom: 0;
}

.content-section a.panel-empty {
  display: block;
  border: 2px dashed #e6eaf2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #737780;
  -webkit-transition: ease-out border-color .15s;
  -moz-transition: ease-out border-color .15s;
  transition: ease-out border-color .15s;
}


/* section titles / descs */

.section-title {
  /*margin-top: -8px;*/
  margin-bottom: 46px;
}

.section-title+.section-desc {
  margin-top: -28px;
}

.section-desc:last-child {
  margin-bottom: 0;
}

.section-image .section-title+.section-desc {
  margin-top: 0
}

.section-image .box-lg img {
  position: relative;
  z-index: 2;
}

.content-section>.container>.section-desc {
  margin-left: auto;
  margin-right: auto;
  max-width: 790px;
}

.section-purple .section-title,
.section-purple .section-desc b,
.section-light-blue .section-title,
.section-blue .section-title {
  color: #fff;
}

@media (min-width: 1200px) {
  .content-section>.container>.section-desc {
    margin-bottom: 46px;
  }
  .section-timeline+.content-section,
  .home-page .section-blue {
    padding-top: 102px;
  }
}

@media (min-width: 768px) {
  .content-section>.container>h3.section-title {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .content-section {
    padding: 72px 0;
  }
  .section-timeline+.content-section,
  .home-page .section-blue {
    padding-top: 96px;
  }
  .content-section>.container>.section-desc {
    margin-bottom: 42px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home-page .section-light-blue .section-desc {
    font-size: 14px;
    line-height: 25px;
  }
}

@media (max-width: 767px) {
  .content-section {
    padding: 40px 0;
  }
  .section-timeline+.content-section,
  .home-page .section-blue {
    padding-top: 56px;
  }
  .section-title {
    margin-top: -6px;
    margin-bottom: 27px;
  }
  h3.section-title,
  h2.section-title.h3{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 17px
  }
  h2.section-title.h3.mb-32 {
    margin-bottom: 17px!important;
  }
  .section-title+.section-desc {
    margin-top: -7px;
  }
  .content-section .section-desc {
    font-size: 14px;
    line-height: 22px;
  }
  .content-section>.container>.section-desc {
    margin-bottom: 27px;
  }
  .content-section>.container>h3.section-title {
    margin-bottom: 17px;
  }
}

@media (max-width: 579px) {
  .content-section .section-actions {
    padding-top: 14px;
  }
  .content-section .section-title+.section-actions {
    padding-top: 0;
  }
}


/* section bordered */

.section-bordered {
  border-top: 1px solid #ebecee;
}

.support-page .section-bordered {
  margin-top: 64px;
}


/* sections stats */

.section-stats {
  padding: 0!important;
}

.stats-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

.stats-container .stats-center .stats-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.stats-container .stats-center .stats-holder .circle {
  background: rgba(255, 255, 255, 0.04);
}

.stats-container .stats-center .stats-holder .circle,
.stats-container .stats-center .stats-holder .circle:before,
.stats-container .stats-center .stats-holder .circle:after {
  border-radius: 100%;
}

.stats-container .stats-center .stats-holder .circle {
  position: absolute;
  left: 50%;
  top: 50%;
}

.stats-container .stats-center .stats-holder .circle:before,
.stats-container .stats-center .stats-holder .circle:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
}

.stats-container .stats-center .stats-holder .circle:before {
  background: rgba(255, 255, 255, 0.02)
}

.stats-container .stats-center .stats-holder .circle:after {
  background: rgba(255, 255, 255, 0.01)
}

.stats-container .value {
  font-weight: 800;
  color: #fff;
  position: relative;
}

.stats-container .stats-holder>span {
  display: block;
}

@media (min-width: 1200px) {
  .stats-container {
    height: 318px;
  }
  .stats-container .value {
    line-height: 60px;
    font-size: 40px;
  }
  .stats-container .stats-center .value {
    font-size: 64px;
    line-height: 92px;
  }
  .stats-container .stats-holder {
    width: 200px;
  }
  .stats-container .stats-center .stats-holder {
    width: 358px;
  }
  .stats-container .stats-center .stats-holder .circle {
    width: 316px;
    height: 316px;
    margin: -158px 0 0 -158px;
  }
  .stats-container .stats-center .stats-holder .circle:before {
    width: calc(100% + 96px);
    height: calc(100% + 96px);
    margin-top: calc(-50% - 48px);
    margin-left: calc(-50% - 48px);
  }
  .stats-container .stats-center .stats-holder .circle:after {
    width: calc(100% + 190px);
    height: calc(100% + 190px);
    margin-top: calc(-50% - 95px);
    margin-left: calc(-50% - 95px);
  }
  .stats-container .desc {
    font-size: 16px;
  }
  .stats-container .stats:not(.stats-center) .stats-holder img {
    width: 72px;
    margin-bottom: 8px;
    margin-top: -8px;
  }
  .stats-container .stats-center .stats-holder img {
    width: 84px;
    margin-top: -24px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stats-container {
    height: 300px;
  }
  .stats-container .value {
    line-height: 60px;
    font-size: 40px;
  }
  .stats-container .stats-center .value {
    font-size: 56px;
    line-height: 72px;
  }
  .stats-container .stats:not(.stats-center).stats-center .desc {
    font-size: 14px;
  }
  .stats-container .stats-center .desc {
    font-size: 16px;
  }
  .stats-container .stats-center .stats-holder {
    width: 274px;
  }
  .stats-container .stats-center .stats-holder .circle {
    width: 296px;
    height: 296px;
    margin: -148px 0 0 -148px;
  }
  .stats-container .stats-center .stats-holder .circle:before {
    width: calc(100% + 88px);
    height: calc(100% + 88px);
    margin-top: calc(-50% - 44px);
    margin-left: calc(-50% - 44px);
  }
  .stats-container .stats-center .stats-holder .circle:after {
    width: calc(100% + 176px);
    height: calc(100% + 176px);
    margin-top: calc(-50% - 88px);
    margin-left: calc(-50% - 88px);
  }
  .stats-container .stats-holder {
    width: 172px;
  }
  .stats-container .stats:not(.stats-center) .stats-holder img {
    margin-bottom: 15px;
    margin-top: -10px;
  }
  .stats-container .stats-center .stats-holder img {
    margin-bottom: 11px;
    margin-top: -15px;
  }
  .stats-container .stats-holder img {
    width: 72px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stats-container {
    height: 280px;
  }
  .stats-container .value {
    line-height: 38px;
    font-size: 36px;
  }
  .stats-container .stats-center .value {
    font-size: 56px;
    line-height: 72px;
  }
  .stats-container .desc {
    font-size: 14px;
    line-height: 16px;
  }
  .stats-container .desc span {
    display: block;
  }
  .stats-container .stats-center .stats-holder img {
    margin-top: -6px;
    margin-bottom: -3px;
    width: 72px;
  }
  .stats-container .stats:not(.stats-center) .stats-holder img {
    margin-top: 5px;
    margin-bottom: 20px;
    width: 54px;
  }
  .stats-container .stats-holder {
    width: 114px;
  }
  .stats-container .stats-center .stats-holder {
    width: 268px;
  }
  .stats-container .stats-center .stats-holder .circle {
    width: 236px;
    height: 236px;
    margin: -118px 0 0 -118px;
  }
  .stats-container .stats-center .stats-holder .circle:before {
    width: calc(100% + 72px);
    height: calc(100% + 72px);
    margin-top: calc(-50% - 36px);
    margin-left: calc(-50% - 36px);
  }
  .stats-container .stats-center .stats-holder .circle:after {
    width: calc(100% + 144px);
    height: calc(100% + 144px);
    margin-top: calc(-50% - 72px);
    margin-left: calc(-50% - 72px);
  }
}

@media (min-width: 768px) {
  .stats-container .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .home-page .section-stats {
    margin-top: -31px;
  }
  .stats-container .stats-left {
    text-align: left;
  }
  .stats-container .stats-right {
    text-align: right;
  }
  .stats-container .stats-left {
    left: 20px;
  }
  .stats-container .stats-right {
    right: 20px;
  }
  .stats-container .stats-left,
  .stats-container .stats-right {
    position: absolute;
  }
  .stats-container .stats-center .stats-holder {
    width: 214px;
    height: 214px;
  }
   .section-numbers  .stats-container .stats:not(.stats-center) .stats-holder img.animation-finished {
    top: 50% !important;
    transform: translateY(-50%);
    margin-bottom: 0 !important;
    left: 40px;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .section-numbers  .stats-container .value {
    margin-bottom: 8px !important;
  }
  .developer-outsourcing .section-numbers .stats .value {
    line-height: 30px;
  }
  .developer-outsourcing .section-numbers .stats .stats-holder.stats-modules-developed img.animation-finished,
   .developer-outsourcing .section-numbers .stats .stats-holder.stats-cups-of-coffe img.animation-finished,
    .developer-outsourcing .section-numbers .stats .stats-holder.stats-clients img.animation-finished {
    margin-top: -2px !important;
  }
  .stats-container {
    height: 268px;
  }
  .stats-container .value {
    line-height: 32px;
    font-size: 32px;
  }
  .stats-container .stats-center .value {
    font-size: 48px;
    line-height: 56px;
  }
  .stats-container .stats-left,
  .stats-container .stats-right {
    top: 68px;
  }
  .stats-container .stats-holder {
    width: 160px;
    position: relative;
  }
  .stats-container .stats-left .stats-holder {
    padding-left: 54px;
  }
  .stats-container .stats-right .stats-holder {
    padding-right: 54px;
  }
  .stats-container .stats-center .stats-holder .circle {
    width: 236px;
    height: 236px;
    margin: -118px 0 0 -118px;
  }
  .stats-container .stats-center .stats-holder .circle:before {
    width: calc(100% + 72px);
    height: calc(100% + 72px);
    margin-top: calc(-50% - 36px);
    margin-left: calc(-50% - 36px);
  }
  .stats-container .stats-center .stats-holder .circle:after {
    width: calc(100% + 144px);
    height: calc(100% + 144px);
    margin-top: calc(-50% - 72px);
    margin-left: calc(-50% - 72px);
  }
  .stats-container .stats-center .stats-holder img {
    width: 72px;
  }
  .stats-container .stats:not(.stats-center) .stats-holder img {
    position: absolute;
    top: 50%;
    width: 36px;
    margin-top: -18px;
  }
  .stats-container .stats:not(.stats-center) .stats-holder:first-of-type {
    margin-bottom: 34px;
  }
  .stats-container .stats-left .stats-holder img {
    left: 0;
  }
  .stats-container .stats-right .stats-holder img {
    right: 0;
  }
  .stats-container .stats-center .stats-holder img {
    margin-bottom: 4px;
    margin-top: -10px;
  }
}

@media (max-width: 579px) {
  .section-numbers  .stats-container .value {
    margin-bottom: 4px !important;
  }
  .developer-outsourcing .section-numbers .stats-holder {
      width: 100%;
  }
  .stats-container {
    height: 220px;
  }
  .section-numbers  .stats-container .stats {
    flex-direction: column;
  }
  .stats-container .stats-left,
  .stats-container .stats-right {
    top: 28px;
  }
  .stats-container .value {
    line-height: 28px;
    font-size: 32px;
  }
  .stats-container .stats-holder img {
    display: none;
  }
  .stats-container .stats-center .value {
    font-size: 48px;
    line-height: 46px;
  }
  .stats-container .desc {
    font-size: 13px;
  }
  .stats-container .stats:not(.stats-center) .stats-holder:first-of-type {
    margin-bottom: 80px;
  }
  .stats-container .stats-center .stats-holder .circle {
    width: 154px;
    height: 154px;
    margin: -77px 0 0 -77px;
  }
  .stats-container .stats-center .stats-holder .circle:before {
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    margin-top: calc(-50% - 24px);
    margin-left: calc(-50% - 24px);
  }
  .stats-container .stats-center .stats-holder .circle:after {
    width: calc(100% + 96px);
    height: calc(100% + 96px);
    margin-top: calc(-50% - 48px);
    margin-left: calc(-50% - 48px);
  }
}


/* section-timeline */

.section-timeline {
  position: relative;
  padding-bottom: 0;
}

.timeline-nav {
  position: relative;
  /*margin-top: -13px;*/
  padding: 0px 56px;
}

.timeline-nav .nav-arrow {
  position: absolute;
  top: 0;
  z-index: 1;
  font-size: 32px;
  line-height: 56px;
  padding: 0 16px;
  color: rgba(221, 238, 255, 0.8);
}

.timeline-nav .nav-arrow:hover {
  color: #fff;
}

.timeline-nav .nav-arrow.arrow-left {
  left: -16px;
}

.timeline-nav .nav-arrow.arrow-right {
  right: -16px;
}

.timeline-years {
  overflow: hidden;
}

.timeline-nav .timeline-year {
  width: 105px;
  font-weight: 300;
  line-height: 56px;
  text-align: center;
  color: rgba(221, 238, 255, 0.8);
  -webkit-transition: ease-out all .15s;
  -moz-transition: ease-out all .15s;
  transition: ease-out all .15s;
  cursor: pointer;
}

.timeline-nav .timeline-year:hover {
  color: #fff;
}

.timeline-nav .timeline-year.is-nav-selected {
  font-size: 40px;
  font-weight: 900;
  color: #fff;
}

.timeline-slider {
  overflow: hidden;
}

.timeline-slogan {
  display: block;
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}

.timeline-slogan .logo-white {
  max-width: 450px;
  width: 100%;
}

.timeline-item {
  width: 100%;
  padding: 50px 0;
}

.timeline-slogan b {
  font-weight: 900;
}

.timeline-events li {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.timeline-month {
  display: block;
  padding-left: 32px;
  margin-bottom: 3px;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(221, 238, 255, 0.8);
}

.timeline-events+.timeline-month {
  margin-top: 19px;
}

.timeline-slider:not(.flickity-enabled),
.timeline-years:not(.flickity-enabled) {
  visibility: hidden;
}


/* section-timeline - stats */

.section-timeline .stats-container {
  position: relative;
  height: 220px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

.section-timeline .stats-container .desc {
  color: rgba(255, 255, 255, 0.8);
}

.section-timeline .stats-center .stats-holder .circle {
  background: rgba(255, 255, 255, 0.06);
}

.section-timeline .stats-center .stats-holder .circle:before {
  background: rgba(255, 255, 255, 0.04)
}

.section-timeline .stats-center .stats-holder .circle:after {
  background: rgba(255, 255, 255, 0.02)
}

@media (min-width: 1200px) {
  .section-timeline .stats-center .stats-holder {
    width: 310px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-timeline .stats-holder {
    width: 168px;
  }
}

@media (min-width: 992px) {
  .timeline-nav .timeline-year {
    font-size: 20px;
  }
  .timeline-slogan {
    padding-right: 60px;
    font-size: 80px;
    line-height: 88px;
    text-align: right;
  }
  .timeline-slogan b {
    display: block;
  }
  .section-timeline .stats-container {
    margin-bottom: -24px;
  }
  .section-timeline .value {
    line-height: 46px;
    font-size: 40px;
  }
  .section-timeline .stats-center .value {
    font-size: 56px;
    line-height: 69px;
  }
  .section-timeline .stats-center .stats-holder img {
    margin-top: -17px;
  }
  .section-timeline .stats:not(.stats-center) .stats-holder img {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .timeline-slider .flickity-viewport {
    height: 584px!important;
  }
}

@media (max-width: 991px) {
  .timeline-slogan {
    text-align: center;
    margin-bottom: 28px;
  }
  .section-timeline .stats-container {
    margin-bottom: -16px;
  }
  .section-timeline .bg-fill {
    display: none;
  }
}

@media (min-width: 768px) {
  .section-timeline .stats-center .stats-holder .circle {
    width: 240px;
    height: 240px;
    margin: -120px 0 0 -120px;
  }
  .section-timeline .stats-center .stats-holder .circle:after {
    width: calc(100% + 144px);
    height: calc(100% + 144px);
    margin-top: calc(-50% - 72px);
    margin-left: calc(-50% - 72px);
  }
  .section-timeline .stats-center .stats-holder .circle:before {
    width: calc(100% + 72px);
    height: calc(100% + 72px);
    margin-top: calc(-50% - 36px);
    margin-left: calc(-50% - 36px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .timeline-nav .timeline-year {
    font-size: 18px;
  }
  .timeline-slogan {
    font-size: 56px;
    line-height: 64px;
    font-weight: 100;
  }
  .timeline-events li {
    font-size: 16px;
    font-weight: 600;
  }
  .section-timeline .stats-center .stats-holder {
    width: 238px;
  }
  .timeline-item {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .timeline-nav {
    padding: 0;
  }
  .timeline-nav .nav-arrow {
    display: none;
  }
  .timeline-nav .timeline-year {
    width: 80px;
    font-size: 16px;
    line-height: 40px;
  }
  .timeline-nav .timeline-year.is-selected {
    font-size: 24px;
    font-weight: 800;
  }
  .section-timeline .stats-left {
    left: 24px;
  }
  .section-timeline .stats-right {
    right: 24px;
  }
  .timeline-item {
    padding: 24px 0;
  }
  .timeline-slogan {
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 40px;
  }
  .timeline-events li {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }
  .timeline-month {
    margin-bottom: 3px;
  }
  .timeline-events+.timeline-month {
    margin-top: 19px;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .section-timeline .stats-left,
  .section-timeline .stats-right {
    top: 44px;
  }
}


/* section boxes */

.home-page .section-boxes {
  position: relative;
  padding-bottom: 0;
}

.section-boxes .row .panel {
  height: 100%;
}

.section-boxes .row+.row {
  margin-top: 16px;
}

@media (min-width: 992px) {
  .section-boxes .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}


/* section news */

.section-news {
  position: relative;
  z-index: 2;
}

.section-news .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-news .panel {
  height: 100%;
}

.section-news .panel .panel-header h6 {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #2e3442;
}

.section-news .panel .panel-header h6 a:not(:hover),
.section-news .panel .panel-header .h6 a:not(:hover){
  color: #2e3442;
}

.section-news .list-styled li {
  margin-bottom: 5px;
  line-height: 22px;
}

.twitter-list.list-styled li {
  cursor: pointer;
  -webkit-transition: linear color .15s;
  -moz-transition: linear color .15s;
  transition: linear color .15s;
}

.twitter-list.list-styled li a:after {
  display: none;
}

.twitter-list.list-styled li a {
  word-break: break-all;
  -webkit-transition: linear border .15s;
  -moz-transition: linear border .15s;
  transition: linear border .15s;
}

.twitter-list.list-styled li:hover a,
.twitter-list.list-styled li a:hover,
.twitter-list.list-styled li a {
  color: #1f75cc;
}

.twitter-list.list-styled li:hover {
  color: #5bc758;
}

.twitter-list.list-styled li a:hover {
  border-bottom: 1px dotted #1f75cc;
}

@media (min-width: 1200px) {
  .section-news .panel .panel-header {
    padding: 25px 32px 0;
  }
  .section-news .panel .panel-body {
    padding: 13px 24px 20px;
  }
}

@media (max-width: 1199px) {
  .section-news .panel .panel-header {
    padding: 19px 22px 0;
  }
  .section-news .panel .panel-body {
    padding: 3px 16px 10px;
  }
}

@media (max-width: 991px) {
  .news-slider:not(.lightSlider) {
    visibility: hidden;
  }
}

@media (max-width: 767px) {
  .section-news.content-section {
    padding-bottom: 24px;
  }
}


/* section form / faq*/

.panel-hero {
  position: relative;
}

.panel-hero .panel-body {
  padding: 40px;
}

.panel-xhero .panel-body {
  padding: 48px;
}

.terms-page .panel-body {
  text-align: justify;
}

.terms-page ul+h4,
.terms-page p+h4 {
  margin-top: 24px;
}

.terms-page ul+p {
  margin-top: 10px;
}

.social-form-panel .panel-body {
  padding-top: 100px;
  position: relative;
}

@media (min-width: 992px) {
  .panel-hero .panel-body {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .panel-xhero .panel-body,
  .panel-hero .panel-body {
    padding: 16px;
  }
}

.section-info {
  /*background: #00b359;*/
  background: #02a8f3;
  padding: 14px 48px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
}

.section-info.section-info-forum{
  font-weight: 400;
}

.section-info .btn i {
  margin-left: 8px;
  margin-right: 0;
}

.custom-form-page form {
  margin: 0 auto;
}

.custom-form-page .control-label {
  font-size: 15px;
  font-weight: 700;
  color: #2e3442;
  margin-bottom: 12px;
}

.custom-form-page #call-input-box {
  overflow: hidden;
  padding-bottom: 16px;
}

.custom-form-page .form-control {
  font-size: 14px;
}
.custom-form-page .form-group-lg .form-control {
  height: 54px;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 3px;
}
.custom-form-page .control-attachment i {
  font-size: 32px;
  margin-bottom: 8px;
}
.custom-form-page .control-attachment .dz-message span {
  display: block;
  font-size: 13px;
}
.form-group {
  margin-bottom: 16px;
}
.form-group-lg {
  margin-bottom: 32px;
}
.form-custom .form-desc.form-control {
  padding: 0!important;
  font-size: 14px;
  height: auto!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-custom .form-desc p {
  line-height: 24px;
  margin-bottom: 22px;
}
.form-custom .form-desc ul {
  font-size: 14px;
  margin-left: -8px;
}
.form-custom .form-desc ul [data-toggle="tooltip"] {
  margin-left: 8px;
  font-size: 19px;
  vertical-align: text-bottom;
  cursor: pointer;
}
.form-custom .form-desc ul [data-toggle="tooltip"]:hover {
  color: #5bc758;
  -webkit-transition: ease-out color .15s;
  -moz-transition: ease-out color .15s;
  transition: ease-out color .15s;
}
.form-custom .form-desc textarea {
  outline: none;
  padding: 24px;
  resize: none;
  border: 0;
}
.control-desc {
  padding: 24px;
  background: #f2f5f7;
}

@media (min-width: 1200px) {
  .section-info {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .form-custom .form-desc.form-control {
    min-height: 486px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .form-custom .form-desc textarea {
    -ms-flex-preferred-size: 57%;
    flex-basis: 57%;
  }
  .control-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (max-width: 991px) {
  .form-custom .form-desc.form-control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-custom .form-desc textarea {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  .section-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .section-info .btn {
    float: right;
  }
}

.section-info.section-info-tickets{
    /*background: #ff6c2c;*/
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
}
.section-info-whmcs {
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
}
.section-info-tickets .info-content,
.section-info-whmcs .info-content {
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    font-weight: 400;
}
.section-info-whmcs .info-content {
  padding-left: 64px;
}
.section-info-tickets .info-content>I,
.section-info-whmcs .info-content > i{
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 24px;
}
.section-info-tickets .info-content>i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 24px;
}
.section-info-whmcs .info-content > i{
  left: 19px;
}
.section-info-tickets a {
    color: hsla(0,0%,100%,.6);
}
#tab-features, #tab-changelog {
  padding: 0;
}
#tab-features .tab-section, #tab-changelog .tab-section {
  padding: 55px 64px;
}
#tab-screenshots {
  padding: 0;
}
#tab-features .tab-section + .tab-section,
#tab-changelog .tab-section + .tab-section {
  padding-top: 0;
  margin-top: -32px;
}
.nav-tabs >.products-info.active>a:after {
  border-bottom-color: #02a8f3;
}
#tab-changelog .product-tab-header {
  padding: 55px 0 0 64px;
}
#tab-changelog .changelog-section {
  padding: 5px 64px 11px 64px;
}
@media(max-width: 992px) {
  .section-info-whmcs {
    padding-left: 0;
  }
  .section-info-whmcs .info-content{
    padding-left: 64px;
  }
  .section-info-whmcs .info-content > i {
    left: 35px;
  }
  #tab-features .tab-section, #tab-changelog .tab-section {
    padding: 35px 36px;
  }
  #tab-changelog .product-tab-header {
    padding: 35px 0 0 36px;
  }
  #product-gallery {
    padding: 35px 36px;
  }
  #tab-features .tab-section + .tab-section,
  #tab-changelog .tab-section + .tab-section {
    margin-top: 0;
  }
}
@media(max-width: 767px) {
  .custom-form-page .panel-hero {
    margin-bottom: 40px;
  }
  .section-info {
    padding: 12px 16px;
  }
  .section-info {
    padding: 12px 16px;
    text-align: center;
    line-height: 22px;
  }
  .section-info span {
    display: block;
    margin-bottom: 8px;
  }
  .custom-form-page .control-label {
    margin-bottom: 16px;
  }
  .custom-form-page .form-group-lg {
    margin-bottom: 24px;
  }
  .custom-form-page .form-group-lg .form-control {
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .form-desc.form-control {
    height: auto;
    padding: 0;
  }
  .control-desc,
  .form-desc textarea {
    padding: 16px;
  }
  .form-desc p {
    margin-bottom: 8px;
  }
  .form-desc ul {
    font-size: 13px;
    line-height: 22px!important;
  }
  .radio label,
  .checkbox label {
    font-size: 13px;
    line-height: 22px;
  }
  .section-info-whmcs .info-content{
    padding-left: 35px;
  }
  .section-info-whmcs .info-content > i {
    left: 0;
  }
  #tab-features .tab-section, #tab-changelog .tab-section {
    padding: 21px 20px;
  }
  #tab-changelog .changelog-section {
    padding: 8px 20px 5px 20px;
  }
  #tab-changelog .product-tab-header {
    padding: 21px 20px 0 20px;
    margin-bottom: 0;
  }
  #product-gallery {
    padding: 21px 20px;
  }
}

.section-get-started {
  position: relative;
  text-align: center;
  padding-top: 0;
}

.support-page .section-get-started {
  padding-top: 64px;
}

.section-get-started .section-actions {
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .section-get-started .section-actions .btn,
  .title-actions .btn {
    min-width: 253px;
  }
}

@media (max-width: 579px) {
  .section-get-started .section-actions .btn,
  .title-actions .btn {
    min-width: 100%;
    width: 100%;
    margin: 0;
  }
  .section-get-started .section-actions .btn:first-child,
  .title-actions .btn:first-child {
    margin-bottom: 16px;
  }
}


/* section image */

.section-image .btn-hero {
  min-width: 0;
}

.section-image .btn-hero+.btn-hero {
  margin-left: 13px;
}

.section-image .partners-boxes {
  padding-top: 12px;
  margin-bottom: -16px;
}

.section-image .section-title {
  margin-bottom: 24px;
}

.section-image .section-actions {
  padding-top: 14px;
}

.section-image .section-actions .btn-xxlg {
  min-width: 250px;
}

.section-image .box-lg img {
  width: 382px;
}

.section-image .box-lg .service {
  width: 400px;
}

.section-image .list-styled {
  margin-bottom: 17px;
}

@media (min-width: 1200px) {
  .section-image>.container>.row:not(.no-flex),
  .section-image>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .section-image.image-left .box-lg {
    margin-right: 84px;
  }
  .section-image.image-right .box-lg {
    margin-left: 84px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-image.image-left .box-lg {
    margin-right: 45px;
  }
  .section-image.image-right .box-lg {
    margin-left: 45px;
  }
}

@media (max-width: 991px) {
  .section-image>.container>.row.no-flex .col-md-push-6 {
    display: none;
  }
  .section-image>.container>.row.no-flex .section-title,
  .section-image>.container>.row.no-flex .section-desc {
    padding-right: 0
  }
  .section-image>.container>.row.no-flex .section-title {
    text-align: center;
  }
  .section-image .box-lg .service {
    width: 273px;
  }
  .section-image .section-actions {
    text-align: center;
  }
  #ecommerce-platforms .partners-boxes {
    text-align: center;
  }
  #ecommerce-platforms .partners-boxes>div {
    display: inline-block;
    float: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #cms .partners-boxes {
    text-align: center;
  }
  #cms .partners-boxes>div {
    display: inline-block;
    float: none;
  }
  .section-image.image-left .box-lg {
    margin-right: 36px;
  }
  .section-image.image-right .box-lg {
    margin-left: 36px;
  }
  .section-image>.container>.row,
  .section-image>.row {
    position: relative
  }
  .section-image.image-left>.container>.row>.col-md-6:first-of-type,
  .section-image.image-left>.row>.col-md-6:first-of-type {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
  }
  .section-image.image-right>.container>.row>.col-md-6:first-of-type,
  .section-image.image-right>.row>.col-md-6:first-of-type {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
  }
  .section-image.image-left .section-title,
  .section-image.image-left .section-desc {
    padding-left: 372px;
  }
  .section-image.image-right .section-title,
  .section-image.image-right .section-desc {
    padding-right: 372px;
  }
  .section-image .box-lg img {
    width: 260px;
  }
  .page-banner.bg-presta-dark .section-actions {
    padding-top: 32px;
  }
}

@media (max-width: 767px) {
  .section-image .section-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .section-image .section-desc {
    line-height: 22px;
    font-size: 14px;
  }
  .section-image .box-lg img {
    width: 182px;
  }
  .section-image .box-lg {
    margin-bottom: 40px;
  }
  .section-image .box-lg .service {
    width: 230px;
  }
}


/* ===============================

	Custom Development For:

	================================ */

.section-image .box-lg.bg-odin {
  padding: 40px;
}

.section-image .box-lg .system.odin {
  height: auto;
  max-width: 100%;
  width: auto;
}

@media (min-width: 1200px) {
  .section-image .box-lg .system {
    height: 240px;
    width: 240px;
  }
  .section-image .bg-clientexec-box .system {
    width: 303px;

  }
}

@media (max-width: 1199px) {
  .section-image .box-lg .system {
    height: 200px;
    width: 200px;
  }
}

@media (max-width: 991px) {
  .section-image .box-lg .system {
    height: 160px;
    width: 160px;
  }
}

@media (max-width: 767px) {
  .section-image .box-lg .system {
    height: 120px;
    width: 120px;
  }
}


/* WHMCS */


/* ANTARES */

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

.content-section .section-image {
  padding: 64px 0;
}

.content-section .section-image.first {
  padding-top: 24px;
}

.content-section .section-image.last {
  padding-bottom: 0;
}

.col-md-2_4 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 992px) {
  .col-md-2_4 {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .content-section .section-image {
    padding: 40px 0;
  }
}


/* ANTARES: Features */

.section-antares-features .panel,
.section-onapp-features .panel {
  text-align: center;
}

.section-antares-features .row,
.section-onapp-features .row,
.section-boxes .row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 80px;
}

.section-antares-features .col-md-2_4,
.section-onapp-features [class*="col-"] {
  padding-bottom: 16px;
}

.section-antares-features .panel-body {
  height: calc(100%);
  padding: 21px 20px;
}

.section-antares-features .panel-body img {
  margin-bottom: 16px;
}

.section-antares-features .panel-body p {
  margin: 0;
  color: #2e3442;
  font-size: 16px;
  line-height: 24px;
}

.section-antares-features .lead {
  margin: 48px 0 0 0;
  font-size: 18px;
}

.section-antares-features .lead b {
  color: #2e3442;
}

.section-onapp-features .panel-empty:hover {
  border-color: #00b2ff
}

@media (max-width: 1199px) {
  .section-antares-features .panel-body {
    padding: 14px 16px;
  }
  .section-antares-features .panel-body p {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (min-width: 400px) {
  .section-antares-features .panel-body p br {
    display: none
  }
}

/* SECTION ANCHOR */

.section-anchor {
  margin-top: -40px;
  margin-bottom: 40px;
  height: 1px;

}
@media(max-width:767px){
    .section-anchor {
        margin-top: -20px;
        margin-bottom: 20px;
      }
}

/* ANTARES: Preview */

.image-antares {
  display: block;
  position: relative;
  width: 526px;
  padding: 0 40px 20px 0;
}

.image-antares>.phone,
.image-antares>.panel {
  cursor: pointer;
}

.browser {
  position: relative;
  height: 340px;
  width: 490px;
  overflow: hidden;
  padding-top: 40px;
}

.browser:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  height: 40px;
  width: 100%;
  background: url(../img/browser-bar.png);
  background-size: cover;
}

.browser>img,
.phone-body>img {
  max-width: 100%;
}

@media (max-width: 1199px) {
  .image-antares {
    width: 420px;
    padding: 0 32px 16px 0;
  }
  .browser {
    height: 270px;
    width: 392px;
    padding-top: 32px;
  }
  .browser:before {
    height: 32px;
  }
}

@media (max-width: 991px) {
  .image-antares {
    width: 336px;
    padding: 0 26px 12px 0;
  }
  .browser {
    height: 218px;
    width: 314px;
    padding-top: 26px;
  }
  .browser:before {
    height: 26px;
  }
}

@media (min-width: 768px) {
  .image-right .image-antares {
    float: right;
  }
}

@media (max-width: 767px) {
  .image-box {
    margin: 0 auto 40px;
  }
}

.phone {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 240px;
  width: 130px;
  padding: 16px 6px 24px;
  background-image: -moz-linear-gradient( 160deg, #435170 0%, #343a4a 100%);
  background-image: -webkit-linear-gradient( 160deg, #435170 0%, #343a4a 100%);
  background-image: -ms-linear-gradient( 160deg, #435170 0%, #343a4a 100%);
  background-image: linear-gradient( 160deg, #435170 0%, #343a4a 100%);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.phone-body {
  display: block;
  height: 100%;
  width: 100%;
  background: #000;
}

.phone-top {
  position: absolute;
  top: 6px;
  left: 50%;
  height: 4px;
  width: 32px;
  margin-left: -16px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.phone-bottom {
  position: absolute;
  bottom: 8px;
  left: 50%;
  height: 12px;
  width: 32px;
  margin-left: -16px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.phone-buttons {
  position: absolute;
  right: -2px;
  top: 0;
  height: 100%;
  padding: 40px 0;
}

.phone-buttons:before,
.phone-buttons:after {
  display: block;
  content: "";
  height: 40px;
  width: 2px;
  background-color: #292f3c;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.phone-buttons:after {
  position: absolute;
  bottom: 40px;
  height: 20px;
}

@media (max-width: 1199px) {
  .phone {
    height: 191px;
    width: 104px;
    padding: 12px 4px 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .phone-top {
    top: 5px;
    height: 3px;
  }
  .phone-bottom {
    bottom: 5px;
    height: 8px;
  }
  .phone-buttons {
    padding: 32px 0;
  }
  .phone-buttons:before {
    height: 32px;
  }
  .phone-buttons:after {
    position: absolute;
    bottom: 32px;
    height: 16px;
  }
}

@media (max-width: 991px) {
  .phone {
    height: 154px;
    width: 84px;
    padding: 10px 3px 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .phone-top {
    top: 5px;
    height: 3px;
  }
  .phone-bottom {
    bottom: 5px;
    height: 8px;
  }
  .phone-buttons {
    padding: 32px 0;
  }
  .phone-buttons:before {
    height: 32px;
  }
  .phone-buttons:after {
    position: absolute;
    bottom: 32px;
    height: 16px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .banner-section.section-image.image-left>.row>.col-md-6 {
    min-height: 300px;
  }
  .banner-section.section-image.image-left .section-desc {
    min-height: 218px;
  }
  .banner-section.section-image.image-left .hero-left {
    margin: 0 auto;
  }
  .bg-odin-dark .banner-section.section-image.image-left .hero-left {
    margin: 0;
  }
  .bg-odin-dark .section-actions {
    padding-left: 372px;
  }
}

@media (max-width: 767px) {
  .banner-section .section-actions .hero-left {
    margin: 0 auto;
  }
}


/* page-footer */

.page-footer {
  position: relative;
  background: #262c3b;
}

.page-footer a,
.page-footer>* {
  color: #8d94a6;
}

.page-footer a:hover {
  color: #fff;
}

.page-footer h6 {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  line-height: 14px;
}

.page-footer h6>a {
  color: #fff;
}


/* footer top */

.footer-top {
  position: relative;
  padding-top: 79px;
  padding-bottom: 30px;
  overflow: hidden;
}

.footer-payments {

}

.footer-payments .payment-icons {
  max-width: 100%;
  margin: -9px 0 22px;
  font-size: 33px;
  font-size: 31px;
}

.footer-payments .payment-icons i {
  margin-right: 24px;
}

.footer-payments .payment-icons i:nth-of-type(2) {
  font-size: 38px;
}

.footer-payments .payment-icons i:nth-of-type(5),
.footer-payments .payment-icons i:nth-of-type(4) {
  font-size: 25px;
}

.footer-payments p {
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 16px;
  padding-right: 8px;
}

.footer-payments p:last-of-type {
  margin-bottom: 0;
}

.footer-sitemap {
  overflow: hidden;
}
.footer-sitemap + div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
}

.footer-sitemap .sitemap-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-sitemap .sitemap-links ul li a {
  display: block;
  padding: 8px 0;
  line-height: 18px;
  inline-size: unset !important;
  white-space: break-spaces;
}
.footer-sitemap .sitemap-subscribe {
  max-width: 275px;
}
.footer-sitemap .sitemap-subscribe p span {
  color: #fff;
}
.footer-sitemap .sitemap-subscribe .input-group {
  margin-top: 16px;
}
.footer-sitemap .sitemap-subscribe .form-control{
  background-color: #1a1e28;
  border: 0;
  margin-bottom: 12px;
}
.footer-sponsors {
  overflow: hidden;
}
.page-monthly-bundles .page-footer .container{
  padding-left: 8px;
  padding-right: 8px;
}
/* Footer newsletter */
#mc_embed_signup div.mce_inline_error,
#mc_embed_signup #realname,
#mc_embed_signup #error-message{
  margin-top: -10px!important;
  border-radius: 4px!important;
  font-weight: 400!important;
  padding: 5px 16px!important;
  background-color: #fff!important;
  border-color: #fff!important;
  color: #2e3442!important;
  position: relative;
}
#mc_embed_signup #realname:before,
#mc_embed_signup div.mce_inline_error:before,
#mc_embed_signup #error-message:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #fff !important;
  position: absolute;
  top: -4px;
  right: 17px;
}
#mc_embed_signup #realname:after,
#mc_embed_signup div.mce_inline_error:after,
#mc_embed_signup #error-message:after {
  content: "\f1f7";
  font: normal normal normal 16px/1 "Material-Design-Iconic-Font";
  position: absolute;
  top: -32px;
  right: 16px;
  display: block;
  color: #737780;
}
#mc_embed_signup #realname{
    line-height: 16px;
    margin: 0 0 1em 0;
}
#mc_embed_signup #realname span{
    color: #2e3442!important;
}
#mc_embed_signup #error-message {
  margin-bottom: 14px;
}
#mc_embed_signup .form-control {
  color: #cccdcf;
}
#mc_embed_signup .form-control::-webkit-input-placeholder {
  color: #737780;
}
#mc_embed_signup .form-control::-moz-placeholder {
  color: #737780;
}
#mc_embed_signup .form-control:-ms-input-placeholder {
  color: #737780;
}
#mc_embed_signup .form-control:-moz-placeholder {
  color: #737780;
}
.d-none {
  display: none;
}

/* footer bottom */

.footer-bottom {
  overflow: hidden;
  background: #1f2430;
}

.footer-bottom .copyright p {
  margin: 0;
}

.footer-bottom .copyright a img{
  width: 154px;
  height: auto;
}
.footer-bottom .copyright span {
  font-size: 12px;
  opacity: 0.5;
}

.footer-bottom ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-bottom ul li {
  float: left;
}

.footer-bottom ul li a {
  display: block;
}

.footer-bottom ul.links-social li a i {
  width: 24px;
  height: 24px;
  text-align: center;
}

.footer-bottom ul.links-social li a i:before {
  vertical-align: middle;
}

.footer-bottom ul.links-terms {
  margin-right: 10px;
}

.footer-bottom ul.links-social li:nth-of-type(3) a i:before {
  vertical-align: top;
}

.footer-sponsors a {
  display: inline-block;
}
@media (min-width: 1200px) {
  .footer-sitemap .sitemap-links .links-divider {
    margin-right: 32px;
  }
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    margin-right: 18px;
  }
  .footer-sitemap .sitemap-links:first-of-type{
    margin-right: 6px;
  }
  .footer-sitemap .sitemap-links:nth-child(2) {
    margin-right: 32px;
  }
  .footer-bottom {
    padding: 30px 0;
  }
  .footer-bottom ul.links-social li a {
    font-size: 20px;
    padding: 9px;
  }
  .footer-bottom ul.links-social li:nth-of-type(3) a {
    font-size: 24px;
  }
  .footer-bottom ul.links-terms li a {
    padding: 13px 16px;
  }
  .footer-bottom > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-bottom .links{
    display: flex;
    order: 2;
  }
  .footer-bottom .copyright a {
    margin-right: 32px;
  }
  .footer-sitemap .sitemap-subscribe {
    float: right!important;
  }
  .footer-sitemap + div {
    padding-bottom: 54px;
    margin-top: -60px;
    max-width: 340px;
  }
  .footer-payments .payment-icons i:before {
    vertical-align: middle;
  }
  .page-monthly-bundles .page-footer .container {
    width: 1176px;
    max-width: unset;
  }
  .page-footer .footer-bottom .container::after,
  .page-footer .footer-bottom .container::before {
    display: none;
  }
}

@media (max-width: 1199px) {
    .payments-container {
    padding-left: 8px;
    text-align: center;
    margin-bottom: 24px;
  }
  .footer-top {
    padding-top: 72px;
    padding-bottom: 16px;
  }
  .payments-container {
    position: relative;
    padding: 0 8px;
    margin: 0 auto;
  }
  .footer-payments h6 {
    display: none;
  }
  .footer-bottom ul.links-terms li a {
    padding: 14px 8px;
  }
  .footer-bottom ul.links-social li a {
    font-size: 16px;
    padding: 9px 5px;
  }
  .footer-bottom ul.links-social li:nth-of-type(3) a {
    font-size: 20px;
  }
  .footer-sitemap .sitemap-links:not(:last-of-type).mob-mr-0x,
  .footer-sitemap .sitemap-links .links-divider.mob-mr-0x{
    margin-right: 0
  }
  .sitemap-links.sitemap-subscribe {
    max-width: unset;
  }
  .sitemap-links.sitemap-subscribe p {
    max-width: 60%;
  }
  .footer-sitemap + div {
    margin-top: 48px;
  }
}

@media (min-width: 992px) {
  .footer-bottom .copyright {
    float: left;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .footer-bottom .links {
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-sitemap .sitemap-links .links-divider {
    margin-right: 56px;
  }
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    margin-right: 40px;
  }
  .footer-sitemap .sitemap-links:nth-of-type(2) {
    margin-right: 64px;
  }
}
@media (max-width: 1199px) {
  .footer-bottom {
    text-align: center;
  }
  .footer-bottom > .container{
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .footer-bottom .copyright,
  .footer-bottom .links{
    float: none;
    display: flex;
    display: -ms-flexbox;
  }
  .footer-bottom .copyright {
    order: -1;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  .footer-bottom .copyright p {
    margin-top: 16px;
  }
  .sitemap-links.sitemap-subscribe > *{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 570px;
  }
  .footer-sitemap .sitemap-links.sitemap-subscribe {
    float: none;
    padding-top: 48px;
    clear: both;
  }
  .footer-sitemap .sitemap-subscribe .input-group {
    margin-right: auto;
    margin-left: auto;
    max-width: 580px;
    width: 100%;
  }
  .footer-payments .payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer-payments .payment-icons i:before {
    vertical-align: unset;
  }
  .footer-payments .icon-payment-mastercard:before,
  .icon-payment-paypal:before,
  .icon-payment-2co:before {
    top: 0;
  }
}

@media (min-width: 768px) {
  .footer-sitemap .sitemap-links .links-divider {
    float: left;
  }
  .footer-sponsors a:nth-of-type(1) {
    margin-right: 60px;
  }
  .footer-sponsors a:nth-of-type(2) {
    margin-right: 54px;
  }
  .footer-sponsors a:last-of-type {
    padding: 8px 6px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .payments-container img {
    position: absolute;
    left: 8px;
    top: 30px;
  }
  .footer-payments p {
    margin-bottom: 5px;
  }
  .footer-payments .payment-icons {
    left: 8px;
  }
  .footer-bottom {
    padding: 24px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-sitemap .sitemap-links .links-divider:not(:last-of-type),
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    margin-right: 24px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-sitemap .sitemap-links:not(.sitemap-subscribe) {
    width: 23%;
  }
  .footer-sitemap .sitemap-links.mob-mr-0x {
    width: 20%;
  }
}
@media(max-width: 992px) {
  .footer-sitemap + div {
    flex-direction: column;
    align-items: center;
  }
  .sitemap-links.sitemap-subscribe p {
    max-width: 80%;
  }
  .footer-sitemap .sitemap-links.mob-mr-0x {
    display: flex;
    flex-direction: column;
  }
  .footer-sitemap .sitemap-links.mob-mr-0x .links-divider {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .footer-top {
    padding-top: 37px;
  }
  .footer-payments p {
    margin: 0;
  }
  .footer-sitemap .sitemap-links ul li a {
    font-size: 13px;
  }
  .footer-bottom .copyright p {
    font-size: 13px;
  }
  .footer-bottom ul.links-terms li a {
    font-size: 12px;
  }
  .footer-bottom {
    padding: 24px 0 20px;
  }
}
@media(max-width: 991px) and (min-width: 581px) {
  .footer-sitemap .links-divider.mob-mr-0x {
    margin-top: 32px;
  }
  .footer-sitemap .sitemap-links.mob-mr-0x {
    float: right;
    margin-right: -12px!important;
  }
}
@media (min-width: 580px) {
  .footer-sitemap .sitemap-links {
    float: left;
  }
  .footer-sitemap .sitemap-links ul {
    display: block!important;
  }
  .footer-sponsors a:last-of-type {
    padding: 8px 6px;
  }
  .footer-sponsors img {
    vertical-align: sub;
  }
  .footer-sitemap .sitemap-links ul li a {
    max-width: 190px;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .footer-sitemap {
    width: 100%;
  }
  .footer-payments .payment-icons {
    left: 20px;
  }
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    padding-right: 16px;
    margin-right: 14px;
  }
  .footer-sitemap>.sitemap-links:nth-of-type(1){
    width: 23%;
  }
  .footer-sitemap>.sitemap-links:nth-of-type(2) {
    width: 23%;
  }
  .footer-sitemap>.sitemap-links:nth-of-type(3),
  .footer-sitemap>.sitemap-links:nth-of-type(4) {
    width: 23%;
  }
  .footer-sitemap .sitemap-links .links-divider:last-of-type {
    margin-top: 16px;
  }
  .page-footer h6 {
    margin: 0 0 10px;
    line-height: 18px;
  }
  .footer-sponsors a:nth-of-type(1) {
    margin-right: 20px;
  }
  .footer-sponsors a:nth-of-type(2) {
    margin-right: 15px;
  }
}

@media (max-width: 579px) {
  .footer-payments .payment-icons {
    text-align: center;
    margin: 0 0 6px;
  }
  .payments-container {
    padding: 4px 20px 20px;
  }
  .sitemap-links h6,
  .footer-sitemap .sitemap-links ul {
    padding-left: 30px;
  }
  .footer-sitemap .sitemap-links ul {
    margin-bottom: 24px;
  }
  .sitemap-links h6 {
    position: relative;
    margin-bottom: 16px;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: ease-in-out all .15s;
    -moz-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
  }
  .sitemap-links h6 a {
    color: #8d94a6;
  }
  .sitemap-links h6:hover a,
  .footer-sitemap .active h6 a {
    color: #fff;
  }
  .sitemap-links h6:after,
  .sitemap-links h6:before {
    content: '';
    position: absolute;
    background: #8d94a6;
    -webkit-transition: ease-in-out all .15s;
    -moz-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
  }
  .sitemap-links h6:after {
    width: 14px;
    height: 2px;
    left: 3px;
    top: 10px;
  }
  .sitemap-links h6:before {
    height: 14px;
    width: 2px;
    top: 4px;
    left: 9px;
  }
  .sitemap-links ul {
    display: none;
  }
  .footer-sitemap .active h6:before,
  .footer-sitemap .active h6:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
  }
  .footer-sponsors {
    text-align: center;
  }
  .footer-sponsors a:nth-of-type(1) {
    margin-right: 10px;
  }
  .footer-sponsors a:nth-of-type(1) img {
    width: 57px;
  }
  .footer-sponsors a:nth-of-type(2) {
    margin-right: 10px;
  }
  .footer-sponsors a:nth-of-type(2) img {
    width: 64px;
  }
  .footer-sponsors a:nth-of-type(3) img {
    width: 85px;
  }
  .footer-sponsors a:last-of-type {
    display: block;
    margin: 28px auto 0;
  }
  .footer-sponsors a:last-of-type img {
    width: 125px;
  }
  .footer-bottom {
    position: relative;
    padding-top: 40px;
  }
  .footer-bottom .container {
    padding: 0;
  }
  .footer-bottom ul.links-terms {
    margin-right: 0;
  }
  .footer-bottom ul.links-terms li a {
    font-size: 12px;
  }
  .footer-bottom .links {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .sitemap-links.sitemap-subscribe h6 {
    color: #8d94a6;
    cursor: default;
    padding-left: 0;
  }
  .sitemap-links.sitemap-subscribe h6:after,
  .sitemap-links.sitemap-subscribe h6:before {
    display: none;
  }
  .sitemap-links.sitemap-subscribe p {
    max-width: 100%;
  }
  .sitemap-links.sitemap-subscribe .input-group {
    display: block;
  }
  .footer-sitemap + div {
    align-items: center;
  }
  .footer-payments p {
    text-align: center;
  }
  .footer-payments .payment-icons i {
    margin-right: 12px;
  }
  .footer-top {
    padding-top: 34px;
  }
}



/*@media (min-width: 1200px) {
  .footer-payments {
    float: right;
    width: 276px;
    padding: 22px 24px 22px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  }
  .footer-sitemap .sitemap-links .links-divider,
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    margin-right: 30px;
  }
  .footer-bottom {
    padding: 30px 0;
  }
  .footer-bottom ul.links-social li a {
    font-size: 20px;
    padding: 8px 9px;
  }
  .footer-bottom ul.links-social li:nth-of-type(3) a {
    font-size: 24px;
  }
  .footer-bottom ul.links-terms li a {
    padding: 12px 16px;
  }
}

@media (max-width: 1199px) {
  .footer-top {
    padding-bottom: 16px;
  }
  .footer-payments {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .payments-container {
    position: relative;
    padding: 0 8px;
    margin: 0 auto;
  }
  .footer-payments h6 {
    display: none;
  }
  .footer-bottom ul.links-terms li a {
    padding: 14px 8px;
  }
  .footer-bottom ul.links-social li a {
    font-size: 16px;
    padding: 8px 5px;
  }
  .footer-bottom ul.links-social li:nth-of-type(3) a {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .footer-bottom .copyright {
    float: left;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    padding-top: 6px;
  }
  .footer-bottom .copyright a {
    margin-right: 32px;
  }
  .footer-bottom .links {
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .payments-container {
    width: 970px;
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .footer-sitemap .sitemap-links .links-divider,
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    margin-right: 59px;
  }
  .footer-top {
    padding-top: 176px;
  }
}
@media (max-width: 1199px) {
  .footer-bottom {
    text-align: center;
  }
  .footer-bottom > .container{
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .footer-bottom .copyright,
  .footer-bottom .links{
    float: none;
    display: flex;
    display: -ms-flexbox;
  }
  .footer-bottom .copyright {
    order: -1;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  .footer-bottom .copyright p {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .footer-sitemap .sitemap-links .links-divider {
    float: left;
  }
  .footer-sponsors a:nth-of-type(1) {
    margin-right: 80px;
  }
  .footer-sponsors a:nth-of-type(2) {
    margin-right: 56px;
  }
  .footer-sponsors a:last-of-type {
    padding: 8px 6px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .payments-container {
    padding-left: 256px;
  }
  .payments-container img {
    position: absolute;
    left: 8px;
    top: 30px;
  }
  .footer-payments p {
    margin-bottom: 5px;
  }
  .footer-payments .payment-icons {
    left: 8px;
  }
  .footer-bottom {
    padding: 24px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .payments-container {
    width: 744px;
    padding-left: 256px;
    padding-top: 34px;
    padding-bottom: 28px;
  }
  .footer-sitemap .sitemap-links .links-divider:not(:last-of-type),
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    margin-right: 18px;
  }
  .footer-sponsors {
    padding: 26px 0 38px;
  }
  .footer-top {
    padding-top: 160px;
  }
}

@media (max-width: 767px) {
  .footer-payments p {
    margin: 0;
  }
  .footer-sitemap .sitemap-links ul li a {
    font-size: 13px;
  }
  .footer-bottom .copyright p {
    font-size: 13px;
  }
  .footer-bottom ul.links-terms li a {
    font-size: 12px;
  }
  .footer-bottom {
    padding: 24px 0 20px;
  }
}

@media (min-width: 580px) and (max-width: 1199px) {
  .footer-payments .payment-icons {
    position: absolute;
    margin: 0;
    height: 58px;
    top: 50%;
    margin-top: -29px;
  }
}

@media (min-width: 580px) {
  .footer-sitemap .sitemap-links {
    float: left;
  }
  .footer-sitemap .sitemap-links ul {
    display: block!important;
  }
  .footer-sponsors a:last-of-type {
    padding: 8px 6px;
  }
  .footer-sponsors img {
    vertical-align: sub;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .footer-sitemap {
    width: 100%;
  }
  .footer-top {
    padding-top: 152px;
  }
  .payments-container {
    padding: 29px 20px 22px 276px;
  }
  .footer-payments .payment-icons {
    left: 20px;
  }
  .footer-sitemap .sitemap-links:not(:last-of-type) {
    padding-right: 20px;
  }
  .footer-sitemap>.sitemap-links:nth-of-type(1),
  .footer-sitemap>.sitemap-links:nth-of-type(2) {
    width: 30%;
  }
  .footer-sitemap>.sitemap-links:nth-of-type(3){
    width: 23%;
  }
  .footer-sitemap>.sitemap-links:nth-of-type(4) {
    width: 17%;
  }
  .footer-sitemap .sitemap-links .links-divider:last-child {
    margin-top: 10px;
  }
  .page-footer h6 {
    margin: 0 0 10px;
    line-height: 18px;
  }
  .footer-sponsors a:nth-of-type(1) {
    margin-right: 20px;
  }
  .footer-sponsors a:nth-of-type(2) {
    margin-right: 15px;
  }
  .footer-sponsors {
    padding: 62px 0 10px;
  }
}

@media (max-width: 579px) {
  .footer-top {
    padding-top: 174px;
  }
  .footer-payments .payment-icons {
    text-align: center;
    margin: 0 0 6px;
  }
  .payments-container {
    padding: 4px 20px 20px;
  }
  .sitemap-links h6,
  .footer-sitemap .sitemap-links ul {
    padding-left: 30px;
  }
  .footer-sitemap .sitemap-links ul {
    margin-bottom: 24px;
  }
  .sitemap-links h6 {
    position: relative;
    margin-bottom: 16px;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: ease-in-out all .15s;
    -moz-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
  }
  .sitemap-links h6 a,
  .sitemap-links .h6 a{
    color: #8d94a6;
  }
  .sitemap-links h6:hover a,
  .footer-sitemap .active h6 a,
  .footer-sitemap .active .h6 a{
    color: #fff;
  }
  .sitemap-links h6:after,
  .sitemap-links h6:before {
    content: '';
    position: absolute;
    background: #8d94a6;
    -webkit-transition: ease-in-out all .15s;
    -moz-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
  }
  .sitemap-links h6:after {
    width: 14px;
    height: 2px;
    left: 3px;
    top: 10px;
  }
  .sitemap-links h6:before {
    height: 14px;
    width: 2px;
    top: 4px;
    left: 9px;
  }
  .sitemap-links ul {
    display: none;
  }
  .footer-sitemap .active h6:before,
  .footer-sitemap .active h6:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
  }
  .footer-sponsors {
    padding: 16px 0 20px;
    text-align: center;
  }
  .footer-sponsors a:nth-of-type(1) {
    margin-right: 10px;
  }
  .footer-sponsors a:nth-of-type(1) img {
    width: 57px;
  }
  .footer-sponsors a:nth-of-type(2) {
    margin-right: 10px;
  }
  .footer-sponsors a:nth-of-type(2) img {
    width: 64px;
  }
  .footer-sponsors a:nth-of-type(3) img {
    width: 85px;
  }
  .footer-sponsors a:last-of-type {
    display: block;
    margin: 28px auto 0;
  }
  .footer-sponsors a:last-of-type img {
    width: 125px;
  }
  .footer-bottom {
    position: relative;
    padding-top: 40px;
  }
  .footer-bottom .container {
    padding: 0;
  }
  .footer-bottom ul.links-terms {
    margin-right: 0;
  }
  .footer-bottom ul.links-terms li a {
    font-size: 12px;
  }
  .footer-bottom .links {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .footer-bottom ul.links-social {
    margin-right: 5px;
  }
  .footer-bottom ul.links-social li a {
    padding: 8px 12px;
  }
}


/* COMPONENTS */

.list-link li a:after {
  display: none;
}

.list-link li a {
  display: block;
}

.list-link li a:not(:hover) {
  color: #737780;
}

.list-styled li .date,
.list-link li a .date {
  color: #959da6;
  font-size: 11px;
  line-height: 13px;
  display: block;
}


/* list doc */

.list-icon.list-doc li:before {
  content: '\f223';
  top: 11px;
  left: 5px;
  font-size: 19px;
}

.list-doc li>span,
.list-doc li>br {
  display: none;
}


/* list - bordered */

.list-bordered li:not(:last-of-type) {
  border-bottom: 1px solid #e9edf2;
}


/* list-solution */

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

.list-solution li {
  text-align: left;
}

.list-solution li:last-of-type {
  border-bottom: 1px solid #e9edf2;
}

.list-solution li .solution-desc h4 {
  margin-top: 0;
}

.list-solution li .solution-desc h4 span span {
  color: #737780;
  font-weight: 400;
}

.list-solution li .solution-desc p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .list-solution li {
    padding: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .list-solution li .circle-box {
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    border-radius: 8px;
  }
  .list-solution li .solution-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .list-solution li {
    position: relative;
    padding: 24px 0;
  }
  .list-solution li .circle-box {
    position: absolute;
    top: 24px;
    left: 0;
    border-radius: 4px;
  }
  .list-solution li .solution-desc h4 {
    font-size: 16px;
    margin: 0;
    height: 56px;
    padding-left: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 22px;
  }
  .list-solution li .solution-desc p {
    margin-top: 14px;
    font-size: 13px;
  }
}

.faq-fast-project-turnaround {
  background: -moz-linear-gradient(290deg, rgba(105, 214, 224, 1) 0%, rgba(79, 169, 201, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105, 214, 224, 1)), color-stop(100%, rgba(79, 169, 201, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(105, 214, 224, 1) 0%, rgba(79, 169, 201, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(105, 214, 224, 1) 0%, rgba(79, 169, 201, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(105, 214, 224, 1) 0%, rgba(79, 169, 201, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(105, 214, 224, 1) 0%, rgba(79, 169, 201, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#69D6E0', endColorstr='#4FA9C9', GradientType=0);
  /* ie6-9 */
}

.faq-hire-our-developer {
  background: -moz-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(73, 184, 196, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91, 222, 217, 1)), color-stop(100%, rgba(73, 184, 196, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(73, 184, 196, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(73, 184, 196, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(73, 184, 196, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(91, 222, 217, 1) 0%, rgba(73, 184, 196, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5BDED9', endColorstr='#49B8C4', GradientType=0);
  /* ie6-9 */
}

.faq-official-module {
  background: -moz-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(71, 191, 183, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91, 222, 217, 1)), color-stop(100%, rgba(71, 191, 183, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(71, 191, 183, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(71, 191, 183, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(91, 222, 217, 1) 0%, rgba(71, 191, 183, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(91, 222, 217, 1) 0%, rgba(71, 191, 183, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5BDED9', endColorstr='#47BFB7', GradientType=0);
  /* ie6-9 */
}

.faq-documentation {
  background: -moz-linear-gradient(290deg, rgba(98, 222, 172, 1) 0%, rgba(72, 194, 149, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(98, 222, 172, 1)), color-stop(100%, rgba(72, 194, 149, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(98, 222, 172, 1) 0%, rgba(72, 194, 149, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(98, 222, 172, 1) 0%, rgba(72, 194, 149, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(98, 222, 172, 1) 0%, rgba(72, 194, 149, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(98, 222, 172, 1) 0%, rgba(72, 194, 149, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#62DEAC', endColorstr='#48C295', GradientType=0);
  /* ie6-9 */
}

.faq-extended-license-agreement {
  background: -moz-linear-gradient(290deg, rgba(92, 224, 127, 1) 0%, rgba(70, 194, 109, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(92, 224, 127, 1)), color-stop(100%, rgba(70, 194, 109, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(92, 224, 127, 1) 0%, rgba(70, 194, 109, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(92, 224, 127, 1) 0%, rgba(70, 194, 109, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(92, 224, 127, 1) 0%, rgba(70, 194, 109, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(92, 224, 127, 1) 0%, rgba(70, 194, 109, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CE07F', endColorstr='#46C26D', GradientType=0);
  /* ie6-9 */
}

.faq-sponsored-module {
  background: -moz-linear-gradient(290deg, rgba(107, 232, 109, 1) 0%, rgba(78, 199, 74, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 232, 109, 1)), color-stop(100%, rgba(78, 199, 74, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(107, 232, 109, 1) 0%, rgba(78, 199, 74, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(107, 232, 109, 1) 0%, rgba(78, 199, 74, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(107, 232, 109, 1) 0%, rgba(78, 199, 74, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(107, 232, 109, 1) 0%, rgba(78, 199, 74, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6BE86D', endColorstr='#4EC74A', GradientType=0);
  /* ie6-9 */
}

.faq-custom-deployment {
  background: -moz-linear-gradient(290deg, rgba(179, 217, 67, 1) 0%, rgba(151, 184, 46, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(179, 217, 67, 1)), color-stop(100%, rgba(151, 184, 46, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(179, 217, 67, 1) 0%, rgba(151, 184, 46, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(179, 217, 67, 1) 0%, rgba(151, 184, 46, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(179, 217, 67, 1) 0%, rgba(151, 184, 46, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(179, 217, 67, 1) 0%, rgba(151, 184, 46, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#B3D943', endColorstr='#97B82E', GradientType=0);
  /* ie6-9 */
}

.faq-ongoing-support {
  background: -moz-linear-gradient(290deg, rgba(206, 219, 64, 1) 0%, rgba(183, 194, 29, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(206, 219, 64, 1)), color-stop(100%, rgba(183, 194, 29, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(206, 219, 64, 1) 0%, rgba(183, 194, 29, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(206, 219, 64, 1) 0%, rgba(183, 194, 29, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(206, 219, 64, 1) 0%, rgba(183, 194, 29, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(206, 219, 64, 1) 0%, rgba(183, 194, 29, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cedb40', endColorstr='#b7c21d', GradientType=0);
  /* ie6-9 */
}

.faq-extended-guarantee {
  background: -moz-linear-gradient(160deg, rgba(194, 177, 29, 1) 0%, rgba(219, 206, 64, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(219, 206, 64, 1)), color-stop(100%, rgba(194, 177, 29, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(160deg, rgba(194, 177, 29, 1) 0%, rgba(219, 206, 64, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(160deg, rgba(194, 177, 29, 1) 0%, rgba(219, 206, 64, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(160deg, rgba(194, 177, 29, 1) 0%, rgba(219, 206, 64, 1) 100%);
  /* ie10+ */
  background: linear-gradient(290deg, rgba(194, 177, 29, 1) 0%, rgba(219, 206, 64, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DBCE40', endColorstr='#C2B11D', GradientType=1);
  /* ie6-9 */
}

.faq-standard-quality-assurance {
  background: -moz-linear-gradient(290deg, rgba(219, 206, 64, 1) 0%, rgba(194, 177, 29, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219, 206, 64, 1)), color-stop(100%, rgba(194, 177, 29, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(219, 206, 64, 1) 0%, rgba(194, 177, 29, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(219, 206, 64, 1) 0%, rgba(194, 177, 29, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(219, 206, 64, 1) 0%, rgba(194, 177, 29, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(219, 206, 64, 1) 0%, rgba(194, 177, 29, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DBCE40', endColorstr='#C2B11D', GradientType=0);
  /* ie6-9 */
}

.faq-advanced-quality-assurance {
  background: -moz-linear-gradient(160deg, rgba(227, 86, 43, 1) 0%, rgba(245, 116, 51, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245, 116, 51, 1)), color-stop(100%, rgba(227, 86, 43, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(160deg, rgba(227, 86, 43, 1) 0%, rgba(245, 116, 51, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(160deg, rgba(227, 86, 43, 1) 0%, rgba(245, 116, 51, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(160deg, rgba(227, 86, 43, 1) 0%, rgba(245, 116, 51, 1) 100%);
  /* ie10+ */
  background: linear-gradient(290deg, rgba(227, 86, 43, 1) 0%, rgba(245, 116, 51, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F57433', endColorstr='#E3562B', GradientType=1);
  /* ie6-9 */
}

.faq-extended-verification-time {
  background: -moz-linear-gradient(290deg, rgba(245, 116, 51, 1) 0%, rgba(227, 86, 43, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 116, 51, 1)), color-stop(100%, rgba(227, 86, 43, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(245, 116, 51, 1) 0%, rgba(227, 86, 43, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(245, 116, 51, 1) 0%, rgba(227, 86, 43, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(245, 116, 51, 1) 0%, rgba(227, 86, 43, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(245, 116, 51, 1) 0%, rgba(227, 86, 43, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F57433', endColorstr='#E3562B', GradientType=0);
  /* ie6-9 */
}

.faq-module-marketing {
  background: -moz-linear-gradient(290deg, rgba(255, 89, 111, 1) 0%, rgba(217, 76, 81, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 89, 111, 1)), color-stop(100%, rgba(217, 76, 81, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(290deg, rgba(255, 89, 111, 1) 0%, rgba(217, 76, 81, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(290deg, rgba(255, 89, 111, 1) 0%, rgba(217, 76, 81, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(290deg, rgba(255, 89, 111, 1) 0%, rgba(217, 76, 81, 1) 100%);
  /* ie10+ */
  background: linear-gradient(160deg, rgba(255, 89, 111, 1) 0%, rgba(217, 76, 81, 1) 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FF596F', endColorstr='#D94C51', GradientType=0);
  /* ie6-9 */
}


/* list item box  */

.list-collapse .item-box {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 28px;
  padding: 12px 16px;
  border-radius: 3px;
  font-size: 15px;
  font-weight: bold;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

a.item-box:before {
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: ease-out all .3s;
  transition: ease-out all .3s;
}

a.item-box:hover:before {
  opacity: 1;
}

.item-box>.btn {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}

.item-box>span:not(.btn) {
  display: block;
}

.item-box .box-icon {
  position: relative;
  line-height: 32px;
  color: #fff;
  text-transform: uppercase;
}

.item-box .box-icon .icon {
  width: 58px;
  height: 58px;
  left: 0;
}

.item-box .box-icon .icon img {
  width: 40px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.item-box .box-icon .icon span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}

.item-box .box-icon .icon span,
.item-box .box-icon .icon span:before,
.item-box .box-icon .icon span:after {
  border-radius: 100%;
}

.item-box .box-icon .icon span:before,
.item-box .box-icon .icon span:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
}

.item-box .box-icon .icon span:before {
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  margin-top: calc(-50% - 8px);
  margin-left: calc(-50% - 8px);
  background: rgba(255, 255, 255, 0.06);
}

.item-box .box-icon .icon span:after {
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  margin-top: calc(-50% - 16px);
  margin-left: calc(-50% - 16px);
  background: rgba(255, 255, 255, 0.03);
}

@media (min-width: 768px) {
  .item-box>.btn {
    float: right;
  }
  .item-box>*:not(.btn) {
    float: left;
  }
  .item-box>span:not(.btn) {
    margin-right: 18px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 32px;
    font-weight: 500;
  }
  .item-box .box-icon {
    padding-left: 78px;
  }
  .item-box .box-icon .icon {
    top: -14px;
    position: absolute;
  }
}

@media (max-width: 767px) {
  .list-collapse .item-box {
    margin-top: 28px;
    overflow: visible;
    padding-bottom: 32px;
    margin-bottom: 14px;
  }
  .item-box .box-icon {
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
  }
  .item-box .box-icon .icon {
    position: relative;
    margin: 0 auto;
  }
  .item-box>span:not(.btn) {
    position: absolute;
    top: -28px;
    left: 0;
    font-size: 14px;
    font-weight: 700;
    color: #2e3442;
  }
  .item-box .btn {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: none;
    border-radius: 0 0 3px 3px;
  }
}


/* panel-support */

.panel-support .panel-heading {
  padding: 12px 24px;
  border-bottom: 1px solid #e9edf2;
}

.panel-support .panel-heading:after,
.panel-support .panel-heading:before {
  display: block;
  content: "";
  clear: both;
}

.panel-support .panel-heading .heading-title {
  float: left;
  margin: 0;
  line-height: 32px;
  font-size: 16px;
}

.panel-support .cards {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.panel-support .cards-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 56px;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #e9edf2;
  text-align: center;
}

.panel-support .card-number {
  display: inline-block;
  margin: 12px auto;
  font-size: 13px;
}

.panel-support .panel-cards {
  height: auto;
  position: relative;
  padding-bottom: 56px;
}

.panel-support .list-collapse,
.panel-support .list-icon {
  padding: 13px 15px 8px;
}
.panel-support .list-collapse li {
  margin: 0;
}
.panel-support .list-collapse .collapse-item-anchor {
  padding: 12px 16px 12px 42px;
  font-weight: 400;
}
.faq-page .list-collapse.list-lg .collapse-item-anchor {
  padding: 20px 0 20px 40px;
}
.panel-support .list-collapse.list-lg .collapse-item-anchor:before {
  top: 22px;
  left: 10px;
}
.panel-support .list-collapse.list-lg .collapse-item-anchor:after {
  top: 15px;
  left: 17px;
}
.faq-page .list-collapse.list-lg .collapse-item-anchor:before {
  left: 2px;
  top: 29px;
  width: 16px;
}
.faq-page .list-collapse.list-lg .collapse-item-anchor:after {
  top: 22px;
  left: 9px;
  height: 16px;
}
.faq-page .list-collapse.list-lg>li .item-body {
  position: relative;
  top: -10px;
}
.faq-page .list-collapse.list-lg li {
  margin-bottom: 0;
}

.panel-support .list-icon li > a {
  padding: 8px 16px 8px 9px;
  display: block;
}
.panel-support .list-collapse li:not(.active) > a:not(:hover),
.panel-support .list-icon li > a:not(:hover) {
  color: #737780;
}
.panel-support .list-icon li a > .text-primary {
    color: inherit;
}
.common-questions-list .collapse-item {
    padding-left: 0;
}
.common-questions-list .collapse-item:before {
    display: none;
}
.common-questions-list .collapse-item .item-body {
    display: none;
    padding: 8px 0 0 40px;
}
.common-questions-list .collapse-item .item-body > *:last-child {
    margin-bottom: 0;
}
.common-questions-list .collapse-item  .collapse-item-anchor {
    position: relative;
    padding-left: 40px;
}
.common-questions-list .collapse-item.active .collapse-item-anchor {
    color: #5bc758;
}
.common-questions-list .collapse-item .collapse-item-anchor:after,
.common-questions-list .collapse-item .collapse-item-anchor:before {
    content: '';
    position: absolute;
    background: #737980;
    -webkit-transition: ease-in-out all .15s;
    -moz-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
}
.common-questions-list .collapse-item .collapse-item-anchor:before {
    left: 8px;
    top: 18px;
    width: 12px;
    height: 2px;
}
.common-questions-list .collapse-item .collapse-item-anchor:after {
    left: 13px;
    top: 13px;
    width: 2px;
    height: 12px;
}
.common-questions-list .collapse-item.active .collapse-item-anchor:after,
.common-questions-list .collapse-item.active .collapse-item-anchor:before {
    background-color: #5bc758;
}
.common-questions-list .collapse-item.active .collapse-item-anchor:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.common-questions-list .no-data-slogan {
	margin: 0 20px;
	max-width: 430px;
}
.panel-support  .panel-cards .cards-nav {
  display: none;
}
.panel-support .panel-cards .lSSlideOuter + .cards-nav {
  display: block;
}

@media (min-width: 992px) {
  .panel-support .panel-cards {
    min-height: 557px;
  }
}

@media (max-width: 991px) {
  .panel-support .cards {
    overflow: hidden;
  }
  .panel-support .lSSlideOuter {
    overflow: visible;
  }
  .panel-support .panel-cards .no-data {
    height: auto;
    padding: 30px 0 0 0;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .faq-page .list-collapse.list-lg .item-body p {
    font-size: 15px;
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .faq-page .panel-hero .list-collapse {
    margin-top: -32px;
  }
  .faq-page .list-collapse.list-lg .item-body {
    padding: 0;
  }
  .faq-page .list-collapse.list-lg li {
    margin: -16px -16px 0px;
    padding: 16px 16px 0;
  }
  .faq-page .list-collapse.list-lg>li>a {
    padding: 20px 0 20px 30px;
    line-height: 20px;
  }
  .faq-page .list-collapse.list-lg .item-body p {
    margin-bottom: 40px;
    font-size: 13px;
  }
  .faq-page .list-collapse.list-lg>li>a:before {
    left: 0px;
    top: 29px;
    width: 12px;
  }
  .faq-page .list-collapse.list-lg>li>a:after {
    top: 24px;
    left: 5px;
    height: 12px;
  }
  .panel-support .list-collapse li a {
    padding: 9px 16px 9px 32px;
    font-weight: 400;
    line-height: 20px;
    font-size: 15px;
  }
  .panel-support .list-collapse.list-lg>li>a:before {
    top: 20px;
    left: 3px;
    width: 12px;
  }
  .panel-support .list-collapse.list-lg>li>a:after {
    top: 15px;
    left: 8px;
    height: 12px;
  }
  .panel-support .list-icon li {
    line-height: 20px;
    font-size: 15px;
  }
  .panel-support .list-icon li > a {
    padding: 5px 16px 6px 9px;
  }
    .common-questions-list .collapse-item .collapse-item-anchor:before {
        top: 14px;
    }
    .common-questions-list .collapse-item .collapse-item-anchor:after {
        top: 9px;
    }
}

.panel-complete-custom {
  margin-top: 64px;
  margin-bottom: 64px;
}


/* panel images */

.panel-image {
  overflow: hidden;
}

.panel-image .h6 {
  margin-top: 0;
}

.panel-image p {
  margin-bottom: 0;
}

.panel-image .panel-header {
  position: relative;
  padding: 24px 32px 0
}

.panel-image .panel-body {
  padding: 24px 32px 32px;
}

.home-page .panel-image .panel-body {
  padding: 24px 32px 32px 33px!important;
}

.panel-image-sm .panel-body {
  padding: 24px 24px 32px;
}

.panel-image .panel-body h6 {
  font-weight: 800;
}

a.panel-image .panel-body .learn-more {
  display: block;
  margin-top: 16px;
  color: #a4adb6;
}

a.panel-image .panel-body .learn-more i {
  margin-left: 10px;
  font-size: 17px;
  vertical-align: text-bottom;
}

.panel-image.panel-wide .panel-body {
  color: #fff;
}

.panel-image.panel-wide .panel-body p,
.panel-image.panel-wide .panel-body h4 {
  color: #fff
}

.panel-image.panel-wide {
  position: relative;
  z-index: 10;
}

.panel-image.panel-wide .panel-body .learn-more {
  color: rgba(0, 0, 0, 0.5);
  left: 32px;
  bottom: -10px;
}

a.panel-image {
  color: #737780;
  -webkit-transition: ease-out -webkit-box-shadow .3s;
  transition: ease-out box-shadow .3s;
}

a.panel-image:hover {
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
  -moz-box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
}

.panel-image-sm .panel-header {
  height: 186px;
}

a.panel-image {
  color: #5c5f66;
  overflow: hidden;
}

.panel-image .panel-header img {
  width: 282px;
}

.col-lg-3 .panel-image .panel-header>img,
.panel-image-sm .panel-header>img {
  width: auto;
  height: 152px
}

@media (min-width: 992px) {
  a.panel-image .panel-body .learn-more {
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    opacity: 0;
    color: #5bc758;
  }
  a.panel-image:hover .panel-body .learn-more {
    opacity: 1;
  }
  a.panel-image {
    display: block;
  }
  a.panel-image .panel-body .learn-more,
  a.panel-image .panel-body,
  a.panel-image .panel-header {
    -webkit-transition: ease-out all .3s;
    transition: ease-out all .3s;
  }
  a.panel-image .panel-header {
    height: 212px;
  }
  a.panel-image .panel-body {
    position: relative;
    padding-bottom: 48px;
  }
  .panel-image.panel-wide .panel-header {
    padding-top: 12px;
  }
  a.panel-image:not(.panel-wide):hover .panel-header,
  a.panel-image:hover .panel-body {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  .col-md-3 .panel-image .panel-body {
    padding: 24px;
    /* te boxy na "for enterprise", i "defelopment for" mają padding po 24px */
  }
  .col-md-3 .panel-image .panel-body .h6 {
    margin-top: 0;
  }
  .col-md-3 .panel-image .panel-body p,
  .panel-image-sm .panel-pdy p {
    margin-bottom: 0;
  }
  .col-md-3 .panel-image .panel-header,
  .panel-image-sm .panel-header {
    padding: 24px 24px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .panel-image .panel-header {
    padding: 24px 10px 0
  }
  .col-md-12 .panel-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 234px;
    margin-top: 16px;
  }
  .col-md-12 .panel-image .panel-header {
    flex-basis: 310px;
    -ms-flex-preferred-size: 310px;
    padding: 0 15px;
    height: 152px;
  }
  .col-md-12 .panel-image .panel-body {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (max-width: 991px) {
  .panel-image {
    margin-top: 0!important;
  }
  .section-boxes [class*="col-"] {
    padding-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .panel-image .panel-header {
    flex-basis: 310px;
    -ms-flex-preferred-size: 310px;
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  .panel-image.panel-wide {
    margin-bottom: -24px;
  }
}

@media (max-width: 767px) {
  .panel-image .panel-body h4 {
    font-size: 16px;
  }
  a.panel-image .panel-body .learn-more {
    font-size: 13px;
  }
  .panel-image.panel-wide {
    margin-bottom: -16px;
  }
}

@media (min-width: 580px) {
  .panel-image.panel-wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 260px;
  }
  .panel-image.panel-wide .panel-header {
    -ms-flex-preferred-size: 31.33333333%;
    flex-basis: 31.33333333%;
  }
  .panel-image.panel-wide .panel-header img {
    top: 0;
  }
  .panel-image.panel-wide .panel-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }
}

@media (min-width: 580px) and (max-width: 991px) {
  .content-section .panel-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 234px;
  }
  .panel-image .panel-body {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .section-boxes .panel-image .panel-body {
    padding-left: 0;
  }
  .section-boxes .panel-image-sm {
    min-height: auto;
  }
  .section-boxes .panel-image-sm .panel-header {
    height: 152px;
  }
  .section-boxes .panel-image-sm .panel-body {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .panel-image .panel-header {
    padding: 0;
  }
  .panel-image .panel-body h4 {
    margin-bottom: 8px;
  }
  .section-boxes .panel-image .panel-header img {
    margin-left: -102px;
    margin-right: 10px;
  }
  .section-boxes .panel-image .panel-body {
    padding-right: 20px;
    padding-top: 16px;
  }
  .section-boxes .panel-image .panel-body p {
    line-height: 22px;
  }
  .section-boxes .panel-image-sm .panel-header img {
    margin-left: -62px;
    margin-right: 30px;
  }
  .panel-image.panel-wide .panel-header {
    flex-basis: 190px;
  }
}

@media (max-width: 579px) {
  a.panel-image {
    display: block;
  }
  .panel-image .panel-header {
    padding: 16px 0 0;
  }
  .panel-image .panel-body {
    padding-top: 0;
    padding-bottom: 24px;
  }
  .panel-image .panel-body h4 {
    margin-bottom: 2px;
  }
  .panel-image .panel-body p {
    display: none;
  }
  .panel-image-sm .panel-body p {
    display: block;
  }
  .section-boxes [class*="col-"]:not([class*="col-xs-"]) {
    width: 100%;
  }
}


/* panel executive */

.panel-executive .panel-body {
  position: relative;
}

.panel-executive h4 {
  margin-top: 0;
}

.panel-executive h4 span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.6;
  font-weight: 500;
  /* margin-top: -6px; */
}

.panel-executive .panel-body .image-holder {
  position: absolute;
  border-radius: 100%;
  -webkit-transition: ease-out all .15s;
  transition: ease-out all .15s;
}

.panel-executive .panel-body .image-holder img {
  width: 100%;
  border-radius: 100%;
}

.panel-executive .panel-body .image-holder:hover img {
  opacity: 0.9;
}

.panel-executive .panel-body .image-holder .btn {
  position: absolute;
  bottom: 0;
  right: -8px;
  color: #fff;
}

@media (min-width: 1200px) {
  .panel-executive .panel-body {
    padding: 28px 32px 32px 238px;
  }
  .panel-executive .panel-body .image-holder {
    width: 172px;
    height: 172px;
    left: 32px;
    top: 32px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .panel-executive .panel-body {
    padding: 20px 24px 24px 186px;
  }
  .panel-executive .panel-body .image-holder {
    width: 136px;
    height: 136px;
  }
  .panel-executive .panel-body .image-holder .btn {
    width: 48px;
    height: 48px;
    padding: 11px 21px;
  }
}

@media (max-width: 1199px) {
  .panel-executive .panel-body .image-holder {
    left: 24px;
    top: 24px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .panel-executive .panel-body h4 {
    font-size: 18px
  }
  .panel-executive .panel-body {
    padding: 20px 24px 24px;
  }
}

@media (max-width: 991px) {
  .panel-executive .panel-body h4 {
    height: 72px;
    padding-left: 112px;
    margin-bottom: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .panel-executive .panel-body .image-holder {
    width: 72px;
    height: 72px;
  }
  .panel-executive .panel-body .image-holder .btn {
    width: 32px;
    height: 32px;
    padding: 3px 12px;
  }
  .panel-executive .panel-body .image-holder .btn i {
    font-size: 19px!important;
  }
}

@media (max-width: 767px) {
  .panel-executive .panel-body h4 {
    font-size: 16px
  }
  .panel-executive .panel-body p {
    font-size: 13px;
  }
  .panel-executive .panel-body {
    padding: 20px 24px 8px;
  }
}

@media (min-width: 580px) {
  .section-executive .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .panel-executive {
    height: 100%;
  }
}

@media (max-width: 579px) {
  .section-executive .row>.col-xxs-12:first-of-type>.panel-executive {
    margin-bottom: 16px;
  }
}


/* section slider */

.section-slider .lSSlideOuter {
  overflow: hidden;
  margin: -74px -8px 0 -8px;
  padding: 74px 8px 16px 8px;
}

.development-page .section-slider .lSSlideOuter {
  margin-bottom: -16px;
}

.section-slider .lSSlideWrapper {
  overflow: visible;
}

.section-slider .lSAction {
  position: absolute;
  right: -4px;
}

@media (min-width: 992px) {
  .section-slider .lSAction {
    top: -78px;
  }
  .section-slider .testimmonials-slider + .lSAction {
    top: -62px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .section-slider .testimmonials-slider + .lSAction {
    top: -60px;
  }
  .slider-news + .lSAction {
    top: -70px;
  }
}

@media (max-width: 767px) {
  .section-slider .lSSlideOuter {
    margin: -74px -20px 0 -20px;
    padding: 74px 20px 16px 20px;
  }
  .section-slider .lSAction {
    top: -45px;
  }
  /*.slider-news + .lSAction {
    top: -56px;
  }*/
  @-moz-document url-prefix() {
    .section-slider .lSAction {
      top: -48px;
    }
    .section-slider .slider-news + .lSAction {
      top: -56px;
    }
  }
  /*.partners-boxes+.lSAction {
    top: -61px;
  }*/
}

.section-slider .lSAction a {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 24px;
  color: #b9c0c7;
  line-height: 32px;
  text-align: center;
  position: static;
  -webkit-transition: ease-out color .15s;
  -moz-transition: ease-out color .15s;
  transition: ease-out color .15s;
}

.section-slider .lSAction a+a {
  margin-left: 16px;
}

.section-slider .lSAction a:hover {
  color: #2e3442;
}


/* section-contact */

.section-contact {
  position: relative;
  background: url('../img/mapa.jpg');
  background-position: center;
}

.section-contact .pin {
  position: absolute;
  top: 34%;
  left: 58%;
  width: 44px;
  height: 56px;
  background: url('../img/pin.svg') no-repeat;
}

.section-contact address {
  position: relative;
  padding-left: 40px;
  padding-top: 4px;
}

.section-contact .panel .panel-body {
  padding: 32px;
}

.section-contact .panel h4 {
  margin-top: -3px;
}

.section-contact address:before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  background: url('../img/pin.svg') no-repeat;
  width: 20px;
  height: 25px;
}

@media (max-width: 767px) {
  .panel-address {
    width: 280px;
    margin: 0 auto;
  }
  .section-contact .panel h4 {
    font-size: 16px;
  }
  .panel-address address {
    padding-left: 34px;
  }
}


/* testimonials */

.testimmonials-slider:not(.lightSlider) {
  visibility: hidden;
}

.testimmonials-slider {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.testimmonial {
  padding: 20px 32px 32px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

.testimmonial-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 11px;
}

.testimmonial-header img {
  border-radius: 100%;
  margin-right: 16px;
  width: 56px;
  height: 56px;
}

.testimmonial-header a {
  word-break: break-word;
}

.testimmonial-header a:not(:hover) {
  color: #1f75cc;
}


.testimmonial-header a.empty:hover {
  color: #1f75cc;
  cursor: default;
}

/*.testimmonial-header span:first-of-type {
  font-size: 16px;
  font-weight: 700;
  color: #2e3442;
  display: block;
}

.testimmonial-header span:last-of-type {
  margin-top: 8px;
  color: #a7adb5;
  display: block;
  font-size: 12px;
}*/

.testimmonial-header .author > span:first-of-type {
  font-size: 16px;
  font-weight: 700;
  color: #2e3442;
  display: block;
}

.testimmonial-header .author > span:last-of-type {
  margin-top: 8px;
  color: #a7adb5;
  display: block;
  font-size: 12px;
}

.testimmonial-header .author > span:last-of-type > span {
  color: #1f75cc;
}

.testimmonial-body {
  line-height: 24px;
}

.testimmonial-body>a {
  white-space: nowrap;
}

.testimmonial-body .quota {
  position: relative;
  top: 1px;
  display: none;
  width: 33px;
  background: url(../img/quotes.svg);
  height: 20px;
  background-repeat: no-repeat;
}

#modal-testimonial .modal-content {
  background: none;
  box-shadow: none;
}

#modal-testimonial .testimmonial {
  margin: 0 auto!important;
  width: 100%!important;
}

#modal-testimonial .testimmonial-body .dots,
#modal-testimonial .testimmonial-body>a {
  display: none;
}

#modal-testimonial .testimmonial .hidden {
  display: inline!important;
}

@media (min-width: 768px) {
  .section-slider .lSSlideOuter+h3 {
    margin-top: 27px;
  }
}

@media (max-width: 767px) {
  .testimmonial-body {
    font-size: 13px;
    line-height: 22px;
  }
  .testimmonial {
    padding: 20px;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .section-slider .lSSlideOuter+h3 {
    margin-top: 14px;
  }
}

@media (max-width: 579px) {
  .section-slider .lSSlideOuter+h3 {
    margin-top: 8px;
  }
}


/* parnetrs boxes */

.home-page .partners-boxes {
  margin-bottom: -16px;
  margin-top: -8px;
  padding-top: 8px;
  margin-left: -8px;
  margin-right: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home-page .partners-box{
  width: 25%;
  padding: 0 8px;
}

.home-page .partners-boxes a i{
  zoom: 0.40;
  -moz-transform: scale(.4);
  image-rendering: auto;
}
@media(max-width: 1199px){
  /*.home-page .partners-box{
      width: 25%;
  }*/
}

@media (max-width: 767px) {
  .home-page .partners-boxes {
    overflow: visible;
    padding-top: 0;
  }
  home-page .partners-box {
    width: 25%;
  }
  .home-page .partners-boxes:not(.lightSlider) {
    visibility: hidden;
  }
  .home-page .partners-boxes a i {
    image-rendering: -webkit-optimize-contrast;
  }
}

.partners-boxes a {
  position: relative;
  display: block;
  height: 80px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px!important;
  -webkit-transition: ease-out -webkit-filter .15s;
  -moz-transition: ease-out filter .15s;
  transition: ease-out filter .15s;
}

.partners-boxes a i {
  -moz-transform: scale(0.5);
  zoom: 0.5;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -79px;
  margin-left: -180px;
  -ms-transform: translateX(90px) translateY(40px);
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizequality;
}
.partners-boxes a .systems-go_daddy {
  top: 53%;
}
.partners-boxes a i:before {
  content: '';
  position: absolute;
  opacity: 0;
  -webkit-transition: ease-out opacity .15s;
  -moz-transition: ease-out opacity .15s;
  transition: ease-out opacity .15s;
}

.partners-boxes a:hover i:before {
  opacity: 1;
}
@media(min-width: 992px) {
  /*.partners-boxes a {
    height: 90px;
  }*/
  .home-page .partners-boxes a i{
    zoom: 0.45;
    -moz-transform: scale(.45);
  }
}


/* circle boxes */

.circle-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  color: #fff;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

a.circle-box:hover {
  color: #fff;
}

a.circle-box:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: ease-in-out all .25s;
  transition: ease-in-out all .25s;
}

a.circle-box:hover:after {
  background-color: rgba(255, 255, 255, .1);
}

.circle-box>img {
  margin: 0 auto;
}

.circle-box .box-title {
  width: 100%;
  padding: 0 10px 0 10px;
}

.circle-box .box-title>img {
  margin: -4px auto 10px;
  display: block;
}

.circle-box .box-title>span {
  position: relative;
  padding-right: 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: ease-in-out all .45s;
  transition: ease-in-out all .45s;
}

.circle-box .box-title span span {
  font-weight: 400;
}

.circle-box .box-title>span:after {
  opacity: 0;
  font-family: 'Material-Design-Iconic-Font';
  content: '\f301';
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 19px;
  -webkit-transition: ease-in-out all .25s;
  transition: ease-in-out all .25s;
}

.circle-box .box-title i {
  height: 103px;
  width: 112px;
  font-size: 90px;
  margin-bottom: 8px;
}

.circle-box>span {
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(255, 255, 255, 0.08);
  -webkit-transition: ease-in-out all .45s;
  transition: ease-in-out all .45s;
}

.circle-box>span,
.circle-box>span:before {
  border-radius: 100%;
}

.circle-box>span:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: ease-in-out all .45s;
  transition: ease-in-out all .45s;
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  margin-top: calc(-50% - 32px);
  margin-left: calc(-50% - 32px);
  background: rgba(255, 255, 255, 0.05)
}

a.circle-box:hover>span {
  width: 246px;
  height: 246px;
  margin: -123px 0 0 -123px;
}

a.circle-box:hover>span:before {
  width: calc(100% + 112px);
  height: calc(100% + 112px);
  margin-top: calc(-50% - 56px);
  margin-left: calc(-50% - 56px);
}


/* clircle box -lg */

.circle-box.box-lg>span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 404px;
  width: 404px;
  margin: auto;
  background: rgba(255, 255, 255, 0.06);
}


/* clircle box -sm */

.circle-box.box-sm {
  height: 140px;
}

.circle-box>span:before {
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  margin-top: calc(-50% - 32px);
  margin-left: calc(-50% - 32px);
}

.circle-box.box-lg>span:before {
  width: calc(100% + 120px);
  height: calc(100% + 120px);
  margin-top: calc(-50% - 60px);
  margin-left: calc(-50% - 60px);
  background: rgba(255, 255, 255, 0.03);
}

.support-boxes .circle-box {
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  .circle-box>span {
    width: 222px;
    height: 222px;
    margin: -111px 0 0 -111px;
  }
  .circle-box.box-lg {
    height: 450px;
  }
}

@media (min-width: 992px) {
  .circle-box {
    height: 214px;
  }
  .circle-box:hover .box-title>span {
    padding-right: 24px;
  }
  .circle-box:hover .box-title>span:after {
    opacity: 1;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .circle-box>span {
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
  }
  a.circle-box>span:before {
    width: calc(100% + 68px);
    height: calc(100% + 68px);
    margin-top: calc(-50% - 34px);
    margin-left: calc(-50% - 34px);
  }
  .circle-box.box-lg {
    height: 380px;
  }
  .circle-box.box-lg>span {
    height: 348px;
    width: 348px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .circle-box {
    height: 166px
  }
  .circle-box>span {
    width: 152px;
    height: 152px;
    margin: -76px 0 0 -76px;
  }
  a.circle-box>span:before {
    width: calc(100% + 42px);
    height: calc(100% + 42px);
    margin-top: calc(-50% - 21px);
    margin-left: calc(-50% - 21px);
  }
  a.circle-box:hover>span {
    width: 176px;
    height: 176px;
    margin: -88px 0 0 -88px;
  }
  a.circle-box:hover>span:before {
    width: calc(100% + 112px);
    height: calc(100% + 112px);
    margin-top: calc(-50% - 56px);
    margin-left: calc(-50% - 56px);
  }
  .circle-box .box-title>img {
    width: 62px;
    margin-bottom: 6px;
    margin-top: -4px;
  }
  .circle-box .box-title span {
    font-size: 16px;
  }
  .circle-box.box-lg {
    height: 300px;
  }
  .circle-box.box-lg>span {
    height: 278px;
    width: 278px;
  }
  .circle-box.box-lg>span:before {
    width: calc(100% + 80px);
    height: calc(100% + 80px);
    margin-top: calc(-50% - 40px);
    margin-left: calc(-50% - 40px);
  }
}

@media (min-width: 768px) {
  .circle-box.box-sm>span {
    width: 124px;
    height: 124px;
    margin: -62px 0 0 -62px;
  }
  .circle-box.box-sm>span:before {
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px);
  }
}

@media (max-width: 767px) {
  .support-boxes {
    margin: 0 -4px 8px;
  }
  .support-boxes>.col-xs-6 {
    padding: 0 4px;
  }
  .support-boxes .circle-box {
    margin-bottom: 8px;
  }
  .circle-box {
    height: 142px
  }
  .circle-box>span {
    width: 132px;
    height: 132px;
    margin: -66px 0 0 -66px;
  }
  a.circle-box>span:before {
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px);
  }
  a.circle-box:hover>span {
    width: 144px;
    height: 144px;
    margin: -72px 0 0 -72px;
  }
  a.circle-box:hover>span:before {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
  }
  .circle-box .box-title>img {
    width: 76px;
    margin-bottom: 12px;
    margin-top: 2px;
  }
  .circle-box .box-title span {
    font-size: 14px;
  }
  .circle-box.box-lg {
    height: 240px;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
  .circle-box.box-lg>span {
    height: 228px;
    width: 228px;
  }
  .circle-box.box-sm {
    width: 56px;
    height: 56px;
  }
  .circle-box.box-sm>span {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
  }
  .circle-box.box-sm>span:before {
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    margin-top: calc(-50% - 8px);
    margin-left: calc(-50% - 8px);
  }
  .circle-box.box-sm img {
    width: 32px;
  }
}


/* btn-hero */

.btn-hero {
  min-width: 298px;
  padding: 24px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  text-align: left;
}

.btn-hero.hero-icon-left {
  text-align: left;
}

.btn-hero.hero-icon-right {
  text-align: right;
}

.btn-hero>span {
  display: inline-block;
  vertical-align: middle;
}

.btn-hero .hero-slogan {
  margin-top: -4px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

.btn-hero .hero-slogan b {
  display: block;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
}

.btn-hero .hero-icon {
  position: relative;
  width: 72px;
  height: 72px;
  margin: -11px 0;
}

.btn-hero .hero-icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
    height: 32px;
  width: 32px;
}

.btn-hero .hero-icon img.product,
.btn-hero.btn-light-blue .hero-icon img {
  width: 34px;
}


.btn-hero .hero-icon img.system-antares {
  width: 38px;
  height: auto;
}

.btn-hero .hero-icon i:before {
  vertical-align: text-bottom;
}

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

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

.btn-hero .hero-icon+.hero-slogan {
  margin-left: 13px;
  text-align: left;
}

.btn-hero .hero-icon:last-child {
  margin-left: 13px;
}

.btn-hero .hero-slogan:first-child {
  text-align: right;
}

.btn-hero .hero-slogan:first-child:last-child {
  text-align: center;
}

.btn-hero .hero-icon>span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .1);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: ease-in-out all .35s;
  transition: ease-in-out all .35s;
}

.btn-hero .hero-icon>span:before,
.btn-hero .hero-icon>span:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.btn-hero .hero-icon>span:before {
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  margin-top: calc(-50% - 12px);
  margin-left: calc(-50% - 12px);
  background: rgba(255, 255, 255, 0.04);
  -webkit-transition: ease-in-out all .25s;
  transition: ease-in-out all .25s;
}

.btn-hero .hero-icon>span:after {
  width: calc(100% + 48px);
  height: calc(100% + 48px);
  margin-top: calc(-50% - 24px);
  margin-left: calc(-50% - 24px);
  background: rgba(255, 255, 255, 0.02);
  -webkit-transition: ease-in-out all .15s;
  transition: ease-in-out all .15s;
}

.btn-hero:hover .hero-icon>span {
  width: 80px;
  height: 80px;
  margin-top: -4px;
  margin-left: -4px;
  background: rgba(255, 255, 255, 0.14);
}

.btn-hero:hover .hero-icon>span:before {
  width: 112px;
  height: 112px;
  margin-top: calc(-50% - 16px);
  margin-left: calc(-50% - 16px);
  background: rgba(255, 255, 255, 0.06);
}

.btn-hero:hover .hero-icon>span:after {
  width: 144px;
  height: 144px;
  margin-top: calc(-50% - 32px);
  margin-left: calc(-50% - 32px);
  background: rgba(255, 255, 255, 0.04);
}

.btn .zmdi-long-arrow-right {
  margin-left: 8px!important;
  margin-right: 0!important;
}

.btn-sea-blue.btn-outline {
  border: 1px solid #4ec2f7;
  color: #fff;
}

.btn-sea-blue.btn-outline:hover {
  border-color: #fff;
}

.btn-sea-green {
  background: #48b3b4;
  color: #fff;
}

.btn-orange:hover,
.btn-sea-green:hover,
.btn-green:hover,
.btn-purple:hover,
.btn-light-blue:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .btn-hero {
    padding: 16px;
  }
  .btn-hero .hero-icon {
    margin: -13px 0;
  }
  .btn-hero .hero-slogan {
    font-size: 13px;
  }
  .btn-hero .hero-slogan b {
    font-size: 15px;
  }
}

@media (min-width: 580px) {
  .btn-hero+.btn-hero {
    margin-left: 13px;
  }
}

@media (max-width: 579px) {
  .hero-right {
    margin-top: 0;
    text-align: left;
    height: 78px;
  }
  .hero-right .hero-slogan:first-child {
    text-align: left;
    padding-left: 89px;
    margin-top: 0;
  }
  .hero-right .hero-icon:last-child {
    position: absolute;
    left: 16px;
    margin-right: 16px;
    margin-left: 0;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .page-banner .section-image>.row>.col-md-6:first-of-type {
    width: 47%;
  }
  .page-banner .section-image>.row>.col-md-6:last-of-type {
    width: 53%;
  }
}


/* flying boxes */

.flying-boxes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.flying-box {
  position: absolute;
}

.flying-box.flying-center-left {
  background: url('../img/flying-box-cl.png');
  width: 200px;
  height: 200px;
}

.flying-box.flying-center-right {
  background: url('../img/flying-box-cr.png');
  width: 200px;
  height: 200px;
}

.flying-box.flying-top {
  background: url('../img/flying-box-t.png');
  width: 108px;
  height: 108px;
}

.flying-box.flying-bottom {
  background: url('../img/flying-box-b.png');
  width: 108px;
  height: 108px;
}

 .page-banner .flying-center-left {
  left: 27%;
  top: 28%;
  transform: scale(0.6);
} 

.page-banner .flying-center-right {
  right: 26.5%;
  top: 29%;
  left: auto;
  transform: scale(0.6);
}

.layer {
		position: absolute;
		display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.page-banner .flying-top {
  right: 37.5%;
  left: auto;
  top: 10.5%;
  transform: scale(0.6);
}

.page-banner .flying-bottom {
  left: 42.6%;
  top: 60%;
  transform: scale(0.6);
}

.section-get-started .flying-center-left {
  left: -1%!important;
  top: -38%!important;
}

.section-get-started .flying-center-right {
  right: -1%!important;
  top: -24%!important;
  left: auto!important;
}

.section-get-started .flying-top {
  right: 35%!important;
  left: auto!important;
  top: -48%!important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .section-get-started .flying-center-left,
  .page-banner .flying-center-left.animated {
    left: -7%!important;
  }
  .section-get-started .flying-center-right,
  .page-banner .flying-center-right.animated {
    right: -7.5%!important;
  }
}

@media (max-width: 768px) {
  .flying-boxes {
    display: none;
  }
}

 .no-visible {
  visibility: hidden;
} 


/* incredible machine */

.machine-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.incredible-machine {
  position: relative;
  left: 50%;
  margin: -63px 0 80px -588px;
  width: 1176px;
  height: 430px;
}


/* im - machine */

.conveyor {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  margin-left: -580px;
  width: 1160px;
  height: 132px;
  background: url('../img/machine/conveyor.png') no-repeat;
  background-size: 100%;
}

.machine-one,
.machine-two {
  position: absolute;
  width: 340px;
  height: 412px;
  bottom: -44px;
  z-index: 2;
}

.machine-one {
  left: 180px;
}

.machine-two {
  right: 163px;
}

.machine {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
}

.machine-one .machine {
  background: url('../img/machine/machine-one.png') no-repeat center top;
  background-size: 100%;
}

.machine-two .machine {
  background: url('../img/machine/machine-two-new.png') no-repeat center top;
  background-size: 100%;
}

.pipe {
  position: absolute;
  top: 123px;
  z-index: 1;
  width: 57px;
  height: 124px;
}

.pipe-left {
  left: -7px;
  background: url('../img/machine/pipe-left.png') no-repeat;
  background-size: 100%;
}

.pipe-right {
  right: 8px;
  background: url('../img/machine/pipe-right.png') no-repeat;
  background-size: 100%;
}

.machine-name {
  color: #363b46;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 14px;
  display: block;
  margin-left: -11px;
}

.machine-screen {
  position: absolute;
  top: 123px;
  left: 58px;
  width: 208px;
  padding-left: 102px;
}

.machine-screen .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 102px;
}

.machine-screen .icon img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.machine-screen .check-list {
  list-style: none;
  margin: 7px 0 0;
  padding: 0;
  text-align: left;
}

.machine-screen .check-list li {
  position: relative;
  padding: 5px 0 5px 20px;
  font-size: 11px;
  line-height: 12px;
  color: #9ac2da;
}

.machine-screen .check-list span {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  margin: 0;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 1px solid #4096e6;
}

.machine-screen .check-list span:before {
  animation: none;
  -webkit-transform: scaleX(-1) rotate(137deg);
  transform: scaleX(-1) rotate(137deg);
  border-right: 2px solid #5bc758;
  border-top: 2px solid #5bc758;
  height: 12px;
  width: 7px;
  top: 1px;
  left: -1px;
}

.package-end {
  position: absolute;
  right: -217px;
  top: 135px;
  width: 188px;
  height: 100px;
  background: url('../img/machine/package-end.png') no-repeat;
  background-size: 100%;
}

.package-middle {
  top: 136px;
  position: absolute;
  right: -86px;
  width: 100px;
  height: 100px;
}

.package-middle .package {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/machine/package-middle.png') no-repeat;
  background-size: 100%;
}

.package-group {
  position: absolute;
  right: -141px;
  bottom: -8px;
  z-index: 2;
  width: 182px;
  height: 101px;
  background: url(../img/machine/package-group.png) no-repeat;
  background-size: 100%;
}

.power-supply {
  position: absolute;
  bottom: 3px;
  left: -143px;
  z-index: 2;
  width: 181px;
  height: 90px;
  background: url(../img/machine/power-supply.png) no-repeat;
  background-size: 100%;
}

@media (min-width: 1200px) {
  .package-new {
    display: none;
  }
  .machine-arm {
    position: absolute;
    left: -363px;
    top: -99px;
    height: 286px;
    width: 498px;
  }
  .machine-arm .arm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/machine/arm.png') no-repeat;
    background-size: 100%;
  }
  .machine-arm .arm:before {
    content: '';
    position: absolute;
    height: 30px;
    top: 4px;
    width: 300%;
    left: -300%;
    background: -moz-linear-gradient(90deg, rgba(188, 195, 204, 1) 0%, rgba(218, 227, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 227, 237, 1)), color-stop(100%, rgba(188, 195, 204, 1)));
    background: -webkit-linear-gradient(90deg, rgba(188, 195, 204, 1) 0%, rgba(218, 227, 237, 1) 100%);
    background: -o-linear-gradient(90deg, rgba(188, 195, 204, 1) 0%, rgba(218, 227, 237, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(188, 195, 204, 1) 0%, rgba(218, 227, 237, 1) 100%);
    background: linear-gradient(0deg, rgba(188, 195, 204, 1) 0%, rgba(218, 227, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae3ed', endColorstr='#bcc3cc', GradientType=0);
  }
}

@media (max-width: 1199px) {
  .machine-arm {
    display: none;
  }
  .package-new {
    position: absolute;
    top: 160px;
    width: 76px;
    height: 76px;
    background: url('../img/machine/package-new.png') no-repeat;
    background-size: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .machine-one {
    left: 197px;
  }
  .machine-two {
    right: 186px;
  }
  .pipe-left {
    left: 3px;
  }
  .pipe-right {
    right: 18px;
  }
  .package-new {
    left: -116px;
  }
  .package-middle {
    right: -56px;
  }
  .package-group {
    right: -132px;
  }
  .package-end {
    right: -86px;
  }
}

@media (max-width: 991px) {
  .incredible-machine {
    margin-top: -70px;
    margin-bottom: 54px;
  }
  .machine-one {
    left: 253px;
  }
  .machine-two {
    right: 239px;
  }
  .pipe-left {
    left: 14px;
  }
  .pipe-right {
    right: 28px;
  }
  .package-new {
    left: -82px;
  }
  .package-middle {
    right: -37px;
  }
  .package-group {
    right: -74px;
  }
  .package-end {
    right: -16px;
  }
}

@media (max-width: 767px) {
  .incredible-machine {
    zoom: 0.7;
  }
  @-moz-document url-prefix() {
    .incredible-machine {
      -moz-transform: scale(0.7);
      margin-top: -116px;
      margin-bottom: -25px;
    }
  }
}

.mb-0 {
  margin-bottom: 0!important;
}


/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  /*overflow: hidden;*/
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}


/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}


/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}


/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}


/* systems incons - sprite */

/*.systems:before,
.systems {
  background-image: url('../img/systems-2020.png');
  background-repeat: no-repeat;
  display: block;
}*/

.systems-antares-sm {
  width: 133px;
  height: 128px;
  background-position: -15px -5px;
}

.systems-antares-sm:before,
.systems-antares-sm-color {
  width: 133px;
  height: 128px;
  background-position: -155px -5px;
}

.systems-blesta-sm {
  /*width: 133px;
  height: 128px;
  background-position: -289px -5px;*/
  background-image: url('../img/systems/logo_blesta-bw.svg');
}
.systems-blesta-sm:before {
  background-image: url('../img/systems/logo_blesta.svg');
}

/*.systems-blesta-sm:before,
.systems-blesta-sm-color {
  width: 133px;
  height: 128px;
  background-position: -427px -5px;
}*/

.systems-cpanel-sm {
  /*width: 133px;
  height: 128px;
  background-position: -566px -5px;*/
  background-image: url('../img/systems/logo_cpanel-bw.svg');
}
.systems-cpanel-sm:before,
.systems-cpanel-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -704px -5px;*/
  background-image: url('../img/systems/logo_cpanel.svg');
}

.systems-direct_admin-sm {
  /*width: 133px;
  height: 128px;
  background-position: -835px -5px*/
  background-image: url('../img/systems/logo_directadmin-bw.svg');
}

.systems-direct_admin-sm:before,
.systems-direct_admin-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -972px -5px;*/
  background-image: url('../img/systems/logo_directadmin.svg');
}

.systems-drupal-sm {
  /*width: 133px;
  height: 128px;
  background-position: -1122px -5px;*/
  background-image: url('../img/systems/logo_drupal-bw.svg');
}

.systems-drupal-sm:before,
.systems-drupal-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -1237px -5px;*/
  background-image: url('../img/systems/logo_drupal.svg');
}

.systems-easy_dcim-sm {
  /*width: 133px;
  height: 128px;
  background-position: -1386px -5px;*/
  background-image: url('../img/systems/logo_easydcim-bg.svg');
}

.systems-easy_dcim-sm:before,
.systems-easy_dcim-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -1524px -5px*/
  background-image: url('../img/systems/logo_easydcim.svg');
}

.systems-joomla-sm {
  /*width: 133px;
  height: 128px;
  background-position: -8px -143px;*/
  background-image: url('../img/systems/logo_joomla-bw.svg');
}

.systems-joomla-sm:before,
.systems-joomla-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -146px -143px;*/
  background-image: url('../img/systems/logo_joomla.svg');
}

/*.systems-magento-sm {
  width: 133px;
  height: 128px;
  background-position: -290px -143px;
  background-image: url('../img/systems/logo_magento-bw.svg');
}

.systems-magento-sm:before,
.systems-magento-sm-color {
  width: 133px;
  height: 128px;
  background-position: -428px -143px;
  background-image: url('../img/systems/logo_magento.svg');
}*/

.systems-odin-sm {
  width: 133px;
  height: 128px;
  background-position: -564px -143px;
}

.systems-odin-sm:before,
.systems-odin-sm-color {
  width: 133px;
  height: 128px;
  background-position: -708px -143px;
}

.systems-onapp-sm {
  /*width: 133px;
  height: 128px;
  background-position: -841px -143px;*/
  background-image: url('../img/systems/logo_onapp-bw.png');
}

.systems-onapp-sm:before,
.systems-onapp-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -979px -143px;*/
  background-image: url('../img/systems/logo_onapp.png');
}

.systems-plesk-sm {
  /*width: 133px;
  height: 128px;
  background-position: -1130px -143px;*/
  background-image: url('../img/systems/logo_plesk-bw.svg');
}

.systems-plesk-sm:before,
.systems-plesk-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -1292px -143px;*/
  background-image: url('../img/systems/logo_plesk.svg');
}
.systems-ubersmith-sm {
  /*width: 133px;
  height: 128px;
  background-position: -579px -280px;*/
  background-image: url('../img/systems/logo_ubermsith-bw.svg');
}
.systems-ubersmith-sm:before {
  /*width: 133px;
  height: 128px;
  background-position: -714px -280px;*/
  background-image: url('../img/systems/logo_ubermsith.svg');
}
.systems-clientexec-sm {
  /*width: 196px;
  height: 128px;
  background-position: -1125px -280px;*/
  background-image: url('../img/systems/logo_clientexec-bw.svg');
}
.systems-clientexec-sm:before {
  /*width: 196px;
  height: 128px;
  background-position: -880px -280px;*/
  background-image: url('../img/systems/logo_clientexec.svg');
}
.systems-woocommerce-sm {
  /*width: 133px;
  height: 128px;
  background-position: -1532px -280px;*/
  background-image: url('../img/systems/logo_woocommerce-bw.png');
}
.systems-woocommerce-sm:before {
  /*width: 133px;
  height: 128px;
  background-position: -1369px -280px;*/
  background-image: url('../img/systems/logo_woocommerce.png');
}
/*.systems-presta_shop-sm {
  width: 133px;
  height: 128px;
  background-position: -1434px -143px;
  background-image: url('../img/systems/logo_prestashop-bw.svg');
}

.systems-presta_shop-sm:before,
.systems-presta_shop-sm-color {
  width: 133px;
  height: 128px;
  background-position: -1572px -143px
  background-image: url('../img/systems/logo_prestashop.svg');
}*/

.systems-whmcs-sm {
  /*width: 133px;
  height: 128px;
  background-position: -18px -281px;*/
  background-image: url('../img/systems/logo_whmcs-bw.png');
}

.systems-whmcs-sm:before,
.systems-whmcs-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -156px -281px;*/
  background-image: url('../img/systems/logo_whmcs.png');
}

.systems-wordpress-sm {
  width: 133px;
  height: 128px;
  background-position: -286px -281px;
  background-image: url('../img/systems/logo_wordpress-bw.svg');
}

.systems-wordpress-sm:before,
.systems-wordpress-sm-color {
  /*width: 133px;
  height: 128px;
  background-position: -424px -281px;*/
  background-image: url('../img/systems/logo_wordpress-bw.svg');
}

.systems-ingram_micro-sm {
  width: 133px;
  height: 128px;
  background-position: -559px -281px;
}

.systems-ingram_micro-sm:before,
.systems-ingram_micro-sm-color {
  width: 133px;
  height: 128px;
  background-position: -697px -281px;
}
.partners-boxes .panel.systems{
  text-align: center;
}
.partners-boxes svg path,
.partners-boxes svg stop stop-color,
.partners-boxes svg stop offset,
.partners-boxes svg stop,
.partners-boxes stop {
  -moz-transition: .15s linear;
  -webkit-transition: .15s linear;
  -o-transition: .15s linear;
  transition: .15s linear;
}


#paint6_linear_107_825 stop [stop-color="#6ECFEC"],
#paint6_linear_107_825 stop [stop-color="#00AEDC"] {
  transition: .15s linear;
}
.partners-boxes svg .st0 {
  opacity: 0.6;
  fill: #828282;
}
.partners-boxes svg .st1 {
  fill: #C8C8C8;
}
.partners-boxes svg .st2 {
  opacity: 0.6;
  fill: #D6D6D6;
}
.partners-boxes svg .st3 {
  fill: #202020;
}
.partners-boxes svg .st4 {
  fill: rgba(45,44,45, 0.6);
}
.partners-boxes svg .st5 {
  fill: rgb(154, 154, 154, 0.6);
}
.partners-boxes svg .st6 {
  fill: rgba(73, 73, 73, 0.6);
}
.partners-boxes svg .st7 {
  fill: rgb(135, 135, 135, 0.6);
}
.partners-boxes svg .st8,
.partners-boxes svg .st9 {
  fill: rgba(81, 81, 81,0.6);
}
.partners-boxes svg .st10 {
  fill: #A8B0B8;
}
.partners-boxes svg .st11,
.partners-boxes svg .st12,
.partners-boxes svg .st13,
.partners-boxes svg .st14,
.partners-boxes svg .st15 {
  fill: #C8C8C8;
}
.partners-boxes svg .st18 {
  fill: #c1c4c6;
}
.partners-boxes svg .st23 {
  fill: #787F86;
}
.partners-boxes svg .st24 {
  fill: #C8D1D8;
}
.partners-boxes svg .st25 {
  fill: #A8B1B8;
}
.partners-boxes svg .st26 {
  fill: #868E95;
}
.partners-boxes .systems-whmcs:hover svg .st0 {
  opacity: 1;
  fill: #7AC042;
}
.partners-boxes .systems-whmcs:hover svg.svg-icon-desktop .st1 {
  fill: #043855;
  opacity: 1;
}
.partners-boxes .systems-ubersmith:hover svg .st1 {
  fill: #F09724;
}
.partners-boxes .systems-ubersmith:hover svg.svg-icon-mobile .st4 {
  fill: #172560;
}
.partners-boxes .systems-whmcs:hover svg .st2 {
  opacity: 1;
  fill: #D9DBDC;
}
.partners-boxes .systems-cpanel:hover svg .st1 {
  fill: #FF6C2C;
}
.partners-boxes .systems-plesk:hover svg .st4 {
  fill: #231F20;
}
.partners-boxes .systems-clientexec:hover svg .st4 {
  fill: #000000;
}
.partners-boxes .systems-plesk:hover svg .st5 {
  fill: #55BDE7;
}
.partners-boxes .systems-blesta:hover svg .st6 {
  fill: #0075B2;
}
.partners-boxes .systems-blesta:hover svg .st7 {
  fill: #6AB31D;
}
.partners-boxes .systems-direct_admin:hover svg .st4 {
  fill:#34383C;
}
.partners-boxes .systems-ubersmith:hover svg .st4 {
  fill: #2E3072;
}
.partners-boxes .systems-direct_admin:hover svg .st8 {
  fill: #31B7E9;
}
.partners-boxes .systems-direct_admin:hover svg .st9 {
  fill: #0682B4;
}
.partners-boxes .systems-easy_DCIM:hover svg .st4 {
  fill: #414042;
}
.partners-boxes .systems-easy_DCIM:hover svg .st10 {
  fill: #3780E6;
}
.partners-boxes .systems-ubersmith:hover svg .st10 {
  fill: #7F7F80;
}
.partners-boxes .systems-onapp:hover svg #paint0_linear_745_340 .stop-color{
  stop-color: #88D4EE!important;
}
.partners-boxes .systems-onapp:hover svg #paint0_linear_745_340 .stop-color1{
  stop-color: #00B2DE!important;
}
.partners-boxes .systems-onapp:hover svg #paint0_linear_745_340 .stop-color2{
  stop-color: #007393!important;
}
.partners-boxes .systems-onapp:hover #paint1_linear_745_340 .stop-color{
  stop-color: #88D4EE!important;
}
.partners-boxes .systems-onapp:hover #paint1_linear_745_340 .stop-color1{
  stop-color: #00B2DE!important;
}
.partners-boxes .systems-onapp:hover #paint1_linear_745_340 .stop-color2{
  stop-color: #007393!important;
}
.partners-boxes .systems-onapp:hover #paint2_linear_745_340 .stop-color {
  stop-color: #6ECFEC!important;
}
.partners-boxes .systems-onapp:hover #paint2_linear_745_340 .stop-color1 {
  stop-color: #00AEDC!important;
}
.partners-boxes .systems-onapp:hover #paint3_linear_745_340 .stop-color {
  stop-color: #00AEDC!important;
}
.partners-boxes .systems-onapp:hover #paint3_linear_745_340 .stop-color1 {
  stop-color: #00AEDC!important;
}
.partners-boxes .systems-onapp:hover #paint4_linear_745_340 .stop-color {
  stop-color: #C2C4C6!important;
}
.partners-boxes .systems-onapp:hover #paint4_linear_745_340 .stop-color1 {
  stop-color: #F2F3F4!important;
}
.partners-boxes .systems-onapp:hover #paint5_linear_745_340 .stop-color {
  stop-color: #A4A6A9!important;
}
.partners-boxes .systems-onapp:hover #paint5_linear_745_340 .stop-color1 {
  stop-color: #F2F1F2!important;
}
.partners-boxes .systems-onapp:hover #paint6_linear_745_340 .stop-color {
  stop-color: #6ECFEC!important;
}
.partners-boxes .systems-onapp:hover #paint6_linear_745_340 .stop-color1 {
  stop-color: #00AEDC!important;
}
.partners-boxes .systems-onapp:hover #paint7_linear_745_340 .stop-color {
  stop-color: #88D4EE!important;
}
.partners-boxes .systems-onapp:hover #paint7_linear_745_340 .stop-color1 {
  stop-color: #00B2DE!important;
}
.partners-boxes .systems-onapp:hover #paint7_linear_745_340 .stop-color2 {
  stop-color: #007393!important;
}

.partners-boxes .systems-onapp:hover svg .st4 {
  fill: #4B4647;
  opacity: 1;
}
.partners-boxes .systems-clientexec:hover svg .st10 {
  fill: #359FC1;
}
.partners-boxes .systems-clientexec:hover svg .st16 {
  fill: #FAA73A;
}
.partners-boxes .systems-clientexec:hover svg .st17 {
  fill: #E74D3C;
}
.partners-boxes .systems-magento:hover svg .st18 {
  fill: #FAB37C;
}
.partners-boxes .systems-magento:hover svg .st10 {
  fill: #EC4918;
}
.partners-boxes .systems-magento:hover svg .st4 {
  fill: #171113;
}
.partners-boxes .systems-presta_shop:hover svg .st4 {
  fill: #27245D;
}
.partners-boxes .systems-presta_shop:hover svg .st10 {
  fill: #E2066F;
}
.partners-boxes .systems-presta_shop:hover svg .st2 {
  fill: #A0DBE8;
}
.partners-boxes .systems-presta_shop:hover svg .st6 {
  fill: #9F2255;
}
.partners-boxes .systems-woocommerce:hover svg .st4 {
  fill: #000000;
}
.partners-boxes .systems-woocommerce:hover svg .st10 {
  fill: #7F54B3;
}
.partners-boxes .systems-wordpress:hover svg .st4 {
  fill: #444140;
}
.partners-boxes .systems-wordpress:hover svg .st10 {
  fill: #00759B;
  opacity: 1;
}
.partners-boxes .systems-joomla:hover svg .st4 {
  fill: #3B3A40;
}
.partners-boxes .systems-joomla:hover svg .st19 {
  fill: #7AC143;
}
.partners-boxes .systems-joomla:hover svg .st20 {
  fill: #F9A541;
}
.partners-boxes .systems-joomla:hover svg .st21 {
  fill: #F44321;
}
.partners-boxes .systems-joomla:hover svg .st22 {
  fill: #5091CD;
}
.partners-boxes .systems-drupal:hover svg .st10 {
  fill: #009CDE;
}
.partners-boxes .systems-ingram_micro:hover svg .st4 {
  fill: #2376B7;
}
.partners-boxes .systems-go_daddy:hover svg .st1 {
  fill: #1BDBDB;
}
.partners-boxes .systems-virtuozzo:hover svg .st4 {
  fill: #000000;
}
.partners-boxes .systems-virtuozzo:hover svg .st10,
.content-item.systems-virtuozzo-sm:hover svg .st10{
  fill: #CB333B;
}
.partners-boxes .systems-zendesk:hover svg .st1 {
  fill: #03363D;
}
.partners-boxes .systems-proxmox:hover svg .st1 {
  fill: #E57000;
}
.partners-boxes .systems-proxmox:hover svg .st4 {
  fill: #000000;
}
.partners-boxes .systems-gogetssl:hover svg .st1 {
  fill: #DB8410;
}
.partners-boxes .systems-gogetssl:hover svg .st4 {
  fill: #777278;
}
.partners-boxes .systems-epages:hover svg .st1 {
  fill: #D51317;
}
.partners-boxes .systems-epages:hover svg .st4 {
  fill: #2C2926;
}
.partners-boxes .systems-open_srs:hover svg .st4{
  fill: #04034A;
}
.partners-boxes .systems-open_srs:hover svg .st10{
  fill: #00C6E1;
}
.partners-boxes .systems-brixly:hover svg .st4.st1 {
  fill: #3B4B58;
}
.partners-boxes .systems-brixly:hover svg .st4 {
  fill: #495F6E;
}
.partners-boxes .systems-brixly:hover svg .st8 {
  fill: #12110C;
}
.partners-boxes .systems-nazwa_pl:hover svg .st1 {
  fill: #FF5200;
}
.partners-boxes .systems-nazwa_pl:hover svg .st4 {
  fill: #000000;
}
.partners-boxes .systems-nazwa_pl:hover svg .st8 {
  fill: #666666;
}
.partners-boxes .systems-liquid_web:hover svg .st1 {
  fill: #949494;
}
.partners-boxes .systems-liquid_web:hover svg .st4 {
  fill: #59595B;
}
.partners-boxes .systems-vultr:hover svg .st23 {
  fill: #142149;
}
.partners-boxes .systems-vultr:hover svg .st24 {
  fill: #C9F4FF;
}
.partners-boxes .systems-vultr:hover svg .st25 {
  fill: #51B9FF;
}
.partners-boxes .systems-vultr:hover svg .st26 {
  fill: #007BFC;
}
.partners-boxes .systems-liquid_web:hover svg #paint0_linear_745_242 .stop-color,
.partners-boxes .systems-liquid_web:hover svg #paint1_linear_745_242 .stop-color,
.partners-boxes .systems-liquid_web:hover svg #paint2_linear_745_242 .stop-color,
.partners-boxes .systems-liquid_web:hover svg #paint3_linear_745_242 .stop-color,
.partners-boxes .systems-liquid_web:hover svg #paint4_linear_745_242 .stop-color{
  stop-color: #2CC4F2!important;
}
.partners-boxes .systems-liquid_web:hover svg #paint0_linear_745_242 .stop-color1,
.partners-boxes .systems-liquid_web:hover svg #paint1_linear_745_242 .stop-color1,
.partners-boxes .systems-liquid_web:hover svg #paint2_linear_745_242 .stop-color1,
.partners-boxes .systems-liquid_web:hover svg #paint3_linear_745_242 .stop-color1,
.partners-boxes .systems-liquid_web:hover svg #paint4_linear_745_242 .stop-color1{
  stop-color: #08B3E2!important;
}
.partners-boxes .systems-liquid_web:hover svg #paint0_linear_745_242 .stop-color2,
.partners-boxes .systems-liquid_web:hover svg #paint1_linear_745_242 .stop-color2,
.partners-boxes .systems-liquid_web:hover svg #paint2_linear_745_242 .stop-color2,
.partners-boxes .systems-liquid_web:hover svg #paint3_linear_745_242 .stop-color2,
.partners-boxes .systems-liquid_web:hover svg #paint4_linear_745_242 .stop-color2 {
  stop-color: #0096DA !important;
}

.section-slider .partners-boxes .systems.m-t-2 svg {
  margin-top: 2px;
}
.section-slider .partners-boxes .systems.m-t-4 svg {
  margin-top: 4px;
}
.content-item.systems {
  width: 80px;
  height: 80px;
  background-image: none;
}

.content-item.systems:before {
  display: none;
}
.content-item svg{
  background-image: none;
  transition: .15s linear;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}
.content-item svg path,
.content-item svg g,
.content-item svg polygon,
.content-item svg polyline,
.content-item svg stop{
  -moz-transition: .15s linear;
  -webkit-transition: .15s linear;
  -o-transition: .15s linear;
  transition: .15s linear;
}
.content-item-plesk:hover .img-color,
.partners-boxes .svg-icon-mobile:hover .img-color{
  fill:#55BDE7;
}
.content-item.content-item-plesk:hover svg g,
.partners-boxes .svg-icon-mobile:hover g{
  opacity: 1;
}
.content-item.systems-direct_admin-sm:hover svg .img-color,
.partners-boxes .systems-direct_admin:hover svg .img-color{
  fill: #0A83B5;
}
.content-item.systems-direct_admin-sm:hover svg .img-color-1,
.partners-boxes .systems-direct_admin:hover svg .img-color-1{
  fill: #31B7E9;
}
.content-item.systems-direct_admin-sm:hover svg g,
.partners-boxes .systems-direct_admin:hover:hover svg g{
  opacity: 1;
}
.content-item.systems-cpanel-sm:hover svg path,
.partners-boxes .systems-cpanel:hover path{
  fill: #ED6C36;
  opacity: 1;
}
.content-item.systems-wordpress-sm:hover svg path,
.partners-boxes .systems-wordpress:hover svg path {
  fill: #464443;
  opacity: 1;
}
.content-item.systems-blesta-sm:hover svg g,
.partners-boxes .systems-blesta:hover svg g{
  opacity: 1;
}
.content-item.systems-blesta-sm:hover svg g path,
.partners-boxes .systems-blesta:hover svg g path{
  fill: #6BB42D;
}
.content-item.systems-blesta-sm:hover svg g g path,
.partners-boxes .systems-blesta:hover svg g g path{
  fill: #0376B3;
  opacity: 1;
}
.content-item.systems-ubersmith-sm:hover svg path,
.partners-boxes .systems-ubersmith:hover svg path{
  opacity: 1;
}
.content-item.systems-ubersmith-sm:hover svg path,
.partners-boxes .systems-ubersmith:hover svg path{
  fill: #172560;
}
.content-item.systems-ubersmith-sm:hover svg .img-color,
.partners-boxes .systems-ubersmith:hover svg .img-color{
  fill: #EF8212;
}
.content-item.systems-magento-sm:hover svg g,
.partners-boxes .systems-magento:hover svg g{
  opacity: 1;
}
.content-item.systems-magento-sm:hover svg .img-color,
.partners-boxes .systems-magento:hover svg .img-color{
  fill: #EC4918;
}
.content-item.systems-magento-sm:hover svg .img-color-1,
.partners-boxes .systems-magento:hover svg .img-color-1{
  fill: #FAB37C;
  opacity: 0.3;
}
.content-item.systems-joomla-sm:hover svg g,
.partners-boxes .systems-joomla:hover svg g{
  opacity: 1;
}
.content-item.systems-joomla-sm:hover svg .img-color,
.partners-boxes .systems-joomla:hover svg .img-color{
  fill: #7AC143;
}
.content-item.systems-joomla-sm:hover svg .img-color-1,
.partners-boxes .systems-joomla:hover svg .img-color-1{
  fill: #F9A541;
}
.content-item.systems-joomla-sm:hover svg .img-color-2,
.partners-boxes .systems-joomla:hover svg .img-color-2{
  fill: #F44321;
}
.content-item.systems-joomla-sm:hover svg .img-color-3,
.partners-boxes .systems-joomla:hover svg .img-color-3{
  fill: #5091CD;
}
.content-item.systems-drupal-sm:hover svg g,
.partners-boxes .systems-drupal:hover svg g{
  opacity: 1;
}
.content-item.systems-drupal-sm:hover svg path,
.partners-boxes .systems-drupal:hover svg path{
  fill: #009CDE;
}
.content-item.systems-clientexec-sm svg {
  width: 100%;
}
.content-item.systems-clientexec-sm:hover svg .img-color,
.partners-boxes .systems-clientexec:hover svg .img-color{
  fill: rgb(39, 157, 206);
}
.content-item.systems-clientexec-sm:hover svg g,
.partners-boxes .systems-clientexec:hover svg g{
  opacity: 1;
}
.content-item.systems-easy_dcim-sm:hover svg g,
.partners-boxes .systems-easy_DCIM:hover svg g{
  opacity: 1;
}
.content-item.systems-easy_dcim-sm:hover svg .img-color,
.partners-boxes .systems-easy_DCIM:hover svg .img-color{
  fill: #3D8EFF;
}
.content-item.systems-easy_dcim-sm:hover svg .img-color-1,
.partners-boxes .systems-easy_DCIM:hover svg .img-color-1{
  fill: #3780E6;
}
.content-item.systems-easy_dcim-sm:hover svg .img-color-2,
.partners-boxes .systems-easy_DCIM:hover svg .img-color-2{
  fill: #3F4557;
}
.content-item.systems-presta_shop-sm:hover svg g,
.partners-boxes .systems-presta_shop:hover svg g {
  opacity: 1;
}
.content-item.systems-presta_shop-sm:hover svg .img-color,
.partners-boxes .systems-presta_shop:hover svg .img-color {
  fill: #A0DBE8;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-1,
.partners-boxes .systems-presta_shop:hover svg .img-color-1{
  fill: #525353;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-2,
.partners-boxes .systems-presta_shop:hover svg .img-color-2{
  fill: #AA9678;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-3,
.partners-boxes .systems-presta_shop:hover svg .img-color-3,
.content-item.systems-presta_shop-sm:hover svg .img-color-4,
.partners-boxes .systems-presta_shop:hover svg .img-color-4{
  fill: #C0B098;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-5,
.partners-boxes .systems-presta_shop:hover svg .img-color-5{
  fill: #AA9678;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-7,
.partners-boxes .systems-presta_shop:hover svg .img-color-7{
  fill: #8B7460;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-9,
.partners-boxes .systems-presta_shop:hover svg .img-color-9{
  fill: #E2066F;
}
.content-item.systems-presta_shop-sm:hover svg .img-color-10,
.partners-boxes .systems-presta_shop:hover svg .img-color-10 {
  fill: #FBB040;
}
.content-item.systems-whmcs-sm svg .st0,
.partners-boxes .svg-icon-mobile .st0{
  opacity: 0.6;
}
.content-item.systems-whmcs-sm svg .st1 {
  fill: rgba(130, 130, 130, 0.6);
}
.partners-boxes .systems-whmcs .svg-icon-mobile .st1{
  fill: #828282;
}
.content-item.systems-whmcs-sm:hover svg .st0,
.partners-boxes .systems-whmcs:hover .svg-icon-mobile .st0{
  fill: #73CB0B;
  opacity: 1;
}
.partners-boxes .systems-whmcs:hover .svg-icon-mobile .st4 {
  fill: #7AC042;
}
.content-item.systems-whmcs-sm:hover svg .st1{
  fill: #73CB0B;
}
.content-item.systems-whmcs-sm svg .st2 {
  fill: rgba(214, 214, 214, 0.6);
  enable-background: new;
}
.partners-boxes .systems-whmcs .svg-icon-mobile .st4{
  fill: rgba(135, 135, 135, 0.6);
}
.content-item.systems-onapp-sm .st0,
.partners-boxes .systems-onapp .svg-icon-mobile .st0{
  opacity: 0.6;
}
.content-item.systems-onapp-sm .st1,
.partners-boxes .systems-onapp .svg-icon-mobile .st1{
  fill: url(#SVGID_1_);
}
.content-item.systems-onapp-sm .st1,
.partners-boxes .systems-onapp .svg-icon-mobile .st1,
.content-item.systems-onapp-sm .st2,
.partners-boxes .systems-onapp .svg-icon-mobile .st2,
.content-item.systems-onapp-sm .st3,
.partners-boxes .systems-onapp .svg-icon-mobile .st3,
.content-item.systems-onapp-sm .st4,
.partners-boxes .systems-onapp .svg-icon-mobile .st4{
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.content-item.systems-onapp-sm .st2,
.partners-boxes .systems-onapp .svg-icon-mobile .st2{
  fill: url(#SVGID_2_);
}
.content-item.systems-onapp-sm .st3,
.partners-boxes .systems-onapp .svg-icon-mobile .st3{
  fill: url(#SVGID_3_);
}
.content-item.systems-onapp-sm .st4,
.partners-boxes .systems-onapp .svg-icon-mobile .st4{
  fill: url(#SVGID_4_);
}
.content-item.systems-onapp-sm:hover svg g,
.partners-boxes .systems-onapp:hover .svg-icon-mobile g,
.content-item.systems-onapp-sm:hover svg path,
.partners-boxes .systems-onapp:hover .svg-icon-mobile path{
  opacity: 1;
}
.content-item.systems-onapp-sm:hover svg #SVGID_1_ stop[style="stop-color:#A9A9A9"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_1_ stop[style="stop-color:#A9A9A9"] {
  stop-color: #C2C4C6!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_1_ stop[style="stop-color:#EDEDED"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_1_ stop[style="stop-color:#EDEDED"]{
  stop-color: #F2F3F4!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_2_ stop[style="stop-color:#AEAEAE"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_2_ stop[style="stop-color:#AEAEAE"] {
  stop-color: #A4A6A9!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_2_ stop[style="stop-color:#EDEDED"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_2_ stop[style="stop-color:#EDEDED"] {
  stop-color: #F2F1F2!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_3_ stop[style="stop-color:#9A9A9A"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_3_ stop[style="stop-color:#9A9A9A"] {
  stop-color: #6ECFEC!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_3_ stop[style="stop-color:#4F4F4F"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_3_ stop[style="stop-color:#4F4F4F"] {
  stop-color: #00AEDC!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_4_ stop[style="stop-color:#9A9A9A"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_4_ stop[style="stop-color:#9A9A9A"] {
  stop-color: #88D4EE!important;
}
.content-item.systems-onapp-sm:hover svg #SVGID_4_ stop[style="stop-color:#4F4F4F"],
.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_4_ stop[style="stop-color:#4F4F4F"]{
  stop-color: #007393!important;
}
.content-item.systems-onapp-sm .st4,
.partners-boxes .systems-onapp svg.svg-icon-mobile .st4{
  fill: url(#SVGID_4_);
}
.content-item.systems-woocommerce-sm .st0,
.partners-boxes .systems-woocommerce .st0{
  opacity: 0.6;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #898989;
}
.content-item.systems-woocommerce-sm:hover svg .st0,
.partners-boxes .systems-woocommerce:hover svg .st0{
  opacity: 1;
  fill: #7f54b3;
}
.content-item.systems-easy_dcim-sm svg .st0,
.partners-boxes .systems-easy_DCIM svg .st0{
  fill: #A8B0B8;
}
.content-item.systems-easy_dcim-sm svg .st1,
.partners-boxes .systems-easy_DCIM svg .st1{
  fill: #FFFFFF;
}
.content-item.systems-easy_dcim-sm svg .st2,
.partners-boxes .systems-easy_DCIM svg .st2{
  fill: #DCDFE2;
}
.content-item.systems-easy_dcim-sm svg .st3,
.partners-boxes .systems-easy_DCIM svg .st3{
  fill: #C4CACE;
}
.content-item.systems-easy_dcim-sm:hover svg .st0,
.partners-boxes .systems-easy_DCIM:hover svg.svg-icon-mobile .st0{
  fill: #3780E6;
  opacity: 1;
}
.content-item.systems-easy_dcim-sm:hover svg .st1,
.partners-boxes .systems-easy_DCIM:hover svg .st1{
  fill: #FFFFFF;
}
.content-item.systems-easy_dcim-sm:hover svg .st2,
.partners-boxes .systems-easy_DCIM:hover svg .st2{
  fill: #E0E0E0;
}
.content-item.systems-easy_dcim-sm:hover svg .st3,
.partners-boxes .systems-easy_DCIM:hover svg .st3{
  fill: #CCCCCC;
}
.content-item.systems-virtuozzo-sm .st10 {
  fill: rgba(107, 107, 107, 0.6);
}
.content-item.systems-plesk-sm .st4{
  fill: rgba(32, 32, 32, 0.6);
}
.content-item.systems-plesk-sm:hover .st4{
  fill: rgb(32, 32, 32);
}
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    .content-item svg {
      width: 55px;
    }
  }
}

@media(max-width: 767px) {
  .content-item.systems {
    height: 50px;
  }
  .content-item svg{
    width: 34px;
    height: 34px;
    margin: auto;
  }
}
.section-slider .partners-boxes .svg-icon-mobile {
  display: none;
}
@media(min-width: 768px) {
  .partners-boxes .panel.systems svg{
    width: 100%;
  }
  .content-item.systems.systems-direct_admin-sm {
    margin-left: 8px;
  }
  @-moz-document url-prefix() {
    .partners-boxes .panel.systems svg{
      width: unset;
    }
  }
}
@media(min-width: 580px) {
  .section-image .partners-boxes .svg-icon-mobile {
    display: none;
  }
}
@media(max-width: 579px) {
  .section-image .partners-boxes .svg-icon-desktop {
    display: none;
  }
  .section-image .partners-boxes .svg-icon-mobile {
    display: block;
    width: 50px;
    height: 50px;
    margin: 15px auto;
  }
  .section-slider .partners-boxes .panel.systems svg {
    width: 100%;
  }
}
/*.systems-blesta {
  width: 360px;
  height: 160px;
  background-position: 7px -1801px;
  background-image: url('../img/software-development/logo_blesta-bw.svg');
}*/

/*.systems-blesta:before,
.systems-blesta-color {
  width: 360px;
  height: 160px;
  background-position: -363px -1801px;
  background-image: url('../img/software-development/logo_blesta.svg');
}*/

/*.systems-cpanel {
  width: 360px;
  height: 160px;
  background-position: -741px -1801px;
  background-image: url('../img/software-development/logo_cpanel-bw.svg');
}*/

/*.systems-cpanel:before,
.systems-cpanel-color {
  width: 360px;
  height: 160px;
  background-position: -1px -451px;
  background-image: url('../img/software-development/logo_cpanel.svg');
}*/

.systems-dediserve {
  width: 360px;
  height: 160px;
  background-position: -373px -450px;
}

.systems-dediserve:before,
.systems-dediserve-color {
  width: 360px;
  height: 160px;
  background-position: -743px -450px;
}

/*.systems-direct_admin {
  width: 360px;
  height: 160px;
  background-position: -1109px -447px;
  background-image: url('../img/software-development/logo_directadmin-bw.svg');
}*/

/*.systems-direct_admin:before,
.systems-direct_admin-color {
  width: 360px;
  height: 160px;
  background-position: 1px -617px;
  background-image: url('../img/software-development/logo_directadmin.svg');
}*/

/*.systems-drupal {
  width: 360px;
  height: 160px;
  background-position: -375px -621px;
  background-image: url('../img/software-development/logo_drupal-bw.svg');
}

.systems-drupal:before,
.systems-drupal-color {
  width: 360px;
  height: 160px;
  background-position: -745px -621px;
  background-image: url('../img/software-development/logo_drupal.svg');
}*/

/*.systems-easy_DCIM {
  width: 360px;
  height: 160px;
  background-position: -1114px -619px;
  background-image: url('../img/software-development/logo-easydcim-bw.svg');
}*/

/*.systems-easy_DCIM:before,
.systems-easy_DCIM-color {
  width: 360px;
  height: 160px;
  background-position: -4px -789px;
  background-image: url('../img/software-development/logo-easydcim.svg');
}*/

/*.systems-go_daddy {
  width: 360px;
  height: 160px;
  background-position: -372px -787px;
  background-image: url('../img/software-development/logo-godaddy-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.systems-go_daddy:before,
.systems-go_daddy-color {
  width: 360px;
  height: 160px;
  background-position: -740px -787px;
  background-image: url('../img/software-development/logo-godaddy.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-joomla {
  width: 360px;
  height: 160px;
  background-position: -1111px -787px;
  background-image: url('../img/software-development/logo_joomla-bw.svg');
}

.systems-joomla:before,
.systems-joomla-color {
  width: 360px;
  height: 160px;
  background-position: -1px -957px;
  background-image: url('../img/software-development/logo_joomla.svg');
}

.systems-liquid_web {
  width: 360px;
  height: 160px;
  background-position: -375px -961px;
  background-image: url('../img/software-development/logo_liquidweb-bw.svg');
}

.systems-liquid_web:before,
.systems-liquid_web-color {
  width: 360px;
  height: 160px;
  background-position: -745px -961px;
  background-image: url('../img/software-development/logo_liquidweb.svg');
}*/

/*.systems-magento {
  width: 360px;
  height: 160px;
  background-position: -1115px -961px;
  background-image: url('../img/software-development/logo_magento-bw.svg');
}

.systems-magento:before,
.systems-magento-color {
  width: 360px;
  height: 160px;
  background-position: -5px -1131px;
  background-image: url('../img/software-development/logo_magento.svg');
}

.systems-nazwa_pl {
  width: 360px;
  height: 160px;
  background-position: -375px -1126px;
  background-image: url('../img/software-development/logo_nazwapl-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.systems-nazwa_pl:before,
.systems-nazwa_pl-color {
  width: 360px;
  height: 160px;
  background-position: -745px -1126px;
  background-image: url('../img/software-development/logo_nazwapl.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/
/*.systems-virtuozzo {
  width: 360px;
  height: 160px;
  background-position: -375px -1126px;
  background-image: url('../img/software-development/logo-virtuozzo-bw.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.systems-virtuozzo:before {
  width: 360px;
  height: 160px;
  background-position: -745px -1126px;
  background-image: url('../img/software-development/logo-virtuozzo.svg');
  background-repeat: no-repeat;
  background-size: contain;
}*/

.systems-odin {
  width: 360px;
  height: 160px;
  background-position: -1111px -1127px;
}

.systems-odin:before,
.systems-odin-color {
  width: 360px;
  height: 160px;
  background-position: -1px -1297px;
}

/*.systems-onapp {
  width: 360px;
  height: 160px;
  background-position: -371px -1293px;
  background-image: url('../img/software-development/logo-onapp-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-onapp:before,
.systems-onapp-color {
  width: 360px;
  height: 160px;
  background-position: -741px -1293px;
  background-image: url('../img/software-development/logo-onapp.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-open_srs {
  width: 360px;
  height: 160px;
  background-position: -1113px -1297px;
  background-image: url('../img/software-development/logo_opensrs-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/
.partners-boxes a i.systems-open_srs {
  margin-top: -70px;
}
@-moz-document url-prefix() {
  .partners-boxes a i.systems-open_srs {
    margin-top: -75px;
  }
}
/*.systems-open_srs:before,
.systems-open_srs-color {
  width: 360px;
  height: 160px;
  background-position: -3px -1467px;
  background-image: url('../img/software-development/logo_opensrs.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-plesk {
  width: 360px;
  height: 160px;
  background-position: -369px -1467px;
  background-image: url('../img/software-development/logo_plesk-bw.svg');
}*/

/*.systems-plesk:before,
.systems-plesk-color {
  width: 360px;
  height: 160px;
  background-position: -739px -1464px;
  background-image: url('../img/software-development/logo_plesk.svg');
}*/

/*.systems-presta_shop {
  width: 360px;
  height: 160px;
  background-position: -1111px -1467px;
  background-image: url('../img/software-development/logo_prestashop-bw.svg');
}

.systems-presta_shop:before,
.systems-presta_shop-color {
  width: 360px;
  height: 160px;
  background-position: -1111px -1797px;
  background-image: url('../img/software-development/logo_prestashop.svg');
}

.systems-proxmox {
  width: 360px;
  height: 160px;
  background-position: -369px -1629px;
  background-image: url('../img/software-development/logo-proxmox-bw.png');
  background-repeat: no-repeat;
  background-size: contain;

}

.systems-proxmox:before,
.systems-proxmox-color {
  width: 360px;
  height: 160px;
  background-position: -739px -1629px;
  background-image: url('../img/software-development/logo-proxmox.png');
  background-repeat: no-repeat;
  background-size: contain;

}*/

.systems-spam_experts
/*.systems-gogetssl*/{
  width: 360px;
  height: 160px;
  /*background-position: -1483px -450px;*/
  background-image: url('../img/software-development/logo-gogetss-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.systems-spam_experts:before,
.systems-spam_experts-color
/*.systems-gogetssl:before*/{
  width: 360px;
  height: 160px;
  /*background-position: -1483px -617px;*/
  background-image: url('../img/software-development/logo-gogetssl.png');
  background-repeat: no-repeat;
  background-size: contain;
}

/*.systems-whmcs {
  width: 360px;
  height: 160px;
  background-position: -1482px -790px;
  background-image: url('../img/software-development/logo-whmcs-bg.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-whmcs:before,
.systems-whmcs-color {
  width: 360px;
  height: 160px;
  background-position: -1482px -960px;
  background-image: url('../img/software-development/logo-whmcs.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-wordpress {
  width: 360px;
  height: 160px;
  background-position: -1485px -1127px;
  background-image: url('../img/software-development/logo_wordpress-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-wordpress:before,
.systems-wordpress-color {
  width: 360px;
  height: 160px;
  background-position: -1485px -1297px;
  background-image: url('../img/software-development/logo_wordpress.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-zendesk {
  width: 360px;
  height: 160px;
  background-position: -1481px -1473px;
  background-image: url('../img/software-development/logo_zendesk-bw.svg');
}

.systems-zendesk:before,
.systems-zendesk-color {
  width: 360px;
  height: 160px;
  background-position: -1px -1643px;
  background-image: url('../img/software-development/logo_zendesk.svg');
}*/

/*.systems-ingram_micro {
  width: 360px;
  height: 160px;
  background-position: -1481px -1636px;
  background-image: url('../img/software-development/logo_ingram-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.systems-ingram_micro:before,
.systems-ingram_micro-color {
  width: 360px;
  height: 160px;
  background-position: -1111px -1636px;
  background-image: url('../img/software-development/logo_ingram.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-ubersmith {
  width: 360px;
  height: 160px;
  background-position: -3px -1960px;
  background-image: url('../img/software-development/logo-ubersmith-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*.systems-ubersmith:before,
.systems-ubersmith-color {
  width: 360px;
  height: 160px;
  background-position: -373px -1960px;
  background-image: url('../img/software-development/logo-ubersmith.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.systems-brixly {
  width: 360px;
  height: 160px;
  background-position: -3px -1960px;
  background-image: url('../img/software-development/logo_brixly-bw.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.systems-brixly:before,
.systems-brixly-color {
  width: 360px;
  height: 160px;
  background-position: -373px -1960px;
  background-image: url('../img/software-development/logo_brixly.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.systems-epages {
  width: 360px;
  height: 160px;
  background-position: -741px -1958px;
  background-image: url('../img/software-development/logo_epages-bw.svg');
}*/
.partners-boxes a i.systems-epages {
  margin-top: -72px;
}
@-moz-document url-prefix() {
  .partners-boxes a i.systems-epages {
    margin-top: -76px;
  }
}
/*.systems-epages:before,
.systems-epages-color {
  width: 360px;
  height: 160px;
  background-position: -1111px -1958px;
  background-image: url('../img/software-development/logo_epages.svg');
}*/
/*.systems-clientexec {
  width: 360px;
  height: 160px;
  background-image: url('../img/software-development/logo_clientexec-bw.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.systems-clientexec:before {
  width: 360px;
  height: 160px;
  background-image: url('../img/software-development/logo_clientexec.svg');
  background-repeat: no-repeat;
  background-size: contain;
}*/
/*.systems-woocommerce{
  width: 360px;
  height: 160px;
  background-image: url('../img/software-development/logo_woocommerce-bw.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 6px;
}
.systems-woocommerce:before {
  width: 360px;
  height: 160px;
  background-image: url('../img/software-development/logo_woocommerce.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 6px;

}*/
/*@media (max-width: 579px) {
  .software-development .systems {
    margin-left: -50px;
    margin-top: -62px;
    top: 59%;
    -ms-transform: translateY(31px) translateX(32px);
  }
  @-moz-document url-prefix() {
    .software-development .systems {
      top: 65%;
    }

  }*/
  /*.software-development .systems-blesta {
    width: 100px;
    height: 100px;
    background-position: -281px -5px;
    background-image: url('../img/systems/logo_blesta-bw.svg');
  }*/
  /*.software-development .systems-blesta:before {
    width: 100px;
    height: 100px;
    background-position: -419px -5px;
    background-image: url('../img/systems/logo_blesta.svg');
  }*/
  /*.software-development .systems-cpanel {
    width: 100px;
    height: 100px;
    background-position: -557px -5px;
    background-image: url('../img/systems/logo_cpanel-bw.svg');
  }*/
  /*.software-development .systems-cpanel:before {
    width: 100px;
    height: 100px;
    background-position: -695px -5px;
    background-image: url('../img/systems/logo_cpanel.svg');
  }*/
  /*.software-development .systems-direct_admin {
    width: 100px;
    height: 100px;
    background-position: -833px -5px;
    background-image: url('../img/systems/logo_directadmin-bw.svg');
  }*/
  /*.software-development .systems-direct_admin:before {
    width: 100px;
    height: 100px;
    background-position: -971px -5px;
    background-image: url('../img/systems/logo_directadmin.svg');
  }*/
  /*.software-development .systems-drupal {
    width: 100px;
    height: 100px;
    background-position: -1109px -5px;
    background-image: url('../img/systems/logo_drupal-bw.svg');
  }*/
  /*.software-development .systems-drupal:before {
    width: 100px;
    height: 100px;
    background-position: -1247px -5px;
    background-image: url('../img/systems/logo_drupal.svg');
  }*/
  /*.software-development .systems-easy_DCIM {
    width: 100px;
    height: 100px;
    background-position: -1385px -5px;
    background-image: url('../img/systems/logo_easydcim-bg.svg');
  }
  .software-development .systems-ingram_micro {
    background-position: -553px -281px;
    width: 128px;
    height: 128px;
  }
  .software-development .systems-ingram_micro:before {
    background-position: -691px -281px;
    width: 128px;
    height: 128px;
  }
  .software-development .systems-easy_DCIM:before {
    width: 100px;
    height: 100px;
    background-position: -1523px -5px;
    background-image: url('../img/systems/logo_easydcim.svg');
  }*/
  /*.software-development .systems-joomla {
    width: 100px;
    height: 100px;
    background-position: -5px -143px;
    background-image: url('../img/systems/logo_joomla-bw.svg');
  }
  .software-development .systems-joomla:before {
    width: 100px;
    height: 100px;
    background-position: -143px -143px;
    background-image: url('../img/systems/logo_joomla.svg');
  }*/
  /*.software-development .systems-magento {
    width: 100px;
    height: 100px;
    background-position: -281px -143px;
    background-image: url('../img/systems/logo_magento-bw.svg');
  }
  .software-development .systems-magento:before {
    width: 100px;
    height: 100px;
    background-position: -419px -143px;
    background-image: url('../img/systems/logo_magento.svg');
  }*/
  /*.software-development .systems-odin {
    width: 100px;
    height: 100px;
    background-position: -557px -143px;
  }
  .software-development .systems-odin:before {
    width: 128px;
    height: 128px;
    background-position: -695px -143px;
  }*/
  /*.software-development .systems-onapp {
    width: 100px;
    height: 100px;;
    background-position: -833px -143px;
    background-image: url('../img/systems/logo_onapp-bw.png');
  }*/
  /*.software-development .systems-onapp:before {
    width: 100px;
    height: 100px;
    background-position: -971px -143px;
    background-image: url('../img/systems/logo_onapp.png');
  }*/
  /*.software-development .systems-plesk {
    width: 100px;
    height: 100px;
    background-position: -1109px -143px;
    background-image: url('../img/systems/logo_plesk-bw.svg');
    background-position: center;
    background-repeat: no-repeat;
  }*/
  /*.software-development .systems-plesk:before {
    width: 100px;
    height: 100px;
    background-position: -1247px -143px;
    background-image: url('../img/systems/logo_plesk-bw.svg');
    background-position: center;
    background-repeat: no-repeat;
  }*/
  /*.software-development .systems-presta_shop {
    width: 100px;
    height: 100px;
    background-position: -1385px -143px;
    background-image: url('../img/systems/logo_prestashop-bw.svg');
  }
  .software-development .systems-presta_shop:before {
    width: 100px;
    height: 100px;
    background-position: -1523px -143px;
    background-image: url('../img/systems/logo_prestashop.svg');
  }*/
  /*.software-development .systems-whmcs {
    width: 100px;
    height: 100px;
    background-position: -5px -281px;
    background-image: url('../img/systems/logo_whmcs-bw.png');
  }*/
  /*.software-development .systems-whmcs:before {
    width: 100px;
    height: 100px;
    background-position: -143px -281px;
    background-image: url('../img/systems/logo_whmcs.png');
  }*/
  /*.software-development .systems-wordpress {
    width: 100px;
    height: 100px;
    background-position: -281px -281px;
    background-image: url('../img/systems/logo_wordpress-bw.svg');
  }
  .software-development .systems-wordpress:before {
    width: 100px;
    height: 100px;
    background-position: -419px -281px;
    background-image: url('../img/systems/logo_wordpress.svg');
  }*/
  /*.software-development .systems-ubersmith {
    width: 100px;
    height: 100px;
    background-position: -419px -281px;*
    background-image: url('../img/systems/logo_ubermsith-bw.svg');
  }*/
  /*.software-development .systems-ubersmith:before {
    width: 100px;
    height: 100px;
    background-position: -419px -281px;
    background-image: url('../img/systems/logo_ubermsith.svg');
  }*/
  /*.software-development .systems-clientexec{
    width: 100px;
    height: 100px;
    top: 79%;
    margin-left: -85px;
    background-position: -419px -281px;
    background-image: url('../img/systems/logo_clientexec-bw2.svg')
  }*/
  /*.software-development .systems-clientexec:before {
    width: 100px;
    height: 100px;
    background-position: -419px -281px;
    background-image: url('../img/systems/logo_clientexec2.svg')
  }*/
  /*@-moz-document url-prefix() {
    .software-development .systems-clientexec{
      top: 58%;
    }

  }*/
  /*.software-development .systems-woocommerce{
    width: 100px;
    height: 100px;
    background-image: url('../img/systems/logo_woocommerce-bw.png');
    background-position: center 26px;
  }
  .software-development .systems-woocommerce:before {
    width: 100px;
    height: 100px;
    background-image: url('../img/systems/logo_woocommerce.png');
    background-position: center 26px;

  }
}*/


/* ===========================

	GRADIENTTS 

	============================ */

.btn-linkedin {
  background: #00b2c9;
  background-image: -moz-linear-gradient( 160deg, #50daf2 0%, #00b2c9 100%);
  background-image: -webkit-linear-gradient( 160deg, #50daf2 0%, #00b2c9 100%);
  background-image: -ms-linear-gradient( 160deg, #50daf2 0%, #00b2c9 100%);
  background-image: linear-gradient( 160deg, #50daf2 0%, #00b2c9 100%);
}


/* primary */

.bg-primary-dark {
  background: #165d3a;
  background-image: -moz-linear-gradient( 160deg, #3d8655 0%, #165d3a 100%);
  background-image: -webkit-linear-gradient( 160deg, #3d8655 0%, #165d3a 100%);
  background-image: -ms-linear-gradient( 160deg, #3d8655 0%, #165d3a 100%);
  background-image: linear-gradient( 160deg, #3d8655 0%, #165d3a 100%);
}

.bg-primary-dark .section-desc,
.section-stats.bg-primary-dark .desc {
  color: rgba(224, 239, 221, 0.9);
}

.bg-primary,
.btn-primary {
  background: #4fb250;
  background-image: -moz-linear-gradient( 160deg, #74e565 0%, #4fb250 100%);
  background-image: -webkit-linear-gradient( 160deg, #74e565 0%, #4fb250 100%);
  background-image: -ms-linear-gradient( 160deg, #74e565 0%, #4fb250 100%);
  background-image: linear-gradient( 160deg, #74e565 0%, #4fb250 100%);
}

.bg-primary>span:before {
  background: rgba(255, 255, 255, 0.04);
}

.btn-primary:after {
  background-image: -moz-linear-gradient( 160deg, #77eb67 0%, #58c759 100%);
  background-image: -webkit-linear-gradient( 160deg, #77eb67 0%, #58c759 100%);
  background-image: -ms-linear-gradient( 160deg, #77eb67 0%, #58c759 100%);
  background-image: linear-gradient( 160deg, #77eb67 0%, #58c759 100%);
}


/* secondary */

.bg-secondary-dark {
  background: #5f352a;
  background-image: -moz-linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
  background-image: -webkit-linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
  background-image: -ms-linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
  background-image: linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
}

.bg-secondary-dark .section-desc,
.section-stats.bg-secondary-dark .desc {
  color: rgba(230, 219, 210, 0.9);
}

.bg-secondary,
.btn-secondary {
  background-image: -moz-linear-gradient( 160deg, #ff8e2b 0%, #ff6c2c 100%);
  background-image: -webkit-linear-gradient( 160deg, #ff8e2b 0%, #ff6c2c 100%);
  background-image: -ms-linear-gradient( 160deg, #ff8e2b 0%, #ff6c2c 100%);
  background-image: linear-gradient( 160deg, #ff8e2b 0%, #ff6c2c 100%);
}


/* light-blue */

.bg-dark-blue,
.section-blue,
.home-page .page-banner,
.page-bg,
.enterprise-page .page-banner {
  background: #00387d;
  background-image: -moz-linear-gradient( 160deg, #005cce 0%, #00387d 100%);
  background-image: -webkit-linear-gradient( 160deg, #005cce 0%, #00387d 100%);
  background-image: -ms-linear-gradient( 160deg, #005cce 0%, #00387d 100%);
  background-image: linear-gradient( 160deg, #005cce 0%, #00387d 100%);
}

.bg-light-blue,
.btn-light-blue {
  background: #40a3e5;
  background-image: -moz-linear-gradient( 160deg, #57cbf2 0%, #40a3e5 100%);
  background-image: -webkit-linear-gradient( 160deg, #57cbf2 0%, #40a3e5 100%);
  background-image: -ms-linear-gradient( 160deg, #57cbf2 0%, #40a3e5 100%);
  background-image: linear-gradient( 160deg, #57cbf2 0%, #40a3e5 100%);
}

.btn-light-blue:after {
  background-image: -moz-linear-gradient( 160deg, #69d9ff 0%, #4daef0 100%);
  background-image: -webkit-linear-gradient( 160deg, #69d9ff 0%, #4daef0 100%);
  background-image: -ms-linear-gradient( 160deg, #69d9ff 0%, #4daef0 100%);
  background-image: linear-gradient( 160deg, #69d9ff 0%, #4daef0 100%);
}

.btn-light-blue:focus:before,
.btn-light-blue:active:before {
  background: #40a3e5;
}


/* antares */

.bg-antares-dark,
.software-development .page-banner.bg-antares-dark {
  background: #004696;
  background-image: -moz-linear-gradient( 160deg, #267dc3 0%, #004696 100%);
  background-image: -webkit-linear-gradient( 160deg, #267dc3 0%, #04f696 100%);
  background-image: -ms-linear-gradient( 160deg, #267dc3 0%, #004696 100%);
  background-image: linear-gradient( 160deg, #267dc3 0%, #004696 100%);
}

.bg-antares,
.btn-antares {
  background: #0092d6;
  background-image: -moz-linear-gradient( 160deg, #29c6ff 0%, #0092d6 100%);
  background-image: -webkit-linear-gradient( 160deg, #29c6ff 0%, #0092d6 100%);
  background-image: -ms-linear-gradient( 160deg, #29c6ff 0%, #0092d6 100%);
  background-image: linear-gradient( 160deg, #29c6ff 0%, #0092d6 100%);
}

.bg-antares-dark .section-desc,
.bg-antares-dark.section-stats .desc,
.bg-antares.panel-image.panel-wide p,
.btn-antares .hero-slogan {
  color: rgba(235, 249, 255, 0.9);
}

.btn-antares:after {
  background-image: -moz-linear-gradient( 160deg, #52d1ff 0%, #00a4f0 100%);
  background-image: -webkit-linear-gradient( 160deg, #52d1ff 0%, #00a4f0 100%);
  background-image: -ms-linear-gradient( 160deg, #52d1ff 0%, #00a4f0 100%);
  background-image: linear-gradient( 160deg, #52d1ff 0%, #00a4f0 100%);
}

.panel.bg-antares {
  margin: 16px 0 -16px 0;
}

.btn-antares:focus:before,
.btn-antares:active:before {
  background: #0092d6;
}


/* onapp */

.bg-onapp-dark {
  background: #004c82;
  background-image: -moz-linear-gradient( 160deg, #0084bd 0%, #004c82 100%);
  background-image: -webkit-linear-gradient( 160deg, #0084bd 0%, #004c82 100%);
  background-image: -ms-linear-gradient( 160deg, #0084bd 0%, #004c82 100%);
  background-image: linear-gradient( 160deg, #0084bd 0%, #004c82 100%);
}

.bg-onapp,
.btn-onapp {
  background: #0088c2;
  background-image: -moz-linear-gradient( 160deg, #0fbfff 0%, #0088c2 100%);
  background-image: -webkit-linear-gradient( 160deg, #0fbfff 0%, #0088c2 100%);
  background-image: -ms-linear-gradient( 160deg, #0fbfff 0%, #0088c2 100%);
  background-image: linear-gradient( 160deg, #00b2ff 0%, #0088c2 100%);
}

.bg-onapp-dark .section-desc,
.bg-onapp-dark.section-stats .desc,
.btn-onapp .hero-slogan {
  color: rgba(239, 250, 255, 0.9);
}

.btn-onapp:after {
  background-image: -moz-linear-gradient( 160deg, #57c9fa 0%, #29a4d9 100%);
  background-image: -webkit-linear-gradient( 160deg, #57c9fa 0%, #29a4d9 100%);
  background-image: -ms-linear-gradient( 160deg, #57c9fa 0%, #29a4d9 100%);
  background-image: linear-gradient( 160deg, #57c9fa 0%, #29a4d9 100%);
}

.btn-onapp:focus:before,
.btn-onapp:active:before {
  background: #0088c2;
}


/* easydcim */

.bg-easydcim-dark {
  background: #174b96;
  background-image: -moz-linear-gradient( 160deg, #3e77c7 0%, #174b96 100%);
  background-image: -webkit-linear-gradient( 160deg, #3e77c7 0%, #174b96 100%);
  background-image: -ms-linear-gradient( 160deg, #3e77c7 0%, #174b96 100%);
  background-image: linear-gradient( 160deg, #3e77c7 0%, #174b96 100%);
}

.bg-easydcim,
.btn-easydcim {
  background: #4882d4;
  background-image: -moz-linear-gradient( 160deg, #63a0f5 0%, #3a87f2 100%);
  background-image: -webkit-linear-gradient( 160deg, #63a0f5 0%, #3a87f2 100%);
  background-image: -ms-linear-gradient( 160deg, #63a0f5 0%, #3a87f2 100%);
  background-image: linear-gradient( 160deg, #63a0f5 0%, #3a87f2 100%);
}

.bg-easydcim-dark .section-desc,
.bg-easydcim-dark.section-stats .desc,
.btn-easydcim .hero-slogan {
  color: rgba(236, 246, 251, 0.9);
}

.bg-easydcim.circle-box>span {
  background: rgba(255, 255, 255, .04);
}

.bg-easydcim.circle-box>span:before {
  background: rgba(255, 255, 255, .02);
}

.btn-easydcim:after {
  background-image: -moz-linear-gradient(160deg, #8cbcff 0%, #659dee 100%);
  background-image: -webkit-linear-gradient(160deg, #8cbcff 0%, #659dee 100%);
  background-image: -ms-linear-gradient(160deg, #8cbcff 0%, #659dee 100%);
  background-image: linear-gradient(160deg, #8cbcff 0%, #659dee 100%);
  opacity: 0;
}

.btn-easydcim:focus:before,
.btn-easydcim:active:before {
  background: #4882d4;
}

.btn-easydcim:hover::after {
  opacity: 1;
}


/* blesta */

.bg-blesta-dark {
  background: #0f527b;
  background-image: -moz-linear-gradient( 160deg, #177ebd 0%, #0f527b 100%);
  background-image: -webkit-linear-gradient( 160deg, #177ebd 0%, #0f527b 100%);
  background-image: -ms-linear-gradient( 160deg, #177ebd 0%, #0f527b 100%);
  background-image: linear-gradient( 160deg, #177ebd 0%, #0f527b 100%);
}

.bg-blesta,
.btn-blesta {
  background: #3383b5;
  background-image: -moz-linear-gradient( 160deg, #48b6fb 0%, #3383b5 100%);
  background-image: -webkit-linear-gradient( 160deg, #48b6fb 0%, #3383b5 100%);
  background-image: -ms-linear-gradient( 160deg, #48b6fb 0%, #3383b5 100%);
  background-image: linear-gradient( 160deg, #48b6fb 0%, #3383b5 100%);
}

.bg-blesta-dark .section-desc,
.bg-blesta-dark.section-stats .desc,
.btn-blesta .hero-slogan {
  color: rgba(211, 242, 255, 0.9);
}

.btn-blesta:after {
  background-image: -moz-linear-gradient( 160deg, #0289b9 0%, #3890c7 100%);
  background-image: -webkit-linear-gradient( 160deg, #52bdff 0%, #3890c7 100%);
  background-image: -ms-linear-gradient( 160deg, #52bdff 0%, #3890c7 100%);
  background-image: linear-gradient( 160deg, #52bdff 0%, #3890c7 100%);
}

.btn-blesta:focus:before,
.btn-blesta:active:before {
  background: #3383b5;
}


/* directadmin */

.bg-directadmin-dark {
  background: #065875;
  background-image: -moz-linear-gradient( 160deg, #0289b9 0%, #065875 100%);
  background-image: -webkit-linear-gradient( 160deg, #0289b9 0%, #065875 100%);
  background-image: -ms-linear-gradient( 160deg, #0289b9 0%, #065875 100%);
  background-image: linear-gradient( 160deg, #0289b9 0%, #065875 100%);
}

.bg-directadmin,
.btn-directadmin {
  background: #2292bb;
  background-image: -moz-linear-gradient( 160deg, #42beea 0%, #2292bb 100%);
  background-image: -webkit-linear-gradient( 160deg, #42beea 0%, #2292bb 100%);
  background-image: -ms-linear-gradient( 160deg, #42beea 0%, #2292bb 100%);
  background-image: linear-gradient( 160deg, #42beea 0%, #2292bb 100%);
}

.bg-directadmin-dark .section-desc,
.bg-directadmin-dark.section-stats .desc,
.btn-directadmin .hero-slogan {
  color: rgba(224, 246, 255, 0.9);
}

.bg-directadmin-dark .section-title {
  margin-right: -5px;
}

.btn-directadmin:after {
  background-image: -moz-linear-gradient( 160deg, #54c6f0 0%, #29a0cc 100%);
  background-image: -webkit-linear-gradient( 160deg, #54c6f0 0%, #29a0cc 100%);
  background-image: -ms-linear-gradient( 160deg, #54c6f0 0%, #29a0cc 100%);
  background-image: linear-gradient( 160deg, #54c6f0 0%, #29a0cc 100%);
}

.btn-directadmin:focus:before,
.btn-directadmin:active:before {
  background: #2292bb;
}


/* wordpress */

.bg-wordpress-dark {
  background: #3b4b5d;
  background-image: -moz-linear-gradient( 160deg, #5d7690 0%, #3b4b5d 100%);
  background-image: -webkit-linear-gradient( 160deg, #5d7690 0%, #3b4b5d 100%);
  background-image: -ms-linear-gradient( 160deg, #5d7690 0%, #3b4b5d 100%);
  background-image: linear-gradient( 160deg, #5d7690 0%, #3b4b5d 100%);
}

.bg-wordpress,
.btn-wordpress {
  background: #677d94;
  background-image: -moz-linear-gradient( 160deg, #94adc5 0%, #677d94 100%);
  background-image: -webkit-linear-gradient( 160deg, #94adc5 0%, #677d94 100%);
  background-image: -ms-linear-gradient( 160deg, #94adc5 0%, #677d94 100%);
  background-image: linear-gradient( 160deg, #94adc5 0%, #677d94 100%);
}

.bg-wordpress-dark .section-desc,
.bg-wordpress-dark.section-stats .desc,
.btn-wordpress .hero-slogan {
  color: rgba(243, 251, 255, 0.9);
}

.bg-wordpress.circle-box>span {
  background: rgba(255, 255, 255, 0.04);
}

.bg-wordpress.circle-box>span:before {
  background: rgba(255, 255, 255, 0.02);
}

.btn-wordpress .hero-icon>span {
  background: rgba(255, 255, 255, .07);
}

.btn-wordpress .hero-icon>span:before {
  background: rgba(255, 255, 255, .03);
}

.btn-wordpress .hero-icon>span:after {
  background: rgba(255, 255, 255, .01);
}

.btn-wordpress:after {
  background-image: -moz-linear-gradient( 160deg, #a3bfd9 0%, #7088a1 100%);
  background-image: -webkit-linear-gradient( 160deg, #a3bfd9 0%, #7088a1 100%);
  background-image: -ms-linear-gradient( 160deg, #a3bfd9 0%, #7088a1 100%);
  background-image: linear-gradient( 160deg, #a3bfd9 0%, #7088a1 100%);
}

.btn-wordpress:focus:before,
.btn-wordpress:active:before {
  background: #677d94;
}


/* prestashop */

.bg-presta-dark {
  background: #3b2f8a;
  background-image: -moz-linear-gradient( 160deg, #574aa8 0%, #3b2f8a 100%);
  background-image: -webkit-linear-gradient( 160deg, #574aa8 0%, #3b2f8a 100%);
  background-image: -ms-linear-gradient( 160deg, #574aa8 0%, #3b2f8a 100%);
  background-image: linear-gradient( 160deg, #574aa8 0%, #3b2f8a 100%);
}

.bg-presta,
.btn-presta {
  background: #7061d2;
  background-image: -moz-linear-gradient( 160deg, #9b8bff 0%, #7061d2 100%);
  background-image: -webkit-linear-gradient( 160deg, #9b8bff 0%, #7061d2 100%);
  background-image: -ms-linear-gradient( 160deg, #9b8bff 0%, #7061d2 100%);
  background-image: linear-gradient( 160deg, #9b8bff 0%, #7061d2 100%);
}

.bg-presta-dark .section-desc,
.bg-presta-dark.section-stats .desc,
.btn-presta .hero-slogan {
  color: rgba(227, 223, 255, 0.9);
}

.btn-presta .hero-icon>span {
  background: rgba(255, 255, 255, .07);
}

.btn-presta .hero-icon>span:before {
  background: rgba(255, 255, 255, .03);
}

.btn-presta .hero-icon>span:after {
  background: rgba(255, 255, 255, .01);
}

.bg-presta.circle-box>span {
  background: rgba(255, 255, 255, .04);
}

.bg-presta.circle-box>span:before {
  background: rgba(255, 255, 255, .02);
}

.btn-presta:after {
  background-image: -moz-linear-gradient( 160deg, #a091ff 0%, #7968e3 100%);
  background-image: -webkit-linear-gradient( 160deg, #a091ff 0%, #7968e3 100%);
  background-image: -ms-linear-gradient( 160deg, #a091ff 0%, #7968e3 100%);
  background-image: linear-gradient( 160deg, #a091ff 0%, #7968e3 100%);
}

.btn-presta:focus:before,
.btn-presta:active:before {
  background: #7061d2;
}


/* drupal */

.bg-drupal-dark {
  background: #064771;
  background-image: -moz-linear-gradient( 160deg, #0f6faf 0%, #064771 100%);
  background-image: -webkit-linear-gradient( 160deg, #0f6faf 0%, #064771 100%);
  background-image: -ms-linear-gradient( 160deg, #0f6faf 0%, #064771 100%);
  background-image: linear-gradient( 160deg, #0f6faf 0%, #064771 100%);
}

.bg-drupal,
.btn-drupal {
  background: #0680cc;
  background-image: -moz-linear-gradient( 160deg, #5fbbf5 0%, #0680cc 100%);
  background-image: -webkit-linear-gradient( 160deg, #5fbbf5 0%, #0680cc 100%);
  background-image: -ms-linear-gradient( 160deg, #5fbbf5 0%, #0680cc 100%);
  background-image: linear-gradient( 160deg, #5fbbf5 0%, #0680cc 100%);
}

.bg-drupal-dark .section-desc,
.bg-drupal-dark.section-stats .desc,
.btn-drupal .hero-slogan {
  color: rgba(231, 248, 255, 0.9)
}

.btn-drupal:after {
  background-image: -moz-linear-gradient( 160deg, #69c5ff 0%, #078adb 100%);
  background-image: -webkit-linear-gradient( 160deg, #69c5ff 0%, #078adb 100%);
  background-image: -ms-linear-gradient( 160deg, #69c5ff 0%, #078adb 100%);
  background-image: linear-gradient( 160deg, #69c5ff 0%, #078adb 100%);
}

.btn-drupal:focus:before,
.btn-drupal:active:before {
  background: #0680cc;
}


/* joomla */

.bg-odin-dark {
  background: #602b2b;
  background-image: -moz-linear-gradient( 160deg, #994343 0%, #602b2b 100%);
  background-image: -webkit-linear-gradient( 160deg, #994343 0%, #602b2b 100%);
  background-image: -ms-linear-gradient( 160deg, #994343 0%, #602b2b 100%);
  background-image: linear-gradient( 160deg, #994343 0%, #602b2b 100%);
}

.bg-odin,
.btn-odin {
  background: #b94949;
  background-image: -moz-linear-gradient( 160deg, #ec6969 0%, #b94949 100%);
  background-image: -webkit-linear-gradient( 160deg, #ec6969 0%, #b94949 100%);
  background-image: -ms-linear-gradient( 160deg, #ec6969 0%, #b94949 100%);
  background-image: linear-gradient( 160deg, #ec6969 0%, #b94949 100%);
}

.bg-odin-dark .section-desc,
.bg-odin-dark.section-stats .desc,
.btn-odin .hero-slogan {
  color: rgba(245, 235, 235, 0.9);
}

.btn-odin:after {
  background-image: -moz-linear-gradient( 160deg, #ff8282 0%, #c94d4d 100%);
  background-image: -webkit-linear-gradient( 160deg, #ff8282 0%, #c94d4d 100%);
  background-image: -ms-linear-gradient( 160deg, #ff8282 0%, #c94d4d 100%);
  background-image: linear-gradient( 160deg, #ff8282 0%, #c94d4d 100%);
}

.btn-odin:focus:before,
.btn-odin:active:before {
  background: #b94949;
}


/* plesk */

.bg-plesk-dark {
  background: #304658;
  background-image: -moz-linear-gradient( 160deg, #587d9c 0%, #304658 100%);
  background-image: -webkit-linear-gradient( 160deg, #587d9c 0%, #304658 100%);
  background-image: -ms-linear-gradient( 160deg, #587d9c 0%, #304658 100%);
  background-image: linear-gradient( 160deg, #587d9c 0%, #304658 100%);
}

.bg-plesk,
.btn-plesk {
  background: #5094b7;
  background-image: -moz-linear-gradient( 160deg, #72bfe4 0%, #5094b7 100%);
  background-image: -webkit-linear-gradient( 160deg, #72bfe4 0%, #5094b7 100%);
  background-image: -ms-linear-gradient( 160deg, #72bfe4 0%, #5094b7 100%);
  background-image: linear-gradient( 160deg, #72bfe4 0%, #5094b7 100%);
}

.bg-plesk-dark .section-desc,
.bg-plesk-dark.section-stats .desc,
.btn-plesk .hero-slogan {
  color: rgba(227, 239, 245, 0.9)
}

.btn-plesk:after {
  background-image: -moz-linear-gradient( 160deg, #78caf0 0%, #59a4c9 100%);
  background-image: -webkit-linear-gradient( 160deg, #78caf0 0%, #59a4c9 100%);
  background-image: -ms-linear-gradient( 160deg, #78caf0 0%, #59a4c9 100%);
  background-image: linear-gradient( 160deg, #78caf0 0%, #59a4c9 100%);
}

.btn-plesk:focus:before,
.btn-plesk:active:before {
  background: #5094b7;
}


/* joomla */

.bg-joomla-dark {
  background: #712e2e;
  background-image: -moz-linear-gradient( 160deg, #a75252 0%, #712e2e 100%);
  background-image: -webkit-linear-gradient( 160deg, #a75252 0%, #712e2e 100%);
  background-image: -ms-linear-gradient( 160deg, #a75252 0%, #712e2e 100%);
  background-image: linear-gradient( 160deg, #a75252 0%, #712e2e 100%);
}

.bg-joomla,
.btn-joomla {
  background: #c15454;
  background-image: -moz-linear-gradient( 160deg, #f36666 0%, #c15454 100%);
  background-image: -webkit-linear-gradient( 160deg, #f36666 0%, #c15454 100%);
  background-image: -ms-linear-gradient( 160deg, #f36666 0%, #c15454 100%);
  background-image: linear-gradient( 160deg, #f36666 0%, #c15454 100%);
}

.bg-joomla-dark .section-desc,
.bg-joomla-dark.section-stats .desc,
.btn-joomla .hero-slogan {
  color: rgba(241, 226, 226, 0.9)
}

.btn-joomla:after {
  background-image: -moz-linear-gradient( 160deg, #fc6a6a 0%, #d95f5f 100%);
  background-image: -webkit-linear-gradient( 160deg, #fc6a6a 0%, #d95f5f 100%);
  background-image: -ms-linear-gradient( 160deg, #fc6a6a 0%, #d95f5f 100%);
  background-image: linear-gradient( 160deg, #fc6a6a 0%, #d95f5f 100%);
}

.btn-joomla:focus:before,
.btn-joomla:active:before {
  background: #c15454;
}


/* cpanel */

.bg-cpanel-dark {
  background: #653f2d;
  background-image: -moz-linear-gradient( 160deg, #945c49 0%, #653f2d 100%);
  background-image: -webkit-linear-gradient( 160deg, #945c49 0%, #653f2d 100%);
  background-image: -ms-linear-gradient( 160deg, #945c49 0%, #653f2d 100%);
  background-image: linear-gradient( 160deg, #945c49 0%, #653f2d 100%);
}

.bg-cpanel,
.btn-cpanel {
  background: #fa772a;
  background-image: -moz-linear-gradient( 160deg, #ff9558 0%, #fa772a 100%);
  background-image: -webkit-linear-gradient( 160deg, #ff9558 0%, #fa772a 100%);
  background-image: -ms-linear-gradient( 160deg, #ff9558 0%, #fa772a 100%);
  background-image: linear-gradient( 160deg, #ff9558 0%, #fa772a 100%);
}

.bg-cpanel-dark .section-desc,
.bg-cpanel-dark.section-stats .desc {
  color: rgba(255, 242, 232, 0.9);
}

.btn-cpanel:after {
  background-image: -moz-linear-gradient( 160deg, #ff985c 0%, #ff7f36 100%);
  background-image: -webkit-linear-gradient( 160deg, #ff985c 0%, #ff7f36 100%);
  background-image: -ms-linear-gradient( 160deg, #ff985c 0%, #ff7f36 100%);
  background-image: linear-gradient( 160deg, #ff985c 0%, #ff7f36 100%);
}

.btn-cpanel:focus:before,
.btn-cpanel:active:before {
  background: #fa772a;
}


/* teal */

.bg-teal-dark {
  background: #00528c;
  background-image: -moz-linear-gradient( 160deg, #007fb5 0%, #00528c 100%);
  background-image: -webkit-linear-gradient( 160deg, #007fb5 0%, #00528c 100%);
  background-image: -ms-linear-gradient( 160deg, #007fb5 0%, #00528c 100%);
  background-image: linear-gradient( 160deg, #007fb5 0%, #00528c 100%);
}

.bg-teal,
.btn-teal {
  background: #26b58f;
  background-image: -moz-linear-gradient( 160deg, #41d9b0 0%, #26b58f 100%);
  background-image: -webkit-linear-gradient( 160deg, #41d9b0 0%, #26b58f 100%);
  background-image: -ms-linear-gradient( 160deg, #41d9b0 0%, #26b58f 100%);
  background-image: linear-gradient( 160deg, #41d9b0 0%, #26b58f 100%);
}

.btn-teal,
.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active {
  color: #fff;
}

.btn-teal:after {
  background-image: -moz-linear-gradient( 160deg, #46ebbf 0%, #2ac79d 100%);
  background-image: -webkit-linear-gradient( 160deg, #46ebbf 0%, #2ac79d 100%);
  background-image: -ms-linear-gradient( 160deg, #46ebbf 0%, #2ac79d 100%);
  background-image: linear-gradient( 160deg, #46ebbf 0%, #2ac79d 100%);
}

.btn-teal:focus:before,
.btn-teal:active:before {
  background: #26b58f;
}


/* purple */

.section-purple,
.bg-purple-dark {
  background: #4b2a98;
  background-image: -moz-linear-gradient( 160deg, #6e59c9 0%, #4b2a98 100%);
  background-image: -webkit-linear-gradient( 160deg, #6e59c9 0%, #4b2a98 100%);
  background-image: -ms-linear-gradient( 160deg, #6e59c9 0%, #4b2a98 100%);
  background-image: linear-gradient( 160deg, #6e59c9 0%, #4b2a98 100%);
}

.bg-purple,
.btn-purple {
  background: #8259d4;
  background-image: -moz-linear-gradient( 160deg, #ab8efb 0%, #8259d4 100%);
  background-image: -webkit-linear-gradient( 160deg, #ab8efb 0%, #8259d4 100%);
  background-image: -ms-linear-gradient( 160deg, #ab8efb 0%, #8259d4 100%);
  background-image: linear-gradient( 160deg, #ab8efb 0%, #8259d4 100%);
}

.btn-purple {
  color: #fff;
}

.section-purple .section-desc,
.bg-purple-dark .section-desc,
.bg-purple-dark.section-stats .desc {
  color: rgba(237, 229, 255, 0.9);
}

.bg-purple.circle-box>span {
  background: rgba(255, 255, 255, .04);
}

.bg-purple.circle-box>span:before {
  background: rgba(255, 255, 255, .02);
}

.btn-purple:after {
  background-image: -moz-linear-gradient( 160deg, #b89eff 0%, #8d60e5 100%);
  background-image: -webkit-linear-gradient( 160deg, #b89eff 0%, #8d60e5 100%);
  background-image: -ms-linear-gradient( 160deg, #b89eff 0%, #8d60e5 100%);
  background-image: linear-gradient( 160deg, #b89eff 0%, #8d60e5 100%);
}

.btn-purple:focus:before,
.btn-purple:active:before {
  background: #8259d4;
}


/* orange */

.bg-orange,
.btn-orange {
  background: #f5843d;
  background-image: -moz-linear-gradient( 160deg, #ffa14f 0%, #f5843d 100%);
  background-image: -webkit-linear-gradient( 160deg, #ffa14f 0%, #f5843d 100%);
  background-image: -ms-linear-gradient( 160deg, #ffa14f 0%, #f5843d 100%);
  background-image: linear-gradient( 160deg, #ffa14f 0%, #f5843d 100%);
}

.btn-orange {
  color: #fff;
}

.bg-orange.circle-box>span {
  background: rgba(255, 255, 255, .04);
}

.bg-orange.circle-box>span:before {
  background: rgba(255, 255, 255, .02);
}

.btn-orange:after {
  background-image: -moz-linear-gradient( 160deg, #ffab61 0%, #ff8f4a 100%);
  background-image: -webkit-linear-gradient( 160deg, #ffab61 0%, #ff8f4a 100%);
  background-image: -ms-linear-gradient( 160deg, #ffab61 0%, #ff8f4a 100%);
  background-image: linear-gradient( 160deg, #ffab61 0%, #ff8f4a 100%);
}

.btn-orange:focus:before,
.btn-orange:active:before {
  background: #f5843d;
}


/* whmcs */

.bg-whmcs-dark {
  background: #653f2d;
  background-image: -moz-linear-gradient( 160deg, #1d649c 0%, #144163 100%);
  background-image: -webkit-linear-gradient( 160deg, #1d649c 0%, #144163 100%);
  background-image: -ms-linear-gradient( 160deg, #1d649c 0%, #144163 100%);
  background-image: linear-gradient( 160deg, #1d649c 0%, #144163 100%);
}

.bg-whmcs,
.btn-whmcs {
  background: #fa772a;
  background-image: -moz-linear-gradient( 160deg, #39adea 0%, #0081c5 100%);
  background-image: -webkit-linear-gradient( 160deg, #39adea 0%, #0081c5 100%);
  background-image: -ms-linear-gradient( 160deg, #39adea 0%, #0081c5 100%);
  background-image: linear-gradient( 160deg, #39adea 0%, #0081c5 100%);
}

.bg-whmcs-dark .section-desc,
.bg-whmcs-dark.section-stats .desc {
  color: rgba(239, 247, 251, 0.9)
}

.btn-whmcs:after {
  background-image: -moz-linear-gradient( 160deg, #3bb6f7 0%, #008bd6 100%);
  background-image: -webkit-linear-gradient( 160deg, #3bb6f7 0%, #008bd6 100%);
  background-image: -ms-linear-gradient( 160deg, #3bb6f7 0%, #008bd6 100%);
  background-image: linear-gradient( 160deg, #3bb6f7 0%, #008bd6 100%);
}

.btn-whmcs:focus:before,
.btn-whmcs:active:before {
  background: #fa772a;
}

/* woocommerce*/
.bg-woocommerce {
  background: #fa772a;
  background-image: -moz-linear-gradient(160deg, #624882 0%, #3A2653 100%);
  background-image: -webkit-linear-gradient(160deg, #624882 0%, #3A2653 100%);
  background-image: -ms-linear-gradient(160deg, #624882 0%, #3A2653 100%);
  background-image: linear-gradient(160deg, #624882 0%, #3A2653 100%);
}
.bg-woocommerce-box {
  background-image: -moz-linear-gradient(160deg, #AE74F4 0%, #7F54B3 100%);
  background-image: -webkit-linear-gradient(160deg, #AE74F4 0%, #7F54B3 100%);
  background-image: -ms-linear-gradient(160deg, #AE74F4 0%, #7F54B3 100%);
  background-image: linear-gradient(160deg, #AE74F4 0%, #7F54B3 100%);
}
/* ubersmith */

.bg-ubersmith {
  background-image: -moz-linear-gradient(160deg, #AA702C 0%, #7B4D1C 100%);
  background-image: -webkit-linear-gradient(160deg, #AA702C 0%, #7B4D1C 100%);
  background-image: -ms-linear-gradient(160deg, #AA702C 0%, #7B4D1C 100%);
  background-image: linear-gradient(160deg, #AA702C 0%, #7B4D1C 100%);
}
.bg-ubersmith-box {
  background-image: -moz-linear-gradient(160deg, #FFA22A 0%, #ED8D11 100%);
  background-image: -webkit-linear-gradient(160deg, #FFA22A 0%, #ED8D11 100%);
  background-image: -ms-linear-gradient(160deg, #FFA22A 0%, #ED8D11 100%);
  background-image: linear-gradient(160deg, #FFA22A 0%, #ED8D11 100%);
}
/* Clientexec*/
.bg-clientexec {
  background-image: -moz-linear-gradient(160deg, #2C4B88 0%, #183171 100%);
  background-image: -webkit-linear-gradient(160deg, #2C4B88 0%, #183171 100%);
  background-image: -ms-linear-gradient(160deg, #2C4B88 0%, #183171 100%);
  background-image: linear-gradient(160deg, #2C4B88 0%, #183171 100%);
}
.bg-clientexec-box {
  background-image: -moz-linear-gradient(160deg, #668CEF 0%, #486ED3 100%);
  background-image: -webkit-linear-gradient(160deg, #668CEF 0%, #486ED3 100%);
  background-image: -ms-linear-gradient(160deg, #668CEF 0%, #486ED3 100%);
  background-image: linear-gradient(160deg, #668CEF 0%, #486ED3 100%);
}
.bg-gold,
.btn-gold {
  background: #fa772a;
  background-image: -moz-linear-gradient( 160deg, #e9b163 0%, #d1935d 100%);
  background-image: -webkit-linear-gradient( 160deg, #e9b163 0%, #d1935d 100%);
  background-image: -ms-linear-gradient( 160deg, #e9b163 0%, #d1935d 100%);
  background-image: linear-gradient( 160deg, #e9b163 0%, #d1935d 100%);
}

.btn-gold:after {
  background-image: -moz-linear-gradient( 160deg, #ffc16b 0%, #eba567 100%);
  background-image: -webkit-linear-gradient( 160deg, #ffc16b 0%, #eba567 100%);
  background-image: -ms-linear-gradient( 160deg, #ffc16b 0%, #eba567 100%);
  background-image: linear-gradient( 160deg, #ffc16b 0%, #eba567 100%);
}

.btn-gold:focus:before,
.btn-gold:active:before{
  background: #fa772a;
}
/*.btn-gold:hover{*/
/*  background: #fa7f38;*/
/*}*/

.btn-easydcim,
.btn-easydcim:hover,
.btn-easydcim:focus,
.btn-easydcim:active,
.btn-mc,
.btn-mc:hover,
.btn-mc:focus,
.btn-mc:active,
.btn-gold,
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
  color: #fff;
}

.bg-panelalpha,
.btn-panelalpha {
  background: #07C07E;
  background-image: -moz-linear-gradient( 160deg, #3ECE79 0%, #07C07E 100%);
  background-image: -webkit-linear-gradient( 160deg, #3ECE79 0%, #07C07E 100%);
  background-image: -ms-linear-gradient( 160deg, #3ECE79 0%, #07C07E 100%);
  background-image: linear-gradient( 160deg, #3ECE79 0%, #07C07E 100%);
}

.btn-panelalpha:after {
  background-image: -moz-linear-gradient( 160deg, #82b6ff 0%, #5491e8 100%);
  background-image: -webkit-linear-gradient( 160deg, #82b6ff 0%, #5491e8 100%);
  background-image: -ms-linear-gradient( 160deg, #82b6ff 0%, #5491e8 100%);
  background-image: linear-gradient( 160deg, #82b6ff 0%, #5491e8 100%);
  opacity: 0;
}

.btn-panelalpha:hover,
.btn-panelalpha{
  color: #FFF!important;
}
/*.btn-panelalpha:focus:before,*/
/*.btn-panelalpha:active:before {*/
/*  background: #07C07E;*/
/*}*/

.btn-panelalpha {
  color: #fff!important;
  background: #07c07e;
  background-image: linear-gradient(160deg, #3ece79, #07c07e);
}
.btn-panelalpha:before {
  background: #07c07e;
}
.btn-panelalpha:after {
  background-image: linear-gradient(160deg, #34dea3 0%, #1acd8e 100%);
}
.btn-panelalpha:hover:after {
  opacity: 1;
}


.btn-mc{
  background: #725bf1;
  background: -moz-linear-gradient(160deg, #725bf1 0%, #5140bb 100%);
  background: -o-linear-gradient(160deg, #725bf1 0%, #5140bb 100%);
  background: -webkit-linear-gradient(290deg, #725bf1 0%, #5140bb 100%);
  background: -ms-linear-gradient(160deg, #725bf1 0%,#5140bb 100%);
  background: linear-gradient(160deg, #725bf1 0%,#5140bb 100%);
  min-width: 120px !important;
}

.alert.alert-promo.alert-mcrg > .btn.btn-mc {
  min-width: 140px !important;
}

.alert.alert-promo > .btn {
  min-width: 100px;
}

.btn-mc:after {
  background-image: -moz-linear-gradient(160deg, #9a89ec 0%, #6c5dc7 100%);
  background-image: -webkit-linear-gradient(160deg, #9a89ec 0%, #6c5dc7 100%);
  background-image: -ms-linear-gradient(160deg, #9a89ec 0%, #6c5dc7 100%);
  background-image: linear-gradient(160deg, #9a89ec 0%, #6c5dc7 100%);
  opacity: 0;
}

.btn-mc:hover::after {
  opacity: 1;
}

	.bg-dark-orange {
    background: #5f352a;
    background-image: -moz-linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
    background-image: -webkit-linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
    background-image: -ms-linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
    background-image: linear-gradient( 160deg, #9a5a4c 0%, #5f352a 100%);
	}
	.bg-dark-orange .list-styled>li:before {
		color: #ffa14f ;
	}

	.bg-dark-teal {
    background: #0c5d47;
    background-image: -moz-linear-gradient( 160deg, #249476 0%, #0c5d47 100%);
    background-image: -webkit-linear-gradient( 160deg, #249476 0%, #0c5d47 100%);
    background-image: -ms-linear-gradient( 160deg, #249476 0%, #0c5d47 100%);
    background-image: linear-gradient( 160deg, #249476 0%, #0c5d47 100%);
	}
	.bg-dark-teal .list-styled>li:before {
		color: #41d9b0;
	}
	.bg-premium-assistance-dark {
		background: #5d4228;
    background-image: -moz-linear-gradient( 160deg, #866c4d 0%, #5d3928  100%);
    background-image: -webkit-linear-gradient( 160deg, #866c4d 0%, #5d3928  100%);
    background-image: -ms-linear-gradient( 160deg, #866c4d 0%, #5d3928  100%);
    background-image: linear-gradient( 160deg, #866c4d 0%, #5d3928  100%);
	
	}
	.bg-premium-assistance-dark .list-styled>li:before {
		color: #e4bc67;
	}
	.bg-premium-assistance,
	.btn-premium-assistance {
		background: #c19349;
    background-image: -moz-linear-gradient( 160deg, #e4bc67 0%, #c19349 100%);
    background-image: -webkit-linear-gradient( 160deg, #e4bc67 0%, #c19349 100%);
    background-image: -ms-linear-gradient( 160deg, #e4bc67 0%, #c19349 100%);
    background-image: linear-gradient( 160deg, #e4bc67 0%, #c19349 100%);
	}


	.panel-image p + ul {
		margin-top: 16px;
	}
	.panel-image p + ul > li {
		padding: 2px 0 2px 32px;
	}
	.panel-image-sm .panel-body {
		padding: 24px;
	}
	.banner-section .list-styled > li  {
		color: #fff;
		font-size: 16px;
	}


@-moz-document url-prefix() {
  .panel,
  .circle-box,
  .testimmonial {
    box-shadow: 0 6px 14px rgba(0, 0, 0, .1)
  }
}

.eu-founds {
  text-align: center;
  margin-bottom: 24px;
}

.eu-founds img {
  max-width: 100%;
}


/* page notification */

.page-notification {
  position: fixed;
  top: -100%;
  z-index: 102;
  width: 100%;
  padding: 16px 0;
  background: -moz-linear-gradient(110deg, rgba(103, 87, 216, 1) 0%, rgba(142, 131, 226, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(142, 131, 226, 1)), color-stop(100%, rgba(123, 110, 221, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(110deg, rgba(103, 87, 216, 1) 0%, rgba(142, 131, 226, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(110deg, rgba(103, 87, 216, 1) 0%, rgba(142, 131, 226, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(110deg, rgba(103, 87, 216, 1) 0%, rgba(142, 131, 226, 1) 100%);
  /* ie10+ */
  background: linear-gradient(340deg, rgba(103, 87, 216, 1) 0%, rgba(142, 131, 226, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6757D8', endColorstr='#8e83e2', GradientType=0);
  /* ie6-9 */
}

.page-notification .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
}

.page-notification .container:before,
.page-notification .container:after {
  display: none;
}
.page-notification .notification-body i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-right: 16px;
  position: absolute;
  top: 2px;
  left: 0;
}

.page-notification .notification-body p {
  margin: 0;
  position: relative;
}
.page-notification .notification-body  span {
  padding-left: 36px;
  display: inline-block;
}
.page-notification .notification-body span span {
  padding: 0;
}
.page-notification .notification-body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -16px 0 -16px 16px;
  padding: 0;
  list-style: none;
}

.page-notification .notification-body ul li {
  position: relative;
  padding: 0 16px 0 24px;
}

.page-notification .notification-body ul li:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
}

.page-notification .notification-body ul li a {
  color: #fff;
  font-weight: 700;
  padding: 16px 0;
  flex-shrink: 0;
  display: flex;
}

.page-notification .notification-body ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.page-notification .notification-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
-webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -10px 0;
}

@media (max-width: 559px){
  .page-notification .notification-body .promo-banner-code-main {
      padding: 4px;
  }
}

@media (max-width: 1199px) {
  .page-notification .notification-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .page-notification .notification-body ul {
    margin: 0 0 -11px;
  }

  .page-notification .notification-actions {
    margin-top: -8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .page-notification .notification-body ul li:first-of-type {
    padding-left: 0;
  }
  .page-notification .notification-body ul li:first-of-type:before {
    display: none;
  }
}

@media(min-width: 768px) {
  .page-notification .notification-actions {
    margin-right: -14px;
  }
}
@media (max-width: 767px) {
   .page-notification .notification-body p{
     font-size: 14px;
   }
   .page-notification .notification-body p i{
     display: none;
   }
  .page-notification .notification-body span {
    padding-left: 0;
  }
  .page-notification .notification-body p {
    margin: 0;
  }
   .page-notification .notification-body ul{
     -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px 0 -5px;
   }
   .page-notification .notification-body ul li:before{
     margin-top: -2px;
   }
   .page-notification .notification-body ul li a{
     font-size: 13px;
     padding: 6px 0;
   }
}

/* safari fixes */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    .section-news .row:before,
    .section-boxes .row:before {
      display: none;
    }
    .section-news .row .panel,
    .section-boxes .row .panel {
      width: 100%;
      height: auto;
    }
    .section-news .row>div,
    .section-boxes .row>div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .panel,
    .circle-box,
    .testimmonial {
      box-shadow: 0 6px 14px rgba(0, 0, 0, .1);
    }
  }
}


/*  ie 11 fix */

@media (-ms-high-contrast:none) and (max-width: 998px) {
  .section-boxes [class*='col-'] {
    width: 100%;
  }
  .panel-image.panel-wide .panel-header {
    -ms-flex-preferred-size: 43.33%;
    flex-basis: 43.33%;
  }
}

@media (-ms-high-contrast:none) and (max-width: 768px) {
  .incredible-machine {
    margin-top: -46px;
    margin-left: -418px;
  }
  .panel-image.panel-wide .panel-header {
    -ms-flex-preferred-size: 27.33%;
    flex-basis: 27.33%;
  }
}

.accordion-item .item-body {
    display: none;
}


#order-checkout-form .tabs {
  margin-top: -8px;
}

.bg-antares-dark, .software-development .page-banner.bg-antares-dark {
  background: #26b58f;
  background-image: -webkit-linear-gradient(160deg,#267dc3,#04f696);
  background-image: linear-gradient(160deg,#22aa86,#198064);
}

.badge-warning-fill{
  background: #ff8e2b!important;
  border: 0!important;
  color: #fff!important;
}

/* Slider styles */

@media (min-width: 992px) {
  .tab-section:has(.screens-slider) {
    display: none;
  }
}

.hidden-mobile {
  display: block;
}

@media (max-width: 991px) {
  .screens-slider {
    padding: 0 !important;
  }

  .hidden-mobile {
    display: none;
  }

  .lSSlideWrapper:has(.screens-slider) {
    padding-top: 40px;
    margin-top: -40px;
    position: relative;
  }

  .lSSlideWrapper:has(.screens-slider) .lSAction{
    position: absolute;
    right: 0;
    display: flex;
    top: 0px;
    flex-direction: row;
    gap: 16px;
  }

  .lSSlideWrapper:has(.screens-slider) .lSAction .lSPrev, .lSSlideWrapper:has(.screens-slider) .lSAction .lSNext {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: unset;
    font-size: 24px;
    color: #b9c0c7;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .lg-outer .lg-img-wrap {
    transition: padding 0.16s linear !important;
  }
  .lg-outer.lg-thumb-open .lg-img-wrap {
    padding-top: 62px;
    padding-bottom: 116px;
  }
  .lg-outer:not(.lg-thumb-open) .lg-img-wrap {
    padding-top: 62px;
    padding-bottom: 50px;
  }
  .lg-outer .lg-inner {
    height: 100%;
    top: 0;
  }
  .lg-outer .lg-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
  }
  .lg-outer .lg-thumb-item {
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px;
    opacity: 1;
  }
  .lg-outer .lg-thumb-item.active {
    border: 2px solid #5bc758;
  }
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
  .lg-actions {
    display: none;
  }
  .lg-toolbar .lg-icon {
    width: 45px;
  }
  .lg-toolbar #lg-counter {
    padding-left: 16px;
  }

  .page-product-view .page-content .documentation-link .btn.btn-outline.btn-default {
    color: #5bc758;
    border-color: #5bc758;
  }
}

@media (max-width: 600px) {
  .lg-thumb-outer .lg-toogle-thumb {
    text-align: right;
    right: 0;
  }
}

/* Banner Ecosystem */

.top-banner {
  width: 100%;
  background: linear-gradient(90deg, #FB9404 0%, #FF9500 100%);
  padding: 8px 0;
  position: relative;
  cursor: pointer;
  z-index: 103;
}

.top-banner .top-banner-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  color: #fff;
  justify-content: center;
}

.top-banner .top-banner-desc {
  font-size: 12px;
  line-height: 120%;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 8px;
}

svg.top-banner-dropdown-icon {
  transition: all .3s ease;
}

.top-banner-dropdown-icon.rotate {
  transform: rotate(90deg);
}

.top-banner .top-banner-dropdown {
  background: #fff;
  position: absolute;
  max-width: 1152px;
  width: 100%;
  right: 50%;
  transform: translateX(50%);
  padding: 24px;
  padding-top: 16px;
  z-index: 531513513;
  top: 40px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  border-radius: 12px;
  cursor: default;
}

.top-banner .top-banner-dropdown h5 {
  text-align: center;
  margin-bottom: 16px;
}

.top-banner .top-banner-box-container {
  display: flex;
  flex-wrap: wrap;
  column-count: 4;
  column-gap: 12px;
  row-gap: 12px;
}

.top-banner .top-banner-dropdown.dropdown-open {
  opacity: 1;
  visibility: visible;
}

.top-banner .top-banner-dropdown .top-banner-box {
  background: #F4F4F4;
  border-radius: 6px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 24%;
  transition: border .24s ease;
  border: 1px solid;
  border-color: transparent;
  cursor: pointer;
}

.top-banner .top-banner-dropdown .top-banner-box.modulesgarden:hover {
  border-color: #5BC758;
}

.top-banner .top-banner-dropdown .top-banner-box.metricscube:hover {
  border-color: #5C4BD1;
}

.top-banner .top-banner-dropdown .top-banner-box.webhosting:hover {
  border-color: #B0D9D1;
}

.top-banner .top-banner-dropdown .top-banner-box.adminbolt:hover {
  border-color: #F2A544;
}

.top-banner .top-banner-dropdown .top-banner-box.easydcim:hover {
  border-color: #3E8EFF;
}

.top-banner .top-banner-dropdown .top-banner-box.panelalpha:hover {
  border-color: #07C07E;
}

.top-banner .top-banner-dropdown .top-banner-box.withoutdns:hover {
  border-color: #E87A2C;
}

.top-banner .top-banner-dropdown .top-banner-box.konradoai:hover {
  border-color: #10D0A1;
}

.top-banner .top-banner-dropdown .top-banner-box.top-banner-box-placeholder {
  display: none;
}

.top-banner .top-banner-dropdown .top-banner-box .top-banner-box-text{
  color: #555C6D;
  line-height: 120%;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  text-transform: unset;
}

.top-banner .top-banner-dropdown .top-banner-box .top-banner-box-logo img {
  height: 22px;
  width: auto;
}

@media (max-width: 1199px) {
  .top-banner .top-banner-dropdown {
    max-width: 970px;
  }
  .top-banner .top-banner-dropdown .top-banner-box .top-banner-box-logo img {
    height: 20px;
  }

}

@media (max-width: 991px) {
  .top-banner .top-banner-dropdown {
    max-width: 744px;
    padding: 16px;
  }
  .top-banner .top-banner-box-container {
    column-count: 3;
  }
  .top-banner .top-banner-dropdown .top-banner-box {
    gap: 12px;
    padding: 12px;
    width: 32.2%;
  }
  .top-banner .top-banner-dropdown .top-banner-box .top-banner-box-text {
    font-size: 11px;
  }
  .top-banner .top-banner-dropdown .top-banner-box.top-banner-box-placeholder {
    display: flex;
    cursor: default;
  }
}

@media (max-width: 767px) {
  .top-banner .top-banner-dropdown {
    max-width: 100%;
    border-radius: 0;
  }

    .top-banner .top-banner-box-container {
      justify-content: center;
    }

    .top-banner .top-banner-dropdown .top-banner-box {
      width: 31.8%;
    }

    .top-banner .top-banner-dropdown .top-banner-box .top-banner-box-logo img {
    height: 18px;
  }
}

@media (max-width: 579px) {
  .top-banner .top-banner-box-container {
    column-count: 2;
  }
  .top-banner .top-banner-dropdown .top-banner-box {
    width: 48%;
  }
  .top-banner .top-banner-dropdown .top-banner-box.top-banner-box-placeholder {
    display: none;
  }
}


/* Modal Licenses */

.modal.modal-licenses::before {
  content: none;
}

.modal.modal-licenses {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal.modal-licenses .modal-scroll-container {
  position: fixed;
  height: 100dvh;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}


.modal.modal-licenses .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1054px;
  width: 100%;
  margin: 32px auto;
  padding: 0;
  min-height: calc(100dvh - 64px);
}

.modal.modal-licenses .modal-dialog .modal-content {
  width: auto;
  border-radius: 4px;
  margin-inline: 32px;
  box-shadow: 0px 8px 32px 0px #00000014, 0px 4px 16px 0px #00000005;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body {
  border-radius: 4px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body {
  max-height: 550px;
  min-height: 550px;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content {
  max-height: 260px;
  overflow-y: auto;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .tab-content .list-collapse .collapse-item.active a{
    color: #fff;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section {
    padding: 32px;
    display: flex;
    flex-direction: column;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green {
  background: #5BC758;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section h5 {
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 16px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section h6{
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 4px !important;
    margin: 0;
    font-weight: 400;
    color: #8D94A6;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green h6{
  color: #316A2F;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount{
    font-size: 32px;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 16px;
    display: flex;
    align-items: baseline;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .price.price.discount span,
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .price.price.discount span::before {
  color: #316A2F;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount span::before {
  height: 1px;
  margin-top: 0;
  transform: translateY(-50%);
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price{
    font-size: 32px;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 16px;
    max-height: 45px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount span{
    font-size: 20px;
    line-height: 120%;
    font-weight: 300;
    align-self: center;
    margin-right: 8px;
    color: #2E3442;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .price.discount small {
  color: #fff;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount small{
    font-size: 18px;
    line-height: 180%;
    font-weight: 400;
    color: #8D94A6 ;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs {
  margin: 0;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav {
    margin: 0;
    height: 25px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav {
  scrollbar-width: none;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav::-webkit-scrollbar {
  display: none;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav::before,
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav::after {
  content: none;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .tabs .nav li.active a {
  color: #FFFFFF;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .tabs .nav li a:hover {
  color: #fff;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav li.active a {
  font-weight: 700;
  color: #5BC758;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .tabs .nav li a {
  color: #316A2F;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav li a{
  margin: 0;
  font-size: 11px;
  line-height: 130%;
  font-weight: 400;
  color: #8D94A6;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav li a:hover{
  color: #5BC758;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav li a::after{
  bottom: -10px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content {
  margin-top: 16px;
  width: 100%;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content p{
  margin: 0;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content .tab-pane {
  padding: 0;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content .tab-pane .scroll-list .list-icon {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content .tab-pane .scroll-list .list-icon li{
    padding: 0 0 0 22px;
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    position: relative;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section.section-green .tab-content .tab-pane .scroll-list .list-icon li::before{
  color: #316A2F;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content .tab-pane .scroll-list .list-icon li::before{
    width: auto;
    height: auto;
    font-size: 17px;
    line-height: 16px;
    position: absolute;
    color: #5BC758;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions{
    position: relative;
    bottom: 0;
    margin-top: auto;
    padding-top: 24px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn{
    padding: 12px 0;
    width: 100%;
    border-radius: 6px;
    max-height: 48px;
    box-shadow: none;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn span{
  font-size: 14px;
    line-height: 170%;
    font-weight: 700;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn.disabled{
  border: 1px solid #316A2F80;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.35) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn.disabled span {
  color: #316A2F;
  margin-left: 10px;
}
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn.disabled i{
    margin: 0;
    height: auto;
    width: auto;
    line-height: 12px;
    margin-top: -2px;
    font-size: 17px;
}

.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn.change-product-license{
  color: #FFFFFF;
}

.modal-licenses-actions .custom-arrow.custom-arrow-next, .modal-licenses-actions .custom-arrow.custom-arrow-prev {
  transition: all .24s ease;
}

.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .custom-arrow.custom-arrow-prev.disabled,
.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .custom-arrow.custom-arrow-next.disabled {
  pointer-events: none;
  opacity: 0.7;
}
@media (min-width: 1200px) {
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section {
    max-width: 330px;
    min-width: 330px;
  }
}

@media (max-width: 1200px) {
  .modal.modal-licenses .modal-content .close {
    right: 0;
  }
}

@media (min-width: 992px) {
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section {
    max-width: 320px;
    min-width: 320px;
  }
}

@media (max-width: 991px) {
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount,
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price{
        max-height: unset;
        height: 75px;
        min-height: 75px;
        display: block;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body {
    max-height: 600px;
    min-height: 600px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content {
    max-height: 370px;
        padding-right: 8px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price span{
    display: block;
    width: max-content;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section h6{
    margin-bottom: 8px !important;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn {
    min-width: unset;
  }
  .modal.modal-licenses .modal-dialog .modal-content{
    width: calc(100% - 32px);
    margin-inline: 16px;
  }
}

@media (max-width: 767px) and (min-width: 580px) {
  .hidden-actions {
    display: none !important;
  }
}

@media (max-width: 820px) and (min-width: 768px) {
  .modal.modal-licenses .modal-dialog .modal-content .modal-body:has(.modal-section:nth-child(3)) .modal-section {
    width: 33.3333%;
  }
}

@media (min-width: 992px) {
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content {
      scrollbar-width: none;
  }
.modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content::-webkit-scrollbar{
  display: none;
}
}

@media (max-width: 767px) {
   .modal.modal-licenses .modal-dialog .modal-content .modal-body {
    max-height: unset;
    min-height: unset;
   }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .actions .btn span{
    font-size: 13px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount,
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price{
      height: 58px;
      min-height: 58px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .lSSlideWrapper{
    border-radius: 4px;
    overflow: hidden;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body {
    overflow: visible;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container {
    display: flex;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section {
    align-items: flex-start;
    text-align: left;
    min-width: 245px;
    padding: 24px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section h5{
        font-size: 14px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section h6 {
        font-size: 11px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price,
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price.discount {
    font-size: 24px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section span {
    font-size: 17px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section small {
    font-size: 16px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tabs .nav li a {
    font-size: 10px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content .tab-pane ul li {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content .tab-pane .scroll-list .list-icon li::before{
    line-height: 12px;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .license-label {
    display: none;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions {
      position: absolute;
      bottom: -64px;
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 12px;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions a.custom-arrow {
      background: #FFFFFF80;
      height: 32px;
      width: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100px;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions a.custom-arrow svg {
    width: 12px;
    height: 12px;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions a.custom-arrow svg path{
    stroke: #fff;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .lSPager {
    margin: 0 !important;
    align-self: center;
    display: flex;
    gap: 8px;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .lSPager li {
    padding: 0;
    width: 10px;
    height: 10px;
    display: flex;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .lSPager li.slide-active a{
    background: #FFFFFF;
  }
  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .lSPager li a {
    background: #FFFFFF40;
    width: 10px;
    height: 10px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content {
    max-height: 250px;
    overflow-y: auto;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container{
    max-height: 520px;
    min-height: 520px;
  }
}

@media (max-width: 579px) {
    .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .tab-content {
          min-height: 250px;
    }

  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions {
    bottom: -64px;
  }

  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions span:not(.license-label){
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .license-label{
    color: #fff;
    font-weight: 800;
    line-height: 130%;
    font-size: 10px;
    width: 80px;
  }

  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .license-label.license-label-prev{
    text-align: right;
    display: block;
    transition: opacity .24s ease;
    opacity: 1;
  }

  .modal.modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .modal-licenses-actions .license-label.license-label-next{
    text-align: left;
    display: block;
    transition: opacity .24s ease;
    opacity: 1;
  }

  .text-transitioning {
    opacity: 0 !important;
  }

 .modal.modal-licenses .modal-dialog{
  max-width: 312px;
 }

 .modal.modal-licenses .modal-slider-container .modal-section {
  z-index: 0;
  position: relative;
  top: 0;
  opacity: 0;
  background: #fff;
  transition: opacity .3s ease;
  height: 100%;
  border-radius: 4px;
}

.modal.modal-licenses .modal-slider-container .modal-section.slide-active {
  z-index: 1;
  opacity: 1 !important;
}

 .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section {
    min-width: unset;
    position: absolute;
    align-items: center;
    width: 100% !important;
    height: 520px;
  }

  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container  {
    transform: none !important;
    max-width: 280px;
    position: relative;
    height: auto !important;
    box-shadow: 0px 8px 32px 0px #00000014, 0px 4px 16px 0px #00000005;
  }

  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container:has(.modal-section.section-green.slide-active)::before,
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container:has(.modal-section.section-green.slide-active)::after {
    background: #fff;
  }

  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container::before,
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container::after {
    content: "";
    display: block;
    width: 24px;
    height: calc(100% - 64px);
    top: 32px;
    background: #5BC758;
    position: absolute;
    z-index: -1;
    transition: all .24s ease;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container::before {
    left: -24px;
    border-radius: 4px 0 0 4px;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-slider-container::after {
    right: -24px;
    border-radius: 0 4px 4px 0;
  }

  .modal.modal-licenses .modal-content .close {
    top: -32px;
    right: -24px;
  }

  .modal.modal-licenses .modal-dialog .modal-content .lSSlideOuter .lSSlideWrapper {
    overflow: visible;
  }

  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price {
    height: auto !important;
    min-height: unset !important;
  }
  .modal.modal-licenses .modal-dialog .modal-content .modal-body .modal-section .price span{
    margin: 0;
    display: unset;
  }
}

.modal.modal-licenses .lSAction {
  display: none;
}
/**
    modal-annual-summer-2024
 */
.modal-annual-summer-2024 .modal-dialog {
    max-width: 872px;
    width: 100%;
}

.modal-annual-summer-2024 .promo-content .promo-content-left > div,
.modal-annual-summer-2024 .promo-content .promo-content-right > div {
    width: 100%;
}

.modal-annual-summer-2024 .promo-content-left {
    /*background: url(../img/promo/illustration.png), linear-gradient(210deg, #84E359 0%, #5FC951 51.42%, #419143 100%);*/
    background: url(../img/promo-banners/annual-summer-2024/left.png?x=1), linear-gradient(160deg,#de5681,#bf2ea4);
    background-repeat: no-repeat;
    background-position: center;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: unset;
    justify-content: unset;
    padding: 28px 0px;
    width: 395px;
}

.modal-annual-summer-2024 .bg-secondary, .modal-annual-summer-2024 .btn-secondary {
    background-image: linear-gradient(160deg,#de5681,#bf2ea4) !important;
}

.modal-annual-summer-2024 .bg-secondary, .modal-annual-summer-2024 .btn-secondary:after {
    background-image: linear-gradient(160deg,#de5681,#bf2ea4) !important;
}

.modal-annual-summer-2024 .promo-content-right {
    width: 477px;
    padding: 32px 42px 0 42px;
    position: relative;
}

.modal-annual-summer-2024 .promo-content-left span {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.modal-annual-summer-2024 .promo-content-left h3 {
    /*font-size: 22px;*/
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0px 0px 0px;
    text-align: center;
}

.modal-annual-summer-2024 .promo-content-left ul {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.modal-annual-summer-2024 .promo-content-left ul li {
    position: relative;
    list-style: none;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 60px;
}

.modal-annual-summer-2024 .promo-content-left ul li:after {
    content: url(../img/promo/check.svg);
    display: block;
    position: absolute;
    left: 25px;
    top: 0px;
}

.modal-annual-summer-2024 .promo-content-right > h2 {
    /*font-size: 32px;*/
    font-size: 31px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
}

.modal-annual-summer-2024 .promo-content-right .promo-discount {
    font-size: 44px;
    font-weight: 900;
    color: #bf2ea4;
    line-height: 52px;
    text-transform: uppercase;
}

.modal-annual-summer-2024 .promo-content-right div.promo-code {
    width: 320px;
    margin: 24px auto 32px;
    position: relative;
}

.modal-annual-summer-2024 .promo-code {
    width: 320px;
    height: 64px;
    margin: 0 auto 40px;
    border: 1px dashed #bf2ea4;
    text-align: center;
}

.modal-annual-summer-2024 .promo-content-right div.promo-code:after {
    content: url(../img/promo-banners/annual-summer-2024/scissors.svg);
    display: block;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.modal-annual-summer-2024 .promo-content-right .promo-info {
    padding: 8px 0;
    position: relative;
    margin-top: 40px;
}

.modal-annual-summer-2024 .promo-content-right .promo-info:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #bf2ea4;
    top: 0;
    right: -42px;
    left: -42px;
}

.modal-annual-summer-2024 .btn-secondary:after,
.modal-annual-summer-2024 .btn-secondary:before,
.modal-annual-summer-2024 .btn-secondary:active:before {
    background: #bf2ea4;
}


.modal-annual-summer-2024 .promo-content-right .promo-info p {
    font-size: 15px;
    color: #bf2ea4;
    font-weight: 600;
    margin-bottom: 0;
}

.modal-annual-summer-2024 .promo-content-right .promo-info:after {
    content: "";
    position: absolute;
    left: 48%;
    top: -7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: transparent #bf2ea4 #bf2ea4 transparent;
    transform: rotate(226deg);
    background: #fff;
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .modal-annual-summer-2024 .promo-content-right .promo-info:after {
            top: -11px;
        }
    }
}

@media (max-width: 991px) {
    .modal-annual-summer-2024 .modal-dialog {
        max-width: 375px;
    }

    .modal-annual-summer-2024 .promo-content-right,
    .modal-annual-summer-2024 .promo-content-left {
        width: 100%;
    }

    .modal-annual-summer-2024 .promo-content-left {
        /*background: linear-gradient(210deg, #84E359 0%, #5FC951 51.42%, #419143 100%);*/
       /* background: linear-gradient(210deg, #b30086 0%, #cc0052 100%);*/
        padding: 36px 24px;
        height: 169px;
        background: url(../img/promo-banners/annual-summer-2024/left-mobile.png?x=1), linear-gradient(160deg,#de5681,#bf2ea4);
        background-position: 50%;
        background-size: cover;
    }
}

.modal-annual-summer-2024 .promo-content-left ul {
    margin-top: 20px;
}

.modal-annual-summer-2024 .promo-content-left {
    padding: 56px 24px;
}

.modal-annual-summer-2024 .promo-content-right div.promo-code {
    width: 100%;
}

.modal-annual-summer-2024 .modal-dialog .close:not(.btn),
{
    right: 16px;
    top: 16px;
}


.modal-annual-summer-2024 .promo-content-right .promo-info:after {
    left: 47%;
}

@media (max-width: 767px) {
    .modal-annual-summer-2024 .modal-dialog {
        max-width: 370px;
        width: auto;
    }
}


@media (max-width: 480px) {
    .modal-annual-summer-2024 .modal-dialog {
        max-width: 300px;
    }

    .modal-annual-summer-2024 .promo-content-left {
        padding: 24px 16px;
    }

    .modal-annual-summer-2024 .promo-content-left span {
        font-size: 28px;
    }

    .modal-annual-summer-2024 .promo-content-left h3 {
        font-size: 28px;
    }

    .modal-annual-summer-2024 .promo-content-left ul li {
        font-size: 16px;
    }

    .modal-annual-summer-2024 .promo-content-right h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .modal-annual-summer-2024 .promo-content-right {
        padding: 24px;
    }

    .modal-annual-summer-2024 .promo-content-right {
        padding-bottom: 0;
    }

    .modal-annual-summer-2024 .promo-content-right .promo-info:before {
        right: -24px;
        left: -24px;
    }

    .modal-annual-summer-2024 .promo-content-right .promo-info:after {
        left: 46%;
    }
}



/**
    modal-annual-summer-2025
 */
.modal-annual-summer-2025 .modal-dialog {
    max-width: 872px;
    width: 100%;
}

.modal-annual-summer-2025 .promo-content .promo-content-left > div,
.modal-annual-summer-2025 .promo-content .promo-content-right > div {
    width: 100%;
}

.modal-annual-summer-2025 .promo-content-left {
    /*background: url(../img/promo/illustration.png), linear-gradient(210deg, #84E359 0%, #5FC951 51.42%, #419143 100%);*/
    background: url(../img/promo-banners/annual-summer-2025/left.png?x=1), linear-gradient(160deg,#de5681,#bf2ea4);
    background-repeat: no-repeat;
    background-position: center;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: unset;
    justify-content: unset;
    padding: 28px 0px;
    width: 395px;
}

.modal-annual-summer-2025 .bg-secondary, .modal-annual-summer-2025 .btn-secondary {
    background-image: linear-gradient(160deg,#de5681,#bf2ea4) !important;
}

.modal-annual-summer-2025 .bg-secondary, .modal-annual-summer-2025 .btn-secondary:after {
    background-image: linear-gradient(160deg,#de5681,#bf2ea4) !important;
}

.modal-annual-summer-2025 .promo-content-right {
    width: 477px;
    padding: 32px 42px 0 42px;
    position: relative;
}

.modal-annual-summer-2025 .promo-content-left span {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.modal-annual-summer-2025 .promo-content-left h3 {
    /*font-size: 22px;*/
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0px 0px 0px;
    text-align: center;
}

.modal-annual-summer-2025 .promo-content-left ul {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.modal-annual-summer-2025 .promo-content-left ul li {
    position: relative;
    list-style: none;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 60px;
}

.modal-annual-summer-2025 .promo-content-left ul li:after {
    content: url(../img/promo/check.svg);
    display: block;
    position: absolute;
    left: 25px;
    top: 0px;
}

.modal-annual-summer-2025 .promo-content-right > h2 {
    /*font-size: 32px;*/
    font-size: 31px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
}

.modal-annual-summer-2025 .promo-content-right .promo-discount {
    font-size: 44px;
    font-weight: 900;
    color: #bf2ea4;
    line-height: 52px;
    text-transform: uppercase;
}

.modal-annual-summer-2025 .promo-content-right div.promo-code {
    width: 320px;
    margin: 24px auto 32px;
    position: relative;
}

.modal-annual-summer-2025 .promo-code {
    width: 320px;
    height: 64px;
    margin: 0 auto 40px;
    border: 1px dashed #bf2ea4;
    text-align: center;
}

.modal-annual-summer-2025 .promo-content-right div.promo-code:after {
    content: url(../img/promo-banners/annual-summer-2025/scissors.svg);
    display: block;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.modal-annual-summer-2025 .promo-content-right .promo-info {
    padding: 8px 0;
    position: relative;
    margin-top: 40px;
}

.modal-annual-summer-2025 .promo-content-right .promo-info:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #bf2ea4;
    top: 0;
    right: -42px;
    left: -42px;
}

.modal-annual-summer-2025 .btn-secondary:after,
.modal-annual-summer-2025 .btn-secondary:before,
.modal-annual-summer-2025 .btn-secondary:active:before {
    background: #bf2ea4;
}


.modal-annual-summer-2025 .promo-content-right .promo-info p {
    font-size: 15px;
    color: #bf2ea4;
    font-weight: 600;
    margin-bottom: 0;
}

.modal-annual-summer-2025 .promo-content-right .promo-info:after {
    content: "";
    position: absolute;
    left: 48%;
    top: -7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: transparent #bf2ea4 #bf2ea4 transparent;
    transform: rotate(226deg);
    background: #fff;
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .modal-annual-summer-2025 .promo-content-right .promo-info:after {
            top: -11px;
        }
    }
}

@media (max-width: 991px) {
    .modal-annual-summer-2025 .modal-dialog {
        max-width: 375px;
    }

    .modal-annual-summer-2025 .promo-content-right,
    .modal-annual-summer-2025 .promo-content-left {
        width: 100%;
    }

    .modal-annual-summer-2025 .promo-content-left {
        /*background: linear-gradient(210deg, #84E359 0%, #5FC951 51.42%, #419143 100%);*/
       /* background: linear-gradient(210deg, #b30086 0%, #cc0052 100%);*/
        padding: 36px 24px;
        height: 169px;
        background: url(../img/promo-banners/annual-summer-2025/left-mobile.png?x=1), linear-gradient(160deg,#de5681,#bf2ea4);
        background-position: 50%;
        background-size: cover;
    }
}

.modal-annual-summer-2025 .promo-content-left ul {
    margin-top: 20px;
}

.modal-annual-summer-2025 .promo-content-left {
    padding: 56px 24px;
}

.modal-annual-summer-2025 .promo-content-right div.promo-code {
    width: 100%;
}

.modal-annual-summer-2025 .modal-dialog .close:not(.btn),
{
    right: 16px;
    top: 16px;
}


.modal-annual-summer-2025 .promo-content-right .promo-info:after {
    left: 47%;
}

@media (max-width: 767px) {
    .modal-annual-summer-2025 .modal-dialog {
        max-width: 370px;
        width: auto;
    }
}


@media (max-width: 480px) {
    .modal-annual-summer-2025 .modal-dialog {
        max-width: 300px;
    }

    .modal-annual-summer-2025 .promo-content-left {
        padding: 24px 16px;
    }

    .modal-annual-summer-2025 .promo-content-left span {
        font-size: 28px;
    }

    .modal-annual-summer-2025 .promo-content-left h3 {
        font-size: 28px;
    }

    .modal-annual-summer-2025 .promo-content-left ul li {
        font-size: 16px;
    }

    .modal-annual-summer-2025 .promo-content-right h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .modal-annual-summer-2025 .promo-content-right {
        padding: 24px;
    }

    .modal-annual-summer-2025 .promo-content-right {
        padding-bottom: 0;
    }

    .modal-annual-summer-2025 .promo-content-right .promo-info:before {
        right: -24px;
        left: -24px;
    }

    .modal-annual-summer-2025 .promo-content-right .promo-info:after {
        left: 46%;
    }
}



:root{--colors-primary-darker:#42b43f;--colors-primary-base:#5bc758;--colors-primary-lighter-1:#79e06b;--colors-primary-lighter-2:#93ea87;--colors-secondary-base:#ff8e2b;--colors-gray-darker:#2e3442;--colors-gray-base:#3c4252;--colors-gray-lighter-1:#555c6d;--colors-gray-lighter-2:#6b7488;--colors-gray-lighter-3:#8d94a6;--colors-gray-lighter-4:#cccdd7;--colors-gray-lighter-5:#e8e8ed;--colors-gray-lighter-6:#f4f4f4;--typography-heading:var(--colors-gray-darker);--typography-body:var(--colors-gray-lighter-1);--typography-lighter-1:var(--colors-gray-lighter-2);--typography-lighter-2:var(--colors-gray-lighter-3);--typography-primary:var(--colors-primary-base);--typography-link:var(--colors-blue-base);--typography-link-hover:var(--colors-blue-lighter-1);--typography-link-active:var(--colors-blue-darker);--typography-danger:var(--colors-danger-base);--typography-icon:var(--colors-gray-lighter-2);--typography-icon-hover:var(--colors-primary-base);--typography-icon-disabled:var(--colors-gray-lighter-4);--typography-on-dark-heading:#fff;--typography-on-dark-body:hsla(0,0%,100%,0.800000011920929);--typography-on-dark-lighter-1:hsla(0,0%,100%,0.5);--typography-on-dark-lighter-2:hsla(0,0%,100%,0.30000001192092896);--typography-on-dark-primary:var(--colors-primary-base);--typography-on-dark-link:var(--colors-blue-lighter-1);--typography-on-dark-link-hover:var(--colors-blue-lighter-2);--typography-on-dark-link-active:var(--colors-blue-lighter-2);--typography-on-dark-icon:var(--colors-gray-lighter-3);--typography-on-dark-icon-hover:var(--colors-primary-base);--typography-on-dark-icon-disabled:hsla(0,0%,100%,0.5);--button-primary-text-default:var(--typography-on-dark-heading);--button-primary-text-hover:var(--typography-on-dark-heading);--button-primary-bg-disabled:var(--colors-gray-lighter-5);--button-primary-text-disabled:var(--typography-lighter-2);--button-primary-icon:var(--typography-on-dark-heading);--button-primary-icon-hover:var(--typography-on-dark-heading);--button-primary-icon-disabled:var(--typography-icon-disabled);--button-primary-overlay-text-default:var(--typography-on-dark-heading);--button-secondary-border:var(--colors-gray-lighter-4);--button-secondary-border-hover:var(--colors-primary-base);--button-secondary-border-disabled:var(--colors-gray-lighter-5);--button-secondary-text-default:var(--typography-heading);--button-secondary-text-hover:var(--typography-primary);--button-secondary-text-disabled:var(--typography-lighter-2);--button-secondary-icon:var(--typography-icon);--button-secondary-icon-hover:var(--typography-icon-hover);--button-secondary-icon-disabled:var(--typography-icon-disabled);--button-primary-overlay-text-hover:var(--typography-on-dark-heading);--button-primary-overlay-text-disabled:var(--typography-on-dark-lighter-1);--button-primary-overlay-icon:var(--typography-on-dark-heading);--button-primary-overlay-icon-hover:var(--typography-on-dark-heading);--button-primary-overlay-icon-disabled:var(--typography-on-dark-lighter-1);--button-link-text-default:var(--typography-heading);--button-link-text-hover:var(--colors-primary-darker);--button-link-text-disabled:var(--typography-lighter-2);--button-link-icon:var(--colors-primary-base);--button-link-icon-hover:var(--colors-primary-darker);--button-link-icon-disabled:var(--typography-icon-disabled);--footer-bg:#272c3b;--overlay-overlay:hsla(0,0%,100%,0.4);--overlay-overlay-lighter:hsla(0,0%,100%,0.25);--footer-bg-secondary:#1f2430;--footer-header:var(--typography-on-dark-heading);--footer-item:var(--typography-lighter-2);--footer-item-hover:var(--typography-on-dark-heading);--footer-item-active:var(--typography-on-dark-heading);--footer-input-bg:#1a1e28;--footer-input-bg-hover:#1e232e;--footer-input-bg-active:#1e232e;--footer-input-border:var(--colors-primary-darker);--footer-input-text:var(--typography-lighter-2);--footer-input-text-hover:var(--typography-lighter-2);--footer-input-text-active:var(--typography-on-dark-heading);--footer-icon:var(--typography-on-dark-icon);--footer-icon-hover:var(--typography-on-dark-icon-hover);--footer-icon-active:var(--typography-on-dark-icon-disabled);--white:#fff;--inbs-logo:#fcb316;--colors-blue-darker:#185b9f;--colors-blue-base:#1f75cc;--colors-blue-lighter-1:#3c8ee1;--colors-blue-lighter-2:#68a8e8;--button-primary-overlay-bg:var(--overlay-overlay-lighter);--colors-danger-darker:#e23131;--colors-danger-base:#e54646;--colors-danger-lighter-1:#ed7d7d;--colors-danger-lighter-2:#f09494;--colors-danger-lighter-3:#f3aaaa;--colors-danger-lighter-4:#f6c0c0;--colors-danger-lighter-5:#f9d7d7;--colors-danger-lighter-6:#fdeded}:root{--ip-manager-flip:linear-gradient(180deg,#dca500,#ecb40e);--wordpress-manager-flip:linear-gradient(180deg,#747380,#a5a5af);--advanced-billing-flip:linear-gradient(180deg,#2b98e0,#6eb6ff);--hosting-renewals-flip:linear-gradient(180deg,#4cb584,#66d9a3);--hosting-quota-flip:linear-gradient(180deg,#9071c9,#b988eb);--unban-center-flip:linear-gradient(180deg,#e84a4a,#f86060);--server-allocator-flip:linear-gradient(180deg,#838a91,#a8afb6);--domain-allocator-flip:linear-gradient(180deg,#af88d1,#c5a9de);--plesk-extended-flip:linear-gradient(180deg,#428beb,#63a7ff);--gradients-virtuozzo-s3-flip:linear-gradient(180deg,#bf4c5a,#ed5374);--gradients-virtuozzo-s3-horizontal:linear-gradient(90deg,#ed5374,#bf4c5a);--gradients-freshservice:linear-gradient(180deg,#08c7fb,#1398da);--gradients-freshservice-flip:linear-gradient(180deg,#1398da,#08c7fb);--gradients-freshservice-horizontal:linear-gradient(90deg,#08c7fb,#1398da);--gradients-virusdie:linear-gradient(360deg,#fc3c3c,#f72a60);--gradients-virusdie-flip:linear-gradient(360deg,#f72a60,#fc3c3c);--gradients-virusdie-horizontal:linear-gradient(90deg,#f72a60,#fc3c3c);--gradients-vultr-vps:linear-gradient(360deg,#007bfc,#51b9ff);--gradients-vultr-vps-flip:linear-gradient(360deg,#51b9ff,#007bfc);--gradients-vultr-vps-horizontal:linear-gradient(270deg,#007bfc,#51b9ff);--gradients-product-free-trial-manager:linear-gradient(180deg,#36dec0,#199bd3);--gradients-product-free-trial-manager-flip:linear-gradient(180deg,#199bd3,#36dec0);--gradients-product-free-trial-manager-horizontal:linear-gradient(90deg,#36dec0,#199bd3);--gradients-email-notifications-organizer:linear-gradient(179.35deg,#ffbd82,#bb6f2b);--gradients-email-notifications-organizer-flip:linear-gradient(179.35deg,#bb6f2b,#ffbd82);--gradients-email-notifications-organizer-horizontal:linear-gradient(89.35deg,#ffbd82,#bb6f2b);--gradients-proxmox-ve:linear-gradient(360deg,#f27500,#f28e30);--gradients-proxmox-ve-flip:linear-gradient(360deg,#f28e30,#f27500);--gradients-proxmox-ve-horizontal:linear-gradient(270deg,#f27500,#f28e30);--gradients-proxmox-mail:linear-gradient(180deg,#f28e30,#f27602);--gradients-proxmox-mail-horizontal:linear-gradient(90deg,#f28e30,#f27602);--gradients-abandoned-cart:linear-gradient(179.35deg,#46dba5,#009289);--gradients-abandoned-cart-flip:linear-gradient(179.35deg,#009289,#46dba5);--gradients-abandoned-cart-horizontal:linear-gradient(89.35deg,#46dba5,#009289);--gradients-virtual-machines:linear-gradient(180deg,#ffa337,#ff6a00);--gradients-virtual-machines-flip:linear-gradient(180deg,#ff6a00,#ffa337);--gradients-virtual-machines-horizontal:linear-gradient(90deg,#ffa337,#ff6a00);--gradients-expense-tracker:linear-gradient(179.35deg,#e0be47,#b99514);--gradients-expense-tracker-flip:linear-gradient(179.35deg,#b99514,#e0be47);--gradients-expense-tracker-horizontal:linear-gradient(89.35deg,#e0be47,#b99514);--gradients-hetzner-cloud:linear-gradient(180deg,#cf3f67,#d42556);--gradients-hetzner-cloud-flip:linear-gradient(180deg,#d42556,#cf3f67);--gradients-hetzner-cloud-horizontal:linear-gradient(90deg,#cf3f67,#d42556);--gradients-power-support:linear-gradient(180deg,#34ddb4,#0db1a8);--gradients-power-support-horizontal:linear-gradient(90deg,#34ddb4,#0db1a8);--gradients-modules-updater:linear-gradient(180deg,#5dd461,#47b544);--gradients-modules-updater-horizontal:linear-gradient(90deg,#5dd461,#47b544);--gradients-support-center:linear-gradient(180deg,#e490ae,#ba85c8);--gradients-support-center-horizontal:linear-gradient(90deg,#e490ae,#ba85c8);--gradients-reccuring-contract:linear-gradient(180deg,#d688fc,#976bbf);--gradients-reccuring-contract-horizontal:linear-gradient(90deg,#d688fc,#976bbf);--gradients-quickbooks:linear-gradient(180deg,#65cf57,#3bad2c);--gradients-quickbooks-flip:linear-gradient(180deg,#3bad2c,#65cf57);--gradients-quickbooks-horizontal:linear-gradient(90deg,#65cf57,#3bad2c);--gradients-product-feedback:linear-gradient(180deg,#9bc246,#648a13);--gradients-product-feedback-flip:linear-gradient(180deg,#648a13,#9bc246);--gradients-product-feedback-horizontal:linear-gradient(90deg,#9bc246,#648a13);--gradients-ox-whmcs-module:linear-gradient(180deg,#3993ec,#216fbd);--gradients-ox-whmcs-module-horizontal:linear-gradient(90deg,#3993ec,#216fbd);--gradients-goggle-workspace:linear-gradient(180deg,#b3d943,#97b82e);--gradients-goggle-workspace-horizontal:linear-gradient(90deg,#b3d943,#97b82e);--gradients-cloud-billing:linear-gradient(180deg,#ef9244,#ee771f);--gradients-cloud-billing-horizontal:linear-gradient(90deg,#ef9244,#ee771f);--gradients-openstack-vps-cloud:linear-gradient(180deg,#ff5d5d,#cf4444);--gradients-openstack-vps-cloud-flip:linear-gradient(180deg,#cf4444,#ff5d5d);--gradients-openstack-vps-cloud-horizontal:linear-gradient(90deg,#ff5d5d,#cf4444);--gradients-inactive-account-manager:linear-gradient(180deg,#ff8742,#ff6e30);--gradients-inactive-account-manager-horizontal:linear-gradient(90deg,#ff8742,#ff6e30);--gradients-ibm-cloud-virtual-servers:linear-gradient(180deg,#50ffd2,#056dfc);--gradients-ibm-cloud-virtual-servers-horizontal:linear-gradient(90deg,#50ffd2,#056dfc);--gradients-google-cloud-virtual-machines:linear-gradient(180deg,#75a8ff,#1961db);--gradients-google-cloud-virtual-machines-horizontal:linear-gradient(90deg,#75a8ff,#1961db);--gradients-rackspace-email-extended:linear-gradient(180deg,#ff6060,#cf4e4e);--gradients-rackspace-email-extended-horizontal:linear-gradient(90deg,#ff6060,#cf4e4e);--gradients-godaddy-domain-registrar:linear-gradient(180deg,#20c765,#00a841);--gradients-godaddy-domain-registrar-horizontal:linear-gradient(90deg,#20c765,#00a841);--gradients-product-cross-selling:linear-gradient(180deg,#f4bc70,#eb7575);--gradients-productcrossselling-horizontal:linear-gradient(90deg,#f4bc70,#eb7575);--gradients-polish-language-translation:linear-gradient(180deg,#b78659,#986a40);--gradients-polish-language-translation-horizontal:linear-gradient(90deg,#b78659,#986a40);--gradients-ovhcloud-vps-dedicated-servers:linear-gradient(180deg,#7aa2d6,#598ac9);--gradients-ovhcloud-vps-dedicated-servers-flip:linear-gradient(180deg,#598ac9,#7aa2d6 99%);--gradients-ovhcloud-vps-dedicated-servers-horizontal:linear-gradient(90deg,#7aa2d6,#598ac9);--gradients-gogetssl:linear-gradient(180deg,#e3a148,#dc8510);--gradients-gogetssl-horizontal:linear-gradient(90deg,#e3a148,#dc8510);--gradients-easydcim:linear-gradient(180deg,#74a6eb,#3475d0);--gradients-easydcim-horizontal:linear-gradient(90deg,#74a6eb,#3475d0);--gradients-amazon-lightsail:linear-gradient(180deg,#e18a56,#e07535);--gradients-amazon-lightsail-flip:linear-gradient(180deg,#e07535,#e18a56);--gradients-amazon-lightsail-horizontal:linear-gradient(90deg,#e18a56,#e07535);--gradients-metricscube-connector:linear-gradient(180deg,#725bf1,#5140bb);--gradients-metricscube-connector-horizontal:linear-gradient(90deg,#725bf1,#5140bb);--gradients-wordpress-manager:linear-gradient(180deg,#a5a5af,#747380);--gradients-wordpress-manager-horizontal:linear-gradient(90deg,#a5a5af,#747380);--gradients-emoji-picker:linear-gradient(180deg,#fec63e,#f5b145);--gradients-emoji-picker-horizontal:linear-gradient(90deg,#fec63e,#f5b145);--gradients-digitalocean-droplets:linear-gradient(180deg,#0080ff,#3047cf);--gradients-digitalocean-droplets-flip:linear-gradient(180deg,#3047cf,#0080ff);--gradients-digitalocean-droplets-horizontal:linear-gradient(90deg,#0080ff,#3047cf);--gradients-stripe:linear-gradient(180deg,#5ba4f2,#645dd4);--gradients-stripe-horizontal:linear-gradient(90deg,#5ba4f2,#645dd4);--gradients-kayako:linear-gradient(180deg,#f39d90,#f1723a);--gradients-kayako-horizontal:linear-gradient(90deg,#f39d90,#f1723a);--gradients-servertastic-ssl-whmcs:linear-gradient(180deg,#ff5454,#d64545);--gradients-servertastic-ssl-whmcs-horizontal:linear-gradient(90deg,#ff5454,#d64545);--gradients-servertastic-ssl-cpanel:linear-gradient(180deg,#ff695e,#d64a40);--gradients-servertastic-ssl-cpanel-horizontal:linear-gradient(90deg,#ff695e,#d64a40);--gradients-plesk:linear-gradient(180deg,#63a7ff,#428beb);--gradients-plesk-horizontal:linear-gradient(90deg,#63a7ff,#428beb);--gradients-office365:linear-gradient(180deg,#f63,#eb3c00);--gradients-office365-horizontal:linear-gradient(90deg,#f63,#eb3c00);--gradients-freshdesk:linear-gradient(180deg,#82bc4f,#39b253);--gradients-freshdesk-horizontal:linear-gradient(90deg,#82bc4f,#39b253);--gradients-domain-allocator:linear-gradient(180deg,#c5a9de,#af88d1);--gradients-domain-allocator-horizontal:linear-gradient(90deg,#c5a9de,#af88d1);--gradients-client-area-popup:linear-gradient(180deg,#50daf2,#00b2c9);--gradients-client-area-popup-flip:linear-gradient(180deg,#00b2c9,#50daf2);--gradients-client-area-popup-horizontal:linear-gradient(90deg,#50daf2,#00b2c9);--gradients-account-synchronization:linear-gradient(180deg,#69d6e0,#47a9c9);--gradients-account-synchronization-horizontal:linear-gradient(90deg,#69d6e0,#47a9c9);--gradients-advanced-billing:linear-gradient(180deg,#6eb6ff,#2b98e0);--gradients-advanced-billing-horizontal:linear-gradient(90deg,#6eb6ff,#2b98e0);--gradients-client-area-designer:linear-gradient(180deg,#f7d305,#ebc109);--gradients-client-area-designer-horizontal:linear-gradient(90deg,#f7d305,#ebc109);--gradients-client-profile-viewier:linear-gradient(180deg,#5bdeca,#47bfb7);--gradients-client-profile-viewier-horizontal:linear-gradient(90deg,#5bdeca,#47bfb7);--gradients-cpanel-extended:linear-gradient(180deg,#ff8742,#ff6e30);--gradients-cpanel-extended-flip:linear-gradient(180deg,#ff6e30,#ff8742);--gradients-cpanel-extended-horizontal:linear-gradient(90deg,#ff8742,#ff6e30);--gradients-cpanel-manage2:linear-gradient(180deg,#ff8742,#ff6e30);--gradients-cpanel-manage2-horizontal:linear-gradient(90deg,#ff8742,#ff6e30);--gradients-crm:linear-gradient(180deg,#65db69,#5bc758);--gradients-crm-flip:linear-gradient(180deg,#5bc758,#65db69);--gradients-crm-horizontal:linear-gradient(90deg,#65db69,#5bc758);--gradients-directadmin:linear-gradient(180deg,#2db9e3,#138fbd);--gradients-directadmin-flip:linear-gradient(180deg,#138fbd,#2db9e3);--gradients-directadmin-horizontal:linear-gradient(90deg,#2db9e3,#138fbd);--gradients-discount-center:linear-gradient(180deg,#6be86d,#4ec74a);--gradients-discount-center-flip:linear-gradient(180deg,#4ec74a,#6be86d);--gradients-discount-center-horizontal:linear-gradient(90deg,#6be86d,#4ec74a);--gradients-dns-manager:linear-gradient(180deg,#2fd2e0,#2cadd4);--gradients-dns-manager-flip:linear-gradient(180deg,#2cadd4,#2fd2e0);--gradients-dns-manager-horizontal:linear-gradient(90deg,#2fd2e0,#2cadd4);--gradients-domain-orders-extended:linear-gradient(180deg,#62deac,#48c295);--gradients-domain-orders-extended-flip:linear-gradient(180deg,#48c295,#62deac);--gradients-domain-orders-extended-horizontal:linear-gradient(90deg,#62deac,#48c295);--gradients-domains-reseller:linear-gradient(180deg,#5ee5bd,#48c2a9);--gradients-domains-reseller-flip:linear-gradient(180deg,#48c2a9,#5ee5bd);--gradients-domains-reseller-horizontal:linear-gradient(90deg,#5ee5bd,#48c2a9);--gradients-domain-email-forwarding:linear-gradient(180deg,#968aeb,#7376c9);--gradients-domain-email-forwarding-horizontal:linear-gradient(90deg,#968aeb,#7376c9);--gradients-eurid-registrar:linear-gradient(180deg,#ace55c,#8bc23e);--gradients-eurid-registrar-horizontal:linear-gradient(90deg,#ace55c,#8bc23e);--gradients-geolocation-hook:linear-gradient(180deg,#8bb2d9,#5e90b1);--gradients-geolocation-hook-horizontal:linear-gradient(90deg,#8bb2d9,#5e90b1);--gradients-hosting-quota-notifications:linear-gradient(180deg,#b988eb,#9071c9);--gradients-hosting-quota-notifications-flip:linear-gradient(180deg,#9071c9,#b988eb);--gradients-hosting-quota-notifications-horizontal:linear-gradient(90deg,#b988eb,#9071c9);--gradients-hosting-renevals:linear-gradient(180deg,#66d9a3,#4cb584);--gradients-hosting-renevals-flip:linear-gradient(180deg,#4cb584,#66d9a3);--gradients-hosting-renevals-horizontal:linear-gradient(90deg,#66d9a3,#4cb584);--gradients-ip-manager:linear-gradient(180deg,#ecb40e,#dca500);--gradients-ip-manager-horizontal:linear-gradient(90deg,#ffcb2e,#ecb40e);--gradients-modulesgarden-widget:linear-gradient(180deg,#5dd461,#47b544);--gradients-modulesgarden-widget-horizontal:linear-gradient(90deg,#5dd461,#47b544);--gradients-multibrand:linear-gradient(180deg,#a88ae3,#7c6bc9);--gradients-multibrand-horizontal:linear-gradient(90deg,#a88ae3,#7c6bc9);--gradients-mx-registrar:linear-gradient(180deg,#d987e0,#bf67c7);--gradients-mx-registrar-horizontal:linear-gradient(90deg,#d987e0,#bf67c7);--gradients-nic-it-registrar:linear-gradient(180deg,#cdb16d,#b09556);--gradients-nic-it-registrar-horizontal:linear-gradient(90deg,#cdb16d,#b09556);--gradients-password-manager:linear-gradient(180deg,#64e39f,#48c285);--gradients-password-manager-flip:linear-gradient(180deg,#48c285,#64e39f);--gradients-password-manager-horizontal:linear-gradient(90deg,#64e39f,#48c285);--gradients-payment-gateway:linear-gradient(180deg,#a7de26,#99cc23);--gradients-payment-gateway-flip:linear-gradient(180deg,#99cc23,#a7de26);--gradients-payment-gateway-horizontal:linear-gradient(90deg,#a7de26,#99cc23);--gradients-premium-support-tickets:linear-gradient(180deg,#6fe37d,#49c960);--gradients-premium-support-tickets-horizontal:linear-gradient(90deg,#6fe37d,#49c960);--gradients-product-linker:linear-gradient(180deg,#e366ce,#b8539e);--gradients-product-linker-flip:linear-gradient(180deg,#b8539e,#e366ce);--gradients-product-linker-horizontal:linear-gradient(90deg,#e366ce,#b8539e);--gradients-quotes-automation:linear-gradient(180deg,#ff73ad,#db4d88);--gradients-quotes-automation-flip:linear-gradient(180deg,#db4d88,#ff73ad);--gradients-quotes-automation-horizontal:linear-gradient(90deg,#ff73ad,#db4d88);--gradients-r1soft-backups:linear-gradient(180deg,#f5944e,#e37949);--gradients-r1soft-backups-horizontal:linear-gradient(90deg,#f5944e,#e37949);--gradients-rage4:linear-gradient(180deg,#fa8058,#f1683b);--gradients-rage4-horizontal:linear-gradient(90deg,#fa8058,#f1683b);--gradients-report-generator:linear-gradient(180deg,#3bf,#467ef0);--gradients-report-generator-flip:linear-gradient(180deg,#467ef0,#3bf);--gradients-report-generator-horizontal:linear-gradient(90deg,#3bf,#467ef0);--gradients-server-allocator:linear-gradient(180deg,#a8afb6,#838a91);--gradients-server-allocator-horizontal:linear-gradient(90deg,#a8afb6,#838a91);--gradients-sms-center:linear-gradient(180deg,#82e581,#70c96f);--gradients-sms-center-flip:linear-gradient(180deg,#70c96f,#82e581);--gradients-sms-center-horizontal:linear-gradient(90deg,#82e581,#70c96f);--gradients-social-media-login:linear-gradient(180deg,#54ccbc,#0fa6a1);--gradients-social-media-login-flip:linear-gradient(180deg,#0fa6a1,#54ccbc);--gradients-social-media-login-horizontal:linear-gradient(90deg,#54ccbc,#0fa6a1);--gradients-solusvm-extended:linear-gradient(180deg,#3cf,#2b96e3);--gradients-solusvm-extended-flip:linear-gradient(180deg,#2b96e3,#3cf);--gradients-solusvm-extended-horizontal:linear-gradient(90deg,#3cf,#2b96e3);--gradients-support-tickets:linear-gradient(180deg,#6fe37d,#49c960);--gradients-support-tickets-horizontal:linear-gradient(90deg,#6fe37d,#49c960);--gradients-time-task-manager:linear-gradient(180deg,#958cfa,#7878e3);--gradients-time-task-manager-flip:linear-gradient(180deg,#7878e3,#958cfa 99%);--gradients-time-task-manager-horizontal:linear-gradient(90deg,#958cfa,#7878e3);--gradients-unban-center:linear-gradient(180deg,#f86060,#e84a4a);--gradients-unban-center-flip:linear-gradient(180deg,#e84a4a,#f86060);--gradients-unban-center-horizontal:linear-gradient(90deg,#f86060,#e84a4a);--gradients-zendesk:linear-gradient(180deg,#3ecfc5,#37b8af);--gradients-zendesk-horizontal:linear-gradient(90deg,#3ecfc5,#37b8af);--gradients-zimbra-carbonio:linear-gradient(180deg,#ff7530,#f0612e);--gradients-zimbra-carbonio-horizontal:linear-gradient(90deg,#ff7530,#f0612e);--gradients-lagom-one-step-order-form:linear-gradient(180deg,#13b8ff,#2b72fb);--gradients-lagom-one-step-order-form-horizontal:linear-gradient(90deg,#13b8ff,#2b72fb);--gradients-products-reseller:linear-gradient(180deg,#e7af85,#a463c2);--gradients-products-reseller-horizontal:linear-gradient(90deg,#e7af85,#a463c2);--gradients-resellers-center:linear-gradient(180deg,#4ae0b8,#28bd95);--gradients-resellers-center-horizontal:linear-gradient(90deg,#4ae0b8,#28bd95);--gradients-pknic-domain-registrar:linear-gradient(180deg,#7bac89,#628d64);--gradients-pknic-domain-registrar-horizontal:linear-gradient(90deg,#7bac89,#628d64);--gradients-panelalpha:linear-gradient(180deg,#3ece79 3%,#07c07e);--gradients-panelalpha-horizontal:linear-gradient(90deg,#3ece79,#07c07e);--gradients-solusvm-2-vps-cloud:linear-gradient(180deg,#06a2e0 3%,#237aa9);--gradients-solusvm-2-vps-cloud-flip:linear-gradient(180deg,#237aa9,#06a2e0 97%);--gradients-solusvm-2-vps-cloud-horizontal:linear-gradient(90deg,#06a2e0 3%,#237aa9);--gradients-google-analytics:linear-gradient(180deg,#f8ab00 3%,#e37300);--gradients-google-analytics-flip:linear-gradient(180deg,#e37300,#f8ab00 99%);--gradients-google-analytics-horizontal:linear-gradient(90deg,#f8ab00 3%,#e37300);--gradients-server-monitoring:linear-gradient(180deg,#e4ca85,#be9545);--gradients-server-monitoring-flip:linear-gradient(180deg,#be9545,#e4ca85);--gradients-server-monitoring-horizontal:linear-gradient(180deg,#e4ca85,#be9545);--gradients-portainer-docker-containers:linear-gradient(180deg,#0ba5ec,#3a7dff);--gradients-portainer-docker-containers-horizontal:linear-gradient(90deg,#0ba5ec,#3a7dff);--gradients-withoutdns:linear-gradient(180deg,#e87a2c,#d55533);--gradients-withoutdns-horizontal:linear-gradient(90deg,#e87a2c,#d55533);--gradients-marketing-triggers-automation:linear-gradient(180deg,#f29199,#f25774);--gradients-marketing-triggers-automation-flip:linear-gradient(180deg,#f25774,#f29199);--gradients-virtuozzo-s3:linear-gradient(180deg,#ed5374,#bf4c5a)}:root{--dealgradient:linear-gradient(360deg,#ffa600,#fb7c04);--module-icon:linear-gradient(180deg,#fff,hsla(0,0%,100%,0.7));--module-icon-bg:linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));--module-unavailable:linear-gradient(180deg,#d4d4d4,#efefef);--module-missing-bundle-icon:linear-gradient(180deg,#6b7488,#9fa5b2);--module-missing-bundle-bg:linear-gradient(180deg,#6b7488,#8d94a6);--module-missing-bundle-lighter:#8d94a6;--module-missing-bundle-dark:#6b7488;--bundle-bg-landing-page:linear-gradient(180deg,#0d54bf,#2c78da);--bundle-bg-plesk-extended:linear-gradient(180deg,#1356af,#388fff);--bundle-bg-direct-admin:linear-gradient(180deg,#107ba2,#1eb4e1);--bundle-bg-cpanel:linear-gradient(360deg,#ff8440,#eb5002);--bundle-bg-openstack:linear-gradient(180deg,#c73333,#ff5d5d);--bundle-bg-proxmox-ve:linear-gradient(0deg,#ef8c2f 0.46%,#e46a00);--bundle-bg-solus-2:linear-gradient(180deg,#237aa9,#06a2e0 97%);--bundle-bg-solus-1:linear-gradient(180deg,#1a7bc2,#00bfff);--bundle-bg-virtuozzo:linear-gradient(180deg,#a93c4a,#ed5475);--bundle-bg-hetzner-cloud:linear-gradient(180deg,#ad2c50,#e44d77);--bundle-bg-vultr:linear-gradient(360deg,#0194f6,#005ec0);--bundle-bg-ovhcloud:linear-gradient(180deg,#3c6aa4,#6d9ad5 99%);--bundle-bg-digitalocean:linear-gradient(180deg,#2e44c5,#0179ef);--bundle-bg-amazon:linear-gradient(180deg,#ca6020,#ef8b4f);--bundle-bg-domain-reseller:linear-gradient(180deg,#168d6c,#40b795);--bundle-bg-commerce:linear-gradient(180deg,#c65442,#fda121);--bundle-bg-crm:linear-gradient(180deg,#2f5380,#45b1b7);--bundle-bg-accounting:linear-gradient(180deg,#247a33,#50a314);--bundle-bg-customer-experience:linear-gradient(180deg,#533479,#a171d3);--homepage-bg-blog:linear-gradient(180deg,#6931b8,#349de9);--homepage-bg-current-deals:linear-gradient(0deg,#00b4dd,#0364a1);--homepage-bg-current-deals-label:linear-gradient(0deg,#ffa600,#fb7c04);--homepage-bg-developer-outsourcing:linear-gradient(180deg,#024e9f,#006fde);--homepage-bg-metrics:linear-gradient(360deg,#8873ff,#6152bc);--homepage-bg-monthly-bundle:linear-gradient(0deg,#3a92ff,#0057ca);--homepage-bg-news:linear-gradient(180deg,#522cda,#23a9eb);--homepage-bg-trending-products:linear-gradient(180deg,#0f5fc7,#00b4dd);--homepage-bg-monthly-licenses:linear-gradient(180deg,#007568,#00cca3);--homepage-illustration-green:#4cbc54;--homepage-illustration-lightbluegradient:linear-gradient(180deg,#3fb8ed,#70cbf3);--homepage-illustration-lightblue2gradient:linear-gradient(180deg,#6fd4ff,#b0e7ff);--homepage-illustration-lightblue3gradient:linear-gradient(180deg,#9ae1ff,#c1ecff);--homepage-illustration-darkbluegradient:linear-gradient(0deg,#3a92ff,#0057ca);--homepage-illustration-graygradient:linear-gradient(0deg,#c3cce2,#8e9cc0);--solid-domain-reseller:#168d6c;--solid-domain-reseller-lighter:#40b795;--solid-plesk:#185fba;--solid-plesk-lighter:#438cec;--solid-cpanel:#eb5103;--solid-cpanel-lighter:#ff8440;--solid-amazon:#e07737;--solid-amazon-lighter:#e18a56;--solid-domians-reseller:#168e6c;--solid-domians-reseller-lighter:#40b795;--solid-discount-center:#4ec74a;--solid-discount-center-lighter:#55db50;--solid-crm:#2f5380;--solid-crm-lighter:#45b1b7;--solid-quick-books:#3bad2c;--solid-quick-books-lighter:#65cf57;--solid-sms-center:#70c96f;--solid-direct-admin:#2f5581;--solid-direct-admin-lighter:#43acb4;--solid-dns:#2db3d6;--solid-ip-manager:#dca500;--solid-wordpress:#747380;--solid-advanced-billing:#2e99e1;--solid-hosting-renewals:#4db584;--solid-hosting-quota:#9172c9;--solid-unban-center:#e84a4a;--solid-server-allocator:#838a91;--solid-domain-allocator:#af89d1;--solid-openstack:#cf4444;--solid-openstack-lighter:#ed5050;--solid-proxmox-ve:#e46a00;--solid-proxmox-ve-lighter:#ef8c2f;--solid-solus-2:#168dc3;--solid-solus-1:#03b8f9;--solid-virtuozzo:#c4475c;--solid-hetzner-cloud:#d42556;--solid-hetzner-cloud-lighter:#e34c76;--solid-vultr:#017cfc;--solid-vultr-lighter:#4fb7ff;--solid-ovhcloud:#3c6aa4;--solid-digitalocean:#3047cf;--solid-digitalocean-lighter:#0168ef;--solid-commerce:#c65442;--solid-commerce-lighter:#fda121;--solid-accounting:#247a33;--solid-accounting-lighter:#50a314;--solid-customer-experience:#533479;--solid-customer-experience-lighter:#9f6fd0;--solid-marketing-triggers:#f25774;--solid-server-monitoring:#be9545;--solid-domain-orders:#39b889;--solid-email-notifications:#bb6f2b;--solid-payment-gateway:#8ec01b;--solid-product-free-trial:#199bd3;--solid-abandoned-cart:#009289;--solid-product-linker:#b8539e;--solid-product-feedback:#648a13;--solid-google-analytics:#e37300;--solid-social-media-login:#0fa6a1;--solid-report-generator:#467ef0;--solid-quotes-automation:#db4d88;--solid-expense-tracker:#b99514;--solid-time-task:#7878e3;--solid-password-manager:#48c285;--solid-client-area-popup:#00b2c9;--solid-metricscube:#5c4bd1;--solid-easydcim:#3e8eff;--solid-panelalpha:#07c07e;--buttons-overlay:linear-gradient(180deg,rgba(0,8,55,0.35),rgba(0,8,55,0.25));--buttons-overlay-hover:linear-gradient(180deg,rgba(0,8,55,0.3),rgba(0,8,55,0.2) 98%);--buttons-green:linear-gradient(180deg,#52ba54,#6ad15c);--buttons-green-hover:linear-gradient(180deg,#5dcd5f,#79e06b);--buttons-blue:linear-gradient(180deg,#1972e5,#3a92ff);--buttons-blue-hover:linear-gradient(180deg,#2f89fd,#529fff);--buttons-bundle-hover:linear-gradient(180deg,#fff,hsla(0,0%,100%,0.8));--buttons-alerts-recommended:linear-gradient(107.98deg,#a05bbe,#d1935d);--buttons-alerts-metricscube:linear-gradient(107.98deg,#725bf1,#5140bb);--buttons-alerts-panelalpha:#07c07e;--buttons-alerts-proxmox:linear-gradient(107.98deg,#e9b163,#d1935d);--buttons-alerts-easydcim:linear-gradient(107.98deg,#69a7ff,#4882d4);--alerts-proxmox-outline:#e5ac62;--alerts-proxmox-text:#d5985e;--alerts-panelalpha:#07c07e;--alerts-metricscube:#5c4bd1;--alerts-easydcim:#3e8eff;--alerts-recommended:#a05bbe;--buttons-bg-g-white:#fff;--buttons-bg-g-virtuozzo:linear-gradient(180deg,#fffdfb,#fbe4e9);--buttons-bg-g-cpanel:linear-gradient(180deg,#fffdfb,#fdece2);--buttons-bg-g-customer-experience:linear-gradient(180deg,#fffdfb,#e4dbf0);--buttons-bg-g-crm:linear-gradient(180deg,#fffdfb,#e1f3f4);--buttons-bg-g-accounting:linear-gradient(180deg,#fffdfb,#e7fadb);--buttons-bg-g-domain-reseller:linear-gradient(180deg,#fffdfb,#e1f5ef);--buttons-bg-g-commerce:linear-gradient(180deg,#fffdfb,#fef1e1);--buttons-bg-g-plesk:linear-gradient(180deg,#fffdfb,#e2ebfd);--buttons-bg-g-direct-admin:linear-gradient(180deg,#fffdfb,#e4f6fb);--buttons-bg-g-promox-ve:linear-gradient(180deg,#fffdfb,#fef2e7);--buttons-bg-g-openstack:linear-gradient(180deg,#fffdfb,#fee6e6);--buttons-bg-g-hetzner-cloud:linear-gradient(180deg,#fffdfb,#fae5eb);--buttons-bg-g-amazon:linear-gradient(180deg,#fffdfb,#fcece3);--buttons-bg-g-vultr:linear-gradient(180deg,#fffdfb,#e1f2ff);--buttons-bg-g-ovhcloud:linear-gradient(180deg,#fffdfb,#e0e9f5);--buttons-bg-g-digitalocean:linear-gradient(180deg,#fffdfb,#dcedff);--buttons-bg-g-solution:linear-gradient(180deg,#fffdfb,#d7f4ff);--buttons-bg-g-solution-2:linear-gradient(180deg,#fffdfb,#d8f2fd);--box-shadow:0px 8px 32px rgba(0,0,0,0.08),0px 4px 16px rgba(0,0,0,0.02);--box-shadow-hover:0px 10px 32px rgba(0,0,0,0.16),0px 6px 16px rgba(0,0,0,0.02);--graphic-shadow:0px 5px 20px rgba(0,0,0,0.02),0px 10px 50px rgba(0,0,0,0.08);--graphic-shadow-hover:0px 5px 20px rgba(0,0,0,0.1),0px 10px 30px rgba(0,0,0,0.15);--button-shadow-lg:0px 6px 26px rgba(0,0,0,0.1);--button-shadow-lg-hover:0px 4px 20px 0px rgba(0,0,0,0.16),0px 4px 45px 0px rgba(0,0,0,0.1);--alet-button-shadow:0px 2px 6px rgba(0,0,0,0.15);--box-superior_shadow_hover:0px 10px 32px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.06)}:root{--main-bundle-transition:.4s ease;--base-color-transition:color .15s linear;--base-transition:.3s linear}@media (min-width:1200px){:root{--actions-padding:24px;--actions-radius:var(--radius-xxl);--actions-spacing:16px;--banner-padding-v:100px;--banner-padding-h:24px;--banner-col-spacing:64px;--banner-col-spacing-sm:48px;--banner-bundle-title-magin-bottom:16px;--banner-bundle-heading-margin-bottom:32px;--banner-bundle-content-margin-bottom:24px;--banner-bundle-actions-spacing:24px;--banner-bundle-icon-size:72px;--block-margin:24px;--current-deal-box-radius:var(--radius-base);--trending-products-box-radius:var(--radius-base);--trending-products-box-radius-sm:var(--radius-sm);--trending-products-box-padding:12px;--trending-products-box-padding-top:8px;--trending-products-box-spacing:16px;--trending-products-box-gap-v-default:8px;--trending-products-box-gap-v-lg:16px;--trending-products-box-gap-h-default:12px;--trending-products-box-gap-h-sm:6px;--trending-products-box-text-box-padding:16px;--trending-products-box-icon-box-padding-h:24px;--trending-products-box-icon:52px;--trending-products-box-icon-hover:64px;--current-deal-box-radius-sm:var(--radius-sm);--current-deal-box-padding:12px;--current-deal-box-spacing:16px;--current-deal-box-gap-v-default:16px;--current-deal-box-gap-v-sm:12px;--current-deal-box-gap-v-xs:6px;--current-deal-box-gap-v-xxs:4px;--current-deal-box-gap-h-default:16px;--current-deal-box-gap-h-sm:12px;--current-deal-box-gap-h-xs:6px;--current-deal-box-icon-box-padding-v:30px;--current-deal-box-icon-lg:60px;--current-deal-box-icon-lg-hover:72px;--current-deal-box-icon-default:52px;--current-deal-box-icon-default-hover:64px;--button-btn-hero-radius:var(--radius-xl);--bundle-modules-tabs-width:1176px;--bundle-modules-tabs-padding-h-default:16px;--bundle-modules-tabs-padding-bottom:20px;--bundle-modules-tabs-padding-h-small:8px;--bundle-modules-tabs-radius:var(--radius-lg);--bundle-modules-tabs-spacing-default:8px;--bundle-modules-tabs-spacing-small:6px;--bundle-modules-included-module-default-grid-spacing:16px;--bundle-modules-included-module-default-padding-top:40px;--bundle-modules-included-module-default-padding:16px;--bundle-modules-included-module-default-module-gap:16px;--button-btn-hero-height:90px;--button-btn-hero-padding-h:32px;--button-btn-hero-spacing-h:32px;--button-btn-hero-title-font-size:var(--typography-headings-h5-size);--button-btn-hero-subtitle-font-size:var(--typography-paragraphs-p-sm-btn-hero-size);--button-btn-xxxxl-radius:var(--radius-xl);--button-btn-xxxxl-height:80px;--button-btn-xxxxl-padding-h:56px;--button-btn-xxxxl-title-font-size:var(--typography-headings-h4-size);--button-btn-xxxxl-subtitle-font-size:var(--typography-paragraphs-p-d-size);--button-btn-xxxl-radius:var(--radius-base);--button-btn-xxxl-height:72px;--button-btn-xxxl-padding-h:48px;--button-btn-xxxl-title-font-size:var(--typography-headings-h6-size);--button-btn-xxxl-subtitle-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-xxl-radius:var(--radius-base);--button-btn-xxl-height:62px;--button-btn-xxl-padding-h:24px;--button-btn-xxl-spacing-h:12px;--button-btn-xxl-spacing-h-hover:18px;--button-btn-xxl-font-size:var(--typography-paragraphs-p-md-size);--button-btn-xl-radius:var(--radius-md);--button-btn-xl-height:54px;--button-btn-xl-padding-h:24px;--button-btn-xl-spacing-h:12px;--button-btn-xl-spacing-h-hover:18px;--button-btn-xl-font-size:var(--typography-paragraphs-p-d-size);--button-btn-lg-radius:var(--radius-sm);--button-btn-lg-height:48px;--button-btn-lg-padding-h:16px;--button-btn-lg-spacing-h:10px;--button-btn-lg-spacing-h-hover:16px;--button-btn-lg-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-base-radius:var(--radius-xs);--button-btn-base-height:40px;--button-btn-base-padding-h:16px;--button-btn-base-spacing-h:10px;--button-btn-base-spacing-h-hover:14px;--button-btn-base-font-size:var(--typography-paragraphs-p-xs-size);--bundle-modules-heding-margin-bottom:24px;--bundle-modules-icon-circle-56-box-size:56px;--bundle-modules-whmcs-label-padding-h:24px;--bundle-modules-whmcs-label-padding-v:4px;--bundle-modules-icon-circle-56-icon-size:32px;--bundle-modules-box-spacing:16px;--bundle-modules-box-radius:var(--radius-base);--container-width:1200px;--cta-homepage-spacing-v-lg:100px;--cta-homepage-padding-bottom:256px;--cta-homepage-spacing-v-default:40px;--cta-homepage-spacing-h:24px;--cta-homepage-gap-h:8px;--cta-homepage-gap-v:8px;--graphic-radius-sm:var(--radius-sm);--graphic-radius:var(--radius-base);--graphic-width:600px;--graphic-module-box-icon:64px;--graphic-module-box-padding:16px;--graphic-module-box-spacing:8px;--graphic-module-box-box-size:156px;--graphic-module-box-font:14px;--graphic-module-box-line-height:20px;--container-padding-h:24px;--label-radius:var(--radius-xxl);--label-box-radius:var(--radius-base);--label-promo-radius:var(--radius-sm);--label-promo-padding-h:2px;--label-promo-padding-v:8px;--nav-homepage-size:34px;--nav-homepage-spacing-h:24px;--label-box-padding-h:24px;--label-box-padding-v:4px;--label-box-spacing-h:16px;--label-padding-h:24px;--label-padding-v:8px;--label-spacing-h:16px;--radius-xxl:24px;--radius-xl:14px;--radius-lg:12px;--radius-base:10px;--radius-md:8px;--radius-sm:6px;--radius-xs:4px;--radius-boxes:var(--radius-base);--radius-boxes-sm:var(--radius-sm);--section-margin-h:24px;--section-padding-v:100px;--section-padding-v-lg:120px;--section-spacing-v-lg:80px;--section-radius:var(--radius-xxl);--section-heading-center-spacing-lg:48px;--section-heading-center-spacing-base:24px;--section-graphic-spacing-h:120px;--section-heading-center-spacing-sm:16px;--section-heading-center-padding-bottom:72px;--section-heading-center-padding-bottom-sm:64px;--section-heading-center-max-width:820px;--block-base-radius:var(--radius-base);--block-base-padding-sm:16px;--block-base-padding:24px;--block-base-padding-lg:32px;--block-base-padding-xlg:52px;--block-base-gap-h-lg:32px;--block-base-gap-h-default:24px;--block-base-gap-h-sm:16px;--block-base-gap-v-xxlg:42px;--block-base-gap-v-xlg:32px;--block-base-gap-v-lg:24px;--block-base-gap-v-base:16px;--block-base-gap-v-sm:8px;--block-base-gap-v-s:4px;--block-base-spacing-sm:16px;--block-base-spacing:24px;--block-base-spacing-lg:32px;--block-base:0px;--block-m-radius:var(--radius-base);--block-m-padding:16px;--block-m-gap-v-base:16px;--block-m-gap-v-sm:4px;--block-m-gap-h-base:16px;--block-m-spacing-h:24px;--block-m-spacing-v:16px;--block-sm-radius:var(--radius-sm);--block-sm-padding:8px;--block-sm-spacing-h-default:12px;--block-sm-spacing-v-default:12px;--block-sm-spacing-v-lg:24px;--block-xs-radius:var(--radius-base);--block-xs-padding:24px;--block-xs-spacing:24px;--section-heading-left-spacing-lg:32px;--section-heading-left-spacing-base:24px;--section-heading-left-spacing-sm:10px;--section-heading-left-max-width:538px;--typography-headings-h1-size:74px;--typography-headings-h1-sm-size:52px;--typography-headings-h2-stats-size:64px;--typography-headings-h2-size:42px;--typography-headings-h2-sm-size:38px;--typography-headings-h2-xs-size:34px;--typography-headings-h3-size:22px;--typography-headings-h4-size:20px;--typography-headings-h5-size:18px;--typography-headings-h5-current-deal-default-size:17px;--typography-headings-h6-size:16px;--typography-headings-h6-update-module-size:16px;--typography-headings-h7-size:14px;--typography-headings-h8-size:13px;--typography-headings-h9-size:12px;--typography-headings-h10-size:10px;--typography-headings-bager-size:9px;--typography-paragraphs-p-xxl-size:32px;--typography-paragraphs-p-xl-size:22px;--typography-paragraphs-p-lg-size:20px;--typography-paragraphs-p-md-size:18px;--typography-paragraphs-p-d-size:16px;--typography-paragraphs-p-sm-size:14px;--typography-paragraphs-p-sm-btn-testimonial-size:15px;--typography-paragraphs-p-sm-btn-hero-size:14px;--typography-paragraphs-p-xs-size:13px;--typography-paragraphs-p-xxs-banner-btn-size:12px;--typography-paragraphs-p-xxs-size:11px;--typography-paragraphs-p-xxxs-size:9px;--bundle-modules-icon-circle-60-box-size:60px;--bundle-modules-icon-circle-60-icon-size:36px;--bundle-modules-icon-circle-80-box-size:80px;--bundle-modules-icon-circle-80-icon-size:48px;--button-btn-sm-radius:var(--radius-xs);--button-btn-sm-height:32px;--button-btn-sm-padding-h:16px;--button-btn-sm-spacing-h:8px;--button-btn-sm-spacing-h-hover:12px;--button-btn-sm-font-size:var(--typography-paragraphs-p-xxs-size);--bundle-modules-included-module-medium-grid-spacing:20px;--bundle-modules-included-module-medium-padding-top:40px;--bundle-modules-included-module-medium-padding:20px;--bundle-modules-included-module-medium-module-gap:20px;--bundle-modules-included-module-large-grid-spacing:24px;--bundle-modules-included-module-large-padding-top:48px;--bundle-modules-included-module-large-padding:24px;--bundle-modules-included-module-large-module-gap:24px;--padding-tabs-bottom:20px;--banner-homepage-radius:var(--radius-xxl);--banner-homepage-title-left-margin-bottom:24px;--banner-homepage-height:712px;--banner-homepage-container-height:480px;--banner-homepage-padding-top:80px;--banner-homepage-padding-bottom:152px;--banner-homepage-heading-margin-bottom:32px;--banner-homepage-label-margin-bottom:16px;--banner-homepage-content-margin-bottom:32px;--banner-homepage-actions-spacing:24px;--banner-homepage-title-center-margin-bottom:48px;--banner-homepage-list-bullet-spacing-h:16px;--banner-homepage-list-bullet-spacing-v:2px;--bundle-modules-update-module-icon:52px;--bundle-modules-update-module-icon-box-padding-h:22px;--bundle-modules-update-module-gap-v:4px;--bundle-modules-update-module-spacing-v:16px;--bundle-modules-update-module-spacing-h:16px;--bundle-modules-update-module-padding-h:16px;--bundle-modules-update-module-padding-v:16px;--bundle-modules-update-module-radius:var(--radius-base);--section-heading-superior-title-margin-bottom:32px;--section-heading-superior-title-spacing:16px;--section-heading-superior-padding-bottom:72px;--section-heading-superior-max-width:820px;--button-btn-base-font-size-2:var(--typography-paragraphs-p-xs-size)}}@media (min-width:992px) and (max-width:1199px){:root{--actions-padding:20px;--actions-radius:var(--radius-xxl);--actions-spacing:16px;--banner-padding-v:80px;--banner-padding-h:24px;--banner-col-spacing:48px;--banner-col-spacing-sm:44px;--banner-bundle-title-magin-bottom:12px;--banner-bundle-heading-margin-bottom:24px;--banner-bundle-content-margin-bottom:16px;--banner-bundle-actions-spacing:24px;--banner-bundle-icon-size:72px;--block-margin:24px;--current-deal-box-radius:var(--radius-base);--trending-products-box-radius:var(--radius-base);--trending-products-box-radius-sm:var(--radius-sm);--trending-products-box-padding:16px;--trending-products-box-padding-top:8px;--trending-products-box-spacing:24px;--trending-products-box-gap-v-default:4px;--trending-products-box-gap-v-lg:8px;--trending-products-box-gap-h-default:16px;--trending-products-box-gap-h-sm:4px;--trending-products-box-text-box-padding:16px;--trending-products-box-icon-box-padding-h:24px;--trending-products-box-icon:40px;--trending-products-box-icon-hover:64px;--current-deal-box-radius-sm:var(--radius-sm);--current-deal-box-padding:16px;--current-deal-box-spacing:16px;--current-deal-box-gap-v-default:16px;--current-deal-box-gap-v-sm:8px;--current-deal-box-gap-v-xs:6px;--current-deal-box-gap-v-xxs:4px;--current-deal-box-gap-h-default:16px;--current-deal-box-gap-h-sm:12px;--current-deal-box-gap-h-xs:6px;--current-deal-box-icon-box-padding-v:20px;--current-deal-box-icon-lg:60px;--current-deal-box-icon-lg-hover:72px;--current-deal-box-icon-default:52px;--current-deal-box-icon-default-hover:64px;--button-btn-hero-radius:var(--radius-xl);--bundle-modules-tabs-width:1176px;--bundle-modules-tabs-padding-h-default:16px;--bundle-modules-tabs-padding-bottom:20px;--bundle-modules-tabs-padding-h-small:8px;--bundle-modules-tabs-radius:var(--radius-lg);--bundle-modules-tabs-spacing-default:8px;--bundle-modules-tabs-spacing-small:6px;--bundle-modules-included-module-default-grid-spacing:10px;--bundle-modules-included-module-default-padding-top:40px;--bundle-modules-included-module-default-padding:10px;--bundle-modules-included-module-default-module-gap:10px;--button-btn-hero-height:90px;--button-btn-hero-padding-h:32px;--button-btn-hero-spacing-h:40px;--button-btn-hero-title-font-size:var(--typography-headings-h5-size);--button-btn-hero-subtitle-font-size:var(--typography-paragraphs-p-sm-btn-hero-size);--button-btn-xxxxl-radius:var(--radius-xl);--button-btn-xxxxl-height:80px;--button-btn-xxxxl-padding-h:56px;--button-btn-xxxxl-title-font-size:var(--typography-headings-h4-size);--button-btn-xxxxl-subtitle-font-size:var(--typography-paragraphs-p-d-size);--button-btn-xxxl-radius:var(--radius-base);--button-btn-xxxl-height:72px;--button-btn-xxxl-padding-h:48px;--button-btn-xxxl-title-font-size:var(--typography-headings-h6-size);--button-btn-xxxl-subtitle-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-xxl-radius:var(--radius-base);--button-btn-xxl-height:62px;--button-btn-xxl-padding-h:24px;--button-btn-xxl-spacing-h:12px;--button-btn-xxl-spacing-h-hover:18px;--button-btn-xxl-font-size:var(--typography-paragraphs-p-md-size);--button-btn-xl-radius:var(--radius-md);--button-btn-xl-height:54px;--button-btn-xl-padding-h:24px;--button-btn-xl-spacing-h:12px;--button-btn-xl-spacing-h-hover:18px;--button-btn-xl-font-size:var(--typography-paragraphs-p-d-size);--button-btn-lg-radius:var(--radius-sm);--button-btn-lg-height:48px;--button-btn-lg-padding-h:16px;--button-btn-lg-spacing-h:10px;--button-btn-lg-spacing-h-hover:16px;--button-btn-lg-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-base-radius:var(--radius-xs);--button-btn-base-height:40px;--button-btn-base-padding-h:16px;--button-btn-base-spacing-h:10px;--button-btn-base-spacing-h-hover:14px;--button-btn-base-font-size:var(--typography-paragraphs-p-xs-size);--bundle-modules-heding-margin-bottom:24px;--bundle-modules-icon-circle-56-box-size:56px;--bundle-modules-whmcs-label-padding-h:24px;--bundle-modules-whmcs-label-padding-v:4px;--bundle-modules-icon-circle-56-icon-size:32px;--bundle-modules-box-spacing:16px;--bundle-modules-box-radius:var(--radius-base);--container-width:970px;--cta-homepage-spacing-v-lg:80px;--cta-homepage-padding-bottom:227px;--cta-homepage-spacing-v-default:32px;--cta-homepage-spacing-h:32px;--cta-homepage-gap-h:8px;--cta-homepage-gap-v:8px;--graphic-radius-sm:var(--radius-sm);--graphic-radius:var(--radius-base);--graphic-width:500px;--graphic-module-box-icon:48px;--graphic-module-box-padding:12px;--graphic-module-box-spacing:6px;--graphic-module-box-box-size:120px;--graphic-module-box-font:12px;--graphic-module-box-line-height:18px;--container-padding-h:24px;--label-radius:var(--radius-xxl);--label-box-radius:var(--radius-base);--label-promo-radius:var(--radius-sm);--label-promo-padding-h:2px;--label-promo-padding-v:6px;--nav-homepage-size:34px;--nav-homepage-spacing-h:24px;--label-box-padding-h:24px;--label-box-padding-v:4px;--label-box-spacing-h:16px;--label-padding-h:24px;--label-padding-v:8px;--label-spacing-h:16px;--radius-xxl:24px;--radius-xl:14px;--radius-lg:10px;--radius-base:8px;--radius-md:6px;--radius-sm:4px;--radius-xs:3px;--radius-boxes:var(--radius-base);--radius-boxes-sm:var(--radius-sm);--section-margin-h:24px;--section-padding-v:80px;--section-padding-v-lg:100px;--section-spacing-v-lg:104px;--section-radius:var(--radius-xxl);--section-heading-center-spacing-lg:48px;--section-heading-center-spacing-base:24px;--section-graphic-spacing-h:120px;--section-heading-center-spacing-sm:16px;--section-heading-center-padding-bottom:72px;--section-heading-center-padding-bottom-sm:64px;--section-heading-center-max-width:820px;--block-base-radius:var(--radius-base);--block-base-padding-sm:16px;--block-base-padding:24px;--block-base-padding-lg:32px;--block-base-padding-xlg:52px;--block-base-gap-h-lg:32px;--block-base-gap-h-default:24px;--block-base-gap-h-sm:16px;--block-base-gap-v-xxlg:42px;--block-base-gap-v-xlg:32px;--block-base-gap-v-lg:24px;--block-base-gap-v-base:16px;--block-base-gap-v-sm:8px;--block-base-gap-v-s:4px;--block-base-spacing-sm:16px;--block-base-spacing:24px;--block-base-spacing-lg:24px;--block-base:0px;--block-m-radius:var(--radius-base);--block-m-padding:16px;--block-m-gap-v-base:16px;--block-m-gap-v-sm:4px;--block-m-gap-h-base:16px;--block-m-spacing-h:24px;--block-m-spacing-v:16px;--block-sm-radius:var(--radius-sm);--block-sm-padding:8px;--block-sm-spacing-h-default:12px;--block-sm-spacing-v-default:12px;--block-sm-spacing-v-lg:24px;--block-xs-radius:var(--radius-base);--block-xs-padding:24px;--block-xs-spacing:24px;--section-heading-left-spacing-lg:32px;--section-heading-left-spacing-base:24px;--section-heading-left-spacing-sm:10px;--section-heading-left-max-width:400px;--typography-headings-h1-size:72px;--typography-headings-h1-sm-size:52px;--typography-headings-h2-stats-size:64px;--typography-headings-h2-size:42px;--typography-headings-h2-sm-size:38px;--typography-headings-h2-xs-size:34px;--typography-headings-h3-size:22px;--typography-headings-h4-size:20px;--typography-headings-h5-size:18px;--typography-headings-h5-current-deal-default-size:17px;--typography-headings-h6-size:16px;--typography-headings-h6-update-module-size:16px;--typography-headings-h7-size:14px;--typography-headings-h8-size:13px;--typography-headings-h9-size:12px;--typography-headings-h10-size:10px;--typography-headings-bager-size:9px;--typography-paragraphs-p-xxl-size:32px;--typography-paragraphs-p-xl-size:22px;--typography-paragraphs-p-lg-size:20px;--typography-paragraphs-p-md-size:18px;--typography-paragraphs-p-d-size:16px;--typography-paragraphs-p-sm-size:14px;--typography-paragraphs-p-sm-btn-testimonial-size:15px;--typography-paragraphs-p-sm-btn-hero-size:14px;--typography-paragraphs-p-xs-size:13px;--typography-paragraphs-p-xxs-banner-btn-size:12px;--typography-paragraphs-p-xxs-size:11px;--typography-paragraphs-p-xxxs-size:9px;--bundle-modules-icon-circle-60-box-size:60px;--bundle-modules-icon-circle-60-icon-size:36px;--bundle-modules-icon-circle-80-box-size:80px;--bundle-modules-icon-circle-80-icon-size:48px;--button-btn-sm-radius:var(--radius-xs);--button-btn-sm-height:32px;--button-btn-sm-padding-h:16px;--button-btn-sm-spacing-h:8px;--button-btn-sm-spacing-h-hover:12px;--button-btn-sm-font-size:var(--typography-paragraphs-p-xxs-size);--bundle-modules-included-module-medium-grid-spacing:16px;--bundle-modules-included-module-medium-padding-top:40px;--bundle-modules-included-module-medium-padding:16px;--bundle-modules-included-module-medium-module-gap:16px;--bundle-modules-included-module-large-grid-spacing:20px;--bundle-modules-included-module-large-padding-top:48px;--bundle-modules-included-module-large-padding:20px;--bundle-modules-included-module-large-module-gap:20px;--padding-tabs-bottom:20px;--banner-homepage-radius:var(--radius-xxl);--banner-homepage-title-left-margin-bottom:22px;--banner-homepage-height:1076px;--banner-homepage-container-height:900px;--banner-homepage-padding-top:80px;--banner-homepage-padding-bottom:96px;--banner-homepage-heading-margin-bottom:24px;--banner-homepage-label-margin-bottom:16px;--banner-homepage-content-margin-bottom:32px;--banner-homepage-actions-spacing:24px;--banner-homepage-title-center-margin-bottom:40px;--banner-homepage-list-bullet-spacing-h:16px;--banner-homepage-list-bullet-spacing-v:2px;--bundle-modules-update-module-icon:52px;--bundle-modules-update-module-icon-box-padding-h:22px;--bundle-modules-update-module-gap-v:4px;--bundle-modules-update-module-spacing-v:16px;--bundle-modules-update-module-spacing-h:16px;--bundle-modules-update-module-padding-h:16px;--bundle-modules-update-module-padding-v:16px;--bundle-modules-update-module-radius:var(--radius-base);--section-heading-superior-title-margin-bottom:32px;--section-heading-superior-title-spacing:16px;--section-heading-superior-padding-bottom:72px;--section-heading-superior-max-width:820px;--button-btn-base-font-size-2:var(--typography-paragraphs-p-xs-size)}}@media (min-width:768px) and (max-width:991px){:root{--actions-padding:16px;--actions-radius:var(--radius-xxl);--actions-spacing:8px;--banner-padding-v:64px;--banner-padding-h:24px;--banner-col-spacing:44px;--banner-col-spacing-sm:40px;--banner-bundle-title-magin-bottom:12px;--banner-bundle-heading-margin-bottom:24px;--banner-bundle-content-margin-bottom:16px;--banner-bundle-actions-spacing:16px;--banner-bundle-icon-size:64px;--block-margin:24px;--current-deal-box-radius:var(--radius-base);--trending-products-box-radius:var(--radius-base);--trending-products-box-radius-sm:var(--radius-sm);--trending-products-box-padding:12px;--trending-products-box-padding-top:8px;--trending-products-box-spacing:16px;--trending-products-box-gap-v-default:4px;--trending-products-box-gap-v-lg:8px;--trending-products-box-gap-h-default:16px;--trending-products-box-gap-h-sm:4px;--trending-products-box-text-box-padding:16px;--trending-products-box-icon-box-padding-h:16px;--trending-products-box-icon:40px;--trending-products-box-icon-hover:56px;--current-deal-box-radius-sm:var(--radius-sm);--current-deal-box-padding:12px;--current-deal-box-spacing:12px;--current-deal-box-gap-v-default:16px;--current-deal-box-gap-v-sm:8px;--current-deal-box-gap-v-xs:4px;--current-deal-box-gap-v-xxs:2px;--current-deal-box-gap-h-default:16px;--current-deal-box-gap-h-sm:10px;--current-deal-box-gap-h-xs:4px;--current-deal-box-icon-box-padding-v:20px;--current-deal-box-icon-lg:60px;--current-deal-box-icon-lg-hover:72px;--current-deal-box-icon-default:52px;--current-deal-box-icon-default-hover:64px;--button-btn-hero-radius:var(--radius-xl);--bundle-modules-tabs-width:1176px;--bundle-modules-tabs-padding-h-default:16px;--bundle-modules-tabs-padding-bottom:20px;--bundle-modules-tabs-padding-h-small:8px;--bundle-modules-tabs-radius:var(--radius-lg);--bundle-modules-tabs-spacing-default:8px;--bundle-modules-tabs-spacing-small:6px;--bundle-modules-included-module-default-grid-spacing:10px;--bundle-modules-included-module-default-padding-top:32px;--bundle-modules-included-module-default-padding:10px;--bundle-modules-included-module-default-module-gap:10px;--button-btn-hero-height:90px;--button-btn-hero-padding-h:24px;--button-btn-hero-spacing-h:40px;--button-btn-hero-title-font-size:var(--typography-headings-h5-size);--button-btn-hero-subtitle-font-size:var(--typography-paragraphs-p-sm-btn-hero-size);--button-btn-xxxxl-radius:var(--radius-xl);--button-btn-xxxxl-height:80px;--button-btn-xxxxl-padding-h:56px;--button-btn-xxxxl-title-font-size:var(--typography-headings-h4-size);--button-btn-xxxxl-subtitle-font-size:var(--typography-paragraphs-p-d-size);--button-btn-xxxl-radius:var(--radius-base);--button-btn-xxxl-height:72px;--button-btn-xxxl-padding-h:48px;--button-btn-xxxl-title-font-size:var(--typography-headings-h6-size);--button-btn-xxxl-subtitle-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-xxl-radius:var(--radius-base);--button-btn-xxl-height:56px;--button-btn-xxl-padding-h:24px;--button-btn-xxl-spacing-h:12px;--button-btn-xxl-spacing-h-hover:18px;--button-btn-xxl-font-size:var(--typography-paragraphs-p-md-size);--button-btn-xl-radius:var(--radius-md);--button-btn-xl-height:48px;--button-btn-xl-padding-h:24px;--button-btn-xl-spacing-h:12px;--button-btn-xl-spacing-h-hover:18px;--button-btn-xl-font-size:var(--typography-paragraphs-p-d-size);--button-btn-lg-radius:var(--radius-sm);--button-btn-lg-height:48px;--button-btn-lg-padding-h:16px;--button-btn-lg-spacing-h:10px;--button-btn-lg-spacing-h-hover:16px;--button-btn-lg-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-base-radius:var(--radius-xs);--button-btn-base-height:40px;--button-btn-base-padding-h:16px;--button-btn-base-spacing-h:10px;--button-btn-base-spacing-h-hover:14px;--button-btn-base-font-size:var(--typography-paragraphs-p-xs-size);--bundle-modules-heding-margin-bottom:16px;--bundle-modules-icon-circle-56-box-size:40px;--bundle-modules-whmcs-label-padding-h:20px;--bundle-modules-whmcs-label-padding-v:4px;--bundle-modules-icon-circle-56-icon-size:24px;--bundle-modules-box-spacing:12px;--bundle-modules-box-radius:var(--radius-base);--container-width:744px;--cta-homepage-spacing-v-lg:80px;--cta-homepage-padding-bottom:216px;--cta-homepage-spacing-v-default:24px;--cta-homepage-spacing-h:24px;--cta-homepage-gap-h:16px;--cta-homepage-gap-v:16px;--graphic-radius-sm:var(--radius-sm);--graphic-radius:var(--radius-base);--graphic-width:400px;--graphic-module-box-icon:32px;--graphic-module-box-padding:8px;--graphic-module-box-spacing:6px;--graphic-module-box-box-size:100px;--graphic-module-box-font:10px;--graphic-module-box-line-height:16px;--container-padding-h:16px;--label-radius:var(--radius-xxl);--label-box-radius:var(--radius-base);--label-promo-radius:var(--radius-sm);--label-promo-padding-h:2px;--label-promo-padding-v:4px;--nav-homepage-size:40px;--nav-homepage-spacing-h:24px;--label-box-padding-h:20px;--label-box-padding-v:4px;--label-box-spacing-h:12px;--label-padding-h:20px;--label-padding-v:8px;--label-spacing-h:12px;--radius-xxl:24px;--radius-xl:14px;--radius-lg:10px;--radius-base:8px;--radius-md:6px;--radius-sm:4px;--radius-xs:3px;--radius-boxes:var(--radius-base);--radius-boxes-sm:var(--radius-sm);--section-margin-h:24px;--section-padding-v:80px;--section-padding-v-lg:100px;--section-spacing-v-lg:104px;--section-radius:var(--radius-xxl);--section-heading-center-spacing-lg:48px;--section-heading-center-spacing-base:24px;--section-graphic-spacing-h:120px;--section-heading-center-spacing-sm:8px;--section-heading-center-padding-bottom:64px;--section-heading-center-padding-bottom-sm:56px;--section-heading-center-max-width:820px;--block-base-radius:var(--radius-base);--block-base-padding-sm:12px;--block-base-padding:16px;--block-base-padding-lg:20px;--block-base-padding-xlg:40px;--block-base-gap-h-lg:32px;--block-base-gap-h-default:16px;--block-base-gap-h-sm:12px;--block-base-gap-v-xxlg:36px;--block-base-gap-v-xlg:24px;--block-base-gap-v-lg:16px;--block-base-gap-v-base:10px;--block-base-gap-v-sm:8px;--block-base-gap-v-s:4px;--block-base-spacing-sm:12px;--block-base-spacing:16px;--block-base-spacing-lg:24px;--block-base:0px;--block-m-radius:var(--radius-base);--block-m-padding:10px;--block-m-gap-v-base:10px;--block-m-gap-v-sm:2px;--block-m-gap-h-base:10px;--block-m-spacing-h:16px;--block-m-spacing-v:16px;--block-sm-radius:var(--radius-sm);--block-sm-padding:8px;--block-sm-spacing-h-default:8px;--block-sm-spacing-v-default:8px;--block-sm-spacing-v-lg:24px;--block-xs-radius:var(--radius-base);--block-xs-padding:24px;--block-xs-spacing:24px;--section-heading-left-spacing-lg:32px;--section-heading-left-spacing-base:24px;--section-heading-left-spacing-sm:10px;--section-heading-left-max-width:320px;--typography-headings-h1-size:64px;--typography-headings-h1-sm-size:48px;--typography-headings-h2-stats-size:52px;--typography-headings-h2-size:38px;--typography-headings-h2-sm-size:32px;--typography-headings-h2-xs-size:32px;--typography-headings-h3-size:19px;--typography-headings-h4-size:17px;--typography-headings-h5-size:16px;--typography-headings-h5-current-deal-default-size:15px;--typography-headings-h6-size:14px;--typography-headings-h6-update-module-size:14px;--typography-headings-h7-size:12px;--typography-headings-h8-size:11px;--typography-headings-h9-size:11px;--typography-headings-h10-size:9px;--typography-headings-bager-size:8px;--typography-paragraphs-p-xxl-size:24px;--typography-paragraphs-p-xl-size:20px;--typography-paragraphs-p-lg-size:18px;--typography-paragraphs-p-md-size:16px;--typography-paragraphs-p-d-size:14px;--typography-paragraphs-p-sm-size:13px;--typography-paragraphs-p-sm-btn-testimonial-size:14px;--typography-paragraphs-p-sm-btn-hero-size:13px;--typography-paragraphs-p-xs-size:12px;--typography-paragraphs-p-xxs-banner-btn-size:11px;--typography-paragraphs-p-xxs-size:10px;--typography-paragraphs-p-xxxs-size:9px;--bundle-modules-icon-circle-60-box-size:44px;--bundle-modules-icon-circle-60-icon-size:28px;--bundle-modules-icon-circle-80-box-size:60px;--bundle-modules-icon-circle-80-icon-size:36px;--button-btn-sm-radius:var(--radius-xs);--button-btn-sm-height:32px;--button-btn-sm-padding-h:16px;--button-btn-sm-spacing-h:8px;--button-btn-sm-spacing-h-hover:12px;--button-btn-sm-font-size:var(--typography-paragraphs-p-xxs-size);--bundle-modules-included-module-medium-grid-spacing:12px;--bundle-modules-included-module-medium-padding-top:32px;--bundle-modules-included-module-medium-padding:12px;--bundle-modules-included-module-medium-module-gap:12px;--bundle-modules-included-module-large-grid-spacing:16px;--bundle-modules-included-module-large-padding-top:40px;--bundle-modules-included-module-large-padding:16px;--bundle-modules-included-module-large-module-gap:16px;--padding-tabs-bottom:20px;--banner-homepage-radius:var(--radius-xxl);--banner-homepage-title-left-margin-bottom:16px;--banner-homepage-height:1027px;--banner-homepage-container-height:867px;--banner-homepage-padding-top:64px;--banner-homepage-padding-bottom:96px;--banner-homepage-heading-margin-bottom:24px;--banner-homepage-label-margin-bottom:16px;--banner-homepage-content-margin-bottom:24px;--banner-homepage-actions-spacing:16px;--banner-homepage-title-center-margin-bottom:32px;--banner-homepage-list-bullet-spacing-h:12px;--banner-homepage-list-bullet-spacing-v:2px;--bundle-modules-update-module-icon:52px;--bundle-modules-update-module-icon-box-padding-h:24px;--bundle-modules-update-module-gap-v:12px;--bundle-modules-update-module-spacing-v:16px;--bundle-modules-update-module-spacing-h:16px;--bundle-modules-update-module-padding-h:16px;--bundle-modules-update-module-padding-v:16px;--bundle-modules-update-module-radius:var(--radius-base);--section-heading-superior-title-margin-bottom:24px;--section-heading-superior-title-spacing:8px;--section-heading-superior-padding-bottom:64px;--section-heading-superior-max-width:820px;--button-btn-base-font-size-2:var(--typography-paragraphs-p-xs-size)}}@media (max-width:767px){:root{--actions-padding:24px;--actions-radius:var(--radius-xxl);--actions-spacing:16px;--banner-padding-v:48px;--banner-padding-h:0px;--banner-col-spacing:36px;--banner-col-spacing-sm:32px;--banner-bundle-title-magin-bottom:8px;--banner-bundle-heading-margin-bottom:24px;--banner-bundle-content-margin-bottom:16px;--banner-bundle-actions-spacing:8px;--banner-bundle-icon-size:48px;--block-margin:24px;--current-deal-box-radius:var(--radius-base);--trending-products-box-radius:var(--radius-base);--trending-products-box-radius-sm:var(--radius-sm);--trending-products-box-padding:12px;--trending-products-box-padding-top:8px;--trending-products-box-spacing:16px;--trending-products-box-gap-v-default:4px;--trending-products-box-gap-v-lg:8px;--trending-products-box-gap-h-default:12px;--trending-products-box-gap-h-sm:4px;--trending-products-box-text-box-padding:16px;--trending-products-box-icon-box-padding-h:16px;--trending-products-box-icon:40px;--trending-products-box-icon-hover:52px;--current-deal-box-radius-sm:var(--radius-sm);--current-deal-box-padding:10px;--current-deal-box-spacing:12px;--current-deal-box-gap-v-default:12px;--current-deal-box-gap-v-sm:8px;--current-deal-box-gap-v-xs:4px;--current-deal-box-gap-v-xxs:2px;--current-deal-box-gap-h-default:12px;--current-deal-box-gap-h-sm:10px;--current-deal-box-gap-h-xs:4px;--current-deal-box-icon-box-padding-v:16px;--current-deal-box-icon-lg:52px;--current-deal-box-icon-lg-hover:60px;--current-deal-box-icon-default:40px;--current-deal-box-icon-default-hover:52px;--button-btn-hero-radius:var(--radius-xl);--bundle-modules-tabs-width:1176px;--bundle-modules-tabs-padding-h-default:16px;--bundle-modules-tabs-padding-bottom:20px;--bundle-modules-tabs-padding-h-small:8px;--bundle-modules-tabs-radius:var(--radius-lg);--bundle-modules-tabs-spacing-default:8px;--bundle-modules-tabs-spacing-small:6px;--bundle-modules-included-module-default-grid-spacing:10px;--bundle-modules-included-module-default-padding-top:32px;--bundle-modules-included-module-default-padding:10px;--bundle-modules-included-module-default-module-gap:10px;--button-btn-hero-height:90px;--button-btn-hero-padding-h:40px;--button-btn-hero-spacing-h:40px;--button-btn-hero-title-font-size:var(--typography-headings-h5-size);--button-btn-hero-subtitle-font-size:var(--typography-paragraphs-p-sm-btn-hero-size);--button-btn-xxxxl-radius:var(--radius-xl);--button-btn-xxxxl-height:80px;--button-btn-xxxxl-padding-h:56px;--button-btn-xxxxl-title-font-size:var(--typography-headings-h4-size);--button-btn-xxxxl-subtitle-font-size:var(--typography-paragraphs-p-d-size);--button-btn-xxxl-radius:var(--radius-base);--button-btn-xxxl-height:56px;--button-btn-xxxl-padding-h:24px;--button-btn-xxxl-title-font-size:var(--typography-headings-h6-size);--button-btn-xxxl-subtitle-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-xxl-radius:var(--radius-base);--button-btn-xxl-height:56px;--button-btn-xxl-padding-h:24px;--button-btn-xxl-spacing-h:12px;--button-btn-xxl-spacing-h-hover:18px;--button-btn-xxl-font-size:var(--typography-paragraphs-p-md-size);--button-btn-xl-radius:var(--radius-md);--button-btn-xl-height:44px;--button-btn-xl-padding-h:16px;--button-btn-xl-spacing-h:12px;--button-btn-xl-spacing-h-hover:18px;--button-btn-xl-font-size:var(--typography-paragraphs-p-d-size);--button-btn-lg-radius:var(--radius-sm);--button-btn-lg-height:48px;--button-btn-lg-padding-h:16px;--button-btn-lg-spacing-h:10px;--button-btn-lg-spacing-h-hover:16px;--button-btn-lg-font-size:var(--typography-paragraphs-p-sm-size);--button-btn-base-radius:var(--radius-xs);--button-btn-base-height:40px;--button-btn-base-padding-h:16px;--button-btn-base-spacing-h:10px;--button-btn-base-spacing-h-hover:14px;--button-btn-base-font-size:var(--typography-paragraphs-p-xs-size);--bundle-modules-heding-margin-bottom:16px;--bundle-modules-icon-circle-56-box-size:32px;--bundle-modules-whmcs-label-padding-h:20px;--bundle-modules-whmcs-label-padding-v:4px;--bundle-modules-icon-circle-56-icon-size:20px;--bundle-modules-box-spacing:12px;--bundle-modules-box-radius:var(--radius-base);--container-width:744px;--cta-homepage-spacing-v-lg:64px;--cta-homepage-padding-bottom:258px;--cta-homepage-spacing-v-default:24px;--cta-homepage-spacing-h:16px;--cta-homepage-gap-h:8px;--cta-homepage-gap-v:16px;--graphic-radius-sm:var(--radius-sm);--graphic-radius:var(--radius-base);--graphic-width:260px;--graphic-module-box-icon:24px;--graphic-module-box-padding:8px;--graphic-module-box-spacing:4px;--graphic-module-box-box-size:64px;--graphic-module-box-font:7px;--graphic-module-box-line-height:12px;--container-padding-h:16px;--label-radius:var(--radius-xxl);--label-box-radius:var(--radius-base);--label-promo-radius:var(--radius-sm);--label-promo-padding-h:2px;--label-promo-padding-v:4px;--nav-homepage-size:40px;--nav-homepage-spacing-h:32px;--label-box-padding-h:20px;--label-box-padding-v:4px;--label-box-spacing-h:12px;--label-padding-h:20px;--label-padding-v:6px;--label-spacing-h:12px;--radius-xxl:24px;--radius-xl:14px;--radius-lg:8px;--radius-base:6px;--radius-md:4px;--radius-sm:3px;--radius-xs:2px;--radius-boxes:var(--radius-base);--radius-boxes-sm:var(--radius-sm);--section-margin-h:0px;--section-padding-v:64px;--section-padding-v-lg:72px;--section-spacing-v-lg:88px;--section-radius:0px;--section-heading-center-spacing-lg:48px;--section-heading-center-spacing-base:24px;--section-graphic-spacing-h:32px;--section-heading-center-spacing-sm:8px;--section-heading-center-padding-bottom:48px;--section-heading-center-padding-bottom-sm:48px;--section-heading-center-max-width:820px;--block-base-radius:var(--radius-base);--block-base-padding-sm:12px;--block-base-padding:16px;--block-base-padding-lg:20px;--block-base-padding-xlg:40px;--block-base-gap-h-lg:24px;--block-base-gap-h-default:16px;--block-base-gap-h-sm:12px;--block-base-gap-v-xxlg:24px;--block-base-gap-v-xlg:20px;--block-base-gap-v-lg:16px;--block-base-gap-v-base:10px;--block-base-gap-v-sm:8px;--block-base-gap-v-s:4px;--block-base-spacing-sm:12px;--block-base-spacing:16px;--block-base-spacing-lg:24px;--block-base:0px;--block-m-radius:var(--radius-base);--block-m-padding:10px;--block-m-gap-v-base:10px;--block-m-gap-v-sm:4px;--block-m-gap-h-base:10px;--block-m-spacing-h:24px;--block-m-spacing-v:16px;--block-sm-radius:var(--radius-sm);--block-sm-padding:6px;--block-sm-spacing-h-default:12px;--block-sm-spacing-v-default:12px;--block-sm-spacing-v-lg:32px;--block-xs-radius:var(--radius-base);--block-xs-padding:24px;--block-xs-spacing:24px;--section-heading-left-spacing-lg:16px;--section-heading-left-spacing-base:8px;--section-heading-left-spacing-sm:10px;--section-heading-left-max-width:538px;--typography-headings-h1-size:48px;--typography-headings-h1-sm-size:32px;--typography-headings-h2-stats-size:48px;--typography-headings-h2-size:32px;--typography-headings-h2-sm-size:24px;--typography-headings-h2-xs-size:26px;--typography-headings-h3-size:18px;--typography-headings-h4-size:16px;--typography-headings-h5-size:16px;--typography-headings-h5-current-deal-default-size:15px;--typography-headings-h6-size:13px;--typography-headings-h6-update-module-size:14px;--typography-headings-h7-size:12px;--typography-headings-h8-size:11px;--typography-headings-h9-size:11px;--typography-headings-h10-size:9px;--typography-headings-bager-size:8px;--typography-paragraphs-p-xxl-size:20px;--typography-paragraphs-p-xl-size:18px;--typography-paragraphs-p-lg-size:16px;--typography-paragraphs-p-md-size:15px;--typography-paragraphs-p-d-size:14px;--typography-paragraphs-p-sm-size:13px;--typography-paragraphs-p-sm-btn-testimonial-size:14px;--typography-paragraphs-p-sm-btn-hero-size:13px;--typography-paragraphs-p-xs-size:12px;--typography-paragraphs-p-xxs-banner-btn-size:11px;--typography-paragraphs-p-xxs-size:10px;--typography-paragraphs-p-xxxs-size:9px;--bundle-modules-icon-circle-60-box-size:36px;--bundle-modules-icon-circle-60-icon-size:24px;--bundle-modules-icon-circle-80-box-size:56px;--bundle-modules-icon-circle-80-icon-size:32px;--button-btn-sm-radius:var(--radius-xs);--button-btn-sm-height:32px;--button-btn-sm-padding-h:16px;--button-btn-sm-spacing-h:8px;--button-btn-sm-spacing-h-hover:12px;--button-btn-sm-font-size:var(--typography-paragraphs-p-xxs-size);--bundle-modules-included-module-medium-grid-spacing:12px;--bundle-modules-included-module-medium-padding-top:32px;--bundle-modules-included-module-medium-padding:12px;--bundle-modules-included-module-medium-module-gap:12px;--bundle-modules-included-module-large-grid-spacing:16px;--bundle-modules-included-module-large-padding-top:40px;--bundle-modules-included-module-large-padding:16px;--bundle-modules-included-module-large-module-gap:16px;--padding-tabs-bottom:20px;--banner-homepage-radius:0px;--banner-homepage-title-left-margin-bottom:12px;--banner-homepage-height:862px;--banner-homepage-container-height:674px;--banner-homepage-padding-top:48px;--banner-homepage-padding-bottom:140px;--banner-homepage-heading-margin-bottom:24px;--banner-homepage-label-margin-bottom:16px;--banner-homepage-content-margin-bottom:22px;--banner-homepage-actions-spacing:8px;--banner-homepage-title-center-margin-bottom:24px;--banner-homepage-list-bullet-spacing-h:12px;--banner-homepage-list-bullet-spacing-v:2px;--bundle-modules-update-module-icon:52px;--bundle-modules-update-module-icon-box-padding-h:32px;--bundle-modules-update-module-gap-v:16px;--bundle-modules-update-module-spacing-v:16px;--bundle-modules-update-module-spacing-h:24px;--bundle-modules-update-module-padding-h:16px;--bundle-modules-update-module-padding-v:20px;--bundle-modules-update-module-radius:var(--radius-base);--section-heading-superior-title-margin-bottom:24px;--section-heading-superior-title-spacing:8px;--section-heading-superior-padding-bottom:56px;--section-heading-superior-max-width:820px;--button-btn-base-font-size-2:var(--typography-paragraphs-p-xs-size)}}body.page-monthly-bundles{background-color:#fff}body.page-monthly-bundles .page-banner,body.page-monthly-bundles .page-content{font-size:var(--typography-paragraphs-p-d-size);line-height:140%;color:var(--typography-body);font-weight:300}body.page-monthly-bundles .page-banner .h1-sm,body.page-monthly-bundles .page-banner .h2-sm,body.page-monthly-bundles .page-banner h1,body.page-monthly-bundles .page-banner h2,body.page-monthly-bundles .page-banner h3,body.page-monthly-bundles .page-banner h4,body.page-monthly-bundles .page-banner h5,body.page-monthly-bundles .page-banner h6,body.page-monthly-bundles .page-content .h1-sm,body.page-monthly-bundles .page-content .h2-sm,body.page-monthly-bundles .page-content h1,body.page-monthly-bundles .page-content h2,body.page-monthly-bundles .page-content h3,body.page-monthly-bundles .page-content h4,body.page-monthly-bundles .page-content h5,body.page-monthly-bundles .page-content h6{color:var(--typography-heading)}body.page-monthly-bundles .page-banner .h1,body.page-monthly-bundles .page-banner .h1-sm,body.page-monthly-bundles .page-banner .h2,body.page-monthly-bundles .page-banner .h2-sm,body.page-monthly-bundles .page-banner .h3,body.page-monthly-bundles .page-banner .h4,body.page-monthly-bundles .page-banner .h5,body.page-monthly-bundles .page-banner .h6,body.page-monthly-bundles .page-banner .h7,body.page-monthly-bundles .page-banner .h8,body.page-monthly-bundles .page-banner .h9,body.page-monthly-bundles .page-banner .h10,body.page-monthly-bundles .page-banner h1,body.page-monthly-bundles .page-banner h2,body.page-monthly-bundles .page-banner h3,body.page-monthly-bundles .page-banner h4,body.page-monthly-bundles .page-banner h5,body.page-monthly-bundles .page-banner h6,body.page-monthly-bundles .page-content .h1,body.page-monthly-bundles .page-content .h1-sm,body.page-monthly-bundles .page-content .h2,body.page-monthly-bundles .page-content .h2-sm,body.page-monthly-bundles .page-content .h3,body.page-monthly-bundles .page-content .h4,body.page-monthly-bundles .page-content .h5,body.page-monthly-bundles .page-content .h6,body.page-monthly-bundles .page-content .h7,body.page-monthly-bundles .page-content .h8,body.page-monthly-bundles .page-content .h9,body.page-monthly-bundles .page-content .h10,body.page-monthly-bundles .page-content h1,body.page-monthly-bundles .page-content h2,body.page-monthly-bundles .page-content h3,body.page-monthly-bundles .page-content h4,body.page-monthly-bundles .page-content h5,body.page-monthly-bundles .page-content h6{margin-top:0;margin-bottom:0}body.page-monthly-bundles .page-banner .h1,body.page-monthly-bundles .page-banner h1,body.page-monthly-bundles .page-content .h1,body.page-monthly-bundles .page-content h1{font-size:var(--typography-headings-h1-size);line-height:120%;font-weight:900}body.page-monthly-bundles .page-banner .h1-sm,body.page-monthly-bundles .page-content .h1-sm{font-size:var(--typography-headings-h1-sm-size);line-height:120%}body.page-monthly-bundles .page-banner .h2,body.page-monthly-bundles .page-banner h2,body.page-monthly-bundles .page-content .h2,body.page-monthly-bundles .page-content h2{font-size:var(--typography-headings-h2-size);line-height:120%}body.page-monthly-bundles .page-banner .h2-sm,body.page-monthly-bundles .page-content .h2-sm{font-size:var(--typography-headings-h2-sm-size);line-height:120%}body.page-monthly-bundles .page-banner .h3,body.page-monthly-bundles .page-banner h3,body.page-monthly-bundles .page-content .h3,body.page-monthly-bundles .page-content h3{font-size:var(--typography-headings-h3-size);line-height:120%}body.page-monthly-bundles .page-banner .h4,body.page-monthly-bundles .page-banner h4,body.page-monthly-bundles .page-content .h4,body.page-monthly-bundles .page-content h4{font-size:var(--typography-headings-h4-size);line-height:120%}body.page-monthly-bundles .page-banner .h5,body.page-monthly-bundles .page-banner h5,body.page-monthly-bundles .page-content .h5,body.page-monthly-bundles .page-content h5{font-size:var(--typography-headings-h5-size);line-height:120%}body.page-monthly-bundles .page-banner .h6,body.page-monthly-bundles .page-banner h6,body.page-monthly-bundles .page-content .h6,body.page-monthly-bundles .page-content h6{font-size:var(--typography-headings-h6-size);line-height:120%;font-weight:800}body.page-monthly-bundles .page-banner .h7,body.page-monthly-bundles .page-content .h7{font-size:var(--typography-headings-h7-size);line-height:120%}body.page-monthly-bundles .page-banner .h8,body.page-monthly-bundles .page-content .h8{font-size:var(--typography-headings-h8-size);line-height:120%}body.page-monthly-bundles .page-banner .h9,body.page-monthly-bundles .page-content .h9{font-size:var(--typography-headings-h9-size);line-height:120%}body.page-monthly-bundles .page-banner .h10,body.page-monthly-bundles .page-content .h10{font-size:var(--typography-headings-h10-size);line-height:120%}body.page-monthly-bundles .page-banner p,body.page-monthly-bundles .page-content p{font-size:var(--typography-paragraphs-p-d-size)}body.page-monthly-bundles .page-banner .p-xxl,body.page-monthly-bundles .page-content .p-xxl{font-size:var(--typography-paragraphs-p-xxl-size);line-height:140%}body.page-monthly-bundles .page-banner .p-xl,body.page-monthly-bundles .page-content .p-xl{font-size:var(--typography-paragraphs-p-xl-size);line-height:140%}body.page-monthly-bundles .page-banner .p-lg,body.page-monthly-bundles .page-content .p-lg{font-size:var(--typography-paragraphs-p-lg-size);line-height:160%}body.page-monthly-bundles .page-banner .p-md,body.page-monthly-bundles .page-content .p-md{font-size:var(--typography-paragraphs-p-md-size);line-height:160%}body.page-monthly-bundles .page-banner .p-d,body.page-monthly-bundles .page-content .p-d{font-size:var(--typography-paragraphs-p-d-size);line-height:150%}body.page-monthly-bundles .page-banner .p-sm,body.page-monthly-bundles .page-content .p-sm{font-size:var(--typography-paragraphs-p-sm-size);line-height:170%}body.page-monthly-bundles .page-banner .p-xs,body.page-monthly-bundles .page-content .p-xs{font-size:var(--typography-paragraphs-p-xs-size);line-height:180%}body.page-monthly-bundles .page-banner .p-xxs,body.page-monthly-bundles .page-content .p-xxs{font-size:var(--typography-paragraphs-p-xxs-size);line-height:140%}body.page-monthly-bundles .page-banner .p-xxxs,body.page-monthly-bundles .page-content .p-xxxs{font-size:var(--typography-paragraphs-p-xxxs-size);line-height:140%}body.page-monthly-bundles .page-banner .btn-new,body.page-monthly-bundles .page-content .btn-new{cursor:pointer;transition:all var(--base-transition);font-weight:700;display:inline-flex;align-items:center;justify-content:center;position:relative;user-select:none;white-space:nowrap}body.page-monthly-bundles .page-banner .btn-xxxxl,body.page-monthly-bundles .page-content .btn-xxxxl{border-radius:var(--button-btn-xxxxl-radius);height:var(--button-btn-xxxxl-height);padding:0 var(--button-btn-xxxxl-padding-h)}body.page-monthly-bundles .page-banner .btn-xxxl,body.page-monthly-bundles .page-content .btn-xxxl{border-radius:var(--button-btn-xxxl-radius);height:var(--button-btn-xxxl-height);padding:0 var(--button-btn-xxxl-padding-h)}body.page-monthly-bundles .page-banner .btn-xxl,body.page-monthly-bundles .page-content .btn-xxl{border-radius:var(--button-btn-xxl-radius);height:var(--button-btn-xxl-height);padding:0 var(--button-btn-xxl-padding-h);font-size:var(--typography-paragraphs-p-md-size);line-height:160%}body.page-monthly-bundles .page-banner .btn-xl,body.page-monthly-bundles .page-content .btn-xl{border-radius:var(--button-btn-xl-radius);height:var(--button-btn-xl-height);padding:0 var(--button-btn-xl-padding-h);font-size:var(--typography-paragraphs-p-d-size);line-height:150%}body.page-monthly-bundles .page-banner .btn-lg,body.page-monthly-bundles .page-content .btn-lg{border-radius:var(--button-btn-lg-radius);height:var(--button-btn-lg-height);padding:0 var(--button-btn-lg-padding-h);font-size:var(--typography-paragraphs-p-sm-size);line-height:170%}body.page-monthly-bundles .page-banner .btn-base,body.page-monthly-bundles .page-content .btn-base{border-radius:var(--button-btn-base-radius);height:var(--button-btn-base-height);padding:0 var(--button-btn-base-padding-h);font-size:var(--typography-paragraphs-p-sm-size);line-height:180%}body.page-monthly-bundles .page-banner .btn-sm,body.page-monthly-bundles .page-content .btn-sm{border-radius:var(--button-btn-base-radius);height:var(--button-btn-sm-height);padding:0 var(--button-btn-sm-padding-h);font-size:var(--typography-paragraphs-p-xxs-size)}body.page-monthly-bundles .page-banner .btn-hero,body.page-monthly-bundles .page-content .btn-hero{border-radius:var(--button-btn-hero-radius);height:var(--button-btn-hero-height);padding:0 var(--button-btn-hero-padding-h)}body.page-monthly-bundles .page-banner .btn-primary,body.page-monthly-bundles .page-content .btn-primary{background:var(--buttons-green);color:var(--button-primary-text-default);border:none}body.page-monthly-bundles .page-banner .btn-primary:hover,body.page-monthly-bundles .page-content .btn-primary:hover{color:var(--button-primary-text-hover)}body.page-monthly-bundles .page-banner .btn-new.btn-secondary,body.page-monthly-bundles .page-content .btn-new.btn-secondary{background:transparent;color:var(--button-secondary-text-default);border:1px solid var(--button-secondary-border);box-shadow:none}body.page-monthly-bundles .page-banner .btn-new.btn-secondary:hover,body.page-monthly-bundles .page-content .btn-new.btn-secondary:hover{color:var(--button-secondary-text-hover);border-color:var(--button-secondary-border-hover)}body.page-monthly-bundles .page-banner .btn-new.btn-secondary:after,body.page-monthly-bundles .page-content .btn-new.btn-secondary:after{content:none}body.page-monthly-bundles .page-banner .btn-white,body.page-monthly-bundles .page-content .btn-white{position:relative;overflow:hidden;border:none;background:#fff;box-shadow:var(--button-shadow-lg)}body.page-monthly-bundles .page-banner .btn-white span,body.page-monthly-bundles .page-content .btn-white span{transition:color var(--base-transition);z-index:1;position:relative}body.page-monthly-bundles .page-banner .btn-white:before,body.page-monthly-bundles .page-content .btn-white:before{content:"";position:absolute;width:100%;height:100%;opacity:0;transition:opacity var(--base-transition);z-index:1;border-radius:10px}body.page-monthly-bundles .page-banner .btn-white:hover,body.page-monthly-bundles .page-content .btn-white:hover{box-shadow:var(--button-shadow-lg-hover)}body.page-monthly-bundles .page-banner .btn-white:hover:before,body.page-monthly-bundles .page-content .btn-white:hover:before{opacity:1}body.page-monthly-bundles .page-banner .btn-white.loading span.h4,body.page-monthly-bundles .page-banner .btn-white.loading span.h6,body.page-monthly-bundles .page-banner .btn-white:active span.h4,body.page-monthly-bundles .page-banner .btn-white:active span.h6,body.page-monthly-bundles .page-content .btn-white.loading span.h4,body.page-monthly-bundles .page-content .btn-white.loading span.h6,body.page-monthly-bundles .page-content .btn-white:active span.h4,body.page-monthly-bundles .page-content .btn-white:active span.h6{left:0!important}body.page-monthly-bundles .page-banner .btn-white.loading span.h4 svg,body.page-monthly-bundles .page-banner .btn-white.loading span.h6 svg,body.page-monthly-bundles .page-banner .btn-white:active span.h4 svg,body.page-monthly-bundles .page-banner .btn-white:active span.h6 svg,body.page-monthly-bundles .page-content .btn-white.loading span.h4 svg,body.page-monthly-bundles .page-content .btn-white.loading span.h6 svg,body.page-monthly-bundles .page-content .btn-white:active span.h4 svg,body.page-monthly-bundles .page-content .btn-white:active span.h6 svg{opacity:0!important}body.page-monthly-bundles .page-banner .btn-white.loading:before,body.page-monthly-bundles .page-banner .btn-white:active:before,body.page-monthly-bundles .page-content .btn-white.loading:before,body.page-monthly-bundles .page-content .btn-white:active:before{width:calc(100% - 6px);height:calc(100% - 6px);opacity:1}body.page-monthly-bundles .page-banner .btn-white.loading .animating,body.page-monthly-bundles .page-banner .btn-white:active .animating,body.page-monthly-bundles .page-content .btn-white.loading .animating,body.page-monthly-bundles .page-content .btn-white:active .animating{opacity:1}body.page-monthly-bundles .page-banner .btn-white:after,body.page-monthly-bundles .page-content .btn-white:after{content:"";position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);z-index:0;background:#fff;border-radius:10px;overflow:hidden}body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow).btn-xxxxl span.h4 svg,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow).btn-xxxxl span.h4 svg{width:16px;height:16px;top:4px}body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow) span.h4,body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow) span.h6,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow) span.h4,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow) span.h6{transition:left var(--base-transition);left:0}body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow) span.h4 svg,body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow) span.h6 svg,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow) span.h4 svg,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow) span.h6 svg{opacity:0;position:absolute;right:-12px;top:2px;transition:opacity var(--base-transition),right var(--base-transition);width:14px;height:14px}body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow):hover span.h4,body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow):hover span.h6,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow):hover span.h4,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow):hover span.h6{left:-12px}body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow):hover span.h4 svg,body.page-monthly-bundles .page-banner .btn-white:has(svg.arrow):hover span.h6 svg,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow):hover span.h4 svg,body.page-monthly-bundles .page-content .btn-white:has(svg.arrow):hover span.h6 svg{opacity:1;right:-24px}body.page-monthly-bundles .page-banner .btn-outline,body.page-monthly-bundles .page-content .btn-outline{color:#fff;border:1px solid var(--overlay-overlay)}body.page-monthly-bundles .page-banner .btn-outline:hover,body.page-monthly-bundles .page-content .btn-outline:hover{border-color:#fff}body.page-monthly-bundles .page-banner .btn-outline:has(svg.box-arrow):hover span,body.page-monthly-bundles .page-content .btn-outline:has(svg.box-arrow):hover span{left:-12px}body.page-monthly-bundles .page-banner .btn-outline:has(svg.box-arrow):hover span svg,body.page-monthly-bundles .page-content .btn-outline:has(svg.box-arrow):hover span svg{opacity:1;right:-24px}body.page-monthly-bundles .page-banner .btn-outline:has(svg.box-arrow) span,body.page-monthly-bundles .page-content .btn-outline:has(svg.box-arrow) span{position:relative;transition:left var(--base-transition);left:0;display:flex;align-items:center}body.page-monthly-bundles .page-banner .btn-outline:has(svg.box-arrow) span svg,body.page-monthly-bundles .page-content .btn-outline:has(svg.box-arrow) span svg{opacity:0;position:absolute;right:-12px;transition:all var(--base-transition);width:16px;height:16px;align-self:center}body.page-monthly-bundles .page-banner .btn-outline:has(svg.arrow):hover span,body.page-monthly-bundles .page-content .btn-outline:has(svg.arrow):hover span{left:-12px}body.page-monthly-bundles .page-banner .btn-outline:has(svg.arrow):hover span svg,body.page-monthly-bundles .page-content .btn-outline:has(svg.arrow):hover span svg{opacity:1;right:-24px}body.page-monthly-bundles .page-banner .btn-outline:has(svg.arrow) span,body.page-monthly-bundles .page-content .btn-outline:has(svg.arrow) span{position:relative;transition:left var(--base-transition);left:0}body.page-monthly-bundles .page-banner .btn-outline:has(svg.arrow) span svg,body.page-monthly-bundles .page-content .btn-outline:has(svg.arrow) span svg{opacity:0;position:absolute;right:-12px;top:2px;transition:all var(--base-transition);width:14px;height:14px}body.page-monthly-bundles .page-banner .btn-link,body.page-monthly-bundles .page-content .btn-link{display:flex;align-items:center;background:transparent;border:none;color:var(--typography-primary)}body.page-monthly-bundles .page-banner .btn-link i,body.page-monthly-bundles .page-content .btn-link i{display:flex;align-items:center}body.page-monthly-bundles .page-banner .btn-link:hover,body.page-monthly-bundles .page-content .btn-link:hover{color:var(--button-link-text-hover)}body.page-monthly-bundles .page-banner .btn-link.btn-lg,body.page-monthly-bundles .page-content .btn-link.btn-lg{gap:10px;height:22px;padding:0}body.page-monthly-bundles .page-banner .btn-link.btn-lg:hover,body.page-monthly-bundles .page-content .btn-link.btn-lg:hover{gap:16px}body.page-monthly-bundles .page-banner .btn-hero,body.page-monthly-bundles .page-content .btn-hero{min-width:auto;margin:0;flex-direction:row;gap:var(--button-btn-hero-spacing-h);box-shadow:none;align-items:center;justify-content:center}body.page-monthly-bundles .page-banner .btn-hero .hero-slogan,body.page-monthly-bundles .page-content .btn-hero .hero-slogan{font-size:var(--button-btn-hero-subtitle-font-size);line-height:120%;font-weight:500;margin:0}body.page-monthly-bundles .page-banner .btn-hero .hero-slogan b,body.page-monthly-bundles .page-content .btn-hero .hero-slogan b{font-size:var(--button-btn-hero-title-font-size);line-height:120%;font-weight:800}body.page-monthly-bundles .page-banner .btn-hero img,body.page-monthly-bundles .page-content .btn-hero img{z-index:3;position:relative;padding:0;width:48px;height:48px;transition:all var(--base-transition)}body.page-monthly-bundles .page-banner .btn-hero:hover img,body.page-monthly-bundles .page-content .btn-hero:hover img{width:56px;height:56px}body.page-monthly-bundles .page-banner .btn-hero.btn-primary,body.page-monthly-bundles .page-content .btn-hero.btn-primary{background-image:var(--buttons-green)}body.page-monthly-bundles .page-banner .btn-hero.btn-primary:after,body.page-monthly-bundles .page-content .btn-hero.btn-primary:after{background-image:var(--buttons-green-hover)}body.page-monthly-bundles .page-banner .btn-hero.btn-light-blue,body.page-monthly-bundles .page-content .btn-hero.btn-light-blue{background-image:var(--buttons-blue)}body.page-monthly-bundles .page-banner .btn-hero.btn-light-blue:after,body.page-monthly-bundles .page-content .btn-hero.btn-light-blue:after{background-image:var(--buttons-blue-hover)}body.page-monthly-bundles .page-banner .floating-cta .btn-hero,body.page-monthly-bundles .page-content .floating-cta .btn-hero{display:flex;width:100%;margin:0}body.page-monthly-bundles .page-banner .btn-arrow-animation span,body.page-monthly-bundles .page-content .btn-arrow-animation span{position:relative;left:0;transition:all var(--base-transition)}body.page-monthly-bundles .page-banner .btn-arrow-animation span svg,body.page-monthly-bundles .page-content .btn-arrow-animation span svg{position:absolute;right:-28px;top:50%;transform:translateY(-50%);transition:all var(--base-transition);opacity:0}body.page-monthly-bundles .page-banner .btn-arrow-animation.btn-sm span svg,body.page-monthly-bundles .page-content .btn-arrow-animation.btn-sm span svg{right:-24px}body.page-monthly-bundles .page-banner .btn-arrow-animation:hover span,body.page-monthly-bundles .page-content .btn-arrow-animation:hover span{left:-12px}body.page-monthly-bundles .page-banner .btn-arrow-animation:hover span svg,body.page-monthly-bundles .page-content .btn-arrow-animation:hover span svg{opacity:1}body.page-monthly-bundles .page-banner .btn-arrow-animation:hover.btn-sm span,body.page-monthly-bundles .page-content .btn-arrow-animation:hover.btn-sm span{left:-8px}body.page-monthly-bundles .page-banner .btn-link-icon,body.page-monthly-bundles .page-content .btn-link-icon{width:8px;height:16px;margin-right:11px}body.page-monthly-bundles .page-banner .section-heading,body.page-monthly-bundles .page-content .section-heading{display:flex;flex-direction:column;justify-content:center;max-width:var(--section-heading-left-max-width)}body.page-monthly-bundles .page-banner .section-heading-title:has(+.section-heading-desc),body.page-monthly-bundles .page-content .section-heading-title:has(+.section-heading-desc){margin-bottom:var(--section-heading-left-spacing-base)}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-heading-title,body.page-monthly-bundles .page-content .section-heading-title{text-align:center}}body.page-monthly-bundles .page-banner .section-heading-desc,body.page-monthly-bundles .page-content .section-heading-desc{font-size:var(--typography-paragraphs-p-lg-size);line-height:160%;margin-bottom:var(--section-heading-left-spacing-lg)}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-heading,body.page-monthly-bundles .page-content .section-heading{align-items:center}body.page-monthly-bundles .page-banner .section-heading-desc,body.page-monthly-bundles .page-content .section-heading-desc{text-align:center}}body.page-monthly-bundles .page-banner .section-heading-center,body.page-monthly-bundles .page-content .section-heading-center{text-align:center;max-width:var(--section-heading-center-max-width);padding-bottom:var(--section-heading-center-padding-bottom)}body.page-monthly-bundles .page-banner .section-heading-center .section-heading-top-title,body.page-monthly-bundles .page-content .section-heading-center .section-heading-top-title{margin-bottom:16px}body.page-monthly-bundles .page-banner .section-heading-center .section-heading-title:has(+.section-heading-desc),body.page-monthly-bundles .page-content .section-heading-center .section-heading-title:has(+.section-heading-desc){margin-bottom:var(--section-heading-center-spacing-sm)}body.page-monthly-bundles .page-banner .section:not(:last-child):not(.section-main),body.page-monthly-bundles .page-content .section:not(:last-child):not(.section-main){margin-bottom:var(--section-spacing-v-lg)}body.page-monthly-bundles .page-banner .section-graphic .container,body.page-monthly-bundles .page-content .section-graphic .container{display:flex;gap:var(--section-graphic-spacing-h)}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-graphic .container,body.page-monthly-bundles .page-content .section-graphic .container{flex-direction:column-reverse;align-items:center}}body.page-monthly-bundles .page-banner .section-graphic .section-heading-top-title,body.page-monthly-bundles .page-content .section-graphic .section-heading-top-title{margin-bottom:var(--section-heading-left-spacing-sm);font-size:var(--typography-headings-h6-size);line-height:120%}body.page-monthly-bundles .page-banner .section-graphic .section-content,body.page-monthly-bundles .page-content .section-graphic .section-content{position:relative;width:var(--graphic-width);min-width:var(--graphic-width);height:100%;min-height:430px}@media (min-width:1200px){body.page-monthly-bundles .page-banner .section-graphic .section-content,body.page-monthly-bundles .page-content .section-graphic .section-content{padding-block:20px 70px}}@media (min-width:992px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-graphic .section-content,body.page-monthly-bundles .page-content .section-graphic .section-content{padding-block:16.6px 58.3px;min-height:358px}}@media (min-width:768px) and (max-width:991px){body.page-monthly-bundles .page-banner .section-graphic .section-content,body.page-monthly-bundles .page-content .section-graphic .section-content{padding-block:13px 46px;min-height:287px}}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-graphic .section-content,body.page-monthly-bundles .page-content .section-graphic .section-content{padding-block:8.6px 30.3px;min-height:186px}}body.page-monthly-bundles .page-banner .section-graphic .section-content img,body.page-monthly-bundles .page-content .section-graphic .section-content img{width:100%}body.page-monthly-bundles .page-banner .section-graphic .section-content .main-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .main-graphic{box-shadow:var(--graphic-shadow);border-radius:var(--graphic-radius)}body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic{position:absolute;top:50%;z-index:1;width:var(--graphic-module-box-box-size);height:var(--graphic-module-box-box-size);border-radius:var(--radius-boxes);box-shadow:var(--graphic-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:var(--graphic-module-box-spacing);padding:var(--graphic-module-box-padding);transition:box-shadow var(--base-transition),transform var(--base-transition);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:1200px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic{margin-top:-78px}}@media (min-width:992px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic{margin-top:-60px}}@media (min-width:768px) and (max-width:991px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic{margin-top:-50px}}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic{margin-top:-32px}}body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic img,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic img{width:var(--graphic-module-box-icon);height:var(--graphic-module-box-icon)}body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic-title,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic-title{margin-bottom:0;font-size:var(--graphic-module-box-font);line-height:120%;color:#fff;text-transform:uppercase;text-align:center}body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic-title b,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic-title b{font-weight:800}body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic:hover,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic:hover{box-shadow:var(--graphic-shadow-hover);transform:translateY(-4px)}body.page-monthly-bundles .page-banner .section-graphic .section-content .bottom-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .bottom-graphic{position:absolute;box-shadow:var(--graphic-shadow);border-radius:var(--graphic-radius);overflow:hidden}body.page-monthly-bundles .page-banner .section-graphic .section-content .line-graphic,body.page-monthly-bundles .page-content .section-graphic .section-content .line-graphic{position:absolute;top:0;left:0}@media (min-width:1200px){body.page-monthly-bundles .page-banner .section-graphic:not(.section-graphic-left) .section-content,body.page-monthly-bundles .page-content .section-graphic:not(.section-graphic-left) .section-content{margin-right:-84px}}@media (min-width:992px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-graphic:not(.section-graphic-left) .section-content,body.page-monthly-bundles .page-content .section-graphic:not(.section-graphic-left) .section-content{margin-right:-98px}}@media (min-width:768px) and (max-width:991px){body.page-monthly-bundles .page-banner .section-graphic:not(.section-graphic-left) .section-content,body.page-monthly-bundles .page-content .section-graphic:not(.section-graphic-left) .section-content{margin-right:-104px}}body.page-monthly-bundles .page-banner .section-graphic:not(.section-graphic-left) .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic:not(.section-graphic-left) .section-content .side-graphic{left:-9.3%}@media (min-width:768px){body.page-monthly-bundles .page-banner .section-graphic-left .container,body.page-monthly-bundles .page-content .section-graphic-left .container{flex-direction:row-reverse}}@media (min-width:1200px){body.page-monthly-bundles .page-banner .section-graphic-left .section-content,body.page-monthly-bundles .page-content .section-graphic-left .section-content{margin-left:-84px}}@media (min-width:992px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-graphic-left .section-content,body.page-monthly-bundles .page-content .section-graphic-left .section-content{margin-left:-98px}}@media (min-width:768px) and (max-width:991px){body.page-monthly-bundles .page-banner .section-graphic-left .section-content,body.page-monthly-bundles .page-content .section-graphic-left .section-content{margin-left:-104px}}body.page-monthly-bundles .page-banner .section-graphic-left .section-content .side-graphic,body.page-monthly-bundles .page-content .section-graphic-left .section-content .side-graphic{right:-9.3%}body.page-monthly-bundles .page-banner .section-cta,body.page-monthly-bundles .page-content .section-cta{position:relative;padding:var(--section-padding-v) 0;margin:0 var(--section-margin-h);border-radius:var(--section-radius)}body.page-monthly-bundles .page-banner .section-cta .section-heading,body.page-monthly-bundles .page-content .section-cta .section-heading{padding-bottom:0;z-index:2}body.page-monthly-bundles .page-banner .section-cta .section-heading-top-title,body.page-monthly-bundles .page-content .section-cta .section-heading-top-title{color:var(--typography-on-dark-body);font-size:var(--typography-headings-h3-size);line-height:120%}body.page-monthly-bundles .page-banner .section-cta .section-heading-title,body.page-monthly-bundles .page-content .section-cta .section-heading-title{color:var(--typography-on-dark-heading);font-weight:400;margin-bottom:var(--section-heading-center-spacing-lg)}body.page-monthly-bundles .page-banner .section-cta .section-heading-actions,body.page-monthly-bundles .page-content .section-cta .section-heading-actions{display:flex;justify-content:center;gap:24px}body.page-monthly-bundles .page-banner .section-cta .section-heading-actions button,body.page-monthly-bundles .page-content .section-cta .section-heading-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-cta .section-heading-actions,body.page-monthly-bundles .page-content .section-cta .section-heading-actions{gap:12px}}body.page-monthly-bundles .page-banner .section-cta .section-heading-actions a:has(svg.box-arrow),body.page-monthly-bundles .page-content .section-cta .section-heading-actions a:has(svg.box-arrow){min-width:235px}@media (max-width:991px){body.page-monthly-bundles .page-banner .section-cta .section-heading-actions a:has(svg.box-arrow),body.page-monthly-bundles .page-content .section-cta .section-heading-actions a:has(svg.box-arrow){min-width:215px}}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-cta .section-heading-actions a:has(svg.box-arrow),body.page-monthly-bundles .page-content .section-cta .section-heading-actions a:has(svg.box-arrow){min-width:150px}}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes,body.page-monthly-bundles .page-content .section-cta .section-background-shapes{width:1964px;height:100%;position:absolute;left:50%;top:0;margin-left:-982px;z-index:1}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape{position:absolute!important}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape>svg,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape>svg{width:100%;height:100%}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-0,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-0{width:200px;height:200px;top:8px!important;left:-36px!important;filter:blur(10px)}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-1,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-1{width:132px;height:132px;left:207px!important;top:unset!important;bottom:-98px;opacity:.5}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-2,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-2{width:242px;height:242px;left:379px!important;top:94px!important}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-3,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-3{width:200px;height:200px;left:804px!important;top:-119px!important}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-4,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-4{width:230px;height:230px;top:unset!important;left:unset!important;right:545px;bottom:-134px;opacity:.5;filter:blur(10px)}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-5,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-5{width:320px;height:320px;left:unset!important;right:193px;top:-145px!important}body.page-monthly-bundles .page-banner .section-cta .section-background-shapes .section-background-shape-6,body.page-monthly-bundles .page-content .section-cta .section-background-shapes .section-background-shape-6{width:132px;height:132px;left:unset!important;right:-16px;top:unset!important;bottom:53px;opacity:.5}body.page-monthly-bundles .page-banner .section-package .package-container,body.page-monthly-bundles .page-content .section-package .package-container{display:grid;width:100%;gap:var(--block-base-spacing)}@media (min-width:1200px){body.page-monthly-bundles .page-banner .section-package .package-container,body.page-monthly-bundles .page-content .section-package .package-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-package .package-container,body.page-monthly-bundles .page-content .section-package .package-container{grid-template-columns:repeat(3,1fr)}}body.page-monthly-bundles .page-banner .section-package .package,body.page-monthly-bundles .page-content .section-package .package{position:relative;display:flex;flex-direction:column;align-items:center;height:auto;box-shadow:var(--box-shadow);border-radius:var(--radius-base);padding:0 var(--block-base-padding) var(--block-base-padding) var(--block-base-padding);border-top:3px solid;transition:box-shadow var(--base-transition),transform var(--base-transition);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-monthly-bundles .page-banner .section-package .package-icon,body.page-monthly-bundles .page-content .section-package .package-icon{position:relative;width:80px;height:80px;border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-bottom:var(--block-base-gap-v-lg)}body.page-monthly-bundles .page-banner .section-package .package-icon:after,body.page-monthly-bundles .page-content .section-package .package-icon:after{content:"";width:8px;height:8px;position:absolute;top:0;right:-8px;transition:all .24s ease;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h8a8 8 0 00-8 8V0z' fill='%23fff'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center}body.page-monthly-bundles .page-banner .section-package .package-icon:before,body.page-monthly-bundles .page-content .section-package .package-icon:before{content:"";width:8px;height:8px;position:absolute;top:0;left:-8px;transition:all .24s ease;mask:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L8 8C8 3.58174 4.41827 -3.13124e-07 6.99382e-07 -6.99382e-07L8 0Z" fill="white"/></svg>');mask-size:contain;mask-repeat:no-repeat;mask-position:center}body.page-monthly-bundles .page-banner .section-package .package-top-title,body.page-monthly-bundles .page-content .section-package .package-top-title{margin-bottom:var(--block-base-gap-v-sm)}body.page-monthly-bundles .page-banner .section-package .package-title,body.page-monthly-bundles .page-content .section-package .package-title{margin-bottom:var(--block-base-gap-v-base);transition:var(--base-color-transition)}body.page-monthly-bundles .page-banner .section-package .package-desc,body.page-monthly-bundles .page-content .section-package .package-desc{margin-bottom:var(--block-base-gap-v-base)}body.page-monthly-bundles .page-banner .section-package .package-action,body.page-monthly-bundles .page-content .section-package .package-action{display:flex;align-items:center}body.page-monthly-bundles .page-banner .section-package .package-action i,body.page-monthly-bundles .page-content .section-package .package-action i{transition:opacity var(--base-transition),padding var(--base-transition);display:flex;align-items:center;opacity:0}body.page-monthly-bundles .page-banner .section-package .package:hover,body.page-monthly-bundles .page-content .section-package .package:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}body.page-monthly-bundles .page-banner .section-package .package:hover .package-action i,body.page-monthly-bundles .page-content .section-package .package:hover .package-action i{opacity:1;padding-left:8px}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container{position:relative;cursor:pointer}@media (min-width:768px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container{grid-column:span 2}}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form-send,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form-send{opacity:0;visibility:hidden;border:none!important;z-index:-1!important;cursor:default}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container.form-send .package-coming-soon-form-send,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container.form-send .package-coming-soon-form-send{opacity:1;visibility:visible;z-index:10!important;background:#fff;transform:none;cursor:default}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form-send,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form-send{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--colors-gray-lighter-5);border-radius:var(--radius-base);padding:var(--block-base-padding);height:100%;width:100%;transition:all var(--base-transition);z-index:1}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form-send .package-icon,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon .package-icon,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form-send .package-icon,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon .package-icon{width:64px;height:64px;margin-bottom:var(--block-base-gap-v-base)}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form-send .package-action,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon .package-action,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form-send .package-action,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon .package-action{margin-top:16px;color:var(--typography-primary);cursor:pointer}@media (min-width:992px){body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form-send .package-action,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon .package-action,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form-send .package-action,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon .package-action{display:none}}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form-send .package-action i,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon .package-action i,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form-send .package-action i,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon .package-action i{opacity:1;margin-left:10px}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form{display:flex;z-index:0;opacity:0;height:100%;transition:all var(--base-transition)}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form{width:100%;flex-grow:1;display:flex;flex-direction:column}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form .textarea-wrapper,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form .textarea-wrapper{display:flex;height:100%;position:relative;overflow:hidden;border-radius:var(--radius-sm)}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form .textarea-wrapper .textarea-error,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form .textarea-wrapper .textarea-error{position:absolute;bottom:2px;text-align:center;width:calc(100% - 2px);left:1px;border-radius:var(--radius-sm);border-top-left-radius:0;border-top-right-radius:0;padding:6px 12px;color:var(--typography-danger);border-color:var(--colors-danger-lighter-5);border-top:1px solid;border-top-color:var(--colors-danger-lighter-5);background:var(--colors-danger-lighter-6);transition:all var(--base-transition);cursor:default}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form .textarea-wrapper:has(span:not(.hidden)) textarea,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form .textarea-wrapper:has(span:not(.hidden)) textarea{border-color:var(--colors-danger-base)}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form textarea,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form textarea{flex-grow:1;resize:none;border:1px solid var(--colors-gray-lighter-6);background-color:var(--colors-gray-lighter-6);padding:var(--block-sm-padding);border-radius:var(--radius-sm);transition:border-color var(--base-transition);outline:unset!important}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form textarea:active,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form textarea:focus,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form textarea:hover,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form textarea:active,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form textarea:focus,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form textarea:hover{border-color:var(--colors-primary-base)}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form textarea,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form textarea{height:120px}}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form form .btn-link,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form form .btn-link{justify-content:center;margin-top:var(--button-btn-lg-spacing-h)}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container .package-coming-soon-form:hover .btn-link,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container .package-coming-soon-form:hover .btn-link{color:var(--button-link-text-hover);gap:16px}@media (min-width:991px){body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container.active .package-coming-soon,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container:hover .package-coming-soon,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container.active .package-coming-soon,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container:hover .package-coming-soon{opacity:0}body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container.active .package-coming-soon-form,body.page-monthly-bundles .page-banner .section-package .package-coming-soon-container:hover .package-coming-soon-form,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container.active .package-coming-soon-form,body.page-monthly-bundles .page-content .section-package .package-coming-soon-container:hover .package-coming-soon-form{opacity:1;z-index:5}}body.page-monthly-bundles .page-banner .section.disabled .side-graphic,body.page-monthly-bundles .page-content .section.disabled .side-graphic{pointer-events:none;background:var(--module-unavailable)!important}body.page-monthly-bundles .page-banner .section.disabled .section-heading-desc,body.page-monthly-bundles .page-banner .section.disabled .section-heading-title,body.page-monthly-bundles .page-banner .section.disabled .section-heading-top-title,body.page-monthly-bundles .page-content .section.disabled .section-heading-desc,body.page-monthly-bundles .page-content .section.disabled .section-heading-title,body.page-monthly-bundles .page-content .section.disabled .section-heading-top-title{color:var(--typography-lighter-2)}body.page-monthly-bundles .page-banner .section.disabled .section-content img,body.page-monthly-bundles .page-content .section.disabled .section-content img{filter:grayscale(1)}body.page-monthly-bundles .page-banner .section.disabled .btn-secondary,body.page-monthly-bundles .page-content .section.disabled .btn-secondary{color:var(--button-secondary-text-disabled);border:1px solid var(--button-secondary-border-disabled);pointer-events:none}body.page-monthly-bundles .page-banner .section-blue,body.page-monthly-bundles .page-content .section-blue{background:linear-gradient(.11deg,#3a92ff .1%,#0057ca 99.9%);margin-inline:24px;border-radius:var(--section-radius)}@media (min-width:1200px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic.social-media-login-bg,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic.social-media-login-bg{margin-top:-65px}}@media (min-width:992px) and (max-width:1199px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic.social-media-login-bg,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic.social-media-login-bg{margin-top:-53px}}@media (min-width:768px) and (max-width:991px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic.social-media-login-bg,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic.social-media-login-bg{margin-top:-43px}}@media (max-width:767px){body.page-monthly-bundles .page-banner .section-graphic .section-content .side-graphic.social-media-login-bg,body.page-monthly-bundles .page-content .section-graphic .section-content .side-graphic.social-media-login-bg{margin-top:-28px}}body.page-monthly-bundles .primary-navbar{box-shadow:none}body.page-monthly-bundles .container{width:unset;max-width:var(--container-width);padding-inline:var(--container-padding-h)}body.page-monthly-bundles .container:after,body.page-monthly-bundles .container:before{content:none}body.page-monthly-bundles .page-content{padding-block:var(--section-padding-v)}body.page-monthly-bundles .nowrap{white-space:nowrap}@media (max-width:767px){body.page-monthly-bundles .break-line-sm{display:none}}body.page-monthly-bundles .slider-wrapper{z-index:1}body.page-monthly-bundles .label{padding:var(--label-padding-v) var(--label-padding-h)}body.page-monthly-bundles .d-flex{display:flex}body.page-monthly-bundles .flex-column{flex-direction:column}body.page-monthly-bundles .align-items-center{align-items:center}body.page-monthly-bundles .justify-content-center{justify-content:center}body.page-monthly-bundles .max-w-content{max-width:max-content}body.page-monthly-bundles .font-weight-light{font-weight:300!important}body.page-monthly-bundles .font-weight-base{font-weight:400!important}body.page-monthly-bundles .font-weight-medium{font-weight:500!important}body.page-monthly-bundles .font-weight-semibold{font-weight:600!important}body.page-monthly-bundles .font-weight-bold{font-weight:700!important}body.page-monthly-bundles .font-weight-extrabold{font-weight:800!important}body.page-monthly-bundles .font-weight-black{font-weight:900!important}body.page-monthly-bundles .text-white-color{color:#fff!important}body.page-monthly-bundles .text-heading-color{color:var(--typography-heading)}body.page-monthly-bundles .text-openstack-color{color:var(--solid-openstack)}body.page-monthly-bundles .text-proxmox-ve{color:var(--solid-proxmox-ve)}body.page-monthly-bundles .text-solusvm-2{color:var(--solid-solus-2)}body.page-monthly-bundles .text-virtuozzo{color:var(--solid-virtuozzo)}body.page-monthly-bundles .text-digitalocean-lighter{color:var(--solid-digitalocean-lighter)}body.page-monthly-bundles .text-amazon{color:var(--solid-amazon)}body.page-monthly-bundles .text-ovhcloud{color:var(--solid-ovhcloud)}body.page-monthly-bundles .text-vultr{color:var(--solid-vultr)}body.page-monthly-bundles .text-openstack-lighter-color{color:var(--solid-openstack-lighter)}body.page-monthly-bundles .text-cpanel-color{color:var(--solid-cpanel)}body.page-monthly-bundles .text-cpanel-lighter-color{color:var(--solid-cpanel-lighter)}body.page-monthly-bundles .text-typography-lighter-color{color:var(--typography-lighter-1)!important}body.page-monthly-bundles .text-body-color{color:var(--typography-body)!important}body.page-monthly-bundles .text-plesk-lighter-color{color:var(--solid-plesk-lighter)}body.page-monthly-bundles .text-directadmin-lighter-color{color:var(--solid-direct-admin-lighter)}body.page-monthly-bundles .text-uppercase{text-transform:uppercase}body.page-monthly-bundles .text-nowrap{text-wrap:nowrap}body.page-monthly-bundles .mt-auto{margin-top:auto}@media (max-width:1199px){body.page-monthly-bundles .hidden-lg-down{display:none!important}}@media (min-width:1200px){body.page-monthly-bundles .hidden-lg-up{display:none!important}}@media (max-width:991px){body.page-monthly-bundles .hidden-md-down{display:none!important}}@media (min-width:992px){body.page-monthly-bundles .hidden-md-up{display:none!important}}@media (max-width:767px){body.page-monthly-bundles .hidden-sm-down{display:none!important}}@media (min-width:768px){body.page-monthly-bundles .hidden-sm-up{display:none!important}}@media (max-width:579px){body.page-monthly-bundles .hidden-xs-down{display:none!important}}@media (min-width:580px){body.page-monthly-bundles .hidden-xs-up{display:none!important}}body.page-monthly-bundles .page-banner{padding:var(--banner-padding-v) 0;margin:0}@media (min-width:768px){body.page-monthly-bundles .page-banner{margin-inline:var(--banner-padding-h);border-radius:var(--section-radius)}}body.page-monthly-bundles .page-banner.banner-bundle{position:relative;overflow:hidden}body.page-monthly-bundles .page-banner.banner-bundle.after,body.page-monthly-bundles .page-banner.banner-bundle:before{content:unset}body.page-monthly-bundles .page-banner.banner-bundle .container{position:relative;z-index:2;display:flex;gap:var(--banner-col-spacing)}@media (max-width:1199px){body.page-monthly-bundles .page-banner.banner-bundle .container{flex-direction:column}}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-gradient{opacity:0;content:"";position:absolute;inset:0;z-index:-1;transition:opacity var(--main-bundle-transition)}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-gradient.active{transition-delay:0s;opacity:1;z-index:1}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-gradient.out{opacity:0;z-index:0;transition-delay:.5s}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-shapes{width:1964px;height:100%;position:absolute;left:50%;margin-left:-982px;z-index:-1}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-shapes .banner-background-shape{position:absolute!important}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-shapes .banner-background-shape svg{width:100%;height:100%}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-shapes .banner-background-shape-0{top:-170px!important;right:0;left:unset!important;width:400px;height:400px}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-shapes .banner-background-shape-1{top:259px!important;left:0!important;width:257px;height:257px}body.page-monthly-bundles .page-banner.banner-bundle .banner-background-shapes .banner-background-shape-2{top:unset!important;left:unset!important;bottom:-108px;right:272px;width:224px;height:224px}@media (min-width:1200px){body.page-monthly-bundles .page-banner .banner-content{max-width:462px;min-width:462px}}body.page-monthly-bundles .page-banner .banner-content .banner-label-container{gap:12px}body.page-monthly-bundles .page-banner .banner-label{margin-bottom:var(--banner-bundle-title-magin-bottom)}body.page-monthly-bundles .page-banner .banner-label-badge{padding:var(--label-padding-v) var(--label-spacing-h) var(--label-padding-v) var(--label-padding-h);background-color:#fff;color:var(--solid-openstack);border-radius:30px 0 0 30px;transition:color var(--main-bundle-transition)}body.page-monthly-bundles .page-banner .banner-label-desc{padding:var(--label-padding-v) var(--label-padding-h) var(--label-padding-v) var(--label-spacing-h);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4);border-radius:0 30px 30px 0;color:#fff}body.page-monthly-bundles .page-banner .banner-label-faq{padding:var(--label-padding-v) var(--label-spacing-h) var(--label-padding-v) var(--label-spacing-h);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4);border-radius:24px;color:#fff;transition:all var(--main-bundle-transition);display:flex;flex-direction:row;align-items:center;gap:8px;max-width:62px}body.page-monthly-bundles .page-banner .banner-label-faq svg{min-width:12px;width:12px;height:13px;opacity:0;visibility:hidden;transition:all var(--main-bundle-transition)}body.page-monthly-bundles .page-banner .banner-label-faq:hover{background-color:hsla(0,0%,100%,.12156862745098039);max-width:100%}body.page-monthly-bundles .page-banner .banner-label-faq:hover svg{opacity:1;visibility:visible}body.page-monthly-bundles .page-banner .banner-title{margin-top:0;margin-bottom:var(--banner-bundle-content-margin-bottom)}@media (min-width:1200px){body.page-monthly-bundles .page-banner .banner-title{text-align:left}}body.page-monthly-bundles .page-banner .banner-title-heading{margin-bottom:var(--banner-bundle-title-magin-bottom);font-size:var(--typography-headings-h1-sm-size);line-height:120%;text-shadow:unset;color:#fff}@media (min-width:992px){body.page-monthly-bundles .page-banner .banner-title-heading-scaled{font-size:49px}}body.page-monthly-bundles .page-banner .banner-title-desc{color:var(--typography-on-dark-body)}body.page-monthly-bundles .page-banner .banner-price{margin-bottom:var(--banner-bundle-heading-margin-bottom);gap:16px}body.page-monthly-bundles .page-banner .banner-price-icon{min-width:var(--banner-bundle-icon-size);width:var(--banner-bundle-icon-size);height:var(--banner-bundle-icon-size)}body.page-monthly-bundles .page-banner .banner-price-icon svg{width:100%;height:100%}body.page-monthly-bundles .page-banner .banner-price-desc{color:var(--typography-on-dark-heading);font-weight:300}body.page-monthly-bundles .page-banner .banner-price.banner-price-labeled{display:flex;max-width:438px;width:max-content;padding:16px 20px 16px 16px;align-items:center;border-radius:8px;background:hsla(0,0%,100%,.12)}body.page-monthly-bundles .page-banner .banner-price.banner-price-labeled .banner-price-desc{margin-bottom:0}body.page-monthly-bundles .page-banner .banner-actions{gap:var(--banner-bundle-actions-spacing)}body.page-monthly-bundles .page-banner .banner-modules{gap:var(--bundle-modules-heding-margin-bottom)}body.page-monthly-bundles .page-banner .bundle-modules-tabs{display:flex;flex-wrap:nowrap;gap:6px}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item{display:flex;align-items:center;background:var(--colors-gray-lighter-5);border-radius:var(--bundle-modules-tabs-radius) var(--bundle-modules-tabs-radius) 0 0;gap:16px;padding:var(--bundle-modules-tabs-padding-h-default);flex:1;position:relative;transition:transform var(--main-bundle-transition);margin-bottom:-8px;padding-bottom:calc(var(--bundle-modules-tabs-padding-h-default) + 8px);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item .icon{border-radius:var(--radius-sm);width:64px;height:64px}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item .icon img{width:40px;height:40px}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item>span{font-size:var(--typography-headings-h9-size);line-height:120%}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:after,body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:before{content:"";width:8px;height:8px;position:absolute;bottom:8px;transition:all var(--main-bundle-transition);background-size:100%;background-position:50%;opacity:0}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:before{background-image:url(../img/tab-elemetns/tab-side-element.svg);left:-8px}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:after{background-image:url(../img/tab-elemetns/tab-side-element-right.svg);right:-8px}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:first-child:before{content:none}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:last-child:after{content:none}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item.active{background:#fff}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item.active:after,body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item.active:before{opacity:1}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:hover:not(.active){transform:translateY(-7px)}body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:hover:not(.active):after,body.page-monthly-bundles .page-banner .bundle-modules-tabs .bundle-modules-tab-item:hover:not(.active):before{bottom:0}body.page-monthly-bundles .page-banner .bundle-modules-tabs.bundle-modules-tabs-sm .bundle-modules-tab-item{padding:12px var(--bundle-modules-tabs-padding-h-small) 20px var(--bundle-modules-tabs-padding-h-small);flex-direction:column;gap:8px;text-align:center;margin-bottom:-8px}body.page-monthly-bundles .page-banner .bundle-modules-tabs.bundle-modules-tabs-sm .bundle-modules-tab-item>span{font-size:var(--typography-headings-h10-size);line-height:120%}body.page-monthly-bundles .page-banner .bundle-modules-tabs.bundle-modules-tabs-sm .bundle-modules-tab-item .icon{width:50px;height:50px}body.page-monthly-bundles .page-banner .bundle-modules-tabs.bundle-modules-tabs-sm .bundle-modules-tab-item .icon img{width:32px;height:32px}body.page-monthly-bundles .page-banner .bundle-modules-box{background:#fff;gap:var(--bundle-modules-box-spacing);padding:var(--bundle-modules-box-spacing);border-radius:var(--bundle-modules-tabs-radius);position:relative;z-index:1}body.page-monthly-bundles .page-banner .bundle-modules:has(.bundle-modules-tabs) .bundle-modules-box{border-radius:0 0 var(--bundle-modules-tabs-radius) var(--bundle-modules-tabs-radius)}body.page-monthly-bundles .page-banner .bundle-modules-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bundle-modules-included-module-default-grid-spacing);position:relative;padding:var(--bundle-modules-included-module-default-padding-top) var(--bundle-modules-included-module-default-padding) var(--bundle-modules-included-module-default-padding) var(--bundle-modules-included-module-default-padding);border-radius:var(--bundle-modules-box-radius);border:1px solid #cf4444;transition:border-color var(--main-bundle-transition)}body.page-monthly-bundles .page-banner .bundle-modules-list-label{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:var(--bundle-modules-whmcs-label-padding-v) var(--bundle-modules-whmcs-label-padding-h);border-radius:0 0 var(--radius-base) var(--radius-base);max-height:24px;display:flex;align-items:center}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg{border-radius:0 0 var(--radius-base) var(--radius-base);opacity:0;position:absolute;inset:0;z-index:-1;transition:opacity var(--main-bundle-transition);will-change:opacity;transform:translateZ(0)}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg-after{right:-7px;transform:scaleX(-1)}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg-after,body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg-before{content:"";width:8px;height:8px;position:absolute;top:0;mask:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L8 8C8 3.58174 4.41827 -3.13124e-07 6.99382e-07 -6.99382e-07L8 0Z" fill="white"/></svg>');mask-size:contain;mask-repeat:no-repeat;mask-position:center;opacity:0;transition:opacity var(--main-bundle-transition)}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg-before{left:-7px}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg.active{transition-delay:0s;opacity:1;z-index:1}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg.active .bundle-modules-list-label-bg-after,body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg.active .bundle-modules-list-label-bg-before{opacity:1}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg.out{opacity:0;z-index:0;transition-delay:.5s}body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg.out .bundle-modules-list-label-bg-after,body.page-monthly-bundles .page-banner .bundle-modules-list-label-bg.out .bundle-modules-list-label-bg-before{opacity:0;transition-delay:.5s}body.page-monthly-bundles .page-banner .bundle-modules-list-label>span{position:relative;z-index:2}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item{display:flex;align-items:center;gap:var(--bundle-modules-included-module-default-module-gap)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item .bundle-modules-item-title{color:var(--typography-heading);font-size:var(--typography-headings-h8-size);line-height:120%;font-weight:700;text-transform:uppercase;transition:color var(--main-bundle-transition)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item .bundle-modules-item-icon{min-width:var(--bundle-modules-icon-circle-56-box-size);width:var(--bundle-modules-icon-circle-56-box-size);height:var(--bundle-modules-icon-circle-56-box-size);border-radius:100px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item .bundle-modules-item-icon img{width:var(--bundle-modules-icon-circle-56-icon-size);height:var(--bundle-modules-icon-circle-56-icon-size);position:relative;z-index:1;transition:scale var(--main-bundle-transition)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item .bundle-modules-item-icon:before{position:absolute;width:100%;height:100%;transition:opacity var(--main-bundle-transition);top:0;left:0}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item .bundle-modules-item-icon:before{content:"";opacity:0;background:linear-gradient(180deg,#d4d4d4,#efefef)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item.disabled{cursor:default}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item.disabled .bundle-modules-item-icon:before{opacity:1}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item.disabled span{color:var(--typography-lighter-2)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover .bundle-modules-item-icon img{scale:1.1}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.dns-manager-bg) .bundle-modules-item-title{color:var(--solid-dns)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.advanced-billing-bg) .bundle-modules-item-title{color:var(--solid-advanced-billing)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.ip-manager-bg) .bundle-modules-item-title{color:var(--solid-ip-manager)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.server-monitoring-tool-bg) .bundle-modules-item-title{color:var(--solid-server-monitoring)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.hosting-renewals-bg) .bundle-modules-item-title{color:var(--solid-hosting-renewals)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.hosting-quota-notifications-bg) .bundle-modules-item-title{color:var(--solid-hosting-quota)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.server-allocator-bg) .bundle-modules-item-title{color:var(--solid-server-allocator)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.sms-center-bg) .bundle-modules-item-title{color:var(--solid-sms-center)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.wordpress-manager-bg) .bundle-modules-item-title{color:var(--solid-wordpress)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.unban-center-bg) .bundle-modules-item-title{color:var(--solid-unban-center)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.domain-allocator-bg) .bundle-modules-item-title{color:var(--solid-domain-allocator)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.domains-reseller-bg) .bundle-modules-item-title{color:var(--solid-domians-reseller-lighter)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.domain-orders-extended-bg) .bundle-modules-item-title{color:var(--solid-domain-orders)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.password-manager-bg) .bundle-modules-item-title{color:var(--solid-password-manager)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.client-area-popup-bg) .bundle-modules-item-title{color:var(--solid-client-area-popup)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.email-notifications-organizer-bg) .bundle-modules-item-title{color:var(--solid-email-notifications)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.marketing-triggers-automation-bg) .bundle-modules-item-title{color:var(--solid-marketing-triggers)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.social-media-login-bg) .bundle-modules-item-title{color:var(--solid-social-media-login)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.crm-bg) .bundle-modules-item-title{color:var(--solid-quick-books)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.report-generator-bg) .bundle-modules-item-title{color:var(--solid-report-generator)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.quotes-automation-bg) .bundle-modules-item-title{color:var(--solid-quotes-automation)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.discount-center-bg) .bundle-modules-item-title{color:var(--solid-discount-center)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.payment-gateway-charges-bg) .bundle-modules-item-title{color:var(--solid-payment-gateway)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.product-free-trial-manager-bg) .bundle-modules-item-title{color:var(--solid-product-free-trial)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.abandoned-cart-bg) .bundle-modules-item-title{color:var(--solid-abandoned-cart)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.product-linker-bg) .bundle-modules-item-title{color:var(--solid-product-linker)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.payment-gateway-allocator-bg) .bundle-modules-item-title{color:var(--solid-payment-gateway)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.product-feedback-center-bg) .bundle-modules-item-title{color:var(--solid-product-feedback)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.google-analytics-bg) .bundle-modules-item-title{color:var(--solid-google-analytics)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.quickbooks-online-bg) .bundle-modules-item-title{color:var(--solid-quick-books)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.expense-tracker-bg) .bundle-modules-item-title{color:var(--solid-expense-tracker)}body.page-monthly-bundles .page-banner .bundle-modules-list .bundle-modules-item:not(.disabled):hover:has(.time-task-manager-bg) .bundle-modules-item-title{color:var(--solid-time-task)}body.page-monthly-bundles .page-banner .bundle-modules-list-md .bundle-modules-item .bundle-modules-item-icon{min-width:var(--bundle-modules-icon-circle-60-box-size);width:var(--bundle-modules-icon-circle-60-box-size);height:var(--bundle-modules-icon-circle-60-box-size)}body.page-monthly-bundles .page-banner .bundle-modules-list-md .bundle-modules-item .bundle-modules-item-icon img{width:var(--bundle-modules-icon-circle-60-icon-size);height:var(--bundle-modules-icon-circle-60-icon-size)}body.page-monthly-bundles .page-banner .bundle-modules-list-xl{grid-template-columns:repeat(2,1fr);padding:var(--bundle-modules-included-module-large-padding-top) var(--bundle-modules-included-module-large-padding) var(--bundle-modules-included-module-large-padding) var(--bundle-modules-included-module-large-padding);gap:var(--bundle-modules-included-module-large-module-gap)}body.page-monthly-bundles .page-banner .bundle-modules-list-xl .bundle-modules-item .bundle-modules-item-icon{min-width:var(--bundle-modules-icon-circle-80-box-size);width:var(--bundle-modules-icon-circle-80-box-size);height:var(--bundle-modules-icon-circle-80-box-size)}body.page-monthly-bundles .page-banner .bundle-modules-list-xl .bundle-modules-item .bundle-modules-item-icon img{width:var(--bundle-modules-icon-circle-80-icon-size);height:var(--bundle-modules-icon-circle-80-icon-size)}body.page-monthly-bundles .page-banner .bundle-modules-list-xl .bundle-modules-item .bundle-modules-item-title{font-size:var(--typography-headings-h5-size);line-height:120%;font-weight:700}body.page-monthly-bundles .page-banner .banner-bundles .bundles-tiles{display:flex;align-items:flex-start;align-content:flex-start;gap:24px;align-self:stretch;flex-wrap:wrap}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile{width:calc(50% - 12px);min-width:calc(50% - 12px);box-shadow:0 4px 16px 0 rgba(0,0,0,.02),0 8px 32px 0 rgba(0,0,0,.08);gap:var(--block-base-gap-v-sm);align-self:stretch;border-radius:var(--block-base-radius);padding-right:12px;position:relative}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile:before{content:"";inset:0;position:absolute;border-radius:var(--block-base-radius);z-index:-2}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile:after{content:"";inset:0;left:3px;background:#fff;position:absolute;border-radius:var(--block-base-radius);z-index:-1}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-title{display:flex;align-items:center;padding-left:var(--bundle-modules-tabs-padding-h-small);flex:1 0 0;transition:color var(--base-transition)}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon-container{padding:14px 0}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon{height:80px;width:83px;padding:12px;border-radius:0 6px 6px 0;position:relative;display:flex;justify-content:center;align-items:center}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon svg{width:56px;height:56px}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon:after{content:"";width:8px;height:8px;position:absolute;bottom:-7px;left:3px;transition:all .24s ease;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h8a8 8 0 00-8 8V0z' fill='%23fff'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon:before{content:"";width:8px;height:8px;position:absolute;top:-7px;left:3px;transform:rotate(-180deg);transition:all .24s ease;mask:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L8 8C8 3.58174 4.41827 -3.13124e-07 6.99382e-07 -6.99382e-07L8 0Z" fill="white"/></svg>');mask-size:contain;mask-repeat:no-repeat;mask-position:center}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-action{padding:0 var(--bundle-modules-tabs-padding-h-small);height:44px;display:flex;align-items:center}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-action svg path{transition:stroke var(--base-transition)}body.page-monthly-bundles .page-banner.bundle-landing-page{margin-bottom:24px}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-title{margin-bottom:16px}@media (min-width:992px) and (max-width:1199px){body.page-monthly-bundles .page-banner.bundle-landing-page .banner-title{margin-bottom:24px}}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-title-desc{margin-bottom:0}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-background-shapes{width:1964px;height:100%;position:absolute;left:50%;margin-left:-982px;z-index:-1}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-background-shapes .banner-background-shape{position:absolute!important;opacity:.6;filter:blur(3px)}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-background-shapes .banner-background-shape svg{width:100%;height:100%}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-background-shapes .banner-background-shape-0{top:292px!important;right:277px;left:unset!important;width:224px;height:224px}body.page-monthly-bundles .page-banner.bundle-landing-page .banner-background-shapes .banner-background-shape-1{top:-30px!important;left:-24px!important;width:257px;height:257px}@media (max-width:1199px){body.page-monthly-bundles .page-banner .banner-actions,body.page-monthly-bundles .page-banner .banner-label,body.page-monthly-bundles .page-banner .banner-price,body.page-monthly-bundles .page-banner .banner-title{justify-content:center}body.page-monthly-bundles .page-banner .banner-price-labeled{margin:0 auto}body.page-monthly-bundles .page-banner .banner-label-container{justify-content:center}body.page-monthly-bundles .page-banner .banner-modules{align-items:center}body.page-monthly-bundles .page-banner .bundle-modules{max-width:626px}body.page-monthly-bundles .page-banner .bundle-modules-tabs{justify-content:space-between}}@media (max-width:991px){body.page-monthly-bundles .page-banner .banner-label-faq{max-width:unset}body.page-monthly-bundles .page-banner .banner-label-faq svg{display:none}}@media (max-width:767px){body.page-monthly-bundles .page-banner .bundle-modules{max-width:100%;width:100%}body.page-monthly-bundles .page-banner .bundle-modules-tabs{justify-content:space-between}body.page-monthly-bundles .page-banner .bundle-modules-tab{width:100%}}@media (max-width:579px){body.page-monthly-bundles .page-banner .bundle-modules-tabs{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body.page-monthly-bundles .page-banner .bundle-modules-tabs::-webkit-scrollbar{display:none}body.page-monthly-bundles .page-banner .bundle-modules-list{grid-template-columns:repeat(1,1fr)}body.page-monthly-bundles .page-banner .banner-bundles .bundles-tiles{gap:16px}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile{width:100%}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon-container{padding:8px 0}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon{width:64px;height:64px}body.page-monthly-bundles .page-banner .banner-bundles .bundle-tile .tile-icon svg{width:40px;height:40px}}body.page-monthly-bundles .section-graphic .bottom-graphic{z-index:1}body.page-monthly-bundles .section-graphic .bottom-graphic-flexible{width:68.5%;height:37%;bottom:3.6%;right:6.6%}body.page-monthly-bundles .section-graphic .bottom-graphic-streamlined{width:45.8%;height:29.2%;bottom:3.8%;left:15%}body.page-monthly-bundles .section-graphic .bottom-graphic-dynamic{width:52%;height:51.3%;right:11.6%;bottom:5.9%}body.page-monthly-bundles .section-graphic .bottom-graphic-advanced{width:65.3%;height:37.3%;bottom:0;left:8.3%}body.page-monthly-bundles .section-graphic .bottom-graphic-centralized{width:69%;height:44.6%;right:6.6%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-flexible-hosting{width:76.8%;height:30%;left:6.6%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-proactive{width:49.3%;height:42.3%;bottom:3.2%;right:11.6%}body.page-monthly-bundles .section-graphic .bottom-graphic-tailored{width:52.6%;height:42.88%;left:7.6%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-instant-sms{width:47%;height:40.57%;right:6.3%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-owned-server-provisioning{width:68.34%;height:43.26%;right:2.67%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-seamless-provisioning{width:68.33%;height:36.92%;bottom:0;right:8.67%}body.page-monthly-bundles .section-graphic .bottom-graphic-effortless-provisioning{width:70%;height:38.08%;bottom:0;right:5.67%}body.page-monthly-bundles .section-graphic .bottom-graphic-streamlined-provisioning{width:74.67%;height:42.69%;bottom:0;right:2.5%}body.page-monthly-bundles .section-graphic .bottom-graphic-flexible-provisioning{width:74.67%;height:29.23%;bottom:5.58%;right:3.5%}body.page-monthly-bundles .section-graphic .bottom-graphic-transparent{width:52%;height:51.73%;bottom:5.77%;right:11.67%}body.page-monthly-bundles .section-graphic .bottom-graphic-advanced-dns-tools{width:45.83%;height:29.23%;bottom:3.85%;left:15%}body.page-monthly-bundles .section-graphic .bottom-graphic-provisioning{width:57.3%;height:28.8%;bottom:3.6%;right:6.6%}body.page-monthly-bundles .section-graphic .bottom-graphic-customized{width:73.67%;height:22.3%;bottom:3.4%;left:3.3%}body.page-monthly-bundles .section-graphic .bottom-graphic-smart-resource{width:49.33%;height:42.31%;bottom:0;right:11.67%}body.page-monthly-bundles .section-graphic .bottom-graphic-realtime-sms{width:47%;height:40.38%;bottom:0;left:6.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-iaas-flexible-provisioning{width:73%;height:31.54%;bottom:1.92%;right:4.83%}body.page-monthly-bundles .section-graphic .bottom-graphic-iaas-streamlined{width:57.33%;height:41.92%;bottom:3.85%;right:5.17%}body.page-monthly-bundles .section-graphic .bottom-graphic-iaas-smart-server{width:65%;height:36.15%;bottom:4.04%;right:5.17%}body.page-monthly-bundles .section-graphic .bottom-graphic-iaas-droplet{width:67%;height:39.23%;bottom:1.15%;right:4.83%}body.page-monthly-bundles .section-graphic .bottom-graphic-iaas-tailored{width:73%;height:35%;bottom:7.88%;right:5.5%}body.page-monthly-bundles .section-graphic .bottom-graphic-flexible-dns{width:45.83%;height:29.23%;bottom:3.85%;left:15%}body.page-monthly-bundles .section-graphic .bottom-graphic-streamlined-distribution{width:59%;height:26.92%;bottom:5.96%;right:11.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-smart{width:55%;height:35.38%;bottom:0;right:8.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-advanced-domain-search{width:45%;height:39.23%;bottom:6.35%;right:5%}body.page-monthly-bundles .section-graphic .bottom-graphic-dynamic-sms{width:47%;height:40.57%;left:6.3%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-smart-discount{width:42.67%;height:26.54%;bottom:3.46%;right:2.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-dynamic-gateway{width:53%;height:37.31%;bottom:1.92%;left:3.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-flexible-access{width:50%;height:30%;bottom:5.77%;right:14.17%}body.page-monthly-bundles .section-graphic .bottom-graphic-automated-marketing{width:53.33%;height:30.77%;bottom:4.42%;left:3.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-shopping-cart{width:72%;height:30.38%;bottom:4.23%;right:3.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-modern-customer{width:47%;height:40.38%;bottom:0;left:6.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-ready-to-go{width:51.33%;height:38.08%;bottom:1.73%;right:4.83%}body.page-monthly-bundles .section-graphic .bottom-graphic-adaptive{width:55%;height:39.23%;bottom:0;left:10%}body.page-monthly-bundles .section-graphic .bottom-graphic-customer{width:53.33%;height:51.92%;bottom:.77%;right:5%}body.page-monthly-bundles .section-graphic .bottom-graphic-behavior{width:60.33%;height:31.54%;bottom:1.73%;left:5%}body.page-monthly-bundles .section-graphic .bottom-graphic-eco-friendly{width:67%;height:36.92%;bottom:5.58%;right:0}body.page-monthly-bundles .section-graphic .bottom-graphic-social-media{width:51.33%;height:53.85%;bottom:1.92%;left:6.67%}body.page-monthly-bundles .section-graphic .bottom-graphic-lifecycle{width:61.67%;height:39.62%;bottom:3.85%;right:3.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-targeted-sms{width:47%;height:40.38%;bottom:0;left:6.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-reporting{width:56.67%;height:44.23%;bottom:3.85%;right:5%}body.page-monthly-bundles .section-graphic .bottom-graphic-streamlined-quote{width:48%;height:41.92%;bottom:3.46%;left:3.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-streamlined-quote-sec{width:39.67%;height:8.84%;bottom:10.96%;right:3.67%}body.page-monthly-bundles .section-graphic .bottom-graphic-unified{width:68.33%;height:28.08%;bottom:5.77%;right:3.33%}body.page-monthly-bundles .section-graphic .bottom-graphic-transparent-overview{width:68.67%;height:43.85%;left:3.33%;bottom:.58%}body.page-monthly-bundles .section-graphic .bottom-graphic-advanced-reporting{width:70.67%;height:36.15%;bottom:4.04%;right:5%}body.page-monthly-bundles .section-graphic .bottom-graphic-smooth-task{width:53.33%;height:27.31%;left:14.17%;bottom:3.08%}body.page-monthly-bundles .section-graphic .bottom-graphic-presonalized-sms{width:47%;height:40.38%;right:6.33%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-trusted{width:70%;height:31.15%;left:5%;bottom:3.65%}body.page-monthly-bundles .section-graphic .bottom-graphic-interactive{width:58%;height:32.31%;right:8.5%;bottom:5.96%}body.page-monthly-bundles .section-graphic .bottom-graphic-ban-handling{width:56.67%;height:35.77%;left:10.17%;bottom:3.85%}body.page-monthly-bundles .section-graphic .bottom-graphic-intelligent{width:53.33%;height:30.77%;right:3.33%;bottom:4.42%}body.page-monthly-bundles .section-graphic .bottom-graphic-resource-usage{width:49.33%;height:42.31%;left:11.67%;bottom:3.08%}body.page-monthly-bundles .section-graphic .bottom-graphic-experience-driven{width:53.33%;height:51.92%;right:5%;bottom:.77%}body.page-monthly-bundles .section-graphic .bottom-graphic-sustainable{width:67%;height:37.12%;left:0;bottom:5.38%}body.page-monthly-bundles .section-graphic .bottom-graphic-social-login{width:51.33%;height:53.85%;right:6.67%;bottom:1.92%}body.page-monthly-bundles .section-graphic .bottom-graphic-hosting-cpanel{width:65.33%;height:38.46%;right:9%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-hosting-plesk{width:71.3334%;height:31.155%;right:7.67%;bottom:9.8%}body.page-monthly-bundles .section-graphic .bottom-graphic-hosting-directadmin{width:68.5%;height:35.77%;right:2.67%;bottom:6.73%}body.page-monthly-bundles .section-graphic .bottom-graphic-complete{width:45.84%;height:29.24%;left:15%;bottom:3.85%}body.page-monthly-bundles .section-graphic .bottom-graphic-ip-addresses{width:65.17%;height:37.31%;right:9.17%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-remote-wordpress{width:62.33%;height:52.31%;left:10%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-resource-usage-billing{width:52%;height:51.73%;right:11.67%;bottom:5.58%}body.page-monthly-bundles .section-graphic .bottom-graphic-cycles{width:76.67%;height:30%;left:6.67%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-resource-under-control{width:49.333333%;height:42.31%;right:11.67%;bottom:3.27%}body.page-monthly-bundles .section-graphic .bottom-graphic-adresses-unlocked{width:56.666666%;height:35.77%;left:10.17%;bottom:3.85%}body.page-monthly-bundles .section-graphic .bottom-graphic-smart-loader{width:52.83%;height:42.88%;right:6.67%;bottom:0}body.page-monthly-bundles .section-graphic .bottom-graphic-handy-domain{width:51.33%;height:37.31%;left:19.83%;bottom:0}body.page-monthly-bundles .section.section-graphic .line-graphic svg{width:100%;height:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic{height:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-flexible{width:103.84%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-seamless{width:103.34%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-effortles,body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-streamlined-vm{width:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-owned-server-provisioning{width:102.67%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-droplet,body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-seamless-account,body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-server-provisioning,body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-smart-server,body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-tailored{width:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-plesk-seamless-account{width:100%;height:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-directadmin-seamless-account,body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-handy-domain{width:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-streamlined{width:102.16%;left:unset;right:0}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-smart-reminder{width:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-smart-discount{width:108.67%;height:100.96%;left:-4%;right:unset;top:-.9%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-eco-friendly{width:105.85%;left:-2.5%;right:unset}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-shopping-cart{width:103.67%;left:-3.5%;right:unset}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-trial-access{width:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-customer-lifecycle{width:103.17%;left:0;right:unset}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-streamlined-quote{width:100%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-transparent-spending{width:102.34%;left:unset;right:0}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-advanced-financial{width:102.67%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-intractive-popup{width:103.67%}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-sustainable{width:105.17%;left:unset;right:0}body.page-monthly-bundles .section.section-graphic .line-graphic.line-graphic-trusted-credential{width:102.34%;left:unset;right:0}body.page-monthly-bundles .bundle-hosting-account-provisioning.package{border-color:var(--solid-cpanel)!important}body.page-monthly-bundles .bundle-hosting-account-provisioning.package .package-icon{background:var(--bundle-bg-cpanel)}body.page-monthly-bundles .bundle-hosting-account-provisioning.package .package-icon:after,body.page-monthly-bundles .bundle-hosting-account-provisioning.package .package-icon:before{background-color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-hosting-account-provisioning.package .package-action{color:var(--solid-cpanel-lighter)}body.page-monthly-bundles .bundle-hosting-account-provisioning.package:hover .package-title{color:var(--solid-cpanel-lighter)}body.page-monthly-bundles .bundle-hosting-account-provisioning:hover .tile-title{color:var(--solid-cpanel-lighter)}body.page-monthly-bundles .bundle-hosting-account-provisioning:hover .tile-action svg path{stroke:var(--solid-cpanel-lighter)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass.package{border-color:var(--solid-hetzner-cloud)!important}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass.package .package-icon{background:var(--gradients-hetzner-cloud-flip)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass.package .package-icon:after,body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass.package .package-icon:before{background-color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass.package .package-action{color:var(--solid-hetzner-cloud-lighter)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass.package:hover .package-title{color:var(--solid-hetzner-cloud-lighter)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass:hover .tile-title{color:var(--solid-hetzner-cloud-lighter)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-lass:hover .tile-action svg path{stroke:var(--solid-hetzner-cloud-lighter)}body.page-monthly-bundles .bundle-domains-reseller.package{border-color:var(--solid-domain-reseller)!important}body.page-monthly-bundles .bundle-domains-reseller.package .package-icon{background:var(--bundle-bg-domain-reseller)}body.page-monthly-bundles .bundle-domains-reseller.package .package-icon:after,body.page-monthly-bundles .bundle-domains-reseller.package .package-icon:before{background-color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domains-reseller.package .package-action{color:var(--solid-domain-reseller-lighter)}body.page-monthly-bundles .bundle-domains-reseller.package:hover .package-title{color:var(--solid-domain-reseller-lighter)}body.page-monthly-bundles .bundle-domains-reseller:hover .tile-title{color:var(--solid-domain-reseller-lighter)}body.page-monthly-bundles .bundle-domains-reseller:hover .tile-action svg path{stroke:var(--solid-domain-reseller-lighter)}body.page-monthly-bundles .bundle-commerce.package{border-color:var(--solid-commerce)!important}body.page-monthly-bundles .bundle-commerce.package .package-icon{background:var(--bundle-bg-commerce)}body.page-monthly-bundles .bundle-commerce.package .package-icon:after,body.page-monthly-bundles .bundle-commerce.package .package-icon:before{background-color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce.package .package-action{color:var(--solid-commerce-lighter)}body.page-monthly-bundles .bundle-commerce.package:hover .package-title{color:var(--solid-commerce-lighter)}body.page-monthly-bundles .bundle-commerce:hover .tile-title{color:var(--solid-commerce-lighter)}body.page-monthly-bundles .bundle-commerce:hover .tile-action svg path{stroke:var(--solid-commerce-lighter)}body.page-monthly-bundles .package-coming-soon-form.package{border-color:var(--typography-lighter-1)!important}body.page-monthly-bundles .package-coming-soon-form.package .package-icon{background:linear-gradient(180deg,#6b7488,#8d94a6)}body.page-monthly-bundles .package-coming-soon-form.package .package-icon:after,body.page-monthly-bundles .package-coming-soon-form.package .package-icon:before{background-color:var(--typography-lighter-1)}body.page-monthly-bundles .package-coming-soon-form.package .package-action{color:var(--solid-commerce-lighter)}body.page-monthly-bundles .package-coming-soon-form.package .package-title{color:var(--typography-lighter-1)}body.page-monthly-bundles .bundle-crm.package{border-color:var(--solid-crm)!important}body.page-monthly-bundles .bundle-crm.package .package-icon{background:var(--bundle-bg-crm)}body.page-monthly-bundles .bundle-crm.package .package-icon:after,body.page-monthly-bundles .bundle-crm.package .package-icon:before{background-color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm.package .package-action{color:var(--solid-crm-lighter)}body.page-monthly-bundles .bundle-crm.package:hover .package-title{color:var(--solid-crm-lighter)}body.page-monthly-bundles .bundle-crm:hover .tile-title{color:var(--solid-crm-lighter)}body.page-monthly-bundles .bundle-crm:hover .tile-action svg path{stroke:var(--solid-crm-lighter)}body.page-monthly-bundles .bundle-accounting.package{border-color:var(--solid-accounting)!important}body.page-monthly-bundles .bundle-accounting.package .package-icon{background:var(--bundle-bg-accounting)}body.page-monthly-bundles .bundle-accounting.package .package-icon:after,body.page-monthly-bundles .bundle-accounting.package .package-icon:before{background-color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting.package .package-action{color:var(--solid-accounting-lighter)}body.page-monthly-bundles .bundle-accounting.package:hover .package-title{color:var(--solid-accounting-lighter)}body.page-monthly-bundles .bundle-accounting:hover .tile-title{color:var(--solid-accounting-lighter)}body.page-monthly-bundles .bundle-accounting:hover .tile-action svg path{stroke:var(--solid-accounting-lighter)}body.page-monthly-bundles .bundle-customer-experience.package{border-color:var(--solid-customer-experience)!important}body.page-monthly-bundles .bundle-customer-experience.package .package-icon{background:var(--bundle-bg-customer-experience)}body.page-monthly-bundles .bundle-customer-experience.package .package-icon:after,body.page-monthly-bundles .bundle-customer-experience.package .package-icon:before{background-color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience.package .package-action{color:var(--solid-customer-experience-lighter)}body.page-monthly-bundles .bundle-customer-experience.package:hover .package-title{color:var(--solid-customer-experience-lighter)}body.page-monthly-bundles .bundle-customer-experience:hover .tile-title{color:var(--solid-customer-experience-lighter)}body.page-monthly-bundles .bundle-customer-experience:hover .tile-action svg path{stroke:var(--solid-customer-experience-lighter)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned.package{border-color:var(--solid-vultr)!important}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned.package .package-icon{background:var(--gradients-vultr-vps-flip)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned.package .package-icon:after,body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned.package .package-icon:before{background-color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned.package .package-action{color:#33bfff}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned.package:hover .package-title{color:#33bfff}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned:hover .tile-title{color:#33bfff}body.page-monthly-bundles .bundle-vps-cloud-provisioning-owned:hover .tile-action svg path{stroke:#33bfff}body.page-monthly-bundles .bundle-proxmox-vevps-cloud.banner-background-gradient,body.page-monthly-bundles .bundle-proxmox-vevps-cloud.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-proxmox-vevps-cloud .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-proxmox-vevps-cloud .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-proxmox-vevps-cloud.section-cta{background:var(--bundle-bg-proxmox-ve)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud .bundle-modules-list{border-color:var(--solid-proxmox-ve-lighter)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud .banner-label .banner-label-badge{color:var(--solid-proxmox-ve)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud .banner-actions .btn-white:before{background:var(--buttons-bg-g-promox-ve)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud .banner-actions .btn-white span:not(.h6){color:var(--solid-proxmox-ve-lighter)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-proxmox-vevps-cloud .banner-actions .btn-white:hover span{color:var(--solid-proxmox-ve-lighter)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud.section-cta .btn-white:before{background:var(--buttons-bg-g-promox-ve)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud.section-cta .btn-white span:not(.h4){color:var(--solid-proxmox-ve-lighter)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-proxmox-vevps-cloud.section-cta .btn-white:hover span{color:var(--solid-proxmox-ve-lighter)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud.bundle-modules-tab-item .icon{background:var(--gradients-proxmox-ve-flip)}body.page-monthly-bundles .bundle-proxmox-vevps-cloud .animating{background:linear-gradient(90deg,#fef2e7 40%,var(--solid-cpanel-lighter) 60%,var(--solid-cpanel-lighter))}body.page-monthly-bundles .bundle-openstack-vps-cloud.banner-background-gradient,body.page-monthly-bundles .bundle-openstack-vps-cloud.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-openstack-vps-cloud .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-openstack-vps-cloud .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-openstack-vps-cloud.section-cta{background:var(--bundle-bg-openstack)}body.page-monthly-bundles .bundle-openstack-vps-cloud .bundle-modules-list{border-color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-vps-cloud .banner-label .banner-label-badge{color:var(--solid-openstack)}body.page-monthly-bundles .bundle-openstack-vps-cloud .banner-actions .btn-white:before{background:var(--buttons-bg-g-openstack)}body.page-monthly-bundles .bundle-openstack-vps-cloud .banner-actions .btn-white span:not(.h6){color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-vps-cloud .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-openstack-vps-cloud .banner-actions .btn-white:hover span{color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-vps-cloud.section-cta .btn-white:before{background:var(--buttons-bg-g-openstack)}body.page-monthly-bundles .bundle-openstack-vps-cloud.section-cta .btn-white span:not(.h4){color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-vps-cloud.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-openstack-vps-cloud.section-cta .btn-white:hover span{color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-vps-cloud.bundle-modules-tab-item .icon{background:var(--gradients-openstack-vps-cloud-flip)}body.page-monthly-bundles .bundle-openstack-vps-cloud .animating{background:linear-gradient(90deg,#fee6e6 40%,var(--solid-openstack-lighter) 60%,var(--solid-openstack-lighter))}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.banner-background-gradient,body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.section-cta{background:var(--bundle-bg-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .bundle-modules-list{border-color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .banner-label .banner-label-badge{color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .banner-actions .btn-white:before{background:var(--buttons-bg-g-solution-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .banner-actions .btn-white span:not(.h6){color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .banner-actions .btn-white:hover span{color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.section-cta .btn-white:before{background:var(--buttons-bg-g-solution-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.section-cta .btn-white span:not(.h4){color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.section-cta .btn-white:hover span{color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud.bundle-modules-tab-item .icon{background:var(--gradients-solusvm-2-vps-cloud-flip)}body.page-monthly-bundles .bundle-solusvm-2-vps-cloud .animating{background:linear-gradient(90deg,#d8f2fd 40%,var(--solid-solus-2) 60%,var(--solid-solus-2))}body.page-monthly-bundles .bundle-openstack-projects.banner-background-gradient,body.page-monthly-bundles .bundle-openstack-projects.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-openstack-projects .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-openstack-projects .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-openstack-projects.section-cta{background:var(--bundle-bg-openstack)}body.page-monthly-bundles .bundle-openstack-projects .bundle-modules-list{border-color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-projects .banner-label .banner-label-badge{color:var(--solid-openstack)}body.page-monthly-bundles .bundle-openstack-projects .banner-actions .btn-white:before{background:var(--buttons-bg-g-openstack)}body.page-monthly-bundles .bundle-openstack-projects .banner-actions .btn-white span:not(.h6){color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-projects .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-openstack-projects .banner-actions .btn-white:hover span{color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-projects.section-cta .btn-white:before{background:var(--buttons-bg-g-openstack)}body.page-monthly-bundles .bundle-openstack-projects.section-cta .btn-white span:not(.h4){color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-projects.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-openstack-projects.section-cta .btn-white:hover span{color:var(--solid-openstack-lighter)}body.page-monthly-bundles .bundle-openstack-projects.bundle-modules-tab-item .icon{background:var(--gradients-openstack-vps-cloud-flip)}body.page-monthly-bundles .bundle-openstack-projects .animating{background:linear-gradient(90deg,#fee6e6 40%,var(--solid-openstack-lighter) 60%,var(--solid-openstack-lighter))}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.banner-background-gradient,body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.section-cta{background:var(--bundle-bg-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .bundle-modules-list{border-color:var(--solid-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .banner-label .banner-label-badge{color:var(--solid-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .banner-actions .btn-white:before{background:var(--buttons-bg-g-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .banner-actions .btn-white span:not(.h6){color:var(--solid-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .banner-actions .btn-white:hover span{color:var(--solid-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.section-cta .btn-white:before{background:var(--buttons-bg-g-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.section-cta .btn-white span:not(.h4){color:var(--solid-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.section-cta .btn-white:hover span{color:var(--solid-virtuozzo)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server.bundle-modules-tab-item .icon{background:var(--gradients-virtuozzo-s3-flip)}body.page-monthly-bundles .bundle-virtuozzo-hybrid-server .animating{background:linear-gradient(90deg,#fbe4e9 40%,var(--solid-virtuozzo) 60%,var(--solid-virtuozzo))}body.page-monthly-bundles .bundle-solusvm-extended-vps.banner-background-gradient,body.page-monthly-bundles .bundle-solusvm-extended-vps.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-solusvm-extended-vps .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-solusvm-extended-vps .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-solusvm-extended-vps.section-cta{background:var(--bundle-bg-solus-1)}body.page-monthly-bundles .bundle-solusvm-extended-vps .bundle-modules-list{border-color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-extended-vps .banner-label .banner-label-badge{color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-extended-vps .banner-actions .btn-white:before{background:var(--buttons-bg-g-solution)}body.page-monthly-bundles .bundle-solusvm-extended-vps .banner-actions .btn-white span:not(.h6){color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-extended-vps .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-solusvm-extended-vps .banner-actions .btn-white:hover span{color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-extended-vps.section-cta .btn-white:before{background:var(--buttons-bg-g-solution)}body.page-monthly-bundles .bundle-solusvm-extended-vps.section-cta .btn-white span:not(.h4){color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-extended-vps.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-solusvm-extended-vps.section-cta .btn-white:hover span{color:var(--solid-solus-2)}body.page-monthly-bundles .bundle-solusvm-extended-vps.bundle-modules-tab-item .icon{background:var(--gradients-solusvm-extended-flip)}body.page-monthly-bundles .bundle-solusvm-extended-vps .animating{background:linear-gradient(90deg,#d7f4ff 40%,var(--solid-solus-2) 60%,var(--solid-solus-2))}body.page-monthly-bundles .bundle-hetzner-cloud-servers.banner-background-gradient,body.page-monthly-bundles .bundle-hetzner-cloud-servers.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-hetzner-cloud-servers .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-hetzner-cloud-servers .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-hetzner-cloud-servers.section-cta{background:var(--bundle-bg-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers .bundle-modules-list{border-color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers .banner-label .banner-label-badge{color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers .banner-actions .btn-white:before{background:var(--buttons-bg-g-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers .banner-actions .btn-white span:not(.h6){color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-hetzner-cloud-servers .banner-actions .btn-white:hover span{color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers.section-cta .btn-white:before{background:var(--buttons-bg-g-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers.section-cta .btn-white span:not(.h4){color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-hetzner-cloud-servers.section-cta .btn-white:hover span{color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-hetzner-cloud-servers.bundle-modules-tab-item .icon{background:var(--gradients-hetzner-cloud-flip)}body.page-monthly-bundles .bundle-hetzner-cloud-servers .animating{background:linear-gradient(90deg,#fae5eb 40%,var(--solid-hetzner-cloud) 60%,var(--solid-hetzner-cloud))}body.page-monthly-bundles .bundle-vultr-vps.banner-background-gradient,body.page-monthly-bundles .bundle-vultr-vps.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-vultr-vps .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-vultr-vps .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-vultr-vps.section-cta{background:var(--bundle-bg-vultr)}body.page-monthly-bundles .bundle-vultr-vps .bundle-modules-list{border-color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vultr-vps .banner-label .banner-label-badge{color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vultr-vps .banner-actions .btn-white:before{background:var(--buttons-bg-g-vultr)}body.page-monthly-bundles .bundle-vultr-vps .banner-actions .btn-white span:not(.h6){color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vultr-vps .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-vultr-vps .banner-actions .btn-white:hover span{color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vultr-vps.section-cta .btn-white:before{background:var(--buttons-bg-g-vultr)}body.page-monthly-bundles .bundle-vultr-vps.section-cta .btn-white span:not(.h4){color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vultr-vps.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-vultr-vps.section-cta .btn-white:hover span{color:var(--solid-vultr)}body.page-monthly-bundles .bundle-vultr-vps.bundle-modules-tab-item .icon{background:var(--gradients-vultr-vps-flip)}body.page-monthly-bundles .bundle-vultr-vps .animating{background:linear-gradient(90deg,#e1f2ff 40%,var(--solid-vultr) 60%,var(--solid-vultr))}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.banner-background-gradient,body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.section-cta{background:var(--bundle-bg-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .bundle-modules-list{border-color:var(--solid-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .banner-label .banner-label-badge{color:var(--solid-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .banner-actions .btn-white:before{background:var(--buttons-bg-g-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .banner-actions .btn-white span:not(.h6){color:var(--solid-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .banner-actions .btn-white:hover span{color:var(--solid-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.section-cta .btn-white:before{background:var(--buttons-bg-g-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.section-cta .btn-white span:not(.h4){color:var(--solid-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.section-cta .btn-white:hover span{color:var(--solid-ovhcloud)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated.bundle-modules-tab-item .icon{background:var(--gradients-ovhcloud-vps-dedicated-servers-flip)}body.page-monthly-bundles .bundle-ovhcloud-vps-dedicated .animating{background:linear-gradient(90deg,#e0e9f5 40%,var(--solid-ovhcloud) 60%,var(--solid-ovhcloud))}body.page-monthly-bundles .bundle-amazon-lightsail.banner-background-gradient,body.page-monthly-bundles .bundle-amazon-lightsail.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-amazon-lightsail .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-amazon-lightsail .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-amazon-lightsail.section-cta{background:var(--bundle-bg-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail .bundle-modules-list{border-color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail .banner-label .banner-label-badge{color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail .banner-actions .btn-white:before{background:var(--buttons-bg-g-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail .banner-actions .btn-white span:not(.h6){color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-amazon-lightsail .banner-actions .btn-white:hover span{color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail.section-cta .btn-white:before{background:var(--buttons-bg-g-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail.section-cta .btn-white span:not(.h4){color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-amazon-lightsail.section-cta .btn-white:hover span{color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-lightsail.bundle-modules-tab-item .icon{background:var(--gradients-amazon-lightsail-flip)}body.page-monthly-bundles .bundle-amazon-lightsail .animating{background:linear-gradient(90deg,#fcece3 40%,var(--solid-amazon) 60%,var(--solid-amazon))}body.page-monthly-bundles .bundle-digitalocean-droplets.banner-background-gradient,body.page-monthly-bundles .bundle-digitalocean-droplets.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-digitalocean-droplets .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-digitalocean-droplets .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-digitalocean-droplets.section-cta{background:var(--bundle-bg-digitalocean)}body.page-monthly-bundles .bundle-digitalocean-droplets .bundle-modules-list{border-color:var(--solid-digitalocean)}body.page-monthly-bundles .bundle-digitalocean-droplets .banner-label .banner-label-badge{color:var(--solid-digitalocean)}body.page-monthly-bundles .bundle-digitalocean-droplets .banner-actions .btn-white:before{background:var(--buttons-bg-g-digitalocean)}body.page-monthly-bundles .bundle-digitalocean-droplets .banner-actions .btn-white span:not(.h6){color:var(--solid-digitalocean-lighter)}body.page-monthly-bundles .bundle-digitalocean-droplets .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-digitalocean-droplets .banner-actions .btn-white:hover span{color:var(--solid-digitalocean-lighter)}body.page-monthly-bundles .bundle-digitalocean-droplets.section-cta .btn-white:before{background:var(--buttons-bg-g-digitalocean)}body.page-monthly-bundles .bundle-digitalocean-droplets.section-cta .btn-white span:not(.h4){color:var(--solid-digitalocean-lighter)}body.page-monthly-bundles .bundle-digitalocean-droplets.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-digitalocean-droplets.section-cta .btn-white:hover span{color:var(--solid-digitalocean-lighter)}body.page-monthly-bundles .bundle-digitalocean-droplets.bundle-modules-tab-item .icon{background:var(--gradients-digitalocean-droplets-flip)}body.page-monthly-bundles .bundle-digitalocean-droplets .animating{background:linear-gradient(90deg,#dcedff 40%,var(--solid-digitalocean-lighter) 60%,var(--solid-digitalocean-lighter))}body.page-monthly-bundles .bundle-amazon-ec2 .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-amazon-ec2 .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-amazon-ec2.banner-background-gradient,body.page-monthly-bundles .bundle-amazon-ec2.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-amazon-ec2.section-cta{background:var(--bundle-bg-amazon)}body.page-monthly-bundles .bundle-amazon-ec2 .bundle-modules-list{border-color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-ec2 .banner-label .banner-label-badge{color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-ec2 .banner-actions .btn-white:before{background:var(--buttons-bg-g-amazon)}body.page-monthly-bundles .bundle-amazon-ec2 .banner-actions .btn-white span:not(.h6){color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-ec2 .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-amazon-ec2 .banner-actions .btn-white:hover span{color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-ec2.section-cta .btn-white:before{background:var(--buttons-bg-g-amazon)}body.page-monthly-bundles .bundle-amazon-ec2.section-cta .btn-white span:not(.h4){color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-ec2.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-amazon-ec2.section-cta .btn-white:hover span{color:var(--solid-amazon)}body.page-monthly-bundles .bundle-amazon-ec2.bundle-modules-tab-item .icon{background:var(--gradients-amazon-lightsail-flip)}body.page-monthly-bundles .bundle-amazon-ec2 .animating{background:linear-gradient(90deg,#fcece3 40%,var(--solid-amazon) 60%,var(--solid-amazon))}body.page-monthly-bundles .bundle-domain-reseller.banner-background-gradient,body.page-monthly-bundles .bundle-domain-reseller.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-domain-reseller .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-domain-reseller .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-domain-reseller.section-cta{background:var(--bundle-bg-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller .bundle-modules-list{border-color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller .banner-label .banner-label-badge{color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller .banner-actions .btn-white:before{background:var(--buttons-bg-g-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller .banner-actions .btn-white span:not(.h6){color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-domain-reseller .banner-actions .btn-white:hover span{color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller.section-cta .btn-white:before{background:var(--buttons-bg-g-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller.section-cta .btn-white span:not(.h4){color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-domain-reseller.section-cta .btn-white:hover span{color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-domain-reseller .animating{background:linear-gradient(90deg,#e1f5ef 40%,var(--solid-domain-reseller) 60%,var(--solid-domain-reseller))}body.page-monthly-bundles .bundle-commerce.banner-background-gradient,body.page-monthly-bundles .bundle-commerce.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-commerce .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-commerce .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-commerce.section-cta{background:var(--bundle-bg-commerce)}body.page-monthly-bundles .bundle-commerce .bundle-modules-list{border-color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce .banner-label .banner-label-badge{color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce .banner-actions .btn-white:before{background:var(--buttons-bg-g-commerce)}body.page-monthly-bundles .bundle-commerce .banner-actions .btn-white span:not(.h6){color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-commerce .banner-actions .btn-white:hover span{color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce.section-cta .btn-white:before{background:var(--buttons-bg-g-commerce)}body.page-monthly-bundles .bundle-commerce.section-cta .btn-white span:not(.h4){color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-commerce.section-cta .btn-white:hover span{color:var(--solid-commerce)}body.page-monthly-bundles .bundle-commerce .animating{background:linear-gradient(90deg,#fef1e1 40%,var(--solid-commerce) 60%,var(--solid-commerce))}body.page-monthly-bundles .bundle-crm.banner-background-gradient,body.page-monthly-bundles .bundle-crm.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-crm .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-crm .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-crm.section-cta{background:var(--bundle-bg-crm)}body.page-monthly-bundles .bundle-crm .bundle-modules-list{border-color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm .banner-label .banner-label-badge{color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm .banner-actions .btn-white:before{background:var(--buttons-bg-g-crm)}body.page-monthly-bundles .bundle-crm .banner-actions .btn-white span:not(.h6){color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-crm .banner-actions .btn-white:hover span{color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm.section-cta .btn-white:before{background:var(--buttons-bg-g-crm)}body.page-monthly-bundles .bundle-crm.section-cta .btn-white span:not(.h4){color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-crm.section-cta .btn-white:hover span{color:var(--solid-crm)}body.page-monthly-bundles .bundle-crm .animating{background:linear-gradient(90deg,#e1f3f4 40%,var(--solid-crm) 60%,var(--solid-crm))}body.page-monthly-bundles .bundle-accounting.banner-background-gradient,body.page-monthly-bundles .bundle-accounting.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-accounting .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-accounting .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-accounting.section-cta{background:var(--bundle-bg-accounting)}body.page-monthly-bundles .bundle-accounting .bundle-modules-list{border-color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting .banner-label .banner-label-badge{color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting .banner-actions .btn-white:before{background:var(--buttons-bg-g-accounting)}body.page-monthly-bundles .bundle-accounting .banner-actions .btn-white span:not(.h6){color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-accounting .banner-actions .btn-white:hover span{color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting.section-cta .btn-white:before{background:var(--buttons-bg-g-accounting)}body.page-monthly-bundles .bundle-accounting.section-cta .btn-white span:not(.h4){color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-accounting.section-cta .btn-white:hover span{color:var(--solid-accounting)}body.page-monthly-bundles .bundle-accounting .animating{background:linear-gradient(90deg,#e7fadb 40%,var(--solid-accounting) 60%,var(--solid-accounting))}body.page-monthly-bundles .bundle-customer-experience.banner-background-gradient,body.page-monthly-bundles .bundle-customer-experience.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-customer-experience .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-customer-experience .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-customer-experience.section-cta{background:var(--bundle-bg-customer-experience)}body.page-monthly-bundles .bundle-customer-experience .bundle-modules-list{border-color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience .banner-label .banner-label-badge{color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience .banner-actions .btn-white:before{background:var(--buttons-bg-g-customer-experience)}body.page-monthly-bundles .bundle-customer-experience .banner-actions .btn-white span:not(.h6){color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-customer-experience .banner-actions .btn-white:hover span{color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience.section-cta .btn-white:before{background:var(--buttons-bg-g-customer-experience)}body.page-monthly-bundles .bundle-customer-experience.section-cta .btn-white span:not(.h4){color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-customer-experience.section-cta .btn-white:hover span{color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-customer-experience .animating{background:linear-gradient(90deg,#e4dbf0 40%,var(--solid-customer-experience) 60%,var(--solid-customer-experience))}body.page-monthly-bundles .bundle-cpanel-extended.banner-background-gradient,body.page-monthly-bundles .bundle-cpanel-extended.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-cpanel-extended .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-cpanel-extended .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-cpanel-extended.section-cta{background:var(--bundle-bg-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended .bundle-modules-list{border-color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended .banner-label .banner-label-badge{color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended .banner-actions .btn-white:before{background:var(--buttons-bg-g-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended .banner-actions .btn-white span:not(.h6){color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-cpanel-extended .banner-actions .btn-white:hover span{color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended.section-cta .btn-white:before{background:var(--buttons-bg-g-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended.section-cta .btn-white span:not(.h4){color:var(--solid-cpanel-lighter)}body.page-monthly-bundles .bundle-cpanel-extended.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-cpanel-extended.section-cta .btn-white:hover span{color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-cpanel-extended.bundle-modules-tab-item .icon{background:var(--gradients-cpanel-extended-flip)}body.page-monthly-bundles .bundle-cpanel-extended .animating{background:linear-gradient(90deg,#fdece2 40%,var(--solid-cpanel) 60%,var(--solid-cpanel))}body.page-monthly-bundles .bundle-plesk-extended.banner-background-gradient,body.page-monthly-bundles .bundle-plesk-extended.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-plesk-extended .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-plesk-extended .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-plesk-extended.section-cta{background:var(--bundle-bg-plesk-extended)}body.page-monthly-bundles .bundle-plesk-extended .bundle-modules-list{border-color:var(--solid-plesk)}body.page-monthly-bundles .bundle-plesk-extended .banner-label .banner-label-badge{color:var(--solid-plesk)}body.page-monthly-bundles .bundle-plesk-extended .banner-actions .btn-white:before,body.page-monthly-bundles .bundle-plesk-extended .banner-actions.loading:before{background:var(--buttons-bg-g-plesk)}body.page-monthly-bundles .bundle-plesk-extended .banner-actions .btn-white span:not(.h6),body.page-monthly-bundles .bundle-plesk-extended .banner-actions.loading span:not(.h6){color:var(--solid-plesk)}body.page-monthly-bundles .bundle-plesk-extended .banner-actions .btn-white:hover span,body.page-monthly-bundles .bundle-plesk-extended .banner-actions.loading:hover span{color:var(--solid-plesk)}body.page-monthly-bundles .bundle-plesk-extended.section-cta .btn-white:before{background:var(--buttons-bg-g-plesk)}body.page-monthly-bundles .bundle-plesk-extended.section-cta .btn-white span:not(.h4){color:var(--solid-plesk-lighter)}body.page-monthly-bundles .bundle-plesk-extended.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-plesk-extended.section-cta .btn-white:hover span{color:var(--solid-plesk)}body.page-monthly-bundles .bundle-plesk-extended.bundle-modules-tab-item .icon{background:var(--plesk-extended-flip)}body.page-monthly-bundles .bundle-plesk-extended .animating{background:linear-gradient(90deg,#e2ebfd 40%,var(--solid-plesk) 60%,var(--solid-plesk))}body.page-monthly-bundles .bundle-directadmin-extended.banner-background-gradient,body.page-monthly-bundles .bundle-directadmin-extended.bundle-modules-list-label-bg,body.page-monthly-bundles .bundle-directadmin-extended .bundle-modules-list-label-bg-after,body.page-monthly-bundles .bundle-directadmin-extended .bundle-modules-list-label-bg-before,body.page-monthly-bundles .bundle-directadmin-extended.section-cta{background:var(--bundle-bg-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended .bundle-modules-list{border-color:var(--solid-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended .banner-label .banner-label-badge{color:var(--solid-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended .banner-actions .btn-white:before{background:var(--buttons-bg-g-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended .banner-actions .btn-white span:not(.h6){color:var(--solid-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended .banner-actions .btn-white.loading span,body.page-monthly-bundles .bundle-directadmin-extended .banner-actions .btn-white:hover span{color:var(--solid-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended.section-cta .btn-white:before{background:var(--buttons-bg-g-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended.section-cta .btn-white span:not(.h4){color:var(--solid-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended.section-cta .btn-white.loading span,body.page-monthly-bundles .bundle-directadmin-extended.section-cta .btn-white:hover span{color:var(--solid-direct-admin)}body.page-monthly-bundles .bundle-directadmin-extended.bundle-modules-tab-item .icon{background:var(--gradients-directadmin-flip)}body.page-monthly-bundles .bundle-directadmin-extended .animating{background:linear-gradient(90deg,#e4f6fb 40%,var(--solid-direct-admin) 60%,var(--solid-direct-admin))}body.page-monthly-bundles .bundle-landing-page.banner-background-gradient{background:var(--bundle-bg-landing-page)}body.page-monthly-bundles .bundle-landing-page .banner-label .banner-label-badge{color:#154ea1}body.page-monthly-bundles .bundle-landing-page .bundle-hosting-account-provisioning.tile:before{background:var(--bundle-bg-cpanel)}body.page-monthly-bundles .bundle-landing-page .bundle-hosting-account-provisioning.tile .tile-icon{background:var(--bundle-bg-cpanel)}body.page-monthly-bundles .bundle-landing-page .bundle-hosting-account-provisioning.tile .tile-icon:after{background-color:var(--solid-cpanel-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-hosting-account-provisioning.tile .tile-icon:before{background-color:var(--solid-cpanel)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-lass.tile:before{background:var(--gradients-hetzner-cloud-flip)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-lass.tile .tile-icon{background:var(--gradients-hetzner-cloud-flip)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-lass.tile .tile-icon:after{background-color:var(--solid-hetzner-cloud-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-lass.tile .tile-icon:before{background-color:var(--solid-hetzner-cloud)}body.page-monthly-bundles .bundle-landing-page .bundle-domains-reseller.tile:before{background:var(--bundle-bg-domain-reseller)}body.page-monthly-bundles .bundle-landing-page .bundle-domains-reseller.tile .tile-icon{background:var(--bundle-bg-domain-reseller)}body.page-monthly-bundles .bundle-landing-page .bundle-domains-reseller.tile .tile-icon:after{background-color:var(--solid-domain-reseller-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-domains-reseller.tile .tile-icon:before{background-color:var(--solid-domain-reseller)}body.page-monthly-bundles .bundle-landing-page .bundle-commerce.tile:before{background:var(--bundle-bg-commerce)}body.page-monthly-bundles .bundle-landing-page .bundle-commerce.tile .tile-icon{background:var(--bundle-bg-commerce)}body.page-monthly-bundles .bundle-landing-page .bundle-commerce.tile .tile-icon:after{background-color:var(--solid-commerce-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-commerce.tile .tile-icon:before{background-color:var(--solid-commerce)}body.page-monthly-bundles .bundle-landing-page .bundle-crm.tile:before{background:var(--bundle-bg-crm)}body.page-monthly-bundles .bundle-landing-page .bundle-crm.tile .tile-icon{background:var(--bundle-bg-crm)}body.page-monthly-bundles .bundle-landing-page .bundle-crm.tile .tile-icon:after{background-color:var(--solid-crm-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-crm.tile .tile-icon:before{background-color:var(--solid-crm)}body.page-monthly-bundles .bundle-landing-page .bundle-accounting.tile:before{background:var(--bundle-bg-accounting)}body.page-monthly-bundles .bundle-landing-page .bundle-accounting.tile .tile-icon{background:var(--bundle-bg-accounting)}body.page-monthly-bundles .bundle-landing-page .bundle-accounting.tile .tile-icon:after{background-color:var(--solid-accounting-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-accounting.tile .tile-icon:before{background-color:var(--solid-accounting)}body.page-monthly-bundles .bundle-landing-page .bundle-customer-experience.tile:before{background:var(--bundle-bg-customer-experience)}body.page-monthly-bundles .bundle-landing-page .bundle-customer-experience.tile .tile-icon{background:var(--bundle-bg-customer-experience)}body.page-monthly-bundles .bundle-landing-page .bundle-customer-experience.tile .tile-icon:after{background-color:var(--solid-customer-experience-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-customer-experience.tile .tile-icon:before{background-color:var(--solid-customer-experience)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-owned.tile:before{background:var(--gradients-vultr-vps-flip)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-owned.tile .tile-icon{background:var(--gradients-vultr-vps-flip)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-owned.tile .tile-icon:after{background-color:var(--solid-vultr-lighter)}body.page-monthly-bundles .bundle-landing-page .bundle-vps-cloud-provisioning-owned.tile .tile-icon:before{background-color:var(--solid-vultr)}body.page-monthly-bundles .dns-manager-bg{background:var(--gradients-dns-manager-flip)}body.page-monthly-bundles .advanced-billing-bg{background:var(--advanced-billing-flip)}body.page-monthly-bundles .ip-manager-bg{background:var(--ip-manager-flip)}body.page-monthly-bundles .hosting-renewals-bg{background:var(--hosting-renewals-flip)}body.page-monthly-bundles .server-allocator-bg{background:var(--server-allocator-flip)}body.page-monthly-bundles .sms-center-bg{background:var(--gradients-sms-center-flip)}body.page-monthly-bundles .openstack-bg{background:var(--gradients-openstack-vps-cloud-flip)}body.page-monthly-bundles .proxmox-ve-bg{background:var(--gradients-proxmox-ve-flip)}body.page-monthly-bundles .virtuozzo-bg{background:var(--gradients-virtuozzo-s3-flip)}body.page-monthly-bundles .solusvm2-bg{background:var(--gradients-solusvm-2-vps-cloud-flip)}body.page-monthly-bundles .solusvm-bg{background:var(--gradients-solusvm-extended-flip)}body.page-monthly-bundles .hosting-quota-notifications-bg{background:var(--gradients-hosting-quota-notifications-flip)}body.page-monthly-bundles .server-monitoring-tool-bg{background:var(--gradients-server-monitoring-flip)}body.page-monthly-bundles .domains-reseller-bg{background:var(--gradients-domains-reseller-flip)}body.page-monthly-bundles .domain-orders-extended-bg{background:var(--gradients-domain-orders-extended-flip)}body.page-monthly-bundles .email-notifications-organizer-bg{background:var(--gradients-email-notifications-organizer-flip)}body.page-monthly-bundles .discount-center-bg{background:var(--gradients-discount-center-flip)}body.page-monthly-bundles .payment-gateway-charges-bg{background:var(--gradients-payment-gateway-flip)}body.page-monthly-bundles .product-free-trial-manager-bg{background:var(--gradients-product-free-trial-manager-flip)}body.page-monthly-bundles .marketing-triggers-automation-bg{background:var(--gradients-marketing-triggers-automation-flip)}body.page-monthly-bundles .abandoned-cart-bg{background:var(--gradients-abandoned-cart-flip)}body.page-monthly-bundles .product-linker-bg{background:var(--gradients-product-linker-flip)}body.page-monthly-bundles .payment-gateway-allocator-bg{background:var(--gradients-payment-gateway-flip)}body.page-monthly-bundles .product-feedback-center-bg{background:var(--gradients-product-feedback-flip)}body.page-monthly-bundles .google-analytics-bg{background:var(--gradients-google-analytics-flip)}body.page-monthly-bundles .social-media-login-bg{background:var(--gradients-social-media-login-flip)}body.page-monthly-bundles .crm-bg{background:var(--gradients-crm-flip)}body.page-monthly-bundles .report-generator-bg{background:var(--gradients-report-generator-flip)}body.page-monthly-bundles .quotes-automation-bg{background:var(--gradients-quotes-automation-flip)}body.page-monthly-bundles .quickbooks-online-bg{background:var(--gradients-quickbooks-flip)}body.page-monthly-bundles .expense-tracker-bg{background:var(--gradients-expense-tracker-flip)}body.page-monthly-bundles .time-task-manager-bg{background:var(--gradients-time-task-manager-flip)}body.page-monthly-bundles .password-manager-bg{background:var(--gradients-password-manager-flip)}body.page-monthly-bundles .client-area-popup-bg{background:var(--gradients-client-area-popup-flip)}body.page-monthly-bundles .unban-center-bg{background:var(--gradients-unban-center-flip)}body.page-monthly-bundles .wordpress-manager-bg{background:var(--wordpress-manager-flip)}body.page-monthly-bundles .domain-allocator-bg{background:var(--domain-allocator-flip)}body.page-monthly-bundles .amazon-bg{background:var(--gradients-amazon-lightsail-flip)}body.page-monthly-bundles .digitalocean-bg{background:var(--gradients-digitalocean-droplets-flip)}body.page-monthly-bundles .hetzner-bg{background:var(--gradients-hetzner-cloud-flip)}body.page-monthly-bundles .vultr-bg{background:var(--gradients-vultr-vps-flip)}body.page-monthly-bundles .ovhcloud-bg{background:var(--gradients-ovhcloud-vps-dedicated-servers-flip)}body.page-monthly-bundles .cpanel-extended-bg{background:var(--gradients-cpanel-extended-flip)}body.page-monthly-bundles .plesk-extended-bg{background:var(--plesk-extended-flip)}body.page-monthly-bundles .direct-admin-extended-bg{background:var(--gradients-directadmin-flip)}body.page-monthly-bundles .line-graphic{visibility:hidden}body.page-monthly-bundles .animation-finished+.line-graphic{visibility:visible;animation-name:fadeInUp;animation-delay:.45s;animation-duration:.5s;animation-fill-mode:both}body.page-monthly-bundles .animation-finished+.line-graphic [data-line]{animation:pathAnimation;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-2]{animation:pathAnimation2;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-3]{animation:pathAnimation3;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-4]{animation:pathAnimation4;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-5]{animation:pathAnimation5;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-6]{animation:pathAnimation6;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-7]{animation:pathAnimation7;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-8]{animation:pathAnimation8;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-9]{animation:pathAnimation9;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-10]{animation:pathAnimation10;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}body.page-monthly-bundles .animation-finished+.line-graphic [data-line-11]{animation:pathAnimation11;animation-duration:1.5s;animation-delay:1.08s;will-change:transform,opacity;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes pathAnimation{0%{stroke-dashoffset:-650}to{stroke-dashoffset:0}}@keyframes pathAnimation2{0%{stroke-dashoffset:-520}to{stroke-dashoffset:0}}@keyframes pathAnimation3{0%{stroke-dashoffset:650}to{stroke-dashoffset:0}}@keyframes pathAnimation4{0%{stroke-dashoffset:-1000}to{stroke-dashoffset:0}}@keyframes pathAnimation5{0%{stroke-dashoffset:250}to{stroke-dashoffset:0}}@keyframes pathAnimation6{0%{stroke-dashoffset:-250}to{stroke-dashoffset:0}}@keyframes pathAnimation7{0%{stroke-dashoffset:360}to{stroke-dashoffset:0}}@keyframes pathAnimation8{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes pathAnimation9{0%{stroke-dashoffset:-1230}to{stroke-dashoffset:0}}@keyframes pathAnimation10{0%{stroke-dashoffset:1230}to{stroke-dashoffset:0}}@keyframes pathAnimation11{0%{stroke-dashoffset:-360}to{stroke-dashoffset:0}}@keyframes fadeInUpSm{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.page-monthly-bundles .fadeInUpSm{animation-name:fadeInUpSm}body.page-monthly-bundles .animating{border-radius:10px;z-index:0;height:400%;width:200%;display:flex;align-items:center;position:absolute;transition:opacity var(--base-transition);opacity:0}body.page-monthly-bundles .loading .animating{animation:rotation 2.5s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}
/*# sourceMappingURL=app.css.map */